@charset "utf-8";
/* CSS Document */

body
{
	background:#CCC;
	margin-top:0;
	font-size:16px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../img/body.jpg) repeat-x;
}
a {
	text-decoration:none;
	color:#900;
}
#principal
{
	width:1024px;
	height:100%;
	margin:10px auto 10px;
	padding:0 0 5px 0;
}
ul {
	list-style:none;
	padding:0;
	margin:0;
}
#menu
{
	height:101px;
	width:98%;
	text-align:center;
	padding:0 0 7px 2%;
	background:url(../img/menu.png) repeat-x;
}
font {
	font-size:15px;}
.logo {
	float:left;
	width:170px;
	margin-top:12px;
	margin-left:10px;
	text-align:center;
}
.whatsapp{
	width:780px;
	text-align:right;
	float:right;
	font-size:20px;
	padding-top:5px;
	padding-right:20px;
	height:70px;
	color:#900;
	}
.whatsapp img{
	vertical-align:-10px;
	height:35px;}
.link {
	float:right;
	width:800px;
	padding:0;
}
.link ul li {
	display:block;
	float:left;
	border:none;
	padding:3px 45px 0;
	color:#666;
	text-decoration:none;
	text-align:center;
	line-height:30px;
	margin:0;
}
.link ul li a
{
	color:#333;
	text-decoration:none;
	font-size:16px;
}
.link ul li a:hover
{
	color:#C60;
}
.dorpdown-cartao
{
	display:block;
	float:left;
	position:relative;
	text-align:left;
	z-index:5;
}
.dorpdown-cartao:hover ul
{
	display:block;
	background:#FFF;
	width:220px;
	left:0;
	right:0;
	top:5;
}
.dorpdown-cartao a
{
	display:block;
}
.dorpdown-cartao ul
{
	margin:0;
	padding:0;
	list-style:none;
	width:220px;
	display:none;
	position:absolute;
}
.dorpdown-cartao ul li
{
	width:220px;
	padding-left:10px;
	border-bottom:#000 groove 1px;
	background:url(../img/li.jpg) repeat-x;
}
.dorpdown-cartao ul li a
{
	display:block;
	text-decoration:none;
	text-align:left;
	padding:0;
	font-size:16px;
	line-height:30px;
}
.dorpdown-cartao ul li a:hover
{
	color:#C60;
}
#brinde
{width:100%; height:415px; margin-top:2px;}
#buffet-parceiro
{width:100%; height:850px; margin-top:2px;}
#brinde2
{width:100%; height:850px; margin-top:2px;}
#pgbrinde
{width:100%; height:600px; margin-top:2px;}
#menu-lateral
{
	display:block;
	float:left;
	width:200px;
	height:100%;
	margin-top:2px;
	background:#EFEFEF;
}
#menu-lateral ul li
{
	line-height:37px;
	background:url(../img/li.jpg) repeat-x;
	padding-left:5px
}
#menu-lateral ul li a
{
	color:#000;}
#menu-lateral ul li a:hover
{
	color:#900;}
#brinde-lembranca
{
	display:block;
	float:left;
	width:810px;
	height:100%;
	margin-left:10px;
	text-align:center;
}
#brinde-lembranca ul li
{
	width:24.7%;
	display:block;
	float:left;
	margin:0;
	line-height:25px;
	border:solid 1px #666666;
}
#buffet
{
	display:block;
	float:left;
	width:810px;
	height:100%;
	margin-left:10px;
	text-align:center;
}
#buffet p{
	text-align:left;
	text-indent:10px;
	line-height:25px;}
#buffet ul li{
	width:50%;
	display:block;
	float:left;}
#buffet ul li img{
	width:98%;}
#conteudo{
	display:block;
	float:left;
	width:810px;
	height:100%;
	margin-left:10px;
	text-align:center;}
#conteudo ul li{
	float:left;
	display:block;
	width:100%;}
#conteudo ul li.texto{
	float:left;
	display:block;
	text-align:left;
	padding:0 0 0 28px;
	width:95%;
	line-height:22px;
	margin-top:10px;}
#conteudo ul li img
{
	width:70%;}
