@import url('reset.css');
.test { /*Comprobar elementos poniendo borde */
	border: 1px solid red;
	}
.centrado {
	width: 1000px; 
	margin: 0 auto; 
	background: #f9f9f9 url('/img/background_march.gif') repeat-y; 
	}
.contenedor {
	width: 960px; 
	margin: 0 auto;  
	}
.resaltado {
	background-color: yellow;
	}	
.loading { /*Para etiquetas IMG a las que se les aplica la funcion precarga() */
	background: url('/img/loading.gif') center no-repeat;
	}
.clear {
	clear: both;
	}
.nofondo { /*Para quitar el fondo al primer elemento de una lista, por ej. */
	background: none!important;
	}
.cajainfo {/* Alinea al centro el texto de un contenido  */
	display: inline-block; 
	width: 100%; 
	text-align: center;
	} 	
.imgflotaleft, 
.textleft {
	float: left; 
	margin: 5px 10px 10px 0;
	}
.textleft p {
	margin-left: 35px;
	}
.imgflotaright, 
.textright {
	float: right; 
	margin: 5px 0 10px 10px 
	}
.textresumen {
	font-size: 11px; 
	margin-top: 2px;
	}
.prog_pdf {
	margin-top: 13px;
	}
.lineaencabezado {
	border-top: 1px solid #bbb; 	
	}
.enlacedest {
	background-color: #f6f6f6; 
	padding: 4px; 
	margin: 10px 0;
	}
.componentes {
	padding-left: 27px;
	margin-bottom: 10px;
	}
.datos_extra{
	margin: 10px 0;
	}
.datos_extra3 {
	margin-top: 20px
	}
.oculta_web, 
.oculto,
.sharehidden {/* Oculta elemento, siendo visible con navegador sin estilos */
	display: none
	}	
.linkext {
	background: url('/img/linkext.png') no-repeat right 2px; 
	padding-right: 15px; 
	}
.linkmail {
	background: url('/img/linkmail.png') no-repeat right 3px; 
	padding-right: 18px 
	}
.enviado {
	font: 14px Verdana, Geneva, sans-serif; 
	color: #C30; 
	}	
.compartirpie {
	float:right; 
	width:720px; 
	}
.anotacion {
	font: 11px Verdana,Geneva,sans-serif; 
	line-height: 14px; 
	} 
a.botonlink {
	background: url('/img/seleccionado2.gif') no-repeat; 
	height: 25px; 
	display: inline-block; 
	width: 160px; 
	padding-top: 3px;
	}	
.direccion {
	width: 240px; 
	margin-right: 10px 
	}
.menuenlace {
	margin: 30px 20px 10px 20px;
	}
.menuenlace a {
	display: block; 
	background-position: 1px 4px 
	}
.marches {
	margin: 1px 0 0 5px; 
	display: inline-block; 
	float: left 
	}
.flotaleft {
	float: left 
	}
.colormusica {
	background-color: #B2C3C6 
	}
.colorconferencias {
	background-color: #C2B5C3 
	}
.asteriscotitulo {
	font-size: 20px; 
	padding-top: 0;
	display: inline-block;
	}	
.propuimpresion ul {
	border-top: 1px solid #dfdfdf; 
	padding-top: 4px
	}
.propuimpresion ul:first-child {
	border-top: 1px solid #fff; 
	padding-top: 0
	}
.videolink {
	background: url('/img/video.gif') no-repeat; 
	padding-left: 23px
	}
.escuchalink {
	background: url('/img/Voz_conferencias.gif') no-repeat 0 2px; 
	padding-left: 15px
	}
.subformato { 
	font: 18px "Times New Roman", Times, serif;
	margin-top: 4px
	}
.centrarbloque {
	margin: 0 auto
	}	
	
.menubanner {/* anuncios en los menus con una caja gris */
	border: 1px solid #dfdfdf; 
	margin: 2px; 
	padding: 5px 0 5px 18px
	}
	.menubanner a {
		display: block; 
		vertical-align: center; 
		}	
.lineahancha {
	width: 100%; 
	height: 1px; 
	background-color: #dfdfdf;
	}	
/** PAGINACIÓN **/		  
.paginaprgm {
	margin: 15px auto 20px  auto; 
	}
.paginaprgm ul {
	text-align: center;
	} 
.paginaprgm .anteriorpag {
	display: inline; 
	width: 90px; 
	margin-right: 10px 
	}
.paginaprgm .sigientepag {
	display: inline;
	width: 90px; 
	text-align: left;
	margin-left: 10px;
	}
.paginaprgm .totalpag {
	text-align:left; 
	width:60px; 
	}
	.paginaprgm .totalpag a {
		margin-left:10px; 
		}  
.paginaprgm .numpag {
	text-align: center; 
	width: 15px;
	margin-right: 10px
	}
.paginaprgm .actualpag {
	text-align: center; 
	width: 18px; 
	background-color: #008390; 
	color: #fff!important; 
	display: inline-block
	}
.paginaprgm ul li {
	display: inline  
	}
/** MENU COMUN **/	
.formatosmusic {
	margin-top: 35px; 
	color: #fff; 
	padding: 0; 
	font-size: 10px; 
	font-weight: bold;
	}
.formatosmusic + .formatosmusic  {
	margin-top: 5px!important; 
	}
li.formatosmusic { border-bottom: none!important}
		
.botonmenumusica {
	background: #f2f2ea url("/img/enlacemenu.png") no-repeat right
	}
.botonmenumusica:hover {
	/*background-color: #99a367; */
	background-color: #bec6b2 ; 
	color: #000!important
	}	
#conciertoscelebrados #menuppal ul,	
#musica #menuppal ul  {
	margin-top:0
	}	

/** INDEX **/
#cine_mudo,
#conversaciones {
	background-color: #ebebeb; 
	padding-bottom: 10px
	}
#cineMudoVideo {
	background-color:#000; 
	}
#cine_mudo .cineimg,
#cab1 {
	float: left;
	}	
#cine_mudo p,
#conversaciones p {
	margin: 10px 10px 0 10px; 
	}
#canal_videos {
	background-color: #ebebeb;
	padding-bottom: 5px;
	margin-top: 10px;
	}	
#canal_videos p {
	margin-top: 5px;
	float: left; 
	display: inline;
	width: 180px
	}
#canal_videos a:first-child {
	float: none; 
	margin: 0; 
	} 
#canal_videos a {
	float: left;
	margin: 5px 10px 0px 5px;
	}
#canal_videos p a {
	margin: 0; 
	}
.trespropu {
	background: url('/img/3columnas.gif') repeat-y; 
	margin-top: 10px;
	}		
.trespropu:first-child {
	background: url('/img/3columnas.gif') repeat-y; 
	margin-top: 0 
	}		
/****************** Textos generales ******************/
body{
	font: 12px/16px Verdana, Geneva, sans-serif;
	color:#151515;
	background-color:#f9f9f9 
	}
a {
	color:#888; 
	text-decoration:none; 
	}
a:hover {
	text-decoration:underline; 
	}
h1, 
h2, 
h3, 
h5 {
	font-family:Times New Roman, Times, serif; 
	font-weight:normal; 
	}
h6 {
	font:15px Arial, Helvetica, sans-serif; 
	color:#000; 
	font-weight:bold; 
	display:block; 
	margin:10px 0
	}	
h1 a, 
h2 a {
	text-decoration: none!important; 
	}
h1, 
h1 a {
	font-size:30px;  
	line-height:30px;  
	color:#008895;
	margin-bottom:4px; 
	}
h1.nombreconcierto,	
#ppal h1 a, 
#ppal h1 a:hover {
	color: #151515; 
	}
h2, 
h2 a {
	font-size:24px; 
	line-height:24px; 
	color:#008895; 
	}
#subseccion h3 {
	font-size:30px;
	line-height:30px;
	color:#008895;	
	}
#subseccion h3 a { 
	text-decoration:none; 
	color:#008895
	}	
h3 {
	font-size: 22px;
	line-height: 22px;
	color: #008895;	
	}	
h4{
	font: normal 18px/18px Arial, Helvetica, sans-serif;
	color: #c75025;
	margin-bottom: 8px;
	}
#palma h4, 
#cuenca h4 {
	color:#000 
	}
h5{
	font-size:18px;
	line-height:18px;
	color:#555;
	margin-bottom:15px;
	margin-top:30px;
	border-top:1px #bbb solid;
	padding-top:1px;
	text-transform:uppercase;
}
#subseccion .enlace_gris a, 
#subseccion .enlace_gris a:hover {
	color:#555; 
	font-size:12px 
	}
