@charset "utf-8";
/* CSS Document */
@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;}
ul {list-style:none; padding:0; margin: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:8px; 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-top: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:28px;}
.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:28px; line-height:35px;}
.dorpdown-cartao ul{margin:0; padding:0; list-style:none; width:100%; display:none; position:absolute;}
.dorpdown-cartao ul li{width:100%; 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;}
#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;}
#pg-cartao {display:block; float:left; width:100%; height:100%; margin-top:2px;}
#cartao {width:100%; margin-left:0; height:100%;}
#cartao ul li{ display:block; float:left; width:50%; height:300px; text-align:left; border-bottom: #666 double 1px; font-size:20px;}
#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%;}
.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%;}
#rodape,#sumir,#menu-lateral,.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:block; text-decoration:none; text-align:left; padding:0; font-size:16px; line-height:35px;}
.dorpdown-cartao ul li a:hover{color:#C60;}
#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;}
#pg-cartao {display:block; float:left; width:100%; height:100%; margin-top:2px;}
#cartao {width:100%; margin-left:0; height:100%;}
#cartao ul li{ display:block; float:left; width:50%; height:300px; text-align:left; border-bottom: #666 double 1px; font-size:20px;}
#contato2{display:block; float:left; font-size:28px; text-align:center; width:100%; margin-top:2%; padding-bottom:5px; width:100%;}
#contato2 ul li{width:100%; line-height:40px; background:url(../img/licont.jpg); margin:5px 0; alignment-baseline:middle;}
#contato2 ul li img{width:10%;}
.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%;}
#rodape,#sumir,#menu-lateral,.whatsapp {display:none;}
}
@media screen and (max-width: 480px) {
body{font-size:12px;}
#menu{ height:155px;}
.link ul li a{color:#333; text-decoration:none; font-size:13px;}
.dorpdown-cartao a{font-size:12px;}
.dorpdown-cartao ul li a{ font-size:12px; line-height:20px;}
.primary-nav {height: 20px; font-size: 15px; line-height: 20px;}
font{font-size:12px; line-height:30px;}
.whatsappcel{ font-size:15px; margin-top:20px; height:50px;}
.whatsappcel img{vertical-align:-5px; height:20px;}
#link-home{ display:block;}
#cartao {width:95%; line-height:25px; padding:2px 0; font-size:15px; margin:0 0 0 10px;}
#cartao ul li{ display:block; float:left; width:100%; height:100%; text-align:center; font-size:20px; border-bottom:none;}
#cartao ul li.img { border-bottom:none;}
#cartao ul li.img img { width:100%;}
#cartao ul li.descricao {border-bottom: #666 double 1px;}
#contato2{font-size:20px;}
#contato2 ul li img{width:15%;}
#rodape,#sumir,#menu-lateral,.whatsapp {display:none;}
}