@charset "utf-8";
/* CSS Document 
------------------------
SITE Espaco Construtora
------------------------
*/

/*/////////////////////////////////////////////
IMPORTACAO DAS FONTES
/////////////////////////////////////////////*/

@font-face {
  font-family: 'light';
  src: url("../includes/font/oswald-light-webfont.eot");
  src: url("../includes/font/oswald-light-webfont.eot?#iefix") format("embedded-opentype"), 
  url("../includes/font/oswald-light-webfont.woff2") format("woff2"),
   url("../includes/font/oswald-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'regular';
  src: url("../includes/font/oswald-regular-webfont.eot");
  src: url("../includes/font/oswald-regular-webfont.eot?#iefix") format("embedded-opentype"), 
  url("../includes/font/oswald-regular-webfont.woff2") format("woff2"), 
  url("../includes/font/oswald-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }


/* /////////////////////////////////////////////
ESTRUTURA GERAL DA PAGINA
///////////////////////////////////////////// */

body { 
    margin:0; 
    padding:0;
    border:0; 
    text-align:center;
    background:#FFF;
    font-family: 'light';
    font-size: 18px;
    color:#233943;
    line-height:26px;
}

/* div principal */

.conteudo { 
    margin: 0 auto;
    text-align: left;
    width: 1003px;
    position:relative; 
}

/* fundo com duas imagens diferentes para adpatar as resolucoes de tela */


div#background_topo_dir  { 
    width:51%;
    height:291px; 
    position:absolute;
    right:0px;
    top:0px; 
    background:url(../imagens/bg/bg-topo-dir.jpg) repeat-x;
}

div#background_menu_esq  { 
    width:51%;
    height:42px;
    position:absolute;
    left:0px;
    top:0px; 
    background:#FFF;
    z-index: 2;
}


.line-blue-btn-left,.line-blue-top-left,
.line-blue-btn-right, .line-blue-top-right{
    background: #0091c6;
    width:51%;
    height: 78px;
    position:absolute;  
}
    .line-blue-btn-left{
        left:0px;
        bottom:0px; 
    }

    .line-blue-top-left{
        left:0px;
        top:0px; 
    }

    .line-blue-btn-right{
        right:0px;
        bottom:0px; 
    }

    .line-blue-top-right{
        right:0px;
        top:0px; 
    }

.line-drkblue-btn-left, .line-drkblue-top-right{
    background: #272a45;
    width:51%;    
    position:absolute; 
}
    .line-drkblue-btn-left{
        height: 101px;
        left:0px;
        bottom:0px;     
    }

    .line-drkblue-top-right{
        height: 93px;
        right:0px;
        top:0px;     
    }
    .line-drkblue2-top-left{
        height: 183px;
        background: #222544;
        width:51%;    
        position:absolute; 
        left:0px;
        top:0px;  
        z-index: 4;
    }

    .line-white-top-left{
        height: 78px;
        left:0px;
        top:183px;  
        background: #FFF;
        width:51%;    
        position:absolute; 
        z-index: 3;
    }

    .line-white-full{
        height: 50px;
        left:0px;
        top:0px;  
        background: #FFF;
        width:100%;    
        position:absolute; 
        z-index: 2;
    }
				 
/* Estruturas principais do site divididas por blocos */

#topo, #menu, #slide, #topo-meio, #meio, #solucoes, #obras-realizadas,
 #obras-andamento, #top-rodape, #rodape {
    position:relative; 
    left:0px;
    top:0px;
    width:100%;
}

#topo .conteudo {
    background:#FFF;
    height:291px;
    z-index:500;
}

#menu{ 
    background: #0091c6;
}
    #menu .conteudo {        
        background:url(../imagens/bg/menu.png) no-repeat #272a45;
        height:93px;
        z-index:499;
    }

#slide {
    background: #0091c6;
}
    #slide .conteudo {         
        background:url(../imagens/bg/slide.png) no-repeat bottom left #0091c6; 
        height: 569px;
        z-index:503;        
    }

#topo-meio {
    background: #FFF;
 }
    #topo-meio .conteudo { 
        background:url(../imagens/bg/topo-meio.jpg) no-repeat bottom right #FFF;
        height: 215px;
        z-index:512;        
    }

#meio {
    background: #212644;
 }
    #meio .conteudo { 
        height: auto;
        padding: 100px 0 40px 0;
        /*min-height: 360px;*/
        z-index:511;  
        background: #212644; 
    }    

#solucoes {
    background: #FFF;
 }
    #solucoes .conteudo { 
        height: auto;
        min-height: 568px;
        z-index:512;    
        background: #FFF;    
    }
  
#obras-realizadas {
    background: #212644;
}
    #obras-realizadas .conteudo { 
        background: #212644;
        height: auto;
        min-height: 446px;
        z-index:502;        
    }
  
#obras-andamento {
    background: #FFF;
}
    #obras-andamento .conteudo { 
        background: #FFF;
        height: auto;
        min-height: 436px;
        z-index:502;        
    }

#top-rodape {
    background: #FFF;
}
    #top-rodape .conteudo { 
        background: #FFF;
        height: auto;
        min-height: 78px;
        z-index:502;        
    }    
   
