/* CSS by crea7ive */
@import url(https://fonts.googleapis.com/css?family=Audiowide);
@import url('../css/normalize.min.css');
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:600);
@import url('../js/fancybox/jquery.fancybox-1.3.4.css');
@import url('../js/slider/nivo-default.css');
@import url('../js/slider/nivo-slider.css');
@import url('../js/slider/nivo-style.css');
@import url('../js/product/css/prod-global.css');
@import url('../css/tabs.css');

* { margin: 0 auto; padding: 0; border:0; }
* {outline:none; }
*:focus {outline:none; }
a:focus {outline:none; }
*:active {outline:none; }
*:hover {outline:none; }
::-moz-selection { background: #eee; text-shadow: none; }
::selection { background: #eee; text-shadow: none; }

body { background: #f1f1f1; font-size: 1em; line-height: 1.4; margin: 0 auto; }

img { vertical-align: middle; border:0; }
textarea { resize: vertical; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

h1 { font-family:Arial, Helvetica, sans-serif; margin: 0; color: #333; font-size: 22px; font-weight:100; padding: 0 0 5px 0; letter-spacing:0; overflow: hidden; }
h2 { font-family:Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #627A86; font-size: 20px; font-weight:100; overflow: hidden; }
h3 { font-family:Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #444; font-size: 14px; font-weight:100; border-bottom: 1px dotted #ccc; text-transform: uppercase; }
h4 { margin: 0; font-weight: 100; border-bottom: 1px solid #941823; font-size: 18px; color: #5D5E61; padding: 3px 0; }

button, input[type=submit], input[type=button], input[type=reset] { padding: 9px 0; color: #fff; font: 100 14px Arial; cursor: pointer; border: 0; background: #05B1BB; text-transform:uppercase; }
input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover { background: #038F98; }
input[type=text], textarea, select, input[type=email], input[type=password]  { padding: 5px; border: 1px solid #DDD; color: #666; }
input[type=text]:hover, select:hover, textarea:hover, input[type=email]:hover, input[type=password]:hover { color: #666; border-color: #8DC73D; }

/* ==========================================================================
   Custom styles
   ========================================================================== */

a { color: #07ABB4; text-decoration: none; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; }
a:visited, a:link { color: #333; } 
a:hover { color: #333; text-decoration: none; }

.clear {clear: both; }
.center { margin: 0 auto; }
.rounded { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.shadow { -moz-box-shadow: 0 0 3px #aaa; -webkit-box-shadow: 0 0 3px #aaa; box-shadow: 0 0 3px #aaa; }
.no-border { border: 0; }
.left { float:left; }
.margin-v { margin: 10px auto; display: block;}
div.error { color:red; font-weight:normal; font-size: 12px; clear:both; margin-bottom:0; margin-left: 75px;}
.h-buscar { cursor:pointer;}
.h-titulo { cursor:pointer;}
.c-titulo { cursor:pointer;}
.go-top { position: fixed; bottom: 2em; right: 2em; padding: 0; display: none; opacity:.45; } 
.go-top:hover { opacity:.65; }

#wrapper { width: 100%; margin: 0 auto; padding: 0; overflow:hidden; }

/* ===== Header ===== */
.header { width:100%; padding: 20px 0; margin: 0; clear:both; overflow:hidden; background:#FFF; }
.header .header-content { width:1000px; padding: 0; overflow:hidden; margin: 10px auto; }
.header .header-content .left-content { float:left; width: 340px; height: 85px; margin: 0; padding: 0; }
.header .header-content .right-content { float:right; overflow:hidden; margin: 0; padding:0; overflow:hidden; width:500px; }
.header .header-content .right-content .phone { float:right; margin:0; clear:both; text-align:right; font-size: 24px; color:#07ABB4; font-weight:100; letter-spacing:-.5px; }
.header .header-content .right-content .phone a { color: #607A86; font-family: 'Audiowide', cursive;  letter-spacing: -.3px; font-weight:100; } 
.header .header-content .right-content .phone a:hover { color: #07ABB4; }
.header .header-content .right-content .phone img { margin: -2px 3px 0 5px; }
.header .header-content .right-content .email { float:right; margin: 1px 0 3px 0; clear:both; text-align:right; font-size: 17px; color: #07ABB4; font-weight:500; }
.header .header-content .right-content .email img { margin: -2px 7px 0 0; opacity:.8; }
.header .header-content .right-content .email img:hover { opacity:1; }
.header .header-content .right-content .social { float:right; margin: 5px 0 0 0; clear:both; text-align:right; }
.header .header-content .right-content .social img { margin: -2px 3px 0 0; opacity:.8; width: 26px; height:26px; }
.header .header-content .right-content .social img:hover { opacity:1; }
.header .header-content .right-content .social span { font-weight:500; color:#607A86; font-size:16px; }

/* ===== Menu  ===== */

.menu { width: 100%; margin:0 auto; clear:both; background: #f6f6f6 url(../img/bg-menu.jpg) center 50% repeat-x; overflow:hidden; }
.menu { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.menu ul { list-style-type:none; padding:0; margin:0 auto; width: 1000px; }
.menu ul li { float:left; margin:0; padding:0; text-align:center; border-right:1px solid #ccc; }
.menu ul li:first-child { border-left:1px solid #ccc; }  
.menu ul li a { display: block; padding: 0; color: #555; font-size:15px; height:40px; font-weight:normal; line-height: 40px; letter-spacing:0; text-transform:uppercase; font-weight:100; }
.menu ul li a { -o-transition:0; -ms-transition:0; -moz-transition:0; -webkit-transition:0; transition:0; }
.menu ul li a:hover { color: #fff; background: #04B0BA; }
.menu ul li .active { color: #fff; background: #04B0BA; }

.menu .inicio 		{ width: 145px; float:left; }
.menu .empresa	 	{ width: 155px; float:left; }
.menu .sucursal	 	{ width: 165px; float:left; }
.menu .propiedades 	{ width: 190px; float:left; }
/*.menu .construccion	{ width: 185px; float:left; }*/
.menu .mantencion 	{ width: 175px; float:left; }
.menu .contacto 	{ width: 163px; float:left; }

.menu li ul { display: none; position: absolute; width:185px; top: 0px; left: 0; margin-top:0; margin-left:0px; }
.menu li>ul { top: auto; left: auto; text-align:left; }
.menu .sub { border:1px solid #ccc; }
.menu .sub li { width:100%; border:0; margin: 0; padding: 0; text-align: left; height:40px; line-height: 40px; }
.menu .sub li:last-child { border:0; }
.menu .sub li:first-child { border-left:0; }
.menu .sub li a { color:#444; font-family: Arial; text-transform: none; padding: 0 10px; display: block; font-size: 14px; text-align:left; line-height: 40px; background:none; }
.menu .sub li a:hover { background:#04B0BA; color:#FFF;}
.menu ul {  background: rgba(255, 255, 255, .85); }
.menu ul li .active ul {  background: none; }
.menu ul li .active li a { color:#FFF !important; }
.menu ul li:hover ul { display: block; padding: 0; line-height: 40px; z-index:999; }

.menu .rwd, .menu .rwd-button { display:none; }


/* ===== Middle  ===== */

.middle { margin: 0 auto; width: 100%; clear:both; overflow: hidden; background: url(../img/bg-banner.jpg) center 50% no-repeat; padding: 20px 0; border-bottom:1px solid #ddd; }
.middle #slide { float:none; width:1000px; height: 330px; margin: 0 auto; overflow: hidden; padding:0;clear:both; }

.middle .slide-home { text-align: right; width: 1000px; }
.middle .theme-default #slider-prod { clear: both; width:1000px; height:330px; margin-bottom: 0; z-index:99; }
.middle #slide span { opacity:0; color:white !important; }

/* ===== Contenido ===== */

#content { overflow: hidden; padding:20px 0; width: 1000px; margin: 0 auto; clear:both; background: url(../img/shadow.png) top center no-repeat; }
#content .boton { padding: 10px 60px; float:left; }
#content .cotizar { float:left; margin-top:20px; }
.detalle { margin-top:0 !important; }

/* ===== Categorias ===== */

#content .left-content { float:left; padding: 0; width: 232px; overflow: hidden; margin:0; }
#content .left-content .titulo { margin: 0; text-align:left; }
#content .left-content .titulo h4 { margin:0; color: #000; padding:7px 15px; font-size:20px; border:0; font-weight: 100;}

#content .left-content .box { margin: 0 0 20px 0; padding: 10px 0 0 0; width: 230px; background:#FFF; overflow:hidden; border:1px solid #E0E0E0; }
#content .left-content .box .frm-buscar { padding:10px 0;}
#content .left-content .box .titulo { margin: 0; text-align:left; border:0; padding: 3px 0 10px 15px; }
#content .left-content .box .titulo h4 { margin:0; padding: 0 0 0 25px; border:0; font-weight: 100; background: url(../img/icon-search.png) left 50% no-repeat;}
#content .left-content .box .opcion { clear:both; width:100%; overflow:hidden; padding: 0 15px; }
#content .left-content .box .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 .box .opcion .styled-select { width: 196px; height: 31px; margin:0 0 13px 0; opacity:.85; }
#content .left-content .box .opcion .styled-select:hover { opacity:1; background: #FFF url(../img/down_arrow_select_hover.jpg) right 50% no-repeat; }
#content .left-content .box .opcion .styled-select select { cursor:pointer; background: transparent; background:rgba(255, 255, 255, 0); width: 230px; padding: 6px 0 0 6px; color:#333; font-size: 13px; border: 0; height: 25px; appearance:none; -moz-appearance:none; -webkit-appearance:none; }
#content .left-content .box .frm-input {display:block; float:left; margin: 0 15px 16px 15px; }
#content .left-content .box .frm-input input[type=submit] { text-align:left; padding: 9px 10px; width:200px; background: #05B1BB url(../img/bg-boton.png) 94% 50% no-repeat; }
#content .left-content .box .frm-input input[type=submit]:hover { background: #038F98 url(../img/bg-boton.png) 94% 50% no-repeat; }

#content .left-content .categorias { margin: 0 0 20px 0; padding: 10px 0 0 0; width: 230px; background:#FFF; overflow:hidden; border:1px solid #E0E0E0; }
#content .left-content .categorias .titulo { margin: 0; text-align:left; border:0; padding: 3px 0 10px 15px; }
#content .left-content .categorias .titulo h4 { margin:0; padding: 0 0 0 25px; border:0; font-weight: 100; background: url(../img/icon-services.png) left 50% no-repeat;}
#content .left-content .categorias .titulo h4 { font-size:20px; letter-spacing: 0; }
#content .left-content .ciudades .titulo h4 { margin:0; padding: 0 0 0 25px; border:0; font-size:18px; font-weight: 100; background: url(../img/icon-home.png) left 50% no-repeat !important;}
#content .left-content .categorias ul { list-style-type: none; float:left; padding: 2%; margin:0; width:100%; margin:0 auto; border:0; padding: 0; } 
#content .left-content .categorias ul li { padding:1% 5%; display:block; clear:both; border-top: 1px solid #EEE; background: url(../img/bullet-menu.png) 94% 50% no-repeat; }
#content .left-content .categorias ul li:hover { background: #FAFAFA url(../img/bullet-menu-hover.png) 94% 50% no-repeat; }
#content .left-content .categorias ul li:last-child { border-bottom: 0; }
#content .left-content .categorias ul li a { color:#05B1BB; font-size: 14px; font-weight:normal; display:block; padding: 7px 0; clear:both; }
#content .left-content .categorias ul li a:hover { color:#333; }

#content .left-content .entreguenos { margin:20px auto; width: 232px; height:auto; padding:0; overflow:hidden; clear:both; }
#content .left-content .entreguenos img { border:0; margin:0; padding:0; clear:both; margin-bottom:0; }  
#content .left-content .entreguenos a { opacity: 1; }
#content .left-content .entreguenos a:hover { opacity: .8; }

/* ===== Contenido Principal ===== */

#content .right-content { float:left; width: 768px; margin: 0; overflow: hidden; }
#content .right-content .notfound {  font-size:14px; font-style:italic; color:#999; margin-left: 20px; }

/* ===== Titulos ===== */ 

#content .titulo { margin: 0px 0 20px 20px; display: block; text-align:left; overflow: hidden; }
#content .titulo { border-bottom:1px solid #D7D7D7; padding: 0; }
#content .titulo h1 { width:auto; float:left; padding-bottom: 5px; font-size:20px; border:0; font-weight:100; color: #04B0B9; text-transform: uppercase; }
#content .titulo h1 span { font-weight:500; color:#666; }
#content .titulo h2 { text-transform: uppercase; color:#666; }
#content .titulo form { float:right; margin-top: 1px; margin-right: 10px; }
#content .titulo h1.detalle-prop { color:#666; }
#content .addthis_toolbox { border:0; float:right; margin-right:0; margin-top: 5px;}

#content .right-content .titulo h2 { float:left; }
#content .right-content .descripcion { color:#666; font-size:14px; margin:15px 0 20px 0; width:100%; line-height:22px; font-family:Arial, Helvetica, sans-serif; }

/* ===== Contenido ===== */ 

#content .right-content .contenido { float:left; background:#fcfcfc; border:1px solid #DDD; width:705px; padding:20px; margin: 0 0 0 20px; font-size:14px; overflow:hidden; }
#content .right-content .contenido p { color: #666; margin-top:0; line-height: 22px; font-weight:100; font-family:Arial, Helvetica, sans-serif; }
#content .right-content .general ul { list-style-type:none; margin-top: 10px; margin-left: 0; padding-left:0; background:#FFF; padding: 15px; border:1px solid #eee; }
#content .right-content .general ul li { color:#777; line-height: 20px; padding-left: 12px; background: url(../img/bullet.png) left 6px no-repeat; margin-bottom: 10px; }
#content .right-content .simuladores img { margin: 10px; }
#content .right-content .contenido ul.lista { list-style-type:none; margin-top: 15px; margin-left: 15px;}
#content .right-content .contenido ul.lista li { font-size:14px; color:#666; line-height: 18px; padding-left: 12px; background: url(../img/bullet.png) left 50% no-repeat;}
#content .right-content .contenido .fecha { font-size:12px; color:#999; display:block; margin-bottom:10px;}

#content .right-content .contenido .prop-imagen {float:left; width: 300px; margin: 0 15px 5px 0; } 
#content .right-content .contenido .prop-datos {float:left; width: 390px; font-size: 12px;}
#content .right-content .contenido .prop-datos h3 {color: #04B0B8; text-transform:none; font-size: 22px; margin-bottom:10px; padding-bottom:10px; }
#content .right-content .contenido .prop-datos .dato {overflow:hidden; float:left; width: 120px; height: 23px; line-height: 23px; font-weight: bold; border-bottom:1px dotted #ccc; }
#content .right-content .contenido .prop-datos .valor {overflow:hidden; float:left; width: 265px; height: 23px; line-height: 23px; border-bottom:1px dotted #ccc; margin-left:4px; }
#content .right-content .contenido .prop-datos .addthis_toolbox { border:0; float:none; clear:both; margin: 0 0 10px 0; }
#content .right-content .contenido .prop-datos .redes { overflow:hidden; width: 100%; }
#content .right-content .contenido .prop-datos .redes .twitter { float:left; width: auto; margin-right:10px; overflow:hidden; height: 25px; }
#content .right-content .contenido .prop-datos .redes .facebook { float:left; width: auto; margin-right:10px; overflow:hidden; height: 25px; }
#content .right-content .contenido .prop-datos .redes .google { float:left; width: auto; margin-right:0; overflow:hidden; height: 25px; } 

/* ===== Formulario ===== */ 

#content .right-content .contenido .frm-contacto { margin: 15px 0 0 0; overflow:hidden; width: 470px; float:left; border-right:1px solid #DDD; }
#content .right-content .contenido .frm-contacto table td { font-size: 13px; color: #666; padding: 5px; font-weight:bold; }
#content .right-content .contenido .frm-contacto label { float:left; display:block; padding: 6px 5px; margin-top:5px; width: 65px; font-weight:100;}
#content .right-content .contenido .frm-contacto .input { border: 1px solid #ccc; padding: 8px 7px; font-size: 13px; color: #666; margin: 5px 0; width: 78%; float:left;}
#content .right-content .contenido .frm-contacto .input:hover { border: 1px solid #999; }
#content .right-content .contenido .frm-contacto .captcha { width: 40px; border: 1px solid #ccc; padding:8px 7px; font-size: 13px; color: #666; margin: 5px 0 5px 0; text-align:center; }
#content .right-content .contenido .frm-contacto .captcha:hover { border: 1px solid #666; }
#content .right-content .contenido .frm-contacto .textarea { border: 1px solid #ccc; padding: 8px 7px; font-size: 13px; color: #666; margin: 5px 0; width: 78%; height: 122px; font-family: Arial; float:left;}
#content .right-content .contenido .frm-contacto .textarea:hover { border: 1px solid #999; }
#content .right-content .contenido .frm2 { width: 90% !important; }

#content .right-content .contenido .datos-contacto {float:right; width:209px; overflow: hidden; margin-top:12px; margin-left: 0px; }
#content .right-content .contenido .datos-contacto .tbl-datos { margin: 15px 0; text-align:left; font-size:14px; border-bottom:1px solid #eee; } 
#content .right-content .contenido .datos-contacto .tbl-datos strong { color:#666;font-weight:100; }  
#content .right-content .contenido .datos-contacto .tbl-datos .dato { color:#446872; font-size:15px; }
#content .right-content .contenido .tab_content ul { padding-left: 10px !important; }
#content .right-content .contenido .tab_content ul li { background: url(../img/li.png) left 8px no-repeat; padding-left: 12px; color: #777; }

/* ===== Propiedades ===== */ 

#content .right-content .propiedades { float:left; margin:0; padding:2px 0 0 0; width:768px; overflow:hidden; }
#content .right-content .box-propiedad { position:relative; float:left; width: 215px; padding: 10px; margin: 0 0 20px 20px; background:#FFF; border:0; overflow:hidden; min-height:275px; }
#content .right-content .box-propiedad .imagen { margin:0; width:215px; height: 162px; overflow:hidden; position:relative; }
#content .right-content .box-propiedad .box-estado { overflow:hidden; position:absolute; width: auto; padding: 5px 10px 4px 10px; top:135px; right:10px; left:auto; }
#content .right-content .box-propiedad .box-estado { background: rgba(7, 171, 180, .5); color: #FFF; font-size: 12px; text-transform: uppercase; }
#content .right-content .box-propiedad .box-estado2 { overflow:hidden; position:absolute; width: auto; padding: 5px 10px 4px 10px; top:135px; right:10px; left:auto; }
#content .right-content .box-propiedad .box-estado2 { background: rgba(255, 102, 0, .6); color: #FFF; font-size: 12px; text-transform: uppercase; }
#content .right-content .box-propiedad .datos { font-size: 13px; color: #07ABB4; padding: 10px 0; }
#content .right-content .box-propiedad .datos span {  padding: 0 5px; color:#ddd; }
#content .right-content .box-propiedad .titulo { border:0; background: none; padding:0; margin: 0 0 5px 0; height: 40px; overflow:hidden; }
#content .right-content .box-propiedad .titulo h3 { letter-spacing:0; border:0; padding: 0; margin: 0 !important; text-transform: none; font-size:15px; line-height: 20px; }
#content .right-content .box-propiedad .titulo h3 a { border:0; color:#5D5D5D; display:block; padding: 0; }
#content .right-content .box-propiedad .titulo h3 a:hover { color:#333; }
#content .right-content .box-propiedad .precio { float:right; font-size: 16px; margin-top: 4px; font-weight:500; color:#627A86; width:auto; padding-bottom: 0; }
#content .right-content .box-propiedad .tipo { float:left; width:auto; margin:5px 0 0 0; padding: 0 7px; line-height:22px; }
#content .right-content .box-propiedad .tipo { background: #ccc; font-size: 12px; color:#FFF; }

/* ===== Paginador ===== */ 

.compaginador { width:93%; background: #fff; border:1px solid #ddd; font-size: 14px; font-weight: normal; display: block; padding: 12px 2%; color: #333; text-align:left; margin: 0 0 0 20px; clear: both; }
.compaginador a { font-size: 13px; font-weight: normal; color: #333; padding: 3px 7px; text-align: center; background: #FFF; border: 1px solid #ddd; margin: 5px 4px 5px 4px; }
.compaginador a:hover { color: #FFF; text-decoration: none; background: #07ABB4; border: 1px solid #07ABB4; }
.compaginador strong { background:#07ABB4; border:1px solid #07ABB4; color: #fff; padding: 3px 7px; font-weight:100; font-size: 13px; margin:0; }

.navegador { background:#fff; width: 97%; margin:0 0 15px 20px; display: block; border: 1px solid #e0e0e0; text-align:left; overflow:hidden; }
.navegador span { color:#666; font-weight: 500; margin: 0; display: block; padding: 7px 20px; border-right:1px solid #eee; float:left; font-size: 12px; }
.navegador span:last-child { border-right:0;}
.navegador span span { border-right: 0; display:inline; float:none; color:#999; font-weight:100; padding:0; }

/* ===== Footer ===== */

.footer { clear:both; background: #27AFBC url(../img/bg-footer.jpg) top center repeat-x; overflow:hidden; border-top:1px solid #26AEBB; }
.footer { padding: 25px 0; margin: 0 auto; width: 100%; text-shadow:1px 1px #27AFBC; }
.footer a { color: #FFF; text-decoration:0; font-weight: 500; }
.footer a:hover { color:#fff; text-decoration:underline; }
.footer .f-content { width:1000px; margin:0 auto; overflow:hidden;}

.footer .f-content .f-titulo { font-size:22px; margin: 0 0 10px 0; display:block; }

.footer .f-content .data { float:left; overflow:hidden; font-weight:100; width:28%; margin-right:0; border:0; }
.footer .f-content .data { color:#fff; text-shadow:1px 1px 2px #166B75; font-size:14px; line-height: 24px; }
.footer .f-content .data span { color:#FFF; }

.footer .f-content .sucursal2 { padding-left: 8%; }
.footer .f-content .sucursal3 { padding-left: 8%; }

.footer .f-content .f-bottom { border:0; margin: 20px auto 0 auto; width: 100%; overflow:hidden; clear:both; padding-top:15px; }
.footer .f-content .f-bottom .f-titulo { font-weight:100; float:left; font-size: 16px; display:block; color:#FFF; text-shadow:1px 1px 2px #166B75; }
.footer .f-content .f-bottom .f-menu { width: auto; float:right; margin:0; }
.footer .f-content .f-bottom .f-menu ul { list-style-type: none; float:right; padding:0; margin:0; }
.footer .f-content .f-bottom .f-menu ul li { float:left; font-size:14px; display:block; border-right:1px solid #26AEBB; margin: 0 8px; padding-right:16px; }
.footer .f-content .f-bottom .f-menu ul li a { color: #FFF; text-shadow:1px 1px 2px #166B75; }
.footer .f-content .f-bottom .f-menu ul li a:hover { color: #FFF; text-decoration:underline; }
.footer .f-content .f-bottom .f-menu ul li:last-child { border-right:0; padding-right:0; margin-right:0; }

.footer .f-content .f-bottom .indicadores { border:0; color:#FFF; float:right; width: 500px; margin:0; overflow:hidden; }
.footer .f-content .f-bottom .indicadores { font-size: 15px; text-align:right; text-shadow:1px 1px 2px #166B75; line-height: 30px; }
.footer .f-content .f-bottom .indicadores span { color: #ddd; }

/******* 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 { margin: 0 auto; height: auto; clear:both; width:94%; padding: 1% 3%; }
	.header .header-content { margin: 0 auto; height: auto; clear:both; width:100%; }
	.header .header-content .left-content { width:auto; float:left; text-align: left; height: auto; margin-top:15px; }
	.header .header-content .left-content img { width:100%; height:100%; max-width: 300px; max-height: 73px; float:none; clear: both; }
	.header .header-content .right-content { float:right; text-align:right; margin: 0 auto; overflow:hidden; width:auto; margin-top: 10px; }
	.header .header-content .right-content .phone {margin:5px auto 0 auto; font-size:20px; width:auto; }
	.header .header-content .right-content .email {margin:5px auto; font-size:16px; width:auto; }
	.header .header-content .right-content .social {margin:5px auto; font-size:16px; width:auto; }
	
	.menu ul li a { font-size:13px; font-weight:100; line-height: 40px; letter-spacing:0; }
	
	.menu .inicio { width: 100px; float:left; }
	.menu .empresa { width: 110px; float:left; }
	.menu .sucursal { width: 120px; float:left; }
	.menu .propiedades { width: 150px; float:left; }
	.menu .mantencion { width: 140px; float:left; }
	.menu .contacto { width: 120px; float:left; }

	.middle { display:none; }
	
	#content { overflow: hidden; padding:2%; width: 96%; margin: 0 auto; clear:both; }
	#content .titulo { margin: 0px 0 5px 0; display: block; text-align:left; overflow: visible; }
		
	#content .left-content { float:left; padding: 0; width: 25%; overflow: hidden; margin:0; }
	#content .left-content .box { margin: 5px 0 10px 0; width: 98%; overflow:hidden; float:left; }
	#content .left-content .box .titulo { height:35px; }
	#content .left-content .box .frm-buscar { padding:3%; 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 .frm-input {display:block; float:left; margin: 0 auto; width:100%; }
	#content .left-content .box .frm-input input[type=submit] { width:99%; }
	
	#content .left-content .categorias { width: 98%; float:left; }
	#content .left-content .categorias .titulo { height:35px; }
	
	#content .left-content .entreguenos { margin:30px auto 20px auto; width: 100%; height:auto; padding:0; overflow:hidden; clear:both; text-align:left; }
	#content .left-content .entreguenos img { border:0; margin:0; padding:0; clear:both; margin-bottom:0; width:99%; height:99%; }  
	
	#content .left-content .entreguenos2 { margin:20px auto; width: 100%; height:auto; padding:0; overflow:hidden; clear:both; text-align:left; }
	#content .left-content .entreguenos2 img { border:0; margin:0; padding:0; clear:both; margin-bottom:0; width:99%; height:99%; }  
	
	#content .right-content { float:left; width: 72%; margin: 0 0 0 15px; overflow: hidden; }
	#content .right-content .descripcion { color:#666; font-size:14px; margin:15px 0 20px 20px; width:100%; line-height:22px; }
	#content .right-content .contenido { float:none; clear:both; width:95%; padding:2%; margin: 0; border:1px solid #E0E0E0; }
	#content .right-content .contenido .img-noticia {Â border:0; width:100% !important; height:auto; float:none; clear:both; }
	#content .right-content .contenido .img-noticia img { width: 100%; height:100%; }
	
	#content .titulo { width: 100%; clear:both; margin-bottom: 15px; overflow:hidden; }
	#content .titulo h1 { max-width: 70%; }
	
	#content .right-content .contenido .prop-datos {float:none; clear:both; width: 100%; font-size: 12px; }
	#content .right-content .contenido .prop-datos h3 { text-transform:none; font-size: 18px; margin-top: 15px; margin-bottom:10px; padding-bottom:10px; }
	#content .right-content .contenido .prop-datos .dato {width: 35%; }
	#content .right-content .contenido .prop-datos .valor {width: 62%; }
	#content .right-content .contenido .prop-datos .addthis_toolbox { border:0; float:left; margin-right:0; margin-top: 5px;}
	
	#content .right-content .propiedades { float:left; margin:0 auto; padding:2px 0 0 0; width:100%; overflow:hidden; position:relative; text-align:center; }
	#content .right-content .box-propiedad { display:inline-block; width: 215px;  margin: 15px 0 15px 30px; background:#FFF; border:0; overflow:hidden; }
	#content .right-content .box-propiedad .datos { text-align:left; }
	#content .right-content .box-propiedad .tipo { text-align:left; }	
	#content .right-content .box-propiedad .precio { text-align:left; }
	
	#content .right-content .contenido .frm-contacto { margin: 15px 0 0 0; overflow:hidden; width: 98%; float:none; border-right:0; }
	#content .right-content .contenido .frm-contacto .input { width: 83%; }
	#content .right-content .contenido .frm-contacto .textarea { width: 83%; }
	#content .right-content .contenido .frm-contacto .captcha { width: 60px; color:#333; }
	#content .right-content .contenido .datos-contacto {display:none; }
	
	.navegador { width: 99%; margin:0 0 15px 0; text-align:left; overflow:hidden; }
	.navegador span { padding: 7px 15px; }
	
	.container { width: 99%; }
	.container .tab_container { width: 100%; }
	
	/*
	.footer { clear:both; width: 100%; padding: 20px 0; overflow:hidden; }
	.footer .f-content { border:0; width:98%; padding: 0 2%; margin:0 auto; overflow:hidden; }
	.footer .f-content .data { float:left; width: 36%; margin:0 auto; text-align:left; } 
	
	.footer .f-content .f-menu {  float:right; width: 55%; overflow:hidden; margin: 0 2% 0 5px; }
	.footer .f-content .f-menu ul { width:auto; float:right; text-align:center; margin:0 auto; }
	.footer .f-content .f-menu ul li { padding: 0 10px 0 5px; margin:0 5px; }
	
	.footer .f-content .indicadores { width: 55%; margin: 10px 15px 0 0; }
	.footer .f-content .powered { display:block; float:right; font-size:12px; text-align:center; margin: 20px 15px 0 0; width:auto; }
	
	.footer .f-content ul { margin:0 auto; padding:0; width:100%; text-align:left; }
	.footer .f-content ul li { margin:0; padding:0; font-size:14px; line-height: 24px; }
	*/
	
}

/* Landscape phone to portrait tablet */
@media (min-width: 641px) and (max-width: 767px) {
	#wrapper { width: 100%; margin:0 auto; padding:0; }
	
	/* ===== Header ===== */
	.header { margin: 0 auto; height: auto; clear:both; width:96%; padding: 0 2%; }
	.header .header-content { margin: 0 auto; height: auto; clear:both; width:100%; }
	.header .header-content .left-content { width:auto; float:left; text-align: left; height: auto; margin:30px 0; }
	.header .header-content .left-content img {  float:left; margin: 0 0 10px 0; max-width: 300px; max-height:73px; }
	.header .header-content .center-content { display:none; }
	.header .header-content .right-content { float:right; text-align:right; margin: 3px auto; overflow:hidden; width:auto; }
	.header .header-content .right-content .phone {margin:20px auto 5px auto; }
	.header .header-content .right-content .phone .ws { width:100%; height:32px; margin: 0 0 15px 0; clear:both; overflow:hidden; display:block; }
	.header .header-content .right-content .phone .ws .ws_btn { width: 188px; height: 32px; margin-top:1px; }  
	.header .header-content .right-content .phone .tel { width:auto; float:left; overflow:hidden; font-size: 15px; }
	.header .header-content .right-content .email {margin:5px auto; font-size:14px; width:auto; }
	.header .header-content .right-content .horario { margin:5px auto; font-size:16px; width:auto; }
	
	.menu { margin-top: 0; height:40px; }
	.menu ul li a { font-size:12px; font-weight:100; line-height: 40px; letter-spacing:-.5px; }
	
	.menu .inicio { width: 80px; float:left; }
	.menu .empresa { width: 90px; float:left; }
	.menu .sucursal { width: 100px; float:left; }
	.menu .propiedades { width: 130px; float:left; }
	.menu .mantencion { width: 120px; float:left; }
	.menu .contacto { width: 100px; float:left; }
	
	.middle { display:none; }
	
	#content { overflow: hidden; padding:2%; width: 96%; margin: 0 auto; clear:both; }
	
	#content .left-content { float:none; clear:both; padding: 0; width: 100%; overflow: hidden; margin:0; }	
	#content .left-content .box { margin: 15px 0 20px 0; width: 99.5%; overflow:hidden; }
	#content .left-content .box .titulo { height:30px; border-bottom:0; padding-bottom:12px; }
	#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 .frm-input {display:block; float:left; margin: 0 auto; width:100%; }
	#content .left-content .box .frm-input input[type=submit] { width:99%; }
	
	#content .left-content .categorias { width: 99.5%; }
	#content .left-content .categorias .titulo { height:35px; padding-bottom:8px; }
	#content .left-content .categorias ul { display:none; } 
	
	#content .left-content .entreguenos { display:none }
	
	#content .right-content { float:left; width: 100%; margin: 0; overflow: hidden; }
	#content .right-content .descripcion { color:#666; font-size:14px; margin:15px 0 20px 20px; width:100%; line-height:22px; }
	#content .right-content .contenido { float:none; clear:both; width:95%; padding:2%; margin: 0; border:1px solid #E0E0E0; }
	#content .right-content .contenido .img-noticia {Â border:0; width:100% !important; height:auto; float:none; clear:both; }
	#content .right-content .contenido .img-noticia img { width: 100%; height:100%; }Â 
	
	#content .titulo { margin: 0px 0 5px 0; display: block; text-align:left; overflow: visible; }
	#content .titulo h1 { max-width: 100%; }
	
	#content .right-content .contenido .prop-imagen {float:none; clear:both; text-align:center; width: 100%; margin: 0 auto; } 
	#content .right-content .contenido .prop-datos {float:none; clear:both; width: 100%; font-size: 12px; }
	#content .right-content .contenido .prop-datos h3 { text-transform:none; font-size: 18px; margin-top: 15px; margin-bottom:10px; padding-bottom:10px; }
	#content .right-content .contenido .prop-datos .dato {width: 35%; }
	#content .right-content .contenido .prop-datos .valor {width: 62%; }
	#content .right-content .contenido .prop-datos .addthis_toolbox { border:0; float:left; margin-right:0; margin-top: 5px;}
	
	#content .right-content .propiedades { float:none; clear:both; margin:0 auto; padding:2px 0 0 0; width:100%; overflow:hidden; position:relative; text-align:center; }
	#content .right-content .box-propiedad { display:inline-block; width: 215px;  margin: 15px 0 15px 30px; background:#FFF; border:0; overflow:hidden; }
	
	#content .right-content .box-propiedad .datos { text-align:left; }
	#content .right-content .box-propiedad .tipo { text-align:left; }	
	#content .right-content .box-propiedad .precio { text-align:left; }
	
	#content .right-content .contenido .frm-contacto { margin: 15px 0 0 0; overflow:hidden; width: 98%; float:none; border-right:0; }
	#content .right-content .contenido .frm-contacto .input { width: 83%; }
	#content .right-content .contenido .frm-contacto .textarea { width: 83%; }
	#content .right-content .contenido .frm-contacto .captcha { width: 60px; color:#333; }
	#content .right-content .contenido .datos-contacto {display:none; }
	
	.navegador { width: 99%; margin:0 0 15px 0; text-align:left; overflow:hidden; }
	
	.footer { clear:both; }
	.footer .f-content { width:100%; }	
	.footer .f-content .data { float:none; width:90%; margin:0 auto 20px auto; text-align:center; }
	.footer .f-content .sucursal2 { padding-left: 0; }
	.footer .f-content .sucursal3 { padding-left: 0; }	
	.footer .f-content .f-bottom { padding:0; }
	.footer .f-content .f-bottom .f-titulo { float:none; text-align:center; }		
	.footer .f-content .f-bottom .indicadores { text-align:center; float:none; width: 90%; margin:0 auto; }
		
}

/* Landscape phones and down */
@media (max-width: 640px) {
	
	#wrapper { width: 100%; margin:0 auto; padding:0; }
	
	/* ===== Header ===== */
	.header { margin: 0 auto; height: auto; clear:both; width:100%; padding: 0 0; }
	.header .header-content { margin: 0 auto; height: auto; clear:both; width:100%; }
	
	.header .header-content .left-content { width:100%; float:none; clear: both; text-align: center; height: auto; margin: 20px auto 0 auto; }
	.header .header-content .left-content img { width:100%; height:100%; max-width: 300px; max-height: 73px; float:none; clear: both; }
	
	.header .header-content .right-content { float:none; clear:both; text-align:center; margin: 10px auto; overflow:hidden; width:auto; }
	.header .header-content .right-content .phone { float:none; line-height:30px; margin:10px auto; clear:both; text-align:center; width: 100%; }
	.header .header-content .right-content .phone a { font-weight:400; font-size:26px; } 
	.header .header-content .right-content .email { float:none; line-height:30px; margin:5px auto; clear:both; text-align:center; width: 100%; font-size: 18px; }
	.header .header-content .right-content .social { width:100%; position:relative; text-align:center; }
	.header .header-content .right-content .social img { display:inline-block; } 
	
	.menu { margin: 10px auto; padding: 0; overflow:hidden; float:none; clear:both; display:block; }
	.menu { border-top: 0; border-bottom: 0; }
	.menu ul { list-style-type: none; margin:0; padding:0; float:left; width:100%; }
	.menu ul li { margin: 0; float:none; padding: 0; width:100%; overflow:hidden; }
	.menu ul li a { border-right: 0; display:block; padding:0 0 0 15px; border-bottom:1px solid #ddd; text-align:left; line-height: 40px; }
	
	.menu li ul { display: none; position: relative; width:100%; top: 0px; left: 0; margin-top:0; margin-left:0px; border:0; }
	.menu li>ul { top: auto; left: auto; text-align:left; border:0; }
	.menu .sub li { width:100%; border: 0; margin: 0; padding: 0; text-align: left; height:40px; line-height: 40px; border-bottom:1px solid #ddd; }
	.menu .sub li a { text-transform: none; padding: 0 20px; display: block; font-size: 14px; text-align:left; }
	
	.menu .inicio 		{ width: 100%; float:none; clear:both; }
	.menu .empresa 		{ width: 100%; float:none; clear:both; }
	.menu .sucursal		{ width: 100%; float:none; clear:both; }
	.menu .propiedades 	{ width: 100%; float:none; clear:both; }
	.menu .mantencion 	{ width: 100%; float:none; clear:both; }
	.menu .contacto 	{ width: 100%; float:none; clear:both; }
	
	.menu { position:relative; display:block; width: 100%; height: 40px; overflow: hidden; margin:0 auto; }
	.menu .rwd { height: 40px; display:block; background: #04B0BA; margin: 0; float:left; padding: 0; width:100%; overflow:hidden; }
	.menu .rwd a { color:#eee; text-transform: uppercase; display:block; font-size: 18px; line-height: 40px; }
	.menu .rwd a { letter-spacing:1px; text-transform:uppercase; font-weight: bold; padding-left:15px; }
	.menu .rwd a:hover { text-decoration: none; color:#fff; } 
	.menu .rwd-button { cursor:pointer; display:block; position:absolute; right:15px; top:7px; }
	.menu .rwd-button span { display:block; margin-top:4px; height:3px; background:white; width:24px; }
	
	.middle { display: none; }
	.shadow-slide { display: none; }
	
	#content { overflow: hidden; padding:2%; width: 96%; margin: 0 auto; clear:both; }
	#content .left-content { float:none; clear:both; padding: 0; width: 100%; overflow: hidden; margin:0; }	
	#content .left-content .box { margin: 15px 0 20px 0; width: 99.5%; overflow:hidden; }
	#content .left-content .box .titulo { height:30px; border-bottom:0; padding-bottom:12px; }
	#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 .frm-input {display:block; float:left; margin: 0 auto; width:100%; }
	#content .left-content .box .frm-input input[type=submit] { width:99%; }
	
	#content .left-content .categorias { width: 99.5%; }
	#content .left-content .categorias .titulo { height:35px; padding-bottom:8px; }
	#content .left-content .categorias ul { display:none; } 
	
	#content .left-content .entreguenos { display:none }
		
	/* ===== Contenido Principal ===== */
	
	#content .right-content { float:left; width: 99.55%; margin: 0; overflow: hidden; }
	
	/* ===== Titulos ===== */ 
	
	#content .titulo { margin: 0 auto 15px auto; display: block; text-align:left; overflow: hidden; width:100%;}
	#content .titulo { height:auto; padding-bottom:0; }
	#content .titulo h1 { width:auto; float:left; font-size:22px; border:0; margin-bottom:10px; }
	#content .titulo h1 span { font-weight:500; }
	#content .titulo form { float:right; margin-top: 1px; margin-right: 10px; }
	#content .addthis_toolbox { clear:both; float:none; margin: 20px auto; width:100%; text-align:center; }
	
	#content .right-content .descripcion { color:#666; font-size:14px; margin:15px 0 20px 20px; width:100%; line-height:22px; font-family:Arial, Helvetica, sans-serif; }
	
	/* ===== Contenido ===== */ 
	
	#content .right-content .contenido { float:none; clear:both; width:95%; padding:2%; margin: 0; border:1px solid #E0E0E0; }
	#content .right-content .contenido .img-noticia {Â border:0; width:100% !important; height:auto; float:none; clear:both; }
	#content .right-content .contenido .img-noticia img { width: 100%; height:100%; }Â 
	#content .right-content .contenido .prop-imagen {float:none; clear:both; text-align:center; width: 100%; margin: 0 auto; } 
	#content .right-content .contenido .prop-datos {float:none; clear:both; width: 100%; font-size: 12px; }
	#content .right-content .contenido .prop-datos h3 { text-transform:none; font-size: 18px; margin-bottom:10px; padding-bottom:10px; }
	#content .right-content .contenido .prop-datos .dato {width: 35%; }
	#content .right-content .contenido .prop-datos .valor {width: 62%; }
	#content .right-content .contenido .prop-datos .addthis_toolbox { border:0; float:left; margin-right:0; margin-top: 5px;}
	
	.container { width: 98%; }
	.container .tab_container { width: 100%; }
	
	/* ===== Formulario ===== */ 
	
	/*#content .right-content .contenido .frm-contacto { margin: 15px 0 0 0; overflow:hidden; width: 470px; float:left; border-right:1px solid #DDD; }*/
	#content .right-content .contenido .frm-contacto { margin: 15px 0 0 0; overflow:hidden; width: 98%; float:none; border-right:0; }
	#content .right-content .contenido .frm-contacto .input { width: 96%; }
	#content .right-content .contenido .frm-contacto .textarea { width: 96%; }
	#content .right-content .contenido .frm-contacto .captcha { width: 60px; color:#333; }
	#content .right-content .contenido .frm2 { width: 100% !important; }
	#content .right-content .contenido .datos-contacto {display:none; }
	
	/* ===== Propiedades ===== */ 
	
	#content .right-content .propiedades { float:none; clear:both; margin:0; padding:0; width:100%; overflow: hidden; }
	#content .right-content .box-propiedad { position:relative; float:left; width: 95.5%; padding: 2%; margin: 2px 0 20px 1px; background:#FFF; }
	#content .right-content .box-propiedad .imagen { margin:0; width:100%; height: 100%; overflow:hidden; position:relative; }
	#content .right-content .box-propiedad .box-estado { top:20px; left:2%; right:auto; font-size:14px; }
	#content .right-content .box-propiedad .box-estado2 { top:20px; left:2%; right:auto; font-size:14px; }
	
	#content .right-content .box-propiedad .titulo { height:auto; }
	#content .right-content .box-propiedad .titulo h3 { font-size:18px; line-height: 20px; height:auto; }
	
	#content .right-content .box-propiedad .datos { font-size: 13px; color: #07ABB4; padding: 10px 0; }
	#content .right-content .box-propiedad .datos span {  padding: 0 5px; color:#ddd; }
	#content .right-content .box-propiedad .titulo { border:0; background: none; padding:0; margin: 0 0 5px 0; height: 40px; overflow:hidden; }
	#content .right-content .box-propiedad .titulo h3 { letter-spacing:0; border:0; padding: 0; margin: 0 !important; text-transform: none; font-size:15px; line-height: 20px; }
	#content .right-content .box-propiedad .titulo h3 a { border:0; color:#5D5D5D; display:block; padding: 0; }
	#content .right-content .box-propiedad .titulo h3 a:hover { color:#333; }
	#content .right-content .box-propiedad .precio { float:right; font-size: 18px; margin-top: 4px; font-weight:500; color:#627A86; width:auto; padding-bottom: 0; }
	#content .right-content .box-propiedad .tipo { float:left; width:auto; margin:5px 0 0 0; padding: 0 7px; line-height:22px; }
	#content .right-content .box-propiedad .tipo { background: #ccc; font-size: 12px; color:#FFF; }

	
	/* ===== Paginador ===== */ 
	.compaginador { width:95%; margin: 0 auto 10px auto; }
	
	.navegador { background:#fff; width: 100%; margin:0 0 15px 0; display: block; border: 1px solid #eee; text-align:left; overflow:hidden; }
	.navegador span { color:#aaa; font-weight: 100; margin: 0; display: block; padding: 7px 12px; border-right:1px solid #eee; float:left; font-size: 11px; }
	.navegador span:last-child { border-right:0;}
	.navegador { display: none; }
	
	/* ===== Footer ===== */
	.footer { clear:both; }
	.footer .f-content { width:100%; }	
	.footer .f-content .data { float:none; width:90%; margin:0 auto 20px auto; text-align:center; }
	.footer .f-content .sucursal2 { padding-left: 0; }
	.footer .f-content .sucursal3 { padding-left: 0; }	
	.footer .f-content .f-bottom { padding:0; }
	.footer .f-content .f-bottom .f-titulo { float:none; text-align:center; }		
	.footer .f-content .f-bottom .indicadores { text-align:center; float:none; width: 90%; margin:0 auto; }
		
	div.error { margin-left: 0;}
}