@charset "UTF-8";

.modulohome, .modulo1, .subhome, .accesibilidad, .logos, .tabs, .texto_dest, .cajadestacado, .bloque_accesos, .sumario, .centrado{width:100%;float:left}

.moduloizda{width:69%;float:left}
.modulodcha{width:27.5%;float:right}

.centrado{text-align:center;padding:0 0 18px}
.texto_dest{padding:5px 0;font:normal 1.4em gloriolalight;color:#383a37;}
.texto_dest p{line-height:1.3em;font-family:gloriolalight;}
[class*="-col"] .texto_dest{padding-top:0}

.cajafondo{width:92%;float:left;padding:25px 4% 8px;margin:5px 0 23px;background:#f7f7f7;color:#383a37}

.cajadestacado{margin:0 0 20px;color:#676966;overflow:hidden;position:relative}
.cajadestacado .foto{width:100%;float:left;}
.cajadestacado .foto img{display:block;}
.cajadestacado .info{position:absolute;top:0;left:0;width:40%;padding:5% 5% 0;height:95%;background:transparent url(/web/public/img/css/portal/transparencia1_wu_956a611394797bc201dcdf95a32146fe.png) repeat 0 0;font:normal 1.3em gloriolalight;}
.cajadestacado .info p{line-height:1.3em;font-family:gloriolalight;}
.cajadestacado .info strong, .cajadestacado .info h2{display:block;padding:0 0 18px;margin:0;font:normal 2.1em gloriolalight;color:#343733;line-height:1em}
.cajadestacado .info h2{font-size:2.5em}
.cajadestacado .info em{display:block;padding:5px 0 10px;font:normal 1.15em gloriolaregular;color:#238a7a}

.bloque_accesos{padding:5px 0 18px}
.bloque_accesos ul{margin:0}
.bloque_accesos ul li{width:20%;float:left;margin:0 .4% 8px;padding:20px 2% 12px;background:#f6f6f5;text-align:center;font:normal 1.45em gloriolaregular;line-height:1em;color:#383a37;min-height:25px}
.bloque_accesos ul li:hover{background:#008877;color:#fff}
.bloque_accesos ul li a{display:block;color:#383a37;text-decoration:none !important}
.bloque_accesos ul li:hover a{color:#fff}

.sumario h2, .sumario h3{padding:7px 12px 4px;margin:0;background:#a0a0a0;color:#fff;border-bottom:5px solid #e3e3e3;font:normal 1.25em gloriolamedium;text-transform:uppercase}
.sumario ul.tipo1{margin-top:0}
.sumario ul.tipo1 li{padding:16px 20px 12px 30px;border-bottom:1px solid #e0e0e0;background-position:14px 20px;line-height:1.25em}
.sumario ul.tipo1 li strong{font:normal 1em gloriolamedium;color:#343733}

/* pestanas */
.tabs{margin:10px 0;font-size:1em}
.ui-tabs.pills .ui-tabs-panel{padding:10px 0;min-height:20px;color:#8b8b8b}
.ui-tabs.pills .ui-tabs-panel a{color:#008877}
.ui-tabs.pills .ui-tabs-panel h2{font:normal 1.7em gloriolaregular;margin:0;padding:4px 0 6px}
.ui-tabs.pills .ui-tabs-panel h3{font-size:1.65em;margin:0;}
.ui-tabs.pills .ui-tabs-panel h3.tipo2{font-size:1.4em;padding:0 0 5px;border:none}
.ui-tabs.pills .ui-tabs-nav li{margin: 0 8px 5px 0;padding:0;border: 1px solid #ddd;background:none;}
.ui-tabs.pills .ui-tabs-nav li a{padding:11px 25px 8px;background: #fff;color:#7a7c79;border-radius: 0;font: normal 1.1em gloriolamedium;text-transform:uppercase}
.ui-tabs.pills .ui-tabs-nav li a:hover,
.ui-tabs.pills .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs.pills .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs.pills .ui-tabs-nav li.ui-tabs-loading a {background: #a0a0a0;color: #fff !important;}

/* acordeon */
.acordeon{width:100%;float:left;margin:0 0 15px;font-size:1em}
.acordeon a{color:#008877}
.acordeon .ui-accordion-header{padding:13px 0 14px 52px !important;margin:0 0 9px !important;background:none;border:none;border-bottom:1px solid #979797;font:normal 1.4em gloriolaregular !important;color:#343733;min-height:15px;}
.acordeon .ui-state-active{margin:0;color: #343733;border:none}
.acordeon .ui-accordion-header .ui-accordion-header-icon{width:33px;height:33px;top:14px;left:0;background:transparent url(/web/public/img/css/icono/icoAcordeon_wu_e286d0371034076a8d27511fe7d5936c.gif) no-repeat 0 0}
.acordeon .ui-state-active .ui-accordion-header-icon{background-image:url(/web/public/img/css/icono/icoAcordeon_on_wu_92b24f2e748d7479ccc2eb57e8a69336.gif)}
.acordeon .ui-accordion-content{border:none;border-bottom:1px solid #979797;background:none;margin:0 0 10px;padding:3px 3px 5px 52px;color:#8b8b8b;overflow:hidden}

/* home */
.modulohome{padding-top:5px}
.modulohome .modulodcha h2{padding:7px 12px 4px;margin:0;background:#a0a0a0;color:#fff;border-bottom:5px solid #e3e3e3;font:normal 1.25em gloriolamedium;text-transform:uppercase}
.modulohome .destacado{width:48.2%;float:left;background:#ededed;margin:0 0 12px;position:relative;overflow:hidden}
.modulohome .destacado.dcha{float:right}
.modulohome .destacado .video{position:absolute;top:90px;left:45%}
.modulohome .destacado .twitter{width:100%;float:left;padding:5px 0 0;text-align:right}
.modulohome .destacado .textos{width:92%;float:left;padding:12px 4%}
.modulohome .destacado img{display:block;width:100%;margin:0}
.modulohome .destacado .video img, .modulohome .destacado .twitter img{display:inline;width:auto}
.modulohome .destacado p{margin:0;color:#8b8b8b;line-height:1.3em}
.modulohome .destacado p a{padding:0 15px 0 0;background:transparent url(/web/public/img/css/icono/vineta1_wu_b394cdbe8b264f2c820f212f0b5427fd.png) no-repeat 100% 53%}
.modulohome .destacado h2{padding:0 0 6px;margin:0;font:normal 2em gloriolaregular;text-transform:uppercase;color:#535652;line-height:1.4em}
.modulohome .modulodcha .acceso_inmuebles{width:100%;float:left;margin:20px 0 0;}
.modulohome .modulodcha .acceso_inmuebles h2{margin:0 0 12px}
.modulohome .modulodcha .acceso_inmuebles p{margin:0}

/*.modulohome .bloque_accesos{padding:0}*/
.modulohome .cajadestacado{position:relative}
/*.modulohome .cajadestacado:after{position:absolute;bottom:0;left:0;z-index:10;display:block;width:100%;height:58px;background:transparent url(/web/public/img/css/portal/fondoCarruselHomeNoSocio.png) no-repeat 0 0;background-size:cover;content:"";}*/
.modulohome .cajadestacado .info{width:25%}
.modulohome .cajadestacado .info a{display:inline-block;margin:20px 0 0;background:#a0a0a0;padding:5px 25px 3px;color:#fff;text-decoration:none !important;border-bottom:5px solid #e3e3e3;font-size:.85em;text-transform:none;}
.modulohome .cajadestacado .info a:hover{background:#008877}
.modulohome .cajadestacado .foto a{display:block;position:relative}
.modulohome .cajadestacado .foto a:before{position:absolute;top:50%;left:50%;width:33px;height:33px;background:transparent url(/web/public/img/css/icono/icoPlay_wu_cb3be34e77cdbc6fd86e22acd0c796bf.png) no-repeat 0 0;content:""}

.modulohome .moduloizda .cajadestacado .info{width:45%}

.modulohome .destacados{width:100%;float:left}
.modulohome .destacados .columna{width:31.3%;float:left;margin-right:3%}
.modulohome .destacados .columna.ultimo{margin:0}
.modulohome .destacados h2{width:100%;float:left;margin-bottom:10px;font-family:gloriolaregular;font-size:1.8em;color:#106457}
.modulohome .destacados h2 img{display:block;margin-bottom:15px}
.modulohome .destacados p{margin-bottom:25px}

.modulohome.no-socio{margin-bottom:40px}
.modulohome.no-socio .moduloizda{width:66.5%}
.modulohome.no-socio .modulodcha{width:31%}
.modulohome.no-socio .destacado p{margin-bottom:15px}


/* subhome */
.subhome .bloque_centro{width:95%;float:left;padding:0 2% 0 3%}
.subhome .bloque_centro h2, .subhome .bloque_centro h3{font:normal 2.15em gloriolamedium}

/* asesoramiento corporativo */
.asesoramiento .bloque_accesos ul li{width:28%;padding-top:25px;font-size:1.55em;line-height:1.3em;}
.asesoramiento .bloque_accesos ul li em{display:inline-block;padding-top:9px;font:normal .9em gloriolalight}

/* ficha producto */
.producto .cajadestacado .info h2{padding:10px 0;font-size:2.75em;line-height:1.3em}
.producto .texto_dest{font-size:1.8em}
.producto li, .producto strong{color:#343233}
.producto strong{font:normal 1em gloriolamedium}
.producto h4{padding:0}
.producto h4 strong{font:normal .9em gloriolaregular}
.producto .datos p, .producto .tabla_nivel p{margin:0 0 8px;color:#343233;}
.producto .tabla_nivel table{width:100%;margin-top:5px}
.producto .tabla_nivel caption{width:100%;margin:0;font:normal 1.3em gloriolalight;}
.producto .tabla_nivel caption em{float:right;font-style:normal}
.producto .tabla_nivel td{padding:0;text-align:center;vertical-align:middle;background:#f0f0ef;border-color:#d9d9d9;font:normal 1.3em gloriolalight;color:#343233;}
.producto .tabla_nivel td strong{display:block;padding:2px 0;background:#008877;color:#fff}
.producto .nota_tabla{font-size:.85em}
.producto .nota_tabla p{margin:0}
.producto .nota_tabla em{float:right;font-style:normal}
.producto table.estilo tr td:first-child{width:32%}
.producto .bloque_accesos{margin:10px 0 0;padding:15px 0;border-top:1px solid #7e7e7d}
.producto .bloque_accesos ul li{width:28%}

/* contacto */
.contacto .info{padding-top:4%;height:96%;}
.contacto .cajadestacado .info h2, .contacto .cajadestacado .info strong{padding-bottom:12px}
.contacto .texto_dest{font-size:1.8em}
.contacto .texto_dest p{line-height:1.2em}

/* contenido accesibilidad */
.accesibilidad .logos ul{margin:0 0 30px;text-align:center}
.accesibilidad .logos ul li{display:inline;margin:0 10px;padding:0;background:transparent}


/* Organigrama */
.organigrama .contenedor{
	max-width: 768px;
	margin: 0 auto;
	font-size: 13px;
	color: #343734;
	font-family: gloriolamedium;
}


.organigrama .n1{
	padding-left: 20px !important;
}
.organigrama .n1 p {
	text-decoration: double;
	border-bottom: 1px solid #02ac98;
	display: inline;
	line-height: 1.5em;
}

.organigrama .n2{
	padding-left: 50px !important;
}

/* ----- */

.organigrama .tipo, .organigrama .tipo2{
	border-radius: 5px;
	box-sizing: border-box;
	margin-bottom: 10px;
}

.organigrama .tipo2{
	color: #02ac98;
	padding: 10px 0 5px 22px;
}

.organigrama em{
	font-family: gloriolaregular;
	display: block;
	font-style: normal;
}

.organigrama strong{
	font-family: gloriolasemibold;
}

@media (min-width: 600px) {
	
	.organigrama .contenedor{
		text-align: center;
	}

	.organigrama .n1 p {
		text-decoration: none;
		border-bottom: 0;
		display: initial;
		line-height: 1em;
	}
	
	.organigrama .tipo p {
		font-size: 13px;
	}
	
	.organigrama .centrar{
		display: flex;
		justify-content: center;
	}
	
	.organigrama .tipo, .organigrama .tipo2{
		padding: 35px 18px !important;
		border: 1px solid #02ac98;
		background: #fff;
		max-width: 140px;
		position: relative;
		border-radius: 5px;
		box-sizing: border-box;
	}
	.organigrama .caja, .organigrama .caja2, .organigrama .caja3{
		display: flex;
		position: relative;
		justify-content: flex-end;
	}
	.organigrama .caja{
		padding-bottom: 25px; 
	}
	
	.organigrama .caja .caja-izq, .organigrama .caja .caja-dch, .organigrama .caja2 .caja-dch{
		margin-top: 150px;
	}
	
	/* Izquierda */
	.organigrama .caja-izq{
		position: relative;
	}
	
	.organigrama .caja .tipo.izq{
		margin-bottom: 25px;
	}
	
	.organigrama .caja-izq .izq:after{
		content:"";
		background: #d7d7d7;
		width: 51%;
		height: 1px;
		position: absolute;
		right: -51%;
		top: 50%;
	}
	
	/* Centro */
	.organigrama .caja .caja-centro:before {
		content: "";
		background: #d7d7d7;
		width: 1px;
		height: 100%;
		position: absolute;
	}
	
	/* Derecha */
	.organigrama .varios{
		position: relative;
	}
	.organigrama .caja-fila{
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
		margin-bottom: 0;
	}
	
	.organigrama .caja-fila:last-child{
		margin-bottom: 0;
	}
	.organigrama .vertical, .organigrama .vertical2{
		position: relative;
	}
	.organigrama .vertical:before, .organigrama .vertical2:before{
		content: "";
		background: #d7d7d7;
		position: absolute;
		width: 1px;
	}
	.organigrama .vertical:before{
		height: 100%;
		left: -25px;
		top: 0;
	}
	.organigrama .caja-dch.vertical:after {
		content: "";
		width: 46px;
		height: 1px;
		background: #d7d7d7;
		position: absolute;
		top: 50%;
		left: -70px;
	}
	
	.organigrama .tipo{
		position: relative;
	}
	
	.organigrama .tipo:before, .organigrama .caja .tipo:after{
		content: "";
		background: #d7d7d7;
		position: absolute;
	}
	
	.tipo.ambos{
		margin-right: 20px;
	}
	
	.tipo.ambos:before, .organigrama .tipo.ambos2:before{
		width: 25px;
		height: 1px;
		left: -25px;
		top: 50%;
	}
	.organigrama .tipo.ambos:after{
		width: 20px;
		height: 1px;
		right: -21px;
		top: 50%;
	}
	
	.organigrama .tipo.ambos2:after{
		width: 10px;
		height: 1px;
		right: -11px;
		top: 50%;
	}
	
	.organigrama .tipo.varios:not(:last-child){
		margin-bottom: 25px;
	}
	
	.organigrama .tipo.varios:before{
		width: 10px;
		height: 1px;
		left: -10px;
		top: 50%;
	}
	
	.organigrama .tipo.varios:first-child:after{
		width: 10px;
		height: 51%;
		left: -11px;
		top: -1px;
		background: #fff;
	}
	.organigrama .caja .tipo.varios:last-child:after {
		width: 10px;
		height: calc(50% + 10px);
		left: -11px;
		top: auto;
		bottom: -11px;
		background: #fff;
	}
	
	.organigrama .caja .vertical2:before{
		height: 100%;
		left: -9px;
		top: 0;
	}
	
	.organigrama .caja-fila:first-child:before, .organigrama .caja-fila:last-child:before {
		content: "";
		background: #fff;
		height: calc(50% - 5px);
		width: 25px;
		top: 0;
		left: -26px;
		position: absolute;
	}
	
	.organigrama .caja-fila:last-child:before {
		top:auto;
		bottom: 0;
		height: calc(50% + 5px);
	}
	
	
	/* PARTE DE ABAJO */
	
	.organigrama .tipo2{
		background: #02ac98;
		color: #fff;
		position: relative;
	}
	
	
	.organigrama .tipo2:before{
		content: "";
		background: #d7d7d7;
		position: absolute;
	}
	
	.organigrama .tipo2.izq:before{
		width: 70px;
		height: 1px;
		top: 50%;
		left: -70px;
	}
	.organigrama .caja2{
		margin-right: 160px;
	}
	
	.organigrama .caja3{
		justify-content: space-between;
		position: relative;
		margin-top: 25px;
		align-items: baseline;
	}
	.organigrama .caja3 .caja{
		align-items: baseline;
	}
	
	.organigrama .caja3:before {
		content: "";
		background: #d7d7d7;
		width: 50.2%;
		height: 1px;
		position: absolute;
		top: -25px;
		right: 150px;
	}
	
	.organigrama .caja3 .vertical:before{
		height: 100%;
		left: -10px;
		top: -25px;
	}
	.organigrama .caja2 .caja-centro:before {
		content: "";
		background: #d7d7d7;
		width: 1px;
		height: 100%;
		position: absolute;
	}
	
	
	.organigrama .caja3 .caja-izq .izq:after {
		width: 10px;
		height: 1px;
		position: absolute;
		right: -10px;
		top: 50%;
	}
	
	.organigrama .caja-dch .dch:after{
		content:"";
		background: #d7d7d7;
		width: 10px;
		height: 1px;
		position: absolute;
		left: -10px;
		top: 50%;
	}
	
	.organigrama .centrar .tipo2{
		margin-bottom: 25px;
	}
	
	.organigrama .tipo.arriba:before {
		content: "";
		background: #d7d7d7;
		width: 1px;
		height: 25px;
		position: absolute;
		top: -25px;
		left: 52.5%;
	}
	.organigrama .tipo2.ambos2:before {
		content: "";
		background: #d7d7d7;
		width: 1px;
		height: 25px;
		position: absolute;
		top: -25px;
		left: 50%;
	}
	.organigrama .tipo2.ambos2:after {
		content: "";
		background: #d7d7d7;
		width: 1px;
		height: 25px;
		position: absolute;
		bottom: -26px;
		left: 50%;
	}
	
	.organigrama .caja3.sub:before {
		content: "";
		background: #d7d7d7;
		width: 37%;
		height: 1px;
		position: absolute;
		top: -25px;
		right: 32%;
	}
	.organigrama .tipo2.izq{
		margin-bottom: 25px;
	}
	
	.organigrama .caja3 .vertical2:before {
		height: 100%;
		right: -10px;
		left: auto;
		top: -25px;
	}
	
	.organigrama .tipo.arriba.centro2 {
		margin: 0 25px;
	}
	
	.organigrama .caja3 .tipo.izq {
		margin-bottom: 25px;
	}
	.organigrama .caja3 .tipo.dch {
		margin-bottom: 25px;
	}
	
	.organigrama .tipo.arriba.espacio{
		margin-right: 25px;
	}
	
	.organigrama .caja3 .vertical:after {
		display: none;
	}
	
	.organigrama .caja-izq .tipo.izq:last-child:before {
		content: "";
		width: 25px;
		height: 50%;
		background: #fff;
		bottom: -1px;
		right: -26px;
	}
	.organigrama .caja-dch .tipo.dch:last-child:before {
		content: "";
		width: 25px;
		height: 50%;
		background: #fff;
		bottom: -1px;
		left: -26px;
	}
	.organigrama .caja3 .caja-izq.vertical .tipo.varios:last-child:after {
		content: "";
		background: #fff;
		width: 25px;
		height: 50%;
		bottom: -1px;
		top: auto;
		position: absolute;
		left: -26px;
	}
}