/* 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 */
	margin:auto;
	position:relative;
}

/*CABECERA*/
#cabecera {
	position:relative; /* Para esconder #cabecewra h1 */
	background:url(img_constantes/cabecera_bg.png) center center;
	text-align:center;
	height:137px;
	width:100%;
}
#cabecera h1 {	
	position:absolute;
	top:-1000px; /* Para esconder #cabecera h1 */
}

/*MENU1*/
/*		- Menú visible en todas las páginas 		*/
#menu1Lienzo { float:left;}
#menu1Lienzo ul#menu1 {margin:0; padding:0; list-style:none;}
#menu1Lienzo ul#menu1 li {display:block; width:67px; height:67px; margin:0 0 10px 0; padding:0; }
#menu1Lienzo ul#menu1 li h2 {}
#menu1Lienzo ul#menu1 li a {display:block; width:67px; height:67px; font-size:10px; }
#menu1Lienzo ul#menu1 li a:hover {}
#menu1Lienzo ul#menu1 li span { display:none; }
#menu1Lienzo ul#menu1 li a.activo, #menu1Lienzo ul#menu1 li a:active {}

#menu1Lienzo ul#menu1 #menu14 a { background:url(img_constantes/boton_bodas.png) no-repeat center top; }
#menu1Lienzo ul#menu1 #menu15 a { background:url(img_constantes/boton_sociales.png) no-repeat center top; }
#menu1Lienzo ul#menu1 #menu16 a { background:url(img_constantes/boton_corporativo.png) no-repeat center top; }

.portada #menu1Lienzo { display:none; }

/*MENU2*/
/*		- Menú visible en todas las páginas. ***No son hijos ni hermanos***. Borrar si no se requiere. */
#menu2Lienzo { position:absolute; top:120px; left:50%; margin-left:-490px; width:980px; }
#menu2Lienzo ul#menu2 {margin:0;padding:0;list-style:none; text-align:right;}
#menu2Lienzo ul#menu2 li {display:inline; padding:0 10px; border-left:solid 1px #FFF;}
#menu2Lienzo ul#menu2 li:first-child {border-left-style:none;}
#menu2Lienzo ul#menu2 li h2 {display:inline; font-weight:normal; font-size:12px;}
#menu2Lienzo ul#menu2 li h2 a {color:#FFF;}
#menu2Lienzo ul#menu2 li h2 a:hover {}
#menu2Lienzo ul#menu2 li h2 a.activo, #menu2Lienzo ul#menu2 li h2 a:active {}

/*MIGAJAS*/
#migajas { color:#999; padding:5px; width:700px; margin-bottom:20px; }
#migajas a { }
#migajas a:hover { }
#migajas a.activo, #migajas a:active { }

#langSwitch { margin:0 50px 0 0; padding:5px; list-style:none; color:#999; text-align:right; width:200px; float:right; }
#langSwitch li { display:inline; padding:0 5px; }

/*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 { padding-bottom:50px; width:980px; margin:10px auto 0;}
#contenidoLienzo h1#contenidoTitulo{}
.portada #contenidoLienzo h1#contenidoTitulo{ display:none; }

/*GALERIA*/
#galeria { margin:0 auto ; padding:0; list-style:none; width:580px; white-space: nowrap; overflow:auto; height:260px; background: none transparent; }
#galeria li { display:inline; padding:0; margin:0; }
#galeria li a img { margin:0; padding:0;border:none; }
#galeria .preloadImage { display:inline; }
#galeria a { margin:0; padding:0; }
#galeria a:hover { margin:0; padding:0;  }

/*CONTENIDOHERMANOS*/
/*		- Muestra a los hermanos del registro actual, si los hay. 
		  Si el parent es 0, muestra a los hijos del registro actual */
#contenidoHermanos { float:left; margin:80px 0 0 50px;}
#contenidoHermanos p {}
#contenidoHermanos p a {}
#contenidoHermanos p a:hover {}
#contenidoHermanos ul#hermanos {margin:0; padding:0 5px; list-style:none; border-left:solid 2px #89CA26;}
#contenidoHermanos ul#hermanos li {padding:5px;}
#contenidoHermanos ul#hermanos li a { display:block;}
#contenidoHermanos ul#hermanos li a:hover {}
#contenidoHermanos ul#hermanos li a.activo, #contenidoHermanos ul#hermanos li a:active {}

/*CONTENIDOTEXTO*/
/*		- Contenido del registro actual. */
#contenidoTexto { float:right; width:600px; padding:20px; background:#F6F6F6;  }
#contenidoTexto .sb-inner { background:#F6F6F6 url(img_constantes/internalienzo.png) no-repeat;}

.portada #contenidoTexto { background:none !important; width: 810px; padding:20px 0; margin:auto; }
.portada #contenidoTexto .sb-inner { background:none !important;  }

/*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; margin-bottom:10px; overflow:auto;}
ul#hijos .seccion h1 {}
.seccion h1 a {color:#333;}
.seccion h1 a:hover {color:#666;}
ul#hijos .seccion p.hijosDescripcion {}
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{float:right; margin:0 0 5px 10px; }
#contenidoImagenes .pieDeFoto {}

/*FIRMA*/
/*		- Hacer *** invisible *** span credito cuando se trabaje a terceros */
#firma { background:#BBE110; position:absolute; bottom:0; left:0; width:100%; padding:0; text-align:center; border-top:2px solid #666; }
#firma span#creditos { display:none }

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

.clearboth {clear:both;}