/*****************************************************************************************************************
*	ESTILOS IMPORTADOS
*****************************************************************************************************************/

.menu_principal {
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	font-size: 1em;
}
.bold {
	font-weight: bold;
}
.gris_oscuro {
	color: #727272;
}
.promo {
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	font-size: 17px;
	clip: rect(auto,auto,auto,auto);
}
.blanco {
	color: #FFFFFF;
}
.parrafo_promo {
	font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 10px;
	line-height: 18px;
}
.margen_iconos {
	margin-right: 5px;
}
.azul_medio {
	color: #A0CFDD;
}
.margen_inferior {
	padding-bottom: 8px;
}
.submenu_off {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #5A5A5A;
}
.azul_oscuro {
	color: #37648D;
}
.blanco {
	color: #FFFFFF;
}
.submenu_on {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #FF2B01;
}
.cabecera {
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	font-size: 20px;
}
.margen_izquierdo {
	padding-left: 15px;
}
.margen_superior {
	padding-top: 12px;
}
.margen_derecho {
	padding-right: 15px;
}
.verde01 {
	color: #76AB09;
}


.micro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.gris_medio {
	color: #797979;
}
.modulo01 {
	font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.91em;
	line-height: 1.45em;
}
.subrayado {
	text-decoration: underline;
}
.verde {
	color: #649133;
}
.borde_gris {
	border: thin solid #D6D6D6;
}
.rojo {
	color: #FF2B01;
}
.titulo_video_grande {
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	font-size: 18px;
}
.micro_texto_video {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.borde_verde {
	border: thin solid #78AC0B;
}
.titulo_foto_grande {
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	font-size: 16px;
}


/*****************************************************************************************************************
*	INICIO CSS
*****************************************************************************************************************/


body {
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}
#cabecera { margin: 0px; overflow: hidden; border: 0px; padding: 0px; }

.no-visible,.display-none {	display:none !important; }

.overflow-hidden { overflow: hidden; }

.contenedor {
	width: 900px;
	margin: auto;
}
.negro { color: black; }
.float-left { float: left; }
.margin-right-10 { margin-right: 10px; }
.margin-right-5 { margin-right: 5px; }
.margin-bottom-15 { margin-bottom: 15px; }
.margin-top--10  {margin-top: -10px; }
.margin-top-10  {margin-top: 10px; }
.margin-top-15  {margin-top: 15px; }
.margin-top-25  {margin-top: 25px; }

.clear-both { clear: both; }
.borde_gris { border: thin solid #D6D6D6; }
.fondo_azul { background-color: #37648D; }
.padding-left-15 {	padding-left: 15px; }
.padding-top-30 { padding-top: 30px; }
.margin-bottom-30 {	margin-bottom: 30px; }
.display-block { display: block; }
.float-right { float: right; }

.parrafo_texto, .parrafo_texto p {

	font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 18px;
	text-align: justify;
}
strong { font-weight: bold; }

.link { text-decoration: none; }
.link:hover  { text-decoration: none; }
.justify { text-align: justify; }

#logo {
	float: left; margin-left: 15px;
}

/* MENÚ PRINCIPAL DE LA PÁGINA */

/* SUBMENU DE LA IZQUIERDA */
#submenu { width: 884px; margin: auto; background-color: #4C7099; min-height: 60px;	height: auto !important; height: 85px; padding: 8px;
	margin-top: -2px;
	overflow: hidden;
}

	#submenu li {
		width: 192px;
		float: left;
		padding: 10px;
		border-right: 1px solid #629FCB;


	}
		#submenu li a {
			font-family: Lucida Grande, Arial, Helvetica, sans-serif;
			font-size: 17px;
			font-weight: bold;
			color: white;
			text-decoration: none;
			display: block;
			margin-top: 8px;
			margin-left: 55px;
		}

		#submenu li p {
			font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
			font-size: 11px;
			line-height: 18px;
			font-weight: bold;
			padding-bottom: 8px;
			color: #A0CFDD;
			margin-top: 20px;
		}


		#submenu li.cortos		{
			background: url(/images/iconos/cortos.gif) 5px 0px no-repeat;
		}

		#submenu li.testimonios {
			background: url(/images/iconos/testimonios.gif)  5px 0px no-repeat;
			margin-left: 10px;
		}
			#submenu li.testimonios a { margin-left: 60px; }

		#submenu li.tiempo_libre{ background: url(/images/iconos/tiempo_libre.gif)  5px 0px no-repeat;	margin-left: 10px;}
		#submenu li.actualidad 	{ background: url(/images/iconos/ocio.gif)  5px 0px no-repeat;	border: 0px;  	margin-left: 10px;		}

