/* header */
html{
    position: relative;
}
@import 'https://fonts.googleapis.com/css?family=Titillium+Web:200,200i,300,300i,400,400i,600,600i,700,700i,900';
body{
    font-family: 'Titillium Web', sans-serif;
}
.content-geral{
    width: 100%;
    float: left;
}
.container-header{
    width: 100%;
    max-width: 1170px;
    clear: both;
    margin: 0 auto;
}
.header{
    width: 100%;
    position: relative;
    padding: 0.5em 0 0 0;
    background-color: #fbfbfb;
    background-image: url(../images/bg_header.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    float: left;
}
header.header{
    position: fixed;
    z-index: 1000;
    border-bottom: 1px solid #0066FF;
}
.home header{

}
.header .navbar-default{
    background: none;
    border: none;
    border-radius: 0;
    margin: 0;
}
#menu-principal{
    position: relative;
    z-index: 1000;
}

.info-topo{
    float: right;
    max-width: 484px;
    width: 100%;
    color: #0074FF;
}
.info-topo .navbar-header{
    float: left;
}
.info-topo > div{
    float: right;
    border: 1px solid #eee;
    padding: 5px;
}
.info-topo-orcamento{
    margin-right: 10px;
}
.info-topo img{
    float: left;
    margin-right: 5px;
}
.info-topo em{
    display: block;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
}
.info-topo strong{
    float: left;
    margin-left: 5px;
}

.header .navbar-nav{
    margin: 13px 0 0 15px;
    float: right;
}
.header .navbar-nav li{
    font-size: 16px;
    color: #fff;
    font-weight: bold;
}
.header .navbar-nav li.active a, .header .navbar-nav li.active a:hover{
    background:url("../images/caret_active.png") bottom center no-repeat;
    color: #fff;
}
.header .navbar-nav li a{
    color: #fff;
    padding-left: 13px;
    padding-right: 13px;
}

/* Slide show */
#slideshow{
    margin-top: 120px;
}
.slide-wide .item > img{
    width: 100%;
}
.slide-wide-first .carousel-caption{
    bottom: 25%;
    max-width: 620px;
    margin: 0 auto;
    font-size: 20px;
}
.slide-wide-first .item .carousel-caption h3{
    font-size: 45px;
    color: #FFAC00;
    font-weight: bold;
}
.slide-wide-first .carousel-caption p{
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}


/* Section 2*/
.tabs{
    float: left;
    position: relative;
    width: 100%;
}
#servicos article{
    text-align: center;
    color: #000;
    font-size: 22px;
    margin: 40px 0;
}

#servicos article h3{
    font-size: 35px;
    color: #000;
    margin: 0;
}
#servicos .tabs .nav li{

}
#servicos .tabs .nav li a{
    background-color: #0074FF;
    color: #fff;
    font-size: 25px;
    width: 226px;
    text-align: center;
    border-radius: 0;
}
#servicos .tabs .nav li.active a{
    background-color: #FFAC00;
}

#servicos .tabs .tab-pane{
    font-weight: 400;
    margin-top: 20px;
}
#servicos .tabs .tab-pane h5{
    font-weight: bold;
    font-size: 16px;
    margin: 20px 0;
}

/**Sessão 3**/
#recursos{margin: 40px 0;}
#slide-two .carousel-caption{
    left: 0;
    text-align: left;
    width: 100%;
    top: 0;
}
#slide-two .carousel-caption-inner{
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    position: relative;
}
#slide-two .carousel-caption-inner h3{
    font-size: 50px;
    color: #0073FF;
    font-weight: bold;
    width: 585px;
}
#slide-two .slide-blocos{
    margin: 30px 0;
}
#slide-two .slide-blocos > div{
    font-size: 22px;
}
#slide-two .slide-blocos > div img {
    margin: 0 0 40px 0 ;
}
#slide-two .carousel-control{
    z-index: 1000;
}


/** Section 4**/
#numeros{
    width: 100%;
    position: relative;
}
#numeros article{
    margin-bottom: 50px;
}
#numeros article header{
    font-weight: 300;
    font-size: 22px;
}
#numeros article header h3{
    font-size: 35px;
    color: #000;
    margin-bottom: 0;
}

