/*  Hoja de estilo de la web de la Fundación Don Juan de Borbón y del Festival Internacional de Música  */
/*  Diseño de Agenda Comunicación  -  www.agendacomunicacion.com  */

body 					{background-color:#DDD; margin:0px; font-family:arial,helvetica,sans-serif;}
.web-centrada {position:absolute;left:50%;margin-left:-380px;}
.centrado 		{position:absolute;top:50%;left:50%;margin-top:-200px;margin-left:-380px;}
h1			{
				font-family:serif;
				font-size:16px;
				font-style:italic;
				color:#036;
				text-align:left;
				padding:5px 0 4px 0;
				margin:4px 20px 3px 0;
				}
h2			{
				font-size:16px;
				color:#036;
				text-align:left;
				padding:0;
				}	
h3			{
				font-size:26px;
				color:#036;
				text-align:left;
				margin:0 0 10px 0;
				padding:0px;
				}
h4			{
				font-size:30px;
				color:#036;
				text-align:left;
				margin:0 0 8px 0;
				padding:0px;
				}
h5			{
				font-size:11px;
				font-weight:normal;
				color:#036;
				text-align:left;
				margin:0 0 5px 0;
				padding:0;
				}	
p				{
		font-size:12px;
		color:#000;
		padding-bottom:15px;
		text-align:justify;
		margin:0px;
				}
img			{border:0px;}
#capa-izquierda img		{border:solid #999 1px;}
.texto1	{
				font-size:12px;
				color:#000;
				padding-bottom:15px;
				text-align:justify;
				margin:0 0 0 120px;
				}
.piedefoto {
				font-size:10px;
				font-weight:bold;
				margin:5px 0 10px 0;
				text-align:left;
				}
.piedeaudio {
				font-size:xx-small;
				color:#666;
				font-weight:bold;
				margin:2px 0 2px 0;
				text-align:left;
				}
.sin-script {font-family:sans-serif;font-size:12px;color:#333;background-color:transparent;text-align:center;}
.calendario-actividad-fis a:link, .calendario-actividad a:link 				{text-decoration:underline; color:#FFF}
.calendario-actividad-fis a:visited, .calendario-actividad a:visited 	{text-decoration:none; color:#FFF}
.calendario-actividad-fis a:active, .calendario-actividad a:active 		{text-decoration:none; color:#FFF}
.calendario-actividad-fis a:hover, .calendario-actividad a:hover 			{text-decoration:underline; color:#FFF}

#pie a:link 		{text-decoration:none;color:#FFF}
#pie a:visited 	{text-decoration:none;color:#FFF}
#pie a:active 	{text-decoration:none;color:#FFF}
#pie a:hover 		{text-decoration:underline;color:#FFF}

#capa-central-ancha a:link 		{text-decoration:none;color:#036}
#capa-central-ancha a:visited {text-decoration:none;color:#036}
#capa-central-ancha a:active 	{text-decoration:none;color:#036}
#capa-central-ancha a:hover 	{text-decoration:none;color:#666}

a:link 		{text-decoration:underline; color:#333}
a:visited {text-decoration:none; color:#333}
a:active 	{text-decoration:underline; color:#333}
a:hover 	{text-decoration:underline; color:#000}

#capa-central a:link 		{text-decoration:underline; color:#036}
#capa-central a:visited {text-decoration:none; color:#036}
#capa-central a:active 	{text-decoration:underline; color:#036}
#capa-central a:hover 	{text-decoration:underline; color:#000}

.tabla 	{
				width:760px;
				height:100%;
				margin:0px;
				padding:0px;
				position:relative;
				border-right:solid #999 1px;
				border-left:solid #999 1px;
				background-color:#FFF;
				}
.cuadro {
				width:760px;
				height:100%;
				margin:0px;
				padding:0px;
				position:relative;
				background-color:#FFF;
				}
.tabla-flash {
				width:760px;
				margin:0px;
				padding:0px;
				position:relative;
				background-color:transparent;
				}
.contenedor-audio {
				margin:0;
				padding:0;
				}
.hueco 	{
			 	clear:both;
			 	width:760px;
			 	height:10px;
			 	margin:0;
			 	padding:0;
			 	background-color:transparent;
			 	}
.staff	{
		font-size:11px;
		color:#000;
		padding-bottom:10px;
		text-align:left;
		margin:0;
				}
.staff-2{
				font-size:10px;
				font-weight:bold;
				color:#036;
				padding:0 0 4px 0;
				text-align:left;
				margin:0;
				}
.staff-3{
				font-size:10px;
				font-weight:bold;
				color:#036;
				padding:0 20px 6px 10px;
				text-align:left;
				margin:0px;
				}
.staff-5{
				font-size:11px;
				color:#036;
				padding-bottom:6px;
				text-align:left;
				margin:0 10px 0 0;
				}
.staff-6{
				font-size:11px;
				font-weight:bold;
				color:#036;
				padding-bottom:20px;
				text-align:left;
				margin:0px;
				border-top:solid #999 1px;
				}
.staff-col-izq	{
				font-size:11px;
				color:#333;
				padding-bottom:10px;
				text-align:left;
				margin:0 10px 0 4px;
				}	
.staff-listado-musicos	{
				font-size:10px;
				font-weight:bold;
				color:#333;
				padding-bottom:10px;
				text-align:left;
				margin:0 0 0 10px;
				}
.creditos {
				font-size:10px;
				color:#FFF;
				text-align:center;
				margin:0px;
				padding:9px;
				}
.titulillos-col{
				font-size:12px;
				background-color:#CCC;
				margin:0 0 10px -10px;
				padding:0 0 2px 10px;
				font-weight:bold;
				color:#555;
				}
.titulos-col{
				font-size:12px;
				background:transparent;
				text-align:left;
				font-weight:bold;
				margin:0 0 10px -10px;
				padding:0 0 2px 10px;
				color:#EC7100;
				}
.titulos-col2{
				font-size:12px;
				background:transparent;
				text-align:left;
				font-weight:bold;
				margin:0 0 10px -10px;
				padding:0 0 2px 10px;
				color:#B90302;
				}
#masa-izquierda 			 		{position:absolute;left:0px;width:203px;height:100%;background-color:#CCC;z-index:0;}				
#masa-derecha							{position:absolute;left:510px;width:250px;height:100%;background-color:#CCC;z-index:0;}
#masa-central-izquierda		{position:absolute;left:200px;width:310px;height:100%;background-color:#CCC;z-index:0;}

#capa-izquierda  					{position:absolute;left:15px;top:30px;width:176px;background:transparent;z-index:2;}
#capa-izquierda-grande		{position:absolute;left:15px;top:30px;width:560px;background:transparent;z-index:2;}
#capa-central 	 					{position:absolute;left:216px;top:30px;width:360px;background:transparent;z-index:2;}
#capa-derecha 	 					{position:absolute;right:0px;top:30px;width:148px;background:transparent;z-index:2;padding:0 2px 0 10px;border-left:solid #999 1px;border-bottom:solid #999 1px;}

#capa-1										{position:absolute;left:0px;top:0px;width:360px;background:transparent;z-index:2;}
#capa-2										{position:absolute;left:360px;top:10px;width:360px;background:transparent;z-index:2;padding:0 2px 0 20px;}
#masa-1										{position:absolute;left:0px;width:360px;height:100%;background-color:#000;z-index:0;}
#masa-2										{position:absolute;right:0px;width:400px;height:100%;background-color:#FFF;z-index:0;}

#capa-calendario-1  			{position:absolute;left:0px;top:30px;padding-left:20px;width:740px;background:transparent;z-index:2;}
#capa-calendario-2  			{position:absolute;left:0px;top:290px;padding-left:20px;width:740px;background:transparent;z-index:2;}
#capa-calendario-3  			{position:absolute;left:0px;top:550px;padding-left:20px;width:740px;background:transparent;z-index:2;}
#capa-calendario-4  			{position:absolute;left:0px;top:790px;padding-left:20px;width:740px;background:transparent;z-index:2;}
#capa-calendario-5  			{position:absolute;left:0px;top:1050px;padding-left:20px;width:740px;background:transparent;z-index: 2;}
#capa-calendario-6  			{position:absolute;left:0px;top:1300px;padding-left:20px;width:740px;background:transparent;z-index:2;}
#capa-calendario-7  			{position:absolute;left:0px;top:1550px;padding-left:20px;width:740px;background:transparent;z-index:2;}

.calendario			{height:100%;width:300px;float:left;background:transparent;margin-bottom:2px;}
.meses					{height:100%;width:190px;float:left;background:transparent;margin-bottom:2px;}
.foto						{height:100%;width:250px;float:left;background:transparent;margin:10px 0 2px 0;}

#capa-central-ancha 				{position:absolute;left:216px;top:30px;width:524px;z-index:2;background:transparent;}
#capa-central-izquierda 		{position:absolute;left:310px;top:30px;width:150px;z-index:2;background:transparent;}
#capa-central-derecha 			{position:absolute;left:510px;top:40px;width:250px;z-index:2;background:transparent;}
#capa-popup-izq							{position:absolute;left:0px;height:auto;width:200px;background:transparent;}
#capa-popup-dcha						{position:absolute;right:0px;height:auto;width:300px;background:#FFF;padding-left:20px;padding-top:20px;padding-right:15px;float:left;}

.calendario-dia 	 					{height:32px;width:36px;border:solid #DAA900 1px;margin:0 2px 2px 0;float:left;font-family:arial,helvetica,sans-serif;color:#DAA900;font-size:14px;font-weight:bold;text-align:right;background-color:#fff;}
.calendario-festivo 				{height:32px;width:36px;border:solid #DAA900 1px;margin:0 2px 2px 0;float:left;font-family:arial,helvetica,sans-serif;color:#FFF;font-size:14px;font-weight:bold;text-align:right;background-color:#DAA900;}
.calendario-actividad				{height:32px;width:36px;border:solid #003366 1px;margin:0 2px 2px 0;float:left;font-family:arial,helvetica,sans-serif;color:#FFF;font-size:14px;font-weight:bold;text-align:right;background-color:#036;}
.calendario-actividad-fis 	{height:32px;width:36px;border:solid #EC7100 1px;margin:0 2px 2px 0;float:left;font-family:arial,helvetica,sans-serif;color:#FFF;font-size:14px;font-weight:bold;text-align:right;background-color:#EC7100;}
.calendario-blanco 					{height:32px;width:36px;border:solid #F8EECC 1px;margin:0 2px 2px 0;float:left;}
.calendario-semanas					{height:10px;width:36px;border:solid #DAA900 1px;margin:10px 2px 10px 0;float:left;font-family:arial,helvetica,sans-serif;color:#036;font-size:8px;font-weight:bold;text-align:center;background-color:#DAA900;}

.titulo-historico						{border-top:1px solid #999;border-left:1px solid #999;border-right:1px solid #999;background-color:#CCC;margin-top:20px;padding:4px}
.cuadro-historico						{border:1px solid #999;background-color:#FFF;margin:0 0 10px 0;padding:8px 0 4px 10px}
.historico									{font-size:12px;background-color:#CCC;padding:0;font-weight:bold;color:#555;}

.campo-l										{width:350px; margin:0; padding:0}
.campo-c										{width:100px; margin:0; padding:0}
.campo-x										{width:400px; margin:0; padding:0}