/* BASADO EN andreas00 - an open source xhtml/css website layout by Andreas Viklund  - http://andreasviklund.com/ . 
Free to use for any purpose as long as the proper credits are given to the original author.
Version: 2.0 (Jan 29, 2007) */

/***********/
/* GENERAL */
/***********/

body {color:#515151; font: 76% Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; font-style:normal; font-variant:inherit; text-decoration:none; text-transform:none; width:auto; margin:0 auto; padding:0;}

#wrap {width:88.8em; top:0; margin:0 0 0 0.44em; position:relative;}
/************/
/* CABECERA */
/************/

#header {width:100%; position:relative; height:10em; top:0;padding-bottom:2em;}
.planpalmeral #header {display:none;}
#header .contentOptions {display:none;}
#header .headerContent .inicio {width:89em; background-color:#01589b;}

#logo_clickable {display:none;}

/* Componente: Buscador global */
/*#GlobalSearcher {position:absolute; bottom:-2em; right:0; padding-left:1em;}*/
/*#GlobalSearcher {position:absolute; top:0.4em; right:35em; color:#ffffff;}*/
#GlobalSearcher .searchLabel {display:none;}
.planpalmeral #GlobalSearcher {display: none;}
/*#GlobalSearcher .searchIcon {vertical-align:middle; color:#ffffff;}*/
#GlobalSearcher {display:none;}
#GlobalSearcher .searchIcon {display: none;}

/* Componente: Lang selector */
/*#LangSelector {position:absolute; bottom:0.1em; right:0.9em;}*/
#LangSelector {position:absolute; top:0.4em; right:30em;}
.planpalmeral #LangSelector {display: none;}
#LangSelector .selectedLngText {display:none;}
#LangSelector .selectableLngText {display:none;}
#LangSelector .selectableLngFlag {display:inherit; vertical-align:middle;}
#LangSelector .selectedLngFlag {display:inherit; vertical-align:middle;}

/* Componente: Toolbar */
/*#portal-toolbar {position:absolute; bottom:0em; right:16em; padding-right:1em;}*/
#portal-toolbar{position:absolute; bottom:-2em; right:0; padding: 0 0.5em 0;}

/* Componente: Miga de pan */
.portal-locator {position:absolute; bottom:-1.5em;}
.planpalmeral .portal-locator {display: none;}
.ocio .portal-locator {display: none;}
.transportes .portal-locator {display: none;}
.directorio .portal-locator {display: none;}
.vertical ul {background-color:#eaeaea}
.empleo .portal-locator {display: none;}
.portal-locator a, .portal-locator a:hover {font-weight:bold; text-decoration:none;}
.portal-locator div {float:left; vertical-align:middle;}
.portal-locator div.portal-locator-separator {vertical-align:middle; background:url(images/locator-sep.gif) no-repeat; background-position:center; float:left; width:1.5em; height:1.2em; margin-right:1em;}

/* Componente: Mapa del web */
/*#Webmap {position:absolute; bottom:0; right:0; padding: 0 0.5em 0; border-left: 0.1em solid #515151;}*/
#Webmap {position:absolute; top:0.4em; right:28em;}
.planpalmeral #Webmap {display: none;}
#Webmap .icon {vertical-align:middle;}
/*#Webmap .label{font-weight:normal;}*/
#Webmap .label{display:none;}

/* Componente: fecha/hora*/
#datetime {display:none;}


/*********************/
/* COLUMNA IZQUIERDA */
/*********************/

/* Left sidebar and menu*/
#leftside {float:left; clear:left; width:14.3em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.planpalmeral #leftside {display: none;}
.turismo #leftside .portal-menu {display: none;}
.juventud #leftside .portal-menu {display: none;}
#leftside .contentOptions{display:none;}
#leftside div.portal-menu ul {background:#01589b; color:white; width:14.3em; margin: 2.5em 0 0 0; list-style:none;}
#leftside div.portal-menu ul li {width:14.5em; padding:2% 0 2% 2%; border-bottom: 0.1em solid white; }
#leftside div.portal-menu ul li a {text-decoration:none; color:white;}
#leftside div.portal-menu ul li a:link {color:white;}
#leftside div.portal-menu ul li a:visited {color:white;}
#leftside div.portal-menu ul li a:hover {color:#08085c;}
#leftside div.portal-menu ul ul {position:relative; top:2%; left:-0.25em; margin:0; padding:0;}
#leftside div.portal-menu ul ul li {background:url(images/fondo_submenus.jpg) no-repeat; color:white; width:14em;}

#leftside .menuContent{display:none;}
.HOME #leftside .menuContent {display:inline; float:left; margin-top:0.2em; width:14.3em; background:white;}
/* Contenidos de la parte izquierda */
div.menuContent #content-detail div {margin:0.1em 0; height:3.5em; width:11.3em;}

/* Componente: Login de portal */

#portal-login-div {position:absolute; top:0.4em; right:2em; width:25em; color:white;}
.planpalmeral #portal-login-div {display: none;}
#portal-login-div input {width:5em;}
#portal-login-div .label {padding:0.3em;color:white;}
#portal-login-div .user {float:left;}
#portal-login-div .password {float:left;}
#portal-login-div .submit {float:left; padding-left:0.5em;}
#portal-login-div .endBlock {clear:both;}

#portal-login-info-div {position:absolute; top:0.25em; right:0.4em; width:22em;}
#portal-login-info-div .label {font-size:0.9em; float:left; margin-top:0.5em;color:white;}
#portal-login-info-div .userText {display:none;}
#portal-login-info-div .userName a {color:white;}
#portal-login-info-div .changePass {display:none;}
#portal-login-info-div .submit {float:right;}
#portal-login-info-div .portal-login-button {height:2em; width:7.35em; background:url(images/salida.gif) no-repeat;}
#portal-login-info-div .endBlock {clear:both;}

/*.portal-login-certificado {position:absolute; right:0.1em; top:0.1em;}*/
.portal-login-certificado {display:none;}
.planpalmeral .portal-login-certificado {display:none;}



/*******************/
/* COLUMNA DERECHA */
/*******************/
div.contentContent {display:none;}
div.contentContent .contentOptions {display:none;}
/*.HOME div.contentContent {float:right; width:13em; margin-top:2.5em; display:inline;}*/
/*.HOME div.contentContent div div {height:9em;}*/
.planpalmeral div.contentContent {display:none;}


/*******/
/* PIE */
/*******/

/* Footer */
#footer {float:inherit; clear:both; width:99em; font-size:90%; height:5em;}
.planpalmeral #footer {display:none;}
#footer .contentOptions {display:none;}
#footer p {text-align:center; margin-bottom:1em;}

.HOME .destacados {position:fixed; left:0em; bottom:-0.3em; width:89.6em !Important; width:58em; text-align:center; background-image:url(images/fondo_destacados.jpg);}
.HOME .destacados div {display:inline; margin:0 1em; text-align:center;}

/**********/
/* CUERPO */
/**********/

/* Main content variations */
#content {float:left; display:inline; width:73.7em !Important; width:72.9em; margin:2.5em 0em 0em 0.9em; padding:0;}
.turismo #content {float:left; display:inline; width:88em !Important; width:86em; margin:2em 0em 0em 0.1em; padding-left:1em;}
.juventud #content {float:left; display:inline; width:88em !Important; width:86em; margin:2em 0em 0em 0.1em; padding-left:1em;}
.planpalmeral #content {float:left; display:inline; width:88em !Important; width:86em; margin:2em 0em 0em 1em; padding:0;}
/*.HOME #content {display:block; width:59.7em !Important; width:58em; margin:2.3em 0em 0em 0.9em; padding:0;}*/
.HOME #content .contentOptions {display:none;}
.HOME #CONTENIDO {display:none;}
.planpalmeral #content .contentOptions {display:none;}
.planpalmeral .texto {text-align: justify; vertical-align: top; padding: 0 0.3em 0.3em 0.3em;  margin:0 23em 0 3em;}

.h2Gris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large; font-style: normal; font-weight: bold; font-variant: normal;
	text-transform: none; color: #090a5d; line-height: 1.2em; clear: both;
	background-image: url('images/fondo_titulo.jpg');
	background-repeat: no-repeat;
   padding-left: 0.3em;
}

.h2Verde {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large; font-style: normal; font-weight: bold; font-variant: normal;
	text-transform: none; color: black; line-height: 1.2em; clear: both;
	background-image: url('images/fondo_titulo_verde.jpg');
	background-repeat: no-repeat;
   padding-left: 0.3em;
}

.h2AzulLargo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small; font-style: normal; font-weight: bold; font-variant: normal;
	text-transform: none; color: #01589b; line-height: 1.2em; clear: both;
	background-image: url('images/fondo_titulo_azul_largo.jpg');
	background-repeat: no-repeat;
   padding-left: 0.3em;
}