.list-servicos .item-servico{
    font-size: 14px;
    position: relative;
    margin-bottom: 20px;
}
.list-servicos .item-servico h4{
    font-size: 28px;
    color: #FFAC00;
    font-weight: bold;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}
.list-servicos .item-servico h4 small{
    font-size: 18px;
    color: #0072FF;
    display: block;
    font-weight: bold;
    margin-top: 10px;
}
.list-servicos .item-servico p{
    border-left: 5px solid #0072FF;
    padding-left: 15px;
}
#numeros .btn{
    margin: 10px 0;
    border-radius: 0;
    background-color: #0074FF;
    font-size: 22px;
}

/***Sessão 5**/
#estrutura{
    position: relative;
    width: 100%;
    background-image: url(../images/bg_sec_5.jpg);
    background-repeat: repeat;
    background-position: left top;
    margin: 30px 0 0 0;
    color: #fff;
    padding: 3em;
}
#estrutura article{
    font-weight: 200;
    margin-bottom: 20px;
    overflow: hidden;
}
#estrutura article header{
    font-size: 22px;
}
#estrutura article header h3{
    font-size: 35px;
    font-weight: 200;
    margin: 0;
}
#estrutura .item-sec-5{
    font-size: 20px;
    font-weight: 300;
}
#estrutura .item-sec-5 strong{
    height: 120px;
    display: inline-block;
    margin: 40px 0;
}


/** Clientes **/
#clientes{position: relative; width: 100%; background-color: #eee;
    float: left;}
.section-search-cliente{width: 100%; height: 656px;}
#clientes .section-search-cliente > div{
    width: 50%;
    float: left;
    height: 100%;
    position: relative;
}
.section-clientes{

}
.section-clientes:before{
    content: '';
    box-shadow: 0 0 10px #999;
    position: absolute;
    width: 1px;
    height: 100%;
    left: -2px;
}
.section-mapa iframe{width: 100%; height: 100%;}
.container-clientes{
    text-align: center;
}
.container-clientes h3{font-size: 35px;}
.select-cidade{
    width: 100%;
    float: left;
}
.select-cidade select{float: right;  width: 225px; margin: 20px;}
#list-cidades table td{
    text-align: left;
    padding-left: 20px;
    border-color: #fff;
}
#list-cidades table td a:before{
    content: '';
    width: 5px;
    height: 9px;
    background: url("../images/icon-seta-link.gif") no-repeat;
    margin-right: 10px;
    display: inline-block;
}
#list-cidades table td a{
    color: #333;
    font-size: 14px;
    display: block;
}
#list-cidades table td a:after{
    content: '';
    width: 18px;
    height: 11px;
    background: url("../images/icon-link.gif") no-repeat;
    margin-right: 10px;
    float: right;
}

.pager-cidades{
    width: 100%;
    position: relative;
    float: left;
    margin: 20px 0;
}
.pager-cidades a{
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #0074FF;
    border-radius: 50%;
}
.pager-cidades a:hover, .pager-cidades a.active{background-color: #FFAC00}
.cidades-links{
    position: relative;
    margin-bottom: 20px;
    float: left;
    width: 100%;
}
.cidades-links a{
    margin-right: 20px;
}
/*** Sessão Blog **/
#blog{
    margin: 20px 0;
    width: 100%;
    float: left;
}
#blog article{
    width: 100%;
    float: left;
    margin: 40px 0;
}
#blog article h4{
    font-size: 35px;
}

#blog .thumbnail{
    border: none;
    padding: 0;
    height: 330px;
}
#blog .thumbnail h3{
    margin: 15px 0 0 0;
}
#blog .thumbnail h3 a{
    font-size: 16px;
    color: #000;
    font-weight: bold;
}
#blog .thumbnail .caption{
    padding: 0;
}

.single .content-wrap{
    position: relative;
    margin-top: 300px;
}
/**** Consultor Home ****/
#consultor{
    width: 100%;
    position: relative;
    margin: 20px 0;
    float: left;
}
#consultor article{
    font-size: 18px;
    margin-bottom: 40px;
}
#consultor article h3{
    font-size: 32px;
}
#consultor article h3{
    font-size: 32px;
}
#consultor form{
    width: 670px;
    margin: 0 auto;
    overflow: hidden;
}
#consultor form input{

}
#consultor form .btn{
    font-size: 18px;
    background-color: #0074FF;
    border-radius: 0;
    padding-left: 20px;
    padding-right: 20px;
}

