/* == ESTILOS GENERAL ============================================================================== */
/* ================================================================================================= */
/********************************************/
/*Estilos Para la el nuevo proyecto */
/*    Ultima modificacion: 19/08/2020       */
/********************************************/

/* == RESET ======================================================================================== */
/* ================================================================================================= */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; }
img, embed, object, video { max-width: 100%; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
input,select{outline:none;}
blockquote:before, blockquote:after, q:before, q:after { content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* == BASICS ======================================================================================= */
/* ================================================================================================= */
/*body {
ground-color: #FFFFFF; color: #525252; font: normal 100% Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 1; }*/
body {
    line-height: 20px;
    font-family: 'Mulish', open-sans, sans-serif;
    font-size: 18px;
    font-weight: 400;
}
h1 { font-size: 1.5em; /* 24px/16px */ font-style: italic; font-weight: normal; }
h1.titulo { border-bottom: #D41E33 solid 4px; display: inline-block; margin: 0; padding: 20px 0 10px 20px; width: 98% }
h1.titulo img { float: left; width: 200px; }
h1.titulo span {  }
input[type="radio"] { color: red; }
input[type="checkbox"] { color: red; }
span.left { float: left; }
.bigButton { background-color:#FFFFFF; border:1px solid #FF0000; border-radius:7px; box-shadow:0 5px 3px #B0B0B5; color:#FF0000; cursor:pointer; font-size:2em; display: inline-block; height:auto; margin:10px auto; text-align:center; text-decoration: none; padding:0.3em; width:auto; }
.smallButton { background-color:#FFFFFF; border:1px solid #FF0000; border-radius:7px; box-shadow:0 5px 3px #B0B0B5; color:#FF0000; cursor:pointer; font-size:1.5em; display: inline-block; height:auto; text-align:center; text-decoration: none; padding:0.3em; width:auto; }
.smallerButton { background-color:#FFFFFF; border:1px solid #B7B7B7; border-radius:7px; box-shadow:0 5px 3px #B0B0B5; color:#525252; cursor:pointer; font-size:1em; display: inline-block; height:auto; text-align:center; text-decoration: none; padding:0.2em; width:auto; }
.small { font-size: smaller; font-style: italic; }
.small2 { font-size: 10px; font-style: italic; }
.small3 { font-size: 10px;font-weight: lighter;font-style: italic;line-height: normal; }
.flag_lan { background-color: white; border-radius: 15px; text-align: center; padding: 2px 5px; }
.big { font-size: larger; }
.red { color: #FF0000; }
.bglightred { background-color: lightcoral;  }
.izquierda { text-align: left; }
.derecha { text-align: right; }
.font10 { font-size: 10px; }
.ver-center { vertical-align: middle; }
p.centrado { text-align: center !important; }
p.margen5 { margin: 5px !important; }
img.icon_view { width:40px; }
div.selectMonth { background: none repeat scroll 0 0 #000000; border-color: #B6B6B6 #F9F9F9 #F9F9F9 #B6B6B6; border-style: solid; border-width: 1px; color: #FFFFFF; float: right; padding: 10px 12px; margin-right: 80px; border-radius: 5px }
div.selectMonth select { background-color: yellow; color: #D41E33; }
span.prospectos { background: white; border-radius: 5px 7px; color: black; font-size: 9px; vertical-align: top; padding: 10px; }
.directory div.form input[type=submit] { font-size: 10px; padding: 5px; width: 15%; }
.directory div.form textarea { width: 80%; }
.directory div.notas p { text-indent: -20px; margin-left: 20px; }
/* estilo para ocultar texto visualmente pero que sea leido por lectores de pantalla */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

 /* == LICENCIAS ==================================================================================== */
/* ================================================================================================= */
span.buttonSeccion2 { color: #D41E33; cursor: pointer; float: right; }
div.submitSegment { display: block; }
input.submitSegment { width: 30%; margin: 40px; background-color: #d41e33; color: #FFFFFF; padding: 5px; border-radius: 7px; border: 0; }
input.modificarLicencia { background-color: beige; border: 1px solid; border-radius: 5px; float: right; padding: 5px 15px; margin: 5px 20px 30px; }
div.licencia { width: 100%; }
div.licencia form { width: 100%; }
div.licencia form p.licencia { margin: 5px 0 5px 30px; width: 100%;}
div.licencia form p.licencia span { display: inline-block; padding: 0 10px 0 0; text-align: right; width: 200px;}
div.licencia form input.button { background-color: beige; border: 1px solid; border-radius: 5px; float: right; padding: 5px 15px; margin: 5px 20px 30px; }
div.verified { border-color: green; }
div.featured { border-color: #D41E33; }
div.featuredV { border-color: #D41E33; }
div.goldenDevelopment { border: 2px solid #d0ad1d; }


/* == PARA UBICAR ================================================================================== */
/* ================================================================================================= */
p.verified { color: black; font-size: 6px; float: right;  display: inline-block; position: absolute; bottom: 0; right: 0; margin: 0 7px; }
div.video { margin: 20px; }
div.sectionTraining { border: 1px solid #AFA5A5;
    border-radius: 10px;
    box-sizing: border-box;
    box-shadow: 0 16px 17px #0000001a;
    margin: 5px;
    width: 280px; }
div.sectionTraining img { width:214px; }
div.notaTexto textarea { width: 80%; padding: 5px; margin: 10px 20px; border: 1px solid #c8deec; border-radius: 7px; }
li .prospectos2 { align-items: center; background: #fff; border-radius: 50%; color: #000; display: flex; font-size: 10px; height: 15px; justify-content: center; padding: 0; position: absolute; left: 1px; top: -5px; vertical-align: top; width: 15px; }
li .prospectos3 { align-items: center; background: #000; border-radius: 50%; color: #fff; display: flex; font-size: 10px; height: 15px; justify-content: center; padding: 0; position: absolute; right: 5px; top: 13px; vertical-align: top; width: 15px; }

/* == HEAT MAPS ==================================================================================== */
/* ================================================================================================= */
div.heatMaps { line-height: normal; padding: 0 20px; }
div.heatMaps h1 {color: red; margin-bottom: 15px; }
div.heatMaps ul li span {width: 160px; display: inline-table; text-align: right; padding-right: 10px; }
/* == DISCLAIMERS ================================================================================== */
/* ================================================================================================= */
div.disclaimer { border: 1px solid #D41E33; border-radius: 5px; margin: 10px 0; padding: 10px; text-align: center; width: 100%; }

/* == TABLES ======================================================================================= */
/* ================================================================================================= */
table { margin:5px 0; }
th { background-color: #F0F0F0; border-top:#B7B7B7 solid 1px; border-bottom:#B7B7B7 solid 1px; border-right:#B7B7B7 solid 1px; color:#525252; font-size:1em /*16px/16px*/; padding:3px 5px; vertical-align: middle; }
td { background-color: #FFFFFF; border-bottom:#A1A1A1 solid 1px; border-top:#A1A1A1 solid 1px; border-right:#A1A1A1 solid 1px; font-size:0.875em; padding:5px; text-align:left; vertical-align:top; }

th.firstColum { border-left:#B7B7B7 solid 1px;  }
th.titulo { background-color: #E5E5E5; border:#B7B7B7 solid 1px; color:#D41E33; letter-spacing: 10px; padding:7px 10px; text-align:center; text-transform: uppercase; }
th.titulo a { color:#FFFFFF; text-decoration:none; }
th.tituloNegro { background: #525252; color: #FFFFFF; }
th.centrado { text-align: center !important; }
th.derecha { text-align:right; }
th.izquierda { text-align:right; }

td.firstColum { border-left:#A1A1A1 solid 1px;  }
td.centrado { text-align: center !important; }
td.vCentrado { vertical-align: middle; }
td.derecha { text-align: right; }
td.izquierda { text-align: left; }
td.clear { border: none; }
td.tdrojo { color: #FFFFFF; background-color: lightcoral; border-color: #FFFFFF; }
td.tdwood { color: #FFFFFF; background-color: burlywood; border-color: #FFFFFF; }
td.tdgris { color: #FFFFFF; background-color: #D5D5D5; border-color: #FFFFFF; }
td.tdverde { color: #FFFFFF; background-color: darkseagreen; border-color: #FFFFFF; }
td.tdamarillo { color: #000000; background-color: #FFE7A1; border-color: #000000; }
td.tdnuevo { color: #FFFFFF; background-color:#008000; border-color: #FFFFFF; }
td.tdRenglones { color: #000000 !important; background-color: #D5D5D5 !important; border-color: #FFFFFF !important; }


table.lista { margin: 2%; width: 96%; }
table.lista td.etiqueta { text-align:right; vertical-align: top; }
table.lista td input { /*background-color:#F0F0F0;*/border:1px solid #c8deec;border-radius:7px; height:25px; margin:0 auto; padding:0 2.5%; width:95%; }
table.lista td input.small { width:25%; }
table.lista td input[type=checkbox] { height:auto; margin:0 auto; padding:0; width:auto; }
table.lista td input.center { text-align:center; }
table.lista td input.button { background-color:#ecf0fb; border:1px solid #4d91be; border-radius:7px; box-shadow:0 5px 3px #B0B0B5; color:#438eb5; cursor:pointer; float:right; font-size:1.5em;height:auto; margin:10px auto; text-align:center; padding:0.3em; width:auto; }
table.lista td select { /*background-color:#F0F0F0;*/border:1px solid #4d91be;border-radius:7px; color:#4A4346; height:25px; margin:0 auto; text-align:center; width:100%; }
table.lista td select.small { width:100%/*45%*/; }
table.lista td select[name="persona_firma"]{font-size:1.25em;}
table.lista td textarea { border: 1px solid #C8DEEC; border-radius:7px; background-color:#F0F0F0; margin:0 auto; width:95%; }
table.lista td p span { display: inline-block; width: 15%; }
table.lista td p input { width: 50%; }
table.lista th.leftCol {text-align: right; vertical-align: top; }
table.lista th { background-color: #F9F9F9; border:none; color:#4c90bf; text-align:center/*right*/; }
table.lista th.options{text-align:center; width:24%;}
table.lista td { background-color: #F9F9F9; border:none; }
table.lista select.phone_code { width: 20% }
table.lista input.phone { width: 75% }
table.lista span.exis { border: 1px solid #000000; border-radius: 10px; cursor: pointer; font-size: 10px; padding: 0 3px; }
table.lista p.email { background-color: aliceblue; padding: 5px; margin: 0; }
table.lista p.phone_number { background-color: aliceblue; padding: 5px; margin: 0; }
table.lista p.phone_number span.phone_code { border: 1px solid lightsteelblue; border-radius: 7px; width: 20%; text-align: center; }
table.lista p.underline { border-bottom: 1px dotted lightgrey; margin: 0; padding: 0 5px; }
table.formulario td.col1 { width: 30%; }
table.formulario td.col2 { width: 5%; }
table.formulario td.col3 { width: 35%; }
table.formulario td.col4 { width: 30%; }


@media screen and (max-width: 400px) {
    table.formulario td.col1 { width: 5%; }
    table.formulario td.col2 { width: 10%; }
    table.formulario td.col3 { width: 80%; }
    table.formulario td.col4 { width: 5%; }
}
table.aprobacion {}
table.aprobacion tr.dashes { border-bottom: 1px dashed #c8deec;  }
table.aprobacion td.bkgGray div { border: 1px solid lightgray; background-color: lightgray; border-radius: 3px; }


table.smaller { float: left; margin: 4px 2.5%; width: 45%; }

table.display { width: 100%; }
table.display table.images td { border: 0; margin: 0; padding: 0; }
table.display table.images td.image { background-color: lightgrey;  height: 100px; margin: 0; padding: 0; width: 40px; }
table.display table.images td.image img.bonus { padding: 0; width: 40px; }
table.display table.images td.button { height: 50px; margin: 0; padding: 0; text-align: center; vertical-align: middle; }
table.display table.images td.button img.file { padding: 0; width: 40px; }
table.display table.images td.button img.whatsapp { padding: 0; vertical-align: middle; width: 80px; }
table.display div.like { float: right; margin: 5px; font-size: 150%; color: #FF0000; }

table.display td button.compare { background: none; border: 0; padding: 0; width: 50px; }
table.display td button.compare:hover { cursor:pointer; }
table.display td button.compare img { width:50px; }
table.display a.nombre { color:#0000ff; font-size: larger; text-decoration: none; font-weight: bold; }

table.tblcomparativo { display: inline-table; margin: 5px; overflow-y: auto; text-align: center; vertical-align: middle; width: 100%; }
table.tblcomparativo tr.uno th { border: #5092BD solid 1px; position: sticky; vertical-align: middle; top: 0; }
table.tblcomparativo tr.dos th { border: #5092BD solid 1px; position: sticky; vertical-align: middle; top: 23px; }
table.tblcomparativo thead th.max { width: 50px; }
table.tblcomparativo thead th.units { width: 50px; }
table.tblcomparativo td { border-right: #A1A1A1 solid 1px; text-align: center; }
table.tblcomparativo td.leftBorder { border-left: #A1A1A1 solid 1px; }
table.tblcomparativo td.rightBorder { border-right: #A1A1A1 solid 1px; }
table.tblcomparativo td.rightBorder2 { border-right: #5092BD 2px solid; }
table.tblcomparativo td.clear { border: 0; }
table.tblcomparativo td.red { color: red; }
table.tblcomparativo td.green { color: green; }
table.tblcomparativo td.backgrey1 { background-color: #f3f3f3; }
table.tblcomparativo td.backgrey2 { background-color: #E3E3E3; }
table.tblcomparativo td.backgrey3 { background-color: lightgrey; }
table.tblcomparativo td.backgrey4 { background-color: ivory; }
table.tblcomparativo td.colorgrey4 { color: grey; }
table.tblcomparativo td.promo { background-color: #D41E33; color: #FFFFFF; margin: 0; padding: 5px; }
table.tblcomparativo td.promo div { font-size: smaller; }
table.tblcomparativo td.promo p.negro { background-color: #000000; color: #FFFFFF; }
table.tblcomparativo td.promo p.rojo { background-color: #D41E33; color: #FFFFFF; }
table.tblcomparativo td.promo p.gris { background-color: #D5D5D5; color: #D41E33; }

table.tblcomparativo th { border-right: #5092BD solid 1px; }
table.tblcomparativo th.leftBorder { border-left: #5092BD solid 1px; }
table.tblcomparativo th.rightBorder { border-right: #A1A1A1 solid 1px; }
table.tblcomparativo th.rightBorder2 { border-right: #5092BD 2px solid; }
table.tblcomparativo th.red { color: red; }
table.tblcomparativo th.green { color: green; }
table.tblcomparativo th.espacioblanco { border: none; background: none; color: #4C90BF; font-size: 1.5em; padding: 20px 0 5px 0; }
table.tblcomparativo p { text-align: center; }
table.tblcomparativo p.right { border-bottom: #A1A1A1 dashed 1px; text-align: right; }
table.tblcomparativo p.money { border-bottom: #A1A1A1 dashed 1px; display: block; text-align: right; }
table.tblcomparativo p.money span.tag { float:left; text-align: left; }
table.tblcomparativo p.money span.tag2 { display: inline-block; padding: 0 3px; text-align: left; width: 50px; }
table.tblcomparativo img { text-align: center; }
table.tblcomparativo img.mainimage { border-color: #5092BD; border-style: solid; border-width: thin; width: 150px; }
table.tblcomparativo img.file { padding: 0; width: 100px; }
table.tblcomparativo img.whatsapp { padding: 0; width: 100px; }


table.listaPrecios { font-size: 10px; }
table.listaPrecios input.numero { border: 1px solid #A2A2A2; font-size: 10px; width: 50px; text-align: center;}
table.listaPrecios input.numeroGde { border: 1px solid #A2A2A2; font-size: 10px; width: 50px; text-align: right; }
table.listaPrecios select.IMstatus { border: 1px solid #A2A2A2; font-size: 10px; }
table.listaPrecios select.IMtype { border: 1px solid #A2A2A2; font-size: 10px; }
table.listaPrecios input.price { border: 1px solid #A2A2A2; font-size: 10px; text-align: right; }
table.listaPrecios input.priceM2 { border: 1px solid #A2A2A2; font-size: 10px; text-align: right; }
table.listaPrecios td.tdForSale { }
table.listaPrecios td.tdClose { background-color: #9a9b9a; color: #FFFFFF; }
table.listaPrecios span.salvado { background-color: #D41E33; color: #FFFFFF; }

div.container { text-align: left;}
div.container div.tituloFijo { background-color: white; border-bottom: #D41E33 solid 4px; display: inline-block; margin: 0; max-width: 1200px; padding: 10px 0 10px 10px; position: fixed; width: 100%; z-index: 100; }
div.container div.tituloFijo div.back { display: inline-block; font-size: small; margin: 0 0 13px 0; width: 100%; }
div.container div.tituloFijo div.back a { padding: 5px; }
div.container div.tituloFijo div.col1 { float: left; margin: 0 10px; width: 200px; }
div.container div.tituloFijo div.col2 { float: left; margin: 0 30px 0 10px; width: 20%; }
div.container div.tituloFijo div.col2 a { width: 100%; display: inline-block; }
div.container div.tituloFijo div.col2 p.list-subtitulo { font-size: 10px; }
div.container div.tituloFijo div.col2 p.list-city { font-size: 14px; }
div.container div.tituloFijo div.col3 { float: left; margin: 0 40px; width: 50px; }
div.container div.tituloFijo div.col4 { float: right; font-size:10px; margin: 0 10px; text-align: center; width: 20%; }
div.container div.tituloFijo img { border-radius: 5px; float: left; height: 100px; width: 200px; }
div.container div.tituloFijo div.col3 img.file { border-radius: 5px; float: left; height: 40px; margin: 10px 10px 0; width: 40px; }
div.container div.tituloFijo div.col3 img.whatsapp { border-radius: 5px; float: left; height: 40px; margin: 0 10px 10px; width: 40px; }
div.container div.tituloFijo div.col4 button { border: #D41E33 solid 1px; border-radius: 5px; padding: 8px; color: #D41E33; }
div.container div.tituloFijo span { font-size: small;  }
div.container div.espacioH1Fijo { display: inline-block; height: 152px; max-width: 888px; width: 98%; }
div.container div.espacioVacio { height: 180px; }
div.container input.botonLP { padding: 5px; margin: 5px; border-radius: 5px; }
div.container input.red { background-color: red; color: #000000 !important; }
div.container input.amarillo { background-color: gold; }

div.detalle { max-width: 1200px; margin: auto; position: relative; }
div.detalle div.promoBox { background-color: whitesmoke; border-radius: 5px; min-height: 250px; }
div.detalle div.promoBox h4 { background-color: #FFFFFF; font-size: small; margin: 10px 0 0 0; padding: 5px 0; text-align: left; }
div.detalle div.promoBox h3 { border-radius: 5px 5px 0 0; padding: 10px; }
div.detalle div.promoBox h3.bono { background-color: #000000; color: #FFFFFF; }
div.detalle div.promoBox div.imagen { float: left; min-height: 150px; margin: 15px; padding: 0; width: 200px; }
div.detalle div.promoBox h3.promo { background-color: #D41E33; color: #FFFFFF; }
div.detalle div.promoBox h3.openH { background-color: #D5D5D5; color: #D41E33; }
div.detalle div.promoBox img {  }
div.detalle div.promoBox div { display: inline-block; padding: 20px; text-align: left; width: 70%; }
div.detalle div.promoBox p { font-size: small; width: 100%; }
div.detalle div.promoBox p.fecha { text-align: right; padding: 15px 0 0 0; }
div.detalle div.listingBox { border-radius: 5px; min-height: 250px; }
div.detalle div.listingBox h4 { background-color: #FFFFFF; font-size: small; margin: 10px 0 0 0; padding: 5px 0; text-align: left; }
div.detalle div.listingBox h3 { border-radius: 5px 5px 0 0; padding: 10px; background-color: #000000; color: #FFFFFF; text-align: center; }
div.detalle div.listingBox table { border: none; margin: 0 0 20px 0; width: 100%; }
div.detalle div.listingBox th { border: none; background-color: #cbd1d8; font-size: 12px; text-align: center; }
div.detalle div.listingBox td { border: none; }
div.detalle div.listingBox td.odd { background-color: ghostwhite; }
div.detalle div.listingBox td.checkA { text-align: right; width: 8%; }
div.detalle div.listingBox td.checkB { text-align: left; padding-left: 10px; }
div.detalle div.listingBox div.imagen { float: left; min-height: 150px; margin: 15px; padding: 0; width: 200px; }
div.detalle div.listingBox img { width:50px; }
div.detalle div.listingBox div { display: inline-block; padding: 20px; text-align: left; width: 70%; }
div.detalle div.listingBox p { font-size: small; width: 100%; }
div.detalle div.listingBox p.fecha { text-align: right; padding: 15px 0 0 0; }
div.detalle div.listingBox div.mapa { padding: 0; width: 100%; }
div.detalle div.listingBox div.mapa div { display: inline-block; float: left; margin: 0; padding: 0; width: 50%; }
div.detalle div.listingBox div.mapa div.ubicacion1 { padding-right: 10px; }
div.detalle div.listingBox div.mapa div.ubicacion2 { margin-bottom: 20px; }
div.detalle div.listingBox div.mapa #map { border-radius: 5px; height: 300px; width: 100%;}

table.tbldetalle { display: block; margin: 5px; text-align: center; vertical-align: middle; }
table.tbldetalle tr.uno th { border: #5092BD solid 1px; position: sticky; vertical-align: middle; top: 0; }
table.tbldetalle tr.dos th { border: #5092BD solid 1px; position: sticky; vertical-align: middle; top: 23px; }
table.tbldetalle thead th.max { width: 50px; }
table.tbldetalle thead th.units { width: 50px; }
table.tbldetalle td { border-right: #A1A1A1 solid 1px; padding:10px 20px; text-align: center; }
table.tbldetalle td.leftBorder { border-left: #A1A1A1 solid 1px; }
table.tbldetalle td.rightBorder { border-right: #A1A1A1 solid 1px; }
table.tbldetalle td.rightBorder2 { border-right: #5092BD 2px solid; }
table.tbldetalle td.clear { border: 0; }
table.tbldetalle td.red { color: red; }
table.tbldetalle td.green { color: green; }
table.tbldetalle td.backgrey1 { background-color: #f3f3f3; }
table.tbldetalle td.backgrey2 { background-color: #E3E3E3; }
table.tbldetalle td.backgrey3 { background-color: lightgrey; }
table.tbldetalle td p { display: inline-block; padding: 0 0 0 15%; text-align: left; width: 100%; }
table.tbldetalle td p span { display: inline-block; padding-right: 10px; text-align: right; width: 200px; }
table.tbldetalle td p.p2 { display: inline-block; padding: 0; text-align: left; width: 80%; }
table.tbldetalle td p.p2 span { display: inline-block; padding-right: 5px; width: 155px; }
table.tbldetalle td.promo { background-color: #FF0000; border-radius: 0 5px 0 0; color: #FFFFFF; }
table.tbldetalle td.promo a { color: #FFFFFF; text-decoration: none; }
table.tbldetalle td.bonus { background-color: #000000; border-radius: 0 5px 0 0; color: #FFFFFF; }
table.tbldetalle td.bonus a { color: #FFFFFF; text-decoration: none; }
table.tbldetalle td.openH { background-color: lightgrey; border-radius: 0 5px 0 0; color: #FF0000; }
table.tbldetalle td.openH a { color: #FF0000; text-decoration: none; }

table.tbldetalle th { border-right: #5092BD solid 1px; }
table.tbldetalle th.leftBorder { border-left: #5092BD solid 1px; }
table.tbldetalle th.rightBorder { border-right: #A1A1A1 solid 1px; }
table.tbldetalle th.rightBorder2 { border-right: #5092BD 2px solid; }
table.tbldetalle th.red { color: red; }
table.tbldetalle th.green { color: green; }
table.tbldetalle th.espacioblanco { border: none; background: none; font-size: 15px; padding: 20px 0 5px 0; text-align: left; }
table.tbldetalle th p { display: inline-block; padding: 0; text-align: left; width: 70%; }
table.tbldetalle th p span { display: inline-block; padding-right: 5px; width: 120px; }
table.tbldetalle p { text-align: center; }
table.tbldetalle p.right { border-bottom: #A1A1A1 dashed 1px; text-align: right; }
table.tbldetalle p.money { border-bottom: #A1A1A1 dashed 1px; display: block; margin: 0 0 0 15%; padding: 0; text-align: right; width: 50%; }
table.tbldetalle p.money span.tag { float:left; text-align: right; width: 110px; }
table.tbldetalle p.money span.tag2 { display: inline-block; padding: 0 3px; text-align: left; width: 50px; }
table.tbldetalle img { text-align: center; }
table.tbldetalle img.mainimage { border-color: #5092BD; border-style: solid; border-width: thin; float: left; width: 180px; }
table.tbldetalle img.file { padding: 0; width: 100px; }
table.tbldetalle img.whatsapp { padding: 0; width: 100px; }

div.misdesarrollos { padding: 0 5px; }
table.misDesarrollos { width: 100%; }
table.misDesarrollos th { font-size: 0.7em; }
table.misDesarrollos td { font-size: 0.7em; }
table.misDesarrollos td.texto { max-width: 650px; }
table.misDesarrollos a { color: #D41E33; font-weight: bold; }
table.misDesarrollos a.blanco { color: #FFFFFF; font-weight: bold; font-size: 16px; }
table.misDesarrollos .botonRevisado { border: 1px solid red; border-radius: 5px; color: red; margin: 5px 0; width: 150px; }

table.contactos { color: grey; }
table.contactos a { color: #000000; }


/* == BODY ========================================================================================= */
/* ================================================================================================= */
div.mainDiv { max-width: 1200px; margin: auto; min-height: 550px; text-align: center; width: 100%; }
div.mainDiv input.ig { border: 1px solid #ebeaea; padding: 2px; font-size: 12px; text-align: center; }
div.loginBackground { background-color: gainsboro; text-align: center; }
div.loginBox img { width: 250px; }
div.loginBox h2 { font-size: 1.5em; padding: 10px 0; }
div.loginBox p { padding: 3px 0; }
div.loginBox p.button input { background-color: #FF0000 !important; border: none; border-radius: 3px; color: #FFFFFF; margin: 3px 0; padding: 5px; width: 30%; }
div.loginBox p a { text-decoration: none; }
div.lawBox { background-color: rgba(255, 255, 255, 0.7); border-radius: 8px; box-sizing: border-box; padding: 75px 100px; width: 100%; }
div.lawBox img { width: 250px; }
div.lawBox h2 { font-size: 1.5em; padding: 10px 0; }
div.lawBox h3 { font-size: 1.0em; font-weight: bold; padding: 20px 0 5px 0; }
div.lawBox p { padding: 3px 0; }
div.lawBox p.sangria { margin-left: 20px; padding: 3px 0; }
div.dashboardBox { margin: 20px; text-align: center; }
div.dashboardBox a.section { background-color: #FFFFFF; border: 1px solid grey; border-radius: 7px; color: #FF0000; float: left; height: 200px; margin: 5px; padding: 5px; text-align: center; width: 200px; text-decoration: none; }
div.searchDiv { background: url(https://www.theredsearch.com/1-images/searchbackground.png) no-repeat; background-size: cover; background-position: center; padding: 123px 0 375px 0; }

/* == SEARCH BOX =================================================================================== */
/* ================================================================================================= */
div.searchBox { background-color: ghostwhite; border: none; border-radius: 7px; color: #000000; display: inline-block; margin: 80px 20px 0 20px; padding: 20px; text-align: center; width: 900px; }
div.searchBox h2 { font-size: 25px; padding: 5px 0; text-align: left; }
div.searchBox p { padding: 5px 0; text-align: left; }
div.searchBox div.filter-buttons { float: left; width: 75%; }
div.searchBox div.filter-buttons div.search-buttons-bigContainer {  }
div.searchBox div.filter-buttons div.filter-button-container { float: left; height: 30px; margin: 5px; width: 150px; }
div.searchBox div.filter-buttons div.filter-button-container button { border: grey; border-radius: 3px; height: 30px;}
div.searchBox div.filter-buttons div.filter-button-container button.filter-button-desable { background-color: lightgrey; color: darkgray; width: 150px; }
div.searchBox div.filter-buttons div.filter-button-container button.filter-button-close { background-color: #FFFFFF; color: #000000; width: 150px; }
div.searchBox div.filter-buttons div.filter-button-container button.filter-button-open { background-color: #FFFFFF; color: #FF0000; width: 150px; }
div.searchBox div.filter-buttons div.filter-button-container button.filter-button-save { background-color: #FF0000; border: 0; border-radius: 0 0 5px 5px; color: #FFFFFF; width: 100%; }
div.searchBox div.filter-buttons div.filter-button-container button.advanced-search { background-color: #FFFFFF; border: #FF0000 solid 1px; border-radius: 3px; color: #FF0000; width: 100%; }
div.searchBox div.filter-buttons div.filter-button-container div.comboZoneOff { display: none; }
div.searchBox div.filter-buttons div.filter-button-container div.comboZoneOn { display: grid; z-index: 10; position: relative; }
div.searchBox div.filter-buttons div.filter-button-container div.comboShowOff { background-color: #FFFFFF; border-radius: 5px; border: 1px solid #EBEAEA; display: grid; z-index: 10; position: relative; width: 200px; }
div.searchBox div.filter-buttons div.filter-button-container div.comboShowOn { background-color: #FFFFFF; border-radius: 5px; border: 1px solid #EBEAEA; display: grid; z-index: 10; position: relative; width: 200px; }
div.searchBox div.filter-buttons div.filter-button-container div.comboAreaOn { border-radius: 5px; border: 1px solid #EBEAEA; display: grid; font-size: small; z-index: 10; position: relative; text-align: left; width: 200px; }
div.searchBox div.filter-buttons div.filter-button-container div.comboA { background-color: #FFFFFF;  }
div.searchBox div.filter-buttons div.filter-button-container div.comboAreaOff { background-color: #FFFFFF; border-radius: 5px; border: 1px solid #EBEAEA; display: grid; z-index: 10; position: relative; width: 200px; }
div.searchBox div.filter-buttons div.filter-button-container div.comboNeighborhoodOff { background-color: #FFFFFF; border-radius: 5px; border: 1px solid #EBEAEA; display: grid; z-index: 10; position: relative; width: 200px; }
div.searchBox div.filter-buttons div.filter-button-container button.neighborhood { background-color: lightgrey; }
div.searchBox div.filter-buttons div.filter-button-container div.checkRadio { font-size: small; margin-left: 25px; text-align: left; text-indent: -25px;  }
div.searchBox div.filter-buttons div.filter-button-container div.comboRangeOff { background-color: #FFFFFF; border: #FF0000 solid 1px; border-radius: 5px; height: auto; /*position: relative;*/ width: 350px; /*z-index: 10;*/ }
div.searchBox div.filter-buttons div.filter-button-container div.comboRangeOff div.inputRangeContainer { float: left; padding: 2.5%; text-align: center; width: 33%;}
div.searchBox div.filter-buttons div.filter-button-container div.comboRangeOff div.inputRangeContainer h4 { color: grey; font-size: 9px; padding: 2px; }
div.searchBox div.filter-buttons div.filter-button-container div.comboRangeOff div.inputRangeContainer input { width: 80%; }
div.searchBox div.filter-buttons div.filter-button-container div.comboUnitTypeOff { display: grid; z-index: 10; position: relative; }
div.searchBox div.filter-buttons div.filter-button-container div.comboUnitTypeOff p { background-color: #FFFFFF; font-size: small; }
div.searchBox div.search-button { float: right; padding: 2px; width: 20%; }
div.searchBox div.search-button button { background-color: #000000; border: none; border-radius: 5px; color: #FFFFFF; height: 50px; width: 100%; }


div.searchMenu { display: inline-block; padding: 15px 0; width: 100%;}
div.searchMenu div.search-texto { float: left; height: 50px; margin: 2px; width: 285px; }
div.searchMenu div.search-texto input { border: lightgrey solid 2px; border-radius: 5px 0 0 5px; height: 50px; margin-left: 0; width: 250px; }
div.searchMenu div.search-texto button { background-color: #000000; border: 0; border-radius: 0 5px 5px 0; color: #FFFFFF; height: 50px; margin-left: 0; }
div.searchMenu div.filter-buttons { float: right; width: 70%; }
div.searchMenu div.filter-buttons div.filter-button-container { float: left; margin: 2px; width: 160px; }
div.searchMenu div.filter-buttons div.filter-button-container button { border: lightgrey solid 2px; border-radius: 5px; height: 60px; margin-left: 0; }
div.searchMenu div.filter-buttons div.filter-button-container button.filters { width:100%; }
div.searchMenu div.filter-buttons div.filter-button-container button.filter-button-desable { background-color: lightgrey; color: darkgray; width: 150px; }
div.searchMenu div.filter-buttons div.filter-button-container button.filter-button-close { background-color: #FFFFFF; color: #000000; width: 150px; }
div.searchMenu div.filter-buttons div.filter-button-container button.filter-button-open { background-color: #FFFFFF; color: #FF0000; width: 150px; }
div.searchMenu div.filter-buttons div.filter-button-container button.filter-button-save { background-color: #FF0000; border: 0; border-radius: 0 0 5px 5px; color: #FFFFFF; width: 100%; }
div.searchMenu div.filter-buttons div.filter-button-container div.comboZoneOff { display: none; }
div.searchMenu div.filter-buttons div.filter-button-container div.comboZoneOn { display: inline-block; }
div.searchMenu div.filter-buttons div.filter-button-container div.comboZoneOn select { }
div.searchMenu div.filter-buttons div.filter-button-container div.comboAreaOn { border-radius: 5px; border: 1px solid #EBEAEA; display: grid; font-size: small; /*z-index: 10; position: relative;*/ text-align: left; width: 200px; }
div.searchMenu div.filter-buttons div.filter-button-container div.comboAreaOff { background-color: #FFFFFF; border-radius: 5px; border: 1px solid #EBEAEA; display: grid; /*z-index: 10; position: relative;*/ width: 200px; }
div.searchMenu div.filter-buttons div.filter-button-container div.comboA { background-color: #FFFFFF;  }
div.searchMenu div.filter-buttons div.filter-button-container div.comboNeighborhoodOff { background-color: #FFFFFF; border-radius: 5px; border: 1px solid #EBEAEA; display: grid; /*z-index: 10; position: relative;*/ width: 200px; }
div.searchMenu div.filter-buttons div.filter-button-container button.neighborhood { background-color: lightgrey; }
div.searchMenu div.filter-buttons div.filter-button-container div.comboRangeOff { /*background-color: #FFFFFF; border: #FF0000 solid 1px; border-radius: 5px; height: auto; position: relative;*/ width: 450px; /*z-index: 10;*/ }
div.comboRangeOff div.inputRangeContainer { float: left; padding: 2.5%; text-align: center; width: 33%;}
div.comboRangeOff div.inputRangeContainer h4 { color: grey; font-size: 9px; padding: 2px; }
div.comboRangeOff div.inputRangeContainer input { width: 80%; }
div.searchMenu div.filter-buttons div.filter-button-container div.comboUnitTypeOff { display: grid; /*z-index: 10; position: relative;*/ }
div.searchMenu div.filter-buttons div.filter-button-container div.comboUnitTypeOff p { background-color: #FFFFFF; font-size: small; }

div.searchMenu div.search-button { float: left; padding: 2px; width: 20%; }
div.searchMenu div.search-button button { background-color: #000000; border: none; border-radius: 5px; color: #FFFFFF; height: 50px; width: 100%; }
div.searchMenu div.search-button2 { float: left; padding: 2px; width: 100%; }
div.searchMenu div.search-button2 button { background-color: #D41E33; border: none; border-radius: 5px; color: #FFFFFF; height: 50px; width: 100%; }

div.searchAdvanced { background-color: #FFFFFF; border: none; border-radius: 7px; color: #000000; display: inline-block; margin: 0 20px; padding: 20px; text-align: center; width: 900px; }
div.searchAdvanced div.contenedor { float: left; margin: 0 0 20px 0; text-align: left; width: 50%; }
div.searchAdvanced div.contenedor h4 { color: grey; font-size: 10px; margin: 0 0 5px 0; width: 100%; }
div.searchAdvanced div.contenedor p { float: left; font-size: 12px; margin: 0 0 3px 0; }
div.searchAdvanced div.contenedor p input { margin: 0; }
div.searchAdvanced div.contenedor p.unaCol { width: 100%; }
div.searchAdvanced div.contenedor p.dosCol { width: 50%; }
div.searchAdvanced div.contenedor p.tresCol { width: 33%; }
div.searchAdvanced div.contenedor span.yesNo { float: right; padding-right: 25px; }
div.searchAdvanced button.on { color: #FF0000; }
div.searchAdvanced button.off { color: #000000; }

div.advancedSearch-box { position: absolute; }
div.searchAdvanced2 { background-color: #FFFFFF; border-left: 1px solid lightgrey; border-right: 1px solid lightgrey; border-radius: 0; color: #000000; display: inline-block; margin: 0; padding: 15px; position: relative; right: -500px; text-align: left; top: 32px; width: 400px; z-index: 10; }
div.searchAdvanced2 div.contenedor { border-bottom: 1px solid lightgrey; display: inline-block; margin: 0 0 20px 0; text-align: left; width: 100%; }
div.searchAdvanced2 div.contenedor div.comboRangeContainer { float: left; text-align: center; width: 50%; }
div.searchAdvanced2 div.contenedor div.currencyContainer p { margin: 14px 0; text-align: center; }
div.searchAdvanced2 div.contenedor h4 { color: grey; font-size: 10px; margin: 0 0 3px 0; width: 100%; }
div.searchAdvanced2 div.contenedor p { float: left; font-size: 12px; margin: 0 0 3px 0; }
div.searchAdvanced2 div.contenedor p input { margin: 0; }
div.searchAdvanced2 div.contenedor p.unaCol { width: 100%; }
div.searchAdvanced2 div.contenedor p.dosCol { width: 50%; }
div.searchAdvanced2 div.contenedor p.tresCol { width: 33%; }
div.searchAdvanced2 div.contenedor span.yesNo { float: right; padding-right: 25px; }

/*div.results h5 { color: grey; display: inline-block; font-size: 12px; margin-top:25px; text-align: left; width: 100%; }
div.results div.boxOrden { float: right; margin: 0 25px; }
div.results div.boxOrden select { border: 0;}*/

/* == COMPARE BOX ================================================================================== */
/* ================================================================================================= */
div.compareBox { background-color: #000000; color: #FFFFFF; text-align: center; padding: 5px 10px; position: fixed; top: 56px; width: 100%; max-width: 1200px; z-index: 99999; }
div.compareBox div.seleccionados { color: #FFFFFF; float: left; font-size: small; }
div.compareBox div.seleccionados input { background-color: #FFFFFF; border-radius: 5px; color: #000000; padding: 0 5px; text-align: center; width: 20px; }
div.compareBox div.cancel {  float: right; }
div.compareBox button.see { background-color: #000000; border: #FFFFFF solid 1px; border-radius: 5px; color: #FFFFFF; display: inline-block; margin: 20px 15px 15px 15px; padding: 15px; width: 200px; }
div.compareBox p.nota { font-size: small; }

    /* == BANNERS BOX ================================================================================== */
/* ================================================================================================= */
div.banner1 { height: 100px; margin: 10px 0; text-align: center; width: 100%; }
div.banner1 div.banner1-box { display: inline-block; width: 800px; }
div.banner1 #banner-slideshow { position: relative; height: 245px; }
div.banner1 #banner-slideshow div { position: absolute; top: 0; left: 0; z-index: 8; opacity: 0.0; height: auto; background-color: #FFF; width: 100%; }
div.banner1 #banner-slideshow div img { height: auto; display: block; border: 0; margin-bottom: 10px; width: 100%; }
div.banner1 #banner-slideshow div.active { z-index: 10; opacity: 1.0; }
div.banner1 #banner-slideshow div.last-active { z-index: 9; }

div.bannersContainer { /*background-color: darkgray;*/ float: right; min-height: 550px; margin: 5px; width: 20%; }
div.banner2 { margin: 0 0 0 20px; width: 280px; }
div.banner2 #banner-slideshow { position: relative; height: 245px; }
div.banner2 #banner-slideshow div { position: absolute; top: 0; left: 0; z-index: 8; opacity: 0.0; height: auto; background-color: #FFF; width: 100%; }
div.banner2 #banner-slideshow div img { height: auto; display: block; border: 0; margin-bottom: 10px; width: 100%; }
div.banner2 #banner-slideshow div.active { z-index: 10; opacity: 1.0; }
div.banner2 #banner-slideshow div.last-active { z-index: 9; }
div.banner2 div { float: left; margin: 0 0 15px; width: 100%; }
div.banner2 div h4 { float: left; width: 100%; }
div.banner2 div ul { float: left; width: 100%; }
div.banner2 div ul li { border-bottom: 2px solid #E7E7E7; color: #2C3037; font-size: 14px; }
div.banner2 div ul li a { color: #2C3037; }
div.banner2 div ul li span { color: #E20613; }
div.banner2 div.banner2-box { }
div.banner2 div.banner2-box div.banner2-indicadores { border: 1px solid #000000; border-radius: 7px; }
div.banner2 div.banner2-box div.banner2-indicadores h5 { background-color: #000000; border-radius: 5px 5px 0 0; color: #FFFFFF; text-align: center; font-size: 18px; padding: 5px; }
div.banner2 div.banner2-box div.banner2-indicadores p { padding: 0 10px; }
div.banner2 div.banner2-box div.banner2-indicadores p span { display: inline-block; margin-right: 5px; text-align: right; width: 57px; }
div.banner2 div.banner2-box div.banner2-indicadores p.chica { font-size: 10px; }
div.banner2 div.banner2-box div.banner2-indicadores p.grande { font-size: 30px; padding: 12px; }
div.banner2 div.banner2-box div.banner2-indicadores div.listing { border-bottom: 1px solid #9a9b9a; margin: 0 5px; padding: 5px; width: 95%; }
div.banner2 div.banner2-box div.banner2-indicadores div.listing img { border:0; border-radius: 5px; float: left; height: 40px; width: 80px; }
div.banner2 div.banner2-box div.banner2-indicadores div.listing p { float: left; padding: 0 5px; width: 68%; }
div.banner2 div.banner2-box div.banner2-indicadores div.totales { padding: 5px; }
div.banner2 div.banner4-box { width: 100%; }
div.banner2 .min-banners > div { margin: 5px 0; }
div.banner2 div.banner-titulo { background-color: #E4E4E4; color: #FF0000; padding: 5px; }

/* == LISTINGS ===================================================================================== */
/* ================================================================================================= */
/*div.list-thumbnail div.like button.likeRed { background: none; border: none; color: #FF0000; font-size: 180%; position: relative; z-index: 11000; top: 10px; right: 40px; width: 46%; }
div.list-thumbnail div.like button.likeGrey { background: none; border: none; color: #9faab7; font-size: 180%; position: relative; z-index: 11000; top: 10px; right: 40px; width: 46%; }
div.list-thumbnail div.vendido { background: #D41E33; border: none; bottom: 0px; color: white; opacity: 60; padding: 6px 0; position: absolute; text-align: center; width: 100%; }
div.list-thumbnail div.pausado { background: #000000; border: none; bottom: 0px; color: white; opacity: 60; padding: 6px 0; position: absolute; text-align: center; width: 100%; }
div.list-thumbnail div.comingSoon { background: #FFFFFF; border: none; bottom: 0px; color: #D41E33; opacity: 60; padding: 6px 0; position: absolute; text-align: center; width: 100%; }*/

div.listings { /*max-width: 1200px;*/ margin: auto; }
div.listingsContainer { float: left; width: 77%; }
div.listingsContainer div.row { border: lightgrey solid 1px; border-radius: 5px; box-shadow: 5px 5px 10px lightslategrey; display: inline-block; margin: 7px 0; height: 110px; overflow: hidden; width: 100%; }
div.listingsContainer div.firstColum { float: left; width: 210px; }
div.listingsContainer div.firstColum input { left: 85px; position: relative; top: -15px; width: 46%; z-index: 10; }
div.listingsContainer div.firstColum img { border-radius: 5px 0 0 5px; position: relative; top: -43px; left: 0; width: 210px; }
div.listingsContainer div.secondColum { float: left; padding: 7px 0 0 22px; text-align: left; width: 30%; }
div.listingsContainer div.secondColum p { padding: 1px 0; text-align: left; }
div.listingsContainer div.secondColum p.id { font-size: 9px; }
div.listingsContainer div.secondColum p.id a { color: #FF0000; }
div.listingsContainer div.secondColum p.name { font-size: 11px; font-weight: bold; padding: 2px 0; }
div.listingsContainer div.secondColum p.name a { color: #262F35; }
div.listingsContainer div.secondColum p.city { color: #262F35; font-size: 10px; }
div.listingsContainer div.secondColum p.bed { color: #262F35; font-size: 10px; }
div.listingsContainer div.secondColum p.currency { color: #262F35; font-size: 9px; margin-top: 10px; }
div.listingsContainer div.secondColum p.currency span { color: #FF0000; }
div.listingsContainer div.secondColum p.price2 { color: #262F35; font-size: 12px; }
div.listingsContainer div.thirdColum { float: left; padding: 7px 0 0 22px; text-align: left; width: 25%; }
div.listingsContainer div.thirdColum p.commission { font-size: 9px; }
div.listingsContainer div.thirdColum p.commNum { color: #FF0000; font-size: 15px; padding: 2px 0; }
div.listingsContainer div.thirdColum p.title { font-size: 9px; margin-top: 15px; }
div.listingsContainer div.thirdColum p.name { color: #262F35; font-size: 12px; }
div.listingsContainer div.fourthColum { float: right; width: 15%; }
div.listingsContainer div.fourthColum div.vacio { background-color: transparent; color: #FFFFFF; height: 64px; }
div.listingsContainer div.fourthColum div.drive { background-color: transparent; }
div.listingsContainer div.fourthColum div.drive img.file { float: right; width: 50px; }
div.listingsContainer div.fourthColum div.drive img.whatsapp { float: left; width: 50px; }
div.listingsContainer div.fourthColum div.oneBox { padding: 24px 0; }
div.listingsContainer div.fourthColum div.twoBoxes { padding: 8px 0; }
div.listingsContainer div.fourthColum div.treeBoxes { padding: 4px 0; }


div.list-thumbnail { background-image: url('https://www.theredsearch.com/1-images/listing-thumb.jpg'); background-size: 100%; }
div.filters { width: 50%; text-align: left; background-color: aliceblue; border: #000000 solid 1px; font-size: small; padding: 5px; }
div.paginado { display: inline-flex; margin: 25px 0; height: 50px; text-align: center; width: 100%; }
div.paginado a { border: lightgrey solid 1px; color: #262F35; padding: 20px 0; width: 60px; }
div.paginado a.first { border-radius: 5px 0 0 5px; }
div.paginado a.next { border-radius: 0; }
div.paginado a.last { border-radius: 0 5px 5px 0; }
div.paginado span { border: lightgrey solid 1px; color: #FF0000; padding: 20px 0; width: 60px; }
div.paginado span.first { border-radius: 5px 0 0 5px; }
div.paginado span.page { border-radius: 0; }

/* == SUBNAV ========================================================================================= */
/* ================================================================================================= */
div.subnav { background-color:#FCFCFC; border-bottom: 1px solid #EEEEEE; float:left; height: auto; margin-top:7px; padding:1.95312% 1.95312% 0 1.95312%; /*15px/768px*/ width:100%; }
div.subnav h2 { clear:both; font-size: 22px; color: #4C90BF; margin-top: 25px; }
div.subnav h3 { font-size: larger; color: #4C90BF; margin-top: 5px; margin-left: 45px; }
div.subnav p.list { margin-left: 80px; margin-top: 2px; }
div.subnav p.selected { color: #4C90BF; margin-left: 80px; margin-top: 2px; }
div.subnav ul.filter { float:left; }
div.subnav ul.filter li { background: none repeat scroll 0 0 #F7F7F7; border-color: #F7F7F7 #E4E4E4 #E4E4E4 #F7F7F7; border-radius: 5px 5px 5px 5px; border-style: solid; border-width: 1px; color: #939393; cursor: pointer; float: left; margin:0 10px 1.95312% 0; padding:2px 8px; }
div.subnav ul.filter li a { color: #525252; display:inline-block; height:30px; line-height:27px;  position:relative;  text-decoration:none; vertical-align:middle; }
div.subnav ul.filter li a:hover { background: none repeat scroll 0 0 #E0E0E0; }
div.subnav ul.filter li a span.todos { background:#FF0000; border-radius: 20px; height:12px; left:50px; padding:0 0 3px; position:absolute; text-align:center; top:-8px; width: 20px; z-index:100; }
div.subnav ul.filter li .prospectos3 { align-items:center;background:#000;border-radius:50%;color:#fff;display:flex;font-size:10px;height:15px;justify-content:center;padding:0;position:absolute;right:-13px;top:-5px;vertical-align:top;width:15px; }
div.subnav ul.filter li.search {
    background-image:url("https://css.topmexicorealestate.com/icons/sprite-inbox.jpg");
    background-repeat:no-repeat; background-position:-233px 0; background-size:360px auto;
    border-radius: 0; border-style:none; border-width:0;
    color:#939393; cursor:pointer; display:inline-block; float:right; height:25px; margin-left:10px; width:33px; }
div.subnav ul.filter li.selected { background: none repeat scroll 0 0 #E0E0E0; border-color: #B6B6B6 #F9F9F9 #F9F9F9 #B6B6B6; border-style: solid; border-width: 1px; }
div.subnav ul.filter li.selectMonth { background: none repeat scroll 0 0 #4688B3; border-color: #B6B6B6 #F9F9F9 #F9F9F9 #B6B6B6; border-style: solid; border-width: 1px; color:#FFFFFF; padding:2px 5px; }
div.subnav ul.filter li.search { background: none repeat scroll 0 0; margin: 2px 5px; padding:2px 2px; text-align: right; width: 95%; }
div.subnav ul.filter li.search span { width: 50%; }
div.subnav ul.filter li.search select { width: 38%; }
div.subnav ul.filter li.combo { background-color: cornsilk; color: #525252; display: inline-block; height: 35px; line-height: 30px; position: relative; text-decoration: none; vertical-align: middle; }
div.subnav ul.filter li.combo select { background-color: cornsilk; border: 0; color: #525252; height: 35px; line-height: 30px; margin: 0; padding: 0; width: 200px; }
div.subnav div.caja-sombra h2 { margin-top: 0 }
/*********************************/
div.subnav ul.filter li.menu { background: none repeat scroll 0 0 #F7F7F7; border-color: #F7F7F7 #E4E4E4 #E4E4E4 #F7F7F7; border-radius:5px; border-style:solid; border-width:1px; color:#939393; cursor:pointer; float:left; margin:0 10px 0 0; position:relative; width:80px; }
div.subnav ul.filter li.menu a { color:#939393; display:block; text-decoration:none; }
div.subnav ul.filter li.menu ul { border:none; display:none; }
div.subnav ul.filter li.menu ul li { border:none; }
/*Non-IE6 hovering*/
div.subnav ul.filter li.menu:hover a { color:#939393; text-decoration:none; }
div.subnav ul.filter li.menu:hover ul { background-color:#F7F7F7; border-color: #F7F7F7 #E4E4E4 #E4E4E4 #F7F7F7;
    border-radius:5px; border-style: solid; border-width: 1px; cursor: pointer; display:inline-block; margin:0 0 1.95312% 0; position:absolute; width:100%; }
div.subnav ul.filter li.menu:hover ul li { border:none; color: #939393; display:inline-block; width:100%}
div.subnav ul.filter li.menu:hover ul li a { background-color:#a4c7dd; border:0; color:#FFFFFF; font-size:0.875em /*14px/16px*/; margin:1px; text-align:center; }
div.subnav ul.filter li.menu:hover ul li a:hover { background-color:#4C92BE; color:#F0F0F0; text-decoration:none; }
/*IE6 hovering*/
div.subnav ul.filter li.menu a:hover { text-decoration:none; }
div.subnav ul.filter li.menu a:hover ul { }
div.subnav ul.filter li.menu a:hover ul li a { color:#4C92BE; display:block; }
div.subnav ul.filter li.menu a:hover ul li a:hover { text-decoration:none;}
/*********************************/
@media screen and (max-width: 400px) {
    div.subnav { /*background-color:#b7b7b7;*/ border:0;box-shadow:0 3px 5px #b0b0b5; height: auto; margin:0; padding:5px 0; width:100%; }
    div.subnav ul.filter { background-color:#e5e5e5; padding:3px 0; width:100%; }
    div.subnav ul.filter li { background-color:#e5e5e5;border:none;line-height:inherit; margin:1%;padding:0 0 0 3.125%; text-align:center; width:auto; }
    div.subnav ul.filter li a { color:#7D7D7D; display:inline-block; height:auto; padding:0; text-decoration:none; vertical-align:middle; }
    div.subnav ul.filter li a:hover { color:#4688B3; }
    div.subnav ul.filter li.search{display:none;}
    div.subnav ul.filter li.selected { background-color:#E5E5E5;border:0; }
    div.subnav ul.filter li.selected a { background-color:#E5E5E5;color:#4688B3; }
    div.subnav ul.filter li.selectMonth { background: none repeat scroll 0 0 #4688B3; border-color: #B6B6B6 #F9F9F9 #F9F9F9 #B6B6B6; border-style: solid; border-width: 1px; color:#FFFFFF; padding:2px 5px; }
    div.subnav ul.filter li.search { background: none repeat scroll 0 0; margin: 2px 5px; padding:2px 2px; text-align: right; width: 95%; }
    div.subnav ul.filter li.search span { width: 50%; }
    div.subnav ul.filter li.search select { width: 38%; }
    div.subnav div.caja-sombra h2 { margin-top: 0 }
}

/* == PROMOCION DESARROLLO ========================================================================= */
/* ================================================================================================= */

div.promocionContainer div.promoSection { padding: 30px 0 50px; }
div.promocionContainer div.promoSection { text-align: center; padding: 5px; }
div.promocionContainer p.botonRojo { padding: 20px; text-align: right; }

/* == INFO ========================================================================================= */
/* ================================================================================================= */

td.datosContacto { cursor:pointer; position: relative; }
td.datosContacto div { background: #EBF0FA; border: 1px solid #EBF0FA; top: 0; border-radius: 6px; color:#636363; font-size: 13px;left: 50%;line-height: 16px;margin-left: -88px;opacity: 0;padding: 8px;position: absolute; -webkit-transition: 0.2s;-moz-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;visibility: hidden;width: 300px;}
td.datosContacto div:after{top: -14px;border-left: 10px solid transparent;border-bottom:10px solid #EBF0FA;border-right: 10px solid transparent;content: '';height: 0;left: 27%;margin-left: -9px;position: absolute;width: 0;}
td.datosContacto:hover div { visibility:visible; top:30px; opacity:1; z-index:100; }
div.botonPDF { float: right; }
div.botonPDF button {
    border: 1px solid #d41e33;
    margin: 0 5px;
    padding: 5px;
    border-radius: 5px;
    font-size: 20px; }

/* == QUOTE ======================================================================================== */
/* ================================================================================================= */
div.mainDiv div.quote { background-color: #FFCCCC; border: 1px solid #B7B7B7; border-radius: 7px; box-shadow: 0 5px 3px #ECF0FB; display: inline-block; text-align: center; }
div.mainDiv div.quote div.like { float: right; margin: 5px; font-size: 150%; color: #FF0000; }
div.mainDiv div.quote div.like button.likeRed { background: none; border: none; color: #FF0000; font-size: 120%; }
div.mainDiv div.quote div.like button.likeGrey { background: none; border: none; color: #9faab7; font-size: 120%; }
div.mainDiv div.quote div.text { color: #981212; font-style: oblique; margin: 1%; }
div.mainDiv div.quote div.author { font-size: smaller; font-style: italic; text-align: center; margin: 1%; }
div.mainDiv div.quote-body { margin: 10px 3.821656%; padding: 1.821656%; width: 50%; }
div.mainDiv div.quote-listings { margin: 5px 3.821656%; text-align: center; padding: 1%; width: 90.356688%; }

    /* De aqui en adelate es el diseño antiguo que utilice antes de que Betsai me diera el diseño definitivo...
     * eventualmente hay que eliminarlo */
header div.col { float: left; min-height: 1px; }
header div.col1 { background-color: #262F35; border-radius: 5px 0 0 0; height:66px; text-align:center; width:20% /* 192px/960px */ }
header div.col1 img { margin:0.1em; width:135px; /* 188px/192px */ }
header div.col2 { background-color: rgba(51,63,72,0.8); border-radius: 0 5px 0 0; height:66px; width:80% /* 768px/960px */ }
header div.col2 div.row1 { height:30px; padding-top:5px; width:100% /* 768px */ }
header div.col2 div.row1 h2 { color: #cbcfd4; float:left; font-size:12px; font-style:italic; font-weight:bold; margin:5px; width:40% /* /768px*/;  }
header div.col2 div.row1 h2 a { color: #cbcfd4; font-style:italic; font-weight:normal; padding-left:5px; text-decoration:underline; /* /768px*/  }
header div.col2 div.row1 h2 a.nombre { font-weight:bold; text-decoration:none; /* /768px*/  }
header div.col2 div.row1 div.search { background-image:url("https://images.topmexicorealestate.com/hub/buscador-hub.jpg");
    background-repeat:no-repeat; background-color:transparent; float: right; margin: 0 0.649351%; padding: 5px 0.649351%; text-align: center; width:160px; }
header div.col2 div.row1 div.search p { display:inline-block; float:left; font-size:0.7em; }
header div.col2 div.row1 div.search p input { border:0; float:left; width:130px; }
header div.col2 div.row1 ul.user { float:right; margin:0 1%; /*18px/140px*/ position:relative; width:15% /*/768px*/; }
header div.col2 div.row1 ul.user li { transition: background-color 0.3s ease;
    background-color: rgba(0,0,0,0.6); border:1px #FFFFFF solid; border-radius:4px; display:block; line-height:25px ; font-size:0.875em /*14px/16px*/; font-weight:normal; text-align:center; width:92.857143%; }
header div.col2 div.row1 ul.user li a { color:#FFFFFF; display:block; text-decoration:none; }
header div.col2 div.row1 ul.user li ul { border:none; display:none; }
header div.col2 div.row1 ul.user li ul li { border:1px #ffffff solid; }
/*Non-IE6 hovering*/
header div.col2 div.row1 ul.user li:hover a { color:#FFFFFF; text-decoration:none; }
header div.col2 div.row1 ul.user li:hover ul { background-color:transparent; border-radius:6px; display:block; position:absolute; width:100%; z-index:9999; }
header div.col2 div.row1 ul.user li:hover ul li { border:none; }
header div.col2 div.row1 ul.user li:hover ul li a { background-color:#a4c7dd; border:0; color:#FFFFFF; font-size:0.875em /*14px/16px;*/; margin:1px; text-align:center; }
header div.col2 div.row1 ul.user li:hover ul li a:hover { background-color:#4C92BE; color:#F0F0F0; text-decoration:none; }
/*IE6 hovering*/
header div.col2 div.row1 ul.user table { border-collapse:collapse; position:absolute; right:5px; top:0; }
header div.col2 div.row1 ul.user li a:hover { text-decoration:none; }
header div.col2 div.row1 ul.user li a:hover ul { }
header div.col2 div.row1 ul.user li a:hover ul li a { color:#4C92BE; display:block; }
header div.col2 div.row1 ul.user li a:hover ul li a:hover { text-decoration:none;}
header div.col2 div.row2 { height:30px; width:100% /* 768px */ }
header div.col2 div.row2 ul.user-nav { margin-left:3.896104%; /*30/770*/ float:left; height:28px; line-height:23px; margin-top:6px; width:97.922078%; /* 600/770*/ }
header div.col2 div.row2 ul.user-nav li        { background-color:transparent; border-radius:5px; border:1px solid #FFFFFF; float:left; font-size:0.75em /*12px/16px*/; height: 28px; margin: 0; margin-left:-1px; position:relative; }
header div.col2 div.row2 ul.user-nav li:hover  { background-color:#262F35;  }
header div.col2 div.row2 ul.user-nav li a      { background-color:#262F35; border-radius:5px 5px 0 0; color:#FFFFFF; display:block; float:left; height:23px; line-height:27px; text-decoration:none; vertical-align:bottom; padding:0 10px; }
header div.col2 div.row2 ul.user-nav li a:hover { background-color:#000000; border-bottom:1px solid #ffffff; color: #4c92be; }
header div.col2 div.row2 ul.user-nav li span.numero { background-color:#FF0000; border:1px solid #FF0000; border-radius:15px; color:#FFFFFF; font-family: Arial sans-serif; font-size:10px; font-weight:bold; top:-13px; left:-10px; padding:0 4px; position:relative; z-index:9999; }
header div.col2 div.row2 ul.user-nav li.selected { background-color:#262F35; }
header div.col2 div.row2 ul.user-nav li.selected a { background-color:#E5E5E5; border-bottom:1px solid #ffffff; color: #262F35; }
@media screen and (max-width: 480px) {
    header { background-color:#4688B3;display:inline-block;height:auto; margin: 0 auto; max-width: 480px;padding:5px 0 7px; width: 100%; /* 480px/480px */ }
    header div.col1 { float:left; height:auto; margin-left:5%; text-align:center; width:50%; /* 240px/480px */ }
    header div.col1 img { float:left; margin:0; width:100%; /* 288px/480px */ }
    header div.col2 { float:left; height:auto; width:45%; /* 480px/480px */ }
    header div.col2 div.row1 {  }
    header div.col2 div.row1 h2 { display:none; }
    header div.col2 div.row1 div.search { display:none; }
    header div.col2 div.row2 { display:none; }
    header div.col2 div.row1 ul.user { width:80%; }
}

/* == LEFT BAR ===================================================================================== */
/* ================================================================================================= */
div.left-bar { min-height:500px; width:100%; }/*Propiedades del menu izquierdo*/
div.left-bar div.box1 { background-color:#F9F9F9; border: 1px solid #b7b7b7; border-radius:7px; color: #636363;
    display:inline-block; margin:10px auto; margin-bottom:20px; padding: 0 0 10px 0; text-align:left; width:93.75%; }
div.left-bar div.box1 label { color:#525252; float:left; font-size:0.8125em /*13px/16px*/; padding:0; }
div.left-bar div.box1 p { color:#525252; float:left; font-size:0.8125em /*13px/16px*/; margin:10px 0 0 3%; padding-bottom: 0; width:90% }
div.left-bar div.box1 p a { color:#525252; font-size:1em; text-decoration: none; }
div.left-bar div.box1 > p {font-size:1.15em;}
div.left-bar div.box1 h2 { border-bottom:1px solid #b7b7b7; color: red; display:inline-block; font-size:1.25em /*20px/16px*/; padding:5px 0 5px 5%; text-decoration:none; width:95%; }
div.left-bar div.box1 h2 a { color:#4688b3; text-decoration:none; }
div.left-bar div.box1 > h2 {font-size:1.35em;}
div.left-bar div.box1 ul { float:left; margin: 5px 0 0 2.941176% /*5px/70px*/; width:96%; }
div.left-bar div.box1 ul li { color:#636363; font-size:0.9375em /*15px/16px*/; line-height:1.5em; text-decoration:none;}
div.left-bar div.box1 ul li.menu-left{font-size:0.85em;}
div.left-bar div.box1 ul li a { color:#636363; text-decoration:none;}
div.left-bar div.box1 dd.center { text-align: center; }
div.left-bar div.box1 dd.center select { background-color:#F9F9F9; border: 0; color: #4688b3; }
div.left-bar div.box1 dl.nav3-grid { border-bottom:solid 1px rgb(200,200,200); }
div.left-bar div.box1 dl.nav3-grid dt.tit, dt a, .nav3-grid dt a:visited {border-top: solid 1px rgb(200,200,200); border-bottom: solid 1px rgb(200,200,200); color:rgb(70,122,167); display:block; font-size:110%; font-weight:normal; line-height:1.5em; margin:5px 0; padding:0 0 0 5px; text-decoration:none;}
div.left-bar div.box1 h5.search { color: #525252; font-style: normal; font-weight: normal; padding: 10px; margin: 3px; border-radius: 5px; border: rgb(210, 210, 210) solid 1px; }
div.left-bar div.box1 dl.nav3-grid dt.tit button.search { border: 1px solid rgb(210, 210, 210); border-radius: 5px; float: right; font-size: smaller; margin: 1px; }
div.left-bar div.box1 dl.nav3-grid dt.tit button.search img { width: 10px; }
div.left-bar div.box1 dl.nav3-grid dd a, .nav3-grid dd a:visited {border:none; color:rgb(70,122,167); display:block; font-size:110%; font-weight:normal; line-height:1.2em; padding:0 0 0 10px; text-decoration:none;}
div.left-bar div.box1 dl.nav3-grid dt a:hover, .nav3-grid dd a:hover {background-color:rgb(225,225,225); color:rgb(42,90,138); text-decoration:none;}
div.left-bar div.box1 dl.nav3-grid dd.block { display: block; padding: 5px;}
div.left-bar div.box1 dl.nav3-grid dd.select { margin: 0 10px; text-align: right; }
div.left-bar div.box1 dl.nav3-grid dd.select select.beds { font-size: smaller; width: 50%; margin: 2px 0;}
div.left-bar div.box1 dl.nav3-grid dd.block span { display: flex; float: right;}
div.left-bar div.col-menu { background:#b7b7b7; box-shadow:0 5px 3px #b0b0b5; height:54px; margin:0 0 15px 0; padding:5px 0; width:100%;/*240px*/ }
div.left-bar div.col-menu ul.menu { display:inline; height: 64px; list-style:none outside none; margin:0; padding:0; }
div.left-bar div.col-menu ul.menu li { display:inline; float:left; height:64px; margin:0; padding:0; position:relative; width:25%;/*60px/240px*/ }
div.left-bar div.col-menu ul.menu li a { color:#ffffff; display:inline-block; font-size:10px; margin:0; position:relative; text-align:center; text-decoration:none; width:89.583333% /*43px/48px*/; }
div.left-bar div.col-menu ul.menu li a:hover { background-color:#B7B7B7; color:#222222; margin:0; text-decoration:none;}
div.left-bar div.col-menu ul.menu li span { background:#FF0000; border-radius: 20px; height:12px; left:30px; padding:0 0 3px; position:absolute; text-align:center; top:18px; width: 20px; z-index:100; }
div.left-bar div.col-menu ul.menu li span.todos { left:0; padding:0 0 3px; position:absolute; top:18px; }
div.left-bar div.col-menu ul.menu li span.pGrales { left:0; padding:0 0 3px; position:absolute; top:18px; }
div.left-bar div.col-menu ul.menu li:hover span { background:#CC2B2B; color:#CCD8C3; }
div.left-bar div.col-menu ul.menu li a.email { background: url("https://images.topmexicorealestate.com/hub/icons/icon-message.jpg") center 0 no-repeat; background-size:100%; max-width:43px; padding:35px 0 0; }
div.left-bar div.col-menu ul.menu li a.notes { background: url("https://images.topmexicorealestate.com/hub/icons/icon-notes.jpg")  center 0 no-repeat; background-size:100%; max-width:43px; padding:35px 0 0; }
div.left-bar div.col-menu ul.menu li a.tasks { background: url("https://images.topmexicorealestate.com/hub/icons/icon-task.jpg")  center 0 no-repeat; background-size:100%; max-width:43px; padding:35px 0 0; }
div.left-bar div.col-menu ul.menu li a.requests { background: url("https://images.topmexicorealestate.com/hub/icons/icon-contacts.jpg")  center 0 no-repeat; background-size:100%; max-width:43px; padding:35px 0 0; }
div.left-bar div.col-menu-persona { display:none; }

/* ======================================================================================== main div */
div.main { background-color: #FFFFFF; /*border-bottom: 1px solid #2D80A4;*/ font-size:0.8125em; /*13px/16px*/ height:auto; margin: 0 auto; max-width: 1200px; width: 100%; /* 960px/960px */ }
div.main h5 { color:#525252; font-style:normal; font-weight:bold; padding:15px; margin:5px 0; }
div.main p  { /*font-size:0.875em; /*14px/16px*/  line-height:1.25em; margin-left:3%;}
div.main div.col { float: left; min-height: 1px; }
div.main div.col1 { background-color: #E5E5E5; text-align:center; width:20%; /* 192px/960px */ }
div.main div.col2 { width:80%; /* 768px/960px */ }
div.main div.col2-1 { width:78.125%; /*600px/768px */ }
div.main div.col2-2 { text-align:center; width:21.875%; /* 168px/768px */ }
div.main div.col3 { text-align:center; width:33%; /* 192px/960px */ }
div.main div.col3-2 { text-align:center; width:66%; /* 192px/960px */ }

/* == DIV UNIDAD =================================================================================== */
/* ================================================================================================= */
div.mainDiv div.unidad { background-color:#FFFFFF; border-bottom: 1px solid #EEEEEE; float:left; padding:5px 2.473958% /*19px/768px*/; width:100% }
div.mainDiv div.unidad ul.alfabeto li { border-right:#5092BD solid 1px; float:left; padding:0 5px; }
div.mainDiv div.unidad select { border:1px solid #A2A2A2; border-radius: 3px; color:#4A4346; padding: 1px 2px; text-align:center; }
div.mainDiv div.unidad h2 { border-bottom:#B7B7B7 solid 1px; color: #262F35; font-size: 2em; margin-bottom:15px; margin-top: 20px; padding-bottom: 6px; text-align: left; height: auto; }
div.main div.unidad h3 { color:#5092BD; }
div.main div.unidad h2 span.numRows { font-size:0.9375em /*15px/16px*/; float:right; padding:0 10px; }
div.main div.unidad h2 a { color:#5092BD; text-decoration:none; }
div.main div.unidad h2 span.numRows { font-size:0.95em; float:right; padding:0 10px; }
div.main div.unidad h4 { border:0; color:#5092BD; font-size:20px; margin:15px 0 0 5px; text-align:left; width: 100%; }
div.main div.unidad h5 { padding-bottom:10px; padding-top:10px; }
div.main div.unidad p.blue { color:#4688B3; }
div.main ul.orden { float:right; }
div.main ul.orden li { float:right; }
div.main ul.orden li a { color:#999999; font-weight:lighter; text-decoration:none; float:right; padding:0 5px; }
div.main ul.orden li.selected a { color:#525252; }
div.main div.unidad ul.menu2 { margin:10px 0 0 2.941176% /*5px/70px*/; }
div.main div.unidad ul.menu2 li { color:#636363; font-size:0.9375em /*15px/16px*/; line-height:1.5em; text-decoration:none;}
div.main div.unidad ul.menu2 li a { color:#636363; text-decoration:none;}
div.main div.unidad div.notes { background-color:#CCDFE6; border:1px solid #999999; border-radius:5px; margin:3px; padding:3px; }
div.main div.unidad div#responsableBox{margin:10px 0 0 10px;}
div.main div.unidad div#notasBox{float:left;padding:2.5%;width:95%;}
div.main div.unidad div#notasBox input.button{background-color:#ecf0fb; border:1px solid #4d91be; border-radius:7px; box-shadow:0 5px 3px #B0B0B5; color:#438eb5;}
div.main div.unidad div.search div.renglon { border:1px solid #4d91be; border-radius: 5px; box-shadow: 0 5px 3px #ECF0FB/*B0B0B5*/;  clear:both; display:inline-block; margin:0 0 2px 0; padding:2px; width:100%; }
div.main div.unidad div.search div.renglon div.columna { float:left; padding:0 5px; width:auto;  }
div.main div.unidad h2.azul { color: #4C90BF/*4688B3*/; font-size: 1.25em; padding: 2% 3.821656%; text-decoration: none; }
div.main div.unidad a.azul { color: #4C90BF/*4688B3*/; cursor:pointer; font-size: 1.2em; text-decoration: none; }
div.main div.unidad a.azulpeque { color: #4C90BF/*4688B3*/; cursor:pointer; font-size: smaller; text-decoration: none; }
div.mainDiv div.unidad div.verificacion { padding: 50px; }
div.mainDiv div.unidad div.verificacion span { display: inline-block; padding-right: 5px; text-align: right;  width: 340px; }
div.mainDiv div.unidad span.pasos { border: 1px solid #000000; border-radius: 5px; margin: 5px; padding: 5px; width:4.9%; display: block; text-align: center; float: left; }
div.mainDiv div.unidad span.pasoActual { background-color: #d41e33; color: #FFFFFF; }
div.mainDiv div.unidad span.pasoPasado { background-color: grey; color: #FFFFFF; }

@media screen and (max-width: 480px){
    div.mainDiv div.unidad span.pasos { width: 10%; }
}

/* == GOOGLE GRAPHS ================================================================================ */
/* ================================================================================================= */
div.googleCharts { display: inline-block; width: 100%; }
div.googleCharts div.googleCharts_card { background-color: #FAFAFA; display: flow-root; margin: 10px 0; padding: 50px; text-align: center; }
div.googleCharts div.googleCharts_card h2 { font-size: 24px; margin: 5px; }
div.googleCharts div.graf { background-color: transparent; float: left; height: 300px; width: 400px; }
div.googleCharts div.graf2 { float: left; width: 400px; }
div.googleCharts div.graf3 { float: left; width: 900px; }
div.googleCharts div.divWlogo { background-image:url("https://theredsearch.com/1-images/favicon_io/apple-touch-icon-trs.jpg");  }
div.googleCharts div.texto { border: 1px solid #D41E33; border-radius: 5px; height: 225px;  margin: 10px 10px 10px 0; padding: 10px; width: 290px; }
div.googleCharts div.texto2 { border: 1px solid #D41E33; border-radius: 5px; height: 500px;  margin: 10px 10px 10px 0; padding: 10px; width: 290px; }
div.googleCharts div.texto2 h3 { text-align: center; font-size: larger; background: red; color: white; border-radius: 5px 5px 0 0; margin: -10px -10px 10px -10px; }
div.googleCharts div.charts2 { border-radius: 5px; border: 1px solid red; height: 500px; margin-top: 10px; padding: 1px; width: 900px; }
div.googleCharts div.horizontal { float: left; width: 1200px; }
div.googleCharts div.horizontal2 { float: left; height: 222px; width: 898px; }
div.googleCharts div.horizontal3 { float: left; height: 205px; width: 900px; }
div.googleCharts p.numerote { color: #D41E33; font-size: 20px; padding-top: 20px; }
div.googleCharts p.numerote2 { color: #D41E33; font-size: 40px; padding-top: 20px; }


/* == OFERTA-DEMANDA ================================================================================ */
/* ================================================================================================= */
div.ofertaDemanda { display: inline-block; width: 100%; }
div.ofertaDemanda div.ofertaDemanda_card { background-color: #FAFAFA; display: flow-root; margin: 10px 0; padding: 50px; text-align: center; }
div.ofertaDemanda div.ofertaDemanda_card h2 { font-size: 24px; margin: 5px; }
div.ofertaDemanda div.texto { border: 1px solid #D41E33; border-radius: 5px; height: 800px;  margin: 10px 10px 10px 0; padding: 10px; width: 290px; background-color: transparent; float: left; }
div.ofertaDemanda div.texto2 { border: 1px solid #D41E33; border-radius: 5px; height: 500px;  margin: 10px 10px 10px 0; padding: 10px; width: 290px; }
div.ofertaDemanda div.texto h3 { text-align: center; font-size: larger; background: gold; color: #000; border-radius: 5px 5px 0 0; margin: -10px -10px 10px -10px; }
div.ofertaDemanda div.charts2 { border-radius: 5px; border: 1px solid red; height: 500px; margin-top: 10px; padding: 1px; width: 900px; }
div.ofertaDemanda div.horizontal { float: left; width: 1200px; }
div.ofertaDemanda div.horizontal2 { float: left; height: 222px; width: 898px; }
div.ofertaDemanda div.horizontal3 { float: left; height: 205px; width: 900px; }
div.ofertaDemanda p.numerote { color: #D41E33; font-size: 20px; padding-top: 20px; }
div.ofertaDemanda p.numerote2 { color: #D41E33; font-size: 40px; padding-top: 20px; }

/* == DESARROLLO COMMENT =========================================================================== */
/* ================================================================================================= */
/* The popup form - hidden by default */
.form-popup { display: none; position: fixed; top: 185px; right: 100px; border: 3px solid #f1f1f1; z-index: 9; }
/* Add styles to the form container */
.form-container { max-width: 300px; padding: 10px; background-color: white; }
.form-container h1 { height: 30px; text-align: center; }
.form-container textarea { height: 150px; margin-bottom: 10px; width: 100%;  }

/* Full-width input fields */
.form-container input[type=text], .form-container input[type=password] { width: 100%; padding: 15px; margin: 5px 0 22px 0; border: none; background: #f1f1f1; }

/* When the inputs get focus, do something */
.form-container input[type=text]:focus, .form-container input[type=password]:focus { background-color: #ddd; outline: none; }

/* Set a style for the submit/login button */
.form-container .btn { background-color: #4CAF50; color: white; padding: 16px 20px; border: none; cursor: pointer; width: 100%; margin-bottom:10px; opacity: 0.8; }

/* Add a red background color to the cancel button */
.form-container .cancel { background-color: red; }

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover { opacity: 1; }

/* == CAJA SOMBRA ================================================================================== */
/* ================================================================================================= */
div.caja-sombra { background-color: #F9F9F9; border: 1px solid #B7B7B7; border-radius: 7px; box-shadow: 0 5px 3px #ECF0FB/*B0B0B5*/; display:inline-block; margin: 10px 3.821656% /*24px/628px*/; text-align: left; padding-bottom:3.821656%; width:92.356688%/*84.394904%;530px/628px*/ }
div.caja-sombra div input[type="text"],
div.caja-sombra div input[type="password"]{border:1px solid #c8deec;border-radius:7px;height:20px;padding:3px 10px;}
div.caja-sombra form { margin:10px; }
div.caja-sombra h2 { background-color:#E5E5E5; border-bottom: #B7B7B7 solid 1px; border-radius:7px 7px 0 0; color: #262F35; display: inline-block; font-size: 1.25em; margin-top: 0 !important; padding: 2% 3.821656%; text-decoration: none; width:100% }
div.caja-sombra h2 button { border: 1px solid rgb(210, 210, 210); border-radius: 5px; float: right; font-size: smaller; margin: 1px; }
div.caja-sombra h5 { color:#525252; font-style:normal; font-weight:bold; margin-left:3%; padding-bottom:10px; }
div.caja-sombra p { margin: 0 3.821656%; }
div.caja-sombra p.input { padding:0 0 3px; }
div.caja-sombra p.input input.long { border:1px solid #C8DEEC;border-radius:7px; width:50%; }
div.caja-sombra p.input label {color:#4c90bf; }
div.caja-sombra p.button { text-align:right; }
div.caja-sombra p.button input { background-color:#ecf0fb; border:1px solid #4d91be; border-radius:7px; box-shadow:0 5px 3px #B0B0B5; color:#438eb5; cursor:pointer; font-size:2em; margin:4px auto; text-align:center; padding:0.3em; }
div.caja-sombra p.f-right { float: right; margin: 10px; }
div.caja-sombra p a { color:#525252; text-decoration:none; }
div.caja-sombra p label { display:inline-block; text-align:right; padding-right:5px; width:80px;  }
div.caja-sombra p label.bigger { width:200px;  }
div.caja-sombra div.fotoPerfil { background: url("https://www.theredsearch.com/1-images/backgroundPersona.png") center 0 no-repeat; background-size:100%; border: navy solid 1px; float: left; height: 200px; padding: 10px; margin: 10px; width: 200px; }
div.caja-sombra div.logoEmpresa { border: navy solid 1px; float: left; height: 200px; padding: 10px; margin: 10px; width: 200px; }
div.caja-sombra div.logoEmpresa img { width: 200px; }
div.caja-sombra div.datosPerfil { float: left; width: 50%; }
div.caja-sombra img.firmas { border: navy solid 1px; padding: 10px; margin: 10px; width: 200px; }
div.caja-sombra div#searchEmpresa {  }
div.caja-sombra div#searchEmpresa p.input { border: 1px solid #c8deec; border-radius: 7px; height: 25px; margin: 0 auto; padding: 0 2.5%; width: 95%; }
div.caja-sombra div#searchEmpresa p.searchE { margin: 10px 0; }
div.caja-sombra div#searchEmpresa input { width: 50%; }
div.caja-sombra span.searchEmpresa { border: 1px solid #c8deec; border-radius: 7px; display: inline-block; height: 25px; margin: 0 auto; padding: 0 2.5%; width: 95%; }
div.caja-sombra div.searchEmpresaBox { background-color: #FFCCCC; border: 1px solid #C8DEEC;  }

/* == CAJA AMARILLA ================================================================================== */
/* ================================================================================================= */
div.caja-amarilla { background-color: cornsilk; border:1px solid red; border-radius: 10px; margin: 15px; padding: 15px; }
div.caja-amarilla h3 { font-size: larger }
div.caja-amarilla p { padding-bottom: 5px; }

/* == CHAT CORRETAJE =============================================================================== */
/* ================================================================================================= */
div.chat-corretaje { background-color: #E5E5E5; }
div.chat-corretaje h5 { border-bottom: #fd9f27 solid 4px; display: inline-block; line-height: 33px; margin: 0; padding: 20px 0 10px 20px; width: 98%; font-size: larger; }
div.chat-corretaje p { width: 100%; }
div.chat-corretaje p.mandar-mensaje { display: inline-block; padding: 5% 0 0 0; width: 90%; }
div.chat-corretaje p.mandar-mensaje textarea { margin: 0 5px; display: block; border: 1px solid grey; padding: 5px; background-color: white; width: 100%; }
div.chat-corretaje button.btn { background: #fd9f27; border: 0; color: #000; font-size: inherit; font-weight: 300; margin-top: 10px; padding: 8px 10px 10px; }
div.chat-corretaje div.historico-mensajes { padding: 15% 0; width: 90%; }
div.chat-corretaje div.parrafo-m { margin-bottom: 10px; }
div.chat-corretaje div.parrafo-m a.nomPropiedad { background-color: beige; width: 100%; display: inline-block; line-height: 32px; text-align: center; }
div.chat-corretaje p.fecha-m { font-size: small; font-weight: lighter; }
div.chat-corretaje p.mensaje { background-color: cornsilk; display: block; border: 1px solid grey; border-radius: 5px; padding: 5px; font-size: small; }
div.chat-corretaje p.leido { text-align: right; margin-top: -20px; background: none; color: green; }
div.chat-corretaje div.nota-final { padding: 0 0 15px 0; width: 90%; }

/* == NOTA FORM ================================================================================== */
/* ================================================================================================= */
div.notaF { background-color: cornsilk; border:1px solid red; border-radius: 10px; margin: 15px; padding: 15px; width: 80%; }
div.notaF h3 { font-size: larger }
div.notaF p { padding-bottom: 5px; width: 100%; }
div.notaF input { border: 1px solid #ebeaea; border-radius: 5px; padding: 10px 15px; width: 100%; }
div.notaF select { border: 1px solid #ebeaea; border-radius: 5px; padding: 10px 15px; }
div.notaF textarea { border: 1px solid #ebeaea; border-radius: 5px; font-size: 16px; padding: 10px 15px; width: 100%; }
div.notaF input[type=submit] { width: 100%; }
p.tablaOpciones { float: right; font-size: small; color: darkgray; }
/* == SECCION SOMBRA =============================================================================== */
/* ================================================================================================= */
div.mainDiv div.seccionBox { background-color: #F9F9F9; border: none; box-shadow: 0 5px 3px #ECF0FB/*B0B0B5*/; display:inline-block; margin: 5px 3.821656% /*24px/628px*/; text-align: left; width:92.356688%/*84.394904%;530px/628px*/ }
div.mainDiv div.seccionBox h2 { background-color:#E5E5E5; color: #262F35; display: inline-block; font-size: 1.25em; margin-top: 0; margin-bottom: 0; padding: 2% 3.821656%; text-decoration: none; width: 100% }
div.mainDiv div.seccionBox h2.formulario { font-size: 1.25em; }
div.mainDiv div.seccionBox h2.promo { background-color: #D41E33; color: white; }
div.mainDiv div.seccionBox h2 button { border: 1px solid rgb(210, 210, 210); border-radius: 5px; float: right; font-size: smaller; margin: 1px; }
div.mainDiv div.seccionBox span.buttonSeccion { cursor: pointer; float: right; font-size: larger; padding: 0 20px; }
div.mainDiv div.seccionBox div.abierto { display: block; }
div.mainDiv div.seccionBox div.cerrado { display: none; }
div.mainDiv div.seccionBox input { border-radius: 3px; }
div.mainDiv div.seccionBox input[type="submit"] { margin-left: 10px; padding: 2px 10px; }
div.mainDiv div.seccionBox select { border-color: #c8deec; border-radius: 3px; padding: 0 2.5%; }
div.mainDiv div.seccionBox select.size49 { width: 49%; }
div.mainDiv div.seccionBox td p { margin: 5px 0; }
div.mainDiv div.seccionBox p.gracias { margin: 10px 30px; }
div.mainDiv div.seccionBox div.tipologia { border: 1px solid #000000; border-radius: 5px; float: left; margin: 5px; overflow: hidden; position: relative; }
div.mainDiv div.seccionBox div.tipologia p { text-align: center; width: 100%; display: flex; height: 50px; padding: 3px; justify-content: center; align-items: center; }
div.mainDiv div.seccionBox div.tipologia img { border-radius: 5px 5px 0 0; object-fit: cover; height:100px; width: 100%;  }

@media screen and (max-width: 480px){
    div.mainDiv div.seccionBox h2.formulario { font-size: 1.0em; }
}


    /* == ALERTA ROJA ================================================================================== */
/* ================================================================================================= */
div.alerta-roja { background-color:#FFCCCC; border:#FF0000 solid 2px; border-radius:5px; box-shadow:0 5px 3px #B0B0B5; float:left; margin:10px 2.5%; padding:2.5%; text-align: left; width:90%; }
div.alerta-roja h2 { border-bottom:#FF0000 solid 1px; color:#FF0000; margin:0 5px 5px; }
div.alerta-roja ul { list-style-type:square; color:#FF0000; margin:0; }
div.alerta-rojaLeft { background-color:#FFCCCC; border:#FF0000 solid 1px; border-radius:5px; box-shadow:0 5px 3px #B0B0B5; margin:10px 2.5%; padding:2.5%; text-align:left; width:88%; }
div.alerta-rojaLeft h2 { border-bottom:#FF0000 solid 1px; color:#FF0000; margin:0 5px 5px; }
div.alerta-rojaLeft ul { list-style-type:square; color:#FF0000; margin:0 0 0 19px; }
div.alerta-rojaLeft p { text-align:right; }
div.mensaje-azul { background-color:#FFCCCC; border:#FF0000 solid 2px; border-radius:5px; box-shadow:0 5px 3px #B0B0B5; float:left; margin:10px 2.5%; padding:2.5%; width:90%; }
div.mensaje-azul h2 { border-bottom:#FF0000 solid 1px; color:#FF0000; margin:0 5px 5px; }
div.mensaje-azul h3 { border-bottom:#FF0000 solid 1px; color:#FF0000; margin:0 5px 5px; }
div.mensaje-azul ul { list-style-type:square; color:#FF0000; margin:0; }
div.mensaje-azul li { margin-left: 24px; }
div.botonRojo input { float: right;
    border: 1px solid #d41e33;
    border-radius: 5px;
    color: #d41e33;
    font-size: 20px;
    padding: 5px 10px;
    margin: 15px; }
div.botonRojo a {
    border: 1px solid #d41e33;
    border-radius: 5px;
    color: #d41e33;
    font-size: 20px;
    padding: 5px 10px;
    margin: 15px;
    width: 40%; }
div.debug { background-color:#EDBA98; border:#C06020 solid 1px; border-radius:5px; box-shadow:0 5px 3px #B0B0B5; float:left; margin:50px 2.5%; padding:2.5%; text-align: left; width:90%; }
div.debug h2 { border-bottom:#C06020 solid 1px; color:#C06020; margin:0 5px 1px; }
div.debug div { color:#525252; margin:0; }
div.debug li { margin:0 0 0 205px; text-indent:-205px }



/* == CHAT AREA ==================================================================================== */
/* ================================================================================================= */
div.chat-area { bottom:0; direction:ltr; position:fixed; right:0; z-index:300; }
div.clear-chat { clear:both; content: "."; display:block; font-size:0; height:0; line-height:0; margin:0 15px; visibility:hidden; }
div.chat-area div.group { float:left; position:relative; }
div.chat-area div.chat-buddyList { background-color:rgba(29, 49, 91, 0.3); border-color: rgba(29, 49, 91, 0.3) rgba(29, 49, 91, 0.3);
    border-style: solid solid none; border-width: 1px 1px 0; box-shadow: 0 1px rgba(255, 255, 255, 0.5) inset; border-radius:1px 0 0 1px;
    color: #333333; display: block; font-weight: bold; padding: 4px 5px; position: relative; width:150px; z-index: 1;}
div.chat-area div.chat-buddyList li { font-size:12px; font-weight:normal; }
div.chat-area input.button {border-color: rgba(29, 49, 91, 1) rgba(29, 49, 91, 0.3);
    border-style: solid solid none; border-width: 1px 1px 0; box-shadow: 0 1px rgba(255, 255, 255, 0.5) inset; border-radius:1px 0 0 1px;
    color: #333333; display: block; font-weight: bold; height: 25px; padding: 4px 5px; position: relative; width:150px; z-index: 1;}

@media screen and (max-width: 480px){
    div.chat-area{display:none;}
}

/* == FOOTER ======================================================================================= */
/* ================================================================================================= */
footer { background: none; border: none; clear:both; height: 50px; margin: 0 40px; z-index: 101; }
footer div.col { float: left; min-height: 1px; }
footer div.col1 { background-color: #333F48; border-radius: 0 0 0 5px; color:#FFFFFF;  height:66px; text-align:center; width:20% /* 192px/960px */ }
footer div.col2 { background-color: #262F35; border-radius: 0 0 5px 0; color: #FFFFFF; height:66px; width:80%; /* 768px/960px */ }
footer div.help { padding:21px; font-size:1em; text-align:center; }
footer div.spacer { padding:21px; font-size:1em; text-align:left; }
footer div.spacer ul li { display:block; float:left; margin-left:5px; }
footer div.spacer ul li a { color:#FFFFFF; text-decoration:none; }
@media screen and (max-width: 480px) {
    footer { display:inline-block;height:auto/*100px*/; padding-bottom:10px; }
    footer div.help { padding:5px 1%; text-align:center; width:98%; }
    footer div.spacer { padding:5px 1%; text-align:left; width:98%; }
    footer div.spacer ul li { margin:0 0 10px 1%; width:98%; }
}

/* == CHECK INPUT ================================================================================== */
/* ================================================================================================= */
@keyframes click-wave {
    0% { height: 20px; width: 20px; opacity: 0.35; position: relative; }
    100% { height: 100px; width: 100px; margin-left: -80px; margin-top: -80px; opacity: 0; }
}

.option-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    top: 1px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 15px;
    width: 15px;
    transition: all 0.15s ease-out 0s;
    background: #cbd1d8;
    border: lightgrey solid 1px;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 0.5rem;
    outline: none;
    z-index: 1000;
}
.option-input:hover {
    background: #9faab7;
}
.option-input:checked {
    background: none;
}
.option-input:checked::before {
    height: 15px;
    width: 15px;
    position: absolute;
    content: '✔';
    display: inline-block;
    font-size: 10.66667px;
    text-align: center;
    line-height: 15px;
}
.option-input:checked::after {
    -webkit-animation: click-wave 0.65s;
    -moz-animation: click-wave 0.65s;
    animation: click-wave 0.65s;
    background: palevioletred;
    content: '';
    display: block;
    position: relative;
    z-index: 100;
}
.option-input.radio { border-radius: 50%; }
.option-input.radio::after { border-radius: 50%; }


/* == FREEZE PANE ================================================================================== */
/* ================================================================================================= */



div.scrolly_table { white-space: nowrap; overflow: auto; }
div.scrolly_table table { border-collapse: separate; box-sizing: border-box; border-color: grey; display:table; table-layout: fixed; border-spacing: 0; }
div.scrolly_table table td { background-color: #FFFFFF; display: table-cell; }
div.scrolly_table table th { background-color: #FFFFFF; display: table-cell; }
div.scrolly_table tr.tr_shaded:nth-child(odd) { background: #ffffff; }
div.scrolly_table tr.tr_shaded:nth-child(even) { background: #e0e0e0; }
/* The frozen cells will each get two class names, making it easier for me to select all of them or
   only a subset.  All frozen cells will be "fixed", the corner will also be in class "freeze", and the
   row and column headers will be "horizontal" and "vertical" respectively. */
div.scrolly_table .fixed.freeze { z-index: 10; position: relative; }
div.scrolly_table .fixed.freeze_vertical { z-index: 5; position: relative; }
div.scrolly_table .fixed.freeze_horizontal { z-index: 1; position: relative; }