#rodape{
    background: #0091c6;
}
    #rodape .conteudo {
        background: #0091c6;
        height:347px;
        z-index:500;
    }

.bg-rodape{
    background:url(../imagens/bg/rodape.png) no-repeat; 
    width: 646px;
    height: 261px;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 5;
}

/* /////////////////////////////////////////////
LINKS
///////////////////////////////////////////// */

a { 
    outline:none; 
}
    a:link, a:visited, a:active  { 
        color:#f1804e;
        text-decoration:none; 
        outline:none;
    }
    a:hover {
        color:#ae373a;
        text-decoration:none; 
        outline:none;
    }

a.logomarca{
    position: absolute;
    display: block;   
    top: 10px; 
    left: 10px;     
    width: 456px; 
    height: 252px;   
    background: url(../imagens/logomarca.png) no-repeat;  
    z-index: 3;
}
    a.logomarca:hover {
        opacity: 0.8;
    }


a.link-padrao{
    margin-top: 10px; 
    min-width: 100px;
    background: #FFF;
    text-align: center;
    padding: 10px 15px;
}
    a.link-padrao:hover{
        opacity: 0.8;
    }
/* arredondar cantos */
.rounded-10{
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
}
.rounded-20{
    -moz-border-radius: 20px; 
    -webkit-border-radius: 20px; 
    border-radius: 20px; 
}

.rounded-20-dir{
    -moz-border-radius: 0 20px 20px 0; 
    -webkit-border-radius: 0 20px 20px 0; 
    border-radius: 0 20px 20px 0; 
}

.rounded-40{
    -moz-border-radius: 40px; 
    -webkit-border-radius: 40px; 
    border-radius: 40px; 
}
/* ///////////////////////////////////////////// 
LISTAS
///////////////////////////////////////////// */



/* /////////////////////////////////////////////  
TAGS H1, H2
///////////////////////////////////////////// */

h1, h2, h3, h4{     
    font-weight: normal;
}

h1 {       
    color: #FFF;
    font-size: 37px;
    line-height: 42px; 
    display: block;    
    margin: 0;
    padding: 0;
}
    h1.seta-right{
        text-align: right;
        background: url(../imagens/seta-white-dir.png) no-repeat right 10px;
        padding-right: 25px;
    }
    h1.seta-left{
        text-align: left;
        background: url(../imagens/seta-white-esq.png) no-repeat left 10px;
        padding-left: 25px;
    }    
    h1.tt-sec{
        position: absolute;
        top: 160px;
        left: 190px;
        width: 300px;
    }
h2{
    color: #2690c3;
    font-size: 32px;
    line-height: 38px;
    margin: 10px 0 10px 0;
    background: url(../imagens/seta-white-down.png) no-repeat 0 12px;
    padding: 0 0 0 30px;
    width: 590px;
    z-index: 3;
    display: block;
}

h3{
    color: #272a45;
    font-size: 29px;
    line-height: 32px;
    margin: 10px 0 10px 0;    
    background: url(../imagens/marker-circle-blue.png) no-repeat 0px 12px;
    border-bottom: 1px dashed #b6b6b6;
    font-family: "regular";
    padding: 12px 0 10px 30px;    
    width: 95%;
    display: block;
    position: relative;
}


.linha { 
    border-bottom: 1px dashed #b6b6b6; 
    width: 100%;
    margin: 5px 0; 
}

.border { border:solid 1px #FF0000;}

.clear { clear:both;}

p{ 
    text-align: justify;
}

a.botao1{
    border: 2px #0091c6 solid;
    padding: 7px 25px;
    margin: 10px 5px;
    color: #FFF;
    font-size: 24px;
}
    a.botao1:hover{
       border: 2px #FFF solid; 
       color: #0091c6;
    }

a.botao2{
    border: 2px #0091c6 solid;
    padding: 7px 25px;
    margin: 10px 5px;
    color: #272a45;
    font-size: 24px;
}
    a.botao2:hover{
       border: 2px #272a45 solid; 
       color: #0091c6;
    }

a.botao3{
    background: #0091c6;
    padding: 7px 25px;
    margin: 10px 10px;
    color: #FFF;
    text-align: center;
    font-size: 22px;
    display: block;
}
    a.botao3:hover{
       background: #FFF;
       color: #0091c6;
    }

.al-center{
    text-align: center;
    margin: 0 auto !important;
} 

.info-contact {
  float: left;
  margin: 8px 0 0 0;
  text-align: center;
  font-size: 23px;
}

.info-contact a{
    display: block;
    float: left;
    width: 300px;
    margin: 20px 0 10px 0;
    border: 2px solid #2690c3;
    padding: 7px 20px 7px 20px; 
    color: #FFF; 
}

.info-contact a#maps {
    background: url(../imagens/icon-maps.png) 25px 7px no-repeat;
}
    .info-contact a#maps:hover {
        background: url(../imagens/icon-mapsH.png) 25px 7px no-repeat;
        color: #2690c3;
    }
