/* 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 {
}

/*****************************************************************/

/***********************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:url(img_constantes/lienzo_bg.png) repeat-y left top; 
}
#colizq { width:200px; float:left; }
#logo { display:block; margin:10px auto 40px; }
#colprincipal { margin-left:200px; }
/*CABECERA*/
#cabecera {
	position:relative; /* Para esconder #cabecewra h1 */
	background:url(img_constantes/baner_fotos.jpg) no-repeat left top;
	height:117px;
}
#cabecera h1 {	
	position:absolute;
	top:-1000px; /* Para esconder #cabecera h1 */
}

/*MENU1*/
#menu1Lienzo { width:760px; height:26px; background:url(img_constantes/fondo_menuazul.png) right top no-repeat; padding:10px; margin-top:-3px; }
#menu1Lienzo ul#menu1 { margin:0; padding:0; list-style:none; text-align:center; }
#menu1Lienzo ul#menu1 li { display:inline; padding:10px; }
#menu1Lienzo ul#menu1 li h2 { margin:0; display:inline; }
#menu1Lienzo ul#menu1 li a { font-size:12px; color:#FFF; }
#menu1Lienzo ul#menu1 li a:hover { color:#FC0; }
#menu1Lienzo ul#menu1 li a.activo, #menu1Lienzo ul#menu1 li a:active { color:#FC0; }

/*MENU2*/
#menu2Lienzo {}
#menu2Lienzo ul#menu2 { margin:0; padding:0; list-style:none; }
#menu2Lienzo ul#menu2 li { display:block; margin:10px 0; text-align:center;}
#menu2Lienzo ul#menu2 li h2 { margin:0; }
#menu2Lienzo ul#menu2 li h2 a { display:block; font-size:12px; padding:9px 0 14px; background:url(img_constantes/boton_villas.png) no-repeat center bottom;}
#menu2Lienzo ul#menu2 li h2 a:hover { color:#000; background-position:center top;}
#menu2Lienzo ul#menu2 li h2 a.activo, #menu2Lienzo ul#menu2 li h2 a:active { color:#000; background-position:center top;}

/*MENU3*/
#menu3Lienzo { margin-top:30px;}
#menu3Lienzo ul#menu3 { margin:0; padding:0; list-style:none; }
#menu3Lienzo ul#menu3 li { display:block; margin:5px 0; text-align:center;}
#menu3Lienzo ul#menu3 li h2 { margin:0; font-weight:normal; }
#menu3Lienzo ul#menu3 li h2 a { display:block; font-size:12px; padding:9px 0; }
#menu3Lienzo ul#menu3 li h2 a:hover { color:#000; }
#menu3Lienzo ul#menu3 li h2 a.activo, #menu3Lienzo ul#menu3 li h2 a:active { color:#000;}

/*MIGAJAS*/
#migajas { margin:5px; font-size:10px;  }
#migajas a {}
#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 { margin:0 50px 50px 100px;}
#contenidoLienzo h1#contenidoTitulo{ text-transform:uppercase; margin-left:-50px; font-size:36px; font-family:"Times New Roman", Times, serif; }
.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 {}
#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 {}

/*CONTENIDOHIJOS*/
/*		- Normalmente, se encuentra dentro de CONTENIDOTEXTO
		- Muestra a los hijos del registro actual, si los hay. */
ul#hijos {margin:20px 0; padding:0; list-style:none;}
ul#hijos .seccion {display:block; overflow:auto; margin-bottom:5px; }
ul#hijos .seccion h1 {}
.seccion h1 a {}
ul#hijos .seccion p.hijosDescripcion { margin:0; }
ul#hijos .seccion img.flota {float:left; margin-right:10px;}

/*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; margin-left:10px; margin-bottom:10px; margin-top:-10px;}
#contenidoImagenes .pieDeFoto { text-align:center; font-style:italic; }
#contenidoImagenes img { margin-top:10px; }

/*FIRMA*/
/*		- Hacer *** invisible *** span credito cuando se trabaje a terceros */
#firma { margin:5px; font-size:10px; text-align:right;}
#firma span#creditos img {  }

/************************* Estilos de clases ***********************/

.clearboth {
	/*No borrar*/
	clear:both;
}

#galeria { margin:0; padding:0; list-style:none; overflow:auto; }
#galeria li { display:block; width:200px; height:250px; padding:10px; margin:0 10px 10px 0; float:left; background:#FFF; border:1px solid #000; overflow:hidden; }
#galeria li img  { border:1px solid #000; }
#galeria li p { margin:5px; font-size:10px; text-align:center; font-style:italic; }