@charset "utf-8";
/*******************************************************************
	Etiquetas generales
********************************************************************/
* {
	font-family:Georgia, "Times New Roman", Times, serif;
}
body {
	background-image:url(../img/bg/fondo.jpg);
	background-repeat:repeat;
	margin:0;
	padding:0;
	font-size:14px;
	color:#333;
}
a > img {
	border:none;
}
input[type=text], textarea {
	border:1px solid #ccc;
}
input[type=button], input[type=submit] {
	border:none;
	border:1px solid #ccc;
	background-color:#eee;
	color:#000;
	cursor:pointer;
}
/*******************************************************************
	Posicionamiento común de la página
********************************************************************/
#Principal {
	width:1000px;
	margin:20px auto 20px auto;
	overflow:hidden;
}

/*******************************************************************
	Cabecera
********************************************************************/
#Cabecera {
	margin:0;
	padding:0;
	position:relative;
}
#Cabecera > img {
	float:left;
	margin:0;
}
#Cabecera #MenuNav {
	position:absolute;
	height:30px;
	top:170px;
	right:0;
	text-align:right;
	font-weight:bold;	
}
#Cabecera #MenuNav img {
	float:left;
}
#Cabecera #MenuNav ul {
	display:block;
	float:left;
	margin:0;
	padding:0;
	height:20px;
	background-color:#EAE3D5;
	padding:5px 0 5px 0px;
}
#Cabecera #MenuNav ul li {
	float:left;
	list-style:none;
}
#Cabecera h1 {
	display:none;

}

/*******************************************************************
	Layouts
********************************************************************/
#Contenido {
	float:left;
	background-color:#EAE3D5;
	padding-bottom:10px;
}
.layout1 > #Izquierda, .layout2 > #Izquierda {
	float:left;
	width:215px;
}
.layout1 > #Centro {
	float:left;	
	width:510px;
}
.layout1 > #Derecha {
	float:left;
	width:275px;
}
.layout1 .mancheta1 {
	float:left;
	width:470px;
	margin:10px 0 0 10px;
	padding:10px;
	background-color:#FFF;
	-moz-border-radius:10px;
	overflow:hidden;
}
.layout1 .mancheta2 {
	float:left;
	width:255px;
	margin:10px 10px 0 0;
	padding:5px;
	background-color:#FFF;
	-moz-border-radius:10px;
	overflow:hidden;
}

.layout2 .mancheta1 {
	float:left;
	width:745px;
	margin:10px 0 10px 10px;
	padding:10px;
	background-color:#FFF;
	-moz-border-radius:10px;
	overflow:hidden;	
}
.layout2 > #Derecha {
	float:left;
	width:785px;
}

/*******************************************************************
	Menú principal
********************************************************************/
#MenuPrincipal {
	float:left;
	width:192px;
	background-color:#FFF;
	border:1px dashed #000;
	margin:10px 0 10px 10px;
	padding:7px 10px 7px 0px;
	position:relative;
}
#MenuPrincipal ul {
	padding-left:12px;
	margin:0;
	list-style:none;
}
#MenuPrincipal ul li {
	padding:3px 0 2px 0px;
}
#MenuPrincipal #Nivel1 ul {
	display:none;
}
#MenuPrincipal a, #MenuPrincipal span {
	color:#900;
	text-decoration:none;
	cursor:pointer;
}
#MenuPrincipal a:hover, #MenuPrincipal span:hover {
	background-color:#efefef;
}
#MenuPrincipal .selected {
	background-color:#CCC;
	font-weight:bold;
}

/*******************************************************************
	Portada
********************************************************************/
#Buscador {
	float:left;
	width:255px;
	margin:10px 10px 0 0;
	padding:5px;
	background-color:#FFF;
}
#Buscador form, #Buscador form fieldset {
	border:none;
	margin:0;
	padding:0;
}
#Buscador form input[type=text] {
	width:185px;
	margin:0 3px 0 0;
}
#Buscador form input[type=submit] {
	width:60px;
}
#ArticuloPortada {
	float:left;
	width:470px;
	margin:10px 0 0 10px;
	padding:10px;
	background-color:#FFF;
	-moz-border-radius:10px;
	overflow:hidden;
}
#Destacados {
	float:left;
	width:470px;
	margin:10px 0 10px 10px;
	padding:10px;
	background-color:#FFF;
}
#Destacados img {
	float:left;
	margin:5px 10px 5px 0;
}
#Banner1 {
	width:183px;
	background-color:#FFF;
	float:left;
	margin: 0 0 10px 10px;
	padding:10px;
	text-align:right;
}
#Nuevo {
	text-align:center;
}
#Nuevo a, #Nuevo p {
	font-size:10px;
	margin:0;
}

