/* ==========================================================================
   ESTILOS GENERALES
   ========================================================================== */

/* --- Layout y Estructura Base --- */
#seccionInterna {
	display: block!important;
}
#mapa_principal {
	display: none;
}
#map {
	height: 400px;
	width: 100%;
}
header {
	z-index: 2;
}
section {
    margin-bottom: 100px;
}
#content > section {
    z-index: 1;
}
article.headerPage {
	margin: 20px auto;
	text-align: center;
}
#tipo_operacion,
#wxp_gdpr_container,
#content h2:before,
ul#tabsDetails #liMapa {
	display: none;
}
#toTop {
	z-index: 99999999999;
}
.textoBase {
	margin: 0 auto;
	padding-left: 20px;
}

/* --- Tipografía y Contenido --- */
#seccionInterna a, #seccionInterna * {
	word-break: break-all;
}
#frm label,
#detalle #ficha .header div.actionBar ul li a {
	font-size: 14px;
}
.checkbox a, .line label,
.globalSelector div.value a {
	font-size: 12px!important;
}
#valoracion,
#label_text,
#lbl {
	font-family: Tahoma, "Lucida Console", monospace;
}
#valoracion {
	background-color: #0A2542;
	color: white;
	border: none;
	text-align: center;
	line-height: 45px;
	text-decoration: none;
	padding: 0px 10px;
	display: inline-block;
	font-size: 20px;
}
#label_text {
	line-height: 40px;
	width: 100%;
	max-width: 800px;
	margin: 0 0 20px 0;
	font-size: 20px;
	padding-left: 10px;
}
#lbl {
	font-size: 25px!important;
	line-height: 20px;
	margin-top: 50px;
}
#mainText > div > h2,
#mainText > div > div.welcome > h2 {
	text-align: center;
}
#mainText > div > div.welcome > h2 {
	margin-top: 50px;
}
div.precio p.antes span {
	font-size: 14px;
}
div.precio span.actual {
	font-size: 20px;
}
ul.tabs#tabsDetails {
    font-size: 1.1em;
}

/* --- Componentes Específicos (Buscador, Ficha, Tarjetas, etc.) --- */
#buscador, #buscador label,
#refForm label, #abreBuscadorAvanzado {
	font-size: 14px!important;
	color: #fff;
    font-weight: 500;
}
#globalForm > fieldset > div:nth-child(6) > div > button {
	font-size: 18px;
}
div.venta span.etiqueta:nth-child(2) {
	top: 10%!important;
}
div.venta span.etiqueta:nth-child(3) {
	top: 16.5%!important;
}
.venta figure div.mask, .alquiler figure div.mask {
	z-index: 10;
}
.venta figure div.mask div.referencia span {
	font-weight: 400!important;
}
div.referencia > span.numeroRef {
	background: #996e9b !important;
	padding: 0 10px;
	border-radius: 25px;
	color: #fff;
	font-size: 14px;
	font-family: "Open Sans", sans-serif;
	float: right;
	margin-right: 10px;
	margin-top: 10px;
}
.venta .contenido .descripcionCaracteristicas ul.caracteristicas li {
	width: 33%!important;
}
.venta .contenido .descripcionCaracteristicas ul.caracteristicas li.supParcela {
	width: 50%!important;
}
div.row div.venta div.contenido div.descripcionCaracteristicas ul.caracteristicas li.banos {
	display: list-item !important;
}
div.descripcionCaracteristicas > ul > li.banos > i:before {
	content: "\f2cd";
}
.promocion .contenido .descripcionCaracteristicas > ul > li.supConstruida > i:before,
.venta .contenido .descripcionCaracteristicas > ul > li.supConstruida > i:before,
.alquiler .contenido .descripcionCaracteristicas > ul > li.supConstruida > i:before {
	content: "\f015";
}
.promocion .contenido .descripcionCaracteristicas > ul > li.supParcela > i:before,
.venta .contenido .descripcionCaracteristicas > ul > li.supParcela > i:before,
.alquiler .contenido .descripcionCaracteristicas > ul > li.supParcela > i:before {
	content: "\f0b2";
}
article#detalle #ficha {
	margin-top: 0;
}
article#detalle #ficha div.header {
	margin-bottom: 0;
}
#detalle #ficha .actionBar {
	border: none!important;
}
#ficha > div.header > div.headerTitulo > div.headerLeft p {
	font-size: 1.1em!important;
}
#ficha div.header div.actionBar ul li a:hover,
#ficha div.header div.actionBar ul li i:hover {
	color: #996E9B!important;
}
ul#favoritos .alquiler .contenido .precio p,
ul#favoritos .promocion .contenido .precio p,
ul#favoritos .venta .contenido .precio p {
	margin: 10px;
}
#navegacion ul#favoritos > li > div > div > div ul li .contenido .caracteristicas li.supHabitable,
#navegacion ul#favoritos > li > div > div > div ul li .contenido .caracteristicas li.supConstruida {
	width: 100%;
}
#navegacion ul#favoritos > li > div > div > div > ul > li h3 {
	padding: 10px 0 0 0;
}
#content > section > article.highlighted_searches.searches_3 {
	margin-top: 75px;
}
#content > section > article.offers.box_vertical.tipo_1.item_12 > h2 {
	text-align: center;
	text-transform: uppercase;
	border-bottom: none;
	display: none;
}

