/* 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/bg_body2.jpg) #DCDCDC top center;
}

/***********************Estilos para Id's*************************/
#dock{
	position:absolute;
	top:200px;
	right:5px;
	width:690px;
	height:145px;
}
#lienzo {
	width:960px;
	margin: 0 auto;
	position:relative;
	background-color:#FFFFFF;
	background:url(img_constantes/bg_lienzoInterior.gif) top center repeat-y;
}
/* El contenedor pa la clases cambiantes*/
#lienzo #contenedorPrincipal {
	width:950px;
	margin:auto;
	background-color:#00CC66;
	min-height:100%;
	height:auto !important;
	height:100%;
}
#lienzo #contenedorPrincipal .ieSux{
	background:url(img_constantes/bg_s1.gif) repeat-y left top #FF9801;
}

/**BACKGROUND**/
#lienzo .seccion4#contenedorPrincipal .ieSux {
	background-image:url(img_constantes/bg_s4.gif);
	background-color:#025545;	
}

#lienzo .seccion5#contenedorPrincipal .ieSux {
	background-image:url(img_constantes/bg_s5.gif);
	background-color:#BE0362;
}

#lienzo .seccion6#contenedorPrincipal .ieSux {
	background-image:url(img_constantes/bg_s1.gif);
	background-color:#FF9801;	
}

#lienzo .seccion15#contenedorPrincipal .ieSux {
	background-image:url(img_constantes/bg_s15.gif);
	background-color:#980F00;	
}

/**CONTENIDO LIENZO SECCION 4**/
#lienzo .seccion4#contenedorPrincipal #contenidoLienzo #contenidoTexto h1#contenidoTitulo {
	color: #025545;
}
/**CONTENIDO LIENZO SECCION 5**/
#lienzo .seccion5#contenedorPrincipal #contenidoLienzo #contenidoTexto h1#contenidoTitulo {
	color:#BE0362;		
}
/**CONTENIDO LIENZO SECCION 6**/
#lienzo .seccion6#contenedorPrincipal #contenidoLienzo #contenidoTexto h1#contenidoTitulo {
	color:#FF9801;
}
/**CONTENIDO LIENZO SECCION 15**/
#lienzo .seccion15#contenedorPrincipal #contenidoLienzo #contenidoTexto h1#contenidoTitulo {
	color:#980F00;
}
/***********************Estilos para Id's*************************/



/*CABECERA*/
#cabecera {
	position:relative; /* Para esconder #cabecewra h1 */
	height:200px;
	margin-left:260px;
	background-color:#CCCCCC;
	background-image:url(img_constantes/bg_cabeceragris.gif);		
	background-repeat: repeat-y;
	background-position: left top;	
}
#cabecera h1 {	
	position:absolute;
	top:-1000px; /* Para esconder #cabecera h1 */
}

/*MENU1*/
/*		- Menú visible en todas las páginas 		*/
#menu1Lienzo {
	position:absolute;
	top:0px;
	left:0px;
	width:250px;
}
#menu1Lienzo ul#menu1 {
	margin:0; 
	padding:0; 
	list-style:none;
	text-align:right;
}
#menu1Lienzo ul#menu1 li {
	display:block;
	margin:20px 0;
}
#menu1Lienzo ul#menu1 li h2 {
	font-size:14px;
}
#menu1Lienzo ul#menu1 li a {
	color:#FFFFFF;
	text-decoration:none;
}
#menu1Lienzo ul li#menu1 a:hover {
}
#menu1Lienzo ul li#menu1 a.activo, #menu1Lienzo ul li#menu1 a:active {
}
/*MIGAJAS*/
#migajas {
	width:660px;
	padding-left:30px;
	position:absolute;
	top:350px;
	right:0;
	font-size:10px;
}
#migajas a {
	text-decoration:none;
	font-size:11px;
	color:#666666;
}
#migajas a:hover {
}
#migajas a.activo, #migajas a:active {
}
/*CONTENIDOLIENZO*/
#contenidoLienzo {
	margin-left:260px;
	margin-top:0;
	background-color:#FFFFFF;
	padding-left:20px;
	padding-right:0;
	width:670px;
	/*background-image:url(img_constantes/bg_contenidoLienzo.gif);
	background-repeat: repeat-y;
	background-position: left top;*/
}
#contenidoLienzo h1#contenidoTitulo{
	padding:10px;
	float: right;
	position:absolute;
	right:20px;
	top:330px;
	font-size:32px;
	width:600px;
	text-align:right;
	color:#FF9801;
}
/*CONTENIDOTEXTO*/
/*		- Contenido del registro actual. */
#contenidoTexto {
	width:320px;
	padding:210px 5px 35px 15px;
	height:100%;
	color:#FF9801;
	float:left;
}

#lienzo .seccion4#contenedorPrincipal #contenidoLienzo #contenidoTexto {
	color:#025545;

}
#lienzo .seccion5#contenedorPrincipal #contenidoLienzo #contenidoTexto {
	color:#BE0362;	

}
#lienzo .seccion6#contenedorPrincipal #contenidoLienzo #contenidoTexto {
	color:#FF9801;
}
#lienzo .seccion15#contenedorPrincipal #contenidoLienzo #contenidoTexto {
	color:#980F00;

}

/**ELADIOS CON PLECAS DE COLORES PARA CADA SECCION**/

#lienzo #contenedorPrincipal #contenidoLienzo #contenidoLogo {
	width:325px;
	height:120px;
	margin-left:5px;
	margin-right:0;
	padding:0;
	position:absolute;
	top:420px;
	right:5px;
	background-image:url(img_constantes/elad_6.jpg);
	background-repeat: no-repeat;
	background-position: right;
}


