body{
    font-family: 'Roboto', sans-serif;
}
figure{
    margin: 0;
    padding: 0;
}
.auto_margin{
    max-width: 996px;
    margin: auto;
}
#barTop{
    background: #FDC300;
    color: #000;
    position: relative;
    z-index: 2;
    overflow: hidden;
}
#barTop .lang{
    font-size: 11px;
    padding: 4px 0;
}
#barTop .lang a{
    color: #fff;
    padding: 0 4px;
    font-size: 12px;
}
#barTop .lang a.current{
    color: #000;
    font-weight: 700;
}

.error{
    color: #d10002!important;
    font-size: 11px;
}

#barTop .da-cont{
    text-align: right;
    font-size: 12px;
    letter-spacing: 2px;
    padding: 2px 0;
}

#barTop .da-cont .wtt2{
    display: inline-block;
}
#Header{
    padding: 4px 0;
    position: relative;
    z-index: 2;
    background: rgba(255,255,255,0.80);
    overflow: hidden;
}
#Header .co-weather{
    text-align: right;
    color: #0E2F74;
    position: relative;
}
#Header .co-weather .spc{
    position: absolute;
    right: 0;
    top: -8px;
}
#Header .co-weather .wtt1{
    display: inline-block;
    vertical-align: middle;
    color: #0E2F74;
}
#Header .co-weather .wtt2{
    display: inline-block;
    vertical-align: middle;
    font-size: 42px;
    font-weight: 100;
}
#Header .co-weather .wtt3{
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #555;
    padding-left: 14px;
}
.areaCall{
    float: right;
    vertical-align: middle;
    text-align: right;
}
.areaCall .table{
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    line-height: 18px;
    height: 100px;
    width: 100%;
}
#Menu{
    background: #0099C1;
    position: relative;
    z-index: 2;
    box-shadow: 0 0px 4px #666;
}
#Guia{
    background: url("../images/bg-guia.jpg") center top;
    height: 310px;
    z-index: 0;
    position: relative;
    margin-top: -160px;
}
.areaGuia{
    padding-top: 185px;
}
.areaGuia h1{
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
    font-weight: 100;
    font-size: 40px;
    color: #fff;
    background: url("../images/tline.png") left bottom no-repeat;
    text-shadow: 0 1px 0 #000;
    
}
.iContt{
    padding: 10px 25px;
    font-weight: 300;
    /* Rectangle 10: */
    background: #FFFFFF;
    border: 1px solid #DCDCDC;
    box-shadow: 0px 0px 4px 0px rgba(184,184,184,0.50);
    border-radius: 3px;
    margin-top: -30px;
    position: relative;
    z-index: 1;
}
.iContt blockquote{
    color: #999;
    border-left: 3px solid #ededed;
    margin: 0 12px;
    padding: 12px 12px;
    font-style: italic;
}
.iContt .alignleft{
    float: left;
    margin-right: 12px;
    margin-bottom: 6px;
    padding: 6px;
    max-width: 250px;
}
.iContt .alignleft img{
    width: 100%;
}
.iContt .alignright{
    float: right;
    margin-left: 12px;
    margin-bottom: 6px;
    padding: 6px;
    max-width: 220px;
}
.iContt .alignright img{
    width: 100%;
}

ul.infoBlock {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
ul.infoBlock li {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #EDEDED;
    margin: 0px;
    padding-top: 3px;
    padding-right: 0px;
    padding-bottom: 3px;
    padding-left: 0px;
}
ul.infoBlock li .bull-a {
    display: inline-block;
    width: 120px;
    font-weight: bold;
}

#Slider{
    position: relative;
    z-index: 0;
    margin-top: -164px;
}
.areaAfiliados{
    padding: 20px 0 40px;
}
.areaAfiliados h3{
    text-align: center;
    font-size: 30px;
    margin-bottom: 36px;
    font-weight: 300;
    letter-spacing: -1px;
}
.areaAfiliados h3 strong{
    color: #53D2FA;
    font-weight: 700;
}
.areaAfiliados{
    padding: 10px 0 40px;
}

