/* Document : estilos.css Created on : 08/12/2014, 14:07:00 Author : @roczsk ( HTML5 e CSS ) - NacionalVOX Agencia Digital www.nacionalvox.com.br Description: CSS - "Itacca" TODO customize this sample style */ /* esconder besteiras do sistema */ .timer_mysql { display:none !important; } .validador_html { display:none !important; } /* resets */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, details, figure, figcaption, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; font-weight:normal; vertical-align:baseline; outline:none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* -- */ img { border:none; overflow: hidden; display: inline-block; vertical-align: top; zoom: 1; *display: inline; } fieldset { border:none; } body { font:12px Trebuchet MS, Arial, Tahoma; color:#333; } ul li { list-style:none; } /* resources */ .none { display:none; } .clear { clear:both; } a { text-decoration:none; } a:hover { text-decoration:none; } p strong { font-weight:bold; } .debug { width: 100%; position: fixed; top: -100px; z-index: 9999; padding:30px 10px; text-align: center; border-bottom: 1px solid #666; background: #fff; color: #666; font-size: 16px; font-family: Arial, Tahoma; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; -webkit-transition:all 1s ease; } .debug_ativo { top: 0; transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; -webkit-transition:all 1s ease; } .warning_class { background:url('/js/4/autoform/booble.gif') top left no-repeat; color: #ffffff; z-index: 500; font-weight:bold; line-height:20px;height:25px; min-width:200px; padding-left:4px; text-align:left } .resposta { padding:10px; text-align:center; border:1px solid #ccc; font-size:14px; margin:10px 0 30px 0; } .fLeft { float: left; } .fRight { float: right; } .posAbs { position: absolute; } .posRel { position: relative; } .posFixed { position: fixed; } /* container */ .container { width:100%; float: left; display: block; } .content { width:1200px; margin: 0 auto; } .site { overflow: hidden; } /* grid sample */ /*.site { margin: 0 1%; }*/ .row { width: 100%; float: left; display: block; } .col { } /* clearfix */ .cf:before, .cf:after { content: " "; /* 1 */ display: table; /* 2 */ } .cf:after { clear: both; } .cf { *zoom: 1; } /* ====================================================== Andrea Cardoso ====================================================== */ * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } section.main { width: 100%; float: left; } input[type=submit] { cursor: pointer; } input, textarea { outline: none !important; } .space { margin: 20px 0; } .mobile { display: none !important; } /*html, body { overflow-x: hidden;}*/ /* --- Header */ .bar { width: 100%; height: 40px; background: #333333; float: left; display: block; } .bar a { color: #FFFFFF; line-height: 40px; float: left; display: block; padding: 0 20px 0 10px; border-left: 1px solid #111111; font-size: 12px; font-family: 'din_alternateregular', sans-serif; } .bar a.numero { padding-left: 0; border-left: 0; } .bar a span { font-size: 20px; color: #FF0000; padding-left: 10px; } .bar .icon { background-position: 20px 15px; background-repeat: no-repeat; padding-left: 50px; -webkit-transition: all 0.13s linear; -moz-transition: all 0.13s linear; transition: all 0.13s linear; } .bar .icon:hover { background-color: #555; } .bar .chat-online { background-image: url(img/chat.png); } .bar .atendimento { background-image: url(img/mail.png); } .bar .ligamos { background-image: url(img/ligamos.png); background-position: 20px 10px; position: relative; } .bar .ligamos:hover .box-ligamos, .bar .ligamos .box-ligamos:hover { display: block; } .bar .ligamos .box-ligamos { z-index: 101; display: none; background: #FFD300; padding: 15px; width: 250px; position: absolute; top: 100%; right: 0; } .bar .ligamos .box-ligamos p { line-height: 150%; font-size: 13px; color: #111; font-family: 'pt_sansregular', sans-serif; padding-bottom: 20px; } .bar .ligamos .box-ligamos form input[type=text] { margin-bottom: 5px; border: 1px solid #FFAB3B; padding: 0 10px; color: #666; line-height: 40px; height: 40px; width: 100%; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .bar .ligamos .box-ligamos form input[type=submit]{ border: 0; font-family: 'pt_sansregular'; background: #333; color: #fff; width: auto; padding: 10px 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .bar .corretor-online { float: right; display: block; width: 334px; height: 40px; background: url(img/img-fale-corretores.png) left no-repeat; padding: 0; overflow: hidden; } header .header { display: block; width: 100%; float: left; } header .header h1 { float: left; display: block; padding-top: 5px; padding-right: 0; padding-bottom: 5px; padding-left: 0; } /* --- Navigation */ header nav { float: right; padding-top: 60px; } header nav .menu { position: relative; } header nav .menu li { display: inline-block; position: relative; padding: 0 7.5px; } header nav .menu li a { color: #333; font-size: 16px; font-family: 'din_alternate_mediumregular', sans-serif; -webkit-transition: all 0.13s linear; -moz-transition: all 0.13s linear; transition: all 0.13s linear; } header nav .menu li:after { display: none; content: ''; top: 60px; left: 50%; margin-left: -7px; position: absolute; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 11px solid #FFD600; } header nav .menu li:hover a { color: #D8AD15; } header nav .menu li:hover:after { display: block; } .btn-line { display: none; width: 100%; text-align: center; height: 40px; line-height: 40px; } .btn-line .btn-menu { display: inline-block; margin-top: 65px; padding: 0 20px; line-height: 40px; height: 40px; background: #D9AE16; border: #CBA214 1px solid; color: #FFFFFF; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } /* --- Banner & Busca */ .banner { float: left; width: 100%; height: 485px; margin-bottom: 60px; background: url(img/faixa-home.jpg) no-repeat center; } .busca-interna { float: left; width: 100%; height: 60px; background: url(img/faixa-home.jpg) no-repeat center; z-index: 777; } .filtro-content .filtro { height: 40px; display: block; margin: 10px auto; } .filtro-content .filtro h2 { line-height: 40px; display: inline-block; font-size: 16px; color: #000; width: 135px; } .filtro-content form { display: inline-block; float: none; } .filtro-content form input[type="text"] { width: 155px; margin-right: 4px; display: block; float: left; line-height: 40px; border: 1px solid #FFAB3B; height: 40px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #fff; padding: 0 10px; } .box_bairros_busca { display:inline-block; zoom:1; *display:inline; } .customSelect { min-width: 100px; max-width: 135px; display:inline-block; zoom:1; *display:inline; line-height: 40px; border: 1px solid #FFAB3B; height: 40px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #fff; padding: 0 10px; background: url(img/busca-arrow.png) 90% center no-repeat #FFF; } .inputSize2 { width: 120px; } .inputSize3 { width: 135px; } .inputSize4 { width: 160px; } .submit-style { width: 80px; background: #333; border: 0; height: 40px; line-height: 40px; color: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } ul.rotativo { width: 100%; height: 400px; max-width: 1400px; margin: 0 auto; clear: both; display: block; position: relative; } ul.rotativo li.banner1 { width: 100%; height: 400px; background: url(img/banner1.jpg) center no-repeat; position: absolute; top: 0; left: 0; } ul.rotativo li { position: relative; } ul.rotativo:hover li.seta { display: block; } ul.rotativo li a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; } ul.rotativo li.seta { display: none; width: 30px; height: 60px; position: absolute; top: 50%; margin-top: -30px; cursor: pointer; } ul.rotativo li.anterior { left: 20px; background: url(img/arrow-back.png) center center no-repeat rgba(0,0,0,.2); } ul.rotativo li.proxima { right: 20px; background: url(img/arrow-next.png) center center no-repeat rgba(0,0,0,.2); } .bolinhas { text-align: center; margin-top: 5px; } .bolinhas a { display:inline-block; zoom:1; *display:inline; height: 8px; width: 30px; background:#988a00; text-indent: -9999px; overflow: hidden; outline: none; margin: 0 2px; } .bolinhas a:hover, .bolinhas a.ativo { background:#fff; } /* --- Cadastrados */ .title { width: 100%; border-bottom: 2px solid #FFAC3C; float: left; } .title h2 { float: left; display: block; font-size: 20px; color: #000; font-family: 'din_alternate_mediumregular', sans-serif; line-height: 40px; } .title span { float: right; line-height: 40px; font-size: 14px; } .title span a { color: #FFAB3A; } /* --- Imóveis Cadastrados */ ul.imoveis { float: left; display: block; margin-top: 30px; margin-right: -20px; overflow: hidden; } ul.imoveis .imovel { width: 20%; padding-right: 19px; float: left; display: block; margin-bottom: 40px; } ul.imoveis .imovel img { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; max-width: 100%; } ul.imoveis .imovel h3 { font-family: 'pt_sansbold', sans-serif; width: 100%; text-align: center; color: #D9AE16; font-size: 16px; padding: 10px 0; } ul.imoveis .imovel p { font-family: 'pt_sansregular', sans-serif; font-size: 14px; color: #666; text-align: center; padding: 5px 0; } ul.imoveis .imovel span { margin: 0 auto; width: 115px; height: 20px; line-height: 20px; color: #fff; font-family: 'pt_sansregular', sans-serif; display: block; background: #D9AE16; text-align: center; margin-top: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /* --- Serviços Home */ ul.imoveis + .row { margin-top: 50px; } .home-servicos { padding: 40px 0 0 100px ; width: 67.08%; height: 254px; background: url(img/img-home-servicos.jpg) right center no-repeat; float: left; display: block; } .home-servicos p { line-height: 120%; font-family: 'din_alternate_mediumregular', sans-serif; font-size: 16px; color: #333; } .home-servicos p span { font-size: 20px; color: #000; } .home-servicos a { display: inline-block; padding: 10px 15px 8px 15px; margin-top: 20px; font-size: 12px; color: #fff; background: #006E9A; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .home-servicos a:hover { background: #0085B7; } /* --- Área do Corretor */ .area-corretor { width: 31.66%; padding: 30px; border: 1px solid #ccc; height: 254px; float: right; display: block; } .area-corretor h3 { font-family: 'din_alternateregular', sans-serif; line-height: 40px; font-size: 20px; color: #666; } .area-corretor form { display: block; width: 100%; } .area-corretor form .input { width: 100%; height: 45px; line-height: 45px; border: 1px solid #ccc; padding: 0 20px; font-size: 14px; color: #666; font-family: 'din_alternateregular', sans-serif; margin-bottom: 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .area-corretor form .forget { float: left; line-height: 45px; color: #666; } .area-corretor form .submit { color: #fff; border: 0; font-family: 'din_alternateregular', sans-serif; font-size: 14px; float: right; height: 45px; width: 88px; background: #333; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .area-corretor form .submit:hover { background: #555; } /* --- Banners */ a.administramos { width: 590px; display: inline-block; vertical-align: top; margin-right: 15px; } a.administramos img { max-width: 100%; vertical-align: top; } a.cadastre-imovel { width: 590px; display: inline-block; vertical-align: top; float: right; } a.cadastre-imovel img { max-width: 100%; vertical-align: top; } /* --- Ultimas do Blog */ .blog { width: 100%; background: #F0F0F0; display: block; float: left; } .blog .title { margin: 20px 0 30px 0; } .blog .title a { float: right; font-size: 14px; color: #FFAB3A; line-height: 30px; } ul.noticias { width: 100%; display: block; float: left; font-family: 'din_alternateregular', sans-serif; padding-bottom: 40px; } ul.noticias .noticia { width: 30%; float: left; } ul.noticias .noticia:nth-child(2) { margin: 0 5%; } ul.noticias .noticia span { width: 100%; display: block; float: left; min-height: 90px; } ul.noticias .noticia span p { width: 50%; text-align: center; float: left; display: block; margin-top: 23px; border-right: 1px solid #fff; font-size: 20px; color: #fff; } ul.noticias .noticia span small { width: 50%; text-align: center; float: left; display: block; padding-top: 18px; color: #fff; font-size: 14px; } ul.noticias .noticia span .data { width: 30%; float: left; display: block; background: #00779F; height: 60px; position: relative; } ul.noticias .noticia span .data:after { content: ''; position: absolute; bottom: -15px; left: 10px; width: 0; height: 0; border-top: 15px solid #00779F; border-right: 15px solid transparent; } ul.noticias .noticia span h1 { width: 70%; float: left; display: block; padding: 0 10px 10px 10px; font-size: 20px; color: #000; } ul.noticias .noticia span h1 a { color: #000; } ul.noticias .noticia span h1 a:hover { color: #666; } ul.noticias .noticia p.desc { width: 100%; display: block; float: left; padding: 25px 0 15px 0; color: #666; font-size: 16px; line-height: 130%; } ul.noticias .noticia p.desc a { color: #666; } ul.noticias .noticia p.desc a:hover { color: #00779F; } ul.noticias .noticia .leia-mais { display: inline-block; float: left; padding: 3px 10px 0px 10px; font-size: 14px; background: #666; color: #fff; line-height: 30px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -webkit-transition: all 0.13s linear; -moz-transition: all 0.13s linear; transition: all 0.13s linear; } ul.noticias .noticia .leia-mais:hover { opacity: .7; filter: alpha(opacity=70); } /* --- Footer */ .footer { width: 100%; float: left; display: block; background: #333 url(img/footer_background.jpg) center top no-repeat; overflow: hidden; } h3.footer_logo { padding: 30px 0; text-align: center; width: 100%; float: left; } .sociais { margin-top: 7.5px; } .sociais li { display: inline-block; } .sociais li:nth-child(2) { margin: 0 10px; } .sociais li .social { display: block; width: 25px; height: 25px; padding: 0; border: 0; transition: all 0.13s linear; -webkit-transition: all 0.13s linear; -moz-transition: all 0.13s linear; } .sociais li .social.facebook { background: url(img/facebook.png); } .sociais li .social.instagram { background: url(img/instagram.png); } .sociais li .social.youtube { background: url(img/youtube.png); } .sociais li .social:hover { opacity: 0.7; filter: alpha(opacity=70); } .info-footer { margin-top: 90px; } .info-footer .fRight { width: 35%; margin-left: 5%; overflow: hidden; } .info-footer .fLeft { width: 60%; } .info-footer .imovel_para_alugar { float: left !important; margin: -75px 0 0 0; position: relative; left: auto; top: auto; } .footer_menu { text-align: center; height: 50px; float: left; width: 100%; background-color: #FF0000; } .footer_menu nav ul { padding-top: 17px; text-align: center; } .footer_menu nav ul li { display: inline-block; padding: 0 5px; } .footer_menu nav ul li a { font-size: 16px; color: #FFF; font-family: 'din_alternateregular', sans-serif; transition: all 0.13s linear; -webkit-transition: all 0.13s linear; -moz-transition: all 0.13s linear; } .footer_menu nav ul li a:hover { color: #000; } .footer_menu nav ul li:first-child { padding-left: 0; } .info-footer .endereco { min-height: 200px; width: 33.3%; float: left; display: block; line-height: 150%; font-size: 13px; font-family: 'din_alternateregular'; color: #FFF; padding-right: 20px; } .info-footer .sobre_andrea { min-height: 200px; width: 33.3%; float: left; display: block; border-left: 1px solid #5C553D; border-right: 1px solid #5C553D; color: #fff; padding: 0 20px; font-size: 13px; line-height: 150%; } .info-footer .sobre_andrea .leia-mais { display: inline-block; padding: 8px 15px; background: #666; color: #fff; font-size: 14px; font-family: 'pt_sansbold', sans-serif; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; transition: all 0.3s ease; -webkittransition: all 0.3s ease; -moz-transition: all 0.3s ease; } .info-footer .sobre_andrea .leia-mais:hover { color: #333; background-color: #990000; } .info-footer .facebook { width: 33.3%; float: left; display: block; padding-left: 20px; } .footer .nacionalvox { text-align: center; padding: 40px 0 20px 0; width: 100%; float: left; display: block; } /* --- Titulo Internas */ .page-title { width: 100%; float: left; display: block; height: 120px; padding-top: 22px; background: url(img/interna-topo.png) center; position: relative; } .page-title h2 { font-size: 35px; font-family: 'din_alternateregular', sans-serif; position: relative; } .page-title h2:after { content: ''; position: absolute; width: 145px; height: 5px; background: #D8AD15; bottom: -15px; left: 0; } .page-title .breadcrumbs { padding-top: 30px; } .page-title .breadcrumbs li { display: inline-block; } .page-title .breadcrumbs li:after { content: '>'; display: inline-block; padding: 0 5px; } .page-title .breadcrumbs li:last-child:after{ display: none; } .page-title .breadcrumbs li a { color: #333; } .page-title .breadcrumbs li:last-child { color: #A4830E; } .page-title a.compartilhar { position: absolute; right: 0; top: 18px; } /* --- Sobre */ article.historia { background: url(img/historia-bg.jpg) center; height: 400px; } article.historia h1 { width: 40%; float: left; text-align: right; line-height: 400px; font-size: 60px; color: #fff; font-family: 'din_alternateregular', sans-serif; } article.historia p { width: 55%; float: right; line-height: 150%; font-size: 16px; color: #fff; font-family: 'pt_sansregular', sans-serif; margin: 5.5% 0; } article.alugarvender { background: url(img/portfolio.jpg) center; height: 400px; } article.alugarvender h1 { width: 40%; float: left; text-align: right; line-height: 400px; font-size: 60px; color: #fff; font-family: 'din_alternateregular', sans-serif; } article.alugarvender p { width: 55%; float: right; line-height: 150%; font-size: 16px; color: #fff; font-family: 'pt_sansregular', sans-serif; margin: 5.5% 0; } article.beneficios { background: url(img/bg-administramos.png) center no-repeat; padding: 60px 0 100px 0; } article.beneficios h1 { width: 100%; float: left; display: block; font-size: 30px; color: #333; } article.beneficios ul.beneficios { width: 100%; float: left; display: block; padding-top: 40px; } article.beneficios ul.beneficios li { width: 44%; float: left; display: block; background: url(img/bullet.png) 0px 15px no-repeat; padding: 7.5px 0px 7.5px 20px; line-height: 150%; font-family: 'pt_sansregular', sans-serif; font-size: 14px; color: #333; } article.oferecemos { border-top: 1px solid #FAB409; min-height: 100px; position: relative; padding-bottom: 60px; } article.oferecemos .titulo { width: 100%; text-align: center; display: block; position: absolute; top: -35px; } article.oferecemos .titulo h1 { display: inline-block; padding: 15px 25px; background: #fff; border: 1px solid #FAB409; font-size: 30px; color: #666; } article.oferecemos .row { padding-top: 90px; margin: 0 7.5%; width: 85% !important; } article.oferecemos .box { display: block; float: left; width: 30%; border: 1px solid #ccc; font-family: 'pt_sansregular', sans-serif; } article.oferecemos .box:nth-child(2) { margin: 0 5%; } article.oferecemos .box h3 { width: 100%; text-align: center; font-size: 30px; color: #222; line-height: 90px; border-bottom: 1px solid #ccc; } article.oferecemos .box p { text-align: justify; color: #666; font-size: 14px; color: #666; padding: 15px; height: 100px; } article.oferecemos .box ul { padding: 20px 15px 35px 15px; height: 370px; } article.oferecemos .box ul li { padding: 10px 0 10px 20px; background: url(img/bullet.png) 0px 15px no-repeat; color: #222; font-size: 14px; } article.oferecemos .saiba-mais { display: block; width: 100%; line-height: 50px; color: #fff; text-align: center; height: 50px; background: #222; font-family: 'pt_sansbold', sans-serif; font-size: 14px; } article.historia.possui h1 { padding-top: 100px; width: 100%; float: left; text-align: right; line-height: 60px; font-size: 60px; color: #fff; font-family: 'din_alternateregular', sans-serif; } article.historia.possui p { width: 80%; float: right; line-height: 150%; font-size: 16px; color: #fff; font-family: 'pt_sansregular', sans-serif; margin: 20px 0; text-align: right; } article.alugarvender.possui h1 { padding-top: 40px; width: 100%; float: left; text-align: left; line-height: 60px; font-size: 60px; color: #fff; font-family: 'din_alternateregular', sans-serif; } article.alugarvender.possui p { width: 44%; float: left; line-height: 150%; font-size: 16px; color: #fff; font-family: 'pt_sansregular', sans-serif; margin: 20px 0; text-align: left; } .cadastro-imovel .submit-cadastro { width: 514px; } /* --- Serviços */ article.servicos { background: url(img/servicos-bg.jpg) center; height: 400px; } article.servicos h1 { width: 40%; float: left; text-align: right; font-size: 60px; color: #fff; font-family: 'din_alternateregular', sans-serif; line-height: 400px; } article.servicos p { width: 55%; float: right; line-height: 150%; font-size: 16px; color: #fff; font-family: 'pt_sansregular', sans-serif; margin: 10% 0; } article.list-servicos { padding: 60px 0; } article.list-servicos .item { width: 49%; display: inline-block; padding-bottom: 50px; vertical-align: top; min-height: 240px; } article.list-servicos .item h1 { font-family: 'pt_sansregular', sans-serif; color: #333; font-size: 30px; } article.list-servicos .item p { padding-top: 20px; width: 90%; font-size: 14px; color: #666; line-height: 150%; font-family: 'pt_sansregular', sans-serif; } article.reformas { background: url(img/reformas-bg.jpg) center; height: 400px; } article.reformas h1 { width: 40%; float: left; text-align: right; font-size: 60px; color: #fff; font-family: 'din_alternateregular', snas-serif; padding-top: 140px; } article.reformas p { width: 55%; float: right; line-height: 150%; font-size: 16px; color: #fff; font-family: 'pt_sansregular', sans-serif; margin: 11% 0; } article.mao-de-obra { padding: 40px 0 60px 0; background: url(img/mao-de-obra-bg.png) top center no-repeat; min-height: 640px; } article.mao-de-obra h1 { width: 100%; float: left; display: block; font-size: 30px; color: #333; padding-top: 20px; } article.mao-de-obra ul { width: 70%; float: left; display: block; padding: 20px 0; } article.mao-de-obra ul li { padding: 10px 0 10px 20px; background: url(img/bullet.png) 0px 15px no-repeat; color: #222; font-size: 14px; } article.mao-de-obra ul.mao-de-obra li { width: 35%; float: left; display: block; } article.interesse { padding: 60px 0; width: 560px; margin: 0 auto; } article.interesse .bLink { width: 50%; float: left; display: block; color: #FFFFFF; font-family: 'pt_sansregular', sans-serif; font-size: 20px; line-height: 60px; padding-left: 30px; text-align: center; background: url(img/interesse.png) 30px center no-repeat #D9AE16; } article.interesse .bLink:nth-child(2) { background-color: #333; background-image: url(img/solicitar-visita.png); } article.interesse .userLink { display: inline-block; margin-top: 20px; padding: 15px 15px 15px 50px; font-family: 'din_alternate_mediumregular', sans-serif; font-size: 14px; color: #666; background: url(img/compartilhar.png) 20px center no-repeat; } .userLink { display: inline-block; margin-top: 20px; padding: 15px 15px 15px 50px; font-family: 'din_alternate_mediumregular', sans-serif; font-size: 14px; color: #666; background: url(img/compartilhar.png) 20px center no-repeat; } article.interesse .userLink:nth-child(2) { border-left: 1px solid #666; background-image: url(img/imprimir.png); background-position: 20px center; } article.interesse .space { text-align: center; margin-left: 10px; } article.interesse a { transition: all 0.13s linear; -webkit-transition: all 0.13s linear; -moz-transition: all 0.13s linear; } article.interesse a:hover { opacity: 0.7; filter: alpha(opacity=70); } article.interesse .compartilhar { display:inline-block; zoom:1; *display:inline; position: relative; margin-top: 20px; float: none; overflow: inherit; } /*article.interesse .compartilhar { position: relative; } article.interesse .compartilhar:hover { opacity: 1; filter: alpha(opacity=100); } article.interesse .compartilhar .addthis_native_toolbox { display: none; box-shadow: 0px 0px 10px #333; position: absolute; bottom: 40px; left: 0; padding: 15px; background: #fff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; transition: all 0.13s linear; -webkit-transition: all 0.13s linear; -moz-transition: all 0.13s linear; } article.interesse .compartilhar .addthis_native_toolbox:after{ content: ''; position: absolute; bottom: -15px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 15px solid white; } article.interesse .compartilhar .addthis_native_toolbox a { display: block; margin: 2px 0; } article.interesse .compartilhar:hover .addthis_native_toolbox, article.interesse .compartilhar .addthis_native_toolbox:hover { display: block; } */ /* --- Locação */ .internas { padding-top: 60px; } .locacao-filtro { width: 100%; float: left; display: block; height: 40px; } .locacao-filtro p { float: left; display: block; line-height: 40px; font-size: 13px; color: #666; font-family: 'pt_sansregular', sans-serif; } .select-filter { float: left; display: inline-block; height: 30px; line-height: 30px; background: url(img/filtro-locacao-bg.png) 90% center no-repeat #EFEFEF; padding: 0 10px; font-family: 'pt_sansbold', sans-serif; font-size: 13px; color: #666; margin: 5px 25px 5px 15px; } .modo { float: left; display: block; border-left: 1px solid #ccc; padding-left: 25px; } .modo a { display: inline-block; width: 25px; height: 25px; margin-top: 7.5px; margin-left: 5px; } .modo .colum { background: url(img/2-colum.png) center; margin-left: 20px; } .modo .lines { background: url(img/lines.png) center; } .listando { float: right !important; } ul.empreendimentos { margin: 60px 0 0 0; } ul.empreendimentos .item { height: 221px; width: 100%; float: left; display: block; position: relative; border: 1px solid #ccc; margin-bottom: 30px; border-bottom: 5px solid #FAB409; transition: all 1s linear; -webkit-transition: all 1s linear; -moz-transition: all 1s linear; } ul.empreendimentos .item:last-child { margin-bottom: 0; } ul.empreendimentos .item .img { overflow: hidden; float: left; width: 220px; height: 220px; display: inline-block; position: relative; z-index: 100; } ul.empreendimentos .item .img .caroussel .jcarousel-clip-horizontal { overflow: hidden; } ul.empreendimentos .item .img .caroussel ul li { float: left; width: 220px; height: 220px; } ul.empreendimentos .item .wrapper { position: absolute; width: 100%; padding-left: 250px; display: block; height: 215px; } ul.empreendimentos .item .wrapper h1 { font-family: 'pt_sansregular', sans-serif; color: #333; font-size: 28px; width: 100%; display: block; float: left; line-height: 40px; padding-top: 30px; } ul.empreendimentos .item .wrapper h1 a { color: #333; } ul.empreendimentos .item .wrapper h2 { font-family: 'pt_sansregular', snas-serif; color: #666; font-size: 16px; width: 100%; float: left; display: block; } ul.empreendimentos .item ul.infos { width: 100%; float: left; display: block; margin-top: 20px; overflow: hidden; } ul.empreendimentos .item ul.infos li { display: inline-block; padding: 0 15px; border-right: 1px solid #ccc; position: relative; } ul.empreendimentos .item ul.infos li:first-child { padding-left: 0; } ul.empreendimentos .item ul.infos li:last-child { border-right: 0; } ul.empreendimentos .item ul.infos li p { position: relative; color: #D8AD15; font-size: 27px; margin-bottom: 2px; } ul.empreendimentos .item ul.infos li small { color: #666; font-size: 16px; } ul.infos .quartos p:after { position: absolute; bottom: 5px; content: ''; width: 20px; height: 13px; background: url(img/quartos.png) center; margin-left: 5px; } ul.infos .suites p:after { position: absolute; bottom: 5px; content: ''; width: 12px; height: 13px; background: url(img/suites.png) center; margin-left: 5px; } ul.infos .banheiros p:after { position: absolute; bottom: 5px; content: ''; width: 14px; height: 13px; background: url(img/banheiros.png) center; margin-left: 5px; } ul.infos .garagens p:after { position: absolute; bottom: 5px; content: ''; width: 13px; height: 13px; background: url(img/garagem.png) center; margin-left: 5px; } ul.infos .area p:after { position: absolute; bottom: 5px; content: ''; width: 14px; height: 13px; background: url(img/area.png) center; margin-left: 5px; } ul.empreendimentos .item .wrapper .end { position: absolute; right: 0; bottom: 0; } ul.empreendimentos .item .wrapper .end p { float: left; display: inline-block; line-height: 40px; padding-right: 15px; font-size: 15px; color: #666; } ul.empreendimentos .item .wrapper .end p strong{ font-family: 'pt_sansbold', sans-serif; padding-right: 5px; } ul.empreendimentos .item .wrapper .end .saiba-mais{ display: inline-block; line-height: 40px; font-size: 14px; height: 40px; padding: 0 20px; font-size: 'pt_sansregular', sans-serif; color: #fff; font-size: 13px; background: #333; } ul.empreendimentos .item .img .shadow { opacity: 0; filter: alpha(opacity=0); visibility: hidden; transition: all 1s linear; -webkit-transition: all 1s linear; -moz-transition: all 1s linear; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ } ul.empreendimentos .item .img .controles { position: absolute; width: 100%; height: 40px; bottom: 0; overflow: hidden; z-index: 99; } ul.empreendimentos .item .img .controles .back{ margin: 10px 0 0 -30px; float: left; display: inline-block; width: 10px; height: 14px; background: url(img/arrow-back.png) center; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; } ul.empreendimentos .item .img .controles .next{ margin: 10px -30px 0 0; float: right; display: inline-block; width: 10px; height: 14px; background: url(img/arrow-next.png) center; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; } ul.empreendimentos .item .img .controles .zoom{ display: inline-block; position: absolute; margin-left: -15px; left: 50%; bottom: -30px; width: 30px; height: 30px; background: url(img/mais.png) center; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; } ul.empreendimentos .item:hover .img .shadow { opacity: 1; filter: alpha(opacity=100); visibility: visible; z-index: 98; } ul.empreendimentos .item:hover .img .back { margin: 10px 0 0 10px; } ul.empreendimentos .item:hover .img .next { margin: 10px 10px 0 0; } ul.empreendimentos .item:hover .img .zoom { bottom: 10px; } /*ul.empreendimentos .item:hover { border-top: 1px solid #bbb; border-right: 1px solid #bbb; background: #f6f6f6; }*/ .paginacao { margin: 60px 0; background: #EFEFEF; height: 30px; width: 100%; display: block; float: left; text-align: center; } .paginacao .ativo, .paginacao .inativo { color: #fff; font-family: 'pt_sansbold', sans-serif; font-size: 14px; padding: 0 10px; line-height: 30px; display: inline-block; background: #333; margin: 0 -1px; -webkit-transition: all 0.13s linear; -moz-transition: all 0.13s linear; transition: all 0.13s linear; } .paginacao .inativo { background: #666; } .paginacao .ativo:hover, .paginacao .inativo:hover { background: #666; } .paginacao .anterior { color: #fff; font-family: 'pt_sansbold', sans-serif; font-size: 14px; padding: 0 10px; line-height: 30px; display: inline-block; background: #333; margin: 0 -1px; -webkit-transition: all 0.13s linear; -moz-transition: all 0.13s linear; transition: all 0.13s linear; float: left; } .paginacao .proximo { color: #fff; font-family: 'pt_sansbold', sans-serif; font-size: 14px; padding: 0 10px; line-height: 30px; display: inline-block; background: #333; margin: 0 -1px; -webkit-transition: all 0.13s linear; -moz-transition: all 0.13s linear; transition: all 0.13s linear; float: right; } /* --- Locação Interna */ .locacao-header { height: 105px; background: url('img/faixa-home.jpg') center no-repeat; position: relative; } .locacao-header .nome { position: absolute; bottom: 0; background: #ECECEC; padding: 10px 20px; border-top: 5px solid #D8AD15; } .locacao-header .nome h1 { font-family: 'pt_sansregular', sans-serif; font-size: 30px; color: #333; width: 100%; float: left; } .locacao-header .nome h2 { float: left; display: block; line-height: 30px; font-size: 18px; color: #999; } .locacao-header .nome small { float: right; line-height: 30px; color: #D8AD15 } /* --- Empreendimento */ article.empreendimento { padding: 30px 0 60px 0; } article.empreendimento .content { position: relative; } article.empreendimento .compartilhe { position: absolute; right: 0; top: 0; } article.empreendimento .compartilhe .compartilhar { float: left; margin-top: 20px; } article.empreendimento .userLink { position: relative; display: inline-block; margin-top: 20px; padding: 15px 15px 15px 50px; font-family: 'din_alternate_mediumregular', sans-serif; font-size: 14px; color: #666; background: url(img/compartilhar.png) 20px center no-repeat; } article.empreendimento .userLinkprint { /*border-left: 1px solid #666;*/ background-image: url(img/imprimir.png); background-position: 20px center; } article.empreendimento .userLink .addthis_native_toolbox { display: none; box-shadow: 0px 0px 10px #333; position: absolute; bottom: 40px; left: 20px; padding: 15px; background: #fff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; transition: all 0.13s linear; -webkit-transition: all 0.13s linear; -moz-transition: all 0.13s linear; } article.empreendimento .userLink .addthis_native_toolbox:after{ content: ''; position: absolute; bottom: -15px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 15px solid white; } article.empreendimento .userLink .addthis_native_toolbox div { margin: 5px 0; } article.empreendimento .userLink:hover .addthis_native_toolbox, article.empreendimento .userLink .addthis_native_toolbox:hover { display: block; } /* ========================================== here we are doing some magic vuash acordion do responsivo ========================================= */ .extra.accordion h3 { display: none; width: 100%; padding: 10px 0; border-bottom: 1px solid #ccc; font-size: 24px; } .extra { width: 100%; float: left; display: block; padding-top: 30px; min-height: 1000px; } .extra .descricao { overflow: hidden; padding-bottom: 0px; } .extra .descricao figure.img { position: absolute; right: 0; top: 130px; width: 560px; height: 517px; } .extra .descricao figure.img img { max-width: 100%; } .extra .descricao section.desc { float: left; display: block; width: 590px; min-height: 650px; } .extra .descricao ul.list-desc { width: 100%; float: left; display: block; margin:0 0 20px 0; } .extra .descricao ul.list-desc li { float: left; display: block; width: 33.333%; padding: 10px 0 10px 20px; background: url(img/bullet.png) 0px 15px no-repeat; color: #222; font-size: 14px; } .extra section h1 { color: #333; font-family: 'pt_sansregular', sans-serif; font-size: 24px; padding-bottom: 20px; } .extra section .descricao { line-height: 150%; color: #666; font-size: 14px; font-family: 'pt_sansregular', sans-serif; padding-bottom: 30px; } .extra section p { margin-bottom: 10px; } .extra .interesse { position: absolute; right: 0; top: 70px; width: 560px; } .extra .interesse .bLink { width: 50%; float: left; display: block; color: #FFFFFF; font-family: 'pt_sansregular', sans-serif; font-size: 20px; line-height: 60px; padding-left: 30px; text-align: center; background: url(img/interesse.png) 30px center no-repeat #D9AE16; } .extra .interesse .bLink:nth-child(2) { background-color: #333; background-image: url(img/solicitar-visita.png); } .extra .interesse .bLink:hover { opacity: 0.7; filter: alpha(opacity=70); } .extra .fotos { background: #EAEAEA; position: relative; margin-top: 0px; margin-right: 0; margin-bottom: 60px; margin-left: 0; } .extra .fotos:after, .extra .fotos:before { content: ''; position: absolute; background: #EAEAEA; top: 0; bottom: 0; width: 9999px; } .extra .fotos:after { left: 100%; } .extra .fotos:before { right: 100%; } .extra .tab-container { padding: 50px 0; } .etabs { margin: 0; padding: 0; } .tab { display: inline-block; zoom:1; *display:inline; padding: 0px 20px; border-right: 2px solid #666666; } .tab:first-of-type { padding-left: 0; } .tab:last-child { padding-right: 0; border-right: 0; } .tab a { font-size: 24px; color: #A1A1A1; line-height: 1.3em; display: block; padding: 0 10px; outline: none; } .tab a:hover { color: #333333; } .tab.active { color: #333333; } .tab a.active { color: #333333; } .tab-container .panel-container { background: #fff; border: solid #666 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; } ul.galeria { padding: 40px 0 20px 0; } ul.galeria li { float: left; display: block; width: 16.666%; text-align: center; margin-bottom: 20px; } ul.galeria li img { max-width: 90%; } section.localizacao { width: 68%; margin-right: 2%; float: left; display: block; } section.localizacao h1 span { font-size: 15px; } section.localizacao .proximidades { border: 1px solid #eee; padding: 20px; margin-top: -3px; } section.localizacao .proximidades p { color: #666; padding-bottom: 20px; } section.localizacao .proximidades ul li { cursor: pointer; color: #B20000; font-family: 'pt_sansregular', sans-serif; margin-bottom: 5px; font-size: 13px; display: inline-block; padding: 10px 10px 10px 40px; border: 1px solid #eee; background-position: 10px center; background-repeat: no-repeat; } section.localizacao .proximidades ul li.bancos { background-image: url(img/banco.png); } section.localizacao .proximidades ul li.academias { background-image: url(img/academia.png); } section.localizacao .proximidades ul li.escola { background-image: url(img/escola.png); padding-left: 55px; } section.localizacao .proximidades ul li.farmacia { background-image: url(img/farmacia.png); padding-left: 50px; } section.localizacao .proximidades ul li.hospital { background-image: url(img/hospital.png); padding-left: 50px; } section.localizacao .proximidades ul li.supermercado { background-image: url(img/supermercado.png); padding-left: 45px; margin-right: 0 !important; } section.localizacao .proximidades ul li.comida { background-image: url(img/comida.png); padding-left: 50px; } section.localizacao .proximidades ul li.posto-gasolina { background-image: url(img/posto-gasolina.png); padding-left: 50px; } #map-canvas { position: relative; } #map-canvas .preloader_map { width: 25px; height: 25px; position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -12px; } section.descricao { width: 30%; float: right; display: block; } section.descricao ul.list_descricao li { position: relative; height: 60px; border-bottom: 1px solid #EEE; padding-left: 40px; background-position: 10px center; background-repeat: no-repeat; width: 100%; float: left; display: block; } section.descricao ul.list_descricao li h1 { font-size: 17px; line-height: 60px; float: left; } section.descricao ul.list_descricao li span { font-size: 27px; color: #D8AD15; line-height: 60px; position: absolute; right: 40px; } section.descricao ul.list_descricao li span small { font-size: 14px; color: #333; } section.descricao ul.list_descricao li.quartos{ background-image: url(img/quartos.png); } section.descricao ul.list_descricao li.banheiros{ background-image: url(img/banheiros.png); } section.descricao ul.list_descricao li.suites{ background-image: url(img/suites.png); } section.descricao ul.list_descricao li.garagens{ background-image: url(img/garagem.png); } section.descricao ul.list_descricao li.area-total, /* \/ */ section.descricao ul.list_descricao li.area-util{ background-image: url(img/area.png); } section.descricao ul.list_descricao li.iptu, /* \/ */ section.descricao ul.list_descricao li.condominio, /* \/ */ section.descricao ul.list_descricao li.aluguel{ background-image: url(img/valor.png); } .info_box_mapa img { padding:5px;float: left; border: 1px solid #ccc; margin-right:10px; } .info_box_mapa div { width: 240px; float: left; } .info_box_mapa h2 { font-size: 18px; margin-bottom: 10px; padding-bottom: 2px; border-bottom: 1px solid #ccc; } /* --- Contato */ article.contato { padding: 60px 0; } article.contato h1 { font-size: 20px; color: #000; font-family: 'pt_sansbold', sans-serif; padding-bottom: 30px; } article.contato .form { width: 55%; margin-right: 5%; float: left; display: block; } .input-contato { width: 100%; height: 40px; font-size: 14px; color: #666; line-height: 40px; border: 1px solid #FFAC3C; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 0 15px; margin-bottom: 15px; font-family: 'pt_sansregular', sans-serif; } .textarea-contato { width: 100%; height: 150px; font-size: 14px; color: #666; padding: 15px; border: 1px solid #FFAC3C; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; resize: none; margin-bottom: 10px; } .submit-contato { float: right; width: 135px; font-family: 'pt_sansbold', sans-serif; font-size: 14px; color: #fff; border: 0; height: 40px; background: #FFAC3C; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .randomfield { display: inline-block; width: 120px; line-height: 40px; height: 40px; border: 1px solid #FFAC3C; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 0 15px; } .randomfield + p { display: inline-block; line-height: 40px; font-size: 14px; color: #666; padding-left: 10px; } article.contato .mapa { width: 40%; float: right; display: block; } article.contato .mapa p { color: #666; line-height: 150%; font-size: 14px; } /* --- Utilidade */ article.utilidades { padding: 60px 0; } article.utilidades section.doc { padding: 40px 0 60px 0; } article.utilidades section.doc table { border: 1px solid #EEEEEE; width: 100%; } article.utilidades section.doc table thead { background: #EEEEEE; font-size: 18px; color: #666; line-height: 50px; height: 50px; font-family: 'pt_sansregular', sans-serif; text-align: left; } article.utilidades section.doc table td { padding: 20px; font-size: 16px; color: #666; } article.utilidades section.doc table td a { color: #F48500; } article.utilidades section.doc table th { padding-left: 20px; } /* --- Blog content */ div.blog-content { padding: 60px 0; } section.posts { width: 65%; margin-right: 5%; float: left; display: block; } section.posts .paginacao { margin: 50px 0 0 0; } article.post { width: 48%; background: #EFEFEF; display: inline-block; vertical-align: top; margin-bottom: 2% } article.post:nth-child(2n+1) { margin-right: 2%; } article.post .header { height: 100px; } article.post .header .data { width: 30%; float: left; display: block; background: #00779F; height: 60px; position: relative; } article.post .header .data:after { content: ''; position: absolute; bottom: -15px; right: 20px; width: 0; height: 0; border-top: 15px solid #00779F; border-left: 15px solid transparent; } article.post .header .data p { width: 50%; text-align: center; float: left; display: block; margin-top: 18px; border-right: 1px solid #fff; font-size: 20px; color: #fff; } article.post .header .data small { width: 50%; text-align: center; float: left; display: block; padding-top: 13px; color: #fff; font-size: 14px; } article.post .header .titulo { width: 70%; float: left; padding: 10px 10px 0 10px; } article.post .header .titulo h1 { font-family: 'pt_sansregular', sans-serif; font-size: 18px; color: #000; } article.post .header + a img { width: 100%; } article.post .chamada { padding: 20px; color: #666; font-family: 'pt_sansregular', sans-serif; color: #666; display: inline-block; font-size: 14px; line-height: 150% } article.post .chamada img { max-width: 100%; height: auto !important; } article.post .chamada iframe { width: 100%; height: 450px; } article.post .botoes { padding: 0 20px 20px 20px; } article.post .botoes .leia-mais { display: inline-block; padding: 8px 15px; background: #666; color: #fff; font-size: 14px; font-family: 'pt_sansbold', sans-serif; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } article.post .botoes .leia-mais:hover { opacity: .7; filter: alpha(opacity=70); } article.post .img { width: 100%; } /*article.post .botoes .compartilhar { position: relative; top: 0px; float: right; margin-top: -2px; line-height: 40px; background: url(../img/icons/compartilhar.png) 0px 10px no-repeat; padding-left: 30px; font-size: 13px; font-family: 'pt_sansbold', sans-serif; color: #666; transition: all 0.13s linear; -webkit-transition: all 0.13s linear; -moz-transition: all 0.13s linear; } article.post .botoes .compartilhar .addthis_native_toolbox { display: none; box-shadow: 0px 0px 10px #333; position: absolute; bottom: 40px; left: 0; padding: 15px; background: #fff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; transition: all 0.13s linear; -webkit-transition: all 0.13s linear; -moz-transition: all 0.13s linear; } article.post .botoes .compartilhar .addthis_native_toolbox:after{ content: ''; position: absolute; bottom: -15px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 15px solid white; } article.post .botoes .compartilhar .addthis_native_toolbox div { margin: 2px 0; } article.post .botoes .compartilhar:hover .addthis_native_toolbox, article.post .botoes .compartilhar .addthis_native_toolbox:hover { display: block; } */ aside.sidebar { font-family: 'pt_sansregular', sans-serif; width: 30%; float: right; display: block; border: 1px solid #DDDDDD; position: relative; } aside.sidebar .search { height: 60px; line-height: 60px; background: url(img/search.png) right 20px center no-repeat #333; width: 100%; color: #fff; padding: 20px; font-size: 16px; font-family: 'pt_sansregular', sans-serif; border: 0; } aside.sidebar .box { padding: 20px; border-bottom: 1px solid #DDDDDD; } aside.sidebar .box a { transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } aside.sidebar .box a:hover { color: #FAB409; } aside.sidebar h1 { font-size: 20px; color: #000; } aside.sidebar ul li:first-child { border: none; } aside.sidebar ul li { font-size: 14px; line-height: 150%; margin-bottom: 5px; padding-top: 5px; border-top: 1px solid #efefef; } aside.sidebar ul li a { color: #666; } aside.sidebar ul li:hover { border-top: 1px solid #FAB409 } aside.sidebar ul li:hover a { color: #FAB409 } aside.sidebar ul li:hover:first-child { border-top: 0; } .sidebar .banner_300_250 { text-align: center; margin:20px 0 0 0; } #BANNER_0, #BANNER_0_0 { width: 100% !important; max-width: 300px !important; height: auto !important; min-height: 250px; } .sidebar .banner_300_250 img { width: 100% !important; max-width: 300px !important; height: auto !important; min-height: 250px; } .tags a { display: inline-block; color: #666; padding: 0 3px; } .size1 { font-size: 13px; } .size2 { font-size: 16px; } .size3 { font-size: 19px; } .post.interna { width: 100% !important } .post.interna .header .data { width: 15% !important; } .post.interna .header + img { width: auto !important; float: left; clear: both; margin-right: 20px; } .post.interna .chamada { display: block; margin-left: 0; padding: 20px; } .post.interna .chamada p { margin-bottom: 10px; } .post.interna .chamada a { color: #F48500; } .post.interna .header .titulo h1 { font-size: 20px; } article.post.interna .header .titulo { width: 85%; } article.post.interna .botoes { width: 100%; display: block; float: left; padding-top: 30px; } article.post.interna p.autor { line-height: 20px; font-size: 12px; font-family: 'pt_sansregular', sans-serif; color: #666; } small.comments { width: 100%; margin-top: 20px; } .relacionados li a span { font-weight: bold; } .relacionados li { } /* --- Cadastro de Imoveis */ article.cadastro-imovel { padding: 60px 0; } article.cadastro-imovel h1 { font-size: 20px; color: #000; font-family: 'pt_sansbold', sans-serif; padding-bottom: 30px; } .cadastro-imovel input.input { margin-bottom: 10px; border: 1px solid #FFAB3B; padding: 0 10px; color: #666; line-height: 40px; height: 40px; width: 100%; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .dados-pessoais { float: left; overflow: hidden; width: 49%; margin-right: 2%; } .dados-imovel { float: right; width: 49%; overflow: hidden; } .form-select { width: 100%; display: inline-block; float: left; overflow: hidden; } .box_select_form { display: inline-block !important; width: 250px; margin-right: 10px; margin-bottom: 10px; display: block; height: 40px; } .select-cadastro { display: inline-block !important; width: 250px; color: #666; border: 1px solid #FFAB3B; display: block; line-height: 40px; height: 40px; padding: 0 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: url(img/busca-arrow.png) 94% center no-repeat #FFF; } .dados-imovel input[type='text'] { display: inline-block !important; width: 250px; margin-right: 10px; color: #666; margin-bottom: 10px; border: 1px solid #FFAB3B; display: block; line-height: 40px; height: 40px; padding: 0 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .dados-imovel input[name='randomfield'] { width: 80px; } .submit-cadastro { display: inline-block !important; width: 250px; font-family: 'pt_sansbold', sans-serif; font-size: 14px; color: #fff; border: 0; height: 40px; background: #FFAC3C; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin-right: 10px; } .submit-cadastro:hover { background: #555; } /* --- Possui imoveil para alugar */ .imovel_para_alugar { display: inline-block; float: left; padding: 15px; font-weight: bold; color: #fff; border: 2px solid #D9AE16; margin: 40px 0 0 50px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-size: 14px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; background-color: #990000; } .imovel_para_alugar:hover { background-color: #900; } /* --- Área restrita --- */ .area_restrita .titulo_sup { height: 40px; line-height: 40px; background: #666; overflow: hidden; } .area_restrita .titulo_sup h2 { font-size: 16px; text-transform: uppercase; color: #fff; margin-left: 20px; float: left; } .area_restrita .titulo_sup .btn_acoes { overflow: hidden; font-size: 16px; float: right; height: 40px; line-height: 40px; width: 50px; margin-left: 2px; background: #333; padding-left: 50px; color: #fff; transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; -webkit-transition:all .3s ease; } .area_restrita .titulo_sup .btn_acoes:hover { background-color: #555; } .area_restrita .titulo_sup .btn_acoes.imprimir { background: url(img/imprimir-branco.png) left 15px center no-repeat #333; } .area_restrita .titulo_sup .btn_acoes.imprimir:hover { width: 220px; } .area_restrita .titulo_sup .btn_acoes.novo { background: url(img/novo-branco.png) left 15px center no-repeat #333; } .area_restrita .titulo_sup .btn_acoes.novo:hover { width: 100px; } .area_restrita .titulo_sup .btn_acoes.voltar { background: url(img/voltar-branco.png) left 15px center no-repeat #333; } .area_restrita .titulo_sup .btn_acoes.voltar:hover { width: 110px; } .area_restrita .titulo_sup .btn_acoes.busca { background: url(img/busca.png) left 15px center no-repeat #333; } .area_restrita .titulo_sup .btn_acoes.busca:hover { width: 110px; } .area_restrita .listagem_visitas { width: 100%; } .area_restrita .listagem_visitas tr.tit td { background: #ccc; font-size: 15px; padding: 0 10px; font-weight: bold; } .area_restrita .listagem_visitas tr { background: #eee; } .area_restrita .listagem_visitas tr td { height: 60px; vertical-align: middle; font-size: 14px; padding: 0 10px; } .area_restrita .listagem_visitas tr td .btn_ver { background: url(img/editar.png); background-size: cover; width: 15px; height: 15px; display: block; float: left; text-indent: -9999px; overflow: hidden; outline: none; } .area_restrita .listagem_visitas tr td .btn_imprimir{ background: url(img/imprimir.png); background-size: cover; width: 15px; height: 15px; display: block; margin-left: 5px; float: left; text-indent: -9999px; overflow: hidden; outline: none; } .area_restrita .listagem_visitas tr td .btn_delete { background: url(img/delete.png); background-size: cover; width: 15px; height: 15px; margin-top: -1px; margin-left: 5px; display: block; float: left; text-indent: -9999px; overflow: hidden; outline: none; } .area_restrita .listagem_visitas tr td .imovel { color:#F2A300 } .area_restrita .listagem_visitas tr:nth-child(odd) { background:#e3e3e3; } .area_restrita .listagem_visitas tr td .status { width: 10px; height: 10px; display: block; margin: 0 auto; background-color: #333; border-radius: 5px; border:1px solid #333; } .area_restrita .listagem_visitas tr td .status_aguardando { background-color: #F2A300; } .area_restrita .listagem_visitas tr td .status_finalizada { background-color: #00B200; } .area_restrita .listagem_visitas tr td .status_cancelada { background-color: #FF0000; } .dados_usuario { float: right; width: 250px; margin-top: -60px; text-align: right; } .dados_usuario h3 { font-size: 18px; display: block; margin-bottom: 10px; } .dados_usuario a { font-size: 14px; display: block; color: #D8AD15; } .content_visita { padding: 20px; background-color: #eee; overflow: hidden; border-bottom: 10px solid #fff; } .content_visita li { padding: 10px 0; line-height: 150%; border-bottom: 1px solid #ccc; font-size: 14px; width: 50%; float: left; padding-right: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .content_visita li:last-child { border-bottom: none; } .content_visita li.textarea { clear: both; float: none; width: 100%; } .content_visita li strong { display:inline-block; zoom:1; *display:inline; width: 200px; height: 32px; line-height: 32px; font-weight: bold; } .content_visita li select, .content_visita li input[type='text'] { width: 300px; height: 30px; border: 1px solid #ccc; padding: 0 10px; } .content_visita li textarea { width: 100%; height: 120px; border: 1px solid #ccc; padding: 0 10px; resize:none; } .content_visita li input[type='submit'] { width: 100px; height: 30px; border:none; background: #333; color: #fff; cursor: pointer; } .area_restrita .tituloInternoCadastro { padding: 30px 0 10px 20px; font-size: 18px; background: #eee; border-bottom: 1px solid #ccc; } .compartilhar { overflow: hidden; background: url(img/compartilhar.png) 0px 10px no-repeat; font-size: 13px; font-family: 'pt_sansbold', sans-serif; color: #666; padding:14px 0 14px 30px; float: right; display: block; position: relative; height: 50px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } .compartilhar .addthis_sharing_toolbox { opacity: 0; filter:alpha(opacity=0;); max-width: 0; margin-left: 10px; float: right; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } .compartilhar:hover .addthis_sharing_toolbox { opacity: 1; filter:alpha(opacity=100); max-width: 1000px; } .compartilhar .addthis_sharing_toolbox a { opacity: 0; filter: alpha(opacity=0); transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; } .compartilhar:hover .addthis_sharing_toolbox a { opacity: 1; filter: alpha(opacity=100); } .compartilhar:hover .addthis_sharing_toolbox { display: block; } /* seuInquilino ***************************************************/ /* Globais */ .textNone { text-indent: -9999px; outline: none; overflow: hidden; } section#pageInquilino { min-height: 760px; margin-top: 5px; overflow: hidden; } section#pageInquilino.bgGray { background-color: #f4f4f4 } .bannerFullSizeBox, article.listaDestaque { width: 100%; max-width: 1240px; margin: 0 auto; } article.listaInquilino ul { text-align: center; margin-right: -16px; overflow: hidden; } article.listaInquilino ul li { display: inline-block; text-align: left; min-height: 250px; margin: 0 15px 20px 0; padding: 20px 15px; overflow: hidden; background: #fff; } /* bloco */ article.listaDestaque { padding: 20px; padding-bottom: 0; background: #f7f7f7; overflow: hidden; } article.listaDestaque ul li { width: 100%; max-width: 225px; padding-bottom: 50px; position: relative; } article.listaBoxInquilino { margin: 10px 0; padding-bottom: 0; } article.listaBoxInquilino ul { text-align: center; margin: 30px 0; margin-right: -50px; overflow: hidden;} article.listaBoxInquilino ul li { float: left; display: block; width: 100%; max-width: 585px; min-height: 220px; padding-bottom: 20px; margin-right: 30px; margin-bottom: 30px;position: relative; border: 1px solid #d6d6d6;} article.listaBoxInquilino ul li.box_yelow { border-left: 5px solid #ffd600; } article.listaBoxInquilino ul li.box_yelow a.ctaCadastrar { background-color: #ffd600 } article.listaBoxInquilino ul li.box_orange { border-left: 5px solid #f58220; } article.listaBoxInquilino ul li.box_orange a.ctaCadastrar { background-color: #f58220 } article.listaBoxInquilino ul li ul.infos { overflow: hidden; padding: 0; margin: 0; margin-bottom: 20px; width: 100%; float: left; display: block; overflow: hidden; border: 0;} article.listaBoxInquilino ul li ul.infos li { display:block; float: left; width: 100%; max-width: 100px; padding: 0; margin: 0; min-height: inherit; padding: 0 15px; border: 0; border-right: 1px solid #ccc; position: relative;} article.listaBoxInquilino ul li a.ctaCadastrar { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #000; } article.listaBoxInquilino ul li ul.infos li p { position: relative; color: #D8AD15; float: none; font-size: 27px; margin: 0; margin-bottom: 2px;} article.listaBoxInquilino ul li ul.infos li small { display: block; } article.listaBoxInquilino ul li p { float: left; display: block; margin: 0 !important; } article.listaBoxInquilino ul li a.ctaCadastrar { float: right; position: relative; left: inherit; bottom: inherit; } /* estilo do bloco | default */ article.listaInquilino ul li h2, article.listaInquilino ul li h3 { font-family: 'pt_sansregular'; color: #333; font-weight: bold; } article.listaInquilino ul li div.headerInquilino { width: 100%; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid rgba(246,136,26,.4);} article.listaInquilino ul li h2.title24size { font-size: 2em; } article.listaInquilino ul li h2.title28size { font-size: 2.3em; } article.listaInquilino ul li h3 { font-size: 1.3em; } article.listaInquilino ul li p { margin: 15px 0; display: block; } article.listaInquilino ul li p, article.listaInquilino ul li p strong { font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 1.3em; } article.listaInquilino ul li p strong { margin-left: 5px; font-weight: lighter; font-size: 20px; } article.listaInquilino a.ctaCadastrar { position: absolute; left: 15px; bottom: 20px; display: block; float: left; height: 30px; padding: 0 20px; line-height: 30px; font-family: 'pt_sansregular'; color: #fff; border: 0; border-radius: 5px; background-color: rgba(246,136,26,1); -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } article.listaInquilino a.ctaCadastrar:hover { background-color: rgba(246,136,26,.75); } /* seuInquilinoBox */ section.seuInquilinoBox { width: 100%; min-height: 450px; overflow: hidden; position: relative; padding-bottom: 3em; } section.seuInquilinoBox:before { content: ''; display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; max-height: 400px; background: url(img/background-inquilino.jpg) center top no-repeat scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /* seuInquilinoBox | .navInquilino */ section.seuInquilinoBox nav.navInquilino { height: 30px; border-bottom: 1px solid #ffac3c; margin-top: 25px; margin-bottom: 15px; } section.seuInquilinoBox nav.navInquilino div { overflow: hidden; } section.seuInquilinoBox nav.navInquilino a { display: block; position: relative; } section.seuInquilinoBox nav.navInquilino h2 { float: left; } section.seuInquilinoBox nav.navInquilino h2 a { font-family: 'pt_sansregular'; color: #fff; font-size: 20px; } section.seuInquilinoBox nav.navInquilino h2 a:before { content: ''; display: block; position: absolute; left: 0; top: -25px; width: 100%; height: 5px; background: #fff; } section.seuInquilinoBox nav.navInquilino a.ctaMaisImoveis { float: right; width: 22px; height: 22px; background: url(img/mais.gif) center top no-repeat; border: 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;} section.seuInquilinoBox nav.navInquilino a.ctaMaisImoveis:hover { -moz-transform: scale(1) rotate(90deg);-webkit-transform: scale(1) rotate(90deg); -o-transform: scale(1) rotate(90deg); -ms-transform: scale(1) rotate(90deg); transform: scale(1) rotate(90deg); } /* bannerFullSize */ a.bannerFullSize, a.bannerFullSize span { display: block; border: 0; text-align: right; } a.bannerFullSize { display: block; width: 100%; min-height: 60px; padding: 15px 20px; color: #fff; position: relative; border-bottom: 4px solid #f58220; overflow: hidden; background-image: url(img/Home.jpg); background-attachment: scroll; background-repeat: no-repeat; background-position: center bottom; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: all 5s ease; -moz-transition: all 5s ease; -ms-transition: all 5s ease; -o-transition: all 5s ease; transition: all 5s ease; } a.bannerFullSize:hover { background-position: center top; } a.bannerFullSize:before { content: ''; display: block; position: absolute; right:-10.5em; top: 0; z-index: 1; width: 36em; height: 12em; background: #333333; /* transform */ -webkit-transform: scale(1) skewX(-120deg); -moz-transform: scale(1) skewX(-120deg); -o-transform: scale(1) skewX(-120deg); -ms-transform: scale(1) skewX(-120deg); transform: scale(1) skewX(-120deg); } a.bannerFullSize span { position: relative; z-index: 10; font-family: 'pt_sansregular';} a.bannerFullSize span.titleLink { font-size: 30px; text-transform: uppercase; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} a.bannerFullSize:hover span.titleLink { color: #f58220; } a.bannerFullSize span.ctaLink { font-size: 20px; padding-right: 30px; } a.bannerFullSize span.ctaLink:after { content: ''; position: absolute; top: 0; right: 0; display: block; width: 1.2em; height: 1.2em; background-image: url(img/catLink-01.svg); background-repeat: no-repeat; background-position:center center; } /* cadastreAgoraBox */ .cadastreAgoraBox { display: block; width: 100%; max-width: 1200px; margin: 0 auto; position: relative; overflow: hidden;} .cadastreAgoraBox header.bannerChamada { width: 100%; height: 395px; background: url(img/seu-inquilino.jpg) center center no-repeat scroll;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-size: cover;} #pageInquilino header.bannerChamada { width: 100%; position: relative; margin: 10px 0; } #pageInquilino header.bannerChamada h2 { width: 100%; max-width: 600px; float: left; display: block; margin: 0 30px; padding: 50px 0; overflow: hidden; font-size: 45px; line-height: 50px; font-family: 'pt_sansregular'; color: #fff; text-shadow: 1px 0 7px rgba(0,0,0,.2); text-transform: uppercase; -webkit-animation: opacity1 1s; /* Safari 4+ */ -moz-animation: opacity1 1s; /* Fx 5+ */ -o-animation: opacity1 1s; /* Opera 12+ */ animation: opacity1 1s; } #pageInquilino header.bannerChamada h2 span { display: block; } #pageInquilino header.bannerChamada h2 strong { display: block; font-family: 'pt_sansbold'; } #pageInquilino form.formCadastre { display: block; width: 100%; max-width: 310px; float: right; margin: 30px; margin-bottom: 10px; padding: 20px; font-size: 14px; border-top: 5px solid #000; background: rgba(231,138,0,1); -webkit-animation: slideDown 1s, opacity1 1s; /* Safari 4+ */ -moz-animation: slideDown 1s, opacity1 1s; /* Fx 5+ */ -o-animation: slideDown 1s, opacity1 1s; /* Opera 12+ */ animation: slideDown 1s, opacity1 1s; } #pageInquilino form.formCadastre legend { font-family: 'pt_sansregular'; display: block; margin-bottom: 5px; font-size: 24px; color: #fff; } #pageInquilino form.formCadastre input.text, #pageInquilino form.formCadastre textarea { display: block; width: 100%; height: 40px; padding: 0 20px; margin-bottom: 5px; line-height: 40px; border: 0; border-radius: 5px; background: rgba(255,255,255,1);} #pageInquilino form.formCadastre textarea { height: 120px; resize: none;} div.antiRobot { max-width: 120px; float: left; position: relative; } div.antiRobot input.text { float: left; max-width: 75px;} div.antiRobot .texto { float: left; margin-left: 10px; display: block; font-weight: bold; line-height: 40px; } #pageInquilino form.formCadastre input.submit { display: block; height: 40px; margin: 0; padding: 0 10px; line-height: 40px; font-size: 14px; color: #fff; cursor: pointer; background: #000; border: 0; border-radius: 5px;} span.arrowclass { display: block; position: absolute; left: 30px; bottom: 30px; width: 40px; height: 40px; background-image: url(img/catLink-01.svg); background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-animation: foradacaixa_arrow 1s, opacity1 1.5s;/* Safari 4+ */ -moz-animation: foradacaixa_arrow 1s, opacity1 1.5s;/* Fx 5+ */ -o-animation: foradacaixa_arrow 1s, opacity1 1.5s;/* Opera 12+ */ animation: foradacaixa_arrow 1s, opacity1 1.5s; } nav.navLocatarios { display: block; width: 100%; } nav.navLocatarios h2 { display: block; width: 100%; position: relative; margin-bottom: 15px; padding-bottom: 15px; font-size: 20px; color: #000; border-bottom: 1px solid rgba(0,0,0,.1) } nav.navLocatarios h2:before { content: ''; display: block; position: absolute; left: 0; bottom: -3px; width: 7em; height: 5px; background-color: #d8ad15 ; } nav.navLocatarios ul.tabsList { overflow: hidden; padding: 0; margin-top: 0; } ul.tabsList li { float: left; margin-right: 10px; } ul.tabsList li a { display: block; height: 40px; padding: 0 40px; line-height: 40px; font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #000; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;} ul.tabsList li a.bg_yelow { background-color: rgba(255,214,0,1); border: 1px solid rgba(255,214,0,1); } ul.tabsList li a.bg_orange { background-color: rgba(245,130,32,1); border: 1px solid rgba(245,130,32,1); } /* ::hover */ ul.tabsList li a.bg_yelow:hover { background-color: rgba(255,214,0,.75); } ul.tabsList li a.bg_orange:hover { background-color: rgba(245,130,32,.75); } ul.tabsList li a.ativo { border: 2px solid #666; } #pageInquilino .locacao-filtro { width: inherit; float: right; } #pageInquilino .locacao-filtro p { margin-left: 10px; padding-left: 10px; border-left: 1px solid #000; } #pageInquilino .locacao-filtro p:first-child { margin-left: 0; padding-left: 0; border-left: 0; } #pageInquilino .select-filter { top: 0; left: 0; } #pageInquilino .locacao-filtro .box_ordenar { float: left; width: 145px; height: 30px; position: relative; } /* slideDown */ @-webkit-keyframes slideDown { 0% { margin-top: 0; } 100% { margin-top: 30px; } } @-moz-keyframes slideDown { 0% { margin-top: 0; } 100% { margin-top: 30px; } } @-o-keyframes slideDown { 0% { margin-top: 0; } 100% { margin-top: 30px; } } @keyframes slideDown { 0% { margin-top: 0; } 100% { margin-top: 30px; } } /* opacity1 */ @-webkit-keyframes opacity1 { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes opacity1 { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes opacity1 { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes opacity1 { 0% { opacity: 0; } 100% { opacity: 1; } } /* foradacaixa_arrow */ @-webkit-keyframes foradacaixa_arrow { 0% { left: 0; } 100% { left: 30px; } } @-moz-keyframes foradacaixa_arrow { 0% { left: 0; } 100% { left: 30px; } } @-o-keyframes foradacaixa_arrow { 0% { left: 0; } 100% { left: 30px; } } @keyframes foradacaixa_arrow { 0% { left: 0; } 100% { left: 30px; } } /* --- Responsive */ @media screen and (max-width: 1260px) { .content, .banner .content { width: 1100px; } a.administramos, a.cadastre-imovel { width: 540px; } .customSelect { width: 115px; } .filtro-content form input[type="text"] { width: 115px; } .bar .icon { padding-left: 20px; background: none; } .filtro-style { width: 120px; } .extra .descricao figure.img { width: 460px; } .extra .descricao section.desc { min-height: 550px; } .extra .interesse { width: 460px; top: 70px; } section.localizacao .proximidades ul li { margin-right: 3px; } .imovel_para_alugar { position: absolute; left: 50%; margin-left: -101px; top: 140px; float: none !important; background-color: #FFFFFF; } header .header h1 { width: 100%; text-align: center; } header nav { float: left; width: 100%; text-align: center; padding: 90px 0 30px 0; } article.listaDestaque ul li:nth-child(5) { display: none; } article.listaDestaque ul li { max-width: 21.6%; } /* ============================ Novo rodapé =============================== */ .footer { background-position: -330px top; } article.listaBoxInquilino ul li { max-width: 46.5%; } } @media screen and (max-width: 1150px) { .content, .banner .content { width: 960px; } a.administramos, a.cadastre-imovel { width: 470px; } .filtro-style { width: 100px; } .bar .corretor-online { width: 265px; } article.historia p { margin: 3.5% 0; } /* serviços */ article.reformas h1 { font-size: 50px; padding-top: 150px; } .extra .descricao section.desc { width: 460px; } section.localizacao .proximidades ul li { width: 31%; margin-right: 1%; padding-left: 45px !important; } article.oferecemos .box p { height: 120px; } article.oferecemos .box ul { height: 400px; } .footer { background-position: -330px top; } .cadastro-imovel .submit-cadastro { width: 100%; } .filtro-content form input[type="text"] { width: 115px; } .customSelect { width: 100px; } article.listaDestaque ul li {max-width: 20%;} article.listaBoxInquilino ul { margin-right: 0; } article.listaBoxInquilino ul li { max-width: 100%; margin-right: 0; } #pageInquilino header.bannerChamada h2 span { display: inline-block; } #pageInquilino header.bannerChamada h2 { max-width: 480px; } } @media screen and (max-width: 1030px) { .content, .banner .content { width: 920px; } .filtro-style { width: 70px; } a.administramos, a.cadastre-imovel { width: 450px; } .content .filtro h2 { width: 90px; font-size: 12px; } a.icon { display: none; } article.post .header .titulo h1 { font-size: 18px; } article.oferecemos .box p { height: 140px; } .footer { background-position: -350px top; } .footer .endereco { width: 50%; } .footer .sobre_andrea { width: 50%; border-right: 0; } .footer .facebook { width: 100%; padding-top: 20px; text-align: center; } .footer .facebook div { margin: 0 auto; } article.listaDestaque ul li {max-width: 21.5%;} } @media screen and (max-width: 980px) { .content, .banner .content { width: 860px; } a.administramos, a.cadastre-imovel { width: 420px; } .content .filtro.desktop { display: none; } .content .filtro.mobile { position: relative; display: block !important; } .content .filtro.mobile h2 { width: 100%; background: #FFD801; text-align: center; } .content .filtro.mobile form { display: block; opacity: 0; visibility: hidden; filter: alpha(opacity=0); position: absolute; z-index: 100; top: 0px; margin-top: 40px; width: 100%; padding: 20px; background: #FFD801; } .content .filtro.mobile:hover form, .content .filtro.mobile form:hover { opacity: 1; visibility: visible; filter: alpha(opacity=100); } .filtro-style { width: 100% !important; margin-bottom: 8px; clear: both; float: left; } .filtro-style-mobile { width: 100%; display:inline-block; zoom:1; *display:inline; line-height: 40px; border: 1px solid #FFAB3B; height: 40px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #fff; padding: 0 10px; background: #FFF; } #formBusca2 input, #formBusca2 div, #formBusca2 select, #formBusca2 span { display: block; width: 100% !important; max-width: 760px !important; margin-bottom: 8px; clear: both; } article.historia h1 { width: 100%; display: block; float: left; line-height: 100px; font-size: 40px; text-align: left; } article.historia p { width: 100%; display: block; float: left; margin: 0; } .extra .descricao figure.img { width: 380px; } .extra .descricao section.desc { min-height: 480px; } .extra .interesse { width: 380px; top: 70px; } .extra .interesse a { padding-left: 0 !important; background-image: none !important; } section.descricao ul.list_descricao li span { font-size: 20px; } .busca-interna { background: #FEE101; position: relative !important; } .page-title { margin-top: 0; } article.post .header .titulo h1 { font-size: 16px; } article.oferecemos .box ul { height: 450px; } ul.imoveis { margin: 0 auto !important; } .sidebar .banner_300_250 img { min-height: 200px; } #pageInquilino header.bannerChamada h2 { max-width: 380px; } span.arrowclass { display: none; } } @media screen and (max-width: 920px) { .content, .banner .content { width: 800px; } a.administramos, a.cadastre-imovel { width: 390px; } ul.noticias .noticia p.desc { padding-top: 0; } ul.noticias .noticia span .data { width: 45%; } ul.noticias .noticia span h1 { width: 100%; padding: 30px 0 20px 0; } .info-footer .fLeft { width: 100%; margin-bottom: 30px; } .info-footer .fRight { width: 100%; } .extra .descricao section.desc { width: 370px; } .extra .descricao ul.list-desc li { width: 50% !important; } section.descricao ul.list_descricao li span { font-size: 17px; } section.descricao ul.list_descricao li h1 { font-size: 15px; } article.post { width: 100% !important } article.post:nth-child(2n+1) { margin-right: 0; } .dados-pessoais { width: 100%; } .dados-imovel { width: 100%; margin-top: 40px; } article.post .chamada iframe { width: 100%; height: 300px; } article.listaDestaque ul li:nth-child(4) { display: none; } article.listaDestaque ul li { max-width: 29%;} #pageInquilino header.bannerChamada h2 { max-width: 92%; margin: 0 4%; margin-bottom: 30px; } #pageInquilino form.formCadastre { float: left; max-width: 92%; margin: 30px 4%;} } @media screen and (max-width: 860px) { .content, .banner .content { width: 700px; } a.administramos, a.cadastre-imovel { width: 340px; } .home-servicos { padding-left: 20px; } .area-corretor h3 { font-size: 15px; } .area-corretor form .input { height: 30px; line-height: 30px; padding: 0 10px; font-size: 13px; } .area-corretor form .forget { line-height: 25px; text-align: center; width: 100%; padding-bottom: 10px; } .area-corretor form .submit { height: 30px; line-height: 30px; width: 100%; text-align: center; } article.beneficios ul li { width: 100% !important; } /* serviços */ article.reformas { background: #05789D; height: auto; } article.reformas h1 { float: left; display: block; width: 100%; text-align: left; padding-top: 80px; } article.reformas p { width: 100%; } article.servicos { background: #54B8A0; height: auto; } article.servicos h1 { line-height: 30px; padding-top: 80px; width: 100%; display: block; float: left; text-align: left; } article.servicos p { width: 100%; } article.mao-de-obra ul { width: 100%; } /* locação */ ul.empreendimentos .item ul.infos li p { font-size: 20px; } ul.empreendimentos .item ul.infos li small{ font-size: 13px; } .extra .descricao figure.img { width: 300px; } .extra .interesse { width: 300px; top: 70px; } .extra .interesse a { font-size: 14px !important; } .post.interna .header + img { width: 100% !important; float: left; clear: both; margin-right: 0px; margin-bottom: 20px; } section.localizacao { width: 100%; float: left; display: block; margin-bottom: 40px; } section.descricao { width: 100%; float: left; display: block; } .sidebar .banner_300_250 img { min-height: 190px; } article.listaDestaque ul li:nth-child(4) { display: none; } article.listaDestaque ul li { max-width: 26.5%;} nav.navLocatarios ul.tabsList { width: 100%; margin-bottom: 15px; } #pageInquilino .locacao-filtro { width: 100%; } #pageInquilino .locacao-filtro p:first-child { float: right; } #pageInquilino .locacao-filtro p { border: 0; padding: 0; margin: 0; } } @media screen and (max-width: 760px) { .content, .banner .content { width: 600px; } a.administramos, a.cadastre-imovel { width: 100%; } a.cadastre-imovel { margin-top: 20px; } ul.noticias .noticia span .data { width: 60%; } .home-servicos { width: 100%; } .area-corretor { width: 100%; margin-top: 40px; } ul.imoveis .imovel { width: 25%; } article.oferecemos .row { margin: 0; width: 100% !important; } article.oferecemos .box { width: 100%; } article.oferecemos .box:nth-child(2) { margin: 30px 0; } article.oferecemos .box p { height: auto; } article.oferecemos .box ul { height: auto; } section.posts { width: 100%; margin: 0; float: none; } aside.sidebar { width: 100%; margin: 0; float: none; } article.post .header .data p { width: 35px; margin: 3px auto 0 auto; float: none; border: none; border-bottom: 1px solid #fff; } article.post .header .data small { width: 100%; padding-top: 0; } /* locacao */ ul.empreendimentos .item ul.infos li { padding: 0 7px; } .locacao-filtro .modo { display: none; } .extra.accordion { padding-top: 100px; } /*.accordion h3 { display: block !important; } .accordion h3 + div { display: none; }*/ .extra .descricao figure.img { width: 100%; position: relative; margin-top: 40px; top: 0; } .extra .descricao figure.img img { width: 100%; } .extra .descricao section.desc { width: 100%; padding-bottom: 40px;} .extra .interesse { width: 100%; top: 80px; } /* contato */ article.contato .form { width: 100%; margin-bottom: 30px; } article.contato .mapa { width: 100%; } .imovel_para_alugar { padding: 10px; font-size: 12px; margin-left: -86px; } article.listaDestaque ul li:nth-child(4) { display: inline-block; } article.listaDestaque ul li, article.listaDestaque ul li:nth-child(4) { max-width: 40%;} #pageInquilino header.bannerChamada h2 { margin-bottom: 0; } } @media screen and (max-width: 660px) { .content, .banner .content { width: 520px } ul.imoveis .imovel { width: 33.33333333%; } ul.noticias .noticia { width: 100%; margin-bottom: 40px; } ul.noticias .noticia span .data { width: 30%; } ul.noticias .noticia span h1 { width: 70%; padding: 10px 0 0 20px; } ul.noticias .noticia p.desc { padding: 30px 0 20px 0; } ul.noticias .noticia:nth-child(2) { margin: 0 0 40px 0; } nav .menu { padding-top: 30px; display: none; } nav .menu li { display: list-item !important; border-bottom: 1px solid #D9AE16; } nav .menu li:after { display: none !important; } nav .menu li a { line-height: 150%; padding: 5px 0; display: inline-block; width: 100%; } nav .menu li:last-child { border-bottom: 0; } nav .menu li a:hover { background: #f9f9f9;} .btn-line { display: block; } article.historia { height: auto; background: #FAB408; } article.historia p { padding-bottom: 50px; } article.mao-de-obra ul li { width: 100% !important; } /* locação */ ul.empreendimentos .item ul.infos { height: 40px; } ul.galeria li { width: 33.33333%; margin-bottom: 20px; } .footer { background-position: -370px -90px; } .footer .footer_menu { display: none; } .footer .info-footer { margin-top: 40px; } .footer .endereco { clear: both; width: 100%; padding: 0 0 0px 0; min-height: 130px; } .footer .sobre_andrea { border-top: 1px solid #5C553D; clear: both; width: 100%; padding: 20px 0 20px 0; } .info-footer .imovel_para_alugar { display: none; } article.listaDestaque ul li:nth-child(-n+4) { max-width: 45%;} } @media screen and (max-width: 580px) { .content, .banner .content { width: 440px; } .bar .corretor-online { display: none; } .bar a.numero { width: 100%; text-align: center; } .bar .content .fLeft { width: 100%; } .info-footer .fLeft nav { display: none; } article.list-servicos .item { width: 100%; } /* servicos */ article.interesse { width: 100%; } article.interesse .bLink { width: 100%; } ul.empreendimentos .item { height: auto; } ul.empreendimentos .item .wrapper { padding-left: 30px; position: relative; float: left; } ul.empreendimentos .item .img { display: block; height: auto; width: 100%; } ul.empreendimentos .item .img img { width: 100%; } .tab a { font-size: 14px; } section.localizacao .proximidades ul li { width: 48%; } .extra .descricao figure.img { height:480px; } /* banner rotativo */ .banner { height: 245px !important; } ul.rotativo, ul.rotativo li { height: 160px !important; } ul.rotativo li.seta { height: 60px !important; } #pageInquilino form.formCadastre { max-width: 100%; margin: 30px 0; } #pageInquilino header.bannerChamada { height: 440px; } #pageInquilino header.bannerChamada h2 { font-size: 33px } #pageInquilino .locacao-filtro { float: none; } #pageInquilino .locacao-filtro p:first-child { display: block; float: none !important; width: 100%; } ul.tabsList li { float: none; display: block; width: 100%; margin-bottom: 5px; text-align: center; } article.listaInquilino ul li p { display: block; width: 100%; } article.listaBoxInquilino ul li a.ctaCadastrar { float: left; margin-top: 20px; } article.listaBoxInquilino ul li ul.infos li { width: 49.5%; margin-bottom: 10px; } } @media screen and (max-width: 500px) { .content, .banner .content { width: 360px; } ul.imoveis .imovel { width: 50%; } .extra .descricao figure.img { height:400px; } .footer { background-position: -360px -80px; } article.post .chamada iframe { width: 100%; height: 250px; } article.listaInquilino ul { margin: 0; } article.listaDestaque ul li:nth-child(4) { display: none;} article.listaDestaque ul li:nth-child(-n+3) { max-width: 360px; margin: 0 0 20px 0;} } @media screen and (max-width: 420px) { .content, .banner .content { width: 300px; } article.listaDestaque ul li:nth-child(-n+3) { width: 280px; } a.bannerFullSize:before { width: 48em; } a.bannerFullSize span.titleLink { font-size: 28px; } ul.imoveis .imovel { width: 100%; text-align: center; } /* serviços */ article.interesse .userLink { border: 0 !important; } .extra .interesse .bLink { line-height: 150%; } .footer .endereco { min-height: 200px; } .footer { background-position: -360px -40px; } } .page-title .logoImpressao { display: none; } .informacoes_impressao { display: none; } @media print { .content, .banner .content { width: 100%; } .page-title { float:none; display: block; height: auto; padding-top: 0; background:none; } .page-title .logoImpressao { display: block; margin: 20px 0; } .page-title .content h2 { display: none !important; } .interesse { display: none !important; } .breadcrumbs { display: none !important; } .tituloLocalizacao { display: none !important; } .localizacao { display: none !important; } .compartilhe { display: none !important; } .extra .descricao { padding-bottom: 0; width: 100%; } .extra .descricao .img { display: none; } .extra .descricao .desc { width: 100% !important; height: auto !important; min-height: inherit !important; float: none !important; } .extra .descricao ul.list-desc li { width: 20%; padding: 0; background: none; } .extra .fotos { margin:10px 0; } .extra .tab-container { padding: 0; } .locacao-header { height: 50px; background: none !important; position: relative; } .locacao-header .nome { position: relative; background: none; padding: 0 0 5px 0; margin-top: 30px; border-top: none; border-bottom: 1px solid #333; overflow: hidden; } .locacao-header .nome h1 { font-family: Arial; line-height: 20px; font-size: 25px; color: #333; width: auto; float: left; } .locacao-header .nome h2 { font-family: Arial; line-height: 20px; float: right; font-size: 25px; color: #333; } .locacao-header .nome small { font-family: Arial; line-height: 20px; float: left; font-size: 25px; color: #333; margin-left: 20px; } .etabs { display: none; } ul.galeria { padding: 0; margin-bottom: 30px; } ul.galeria li { width: 255px; margin:0 5px 5px 0; } ul.galeria li img { width: 100%; max-width: inherit; } .informacoes_impressao { display: block; } .informacoes_adicionais { display: none; } }