#subseccion .enlace_gris2 a, 
#subseccion .enlace_gris2 a:hover {
	color:#888; 
	font-size:12px 
	}
#ppal a.pdf, 
#ppal a:hover.pdf {
	color:#888; display: inline
	}
.compositores {
	margin-top:3px;
	border-top: 1px #ebebeb solid;
	}
.titulo{
	margin: 10px 0 5px 0;
	}
.subtitulo_rojo{
	font-size: 14px;
	font-weight: bold;
	color: #c75025;
	margin-bottom:10px;
	line-height:18px;
	}
.subtitulo_negro{
	font-size: 14px;
	color: #000;
	margin-bottom:10px;
	line-height:18px;
	font-weight:bold;
	}
.verde2, .autores {
	line-height:16px; 
	font-size:14px
	}
.conver_mayusculas{
	text-transform: uppercase
	}
.piefoto {/* Damos formato a los pie de fotos con esta clase */
	text-align:left; 
	color:#555; 
	line-height:14px; 
	font-size:11px;
	margin-bottom:10px;
	}
.piefoto img {
	margin-bottom:8px; 
	}	
.piefototablas 	{
	text-align: left; 
	color: #555; 
	line-height: 14px; 
	font-size: 11px;
	margin: 10px 0 20px 0;
	}
.fondodatos {
	background-color: #f6f6f6;
	padding: 15px; 
	clear: left;
	}
.elemento, .elemento_sinfondo{
	margin-bottom: 20px;
	border-bottom: 1px solid #dcdcdc;
	}
.elemento_sinfondo {
	padding-bottom: 10px 
	}
.fondodatos p, 
.fondodatos strong, 
.elemento strong {
	margin-bottom: 10px 
	}
.fondodatos strong {
	display: block 
	}
.elemento_sinlinea {
	margin-bottom: 25px
	}
.pdf a {
	background: url('/img/pdf2.gif') no-repeat 0px 2px;
	padding-left: 20px;
	min-height: 16px; 
	display: inline-block;
	color: #999;
	font-size: 11px;
	text-decoration: none;
	}
.pdf a:hover {
	background-image: url('/img/pdf2.gif');
	text-decoration: underline
	}	
.pdf {
	background: url('/img/pdf2.gif') no-repeat 0px 1px;
	padding-left: 20px;
	display: inline-block;
	color: #000;
	font-size: 12px;
	text-decoration: none;
	height: 16px;
	}
.pdf:hover {
	background-image: url('/img/pdf2.gif');
	color: #fff;
	}
/******* ANUALES (Informacion anales / Publicaciones revistas)  *******/	
.estilo_anual ul {
	float: left; 
	list-style-type: square;
	width: 310px; 
	line-height: 20px;
	}
.estilo_anual ul ul {
	float: none
	}
.estilo_anual strong {
	display: block; 
	margin: 15px 0 0 0;
	}
.tituralesmemo {
	background-color: #fff; 
	padding: 10px 0 30px 20px; 
	margin-left: 10px
	}	
#selectmemoria {
	text-align: center
	}
#selectmemoria	select {
	display: block;
	 margin: 0 auto; 
	 width: 85px; 
	 margin-bottom: 5px
	 }
#selectmemoria	input {
	display: block; 
	margin-left: 43px
	}	
.estilo_anual {
	float: left; 
	width:520px; 
	}
.estilo_anual .cajaimg {
	position: relative; 
	float: left; 
	width: 182px; 
	height: 260px; 
	margin-right: 25px;
	text-align:right
	}
.estilo_anual .cajaimg .imganales {
	position: absolute; 
	top: 1px; 
	right: 1px; 
	z-index: 0; 
	border: 1px solid #bbb; 
	padding: 2px
	}	
.estilo_anual .cajaimg .pdfmemo {
	position: absolute; 
	top: 240px; 
	left: 160px; 
	z-index: 1; 
	width: 14px; 
	height: 14px; 
	border: none;
	}	
.estilo_anual .cajaimg a.indicepdf {
	position: absolute; 
	z-index: 3; 
	top: 260px; 
	left: 0px;
	font-size: 90%; 
	color: #888!important; 
	font-style: italic
	}	
/* Estilos a utilizar en listados de conciertos, conferencias, videos */
.listaformato, .listaformato a{
	color:#555!important;
	font-weight:bold;
	display:block;
	margin-bottom:5px;
	}
.listaparticipante {
	color: #555;
	text-decoration: underline;
	display: block;
	margin-bottom: 5px;
	}
.listatitulo {
	line-height: 15px; 
	margin-bottom: 5px; 
	display:block; 
	text-decoration:none
	}
.listafecha {
	text-transform: uppercase; 
	font-size: 10px;
	line-height: 12px;
	margin-bottom: 5px; 
	display: block; 
	}
.listaobras {
	color: #888;
	font-size: 12px;
	line-height: 15px;
	display: block;
	margin-bottom: 5px;
	}
#ceacs .letrasconfe {
	width: 350px; 
	float: left; 
	margin: 10px 0;
	}	
#conferencias .letrasconfe {
	width: 700px; 
	float: left; 
	margin: 10px 0;
	}
#musica .letrasconfe a, 
#ceacs .letrasconfe a, 
#conferencias .letrasconfe a {
	float: left; 
	padding: 2px; 
	width: 21px; 
	height: 21px; 
	background-color: #eee; 
	text-align: center; 
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}
#musica .letrasconfe a:hover, 
#ceacs .letrasconfe a:hover, 
#conferencias .letrasconfe a:hover {
	float:left; 
	padding:2px; 
	background-color:#fff; 
	color:#000
	}
#musica .letra,	
#conferencias .letra {
	margin: 10px 0; 
	display: block; 
	font: bold 48px Arial, Helvetica, sans-serif; 
	text-transform: uppercase; 
	text-align: left; 
	}
#conferencias .letramateria {
	margin: 10px 0; 
	display: block; 
	font: bold 24px Arial, Helvetica, sans-serif; 
	text-align: left; 
	}	
p.sinsangre {/* Elimina el sangrado de los parrafos */
	text-indent: 0!important; 
	margin-bottom: 10px
	} 
.pieautor{
	float: right;
	font-style: italic;
	margin-top: 10px;
	font-size: 12px;
}
/*Quitar la sangría en párrafos seguidos*/	
#ppal p + p, 
.ppal p + p {
	text-indent:27px; 
	}
#ppal .bloque p + p, 
.ppal .bloque p + p {
	text-indent:0px 
	}
.rolltext a {
	font: 22px/24px "Times New Roman", Times, serif;
	color: #151515;
	}
.fecha, 
.cabecera, 
.menusup, 
.desplegable {
	font-family: Arial, Helvetica, sans-serif;
	}
.fecha {
	font-size: 16px;
	line-height: 18px;
	color: #555;
	}
.cabecera, .cabecera a {
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	color: #c75025;
	}
#menusec .cabecera a:hover,		
#profundidad a:hover,	
a.cabecera,
.indep a,
.anuncio a:hover, 
.cuenca a:hover, 
.palma a:hover, 
.madrid a:hover,
#navmenu a:hover,	
.catalogo_img {
	text-decoration:none; 
	}			
.colorcabeceras {
	color:#000;
	}
.menu {
	font-size:12px;
	line-height:16px;
	}
.menusup {
	font-weight:bold;
	font-size:14px;
	color:#fff;
	}
.desplegable {
	font-size:12px;
	line-height:18px;
	color:#555;
	}
.titarticulo { 
	line-height:14px; 
	margin:5px 0;
	display:block;
	font-weight:bold;
	}
.listacabecera {
	font-weight:bold;
	}
.encabcol2 {
	font-size: 18px;
	line-height: 18px;
	color: #555;
	display: block;
	border-top: 1px #bbb solid;
	padding-top: 1px;
	}
.encabcol2 a {
	font: 18px Times New Roman,Times,serif!important;
	}	
.encabcol3 {
	font-size: 18px;
	line-height: 18px;
	color: #555;
	display: block;
	border-top: 1px #bbb solid;
	padding-top: 1px;
	width: 570px
	}
.encabezado {
	display:block;
	border-top:1px #bbb solid;
	padding-top:1px;
	}	
.nota {
	margin-top:25px;
	font:11px Verdana, Geneva, sans-serif;
	}	