.info-contact a#tel {
  background: url(../imagens/icon-phones.png) 20px 5px no-repeat; 
}
    .info-contact a#tel:hover {
      background: url(../imagens/icon-phonesH.png) 20px 5px no-repeat; 
      color: #2690c3;
    }






/* ///////////////////////////////////////////// 
TOPO 
///////////////////////////////////////////// */

/* menu topo */

#menu-topo { 
    height:48px;
    position:absolute;
    top:0px;
    right:30px;
    z-index:501;
}
    #menu-topo ul { 
        list-style:none; 
        margin: 0;
        padding: 0;
    }
    #menu-topo li { 
        float:left; 
        height:100px; 
        display:block;  
        margin: 0 15px 0 0;  
        }                 
        #menu-topo li a { 
            height: 40px;
            font-size:26px;
            color:#FFF;
            display: inline-block;
            text-align: center;
            margin-top: 0px;
            padding: 14px 10px 0px 14px;
            background: none;       
        }
        #menu-topo li a:hover, #menu-topo li a.atual {
             /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#601618+0,7e262a+100 */
            background: #46a1cc; /* Old browsers */
            background: -moz-linear-gradient(top,  #46a1cc 0%, #217ba6 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top,  #46a1cc 0%,#217ba6 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom,  #46a1cc 0%,#217ba6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46a1cc', endColorstr='#217ba6',GradientType=0 ); /* IE6-9 */
            -moz-border-radius: 10px; 
            -webkit-border-radius: 10px; 
            border-radius: 10px; 
        } 
       

#menu-rodape { 
    height:48px;
    position:absolute;
    bottom:90px;
    left:10px;
    z-index:501;
    font-size:23px;
    color:#272a45;
}     
   #menu-rodape a { 
        font-size:23px;
        color:#272a45;
        margin: 0 5px 0 5px;  

    }
    #menu-rodape a:hover, #menu-rodape a.atual {
        color: #2690c3; 
    } 
   



/* SLIDER TOPO*/
#slides-box { 
    width: 1003px;
    height: 538px;
    position:absolute;
    top:28px; 
    left:0px;
    z-index: 6;
}

#s1 { 	
    margin: 0px;
    padding: 0px;
    list-style: none;
}
    #s1 li {
    }
        #s1 li .img-slide {
            width: 904px;
            height: 388px; 
            border: 11px solid #FFF;
            position: relative;
            display: block;
            top: 0px;
            left: 40px;
        }
        #s1 li p{
            font-size: 38px;
            line-height: 41px;
            color: #FFF;
            width: 540px;
            margin: 0; 
            position: relative;
            top: 55px;
            left: 40px; 
        } 
            #s1 li p img{                
                display: inline-block;
                width: 40px;
                height: 36px;
                margin: 0 15px 0 0;
            }

#prev, #next{
    width:80px; 
    height:80px;
    position:absolute;
    top:165px;
}
#prev { 
    left:0px;
    z-index:920; 
    background: url(../imagens/seta-w-esq.png) no-repeat;
}
    #prev:hover { 
        background: url(../imagens/seta-w-esqH.png) no-repeat;
    }
#next { 
    right:0px;
    z-index:921;
    background: url(../imagens/seta-w-dir.png) no-repeat;
}
    #next:hover { 
        background: url(../imagens/seta-w-dirH.png) no-repeat;
    }

.box-carrossel{
    position:relative; 
    top:30px; 
    left:0px;
    width:1003px; 
    display: block;
}
   .box-carrossel a.botao1{
        position: relative;
        top: 25px;
        left: 244px;
   }