.areaServices{
    margin-top: -96px;
    position: relative;
    z-index: 1;
    padding-bottom: 50px;
}
.areaServices .item{
    text-align: center;
    padding: 10px 0;
}
.areaServices .item figure{
    width: 180px;
    margin: auto;
    margin-bottom: 16px;
    border: 1px solid #fff;
    background: rgba(207, 207, 207, 0.20);
    border-radius: 50%;
    padding: 10px;
}
.areaServices .item img{
    border-radius: 50%;
}

.areaServices .item h1{
    margin: 0 0 16px 0;
    padding: 0;
    font-weight: 100;
    font-size: 24px;
}
.areaServices .item h1 strong{
    display: block;
    color: #000;
    font-weight: bolder;
}
.areaServices .item a.link{
    display: inline-block;
    border: 2px solid #909191;
    padding: 10px 15px;
    color: #909191;
    border-radius: 2px;
    font-weight: 400;
}
.areaSlogan{
    padding: 100px 50px;
    color: #fff;
    font-size: 30px;
    font-weight: 100;
    max-width: 700px;
    margin: auto;
    text-align: center;
}
.areaAbout h2{
    margin: 0;
    padding: 20px 0;
    font-size: 48px;
    font-weight: 100;
    color: #1B4494;
}
.areaAbout .spc{
    padding: 20px 0;
}
.areaAbout p{
    font-size: 16px;
    color: #2B2A2A;
    font-weight: 300;
    line-height: 28px;
}
.areaAbout .spc a{
    display: inline-block;
    border: 2px solid #979797;
    padding: 10px 15px;
    color: #6A6A6A;
    margin-top: 14px;
}


.listProp .item{
    margin-bottom: 70px;
}
.listProp .item figure{
    position: relative;
    border-radius: 4px 4px 0 0;
    overflow: hidden;
}
.listProp .item .masck{
    background: url("../images/masc.png") repeat-x;
    height: 59px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.listProp .item h2{
    margin: 10px 0;
    padding: 0;
    font-weight: 500;
    color: #00bbea;
    font-size: 22px;
}
.listProp .item p{
    color: #6A6A6A;
    line-height: 22px;
    font-size: 13px;
}
.listProp .item .more{
    border-bottom: 1px solid #00bbea;
    text-align: center;
    height: 21px;
    margin: 20px 0;
}
.listProp .item .more a{
    display: inline-block;
    border: 4px solid #00bbea;
    padding: 6px 35px;
    background: #0099C1;
    color: #fff;
    font-weight: 700;
    border-radius: 50px;
}

#Main{
    overflow: hidden;
}
.GridList{
    padding: 26px 0;
    position: relative;
    z-index: 1;
    margin: 0 -30px;
}
.itemList{
    border: 1px solid #d3d2d8;
    border-radius: 4px;
    overflow: hidden;
}
.itemList h4{
    margin: 0;
    padding: 0;
    font-size: 14px;
    padding:10px 10px 5px;
}
.itemList .contt{
    padding: 10px 12px;
}
.itemList p{
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 300;
}
.itemList .more{
    border-top: 1px solid #ededed;
    display: block;
    padding: 10px 20px;
    font-size: 12px;
    font-weight: 700;
    color: #55C2E4;
}
.filtro{
    z-index: 1;
    position: relative;
    padding: 92px 0 0px 12px;
    color: #000;
}
.filtro a{
    padding: 0 10px;
    color: #0099C1;
}
.listProperties{
    padding-top: 40px;
    padding-bottom: 40px;
}
.listProperties .item{
    background: #FFFFFF;
    border: 1px solid #DEDEDE;
    box-shadow: 0px 0px 4px 0px rgba(189,189,189,0.50);
    border-radius: 3px;
    padding: 12px;
    margin-bottom: 26px;
}
.listProperties .item figure{
    position: relative;
    margin-bottom: 10px;
}
.listProperties .item figure img{
    width: 100%;
}
.listProperties .item .title{
    position: absolute;
    bottom: 0;
    width: 100%;
    background: url("../images/ttbg.png") repeat-x;
    height: 85px;
}
.listProperties .item h2{
    margin: 0;
    padding: 0;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    padding: 10px;
    color: #fff;
}
.listProperties .item h2 .name{
    display: block;
    text-transform: uppercase;
}
.listProperties .item h2 .location{
    display: block;
    color: #f3c41f;
}
.listProperties .item p{
    margin: 0;
    padding: 2px 0;
    font-size: 12px;
    color: #313F79;
}
.listProperties .item .price{
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    padding: 6px 5px;
    font-size: 22px;
    color: #DF193A;
    margin-top: 12px;
}
.listProperties .item .more{
    display: block;
    padding: 8px 0 0;
    font-weight: 700;
    font-size: 12px;
    text-align: right;
}
#callAction{
    background: #0C1D25;
}
.areaAction{
    text-align: center;
    padding: 80px 0;
    font-weight: 100;
    font-size: 34px;
    color: #fff;
}
.areaAction button{
    border : 0;
    background: #53D2FA;
    color: #fff;
    font-weight: 700;
    padding: 15px 20px;
    margin: 20px 0;
    letter-spacing: 2px;
    border-radius: 2px;
}
#Footer{
    background: #ECECEC;
    padding: 30px 0;
}
.areaFooter .spc h3{
    margin: 0;
    padding: 9px 0;
    margin-bottom: 12px;
    background: url("../images/btline.png") left bottom no-repeat;
    font-size: 17px;
    font-weight: 500;
    color: #444;
}
.areaFooter .spc p{
    color: #313131;
    font-size: 13px;
    font-weight: 300;
}
.areaFooter ul{
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-weight: 400;
}
.areaFooter ul li{
    list-style: none;
    background: url("../images/bullet.png") left 10px no-repeat;
}
.areaFooter ul li a{
    color: #fff;
    display: block;
    padding: 2px 6px 2px 12px;
    color: #313131;
}
.nLetter .ilab{
    margin-bottom: 3px;
}
.nLetter .ilab label{
    margin: 0;
    padding: 2px 0;
    font-size: 12px;
    color: #313131;
}
.nLetter .ilab .inp-text{
    border: 1px solid #313131;
    height: 36px;
    width: 100%;
    padding: 0 6px;
    background: transparent;
}
.nLetter button{
    border: 0;
    padding: 8px 14px;
    background: #313131;
    color: #ffffff;
    margin: 7px 0;
    font-weight: 700;
    border-radius: 2px;
}
.areaFooter .labs{
    display: block;
    font-size: 14px;
    padding: 0 4px;
}

