@charset "UTF-8";
/* CSS de Archivo de la Experiencia */
/* Hoja de estilos de la home */
/* Author: Ricardo Valiente | Nomadesign | info@nomadesign.org */

/* Imports
------------------------------------------------------------------------------------------------------------------------ */
@import 'general.css';

/* Ttulos
------------------------------------------------------------------------------------------------------------------------ */
h2{ margin: 0 37px 18px 0; padding-bottom:7px; background: transparent url(../images/titulo_back.gif) left bottom repeat-x; font: bold 2.4em Arial, Helvetica, sans-serif; color:#de0e67;}
h2.indice{ margin-top:4px; padding-bottom:9px; background: transparent url(../images/titulo_indice_back.gif) left bottom repeat-x; font-size:1.8em;}
h3{ width:894px; margin:13px 0 16px; padding-bottom:9px; background: transparent url(../images/subtitulo_back.gif) left bottom repeat-x; font: bold 1.8em Arial, Helvetica, sans-serif; color:#de0e67;}
.titleForoCal{
  color: #F98F22;
}

/* Explicación de sección (Banner)
------------------------------------------------------------------------------------------------------------------------ */
/* Tecnica basada en la de Gianluca Troiani, pero corrige el problema de accesibilidad que se produce al aumentar la medida de la fuente - Fi Image Replacement */
#explica{ position: relative; z-index: 1;}
#explica h2{ display: block; width: 500px; margin:0; padding:0;}
#explica h2 span{ position: relative; z-index: -1; padding-left:22px;}
#explica p{ width: 540px; font: normal 1.4em/1.42em Verdana, Arial, Helvetica, sans-serif; background-color:transparent}

	/* Monográficos */
	#explica .monografico{ width:835px; margin-bottom:25px; padding: 21px 32px 10px; background: transparent url(../images/explica_monografico.jpg) no-repeat; min-height:311px;}
		* html #explica .monografico{ height:311px;} /* Hack IE6 */
	#explica .monografico h2{ height:82px; font-size:1.1em;}

	/* Monográficos detalle */
	#explica .monografico_detalle{ width:821px; margin:0 0 20px -15px; padding: 95px 51px 0; background: transparent url(../images/explica_monografico_detalle.jpg) no-repeat; min-height:145px;}
		* html #explica .monografico_detalle{ height:145px;} /* Hack IE6 */
	#explica .monografico_detalle h2{ margin-bottom:4px; background: none; font: bold 2.4em Arial, Helvetica, sans-serif;}
	#explica .monografico_detalle img{ position:absolute; top:62px; left:600px;}
	#explica .monografico_detalle p{ background: none;}

	/* Testimonios */
	#explica .testimonio{ width:835px; margin-bottom:25px; padding: 21px 32px 10px; background: transparent url(../images/explica_testimonio.jpg) no-repeat; min-height:309px;}
		* html #explica .testimonio{ height:309px;} /* Hack IE6 */
	#explica .testimonio h2{ height:82px; font-size:1.1em;}

	/* �ndice */
	#explica .indice{ width:835px; margin-bottom:25px; padding: 21px 32px 10px; background: transparent url(../images/explica_indice.jpg) no-repeat; min-height:402px;}
		* html #explica .indice{ height:402px;} /* Hack IE6 */
	#explica .indice h2{ height:82px; font-size:1.1em;}

	/* Participar */
	#explica .participar{ width:835px; margin-bottom:25px; padding: 21px 32px 10px; background: transparent url(../images/explica_participar.jpg) no-repeat; min-height:262px;}
		* html #explica .participar{ height:262px;} /* Hack IE6 */
	#explica .participar h2{ height:82px; font-size:1.1em;}

	/* Que es */
	#explica .quees{ width:884px; margin-bottom:25px; padding: 21px 15px 10px; background: transparent url(../images/explica_quees.jpg) no-repeat; min-height:303px;}
		* html #explica .quees{ height:303px;} /* Hack IE6 */
	#explica .quees h2{ height:82px; margin-bottom:8px; font-size:1.1em;}
	#explica .quees p{ width:449px; margin-left:15px;}

	/* Foro */
	#explica .foro{ width:835px; margin-bottom:25px; padding: 21px 32px 10px; background: transparent url(../images/explica_foro.jpg) no-repeat; min-height:209px;}
		* html #explica .foro{ height:209px;} /* Hack IE6 */
	#explica .foro h2{ height:82px; font-size:1.1em;}

	/* Buscador */
	#explica .buscador{ width:833px; margin-bottom:25px; padding: 29px 33px 10px; background: transparent url(../images/explica_buscador.jpg) no-repeat; min-height:201px;}
		* html #explica .buscador{ height:201px;} /* Hack IE6 */
	#explica .buscador h2{ width:658px; height:82px; font-size:1.1em;}


/* Titulos de las secciones del pie
------------------------------------------------------------------------------------------------------------------------ */
/* Tecnica basada en la de Gianluca Troiani, pero corrige el problema de accesibilidad que se produce al aumentar la medida de la fuente - Fi Image Replacement */
#tit_mapaweb, #tit_avisolegal, #tit_quienessomos, #tit_faqs{ position: relative; z-index: 1;}
#tit_mapaweb h2, #tit_avisolegal h2, #tit_quienessomos h2, #tit_faqs h2{ display: block; width: 834px; height:35px; margin:6px 0 0 -5px; padding:0; font-size:1.1em;}
#tit_mapaweb h2 span, #tit_avisolegal h2 span, #tit_quienessomos h2 span, #tit_faqs h2 span{ position: relative; z-index: -1; padding-left:33px;}

div#pie ul.menu{
  overflow: hidden;
  width: 52%;
  float: left;
}


/* Párrafo de Introducción
------------------------------------------------------------------------------------------------------------------------ */
.intro{ margin-right:37px; font: normal 1.2em/1.4em Verdana, Arial, Helvetica, sans-serif;}


/* Documento
------------------------------------------------------------------------------------------------------------------------ */
#documento{ height:1%; margin-bottom:32px;}
	#documento:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	#documento{ display: block;}

#documento.filigranas{ margin: 0 0 0 -15px; padding: 0 0 53px 15px; background: transparent url(../images/filigranas.gif) left bottom no-repeat;}

#documento #video{ float:left; width:466px; margin:2px 10px 0 0;} /*#documento #video{ float:left; width:460px; margin:2px 10px 0 0;}*/

	/* Título del vídeo */
	#documento #video h3{ width:445px; margin:0 0 20px 0; padding-left:15px;}

	/* Pantalla del vídeo */
	#documento #video img{ clear:left; height:1%;}

	/* Listado de opciones del vídeo */
	#documento #video ul{ font: 1.4em Verdana, Arial, Helvetica, sans-serif;}
	#documento #video ul li{ float:left; margin:0 0 11px 25px; display:inline;}
	#documento #video ul li a{ float:left; width:auto; padding:4px 36px 5px 0; color:#2c1a03; background: transparent url(../images/raquo_doble.gif) right center no-repeat;}
	#documento #video ul li a:hover{ color:#de0e67;}

	/* Herramientas del video */
	#video #herramientas{ margin-top:2px; border-top:2px solid #D8D8D8; font: normal 1.2em Verdana, Arial, Helvetica, sans-serif;}
		#video #herramientas:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
		#video #herramientas{ display: block;}

		/* Votos del video */
		#votos{ float:left; width:367px; margin-right:2px; padding:3px 0 6px 10px; background: #F1F1F1 url(../images/votos_back.gif) left bottom no-repeat;}
		#votos .rating{ float:left; border-right:1px solid #BEBEBE;}
			#votos .rating:after{ content: '.'; display: block; height: 0; width: 0; clear: both; visibility: hidden;}
			#votos .rating{ display: block;}

#documento #videoExp{ float:left; width:466px; margin:2px 10px 0 0;} /*#documento #video{ float:left; width:460px; margin:2px 10px 0 0;}*/

	/* Título del vídeo */
	#documento #videoExp h3{ width:445px; margin:0 0 20px 0; padding-left:15px;}

	/* Pantalla del vídeo */
	#documento #videoExp img{ clear:left; height:1%;}

	/* Listado de opciones del vídeo */
	#documento #videoExp ul{ font: 1.4em Verdana, Arial, Helvetica, sans-serif;}
	#documento #videoExp ul li{ float:left; margin:0 0 11px 25px; display:inline;}
	#documento #videoExp ul li a{ float:left; width:auto; padding:4px 36px 5px 0; color:#2c1a03; background: transparent url(/images/exp_raquo_doble.gif) right center no-repeat;}
	#documento #videoExp ul li a:hover{ color:#F98F22;}

	/* Herramientas del video */
	#videoExp #herramientas{ margin-top:2px; border-top:2px solid #D8D8D8; font: normal 1.2em Verdana, Arial, Helvetica, sans-serif;}
		#videoExp #herramientas:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
		#videoExp #herramientas{ display: block;}

		/* Votos del video */
		#votos{ float:left; width:367px; margin-right:2px; padding:3px 0 6px 10px; background: #F1F1F1 url(../images/votos_back.gif) left bottom no-repeat;}
		#votos .rating{ float:left; border-right:1px solid #BEBEBE;}
			#votos .rating:after{ content: '.'; display: block; height: 0; width: 0; clear: both; visibility: hidden;}
			#votos .rating{ display: block;}


		.rating { float:left; padding-right:10px;}
		.rating strong{ float:left; margin:3px 5px 0 0; font-weight:normal;}
		/* Tecnica basada en la de Gianluca Troiani, pero corrige el problema de accesibilidad que se produce al aumentar la medida de la fuente - Fi Image Replacement */
		.rating .cancelar, .rating .estrella{ float: left; position: relative; z-index: 1; width: 18px; height: 18px; overflow: hidden; cursor: pointer;}
		.rating .cancelar, .rating .cancelar a{ background: url(../images/estrellas/ico_votar_cancelar.gif) no-repeat 0 -18px;}
		.rating .estrella, .rating .estrella a { background: url(../images/estrellas/ico_votar_estrella.gif) no-repeat 0 0;}
		.rating .cancelar a, .rating .estrella a{ display: block; width: 100%; height: 100%; background-position: 0 0; text-decoration:none;}
		.rating .cancelar span, .rating .estrella span{ position: relative; z-index: -1;}

		div.rating span.on a{ background-position: 0 -18px;}
		div.rating span.hover a, div.rating span a:hover{ background-position: 0 -36px;}

		#votos .total{ float:left; margin-left:10px; display:inline;}
		/* Tecnica basada en la de Gianluca Troiani, pero corrige el problema de accesibilidad que se produce al aumentar la medida de la fuente - Fi Image Replacement */
		#votos .total p{ float:left; position: relative; z-index: 1;}
		#votos .total p strong{ float:left; margin:3px 5px 0 0; font-weight:normal;}
		#votos .total p strong.ntotal{ margin-right:0; margin-left:6px;}
		#votos .total p span{ float:left; display: block; width: 90px; height:18px; text-decoration:none;}
			#votos .total p span.cero{ background: transparent url(../images/estrellas/estrellas_0.gif) no-repeat;}
			#votos .total p span.cero5{ background: transparent url(../images/estrellas/estrellas_0ymedio.gif) no-repeat;}
			#votos .total p span.uno{ background: transparent url(../images/estrellas/estrellas_1.gif) no-repeat;}
			#votos .total p span.uno5{ background: transparent url(../images/estrellas/estrellas_1ymedio.gif) no-repeat;}
			#votos .total p span.dos{ background: transparent url(../images/estrellas/estrellas_2.gif) no-repeat;}
			#votos .total p span.dos5{ background: transparent url(../images/estrellas/estrellas_2ymedio.gif) no-repeat;}
			#votos .total p span.tres{ background: transparent url(../images/estrellas/estrellas_3.gif) no-repeat;}
			#votos .total p span.tres5{ background: transparent url(../images/estrellas/estrellas_3ymedio.gif) no-repeat;}
			#votos .total p span.cuatro{ background: transparent url(../images/estrellas/estrellas_4.gif) no-repeat;}
			#votos .total p span.cuatro5{ background: transparent url(../images/estrellas/estrellas_4ymedio.gif) no-repeat;}
			#votos .total p span.cinco{ background: transparent url(../images/estrellas/estrellas_5.gif) no-repeat;}
		#votos .total p span span{ position: relative; z-index: -1;}

	/* Enviar vídeo*/
	#herramientas .enviar{ float:left; width:77px; padding:6px 0 6px 10px; background: #F1F1F1 url(../images/votos_enviar_back.gif) left bottom no-repeat; min-height:15px;}
		* html #herramientas .enviar{ height:15px;} /* Hack IE6 */
	#herramientas .enviar a{ padding-right:26px; background: transparent url(../images/ico_enviar.gif) right center no-repeat; text-decoration:none;}
	#herramientas .enviar a:hover{ text-decoration:underline;}

	/* Datos de documento*/
	#documento #datos{ float:left; position:relative; width:443px; padding-bottom:18px; background: transparent url(../images/datos_back.gif) left bottom no-repeat; min-height:322px;}
		* html #documento #datos{ height:322px;} /* Hack IE6 */

		/* Datos de documento en testimonios*/
		#documento #datos.testimonios{ height:1%; padding-top:14px; min-height:308px;}
			* html #documento #datos.testimonios{ height:308px;} /* Hack IE6 */

	#documento #datos h3{ width:auto; margin:0; padding:18px 22px 9px 15px; background: transparent url(../images/datos_titulo_back.gif) left top no-repeat; font: normal 2.2em Verdana, Arial, Helvetica, sans-serif; color:#545454;}
	#documento #datos p, #documento #datos dl{ padding:0 22px 0 15px; font: normal 1.4em/1.43em Arial, Helvetica, sans-serif;}
	#documento #datos ul{ margin-top:5px;}
	#documento #datos ul li{ float:left; margin-bottom:4px; clear:left;}
	#documento #datos ul li dl{ float:left; width:395px;}
	#documento #datos ul li dt{ margin-right:4px; font-weight:bold;}
	#documento #datos ul li dt, #documento #datos ul li dd{ display:inline;}
	#documento #datos ul#tips{ float:left; margin:28px 0 10px 15px; font: normal 1.4em/1.3em Arial, Helvetica, sans-serif; display:inline;}
	#documento #datos ul#tips li{ float:left; width:220px;}
	#documento #datos ul#tips li a{ float:left; width:auto; padding:2px 36px 7px 0; background: transparent url(../images/raquo_doble.gif) right top no-repeat;}
	#documento #datos img{ position:absolute; bottom:18px; right:17px;}

	#documento #datos ul#tipsExp{ float:left; margin:28px 0 10px 15px; font: normal 1.4em/1.3em Arial, Helvetica, sans-serif; display:inline;}
	#documento #datos ul#tipsExp li{ float:left; width:220px;}
	#documento #datos ul#tipsExp li a{ float:left; width:auto; padding:2px 36px 7px 0; background: transparent url(../images/raquo_doblePE.gif) right top no-repeat;}
	#documento #datos img{ position:absolute; bottom:18px; right:17px;}

	/* Vídeos relacionados*/
	#documento #relacionados{ float:left; width:422px; padding-bottom:18px; min-height:309px;}
		* html #documento #relacionados{ height:309px;} /* Hack IE6 */
	#documento #relacionados h3{ width:auto; margin:8px 0 0 0; padding: 0 15px 10px; border-bottom:1px solid #C6C6C6; font: bold 1.8em Arial, Helvetica, sans-serif;}

	#documento #relacionados ul{ height:312px; overflow:auto; padding-top:2px; background: transparent url(../images/relacionados_back.gif) repeat-x;}
		#documento #relacionados ul:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
		#documento #relacionados ul{ display: block;}
	#documento #relacionados ul li{ float:left; padding: 8px 15px 15px; border-top:1px solid #DEDEDE; border-bottom:1px solid #FFF;}
	#documento #relacionados ul li.noprimero{ border-top:0;}
	#documento #relacionados ul li.primero{ border-top:0;background:#DDD;}
	#documento #relacionados ul li.clicable:hover, #documento #relacionados ul li.over{ background-color:#EEE; cursor:pointer;}
	#documento #relacionados ul li.clicable:hover a, #documento #relacionados ul li.over a{ color:#de0e67;}
	#documento #relacionados ul li dl{ float:left;}
	#documento #relacionados ul li dl dt{ float:left; width:90px;}
	#documento #relacionados ul li dl dd{ float:left; width:280px; font: bold 1.4em/1.43em Arial, Helvetica, sans-serif;}
	#documento #relacionados ul li dl dd.LinkCal a:hover{color:#F98F22;}
	#documento #relacionados ul li dl dd.secondLink{ float:left; width:280px; font: 1.3em/1.43em Arial, Helvetica, sans-serif;}
	#documento #relacionados ul li dl dd.secondLinkCal{ float:left; width:280px; font: 1.3em/1.43em Arial, Helvetica, sans-serif;}
	#documento #relacionados ul li dl dd.secondLinkCal a:hover{color:#F98F22;}

	/* Formulario de consulta*/
	#documento #consulta{ float:left; width:414px; margin-left:20px;}
	#documento #consulta h3{ width:auto; margin:1px 10px 18px 0; padding: 0 15px 10px; font: bold 1.8em Arial, Helvetica, sans-serif;}
	#documento #consulta div { padding:14px 18px; background: #f1ece5 url(../images/consulta_back.gif) no-repeat; min-height:299px;}
		* html #documento #consulta div{ height:299px;} /* Hack IE6 */
	#documento #consulta div p{ font: normal 1.2em/1.5em Verdana, Arial, Helvetica, sans-serif;}
	#documento #consulta div form{ margin:10px 0 0 0;}
	#documento #consulta div fieldset p span{ display:block; margin-bottom:3px;}
	#documento #consulta div fieldset p input{ width:238px; margin-bottom:6px; padding:3px 2px; border:0;}
	#documento #consulta div fieldset p textarea{ width:362px; margin-bottom:10px; padding:3px 2px; border:0;}
	#documento #consulta div input.boton{ float:right; margin-right:15px; width:83px; padding:2px 0; background: transparent url(../images/consulta_boton.gif) center center; border:0; font: bold 1.2em/1em Arial, Helvetica, sans-serif; color:#FFF; text-transform:uppercase; display:inline;}
		* html #documento #consulta div input.boton{ padding:4px 0 2px;} /* Hack IE6 */
		* html+#documento #consulta div input.boton{ padding:4px 0 2px;} /* Hack IE7 */


/* Explica el vídeo si no tienes javascript
------------------------------------------------------------------------------------------------------------------------ */
#explica_video{ width:896px; margin:12px 0 24px -1px; background: #f1ece5 url(../images/video_accesible1_back.gif) left top no-repeat; font: normal 1.4em/1.43em Arial, Helvetica, sans-serif;}
#explica_video div{ padding: 21px 32px 27px 32px; background: transparent url(../images/video_accesible2_back.gif) left bottom no-repeat;}
#explica_video p {margin-top: 10px;}

/* Explica el vídeo si no tienes javascript
------------------------------------------------------------------------------------------------------------------------ */
#explica_embed{ width:896px; margin:12px 0 24px -1px; background: #f1ece5 url(../images/video_accesible1_back.gif) left top no-repeat; font: normal 1.4em/1.43em Arial, Helvetica, sans-serif;}
#explica_embed div{ padding: 21px 32px 27px 32px; background: transparent url(../images/video_accesible2_back.gif) left bottom no-repeat;}
#explica_embed p {margin-top: 10px;}
#explica_embed p.codeEmbed {
  font-weight: bold;
	font-size: 0.8em;
}