.iconotext {
	background: url('/img/txt.gif') no-repeat left 2px; 
	padding-left: 15px; 
	margin-top: 5px; 
	display: inline-block;
	}
/** Estilos para las TABLAS Comunes **/
#conciertoscelebrados table, 
#crib table, 
#bibliotecas table, 
#expoanteriores table, 
#ceacs table, 
#arte table, 
#publicaciones table, 
#ceacspublica table {
	color:#000;
	}
#conciertoscelebrados .toptabla, 
#crib .toptabla,
#bibliotecas .toptabla, 
#expoanteriores .toptabla, 
#ceacs .toptabla, 
#arte .toptabla,
#publicaciones .toptabla, 
#ceacspublica .toptabla {
	background-color: #a4b5b9; 
	text-align: center; 
	height: 23px; 
	padding: 2px 0;
	}
#conciertoscelebrados table th {
	border: 1px solid #fff; 
	color: #fff!important;
	}
	
/*#ceacs table th,	
#publicaciones table th,
#ceacspublica table th,*/	
#crib table th, 
#bibliotecas table th,	
#expoanteriores table th, 
#arte table th {
	border: 1px solid #fff
	}
	
/*#ceacs .toptabla, 
#ceacs a.toptabla,	
#publicaciones .toptabla,
#publicaciones a.toptabla,
#ceacspublica .toptabla,
#ceacspublica a.toptabla,*/	
#conciertoscelebrados .toptabla, 
#crib .toptabla, 
#crib .toptabla a, 
#bibliotecas .toptabla, 
#bibliotecas .toptabla a, 
#expoanteriores .toptabla, 
#expoanteriores .toptabla a, 
#arte .toptabla,
#arte a.toptabla {
	color: #fff;
	font: bold 12px Verdana,Geneva,sans-serif;
	text-decoration: none; 
	border-top: 1px solid #a4b5b9;
	/*border: 1px solid red;*/
	}
/*#ceacs .thesqizq,	
#publicaciones .thesqizq,
#ceacspublica .thesqizq,*/
#crib .thesqizq,
#bibliotecas .thesqizq,
#expoanteriores .thesqizq,
#arte .thesqizq {
	border-left: 1px solid #a4b5b9 
	}	
/*#ceacs .thesqder,	
#publicaciones .thesqder,
#ceacspublica .thesqder,*/
#crib .thesqder,
#bibliotecas .thesqder,
#expoanteriores .thesqder,
#arte .thesqder {
	border-right: 1px solid #a4b5b9
	}
#ceacs .id,	
#ceacspublica .id,		
#crib .id,
#bibliotecas .id,
#expoanteriores .id,
#arte .id {
	border-right: 1px solid #a4b5b9;
	border-left: 1px solid #a4b5b9;
	border-bottom: 1px solid #dfdfdf; 
	padding: 2px 10px;
	vertical-align: top;
	text-align: right;
	}
#ceacs .tdtitulo,	
#ceacspublica .tdtitulo,	
#ceacs .autor,	
#ceacspublica .autor,	
#conciertoscelebrados .tdtitulo,
#crib .tdtitulo,
#bibliotecas .tdtitulo,
#expoanteriores .tdtitulo,
#arte .tdtitulo,
#contemporanea .autor,
#crib .autor,
#bibliotecas .autor,
#expoanteriores .autor,
#arte .autor {
	border-right: 1px solid #a4b5b9;
	border-bottom: 1px solid #dfdfdf; 
	padding: 2px 10px;
	vertical-align: top;
	}
#conciertoscelebrados .year,
#crib .year,
#bibliotecas .year,
#ceacs .year,
#arte .year,
#ceacspublica .year{
	border-right: 1px solid #a4b5b9;
	border-bottom: 1px solid #dfdfdf!important; 
	padding: 2px 10px;
	vertical-align: top; 
	text-align: center;
	}
#ceacspublica .textob a,
#ceacspublica .textob {
	padding:0; 
	}
#informacion th {
	background-color: #bec6b2; 
	text-align: center; 
	height: 23px;
	padding: 2px 0;
	vertical-align: middle;
	}
#informacion .toptabla,
#informacion a.toptabla {
	color: #FFF;
	font: 12px Verdana,Geneva,sans-serif;
	font-weight: bold;
	text-decoration: none; 
	border-top: 1px solid #bec6b2;
	}
#informacion .toptabla {
	border-left: 1px solid #fff;
	}
#informacion .thesqizq {
	border-left: 1px solid #bec6b2 
	}	
#informacion .thesqder {
	border-right: 1px solid #bec6b2 
	}	
#conciertoscelebrados .id,
#informacion .id {
	border-right: 1px solid #bec6b2;
	border-left: 1px solid #bec6b2;
	border-bottom: 1px solid #dfdfdf; 
	padding: 2px 10px;
	vertical-align: middle;
	text-align: center;
	}

#informacion .generic {
	border-right: 1px solid #bec6b2;
	border-bottom: 1px solid #dfdfdf; 
	padding: 2px 25px;
	vertical-align: middle;
	}
/************************************************ Formularios */
/********************************************* SUSCRIPCION  **/	
#contactar #formsuscripcion input,
#informacion #formsuscripcion input	{
	margin-bottom: 5px	
	}
#contactar #formsuscripcion form,
#informacion #formsuscripcion form {
	width: 550px	
	}
#contactar #formsuscripcion .formulario,
#informacion #formsuscripcion .formulario {
	margin: 10px 0;
	}
#contactar #formsuscripcion .formulario label,
#informacion #formsuscripcion .formulario label {
	width: 80px; 
	display: inline-block; 
	margin-right: 1px
	}
#informacion #formsuscripcion .colcheck {
	width: 245px; 
	float: left; 
	margin: 10px 0 20px 8px
	}
#informacion #formsuscripcion .colcheck .margen {
	margin-left:30px;
	}
#contactar #formsuscripcion .formpubli {
	width:425px
	}	
#contactar #formsuscripcion .centrado,
#informacion #formsuscripcion .centrado {
	width:280px; 
	}
#contactar .recibirinfo {
	float:left;
	width:370px
	}
.gracias {
	text-align:center; 
	padding:80px 0;
	}
.formsus {
	width:350px;
	margin-left:90px
	}	
/******************* Font-family del body *************************/
.menuinf {
	font-size: 11px; 
	color: #555;
	}
.superior {
	font-size: 11px; 
	color: #fff;
	}
.contacto {
	font-size: 11px;
	line-height: 16px;
	color: #888;
	}
#profundidad {
	margin: 5px 10px 0 20px;
	padding-bottom: 5px;
	font-size: 10px;
	color: #888;
	text-transform: uppercase;
	background: #fff; 
	}
#menuppal {
	width: 210px; 
	float:left;
	}
#menuppal h1,
#menuppal h2,
#menuppal h3 {
	margin-left: 20px 
	}
/* menu izquierdo */
#menuppal ul {
	margin-top: 35px 
	}
#menuppal ul li {
	background: url('/img/enlacemenu.png') no-repeat right 12px;
	border-bottom: 1px solid #dfdfdf; 
	font: 12px Arial, Helvetica, sans-serif;
	}
#menuppal ul li:first-child	{
	border-top: 1px solid #dfdfdf;
	}
#menuppal ul li:hover {
	background-color: #f2f2ea;
	color: #151515;
	}
#menuppal ul li a {
	color:#000;
	display:inline-block;
	text-decoration:none;
	padding: 8px 20px 8px 20px;
	width:170px;
	}
.nuevo,
#menuppal ul li kbd {
	margin: 0; 
	display: inline; 
	background: url('/img/nuevo.png') no-repeat right 4px; 
	padding-right: 42px; 
	font-family: Arial,Helvetica,sans-serif;
	}
#menuppal ul li a:hover {
	color:#151515; 
	}
#menuppal ul li span {
	background:#f2f2ea url('/img/enlacemenu.png') no-repeat right 12px;
	color:#000;
	display:inline-block;
	text-decoration:none;
	padding: 8px 20px 8px 20px;
	width:170px;
	}
#menuppal a.selecprof  {
	 background-color:#f2f2ea;
	 color:#151515!important; 
	 background:#f2f2ea url('/img/enlacemenu.png') no-repeat right 12px;  
	 }
/**************************************** Menu izquierdo con formatos */
#musica #menuppal ul li  {
	padding-left: 20px; 
	background-image: none; 
	font-weight: bold;
	}
#musica #menuppal ul li:hover {
	color:#fff
	}