/*******************************************************************
	Anuncios
********************************************************************/
#Anuncios {
	float:left;
	width:182px;
	background-color:#FFF;
	border:1px dashed #000;
	margin:0 0 10px 10px;
	padding:10px;
}

/*******************************************************************
	Video portada
********************************************************************/
#Video {
	float:left;
	width:265px;
	margin:10px 10px 0 0;
	background-color:#FFF;
	text-align:right;
}
#Video a {
	margin:5px;
}

/*******************************************************************
	Calendario y eventos
********************************************************************/
#Eventos {
	float:left;
	width:255px;
	margin:10px 10px 0 0;
	background-color:#FFF;
	padding:5px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
}
#Eventos table.calendar {
	margin:auto;
	background-color:#EEE;
}
#Eventos table.calendar th {
	text-align:center;
}
#Eventos table.calendar td {
	text-align:right;
}
#Eventos table.calendar td.holyday {
	color:#900;
	font-weight:bold;
}
#Eventos table.calendar td.evento {
	border:1px solid #900;
}
#Eventos table.calendar td * {
	display:block;
	padding:0 5px 4px 5px;
}
#Eventos table.calendar td.evento a {
	outline:none;
}
#Eventos table.calendar td.evento.selected a {
	background-color:#FFF;
}
#Eventos table.calendar td.evento a:hover {
	background-color:#FFF;
}
#Eventos ul {
	list-style:none;
	margin:0;
	padding:0;
}
#Eventos > ul {
	margin:20px;
}
#Eventos > ul > li {
	display:none;
	padding:0;
	margin:0;
}
#Eventos > ul > li.first {
	display:block;
}
#Eventos ul > li span {
	display:block;	
	color:#000;
	padding:5px 0 5px 0;
	font-weight:bold;
	border-bottom: 1px dotted #000;
}
#Eventos > ul > li > ul > li strong {
	color:#000;
	font-size:10px;
}
#Eventos > ul > li > ul > li p {
	margin-top:3px;	
}

/*******************************************************************
	Artículo
********************************************************************/
#CaminoMigas {
	margin-bottom:10px;
}
#Seccion .cabecera {
	margin-top:20px;
	display:table;	
}
#Seccion .cabecera > .fila {
	display:table-row;
}
#Seccion .cabecera  .image {
	display:table-cell;
	padding-right:10px;
	height:80px;
}
#Seccion .cabecera  div.contenido {
	vertical-align:top;
	display:table-cell;
}

/*******************************************************************
	Galería de fotos
********************************************************************/
#Galeria #FotoGrande {
	position:relative;
	width:500px;
	margin:10px;
	padding:10px;
}
#Galeria #FotoGrande #Precarga {
	position:absolute;
	left:220px;
	top:280px;
	display:none;
}
#Galeria #FotoGrande #PieFoto {
	font-weight:bold;
	font-size:10px;
	margin-top:10px;
	font-style:italic;
}
#Galeria #Thumbnail {
	float:left;
	width:235px;
	padding-bottom:10px;
	margin:10px 10px 0 0;
	background-color:#FFF;
}
#Galeria #Thumbnail  * {
	float:left;
}
#Galeria #Thumbnail ul {
	list-style:none;
	margin:0;
	padding:0;
}
#Galeria #Thumbnail > ul > li > ul {
	display:none;	
	width:240px;
}
#Galeria #Thumbnail > ul > li.first > ul {
	display:block;
}
#Galeria #Thumbnail > ul > li > a.tituloSeccion {
	display:block;
	width:205px;
	padding:3px 5px 5px 5px;
	margin:10px 10px 0 10px;
	background-color:#666;
	color:#FFF;
}
#Galeria #Thumbnail > ul > li > a.tituloSeccion:hover {
	background-color:#CCC;
	color:#000;
}
#Galeria #Thumbnail > ul > li > ul > li {
	display:none;
}
#Galeria #Thumbnail > ul > li > ul > li.p1 {
	display:block;
}