.h2AzulCorto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small; font-style: normal; font-weight: bold; font-variant: normal;
	text-transform: none; color: #01589b; line-height: 1.2em; clear: both;
	background-image: url('images/fondo_titulo_azul_corto.jpg');
	background-repeat: no-repeat;
   padding-left: 0.3em;
}

.oculto {display: none; visibility: hidden;}
	
.menuLateral {float:right; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; background-color:#f6f6f6; padding:1em; border-left: 1em white solid; border-bottom: 1em white solid;}
.menuLateral a:hover {color: black;}
.menuLateral table td {vertical-align:top;}

.barraSuperior {width:73.5em !Important; width:73em; text-align: center;}
.barraSuperior a {color: white;}
.barraSuperior a:hover {color: #b4caf1;}
.fondoAzulOsc {background-color: #08085c; color: white; padding: 0.45em;}
.fondoAmarillo {background-color: #fdb62a; color: white; padding: 0.45em;}
.fondoAzul {background-color: #3399cc; color:white; padding: 0.45em;}
.fondoNegro {background-color: black; color:white; padding: 0.45em;}
.fondoGrisClaro {background-color: #d8d8d8; padding: 0.45em;}
.fondoBlanco {background-color: white; color:black; padding: 0.45em;}

.pie {width:73.5em; text-align: center;}
.rojo {color: red;}
.rojo a {color: red;}
.leyenda {font-size: xx-small; font-style: italic; font-weight: lighter;}

/* Estilos para páginas a tres columnas y títulos en azul */
.columnas {width:73em !Important; width:72.5em;}
.columnas table tr {vertical-align:top;}
.columnas h4 {font-size:1.2em; text-align: center; line-height: normal;}
.contentColumnas {padding: 0.1em 1.5em 0.1em 1.5em;}
.contentColumnas h4 {color:#3399cc; font-size:1.2em; font-style:oblique; font-weight: bold;}
.contentColumnas a {color:#515151;}
.contentColumnas a:hover {color:#515151; text-decoration: underline;}

.fondoUrb {width:24em; height:21em; background-image: url(images/fondos/fondo_urbanismo.jpg);}
.catalogo {width:36em; height:28em; background-image: url(images/fondos/fondo_archivo.jpg);}
.fondoDescargaDocs {width:73em !Important; width:72.5em; height:32em; background-image: url(images/fondos/normativa_impresos.jpg); background-repeat: no-repeat;}
.fondoTramites {width:73em !Important; width:72.5em; height:34em; background-image: url(images/fondos/tramites.jpg); background-repeat: no-repeat;}
.fondoContratante {width:36em !Important; width:35.5em; height:24em; background-image: url(images/fondos/contratante.jpg); background-repeat: no-repeat;}
.fondoEmpleo {width:73em !Important; width:72.5em; height:24em; background-image: url(images/fondos/empleo.jpg); background-repeat: no-repeat;}
/*.salvapantallas {position:fixed; right:25px; bottom:5px;}
.salvapantallas img {width:250px; height:60px;}*/

/* Bibliotecas */
.menuBiblio {height:9.4em; background-color:#bb4251; color:white; font-weight:bold; vertical-align:middle; margin:0.3em;}
.menuBiblio p {margin:0;}
.menuBiblio a {color:white; line-height:1.4em;}
.menuBiblio a:visited {color:white;}
.menuBiblio a:hover {color:#08085c;}
.menuBiblio img {padding-left:0.3em; background-color: white;}

.fondoGris {background-color:#e4e4dc; padding:1em; vertical-align:top; margin-top:0.15em;}
.textoBiblio {text-align:justify; background-color:white; padding:1em; vertical-align:top; background-image: url(images/fondos/biblioteca.jpg);}

/* Menu de Bienestar Social */
.menuNaranja {float:right; color:#e8791d; text-align:right;}
.menuNaranja a {color:#e8791d;}
.menuNaranja a:visited {color:#e8791d;}
.menuNaranja a:hover {color:#08085c;}

/* Fomento Económico */
.fomento {text-align:justify; padding-left: 1em;}
.fomento a {color:#1c65a4;}
.fomento a:hover {color:#1c65a4;}

/* General */
.texto {text-align: justify; vertical-align: top; padding: 0 0.3em 0.3em 0.3em;}
.texto img {border: 0.5em white solid;}
.texto table td {padding: 0.5em; vertical-align: top;}

.textoAlcalde {width: 44em; text-align: justify;}
/* Bienestar Social */
.h4BSocial {color: #3399cc; font-size: 1.2em; font-style: oblique; font-weight: bold; background-color: #ebebeb;}
.tituloAzfondoGris {color: #3399cc; font-size: 1.8em; font-style: oblique; font-weight: bold; background-color: #ebebeb; text-align: center;}
.tFondoNaranja {background-color: #e8791d; color:#08085c; font-size:1.5em; font-style:oblique; font-weight: bold; text-align: center; line-height: 2em;}

.tituloAzulG {color:#3399cc; font-size:1.6em; font-style:oblique; font-weight: bold;}
.tituloAzul {color:#3399cc; font-size:1.2em; font-weight: bold;}
.tituloAzul a {color:#3399cc; font-weight: bold;}
.textoAzul {color:#3399cc; font-weight: bold;}
.textoAzul a {color:#3399cc; font-weight: bold;}
.tituloAzOscG {color:#08085c; font-size:1.4em; font-style:oblique; font-weight: bold;}
.tituloAzOscuro {color:#08085c; font-size:1.2em; font-weight: bold;}
.tituloAzOscuro a {color:#08085c; font-weight: bold;}
.textoAzOscuro {color:#08085c; font-weight: bold;}
.textoAzOscuro a {color:#08085c; font-weight: bold;}
.tituloBlanco {color: white; font-size:1.2em; font-weight: bold;}
.tituloBlanco a {color: white; font-weight: bold;}
.textoBlanco {color: white;}
.textoBlanco a {color: white;}
.textoNegro {color: black; font-weight: bold;}
.textoNegro a {color: black; font-weight: bold;}

.tituloAmarillo {color:#fdb62a; font-size:1.4em; font-weight: bold;}
.tituloVerde {color:#90bd5b; font-size:1.4em; font-weight: bold;}
.tituloNaranjaOsc {color:#aa3700; font-size:1.4em; font-weight: bold;}
.tituloRojo {color:red; font-size:1.4em; font-weight: bold;}
.tituloMorado {color:purple; font-size:1.4em; font-weight: bold;}
.tituloLila {color:#e5dbf6; font-size:1.2em; font-weight: bold;}
.tituloRosa {color:#be5d68; font-size:1.4em; font-weight: bold;}
.tituloMostaza {color: #eed892; _color: #f5deb3; font-size:1.2em; font-weight: bold;}
.tituloOcre{color:#b98f00; font-size:1.2em; font-weight: bold;}

.tAmarillo {color: #fdb62a; font-weight: bold; font-size:1.2em;}
.tAmarillo a {color: #fdb62a; font-weight: bold;}
.tVerde {color: #a4b63f; font-weight: bold; font-size:1.2em;}
.tVerde a {color: #a4b63f; font-weight: bold;}
.tNaranjaOsc {color:#aa3700; font-weight: bold;}
.tNaranjaOsc a {color:#aa3700; font-weight: bold;}
.tRojo {color:red; font-weight: bold;}
.tRojo a {color:red; font-weight: bold;}
.tMorado {color:purple; font-weight: bold;}
.tMorado a {color:purple; font-weight: bold;}
.tLila {color:#e5dbf6; font-weight: bold;}
.tLila a {color:#e5dbf6; font-weight: bold;}
.tRosa {color:#be5d68; font-weight: bold;}
.tRosa a {color:#be5d68; font-weight: bold;}
.tMostaza {color: #eed892; _color: #f5deb3; font-weight: bold;}
.tMostaza a {color: #eed892; _color: #f5deb3; font-weight: bold;}
.tOcre {color: #b98f00; font-weight: bold;}
.tOcre a {color: #b98f00; font-weight: bold;}

/* TURISMO */
.fondoTurismo {background-color: #01836d; color: white; padding: 0.5em;}
.destacadosTurismo {float:right; width: 22em; background-color:#f6f6f6; padding: 1.2em; border-left: 1em white solid; vertical-align:top;}
.destacadosTurismo a {color: black;}

.menuTurismo {background-color:#01836d; color:white; font-weight:bold; padding:0.3em; text-align:center;}
.menuTurismo a {color:white;}
.menuTurismo a:hover {color:black;}
.submenuTurismo {background-color:#e4e4dc; padding:0.3em; text-align:left; color: black;}
.submenuTurismo a {color:black;}
.submenuTurismo a:hover {color:#01836d;}

.turis {text-align: justify; padding: 0.4em; margin: 0.4em; line-height: 1.1em;}
.turis a {color: #01836d; text-decoration: underline; font-weight: bold;}
.turis a:hover {background-color: #01836d; color: white;}
.turisNaran a {color:#aa3700; text-decoration: none;}
.turisNaran a:hover {color:#aa3700; background-color:white;}
.turis h4 {color:#aa3700; font-size:1.2em; font-style:oblique; font-weight: bold; margin:0.3em;}


/* CULTURA */
.culturaHeader {background-color: black; background-image: url(images/header_cultura.jpg); background-repeat: no-repeat; background-position: left bottom; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 70.5%; height: 9.3em;}
.menuCulturaHeader {position: absolute; width: 25em; top:10.5em; right:2em; color: white; font-size:1.4em;}
.menuCulturaHeader a {color: white;}
.menuCulturaHeader a:hover {color: white; text-decoration: underline;}

.cuadroMenuC {float: left; width:14em !Important; width:13.9em; border-top: 0.2em white solid; border-bottom: 0.2em white solid; text-align: center; font-weight: bold;}
.cuadroMenuC a {color: #515151;}
.menuCultura {float: left; font-weight: bold; background-color: white; border:0.3em #7c0617 solid; padding: 0.5em 2.8em 0.5em 2.8em; text-align: center;}
.menuCultura a {color: #515151;}

.botonGranate {background-color: #7c0617; color:white; text-align: center; font-weight: bold; padding: 0.5em;}
.botonGranate a {color: white;}
.botonAzul {background-color: #3399cc; color:white; text-align: center; font-weight: bold; padding: 0.5em;}
.botonAzul a {color: white;}
.botonNaranja {text-align: center; padding-bottom: 0.5em; background-color: #e78627; padding-left: 0.5em; padding-right: 0.5em; color: white; padding-top: 0.5em}
.botonNaranja a {color: white}
.botonNaranja a:hover {color: #08085c; font-weight: bold}
.botonAzulOsc {background-color: #08085c; color:white; text-align: center; font-weight: bold; padding: 0.5em;}
.botonAzulOsc a {color: white;}
.botonBlanco {background-color: white; color:black; text-align: left; font-weight: bold; padding-left: 0.4em; padding-right: 0.4em;}
.botonBlanco a {color: black;}

.fondoOcre {background-color: #b98f00; color: white; text-align: center;}
.fondoOcre a {color: white;}
.fondoOcre a:hover {font-weight: bold;}

.tituloNegro {color:black; font-size:1.3em; font-style:oblique; font-weight: bold;}
.tituloGranate {color:#7c0617; font-size:1.2em; font-style:oblique;}

/* JUVENTUD */
.juventudHeader {background-color: #fff; background-image: url(images/juventud/header_juventud.jpg); background-repeat: no-repeat; background-position: right bottom; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 70.5%; height: 15em;}

.juventudIntro {position: absolute; width: 29em; top:10.5em; right:1em; color:#7c7c7c; font-size:1.4em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 1.7em;}
.juventudIntro a {color: #981f37; text-decoration: underline; font-weight: bold; padding: 0.1em;}
.juventudIntro a:hover {background-color: #981f37; color: white;}
.juventudBarraEnlaces {position: absolute; width: 10em; top: 11em; right:3em;}

.juventudPie {text-align: center; padding-top: 0.5em; padding-bottom: 0.5em; border: 0.1em #787878 solid; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin-top: 1.5em;}
.juventudPie h4 {color: #981f37; font-size: 1.1em; font-weight: bold; margin: 0.3em 0;}
.juventudPie a {color: #981f37; text-decoration: underline; padding: 0.1em;}

.fondoEmpleoJ {background-color: #a2484b; background-image: url(images/juventud/fondo_empleo.jpg); background-repeat: no-repeat; background-position: bottom; min-height: 40em; clear: both;}
.fondoViviendaJ {background-color: #88c13b; background-image: url(images/juventud/fondo_vivienda.jpg); background-repeat: no-repeat; background-position: bottom; min-height: 40em; clear: both;}
.fondoCulturaJ {background-color: #3662a3; background-image: url(images/juventud/fondo_cultura.jpg); background-repeat: no-repeat; background-position: bottom; min-height: 40em; clear: both;}
.fondoEuropaJ {background-color: #463989; background-image: url(images/juventud/fondo_europa.jpg); background-repeat: no-repeat; background-position: bottom; min-height: 40em; clear: both;}
.fondoSexoJ {background-color: #d2e6f1; background-image: url(images/juventud/fondo_consultorio.jpg); background-repeat: no-repeat; background-position: bottom; min-height: 38em; clear: both;}
.fondoParticipaJ {background-color: #cfffff; background-image: url(images/juventud/fondo_participa.jpg); background-repeat: no-repeat; background-position: bottom left; min-height: 40em; clear: both;}
.fondoBarrioJ {background-color: #1463a0; background-image: url(images/juventud/fondo_barrio.jpg); background-repeat: no-repeat; background-position: bottom; min-height: 40em; clear: both;}
.fondoDescargasJ {background-color: #8194b2; background-image: url(images/juventud/fondo_descargas.jpg); background-repeat: no-repeat; background-position: bottom left; min-height: 40em; clear: both;}

.caja {font-size: 1.1em; color: white; padding: 1em; margin: 1em; vertical-align: top; text-align: justify; background-image: url(images/juventud/capa_trans.png); background-repeat: no-repeat;}
.caja img {border: 0.5em white solid; float: right; margin-left: 1.2em; margin-bottom: 1em;}
.cajaDerecha {font-size: 1.1em; color: white; padding: 0.8em 1em 1em 1em; margin: 1em 1.4em 1em 25em; vertical-align: top; text-align: justify; background-image: url(images/juventud/capa_trans.png); background-repeat: no-repeat;}

.enlaceVerde a {color: #649d18; text-decoration: underline; padding: 0.1em; font-weight: 700;}
.enlaceNaranja a {color: #e78627; text-decoration: underline; padding: 0.1em; font-weight: 700;}
.enlaceAzul a {color: #007bff; text-decoration: underline; padding: 0.1em; font-weight: 700;}
.enlaceAmarillo a {color: #cdcc32; padding: 0.1em; font-weight: 700;}
.enlaceRosa a {color: #be5d68; text-decoration: underline; padding: 0.1em; font-weight: 700;}
.enlaceNegro a {color: #515151;}
.enlaceAzulOsc a {color: #08085c; text-decoration: underline; padding: 0.1em; font-weight: 700;}
.enlaceRojo a {color: red; text-decoration: underline; padding: 0.1em; font-weight: 700;}
.enlaceMorado a {color: purple; text-decoration: underline; padding: 0.1em; font-weight: 700;}
.enlaceLila a {color: #e5dbf6; text-decoration: underline; padding: 0.1em; font-weight: 700;}
.enlaceNaranjaOsc a {color: #aa3700; text-decoration: underline; padding: 0.1em; font-weight: 700;}

.cuadroMenu {float: left; width: 9.8em; border-top: 0.2em white solid; border-bottom: 0.2em white solid; color: white; text-align: center; font-weight: bold;}
.cuadroMenu a {color: white;}
.cuadroSubmenu {float: left; border-bottom: 0.2em white solid; border-right: 0.2em white solid; color: white; text-align: center; font-weight: bold;}
.cuadroSubmenu a {color: white;}

.menuGris {background-color: #d8d8d8; float: left; width:7.7em !Important; width:7em; padding-top: 0.44em; padding-bottom: 0.44em; border-top: 0.2em white solid; border-bottom: 0.2em white solid; color: white; text-align: center; font-weight: bold;}
.menuGris a {color: white;}
.menuVerde {background-color: #558e13; padding-top: 0.44em; padding-bottom: 0.44em;}
.menuNaranj {background-color: #f66d11; padding-top: 0.44em; padding-bottom: 0.44em;}
.menuLila {background-color: #3c1341; padding-top: 0.44em; padding-bottom: 0.44em;}
.menuAzulMarino {background-color: #042860; padding-top: 0.44em; padding-bottom: 0.44em;}
.menuRosa {background-color: #d20f62; padding-top: 0.44em; padding-bottom: 0.44em;}
.menuGranate {background-color: #62050c; padding-top: 0.44em; padding-bottom: 0.44em;}
.menuAmarillo {background-color: #c1c427; padding-top: 0.44em; padding-bottom: 0.44em;}
.menuVerdeOsc {background-color: #194225; padding-top: 0.44em; padding-bottom: 0.44em;}

.listaBannerJ table a {color: black; font-weight: bold;}
.bannerJ {float: left; margin:0 1em 0.5em 0;}

/* Cooperación */
.coopMenu {float: left; width:11em; color: white; text-align: center; font-weight: bold;}
.coopMenu a {color: white;}
.fondoMostaza {background-color: #eed892; _background-color:#f5deb3; padding: 0.44em;}
.fondoMostaza a {color: white; font-weight: bold;}

.botonCoop {background-color: #737a8c; color:white; text-align: center; font-weight: bold; padding: 0.4em;}
.botonCoop a {color: white;}

.fondoGrisOsc {background-color: #737a8c; color:white; padding:0.5em;}
.fondoGrisOsc a {color:white;}
.fondoAzGrisaceo {background-color: #bdc8de; color:white; padding:0.3em;}
.fondoAzGrisaceo a {color:white;}
.fondoAzGrisaceo a:hover {color:black;}
.tituloGrisaceo {color:#737a8c; font-size:1.3em; font-weight: bold;}
.tGrisaceo {color: #737a8c; font-weight: bold;}
.tGrisaceo a {color: #737a8c;}

/* Deportes */
.menuFilasGrises {width: 11em; float: right; margin: 0.5em 0 0.5em 0.5em;}
.menuFilasGrises p {background-color: #d8d8d8; text-align: center; margin: 0.3em 0 0.3em 0.3em; padding: 0.28em 0 0.28em 0;}
.menuFilasGrises a {color: black;}
.menuFilasGrises a:hover {color: #08085c; font-weight: bold;}
.menuFilasGrises img {text-align: center; margin: 0.3em 0 0.3em 0.3em; padding: 0.28em 0 0.28em 0;}

/* Usado en OMPUV */
.menuFilasGrisesG {width: 15em; float: right; margin: 0.4em 0 0.4em 0.4em;}
.menuFilasGrisesG p {background-color: #d8d8d8; text-align: center; margin: 0.3em 0 0.3em 0.3em; padding: 0.28em 0 0.28em 0;}
.menuFilasGrisesG a {color: black;}
.menuFilasGrisesG a:hover {color: #08085c; font-weight: bold;}

/* Futurelx */
.menuVerdeMarino {text-align:right; background-color:#01836d; color: white; font-size: 1.2em; line-height:1.2em; padding: 0.35em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.menuVerdeMarino p {padding: 0.4em 0.4em 0.1em 0.4em; margin: 0;}
.menuVerdeMarino img {padding: 0; margin: -0.75em;}
.menuVerdeMarino a {color: white;}
.menuVerdeMarino a:hover {color: white; font-weight: bold;}

.tituloVerdeMarino {color:#01836d; font-size:1.3em; font-weight: bold;}
.tituloVerdeMarino a {color:#01836d; font-size:1.3em; font-weight: bold;}
.tituloVerdeMarino a:hover {background-color: #d8d8d8;}
.textoVerdeMarino {color:#01836d; font-weight: bold;}
.textoVerdeMarino a {color:#01836d; font-weight: bold;}
.textoVerdeMarino a:hover {background-color: #d8d8d8;}

.textoGranate {color:#7c0617; font-weight: bold;}
.textoGranate a {color:#7c0617; font-weight: bold;}
.enlaceFondoGris a {color: #515151;}
.enlaceFondoGris a:hover {background-color: #d8d8d8;}

/* Ocio */
.fondoLila {background-color:#e5dbf6; color:white; padding:0.2em;}
.fondoLila a {color:white;}

.fondoVerdeLuz {background-color: #90bd5b; padding-top: 0.4em; padding-bottom: 0.4em;}
.recuadroVerde {color: #90bd5b; font-weight: bold; border: 0.1em solid #9CD05F; text-align: center; padding-left: 0.4em; padding-right: 0.4em;}
.recuadroVerde a {color: #90bd5b;}
.recuadroGranate {background-color: white; color:#7c0617; border: 0.3em #7c0617 solid; padding-top: 0.5em; padding-bottom: 0.5em; text-align: center;}
.recuadroGranate a {color:#7c0617;}
.recuadroAzul {background-color: white; color:#3399cc; border: 0.3em #3399cc solid; padding-top: 0.5em; padding-bottom: 0.5em; text-align: center;}
.recuadroAzul a {color:#3399cc;}
.recuadroAzulOsc {background-color: white; color:#08085c; border: 0.3em #08085c solid; padding-top: 0.5em; padding-bottom: 0.5em; text-align: center;}
.recuadroAzulOsc a {color:#08085c;}

.boton {color:white; text-align: center; font-weight: bold; padding-left: 0.4em; padding-right: 0.4em;}
.boton a {color: white;}


/***********************/
/* ETIQUETAS GENERALES */
/***********************/

/* Links and paragraphs */
a {background:inherit; color: #0082ff; text-decoration:none;}
a img {border:0;}

/* Tables and forms */
input, textarea, select {font-size:1em; border:0.1em solid #cccccc; margin:0; padding:0;}
label {margin:0.2em;}
form {margin:0; padding:0;}

/* Estilos para el calendario */
.calendarBox {border: #004590 0.2em solid; background-color:#f2f5ff;}
.calendarHeader {font-weight:bold; color:#f2f5ff; background-color:#004590;}
.calendarFooter {background-color:#004590;}
.calendarWeekHeader {font-weight:bold; background-color:#dde6ff;}
.calendarWeekWeekend {font-weight:bold; white-space:nowrap; background-color:#b4caf1;}
.calendarWeekendCell {background-color:#b4caf1;}
.calendarButton {border: #0060a9 0.1em solid; font-weight:bold; color:#0066cc; background-color:#dde6ff;}
.calendarDisabledDay {color:gray;}


/* Various classes */
.announce h2 {margin:0 0 1em; padding:0;}
.textright {margin:-0.8em 0 0.3em; text-align:right;}
.center {text-align:center;}
.small {font-size:0.8em;}
.large {font-size:1.3em;}
.highlighted {background:#f0f0f0; border:0.1em solid #b0b0b0; color:#303030; padding:0.2em;}
.button {background:url(images/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:0.1em solid #d8d8d8; border-left:0.1em solid #ccc; border-right:0.1em solid #d8d8d8; border-top:0.1em solid #d8d8d8; color:#505050;}
.left {float:left; margin:1em 1em 0.44em 0;}
.right {float:right; margin:1em 0 0.44em 1em;}
.clear {clear: both;}


/***********************************************/
/* Utilidades */
/***********************************************/
.portal-utility-item {display:inline; position: absolute; right:10.5em; margin-top: 0.6em; width:12em; padding: 0 0.2em 0 0; border-right: solid black 0.1em; height: 1.5em;}
.portal-utility-item-name {float:left}

/***********************************************/
/* COMPONENTES DE LA INTERFAZ */
/***********************************************/

/* Componente: Decorador de los portlets */
/*#content .portal-decorator-title {border-bottom:1px solid #d8d8d8; font-size:1.8em; font-weight:400; letter-spacing:-1px; margin:8px 0 10px; padding:0;}*/
#content .portal-decorator-title {display:none;}
/***********************************************/

/***********************************************/
/* MODOS DE VISUALIZACIÓN DE CATEGORIAS */
/***********************************************/
/*   Modo de visualización: índice y actual */
/*#category.index ul {margin:0 0.44em 0 0;background: #ebeec3;}*/
#category.index ul {margin:0 0.44em 0 0;background: #eaeaea;}
/*#category.index ul li {border-bottom:0.1em dashed #b0b0b0; margin:0 0 0.15em 0; background: #ebeec3;}*/
#category.index ul li {border-bottom:0.1em dashed #b0b0b0; margin:0 0 0.15em 0; background: #eaeaea;}
#content-detail {}
#content-detail .title {border-left:0.2em solid #ccc; border-top:0.1em solid #d8d8d8; background-color: #f4f4f4; padding:0.15em;}

/*   Modo de visualización: listado (por defecto) */
#category.default .item {margin-bottom: 1em; border-top:0.1em solid #d8d8d8;}

/*   Modo de visualización: tabla*/
#category.table table.datatable {border:0.1em solid #d8d8d8; border-collapse:collapse; width:98%; margin:0 0 7em; padding:0;}
#category.table table.datatable th {background:url(images/menubg2.gif) repeat-x bottom left #eaeaea; color:#505050; padding:0.44em; text-align:left;}
#category.table table.datatable td {background:url(images/menubg.gif) repeat-x bottom left #f4f4f4; color:#303030; font-size:0.9em; text-align:left;}
#category.table  .description{background:url(images/menubg2.gif) repeat-x bottom left #eaeaea;font-size: 14px;font-weight: bold; padding: 0.25em 0.25em; text-align: center;}
/*   Modo de visualización: calendario */
#category .year-calendar table {margin: 0.25em; border: 0.1em solid #CFCFCF; border-collapse:collapse;}
#category .year-calendar table th {font-size: 0.8em; background-color: #abc16e; padding: 0.25em 0.25em; text-align: center;}
#category .year-calendar table td {font-size: 0.8em; background-color: #FFFFFF; padding: 0 0.25em 0 0.25em; border: 0.1em solid #DCDCDC;  text-align: center;}
#category .year-calendar a.dayWithContents,a:hover.dayWithContents,a:link.dayWithContents, a:visited.dayWithContents{ color: #0082FF; font-weight: normal; text-decoration:none;}
#category div.float-layer {float:left; font-size: 1.1em; background-color: #f4f4f4; border: 0.1em solid; border-color: #F6F9FF #525363 #525363 #F6F9FF; width: auto;}
#category div.float-layer p {background-color: #abc16e; font-weight: bold; text-align: center;  margin: 0;}
#category div.float-layer ul {list-style-type: none; margin: 0; padding:0;}
#category div.float-layer a {text-decoration:none; font-size: 0.8em; padding: 0.2em;}
#category div.float-layer a:hover {background-color: #d8d8d8; border: 0;}

/*   Modo de visualización: toc  */
#category.toc ul {list-style-image: url(images/locator-sep.gif); background: #ebeec3;}

/*   Modo de visualización: gallery */
#category.gallery .gallery-table {border-top: 0.1em dashed #b0b0b0; border-left: 0.1em dashed #b0b0b0;}
#category.gallery .item {padding: 0.3em; text-align: left; border-bottom: 0.1em dashed #b0b0b0; border-right: 0.1em dashed #b0b0b0;}
#category.gallery .item .title {text-align: center;}

/*   Myservices  */
#category.myservices ul {margin-top: 1.5em; list-style-image: url(images/myservice.gif);}
#category.myservices ul  li {border-bottom: 0.1em dashed #b0b0b0;}

/***********************************************/


/***********************************************/
/* COMPONENTES DE PRESENTACIÓN DE CONTENIDOS */
/***********************************************/
/* Componente: Caja de navegación en categoría */
#CategoryNavigationBox {float: right; width: 20em; font-size:0.8em; line-height:1.5em; margin: 0.2em 0 0 0; padding: 0.2em; border-top: 0.1em solid #b0b0b0; border-bottom: 0.1em solid #b0b0b0; background-color: #eaeaea;}
.ELCHE_PERFCONT #CategoryNavigationBox {float: right; width: 20em; font-size:0.8em; line-height:1.5em; margin: 0.2em 0 0 0; padding: 0.2em; border-top: 0.1em solid #b0b0b0; border-bottom: 0.1em solid #b0b0b0; background-color: #eaeaea;}
.PEFCONTRAT2 #CategoryNavigationBox {float: right; width: 20em; font-size:0.8em; line-height:1.5em; margin: 0.2em 0 0 0; padding: 0.2em; border-top: 0.1em solid #b0b0b0; border-bottom: 0.1em solid #b0b0b0; background-color: #eaeaea;}
.ELCHE_CONTRATANT #CategoryNavigationBox {background-color: #EAEAEA;border-bottom: 0.1em solid #B0B0B0;border-top: 0.1em solid #B0B0B0;float: right;font-size: 0.8em;line-height: 1.5em;margin: 0.2em 0 0;padding: 0.2em;width: 20em;}
#CategoryNavigationBox select {font-size:1em;}
#CategoryNavigationBox div {margin: 0.2em 0 0.2em 0;}
#CategoryNavigationBox ul.subcategories {margin:0; padding: 0.44em 0 0.44em 2em; border-bottom: 0.1em dashed #b0b0b0;}
#CategoryNavigationBox li.category {margin:0; padding: 0.15em 0 0.15em 0;}
#CategoryNavigationBox div.attributes-filter {margin:0; padding: 0.44em 0 0.44em 0.44em; border-bottom: 0.1em dashed #b0b0b0;}
#CategoryNavigationBox div.view-in-calendar-selector {margin:0; padding: 0.44em 0 0.44em 0.44em; border-bottom: 0.1em dashed #b0b0b0;}
#CategoryNavigationBox div.view-in-calendar-selector ul {margin:0; padding: 0.44em 0 0 1em;}
#CategoryNavigationBox div.view-in-calendar-selector ul li.calendar {list-style-image: url(../../images/calendar.gif);}

/*  Componente: Caja de atributos de categoría para un contenido */
.CategoryAttributesBox {float: right; width: 19em; background-color: #f4f4f4; padding: 0.5em; border-top: 0.1em solid #b0b0b0; border-bottom: 0.1em solid #b0b0b0; margin-left: 1em;}
.CategoryAttributesBox dd {font-weight: bold;}

/* Componente: Barra de herramientas de categoría */
#category-toolbar a img {border:0 solid #fff; margin:0.2em; padding:0; background:#fff;vertical-align: middle;}

/* Resultados de búsqueda */
#portal-search-results ul {list-style-image: url(images/locator-sep.gif);}
/***********************************************/


/***********************************************/
/* OTROS */
/***********************************************/
/* Estilos para la HOME */
#centro {width: 44em;}
#sidebar {border:0; padding: 0; float: right; margin-left: 0.2em; width: 14em;}
#sidebar .widget {background:url(images/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:0.1em solid #d8d8d8; border-left:2em solid #ccc; border-right:0.1em solid #d8d8d8; border-top:0.1em solid #d8d8d8; clear:left; color:#505050; line-height:1.3em; padding:0.44em 0.44em 0.44em; margin-bottom:0.44em;}
#sidebar p,.widget p {font-size:0.9em; margin: 0.1em;}
/***********************************************/