#musica #menuppal ul li ul li {
	margin-left:-20px!important; 
	font-weight: normal
	}
#musica #menuppal ul li ul li a {
	margin-left: -20px
	}
#menuppal .formatosmusic {
	background-color: #008895!important;
	}	
#musica #menuppal .formatosmusic + .formatosmusic {
	margin-top:0; 
	background-color: #1F6166!important;
	}
#musica #menuppal .formatosmusic + .formatosmusic ul li  {
	background-color: #fff!important; 
	background: url("/img/enlacemenu.png") no-repeat scroll right 12px transparent;
	}
#musica #menuppal .formatosmusic + .formatosmusic ul li:hover {
	background-color: #f2f2ea!important
	}
#musica #menuppal ul li span {
	margin-left:-20px
	}
/**************************************************** Menu especial de musica y biblioteca */
#menuppalesp p { 
	margin-top: 35px; 
	padding: 4px 0 4px 20px; 
	font-weight: normal; 
	border-top: 1px solid #dfdfd8; 
	font-family: Arial,Helvetica,sans-serif;
	}
#menuppalesp ul { 
	margin-top: 0
	}
#menuppalesp li.liesp {  
	padding-left: 15px; 
	background-color: #f8f8f4; 
	border-top: 1px solid #dfdfd8;
	}
#menuppalesp li.liesp span {  
	padding-left:35px; 
	background-color:#f8f8f4; 
	margin-left:-15px; 
	width:155px;
	background-color:#bec6b2	
	}
/****************************************************** FIN Menu especial de musica y biblioteca */
#menusec {
	width:170px;
	float:right;
	}
#menusec .cabecera {
	padding:15px 20px; 
	display:block;
	}
#menusec ul li a {
	display: inline-block;
	width: 128px;
	color: #000; 
	text-decoration: none; 
	padding: 8px 21px;
	}
#menusec ul li a:hover {
	color: #fff; 
	background: #bec6b2 url('/img/enlace3.png') 7px 12px no-repeat;
	width: 128px;
	}
#menusec ul li{
	background: url('/img/enlace3.png') 7px 12px no-repeat;
	padding: 0;
	cursor: pointer;
	font: 12px Arial, Helvetica, sans-serif;
	}
#menusec ul li:hover {
	background-color: #bec6b2; 
	}
#menusec ul li.seleccionado {
	background-color: #bec6b2; 
	color: #000; 
	padding: 8px 20px;
	}
#menusec ul li.seleccionado:hover {
	background-color:#bec6b2; 
	color:#000; 
	cursor:auto 
	}
#menusec ul li span {
	width:125px; 
	}	
#subseccion #ppal  {
	width: 520px; 
	margin: 0 20px 0 30px; 
	float: left; 
	line-height:18px;
	}
#subseccion #ppalestrecho {
	width: 425px; 
	margin: 0 20px 0 30px; 
	float: left; 
	line-height: 18px;
	}	
#musicas #ppal {
	width: 413px; 
	margin: 0 30px 0 30px; 
	float: left; 
	line-height :18px;
	}
#ppal h2 {
	margin-top:5px; 
	}
#contppal, #subseccion #contppal {
	float: left; 
	background: url('/img/fondomenusec.gif') repeat-y; 
	width:750px; 
	}	
#contppalsin {
	float: right; 
	background: none; 
	width: 747px;
	}	
.espacio {
	height:100px; 
	background:#fff;
	}
.espacio2{
	height:133px; 
	background:#fff;
	}
.imgppal {
	float:left; 
	margin-bottom:20px;
	}
.indep {
	font-size:11px;
	line-height:14px;
	color:#888;
	}
.propuestas {
	font-size:12px;
	line-height:16px;
	color:#555;
	}
.propuCaja {
	margin-top:5px; 
	display:block; 
	padding-right: 5px
	}
.sinenlace {
	color: #151515; 
	padding-left: 12px; 
	text-decoration: none;
	}
.enlace {
	color:#888!important; /* Forzamos que el color sea el especificado sin que herede de body a */
	background: url('/img/enlace.png') no-repeat left 3px;
	padding-left:12px; 
	cursor:pointer; 
	text-decoration:none;
	}
.enlacecol {
	color:#888!important; /* Forzamos que el color sea el especificado sin que herede de body a */
	background: url('/img/enlace.png') no-repeat left 5px;
	padding-left:12px; 
	cursor:pointer; 
	text-decoration:none
	}
.enlaceplay {	
	color: #888!important; /* Forzamos que el color sea el especificado sin que herede de body a */
	background: url('/img/play.png') no-repeat left 3px;
	padding: 6px 0 7px 30px; 
	cursor: pointer; 
	text-decoration: none;
	margin-top: 5px; 
	display: block;
	}	
.enlace:hover, 
.secund a:hover {
	text-decoration: underline!important /* Forzamos a que se subrayen */	
	}
.enlace2 {
	color: #888!important; /* Forzamos que el color sea el especificado sin que herede de body a */
	background: url('/img/enlace2_volver.png') 2px no-repeat;
	padding-left: 13px;
	cursor: pointer; 
	text-decoration: none
	}
.enlace2:hover {
	text-decoration: underline!important /* Forzamos a que se subrayen */ 
	}
.secund, .secund a {
	font-size: 11px;
	color: #555;
	}
.resalt {
	color: #c75025; 
	}
.ppal a,
#ppal a {
	color: #008895 
	}
.ppal a:hover, 
#ppal a:hover { 
	text-decoration: underline; 
	color: #008895
	}
/********************************** Cabecera Titulares */	
#titulares {
	background-color: #fff; 
	padding: 0 0 20px 30px;
	width: 520px;
	float: left; 
	margin-left: 3px
	}
#titulares #cartel {
	float:right; 
	width:165px;
	}	
/**************************** Fin Cabecera Titulares */
.anuncio {
	width: 170px;
	border-top: 5px #bec6b2 solid;
	float: left;
	margin-right: 30px;	
}
.anuncio a {
	color:#555;
	}
.cuenca span a, 
.palma span a, 
.madrid span a {
	color:#555; 
	}
.anuncio img, 
.cuenca img, 
.palma img, 
.madrid img {
	margin:8px 0 5px 0;
	}
.cuenca, 
.madrid {
	width:130px;
	float:left;
	margin-right:20px 
	}
.palma {
	width:130px;
	float:left; 
	}
.madrid {
	border-top:5px #5ab8b9 solid; 
	}
.cuenca {
	border-top:5px #b1b3b4 solid;
	}
.palma {
	border-top:5px #ab9456 solid;
	}
/* Caja de datos  */
.datos {
	border-top: 1px #bbb solid;
	background-color: #f6f6f6; 
	}
.datos p + p { 
	text-indent:0px; 
	margin:4px 0;
	}
.datos .escuchar {
	background:#F6F6F6 url('/img/altavoz01.png') no-repeat top left;
	padding-left:30px; 
	width:90px; 
	display:block;
	}
.datos a:hover,		
.datos a {
	color:#555!important; 
	}	
.datos .pdfdatos {
	background:#F6F6F6 url('/img/pdf.gif') no-repeat 10px 3px;
	padding-left:30px; 
	width:90px; 
	display:block; 
	margin-top:10px;	 
	}
.datos .pdfdatos:hover {
	background:#F6F6F6 url('/img/pdf2.gif') no-repeat 10px 3px; 
	}	
.datos .sinaudio  {
	margin:10px 0 0 0;
	display:block; 
	width:110px
	}
.datos.textodatos.datoscuadro {
	position: relative; 
	margin-left:23px;
	}
.datos.textodatos.datoscuadro:before {
	border: 1px solid #fff;
	content: "";
	left: -22px; /* width + 2 */
	margin: 0;
	padding: 0;
	position: absolute;
	top: -1px;
	width: 20px; /* el margen que se desea */  
	background-color:#fff; 
	height:81px
	}		
.datoscuadro {
	width:120px; 
	float:right;
	margin: 0 0 20px 20px;
	border-top:1px #bbb solid;
	padding:20px 20px 20px 0;
	background-color:#f6f6f6; 
	padding-left:20px
	}
.textodatos {
	font-size:11px;
	line-height:14px;
	color:#555;
	}
.datos h4,	
.datos .quote {margin:10px}	
.menudatosciclo {
	 border-top: 1px solid #bbb; 
	 padding: 10px 10px 10px 0; 
	 margin: 9px 20px 10px 20px;
	 font-size: 11px;
	 line-height: 14px 
	}
