@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i');
/* Presentational style rules only
 *
 */

/* Reset */
/*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }*/
html, body, h1, p, a, div, section { margin: 0; padding: 0; }
body { font-family: 'Roboto', sans-serif; font-size:62.5%; }
img{ max-width: 100%;  }
a { text-decoration:none; color: #000; }
strong { font-weight: 600; }

.input_news { height: 20px; padding:4px; border:1px solid #CCC; }	
.super_container { width:100%; margin:0; top:0; }
.header { width: 100%; }
.clearfix:before, .clearfix:after { content: " ";  display: table;  }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

::-webkit-input-placeholder { color: #333; font-size:14px; }
:-moz-placeholder { /* Firefox 18- */  color: #333; font-size:14px; }
::-moz-placeholder {  /* Firefox 19+ */ color: #333; font-size:14px; }
:-ms-input-placeholder { /* IE*/  color: #333; font-size:14px; }

.button{ background-color: #AD0C00; color:#fff; font-weight:400; text-align: center; border:0; cursor:pointer; padding:9px 12px; border-radius:5px; }
.button:hover { background-color: #222; }
.button_ok{ text-align: center; border:0; cursor:pointer; padding:9px 12px; margin:2px; background-color: #AD0C00; color:#FFFFFF; border-radius:5px; }
.button_ok:hover { background-color: #222; }

.grecaptcha-badge {display: none;}

/* ---------------------------------TOPO ---------------------------*/
#topo { width:100%; background-color: #D3D3D3; padding-top: 8px; }
.container { max-width: 1200px; margin:0 auto; }
.container .favoritos{ max-width:90%; font-size: 15px; float: right; margin-right: 4%; }

.box1{ width:30%; float:left; text-align:center; }
.box1 .logo { width:210px; padding:10px; }

.box2{ width:65%; float:left; margin-top: 1%; }
.box2 .fone_responsivo{ display: none; }
.box2 ul{ width:100%; float: left; display:block; margin:0; padding:0;  }
.box2 ul.imagens{ display: block; }
.box2 ul li{width:69%; display: inline-block; color:#4C4C4C; font-size:15px; font-weight: 400; text-align: left;}
.box2 ul li.direita{ width:30%; text-align:right !important; font-size: 18px; font-weight: 500; }
.box2 ul li.slogan{ padding-bottom: 20px; }

.box3{ width:100%; float:left; text-align:center;  background: linear-gradient(white,#D3D3D3); }

.box4{ width:100%; margin:0 auto; text-align:center; background-color:#848484; padding:0;  }
.box4 ul{ width:1150px; margin: 0 auto; }
.box4 ul li{ width:32%; padding: 5px 0; display: inline-block; color:#FFFFFF; font-size:17px; font-weight:400; }

@media screen and (max-width: 1045px) { 
    .container{ width:98%; }
    .box4 ul{ width:auto; }
    .box4 ul li img{ height:30px;  }
}

@media screen and (max-width: 1000px) {
    .box4 ul li{ font-size:14px;  }
}

@media screen and (max-width: 780px) {
    .box1 .logo { width:85%; padding:5px; }
    .box2 ul li.direita{ font-size: 15px; }
    .box3 ul li{ font-size:14px;  }

    .box4 ul li{ width:auto; font-size:14px; text-align: center; margin: 0 10px;  }
    .box4 ul li img{ height:25px;  }
}

@media screen and (max-width: 740px) {
    .box1{ width:25%; }
    .box1 .logo { width:80%; }
    .box2{ width:75%; }
}

@media screen and (max-width: 635px) {
    .box2 .fone_responsivo{ display: block; }
    .box2 ul.imagens{ display: none; }
    .box2 ul li{ width: 100%; }
    .box2 ul li img{ width: 20px; }
    .box2 ul li.direita{ display: none; }
}

@media screen and (max-width: 425px) {
    .box2 ul li{ font-size: 13px; }
    .box2 ul li span{ display: none; }
    .box4 ul li{ width:94%; display:block; margin-left:-4.5%;  }
}

@media screen and (max-width: 375px) {
    .box1{ width:40%; }
    .box1 .logo { padding:1px 1px 5px 1px; }
    .box2{ width:60%}
    .box2 ul li{ font-size: 12px; }
    .box2 .fone_responsivo{ margin-top: 10px; }
}

/*----------------------MENU -------------------------*/	
#menu_horizontal_full{ width:99%; float:left; display:block; } 
#menu_horizontal_full span{ display:none;}
#menu_horizontal_full .menu{ width:auto; margin:0 auto;  }
#menu_horizontal_full .menu ul#nav{ display:block; margin:0; padding:0; text-align:center;   }
#menu_horizontal_full .menu ul#nav li{ width:auto; display: inline-block; text-align:center;}
#menu_horizontal_full .menu ul#nav li a{ text-decoration:none; font-size:18px; color:#5E0808; display:block; padding:15px 30px; text-align:center; font-family: 'Roboto', sans-serif; }
#menu_horizontal_full .menu ul#nav li a:hover{ color:#ffffff; background-color: #5E0808}
#menu_horizontal_full .menu ul#nav li#esconde{ display:none;  }

#menu_full { width:99%; float:left;  display:none;}
#menu_full ul#nav_responsivo{ width: 100%; margin:0; padding:0; text-align:left;   }
#menu_full ul#nav_responsivo li{ display: inline-block; text-align:left;}
#menu_full ul#nav_responsivo li img{ width:20px;  }
#menu_full ul#nav_responsivo li a{ text-decoration:none; font-size:15px; color:#262626; display:block; padding:10px;}
#menu_full ul#nav_responsivo li a:hover{ color: #5E0808; background: linear-gradient(to bottom,#E2E5E9,white,white);}

@media screen and (max-width: 1045px) {
    #menu_horizontal_full .menu ul#nav li a{ font-size:16px;}
}

@media screen and (max-width: 900px) {
    #menu_horizontal_full .menu ul#nav li a{ font-size:14px;  padding:15px 20px; }
}

@media screen and (max-width: 740px) {
    #menu_horizontal_full .menu ul#nav li a{ font-size:14px;  padding:15px 10px; }
}

@media screen and (max-width: 710px) {
    #menu_horizontal_full span{ display:block; color: #FFFFFF; font-size:1.6em; padding:5px; float:right; cursor:pointer; }
    #menu_horizontal_full span img{ width:35px;  }
    #menu_horizontal_full .menu{ display: none; }

    #menu_full ul#nav_responsivo{ width:100%; }
    #menu_full ul#nav_responsivo li{ display:block; text-align:left; border-right:0; border-bottom:1px solid #ffffff; }
    #menu_full ul#nav_responsivo li a{ color:#ffffff; display:block;background-color:#5E0808; }
    #menu_full ul#nav_responsivo li a:hover{ border-bottom:0; opacity:0.7; }
}

/* ---------------------------------BUSCA---------------------------*/
#container_busca { width:100%; margin:0 auto; padding-bottom:1em; background-color:#DDDDDD; background-position:top center; background-repeat:no-repeat; font-family: 'Roboto', Arial, Helvetica, Sans-Serif; }
#container_busca .busca1 { width:18%; float:left; margin-top:0.6em; font-size:14px; color:#333; padding-top: 0.5%; margin-left: 7%; }
#container_busca .busca1 span { text-align:left; font-size:18px; color:#333; font-weight:400; margin-bottom: 5px; }
#container_busca .busca1 .input_ref{ width:60%; background-color: #FFF; border:solid 1px #ccc; font-size:1.4em; padding:4px; }

#container_busca .busca2 { width:70%; float:left; margin-top:1.4em; text-align:left; }
#container_busca .busca2 .input{ width:30%; background-color: #FFF; border:solid 1px #ccc; font-size:1.4em; padding:8px; }
#container_busca .busca2 select{ width:30%; padding-left:1em; background-color: #FFF; border:solid 1px #ccc ; font-size:1.4em; padding:8px; }

@media screen and (max-width: 1100px) {
    /*#container_busca .busca1 {  border:1px solid #fff; }
    #container_busca .busca2 { border:1px solid #fff; }*/
}

@media screen and (max-width: 800px) {
    #container_busca .busca1 { width:28%; margin-left: 2%; }
    #container_busca .busca2 .input{ width:29%; }
    #container_busca .busca2 select{ width:29%; }
}

@media screen and (max-width: 690px) {
    #container_busca .busca1 span { font-size:15px; }
}

@media screen and (max-width: 600px) {
    #container_busca .busca2 .input{ width:41%; }
    #container_busca .busca2 select{ width:41%; }
}

@media screen and (max-width: 490px) {
    #container_busca .busca1{ width:97%; margin-left:2% }
    #container_busca .busca2{ width:97%; margin-left:2%; margin-bottom:5%; }
    #container_busca .busca1 .input_ref{ width:80%; }
    #container_busca .busca2 .input{ width:95%; }
    #container_busca .busca2 select{ width:95%; margin-bottom:2%;}
}

/* ---------------------------------BANNERS  ---------------------------*/
#container_banner {	width: 100%; float:left; background-color: #DDDDDD; padding:5px 0; }
.banners{ max-width:1050px;  margin:0 auto; }	
.banner_1 { width:48%; float:left; }
.banner_2 { width:48%; float:right; margin-right:1%  }

@media screen and (max-width: 999px) {
    #container_banner { display:none; }
}

/* -------------------------- CONTEUDO ---------------------------*/
#container_conteudo { 
    width: 98%; padding:1em 1%;  
    background: -moz-linear-gradient(#D3D3D3, white);
    background: -webkit-linear-gradient(#D3D3D3, white);
    background: -webkit-gradient(linear, 0 100%, 0 0, color-stop(0.5, #D3D3D3), to(white));
    background: -o-linear-gradient(#D3D3D3, white);
    background: linear-gradient(#D3D3D3, white);
}

/* ---------------------------------RODAPÉ ---------------------------*/
.container_rodape { width: 100%; background-color: #2D2D2D; background-position:top center; background-repeat:no-repeat; font-family: 'Roboto', sans-serif; font-weight:400; padding-top: 2%; }
.info { width:100%;; font-size:1.5em; text-align:justify; margin:0 auto; padding-top:20px; padding-bottom:10px; background: linear-gradient(#D3D3D3, white);}
.newsletter{ max-width:1250px; margin:0 auto; text-align:center;  padding-top:1%; padding-bottom:1%; color:#ffffff; font-size:1.8em; }
.newsletter .input_news { width:55%; background-color:#eeeff1; border-color: #f1f2f2; padding:6px; }
.rodape { max-width: 1100px; margin:0 auto; text-align:center; }
.menu_rodape{ width:33%; float:left; text-align:left; color: #ffffff; font-size:16px; }
.menu_rodape span{  padding-top:20px; margin-bottom:5px; color: #ffffff; }
.menu_rodape ul{ list-style-type: none; margin: 0; padding: 0; }
.menu_rodape li a{ display: block; text-align:left; text-decoration: none; color: #ffffff; font-weight:300; padding:1% 0;  }
.menu_rodape li a:hover{ opacity:0.9; }
.endereco_rodape{ width:40%; float:left; color:#ffffff; font-size:16px; font-weight: 300; text-align:left; text-decoration: none; padding-left: 3%;   }
.endereco_rodape span{  padding-top:20px; margin-bottom:5px; color: #ffffff; font-weight: 400;}
.endereco_rodape a{  text-decoration: none; color: #ffffff;   }
.links_uteis{ width:20%; float: right; color:#ffffff; font-size:16px; text-align:left; }  
.links_uteis span{  padding-top:20px;  margin-bottom:5px;  color: #ffffff; }
.links_uteis img{ padding-right:9px;}
.links_uteis ul{ list-style-type: none; margin: 0; padding: 0; }
.links_uteis li a{ display: block; text-align:left;  text-decoration: none; color: #ffffff; padding:1% 0; font-weight:400; }
.links_uteis li a:hover{ opacity:0.9; }
.assinatura_rodape{ max-width:1000px; margin:0 auto; text-align: right; font-size:1.3em; margin-top:1em; padding-right:1em; color:#ffffff; }
.balao{
    position:fixed;width:180px;height:50px;right:100px;background-color:#AD0C00;color:#ffffff;border-radius:8px;text-align:center;font-size:17px;box-shadow: 2px 2px 13px rgba(0,0,0,0.1);z-index:1000;opacity: 0.8;
}
.balao:after{
    /* content necessário para a criação de um elemento vazio */
    content: "";
    width: 0; 
    height: 0;
    /* position: absolute para manipularmos a posição da seta */
    position: absolute;
    /* Right com valor negativo para ele ficar para fora do balão de dialogo */
    right: -6px;
    /* E aqui o truque com as bordas */
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #AD0C00;
    bottom: 14px;
    opacity: 0.9;
}

@media screen and (max-width: 1100px) {
    .rodape { width: 96%; } 		
}

@media screen and (max-width: 768px) {
    .menu_rodape{ width:30%; font-size:1.4em; }
    .endereco_rodape{ width:50%; font-size:1.4em; }
    .links_uteis{ width:10%; font-size:1.4em; }
}

@media screen and (max-width: 620px) {
    .container_rodape { width: 100%; background-image:none; }
    .newsletter{ text-align:center; padding-bottom:8%;}
    .newsletter .input_news { width:80%; } 
    .menu_rodape{ width:96%; text-align:center; padding-left:0;}
    .menu_rodape li a{ text-align:center; padding:3px;  }
    .endereco_rodape{ width:96%; text-align:center; border-right:0px; border-left:0px; padding-left:0px; margin-top:2em;}
    .endereco_rodape img{ display: none; }
    .links_uteis{ width:96%; text-align:center; margin-top:7em; }	
    .links_uteis li a{ text-align:center; padding:3px;  }
    .assinatura_rodape{ width:96%; text-align:center; padding-right:0; }
    .links_uteis .assinatura{ margin-top:3em;}
}

@media screen and (max-width: 420px) {
    .menu_rodape{ width:96%; margin-top: 10px; }
}