/* CSS by crea7ive */ @import url('../css/normalize.min.css'); @import url('https://fonts.googleapis.com/css?family=Roboto:100,200,300,400,500,600,700,800,900&display=swap'); @import url('../js/fancybox/jquery.fancybox-1.3.4.css'); @import url('../js/skdslider/skdslider.css'); @import url('../js/product/css/prod-global.css'); @import url('../js/owlcarousel/assets/owl.carousel.css'); @import url('../js/owlcarousel/assets/owl.theme.default.css'); @import url('../css/tabs.css'); @import url('../css/pure-min.css'); @import url('../css/hover.css'); @import url('../css/font-awesome.min.css'); @import url('../css/fonts.css'); * { margin: 0 auto; padding: 0; border:0; } * {outline:none; } *:focus {outline:none; } a:focus {outline:none; } *:active {outline:none; } *:hover {outline:none; } * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } ::-moz-selection { background: #eee; text-shadow: none; } ::selection { background: #eee; text-shadow: none; } body { background: #f5f5f5; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 1em; line-height: 1.4; margin: 0 auto; } img { vertical-align: middle; border:0; } textarea { resize: vertical; } hr { width: 100%; height:1px; background:#ddd; margin: 10px auto; } .chromeframe { margin: 0.2em 0; background: #e5e5e5; color: #000; padding: 0.2em 0; } h1 { margin: 0 0 10px 0; padding: 0; border:0; color: #444; font-size: 30px; font-weight:600; letter-spacing:0; overflow: hidden; } h2 { margin: 0 0 5px 0; padding: 0; border:0; color: #000; font-size: 22px; font-weight:600; letter-spacing:0; overflow: hidden; } h3 { margin: 0; padding: 0; border:0; color: #3D3E9B; font-size: 20px; font-weight:600; letter-spacing:0; overflow: hidden; } h4 { margin: 0; padding: 0; border:0; color: #444; font-size: 18px; font-weight:600; letter-spacing:0; overflow: hidden; } button, input[type=submit], input[type=button], input[type=reset] { padding: 12px 0; color: #fff; font-weight:200; font-size: 15px; cursor: pointer; border: 0; background: #3D3E9B; text-transform:uppercase; } button, input[type=submit], input[type=button], input[type=reset] { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:3px; } input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover { background: #3D3E9B; opacity: .95; } input[type=text], textarea, select, input[type=email], input[type=password] { padding: 5px; border: 1px solid #e5e5e5; color: #666; font-weight: 600; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:3px; } 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: #0066CC; text-decoration: none; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } a:visited, a:link { color: #0066CC; } a:hover { color: #444; text-decoration: none; } /* Helper */ .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: 20px auto; } .h-buscar { cursor:pointer;} .h-titulo { cursor:pointer;} .h-servicios { cursor:pointer;} .h-turismo { cursor:pointer;} .h-destacadas { cursor:pointer;} .h-noticias { cursor:pointer;} .go-top { position: fixed; bottom: 2em; right: 2em; padding: 0; display: none; opacity:.45; } .go-top:hover { opacity:.65; } div.error { color:red; font-weight:normal; font-size: 13px; clear:both; margin-bottom:0;} .hide { opacity:0; } .mobile { display:none; } .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none: -moz-user-select: none; user-select: none; } .pace-evens { display:none; } .pace .pace-progress { background:#3D3E9B; height:1px; position:fixed; z-index: 2000; top:0; right:100%; width: 100%; } #wrapper { width: 100%; margin: 0 auto; padding: 0; overflow:hidden; } .home .middle { margin-top:141px; } .home .middle .box { margin-top:-160px; } .home .middle .box .titulo { display:none; } .home #content { margin-top: 0px; } .about { background: #f5f5f5 !important; } .about #content { margin-top: 135px; } .services { background: #f5f5f5 !important; } .services #content { margin-top: 135px; } .contact { background: #f5f5f5 !important; } .contact #content { margin-top: 135px; } .detail { background: #f5f5f5 !important; } .detail #content { width:88%; } .news #content { width:90%; margin-top: 135px; } .news #content .right-content h1 { margin-top:30px; } .w-prop .box { position:relative; padding:20px 0 40px 0; margin-top:135px; width:100%; background:#AAA; border:0; } .w-prop .box .box-content { width:85%; } .w-prop .box .box-content .operacion .styled-select select { width: 150px; } .w-prop .box .box-content .tipo .styled-select select { width: 180px; } .w-prop .box .box-content .ciudad .styled-select select { width: 190px; } .w-prop .box .box-content .orden .styled-select select { width: 170px; } .w-prop .box .box-content .codigo .frm-input { width: 190px; } .w-prop .box-exc .box-content { width:65%; } .w-prop .box-exc .box-content .opcion { width:25%; } .w-prop .box-exc .box-content .frm-input { width:25%; } /* ===== Header ===== */ .header { width:100%; padding: 0; margin:0; clear:both; background: #fff; position:relative; z-index:777; border-top:0; position:fixed; box-shadow:0px 4px 20px -12px rgba(0,0,0,0.35); } .header .header-content { width:88%; max-width:1200px; padding: 0; overflow:hidden; margin: 0 auto; } .header .header-content .left-content { float:left; width: 20%; height: 111px; margin: 15px 0; padding:0; background:none; } .header .header-content .right-content { float:right; overflow:hidden; margin: 0; overflow:hidden; width:75%; font-weight:400; } .header .header-content .right-content .phone { float:right; width: auto; text-align:right; line-height:30px; padding: 0; margin:10px 0 5px 0; overflow:hidden; } .header .header-content .right-content .phone a { color: #444; font-size:15px; padding: 0; letter-spacing: 0; font-weight:500; font-family: 'Arial', sans-serif; } .header .header-content .right-content .phone a:hover { color:#0066CC !important; } .header .header-content .right-content .phone .tel1 { border:0; } .header .header-content .right-content .phone .tel2 { padding-left:15px; margin-left: 15px; padding-right:0; margin-right:5px; } .header .header-content .right-content .phone .tel1 i { color: #b1b1b1; padding: 0; letter-spacing:1px; font-size: 16px; } .header .header-content .right-content .phone .tel2 i { color: #b1b1b1; } .header .header-content .right-content .phone .fa-whatsapp { color:#70C14D !important; padding-right: 3px; font-weight:700; } .header .header-content .right-content .social { float:right; width: auto; margin: 6px 0 0 20px; text-align:right; line-height:15px; border: 0; padding: 0; border-left:1px solid #CCCCCC; } .header .header-content .right-content .social ul { list-style-type:none; margin:0; padding:0; border:0; } .header .header-content .right-content .social ul li { float:left; width:auto; padding: 0 0 0 15px; } .header .header-content .right-content .social ul li a { color:#666; font-size:16px; } .header .header-content .right-content .social ul li a:hover { opacity:.8; } .header .header-content .right-content .social ul li a .fa-facebook { color: #1877f2; } .header .header-content .right-content .social ul li a .fa-instagram { color: #c32aa3; } .header .header-content .right-content .social ul li a .fa-twitter { color: #1da1f2; } .header .header-content .right-content .social ul li a .fa-pinterest { color: #E60023; } .header .header-content .right-content .social ul li a .fa-linkedin { color: #0072b1; } .header .header-content .right-content .social ul li a .fa-youtube { color: #FF0000; } .header .header-content .right-content .email { float:right; width: auto; margin: 6px 0 0 20px; text-align:right; line-height:15px; border: 0; padding: 0 0 0 20px; border-left:1px solid #CCCCCC; } .header .header-content .right-content .email a { color:#444; font-size: 14px; letter-spacing:0.2px; font-weight: 400; padding:0; } .header .header-content .right-content .email a:hover { color:#0066CC !important; } .header .header-content .right-content .email i { color:#444; font-size:12px; } .menu { width: auto; margin: 30px auto 0 auto; clear:both; overflow:hidden; float:right; } .menu .m-content { border:0; margin:0 auto; width: 100%; max-width:1300px; overflow:hidden; } .menu .m-content ul { list-style-type:none; padding:0; margin:0 auto; width: 100%; float:right; text-align:center; display:block; } .menu .m-content ul li { float:none; margin:0 auto; padding:0; text-align:center; padding:0; display:inline-block; width: auto; } .menu .m-content ul li a { display: block; border:0; text-align:center; padding:0 15px; width: 100%; transition:.5s; } .menu .m-content ul li a { color: #888; font-size:15px; font-weight: 400; line-height: 45px; opacity:.8; text-transform: none; letter-spacing:.5px; } .menu .m-content ul li a:hover { opacity:1; color: #3D3E9B; } .menu .m-content ul li .active { opacity:1; color: #3D3E9B; } .menu .m-content ul li:last-child a { padding-right:0; } .menu .m-content .sub { width: 260px; margin-top:0; margin-left:0; top: auto; left: auto; } .menu .m-content .sub { position: absolute; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.3s linear; } .menu .m-content .sub { background: #FFF; border: 1px solid rgba(100, 100, 100, .4); border-radius: 0 0 3px 3px; border-top: none; box-shadow: 0 3px 8px rgba(0, 0, 0, .25); } .menu .m-content .sub li { width:100%; margin: 0; z-index:999; padding: 0; text-align: left; height:40px; border-bottom:1px solid rgba(255,255,255,.5); } .menu .m-content .sub li a { color: #999999; border:0; padding: 0 0 10px 5px; display: block; font-size: 15px; text-align:left; line-height: 40px; background:none; font-weight: 500; } .menu .m-content .sub li a:hover { color:#3D3E9B; border:0; } .menu .m-content .sub li:first-child a { padding-left: 5px; } .menu .m-content .sub li:last-child a { padding-right:0; border-bottom:0; } .menu .m-content ul li:hover ul { visibility: visible; opacity: 1; display: block; padding: 10px; z-index:999; margin-top:0px; } .menu .m-content .rwd, .menu .m-content .rwd-button { display:none; } /* ===== Box Contacto ===== */ .box-contacto { display:none; position:absolute; z-index:999; top:20px; margin: 0 -505px 0 0; padding: 0; width: 280px; background:rgba(254,254,254,.85); overflow:hidden; border:0; right:50%; } .box-contacto .titulo { border:0; margin:10px 15px 5px 15px; border:0; padding: 0; width:auto; } .box-contacto .titulo h4 { border:0; text-transform:uppercase; color:#111; padding:0; line-height:35px; font-weight:400; font-size:16px; } .box-contacto .frm-box-contacto { padding:0 15px 15px 15px; } .box-contacto .frm-box-contacto input { border:1px solid #ddd; font-size: 13px; width: 100%; padding: 5px 8px; line-height:23px; margin: 0 auto 13px auto; } .box-contacto .frm-box-contacto textarea { border:1px solid #ddd; font-size: 13px; width: 100%; color:#444; margin: 0 auto 13px auto; padding:5px 8px; } .box-contacto .frm-box-contacto input:hover, .box-contacto .frm-box-contacto textarea:hover { border:1px solid #BBB; } .box-contacto .frm-box-contacto input[type=submit] { background: #5002FF url(../img/bg-buscar.png) 93% 50% no-repeat; font-size:13px; margin: 0 auto; font-weight:400; } .box-contacto .frm-box-contacto input[type=submit] { width:100%; color:#FFF; padding: 0 0 0 10px; text-transform:uppercase; text-align:left; line-height:33px; } .box-contacto .frm-box-contacto input[type=submit]:hover { opacity:.95; } /* ===== Buscar ===== */ .box { position:relative; margin:0 auto 0 auto; width:100%; overflow:hidden; background:none; } .box { padding: 40px 0 60px 0; overflow:hidden; border:0; } .box .titulo { margin: 5px auto 20px auto; text-align:center; padding: 0; border:0; overflow: hidden; } .box .titulo h1 { margin:0 auto; padding: 0; border:0; width:100%; float:none; text-align:center; } .box .titulo h1 { color:#fff; font-size:34px; font-weight: 500; text-transform:none; background: none; letter-spacing:1px; } .box .box-content { position:relative; overflow:hidden; background:#FFF; padding:0; width:80%; max-width:1180px; margin: 0 auto; border:0; } .box .box-content { box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.3); border-radius:4px; } .box .box-content .frm-buscar { -webkit-box-shadow: 0px 0px 27px 0px rgba(90, 90, 90, 0.2); -moz-box-shadow: 0px 0px 27px 0px rgba(90, 90, 90, 0.2); box-shadow: 0px 0px 27px 0px rgba(90, 90, 90, 0.2); } .box .box-content .frm-buscar { padding: 0; width:auto; } .box .box-content .opcion { width:20%; float:left; overflow:hidden; padding: 0; margin: 0; border:0; } .box .box-content .opcion label { font-size: 16px; color:#222; font-weight: 300; } .box .box-content .opcion .styled-select { float:left; padding:0; overflow: hidden; position:relative; background: #FFF url(../img/down_arrow_select.png) right 50% no-repeat; border: 0; } .box .box-content .opcion .styled-select { width: 100%; height: 50px; margin:0; opacity:1; border-right:1px solid #f5f5f5; } .box .box-content .opcion .styled-select select { -o-transition:.4s; -ms-transition:.4s; -moz-transition:.4s; -webkit-transition:.4s; transition:.4s; } .box .box-content .opcion .styled-select:hover select { opacity:1; border:0; color: #000; } .box .box-content .opcion .styled-select select { cursor:pointer; background: transparent; background:rgba(255, 255, 255, 0); width: 17%; padding: 0 0 0 15px; line-height:50px; color:#666; font-weight:400; font-size: 15px; border: 0; height: 40px; appearance:none; -moz-appearance:none; -webkit-appearance:none; } .box .box-content .operacion .styled-select select { width: 100%; } .box .box-content .tipo .styled-select select { width: 100%; } .box .box-content .ciudad .styled-select select { width: 100%; } .box .box-content .orden .styled-select select { width: 100%; } .box .box-content .frm-text { display:block; float:left; margin: 0; width:100%; border:0; } .box .box-content .frm-text input[type=text] { background: #FFF; font-size:16px; padding: 0 0 0 15px; border: 0; } .box .box-content .frm-text input[type=text] { opacity: .9; width:100%; text-transform:none; text-align:left; line-height:48px; font-weight:400; font-size: 15px; } .box .box-content .frm-text input[type=text] { -o-transition:.4s; -ms-transition:.4s; -moz-transition:.4s; -webkit-transition:.4s; transition:.4s; } .box .box-content .frm-text input[type=text]:hover { opacity:.85; opacity: 1; background:#fafafa; } .box .box-content .frm-input { display:block; float:right; margin: 0; width:20%; border:0; } .box .box-content .frm-input input[type=submit] { border-radius:0; background: #3D3E9B url(../img/bg-buscar.png) 25% 50% no-repeat; font-size:17px; padding: 0 0 0 10px; } .box .box-content .frm-input input[type=submit] { width:100%; text-transform:none; text-align:center; line-height:50px; font-weight:400; letter-spacing:0; } .box .box-content .frm-input input[type=submit] { -o-transition:.4s; -ms-transition:.4s; -moz-transition:.4s; -webkit-transition:.4s; transition:.4s; } .box .box-content .frm-input input[type=submit]:hover { opacity:.9; } /* ===== Middle ===== */ .middle { margin: 0 auto; width: 100%; height:auto; min-height:450px; clear:both; height:auto; background: #FFF; padding:0; z-index: 99; position:relative; } .middle #slide { float:none; width:100%; min-height: 320px; height: auto; margin: 0 auto; overflow: hidden; padding:0;clear:both; text-align:center; } .inside-content { border:0; height:132px; overflow:hidden; background:rgba(0,0,0,.35); min-height:auto; } .inside-content #slide-home { margin:0 auto; background: rgba(0,0,0,.1); } .inside-content #slide-home img { opacity:.95; overflow:hidden; -webkit-filter: blur(5px); filter: blur(5px); } .inside-content #slide-home .slide-desc { border:0; width:85%; max-width:1300px; background:none; padding:0; bottom:25%; text-align:left; right:0; } .inside-content #slide-home .slide-desc h3 { padding:0; width: 100% !important; font-weight: 300; text-align:left; text-transform:uppercase; max-width: 100%; } .inside-content #slide-home .slide-desc h3 { margin:0; color:#fff; padding: 0 0 20px 0; float:none; font-size: 29px; text-shadow: 2px 1px 10px #8398BA; } .inside-content .slide-navs { display: none !important; } .inside-content a { display:none !important; } .inside-content .skdslider { margin-top: -75px;} .titulo { clear:both; margin: 25px 0 20px 20px; display: block; text-align:left; overflow: hidden; border:0; border-bottom:1px solid #ddd; } .titulo { width:99%; height:auto; background:none; float:none; } .titulo .content { width:100%; padding:0; margin:0 auto; overflow:hidden; color:#fff; border:0; } .titulo .content h1 { width:60%; float:left; font-size:24px; border:0; font-weight: 300; border:0; text-transform:none; color:#4A525D; } .titulo .content .addthis_toolbox { border:0; float:right; margin-right:0; margin-top: 2px; width: 25%; border:0;} /* ===== Contenido ===== */ #content { overflow: hidden; padding:0; width:90%; max-width:1300px; margin: 0 auto; clear:both; } #content .boton { padding: 10px 40px; float:left; font-size: 15px; font-weight:600; opacity: 1; letter-spacing: .5px; transition: .3s; } #content .boton:hover { opacity:.9 !important; } #content .imprimir { background: #061F3F; display: block; padding: 0 23px; float:left; margin-left: 10px; } #content .imprimir { text-transform:uppercase; font-size: 15px; color:#FFF; font-weight:600; line-height: 39px; letter-spacing:.1px; } #content .imprimir { -webkit-border-radius:3px; -moz-border-radius: 3px; border-radius:3px; } #content .imprimir:hover{ opacity:.8; } #content .cotizar { float:left; margin-top:20px; } /* ===== Detalle ===== */ #content .detalle { margin:20px auto; border:0; } #content .detalle .prop-imagen { float:left; width: 66%; margin: 0 10px 20px 0; position:relative; overflow: hidden; } #content .detalle .prop-imagen .datos2 { width:100%; clear:both; margin:0; padding: 0; border:0; float:none; overflow:hidden; height:50px; position: relative; } #content .detalle .prop-imagen .datos2 p { float:left; width:auto; border:0; display:block; padding: 0 15px; margin:0; } #content .detalle .prop-imagen .datos2 p { color:#454D4F; font-weight:400; font-size:15px; line-height: 50px; } #content .detalle .prop-imagen .datos2 p i { margin: 0 2px; font-size: 15px; } #content .detalle .prop-imagen .datos2 p .sep { color:#DDD; } #content .detalle .prop-imagen .datos2 .cantidad { padding: 0 20px 0 0; } #content .detalle .prop-imagen .datos2 .dorm { padding: 0 20px; } #content .detalle .prop-imagen .datos2 .banos { padding: 0 20px; } #content .detalle .prop-imagen .datos2 .last { border-right:0; padding: 0 0 0 20px; } #content .detalle .prop-imagen .datos2 .pvalor { color:#061F3F; font-size: 34px; font-weight: 600; text-align:right; float:right; display: block; width:auto; padding:8px 0 0 0; } #content .detalle .prop-imagen .image-gallery { display: flex; flex-direction: column; flex-wrap: wrap; margin: 0 auto; width:100%; overflow:hidden; } #content .detalle .prop-imagen .image-gallery .gallery { display: block; margin: 0; width: 100%; float:right; overflow:hidden; } #content .detalle .prop-imagen .image-gallery .gallery section { display: none; margin: 0; width: 100%; margin-top: 0; margin-bottom: 0; text-align:center; position: relative; height: 555px;} #content .detalle .prop-imagen .image-gallery .gallery section:first-of-type { display: block; } #content .detalle .prop-imagen .image-gallery .gallery section img { width: auto; height: 100%; object-fit: contain; } #content .detalle .prop-imagen .image-gallery #thumbs { display: block; margin: 20px auto; width: 100%; padding: 6px 0 1px 6px; float:none; overflow:hidden; position:relative; text-align: left; background:#FFF; } #content .detalle .prop-imagen .image-gallery #thumbs input { display: none; } #content .detalle .prop-imagen .image-gallery #thumbs label { border: 0; margin: 2px 2.5px; padding: 0; text-align: center; display:inline-block; width: 72px; height:55px; overflow:hidden; } #content .detalle .prop-imagen .image-gallery #thumbs label:hover { cursor: pointer; } #content .detalle .prop-imagen .image-gallery #thumbs label img { height: 100%; width: auto; object-fit: contain; } #content .detalle h3 { font-size: 21px; font-weight:600; margin: 20px 0 10px 0; color:#52658C; padding: 0 0 5px 0; } #content .detalle .general h4 { margin: 15px 0; } #content .detalle .general p { line-height:26px; } #content .detalle h1 { color: #1f2a44; font-weight: 600; margin: 5px auto 25px auto; text-transform:uppercase; } #content .detalle .general { border:0; width:100%; margin: 0 auto; padding: 0; background:none; font-weight: 400; color:#777; } #content .detalle .mapa { width:100%; margin:20px 0 0 0; float:right; border:0; padding: 0; } #content .detalle .mapa #detalle-mapa { width:100%; height:400px; margin:20px 0; border: 2px solid #fff; } #content .detalle .prop-datos { float:right; width: 30%; font-size: 14px; border:0; padding: 0; } #content .detalle .prop-datos .p-datos { background:#fff; padding: 20px; overflow:hidden; width:100%; border:0; } #content .detalle .prop-datos .p-datos h3 { color: #52658C; text-transform:none; font-size: 22px; margin:0; padding: 0; font-weight:500; } #content .detalle .prop-datos .p-datos .dato {overflow:hidden; float:left; width: 45%; height: 30px; line-height: 30px; font-weight: 400; border-bottom:1px dotted #e5e5e5; letter-spacing:0px; text-transform:none; font-size:14px; } #content .detalle .prop-datos .p-datos .valor {overflow:hidden; float:left; width: 53%; height: 30px; line-height: 30px; border-bottom:1px dotted #e5e5e5; margin-left:4px; color:#555; font-weight:400; font-size:14px; } #content .detalle .prop-datos .p-datos .addthis_toolbox { border:0; float:left; margin: 10px 0; width:100%; } #content .detalle .prop-datos .p-datos .boton { padding-left: 12px; padding-right: 12px; background:#3D3E9B; } #content .detalle .prop-datos .p-datos .boton:hover { opacity:.95; } #content .detalle .simuladores { background:#FFF; padding: 20px; overflow:hidden; width:100%; margin: 0 auto 20px auto; } #content .detalle .simuladores h3 { font-size: 21px; font-weight:600; margin: 0 0 10px 0; color:#52658C; padding: 0; } #content .detalle .simuladores .url { overflow:hidden; float:none; display:block; width: 100%; line-height: 30px; font-weight: 500; border-bottom:1px dotted #e5e5e5; font-size:14px; } #content .detalle .simuladores .url:last-child { border-bottom:0; } #content .detalle .simuladores .url a:hover { color:#444; } .navegador { width:100%; margin:0 auto 25px auto; display: block; border:0; text-align:left; overflow:hidden; background:#fff; border: 0; border-left: 4px solid #3D3E9B; } .navegador span { color:#555; font-weight: 600; margin: 0; display: block; padding: 0 20px; border-right:1px solid #fff; float:left; font-size: 13px; line-height: 40px; } .navegador span:last-child { border-right:0;} .navegador span span { border-right: 0; display:inline; float:none; color:#666; font-weight: 600; padding:0; } .navegador .dato-estado { display:block; border:0; overflow:hidden; float:right; width: auto; height: auto; font-size:20px; margin:0; color:#444; font-weight: 600; padding:0 10px; } .navegador .dato-estado img { margin: -2px 0 0 0; } .frm-contacto2 { background:#fff; color:#52658C; margin: 25px auto; padding: 0 20px 20px 20px; overflow:hidden; width: 100%; border:0; } .frm-contacto2 h3 { color: #1f2a44; font-size:22px; font-weight:400; border: 0; margin: 15px 0 20px 0; padding-top:8px; } .frm-contacto2 p { margin: 20px 0 15px 0; font-size:15px; } .frm-contacto2 p.datos { width: 100%; clear:both; overflow:hidden; } .frm-contacto2 .input { border: 1px solid #ddd; padding: 10px; font-size: 14px; color: #666; margin: 0 auto 20px auto; width: 100%; float:none;} .frm-contacto2 .input:hover { border: 1px solid #aaa; } .frm-contacto2 .textarea { border: 1px solid #ddd; padding: 10px; font-size: 14px; color: #666; margin: 0 auto 15px auto; width: 100%; height: 74px; float:none;} .frm-contacto2 .textarea:hover { border: 1px solid #aaa; } .frm-contacto2 .boton { width: 42%; margin: 0 0 0 0; } .frm-contacto2 input[type=submit] { margin-top:3px; padding:10px 0 !important; background:#3D3E9B; color:#fff; opacity:.8 !important; font-weight: 600 !important; } /* ===== Categorias ===== */ #content .left-content { float:left; padding: 10px; width: 28%; overflow: hidden; margin:25px 0 0 0; } #content .left-content .titulo { background:none; width:100%; margin: 5px auto; border:0; } #content .left-content .titulo h4 { background:none; padding: 0; font-size:17px; line-height: 36px; color:#888; font-weight:500; letter-spacing: .5px; } /* ===== Buscar ===== */ #content .left-content .mod-buscar { margin: 5px auto 25px auto; padding: 10px 20px; width: 100%; background:#FAFAFA; overflow:hidden; border:1px solid #f1f1f1; } #content .left-content .mod-buscar { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } #content .left-content .mod-buscar .titulo { text-transform:uppercase; } #content .left-content .mod-buscar .frm-buscar { padding:10px 0; } #content .left-content .mod-buscar .opcion { clear:both; width:100%; overflow:hidden; padding: 0; } #content .left-content .mod-buscar .opcion .styled-select { float:left; padding:1px; overflow: hidden; position:relative; background: #FFF url(../img/down_arrow_select.jpg) right 50% no-repeat; border: 1px solid #ddd; } #content .left-content .mod-buscar .opcion .styled-select { width: 100%; height: 36px; margin:0 0 15px 0; opacity:.9; } #content .left-content .mod-buscar .opcion .styled-select:hover { opacity:1; color:#011A2C; border:1px solid #ccc; } #content .left-content .mod-buscar .opcion .styled-select select { cursor:pointer; background: transparent; background:rgba(255, 255, 255, 0); width: 100%; padding: 0 0 0 8px; color:#454B5E; font-weight: 600; font-size: 13px; border: 0; height: 36px; appearance:none; -moz-appearance:none; -webkit-appearance:none; } #content .left-content .mod-buscar .opcion .styled-select select:hover { color:#011A2C; } #content .left-content .mod-buscar .opcion .styled-input { float:left; padding:1px; overflow: hidden; position:relative; background: #FFF; border: 1px solid #ddd; } #content .left-content .mod-buscar .opcion .styled-input { width: 100%; height: 36px; margin:0 0 15px 0; opacity:.9; } #content .left-content .mod-buscar .opcion .styled-input input { border:0; font-size: 13px; line-height:33px; padding: 0 0 0 8px;} #content .left-content .mod-buscar .opcion .styled-input:hover { border:1px solid #ccc; color:#011A2C; } #content .left-content .mod-buscar .frm-input { display:block; float:none; margin: 0 auto; } #content .left-content .mod-buscar .frm-input input[type=submit] { width:100%; background: #3D3E9B url(../img/bg-buscar.png) 94% 50% no-repeat; font-size:15px; letter-spacing: .5px; } #content .left-content .mod-buscar .frm-input input[type=submit] { padding: 0 0 0 10px; text-transform:none; text-align:left; line-height:36px; font-weight: 600; } #content .left-content .mod-buscar .frm-input input[type=submit]:hover { opacity:.95; } #content .left-content .categorias { margin: 0 0 25px 0; padding: 10px 20px; width: 100%; background:#fff; overflow:hidden; border:1px solid #f1f1f1; } #content .left-content .categorias .titulo h4 { text-transform:uppercase; font-size:20px; color:#444; } #content .left-content .categorias ul { list-style-type: none; float:left; padding: 0; margin:0 auto; width:100%; margin:0 auto; border:0; } #content .left-content .categorias ul li { padding:1% 0; display:block; clear:both; border-bottom: 1px dotted #E1E1E1; background: url(../img/bullet-menu.png) 100% 50% no-repeat; } #content .left-content .categorias ul li:hover { background: url(../img/bullet-menu-hover.png) 100% 50% no-repeat; } #content .left-content .categorias ul li:last-child { border-bottom: 0; } #content .left-content .categorias ul li a { color:#999; font-size: 15px; font-weight: 400; display:block; padding: 8px 20px 8px 0; clear:both; width:100%; letter-spacing: 0px; } #content .left-content .categorias ul li a:hover { color:#061F3F; } #content .left-content .categorias ul li a.active { color:#061F3F; } #content .left-content .entreguenos { margin:25px auto; width: 100%; height:142px; padding:0; overflow:hidden; clear:both; border:1px solid #f1f1f1; background: #FAFAFA; } #content .left-content .entreguenos { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } #content .left-content .entreguenos img { border:0; margin:0; padding:0; clear:both; margin-bottom:0; } #content .left-content .entreguenos a { opacity: 1; } #content .left-content .entreguenos a:hover { opacity: .8; } #content .l-desktop { display:none; } /* ===== Contenido Principal ===== */ #content .right-content { float:left; width: 72%; margin: 30px 0 15px 0px; overflow: hidden; background:none; } #content .right-content h1 { color: rgb(31, 42, 68); border-bottom: 1px solid #ddd; padding-bottom:8px; margin:10px 0 20px 20px; text-transform:uppercase; font-size: 26px; font-weight:600; text-align:left; } #content .right-content h3 { border: 0; padding-bottom:5px; margin-bottom:15px; margin: 0 0 20px 0; } #content .full h1 { border:0; text-align:center; color:#444; font-weight:400; font-size:28px; } #content .full h1 span { color:#212121; font-weight:600; } #content .full .subtitulo { color:#666; font-weight: normal; font-style: normal; font-size: 28px; text-align:center; margin: 10px auto 40px auto; letter-spacing: 2px; } #content .right-content .notfound { font-size:14px; font-style:italic; color:#999; margin: 0 auto 45px auto; display: block } #content .right-content .descripcion { color:#666; font-size:14px; margin:15px 0 20px 0; width:100%; line-height:22px; } #content .right-content .enviar { display: block; float:right; width:auto; font-size: 12px; font-weight:400; color:#FFF; background:#65A0BA; } #content .right-content .enviar { margin:0; padding: 0 10px; line-height: 28px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #content .right-content .enviar:hover { opacity:.8; } /* ===== Contenido ===== */ #content .right-content .contenido { float:left; background:none; border:0; width:97%; padding:0; margin: 0 0 20px 20px; font-size:15px; overflow:hidden; } #content .right-content .contenido p { color: #666; margin-top:0; line-height: 24px; font-weight:300; font-size:16px; } #content .right-content .general ul { list-style-type:none; margin-top: 10px; margin: 0 auto; background:none; padding: 15px; border:0; } #content .right-content .general ul li { color:#666; line-height: 20px; padding-left: 12px; background: url(../img/bullet.png) left 9px no-repeat; margin-bottom: 10px; font-weight: 400; font-size:15px; } #content .right-content .general h1 { margin-left:0; border-bottom:0; text-transform:none; color:#3D3E9B; font-weight: 600; font-size: 23px; margin-bottom:10px; } #content .right-content .general h2 { margin-top: 25px; margin-left:0; margin-bottom:15px; border-bottom:0; text-transform:none; font-size: 20px; font-weight:500; } #content .right-content .general h3 { font-size: 18px; font-weight: 500; margin-top: 30px; } #content .right-content .general h4 { font-size: 17px; font-weight: 500; margin-top: 15px; } #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:10px 0; font-weight:400; padding:0 0 5px 0; } #content .contenido .prop-imagen .general ul { margin:0 0 0 10px; padding:0; list-style-type:none; } #content .contenido .prop-imagen .general ul li { background: url(../img/bullet.png) left 10px no-repeat; padding-left: 12px; color:#666; font-size: 15px; font-weight: 300; line-height:24px; } #content .right-content .contenido .img-noticia { border:0; float:left; margin: 5px 20px 20px 0; width: 250px; overflow:hidden; border:1px solid #f1f1f1; } #content .right-content .contenido .texto-noticia { border:0; float:right; overflow:hidden; font-size: 17px; color:#666; font-weight: 300; line-height:24px; text-align:left; } #content .right-content .contenido .img-noticia-detalle { border:0; float:none; margin: 5px 20px 20px 0; width: 100%; overflow:hidden; border:1px solid #f1f1f1; } #content .right-content .contenido .img-noticia-detalle img { width: 100%; height:auto; } #content .right-content .contenido .texto-noticia-detalle { border:0; float:none; overflow:hidden; width: 100%; font-size: 17px; color:#666; font-weight: 300; line-height:24px; text-align:left; } #content .right-content .contenido .two-colum { list-style:none; width:100%; margin-bottom:20px; overflow:hidden; border:0; list-style-type: none; background:none; margin: 0; } #content .right-content .contenido .two-colum li { width:45%; line-height:22px; border-bottom:1px solid #eee; float:left; display:inline; background:none; padding: 5px 0 10px 0; margin:0 5% 30px 0; font-size:14px; color:#999; } #content .right-content .contenido .two-colum li a { font-size: 20px; font-weight: 300; color:#D2503C; } #content .right-content .contenido .two-colum li a:hover { color:#444; } #content .full { width:100%; } /* ===== Formulario ===== */ #content .frm-contacto { background:#fff; margin: 40px 2% 40px 0; overflow:hidden; width: 60%; float:left; border:0; padding: 30px 20px 40px 30px; } #content .frm-contacto { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } #content .frm-contacto table td { font-size: 14px; color: #888; padding: 7px 5px; font-weight:600; } #content .frm-contacto h1 { text-transform: uppercase; font-size: 24px; letter-spacing: 1px; } #content .frm-contacto p { margin:0 0 20px 0; font-size: 16px; color:#777; padding-right: 25px; text-align:left; line-height: 24px; } #content .frm-contacto .input { border: 1px solid #ccc; padding: 11px 7px; font-size: 15px; color: #666; margin: 5px 0; width: 100%; float:left; font-weight:400; } #content .frm-contacto .input:hover { border: 1px solid #999; } #content .frm-contacto .select { border: 1px solid #ccc; padding: 8px 7px; font-size: 15px; color: #666; margin: 5px 0; width: 100%; float:left; font-weight:400; height:36px; } #content .frm-contacto .select:hover { border: 1px solid #999; } #content .frm-contacto .captcha { border: 1px solid #ccc; padding:8px 7px; font-size: 15px; color: #666; margin: 5px 0 5px 0; text-align:center; width:80px; font-weight:400; } #content .frm-contacto .captcha:hover { border: 1px solid #666; } #content .frm-contacto .textarea { border: 1px solid #ccc; padding: 8px 7px; font-size: 15px; color: #666; margin: 5px 0; width: 100%; height: 90px; float:left; font-weight:400; } #content .frm-contacto .textarea:hover { border: 1px solid #999; } #content .frm2 { width: 100%; margin: 10px auto; } #content .frm2 form { width: 80%; margin: 20px auto; } #content .frm2 label { width: 120px; } #content .frm2 div.error { margin-left: 120px; } #content .datos-contacto {float:right; width:38%; overflow: hidden; margin: 5px 0 0 0; padding-left: 0px; } #content .datos-contacto h2 { margin-bottom: 10px; } #content .datos-contacto .tbl-datos { margin: 0; text-align:left; font-size:15px; } #content .datos-contacto .tbl-datos strong { font-size:18px; color:#aaa;font-weight:400; margin:0; padding:5px 0 5px 0; display:block; border-bottom:1px solid #ddd; } #content .datos-contacto .tbl-datos .dato { color:#565E75; font-size:16px; line-height: 22px; font-weight: 400; } #content .datos-contacto .tbl-datos .tel { font-size:22px; line-height:36px; margin:0; } #content .datos-contacto .tbl-datos .tel a {color:#444; font-weight:600; } #content .datos-contacto .tbl-datos .tel .fa-whatsapp {color:#70C14D; font-weight:700; } #content .datos-contacto .tbl-datos .mesa { font-size:22px; line-height:18px; margin:0; } #content .datos-contacto .tbl-datos .correo { font-size:16px; margin:-10px 0 0 0; } #content .datos-contacto .tbl-datos img { margin: 7px; } #content .contenido .tab_content ul { padding-left: 10px !important; } #content .contenido .tab_content ul li { background: url(../img/li.png) left 8px no-repeat; padding-left: 12px; color: #777; } #content .portada { border:0; width: 100%; overflow:hidden; position:relative; text-align:left; padding: 5px 0; } #content .portada .titulo { margin:15px 0 20px 0; width: 100%; border-bottom:1px solid #e1e1e1; } #content .portada .titulo h1 { margin:10px 0 5px 0; width: 50%; border:0; float:left; font-size:24px; color:#252a2b; text-transform:none; } #content .portada .vertodas { margin:15px 0 5px 0; width: 40%; float:right; border:0; color:#3D3E9B; } #content .portada .vertodas { padding: 0; line-height: 24px; font-size: 14px; font-weight:400; display:block; text-align:right; width:auto; border:0; } #content .portada .vertodas { -webkit-border-radius:2px; -moz-border-radius: 2px; border-radius:2px; letter-spacing: 0; } #content .portada .vertodas:hover { opacity: .9; border:0; color:#444; } #content .empresa { border:0; width: 100%; overflow:hidden; position:relative; text-align:left; padding: 5px 0; } #content .empresa ul { list-style-type:none; margin-top: 10px; margin-left: 0; padding-left:0; background:none; padding: 0; border:0; } #content .empresa ul li { color:#666; line-height: 18px; font-size:15px; padding-left: 10px; background: url(../img/bullet.png) left 10px no-repeat; margin-bottom: 10px; } #content .empresa #map { margin: 20px auto; border:4px solid #fff; } /* Propiedad */ #content .right-content .propiedades { float:none; margin:0 auto; padding:30px 0 0 0; width:100%; overflow:hidden; position:relative; text-align:center; } #content .box-propiedad { position:relative; display:inline-block; width:29.5%; max-width: 335px; padding: 0; margin: 0 18px 35px 18px; background:#FFF; border:0; overflow:hidden; min-height:360px; transition:.5s; } #content .box-propiedad:hover { -webkit-box-shadow: 0px 0px 27px 0px rgba(90, 90, 90, 0.2); -moz-box-shadow: 0px 0px 27px 0px rgba(90, 90, 90, 0.2); box-shadow: 0px 0px 27px 0px rgba(90, 90, 90, 0.2); } #content .box-propiedad .imagen { position:relative; text-align: center; margin: 0 auto; height: 210px; overflow:hidden; } #content .box-propiedad .imagen img { position:absolute; top:-100%; left:0; right: 0; bottom:-100%; margin: auto; width:100%; min-height: 210px; } #content .box-propiedad .box-estado { z-index:666; background: rgba(222, 146, 0, .9); color:#FFF; width:auto; height:26px; line-height:26px; padding: 0 12px; text-align:center; } #content .box-propiedad .box-estado { position:absolute; top:10px; right:10px; text-transform:uppercase; font-size: 13px; font-weight:600; letter-spacing:.5px; } #content .box-propiedad .box-estado2 { z-index:666; background: rgba(13, 64, 127, .9); color:#FFF; width:auto; height:34px; line-height:34px; padding: 0 15px; text-align:center; } #content .box-propiedad .box-estado2 { position:absolute; bottom:10px; left:10px; text-transform:uppercase; font-size: 14px; font-weight:600; letter-spacing:0; } #content .box-propiedad .titulo { position:relative; bottom:0; left:0; border:0; padding:0 15px; margin: 5px 0; height: 50px; overflow:hidden; display:block; clear:both; width:100%; } #content .box-propiedad .titulo h3 { letter-spacing:0; border:0; padding: 0; margin: 0; text-transform: none; line-height: 24px; height:48px; } #content .box-propiedad .titulo h3 a { border:0; color:#444; display:block; font-size: 19px; padding: 0; font-weight: 500; text-transform: none; } #content .box-propiedad .titulo h3 a:hover { color:#000; } #content .box-propiedad .ciudad { padding: 0; text-transform:none; margin: 5px 10px 0 10px; text-align:left; } #content .box-propiedad .ciudad a { color:#999999; font-weight:400; padding: 0; line-height: 30px; font-size: 14px; } #content .box-propiedad .ciudad a:hover { color:#394659 !important; } #content .box-propiedad .precio { position:absolute; background:url(../img/bg-precio.png) bottom center repeat-x; bottom:0; text-align:left; width: 100%; margin:0; padding: 0; height:111px; padding-top:72px; z-index:9; } #content .box-propiedad .precio span { position:relative; font-size: 19px; color:#FFF; text-align:left; font-weight:600; letter-spacing:1px; line-height: 30px; display:block; float:left; width:auto; margin: 0 10px 0 15px; text-shadow:1px 1px 5px rgba(0,0,0,.3); font-family: 'Arial',sans-serif; } #content .box-propiedad .datos2 { width:100%; clear:both; margin:5px auto; padding: 0; border:0; float:none; overflow:hidden; height:40px; } #content .box-propiedad .datos2 p { float:left; width:auto; border:0; display:block; padding: 0 8px; margin:0; } #content .box-propiedad .datos2 p { color:#454D4F; font-weight:400; font-size:14px; line-height: 40px; } #content .box-propiedad .datos2 p i { margin: 0 2px; font-size: 14px; } #content .box-propiedad .datos2 p .sep { color:#DDD; } #content .box-propiedad .datos2 .mts { padding: 0 10px; } #content .box-propiedad .datos2 .dorm { padding: 0 10px; } #content .box-propiedad .datos2 .banos { padding: 0 10px; } #content .box-propiedad .datos2 .last { border-right:0; padding: 0 0 0 10px; } #content .box-propiedad .grayscale img { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } #content .box-maquinaria { min-height: 310px; } #content .box-maquinaria .ciudad { color:#777; font-size:14px; margin:15px 10px 3px 10px; } /* Noticias */ #content .box-noticia { position: relative; float: none; display:inline-block; width: 31%; padding: 0; margin: 2px 0 30px 0; background: #FaFaFa; overflow: hidden; border: 0; transition:.3s; } #content .box-noticia .img-noticia { float:none; width: 100%; margin: 0 3% 0 0; } #content .box-noticia .img-noticia img { width:100%; height:auto; } #content .box-noticia .texto-noticia { float:none; width: 100%; overflow:hidden; padding: 10px 0; } #content .box-noticia .texto-noticia .fecha { color:#aaa; font-size:13px; padding: 0;} #content .box-noticia .texto-noticia .titulo { border:0; padding: 0; margin:0; color:#1B2A5A; height:40px; } #content .box-noticia .texto-noticia .titulo h3 { border:0; margin:0; } #content .box-noticia .texto-noticia .titulo h3 a { color:#1B2A5A; display:block; font-size:30px; line-height:32px; } #content .box-noticia .texto-noticia .titulo h3 a:hover { color:#384470; } #content .box-noticia .texto-noticia .texto { padding: 0; font-size:16px; color:#777; overflow:hidden; } #content .box-noticia .texto-noticia p { color: #666; font-size: 16px; line-height:24px; font-weight:400; } #content .box-noticia .texto-noticia ul { list-style-type:none; margin-top: 10px; margin: 0 auto; background:none; padding: 15px; border:0; } #content .box-noticia .texto-noticia ul li { color:#666; line-height: 22px; padding-left: 12px; background: url(../img/bullet.png) left 10px no-repeat; margin-bottom: 10px; font-weight:400; } #content .box-noticia .texto-noticia a { font-weight:500; } #content .box-noticia:hover { box-shadow: 0 3px 15px rgb(0 0 0 / 10%); } /* ===== Blog ===== */ .blog { position:relative; width: 100%; overflow:hidden; text-align:center; background:#fff; border-top:1px solid #ddd; height: 100%; padding: 0 0 30px 0; } .blog h2 { margin: 30px auto 20px auto; text-align:center; clear:both; color:#000; } .blog .box-noticia { display:inline-block; width: 28%; margin: 2%; background:#FFF; height: 360px; vertical-align: top; max-width:340px; } .blog .box-noticia .img-noticia { width: 100%; height: 200px; margin: 0 auto; } .blog .box-noticia .img-noticia img { width: 100%; height: 100%; margin: 0 auto; } .blog .box-noticia .texto-noticia { width: 100%; margin:10px auto; text-align:left; } .blog .box-noticia .texto-noticia .titulo { width: 85%; border:0; margin: 20px auto; } .blog .box-noticia .texto-noticia .titulo h3 { margin: 0; padding:0; border:0; } .blog .box-noticia .texto-noticia .titulo h3 a { font-size: 22px; color:#384470; } .blog .box-noticia .texto-noticia .titulo h3 a:hover { color:#444; } .blog .box-noticia .texto-noticia .texto { font-size: 15px; color:#999; text-align:left; line-height:22px; width:85%; height: 65px; overflow:hidden; } #content .general .box-detalle { width: 100%; background:none; margin:0 auto; padding: 8px 0 20px 20px !important; } #content .general .box-detalle h1 { margin: 0 auto 20px auto; width:100%; font-size:30px; font-weight:500; line-height:32px; } #content .general .box-detalle .img-noticia { width:100%; height: auto; text-align:center; float:none; width:100%; } #content .general .box-detalle .img-noticia img { max-height:auto; } #content .general .box-detalle .texto-noticia { height: auto; float:none; width:100%; } #content .general .box-detalle .texto-noticia .fecha { padding-left:0; color:#999; } #content .general .box-detalle .texto-noticia .texto { height: auto; } #content .general .box-detalle:hover { box-shadow: none; } #content .full { width:100%; position: relative; text-align:center; } #content .full h1 { margin-top: 10px; margin-bottom: 0; font-weight:500; font-size: 30px; color:#313131; } #content .full h1 span { margin-top: 30px; font-weight:500; color: #313131; } #content .full .box-noticia { margin: 20px 1%; vertical-align: top; } #content .full .box-noticia .texto-noticia .titulo { height: 46px; width: 90%; margin: 5px auto 20px auto; text-align:center; } #content .full .box-noticia .texto-noticia .titulo h3 a { font-size:20px; font-weight:500; line-height: 24px; } #content .full .box-noticia .texto-noticia .texto { margin: 0 auto; width:90%; font-size: 14px; font-weight:400; color:#777; height:76px; } #content .full .box-noticia .vermas { float:none; display:inline-block; font-size: 12px; text-transform: uppercase; width:auto; margin: 20px auto 10px auto; padding: 5px 40px; border:1px solid #3D3E9B; color: #3D3E9B; border-radius: 3px; -webkit-transition: 0.4s ease; } #content .full .box-noticia .vermas:hover { color:#FFF; background:#3D3E9B; } #content .full .vertodas { margin: 30px auto; float:none; display:inline-block; border:2px solid #3D3E9B; color:#FFF; background:#3D3E9B; text-align:center; line-height: 45px; padding: 0 50px; border-radius:3px; } #content .full .vertodas:hover { color:#3D3E9B; background:none; } /* ===== Paginador ===== */ .paginador { width:96%; background: none; border:0; font-size: 18px; font-weight: 200; display: block; padding: 12px 0; color: #eee; font-weight: 300; text-align:center; margin: 0 auto 20px auto; clear: both; } .paginador a { font-size: 13px; font-weight: normal; color: #8B9293; padding: 8px 13px; text-align: center; background: #dedede; border: 1px solid #dedede; margin: 5px 4px 5px 4px; } .paginador a { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:3px; } .paginador a:hover { color: #FFF; text-decoration: none; background: #969696; border: 1px solid #969696; } .paginador strong { background:#969696; border:1px solid #969696; color: #FFF; padding: 8px 13px; font-weight:200; font-size: 13px; margin:0; } .paginador strong { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:3px; cursor: pointer; } .paginador span { font-style: italic; font-size: 13px; color:#fff; padding-right:15px;} .paginador .siguiente { margin:0 auto; padding:0 0 0 18px; line-height: 44px; font-size: 15px; font-weight: 300; color:#FFF; display:block; text-align:left; width:215px; border:0; } .paginador .siguiente { -webkit-border-radius:2px; -moz-border-radius: 2px; border-radius:2px; background: #3D3E9B url(../img/icon-siguiente.png) 93% 50% no-repeat; letter-spacing: 0; } .paginador .siguiente:hover { opacity: .9; border:0; background: #3D3E9B url(../img/icon-siguiente.png) 94% 50% no-repeat; } .visitanos { margin:0 auto; padding: 40px 0; border:0; overflow:hidden; clear:both; width:100%; } .visitanos { background: #333 url(../img/bg-contacto2.jpg) top center no-repeat; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .visitanos .v-info { width:90%; max-width:1180px; overflow:hidden; padding:0; border:0; } .visitanos .v-info .v-left { float:none; width: 90%; margin:0 auto; padding: 0; overflow:hidden; text-align: center; } .visitanos .v-info .v-left h3 { text-align:center; margin:10px auto; font-size: 40px; color:#fff; font-weight:500; letter-spacing:0; float:none; width:100%; } .visitanos .v-info .v-left p { text-transform:none; color:#eee; font-size:22px; margin:0 auto; font-weight: 300; line-height: 30px; float:none; width:70%; } .visitanos .v-info .v-right { float:none; width: 100%; margin:30px auto; padding:0; overflow:hidden; } .visitanos .v-info .v-right .v-boton { background:#3D3E9B; float:none; color:#FFF; margin: 0 auto; line-height: 55px; width: 240px; text-align:center; display:block; font-weight:600; padding: 0; } .visitanos .v-info .v-right .v-boton { cursor:pointer; letter-spacing:1.5px; font-size: 18px; } .visitanos .v-info .v-right .v-boton { -webkit-box-shadow: 7px 9px 30px 0 rgba(1,1,1,.1); box-shadow: 7px 9px 30px 0 rgba(1,1,1,.1); } .visitanos .v-info .v-right .v-boton i { font-size: 15px; font-weight:600; color: rgba(255,255,255,.5); margin: -3.5px 4px 0 0; display:inline-block; vertical-align:middle; } .visitanos .v-info .v-right .v-boton:hover { opacity:.96; } .banners { background:#FFF; padding: 50px 0; position:relative; overflow:hidden; width:100%; } .banners .b-content { text-align:center; position:relative; overflow:hidden; padding:0; margin:0 auto; max-width: 1200px; width:92%; } .banners .b-content .categoria { margin:0 1%; border:0; width: 22%; float:none; display:inline-block; overflow: hidden; position: relative; position:relative; border:0; } .banners .b-content .categoria a img { width:100%; height:100%; opacity: 1; } .banners .b-content .categoria a:visited { color: #FFF; } .banners .b-content .categoria a:hover { color: #FFF; } .banners .b-content .categoria h2 { position:absolute; top:35%; width:100%; margin: 0; padding: 0; text-align: center; height: auto; overflow:hidden; } .banners .b-content .categoria h2 { color: #FFF; text-decoration: none; line-height: 24px; padding:0; text-transform:uppercase; width:100%; font-size:20px; } .banners .b-content .categoria .cat { width: 100%; height: 40px; padding: 13px 10%; font-weight: 600; letter-spacing: 1px; } .banners .b-content .categoria .line { border-bottom: 2px solid #FFF; width: 72px; clear: both; margin: 0 auto; position:absolute; bottom: 74px; left:50%; margin-left: -14%; } .banners .b-content .categoria { opacity: .85; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; } .banners .b-content .categoria:hover { background:rgba(0,0,0,.8); opacity:1 } /* ===== Footer ===== */ .footer { clear:both; background: #000; margin: 0 auto; clear:both; width: 100%; padding:0; overflow:hidden; color:#f1f1f1; border:0; } .footer a { color: #fff; text-decoration:none; font-weight: 300; letter-spacing:-.5px;} .footer a:visited { color: #fff; } .footer a:hover { color:#eee; text-decoration:none; } .footer .f-content { width:88%; max-width:1180px; margin:0 auto; overflow:hidden; } .footer .f-content .data { float:left; overflow:hidden; width: 40%; padding: 50px 0; margin: 0; } .footer .f-content .data { font-size:16px; line-height: 40px; font-weight: 300; color:#EBEBEB; text-align:left; } .footer .f-content .data span { color:#fff; } .footer .f-content .data .cr { font-weight: 300; font-size:22px; color: #fff; margin:0; display:block; padding: 0; text-transform: none; letter-spacing:.5px; line-height: 18px; } .footer .f-content .data .st2 { font-size:14px; font-weight: 300; color: #fff; margin:-8px 0 0 0; display:block; text-transform: uppercase; } .footer .f-content .data .celular { margin-left:3px; } .footer .f-content .data .tel { font-size:18px; line-height:20px; font-weight: 300; letter-spacing: 1px; color:#EDEDED; display:inline; } .footer .f-content .data .tel2 { font-size:14px; line-height:30px; font-weight: 300; letter-spacing: 1px; color:#EDEDED; margin:15px 0 0 3px; } .footer .f-content .data a { font-size: 18px; font-weight:400; letter-spacing:1px; } .footer .f-content .data .social { float:none; padding: 0; width:100%; line-height:40px; border:0; } .footer .f-content .data .social a { margin: 0 15px 0 0; } .footer .f-content .data .social a i { color:#FFF; transition: .3s; font-size: 20px; } .footer .f-content .data .social .cr { margin-bottom:22px; } .footer .f-content .data .social a:hover i { opacity: .7; } .footer .f-content .data .social .fa-facebook { color: #1877f2; } .footer .f-content .data .social .fa-instagram { color: #c32aa3; } .footer .f-content .data .social .fa-twitter { color: #1da1f2; } .footer .f-content .data .social .fa-pinterest { color: #E60023; } .footer .f-content .data .social .fa-linkedin { color: #0072b1; } .footer .f-content .data .social .fa-youtube { color: #FF0000; } .footer .f-content .datos { line-height:34px; } .footer .f-content .datos span { display:block; padding:3px 0 0 0; font-size:13px; line-height:18px; color:#999; font-weight: 600; } .footer .f-content .datos .correo { display:inline; padding-left:0; color:#EBEBEB; font-size:15px; font-weight: 300; } .footer .f-content .datos i { color:rgba(255,255,255,.5); width:20px; } .footer .f-content .accesos { width: 30% !important; border:0; margin:0; } .footer .f-content .redes { width: 30% !important; border:0; padding: 40px 45px 90px 45px; margin:0; background:#0F0F27; } .footer .f-content .redes p { font-size:18px; line-height: 24px; margin: 20px auto 30px auto; } .footer .f-content .redes .cr { font-size:16px; color:#bbb; margin-top: 40px; } .footer .f-content .redes .wsp { display:inline-block; width:auto; padding: 0 20px 0 15px; border-radius:5px; text-align:center; line-height: 44px; background:#3A3CA1; } .footer .f-content .redes .wsp { font-size: 19px; } .footer .f-content .redes .wsp i { font-size: 15px; color: #70C14D !important; margin: 0 5px; display:inline-block; } .footer .f-content .data .f-menu { width: 100%; margin:10px 0; overflow:hidden; } .footer .f-content .data .f-menu ul { list-style-type: none; float:left; padding:0; margin:20px 0 0 0; } .footer .f-content .data .f-menu ul li { display:block; border:0; margin: 0; padding:0; } .footer .f-content .data .f-menu ul li a { font-size:15px; font-weight: 400; color:#ddd; line-height:34px; letter-spacing:0; } .footer .f-content .data .f-menu ul li a:hover { text-decoration:none; color:#fff; } .footer .f-content .data .f-menu ul li:last-child { border-right:0; padding-right:0; margin-right:0; } .f-bottom { clear:both; background: #222; margin: 0 auto; clear:both; width: 100%; padding:0; overflow:hidden; color:#f1f1f1; border:0; } .f-bottom .b-content { width:88%; max-width:1180px; padding: 15px 0; margin:0 auto; overflow:hidden; border:0; font-weight:400; } .f-bottom .b-content .copy { line-height: 18px; margin:0 10px 0 0; padding: 0 10px 0 0; font-size:13px; display: inline-block; color:#aaa; border-right:1px solid #444; vertical-align: top; } .f-bottom .b-content .indicadores { line-height: 18px; margin:0; font-size:13px; display: inline-block; vertical-align: top; } .f-bottom .b-content .indicadores span { color:#AAA; display:inline-block; padding: 0 5px; } .f-bottom .b-content .indicadores span i { color:#EEE; display:inline-block; font-style: normal; } .f-bottom .b-content .indicadores .ind { color:#C6C44B; font-weight:400; display:inline-block; } .p-detalle { width: 100% !important; overflow:hidden; } .p-detalle h1 { width: 100% !important; max-width:100% !important; } .open-whatsapp { position: fixed; bottom: 1.3em; padding: 0; width: 64px; height: 64px; cursor: pointer; right: 1.5em; opacity: 1; box-shadow: 1px 6px 24px 0 rgba(7,94,84,.24); transition: background-color .2s linear; background:none; border-radius:50%; z-index:999; } .open-whatsapp:hover { opacity: .9 } /******* Media Queries */ /* Large desktop */ @media (min-width: 1200px) { } /* Portrait tablet to landscape and desktop */ @media (min-width: 768px) and (max-width: 979px) { #wrapper { width: 100%; margin:0 auto; padding:0; } .header .header-content { width:100%; padding: 0; margin: 0 auto; } .header .header-content .left-content { float:none; width: 100%; height: auto; text-align:center; margin: 15px auto; padding: 0; } .header .header-content .left-content img { width: 90%; height:90%; max-width: 220px; } .header .header-content .right-content { float:none; margin: 0 auto; width:100%; background:#fafafa; font-size: 11px; } .header .header-content .right-content .phone { display:none; float:none; width: 100%; margin: 0 auto; text-align:center; border:0; padding: 1% 0 0 0; background:#Fafafa; } .header .header-content .right-content .phone a { padding:0; } .header .header-content .right-content .phone .tel1 { display:none; } .header .header-content .right-content .phone .tel2 { border: 0; } .header .header-content .right-content .email { display:none;} .header .header-content .right-content .persona { background:none; padding: 0 0 10px 0; margin:0 auto; text-align: center; width:100%; } .header .header-content .right-content .persona .nombre { font-size: 16px; } .menu { width: 100%; margin-top:0; } .menu .m-content { width: 100%; margin: 0 auto; clear:both; overflow:hidden; } .menu .m-content ul { list-style-type:none; padding:0; margin:0 auto; width: 100%; } .menu .m-content ul li { float:none; margin:0; padding:0; text-align:left; } .menu .m-content ul li a { display: block; padding: 0 15px; border:0; text-align:left; } .menu .m-content ul li a { font-size:16px; line-height: 43px; letter-spacing:0; font-weight: 600; } .menu .m-content ul li a:hover{ border:0; } .menu .m-content ul li .active { border:0; } .menu .m-content ul li:first-child a { padding-left: 15px; } .menu .m-content ul li:last-child a { padding-right:15px; padding-bottom: 5px; } .menu .m-content .inicio { width: 100%; float:none; margin: 0; } .menu .m-content .nosotros { width: 100%; float:none; margin: 0 ; } .menu .m-content .ventas { width: 100%; float:none; margin: 0; } .menu .m-content .arriendos { width: 100%; float:none; margin: 0; } .menu .m-content .servicios { width: 100%; float:none; margin: 0; } .menu .m-content .noticias { width: 100%; float:none; margin: 0; } .menu .m-content .maquinaria { width: 100%; float:none; margin: 0; } .menu .m-content .contacto { width: 100%; float:none; margin: 0; } .menu .m-content .sub { display: none; position: relative; width:100%; top: 0px; left: 0; margin-top:0; margin-left:0px; border:0; } .menu .m-content .sub { top: auto; left: auto; text-align:left; border:0; } .menu .m-content .sub li { width:100%; border: 0; margin: 0; padding: 0; text-align: left; height:40px; line-height: 40px; border:0; } .menu .m-content .sub li:hover { border:0; } .menu .m-content .sub li a { padding: 0 15px 0 10px; display: block; font-size: 14px; text-align:left; } .menu .m-content .sub li:first-child a { padding-left: 10px; } .menu .m-content ul li:hover ul { border:0; } .menu .m-content { position:relative; display:block; width: 100%; height: 50px; overflow: hidden; margin: 0 auto; } .menu .m-content .rwd { height: 50px; display:block; background: #333; margin: 0; float:left; padding: 0; width:100%; overflow:hidden; border:0; } .menu .m-content .rwd a { color:#FFF; text-transform: uppercase; display:block; font-size: 16px; line-height: 50px; } .menu .m-content .rwd a { letter-spacing:1px; text-transform:uppercase; font-weight: bold; padding-left:15px; } .menu .m-content .rwd a:hover { text-decoration: none; color:#F1F1F1; } .menu .m-content .rwd-button { cursor:pointer; display:block; position:absolute; right:15px; top:12px; } .menu .m-content .rwd-button span { display:block; margin-top:4px; height:3px; background:#FFF; width:24px; } .box { } .middle { margin:0; } .shadow-slide { display: none; } .middle { margin: 0 auto; width: 100%; min-height:auto; } .middle #slide { width: 100%; height:auto; margin:0 auto; } .inside-content { height:auto !important; overflow:hidden; margin-top:0 !important; } .inside-content #slide-home .slide-desc { border:0; width:100%; background:none; padding:0; bottom:10px; text-align:center; right:0; } .inside-content #slide-home .slide-desc { -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } .inside-content #slide-home .slide-desc h3 {padding:10px 20px; float:left; font-size: 20px; text-shadow:0; width:100%; } .titulo { clear:both; margin: 0 auto 20px auto; overflow:hidden; width:94%; padding:1% 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: 100%; overflow: hidden; margin:0; } .detalle { margin-top:0 !important; } .detalle h1 { margin: 10px; line-height:22px; font-size: 26px; padding: 0 5px 10px 0; } #content .left-content .titulo { border-bottom:0; height:30px; margin:0 auto; } #content .left-content .titulo h4 { border-bottom:0; line-height:24px; } #content .left-content .box { margin: 5px 0 10px 0; width: 100%; overflow:hidden; } #content .left-content .box .frm-buscar { padding:3%; display:none; overflow:hidden;} #content .left-content .box .opcion { clear:both; width:100%; overflow:hidden; padding: 0; } #content .left-content .box .opcion .styled-select { float:none; clear:both; padding:1px; overflow: hidden; width: 98%; margin:0 0 10px 0; } #content .left-content .box .opcion .styled-select select { width: 100%; margin:0; } #content .left-content .box .opcion .styled-input { float:none; clear:both; padding:1px; overflow: hidden; width: 98%; margin:0 0 10px 0; border:1px solid #ddd; } #content .left-content .box .opcion .styled-input input { width: 100%; margin:0; } #content .left-content .box .frm-input {display:block; float:left; margin: 0 auto; width:99%; } #content .left-content .box .frm-input input[type=submit] { width:99.2%; } #content .left-content .oportunidades { width: 100%; padding-bottom:0; margin-bottom:10px; } #content .left-content .ciudades { width: 100%; padding-bottom:0; margin-bottom:10px; } #content .left-content .servicios { width: 100%; padding-bottom:0; margin-bottom:10px; } #content .left-content .noticias { width: 100%; padding-bottom:0; margin-bottom:10px; } #content .left-content .categorias ul { display:none; width: 100%; margin-top: 10px; } #content .left-content .categorias ul li { width:98%; } #content .left-content .categorias ul li a { font-size:16px; } #content .left-content .entreguenos { display:none; } #content .left-content .oportunidades { display:none; } #content .left-content .mod-destacadas { display:none; } #content .left-content .categorias { display:none; } #content .left-content .mod-buscar { width:95%; margin: 10px auto 25px auto; } #content .left-content .mod-buscar .h-buscar { background: url(../img/icon-search2.png) right 50% no-repeat; } #content .left-content .mod-buscar .frm-buscar { display:none; } #content .right-content { float:none; clear:both; width: 100%; padding: 0 2%; margin: 0; overflow: hidden; } #content .right-content h1 { margin:0 auto; width: 98%; font-size: 22px; } #content .right-content .descripcion { color:#666; font-size:14px; margin:15px 0 20px 20px; width:100%; line-height:22px; } #content .right-content #map { width:100%; overflow: hidden; } #content .right-content .contenido { float:none; clear:both; width:100%; padding:2%; margin: 0 0 0 0; border:0; } #content .detalle #detalle-mapa { width:100%; height:350px; margin: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 .detalle .prop-imagen {float:none; clear:both; text-align:center; width: 100%; margin: 0 auto; } #content .detalle .prop-datos {float:none; clear:both; width: 100%; font-size: 12px; } #content .detalle .general { text-align:left; } #content .detalle .contenido .prop-imagen .dato-estado { border:0; margin: 0 0 5px 0; padding:0; text-align:left; } #content .detalle h3 {text-align:left; } #content .detalle .contenido .prop-datos h3 { text-transform:none; font-size: 18px; margin-bottom:10px; padding-bottom:10px; text-align:left; } #content .detalle .contenido .prop-datos .dato {width: 35%; } #content .detalle .contenido .prop-datos .valor {width: 62%; } #content .detalle .contenido .prop-datos .addthis_toolbox { border:0; float:left; margin-right:0; margin-top: 5px;} .container { width: 98%; } .container .tab_container { width: 100%; } #content .frm-contacto { margin: 10px auto 30px auto; width: 95%; float:none; border:0; padding: 0; background:none; } #content .frm-contacto label { padding:0; } #content .frm-contacto .input { width: 100%; } #content .frm-contacto .textarea { width: 100%; height: 80px; } #content .frm-contacto table td { padding:0 0 3px 0;} #content .datos-contacto { display:none; } #content .propiedades { float:none; clear:both; margin:0; padding:0; width:100%; overflow: hidden; } #content .right-content .propiedades { float:none; margin:0 auto; padding:0; width:96%; } #content .box-propiedad { float:left; width: 44%; margin: 20px; min-height:262px; } #content .box-propiedad .imagen { margin:0; width:100%; height: 220px; overflow:hidden; position:relative; } #content .box-propiedad .imagen img { width:100%; height:100%; } #content .box-propiedad .imagen .hvr-content2 img { width:16px; height:16px; } #content .box-propiedad2 { float:none; width: 94%; margin: 20px auto; min-height:auto; } #content .box-propiedad2:nth-child(3n+1) { margin: 0 auto; } #content .box-propiedad2 .imagen { margin:0; width:100%; height: auto; overflow:hidden; position:relative; } #content .box-propiedad2 .imagen img { width:100%; height:100%; } #content .box-propiedad2 .imagen .hvr-content img { width:16px; height:16px; } #content .portada .titulo { margin: 5px auto 20px auto; width: 98%; } #content .portada .titulo h1 { width: 100%; border:0; float:none; padding-left: 2%; } #content .portada .vertodas { display:none; } #content .right-content .box-noticia { margin:20px auto 0 auto; width:100%; background: #FFF; overflow:hidden; padding:0 5px; } #content .right-content .box-noticia .contenido { margin-bottom:20px; } #content .right-content .box-noticia .titulo { display:block; overflow: hidden; height:auto; width:100%; margin:0 10px 0 0; border:0 !important; } #content .right-content .box-noticia .titulo h1 { font-weight:400; text-transform:none; font-size: 26px; border-bottom:0; } #content .right-content .box-noticia .titulo h3 { text-transform:none; margin:0px; padding-top:0; border:0; font-size: 26px; line-height: 30px; float:none; clear:both; width:100%; } #content .nosotros .general h2 { font-size: 17px; } #content .nosotros .general p { font-size: 15px; } #content .nosotros .general img { width: 80%; height:auto; margin: 20px; } #content .empresa { text-align:center; } #content .empresa #map { width: 94%; margin: 20px auto; border:0; } .paginador { width:97.5%; margin: 0; float:none; clear:both; } .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: 400; margin: 0; display: block; padding: 7px 12px; border:0; float:left; font-size: 11px; } .navegador span:last-child { border-right:0;} .navegador { display: none; } .frm-contacto2 { margin: 20px auto; width: 96%; } .frm-contacto2 .imagenA { float:left; width: 15%; } .frm-contacto2 h4 { font-size:20px; width:80%; float:left; } .client { width:100%; background:#FFF; overflow:hidden; padding: 20px 0; } .client .c-client { width:90%; border:0; overflow:hidden; text-align:center; } #content .clientes ul li { display:block; width: 30%; margin: 10px; float:left; } .visitanos { padding:0; } .visitanos .v-info { width:100%; padding:30px 0; border:0; } .visitanos .v-info h3 { text-align:center; margin:10px auto; width:100%;} .visitanos .v-info p { font-size:21px; margin:0 auto; width:85%; float:none; text-align:center; } .visitanos .v-info .v-left { float:none; margin: 30px auto; text-align:center; width: 90%; } .visitanos .v-info .v-left h3 { text-align:center; } .visitanos .v-info .v-left p { text-align:center; margin: 30px auto 0 auto; width:85%; } .visitanos .v-info .v-right { float:none; width: 100%; margin:10px auto; padding:0; border:0; clear:both; overflow:hidden; text-align:center; } .visitanos .v-info .v-right .v-boton { margin:10px auto 10px auto; width: 30%; text-align:center; padding: 0; } .visitanos .v-info .v-right .v-boton { cursor:pointer; float:none; padding:0; } .banners .b-content .categoria { margin:15px 2%; width: 43%; max-width:350px; } .banners .b-content .categoria h2 { top:40%; font-size:22px; } .banners .b-content .categoria .line { display:none; } .footer { width: 100%; padding: 40px 0; text-align:left; } .footer .f-content { width:90%; padding: 0; margin:0 auto; overflow:hidden; text-align:left; } .footer .f-content .data { float:none; width:100%; margin:0; padding:0 0 15px 0; text-align:left; } .footer .f-content .data .celular { margin-left:3px; } .footer .f-content .data .logo-footer { width: 100%; height:auto; max-width:373px; } .footer .f-content .accesos { width: 100% !important; margin: 20px auto 0 auto; } .footer .f-content .redes { width: 100% !important; margin: 20px auto 0 auto; padding: 30px; } .footer .f-content .servicios3 { width: 100% !important; margin: 20px auto; } .footer .f-content .data .f-menu { width: 100%; float:none; position:relative; margin: 20px auto; } .footer .f-content .data .f-menu ul { list-style-type: none; float:none; padding:0; margin:0 auto; text-align:left; } .footer .f-content .data .f-menu ul li { float:none; display:block; border-right:0; margin: 0 auto; padding:0; width:100% !important; text-align:left; } .footer .f-content .data .f-menu ul li a { text-align:left; display:block; width:100%; } .footer .f-content .datos .st { padding: 20px 0 0 0; } .footer .f-content .ultimas .box-propiedad2 .datos .titulo h3 { padding:0; } .f-bottom { width:100%; padding: 0 4% 15px 4%; margin:0 auto; overflow:hidden; text-align:left; } .f-bottom .b-content { width:98%; } .f-bottom .b-content .indicadores { margin:0 auto 10px auto; width: 100%; float:none; padding: 0; } .f-bottom .b-content .indicadores div.ind { line-height: 30px; } .f-bottom .b-content .indicadores div { float:left; width:auto; border:0; padding:0; line-height:30px; } .f-bottom .b-content .powered { display:none; } div.error { margin-left: 0;} .skdslider a.next { display:none; } .skdslider a.prev { display:none; } .mobile { display:block; } .services #content { margin-top:185px; } .about #content { margin-top:185px; } .contact #content { margin-top:185px; } .detail #content { width:90%; } .home .middle .box { display:none; } .home #content .left-content .titulo2 h1 { display:none; } .w-prop .box { margin-top:180px; } #content .full .box-noticia .texto-noticia .titulo{ height: auto; } #content .full .box-noticia .texto-noticia .titulo h3 { height: auto; } #content .full .box-noticia .texto-noticia .titulo h3 a { font-size: 30px;font-weight: 500;line-height: 34px;margin: 20px auto; height: auto; } } /* Landscape phone to portrait tablet */ @media (min-width: 641px) and (max-width: 767px) { #wrapper { width: 100%; margin:0 auto; padding:0; } .contact #content { margin-top:175px !important; } .header .header-content { width:100%; padding: 0; margin: 0 auto; } .header .header-content .left-content { float:none; width: 100%; height: auto; text-align:center; margin: 15px auto; padding: 0; } .header .header-content .left-content img { width: 90%; height:90%; max-width: 220px; } .header .header-content .right-content { float:none; margin: 0 auto; width:100%; background:#fafafa; font-size: 11px; } .header .header-content .right-content .phone { display:none; float:none; width: 100%; margin: 0 auto; text-align:center; border:0; padding: 1% 0 0 0; background:#Fafafa; } .header .header-content .right-content .phone a { padding:0; } .header .header-content .right-content .phone .tel1 { display:none; } .header .header-content .right-content .phone .tel2 { border: 0; } .header .header-content .right-content .email { display:none;} .header .header-content .right-content .persona { background:none; padding: 0 0 10px 0; margin:0 auto; text-align: center; width:100%; } .header .header-content .right-content .persona .nombre { font-size: 16px; } .menu { width: 100%; margin-top:0; } .menu .m-content { width: 100%; margin: 0 auto; clear:both; overflow:hidden; } .menu .m-content ul { list-style-type:none; padding:0; margin:0 auto; width: 100%; } .menu .m-content ul li { float:none; margin:0; padding:0; text-align:left; } .menu .m-content ul li a { display: block; padding: 0 15px; border:0; text-align:left; color:#999; } .menu .m-content ul li a { font-size:16px; line-height: 43px; letter-spacing:0; font-weight: 400; } .menu .m-content ul li:first-child a { padding-left: 15px; } .menu .m-content ul li:last-child a { padding-right:15px; padding-bottom: 5px; } .menu .m-content .inicio { width: 100%; float:none; margin: 0; } .menu .m-content .nosotros { width: 100%; float:none; margin: 0 ; } .menu .m-content .ventas { width: 100%; float:none; margin: 0; } .menu .m-content .arriendos { width: 100%; float:none; margin: 0; } .menu .m-content .servicios { width: 100%; float:none; margin: 0; } .menu .m-content .noticias { width: 100%; float:none; margin: 0; } .menu .m-content .maquinaria { width: 100%; float:none; margin: 0; } .menu .m-content .contacto { width: 100%; float:none; margin: 0; } .menu .m-content .sub { display: none; position: relative; width:100%; top: 0px; left: 0; margin-top:0; margin-left:0px; border:0; } .menu .m-content .sub { top: auto; left: auto; text-align:left; border:0; } .menu .m-content .sub li { width:100%; border: 0; margin: 0; padding: 0; text-align: left; height:40px; line-height: 40px; border:0; } .menu .m-content .sub li:hover { border:0; } .menu .m-content .sub li a { padding: 0 15px 0 10px; display: block; font-size: 14px; text-align:left; } .menu .m-content .sub li:first-child a { padding-left: 10px; } .menu .m-content ul li:hover ul { border:0; } .menu .m-content { position:relative; display:block; width: 100%; height: 50px; overflow: hidden; margin: 0 auto; } .menu .m-content .rwd { height: 50px; display:block; background: #333; margin: 0; float:left; padding: 0; width:100%; overflow:hidden; border:0; } .menu .m-content .rwd a { color:#fff; text-transform: uppercase; display:block; font-size: 16px; line-height: 50px; } .menu .m-content .rwd a { letter-spacing:1px; text-transform:uppercase; font-weight: bold; padding-left:15px; } .menu .m-content .rwd a:hover { text-decoration: none; color:#fff; } .menu .m-content .rwd-button { cursor:pointer; display:block; position:absolute; right:15px; top:12px; } .menu .m-content .rwd-button span { display:block; margin-top:4px; height:3px; background:#fff; width:24px; } .box { display:none; } .middle { margin:0; } .shadow-slide { display: none; } .middle { margin: 0 auto; width: 100%; min-height:auto; } .middle #slide { width: 100%; height:auto; margin:0 auto; } .inside-content { height:auto !important; overflow:hidden; margin-top:0 !important; } .inside-content #slide-home .slide-desc { border:0; width:100%; background:none; padding:0; bottom:10px; text-align:center; right:0; } .inside-content #slide-home .slide-desc { -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } .inside-content #slide-home .slide-desc h3 {padding:10px 20px; float:left; font-size: 20px; text-shadow:0; width:100%; } .titulo { clear:both; margin: 0 auto 20px auto; overflow:hidden; width:94%; padding:1% 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: 100%; overflow: hidden; margin:0; } .detalle { margin-top:0 !important; } .detalle h1 { margin: 10px; line-height:22px; font-size: 26px; padding: 0 5px 10px 0; } #content .left-content .titulo { border-bottom:0; height:30px; margin:0 auto; } #content .left-content .titulo h4 { border-bottom:0; line-height:24px; } #content .left-content .titulo2 { width:100%; height:auto; margin: 35px auto 0 auto; } #content .left-content .titulo2 h1 { text-align:center; color:#08213F; text-transform:uppercase; font-size:24px; } #content .left-content .box { margin: 5px 0 10px 0; width: 100%; overflow:hidden; } #content .left-content .box .frm-buscar { padding:3%; display:none; overflow:hidden;} #content .left-content .box .opcion { clear:both; width:100%; overflow:hidden; padding: 0; } #content .left-content .box .opcion .styled-select { float:none; clear:both; padding:1px; overflow: hidden; width: 98%; margin:0 0 10px 0; } #content .left-content .box .opcion .styled-select select { width: 100%; margin:0; } #content .left-content .box .opcion .styled-input { float:none; clear:both; padding:1px; overflow: hidden; width: 98%; margin:0 0 10px 0; border:1px solid #ddd; } #content .left-content .box .opcion .styled-input input { width: 100%; margin:0; } #content .left-content .box .frm-input {display:block; float:left; margin: 0 auto; width:99%; } #content .left-content .box .frm-input input[type=submit] { width:99.2%; } #content .left-content .oportunidades { width: 100%; padding-bottom:0; margin-bottom:10px; } #content .left-content .ciudades { width: 100%; padding-bottom:0; margin-bottom:10px; } #content .left-content .servicios { width: 100%; padding-bottom:0; margin-bottom:10px; } #content .left-content .noticias { width: 100%; padding-bottom:0; margin-bottom:10px; } #content .left-content .categorias ul { display:none; width: 100%; margin-top: 10px; } #content .left-content .categorias ul li { width:98%; } #content .left-content .categorias ul li a { font-size:16px; } #content .left-content .entreguenos { display:none; } #content .left-content .oportunidades { display:none; } #content .left-content .mod-destacadas { display:none; } #content .left-content .categorias { display:none; } #content .left-content .mod-buscar { width:95%; margin: 10px auto 25px auto; } #content .left-content .mod-buscar .h-buscar { background: url(../img/icon-search2.png) right 50% no-repeat; } #content .left-content .mod-buscar .frm-buscar { display:none; } #content .l-desktop { display:block; } #content .right-content { float:none; clear:both; width: 100%; padding: 0 2%; margin: 0; overflow: hidden; } #content .right-content h1 { margin:0 auto; width: 92%; font-size: 22px; } #content .right-content .descripcion { color:#666; font-size:14px; margin:15px 0 20px 20px; width:100%; line-height:22px; } #content .right-content #map { width:100%; overflow: hidden; } #content .right-content .contenido { float:none; clear:both; width:100%; padding:2%; margin: 0 0 0 0; border:0; } #content .detalle #detalle-mapa { width:100%; height:350px; margin: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 .detalle { width:96%; } #content .detalle .prop-imagen {float:none; clear:both; text-align:center; width: 96%; margin: 0 auto 20px auto; } #content .detalle .prop-datos {float:none; clear:both; width: 100%; font-size: 12px; } #content .detalle .general { text-align:left; } #content .detalle .contenido .prop-imagen .dato-estado { border:0; margin: 0 0 5px 0; padding:0; text-align:left; } #content .detalle h3 {text-align:left; } #content .detalle .prop-imagen .image-gallery .gallery { margin:0 auto; } #content .detalle .prop-imagen .image-gallery .gallery section { width:100%; height:364px; } #content .detalle .prop-imagen .image-gallery .gallery section img { height: 385px; min-height: auto; width:100%; object-fit: cover; } #content .detalle .prop-imagen .image-gallery #thumbs label { min-width:63px; width:68px; height:50px; } #content .detalle .contenido .prop-datos h3 { text-transform:none; font-size: 18px; margin-bottom:10px; padding-bottom:10px; text-align:left; } #content .detalle .contenido .prop-datos .dato {width: 35%; } #content .detalle .contenido .prop-datos .valor {width: 62%; } #content .detalle .contenido .prop-datos .addthis_toolbox { border:0; float:left; margin-right:0; margin-top: 5px;} #content .detalle .prop-datos .p-datos { width: 96%; } #content .detalle .prop-datos .p-datos .dato { font-size: 14px; } #content .detalle .prop-datos .p-datos .valor { font-size: 14px; } .container { width: 98%; } .container .tab_container { width: 100%; } #content .frm-contacto { margin: 10px auto 30px auto; width: 95%; float:none; border:0; padding: 0; background:none; } #content .frm-contacto label { padding:0; } #content .frm-contacto .input { width: 100%; } #content .frm-contacto .textarea { width: 100%; height: 80px; } #content .frm-contacto table td { padding:0 0 3px 0;} #content .datos-contacto { display:none; } #content .propiedades { float:none; clear:both; margin:0; padding:0; width:100%; overflow: hidden; } #content .right-content .propiedades { float:none; margin:0 auto; padding:0; width:100%; } #content .box-propiedad { float:left; width: 42%; margin: 20px; min-height:222px; } #content .box-propiedad .imagen { margin:0; width:100%; height: 180px; overflow:hidden; position:relative; } #content .box-propiedad .imagen img { width:100%; height:100%; } #content .box-propiedad .imagen .hvr-content2 img { width:16px; height:16px; } #content .box-propiedad2 { float:none; width: 94%; margin: 20px auto; min-height:auto; } #content .box-propiedad2:nth-child(3n+1) { margin: 0 auto; } #content .box-propiedad2 .imagen { margin:0; width:100%; height: auto; overflow:hidden; position:relative; } #content .box-propiedad2 .imagen img { width:100%; height:100%; } #content .box-propiedad2 .imagen .hvr-content img { width:16px; height:16px; } #content .portada .titulo { margin: 5px auto 20px auto; width: 98%; } #content .portada .titulo h1 { width: 100%; border:0; float:none; padding-left: 2%; } #content .portada .vertodas { display:none; } #content .right-content .box-noticia { margin:20px auto 0 auto; width:94%; background: #FFF; overflow:hidden; padding:0; } #content .right-content .box-noticia .contenido { margin-bottom:20px; } #content .right-content .box-noticia .titulo { display:block; overflow: hidden; height:auto; width:100%; margin:0 10px 0 0; border:0 !important; } #content .right-content .box-noticia .titulo h1 { color: #222; font-weight:400; text-transform:none; font-size: 26px; border-bottom:0; } #content .right-content .box-noticia .titulo h3 { text-transform:none; margin:0px; padding-top:0; border:0; font-size: 26px; line-height: 30px; float:none; clear:both; width:100%; } #content .right-content .box-noticia:last-child { margin-bottom: 20px; } #content .box-noticia .img-noticia { margin:0 auto; } #content .box-noticia .img-noticia img { width:100%; height:auto; } #content .full .box-noticia .texto-noticia .titulo { height:auto; margin: 5px auto 10px auto; } #content .full .box-noticia .texto-noticia .texto { height:auto; } #content .general .box-detalle { background:none; float:none; margin:0 auto; width:96%; padding:0 !important; display:block; } #content .general .box-detalle h1 { display:block; font-size: 24px; } #content .nosotros .general h2 { font-size: 17px; } #content .nosotros .general p { font-size: 15px; } #content .nosotros .general img { width: 80%; height:auto; margin: 20px; } #content .empresa { text-align:center; } #content .empresa #map { width: 94%; margin: 20px auto; border:0; } #content .box-noticia { width:46%; } .paginador { width:97.5%; margin: 0; float:none; clear:both; } .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: 400; margin: 0; display: block; padding: 7px 12px; border:0; float:left; font-size: 11px; } .navegador span:last-child { border-right:0;} .navegador { display: none; } .frm-contacto2 { margin: 20px auto; width: 96%; } .frm-contacto2 .imagenA { float:left; width: 15%; } .frm-contacto2 h4 { font-size:20px; width:80%; float:left; } .client { width:100%; background:#FFF; overflow:hidden; padding: 20px 0; } .client .c-client { width:90%; border:0; overflow:hidden; text-align:center; } #content .clientes ul li { display:block; width: 45%; margin: 10px; float:left; } .visitanos { padding:0; } .visitanos .v-info { width:100%; padding:30px 0; border:0; } .visitanos .v-info .v-left { float:none; width:100%; } .visitanos .v-info .v-left h3 { text-align:center; margin:10px auto; max-width: 80%; font-size:36px; float:none; } .visitanos .v-info .v-left p { font-size:22px; margin:20px auto 40px auto; width:85%; float:none; text-align:center; line-height:30px; } .visitanos .v-info .v-right { float:none; width: 100%; margin:0; padding:20px 0; text-align:center; } .visitanos .v-info .v-right .v-boton { margin:30px auto 10px auto; width: 35%; text-align:center; padding: 0; } .visitanos .v-info .v-right .v-boton { cursor:pointer; float:none; padding:0; } .banners .b-content .categoria { margin:15px 2%; width: 43%; max-width:350px; } .banners .b-content .categoria h2 { top:40%; font-size:22px; } .banners .b-content .categoria .line { display:none; } .footer { width: 100%; padding: 40px 0; text-align:left; } .footer .f-content { width:90%; padding: 0; margin:0 auto; overflow:hidden; text-align:left; } .footer .f-content .data { float:none; width:100%; margin:0; padding:0 0 15px 0; text-align:left; } .footer .f-content .data .celular { margin-left:3px; } .footer .f-content .data .logo-footer { width: 100%; height:auto; max-width:373px; } .footer .f-content .accesos { width: 100% !important; margin: 40px auto 20px auto; } .footer .f-content .redes { width: 100% !important; margin: 40px auto 20px auto; padding: 30px; } .footer .f-content .servicios3 { width: 100% !important; margin: 20px auto; } .footer .f-content .data .f-menu { width: 100%; float:none; position:relative; margin: 20px auto; } .footer .f-content .data .f-menu ul { list-style-type: none; float:none; padding:0; margin:0 auto; text-align:left; } .footer .f-content .data .f-menu ul li { float:none; display:block; border-right:0; margin: 0 auto; padding:0; width:100% !important; text-align:left; } .footer .f-content .data .f-menu ul li a { text-align:left; display:block; width:100%; } .footer .f-content .datos .st { padding: 20px 0 0 0; } .footer .f-content .ultimas .box-propiedad2 .datos .titulo h3 { padding:0; } .f-bottom { width:100%; padding: 15px 4%; margin:0 auto; overflow:hidden; text-align:left; } .f-bottom .b-content { width:98%; } .f-bottom .b-content .indicadores { margin:0 auto 10px auto; width: 100%; float:none; padding: 0; } .f-bottom .b-content .indicadores div.ind { line-height: 30px; margin-bottom: 20px !important; } .f-bottom .b-content .indicadores div { float:left; width:auto; border:0; padding:0 10px; line-height:30px; } .f-bottom .b-content .powered { display:none } div.error { margin-left: 0;} .skdslider a.next { display:none; } .skdslider a.prev { display:none; } .w-prop #content { margin-top:185px !important; } .w-prop .box { display:none; } .mobile { display:block; } .home .middle { margin-top:180px; } .home #content .left-content .titulo2 { display:none; } .about #content { margin-top: 180px; } .about #content .right-content h1 { display:block; margin:15px auto; width:96%; } .services #content { margin-top: 180px; } .services #content .right-content h1 { display:block; margin:15px auto; width:96%; } .search #content .right-content h1 { display:none; } .detail #content .left-content .titulo2 { display:none; } .news #content { margin-top: 200px; } } /* Landscape phones and down */ @media (max-width: 640px) { #wrapper { width: 100%; margin:0 auto; padding:0; } .about #content { margin-top:185px !important; } .contact #content { margin-top:185px !important; } .services #content { margin-top:185px !important; } .news #content { width:100%; margin-top:190px !important; } .detail #content { width:100%; } .w-prop #content { margin-top:185px !important; } .w-prop .box { display:none; } .header .header-content { width:100%; padding: 0; margin: 0 auto; } .header .header-content .left-content { float:none; width: 100%; height: auto; text-align:center; margin: 15px auto; padding: 0; } .header .header-content .left-content img { width: 90%; height:90%; max-width: 220px; } .header .header-content .right-content { float:none; margin: 0 auto; width:100%; background:#fafafa; font-size: 11px; } .header .header-content .right-content .phone { display:none; float:none; width: 100%; margin: 0 auto; text-align:center; border:0; padding: 1% 0 0 0; background:#Fafafa; } .header .header-content .right-content .phone a { padding:0; } .header .header-content .right-content .phone .tel2 { border: 0; } .header .header-content .right-content .phone .tel1 { display:none; } .header .header-content .right-content .email { display:none;} .menu { width: 100%; margin-top:0; } .menu .m-content { width: 100%; margin: 0 auto; clear:both; overflow:hidden; } .menu .m-content ul { list-style-type:none; padding:0; margin:0 auto; width: 100%; } .menu .m-content ul li { float:none; margin:0; padding:0; text-align:left; } .menu .m-content ul li a { display: block; padding: 0 15px; border:0; text-align:left; color:#666; } .menu .m-content ul li a { font-size:16px; line-height: 43px; letter-spacing:0; font-weight: 400; } .menu .m-content ul li:first-child a { padding-left: 15px; } .menu .m-content ul li:last-child a { padding-right:15px; padding-bottom: 5px; } .menu .m-content .inicio { width: 100%; float:none; margin: 0; } .menu .m-content .nosotros { width: 100%; float:none; margin: 0 ; } .menu .m-content .ventas { width: 100%; float:none; margin: 0; } .menu .m-content .arriendos { width: 100%; float:none; margin: 0; } .menu .m-content .servicios { width: 100%; float:none; margin: 0; } .menu .m-content .maquinaria { width: 100%; float:none; margin: 0; } .menu .m-content .noticias { width: 100%; float:none; margin: 0; } .menu .m-content .contacto { width: 100%; float:none; margin: 0; } .menu .m-content .sub { display: none; position: relative; width:100%; top: 0px; left: 0; margin-top:0; margin-left:0px; border:0; } .menu .m-content .sub { top: auto; left: auto; text-align:left; border:0; } .menu .m-content .sub li { width:100%; border: 0; margin: 0; padding: 0; text-align: left; height:40px; line-height: 40px; border:0; } .menu .m-content .sub li:hover { border:0; } .menu .m-content .sub li a { padding: 0 15px 0 10px; display: block; font-size: 14px; text-align:left; } .menu .m-content .sub li:first-child a { padding-left: 10px; } .menu .m-content ul li:hover ul { border:0; } .menu .m-content { position:relative; display:block; width: 100%; height: 50px; overflow: hidden; margin: 0 auto; } .menu .m-content .rwd { height: 50px; display:block; background: #333; margin: 0; float:left; padding: 0; width:100%; overflow:hidden; border:0; } .menu .m-content .rwd a { color:#fff; text-transform: uppercase; display:block; font-size: 16px; line-height: 50px; } .menu .m-content .rwd a { letter-spacing:1px; text-transform:uppercase; font-weight: bold; padding-left:15px; } .menu .m-content .rwd a:hover { text-decoration: none; color:#fff; } .menu .m-content .rwd-button { cursor:pointer; display:block; position:absolute; right:15px; top:12px; } .menu .m-content .rwd-button span { display:block; margin-top:4px; height:3px; background:#fff; width:24px; } .box { display:none; } .middle { margin:0; } .shadow-slide { display: none; } .middle { margin: 0 auto; width: 100%; min-height:auto; } .middle #slide { width: 100%; height:auto; margin:0 auto; } .inside-content { height:auto !important; overflow:hidden; margin-top:0 !important; } .inside-content #slide-home .slide-desc { border:0; width:100%; background:none; padding:0; bottom:10px; text-align:center; right:0; } .inside-content #slide-home .slide-desc { -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } .inside-content #slide-home .slide-desc h3 {padding:10px 20px; float:left; font-size: 20px; text-shadow:0; width:100%; } .titulo { clear:both; margin: 0 auto 20px auto; overflow:hidden; width:94%; padding:1% 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; width: 100%; overflow: hidden; margin:0; } #content .left-content .titulo2 { display:block; width:100%; height:auto; margin: 35px auto 0 auto; } #content .left-content .titulo2 h1 { text-align:center; color:#08213F; text-transform:uppercase; font-size:24px; } .detalle { margin-top:0 !important; } .detalle h1 { margin: 10px; line-height:22px; font-size: 26px; padding: 0 5px 10px 0; } #content .detalle { width:100%; } #content .detalle h1 { width: 96%; margin: 0 auto; line-height:26px; font-size:20px; } #content .left-content .titulo { border-bottom:0; margin:0 auto; } #content .left-content .titulo h4 { border-bottom:0; line-height:24px; } #content .left-content .titulo2 { width:100%; height:auto; margin: 35px auto 0 auto; } #content .left-content .titulo2 h1 { text-align:center; color:#08213F; text-transform:uppercase; font-size:24px; } #content .left-content .box { margin: 5px 0 10px 0; width: 100%; overflow:hidden; } #content .left-content .box .frm-buscar { padding:3%; display:none; overflow:hidden;} #content .left-content .box .opcion { clear:both; width:100%; overflow:hidden; padding: 0; } #content .left-content .box .opcion .styled-select { float:none; clear:both; padding:1px; overflow: hidden; width: 98%; margin:0 0 10px 0; } #content .left-content .box .opcion .styled-select select { width: 100%; margin:0; } #content .left-content .box .opcion .styled-input { float:none; clear:both; padding:1px; overflow: hidden; width: 98%; margin:0 0 10px 0; border:1px solid #ddd; } #content .left-content .box .opcion .styled-input input { width: 100%; margin:0; } #content .left-content .box .frm-input {display:block; float:left; margin: 0 auto; width:99%; } #content .left-content .box .frm-input input[type=submit] { width:99.2%; } #content .left-content .oportunidades { width: 100%; padding-bottom:0; margin-bottom:10px; } #content .left-content .ciudades { width: 100%; padding-bottom:0; margin-bottom:10px; } #content .left-content .servicios { width: 100%; padding-bottom:0; margin-bottom:10px; } #content .left-content .noticias { width: 100%; padding-bottom:10px; margin-bottom:10px; } #content .left-content .categorias { margin:0 auto 10px auto; width: 94%; } #content .left-content .categorias ul { display:none; width: 100%; margin-top: 10px; } #content .left-content .categorias ul li { width:98%; } #content .left-content .categorias ul li a { font-size:16px; } #content .left-content .entreguenos { display:none; } #content .left-content .oportunidades { display:none; } #content .left-content .ciudades { display:none; } #content .left-content .categorias .h-noticias { background: url(../img/icon-search2.png) right 50% no-repeat; } #content .left-content .mod-destacadas { display:none; } #content .left-content .servicios2 { display:block; margin-bottom: 10px; } #content .left-content .servicios2 .h-servicios { background: url(../img/icon-search2.png) right 50% no-repeat; } #content .left-content .turismo2 { display:block; } #content .left-content .turismo2 .h-turismo { background: url(../img/icon-search2.png) right 50% no-repeat; } #content .left-content .mod-buscar { width:96%; margin: 5px auto; background: #FFF; border-radius:3px; padding:10px 15px; } #content .left-content .mod-buscar .h-buscar { background: url(../img/icon-search2.png) right 50% no-repeat; } #content .left-content .mod-buscar .frm-buscar { display:none; } .detail #content .left-content .titulo2 { width:96%; height:auto; margin: 15px auto 0 auto; display:none; } .detail #content .left-content .titulo2 h1 { text-align:left; font-size: 26px; color:#000; text-transform:uppercase; } .detail #content .detalle h1 { color:#111; font-size: 24px; line-height:30px; margin:10px auto; width: 94%; } .detail-maquinaria #content .left-content .titulo2 { width:96%; height:auto; margin: 15px auto 0 auto; display:none; } .detail-maquinaria #content .left-content .titulo2 h1 { text-align:left; font-size: 26px; color:#000; text-transform:uppercase; } .detail-maquinaria #content .detalle h1 { color:#111; font-size: 26px; line-height:30px; width: 96%; margin:12px auto; } #content .l-desktop { display:block; } #content .right-content { float:none; clear:both; width: 100%; padding: 0; margin: 0 auto; overflow: hidden; } #content .right-content h1 { margin:0 auto; width: 96%; font-size: 22px; display:none; } #content .right-content .subtitulo { display:none; } #content .right-content .descripcion { color:#666; font-size:14px; margin:15px 0 20px 20px; width:100%; line-height:22px; } #content .right-content #map { width:100%; overflow: hidden; } #content .right-content .contenido { float:none; clear:both; width:100%; padding:10px 15px; margin: 0 auto; border:0; } #content .detalle #detalle-mapa { width:100%; height:350px; margin:0; } #content .right-content .general img { width:100%; height:auto; clear:both; margin: 0 auto 15px auto !important; max-width:max-content !important; float:none !important; display:block; } #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 .general h2 { font-size: 18px; } #content .detalle .prop-imagen {float:none; clear:both; text-align:center; width: 96%; margin: 0 auto; } #content .detalle .prop-imagen .datos2 { height:auto; } #content .detalle .prop-imagen .datos2 .pvalor { float:none; display:block; width:100%; text-align: left; clear:both; } #content .detalle .prop-imagen .image-gallery .gallery { margin:0 auto; } #content .detalle .prop-imagen .image-gallery .gallery section { width:100%; height:264px; } #content .detalle .prop-imagen .image-gallery .gallery section img { height: 285px; min-height: auto; width:100%; object-fit: cover; } #content .detalle .prop-imagen .image-gallery #thumbs label { min-width:63px; width:68px; height:50px; } #content .detalle .prop-datos {float:none; clear:both; width: 94%; font-size: 13px; } #content .detalle .prop-datos .p-datos .dato { font-weight: 600; font-size: 13px; width: 40%; } #content .detalle .prop-datos .p-datos .valor { font-weight: 600; font-size: 13px; width: 58%; } #content .detalle .general { text-align:left; width: 100%; margin: 20px auto; padding: 0; background: none; } #content .detalle .contenido .prop-imagen .dato-estado { border:0; margin: 0 0 5px 0; padding:0; text-align:left; } #content .detalle h3 {text-align:left; } #content .detalle .contenido .prop-datos h3 { text-transform:none; font-size: 18px; margin-bottom:10px; padding-bottom:10px; text-align:left; } #content .detalle .contenido .prop-datos .addthis_toolbox { border:0; float:left; margin-right:0; margin-top: 5px;} .container { width: 98%; } .container .tab_container { width: 100%; } #content .frm-contacto { margin: 10px auto 30px auto; width: 95%; float:none; border:0; padding: 0; background:none; } #content .frm-contacto label { padding:0; } #content .frm-contacto .input { width: 100%; } #content .frm-contacto .textarea { width: 100%; height: 80px; } #content .frm-contacto h1 { padding-left: 4px; } #content .frm-contacto p { padding: 0 0 0 5px; font-size: 14px; } #content .frm-contacto table td { padding:0 0 3px 0;} #content .datos-contacto { display:none; } #content .propiedades { float:none; clear:both; margin:0; padding:0; width:100%; overflow: hidden; } #content .right-content .propiedades { float:none; margin:0 auto; padding:0; width:96%; } #content .box-propiedad { float:none; width: 98%; margin: 20px auto; min-height:auto; max-width: 400px; } #content .box-propiedad .imagen { position:relative; text-align: center; margin: 0 auto; width:100%; height: auto; overflow:hidden; } #content .box-propiedad .imagen img { position:relative; margin: auto; width: 100%; height: auto; } #content .box-propiedad .imagen .hvr-content2 img { width:16px; height:16px; } #content .box-propiedad2 { float:none; width: 94%; margin: 20px auto; min-height:auto; } #content .box-propiedad2:nth-child(3n+1) { margin: 0 auto; } #content .box-propiedad2 .imagen { margin:0; width:100%; height: auto; overflow:hidden; position:relative; } #content .box-propiedad2 .imagen img { width:100%; height:100%; } #content .box-propiedad2 .imagen .hvr-content img { width:16px; height:16px; } #content .portada .titulo { margin: 5px auto 20px auto; width: 98%; } #content .portada .titulo h1 { width: 100%; border:0; float:none; padding-left: 2%; } #content .portada .vertodas { display:none; } #content .right-content .box-noticia { margin:20px auto 0 auto; width:94%; background: #FFF; overflow:hidden; padding:0; } #content .right-content .box-noticia .contenido { margin-bottom:20px; } #content .right-content .box-noticia .titulo { display:block; overflow: hidden; height:auto; width:100%; margin:0 10px 0 0; border:0 !important; } #content .right-content .box-noticia .titulo h1 { color: #222; font-weight:400; text-transform:none; font-size: 26px; border-bottom:0; } #content .right-content .box-noticia .titulo h3 { text-transform:none; margin:0px; padding-top:0; border:0; font-size: 26px; line-height: 30px; float:none; clear:both; width:100%; } #content .right-content .box-noticia:last-child { margin-bottom: 20px; } #content .box-noticia .img-noticia { margin:0 auto; } #content .box-noticia .img-noticia img { width:100%; height:auto; } #content .full .box-noticia .texto-noticia .titulo { height:auto; margin: 5px auto 10px auto; } #content .full .box-noticia .texto-noticia .texto { height:auto; } #content .general .box-detalle { background:none; float:none; margin:0 auto; width:96%; padding:0 !important; display:block; } #content .general .box-detalle h1 { display:block; font-size: 24px; } #content .nosotros .general h2 { font-size: 17px; } #content .nosotros .general p { font-size: 15px; } #content .nosotros .general img { width: 80%; height:auto; margin: 20px; } #content .empresa { text-align:center; } #content .empresa #map { width: 94%; margin: 20px auto; border:0; } #content .ubicacion { width: 94%; margin: 0 auto; border:0; } .paginador { width:97.5%; margin: 0; float:none; clear:both; } .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: 400; margin: 0; display: block; padding: 7px 12px; border:0; float:left; font-size: 11px; } .navegador span:last-child { border-right:0;} .navegador { display: none; } .frm-contacto2 { margin: 20px auto; width: 100%; } .frm-contacto2 .imagenA { float:left; width: 15%; } .frm-contacto2 h4 { font-size:20px; width:80%; float:left; } .client { width:100%; background:#FFF; overflow:hidden; padding: 20px 0; } .client .c-client { width:90%; border:0; overflow:hidden; text-align:center; } #content .clientes ul li { display:block; width: 100%; margin: 10px auto; } .visitanos { padding:0; } .visitanos .v-info { width:100%; padding:30px 0; border:0; } .visitanos .v-info .v-left { float:none; width:100%; } .visitanos .v-info .v-left h3 { text-align:center; margin:10px auto; max-width: 90%; font-size:26px; float:none; } .visitanos .v-info .v-left p { font-size:17px; margin:40px auto 0 auto; width:90%; float:none; text-align:center; line-height:23px; } .visitanos .v-info .v-right { float:none; width: 100%; margin:0; padding:20px 0; text-align:center; } .visitanos .v-info .v-right .v-boton { margin:0 auto; width: 70%; text-align:center; padding: 0; } .visitanos .v-info .v-right .v-boton { cursor:pointer; float:none; padding:0; } .banners .b-content .categoria { margin:20px auto; width: 90%; max-width:350px; } .banners .b-content .categoria h2 { top:40%; font-size:24px; } .banners .b-content .categoria .line { display:none; } .footer { width: 100%; padding: 40px 0; text-align:left; } .footer .f-content { width:90%; padding: 0; margin:0 auto; overflow:hidden; text-align:left; } .footer .f-content .data .st2 { margin-top: 0; } .footer .f-content .data { float:none; width:100%; margin:0; padding:0; text-align:left; } .footer .f-content .data .celular { margin-left:3px; } .footer .f-content .data .logo-footer { width: 100%; height:auto; max-width:373px; } .footer .f-content .accesos { width: 100% !important; margin: 40px auto 20px auto; } .footer .f-content .redes { width: 100% !important; margin: 0 auto; padding: 0; background:none; } .footer .f-content .servicios3 { width: 100% !important; margin: 20px auto; } .footer .f-content .data .f-menu { width: 100%; float:none; position:relative; margin: 20px auto; } .footer .f-content .data .f-menu ul { list-style-type: none; float:none; padding:0; margin:0 auto; text-align:left; } .footer .f-content .data .f-menu ul li { float:none; display:block; border-right:0; margin: 0 auto; padding:0; width:100% !important; text-align:left; } .footer .f-content .data .f-menu ul li a { text-align:left; display:block; width:100%; } .footer .f-content .data .wsp1 { margin-right: 15px; } .footer .f-content .datos .st { padding: 20px 0 0 0; } .f-bottom { width:100%; padding: 15px 4%; margin:0 auto; overflow:hidden; text-align:left; } .f-bottom .b-content { width:98%; } .f-bottom .b-content .copy { border:0; padding: 0 5px; } .f-bottom .b-content .indicadores { margin: 10px auto; width: 100%; float:none; padding: 0; } .f-bottom .b-content .indicadores div.ind { line-height: 30px; margin-bottom: 20px !important; } .f-bottom .b-content .indicadores div { float:none; width:100%; border:0; padding:0; line-height:30px; } div.error { margin-left: 0;} .skdslider a.next { display:none; } .skdslider a.prev { display:none; } .mobile { display:block; } .home .middle { margin-top:180px; } .about #content .right-content h1 { display:block; margin-bottom:15px; } .services #content .right-content h1 { display:block; margin-bottom:15px; } }