.menudatosciclo a {
	color: #555;
	}	
.menudatosciclo2 {
	 border-top: 1px solid #bbb; 
	 padding: 0 0 15px 0; 
	 margin: 8px 20px 10px 20px;
	 font-size: 11px;
	 line-height: 14px; 
	 /*border:1px solid green ; */
	 display: block
	}
.menudatosciclo2 a {
	color: #555;
	}			
.menudatosciclo2 a:hover {
	color: #555; 
	text-decoration: none
	}
.menudatosciclo2 .pdf {
	font-size: 11px
	}	
.otras {
	margin: 10px; 
	border-top: 1px solid #ccc; 
	padding: 10px
	}
#menusec .otras ul li {
	background: none; 
	margin: 10px 0;
	}
#menusec .otras ul li a {
	padding: 0 10px 0 12px; 
	display:inline; 
	color: #555!important
	}
#menusec .otras ul li a:hover {
	background: #f6f6f6 url('/img/enlace.png') no-repeat 0 3px;
	}
.menudatosprocede {
	font-size:90%; 
	padding:10px
	}			
/**************************************/
#home h1{
	font-size:24px;
	line-height:24px;
	color:#008895;	
	}
#home h2 {
	margin-bottom:13px;
	}
#musicas h3 {
	margin:10px 0 15px 0;
	}
#musicas #menusec h3 {
	margin-bottom:5px;
	}
.contenido {
	background: url('/img/fondocolizq.gif') repeat-y;
	}
#home .contenido {
	background: url('/img/fondohome.gif') repeat-y;
	}
/****************** Clases generales ******************/
#cab {
	height:80px;
	background:#00717a url('/img/fondocab.gif') repeat-x;
}
#cab2 {
	float:right;
	}
#logo {
	margin:20px 20px auto 20px;
	}
#enlacesup {
	margin: 7px 20px auto auto;
	float: right;
	font-size: 11px;
	color: #b3dbdf;
	}
#enlacesup a:first-child {
	color:#b3dbdf; 
	margin-right: 5px
	}
#enlacesup a {
	color:#b3dbdf; 
	margin-left: 5px
	}	
/** BUSCADOR **/
#buscar {
	margin: 20px 20px auto auto;
	float:right; 
	max-height:25px; 
	width:295px!important; 
	}
#buscarbot, #cabecera1_buscarbot {
	float: right!important;
	}
.buscartext, 
.buscartext_default {
	width:200px;
	height:16px; 
	border:none;
	float:right!important;
	padding:4px 0 0 4px;
	color: #fff;
	background: #00717a url('/img/fondocaja_01.gif') left top repeat-y; 
	font: 12px Verdana, Geneva, sans-serif;
	}
.buscartext_default {
	color: #80b8bd; 
	}
/** FIN BUSCADOR **/
#homeppal {
	width:610px;
	padding-top:22px;
	margin-left:20px;
	float:left;
	}
#secund {
	width:290px;
	margin:34px 20px 0 20px;
	float:left;
	}
/** Caja RollOver de Propuestas **/
#propuestas {
	margin-top: 8px;
	height: 300px;
	background:url("/img/fondorollmenu1-sombra.gif") no-repeat 364px bottom;
	}
#rollover {
	width:400px;
	float:left;
	}
#rollimagen {
	float:left;
	cursor:pointer;
	height:210px;
	margin-bottom:7px;
	}
#rollmenu {
	width:200px;
	height:320px;
	float:left;
	background:url('/img/fondorollmenu1.gif') no-repeat;
	}
.ppal h1, .ppal h1 a {
	color:#008895;
	}
.boldazul {color:#00818D}	
.rollitem {
	width:170px;
	height:38px;
	cursor:pointer;
	background: url('/img/enlace2.png') no-repeat;
	padding-bottom:22px;  
	display:block; 
	}
.rollitem a {
	height:16px;
	padding:22px 0 22px 30px;  
	display:block;  
	color:#151515; 
	text-decoration:none;
	}
.rollitem a:hover,
.rollitem_seleccionado a {
	background: #bec6b2 url('/img/enlace2.png') no-repeat;
	padding:22px 0 22px 30px; 
	color:#fff;
	display:block; 
	text-decoration:none;
	}
#rollover #rollclamor,	
#rollover #rollmusica,
#rollover #rollceacs,
#rollover #rollconferencias {/* Con esta instrucción, no permitimos que se vean las capas ocultas, si javaScript está desactivado */	/*** Caja de tres columnas con mas propuestas ***/
	display:none;
	}
.filah {
	width:570px;
	margin-bottom:30px; 
	}
.trescolumnas {
	background: url('/img/3columnas.gif') repeat-y; 
	}
.anuncioultimo {
	margin-right:0;
	}
.filah .anuncio { 
	height:150px; 
	position:relative
	}
.filah .anuncio span { 
	display:block; 
	min-height:55px
	}
.filah .anuncio img { /* Necesario la posición absoluta para alinear abajo la imagen */
	position: absolute; 
	bottom:0
	} 
.filah .anuncio p:hover {
	text-decoration: underline
	}
#propuestasfilas {
	width:570px; 
	margin-bottom:20px; 
	}
#propuestasfilas a {
	color:#555
	}
#propuestasfilas .bordertoppropu {
	height:5px; 
	width:170px; 
	background-color:#BEC6B2
	}	
#propuestasfilas .proputest {
	width:170px; 
	float:left; 
	margin-right:30px
	}	
#propuestasfilas .proputestfin {
	width:170px; 
	float:left;
	}
#propuestasfilas .propuimg {
	margin:5px 30px 0 0; 
	float:left
	}	
#propuestasfilas .propuimgfin {
	margin-top:5px; 
	float:left
	}
#propuestasfilas .lineahpropu {
	float: left; 
	width: 100%; 
	background:#fff url('/img/separapropu.gif') repeat-x; 
	height:20px
	}		
.rne {
	width:570px;
	height:25px;
	margin-bottom:30px;
	background: url('/img/fondorne.gif');
	}
.rne img {
	float:left;
	margin: 6px 7px auto 7px;
	}
.rne span {
	margin-top:5px;
	float:left;
	}
.indepitem {
	height: 65px;
	padding: 35px 40px 0 80px;
	float: left;
	cursor: pointer;
	}
.publicaciones {
	background: url('/img/publicaciones.gif') 30px 25px no-repeat; 
	}
.tienda {
	background: url('/img/tienda.gif') 30px 25px no-repeat; 
	border-left:1px #dfdfdf solid;
	}
.revista {
	background: url('/img/revista.gif') 30px 25px no-repeat; 
	border-left:1px #dfdfdf solid;
	}
.publicaciones:hover {
	background: url('/img/publicaciones2.gif') 30px 25px no-repeat; 
	}
.tienda:hover {
	background: url('/img/tienda2.gif') 30px 25px no-repeat; 
	}
.revista:hover {
	background: url('/img/revista2.gif') 30px 25px no-repeat;
	}
#menuinf {
	height:25px;
	margin-top:30px;
	padding-left:10px;
	background: url('/img/fondomenuinf.gif') repeat-x;
	}
#menuinf li{
	margin: 4px 10px 0 0;
	padding-left:10px;
	float:left;
	background: url('/img/sepmenuinf.gif') left no-repeat;
	}
.rss {
	background: url('/img/rss.png') left no-repeat; 
	padding:1px 0 1px 20px;
	}
.calen {
	background: url('/img/calendario.png') left no-repeat; 
	padding:1px 0 1px 20px;
	}
.enews{
	background: url('/img/enews.png') left no-repeat; 
	padding:1px 0 1px 20px;
	}
.podcast{
	background: url('/img/podcast.png') left no-repeat; 
	padding:1px 0 1px 20px;
	}
.facebookir {
	background: url('/img/facebook.png') left no-repeat; 
	padding:1px 0 1px 20px;
	}
.twitterir {
	background: url('/img/twitter.png') left no-repeat; 
	padding:1px 0 1px 20px;
	}		
/************** Redes Sociales ******************/
#compartir {
	clear: both;
	border-top: 1px #dfdfdf solid; 
	margin-top: 20px; 
	text-align: right; 
	color: #555;
	font-size: 8pt;
	}
#compartir	ul li {
	display: inline
	}
#compartir .delicius img,
#compartir .facebook img,
#compartir .digg img,
#compartir .twitter img,
#compartir .technorati img,
#compartir .meneame img,
#compartir .myspace img,
#compartir .google img { 
	width:12px; 
	height:12px; 
	}