/* LOS LOGOS DE LA MANCOMUNIDAD Y EL MINISTERIO */
#logos { margin: auto;  margin-top: 40px; }
	#logos li { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; 	color: #727272; line-height: 14px; height: 65px; margin: auto; width: 150px;  padding-right: 10px; padding-top: 5px;}
	#logos li.mit { width: 140px; margin: auto;  padding: 0px;}




#contenido  {
	width: 900px;
	margin: auto;
	background-color: white;
	min-height: 60px;

}

/* CSS PARA LAS PLANTILLAS DE CONTENIDOS */
#plantilla {
	background-color: #ffffff;
	overflow: hidden;
	margin-top: -5px !important;
	margin-top: 0px;
}

#top-azul 		{ background-color: #37648D; color:  #37648D; background-image: none; margin:0px; padding-top: 10px; }
#top-lila 		{ background-color: rgb(133, 54, 140); color:  rgb(133, 54, 140);   background-image: none; margin:0; padding-top: 10px; }
#top-naranja 	{ background-color: rgb(206, 91, 5); color:  rgb(206, 91, 5);  background-image: none; margin:0; padding-top: 10px; }
#top-pistacho 	{ background-color: rgb(201, 206, 5); color: rgb(201, 206, 5);  background-image: none; margin:0; padding-top: 10px; }
#top-roja 		{ background-color: rgb(173, 42, 40); color:  rgb(173, 42, 40);  background-image: none; margin:0; padding-top: 10px; }
#top-verde		{ background-color: rgb(119, 188, 5); color: rgb(119, 188, 5);  background-image: none; margin:0; padding-top: 10px; }

.azul 		{ color:  #37648D; }
.lila 		{ color: rgb(133, 54, 140); }
.naranja 	{ color: rgb(206, 91, 5); }
.pistacho 	{ color: rgb(201, 206, 5); }
.roja  		{ color: rgb(173, 42, 40);}
.verde 		{ color:rgb(119, 188, 5); }


.bg-azul 		{ background-color:  #37648D; }
.bg-lila 		{ background-color: rgb(133, 54, 140); }
.bg-naranja 	{ background-color: rgb(206, 91, 5); }
.bg-pistacho 	{ background-color: rgb(201, 206, 5); }
.bg-roja  		{ background-color: rgb(173, 42, 40);}
.bg-verde 		{ background-color:rgb(119, 188, 5); }


#submenu_plantilla {
	width: 195px;
	background: url(/images/sombra.gif) no-repeat 100% 0%;
	background-color: white;
	float: left;
	min-height: 400px;
	height: auto !important;
	height: 400px;

}

	#submenu_plantilla h1 {
		font-family: Lucida Grande, Arial, Helvetica, sans-serif;
		font-size: 20px;
		font-weight: normal;
		padding-top: 10px;
		padding-left: 10px;

		width: 185px;
		height: 35px;
	}

	.sombra-azul 	{ background: url(/images/sombra_azul.gif) no-repeat 100% 100%; background-color: #37648D; 	color: #A0CFDD; }
	.sombra-lila 	{ background: url(/images/sombra_lila.gif) no-repeat 100% 100%;  background-color: rgb(133, 54, 140); color: #b85ebf; }
	.sombra-naranja { background: url(/images/sombra_naranja.gif) no-repeat 100% 100%;  background-color: rgb(206, 91, 5); 	color: #f2924a; }
	.sombra-pistacho{ background: url(/images/sombra_pistacho.gif) no-repeat 100% 100%;  background-color: rgb(201, 206, 5); color: #dce036; }
	.sombra-roja 	{ background: url(/images/sombra_roja.gif) no-repeat 100% 100%;  	background-color: rgb(173, 42, 40);  color: #ef6b69; }
	.sombra-verde 	{ background: url(/images/sombra_verde.gif) no-repeat 100% 100%;  background-color: rgb(119, 188, 5); color: #9fd93f;  }

	#submenu_plantilla #enlaces {
		padding: 0px;
		margin: 0px;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 1em;
		font-weight: bold;
		margin-top: 10px;
		outline: 0px;
		list-style: none;


	}

		#submenu_plantilla #enlaces li {
			border: 1px solid white;
			padding-left: 25px !important;
			padding-left: 15px;
			margin-right: 10px;
			background: url("/images/list.gif") 10px 12px no-repeat;

		}


#submenu_plantilla #enlaces li.seccion a { background:none; padding-bottom: 0.2em; }
#submenu_plantilla #enlaces li.subseccion { background:none; padding-left: 25px; }
#submenu_plantilla #enlaces li.subseccion a { background: none; padding: 0.5em 0 0.0em 0; font-size: 0.9em;  color: #999; font-weight: normal;}
#submenu_plantilla #enlaces li.subseccion.ultimo a {	background: url("/images/dots.gif") repeat-x 0 100%; padding-bottom: 1em; }

			#submenu_plantilla #enlaces li a {
				margin: 0px;
				display: block;
				padding: 10px 0px 10px 0px;
				background: url("/images/dots.gif") repeat-x 0% 100%;
			}


		#submenu_plantilla #enlaces li a { text-decoration: none; 	color: #5A5A5A; margin-left: 0px !important; margin-left: 10px; line-height: 1.1em;}
		#submenu_plantilla #enlaces li a.selected { text-decoration: none;	color: #FF2B01;}



#contenido_plantilla {
	margin-top: 4px;
	background-color: white;
	width: 654px;
	float: left;
	padding: 12px 25px 12px 25px;
	overflow: hidden;
}

	#contenido_plantilla h2 {
		font-family: Lucida Grande, Arial, Helvetica, sans-serif;
		font-size: 20px;

		float: left;
  		margin-bottom: 1em;
	}

	#contenido_plantilla #text_size {
		color: #797979;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		float: right;
		margin-top: 5px;
	}

		#contenido_plantilla #text_size p 		{ display: inline; float: left; margin-top: 1px; margin-right: 10px;}
		#contenido_plantilla #text_size a img 	{ margin-left: 2px;	}

