@charset "utf-8";
*{ margin:0; padding:0; }
body  {
    	font: 10pt Helvetica, Arial, sans-serif;
    	margin:0; 
    	padding:0;
    	text-align: center; 
    	color: #000000;
		background-image:url(../img/fondo.jpg); background-repeat:repeat;
}
h1{ font-size:180%; margin-bottom:5px;}
h2{ font-size:145%; margin-bottom:5px; }
h3{ font-size:125%; margin-bottom:5px; }
h4{ font-size:105%; margin-bottom:5px; }
p{ margin-top:8px; }

#container { 
    	width: 990px;  /* esto creará un contenedor con el 80% del ancho del navegador */
    	margin: 5% auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
    	text-align: left; /* esto anula text-align: center en el elemento body. */
		padding:0;
} 
    
#sidebar1 {
	float: left; /* dado que este elemento es flotante, debe asignarse un ancho */
	width: 400px; /* el color de fondo se mostrará a lo largo de todo el contenido de la columna, pero no más allá */
	height: 650px;
	overflow:hidden;
}

#enportada{ width:195px; float:left; height:100%; padding:0 2px 0 2px;}
#enportada img{ display:block; }
#enportada #destacado{
	font-weight:bold;
	width:95%;
	margin-top:50px;
	
}
#enportada #destacado img{ border:0; }
#enportada #destacado .fecha{ font-size:24pt; }
#enportada #destacado .titulo{ font-size:16pt; border-bottom:1px dashed #000000; }
#enportada #destacado .texto { font-size:9pt; }
#enportada #destacado a.texto,a:hover.texto,a:visited.texto { text-decoration:none; color:#000000; }
#enportada #destacado p{ margin:0; padding:0;}
#enportada #horario .texto { margin-top:20px; font-size:9pt; width:95%;}
#enportada #buscador {
	margin-top:50px;
	width:95%;
	font-size:8pt;
	font-weight:bold;
}
#enportada #buscador INPUT{ font-family:Arial, Helvetica, sans-serif; font-size:8pt; font-weight:bold; border:none;}
#enportada #buscador form{ margin:0; }

#menu{
	margin-left:210px;
	padding:5px 2px 5px 2px;
	background-color:#000000;
	height:100%;
	color:#D1BB82;
	font-size:8pt;
	font-weight:bold;
}
	
 #menu a:hover{ color:#d1bb82; text-decoration:underline;} 
#menu a.menuitem{
		padding:5px; display: block;
		color:#d1bb82; text-decoration:none;
}
#menu a.menuitem:visited,a.menuitem:active{ color:#d1bb82; }
#menu a.menuitem:hover{ text-decoration:underline; }
#menu div.submenu{ padding:5px 5px 10px 5px; color:#FFFFFF;}
#menu  div.submenu ul{ list-style-type: none; margin: 0;	padding: 0;}
#menu div.submenu ul li{ border-bottom: 1px solid #d1bb82; margin-top:5px; }
#menu div.submenu ul li a{
		display: block;
		text-decoration: none; color:#ffffff;
}
	#menu div.submenu ul li a:hover{ color:#ffffff; text-decoration:underline;}
	#menu  div.submenu ul li ol{ list-style-type:none; margin-top:5px; }	
	#menu  div.submenu ul li ol li{ border:0;  margin:0; padding:0;}
	

