
*{ margin:0;	padding:0; border:0; list-style-type:none; text-decoration:none; }

img { max-width:100%;}

h1 { font-size:1.2em;}

body { font-size:1.2em; font-family: 'Oswald', sans-serif; background:#ffffff; width:100%; height:auto;   }
header { width:100%; height:auto; display:table;}
footer { width:100%; height:auto; display:table;}
/*-- Header --*/
.top-header { background:#BB0000; color: #fff; height:70px; width:100%; display:table; border-bottom:5px #FFFFFF solid;}
.top-header-total { width:1170px; height:30px; padding:0px; margin:0 auto; display:table; }
.top-header-menu { width:700px; height:auto; padding:15px; float:left; display:table; }
.top-header-busca { width:400px; height:auto; padding:15px; float:right; display:table; }
.top-cinza { background:#EBEBEB; height:145px; width:100%; display:table; }
.top-cinza-total { width:1170px; height:145px; padding:0px;  margin:0 auto; display:table; }
.top-cinza-logo { width:700px; height:auto; padding:5px; float:left; display:table; text-align:left; display:table; }
.top-cinza-logo img { margin-left:30px; }
.top-cinza-telefone { width:auto; height:auto; padding:10px; float:right; display:table; font-size:1.5em;  }
.top-cinza-redes { width:194px; height:auto; padding:8px; float:right; display:table; font-size:1.3em;  }
.top-barra { width:100%; height:9px; display:table; background:url(../img/barra.jpg) repeat-x;  }

.main-menu ul { padding: 0px; margin: 0px; text-align: center; display:table; width:100%; height:auto; }
.main-menu li { list-style: none; display: inline-block; padding: 5px 0;}
.main-menu a { font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 14px; color: #fff; text-transform: uppercase; margin-right: 35px;}
.main-menu a:hover {color: #999;}


#main-rede-social ul { width:600px; height:auto; display:table; float:right; }
#main-rede-social li { padding:5px; width:38px; height:auto; display:table; float:left;}
#main-rede-social a:hover {color: #E60003;}

/*-- Header --*/

.banner { width:1170px; height:auto; margin:0 auto; display:table;}



/*-- corpo --*/
.main-central { width:100%; height:auto; z-index:100; position:relative; margin-top:-15px; display:table;}
.main-corpo { width:1170px; height:auto; display:table; margin:0 auto;}
ul#main-menu-lateral { list-style-type:none; width:100%; height:auto; float:right; }
ul#main-menu-lateral li { width:240px; height:35px; padding:10px; float:left; overflow:hidden; margin-bottom:1px; border: 1px solid; border-color: #e5e6e9 #dfe0e4 #d0d1d5;  }
ul#main-menu-lateral li a { font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 13px; color: #999; text-transform: uppercase; margin-right: 35px;}
ul#main-menu-lateral li a:hover {color: #999;}
.main-col-1 { width:260px; height:auto; float:left; margin-left:20px; display:table; }
.main-col-2 { width:880px; height:auto; float:right; margin-right:0px; display:table; }
/*-- corpo --*/

.botao { width:790px; height:60px; padding:30px; font-size:1.8em; text-align:center; background:#ffffff; float:right; border:1px #eaeaea solid; color:#F00; display:table;}
.botao:hover { font-size:1.8em; color:#D74A2D; border:1px #D74A2D solid; }

ul#main-destaques { list-style-type:none; width:850px; height:auto; float:right; margin-top:50px; }
ul#main-destaques li { width:238px; height:290px; padding:10px; float:left; margin-right:34px; text-align:center; border:1px #eaeaea solid; border-color: #e5e6e9 #dfe0e4 #d0d1d5;}
ul#main-destaques li a { font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 0.8em; color: #000; }
ul#main-destaques li h1 { font-size:1.9em; margin-bottom:20px; color:#CCC; text-shadow:2px 2px 0px #000; }
ul#main-destaques li a:hover {color: #fff;}
ul#main-destaques li:nth-child(3n) { margin-right:0px; }


ul#main-itens { list-style-type:none; width:840px; height:auto; float:right; margin-top:50px; }
ul#main-itens li { width:240px; height:385px; padding:10px; background:#FFF; float:left; margin-right:26px; margin-bottom:26px; text-align:center; border: 1px solid; border-color: #e5e6e9 #dfe0e4 #d0d1d5;}
ul#main-itens li a { font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 0.7em; color: #000; }
ul#main-itens li a:hover {color:#666;}
ul#main-itens li:nth-child(3n) { margin-right:0px; }


.horizontal-1 { width:100%; height:270px; overflow:hidden; border-bottom:1px #e5e6e9 solid;}
.horizontal-2 { width:100%; height:auto;  overflow:hidden; margin-top:20px;}
.horizontal-3 { width:50%; height:auto; background:#DF6F57; overflow:hidden; margin-top:25px; color:#FFFFFF; float:left;}
.horizontal-4 { width:40%; height:auto; background:#FF0000; overflow:hidden; margin-top:25px; color:#FFFFFF; border-radius: 0px; padding:4px; float:right; font-size:0.9em; }

.rodape { width:98%; height:auto; padding:1%; background:#CCCCCC; margin-top:50px; text-align:center; display:table;}


.f-azul { background:#FFF; }
.f-azul:hover { background:#E1E1E1; }
.f-verm { background:#FFF;}
.f-verm:hover { background:#E1E1E1;}
.f-laranja { background:#FFF;}
.f-amarelo { background:#FFF;}
.f-amarelo:hover { background:#E1E1E1;}
.f-cinza { background:#F3F3F3;}
.f-cinza:hover { background:#E1E1E1;}
.f-verde { background:#FFF;}
.f-verde-claro { background:#E1E1E1;}


/*-- ver fantasias --*/
.titulo-fantasias { width:1120px; height:38px; padding:20px; margin:0 auto; display:table;  color:#000000; background:url(../img/bg.jpg); text-align:right; border:1px #eaeaea solid; border-color: #e5e6e9 #dfe0e4 #d0d1d5; } 
.quadro-total-fantasias { width:96%; height:auto; padding:2%; display:table; }
.quadro-fantasias-col1 { width:30%; height:auto; padding:5%; border:0px #CCCCCC solid; display:table; background:#FFF; text-align:center; float:left; }
.quadro-fantasias-col2 { width:45%; height:auto; padding:5%; border:0px #CCCCCC solid; display:table; background:#FFF; text-align:center; float:right; }
.compartilhar-fantasias { width:96%; height:20px; padding:2%; display:table; background:#eaeaea; margin-bottom:20px; text-align:center; border: 1px solid; border-color: #e5e6e9 #dfe0e4 #d0d1d5; }
.quemviu-fantasias { width:96%; height:20px; padding:2%; display:table; background:#ffffff; margin-bottom:0px; font-size:1.6em; }

/*-- ver fantasias --*/
.quadro-total-marketing { font-family: 'Oswald', sans-serif; font-size: 1.2em; font-weight: bold; }
.quadro-total-localizacao { width:96%; height:auto; padding:2%; display:table; margin:0 auto; }
.quadro-total-contato { width:92%; height:auto; padding:2%; display:table; margin:0 auto; }

.campanha { width:700px; height:auto; border:4px #000000 solid; padding:10px; text-align:center;}
.campanha img { padding:20px; }
.campanha span { padding:20px; font-size:2.8em; color:#FF0000; }
.campanha h1 { margin:10px 0px 10px 0px; }
.campanha h3 { margin:10px 0px 10px 0px; font-size:0.7em; font-weight:100; }

ul#redes { list-style-type:none; width:100%; height:auto; float:right; }
ul#redes li { width:38px; height:38px; padding:0px; float:left; text-align:center; margin-right:5px; border-radius: 8px;  }


@media only screen and (min-width: 400px) and (max-width: 2900px) {
	
.main-menu2 { display:none;}
	
}




@media screen and (max-width: 568px) {

/*-- Header --*/
.top-header { background:#000000; color: #fff; height:70px; width:100%;}
.top-header-total { width:100%; height:30px; padding:0px; margin:0 auto; display:table; }
.top-header-menu { display:none; }
.top-header-busca { width:90%; height:auto; padding:5%; float:right; }
.top-cinza { background:#EBEBEB; height:145px; width:100%; }
.top-cinza-total { width:98%; height:auto; padding:1%;  margin:0 auto; display:table; }
.top-cinza-logo { width:auto; height:auto; padding:1%; float:left; display:table; }
.top-cinza-logo img { margin:0px; }
.top-cinza-telefone { width:auto; height:auto; padding:1%; float:right; display:table; font-size:0.9em; }
.top-cinza-redes { display:none;   }
.top-barra { background:url(../img/barra.jpg); width:auto; height:5px; }
/*-- Header --*/

.banner { width:100%; height:auto;  }
.main-col-1 { display:none;}

.main-col-2 { width:100%; height:auto; float:none; margin-top:25px;  }
.botao { width:96%; height:auto; padding:1%; font-size:1.0em; text-align:center; background:#ffffff; float:none; margin-left:0.5%; border-left:0px; border-right:0px; border-top:1px #F5D5CD solid; border-bottom:1px #F5D5CD solid; color:#DF6E57;}
.botao:hover { font-size:1.1em; color:#D74A2D; border:1px #D74A2D solid; }
.main-corpo { width:100%; height:auto; display:table;}

.botao2 { width:100px; height:auto; padding:1%; font-size:1.0em; text-align:center; background:#ffffff; float:none; margin-left:0.5%; border-left:0px; border-right:0px; border-top:1px #F5D5CD solid; border-bottom:1px #F5D5CD solid; color:#DF6E57;}
.botao2:hover { font-size:1.1em; color:#D74A2D; border:1px #D74A2D solid; }


ul#main-destaques { list-style-type:none; width:100%; height:auto; float:right; margin-top:10px; }
ul#main-destaques li { width:96%; height:auto; padding:2%; float:none; margin-right:0px; text-align:center;}
ul#main-destaques li a { font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 0.8em; color: #000; }
ul#main-destaques li h1 { font-size:1.9em; margin-bottom:20px; color:#fff; text-shadow:2px 2px 0px #000; }
ul#main-destaques li a:hover {color: #fff;}


ul#main-itens { list-style-type:none; width:100%; height:auto; float:right; margin-top:1%; }
ul#main-itens li { width:45%; height:450px; padding:1%; float:left; margin-top:1%; margin-left:1.3%; margin-right:1.2%; margin-bottom:1.1%; text-align:center; border: 1px solid; border-color: #e5e6e9 #dfe0e4 #d0d1d5; border-radius: 10px;}
ul#main-itens li a { font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 0.7em; color: #000; }
ul#main-itens li a:hover {color:#666;}
ul#main-itens li:nth-child(1n) { margin-right:0px; }


.horizontal-1 { width:100%; height:270px; overflow:hidden; border-bottom:1px #CCCCCC solid;}
.horizontal-2 { width:100%; height:auto;  overflow:hidden; margin-top:20px;}
.horizontal-3 { width:50%; height:auto; background:#DF6F57; overflow:hidden; margin-top:25px; color:#FFFFFF; border-radius: 5px; }
.horizontal-4 { width:48%; height:auto; background:#FF0000; overflow:hidden; margin-top:25px; color:#FFFFFF; border-radius: 5px; padding:4px; font-size:0.7em; }

.main-central { width:100%; height:auto; z-index:100; position:relative; margin-top:-25px;}

/*-- ver fantasias --*/
.titulo-fantasias { width:90%; height:30px; padding:3%; margin:0 auto; display:table;  color:#000000; text-align:center; font-size:1.1em;}
.quadro-total-fantasias { width:96%; height:auto; padding:2%; border:0px #CCCCCC solid; display:table;  }
.quadro-fantasias-col1 { width:30%; height:auto; border:0px #CCCCCC solid; display:table; background:##FFF; text-align:center; }
.quadro-fantasias-col2 { width:40%; height:auto; border:0px #CCCCCC solid; display:table; background:##FFF; text-align:center; font-size:0.7em; }
.quemviu-fantasias {  font-size:1.1em; }
.main-menu2 {  display:table; width:100%; height:50px;}

/*-- ver fantasias --*/

.quadro-total-localizacao { width:70%; height:auto; padding:2%; display:table; margin:0 auto; }
.quadro-total-contato { width:85%; height:auto; padding:2%; display:table; margin:0 auto; }
.quadro-total-contato h1  { font-size:1.1em; }


.campanha { width:95%; height:auto; border:1px #000000 solid; padding:1%; text-align:center; }
.campanha img { padding:0.2%; }
.campanha span { padding:0.2%; font-size:1.5em; color:#FF0000; }
.campanha h1 { margin:5% 0px 5% 0px; font-size:0.6em; }
.campanha h2 { margin:0.2% 0px 0.2% 0px; font-size:1.2em; font-weight:100; }
.campanha h3 { margin:4% 0px 0.2% 0px; font-size:0.6em; font-weight:100; }

.rodape { width:98%; height:auto; padding:1%; background:#CCCCCC; margin-top:10px; text-align:center; font-size:0.7em; display:table;}

ul#redes { list-style-type:none; width:100%; height:auto; float:right; display:none; }
ul#redes li { display:none; }

.titulo-fantasias { width:98%; height:18px; padding:1%; margin:0 auto; display:table;  color:#000000; background:url(../img/bg.jpg); text-align:center; border-left:1px #eaeaea solid; border-bottom:1px #eaeaea solid; border-right:1px #eaeaea solid; border-color: #e5e6e9 #dfe0e4 #d0d1d5; } 
	
}