.novedad:before {
	content: "Novedad: ";
	color: #FF2B01;
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: normal;
}

/* MÓDULO DESTACADOS */
	.modulo-informacion .cabecera {
		margin-top: 35px;
		background-color: #37648D;
		padding: 5px 5px 0px 15px;
		overflow: auto;
		font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
		font-size: 1em;
		line-height: 1.5em;
		font-weight: bold;
		color: #A0CFDD;
	}

	.modulo-informacion .botones {
		float: right;
	}

		/* MÓDULO DESTACADO */
		#videos-caja .destacado {
			width: 320px;
			color: #727272;
			float: left;
			margin-top: 6px;
		}

			#videos-caja .destacado img {
				border: thin solid #D6D6D6;
				padding:1px;

			}
			#videos-caja .destacado .novedad {
				margin-top: 10px;
				margin-bottom: 10px;
			}

			#videos-caja .destacado h3 a, #fotos-caja .destacado h3 a {

				font-size: 1.5em;
				color: #37648D;

			}

		/* MÓDULO DESTACADO FOTO */
		#videos-caja .destacado_foto {
			background: url("/images/fondo_foto.gif") no-repeat;
			height: 344px;
			text-align: center;
			width: 331px;
			float: left;
		}
		#videos-caja .destacado_foto img { padding: 22px;}

		#videos-caja .destacado_foto h3 a, #fotos-caja .destacado_foto h3 a {
				font-size: 1.5em;
				color: #37648D;
		}


		/* OTROS VIDEOS */
		#videos-caja .otros {
			float:right;
			width: 290px;
			color: #727272;
		}

			#videos-caja .otros .video {
				clear: both;
				overflow: auto;
				line-height: 15px;
				height: auto !important;
				height: 1%;
				padding: 5px 0px 5px 0px;
				border-bottom: 1px solid #D6D6D6;
			}

			#videos-caja .otros .video img.imagen {
				padding: 1px 1px 1px 1px;
				margin-right: 10px;
				border: thin solid #D6D6D6;
				float: left;
			}

			#videos-caja .otros .video .titulo, #fotos-caja .titulo {
				color: #37648D;
				font-weight: bold;
				display: block;

			}

			#videos-caja .otros .video .tiempo {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;
				font-weight: bold;
				color: black;
				margin-top: 5px;
				margin-right: 10px;
			}

			#videos-caja .otros .video .tiempo .comentarios {
				font-weight: normal;
				color: #37648D;
			}
			#videos-caja .ver-todos {
				color: #37648D;
				font-weight: bold;
				float: right;
				font-size: 11px;
				line-height: 16px;
				width: 120px;
				display: block;
				clear: both;
				text-align: right;


			}


/* SECCIÓN DE OCIO */
#ocio h3 { 	color: #37648D; float: left;}
#ocio .fecha { color: #c0c0c0; font-size: 8px; float: left; display: block; padding-left: 15px; }
#ocio .texto { display: block; clear: both; padding-top: 15px;}
div.separador {  background: url("/images/dots.gif") repeat-x 0% 100%; padding-top: 20px;}
#ocio li {
	list-style: none;
	padding: 15px 0px 15px 0px;
	background: url("/images/dots.gif") repeat-x 0% 100%;
}

