@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/opensans-regular-webfont.woff') format('woff'),
        url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
        url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.hvr { -moz-transition: background-color 0.2s ease-out; -webkit-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; }

body { font-family: 'open_sansregular';  margin: 0; color: #373737; font-size: 12px; background-color: #fff; }

a { text-decoration: none; color: #FFF; }
a:hover { text-decoration: underline; }
a img { border: 0; }

ul, ol, li, p, h1, h2, h3, h4, h5, h6, fieldset { margin: 0; padding: 0; list-style: none; }

fieldset, img { border: 0; }

#page { float: left; display: block; width: 100%; }
.center { display: block; width: 994px; margin: auto; position: relative; }
.container { float: left; display: block; width: 100%; }

.lf { float: left; }
.rt { float: right; }
.dbl { display: block; }
.wdt { width: 100%; }
.rel { position: relative; }

.rel hr{ color:#EAEAEA}

.center h3{
    
    color:#FFF;
}
.box{
    border:1px solid #fff;
    padding:10px;
    /*background-color:#f8e5e5;*/
    margin:10px 0;
    float:left;
}

.box p{
    color:#fff;
    margin:5px;
}
#b1 { height: 757px; background: url('../img/piscina.jpg') top center no-repeat; background-size: cover; }
#b2 { padding: 69px 0 80px 0; background: #5b71be; }
#b3 { padding: 69px 0 80px 0; background: #fff; }
#b4 { padding: 69px 0 80px 0; background: #f1f1f1; }
#b5 { padding: 69px 0 80px 0; background: #fff; }
#b6 { padding: 23px 0 42px 0; background: #e43237; }
#b7 { padding: 37px 0; background: #eaeaea; }
#b8 { height: 907px; padding: 194px 0; background: url('../img/map.jpg') top center no-repeat; background-size: cover; }
#b9 { padding: 24px 0; background: #fff; margin-bottom: 76px; }
#b10 { padding: 13px 0; background: #0c2680; position: fixed !important; bottom: 0; }
#b11 { padding: 69px 0 80px 0; background: #fff; }

#top { height: 176px; padding: 44px 0; }
#ƒ { float: left; position: relative; }
#logo a { float: left; position: relative; background: url('../img/logo-credlar-vini-imoveis.png') no-repeat; width: 338px; height: 94px; position: relative; text-indent: -9999px; }

#top-menu { float: right; width: 610px; }
#top-menu ul { display: table; width: 100%; height: 94px; vertical-align: middle; }
#top-menu ul li { display: table-cell; vertical-align: middle; text-align: center; }
#top-menu ul li a { display: inline-block; text-transform: uppercase; font-size: 15px; }

#welcome { height: 575px; text-align: center; color: #FFF; }
#welcome #wlabel { width: 100%; margin-top: 130px; position: relative; font-size: 36px; }
#welcome h2 { width: 100%; position: relative; font-size: 39px; }
#welcome #saibamais { display: inline-block; position: relative; margin-top: 64px; border-radius: 3px; background-color: #e43237; padding: 20px 40px; font-size: 26px; text-transform: uppercase; }
#welcome #saibamais:hover { text-decoration: none; background-color: #ec5358; }
#welcome #saibamais:active { background-color: #c4161a; }

.hdr { float: left; width: 100%; font-size: 40px; margin-bottom: 40px; text-transform: uppercase; text-align: center; position: relative; }
.hdwt { color: #FFF; }

.pargh { float: left; width: 100%; font-size: 22px; text-align: justify; position: relative; padding-top: 20px; }

#lancamentos > li { float: left; width: 100%; position: relative; margin-bottom: 20px; }
#lancamentos > li > div.lf .lba { float: left; width: 149px; height: 149px; background-color: #0c2680; border-radius: 50%; text-align: center; }
#lancamentos > li > div.lf .lba img { display: inline-block; position: relative; margin-top: 30px; }
#lancamentos > li > div.lf .lba span { width: 100%; display: inline-block; position: relative; color: #FFF; font-size: 14px; margin-top: 26px; text-transform: uppercase; }
#lancamentos > li > div.rt { width: 836px; }
#lancamentos > li > div.rt.lct h3 { width: 100%; color: #1737a5; font-size: 20px; position: relative; }
#lancamentos > li > div.rt.lct p { width: 100%; color: #333333; font-size: 16px; position: relative; text-align: justify; margin-top: 10px; }

#videoBox { float: left; width: 687px; height: 384px; margin-left: 150px; }

.precos { width: 100%; margin:10px 0; }
.precos thead { background-color: #eeeeee; width: 100%; margin: 0; text-align: center; }
.precos thead tr td { padding: 10px; color: #5f5f5f; font-size: 15px; text-transform: uppercase; border: 1px solid #e4e4e4; }
.precos tbody { background-color: #fff; width: 100%; }
.precos tbody tr td { padding: 10px; color: #5f5f5f; background-color: #FFF; border: 1px solid #e4e4e4; font-size: 15px; text-transform: uppercase; text-align: center; }
.precos tfoot { background-color: #eeeeee; width: 100%; margin: 0; text-align: left; }
.precos tfoot tr td { padding: 5px; color: #5f5f5f; font-size: 10px; text-transform: uppercase; border: 1px solid #e4e4e4; }

#caixa { text-align: center; }
#contatopargh { float: left; width: 100%; color: #FFF; text-align: center; text-transform: uppercase; font-size: 18px; }

#formContact { width: 100%; margin-top: 72px; position: relative; }
#formContact > li { float: left; width: 50%; margin-bottom: 24px; position: relative; }
#formContact > li .inputText { width: 96%; outline: 0; position: relative; background-color: #FFF; padding: 22px 14px; border-radius: 3px; color: #373737; border: 0; text-transform: uppercase; }

#trabalha, #fgts { float: left; color: #FFF; font-size: 16px; position: relative; }
#fgts { margin-top: 10px; }
.lbl { width: 50px; margin: 5px 0 0 10px; color: #FFF; font-size: 14px; }
.lbl input, .lbl span { float: left; position: relative; }

#enviar { display: inline-block; position: relative; margin-top: 26px; border-radius: 3px; background-color: #0c2680; padding: 20px 40px; font-size: 26px; text-transform: uppercase; border: 0; color: #FFF; cursor: pointer; outline: 0; }
#enviar:hover { text-decoration: none; background-color: #2742a2; }
#enviar:active { background-color: #081f6f; }

.no-mgl { margin-left: 0; }

.cntr { text-align: center; }

#footercredlar { float: left; position: relative; font-size: 12px; text-transform: uppercase; margin-top: 13px; }

#icons-footer { margin-left: 437px; }

.social-icon { float: left; width: 43px; height: 43px; position: relative; margin-right: 10px; }
.social-icon:hover { background-position: -43px 0; }
.social-icon span { float: left; width: 120px; margin: 13px 0 0 -130px; color: #373737; position: absolute; }
.social-icon#icofb { background-image: url('../img/ico-fb.png'); margin-left: 120px; }
.social-icon#icoinsta { background-image: url('../img/ico-instagram.png'); }
.social-icon#icotwitter { background-image: url('../img/ico-twitter.png'); }

#footerotimaideia { color: #222222; text-transform: uppercase; margin-top: 13px; }

#footericons { width: 952px; display: table; vertical-align: middle; margin-left: 50px; }
#footericons li { display: table-cell; vertical-align: middle; padding: 0 20px; background: url('../img/label.jpg') top right no-repeat; }
#footericons li:last-child { background: none; }
#footericons li a { float: left; width: 100%; position: relative; }
#footericons li a img { float: left; }
#footericons li a .lnkInfo { float: left; width: 348px; font-size: 14px; text-align: center; }
#footericons li a .lnkInfo span, #footericons li a .lnkInfo strong { float: left; width: 100%; text-transform: uppercase; margin-top: 2px; }
#footericons li a .lnkInfo strong { font-size: 16px; }

#icomsg { margin-top: 10px; }

.hasrequired { background-color: #e43237 !important; color: #FFF !important; border: 1px solid #e43237 !important; }
.hasrequired::-webkit-input-placeholder { color: #FFF; }
.hasrequired::-moz-placeholder { color: #FFF; }

#odl { width: 490px; }

#enviar2 { display: inline-block; position: relative;  border-radius: 3px; background-color: #0c2680; padding: 10px 16px; font-size: 14px; text-transform: uppercase; border: 0; color: #FFF; cursor: pointer; outline: 0; }
#enviar2:hover { text-decoration: none; background-color: #2742a2; }
#enviar2:active { background-color: #081f6f; }

#fotoslancamento { float: left; width: 100%; height: 481px; overflow: hidden; position: relative; }
#plantas { float: left; width: 100%; height: 481px; overflow: hidden; position: relative; }
#fotoslancamento .foto { float: left; width: 100%; position: relative; }
#fotoslancamento .foto img { width: 100%; }

#plantas .foto { float: left; width: 100%; text-align: center; position: relative; }
#plantas .foto img { display: inline-block; height: 100%; }

#formContact .hasrequired { border: 0 !important; }