#fRedes{
    background: #0C1D25;
    padding: 20px 10px 70px;
    text-align: center;
    color: #fff;
}
#fRedes h2{
    font-weight: 100;
    font-size: 20px;
    padding: 15px 0;
}
/*  Redes  */
.Redes .red{
    width: 56px;
    height: 65px;
    display: inline-block;
    vertical-align: middle;
    background-image: url('../images/redes.png');
    background-repeat: no-repeat;
    margin: 0 12px 12px;
}
.Redes .red a{
    width: 56px;
    height: 65px;
    display: block;
}
.Redes .red:hover{
    margin-top: -3px;
    opacity: 0.4;
}
.Redes .title{
    display: inline-block;
    vertical-align: middle;
    color: white;
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
.facebook{background-position: 0px 0px;}
.twitter{background-position: -56px 0px;}
.google{background-position: -112px 0px;}
.instagram{background-position: -168px 0px;}
.pinterest{background-position: -224px 0px;}
.linkedin{background-position: -280px 0px;}


/* FORMUALRIOS TAGS */

.areaForm{
    padding: 6px 12px;
}
.areaForm .ilab{
    padding: 10px 0 4px;
    display: block;
    font-weight: 700;
    color: #7c7c7c;
}
.areaForm .btt-label{
    padding: 6px 0;
    display: block;
}
.areaForm .myButton{
    border: 0;
    border-bottom: 3px solid #007497;
    padding: 10px 20px;
    color: #fff;
    background-color: #0099C1;
    font-weight: 700;
    font-size: 16px;
    margin-top: 6px;
}
.areaForm .myButton:hover{
    background-color: #0082a9;
}

.searchForm{
    margin-top: 50px;
}
.sTitle{
    padding: 80px 30px 0px;
    border-bottom: 1px solid #ddd;
    text-decoration: none;
}
.sTitle i{
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #ddd;
}
.sTitle h4{
    display: inline-block;
    vertical-align: middle;
    border-bottom: 0;
}

#Bottom{
    background-color: #E7E7E7;
    overflow: hidden;
}
#Bottom .areaCopy{
    padding: 0px 12px;
}
#Bottom .areaCopy .cpy{
    float: left;
    padding: 34px 10px;
    font-size: 12px;
    color: #797979;
}
#Bottom .areaCopy .by{
    float: right;
    font-size: 12px;
    width: 190px;
    text-align: right;
}
#Bottom .areaCopy .by a{
    display: block;
    color: #797979;
    padding: 33px 40px 33px 20px;
    background: url(../images/rhiss.png) right center no-repeat;
}

