﻿/*Topo*/

.topohome {
    height:516px;
}

#interna .topohome {
    height: 433px;
}

.gradetopo {
    position: absolute;
z-index: 2;
width: 100%;
margin-top: 71px;
}

.falecomtab label,.falecomtab input,.falecomtab textarea {
    font-size:16px;
    color:#666!important;
}

.titazul {
    font-size:21px!important;
    color:#106196!important;
}

.titazul2 {
    
    color:#106196!important;
}

/* Navegacao */
.navbar-escuro{background-color:#2F3535;border-color:#2F3535;text-transform:uppercase;font-size:11px;color:#fff}.navbar-escuro a{color:#FFF}.navbar-escuro .navbar-nav>.active>a,.navbar-escuro .navbar-nav>.active>a:focus,.navbar-escuro .navbar-nav>.active>a:hover,.navbar-escuro .navbar-nav>li>a:focus,.navbar-escuro .navbar-nav>li>a:hover{color:#fff;background-color:#252929}.navbar-escuro .navbar-nav>.disabled>a,.navbar-escuro .navbar-nav>.disabled>a:focus,.navbar-escuro .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-escuro .navbar-toggle{border-color:#333}.navbar-escuro .navbar-toggle:focus,.navbar-escuro .navbar-toggle:hover{background-color:#333}.navbar-escuro .navbar-toggle .icon-bar{background-color:#fff}.navbar-escuro .navbar-collapse,.navbar-escuro .navbar-form{border-color:#101010}.navbar-escuro .navbar-nav>.open>a,.navbar-escuro .navbar-nav>.open>a:focus,.navbar-escuro .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-escuro .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-escuro .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-escuro .navbar-nav .open .dropdown-menu>li>a{color:#999}.navbar-escuro .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-escuro .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-escuro .navbar-nav .open .dropdown-menu>.active>a,.navbar-escuro .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-escuro .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-escuro .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-escuro .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-escuro .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-escuro .navbar-link{color:#999}.navbar-escuro .navbar-link:hover{color:#fff}

@media only screen and (max-width:767px) {
    .gradetopo{
        margin-top: 129px;
    }
     .gradeslider {
         margin-top: 240px!important;
     }

     .topohome {
         min-height: 706px;
     }

     #interna .topohome {
    min-height:623px!important;
}

     .item img {
         margin-left:-832px;
     } 

}

@media only screen and (max-width:340px) {
    .brandfone {
        font-size:12px!important;
    }

    .logomobile img {
        width:78px;
    }
}

@media only screen and (max-width:360px) {
    .brandfone {
        font-size:10px!important;
    }
}

.navbar {
    border-radius: 0;
position: absolute;
width: 100%;
z-index: 3;
border:none!important;
}

.brandfone {
    margin-left:0;
    float:right;
    background:#586363;
    text-transform:none;
    font-size:14px;
}

.margintop20 {
    padding-top:20px;
}

.sprites {
background: url('../images/sprites.png') no-repeat;
}

.foneico {
    width: 17px;
height: 17px;
float: left;
background-position: 0 0px;
margin-right: 10px;
margin-top: 2px;
}

.logomobile {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 108px;
    background: #FFF;
    margin-bottom: -1px;
}

@media only screen and (max-width:767px) {
    .brandfone {
        height: 108px;
        padding-top: 34px;
    }

    .foneico {
        margin-bottom:40px;
        margin-top: 13px;
    }

    .navbar-toggle {
        margin-right:0;
        margin-top:35px;
    }
}

/* ACESSO PORTAL */

.acessoportal {
    min-height: 50px;
    background: #106196;
    margin-top: -21px;
    font-size:11px;
    color:#FFF;
    padding-top:10px;
}

.acessoportal span {
    font-size:16px;
    font-weight:bold;
    color:#CCFF66;
}

    .acessoportal input {
        width: 90%;
        border: none;
        margin: auto;
        margin-top: 3px;
        height: 28px;
        color:#126CAC;
        padding: 10px;
        font-weight:bold;
        font-size:14px;
    }