#compartir a {
	margin-left:8px;
	width:12px; 
	height:12px
	}
#compartir a:hover {
	margin-left:8px;
	width:12px; 
	height:12px; 
	margin-top:-1px
	}	
#compartir a.delicius {
	background: url('/img/share_delicius_b.gif') no-repeat; 
	}
#compartir .delicius:hover {
	background: url('/img/share_delicius_a.gif') no-repeat; 
	}
#compartir a.facebook {
	background: url('/img/share_facebook_b.gif') no-repeat 
	}
#compartir .facebook:hover {
	background: url('/img/share_facebook_a.gif') no-repeat 
	}
#compartir a.digg {
	background: url('/img/share_digg_b.gif') no-repeat 
	}
#compartir .digg:hover {
	background: url('/img/share_digg_a.gif') no-repeat 
	}
#compartir a.twitter {
	background: url('/img/share_twitter_b.gif') no-repeat 
	}
#compartir .twitter:hover {
	background: url('/img/share_twitter_a.gif') no-repeat 
	}
#compartir a.technorati {
	background: url('/img/share_technorati_b.gif') no-repeat 
	}
#compartir .technorati:hover {
	background: url('/img/share_technorati_a.gif') no-repeat 
	}
#compartir a.meneame {
	background: url('/img/share_meneame_b.gif') no-repeat 
	}
#compartir .meneame:hover {
	background: url('/img/share_meneame_a.gif') no-repeat 
	}
#compartir a.myspace {
	background: url('/img/share_myspace_b.gif') no-repeat 
	}
#compartir .myspace:hover {
	background: url('/img/share_myspace_a.gif') no-repeat 
	}
#compartir a.google {
	background: url('/img/share_google_b.gif') no-repeat 
	}
#compartir .google:hover {
	background: url('/img/share_google_a.gif') no-repeat 
	}
#compartir a.googleB {
	background: url('/img/share_googleB_b.gif') no-repeat 
	}
#compartir .googleB:hover {
	background: url('/img/share_googleB_a.gif') no-repeat 
	}
#compartir .googleB img {
	width: 15px; 
	height: 12px; 
	}
#compartir .yahoo img {
	width: 21px;
	height: 12px; 
	}
#compartir a.yahoo {
	background: url('/img/share_yahoo_b.gif') no-repeat 
	}
#compartir .yahoo:hover {
	background: url('/img/share_yahoo_a.gif') no-repeat 
	}
/************** FIN Redes Sociales ******************/
#pie {
	margin: 20px 20px 40px 20px;
	font-size: 11px;
	line-height: 16px;
	color: #888;
	}
.contactar {
	float: left; 
	padding-bottom: 20px;
	}
.legal {
	float: right; 
	text-align: right;
	}
/* Quote */
.quoteanch {
	width: 180px;
	}
.quote { 
	float: left; 
	color: #151515; 
	font-family: Verdana, Geneva, sans-serif; 
	margin: 0; 
	background: url('/img/quote1.png') no-repeat left 10px;
	}
.quote blockquote { 
	background: url('/img/quote2.png') no-repeat right bottom;
	font-size: 14px; 
	display: block; 
	font-style: italic;
	margin: 25px 0 0 20px; 
	padding: 0 20px 6px 0
	}
.quote blockquote em, 
.quote cite {
	font-style: normal; 
	}
.quote cite { 
	font-size: 11px; 
	margin: 0; 
	display: block
	}
.quote cite em {
	font-style: italic; 
	}
/* FIN Quote */
.reproaudiohome {
	margin: 13px 0 20px 0;
	}
.lineah { 
	height: 1px; 
	width: 100%; 
	background-color: #dfdfdf; 
	margin: 5px 0;
	}
.paginacion a {
	text-decoration: none!important;/* Este !important fuerza a subrayar los números de las paginaciones, ya que hereda lo contrario de '#ppal a'*/
	} 
.paginacion a:hover {
	text-decoration: underline!important;/* Este !important fuerza a subrayar los números de las paginaciones, ya que hereda lo contrario de '#ppal a'*/
	} 
.pieizq { 
	text-align:left; 
	color:#888; 
	font-size:11px; 
	line-height:14px;
	}
.pieizq img {
	margin-bottom:5px;
	}
.pieder { 
	text-align:right; 
	color:#888; 
	font-size:11px; 
	line-height:12px;
	}
.pieder img {
	margin-bottom:5px; 
	}	
/************************************************ Menu horizontal */
#menu {
	background: url("/img/menug_background.png") repeat;
	height: 25px; 
	position: relative; 
	z-index: 60;
	}
#menu  a {
	display: block
	}
#menu ul li {
	float: left;
	}
#menu .navegacion ul.submenu { 
	background-color: #f2f2ea; 
	width: 180px; 
	padding: 20px 0 20px 0; 
	float: left; 
	border-left: 1px solid #dfdfd8; 
	border-bottom: 1px solid #dfdfd8; 
	border-right: 1px solid #dfdfd8; 
	line-height: 15px; 
	position: absolute; 
	z-index: 999;
	}
#menu .navegacion ul.bibliotecasmenu {
	width: 215px; 
	}	
#menu .navegacion ul.musicamenuh {
	width: 210px
	}	
#menu .navegacion .submenu li {
	clear:both; 
	margin-bottom:5px; 
	}
#menu .navegacion .submenu li a { 
	color:#151515; 
	margin-left:20px; 
	height:100%!important;  /* Con este important se fuerza la altura de los submenus */
	background:none!important; /* Necesario para reemplazar el background por defecto  */
	display:inline-block;
	}
#menu .navegacion .submenu li a:hover {
	text-decoration:underline;
	}
#menu .navegacion li:hover .submenu  {
	display: block; 
	}
#menu li.submbiblioresalt { 
	font-weight: bold; 
	margin: 10px 0 0 20px; 
	background-color: #f2f2ea; 
	cursor: default; 
	width: 250px!important;/* El texto resaltado del submenu de musica, necesita especificar este ancho para que no se desborde */
	color: #555;
	}
#menu .textnormsubmbiblio {
	margin-top: 10px; 
	background-color: #f2f2ea 
	}
#menu ul ul li {
	font: 12px Arial, Helvetica, sans-serif; 
	}
#menu .submenu a:hover {
	background-color: #f2f2ea; 
	color: #555; 
	}
#menu a:hover {
	background-color:#f2f2ea 
	}
#menu .navegacion li ul {
	padding:8px 0 16px 0;
	display:none;
	position:absolute;
	top:100%;
	left:0;
	}
#menu .navegacion li>ul { /* muestra el hijo de LI que es UL en su posición absoluta  */
	top:auto;
	left:auto;
	}
#menu .navegacion li li {
	float:left;
	border:0;
	display:block;
	}
#menu .navegacion li:hover ul, 
li.over ul {
	display:block; 
	}
/** Estados dinámicos del menú al pasar el raton, seleccionado y en reposo.  **/
#navmenu .lineamenu { 
	background-color: #dfdfd8; 
	height: 1px; 
	width: 140px!important; /* Este important fuera a la linea del menú de música tener su ancho específico */
	margin: 5px 20px;
	}
#navmenu li.submmusicresalt { 
	font-weight:bold; 
	margin-left:20px; 
	cursor: default; 
	width:125px;
	color:#555;
	}
/* INICIO */
#navmenu li .seleccionado span {
	visibility: hidden;
	}
#navmenu li div.seleccionado, #navmenu li p.seleccionado {
	background-repeat: no-repeat; 
	height: 25px; 
	}	
#navmenu li p,
#navmenu li .menutext {
	height: 25px;
	}
#navmenu li.inicio p  { 
	width: 73px; 
	text-align: center; 
	background: url("/img/menug_inicio.png") no-repeat top left;
	}
#navmenu li.inicio .menutext { 
	background: url("/img/menug_inicio_selec.png") no-repeat top left; 
	width: 73px;  
	}
#navmenu li.inicio:hover a { 
	background: url("/img/menug_inicio_hover.png") no-repeat top left;
	width: 73px; 
	height: 25px; 
	}	
/* ARTE */
#navmenu li.arte p  { 
	width: 66px; 
	text-align: center; 
	background: url("/img/menug_arte.png") no-repeat top left;
	}