.google-map{
    width: 100%;
    height: 380px;
}
.Guia{
    max-width: 1120px;
    margin: auto;
    color: #FFF;
    margin-top: -10px;
    font-size: 13px;
    
}.Guia a{
     color: #FFF;
 }

.Share{
    clear: both;
    border-top: 1px solid #EDEDED;
    padding: 15px 8px 5px;
    text-align: left;
    margin: 20px 0 0 0;
}
.Share .red{
    width: 28px;
    height: 28px;
    margin-right: 6px;
    display: inline-block;
    vertical-align: middle;
    background-image: url('../images/share2.png');
    background-repeat: no-repeat;
    
}
.Share .red a{
    width: 28px;
    height: 28px;
    display: block;
}
.Share .title{
    display: inline-block;
    vertical-align: middle;
    color: #999;
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
.sh-facebook{background-position: 0px 0px;}
.sh-twitter{background-position: -28px 0px;}
.sh-google{background-position: -56px 0px;}
.sh-mail{background-position: -84px 0px;}


.searchForm h3{
    margin: 0;
    padding: 0;
    padding-top: 40px;
    padding-bottom: 10px;
    color: #0099C1;
}
.searchForm label{
    margin: 0;
    padding: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.searchForm .inp-text{
    border: 1px solid #000;
    border-radius: 2px;
    height: 36px;
    color: #999;
    font-weight: 400;
    padding-left: 8px;
}
.searchForm button{
    width: 100%;
    /* Rectangle 20: */
    background: #FDC261;
    box-shadow: 0px 2px 0px 0px #D49228;
    border-radius: 2px;
    border: 0;
    padding: 9px 0;
    margin-top: 12px;
    font-weight: 600;
    color: #15469B;
}
.areaSearch button span{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    padding: 0 12px;
}
.areaSearch button:hover{
    background: #fda831;
}


/* MOBILE MENU */
.slicknav_menu {display:none;}

/* MEDIA SCREEN */
@media screen and (max-width:1280px) {
    .xhidden{
        overflow: hidden;
    }
}
@media screen and (max-width: 840px) {
    .slicknav_menu {display:block;}
    .topMenu{ display: none;}
    .areaServices{
        margin-top: -80px;
    }
    .areaServices .item figure{
        width: 150px;
    }
    .areaServices .item h1{
        font-size: 20px;
    }
    .areaAbout p{
        font-size: 14px;
        line-height: 24px;
    }
}
@media screen and (max-width:767px) {
    .areaFooter .spc{
        padding-bottom: 20px;
        border-bottom: 1px solid #999;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 640px) {
    #Slider {
        margin-top: 0;
        /*display: none;*/
    }
    .areaServices{
        margin-top: 6px
    }
    #barTop .lang{
        text-align: center;
    }
    #barTop .da-cont{
        text-align: center;
    }
    #Header{
        text-align: center;
    }
    #Bottom .areaCopy .cpy {
        float: none;
        padding-bottom: 10px;
    }
    #Bottom .areaCopy .by{
        float: none;
    }
}
@media screen and (max-width: 479px) {
    .areaSlogan{
        font-size: 24px;
        padding: 40px 20px;
    }
    .areaAction{
        font-size: 20px;
    }
    .areaAction button{
        font-size: 24px;
    }
    .filtro{
        padding: 24px 0 0px;
    }
}