/* PIE DE LAS PÁGINAS */
#pie {
	margin-top: 15px;
	overflow: hidden;
}
	#pie div {
		outline: 0px;
		padding: 10px;
		width: 30%;
		height: 130px;
		float: left;
		border-right: 1px solid #CCCCCC;
		font-size: 0.91em;
		line-height: 16px;
	}

	#pie div.last { border: 0px; }
	#pie div .titulo { font-weight: bold; display: block; color: #37648D;}
	#pie div .texto { width: 122px;  color: #727272;}
	#pie div a { 	color: #37648D; text-decoration: none; display: block; outline: 0px;}
	#pie div img { float: right;}

	.cita { display: block; font-size: medium; font-weight: bold; color: rgb(153, 204, 0);
		margin-right: 16px; margin-bottom: 4px; float: left; line-height: 20px; margin-top: 15px;
		overflow: hidden;
		}



/* PÁGINA PRINCIPAL */

#columna_izq { width: 193px; float: left; overflow: hidden; padding: 15px; }
#columna_centro  { padding-top: 15px; }
#columna_der { width: 193px; float: right; overflow: hidden;  padding: 15px; }
div.logo_mancomunidad { line-height: 15px; margin: auto; width: 160px; }

#enlaces_principal { border: 1px solid #83BC45; margin-top: 25px;}
	#enlaces_principal .header { background-color: #83BC45; height: 20px; color: white; font-weight: bold; text-indent: 5px; margin: 0px;  background-image: none;}
	#enlaces_principal .img { background: url("/images/bg_eventos.gif");  height: 55px; border: 1px solid white;  margin: 0px; }
	#enlaces_principal li  { height: 23px; margin-left: 5px; margin-right: 5px; background: url("/images/bg_celda_evento.gif") no-repeat 100% 0px;  outline: 0; list-style: none; margin: 0;}
	#enlaces_principal li a { color: #37648D; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; }
	#enlaces_principal li a:hover {text-decoration: underline; }