.crsl-obras-realizadas { 
    position:absolute; 
    top:0px; 
    left:105px !important;
}
    .crsl-obras-realizadas ul { 
        list-style: none;
        margin:0; 
    }
    .crsl-obras-realizadas li { 
        width: 246px;
        height:309px;         
        float:left; 
        display: inline-block;
        margin:10px;
        position: relative;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#212644+1,212644+51,4b4e64+100 */
        background: #212644; /* Old browsers */
        background: -moz-linear-gradient(top,  #212644 1%, #212644 51%, #4b4e64 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #212644 1%,#212644 51%,#4b4e64 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #212644 1%,#212644 51%,#4b4e64 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212644', endColorstr='#4b4e64',GradientType=0 ); /* IE6-9 */
 } 
        .crsl-obras-realizadas li:hover{
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#212644+1,212644+51,4b4e64+100 */
            background: #212644; /* Old browsers */
            background: -moz-linear-gradient(top,  #212644 1%, #212644 51%, #2690c3 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top,  #212644 1%,#212644 51%,#2690c3 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom,  #212644 1%,#212644 51%,#2690c3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212644', endColorstr='#2690c3',GradientType=0 ); /* IE6-9 */
        }
        .crsl-obras-realizadas li img{
            border: 16px solid #2690c3;
            -moz-border-radius: 150px; 
            -webkit-border-radius: 150px; 
            border-radius: 150px; 
            margin: 0 auto;
            display: block;
        }    
       .crsl-obras-realizadas li p{
            margin: 0;
            padding: 0;
            position: relative;
            top: 15px;
            text-align: center;
            color: #FFF;
            font-size: 30px;   
       }  

.prev2, .next2{
    width:80px; 
    height:80px;
    position:absolute;
    top:100px;
}
.prev2 { 
    left: 0;  
    z-index: 831;
    background: url(../imagens/seta-w-esq.png) no-repeat;
}
    .prev2:hover { 
        background: url(../imagens/seta-w-esqH.png) no-repeat;
    }
.next2 { 
    right: 0;
    z-index:921;
    background: url(../imagens/seta-w-dir.png) no-repeat;
}
    .next2:hover { 
        background: url(../imagens/seta-w-dirH.png) no-repeat;
    }

.box-carrossel2{
    position:relative; 
    top:90px; 
    left:0px;
    width:1003px; 
    height: 420px;
    display: block;
    background: url(../imagens/bg/bg-round-shadow.jpg) no-repeat;
}

.crsl-obras-andamento { 
    position:absolute; 
    top:40px; 
    left:80px !important;
}
    .crsl-obras-andamento ul { 
        list-style: none;
        
    }
    .crsl-obras-andamento li { 
        width: 190px;
        height:250px;         
        float:left; 
        display: inline-block;
        margin:10px;
        position: relative;
  } 
        .crsl-obras-andamento li:hover{
            opacity: 0.8;
        }
        .crsl-obras-andamento li img{
            -moz-border-radius: 20px; 
            -webkit-border-radius: 20px; 
            border-radius: 20px; 
            margin: 0 auto;
            display: block;
            width: 190px;
            height: 190px;
        }    
       .crsl-obras-andamento li p{
            margin: 0;
            padding: 0;
            position: relative;
            top: 15px;
            text-align: center;
            color: #272a45;
            font-size: 22px; 
            line-height: 26px;  
       }  

#obras-andamento a.botao2{
        position: absolute;
        bottom: 35px;
        left: 584px;
        z-index: 997;
   }

.crsl-obras-andamento2 { 
    position:absolute; 
    top:40px; 
    left:40px !important;    
    width: 870px;
 }
    .crsl-obras-andamento2 ul { 
        list-style: none;     
        text-align: center;   
    }
    .crsl-obras-andamento2 li { 
        width: 190px;
        height:250px;         
        /*float:left; */
        display: inline-block;
        margin:10px;
        text-align: center;
        position: relative;
  } 
        .crsl-obras-andamento2 li:hover{
            opacity: 0.8;
        }
        .crsl-obras-andamento2 li img{
            -moz-border-radius: 20px; 
            -webkit-border-radius: 20px; 
            border-radius: 20px; 
            margin: 0 auto;
            display: block;
            width: 190px;
            height: 190px;
        }    
       .crsl-obras-andamento2 li p{
            margin: 0;
            padding: 0;
            position: relative;
            top: 15px;
            text-align: center;
            color: #272a45;
            font-size: 22px; 
            line-height: 26px;  
       }         

.prev3, .next3{
    width:80px; 
    height:80px;
    position:absolute;
    top:120px;
}
.prev3 { 
    left: 0;  
    z-index: 831;
    background: url(../imagens/seta-b-esq.png) no-repeat;
}
    .prev3:hover { 
        background: url(../imagens/seta-b-esqH.png) no-repeat;
    }
.next3 { 
    right: 0;
    z-index:921;
    background: url(../imagens/seta-b-dir.png) no-repeat;
}
    .next3:hover { 
        background: url(../imagens/seta-b-dirH.png) no-repeat;
    }

.social-media{
    position: absolute;   
    top: 473px;
    right: 0px;
    width: 340px;
    z-index: 999;
}
    .social-media a{
        float: left;
        display: inline-block;        
        height: 45px;  
        margin-left: 8px;       
        color: #272a45;
    }
        .social-media span{
           text-align: center; 
           position: relative;
           display: block;
           font-size: 24px;           
           top: 63px;
           left: 30px;
        }

        .social-media a.btn-like{
            background: url("../imagens/social/icon-like.jpg") no-repeat top center;                  
            width: 54px;
        }
            .social-media a.btn-like:hover{
                background: url("../imagens/social/icon-likeH.jpg") no-repeat top center;                 
                color: #2690c3;
            }
        .social-media a.btn-share{
            background: url("../imagens/social/icon-share.jpg") no-repeat top center;
            width: 54px;
            position: relative;
            left: 60px;
        }
            .social-media a.btn-share:hover{
                background: url("../imagens/social/icon-shareH.jpg") no-repeat top center;                 
                color: #2690c3;
            }

a.icon-sitemap{ 
    background: url(../imagens/icon-sitemap.png) no-repeat;
    display: block;
    width: 147px;
    height: 55px;
    position: absolute;
    bottom: 35px;
    left: 680px;
    color: #FFF;
    font-size: 26px;
}
    a.icon-sitemap span{
        position: relative;
        top: 15px;
        left: 60px;
    } 
    a.icon-sitemap:hover{ 
        background: url(../imagens/icon-sitemapH.png) no-repeat;
    }            

/* ///////////////////////////////////////////// 
PRINCIPAL
///////////////////////////////////////////// */


a.bt-download{
    background: url(../imagens/icon-download.png) no-repeat;
    width: 220px;
    height: 42px;
    display: block;
    font-size: 30px;
    padding: 10px 0 0 56px;
    color: #FFF;
    position: relative;
    float: right;
    top: 15px;
    right: 30px;
}
    a.bt-download:hover{
        background: url(../imagens/icon-downloadH.png) no-repeat;
        color: #272a45;
    }

.sombra{
    -webkit-box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.21);
    -moz-box-shadow:    2px 2px 6px 0px rgba(50, 50, 50, 0.21);
    box-shadow:         2px 2px 6px 0px rgba(50, 50, 50, 0.21);
}