/* --- Menú de navegación y multi-idioma --- */
#idiomas .dropDownMenu {
	z-index: 100009;
}
#operationList .dropDownMenu > a.title {
	visibility: hidden;
}
html:lang(en) #operationList .dropDownMenu > a.title:before,
html:lang(es) #operationList .dropDownMenu > a.title:before,
html:lang(ru) #operationList .dropDownMenu > a.title:before,
html:lang(de) #operationList .dropDownMenu > a.title:before,
html:lang(fr) #operationList .dropDownMenu > a.title:before,
html:lang(nl) #operationList .dropDownMenu > a.title:before {
    visibility: visible;
}
html:lang(en) #operationList .dropDownMenu > a.title:before { content: 'Properties'; }
html:lang(es) #operationList .dropDownMenu > a.title:before { content: 'Propiedades'; }
html:lang(ru) #operationList .dropDownMenu > a.title:before { content: 'свойства'; }
html:lang(de) #operationList .dropDownMenu > a.title:before { content: 'Eigenschaften'; }
html:lang(fr) #operationList .dropDownMenu > a.title:before { content: 'Propriétés'; }
html:lang(nl) #operationList .dropDownMenu > a.title:before { content: 'Eigendommen'; }

/* --- Plugins y Widgets (Tidio, GDPR, Comentarios, etc) --- */
#tidio-chat-iframe {
	bottom: 14px!important;
}
#tidio-chat #tidio-chat-iframe {
	bottom: -40px!important;
	padding-right: 36px;
}
.gdprcookie {
    opacity: 1;
}
.gdprcookie .gdprcookie-buttons button:nth-child(1) {
    background: chartreuse;
}
#home > div.gdprcookie > div.gdprcookie-buttons > button:nth-child(1) {
    width: 143px;
}
div.line.checkbox.legal label, div.line.checkbox.gdpr label {
	display: inline!important;
}
#carousel_comentarios .comment_text {
	max-height: none;
}
html:not(.jodit) #carousel_comentarios .carousel__viewport, html:not(.jodit) #carousel_comentarios .comment {
	height: 350px;
}
#carousel_comentarios .comment-avatar {
	height: 30px;
}
#carousel_comentarios .comment_info {
	height: auto;
}
#boxTrovimap, #boxTrovimapGB, #boxTrovimapFR, #boxTrovimapNL, #boxTrovimapDE, #boxTrovimapRU {
	text-align: center;
	margin: 0 auto;
	padding: 10px 0;
	max-width: 90%;
}
.currenciesDirectBanner, .imagenCurrencies,
.videoTestimonio {
	text-align: center;
}
.videoTestimonio {
	margin: 20px auto;
}
#seccionInterna div.textoTestimonials {
	display: table!important;
	width: 100%;
}
li#liFoto, li#liVideo {
    width: 50%;
    text-align: center;
}
footer a:hover, a:active {
	color: #fff!important;
	font-size: 1.2em;
}

/* ==========================================================================
   MEDIA QUERIES
   ========================================================================== */

/* --- Móviles (hasta 767px) --- */
@media screen and (max-width: 767px) {
    div.breadcrumbs,
    .vistaResultados,
    #buscador > div > ul.tabs {
        display: none;
    }
    article.headerPage {
    	margin: 30px auto;
    }
    #ficha #etiqueta {
        z-index: 1;
    }
    div#bgContent #content section,
    #content > section {
    	padding-top: 0;
        z-index: 0;
    }
    #details #detalle #ficha .actionBar #wxp_new_share_button:hover > ul,
    #promo_details #detalle #ficha .actionBar #wxp_new_share_button:hover > ul {
        bottom: auto;
        top: auto;
    }
    #details #detalle #ficha .header .actionBar #wxp_new_share_button > i,
    #promo_details #detalle #ficha .header .actionBar #wxp_new_share_button > i,
    #ficha .actionBar ul li.printPage {
    	display: inline-block!important;
    }
    #contenedorHipoteca {
    	z-index: 999999;
    }
    #details #detalle #ficha .actionBar #wxp_new_share_button:hover > ul {
    	z-index: 999999!important;
    }
    #home #buscador, #buscador {
        z-index: 1!important;
        padding-top: 20px;
    }
    #buscador fieldset label {
    	font-size: 16px!important;
    	font-weight: 400;
    }
    #global_ref {
    	font-size: 14px;
    }
    .globalSelector ul li {
    	font-size: 14px;
    }
    .gdprcookie-buttons button {
    	margin: 0 auto 4px auto!important;
    	display: block;
    }
    #navegacion #navHeader #navLinks {
		position: relative;
		margin-bottom: 70px;
	}
    .dropDownMenu ul li a{
    	color: #575757!important;
    }
    #navLinks li.dropDownMenu ul {
    	display: block!important;
    }
    #navLinks > li.dropDownMenu a i {
		display: none;
	}
	#navLinks li.dropDownMenu ul:before {
		border: none;
	}
	#navLinks li a:hover {
		background: #754977 !important;
		color: #fff!important;
	}
    #boxTrovimap {
    	max-width: 95%;
    }
    #lbl {
    	font-size: 20px;
    }
    #label_text {
    	font-size: 16px;
    }
}

