/* CSS Document */
/*@import url('archivoEspecial.css');/* Para estilos demódulos especiales. Descomentar y editar según se requiera */
/*********************Estilos para Etiquetas**********************/
html, body {
	/*
	height: 100%;/*Para altura de 100% y hack en #lienzo. Descomentar si se necesita */
	margin:0;
	padding:0;
}
body {
	background:#000000;
}
/*****************************************************************/
/***********************Estilos para Id's*************************/
/*LIENZO*/
#lienzo {
	/*min-height:100%;
	height:auto !important;
	height:100%;/* Hack para altura 100%. Descomentar si se necesita */
	width:940px;
	margin:auto;
	position:relative;
}
/*CABECERA*/
#cabecera {
	position:relative; /* Para esconder #cabecewra h1 */
	display:block;
	height:96px;
	border-bottom:4px solid #D40300;
	background:url(img_constantes/logo.gif) no-repeat 0px 10px;
}
#cabecera h1 {
	position:absolute;
	top:-1000px; /* Para esconder #cabecera h1 */
}
/*MENU1*/
/*		- Menú visible en todas las páginas 		*/
#menu1Lienzo {
	margin-left:180px;
}
#menu1Lienzo ul#menu1 {
	list-style:none;
	margin:0;
	padding:0;
}
#menu1Lienzo ul#menu1 li {
	float:left;
	display:block;
	height:85px;
	padding-right:14px;
	margin-left:5px;
	background:url(img_constantes/bg_li_menu.gif) no-repeat center right;
}
#menu1Lienzo ul#menu1 li h2 {
	margin:0;
	padding:0;
	text-align:center;
}
#menu1Lienzo ul#menu1 li h2 a:first-letter {
	color:#F00 !important;
}
#menu1Lienzo ul#menu1 li a {
	display:block;
	text-decoration:none;
	font-size:17px;
	font-weight:bold;
	color:#FFF;
	margin-top:5px;
	padding-top:60px;
}
#menu1Lienzo ul#menu1 li a:hover {
	color:#F00;
}
#menu1Lienzo ul#menu1 li a.activo, #menu1Lienzo ul#menu1 li a:active {
	color:#F00;
}
#m1_4 {
	background:url(img_constantes/m1_danza.gif) no-repeat left top;
}
#m1_4.activo, #m1_4:hover {
	background:url(img_constantes/m1_danza.gif) no-repeat right top;	
}
#m1_26 {
	background:url(img_constantes/m1_musica.gif) no-repeat left top;
}
#m1_26.activo, #m1_26:hover {
	background:url(img_constantes/m1_musica.gif) no-repeat right top;	
}

