/* CSS by crea7ive */ @import url('normalize.min.css'); @import url('../js/fancybox/jquery.fancybox-1.3.4.css'); @import url('../js/slider/nivo-default.css'); @import url('../js/slider/nivo-slider.css'); @import url('../js/slider/nivo-style.css'); @import url('../js/product/css/prod-global.css'); @import url('tabs.css'); @import url('pure-min.css'); @font-face { font-family: 'Nexa Light'; src: url('../font/nexa-light.eot'); src: local('☺'), url('../font/nexa-light.woff') format('woff'), url('../font/nexa-light.ttf') format('truetype'), url('../font/nexa-light.svg') format('svg'); font-weight: normal; font-style: normal; } * {margin:0;padding:0;} * { margin: 0 auto; padding: 0; border:0; } * {outline:none; } *:focus {outline:none; } a:focus {outline:none; } *:active {outline:none; } *:hover {outline:none; } body { background: #f5f5f5; font-family: 'Nexa Light', sans-serif; font-weight:400; font-size: 1em; line-height: 1.4; margin: 0 auto; } ::-moz-selection { background: #eee; text-shadow: none; } ::selection { background: #eee; text-shadow: none; } img { vertical-align: middle; border:0; } textarea { resize: vertical; } .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } h1 { margin: 0; color: #014995; font-size: 28px; font-weight:100; padding: 0 0 5px 0; letter-spacing:0; overflow: hidden; } h2 { margin: 0; padding: 0; color: #03ACE3; font-size: 23px; font-weight:100; overflow: hidden; } h3 { margin: 0; padding: 0; color: #444; font-size: 19px; font-weight:500; margin-bottom:5px; } h4 { margin: 0 auto 15px auto; font-weight: bold; border: 0; font-size: 18px; color: #B11D15; padding: 3px 0; border-bottom: 1px solid #eee; } button, input[type=submit], input[type=button], input[type=reset] { padding: 9px 30px; color: #fff; font-weight: 100; font-size:16px; cursor: pointer; border: 0; background: #0191D0; text-transform:uppercase; } input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover { opacity:.95; } input[type=text], textarea, select, input[type=email], input[type=password] { padding: 5px; border: 1px solid #DDD; color: #666; } input[type=text]:hover, select:hover, textarea:hover, input[type=email]:hover, input[type=password]:hover { color: #666; border-color: #8DC73D; } /* ========================================================================== Custom styles ========================================================================== */ a { color: #014995; text-decoration: none; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } a:visited, a:link { color: #444; } a:hover { color: #444; text-decoration: none; } .clear {clear: both; } .center { margin: 0 auto; } .rounded { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .shadow { -moz-box-shadow: 0 0 3px #aaa; -webkit-box-shadow: 0 0 3px #aaa; box-shadow: 0 0 3px #aaa; } .no-border { border: 0; } .left { float:left; } .margin-v { margin: 10px auto; display: block;} div.error { color:red; font-weight:normal; font-size: 12px; clear:both; margin-bottom:0; margin-left: 90px;} .h-buscar { cursor:pointer;} .h-titulo { cursor:pointer;} .h-servicios { cursor:pointer;} .go-top { position: fixed; bottom: 2em; right: 2em; padding: 0; display: none; opacity:.45; } .go-top:hover { opacity:.65; } #wrapper { width: 100%; margin: 0 auto; padding: 0; overflow:hidden; } /* ===== Header ===== */ .header { width:100%; padding: 0; margin:0; clear:both; background: #FFF; position:relative; z-index:777; border-bottom:1px solid #e1e1e1; } .header .header-content { width:1000px; padding: 0; overflow:hidden; margin: 0 auto; } .header .header-content .left-content { float:left; width: 270px; height: 80px; margin: 40px 0 45px 0; padding:0; } .header .header-content .right-content { float:right; overflow:hidden; margin: 0; overflow:hidden; width:700px; } .header .header-content .right-content .social { margin-top:15px; clear:both; text-align:right; font-size: 22px; color:#444; font-weight:100; letter-spacing: -1px; } .header .header-content .right-content .social img { margin: -1px 1px 0 1px; opacity:1; } .header .header-content .right-content .social img:hover { opacity:.8;} .header .header-content .right-content .email { clear:both; text-align:right; margin-top: 0; color: #444; } .header .header-content .right-content .email img { margin: -1px 3px 0 5px; opacity:.5; } .header .header-content .right-content .email a { color:#333; font-size:19px; margin:8px 0 0 2px; font-weight:100; letter-spacing: .6px; } .header .header-content .right-content .menu { width: auto; margin: -5px 0 0 0; float:right; overflow:hidden; } .header .header-content .right-content .menu ul { list-style-type:none; padding:0; margin:0 auto; width: 100%; } .header .header-content .right-content .menu ul li { float:right; margin:0; padding:0; text-align:center; } .header .header-content .right-content .menu ul li a { display: block; padding: 0; text-transform: uppercase; border:0; } .header .header-content .right-content .menu ul li a { color: #222; font-size:18px; font-weight:400; line-height: 100px; letter-spacing:0; padding:0 32px; } .header .header-content .right-content .menu ul li a { -o-transition:0; -ms-transition:0; -moz-transition:0; -webkit-transition:0; transition:0; } .header .header-content .right-content .menu ul li a:hover{ color: #62aee7; background: #fefefe; } .header .header-content .right-content .menu ul li:last-child a { padding-right:5px; } .header .header-content .right-content .menu ul li .active { color: #62aee7; background: #fefefe; } .header .header-content .right-content .menu .inicio { width: auto; float:left; margin: 0; } .header .header-content .right-content .menu .institucional { width: auto; float:left; margin:0; } .header .header-content .right-content .menu .propiedades { width: auto; float:left; margin: 0; } .header .header-content .right-content .menu .contacto { width: auto; float:left; margin: 0; } .header .header-content .right-content .menu li ul { display: none; position: absolute; width:250px; top:0; left: 0; margin-top:0; margin-left:0px; } .header .header-content .right-content .menu li>ul { top: auto; left: auto; text-align:left; } .header .header-content .right-content .menu .sub li { width:100%; margin: 0; z-index:999; padding: 0; text-align: left; height:40px; line-height: 40px; } .header .header-content .right-content .menu .sub li { border-bottom:1px solid #eee; } .header .header-content .right-content .menu .sub li:last-child { border-bottom:0; } .header .header-content .right-content .menu .sub li a { color:#444; border:0; text-transform: none; padding: 0 10px 0 20px; display: block; font-size: 15px; text-align:left; line-height: 40px; background:none; } .header .header-content .right-content .menu .sub li:last-child a { padding-left: 20px; } .header .header-content .right-content .menu .sub li a:hover { color:#62aee7; border:0; background:#FAFAFA; } .header .header-content .right-content .menu ul { background: rgba(255,255,255,.9); border-left:0; border-right:0; } .header .header-content .right-content .menu ul li:hover { } .header .header-content .right-content .menu ul li.active ul { background: none; } .header .header-content .right-content .menu ul li.active li a { color:#333 !important; } .header .header-content .right-content .menu ul li:hover ul { display: block; padding: 0; line-height: 40px; z-index:999; margin-top:0px; border-bottom:1px solid #eee; } .header .header-content .right-content .menu .rwd, .header .header-content .right-content .menu .rwd-button { display:none; } /* ===== Buscar ===== */ .box { margin: 0 0 20px 20px; padding: 0; width: 745px; background:#262626; overflow:hidden; border:0; border:0; } .box { -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .box .titulo-content { width:100%; padding: 0; overflow:hidden; margin: 0 auto; background: #f5f5f5; } .box .titulo-content .titulo { width:100%; background:none; margin: 0 auto; text-align:center; border:0; padding: 0; border:0; overflow: hidden; } .box .titulo-content .titulo h4 { margin:0 10px 0 0; padding: 4px 50px 0 50px; border:0; width:auto; float:left; color:#FFF; } .box .titulo-content .titulo h4 { color:#FFF; font-size:14px; font-weight: bold; line-height: 35px; letter-spacing:1px; } .box .titulo-content .titulo h4 { background: #262626 url(../img/bullet-buscar2.png) 5% 50% no-repeat; } .box .titulo-content h4.inactive { background: #3F4650 url(../img/bullet-buscar.png) 5% 50% no-repeat; color: #85929B; font-size:14px; font-weight:bold; } .box .titulo-content .titulo h4 { -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .box .titulo-content .titulo .img-buscar { float:left; display:block; width: auto; padding: 12px; background: #0191D0; } .box .box-content { width:96%; padding: 5px 0; overflow:hidden; margin: 0 auto; min-height:65px; } .box .box-content .frm-buscar { padding:10px 0;} .box .box-content .opcion { width:120px; float:left; overflow:hidden; padding: 0; margin: 0 6px 0 0; } .box .box-content .opcion label { font-size: 12px; color:#fff; font-weight:400; } .box .box-content .opcion .styled-select { float:left; padding:0; overflow: hidden; position:relative; background: #FFF url(../img/down_arrow_select.jpg) right 50% no-repeat; border: 1px solid #cdcdcd; } .box .box-content .opcion .styled-select { width: 115px; height: 32px; margin:5px 0 13px 0; opacity:.95; } .box .box-content .opcion .styled-select { -webkit-border-radius:3px; -moz-border-radius: 3px; border-radius: 3px; } .box .box-content .opcion .styled-select:hover { opacity:1; } .box .box-content .opcion .styled-select select { cursor:pointer; background: transparent; background:rgba(255, 255, 255, 0); width: 160px; padding: 7px 0 0 8px; } .box .box-content .opcion .styled-select select { color:#808080; font-weight:100; font-size: 13px; border: 0; height: 29px; } .box .box-content .opcion .styled-select select { appearance:none; -moz-appearance:none; -webkit-appearance:none; } .box .box-content .frm-input { display:block; float:left; margin: 5px 0 0 0; width:auto; } .box .box-content .frm-input input[type=submit] { background: #62aee7 url(../img/bg-buscar.png) 50% 50% no-repeat; font-size:15px; padding: 4px 20px 0px 20px; } .box .box-content .frm-input input[type=submit] { width:100%; text-transform:uppercase; text-align:center; line-height:30px; font-weight:300; } .box .box-content .frm-input input[type=submit] { -webkit-border-radius:3px; -moz-border-radius: 3px; border-radius: 3px; } .box .box-content .frm-input input[type=submit]:hover { opacity:.95; } .box .buscar-normal { } .box .buscar-codigo .opcion { width: auto; margin: 5px 15px 0 0; } .box .buscar-codigo .opcion label { width: 300px; color:#FFF; padding: 11px 5px 12px 0; font-size: 14px; } .box .buscar-codigo .opcion input[type=text] { padding: 9px; border:0; } .box .buscar-codigo .opcion input[type=text] { -webkit-border-radius:3px; -moz-border-radius: 3px; border-radius: 3px; } .box .buscar-codigo .opcion input[type=text]:hover { border:0; } /* ===== Middle ===== */ .middle { margin: 0 auto; width: 100%; clear:both; overflow: hidden; padding:0; z-index: 99; } .middle { background: url(../img/bg-banner.jpg) center bottom no-repeat; border:0; } .middle #slide { float:none; width:100%; height: 474px; margin: 0 auto; overflow: hidden; padding:0;clear:both; } .middle .slide-home { text-align: right; width: 100%; } .middle .theme-default #slider-prod { clear: both; width:100%; height:474px; margin-bottom: 0; z-index:99; } .middle #slide span { opacity:0; color:white !important; } /* ===== Titulos ===== */ .titulo { clear:both; margin: 5px 0 20px 20px; display: block; text-align:left; overflow: hidden; border-bottom:1px solid #dcdcdc; } .titulo { width:98%; height:auto; padding-bottom:5px;} .titulo h1 { width:auto; float:left; border:0; max-width: 73%; } .titulo h1 { letter-spacing:-.5px; font-size:22px; font-weight:300; color:#959595; text-transform: uppercase; } .titulo h1 span { font-weight:300; color:#4f4f4f; } .titulo .addthis_toolbox { border:0; float:right; margin-right:10px; margin-top: 6px; max-width: 22%; } #search-mapa { width: 97%; margin-left: 20px; height:700px !important; margin-bottom: 20px; } /* ===== Contenido ===== */ #content { overflow: hidden; padding:0; width: 1000px; margin: 30px auto 0 auto; clear:both; } #content .cotizar { float:left; margin:20px 20px 0 0; width: auto; overflow:hidden; } #content .cotizar .boton { padding: 10px 0; width:180px; opacity:.8; } #content .cotizar .boton:hover { opacity:1; } #content .imprimir { float:left; margin:20px 0 0 0; width: auto; overflow:hidden; } #content .imprimir .boton { display:block; padding: 9px 0; width:180px; background:#024699; opacity:.8; } #content .imprimir .boton { text-align:center; color:#fff; text-transform:uppercase; font-size:16px; } #content .imprimir .boton:hover { opacity:1; } .detalle { margin-top:15px !important; } /* ===== Categorias ===== */ #content .left-content { float:left; padding: 0; width: 232px; overflow: hidden; margin:0; } #content .left-content .titulo { margin: 0; text-align:left; } #content .left-content .titulo h4 { margin:0; color: #262626; padding:7px 10px 7px 20px; font-size:22px; border:0; font-weight: 100;} #content .left-content .categorias { margin: 0 0 20px 0; padding: 10px 0 0 0; width: 230px; background:#fff; overflow:hidden; border:1px solid #E0E0E0; } #content .left-content .categorias .titulo { margin: 0; text-align:left; border:0; padding: 0 0 8px 10px; } #content .left-content .categorias .titulo h4 { margin:0; padding: 0 0 0 20px; border:0; font-weight: 100; background: url(../img/icon-home1.png) left 50% no-repeat;} #content .left-content .categorias .titulo h4 { font-size:22px; letter-spacing: 0; } #content .left-content .servicios .titulo h4 { margin:1px; padding: 0 0 0 25px; border:0; font-size:22px; font-weight: 100; background: url(../img/icon-home2.png) left 30% no-repeat !important;} #content .left-content .categorias ul { list-style-type: none; float:left; padding: 0 0; margin:0 auto; width:100%; margin:0 auto; border:0; } #content .left-content .categorias ul li { padding:1% 10px; display:block; clear:both; border-top: 1px solid #eee; background: url(../img/bullet-menu.png) 95% 50% no-repeat; } #content .left-content .categorias ul li:hover { background: url(../img/bullet-menu-hover.png) 95% 50% no-repeat; } #content .left-content .categorias ul li:last-child { border-bottom: 0; } #content .left-content .categorias ul li a { color:#41A9BB; font-size: 15px; font-weight:100; display:block; padding: 7px 0; clear:both; width:100%; } #content .left-content .categorias ul li a:hover { color:#444; } #content .left-content .ciudades .titulo h4 { margin:1px; padding: 0 0 0 25px; border:0; font-size:22px; font-weight: 100; background: url(../img/icon-home1.png) left 30% no-repeat !important;} #content .left-content .ciudades ul { padding:0; width:100%; } #content .left-content .ciudades ul li { padding: 1% 0; width:100%; background: url(../img/bullet-menu.png) 95% 50% no-repeat; } #content .left-content .ciudades ul li:hover { background: url(../img/bullet-menu-hover.png) 95% 50% no-repeat; } #content .left-content .ciudades ul li a { text-transform:uppercase; padding: 6px 10px; font-size:14px; color:#014995; } #content .left-content .entreguenos { border:1px solid #e8e8e8; margin:15px auto; width: 230px; height:auto; padding:0; overflow:hidden; clear:both; } #content .left-content .entreguenos img { border:0; margin:0; padding:0; clear:both; margin-bottom:0; } #content .left-content .entreguenos a { opacity: .9; display: block; } #content .left-content .entreguenos a:hover { opacity: 1; } /* ===== Contenido Principal ===== */ #content .full-content { float:none; width: 100%; margin: 0 0 15px 0; overflow: hidden; background:#f1f1f1; } #content .right-content { float:left; width: 768px; margin: 0 0 15px 0; overflow: hidden; } #content .right-content .notfound { font-size:14px; font-style:italic; color:#999; margin-left: 20px; } #content .right-content .descripcion { color:#666; font-size:14px; margin:15px 0 20px 0; width:100%; line-height:22px; } #content .right-content .titulo .fancybox-full { float: right; font-size:14px; color:#fff; margin-right: 20px; padding: 4px; width: 100px; text-align: center; background: #00ACF6; } #content .right-content .titulo .fancybox-full { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:3px; } /* ===== Contenido ===== */ #content .right-content .contenido { float:left; background:#fff; border:1px solid #DDD; width:705px; padding:20px; margin: 0 0 0 20px; font-size:14px; overflow:hidden; } #content .right-content .contenido p { color: #2B2A2A; margin-top:0; line-height: 22px !important; font-weight:100; font-size:15px; } #content .right-content .contenido #detalle-mapa { width:703px; height:350px; margin:0; } #content .right-content .general ul { list-style-type:none; margin-top: 10px; margin-left: 0; padding-left:0; background:#FFF; padding: 15px; border:1px solid #eee; } #content .right-content .general ul li { color:#777; line-height: 20px; padding-left: 12px; background: url(../img/bullet.png) left 6px no-repeat; margin-bottom: 10px; } #content .right-content .simuladores img { margin: 10px; } #content .right-content .contenido ul.lista { list-style-type:none; margin-top: 15px; margin-left: 15px;} #content .right-content .contenido ul.lista li { font-size:16px; color:#666; line-height: 22px; padding-left: 12px; background: url(../img/bullet.png) left 50% no-repeat;} #content .right-content .contenido .fecha { font-size:14px; color:#999; display:block; margin:0 0 10px 0; font-weight:100; padding:0 0 5px 0; } #content .right-content .contenido .img-noticia { border:0; float:left; margin: 0 10px 10px 0; width: 250px; overflow:hidden; } #content .right-content .contenido .texto-noticia { border:0; float:right; overflow:hidden; font-size: 17px; color:#666; font-weight:300; line-height:24px; } #content .right-content .contenido .prop-imagen {float:left; width: 300px; margin: 0 15px 5px 0; } #content .right-content .contenido .prop-datos { float:left; width: 100%; font-size: 13px;}/**********************/ #content .right-content .contenido .prop-datos h3 { color: #24ABE8; text-transform:none; font-size: 20px; margin:10px 10px 10px 10px; padding-bottom:10px; } #content .right-content .contenido .prop-datos .dato {overflow:hidden; float:left; width: 20%; height: 25px; line-height: 23px; font-weight: 400; border-bottom:1px dotted #ccc; } #content .right-content .contenido .prop-datos .valor {overflow:hidden; float:left; width: 80%; height: 25px; line-height: 23px; border-bottom:1px dotted #ccc; margin-left:0px; color:#000; font-weight:100; } #content .right-content .contenido .prop-datos .addthis_toolbox { border:0; float:left; margin-right:0; margin-top: 0px; margin-bottom:20px; } #content .right-content .detalle { } #content .right-content .detalle ul { margin:5px auto 20px 5px; padding:0; } #content .right-content .detalle ul li { color:#777; background:url(../img/li.png) left 50% no-repeat; padding-left: 10px; } #content .right-content .detalle p { margin:10px 0; color:#000000 !important; } /* ===== Formulario ===== */ #content .right-content .contenido .frm-contacto { margin: 15px 0 0 0; overflow:hidden; width: 470px; float:left; border-right:1px solid #DDD; } #content .right-content .contenido .frm-contacto table td { font-size: 13px; color: #666; padding: 5px; font-weight:bold; } #content .right-content .contenido .frm-contacto label { float:left; display:block; padding: 6px 5px; margin-top:5px; width: 80px; font-weight:100;} #content .right-content .contenido .frm-contacto .input { border: 1px solid #ccc; padding: 8px 7px; font-size: 13px; color: #666; margin: 5px 0; width: 73%; float:left;} #content .right-content .contenido .frm-contacto .input:hover { border: 1px solid #999; } #content .right-content .contenido .frm-contacto .select { border: 1px solid #ccc; padding: 0 7px; font-size: 14px; color: #666; margin: 5px 0; width: 76.6%; float:left; height: 35px; } #content .right-content .contenido .frm-contacto .select:hover { border: 1px solid #999; } #content .right-content .contenido .frm-contacto .captcha { border: 1px solid #ccc; padding:8px 7px; font-size: 13px; color: #666; margin: 5px 0 5px 0; text-align:center; width:40px; } #content .right-content .contenido .frm-contacto .captcha:hover { border: 1px solid #666; } #content .right-content .contenido .frm-contacto .textarea { border: 1px solid #ccc; padding: 8px 7px; font-size: 13px; color: #666; margin: 5px 0; width: 73%; height: 122px; float:left; } #content .right-content .contenido .frm-contacto .textarea:hover { border: 1px solid #999; } #content .right-content .contenido .frm-contacto .td-frm { padding: 11px 15px 0 5px; } #content .right-content .contenido .datos-contacto {float:right; width:210px; overflow: hidden; margin-top:12px; margin-left: 0px; } #content .right-content .contenido .datos-contacto .tbl-datos { margin: 10px 0 0 0; text-align:left; font-size:14px; } #content .right-content .contenido .datos-contacto .tbl-datos strong { color:#666;font-weight:100; margin:0; padding:0; display:block; border-bottom:1px solid #eee; } #content .right-content .contenido .datos-contacto .tbl-datos .dato { color:#0191D0; font-size:16px; line-height: 26px; font-weight: 100; } #content .right-content .contenido .datos-contacto .tbl-datos .tel { font-size:18px; } #content .right-content .contenido .tab_content ul { padding-left: 10px !important; } #content .right-content .contenido .tab_content ul li { background: url(../img/li.png) left 8px no-repeat; padding-left: 12px; color: #777; } /* ===== Propiedades ===== */ #content .right-content .propiedades { float:left; margin:0; padding:2px 0 0 0; width:768px; overflow:hidden; } #content .right-content .box-propiedad { position:relative; float:left; width: 233px; padding: 0; margin: 0 0 20px 20px; background:#FFF; border:1px solid #e1e1e1; overflow:hidden; min-height:315px; } #content .right-content .box-propiedad .imagen { margin:0; width:235px; height: 176px; overflow:hidden; position:relative; } #content .right-content .box-propiedad .box-estado { overflow:hidden; position:absolute; width: auto; padding: 6px 15px 5px 15px; top:130px; right:0; left:auto; font-weight:100; } #content .right-content .box-propiedad .box-estado { background: rgba(0, 0, 0, .65); color: #fff; font-size: 13px; text-transform:uppercase; } #content .right-content .box-propiedad .box-estado2 { overflow:hidden; position:absolute; width: auto; padding: 6px 15px 5px 15px; top:130px; right:0; left:auto; font-weight:100; } #content .right-content .box-propiedad .box-estado2 { background: rgba(255, 255, 255, .8); color: #333; font-size: 13px; text-transform:uppercase; } #content .right-content .box-propiedad .datos { font-size: 13px; color: #777; padding: 10px; font-weight:100; } #content .right-content .box-propiedad .datos span { padding: 0 5px; color:#DDD; font-weight:100 !important; } #content .right-content .box-propiedad .datos .datos-texto a { color:#777 !important; font-weight:300 !important; } #content .right-content .box-propiedad .datos .datos-texto a:hover { color:#333 !important; } #content .right-content .box-propiedad .titulo { border:0; background: none; padding:0; font-size: 15px; margin: 3px 0 8px 0; height: 40px; overflow:hidden; } #content .right-content .box-propiedad .titulo h3 { letter-spacing:-.5px; border:0; padding: 0; margin: 0 !important; text-transform: none;font-size:16px; line-height: 20px; font-weight:100; } #content .right-content .box-propiedad .titulo h3 a { border:0; color:#333; display:block; padding: 0 10px; font-weight:300; } #content .right-content .box-propiedad .titulo h3 a:hover { color:#014995; } #content .right-content .box-propiedad .precio { clear:both; width: 90%; margin:0 10px 0 0; padding: 5%; overflow: hidden; height: 60px; } #content .right-content .box-propiedad .precio .valor { font-family:Arial, Helvetica, sans-serif; font-size: 14px; color:#62aee7; text-align:right; line-height:24px; font-weight:300; letter-spacing:.5px; display:block; width:auto; float:right; } #content .right-content .box-propiedad .precio .comparar { text-align: left; display: block; width: auto; float: left; color: #00ACF6; padding: 4px 0;} #content .right-content .box-propiedad .precio a { color:#fff; font-size:12px; font-weight:bold; } #content .right-content .box-propiedad .precio a:hover { color:#333; } /* ======= Propiedades comprar ==== */ #content .right-content .propiedades { float:left; margin:0; padding:2px 0 0 0; width:768px; overflow:hidden; } #content .right-content .box-propiedad-comparar { position:relative; float:left; width: 233px; padding: 0; margin: 0 0 20px 20px; background:#FFF; border:1px solid #e1e1e1; overflow:hidden; min-height:450px; } #content .right-content .box-propiedad-comparar .imagen { margin:0; width:235px; height: 176px; overflow:hidden; position:relative; } #content .right-content .box-propiedad-comparar .box-estado { overflow:hidden; position:absolute; width: auto; padding: 6px 15px 5px 15px; top:130px; right:0; left:auto; font-weight:100; } #content .right-content .box-propiedad-comparar .box-estado { background: rgba(0, 0, 0, .65); color: #fff; font-size: 13px; text-transform:uppercase; } #content .right-content .box-propiedad-comparar .box-estado2 { overflow:hidden; position:absolute; width: auto; padding: 6px 15px 5px 15px; top:130px; right:0; left:auto; font-weight:100; } #content .right-content .box-propiedad-comparar .box-estado2 { background: rgba(255, 255, 255, .8); color: #333; font-size: 13px; text-transform:uppercase; } #content .right-content .box-propiedad-comparar .datos { font-size: 13px; color: #777; padding: 10px; font-weight:100; } #content .right-content .box-propiedad-comparar .datos span { padding: 0 5px; color:#DDD; font-weight:100 !important; } #content .right-content .box-propiedad-comparar .datos .datos-texto a { color:#777 !important; font-weight:300 !important; } #content .right-content .box-propiedad-comparar .datos .datos-texto a:hover { color:#333 !important; } #content .right-content .box-propiedad-comparar .titulo { border:0; background: none; padding:0; font-size: 15px; margin: 0 0 5px 0; height: 40px; overflow:hidden; } #content .right-content .box-propiedad-comparar .titulo h3 { letter-spacing:-.5px; border:0; padding: 0; margin: 0 !important; text-transform: none;font-size:16px; line-height: 20px; font-weight:100; } #content .right-content .box-propiedad-comparar .titulo h3 a { border:0; color:#333; display:block; padding: 0 10px; font-weight:300; } #content .right-content .box-propiedad-comparar .titulo h3 a:hover { color:#014995; } #content .right-content .box-propiedad-comparar .precio { clear:both; width: 90%; margin:0 10px 0 0; padding: 5%; overflow: hidden; } #content .right-content .box-propiedad-comparar .precio .valor { font-family:Arial, Helvetica, sans-serif; font-size: 16px; color:#62aee7; text-align:right; line-height:24px; font-weight:300; letter-spacing:.5px; display:block; width:auto; float:right; } #content .right-content .box-propiedad-comparar .precio .comparar { text-align:left; display:block; width:auto; float:left; padding: 3px 0 0 0; } #content .right-content .box-propiedad-comparar .precio a{ float: right; font-size:12px; color:#fff; margin-right: 45px; padding: 4px; width: 80px; text-align: center; background: red; } .alert { padding: 10px; margin-left:20px; margin-bottom: 10px; border: 1px solid transparent; border-radius: 4px; } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; font-size:12px; } #content .right-content .box-propiedad-comparar .precio a:hover { color:#333; } #content .right-content .box-propiedad-comparar .valores ul{} #content .right-content .box-propiedad-comparar .valores ul li{width:100%; margin: 4px 0px 10px -30px; font-size: 14px;overflow: hidden; border-bottom: 1px dotted #ccc;} #content .right-content .box-propiedad-comparar .valores ul li label{float:left; font-weight: bold;} #content .right-content .box-propiedad-comparar .valores ul li .valor{float: right;} #content .right-content .box-propiedad-comparar .detalle {padding:10px; overflow: hidden;} #content .right-content .box-propiedad-comparar .detalle a{ float: left; font-size: 14px; color: #fff; margin: 2px; padding: 4px; width: 90px; text-align: center; background: #00ACF6; } #content .right-content .box-propiedad-comparar .detalle a.eliminar{background:#a94442;} /* ===== Paginador ===== */ .compaginador { width:93%; background: #fff; border:1px solid #ddd; font-size: 16px; font-weight: normal; display: block; padding: 12px 2%; color: #CCC; font-weight:100; text-align:left; margin: 0 0 0 20px; clear: both; } .compaginador a { font-size: 13px; font-weight: normal; color: #888; padding: 3px 7px; text-align: center; background: #FFF; border: 1px solid #ccc; margin: 5px 4px 5px 4px; } .compaginador a:hover { color: #FFF; text-decoration: none; background: #538CBA; border: 1px solid #538CBA; } .compaginador a, .compaginador strong { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .compaginador strong { background:#538CBA; border:1px solid #538CBA; color: #fff; padding: 3px 7px; font-weight:100; font-size: 13px; margin:0; } .compaginador span { font-style: italic; font-size: 13px; color:#777; padding-right:15px; } .navegador { background:#fff; width: 97%; margin:0 0 15px 20px; display: block; border: 1px solid #e0e0e0; text-align:left; overflow:hidden; } .navegador span { color:#666; font-weight: 500; margin: 0; display: block; padding: 7px 20px; border-right:1px solid #eee; float:left; font-size: 12px; } .navegador span:last-child { border-right:0;} .navegador span span { border-right: 0; display:inline; float:none; color:#999; font-weight:100; padding:0; } /* ===== Footer ===== */ .footer { clear:both; background: #E8E8E8; margin: 0 auto; clear:both; width: 100%; padding:30px 0 20px 0; overflow:hidden; color:#666; border-top:3px solid #62aee7; } .footer a { color: #FFF; text-decoration:none; font-weight: 500; } .footer a:hover { color:#BBB; text-decoration:underline; } .footer .f-content { width:1000px; margin:0 auto; overflow:hidden; } .footer .f-content .data { float:left; font-size:15px; line-height: 26px; overflow:hidden; font-weight:100; width: 300px; margin: 0 20px 10px 0; } .footer .f-content .data .logo { margin-top: 20px; } .footer .f-content .data span { color:#666; } .footer .f-content .data .st { font-size:22px; font-weight:300; color: #333333; margin:0 0 20px 0; display:block; } .footer .f-content .data .st span { font-size: 18px; color:#666; } .footer .f-content .data .cr { font-size:22px; font-weight:300; color: #333333; margin:0 0 10px 0; display:block; } .footer .f-content .data .celular { margin-left:3px; } .footer .f-content .accesos { width: 190px !important; } .footer .f-content .indicadores { width: 100%; float:left; line-height: 26px; text-align:left; margin-top:5px; font-size:14px; } .footer .f-content .indicadores span { color:#666; text-align:left; } .footer .f-content .indicadores .dato { color:#666; text-align:left; display:block; float:left; width: 40px; line-height:25px; } .footer .f-content .indicadores .valor { color:#000; text-align:left; display:block; float:left; width: 120px; line-height:25px; text-align:right; } .footer .f-content .redes{ width: 430px !important; float:right; line-height: 26px; text-align:left; } .footer .f-content .data .social { margin-top:0px; clear:both; text-align:right; font-size: 24px; color:#444; font-weight:400; } .footer .f-content .data .social img { margin: -1px 1px 0 1px; opacity:1; } .footer .f-content .data .social img:hover { opacity:.8;} .footer .f-content .data .social a { color:#444; text-decoration:none; letter-spacing: -1px; font-size: 23px; } .footer .f-content .data .social a:hover { color:#222; text-decoration:none; } .footer .f-content .data .social span { font-size:20px; color:#333; } .footer .f-content .data .email { clear:both; text-align:right; margin-top: 10px; color: #444; } .footer .f-content .data .email img { margin: -1px 3px 0 5px; opacity:.5; } .footer .f-content .data .email a { font-size:17px; margin:8px 0 0 2px; font-weight:100; letter-spacing: .6px; color:#000; } .footer .f-content .data .email a:hover { text-decoration:none; color:#000; } .p-detalle { width: 97% !important; overflow:hidden; } .p-detalle h1 { width: 100% !important; max-width:100% !important; } /* ===== Mapa ===== */ .resultado-comunas { margin: 40px 0 0 490px; z-index: 999; position:absolute; border: 1px solid transparent; height: 320px; color:#fff; background:rgba(0, 0, 0, 0.7); outline: none; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); } .resultado-comunas ul { width:200px; height: 300px; overflow-y: scroll; } /*****whatsapp***/ div.ccw_plugin, .inline { display: none; } .chatbot { position: fixed; z-index: 99; } /*****whatsapp***/ /************************************************************ Media Queries */ /* Large desktop */ @media (min-width: 1200px) { } /* Portrait tablet to landscape and desktop */ @media (min-width: 768px) and (max-width: 979px) { } /* Landscape phone to portrait tablet */ @media (min-width: 641px) and (max-width: 767px) { } /* Landscape phones and down */ @media (max-width: 640px) { /* ===== Contenido ===== */ #content .right-content .contenido { float:left; background:#fff; border:1px solid #DDD; width:705px; padding:20px; margin: 0 0 0 20px; font-size:14px; overflow:hidden; } #content .right-content .contenido p { color: #2B2A2A; margin-top:0; line-height: 22px !important; font-weight:100; font-size:15px; } #content .right-content .contenido #detalle-mapa { width:703px; height:350px; margin:0; } #content .right-content .general ul { list-style-type:none; margin-top: 10px; margin-left: 0; padding-left:0; background:#FFF; padding: 15px; border:1px solid #eee; } #content .right-content .general ul li { color:#777; line-height: 20px; padding-left: 12px; background: url(../img/bullet.png) left 6px no-repeat; margin-bottom: 10px; } #content .right-content .simuladores img { margin: 10px; } #content .right-content .contenido ul.lista { list-style-type:none; margin-top: 15px; margin-left: 15px;} #content .right-content .contenido ul.lista li { font-size:16px; color:#666; line-height: 22px; padding-left: 12px; background: url(../img/bullet.png) left 50% no-repeat;} #content .right-content .contenido .fecha { font-size:14px; color:#999; display:block; margin:0 0 10px 0; font-weight:100; padding:0 0 5px 0; } #content .right-content .contenido .img-noticia { border:0; float:left; margin: 0 10px 10px 0; width: 250px; overflow:hidden; } #content .right-content .contenido .texto-noticia { border:0; float:right; overflow:hidden; font-size: 17px; color:#666; font-weight:300; line-height:24px; } #content .right-content .contenido .prop-imagen {float:left; width: 300px; margin: 0 15px 5px 0; } #content .right-content .contenido .prop-datos { float:left; width: 385px; font-size: 13px;}/**********************************/ #content .right-content .contenido .prop-datos h3 { color: #24ABE8; text-transform:none; font-size: 20px; margin:10px 0; padding-bottom:10px; } #content .right-content .contenido .prop-datos .dato {overflow:hidden; float:left; width: 120px; height: 25px; line-height: 23px; font-weight: 400; border-bottom:1px dotted #ccc; } #content .right-content .contenido .prop-datos .valor {overflow:hidden; float:left; width: 260px; height: 25px; line-height: 23px; border-bottom:1px dotted #ccc; margin-left:4px; color:#000; font-weight:100; } #content .right-content .contenido .prop-datos .addthis_toolbox { border:0; float:left; margin-right:0; margin-top: 0px; margin-bottom:20px; } #content .right-content .detalle { } #content .right-content .detalle ul { margin:5px auto 20px 5px; padding:0; } #content .right-content .detalle ul li { color:#2B2A2A; background:url(../img/li.png) left 50% no-repeat; padding-left: 10px; } #content .right-content .detalle p { margin:10px 0; color:#2B2A2A; } /*****whatsapp***/ div.ccw_plugin, .inline { display: inline; } .chatbot { position: fixed; z-index: 99; } .chip{ border-radius: 20px 20px 20px 20px; background-color: #C6F5A5; } /*****whatsapp***/ #wrapper { width: 100%; margin:0 auto; padding:0; } .top .content { margin:0 auto; width:100%; clear:both; position:relative; text-align:center; padding: 0; } .top .content .phone { text-align:center; float:none; width:100%; margin:0 auto; } .top .content .social { display:none; } .header { width:100%; padding: 0; margin: 0; clear:both; position:relative; z-index:777; } .header .header-content { width:100%; padding: 0; overflow:hidden; margin: 0 auto; } .header .header-content .left-content { float:none; width: 100%; height: auto; margin: 20px auto; padding:0; text-align:center; } .header .header-content .left-content img { text-align:center; } .header .header-content .right-content { float:none; clear:both; margin: 0 auto; position:relative; overflow:hidden; width:100%; padding:0; border:0; } .header .header-content .right-content .social { margin-top:5px; position:relative; float:none; text-align:center; font-size: 22px; color:#444; font-weight:100; letter-spacing: -1px; } .header .header-content .right-content .social a { display:inline-block; } .header .header-content .right-content .social img { margin: -2px 1px 0 1px; opacity:.7;display:inline-block; } .header .header-content .right-content .social img:hover { opacity:1;} .header .header-content .right-content .social .fono { display:inline-block; text-align:center; margin: 15px auto 10px auto; } .header .header-content .right-content .email { clear:both; text-align:center; margin: 0 auto 15px auto; } .header .header-content .right-content .email a { font-size: 18px; } .header .header-content .right-content .menu { width: 100%; margin: 0 auto; clear:both; overflow:hidden; } .header .header-content .right-content .menu ul { list-style-type:none; padding:0; margin:0 auto; width: 100%; } .header .header-content .right-content .menu ul li { float:none; margin:0; padding:0; text-align:left; } .header .header-content .right-content .menu ul li a { display: block; padding: 0 15px; border:0; } .header .header-content .right-content .menu ul li a { font-size:16px; line-height: 43px; letter-spacing:0; font-weight:100; } .header .header-content .right-content .menu ul li a:hover{ color: #333; border:0; } .header .header-content .right-content .menu ul li .active { color: #333; border:0; } .header .header-content .right-content .menu .inicio { width: 100%; float:none; margin: 0; } .header .header-content .right-content .menu .institucional { width: 100%; float:none; margin: 0 ; } .header .header-content .right-content .menu .propiedades { width: 100%; float:none; margin: 0; } .header .header-content .right-content .menu .servicios { width: 100%; float:none; margin: 0; } .header .header-content .right-content .menu .noticias { width: 100%; float:none; margin: 0; } .header .header-content .right-content .menu .contacto { width: 100%; float:none; margin: 0; } .header .header-content .right-content .menu li ul { display: none; position: relative; width:100%; top: 0px; left: 0; margin-top:0; margin-left:0px; border:0; } .header .header-content .right-content .menu li>ul { top: auto; left: auto; text-align:left; border:0; } .header .header-content .right-content .menu .sub li { background: #FFF; width:100%; border: 0; margin: 0; padding: 0; text-align: left; height:40px; line-height: 40px; border:0; } .header .header-content .right-content .menu .sub li:hover { border:0; } .header .header-content .right-content .menu .sub li a { text-transform: none; padding: 0 20px; display: block; font-size: 14px; text-align:left; font-weight:100; color:#333; } .header .header-content .right-content .menu ul li:hover ul { border:0; } .header .header-content .right-content .menu { position:relative; display:block; width: 100%; height: 40px; overflow: hidden; margin: 0 auto; } .header .header-content .right-content .menu .rwd { height: 40px; display:block; background: #333; margin: 0; float:left; padding: 0; width:100%; overflow:hidden; border:0; } .header .header-content .right-content .menu .rwd a { color:#FFF; text-transform: uppercase; display:block; font-size: 16px; line-height: 40px; } .header .header-content .right-content .menu .rwd a { letter-spacing:1px; text-transform:uppercase; font-weight: bold; padding-left:15px; } .header .header-content .right-content .menu .rwd a:hover { text-decoration: none; color:#F1F1F1; } .header .header-content .right-content .menu .rwd-button { cursor:pointer; display:block; position:absolute; right:15px; top:7px; } .header .header-content .right-content .menu .rwd-button span { display:block; margin-top:4px; height:3px; background:#FFF; width:24px; } .middle { display: none; } .shadow-slide { display: none; } .titulo { clear:both; margin: 15px auto; overflow:hidden; width:94%; padding:2% 3% 0 0; overflow:hidden; } .titulo h1 { width:100%; float:none; max-width: 100%; margin-bottom: 5px; } .titulo .addthis_toolbox { border:0; float:none; width:100%; margin:0 auto 10px auto; max-width: 100%; } #content { overflow: hidden; padding:2% 0; width: 100%; margin: 0 auto; clear:both; } #content .left-content { float:none; clear:both; padding: 0 2%; width: 95%; overflow: hidden; margin:0; } #content .cotizar { width:45% !important; } #content .cotizar .boton { float:none; clear:both; width:100%; } #content .imprimir { width:45% !important; } #content .imprimir .boton { float:none; clear:both; width:100%; } #content .imprimir { float:left; margin:20px 0 0 0; width: auto; overflow:hidden; } #content .imprimir .boton { -webkit-border-radius:3px; -moz-border-radius: 3px; border-radius:3px; } .detalle { margin-top:0 !important; } .box { margin: 0 auto; width: 100%; overflow:hidden; border:1px solid #ddd; } .box .titulo-content .titulo { width:100%; background:none; margin: 0 auto; text-align:left; border:0; padding: 0; border:0; overflow: hidden; } .box .titulo-content .titulo h4 { margin:0; padding: 4px 20px 0 20px; border:0; background: #262626 url(../img/bullet-buscar2.png) 87% 50% no-repeat; width:100%; float:left; color:#FFF; } .box .titulo-content .titulo h4 { color:#FFF; font-size:15px; font-weight: 300; line-height: 45px; } .box .titulo-content .titulo h4 { -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } .box .titulo-content h4.inactive { background: #464646 url(../img/bullet-buscar.png) 87% 50% no-repeat; color: #eee; font-size:15px; } .box .box-content { width:94%; padding: 1% 3% 4% 3%; overflow:hidden; margin: 0 auto; min-height:65px; } .box .box-content .opcion { width:100%; float:left; overflow:hidden; padding: 0; margin: 0 6px 0 0; } .box .box-content .opcion label { font-size: 12px; color:#444; font-weight:400; } .box .box-content .opcion .styled-select { width: 98%; height: 32px; margin:5px 0 13px 0; opacity:.95; } .box .box-content .opcion .styled-select { -webkit-border-radius:0; -moz-border-radius: 0; border-radius: 0; } .box .box-content .frm-input { display:block; float:left; margin: 5px 0 0 0; width:98.5%; } .box .box-content .frm-input input[type=submit] { text-align:left; background: #0191D0; font-size:15px; padding: 4px 34px 0 15px; } .box .buscar-codigo .opcion { width: 98.5%; margin: 10px auto; } .box .buscar-codigo .opcion label { display:none; } .box .buscar-codigo .opcion input[type=text] { padding: 9px; border:0; width: 98%; } #content .left-content .categorias { width: 100%; } #content .left-content .noticias { margin:5px 0; } #content .left-content .ciudades { margin:10px 0 20px 0; } #content .left-content .categorias .titulo { height:30px; } #content .left-content .categorias ul { display:none; width: 100%; } #content .left-content .categorias ul li { width:95%; } #content .left-content .ciudades ul li { width:100%; } #content .left-content .entreguenos { display:none; } #content .right-content { float:none; clear:both; width: 96%; padding: 0 2%; margin: 0; overflow: hidden; } #content .right-content .descripcion { color:#666; font-size:14px; margin:15px 0 20px 0; width:100%; line-height:22px; } #content .right-content .contenido { float:none; clear:both; width:92%; padding:4% 4% 1% 4%; margin: 0 auto 10px auto; border:1px solid #E0E0E0; } #content .right-content .contenido h4 { margin: 15px 0; } #content .right-content .general img { width:100%; height:auto; clear:both; margin: 0; } #content .right-content .contenido .img-noticia { clear:both; float:none; margin: 10px 0; width: 100%; height:auto; overflow:hidden; } #content .right-content .contenido .img-noticia img { width:100%; }  #content .right-content .contenido .texto-noticia { border:0; float:none; clear:both; width: 100%; overflow:hidden; } #content .right-content .contenido .prop-imagen {float:none; clear:both; text-align:center; width: 100%; margin: 0 auto; } #content .right-content .contenido .prop-datos {float:none; clear:both; width: 100%; font-size: 12px; } #content .right-content .contenido .prop-datos h3 { text-transform:none; font-size: 18px; margin-bottom:10px; padding-bottom:10px; } #content .right-content .contenido .prop-datos .dato {width: 35%; } #content .right-content .contenido .prop-datos .valor {width: 62%; } #content .right-content .contenido .prop-datos .addthis_toolbox { border:0; float:left; margin-right:0; margin-top: 5px;} .container { width: 98%; } .container .tab_container { width: 100%; } #content .right-content .contenido .frm-contacto { margin: 15px 0 10px 0; overflow:hidden; width: 98%; float:none; border-right:0; } #content .right-content .contenido .frm-contacto label { margin-left:0; padding-left:0; width:100%; } #content .right-content .contenido .frm-contacto .input { width: 96%; } #content .right-content .contenido .frm-contacto .textarea { width: 96%; } #content .right-content .contenido .frm-contacto .captcha { width: 60px; color:#333; } #content .right-content .contenido .frm-contacto .td-frm { padding: 11px 0 5px 5px; } #content .right-content .contenido .frm-contacto .td-frm label { display:none; } #content .right-content .contenido .frm-contacto .boton { width: 100% !important; } #content .right-content .contenido .datos-contacto {display:none; } #content .right-content .propiedades { float:none; clear:both; margin:0; padding:0; width:100%; overflow: hidden; } #content .right-content .box-propiedad { position:relative; float:left; width: 95%; padding: 2%; margin: 2px 0 20px 1px; background:#FFF; } #content .right-content .box-propiedad .imagen { margin:10px 0 5px 0; width:100%; height: 100%; overflow:hidden; position:relative; } #content .right-content .box-propiedad .box-estado { top:20px; left:2%; right:auto; font-size:14px; } #content .right-content .box-propiedad .box-estado2 { top:20px; left:2%; right:auto; font-size:14px; } #content .right-content .box-propiedad .titulo h3 { font-size:18px; line-height: 20px; } #content .right-content .box-propiedad .precio { padding:0; margin: 0 auto 0 auto; width:100%; overflow: hidden; } #content .right-content .box-propiedad .precio .valor { text-align:left; width:100%; float:left; padding-left:10px; } #content .right-content .box-propiedad .precio .comparar { display:none; } #content .right-content .box-propiedad .datos .datos-texto { font-size: 16px; } #content .right-content .box-propiedad .datos .datos-texto a { font-size: 16px; } .compaginador { width:95%; margin: 0 auto 10px auto; } .navegador { background:#fff; width: 100%; margin:0 0 15px 0; display: block; border: 1px solid #eee; text-align:left; overflow:hidden; } .navegador span { color:#aaa; font-weight: 100; margin: 0; display: block; padding: 7px 12px; border:0; float:left; font-size: 11px; } .navegador span:last-child { border-right:0;} .navegador { display: none; } .footer { width: 96%; padding: 20px 2%; } .footer .f-content { width:96%; padding: 0 2%; margin:0 auto; overflow:hidden; text-align:center; } .footer .f-content .logo { margin: 0 auto 20px auto; } .footer .f-content .data { float:none; width: 100%; margin:0; padding:0; } .footer .f-content .data .cr { font-size:18px; text-align:center; margin-bottom:0; } .footer .f-content .data .celular { margin-left:3px; } .footer .f-content .data a { color:#333; } .footer .f-content .accesos { width: 100% !important; } .footer .f-content .indicadores { overflow:hidden; width: 100%; float:none; clear:both; margin: 5px auto 15px auto; } .footer .f-content .indicadores span { color:#666; text-align:left; } .footer .f-content .indicadores .dato { text-align:left; display:block; float:left; width: 50%; line-height:20px; } .footer .f-content .indicadores .valor { text-align:left; display:block; float:left; width: 50%; line-height:20px; text-align:right; } .footer .f-content .redes{ width: 100% !important; float:none; line-height: 28px; text-align:left; } .footer .f-content .data .social { position:relative; margin-top:0px; clear:both; text-align:center; font-size: 24px; color:#444; font-weight:400; } .footer .f-content .data .social img { display:inline-block; margin: 0px 1px 0 3px; } .footer .f-content .data .social a { display:inline-block; } .footer .f-content .data .social span { display:inline-block; margin-right:6px; } .footer .f-content .data .social .fono { margin:25px auto 10px auto; display:block; width:100%; text-align:center; } .footer .f-content .data .social .fono img { margin:-2px 1px 0 0; } .footer .f-content .data .email { clear:both; text-align:center; margin: 20px auto 10px auto; } div.error { margin-left: 0;} }