/*** Rodapé **/
#rodape{
    position: relative;
    width: 100%;
    padding: 3em 0 0 0;
    background-color: #eee;
    float: left;
}
#rodape ul{margin: 0; padding: 0; list-style: none;}
#rodape h3{
    font-size: 18px;
    color: #000;
    margin: 0 0 30px 0;
    font-weight: bold;
}
#rodape ul li{
    display: block;
    margin: 5px 0;
}
#rodape ul li::before{
    content: '';
    width: 3px;
    height: 3px;
    background-color: #00A3D9;
    float: left;
    margin: 8px 10px 0 0;
}
#rodape  a{
    font-size: 14px;
    color: #666;
}
#rodape p img{
    margin-right: 10px;
}
#rodape .parceiros img{
    margin: 0 20px 20px 0;
}
.copyright{
    background-color: #0074FF;
    margin-top: 50px;
    width: 100%;
    float: left;
    color: #fff;
}
.copyright h2{
    font-size: 30px;
    font-weight: bold;
    margin: 20px 0;
}
.copyright em{
    margin-top: 25px;
    font-style: normal;
}

/** breadcrumb **/
.bread-title{
    background-color: #007aff;
    float: left;
    width: 100%;
}
.bread-title h2{
    margin: 10px 0 15px 0;
    color: #fff;
    padding-bottom: 5px;
    border-bottom: 6px solid #FFAC00;
    display: table;
}
.bread-crumb{
    border-bottom: 1px solid #eee;
    float: left;
    padding: 10px;
    width: 100%;
}
.bread-crumb ol{margin: 0; padding: 0; font-size: 12px; background: none;}

/* Serviços */
.servicos .service-item{
    padding: 20px 0;
    position: relative;
    width: 100%;
    float: left;
}
.servicos .service-item:nth-child(odd){
    background-color: #eee;
}
.servicos .service-item:nth-child(odd) img{
    float: left;
    margin-right: 70px;
}
.servicos .service-item:nth-child(even) img{
    float: right;
    margin-left: 70px;
}
.servicos .service-item h2{
    color: #000;
    font-weight: bold;
    margin: 0 0 20px 0;
}
.servicos .service-item .btn{
    background-color: #0074FF;
    color: #fff;
    border-radius: 0;
    clear: both;
    margin-top: 20px;
    font-size: 22px;
}

/** Sobre **/
.sobre{
    width: 100%;
    position: relative;
    float: left;
    border-bottom: 1px solid #ddd;
    background-position: top right;
    background-repeat: no-repeat;
    min-height: 513px;
}
.content-wrap.sobre{
    margin-top: 226px;
}
.sobre > .container{
    margin-top: 30px;
}
.sobre table{
    width: 100%;
    margin-bottom: 20px;
}
.sobre table td:nth-child(1) img{
    width: 52px;
    height: 52px;
}
.sobre table td:nth-child(1) img{
    width: 56px;
    height: 38px;
}

/** Contato **/
.contato{
    width: 100%;
    float: left;
    position: relative;
}
.contato .form-group{
    padding:0 5px;
    margin-bottom: 10px;
}
.contato > .container{
    overflow: hidden;
}
.contato .form-group .btn-primary{
    background-color: #0074FF;
}
.contato-info{
    font-size: 18px;
}
.contato-info p{
    overflow: hidden;
}
.contato-info img{float: left; margin: 0 10px 0 0;}
.contato-mapa{
    width: 100%;
    margin: 40px 0;
}
.contato-mapa iframe{
    width: 100%;
    max-height: 333px;
}

/***********Página de erro 404******************/
.paginas-erro {
    margin: 150px auto;
    text-align: center;
}
.conteudo-erro h1 {
    background: url(../images/bg-404.gif) no-repeat center center;
    display: block;
    margin: 0 auto 1.25em auto;
    height: 5em;
    overflow: hidden;
    text-indent: -9999px;
}
.conteudo-erro h2 {
    color: #086ac3;
}
.conteudo-erro .img-erro404 {
    width: 170px
}