/* --- Tablets (768px y más) --- */
@media only screen and (min-width: 768px) {
    #seccionInterna, #contacto, #wxp_appointment_form {
    	padding-top: 100px;
    }
    #home > div.gdprcookie > div.gdprcookie-buttons > button:nth-child(2) {
        float: left;
    }
    #home > div.gdprcookie > div.gdprcookie-buttons > button:nth-child(3) {
        margin-top: 4px;
    }
    .headerResults {
        margin-top: 10px;
    }
    .vistaResultados {
    	float: left;
    }
    .vistaResultados > ul > li:nth-child(4) {
    	display: none;
    }
    #content > section > article.headerResults > div.filtroResultados {
    	min-width: 350px;
    }
    #content > section > article.headerResults > div.filtroResultados > ul {
    	text-align: center;
    }
    #navHeader {
        width: 80%;
        display: inline-block;
    }
    #navegacion #navHeader #navLinks, #navegacion #navHeader #operationList {
        float: none;
    }
    #operationList {
        width: 10%;
        display: inline-block;
    }
}

/* --- Tablets en vertical (768px a 1023px) --- */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .box_vertical .venta {
    	height: 370px!important;
    }
    #buscador label {
    	font-size: 12px!important;
    }
}

/* --- Tablets en horizontal y portátiles pequeños (768px a 1259px) --- */
@media screen and (min-width: 768px) and (max-width: 1259px) {
    #buscador div#openProperty form:last-child div.line {
    	width: 20%!important;
    }
    #buscador div#openProperty form:last-child div:nth-child(6).line {
    	width: 10%!important;
    }
}

/* --- Escritorios (1024px y más) --- */
@media screen and (min-width: 1024px) {
    #content > section > article.offers.box_vertical.tipo_1.item_12 > div.row div.venta {
    	width: 31.2%;
    	height: 350px;
    }
}

/* --- Escritorios medianos (1030px y más) --- */
@media only screen and (min-width: 1030px) {
    #seccionInterna, #contacto, #wxp_appointment_form {
    	padding-top: 50px;
    }
}

/* --- Escritorios grandes (1260px y más) --- */
@media screen and (min-width: 1260px) {
    #content > section > article.offers.box_vertical.tipo_1.item_12 > div.row div.venta {
    	width: 31.6%;
    	height: 390px;
    }
    #buscador div#openProperty form:last-child div.line {
    	width: 21%!important;
    }
    #buscador div#openProperty form:last-child div:nth-child(6).line {
    	width: 10%!important;
    }
    #navHeader #navLinks > li > ul > li, #navHeader #operationList > li > ul > li {
    	background-color: #754977!important;
    }
}

/* --- Estilos de Impresión --- */
@media print {
    .snowfall-flakes,
    #content > section > article.infoAgencia > address > ul > li.agencia {
    	display: none;
    }
    .detallesFicha {
    	font-size: 16px!important;
    }
    article.infoAgencia {
    	text-align: center;
        address {
            width: 80%;
            ul li {
                font-size: 1.1em!important;
                a {
                    text-decoration: none;
                }
            }
        }
    }
    #ficha > div.colIzq h3, #ficha > div.colIzq {
    	font-size: 1.1em!important;
    }
    #ficha > div.colIzq {
    	width: 100%!important;
    }
    article.infoAgencia > address > ul > li.poblacionProvincia {
    	margin-left: 5px;
    }
    div.headerLeft p {
    	margin-top: 6px!important;
    }
    #ficha > div.header > div.headerTitulo > div.headerLeft p {
    	font-size: 2em!important;
    	padding-top: 10px;
    }
    body #detalle #ficha .header .headerTitulo .headerRight .precio {
    	padding-top: 10px;
        font-size: 26px!important;
    }
    #ficha > div.header > div.headerTitulo > div.headerRight > p.precioReducido {
    	font-size: 1.2em;
    }
    #descripcionFicha2 > p {
    	line-height: 22px;
    }
    #content > section > article.infoAgencia > address > ul > li.movil,
    #content > section > article.infoAgencia > address > ul > li.email {
    	padding-top: 10px;
    }
}