@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;}
#cracha-total {display:block; float:left; width:100%; height:100%; margin-top:2px;}
#cracha {width:100%; margin-left:0; height:100%;}
#cracha ul li {width:47%; display:block; float:left; text-align:center;	line-height:30px; margin:0;}
#preco ul li.maior{display:block; float:left; width:95%;}
#acessorios ul{width:33%; display:block; float:left;}
#acessorios ul li{ width:100%; display:block; float:left; text-align:center; line-height:30px;}
#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;}
#cracha-total {display:block; float:left; width:100%; height:100%; margin-top:2px;}
#cracha {width:100%; margin-left:0; height:100%; font-size:20px;}
#cracha ul li {width:47%; display:block; float:left; text-align:center;	line-height:30px; margin:0;}
#preco ul li.maior{display:block; float:left; width:95%;}
#acessorios ul{width:33%; display:block; float:left;}
#acessorios ul li{ width:100%; display:block; float:left; text-align:center; line-height:30px;}
#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;}
#ima-empresa, #batizado, #cas, #imagens-ima, #temas, #temas2, #corte, #mobilelogo, #folheto, #convite, #banner, #adesivos, #imagens, #cracha, #cartao, #veiculo, #graficos, #natal, #postal, #mae {width:100%; margin-left:0; height:100%;}
#novidades, #apresentacao, #local{width:95%; line-height:25px; padding:2px 0; font-size:15px; margin:0 0 0 10px;}
#contato2{font-size:20px;}
#contato2 ul li img{width:15%;}
#historico{ display:block; float:left; width:95%; margin:0 auto; text-indent:30px; text-align:justify; line-height:25px;}
#imagens-empresa{display:block;	float:left; width:99%; height:100%; margin-left:1%; text-align:center;}
#imagens-empresa ul li{width:99%; display:block; float:left; margin:0.5% 0.5%; height:100%;}
#imagens-empresa ul li a img{width:98%; margin:5px 0;}
#postal{ width:100%; text-align:center;}
#postal img{ width:90%;}
#natal2 ul li {width:50%;}
#mae ul li{ width:99%; height:100%; display:block; margin:0 0.5%; text-align:center;}
#mae ul li.barra {display:none;}
.fol,.fol img{ width:100%;}
#corteespecial img {width:90%;}
#imagens-ima ul li{width:100%; margin:5px 0;}
#imagens-ima ul li img {width:98%;}
#cas ul li {width:100%; margin:1% 0;}
#ima-empresa img, #graficos img, #batismo ul li img, #imagens-empresa ul li img, #calendariowireo ul li, #imagens ul li img, #temas-infantis ul li img{ width:100%;}
#imagens ul li{width:100%; margin:1% 0;}
#temas ul li, #temas2 ul li{width:98%; font-size:16px;}
#rodape,#slider,#sumir,#menu-lateral,#thumbs,#sliderFrame,#natal,#postal,.whatsapp, #logo {display:none;}
}