/* Formulario para enviar el vídeo
------------------------------------------------------------------------------------------------------------------------ */
#enviar_datos{}
.envia_video{ width:898px; margin:12px 0 24px -1px; background: #f1ece5 url(../images/envia_video1_back.gif) left top no-repeat;}
.envia_video div{ height:1%; padding: 34px 20px 20px 20px; background: transparent url(../images/envia_video2_back.gif) left bottom no-repeat;}
	.envia_video div:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.envia_video div{ display: block;}

.envia_video fieldset fieldset{ position:relative; float:left; width:auto; margin-right:25px; padding-top:12px;}
	* html .envia_video fieldset fieldset{ padding-top:29px;} /* Hack IE6 */
	*+html .envia_video fieldset fieldset{ padding-top:29px;} /* Hack IE7 */
.envia_video fieldset fieldset{ position:relative; float:left; width:auto; margin-right:25px; padding-top:12px;}
.envia_video fieldset fieldset legend{ position:absolute; top:0; left:0; display:block;}
.envia_video fieldset fieldset legend span{ display:block; font: bold 1.6em Arial, Helvetica, sans-serif; color:#492e00;}
	* html .envia_video fieldset fieldset legend{ margin-left:-7px; margin-right:-7px;} /* Hack IE6 */
	*+html .envia_video fieldset fieldset legend{ margin-left:-7px; margin-right:-7px;} /* Hack IE7 */
.envia_video fieldset p{ font: normal 1.2em/1.5em Verdana, Arial, Helvetica, sans-serif;}
.envia_video fieldset p span{ display:block; margin-bottom:3px;}
.envia_video fieldset p input{ width:216px; margin-bottom:6px; padding:3px 2px; border:0;}
.envia_video fieldset p textarea{ float:left; width:362px; height: 93px; padding:3px 2px; border:0;}
.envia_video input.boton{ float:right; cursor:pointer; margin-right:6px; width:83px; padding:2px 0; background: transparent url(../images/consulta_boton.gif) center center; border:0; font: bold 1.2em/1em Arial, Helvetica, sans-serif; color:#FFF; text-transform:uppercase;}
	* html .envia_video input.boton{ padding:4px 0 2px;} /* Hack IE6 */
	*+html .envia_video input.boton{ padding:4px 0 2px;} /* Hack IE7 */

	/* Botón de cerrar*/
	.envia_video .cerrar, .envia_video .cerrar2 { float:right; position:relative; top:-14px; margin-bottom:-14px; right:6px; font-size:1.1em;}
	.envia_video .cerrarExp, .envia_video .cerrar2 { float:right; position:relative; top:-14px; margin-bottom:-14px; right:6px; font-size:1.1em;}
	.cerrar_resumen { float:right; position:relative; top:-14px; margin-bottom:-14px; right:-8px; font-size: 0.81em; font-family: Verdana, Arial, Helvetica, sans-serif;}
	.cerrar_embed { float:right; position:relative; top:-14px; margin-bottom:-14px; right:-8px; font-size: 0.81em; font-family: Verdana, Arial, Helvetica, sans-serif;}
  .envia_video .cerrar a, .envia_video .cerrar2 a, .cerrar_resumen, .cerrar_embed a { padding:1px 18px 1px 0; background: transparent url(../images/ico_cerrar.gif) right center no-repeat; color:#623e00; text-decoration:none;}
  .envia_video .cerrar a:hover, .envia_video .cerrar2 a:hover, .cerrar_resumen a:hover{ color:#de0e67;}
  .envia_video .cerrarExp a, .envia_video .cerrar2 a, .cerrar_resumen, .cerrar_embed a { padding:1px 18px 1px 0; background: transparent url(../images/ico_cerrar.gif) right center no-repeat; color:#623e00; text-decoration:none;}
  .envia_video .cerrarExp a:hover, .envia_video .cerrar2 a:hover, .cerrar_resumen a:hover{ color:#F98F22;}

	/* Aviso de error*/
	.envia_video .aviso{ padding:50px 0 60px; text-align:center; color:#382200; font-size:1.2em;}

	/* Botón de volver*/
	.envia_video .volver{ float:right; position:relative; bottom:0; right:6px; font-size:1.2em; font-weight:bold; font-size:1.2em; text-transform:uppercase;}
	.envia_video .volver a{ display:block; width:192px; padding:3px 4px; background: transparent url(../images/volver_boton.gif) center center; color:#FFF; text-align:center; text-decoration:none; background-color:#FF0000}
	.envia_video .volver a:hover{ text-decoration:underline;}


/* Destacados
------------------------------------------------------------------------------------------------------------------------ */
.destacados{ height:1%; padding-bottom:20px; background: transparent url(../images/destacados_back.gif) left bottom repeat-y;}
	.destacados:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.destacados{ display: block;}

.destacados h4{ margin:2px 0 8px; padding:0; font: bold 1.6em/1em Verdana, Arial, Helvetica, sans-serif;}
.destacados h4 a{ text-decoration:none;}
.destacados .col{ float:left; width:170px; margin-right:5px; padding-right:6px;}
.destacados .col h5{ margin:9px 5px 5px; font: bold 1.4em/1.45em Arial, Helvetica, sans-serif; min-height:41px;}
	* html .destacados .col h5{ height:41px;} /* Hacki IE6 */
.destacados .col p{ margin: 0 5px 9px; font: normal 1.3em/1.3em Arial, Helvetica, sans-serif; min-height:51px;}
 	* html .destacados .col p{ height:51px;} /* Hacki IE6 */
.destacados .col p.vermas{ padding-top:8px; border-top:1px solid #DDD; text-align:right; min-height:inherit;}
	* html .destacados .col p.vermas{ height:auto;} /* Hack IE6 */
  *+html .destacados .col p.vermas{ min-height:auto;} /* Hack IE7 */
.destacados .col p.vermas a{ color:#2c1a03;}
.destacados .col p.vermas a:hover{ color:#de0e67;}


/* �ndice
------------------------------------------------------------------------------------------------------------------------ */
#indice{ height:1%; margin-bottom:20px; background: transparent url(../images/destacados_back.gif) left bottom repeat-y;}
#indice h3{ width:auto; margin:2px 0 11px; padding: 0 5px 9px; font: bold 1.6em/1em "Lucida Bright", Georgia, "Times New Roman", Times, serif; color:#de0e67;}
#indice h3 a{ text-decoration:none; color:#de0e67;}
#indice h3 a:hover{ text-decoration:underline;}
#indice .col{ float:left; width:170px; margin-right:5px; padding-right:6px;}
#indice .col ul{ margin-top:4px;}
#indice .col ul li{ margin: 0; border-top: 1px solid #DDD; font: normal 1.2em/1.7em Arial, Helvetica, sans-serif;}
#indice .col ul li.primero{border:1;}
#indice .col ul li a{ height:1%; display:block; padding:5px 0 5px 10px; background: transparent url(../images/indice_flecha.gif) left top no-repeat;}
#indice .col ul li a:hover{ background-position: 0 -94px; background-color:#EEE;}


/* Resultados
------------------------------------------------------------------------------------------------------------------------ */
#resultados{ width:894px;}
#resultados .item{ position:relative; padding: 10px 0 40px 0; border-bottom:1px solid #DDD; min-height:100px;}
#resultados .itemNoResults{ position:relative; padding: 10px 0 40px 32px; border-bottom:1px solid #DDD; min-height:100px;}
	* html #resultados .item{ height:100px;} /* Hack IE6 */
	* html #resultados .itemNoResults{ height:100px;} /* Hack IE6 */
#resultados .item h4, #resultados .item h5{ width:auto; margin:0 0 0 180px; padding: 0 0 7px 10px; border-left:1px solid #DDD; font: normal 1.8em/1em Arial, Helvetica, sans-serif; color:#545454;}
#resultados .item h5{ font: normal 1.1em/1em Arial, Helvetica, sans-serif; color:#6D6D6D; text-transform:uppercase;}
#resultados .itemNoResults h5{ font: normal 1.6em/1em Arial, Helvetica, sans-serif; color:#6D6D6D;}
#resultados .item img{ position:absolute; top:10px; left:0; padding-right:10px; border-right:1px solid #DDD;}
#resultados .item p{ margin-left:180px; padding: 0 0 0 10px; border-left:1px solid #DDD; font: normal 1.2em/1.5em Verdana, Arial, Helvetica, sans-serif;}
#resultados .item p.vermas { position:absolute; bottom:10px; right:0; padding-top:50px;}
#resultados .item p.vermas a{ float:right; padding:2px 36px 2px 0; border:0; background: transparent url(../images/raquo_doble.gif) right center no-repeat; color:#2c1a03;}
#resultados .item p.vermas a:hover{ color:#de0e67;}


/* Tablas del Foro
------------------------------------------------------------------------------------------------------------------------ */
.caja_quees{ margin:-8px 37px 22px 0;}
.caja_quees h4{ margin:22px 0 3px; font: bold 1.3em Verdana, Arial, Helvetica, sans-serif;}
.caja_quees p{ font: normal 1.2em/1.5em Verdana, Arial, Helvetica, sans-serif;}


/* Tablas del Foro
------------------------------------------------------------------------------------------------------------------------ */
table.foro{ width:894px; border:1px solid #DDD;}
table.foro tbody tr:hover td, table.foro tbody tr:hover th{ background: #EDEDED url(../images/titulo_tabla_back.gif) repeat-x;}
table.foro th, table.foro td{ padding:12px 10px; border:1px solid #DDD; text-align:left;}
table.foro thead th{ padding-top:4px; padding-bottom:3px; background: #EDEDED url(../images/titulo_tabla_back.gif) repeat-x; font: bold 1.4em Arial, Helvetica, sans-serif; color:#de0e67; vertical-align:top;}
table.foro tbody td, table.foro tbody th { font: normal 1.2em Verdana, Arial, Helvetica, sans-serif;}
table.foro tbody td.autor { background: #F6F6F6 url(../images/foro_autor_back.gif) repeat-x;}
table.foro tbody td.mensaje { width:256px; padding-top:6px; padding-bottom:6px; font: normal 1.1em Verdana, Arial, Helvetica, sans-serif;}

table.detalle th, table.detalle td { vertical-align:top;}
table.detalle thead th.autor { width:140px;}
table.detalle tr.odd th, table.detalle tr.odd td{ background: #F6F6F6 url(../images/foro_autor_back.gif) repeat-x;}
table.detalle tr.odd th{ border-right:1px solid #FFF;}
table.detalle tbody th span{ font: normal .92em Verdana, Arial, Helvetica, sans-serif;}

table.detalle thead th.thForoClass {color:#F98F22;}


/* Formulario del Foro
------------------------------------------------------------------------------------------------------------------------ */
#comenta_foro{ width:859px; padding: 20px 0 28px 35px; border-bottom:1px solid #DDD;}
	#comenta_foro:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	#comenta_foro{ display: block;}
#comenta_foro p{ font: normal 1.2em/1.5em Verdana, Arial, Helvetica, sans-serif;}
#comenta_foro form{ width:392px; padding-top:28px;}
#comenta_foro fieldset p span{ display:block; margin-bottom:3px;}
#comenta_foro fieldset p input{ width:386px; margin-bottom:6px; padding:3px 2px;}
#comenta_foro fieldset p textarea{ width:386px; margin-bottom:10px; padding:3px 2px;}
#comenta_foro input.boton{ float:right; margin-left:15px; padding:7px 36px 8px 7px; border:1px solid #999; background: #CCC url(../images/comentar_boton.gif) right center no-repeat; font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; color:#2c1a03;}
 * html #comenta_foro input.boton{ padding-right:22px; padding-left:0px;}
 *+html #comenta_foro input.boton{ padding-right:22px; padding-left:0px;}
#comenta_foro input.boton:hover{ color:#de0e67;}
#comenta_foro input.botonExp{ float:right; margin-left:15px; padding:7px 36px 8px 7px; border:1px solid #999; background: #CCC url(../images/comentar_botonExp.gif) right center no-repeat; font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; color:#2c1a03;}
 * html #comenta_foro input.botonExp{ padding-right:22px; padding-left:0px;}
 *+html #comenta_foro input.botonExp{ padding-right:22px; padding-left:0px;}
#comenta_foro input.botonExp:hover{ color:#F98F22;}


/* Buscador por palabras
------------------------------------------------------------------------------------------------------------------------ */
form.buscador_palabras{ margin:15px 0 31px;}
form.buscador_palabras fieldset{ display:inline; margin-right:5px; padding-bottom:2px;}
form.buscador_palabras p{ display:inline;}
form.buscador_palabras span{ margin:0 5px 0 0; padding-top:0px; font: normal 1.2em/1em Verdana, Arial, Helvetica, sans-serif;}
form.buscador_palabras input{ width:180px; padding:3px 2px; font: normal 1.2em/1.4em Verdana, Arial, Helvetica, sans-serif;}
	* html form.buscador_palabras input{ padding-top:1px; padding-bottom:6px;} /* Hack IE6 */
	*+html form.buscador_palabras input{ padding-top:1px; padding-bottom:6px;} /* Hack IE7 */
form.buscador_palabras select{ width:180px; margin-right:80px; padding:2px; font: normal 1.2em/1.4em Verdana, Arial, Helvetica, sans-serif;}
form.buscador_palabras input.boton{ height:22px; width:22px; padding:0; border:0; vertical-align:top;}
	* html form.buscador_palabras input.boton{ vertical-align:middle;} /* Hack IE6 */
	*+html form.buscador_palabras input.boton{ vertical-align:middle;} /* Hack IE7 */
form.buscador_palabras label, form.buscador_palabras span, form.buscador_palabras input, form.buscador_palabras select{ vertical-align: middle;}


/* Buscador cronológico
------------------------------------------------------------------------------------------------------------------------ */
#cronos{ margin:15px 37px 21px 0; min-height:200px; position:relative;}
	#cronos:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	#cronos{ display: block;}
	* html #cronos{ height:200px;} /* Hack IE6 */

	/* Listado de secciones */
	#cronos ul{ font: normal 1.2em Verdana, Arial, Helvetica, sans-serif;}
	#cronos ul.default{ float:left; width:120px; padding-right:10px; border-right:1px solid #DDD;}
	#cronos ul li{ margin-bottom:4px;}
	#cronos ul ul{ padding:0 0 10px 15px;}
	#cronos ul ul.default{ position:absolute; width:260px; top:0; left:130px; padding:0 0 10px 15px; border-left:1px solid #DDD; border-right:0; font-size:1em;}
	#cronos .seleccionado{ font-weight:bold;}

		/* Tabla de a�os */
	#cronos table{ float:right; width:700px; border-bottom:1px solid #DDD;}
	#cronos table th, #cronos table td{ vertical-align:center; text-align:center;}


	#cronos table th{ border-right:1px solid #DDD; font: bold 1.4em Arial, Helvetica, sans-serif; color:#000;}
	#cronos table th.title{font: normal 1.2em Verdana, Arial, Helvetica, sans-serif; color:#545454;}
	#cronos table th.ultimo{ border:0;}
	#cronos table td{ padding:5px 0; border-right:1px solid #DDD; border-left:1px solid #DDD; border-bottom:1px solid #DDD;}
	#cronos table td.blanco, #cronos table td.blanco2{ height:7px; padding:0; border-top:1px solid #DDD; border-bottom:0;}
	#cronos table td.blanco2{ border-top:0;}
	#cronos table td.espacio{ border:0;}
	#cronos table td span{ position:relative; display:block; margin:0 auto; width:17px; padding-top:1px; background: #be0153 url(../images/cronos_item_back.gif) center top no-repeat; font: bold 1.2em/1.19em Arial, Helvetica, sans-serif; color:#FFF;}

	#cronos table td.noborder_bottom{border-bottom:0;}


#buscador_vital{ height:1%; margin:11px 0 21px 0; padding-bottom:8px;/* background: transparent url(../images/buscador_vital_back.gif) left top repeat-y;*/}
#buscador_vital:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#buscador_vital{ display: block;}
#buscador_vital ul{ float:left; width:145px; font: normal 1.2em Verdana, Arial, Helvetica, sans-serif;}
#buscador_vital ul.marge{ margin:0 10px 0 0; }
#buscador_vital ul li{ margin-bottom:6px;}

#buscador_vital ul li strong{ /*display: block; float:left; width:140px;*/ margin:0 0 0px 0; font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; color:#DE0E67; margin:0 21px 0 0; font: normal 1.2em Verdana, Arial, Helvetica, sans-serif;}
#buscador_vital ul li{ margin-bottom:6px;}


/* Buscar más cosas
------------------------------------------------------------------------------------------------------------------------ */
ul#buscarmas{ width:890px; margin: -1px 4px 0 0; padding:14px 0 0 4px; border-top:1px solid #DDD; font: 1.2em Verdana, Arial, Helvetica, sans-serif;}
	ul#buscarmas:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	ul#buscarmas{ display: block;}

ul#buscarmas li{ float:left; clear:left;}
ul#buscarmas li a{ float:left; width:auto; margin-bottom:9px; padding:4px 36px 5px 0; background: transparent url(../images/raquo_doble.gif) right center no-repeat; color:#2c1a03;}
ul#buscarmas li a:hover{ color:#de0e67;}


/* Banners enormes de la home
------------------------------------------------------------------------------------------------------------------------ */
/* Tecnica basada en la de Gianluca Troiani, pero corrige el problema de accesibilidad que se produce al aumentar la medida de la fuente - Fi Image Replacement */
#banners{ height:1%; margin-top:0px; padding-top:12px;}
#banners p{ float:left; position: relative; z-index: 1; display:inline;}
#banners p a{ display: block; text-decoration:none;}
#banners p a span{ position: relative; z-index: -1;}

#banners p.ban_quees{ margin-left:-9px; margin-right:10px;}
#banners p.ban_quees a{ width: 647px; height:331px;}

#banners p.ban_explica{ margin-top:10px;}
#banners p.ban_explica a{ width: 246px; height:280px;}

#banners .bannerGrabaciones{
	margin:0 15%;
}

* html #banners .bannerGrabaciones{
   margin:0 7%;
}


/* Paginación
------------------------------------------------------------------------------------------------------------------------ */
#paginacion{ margin-right:37px;}
#paginacion ul{ margin:25px auto 15px auto; position:relative; width:21.1em;}
	#paginacion ul:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	#paginacion ul{ display: block;}
#paginacion ul li{ float:left; font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;}
#paginacion ul li a{ float:left; margin:1px 0 0 0; padding:3px 5px 2px; background: #ededed url(../images/paginacion_back.gif) left top repeat-x; border:1px solid #DDD; text-decoration:none;}
#paginacion ul li a:hover{ background-color:#D6D6D6; background-position: 0 -180px; color:#de0e67;}
#paginacion ul li.flecha a{ border:0; margin-top:0; padding:0;}
#paginacion ul li.anterior { margin-right:8px;}
#paginacion ul li.siguiente { margin-left:7px;}
#paginacion ul li a.currentPage{ color:#de0e67;}

 #paginacionExp{ margin-right:37px;}
 #paginacionExp ul{ margin:25px auto 15px auto; position:relative; width:21.1em;}
	 #paginacionExp ul:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	 #paginacionExp ul{ display: block;}
 #paginacionExp ul li{ float:left; font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;}
 #paginacionExp ul li a{ float:left; margin:1px 0 0 0; padding:3px 5px 2px; background: #ededed url(../images/paginacion_back.gif) left top repeat-x; border:1px solid #DDD; text-decoration:none;}
 #paginacionExp ul li a:hover{ background-color:#D6D6D6; background-position: 0 -180px; color:#F98F22;}
 #paginacionExp ul li.flecha a{ border:0; margin-top:0; padding:0;}
 #paginacionExp ul li.anterior { margin-right:8px;}
 #paginacionExp ul li.siguiente { margin-left:7px;}
 #paginacionExp ul li a.currentPage{ color:#F98F22;}



/* Anadir comentario
------------------------------------------------------------------------------------------------------------------------ */
#anadir{ width:894px; padding-top:15px; border-top:1px solid #DDD; font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;}
	#anadir:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	#anadir{ display: block;}

#anadir p{ float:left; padding:4px 4px 4px 11px; background: #CCC url(../images/anadir_comentario_back.gif) center center repeat-x; border:1px solid #999;}
#anadir p a{ float:left; padding:4px 36px 5px 0; background: transparent url(../images/raquo_doble.gif) right center no-repeat; color:#2c1a03;}
#anadir p a:hover{ color:#de0e67;}

/* Anadir comentario foro Experiencia
------------------------------------------------------------------------------------------------------------------------ */
#anadirExp{ width:894px; padding-top:15px; border-top:1px solid #DDD; font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;}
	#anadirExp:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	#anadirExp{ display: block;}

#anadirExp p{ float:left; padding:4px 4px 4px 11px; background: #CCC url(/images/anadir_comentario_back.gif) center center repeat-x; border:1px solid #999;}
#anadirExp p a{ float:left; padding:4px 36px 5px 0; background: transparent url(/images/exp_raquo_doble.gif) right center no-repeat; color:#2c1a03;}
#anadirExp p a:hover{ color:#F98F22;}

/* Ir al Indice
------------------------------------------------------------------------------------------------------------------------ */
p.irindice{ margin: 15px 0 10px; font: 1.2em Verdana, Arial, Helvetica, sans-serif;}
p.irindice a{ padding:4px 36px 5px 0; border:0; background: transparent url(../images/raquo_doble.gif) right center no-repeat; color:#2c1a03;}
p.irindice a:hover{ color:#de0e67;}


/* Mapa Web
------------------------------------------------------------------------------------------------------------------------ */
#mapa_web{ margin: 0 37px -22px 15px; padding-bottom:40px; background: transparent url(../images/mapaweb_back.jpg) right bottom no-repeat; font: normal 1.4em Verdana, Arial, Helvetica, sans-serif;}
#mapa_web ol{ height:1%; margin-top:-8px; padding-bottom: 130px;}
#mapa_web li{ margin-top:22px; padding:0 0 1px 29px; background: transparent url(../images/flecha.gif) left top no-repeat; font-weight:bold;}
#mapa_web li li{ margin: 3px 0 0 27px; padding:0 0 0 9px; background: transparent url(../images/mapa_web_item.gif) left center no-repeat; font-weight:normal;}
#mapa_web p{ margin-bottom:.6em; font: normal 1.2em/1.5em Verdana, Arial, Helvetica, sans-serif;}


/* Aviso Legal
------------------------------------------------------------------------------------------------------------------------ */
#aviso_legal{ margin: 7px 37px 0 0;}
#aviso_legal h3{ margin:0 0 .55em 0; padding:0; background:none; font: bold 1.4em Verdana, Arial, Helvetica, sans-serif; color:#545454;}
#aviso_legal h4{ margin:37px 0 .65em 0; font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;}
#aviso_legal p{ margin-bottom:1.5em; font: normal 1.2em/1.5em Verdana, Arial, Helvetica, sans-serif;}


/* Quienes Somos
------------------------------------------------------------------------------------------------------------------------ */
#quienes_somos{ margin: 7px 0 -22px; background: transparent url(../images/quienessomos_back.jpg) right bottom no-repeat; font: normal 1.4em/1.44em Verdana, Arial, Helvetica, sans-serif; height:309px;}
* html #quienes_somos{ min-height:309px;} /* Hack IE6 */
#quienes_somos p{ width:340px;}


/* Preguntas Frecuentes
------------------------------------------------------------------------------------------------------------------------ */
div#faqs{ margin:11px 37px 0 0; font: normal 1.4em/1.44em Verdana, Arial, Helvetica, sans-serif;}
div#faqs li{ height:1%;}
div#faqs dt{ margin-bottom:1px; line-height:1.25em; font-weight:bold; color:#de0e67;}
div#faqs dd{ margin-bottom:15px;}

/* Mapa Web Error
------------------------------------------------------------------------------------------------------------------------ */
#error_web{ margin: 0 37px -22px 15px; padding-bottom:55px; font: normal 1.4em Verdana, Arial, Helvetica, sans-serif;}
#error_web ol{ height:1%; margin-top:0px; }
#error_web li{ margin-top:22px; padding:0 0 1px 29px; font-weight:bold;}
#error_web li li{ margin: 12px 0 0 27px; padding:0 0 0 9px; background: transparent url(../images/mapa_web_item.gif) left center no-repeat; font-weight:normal;}
#error_web p{ margin-bottom:.6em; font: normal 1.2em/1.5em Verdana, Arial, Helvetica, sans-serif;}


/* Normas Foros
------------------------------------------------------------------------------------------------------------------------ */
#normasForos{ margin: 7px 37px 0 0;}
#normasForos h2{ margin:0 0 .55em 0; padding:0; background:none; font: bold 1.4em Verdana, Arial, Helvetica, sans-serif; color:#545454;}
#normasForos p{ margin-bottom:1.5em; font: normal 1.4em/1.5em Verdana, Arial, Helvetica, sans-serif;}

#cajanueva{
background-color:#FFFFFF;
padding:4px 0 0 0;
margin-right:5px;
width:200px;
float:right;
text-align:center;
height:20px;
font-family: Arial,Helvetica,sans-serif; font-weight:bold; } .colorRosa{ color:#DE0C67; font-size:13px; font-weight:bold;
font-family: Arial,Helvetica,sans-serif; }