#navmenu li.arte .menutext,	
#navmenu li.arte p.seleccionado {
	background: url("/img/menug_arte_selec.png") no-repeat;
	/*width: 66px;*/
}	
#navmenu li.arte:hover a { 
	background: url("/img/menug_arte_hover.png") no-repeat;
	height:25px; 
	}
#navmenu li.arte div.seleccionado {
	background-image: url("/img/menug_arte_selec.png");
	width: 66px;
	}
/* MUSICA */
#navmenu li.musica p  { 
	width: 84px; 
	text-align: center; 
	background: url("/img/menug_musica.png") no-repeat top left;
	}
#navmenu li.musica .menutext, 
#navmenu li.musica p.seleccionado, 
#navmenu li.musica div.seleccionado {
	background: url("/img/menug_musica_selec.png") no-repeat;
	width: 84px; 
	}
#navmenu li.musica:hover a { 
	background: url("/img/menug_musica_hover.png") no-repeat;
	height: 25px; 
	}
/* CONFERENCIAS */		
#navmenu li.conferencias p  { 
	width: 123px; 
	text-align: center; 
	background: url("/img/menug_confe.png") no-repeat top left;
	}
#navmenu li.conferencias .menutext { 
	background: url("/img/menug_confe_selec.png") no-repeat; 
	width: 123px; 
	text-align: center;
	}
#navmenu li.conferencias p.seleccionado {
	background: url("/img/menug_confe_selec.png") no-repeat;
	width: 123px;
	}		
#navmenu li.conferencias div.seleccionado {
	background-image: url("/img/menug_confe_selec.png");
	width: 123px; 
	}
#navmenu li.conferencias:hover a { 
	background:url("/img/menug_confe_hover.png") no-repeat;
	height:25px;	
	}
/************************************************ CIENCIAS SOCIALES */	
#navmenu li.cienciassociales p  { 
	width:154px; 
	text-align:center; 
	background: url("/img/menug_sociales.png") no-repeat top left;
	}
#navmenu li.cienciassociales .menutext,	
#navmenu li.cienciassociales p.seleccionado {
	background: url("/img/menug_sociales_selec.png") no-repeat;
	width:154px;
	}		
#navmenu li.cienciassociales:hover a { 
	background:url("/img/menug_sociales_hover.png") no-repeat;
	height:25px;
	}
#navmenu li.cienciassociales div.seleccionado {
	background-image:url("/img/menug_sociales_selec.png");
	width:154px; 
	}		
/******************************************** BIBLIOTECA */		
#navmenu li.biblioteca p  { 
	width:102px; 
	text-align:center; 
	background: url("/img/menug_biblioteca.png") no-repeat top left;
	}
#navmenu li.biblioteca .menutext, 
#navmenu li.biblioteca p.seleccionado 	{
	background: url("/img/menug_biblioteca_selec.png") no-repeat;
	width:102px;
	}		
#navmenu li.biblioteca:hover a { 
	background:url("/img/menug_biblioteca_hover.png") no-repeat;
	height: 25px;
	}
#navmenu li.biblioteca div.seleccionado {
	background-image:url("/img/menug_biblioteca_selec.png");
	width:102px; 
	}		
/********************************************** Comunes en navmenu */
#navmenu li.biblioteca p a span, 
#navmenu li.biblioteca .menutext span, 
#navmenu li.cienciassociales p a span, 
#navmenu li.cienciassociales .menutext span, 
#navmenu li.conferencias p a span, 
#navmenu li.conferencias .menutext span, 
#navmenu li.musica p a span, 
#navmenu li.musica .menutext span, 
#navmenu li.arte p a span, 
#navmenu li.arte .menutext span, 
#navmenu li.inicio p a span, 
#navmenu li.inicio .menutext span {
	position: relative; 
	z-index: -1;
	}
#navemenu li p, 
#navemenu li .menutext {
	height: 25px !important;
	border: 1px solid red;
	}
/************************************** COMUNES **/	
#contactar h1, 
#bibliotecas h1, 
#arte h1, 
#publicaciones h1, 
#videos h1, 
#informacion h1, 
#informacion h1 a, 
#tienda h1, 
#tienda h1 a {
	color:#008895
	}
/************************************* HOME *********/
.hoyhora { 
	float: left; 
	width: 40px; 
	margin-right: 5px;
	}
.hoyactividad { 
	float: left; 
	width: 230px; 
	margin-bottom: 4px;
	}
/**************************** BUSCADOR **/
#cuerpobuscador {
	margin: 0; 
	padding-top:2px; 
	}
#buscador #buscar {
	width:280px; 
	}
#buscador #buscar input.buscartext_default,	
#buscador #buscar input.buscartext, 
#buscador #buscar input.buscartext:focus, 
#buscador #buscar input.buscartext:hover { 
	border-top: 1px solid #007D88!important; /* Este important es necesario para que fuerce este estilo ante el que por defecto tiene el buscador de google */
	border-bottom: 1px solid #007D88!important;
	border-left: 1px solid #007D88!important;
	border-right: none!important;
	background: #00717A url('/img/fondocaja.gif') repeat-x!important; /* Este !important fuerza el background para que no aparezca el que tiene Google por defecto */
	margin: -1px 0 0 4px; 
	height: 16px;
	padding: 1px 0 3px 4px;
	}
#buscador #cse-search-results iframe {/** Le damos la altura máxima al Iframe del buscador de Google **/
	height: 1120px; 
	width: 920px
	} 
/**********Nueva versión del album de imágenes****************/
.presentacion_obras .detalle {
	position: relative;
	}
.presentacion_obras .informacion {
	bottom: 0; 
	font-size: 11px; 
	margin-right: 33px; 
	position: absolute; 
	right: 0;
	width: 105px;
	}
.presentacion_obras .imagen {
	border: 1px solid #ccc; 
	display: table-cell; 
	height: 300px; 
	text-align: center; 
	vertical-align: middle; 
	width: 300px;
	}
.presentacion_obras .navegacion {
	font-size: 11px; 
	margin: 30px 0 
	}
.presentacion_obras .navegacion a, 
.presentacion_obras .navegacion span {
	margin: 0 8px 0 0; 
	text-decoration: none !important 
	}
.presentacion_obras .navegacion span.seleccionado {
	color: #bbbbc5; 
	}
#el_objeto_del_arte {
	position: absolute; 
	margin-top: 100px 
	}
#el_objeto_del_arte span {
	color: #E54C01; 
	}
/***** Arte Celebradas Procedencias ****/
#procedeobras {
	padding: 20px; 
	}
/******** MUSICA **************/
#infoAulaReestrenos {
	margin-top: 20px
	}
#imagenActo, #videoTrailer {
	margin: 20px 0 20px 0
	}
#presentacionContenido ul li img {
	float: left; 
	margin: 4px 10px 10px 0
	}
.rnemusica {
	font: 11px Verdana, Geneva, sans-serif; 
	line-height: 14px; 
	width: 155px; 
	}
.rnemusica a {
	background: url("/img/rne.gif") no-repeat; 
	padding-left: 30px;
	}	
#form1 .botonlabel {
	cursor: pointer; 
	width: 160px;
	background: url('/img/seleccionado.gif') no-repeat; 
	border: none; 
	height: 22px;
	}
#form1 .botonlabel2 {
	cursor: pointer; 
	width: 82px;
	background: url('/img/seleccionado_peq.gif') no-repeat; 
	border: none; 
	height: 22px;
	text-align: center;
	margin-left: 10px;
	}
#buscador .botonlabel {
	cursor: pointer; 
	width: 160px;
	background: url('/img/seleccionado.gif') no-repeat; 
	border: none; 
	height: 22px; 
	margin: 0 10px
	}	
#TablaLetras {
	 margin: 10px 0;
	 width: 700px;
	}
/*Para modificar el color de fondo, también habría que cambiarlo en el archivo include musica/contemporánea/archivo/include/IncListadoItems.inc*/
#TablaLetras .letrasLink {
	text-align: center;
	width: 24px;
	height: 21px;
	background-color: #eee; 
	float: left;
	padding-top: 5px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}	
#TablaLetras a {
	text-decoration: none;
	width: 24px;
	height: 21px;
	}
#TablaLetras a:hover{
	width: 24px;
	height: 21px;
	}
.listaLetras .letratitular {
	font-size: xx-large; 
	padding: 10px 0; 
	margin-top: 10px;
	}
#sin_ciclo_actual strong {
	display: inline; 
	}
#tienda h2 {
	font-size: 22px;
	color: #151515;
	}
#videos #ppal img{ 
	float: left; 
	margin: 0 10px 10px 0;
	}