.enlaces_principal_der { width: 90px;}
	.enlaces_principal_der li.header { font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif; font-size: 1em;	line-height: 18px; 	color: #797979; background-image: none; border: 0px; }
	.enlaces_principal_der li { background: url("/images/iconos/mini_flecha_violeta.gif") no-repeat 100% 6px; border-top: 1px solid #F3F3F3; padding: 3px; }
	.enlaces_principal_der a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: black; text-decoration: none; }
	.enlaces_principal_der a:hover {  text-decoration: underline; }
	.enlaces_principal_der li.verde { background: url("/images/iconos/mini_flecha_verde.gif") no-repeat 100% 6px; }

/* PIE DE PÁGINA */
/*  background: url("/images/bg_faldon.gif"); */
#pie_de_pagina { background-color: #0872BB; height: 30px; width: 870px; margin: auto; padding: 15px; overflow: hidden; }
.copyright { line-height: 12px; float: left; }
#menu_pie { float: right; }
	#menu_pie li { display: inline; border-right: 1px solid #A0CFDD; padding-right: 5px !important; padding-right: 3px; padding-left: 3px !important; padding-left: 5px; }
	#menu_pie li.no-border { border: 0px; padding: 0px; padding-left:3px !important;  padding-left: 6px; }
	#menu_pie a { color: white; text-decoration: none; }
	#menu_pie a:hover { text-decoration: underline; }

#mapa_pie { font-family: Arial, Helvetica, sans-serif; font-size: 10px; float: right; }
	#mapa_pie li { display: inline;  border-right: 1px solid #A0CFDD; padding-right: 3px; padding-left:3px !important; padding-left: 6px;}
	#mapa_pie a { color: #A0CFDD; }
	#mapa_pie li.no-border { border: 0px; padding: 0px; padding-left: 3px; }

#texto_mancomunidad { width: 150px; float: left; line-height: normal; padding-left: 12px;}
/* AGENDA.HTML */

#calendario_head { border: 1px solid #77AC0A; width: 190px; padding-bottom: 2px;}

	#calendario_head p { font-weight: bold; color: white; background-color: #77AC0A; text-align: center; padding: 1px; margin-bottom: 2px;}

	#calendario_head a.anterior { font-weight: bold; color: white; }
	#calendario_head a.siguiente { font-weight: bold; color: white; float: right; display: block;}

#calendario { }
	#calendario th { color: white; font-weight: bold; background-color: #FF9900; border: 4px solid white; }
	#calendario td { background-color: #F2F2F2; margin: 5px; border: 4px solid white; text-align: center; color: #727272; height: 18px; }
	#calendario td.dia-ocupado { background-color: #77AC0A; color: white; }
	#calendario td.dia-ocupado a { color: white; text-decoration: none; }
#form-mes, #form-año { border: 1px solid #77AC0A; 	background:#fff; color: #77AC0A; margin-bottom: 10px; font-size: 10px;}

#vermes { background-color: #77AC0A; color: white; border: 1px solid #77AC0A; }
#form_agenda { text-align: center; width: 190px; font-size: 1em; margin-top: 5px;}

#eventos { color: #666666; font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; text-align: justify; }
	#eventos li { padding-bottom: 20px;}
	#eventos a { color: #727272; font-size: 13px; 	color: #37648D; font-weight: bold; }
	#eventos span.fecha { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FF6600; display: block; }

/* FORMULARIO_ENVIA_VIDEO.HTML */

#formulario-envia-video { background: url("/images/bg_envia_video.gif"); width: 695px; height: 80px; margin-top: 25px; }
	#formulario-envia-video #nombre, #formulario-envia-video #email { width: 150px; float: left;}
	#formulario-envia-video #archivo {  font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px !important; font-size: 1em; }

	#formulario-envia-video label { font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px; width: 52px; display: block; float: left;}

	#formulario-envia-video .campos_form {  padding-top: 15px; width: 450px;  float:left; }

	#formulario-envia-video .archivo { padding-top: 8px; float: left; }
	#formulario-envia-video .boton { width: 92px; height: 23px; float: right; padding-right: 50px; margin-top: 8px;}
	#formulario-envia-video p { padding-left: 85px;  font-family: Lucida Grande, Arial, Helvetica, sans-serif; font-size: 16px; color: white; font-weight: bold; width: 120px; padding-top: 25px; float: left; }

/* PRINCIPAL */

.fondo-blanco { background-color: white;}
#contenido-principal {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: normal; color: #333333;}
#contenido-principal h1 a { color: white; text-decoration: none; }
#contenido-principal h1 a:hover { text-decoration: underline; }
	#contenido-principal li { list-style: none; }
	#contenido-principal li.aula-virtual, #contenido-principal  li.audiovisual, #contenido-principal  li.actualidad,  #contenido-principal li.festival { width: 271px; height: 299px; float: left; padding: 0px 10px 0px 10px; }
	#contenido-principal .festival { background: url("/images/modulo04_index.jpg"); margin-left: 5px !important;margin-left: 7px; }
	#contenido-principal .aula-virtual { background: url("/images/modulo01_index.jpg"); margin-left: 5px !important;margin-left: 3px; }
	#contenido-principal .audiovisual { background: url("/images/modulo02b_index.jpg"); margin-left: 5px !important;margin-left: 7px; }
	#contenido-principal .actualidad { background: url("/images/modulo03_index.jpg"); margin-left: 10px !important; margin-left: 8px; }
	#contenido-principal li h1 { font-size: 16px; color: white; font-weight: bold; margin: 20px auto 30px 75px; font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;}
	#contenido-principal li h1 a { color: white; text-transform: uppercase; }
	#contenido-principal li h2 { margin-bottom: 10px;}
	#contenido-principal li h2 a { font-size: 1.1em;  font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif; text-decoration: none;  }
	#contenido-principal li h2 a:hover { text-decoration: underline; }
	#contenido-principal li h2 { font-weight: bold; }
	#contenido-principal li.festival 	h2	{ padding-right: 80px;}
	#contenido-principal li.audiovisual 	h2	{ padding-right: 80px; 	color: #CB9109; font-size: 1.1em; }
	#contenido-principal li.aula-virtual 	h2	a,	#contenido-principal li.aula-virtual li a { color: #339900; }
	#contenido-principal li.audiovisual 	h2	a, #contenido-principal li.audiovisual li a{ color: #CB9109; }
	#contenido-principal li.actualidad 		h2	a, #contenido-principal li.actualidad li a { color: #AC0056; }
	#contenido-principal h3 { margin: 10px auto 10px auto; padding-top: 3px; padding-left: 10px; height: 16px; background-color: #17992F; font-size: 1.1em;  font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif; font-weight: bold; vertical-align: middle; color: white; }
	#contenido-principal li.actualidad 	h3 { background-color: #AC0056;}
	.imagen { border: 1px solid gray; padding: 1px;}
	#contenido-principal li li { border-top: 1px solid #CCCCCC; padding-top: 5px; padding-bottom: 5px; padding-right: 35px; overflow: hidden;}
	#contenido-principal li.aula-virtual li {  background:url("/images/bg_celda_evento_verde.gif"); color: #339900;  }
	#contenido-principal li.actualidad li {  background:url("/images/bg_celda_evento_magenta.gif"); color: #AC0056; }
	#contenido-principal li li.videos { padding-top: 10px; margin-bottom: 10px; overflow: auto; }

	#contenido-principal li li a { text-decoration: none; }
	#contenido-principal li li a strong { font-weight: bold; }
	#contenido-principal li li a:hover { color: inherit; text-decoration: none; }
	p.titulo-video { color: #37648D; font-weight: bold; font-size: 1em; font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif; }

#contenido-principal .festival { color: #333;}
#contenido-principal .festival h2 a {  color: #37648D; }
#contenido-principal .festival h3 {  background-color: #1874A8; margin-top: 2em; }

#contenido-principal .festival ul a { 	color: #37648D;}

#contenido-principal .festival ul a.novedad-festival { background:url("/images/novedad.gif") 0px 2px no-repeat; padding-left: 75px; padding-top: 4px; padding-bottom: 3px;}
#contenido-principal li.festival li {  background:url("/images/bg_celda_evento_azul.gif"); color: #AC0056; }
a.enlace_texto { color: gray; text-decoration: underline;}

/* TUTORIAS */

a.titulo_tutoria {
	display: block;
	font-weight: bold;
	font-size: 110%;
	clear: both;
	margin-top: 25px; margin-bottom: 15px;
}

/* FORMULARIO PARA ENVIAR VIDEO */
#formulario-envia-comentario-video {

	background: url("/images/bg_envia_comentario.gif") no-repeat;
	 width: 655px;
	 height: 150px;
	  margin-top: 25px;

	  padding-left: 220px;
	  }
	#formulario-envia-comentario-video #nombre { width: 350px;}

	#formulario-envia-comentario-video #colegio { width: 130px; float: left;}
	#formulario-envia-comentario-video #curso { width: 50px; float: left;}
	#formulario-envia-comentario-video #comentario { width: 280px; height: 40px;}
	#formulario-envia-comentario-video { font-weight: bold; color: white; font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px !important; font-size: 1em; }

	#comentario, #rating {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px !important; font-size: 1em; }
	#formulario-envia-comentario-video label { font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px; width: 52px; display: block; float: left;}

	#formulario-envia-comentario-video .campos_form {  padding-top: 15px; width: 440px;  float:left; }

	#formulario-envia-comentario-video .archivo { padding-top: 8px; float: left; }
	#formulario-envia-comentario-video .boton { width: 92px; height: 23px; float: right; padding-right: 25px; margin-top: 20px;}
	#formulario-envia-comentario-video p { padding-left: 85px;  font-family: Lucida Grande, Arial, Helvetica, sans-serif; font-size: 16px; color: white; font-weight: bold; width: 120px; padding-top: 25px; float: left; }

.flash-video {  margin-left: 5px; margin-bottom: 30px; margin-top: 15px;}

/* AUDIOVISUAL */

#videos-pestanas { overflow: hidden;}
#videos-pestanas li { display: block; height: 24px; width: 216px;
	background: url("/images/bg_label_01.gif"); float: left;
	border-bottom: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6;
	border-top: 1px solid #D6D6D6;
	font-weight: bold;
	padding-top: 6px;
	text-align: center;

}