#rodape
{
	position:absolute;
	background: #efefef;
	width: 100%;
	height:180px;
	left:0;
	font-size: 12px;
}
#center
{
	width:1024px;
	margin:10px auto 10px;
}
#nav
{
	display:block;
	float:left;
	width:16%;
	line-height:19px;
	border-right:#CCC solid 1px;}
#nav ul li a:hover{
	color:#000;}
#relacionados
{
	float:left;
	margin-left:9px;
	width:22%;
	line-height:22px;}
#relacionados ul li a:hover{
	color:#000;}
#contact
{
	float:left;
	font-size:12px;
	width:60%;
	color:#000;
	text-align:center;
	margin-left:9px;
	border-left:#CCC solid 1px;
}
#contact .horario{
	width:100%;
text-align:center;}
#contact ul
{
	display:block;
	float:left;
	margin-top:5px;
}
#contact ul li
{
	display:block;
	width:250px;
	text-decoration:none;
	line-height:16px;
	color:#900;
}
#contact ul li a
{
	text-decoration:none;
	color:#900;
}
#contact ul li img
{
	width:50px;
	border:none;
}
#contact ol
{
	display:block;
	float:right;
	width:55%;
	list-style:none;
	margin-top:10px;
	padding:0;
}
#contact ol li
{
	display:block;
	width:320px;
	text-decoration:none;
	line-height:16px;
	text-align:left;
	color:#900;
}
#contact ol li font
{
	padding-left:20px;
	line-height:16px;
}
#contact ol li a
{
	text-decoration:none;
	color:#900;
}
#contact ol li a:hover
{
	color:#000;
}
#contact ol li img
{
	width:50px;
	border:none;
}
#direitos
{
	width:100%;
	height:30px;
	padding:5px 0;
	margin-top:5px;
	float:left;
	text-align:center;
	border-top:#CCC solid 1px;
}
.fb-like{
	margin-left:10px;
	margin-top:2px;}
#contato2, #img2, #link-home, #outros, .whatsappcel {display:none;}