.telefone-topo{
    background: url(../imagens/icon-phone.jpg) no-repeat 0px 21px;
    width:336px;
    height: 120px;
    position: absolute;
    right: 90px;
    top: 120px;
}
    .telefone-topo p{
        position: absolute;
        top: 10px;
        left: 80px;
        display: block;
        line-height: 48px;
        font-size: 45px;
        color: #272a45;
        text-align: center;
        margin: 0;
        padding: 0;
    }
        .telefone-topo a{
            font-family: "regular";
            color: #2690c3;
            font-size: 41px;
            text-transform: none;
        }

/* ///////////////////////////////////////////// 
PAGINAS SECUNDARIAS
///////////////////////////////////////////// */

.ilustrativas, .img-solucoes-ini{
    display: block;
    position: absolute; 
    margin: 0; 
    width: 435px;
    height: 285px;  
}

.ilustrativas{
    top: 41px;
    right: 25px;
    z-index: 80;
}

.img-empresa{
    background: url(../imagens/ilustrativas/img-empresa.png) no-repeat;
}
.img-contato{
    background: url(../imagens/ilustrativas/img-contato.png) no-repeat;
}
.img-servicos{
    background: url(../imagens/ilustrativas/img-solucoes.png) no-repeat;
}
.img-andamento{
    background: url(../imagens/ilustrativas/img-andamento.png) no-repeat;
}
.img-realizadas{
    background: url(../imagens/ilustrativas/img-realizadas.png) no-repeat;
}

.img-mapa-site{
    background: url(../imagens/ilustrativas/img-mapa-site.png) no-repeat;
}
.img-erro{
    background: url(../imagens/ilustrativas/img-erro.png) no-repeat;
}


.img-solucoes-ini{
    top: -115px;
    left: 0px;   
    background: url(../imagens/ilustrativas/img-solucoes.png) no-repeat;
}


.frase-nome{
    color: #2690c3;
    font-size: 46px;
    line-height: 52px;
    text-align: center;
    position: relative;
    float: left;
    top: 20px;
    left: 10px;
    width: 430px;
}
    .frase-nome span{
        color: #FFF;
        font-size: 45px;
        font-family: "regular";
    }

.texto-dir{
    position: relative;
    right: 25px;
    float: right;
    width: 430px;
    display: block;
    top: 60px;
}
    .texto-dir p{
        font-size: 23px;
        line-height: 28px;
        color: #FFF;
        text-align: justify;
        text-indent: 30px;
        margin: 0;
        padding: 0;
    }
    .texto-dir a.botao1{
        float: right;
        margin-bottom: 50px;
    }

.texto-esq{
    position: relative;
    left: 0px;
    float: left;
    width: 580px;
    display: block;
}

    .texto-esq p{
        font-size: 23px;
        line-height: 28px;
        color: #FFF;
        text-align: justify;
        text-indent: 30px;
        margin: 30px 0 0 0;
        padding: 0;
    }
.texto-dir a.botao1{
    float: right;
}

.texto-full{
    position: relative;
    left: 0px;
    float: left;
    width: 900px;
    display: block;
}

    .texto-full p{
        font-size: 23px;
        line-height: 28px;
        color: #FFF;
        text-align: justify;
        margin: 30px 0 0 0;
        padding: 0;
    }
.texto-full a.botao1{
    position: relative;
    left: 0px;
}


.bloco-dir{
    position: relative;
    right: 40px;
    float: right;
    width: 340px;
    display: block;
}

.endereco-dir{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#212644+0,212644+41,4b4e64+100 */
    background: #212644; /* Old browsers */
    background: -moz-linear-gradient(top,  #212644 0%, #212644 41%, #4b4e64 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #212644 0%,#212644 41%,#4b4e64 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #212644 0%,#212644 41%,#4b4e64 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212644', endColorstr='#4b4e64',GradientType=0 ); /* IE6-9 */
    padding: 20px 10px 20px 10px;
}
.endereco-dir a.icone-mapa, .endereco-dir p{
    display: block;    
} 
    .endereco-dir .icone-mapa{        
        width: 84px;
        height: 84px;        
        margin: 0 auto 20px auto;
        background: url(../imagens/icon-map.jpg) no-repeat;         
    }
        .endereco-dir a.icone-mapa:hover{
           background: url(../imagens/icon-mapH.jpg) no-repeat;  
        }
    .endereco-dir p{
        color: #FFF;
        position: relative;
        text-align: center;
        font-size: 20px;
        line-height: 28px;        
        margin: 35px 5px 0 20px;
    }
        .endereco-dir p span{
            font-size: 26px;
            font-family: "regular";
        }

.galeria{
    float: right;
    display: block;
    position: relative;
    top: 40px;
    width: 720px;
    margin: 10px 0 35px 0;
}
    .galeria img{
        margin: 8px;
        float: left;
        width: 158px;
        height: 158px;
        border: 3px solid #FFF;
        /*sombra*/
        -webkit-box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.41);
        -moz-box-shadow:    2px 2px 6px 0px rgba(50, 50, 50, 0.41);
        box-shadow:         2px 2px 6px 0px rgba(50, 50, 50, 0.41);
    }
        .galeria img:hover{ 
            opacity: 0.8;
        }