#calendario{
	width:140px; 
	float:right; 
	height:100%;
	margin-left:5px;
	padding:0 2px 0 2px;
	background-color:#ff0000;
	height: 650px;
	color:#FFFFFF;
	font-size:8pt;
	text-align:center;
}
#calendario a {
	text-decoration: none;
	color: #fff;
	text-align: center;
}
#calendario a:hover {
	text-decoration: none;
	color: #ccc;
}

 #mainContent {
	margin: 0 0 0 415px;
	background-color: #FFFFFF;
	height:650px;
} 

	#mainContent #content{
	padding:15px 15px 5px 15px;
	height:600px;
	overflow:hidden;
	}
	#mainContent #nav_return{ padding-left:15px;}
	#mainContent img{display:block; border:0;  }
	#mainContent .fecha{
		padding:0;
		font-size:16pt;
		font-weight:bold; 
	}
	#mainContent .titulo{
		padding:0;
		font-weight:bold;
	}
	#mainContent .autor{ padding:0; font-weight:bold; }
	#mainContent .ciclo{ padding:0; }
	#mainContent .horaLugarPrecio{ padding:0; font-weight:bold; color:#333333;}
	
	#mainContent #hormigas{ font-size:8pt; height:50px; }
	#mainContent #hormigas .paginacion{ text-align:right; }
	#mainContent #hormigas .paginacion a{ padding:2px;}
	#mainContent #hormigas .paginacion a.selected{ text-decoration:underline; font-weight:bold; color:#333333; }
	#mainContent #hormigas .paginacion a:link,a:visited{ text-decoration:none; color:#000000;}
	#mainContent #hormigas .paginacion a:hover{ text-decoration:none;  }
	#mainContent #hormigas_formacion{ font-size:8.5pt; }
	
	
	#mainContent .item_lista{ width:100%; border-bottom:1px dashed #d1bb82; margin-bottom:10px; font-size:10pt; padding-bottom:5px;}
	#mainContent .item_lista p{ margin:0;}
	#mainContent .fotoItem{ width:100px; height:75px; overflow:none; text-align:right;}
	#mainContent .lista_fecha{ color:#666666; font-size:9pt; font-weight:bold;	}
	#mainContent .lista_titulo{font-weight:bold;	}
	#mainContent .lista_autor{font-weight:normal;}
	#mainContent .lista_horaLugarPrecio{ padding:0; font-size:10pt;  }
	
	/* Este de hora,lugar y  precio ;-) */
	#mainContent .horaLugarPrecio{ padding:0; font-size:12pt;  }
	#mainContent .enlace{ font-size:8pt; color:#BB9B66; font-weight:bold; }
	#mainContent .enlace a:link,a:visited{
	text-decoration:none;
	color:#7B662D;
}
	#mainContent .enlace a:hover{ text-decoration:underline; color:#666666; }		
	#mainContent #cuadro_scroll{  
		height:200px; overflow:auto; font-size:9pt; margin-top:20px; padding:0px 10px 10px 0; overflow-x: hidden; 
	}    
	#mainContent #cuadro_scroll p{ margin:0; padding:0;}
     #mainContent #fotografia{	overflow:auto; width:100%; height:175px; margin-top:20px;}
	#mainContent #lista_files{	overflow:hidden; width:100%;  margin-top:20px; height:35px;}
	#mainContent #lista_files img{	display:inline; vertical-align:middle;}
	#mainContent #lista_files_foto{ height:175px; }
	#mainContent #lista_files_foto img{ display:block; }
	#mainContent #files{ margin-top:5px; width:100%; height:20px;}
	#mainContent #files_inline{ margin-top:5px; width:100%; height:23px; font-size:8pt; }
	#mainContent #files_inline img{	display:inline; margin-right:10px; border:0; vertical-align:middle; }
	
	#mainContent #cuadro_video{  
		height:auto !important; font-size:9pt; margin-top:20px; padding:0px 10px 10px 0; overflow-x: hidden; 
	}  
    .fltrt { 
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { 
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { 
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	.mensaje{ font-size:10px; font-weight:bold;}

/* ************** CALENDARIO *********************************/
.year {
	border-style: outset;
	border-width: 1px;
	color: #FFF;
	text-align: center;
}
.month {
	border-style: none;
	color: #FFF;
	text-align: center;
	width: auto;
}
.yearname {
	text-align: center;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
}
.monthname {
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	border:0px;
}
.dayname {
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	color: #000000;
	border-style: none;
	border-width:1px
}
.weeknumtitle {
	text-align: center;
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
	border-style: none;
	border-width:1px
}
.weeknum {
	text-align: center;
	font-size: 10px;
	height:20px;
	width:1px;
	color: #ffffff;
}
.week {
	border-style: none;
	color: #ffffff;
	text-align: center;
}
.monthweek {
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	border-style: solid;
	border-width:1px
}
.yearnavigation {
	font-size: 10px;
}
.datepicker {
	background-color: #000;
}
.datepickerform {
	margin: 0px;
}
.monthnavigation {
	font-family: Tahoma, Arial, sans-serif;
}
.monthpicker {
	font-size: 11px;
}
.yearpicker {
	font-size: 11px;
}
.pickerbutton {

}
.nomonthday {
	text-align: center;
	font-size: 10px;
	height:20px;
	width:20px;
	color: #aaaaaa;
}
.monthday {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	height:20px;
	width:20px;
}
.today {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	border-width: 0px;
	border-style: solid;
	border-color:#FFF;
	color: #fff;
	height:20px;
	width:20px;
}
.selectedday {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	border-width: 1px;
	border-style: outset;
	border-color:#FFF;
	height:20px;
	width:20px;
}
.sunday {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #667171;
	height:20px;
	width:1px;
}
.sunday a {
	color: #667171;
}
.saturday {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #667171;
	height:20px;
	width:20px;
}

/**** eventos ****/
.event {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
	color: #000000;
	height:20px;
	width:20px;
}
.event a {
	color: #000000;
}
.selectedevent {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
	color: #000000;
	height:20px;
	width:20px;
}
.selectedevent a {
	color: #000000;
}
.todayevent {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
	color: red;
	height:20px;
	width:20px;
}
.todayevent a {
	color: #FFF;
}
.eventcontent {
	font-size: 10px;
	border-style: outset;
	border-width: 1px;
	width: 100%;
}