::-webkit-input-placeholder { color:#126CAC; }
::-moz-placeholder { color:#126CAC; } /* firefox 19+ */
:-ms-input-placeholder { color:#126CAC; } /* ie */
input:-moz-placeholder { color:#126CAC; }

.botaoir {
    padding:6px 9px;
    background-color:#C1F669;
    border:none;
    border-radius:600px;
    font-size:15px;
    color:#126CAC;
    margin-left: -15px;
}

@media only screen and (max-width:767px) {
    .linksacesso {
        padding-top:20px;
        padding-left:25px;
    }
}

.linksacesso {
    font-size:10px;
    line-height:1.4;
    padding-top: 4px;
}

.acessoportal #usuario {
margin-left: 10px;
}

.linksacesso a {
    color:#FFF;
    cursor:pointer;
    text-decoration:none;
}

.linksacesso a:hover {
    color:#C1F669;
}


/* SLIDER */

.carousel-indicators .active {
    background:#2F3535;
    border-color:#2F3535;
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
min-width: 1980px;
flex-align: center;
}

.gradeslider {
position: absolute;
z-index: 1;
margin-top: 50px;
width: 100%;
}


@media only screen and (max-width:767px) {
.carousel-inner>.item>img {

}

.acessoportal {
margin-left:-15px;
margin-right:-15px;
}
}

/* CONTEUDO */

.fundocinza {
background: #F2F2F2;
width: 100%;
}

.fundocinza img {
    max-width:100%;
    float:left;
}


@media only screen and (min-width:1200px) {
    .bemvindo {
        padding-top:36px;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .bemvindo {
        padding-top: 15px;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .bemvindo {
        padding-top: 5px;
    }

    .bemvindo h3 {
       font-size:16px;
    }

    .bemvindo p {
        font-size:12px!important;
    }
}

@media only screen and (max-width:767px) {
.bemvindo {
    padding-bottom:20px;
    text-align:center;
}
}

.bemvindo h3 {
    color:#126DAC;
}

.bemvindo p {
    color:#999999;
    font-size: 16px;
}

.bemvindo button {
    background:#126DAC;
    border:none;
    padding:10px 20px;
    color:#FFF;
}

.conheca {
    padding-top:15px;
    color:#999999;
}

.conheca button {
border:none;
padding:5px 20px;
color:#FFF;
}

.conheca h3 {
    color:#126DAC;
    padding-bottom:10px;
}

.box1 button {background-color:#FF3300;}
.box2 button {background-color:#009933;}
.box3 button {background-color:#FF6666;}

/* FOOTER */
footer {
    margin-top:60px;
    background:#6C7979;
    height:auto;
    color:#CCC;
    padding-top:20px;
    padding-bottom:10px;
}

footer h5 {
    color:#2F3535;
    font-weight:bold;
}
.rodape {
    background:#2F3535;
    padding:20px 0 7px 0;
    height:auto;
    color:#FFF;
}

.mapaampliado {
    padding-top:55px;
}

.logoathos {
    width: 93px;
margin: 7px 20px 0 20px;
}

@media only screen and (max-width:991px) {
.direitos {
    text-align:center;
}

.logosathos {
    width:234px;
    margin:auto;
    padding-bottom:20px;
}

     .sedefaragone img, .servicosimg img {
         margin:auto!important;
         float:none!important
     }

}

@media only screen and (min-width:992px) {
    .logosathos {
        float:right;
        margin-top: -10px;
    }
}

.destaqueempresa {
    width:100%;
    height:383px;
    background:url(../images/destaqueempresa.jpg) no-repeat;
    background-size:1980px 386px;
}

.destaquecontato {
    width:100%;
    height:383px;
    background:url(../images/destaquecontato.jpg) no-repeat;
    background-size:1980px 386px;
}

.destaqueimoveis {
    width:100%;
    height:383px;
    background:url(../images/destaqueimoveis.jpg) no-repeat;
    background-size:1980px 386px;
}


.sedefaragone, .servicosimg {
    padding-top:20px;
}

.servicosimg img {
    float:right;
}

.titulopagina {
    background:#106196;
    color:#FFF;
    line-height:1.6;
    min-height:63px;
}

    .titulopagina h3 {
        font-size: 23px !important;
    }

.conteudointerno p {
    color:#999999!important;
    font-size:15px;
}

.conteudointerno2 p {
    color:#999999;
    font-size:15px;
}

.diferenciais span {
width: 21px;
height: 21px;
display: block;
background-position: -17px 0px;
float: left;
margin-right: 20px;
margin-bottom: 2px;
}

.boximoveis {
    padding:40px 20px 0 20px;

}

.boximoveis img {
    border-radius:20px;
}

.vendas {
}

.captionimoveis {
position: relative;
top: -70px;
text-align: center;
width: 100%;
background-color: rgba(202, 251, 202, 0.87);
height: 70px;
border-bottom-left-radius: 17px;
border-bottom-right-radius: 17px;
padding-top: 2px;
cursor:pointer;
}

    .captionimoveis:hover {
     background-color:#C1F669;
  
    }

.captionimoveis h3 {
    color: #106196;
}

.boximoveis a  {
    text-decoration:none!important;
}

.bglogo {
position: absolute;
/* background: #FFF; */
width: 600px;
margin-left: -127px;
background: url(../images/fundologo.png)no-repeat;
padding-left: 132px;
padding-top: 19px;
height: 219px;
margin-top: -20px;
}

@media only screen and (max-width:768px) {
    .contatos {
        text-align:center;
    }
}

.linksrodape a {
    text-decoration:none;
    color:#CCC;
}


@media only screen and (min-width:1200px) {
.carousel-caption {
    text-align:left;
    font-size:23px;
    text-shadow: 2px 3px 2px rgba(0,0,0, 1);
}

.carousel-caption strong {
    font-weight:bolder;
}