.btvoltar{
    position: relative;
    float: right;
    right: 25px;
}

.bloco-txt-solucoes{
    position: relative;
    left: 435px;
    top: 0px;
    background: url(../imagens/bg/bg-fazemos.jpg) no-repeat;
    width: 480px;
}
    .bloco-txt-solucoes h1{
        position: relative;
        top: 20px;
        left: 20px;
    }
    .bloco-txt-solucoes p{
        font-size: 45px;
        color: #272a45; 
        margin: 80px 0 0 40px;       
    }
        .bloco-txt-solucoes p span{
            font-family: "regular";
        }

.tt-obras-realizadas{
    background: url(../imagens/bg/bg-obras-realizadas.png) no-repeat;
    width: 500px;
    height: 78px;
    position: absolute;
    bottom: 0;
    left: 0;
}
    .tt-obras-realizadas h1{
        position: relative;
        top: 20px;
        left: 40px; 
    }

.tt-obras-andamento{
    background: url(../imagens/bg/bg-obras-andamento.png) no-repeat;
    width: 469px;
    height: 78px;
    position: absolute;
    top: 0;
    right: 0;
}
    .tt-obras-andamento h1{
        position: relative;
        top: 20px;
        right: 30px; 
    }    

ul.solucoes{
    list-style: none;
    display: block;
    float: left;
    margin: 30px 0 30px 8px;
    padding: 0;
    position: relative;
}
    ul.solucoes li{
        margin: 0 7px;
        font-size: 30px; 
        font-family: "regular";
        text-align: center;
        text-transform: uppercase;       
        float: left;
        width: 183px;
        height: 183px;          
    }
        ul.solucoes li span{
            margin: 20px 0 0 0;
            display: block;
        }

        ul.solucoes li img:hover{
            opacity: 0.8;
        } 

        ul.solucoes li a{
            display: block;
            color: #272a45;
        }
            ul.solucoes li a:hover{
                color: #2690c3;
            }


.al-right{ float: right;}