#videos-pestanas li.select {
	background-image: none;
	background-color: #F6F3F3;
	border-bottom: 1px solid #F6F3F3;
	color: red;
}

#videos-pestanas li a { 	color: #797979; }
#videos-pestanas li.select a { color: #FF2B01; }
#videos-pestanas li.last { 		border-right: 1px solid #D6D6D6;	width: 218px; }

#videos-caja {
	width: 632px;  border-left: 1px solid #D6D6D6; border-right: 1px solid #D6D6D6;border-bottom: 1px solid #D6D6D6; background-color: #F6F3F3;
	padding: 10px;
}

#videos-caja .video-lista  { clear: both; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #727272; border-bottom: 1px solid #D6D6D6; padding-bottom: 10px; padding-top: 10px;}
#videos-caja .video-lista .imagen { float: left; margin-right: 10px; }
#videos-caja .video-lista .titulo { display: block;	color: #37648D; font-weight: bold;  font-size: 1em; 	font-family: Lucida Grande, Arial, Helvetica, sans-serif;}
#videos-caja .video-lista .texto { width: 350px; float: left; margin-right: 15px;}
#videos-caja .video-lista .mas-info { width: 150px; float: left; padding-top: 15px;}
#videos-caja .video-lista .mas-info .label { color: #333333;}
#videos-caja .video-lista .mas-info .comentarios { color: #37648D; }
.comentarios-video { color: #37648D;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }


/* COMENTARIOS */
h4.comentarios { color: white; padding: 2px 15px 2px 15px; clear: both; margin-top: 15px;}
div.comentario { border-top: 1px solid #C9CE05; padding-top: 15px; padding-bottom: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
div.comentario.first { border: 0px; }
div.comentario .texto { color: #727272; margin-top: 15px; }


/* FOTO UN MENSAJE */

#fotos-pestanas li a { 	color: #797979; }

#fotos-pestanas li.select a { color: #FF2B01; }

#fotos-pestanas li.select {
	background-image: none;
	background-color: #F6F3F3;
	border-bottom: 1px solid #F6F3F3;
	color: red;
}
#fotos-pestanas li.vacia {
	background-image: none;
	background-color: white;
	border: 0px;
	border-bottom: 1px solid #F6F3F3;

}

#fotos-pestanas li { display: block; height: 24px; width: 216px;
	background: url("/images/bg_label_01.gif"); float: left;
	border-bottom: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6;
	border-top: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	font-weight: bold;
	padding-top: 6px;
	text-align: center;

}


