@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
a{text-decoration:none; color:#FFF}
img{border:0;}
ul{ list-style:none;}
.clear{clear:both;}
html, body {height:100%;}

body{background:none; font-family:"Open Sans", Verdana, Geneva, sans-serif; min-width:980px;}
#bg_top{width:100%; height:440px; position:relative; float:left; background:url(../imagens/bg-topo.jpg)top center no-repeat; z-index:9;}
#bg_banner{width:100%; height:300px; position:relative; float:left; background:none; z-index:0; padding-bottom:20px;}
#bg_menu{width:100%; height:30px; position:relative; float:left; background:#87171A; z-index:9;}
#bg_conteudo{width:100%; height:auto; position:relative; float:left; background:url(../imagens/bg-conteudo.jpg)bottom center no-repeat; padding:50px 0;}
#bg_rodape{width:100%; height:225px; position:relative; float:left; background:#000 url(../imagens/bg-rodape.jpg)center -50px no-repeat;}
.whatsapp{position:absolute !important; width:20px !important; height:20px !important; margin-left:5px !important;}

#topo{width:980px; height:120px; position:relative; float:left; left:50%; margin-left:-490px;}
#topo .logo{width:186px; height:120px; position:relative; float:left;}
#telefones{width:250px; height:auto; position:relative; float:right; margin-top:30px;}
#telefones img{width:40px; height:40px; position:relative; float:left; margin:2px 5px 0 0;}
#telefones p{color:#FFF; font:400 12px "Open Sans", Verdana, Geneva, sans-serif;}
#telefones p strong{color:#FFF; font:600 18px "Open Sans", Verdana, Geneva, sans-serif;}

#menu{width:540px; height:30px; position:relative; float:left; left:50%; margin-left:-270px;}
#menu li{height:30px; position:relative; float:left; text-align:center; display:inline; margin:0 15px;}
#menu li img{position:relative; float:left; margin:5px 7px;}
#menu li .seta-menu{width:12px; height:8px; position:relative; float:right; margin:13px 0 0 5px;}
#menu li a{line-height:30px !important; color:#FFF; font:400 14px "Open Sans", Verdana, Geneva, sans-serif;}
#menu li a:hover{color:#BBB;}

#menu li:hover ul{display:block;}
#menu li ul{width:auto; height:auto; padding:10px; border-top:3px solid #ED1C24; position:absolute; background:#EEE; display:none;}
#menu li ul li{width:450px; height:25px; position:relative; float:left; text-align:left; padding-left:10px; border-left:2px solid #444; margin:0 0 2px 8px;}
#menu li ul li a{color:#333;}

.centralizar{width:980px; height:auto; position:relative; float:left; left:50%; margin-left:-490px;}
#banner{width:980px; height:300px; position:relative; float:left; left:50%; margin-left:-490px;}

.box-conteudo .realizados{width:298px; height:auto; position:relative; border:1px solid #DDD;}
.box-conteudo .realizados .img-recentes{width:260px; height:196px; position:relative; float:left; padding:18px;}
.box-conteudo .realizados p{color:#535353; font:400 12px "Open Sans", Verdana, Geneva, sans-serif; text-align:center; margin-bottom:15px; position:relative; float:left;}
.box-conteudo .realizados p strong{color:#535353; font:400 16px "Open Sans", Verdana, Geneva, sans-serif; text-align:center;}

#rodape{width:980px; height:225px; position:relative; margin-left:-490px; left:50%; background:none;}
#rodape .r-left, #rodape .r-center, #rodape .r-right {width:294px; height:180px; position:relative; float:left; padding:10px; margin:0 5px 0 5px;}
#rodape ul{width:200px; height:auto; position:relative; float:left;}
#rodape li a{color:#FFF; font:500 12px "Open Sans", Verdana, Geneva, sans-serif;}
#rodape li a:hover{color:#000;}
#rodape ul li ul{width:400px; height:auto; position:absolute; left:180px; top:0px; border-left:2px solid #999; padding-left:15px; display:none;}
#rodape ul li:hover ul{display:block;}

#rodape p{color:#FFF; font:400 12px "Open Sans", Verdana, Geneva, sans-serif;}
#rodape p strong{color:#FFF; font:400 16px "Open Sans", Verdana, Geneva, sans-serif;}

#telefones-rodape {width:250px; height:auto; position:relative; float:right; margin-top:10px;}
#telefones-rodape img{width:40px; height:40px; position:relative; float:left; margin:2px 5px 0 0;}
#telefones-rodape p{color:#FFF; font:400 12px "Open Sans", Verdana, Geneva, sans-serif;}
#telefones-rodape p strong{color:#FFF; font:400 16px "Open Sans", Verdana, Geneva, sans-serif;}

#rodape .direitos{width:980px; height:25px; position:relative; float:left; line-height:25px; color:#FFF;}
#rodape .direitos p{font:400 12px "Open Sans", Verdana, Geneva, sans-serif; color:#FFF; line-height:25px; position:relative; float:left;}
#rodape .direitos p strong{font:400 12px "Open Sans", Verdana, Geneva, sans-serif; color:#ED1C24;}
#rodape .direitos a{font:400 12px "Open Sans", Verdana, Geneva, sans-serif; color:#00CCFF;}
#rodape .icones_rodape{width:261px; height:25px; position:relative; float:right;}
.chrome, .mozilla, .opera, .ie, .safari, .html5, .css3{width:23px; height:25px; position:relative; float:right;}
.html5, .css3{height:25px;}
.logo_gray{width:98px; height:25px; position:relative; float:right;}