.posbt2{
    float: right;
    right: 100px;
    position: relative;
    top: 20px;
}

 .bloco-obras { 
        width: 482px;
        min-height:279px;         
        float:left; 
        display: inline-block;
        margin: 10px 18px 10px 0;
        position: relative;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#212644+1,212644+51,4b4e64+100 */
        background: #212644; /* Old browsers */
        background: -moz-linear-gradient(top,  #212644 1%, #212644 51%, #4b4e64 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #212644 1%,#212644 51%,#4b4e64 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #212644 1%,#212644 51%,#4b4e64 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212644', endColorstr='#4b4e64',GradientType=0 ); /* IE6-9 */
 } 
        .bloco-obras:hover{
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#212644+1,212644+51,4b4e64+100 */
            background: #212644; /* Old browsers */
            background: -moz-linear-gradient(top,  #212644 1%, #212644 51%, #2690c3 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top,  #212644 1%,#212644 51%,#2690c3 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom,  #212644 1%,#212644 51%,#2690c3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212644', endColorstr='#2690c3',GradientType=0 ); /* IE6-9 */
        }
        .bloco-obras img{
            border: 14px solid #2690c3;
            -moz-border-radius: 150px; 
            -webkit-border-radius: 150px; 
            border-radius: 150px; 
            float: left;
            display: block;
            width: 150px;
            height: 150px;
        }    
        .bloco-obras a{ 
            color: #a3c7d8;
        }
       .bloco-obras p{
            float: left;
            margin: 0 0 10px 0;
            padding: 0 0 0 25px;
            display: block;
            width: 245px;
            position: relative;
            text-align: left;
            top: 15px;
            color: #FFF;
            font-size: 25px; 
            background: url(../imagens/icon-company.png) no-repeat 0 4px;  
       }  
                .bloco-obras p.city{
                    color: #FFF;
                    margin: 0 10px 5px 25px;
                    font-size: 27px; 
                    width: 260px;
                    background: none;
                    font-family: "regular";
                    padding: 5px 0 0 0;
                } 
        
        .bloco-obras .txt-desc{
            margin: 25px 5px 5px 25px;
            display: block;
            color: #a3c7d8 !important;
            font-size: 19px; 
            width: 255px;
            float: left;
            line-height: 23px;
            text-align: justify;
        }
        .bloco-obras .botao1{
            /*margin: 25px 0 5px 0px;*/
            display: block;
            float: right;
            position: absolute;
            bottom: 15px;
            right: 20px;
            font-size: 20px;
            color: #FFF !important;
        }
            .bloco-obras .botao1:hover{
               color:#FFF;
            }


a.breadcrumbs{
    color: #2690c3;
    font-size: 20px;
    padding: 0;
    margin: 0 0 10px 30px;
    font-style: italic;
}
    a.breadcrumbs:hover{
        color: #FFF;
    }

.pag-obras { 
    margin: 10px 20px 10px 0;
    position: relative;
 } 
        
        .pag-obras img.thumbmain{
            border: 14px solid #2690c3;
            -moz-border-radius: 150px; 
            -webkit-border-radius: 150px; 
            border-radius: 150px; 
            float: left;
            display: block;
        }    
        .pag-obras a{ 
            color: #a3c7d8;
        }
       .pag-obras p{
            float: left;
            margin: 10px 10px 10px 30px;
            padding: 15px 0 0 30px;
            display: block;
            height: 40px;
            width: 672px;
            border-top: 1px solid #2690c3;
            border-bottom: 1px solid #2690c3;
            position: relative;
            top: 15px;
            font-family: "regular";
            color: #FFF;
            font-size: 25px; 
            background: url(../imagens/icon-company.png) no-repeat 0 17px;  
       }          
        .pag-obras .descricao{
            margin: 25px 5px 20px 30px;
            display: block;
            color: #FFF;
            font-size: 22px; 
            width: 705px;
            float: left;
            line-height: 26px;
            text-align: justify;
        }


/* ///////////////////////////////////////////// 
RODAPE
///////////////////////////////////////////// */


.endereco-rodape{
    position: absolute; 
    background: url(../imagens/bg/bg-endereco.png) no-repeat;
    width: 500px;
    height: 166px;
    left: 15px;
    top: 0;
    z-index: 6;
}
.endereco-rodape a.icone-mapa, .endereco-rodape p{
    float: left;
    display: block;    
} 
    .endereco-rodape a.icone-mapa{        
        width: 84px;
        height: 84px;        
        margin: 45px 5px 0 8px;
        background: url(../imagens/icon-map.jpg) no-repeat;         
    }
        .endereco-rodape a.icone-mapa:hover{
           background: url(../imagens/icon-mapH.jpg) no-repeat;  
        }
    .endereco-rodape p{
        color: #FFF;
        position: relative;
        font-size: 23px;
        line-height: 28px;        
        margin: 35px 5px 0 20px;
    }
        .endereco-rodape p span{
            font-size: 26px;
            font-family: "regular";
        }


.redes{
    position: absolute;
    top: 105px;
    right: 84px;
    z-index: 950;
}
    .redes p{
        margin: 0 0 10px 0;
        text-align: center;       
        color: #FFF;
        font-size: 30px;
        font-family: "regular";
        }

    .redes a{
        display: block;
        float: left;
        width: 72px;
        height: 72px;
        margin-right: 5px;
    }
        .redes a.icone-face{ 
            background: url(../imagens/social/icon-face.png) no-repeat;
        }
            .redes a.icone-face:hover{    
                background: url(../imagens/social/icon-faceH.png) no-repeat;
            }
        .redes a.icone-twitter{ 
            background: url(../imagens/social/icon-twitter.png) no-repeat;
        }
            .redes a.icone-twitter:hover{    
                background: url(../imagens/social/icon-twitterH.png) no-repeat;
            }           


.box-sac{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 586px;
    height: 78px;
    background: url(../imagens/bg/bg-sac.jpg) no-repeat;
}
    .box-sac p{
        margin:0;
        padding: 0;
        text-align: center;
        position: absolute;
        top: 25px;
        left: 85px; 
        color: #FFF;
        font-size: 24px;
        line-height: 28px;
    }
    .box-sac .linksac{
        position: absolute;
        top: 20px;
        right: 10px;
        width: 98px;
        height: 33px;
        display: block;
    }

    
.copyright {
    position:absolute;
    bottom:20px; 
    left:20px;
    font-size:21px;
    color:#FFFFFF;
}

/* Assinatura WebCorpore */

#assinatura { 
    position:absolute;
    bottom: 35px; 
    right: 0; 
    z-index:999 !important;
}

.assinatura-txt-empresa{
    float: right;
    text-align: right;
    font-style: italic;
    display: block;
    margin: 20px 0 0 0;
    font-size: 18px;
    color: #CCC;
    background: url(../imagens/triang-blue-small.png) no-repeat right 4px;
    padding-right: 25px;
}




.accordion {    
    float:none;
    overflow:hidden;
    width:100%;
    position:relative;    
    margin: 0 0 10px 0 !important;
    padding: 0 0 0 !important;
}
    .accordion dd {
        display:none;
        margin: 30px 0 30px 0;
        padding: 0;    
        width: 100%;        
    }

    .accordion dt { 
        position:relative;
        overflow:hidden;
        margin: 0 0 10px 0;  
        width: 100%;
    }
        .accordion dt a, .accordion dt p {
            font-size:26px;
            z-index:9;
            position:relative;  
            display:block;
            color: #FFF;
            margin: 0;
            padding:15px 0 15px 55px;    
            -moz-border-radius: 15px; 
            -webkit-border-radius: 15px; 
            border-radius: 15px;
            
        }
        .accordion dt a{
           background: url(../imagens/marker-esfera-mais.png) no-repeat 15px 18px #2690c3; 
        }

        .accordion dt p{
            background: url(../imagens/marker-white.jpg) no-repeat 15px 18px #2690c3;
        }

            .accordion dt a:hover {
                background: url(../imagens/marker-esfera-mais.png) no-repeat 15px 18px #0e5082;
                
            }
            .accordion dt.active a {
                background: url(../imagens/marker-esfera-menos.png) no-repeat 15px 18px #0e5082;
                
            }
            .accordion ul{
                list-style: none;
                padding: 0;
                display: block;   
                margin: 0; 

            }
                .accordion ul li{
                    width: 280px;
                    margin: 0 8px 8px 0;
                    padding: 8px 0 8px 35px;
                    color: #0e5082;
                    font-size: 22px;
                    background: url(../imagens/marker-blue.jpg) no-repeat 10px 15px #FFF;
                }

ul.lista-serv {    
    float:left;
    width:450px;
    position:relative;
    margin: 0 30px 0 0;
    padding: 0;
}
    .lista-serv li.main {        
        margin: 15px 0 15px 0;
        width: 480px;        
        font-size:24px;
        position:relative;  
        display:block;
        color: #FFF;
        padding:20px 0 20px 15px;  
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#212644+1,212644+51,4b4e64+100 */
        background: #4b4e64; /* Old browsers */
        background: -moz-linear-gradient(left,  #4b4e64 1%, #4b4e64 31%, #212644 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left,  #4b4e64 1%,#4b4e64 31%,#212644 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,  #4b4e64 1%,#4b4e64 31%,#212644 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212644', endColorstr='#4b4e64',GradientType=0 ); /* IE6-9 */
    }
        .lista-serv ul.sub{
            list-style: none;
            padding: 0;
            display: block;   
            margin: 5px 0 0 0;         
        }
            .lista-serv ul.sub li{               
                margin: 0 10px 0 0;
                padding: 4px 0 4px 30px;                               
                background: url(../imagens/marker-drk-blue.jpg) no-repeat 10px 10px;
                float: left;               
            }   

            .lista-serv ul.sub li, .lista-serv ul.sub2 li{ 
                display: block;
                font-size: 18px; 
            }

        .lista-serv ul.sub2{
            list-style: none;
            padding: 0;
            display: block;   
            margin: 18px 0 0 0;           
        }
            .lista-serv ul.sub2 li{               
                margin: 0 0 0 45px;
                padding: 0 0 0 30px;              
                background: url(../imagens/marker-purple-triang.png) no-repeat 10px 5px;           
            }  

                .lista-serv ul.sub2 li.sub2main{
                    margin: 5px 0 3px 25px;
                    background: url(../imagens/marker-drk-blue.jpg) no-repeat 10px 6px;
                    font-family: "regular";                
                }

    .seta-b-marker{
        background: url(../imagens/seta-lista2.png) no-repeat;
        float: left;
        width: 25px;
        height: 25px;
        margin: 0 10px 0 0;        
    }

    .bloco-projetos{
        float: left;
        width: 930px;        
        padding: 15px 25px;
        margin: 10px 0 10px 0;
        color: #272a45;
        font-size: 23px;
        background: url(../imagens/triang-blue-small.png) no-repeat 0px 17px;
    }
        .bloco-projetos span{
            color: #0091c6;
            font-family: "regular";
            display: block;
            margin-bottom: 15px;
            font-size: 26px;
        }


ul.lista-sitemap {    
    float:left;
    width:450px;
    position:relative;
    margin: 0 30px 0 0;
    padding: 0;
}
    .lista-sitemap li.main {        
        margin: 10px 0 10px 0;
        width: 480px;        
        font-size:24px;
        position:relative;  
        display:block;
        color: #FFF;
        font-family: "regular";
        padding:15px 0 15px 15px;  
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#212644+1,212644+51,4b4e64+100 */
        background: #4b4e64; /* Old browsers */
        background: -moz-linear-gradient(left,  #4b4e64 1%, #4b4e64 31%, #212644 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left,  #4b4e64 1%,#4b4e64 31%,#212644 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,  #4b4e64 1%,#4b4e64 31%,#212644 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212644', endColorstr='#4b4e64',GradientType=0 ); /* IE6-9 */
    }
        .lista-sitemap ul.sub{
            list-style: none;
            padding: 0;
            display: block;   
            margin: 5px 0 0 0;           

        }
            .lista-sitemap ul.sub li{               
                margin: 0 10px 0 0;
                padding: 4px 0 4px 30px;
                font-size: 18px; 
                font-family: "light";              
                background: url(../imagens/marker-drk-blue.jpg) no-repeat 10px 10px;
                display: block;
            }    
        .lista-sitemap a{
            color: #FFF;
        }