#Thumbnail a.selected {
	background:none;
}
#Galeria #Thumbnail > ul > li > ul > li > a {
	outline:none;
}
#Galeria #Thumbnail a > img {
	border:none;
	margin:9px 0 0 9px;
	padding:1px;
	border:1px solid #FFF;
}
#Galeria #Thumbnail a:hover {
	background-color:#FFF;
}
#Galeria #Thumbnail a:hover > img {
	border:1px solid #CCC;	
}
#Galeria #Thumbnail a.selected > img {
	border:1px solid #000;	
}
#Galeria #Nav {
	float:right;
	background-color:#FFF;
	width:224px;
	margin:10px 10px 10px 0;
	padding:5px;
}
#Galeria #Nav #Prev {
	float:left;
}
#Galeria #Nav #Next {
	float:right;
}
#Galeria #Nav #Prev.disabled, #Galeria #Nav #Next.disabled {
	color:#CCC;
}

/*******************************************************************
	Música
********************************************************************/
#Reproductor {
	float:left;
	width:265px;
	margin:10px 10px 0 0;
	background-color:#FFF;
}
#ExternalPlayer {
	text-align:right;
	padding:0 5px 5px 5px;
}

/*******************************************************************
	Enlaces
********************************************************************/
#Enlaces ul {
	list-style:none;
	margin:0;
	padding:0;
}
#Enlaces ul > li {
	/*float:left;*/
	margin:10px 10px 0 0;
	text-align:center;
}
#Enlaces ul li a > img {
	/*width:300px;*/
	border:none;
}
#Enlaces {
	margin-bottom:10px;
}

/*******************************************************************
	Videos
********************************************************************/
#Videos .videogallery {
	border-top:1px dashed #000;
	padding:10px;
	margin-bottom:10px;
	text-align:center;
}
#Videos .videogallery .video {
	float:left;
	width:480px;
}
#Videos .videogallery .links {
	display:block;
	list-style:none;
	float:left;
	margin:0 0 0 10px;
	/*padding:0 10px 10px 0;*/
	padding:0;
	width:223px;
	min-height:295px;
/*	background-color:#eee;*/
}
#Videos .videogallery .links > li {	
	position:relative;
	float:left;
	margin:0 0 10px 10px;
	width:100px;
	height:56px;
	display:block;
	overflow:hidden;
}
#Videos .videogallery .links > li > span {	
	position:absolute;
	bottom:0px;
	left:0px;
	padding:0 2px 2px 2px;
	background-color:#666;
	filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70; 
	font-size:14px;
	color:#FFF;
	font-weight:bold;
}
#Videos .videogallery .links > li > a {
	display:block;
	width:100px;
	height:56px;
	background-color:#FFF;
}
/*******************************************************************
	Contacto
********************************************************************/
#Contacto {
	margin-bottom:10px;
}
#Contacto form {
	float:left;
	margin:0 0 20px 0;
	padding:0;
}
#Contacto form fieldset {
	display:block;
	float:left;
	margin:0 0 10px 0;
	padding:10px;
	background-color:#EEE;
	border:none;
}
#Contacto form div {
	float:left;
	clear:left;
	margin-bottom:5px;
	width:450px;
}
#Contacto form label.line {
	display:block;
	float:left;
	width:150px;
}
#Contacto form label.break {
	display:block;
	float:left;
	clear:left;
}
#Contacto form input[type=text] {
	float:left;
	width:295px;
}
#Contacto form input[type=text].captcha {
	width:150px;
}
#Contacto form input[type=submit] {
	float:right;
	background-color:#FFF;
}
#Contacto form #captcha {
	
}
#Contacto form textarea {
	float:left;
	width:446px;
	height:200px;
}

/*******************************************************************
	Clases generales
********************************************************************/
.error {
	color:#900;
}
.clear {
	clear:both;
}