@media screen and (min-width: 769px) and (max-width: 1000px) {
body{background:#CCC; margin-top:0; font-size:30px; color:#000; font-family:Arial, Helvetica, sans-serif; background:url(../img/bodycel.jpg) repeat-x;}
a {text-decoration:none; color:#900;}
#principal {width:98%; height:100%; margin:10px auto 10px; padding:0 0 5px 0;}
#menu {height:200px; width:100%; text-align:center; padding:0; background:none;}
font {font-size:22.5px; line-height:30px;}
.logo {float:left; width:20%; margin-top:12px; margin-left:0; text-align:center;}
.whatsappcel{display:block; float:right; width:98%; height:85px; padding-top:4px; margin-top:2px; color:#FFF; padding-right:2%; text-align:center; background:#C00;}
.whatsappcel a {color:#FFF; }
.whatsappcel img{vertical-align:-8px; height:35px;}
.link {float:left; width:79%; padding:0; margin-left:1%}
#link-home {display:block;}
.link ul li {display:block; float:left; border:#FFF solid 1px; padding:0; color:#900; text-align:center; line-height:35px; margin:1% 1%; width:47%;}
.link ul li a{color:#333; text-decoration:none; font-size:30px;}
.dorpdown-cartao{display:block; float:left; position:relative; text-align:left; z-index:4;}
.dorpdown-cartao:hover ul{display:none; background:#FFF; width:100%; left:0; right:0; top:8;}
.dorpdown-cartao a{display:block;}
.dorpdown-cartao a font{font-size:30px; line-height:35px;}
.dorpdown-cartao ul{margin:0; padding:0; list-style:none; width:100%; display:none; position:absolute;}
.dorpdown-cartao ul li{width:98%; border-bottom:#000 groove 1px; border-left:none; background:url(../img/li.jpg) repeat-x;}
.dorpdown-cartao ul li a{display:none; text-decoration:none; text-align:left; padding:0; padding-left:2%; font-size:25px; line-height:35px;}
#brinde, #brinde2, #pgbrinde, #promos_jogos, #brinde-lembranca, #conteudo {width:100%; height:100%; margin-left:0;}
#brinde-lembranca {font-size:30px;}
#brinde-lembranca ul li{width:98%; height:100%; display:block; float:left; margin:1%; background:#E4E4F7; padding-bottom:5px;}
#brinde-lembranca ul li h3{	color:#900; line-height:normal;}
#brinde-lembranca ul li img {width:80%;}
#mais,#mais2 {width:100%; height:30px;}
#mais ul li, #mais2 ul li{display:block; float:left; width:50%; line-height:20px; margin:0; line-height:35px; background:none;}
#mais ul li.large, #mais2 ul li.large {display:none;}
#img2{display:block;}
#img2 img { width:90%;}
#conteudo ul li.texto{line-height:32px;}
#conteudo ul li img{width:80%;}
#outros {display:block; float:left; width:100%; margin-top:10px;}
#outros a {display:block;width:100%;}
#outros:hover {background-color:#930; color:#930;}
#outros.open {background-position: center center; background-repeat: no-repeat;}
.primary-nav {
	width: 100%;
	float: none;
	background-color:#E6E6E6; /* change the menu color */
	display: block;
	height: 50px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	box-shadow: 0 1px 2px rgba(0,0,0,.6);
	z-index: 1000;
	clear: both;
	color: #333;
	font-size: 30px;
	line-height: 50px;
	text-align: center;
	border-radius: 5px;}
.primary-nav:hover {
	color:#FFF;
	background-color:#666;
	border-top-color: transparent;}
.primary-nav li {
	display: none;
	width: 100%;}
.primary-nav li a {
	display: block;
	width: 90%;
	padding:10px 3%;
	font-size: 20px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid rgba(0,0,0,.2);
	border-top: 1px solid rgba(255,255,255,.1);
	line-height:20px;
	text-align:left;
	background-color:#E6E6E6;}
.primary-nav li a:hover {
	background-color:#666;
	border-top-color: transparent;}
.primary-nav > li:first-child {
	border-top: 1px solid #666;}
.primary-nav.open { 
	height: auto;
	color:#333;}
.primary-nav.open li { 
	display: block;}
.primary-nav li ul {
	display: none;
	background: rgba(0,0,0,.5);
	border-top: 0 none;
	padding: 0;}
.primary-nav li ul a {
	border: 0 none;
	font-size: 12px;
	padding: 10px 5%;
	font-weight: normal;}
.primary-nav li:hover ul {
	display: block;
	border-top: 0 none;}
#contato2{display:block; float:left; font-size:32px; text-align:center; margin-top:2%; width:100%;}
#contato2 ul li{width:100%; line-height:50px; background:url(../img/licont.jpg); margin:10px 0;}
#contato2 ul li img{width:10%;}
.fb-like, .fb-share-button { margin-left:0; margin-top:0; padding-top:10px; display:block; height:45px; float:left; width:49%; background:url(../img/licont.jpg);}
.fb-like { text-align:right; padding-right:1%;}
.fb-share-button { text-align:left; padding-left:1%;}
#sumir, #menu-lateral, #rodape, .img, .whatsapp {display:none;}
}
@media screen and (max-width: 768px) {
body{font-size:16px; background:url(../img/bodycel.jpg) repeat-x;}
#principal {width:98%; height:100%; margin:10px auto 10px; padding:0 0 5px 0;}
#menu {height:170px; width:100%; text-align:center; padding:0; background:none;}
.logo {float:left; width:22%; margin-top:10px; margin-left:0; text-align:center;}
.logo img {width:90%;}
.whatsappcel{display:block; float:right; width:98%; height:60px; color:#FFF; padding-top:4px; margin-top:10px; padding-right:2%; text-align:center; font-size:16px; background:#C00;}
.whatsappcel a {color:#FFF;}
.whatsappcel img{vertical-align:-8px; height:25px;}
.link {float:left; width:74%; padding:0; margin-top:10px; margin-left:5px;}
#link-home {display:block;}
.link ul li {display:block; float:left; border:#FFF solid 1px; padding:2px 2% 0; color:#900; text-align:center; line-height:30px; margin:0; width:45%;}
.link ul li a{color:#333; text-decoration:none; font-size:16px;}
font{font-size:16px;}
.dorpdown-cartao{display:block; float:left; position:relative; text-align:left; z-index:4; width:30%;}
.dorpdown-cartao:hover ul{display:none; background:#FFF; width:100%; left:0; right:0; top:8;}
.dorpdown-cartao a{display:block;}
.dorpdown-cartao ul{margin:0; padding:0; list-style:none; display:none; position:absolute;}
.dorpdown-cartao ul li{width:96%; border-bottom:#000 groove 1px; background:url(../img/li.jpg) repeat-x;}
.dorpdown-cartao ul li a{display:none; text-decoration:none; text-align:left; padding:0; font-size:16px; line-height:35px;}
.dorpdown-cartao ul li a:hover{color:#C60;}
#brinde, #brinde2, #pgbrinde, #promos_jogos, #brinde-lembranca, #conteudo {width:100%; height:100%; margin-left:0;}
#brinde-lembranca ul li{width:98%; height:100%; display:block; float:left; margin:1%; background:#E4E4F7; padding-bottom:5px;}
#brinde-lembranca ul li h3{	color:#900; font-size:22px; line-height:normal;}
#brinde-lembranca ul li img{ width:90%;}
#mais, #mais2{width:100%; height:30px;}
#mais ul li, #mais2 ul li{display:block; float:left; width:50%; line-height:20px; margin:0; background:none;}
#mais ul li.large, #mais2 ul li.large {display:none;}
#conteudo ul li img{width:90%;}
#outros {display:block; float:left; width:100%; margin-top:10px;}
#outros a {display:block;width:100%;}
#outros:hover {background-color:#930; color:#930;}
#outros.open {background-position: center center; background-repeat: no-repeat;}
.primary-nav {
	width: 100%;
	float: none;
	background-color:#E6E6E6; /* change the menu color */
	display: block;
	height: 30px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	box-shadow: 0 1px 2px rgba(0,0,0,.6);
	z-index: 1000;
	clear: both;
	color: #333;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	border-radius: 5px;}
.primary-nav:hover {
	color:#FFF;
	background-color:#666;
	border-top-color: transparent;}
.primary-nav li {
	display: none;
	width: 100%;}
.primary-nav li a {
	display: block;
	width: 90%;
	padding:10px 3%;
	font-size: 20px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid rgba(0,0,0,.2);
	border-top: 1px solid rgba(255,255,255,.1);
	line-height:20px;
	text-align:left;
	background-color:#E6E6E6;}
.primary-nav li a:hover {
	background-color:#666;
	border-top-color: transparent;}
.primary-nav > li:first-child {
	border-top: 1px solid #666;}
.primary-nav.open { 
	height: auto;
	color:#333;}
.primary-nav.open li { 
	display: block;}
.primary-nav li ul {
	display: none;
	background: rgba(0,0,0,.5);
	border-top: 0 none;
	padding: 0;}
.primary-nav li ul a {
	border: 0 none;
	font-size: 12px;
	padding: 10px 5%;
	font-weight: normal;}
.primary-nav li:hover ul {
	display: block;
	border-top: 0 none;}
#contato2{display:block; float:left; font-size:35px; text-align:center; margin-top:2%; width:100%;}
#contato2 ul li{width:100%; line-height:55px; background:url(../img/licont.jpg); margin:20px 0;}
#contato2 ul li img{width:10%;}
#img2 { display:block; width:100%;}
#img2 img { width:100%;}
.fb-like, .fb-share-button { margin-left:0; margin-top:0; padding-top:10px; display:block; height:30px; float:left; width:49%; background:url(../img/licont.jpg);}
.fb-like { text-align:right; padding-right:1%;}
.fb-share-button { text-align:left; padding-left:1%;}
#sumir, #menu-lateral, #rodape, .img, .whatsapp {display:none;}
}
@media screen and (max-width: 480px) {
body{font-size:12px; background:url(../img/bodycel.jpg) repeat-x;}
#menu{ height:155px;}
.link ul li a{color:#333; text-decoration:none; font-size:12px;}
#link-home {display:block;}
font{font-size:12px; line-height:30px;}
#brinde-lembranca {width:100%; height:100%; margin-left:0;}
#brinde-lembranca ul li{width:98%; display:block; float:left; margin:1%;}
#brinde-lembranca ul li img{ width:90%;}
#mais, #mais2{width:100%; height:30px;}
#mais ul li, #mais2 ul li{ width:50%; margin:0; font-size:12px;}
#mais ul li.large, #mais2 ul li.large {display:none;}
#conteudo ul li img{width:100%;}
#conteudo ul li.texto{padding:0 0 0 1%;	width:99%; line-height:18px; margin-top:10px;}
#contato2{font-size:20px;}
#contato2 ul li img{width:15%;}
}