#m1_5 {
	background:url(img_constantes/m1_cine.gif) no-repeat left top;
}
#m1_5.activo, #m1_5:hover {
	background:url(img_constantes/m1_cine.gif) no-repeat right top;
}
#m1_6 {
	background:url(img_constantes/m1_pintura.gif) no-repeat left top;
}
#m1_6.activo, #m1_6:hover {
	background:url(img_constantes/m1_pintura.gif) no-repeat right top;
}
#m1_14 {
	background:url(img_constantes/m1_fotografia.gif) no-repeat left top;
}
#m1_14.activo, #m1_14:hover {
	background:url(img_constantes/m1_fotografia.gif) no-repeat right top;
}
#m1_15 {
	background:url(img_constantes/m1_teatro.gif) no-repeat left top;
}
#m1_15.activo, #m1_15:hover {
	background:url(img_constantes/m1_teatro.gif) no-repeat right top;
}
#m1_16 {
	background:url(img_constantes/m1_literatura.gif) no-repeat left top;
}
#m1_16.activo, #m1_16:hover {
	background:url(img_constantes/m1_literatura.gif) no-repeat right top;
}
#m1_17 {
	background:url(img_constantes/m1_escultura.gif) no-repeat left top;
}
#m1_17.activo, #m1_17:hover {
	background:url(img_constantes/m1_escultura.gif) no-repeat right top;
}
/*#m1_7 {
	background:url(img_constantes/m1_contacto.gif) no-repeat left top;
}
#m1_7.activo, #m1_7:hover {
	background:url(img_constantes/m1_contacto.gif) no-repeat right top;
}*/
/*COLUM_IZQ*/
#column_izq {
	float:left;
	display:inline;
	width:165px;
	height:100%;
	margin-top:20px;
}
/*MENU2*/
/*		- Menú visible en todas las páginas. ***No son hijos ni hermanos***. Borrar si no se requiere. */
#menu2Lienzo {
/*	width:210px;
	float:left;
	display:inline;
	height:100%;/**/
	margin-top:10px;
}
#menu2Lienzo ul#menu2 {
	list-style:none;
	margin:0;
	padding:0;
	width:165px;
}
#menu2Lienzo ul#menu2 li {
	height:30px;
	background:url(img_constantes/bg_li_menu2.gif) no-repeat center bottom;
	padding:10px 5px;
}
#menu2Lienzo ul#menu2 li h2 {
	margin:0;
	padding:0;
}
#menu2Lienzo ul#menu2 li h2:first-letter {
	color:#F00;
}
#menu2Lienzo ul#menu2 li h2 a {
	text-decoration:none;
	font-size:20px;
	font-weight:bold;
	color:#FFF;
}
#menu2Lienzo ul#menu2 li h2 a:hover {
	color:#F00;
}
#menu2Lienzo ul#menu2 li h2 a.activo, #menu2Lienzo ul#menu2 li h2 a:active {
	color:#F00;
}
/*MIGAJAS*/
#migajas {
	padding-top:5px;
}
#migajas a {
	color:#FFF;
	text-decoration:none;
	font-size:10px;
}
#migajas a:hover {
}
#migajas a.activo, #migajas a:active {
}
/*PORTADA*/
/*		- Se añade dinámicamente ***en algunos proyectos*** en la página de inicio
		- Normalmente contiene un SWF y/o módulos personalizados */
/* ID añadido dinámicamente si así se requiere*/
#contenidoPortada ul {
}
#contenidoPortada ul h1 {
}
#contenidoPortada ul h1 a {
}
#contenidoPortada ul ul {
}
/*CONTENIDOLIENZO*/
#contenidoLienzo {
}
#contenidoLienzo h1#contenidoTitulo{
	font-size:21px;
	font-weight:bold;
	color:#FFF;
	margin:8px 0 0 0;
}
.contPagNorm {
	/*Clase añadida dinámicamente. dejar vacío si no se requiere.
	  Se pueden añadir más *** plantillas *** de páginas como clases*/
}
/*CONTENIDOHERMANOS*/
/*		- Muestra a los hermanos del registro actual, si los hay.
		  Si el parent es 0, muestra a los hijos del registro actual */
#contenidoHermanos {
	display:none;
}
#contenidoHermanos p {
}
#contenidoHermanos p a {
}
#contenidoHermanos p a:hover {
}
#contenidoHermanos ul#hermanos {
}
#contenidoHermanos ul#hermanos li a {
}
#contenidoHermanos ul#hermanos li a:hover {
}
#contenidoHermanos ul#hermanos li a.activo, #contenidoHermanos ul#hermanos li a:active {
}
/*CONTENIDOTEXTO*/
/*		- Contenido del registro actual. */
#contenidoTexto {
	width:575px;
	margin-left:175px;
}
#contenidoTexto img {
	border:5px solid white;
}
/*CONTENIDOHIJOS*/
/*		- Normalmente, se encuentra dentro de CONTENIDOTEXTO
		- Muestra a los hijos del registro actual, si los hay. */