#lienzo .seccion4#contenedorPrincipal #contenidoLienzo #contenidoLogo {
	background-image:url(img_constantes/elad_4.jpg);
}

#lienzo .seccion5#contenedorPrincipal #contenidoLienzo #contenidoLogo {
	background-image:url(img_constantes/elad_5.jpg);
}

#lienzo .seccion6#contenedorPrincipal #contenidoLienzo #contenidoLogo {
	background-image:url(img_constantes/elad_6.jpg);
}

#lienzo .seccion15#contenedorPrincipal #contenidoLienzo #contenidoLogo {
	background-image:url(img_constantes/elad_15.jpg);	
}

/*CONTENIDOHIJOS PARA CADA SECCION*/
/*		- Normalmente, se encuentra dentro de CONTENIDOTEXTO
		- Muestra a los hijos del registro actual, si los hay. */

ul#hijos {
	list-style-image:none;
	list-style-type:none;
	padding:5px;
	
}

ul#hijos .seccion {
}

ul#hijos .seccion:hover {
	background-image:url(img_constantes/bg_hoverHijos.jpg);
	background-repeat: repeat-y;
	background-position: left top;	
}

/*****************IMAGENES PARA LA SECCION 5**********************************/
#lienzo .seccion5#contenedorPrincipal .ieSux #contenidoLienzo #contenidoTexto #contenidoHijos #hijos #hijo18 {
	background-image:url(img_constantes/li_hijo18.jpg);
	background-repeat: no-repeat;
	background-position: left 0px;
	padding-left:45px;
}

#lienzo .seccion5#contenedorPrincipal .ieSux #contenidoLienzo #contenidoTexto #contenidoHijos #hijos #hijo19 {
	background-image:url(img_constantes/li_hijo19.jpg);
	background-repeat: no-repeat;
	background-position: left 0px;
	padding-left:45px;
}

#lienzo .seccion5#contenedorPrincipal .ieSux #contenidoLienzo #contenidoTexto #contenidoHijos #hijos #hijo20 {
	background-image:url(img_constantes/li_hijo20.jpg);
	background-repeat: no-repeat;
	background-position: left 0px;
	padding-left:45px;
}

#lienzo .seccion5#contenedorPrincipal .ieSux #contenidoLienzo #contenidoTexto #contenidoHijos #hijos #hijo21 {
	background-image:url(img_constantes/li_hijo21.jpg);
	background-repeat: no-repeat;
	background-position: left 0px;
	padding-left:45px;
}

#lienzo .seccion5#contenedorPrincipal .ieSux #contenidoLienzo #contenidoTexto #contenidoHijos #hijos #hijo22 {
	background-image:url(img_constantes/li_hijo22.jpg);
	background-repeat: no-repeat;
	background-position: left 0px;
	padding-left:45px;
}

/*********HOVER DE LAS IMAGENES DE LA SECCION 5************/
ul#hijos {
	list-style-image:none;
	list-style-type:none;
	padding:5px;
	
}

ul#hijos .seccion {
}


#lienzo .seccion4 a, #lienzo .seccion4 {
	color:#025545;
	background-repeat: no-repeat;
	background-position: left top;
}

#lienzo .seccion5 a, #lienzo .seccion5 {
	color:#BE0362;	
}

#lienzo .seccion6 a, #lienzo .seccion6 {
	color:#FF9801;
}

#lienzo .seccion15 a, #lienzo .seccion15 {
	color:#980F00;
}
	
.seccion h1 a {
	text-decoration:none;
	font-size:22px;
	font-weight:bolder;
}


ul#hijos .seccion .hijosDescripcion {
	font-size:14px;
}

ul#hijos .seccion .hijosDescripcion a {
	text-decoration:none;
	border:none;
}

ul#hijos .seccion img {
}
ul#hijos .seccion p.seccionMas {
	padding:0;
	margin:0;
	list-style-type: none;
}
ul#hijos .seccion p.seccionMas a {
	text-decoration:none;
}
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{
	/*width:325px;
	height:200px;*/
	margin-left:5px;
	margin-right:0;
	padding:0;
	float:right;
	margin-top:420px;
	margin-bottom:50px;
}
#contenidoImagenes .pieDeFoto {
}

/*FIRMA*/
/*		- Hacer *** invisible *** span credito cuando se trabaje a terceros */
#firma {
	background:url(img_constantes/bg_pie.gif) no-repeat center;
	width:940px;
	padding:10px;
	height:80px;
	display:none;
}
#firma span#creditos {
}

#firma p {
	padding-top:15px;
}

#contenidoTexto p a {
	text-decoration:none;
	color:#FF9900;
	border-bottom:1px dashed #FF9900;
}
/************************* Estilos de clases ***********************/

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

#contenidoGaleria {
	width:300px;
	padding:0;
	margin:0;
}

/*#galeriaCarpeta {
	width:300px;
}*/

/*#galeria {
	width:300px;
}*/
ul#galeria img {
	width:70px;
	height:70px;
}

ul#galeria {
	margin:0;
	padding:0;
	list-style:none;
}

.preloadImage {
	width:70px;
}
ul#galeria h1, ul#galeria p{
	display:none;
}
ul#galeria li{
	border:#000000 1px solid;
	width:70px; 
	/*margin:10px 5px; */
	float:left;
	padding:1px;
}

ul#galeria a img{
	border-style:none;
}


/*****************PORTADA*************************/
#portada{
	padding:5px 10px;
	text-align:center;
}