@charset "utf-8";
/* CSS Document */
/* FFFFFF/texto:333333/coluna:EEEEEE/bg:CCCCCC/cinza:6b7d87/verde:00a659/azul:1c678f */
body{color:#333; font-family:"Open Sans", "Trebuchet MS", Helvetica, sans-serif !important; font-size:15px; line-height:1.5em;}
.limpa{clear:both; font-size:0; line-height:0;}
.exibir{display:block!important;}
.ocultar{display:none!important;}
.centralizar{text-align:center!important;}
.container{position:relative; display:block; max-width:1000px !important; margin:0 auto; height:auto;}
div#cabecalho.container{padding:0}
div#topo{position:relative; z-index:2; border-bottom:1px solid #FFF;background: #232528/*url(../img/bg.jpg) repeat-x center top;*/}
div#cabecalho{height:auto;}
div#cabecalho>h1{position:relative; display:-webkit-inline-box; margin:25px auto; padding:0; width:233px; height:86px; background:url(../img/logotipo-raport-fachadas.png) no-repeat center center; background-size:auto 74px;}
div#cabecalho>h1 a{display:block; text-indent:-9999px; height:86px; width:100%;}
div#cabecalho>h1 a img{display:none;}
div#apoio{display:table;position:relative;padding:0;width:100%;height:auto;color:#FFF;background-color:/*#333*/ #666;font-size:15px;line-height:25px;font-family:"Open Sans", "Trebuchet MS", Helvetica, sans-serif;}
div#apoio .apoio-contatos{display:block;padding:5px 0;text-align:right;}
div#apoio .apoio-contatos a{color:#FFF;}
div#apoio .apoio-contatos p:first-child{display:inline;border-left:none;}
div#apoio .apoio-contatos p{display:inline;margin-left:5px;}
.apoio-texto{float:right;margin-top:30px;text-align:center;}
.apoio-texto h2{color:orange/*#b3150c*/;font-size:1.6em;margin-bottom:8px;}
.apoio-texto h3{color:#fff;}
.apoio-texto p,.apoio-texto a{display:inline-block;margin:5px 5px 5px 0;color:/*#333!important*/#fff;}
.apoio-texto p{padding:0;font-size:1em;font-weight:bold;}
div#menu{margin:0 auto; min-height:45px; position:relative; width:100%; overflow:hidden; border-bottom:1px solid #FFF; background-color:orange;z-index:3;}
div#menu ul{display:table; text-align:center;}
div#menu ul li{display:inline; margin:0;}
div#menu ul li a{display:inline-block; padding:0 30px; color:#000; font-family:"Open Sans", "Trebuchet MS", Helvetica, sans-serif; font-size:1.1em; line-height:50px; font-weight:normal; position:relative; text-decoration:none; border-right:1px solid #FFF;}
div#menu ul li a:hover{color:#FFF; background:#000;}
div#menu ul li.selecao a{color:#FFF; background:#000; line-height:50px;}
div#menu ul li:last-child a{border-right:none;}
.banner{position:relative; display:block; margin:0 auto 20px; text-align:center; height:auto;}
#slides{margin:0 auto; max-width:996px; text-align:center;border:2px solid #FFF;}
#slides p{margin:0; padding:0; line-height:0;}
#slides img{width:100%!important; height:auto!important; text-align:center;}
div#conteudo{position:relative; background: rgba(255,255,255,0.9);}
div#conteudo-main{position:relative; margin:0 auto; padding:30px 0; background:#092d50;}
div#principal{position:relative; display:block; padding:30px; width:940px;}
body.map div#principal{display:block;}
body.ctt div#principal{float:left; max-width:530px;}
div#principal p{font-family:"Open Sans", "Trebuchet MS", Helvetica, sans-serif !important; margin:0 0 15px;}
div#principal p strong, div#principal p b{color:#444;}
div#principal>p a img{display:table; margin:5px 0 5px 15px; border:1px solid #444;}
div#principal h1{font-size:30px; line-height:33px;}
div#principal h2{font-size:30px; margin:5px 0 20px; color:#333; text-transform:none;line-height:50px;}
div#principal h3{font-size:22px; margin:15px 0 5px;color:#264983; line-height:25px;}
div#principal h4{font-size:18px; margin:15px 0 5px; color:#444;}
div#principal h4 a{display:table; padding:12px 20px; color:#FFF!important; text-decoration:none; text-shadow:0 1px 3px #222; background:forestgreen; border:1px solid #fff; border-radius:7px; text-transform:uppercase;}
div#principal h4 a:hover{background:darkgreen;}
div#principal h5{font-size:15px; color:#000;}
div#principal h6{font-size:13px;}
div.coluna hr, div#principal hr{clear:both; margin:30px 0;}
div#principal a{font-family:"Open Sans", "Trebuchet MS", Helvetica, sans-serif !important; font-weight:bold; color:#1c678f;}
div#principal a:hover{color:#444; text-decoration:none;}
div#principal ul{padding:5px 0px 15px 10px;}
div#principal ul li{background:url(../img/bullet.gif) no-repeat left 9px; padding:0 0 0 15px; margin:0 0 2px 15px; line-height:150%;}
#carrossel{display:flex; padding:30px 0 0;}
#chamadas-destaque .container{padding:0 !important;}
footer #chamadas-destaque{display:block; margin:0 auto; padding:15px 0; width:100%;background:orange;}
/*body.hom footer #chamadas-destaque{display:none;}
body.hom #chamadas-destaque{display:block;}*/
div#chamadas{}
div#chamadas ul{margin:0 auto; width:100%; height:auto; right:auto; padding:0; position:relative; display:table; text-align:center;}
div#chamadas ul li{display:inline-table; margin:0 auto; padding:15px; max-width:30%; min-height:225px; vertical-align:top; border-left:1px dashed #FFF;}
div#chamadas ul li:hover{background:rgba(0,0,0,0.5);}
div#chamadas ul li:first-child{margin:0; border:none;}
div#chamadas ul li a{display:block; padding:0; color:#FFF; min-height:105px; font-family:"Open Sans", "Trebuchet MS", Helvetica, sans-serif !important;}
div#chamadas ul li a{text-decoration:none;}
div#chamadas ul li a span{margin:5px auto; display:block; height:110px; width:245px; text-indent:-9999px; text-align:center; border:1px solid #FFF;}
div#chamadas ul li:hover a span{border:1px solid #FFF;}
div#chamadas ul li._1 a span, div#chamadas ul li._4 a span{background:url(../img/img_box_01.jpg) no-repeat center center;}
div#chamadas ul li._2 a span, div#chamadas ul li._5 a span{background:url(../img/img_box_02.jpg) no-repeat center center;}
div#chamadas ul li._3 a span, div#chamadas ul li._6 a span{background:url(../img/img_box_03.jpg) no-repeat center center;}
div#chamadas ul li a strong{color:#000; text-decoration:none !important; display:block; font-size:22px; max-width:100%; height:25px; text-align:center; padding:5px 10px 5px;}
div#chamadas ul li:hover a strong{color:#FFF; text-decoration:none;}
div#chamadas ul li a b{font-size:14px; color:#000; text-decoration:none; display:block; font-weight:normal; max-width:100%; padding:5px 0 10px; text-align:center; margin:0 5px;}
div#chamadas ul li:hover a b{color:#FFF;}
div#itm{font-size:13px; font-weight:bold; margin:20px 0 0; float:left;}
div#itm h2{font-size:18px; color:#017B2E; padding:2px 8px 10px 0;}
div#itm ul{padding:0; text-align:left; margin-bottom:20px;}
div#principal div#itm li{display:inline-block; margin:0 15px 15px 0; padding:0; width:450px; background:#f0f0f0; text-align:left; vertical-align:top;}
div#principal div#itm li:hover{background:#264983;}
div#principal div#itm ul li:nth-child(3n+1){border-left:none;}
div#itm li a{margin:0; padding:10px; display:inline-block; height:85px; text-align:left;}
div#itm li a:hover{text-decoration:none;}
div#itm li a span img{position:absolute; width:110px; height:auto; margin:-20px 0 0; display:block; border:1px solid #264983;}
div#itm li a:hover span img{border:1px solid #FFF;}
div#itm li a strong{color:#264983; display:block; padding:0 0 0 125px!important; margin:0; font-size:16px; font-weight:bold;}
div#itm li a:hover strong{color:#f58220;}
div#itm li a span{display:block; padding:0;}
div#itm li a span span{color:#444; margin:0; padding:5px 0 0 125px!important; cursor:pointer; display:block; float:left; font-size:14px; font-weight:normal; line-height:1.3em;}
div#itm li a:hover span span{color:#FFF;}
form#form1{width:340px; float:right;}
form#form1 button{border:none; color:#FFF; background:#446083; text-transform:uppercase; font-family:"Open Sans", "Trebuchet MS", Helvetica, sans-serif; font-size:14px;}
form#form1 button:hover{background:#00425f;}
div.padrao{float:right; display:block; position:relative; padding:30px; width:320px; margin-bottom:20px;}
form#form1{width:100%; float:none; padding:0; display:block;}
form#form1 fieldset{width:100%;}
form#form1 fieldset legend{display:block; padding:5px 0; margin:0; float:right; font-size:13px;}
form#form1 label strong{max-width:85px; clear:both; margin:0; padding:5px; font-size:14px;}
form#form1 label:nth-child(12) strong{float:right; display:block; max-width:100%; line-height:30px; padding:0; height:29px;}
form#form1 input, form#form1 select, form#form1 textarea{float:right; padding:5px; width:210px;}
form#form1 select{clear:both; float:right; padding:5px; width:170px;}
form#form1 span.exibicao{display:block; width:100%; text-align:right; font-size:11px; line-height:30px; color:#FFF; padding:0; position:relative; clear:both;}
form#form1 div{display:inline-block; margin:10px 0; padding:0; float:right;}
.whats{background:url(../img/whats.png) no-repeat 6px 1px;background-size:18px 18px;padding-left:31px!important;}
.mail{background:url(../img/mail.png) no-repeat 6px 1px;background-size:18px 18px;padding-left:31px!important;}
#rodape .mail{background:url(../img/mail.png) no-repeat 6px 1px;background-size:18px 18px;padding-left:31px!important;}
.phone{background:url(../img/phone.png) no-repeat 6px 1px;background-size:18px 18px;padding-left:31px!important;}
.mail2{background:url(../img/mail.png) no-repeat 6px 1px;background-size:18px 18px;padding-left:31px!important;}
.phone2{background:url(../img/phone.png) no-repeat 6px 1px;background-size:18px 18px;padding-left:31px!important;}
.cel{background:url(../img/cel.png) no-repeat 6px 1px; background-size:20px 20px; padding-left:31px !important;}
div#topo .whats, div#topo .mail, div#topo .phone{background-size:20px 20px;padding-left:30px!important;}
div#rodape .phone, div#rodape .cel{background-size:18px 18px;}
body.ctt div#principal .whats, body.exc div#principal .whats, body.map div#principal .whats{background-position:right;background-size:19px 19px;padding-left:0!important;padding-right:23px;}
div.social{margin:0;padding:0;}
div.social ul{margin:0;padding:0;text-align:center;}
div.social ul li{display:block;margin:0;padding:0;width:37px;height:35px;float:left;}
div.social ul li.siga{margin:0;padding:6px 0;width:125px!important;height:20px;text-transform:uppercase;font-size:12px;font-weight:bold;text-align:left;}
div.social ul li a{margin:1px;padding:0;background:url(../img/redes_sociais.png) no-repeat center center;display:inline-block;height:35px;width:35px;background-size:auto 35px;}
div.social ul li a:hover{background:url(../img/redes_sociais_hover.png) no-repeat center center;}
div.social ul li a.facebook{background-position:0 0;}
div.social ul li a.linkedin{background-position:-35px 0;}
div.social ul li a.googleplus{background-position:-70px 0;}
div.social ul li a.twitter{background-position:-105px 0;}
div.social ul li a.wordpress{background-position:-140px 0;}
div.social ul li a.youtube{background-position:-175px 0;}
div.social ul li a.behance{background-position:-210px 0;}
div.social ul li a.pinterest{background-position:-245px 0;}
div.social ul li a.instagram{background-position:-280px 0;}
div.social ul li a.vimeo{background-position:-315px 0;}
div.social ul li a.facebook, div.social ul li a.linkedin, div.social ul li a.googleplus, div.social ul li a.twitter, div.social ul li a.wordpress, div.social ul li a.youtube, div.social ul li a.behance, div.social ul li a.pinterest, div.social ul li a.instagram, div.social ul li a.vimeo{background-size:auto 35px;}
#topo div.social, #topo div.apoio-social{float:left;margin:0;padding:0;}
div#rodape div#apoio{background:none;border-bottom:1px dashed #DDD;margin-bottom:10px;padding-bottom:10px;}
div#rodape div.social ul li{float:none;display:inline;width:100%;}
div#rodape div.social ul li.siga{display:inline-block;vertical-align:top;padding:6px 0;width:155px!important;font-size:15px!important;}
div#rodape div.social ul li a{margin:0;}
div#rodape div#apoio .apoio-contatos{float:none;display:block;text-align:center;padding:0 0 10px 0;}
div#rodape div#apoio .apoio-contatos p{border-left:none;font-size:14px;}
div#rodape{padding:10px 0;text-align:center;background:#333;position:relative;}
div#rodape p{color:#FFF;font-size:12px;margin:0 auto;}
div#rodape a{color:#EEE;margin:0 0 10px;}
div#rodape div.menu ul{text-align:center;}
div#rodape div.menu ul li{display:inline;}
div#rodape div.menu ul li a{display:inline-block;padding:0 2px 0 5px;margin:0;line-height:12px;border-left:solid 1px #EEE;}
div#rodape div.menu ul li:first-child a{border:none;}
.mygallery a{border:1px solid #000!important;}
.limpar{clear:both; float:none;}
@media screen and (max-width:1024px){
	div#cabecalho{position:relative; display:block; padding:0 20px; width:initial; max-width:100%; height:auto;}
}