ul.hijos {
	list-style:none;
	margin:0;
	padding:0;
}
ul.hijos .seccion {
	display:block;
	margin:0 0 20px 0;
	width:100%;
	overflow:auto;
}
ul.hijos .seccion h1 {
	margin-left:160px;
	font-size:20px;
}
ul.hijos .seccion h1:first-letter {
	color:#F00;
}
.seccion h1 a {
	color:#FFF;
	text-decoration:none;
}
.seccion h1 a:hover {
	color:#F00;
}
ul.hijos .seccion p.hijosDescripcion {
	margin-left:160px;
}
ul.hijos .seccion img {
	float:left;
	border:5px solid white;
}
ul.hijos .seccion p.seccionMas {
	margin-left:160px;
	text-align:right;
}
ul.hijos .seccion p.seccionMas a {
	text-decoration:none;
	color:#F00;
}
ul.hijos .seccion p.seccionMas a:hover {
}
/*ARTICULOS*/
#articulos {
	width:270px;
	border-right:2px solid #999;
	padding-right:10px;
	margin-right:10px;
	margin-top:10px;
	position:absolute;
	/*top:128px;*/
	top:478px;
	left:175px;
}
#articulos ul.hijos .seccion h1 {
	margin:0;
}
#articulos ul.hijos .seccion img {
	display:none;
}
#articulos ul.hijos .seccion p.hijosDescripcion {
	margin-left:0;
}
/*NOTICIAS*/
#noticias {
	width:270px;
	margin-top:10px;
	position:absolute;
	/*top:128px;*/
	top:478px;
	left:465px;
}
#noticias ul.hijos .seccion h1 {
	margin:0;
	margin-left:0px;
	margin-bottom:14px;
}
#noticias ul.hijos .seccion img {
	float:left;
	border:5px solid white;
}
#noticias ul.hijos .seccion p.hijosDescripcion {
	margin-left:110px;
}
/*IMAGENES*/
/*		- Normalmente se encuentra dentro de CONTENIDOTEXTO
		- Como puede haber más de una imagen, lo que se pueda repetir debe manejarse con clases
		- Considerar pie de foto */
#contenidoImagenes{
	float:right;
	width:240px;
	margin:10px 0 10px 10px;
	text-align:center;
}
#contenidoImagenes .pieDeFoto {
	color:#FFF;
	font-size:10px;
	text-align:center;
	margin:2px 0 10px 10px;
}
/*IMAGEN IZQ*/
#contenidoImagenIzq {
}
#contenidoImagenIzq h1 {
	margin:0;
	margin-bottom:10px;
	text-align:center;
	font-size:20px;
}
#contenidoImagenIzq h1 a {
	text-decoration:none;
	color:#FFF;
}
#contenidoImagenIzq img {
	border:8px solid white;
}
#contenidoImagenIzq .pieDeFoto {
	color:#FFF;
	font-size:12px;
	margin:5px 0;
	padding:0;
	text-align:center;
}
/*GALERIA*/
#galeria {
	margin:0;
	padding:0;
	list-style:none;
}
#galeria .seccion {
	float:left;
	margin:0 10px 10px 0;
}
#galeria .seccion img {
	border:2px solid #FFF;
}
#galeria .seccion p.galeriaDescripcion {
	display:none;
}
/*COLUMNA DER*/
#column_der {
	width:180px;
	float:right;
}
/*NOTICIAS EMAIL*/
#tools {
	background:#CBCBCB;
	padding:10px;
	margin-top:10px;
	text-align:center;
	/*width:180px;
	float:right;*/
}
#tools h2  {
	color:#F00;
	font-size:14px;
	text-align:center;
	margin:0 0 5px 0;
}
#tools input {
	width:100%;
}
.btn {
	width:auto !important;
}
/*BANNERS*/
#banners1 {
	/*width:180px;
	/*float:right;*/
}
#banners1 object {
	margin-top:10px;
}
/*FIRMA*/
/*		- Hacer *** invisible *** span credito cuando se trabaje a terceros */
#firma {
	display:none;
}
#firma span#creditos {
}
/************************* Estilos de clases ***********************/
.clearboth {
	/*No borrar*/
	clear:both;
	height:0px;
}