/* 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:url(img_constantes/body_bg.jpg) bottom center fixed #8F571E; }*/
body { background:#000; }

/*****************************************************************/
/***********************Estilos para Id's*************************/
/*LIENZO*/
#lienzo {
	min-height:100%;
	height:auto !important;
	height:100%;/* Hack para altura 100%. Descomentar si se necesita */
	width:960px;
	margin:auto;
	background:#641026;
}
/*CABECERA*/
#cabecera {
	position:relative; /* Para esconder #cabecewra h1 */
}
#cabecera h1 {
	position:absolute;
	top:-1000px; /* Para esconder #cabecera h1 */
}
#cabecera, #cabecera2 { background:#000; }
/*MENU1*/
/*		- Menú visible en todas las páginas 		*/
#menu1Lienzo {}
#menu1Lienzo ul#menu1 { background:#A31C3D; margin:0; padding:5px; list-style:none; text-align:center;}
#menu1Lienzo ul#menu1 li { display:inline; padding:0 10px;}
#menu1Lienzo ul#menu1 li h2 { display:inline; margin:0; }
#menu1Lienzo ul#menu1 li a { color:#FFF; text-transform:uppercase; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
#menu1Lienzo ul#menu1 li a:hover { color:#000; }
#menu1Lienzo ul#menu1 li a.activo, #menu1Lienzo ul#menu1 li a:active { color:#000; }
/*MENU2*/
/*		- Menú visible en todas las páginas. ***No son hijos ni hermanos***. Borrar si no se requiere. */
#menu2Lienzo { margin:0; width:200px; float:left; padding-bottom:80px; background:url(img_constantes/menu2_bg.gif) no-repeat center bottom; }
#menu2Lienzo ul#menu2 { background:#FFB719; margin:0; padding:20px 0; list-style:none; }
#menu2Lienzo ul#menu2 li {}
#menu2Lienzo ul#menu2 li h2 { margin:0; }
#menu2Lienzo ul#menu2 li h2 a { display:block; padding:20px; margin:5px; text-align:center; color:#000; text-transform:uppercase; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;  }
#menu2Lienzo ul#menu2 li h2 a:hover { color:#641026;}
#menu2Lienzo ul#menu2 li h2 a.activo, #menu2Lienzo ul#menu2 li h2 a:active {color:#641026;}
ul#menu2 li#menu219 a {height:175px; display:block; background:url(img_constantes/club.jpg) no-repeat center center; margin:auto; } /*El club de Covi*/
ul#menu2 li#menu219 a span { display:none; }
	
/*MIGAJAS*/
#migajas { padding:5px; background:#FD5B2A; margin:0; }
#migajas a { color:#FFF; }
#migajas a:hover { color:#000; }
#migajas a.activo, #migajas a:active {}
/*CONTENIDOLIENZO*/
#contenidoLienzo {}
#contenidoLienzo h1#contenidoTitulo{text-transform:uppercase;}
/*CONTENIDOTEXTO*/
/*		- Contenido del registro actual. */
#contenidoTexto { float:left; width:720px; padding:20px;}
/*CONTENIDOHIJOS*/
/*		- Normalmente, se encuentra dentro de CONTENIDOTEXTO
		- Muestra a los hijos del registro actual, si los hay. */
ul#hijos {margin:0; padding:0; list-style:none; }
ul#hijos .seccion { display:block; overflow:auto; min-height:100px; margin:20px; width:300px; float:left; }
ul#hijos .seccion h1 { margin-left:130px; margin-top:0;}
.seccion h1 a {color:#FFF; margin:0; }
ul#hijos .seccion .hijosDescripcion { margin-left:130px;}
ul#hijos .seccion img { float:left; margin-right:10px;}
ul#hijos .seccion p.seccionMas { display:none; }
ul#hijos .seccion p.seccionMas a {}
ul#hijos .seccion p.seccionMas a:hover {}
/*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{}
#contenidoImagenes .pieDeFoto {}
/*FIRMA*/
/*		- Hacer *** invisible *** span credito cuando se trabaje a terceros */
#firma { text-align:center; padding:10px; }
#firma span#creditos { display:none; }
/************************* Estilos de clases ***********************/
.clearboth {clear:both;}
/*PORTADA*/
.pLienzo { margin-top:30px; border-top:solid 2px #FD5B2A; }
.pRecomendaciones { padding:15px; width:300px; float:left; text-align:center; text-transform:uppercase; }
.pEventos { padding:15px; width:300px; float:left; text-align:center; text-transform:uppercase; border-left:solid 2px #FD5B2A;}
.pLienzo h1 { font-size:24px; }


#galeria { margin:0; padding:0; list-style:none; }
#galeria li { display:block; width:240px; margin:5px; float:left; }