#fotos-caja { width: 632px;  border-right: 1px solid #D6D6D6; border-left: 1px solid #D6D6D6; border-bottom: 1px solid #D6D6D6; background-color: #F6F3F3; padding: 10px;  color: #727272; list-style: none;}
#fotos-caja	h3 { padding-top: 10px; padding-bottom: 10px;}
#fotos-caja .destacado p  { width: 300px;}

#fotos-caja li.destacado  { float: left; margin-right: 15px; border: 0px;}
#fotos-caja li.destacado  img { margin-bottom: 15px;}
#fotos-caja li  { float: left; width: 305px; border-bottom: 1px solid #D6D6D6; padding: 10px 0px 10px 0px; }
#fotos-caja li img  { float: left; margin-right: 10px;}
#fotos-caja li.todas { width: 630px;}

.foto-mensaje { margin: auto; padding-top: 15px; clear: both; width: 500px; }


/* GUIONES */
#guiones { list-style: none; text-align: left; line-height: 14px; 	color: #727272; font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif; font-size: 1em; border-bottom: 1px solid #E0E0E0; overflow: hidden; width: 645px;}

#guiones li { width: 135px; float: left; background: url("/images/fotos/guion.gif") 0px 10px  no-repeat; padding-left: 70px; padding-top: 20px; padding-bottom: 15px; border-top: 1px solid #E0E0E0; height: 65px; padding-right: 10px;}
#guiones li a { color: #FF2B01; font-family: "Lucida Grande", Geneva, Arial, Helvetica, sans-serif; font-size: 1em; margin-bottom: 5px; display: block;}
#guiones li.no-foto { background: none;}

/* PROTAGONISTAS */

#protagonistas { list-style: none; outline: none; padding: 0px; margin: 0px; clear: both; margin-top: 15px;}
#protagonistas li { background-color: #FF6600; display: block; float: left; margin-bottom: 10px;  padding: 1px;  outline: 0px; }
#protagonistas li span { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFCC66; }
#protagonistas img { border: 2px solid white; padding: 0px; margin: 0px; outline: 0px; float: left;}
#protagonistas li h3 a  { color: white; font-weight: bold; text-decoration: none; margin-left: 5px; }
#protagonistas.galeria h3 a {  font-size: 0.9em; font-weight: normal; }

.margin-right-10 { margin-right: 10px;}

#galeria { margin-top: 15px;}
#galeria li { background-color: #FF6600; display: block; float: left; margin-right: 10px; margin-bottom: 10px;  padding: 1px;  outline: 0px;}
#galeria img { border: 2px solid white; padding: 0px; margin: 0px; outline: 0px; float: left;}


/*****************************************************************************************************************
*	LAYOUT
*****************************************************************************************************************/
p.fondo-europeo { float: right; margin-right: 20px;font-family: Arial, Helvetica, sans-serif;	font-size: 10px; color: white; width: 180px; line-height: 1.2em; }
p.fondo-europeo-left img, p.fondo-europeo img { float: left; margin-right: 1em;}
p.fondo-europeo-left span, p.fondo-europeo span { font-weight: normal; display: block; text-transform: uppercase;}
img.logo-ministerio-pie { float: right;  margin-right: 40px;}
img.logo-ayto-pie { float: right; position: relative; top: -10px; margin-right: 15px;}


/*****************************************************************************************************************
*	UI/SUBMENU
*****************************************************************************************************************/

.logo-ministerio-left { margin-left: 25px; margin-top: 25px; }
.logo-ayto-left {  margin-left: 25px; margin-top: 25px; }
.fondo-europeo-left { display: block; margin-left: 25px !important; margin: 25px 0px 0px 25px; color: black; width: 150px; font-size: 10px; color: black; width: 160px; line-height: 1.2em; }


/*****************************************************************************************************************
*	UI/MENU
*****************************************************************************************************************/