/**************   Guias didacticas    *************/	
#didacticas .centrado {
	width: 779px;
	}	
/******** INFORMACION **************/
/** VIDEOS **/
#publicaciones #ppal,
#informacion #ppal, 
#videos #ppal {
	width: 520px; 
	margin: 0 20px 0 30px; 
	float: left; 
	line-height: 18px;
	}
/********************************** Exposiciones Anteriores **/
.arteinte #ppal h1 {
	color:#151515
	}
#topanteriores { 
	padding: 0; 
	margin: 0; 
	background-color: #fff; 
	height: 50px;
	}
#topanteriores .centranchura {
	width: 739px; 
	margin: 0 auto; 
	padding: 10px;
	}
#cajaBuscaAutor {
	margin: 30px 0 
	}	
#cajaBuscaAutor .buscaTermino {
	float: left; 
	}
#cajaBuscaAutor label {
	display: inline-block;
	margin-bottom: 5px;
	}	
#cajaBuscaAutor .buscaExposiciones {
	float: left;
	width: 275px;
	margin-top: 10px;
	}	
#cajaBuscaAutor .buscaCombo {
	float: left;
	margin-top: 5px;
	}
#cajaBuscaAutor .buscarTienda {
	float:left 
	}	
#cajaBuscaAutor .buscarTienda2 {
	color: #000;
	font: 11px Verdana,Geneva,sans-serif;
	text-decoration: none;
	width: 580px;
	}		
#cajaBuscaAutor .buscaArtista {
	float: left;
	margin-left: 6px;
	width: 275px;
	}	
#cajaBuscaAutor .botonante {
	cursor: pointer; 
	margin-left: 3px; 
	float: left
	}
/***  NUEVO FORMULARIO GENÉRICO ***/
.formpubli fieldset {
	border: 1px solid #d0d1d9;
	margin: 10px 0 15px 0;
	padding: 20px 10%;
	width: 80%;
	}
.formpubli fielset {
	padding-bottom:25px 
	}
.formpubli fieldset.sinborde {
	border: 0; 
	}
.formpubli fieldset.escala {
	padding: 10px;
	width: 100%;
	}	
.tit_form {
	margin-bottom: 15px 
	}
.sub_form {
	font-size: 13px;
	font-weight: bold;
	}
.info_form {
	text-align: center;
	font-size: 11px;
	}
.formpubli {
	padding-left: 0; 
	}
.formpubli .obligatorio {
	color: #999;
	font-size: 10px;
	padding-right: 0;
	}
.formpubli .flotaRight {
	float:right;
	}
.aviso {
	color: #aa0018;
	}
.formpubli {
	padding-left: 10px;
	text-align: right;
	margin-left: 15px; 
	font-size: 11px;
	}
.formpubli .aviso2 {
	margin: 0 0 15px 15px;
	padding-left: 10px;
	text-align: left;
	font-size: 11px;
	color: #aa0018; 
	} 
.formpubli label {
	float: left; 
	display: block; 
	width: 145px; 
	margin-bottom: 7px;
	text-align: right;
	padding-right: 10px;
	}
.formpubli label.otro_formato {
	width:90%;
	text-align:left;
	}
.formpubli input,
.formpubli textarea  {
	width: 200px;
	font: 12px Verdana, Geneva, sans-serif;
	float: left; 
	margin-bottom: 10px;
	}	
.formpubli input.size,
input.size {
	width:20px;
	}	
.formpublificha .enviaform,
.formpubli .enviaform {
	width: 160px;
	float: right;
	margin: 15px 10px 15px 0;
	padding: 3px;
	background: url('/img/seleccionado.gif') no-repeat;
	border: none;
	}
.formpubli .formato_peq {
	width: 84px;
	float: right;
	margin: 15px 5px 15px 0;
	background: url('/img/seleccionado_peq.gif') no-repeat;
	padding-bottom: 5px;
	border: none;
	}
.formpubli .enviaform2 {
	width: 160px;
	float: right;
	margin: 15px 10px 15px 0;
	background: url('/img/seleccionado2.gif') no-repeat;
	border: none;
	padding: 4px;
	}
.formpubli .enviaform3 {
	width: 160px;
	float: right;
	margin: 15px 50px 15px 0;
	background: url('/img/seleccionado2.gif') no-repeat;
	border: none;
	padding: 4px;
	}
.formpubli .centrar {
	text-align:center
	}
.formpubli legend {
	font:13px Verdana, Geneva, sans-serif;
	font-weight:bold;
	margin-bottom:10px;
	padding-bottom:10px;
	}
.formpubli .campo {
	clear: right;
	margin: auto;
	margin-bottom: 4px;
	margin-top:2px;
	text-align: left;
	width:100%
	}
.formpubli input.caja {	
	border: none;
	float: none;
	width: 20px;
	margin-top: 0;
	padding-top: 0;
	}
.formpubli span.separacion {
	float: left;
	padding-left: 5px;
	font-size: 11px;
	}
.formpubli .separacion2 {
	margin: 0 
	}
.formpubli select {
	margin-bottom: 10px;
	font: 11px Verdana, Geneva, sans-serif;
	width: 256px;
	height: 20px;
	padding: 0;
	}
.formpubli .nota {
	margin: 10px 0 25px 0 
	}
.formpubli .nota2 {
	margin-bottom: 20px;	
	font-size: 11px;
	}
.formpubli .nota2 span.formato {
	padding-left: 155px 
	}
.pasos {
	float: right;
	margin-bottom: 2px;
	padding-right: 15px;
	}
.formpubli .opcion {
	margin-bottom: 15px;
	}
.formpubli .envio {
	padding-right: 38% 
	}
.formpubli .envio2 {
	padding-right: 20% 
	}
.formpulbi .actualizar {
	margin-left: 200px; 
	}
/*************************** *boton buscar genérico*/
.formato_peq {
	width: 82px;
	height: 22px;
	margin-bottom: 15px;
	background: url('/img/seleccionado_peq.gif') no-repeat;
	padding-top: 2px;
	border: none;
	text-align: center;
	}
.formato_peq a, 
.formato_peq a:hover {
	color: #555!important;
	text-decoration: none!important;
	}
#botoncalendario {
	display: inline-block;
	float: right;
	width: 103px;
	height: 19px;
	background: url("/img/botoncalendario.gif") no-repeat;
	margin : 5px 0;
	text-align: left;
	text-decoration: none;
	}
#botoncalendario a, #botoncalendario a:hover{
	padding: 2px 10px 2px 29px;
	text-decoration: none;
	}
#secund #botoncalendario a:hover {
	text-decoration: none!important	
	}
/***************************************************** MAPA WEB **/
#mapa .toplogo {
	padding: 20px 0 0 20px 
	}
#mapa .mapacontent {
	margin-left: 60px; 
	}
#mapa .treeview ul {/*CSS for Simple Tree Menu*/
	margin: 0; 
	padding: 0; 
	}
#mapa .treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
	background: white url('/img/enlace.png') no-repeat 9px center;
	list-style-type: none;
	padding-left: 22px;
	margin-bottom: 3px;
	}
#mapa .treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
	background: white url('/img/mas.gif') no-repeat 9px 3px;
	cursor: pointer;
	padding-left: 22px
	}
#mapa .treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
	display: none; /*Hide them by default. Don't delete. */
	}
.cursor,	
#mapa .treeview .submenu ul li { /*Style for LIs of ULs that are children of LIs (submenu) */
	cursor: pointer;
	}
#comunppal {
	overflow: hidden
	}	
/******************************************** Listados de biografías en la sección principal Música */
#musica #comunppal ul li:first-child h5 {
	margin-top: 0 
	}
#musica li h5 + img {/* Imagen del intérprete */
	 float: left; 
	 margin: 5px 10px 10px 0; 
	 } 
#musica li h5  {
	clear: left;
	}
/************************************************* Forma de "ocultar" el borde superior del nombre de un intérprete al lado izquierdo del horario de la actividad */ 
.error, 
.baja {
	margin: 150px auto;
	text-align: center
	}
/************************************* ADVERTENCIAS LEGALES **/
#cajaAdver {
	padding: 30px 45px 0 45px; 
	background-color: #fff; 
	}	
#cajaAdver .adverText {
	margin-top: 20px  
	}
#cajadesign {
	text-align: center; 
	background-color: #fff; 
	padding-top: 70px 
	}
.resultadosBuscaG {
	padding: 0 20px
	}	
