@charset "utf-8";
/* Fonte */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
/* CSS Document */


/* CORPO DEFAULT */
body{ margin:0px; padding:0px; background: url(../img/layout/bg.png) 0px 30px repeat-x;}
a{ outline: none; text-decoration: none }
#global{ position: relative; width: 100%; height: 100%; float: left}
.centralizado{ width: 980px; margin: 0 auto; display:block; }
#a{ float: left; width: 270px;}
#b{ float: left; padding-top: 15px; width: 700px; padding-bottom:20px}
.headerdefault{ width: 687px; height: 33px; background: url(../img/layout/bg-titulodefault.gif) no-repeat bottom ; float: left; margin: 0px; }


#menusuperior{ padding: 0px; margin: 0px; width: 800px; height: 35px; margin-left: 200px}
#menusuperior li{ padding: 0px; margin: 0px; display: inline; float: left; list-style: none}
#menusuperior li a{ padding: 0px; margin: 0px 10px 0px 10px; float: left;}
#menusuperior li a img{ border: none}
#menusuperior li a.current{ border-bottom: solid 5px #044074; }

#logo{ float: left; margin-top: 20px; }
.pub-468x60{ width: 468px; height: 60px; border: solid 1px #CCC; float: left; margin: 40px 20px 5px 50px;   }
.pub-174x60{ width: 174px; height: 60px; border: solid 1px #CCC;  float: left; margin: 40px 0px 5px 0px;    }
.pub-231x48{ width: 231px; height: 48px; border: solid 1px #CCC;  float: left; margin: 15px 0px 15px 0px;    }
.pub-231x65{ width: 231px; height: 65px; border: solid 1px #CCC;  float: left; margin: 5px 0px 5px 0px;    }
.pub-140x60{ width: 140px; height: 60px; border: solid 1px #CCC;  float: left; margin: 5px 0px 5px 30px;    }
.pub-231x135{ width: 231px; height: 135px; border: solid 1px #CCC; float: left; margin: 0px 0px 15px 0px;    }

#pubdestaque240{ width: 270px;  height: 45px; border: solid 1px #ccc; position: absolute; right: 5px; top: -20px;}
#pubdestaque240 embed{ width: 240px; height: 33px; }
.pub-325x60{ width: 325px; height: 60px; border: solid 1px #CCC;  float: left; margin: 5px 10px 5px 0px;    }
.pub-145x52{ width: 145px; height: 52px; border: solid 1px #CCC;  float: left; margin: 5px 10px 5px 0px;    }
.pub-325x60-top{ width: 325px; height: 60px; border: solid 1px #CCC;  float: left; margin: 0px 10px 45px 0;   }
.pub-231x48 embed{ width: 231px; height: 48px; } 

#barrabusca{ padding: 0px; margin: 34px 0px 0px 0px; height: 45px; width: 958px; float: left}

#menuprincipal { background: #044074; border-bottom: solid 4px #02203C; height: 45px; -webkit-transform: translateZ(0);}
#menuprincipal ul{ padding: 0px; margin: 0px; height: 45px; float: right}
#menuprincipal ul li{ padding: 0px; margin: 1px 0px 0px 0px; display: inline; float: left; list-style: none; }
#menuprincipal ul li a{ padding: 7px 15px; float: left; font: normal 14px/30px 'Open Sans', Arial, sans-serif; color: #FFF;
-webkit-transition: background 0.2s linear;
    -moz-transition: background 0.2s linear;
    -ms-transition: background 0.2s linear;
    -o-transition: background 0.2s linear;
    transition: background 0.2s linear;
}
#menuprincipal ul li a:hover{ background: #02294D; }
#menuprincipal ul li a.current{ background: #02294D;}

#busca{height: 150px; float: left; width: 938px; background: #044074; margin-top: -15px; display: none; padding: 10px; z-index: 1; position: relative}


.headerazul{ width: 234px; height: 33px; background: #044074 url(../img/layout/bg-tituloazul.gif) no-repeat bottom ; float: left; margin: 0px }
#menulateral{ margin: 10px 0px 0px 20px; padding: 0px; border-left: solid 1px #CCC; float: left }
#menulateral li{ list-style: none;}
#menulateral li a{ font: bold 12px Arial, Helvetica, sans-serif; color: #02294D; padding-left: 7px; margin-bottom: 6px; float: left; width: 210px}
#menulateral li a:hover{ color: #838383; }


div.paginas{ font: normal 12px Arial, Helvetica, sans-serif; color: #999 }
div.ordem{ font: bold 12px Arial, Helvetica, sans-serif; color: #999 }
div.ordem a{ color: #02294D }

#rodape{ width: 100%; float: left}
#rdp1{background: #032B4E; height: 32px; width: 100%; float: left; text-align: center; font: normal 12px/30px Arial, Helvetica, sans-serif; color: #FFF; margin-top: 10px }
#rdp2{background: #043F73; height: 130px; width: 100%; float: left;  text-align: center; position: relative }
#rdp3{background: #044580; height: 140px;  width: 100%; float: left;  text-align: center}
/* */

#aondeEstouWrapper{ float: left; border-bottom: solid 1px #CCC  }
.tit-block{ display: block; }
#aondeEstouWrapper .tit-block{ margin: 0px 0px 5px 0px }
#ondeEstou{ float: left; list-style: none outside none; padding: 0 0 10px; margin: 0px; width: 690px; background: #F3F3F3 url('../img/layout/bg-barra.jpg'); padding: 5px}
#ondeEstou li{ display: inline; float: left; margin-right: 10px;  font: bold 11px Arial, Helvetica, sans-serif; color: #02294D;  }
#ondeEstou li a{ font: bold 11px Arial, Helvetica, sans-serif; color: #999; display:block  }
#ondeEstou li a:hover{ color: #02294D;  }
  
  
#interacaoWrapper{ float: left; border-bottom: solid 1px #CCC; width: 705px; margin-top: 10px  }
#interacaoWrapper .tit-block{ margin: 0px 0px 5px 0px }
#interacaoWrapper #share{padding: 10px 10px 8px 10px; width: 685px} 

p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font: bold 11px Arial, Helvetica, sans-serif; color: #999;  background: #F3F3F3 url('../img/layout/bg-barra.jpg');  border: 1px solid #CCC; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999 }
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }

/* highlights */ 
#highlights{ position: fixed; bottom: 0px; left: 0px; width: 100%; background: url('../img/layout/bg.png') 0px -95px repeat-x; height: 60px; border-top: solid 3px #044580; z-index: 9999; overflow: hidden }
#highlights h3{  font: bold 16px Arial, Helvetica, sans-serif; color: #044580; margin-left: 20px }
#slider1{margin: 0px 0px 0px 50px; padding: 0px;}
#slider1 li a{ color: #02294D; font: normal 14px Arial, Helvetica, sans-serif; width: 500px }
.datahl{ color: #666; font: normal 11px Arial, Helvetica, sans-serif; display: block }
.bx-wrapper{ margin-top: -5px; position: absolute; top:20px; float:left}
.bx-prev{ position: absolute; top: 0px; left: 15px; width: 16px; height: 13px; background: url('../img/layout/bt-ant.jpg') ; }
.bx-next{ position: absolute; top: 20px; left: 15px; width: 16px; height: 13px; background: url('../img/layout/bt-prox.jpg') ; }

#enquete{float: left; margin-top: 15px}
#enquete h2{ background-position: left center; float: left; width: 230px}
#enquete h3{ font: bold 12px Arial, Helvetica, sans-serif; color: #044580; width: 230px; padding: 5px; background: #F8F8F8; float: left; width: 220px; }
#enquete ul{ padding-left: 5px; float: left; margin-top: 0px}
#enquete li{ list-style: none; font: normal 12px Arial, Helvetica, sans-serif; color: #666; }
#enquete div.submit input{ width: 105px; height: 29px; background: url('../img/layout/bt-votar.jpg'); border: none; outline: none;}
#enquete .resultadop{ float: left; width: 115px; height: 29px; margin-left: 10px }
#enquete div.submit{ float: left }

#enquete .resultadop img{ border: none}

#rdp2 #rpdleft{ float:left; width: 340px; height: 90px; position: absolute; left: 50%; margin-left: -480px; font: normal 12px Arial, Helvetica, sans-serif; color: #FFF; text-align: left; top: 20px;}
#rdp2 #rpdleft #marcas{ background: #FFF; text-align: center; -moz-border-radius: 5px }
#rdp2 #rpdleft #marcas a img{ border: none }


#rdp2 #rpdright{ float:left; width: 570px; height: 90px; position: absolute; left: 50%; margin-left: -120px; font: normal 12px Arial, Helvetica, sans-serif; color: #FFF; text-align: left; top: 20px;}
#rdp2 #rpdright #parceiros{ background: #FFF; -moz-border-radius: 5px; text-align: center }
#rdp2 #rpdright #parceiros a img{ border: none }
#rdp3 #infsrdpc{ font: normal 12px Arial, Helvetica, sans-serif; color: #FFF; position: absolute; left: 50%; margin-left: -470px; margin-top: 5px; text-align: left}
#rdp3 #menurdp{ font: normal 12px Arial, Helvetica, sans-serif; color: #FFF; position: absolute; left: 50%; margin-top: 55px; margin-left: 160px;text-align: left}
#rdp3 #infsrdpc a, #rdp3 #menurdp a{ font: bold 12px Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none}

#paginacao{float: left; width: 700px; margin-top: 10px; border-top: solid 1px #044580; padding-top: 5px; text-align: right}
#paginacao span a{font: normal 12px Arial, Helvetica, sans-serif; color: #044580; padding: 5px 8px 5px 8px; }
#paginacao span a:hover{background: #EEE; }
#paginacao span.current{font: normal 12px Arial, Helvetica, sans-serif; color: #FFF; padding: 5px 8px 5px 8px; background: #044580}
#paginacao span.disabled{font: normal 12px Arial, Helvetica, sans-serif; color: #999; padding: 5px 8px 5px 8px; }
#paginacao #paginas{font: normal 12px Arial, Helvetica, sans-serif; color: #999;}

#easyTooltip{ padding: 5px 10px; border: 1px solid #CCC; background-color: #FFF; color: #043F72; font: bold 11px Arial, Helvetica, sans-serif}
.buscatopo-opc{width: 319px; float: left;   border-right: 1px solid #02203C;  height: 150px}
.buscatopo-opc input[type="text"]{float: left; margin: 10px 10px 10px 22px; width: 260px; padding: 7px; font: normal 14px 'Open Sans', Arial, sans-serif; border: none; border-radius: 5px}
.buscatopo-opc h2{font: normal 14px "Open Sans", Arial, sans-serif; color: #FFF; margin: 0px; padding:5px; margin: 10px}
.buscatopo-opc .btenvia{ margin-right: 22px;}
.buscatopo-opc:hover{ background: #02203C;}

#sistemadebuscaguia label {
    color: #044074;
    display: block;
    font: bold 11px/20px Arial,Helvetica,sans-serif;
    margin-left: 30px;
}
#sistemadebuscaguia #textobusca {
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    color: #02294D;
    font: 12px Arial,Helvetica,sans-serif;
    margin-top: 10px;
    padding: 5px;
    width: 205px;
}             
             
#addtelainicio{position: fixed; bottom: 11%; left:0%; width: 100%; text-align: center; z-index: 999}
#balao{ width: 80%; color: #FFF; font: bold 300% Arial;  margin: 0 auto; background: url('../img/layout/bg-balao.png') bottom center no-repeat; padding: 20px}
#balaocont{background: #074276; margin-bottom: 20px; -moz-border-radius: 20px; border-radius:  20px; -webkit-border-radius: 20px; padding: 40px; }

.pub-140x60 embed{ width: 140px; height: 60px }
.pub-468x60 embed{ width: 468px; height: 60px }
.pub-145x52 embed{ width: 145px; height: 52px }
.pub-174x60 embed{ width: 174px; height: 60px }

.sticky { position: fixed; width: 100%; left: 0; top: 0; z-index: 100; border-top: 0; }
#buscabt { float: right; font: 600 12px 'Open Sans', Arial, sans-serif; color: #FFF; border: none; cursor: pointer; padding: 7px 20px; display: inline-block;outline: none;position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;background: #044074;box-shadow: 0 4px #02203C;-webkit-transition: none;-moz-transition: none;transition: none;border-radius: 5px; }
.btenvia { float: right; font: 600 12px 'Open Sans', Arial, sans-serif; color: #044074; border: none; cursor: pointer; padding: 7px 20px; display: inline-block;outline: none;position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;background: #EFEFEF;box-shadow: 0 4px #999;-webkit-transition: none;-moz-transition: none;transition: none;border-radius: 5px; }
#buscabt:active { box-shadow: 0 2px #02203C; top: 2px;  }

#dialsbarra{color: #044074; font: 700 11px/35px Arial,Helvetica,sans-serif; float: left; width: 820px;}
#dialsbarra div{margin-right: 15px; float: left}
#dialsbarra a{padding: 12px 8px 12px 8px; color: #909090;
    -webkit-transition: background .2s ease-in;
    -moz-transition: background .2s ease-in;
    -ms-transition: background .2s ease-in;
    -o-transition: background .2s ease-in;
    transition: background .2s ease-in;    
}
#dialsbarra a:hover{background: #E0E0E0; color: #044074}

.home-banner-lateral-direita {
    position: absolute;
    right: -180px;
    z-index: 99;
}

.banner-lateral-direita:not(.home-banner-lateral-direita) {
    /*position: absolute;
    right: -180px;
    z-index: 99;
    /* right: -180px; */
    position: fixed;
    z-index: 9999;
    right: 0px;
    top: 53px;
}
@media (max-width: 1299px) {
    .banner-lateral-direita:not(.home-banner-lateral-direita) {
        right: -180px;
    }
}


#fixedBannerTop {
    width: 100%;
    background-color: #033f73;
    height: 120px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
}

@media (max-width: 767.98px) { 
    #fixedBannerTop {
        height: 129px;
    }
 }

@media (max-width: 767.98px) and (orientation: landscape) { 
    #fixedBannerTop {
        display: none;
    }
}