#menu { width: 900px;  min-height: 90px; height: auto !important; height: 90px;  margin: auto;	background-color: white; overflow: hidden; margin-top: 1em; }

	#menu-normal { float: right;  clear: both; margin-right: 40px; }

		#menu-normal li {
			display: block; float: left;
		}

		#menu-normal li.nos-conoces   {  background: url("/images/iconos/menu3/2menu_ico_01.gif") top center no-repeat; }
		#menu-normal li.decine  {  background: url("/images/iconos/menu3/2menu_ico_02.gif") top center no-repeat; }
		#menu-normal li.festival  {  background: url("/images/iconos/menu3/2menu_ico_03.gif") top center no-repeat; }
		#menu-normal li.aula-virtual {  background: url("/images/iconos/menu3/2menu_ico_04.gif") top center no-repeat; }
		#menu-normal li.ocio-y-actualidad {  background: url("/images/iconos/menu3/2menu_ico_05.gif") top center no-repeat; }

		#menu-normal li.nos-conoces.selected {  background: url("/images/iconos/menu3/2menu_ico_01_on.gif") top center no-repeat; }
		#menu-normal li.decine.selected  {  background: url("/images/iconos/menu3/2menu_ico_02_on.gif") top center no-repeat; }
		#menu-normal li.festival.selected  {  background: url("/images/iconos/menu3/2menu_ico_03_on.gif") top center no-repeat; }
		#menu-normal li.aula-virtual.selected {  background: url("/images/iconos/menu3/2menu_ico_04_on.gif") top center no-repeat; }
		#menu-normal li.ocio-y-actualidad.selected {  background: url("/images/iconos/menu3/2menu_ico_05_on.gif") top center no-repeat; }


		#menu-normal li a {
			display: block;
			float: left;
			width: 100px;
			height: 65px;
		}
		#menu-normal li a.selected { background: url("/images/iconos/menu3/muesca.gif") 50% 100% no-repeat;	}
		#menu-normal li a span { display: none;   }

#menu-top { float: right; margin-right: 30px; margin-top: 10px;  position: relative; z-index: 1; color: #999; min-height: 15px; }
#menu-top li { padding:0; margin: 0; outline: 0; display: block; float: left; height: 0.8em; color: #999;}
#menu-top li.profesionales { border-right: 1px solid #ccc;  }
#menu-top li a { color: #999; font-family: verdana; font-size: 0.8em; text-decoration: none;  padding-left: 0.5em; padding-right: 0.5em;  position: relative; top: -0.6em;}

#menu a.inicio { height: 80px; width: 165px; position: absolute; display: block; margin-left: 15px; top: 15px; background: url("/images/iconos/menu3/logo3.gif") 50% 50% no-repeat;}
#menu a.inicio span { display: none; }
/*****************************************************************************************************************
*	DECINE/LISTAR
*****************************************************************************************************************/


#videos-pestanas li.listar {
	border-right: 1px solid #D6D6D6;
	text-transform: capitalize;
}


/*****************************************************************************************************************
*	FESTIVAL/INSCRIPCIÓN
*****************************************************************************************************************/
#formulario-inscripcion { clear: both; font-size: 12px; font-weight: normal;}
#formulario-inscripcion h5 { font-family: Lucida Grande, Arial, Helvetica, sans-serif; font-size: 20px; color: #CE5B05;  font-weight: bold; margin-bottom: 1em;}
#formulario-inscripcion { color: #333;}
#formulario-inscripcion label { clear: both; display: block; margin-bottom: 1em; }
#formulario-inscripcion label input[type='text'], #formulario-inscripcion label textarea { display: block; }

#formulario-inscripcion fieldset { margin: 1em 0em; clear: both;}
#formulario-inscripcion fieldset legend { font-size: 1.2em; font-weight: bold; color: #CE5B05; padding-bottom: 0.5em;}

#formulario-inscripcion fieldset.float label { float: left; clear: none; margin-right: 2em;}
#formulario-inscripcion fieldset h3  { font-size: 1.2em; font-weight: bold; color: #CE5B05; margin-bottom: 0.5em; border-bottom: 1px dotted #CE5B05; margin-top: 1em;}

#formulario-inscripcion textarea { width: 95%; }
#formulario-inscripcion label.block { width: 100%; }
#formulario-inscripcion input.submit { display: block; margin: 1em auto;}
label.error { font-size: 0.9em; color: red; }

div.inscripcion-print  { clear: both; }
div.inscripcion-print label { clear: both; border-bottom: 1px dotted #bbb; overflow: hidden; display: block; padding: 2em;}
div.inscripcion-print label span {  font-weight: bold; margin-bottom: 1em; display: block; float: left;}
div.inscripcion-print fieldset h3  { font-size: 1.2em; font-weight: bold; color: #CE5B05; margin-bottom: 0.5em; border-bottom: 1px dotted #CE5B05; margin-top: 1em;}
div.inscripcion-print .boton { display: block; margin: auto;}