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

/*****************************************************************/
div.youtube { padding:10px; background:url(img_constantes/form_bg.jpg) no-repeat top left; }
/*FORMA*/
#forma { background:url(img_constantes/form_bg.jpg) no-repeat top left; }
#forma table { width:100%; text-shadow: #000 0.1em 0.1em 0.3em; }
#forma table .base { background:url(img_constantes/form_bg.jpg) no-repeat bottom left; height:30px; }
#pregunta_form { width:660px; float:left; background:#666; margin-top:20px; }
#pregunta_form h1 { margin:0; padding:10px; font-size:16px; text-align:center; } 
/*#pregunta_form span { width:70px; text-align:right; display:block; float:left; padding:3px; }*/
#pregunta_form input, #pregunta_form textarea, #pregunta_form select, #pregunta_form option { background:#999; }
#pregunta_form input { width:50px; }
#pregunta_form input.largo { width:180px; }
#pregunta_form textarea { width:290px; height:100px; }
/*LOGO*/
#logo { width:160px; height:160px; float:left; margin:10px 10px 10px 30px;}
#donativos { text-align:center; color:#999; text-decoration:none; display:block; margin:20px 0 50px; }
/***********************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:20px auto;
	position:relative;
}

/*IDIOMA*/
#langSwitch{ margin:0 auto; padding:0; list-style:none; width:924px; }
#langSwitch li { float:left;  }
/*#langSwitch li a { text-shadow: #000 0.1em 0.1em 0.3em; color:#FFF; text-decoration:none; font-weight:bold; display:block; padding:15px 10px 11px 40px; margin:0 2px; background:url(img_constantes/menu1_fondo_v2.jpg) top center no-repeat; width:100px; border-style:none; text-align:left; }
#langSwitch li a:hover { background:url(img_constantes/menu1_fondo_v2.jpg) no-repeat top right; }
#langSwitch li a:active, #langSwitch li a.activo { background:url(img_constantes/menu1_fondo_v2.jpg) no-repeat top left; }*/
#langSwitch li a { text-shadow: #000 0.1em 0.1em 0.3em; color:#FFF; text-decoration:none; font-weight:bold; display:block; padding:15px 10px 11px 40px; margin:0 2px; background:url(img_constantes/menu1_fondo_v3.jpg) center center no-repeat; width:100px; border-style:none; text-align:left; }
#langSwitch li a:hover { background:url(img_constantes/menu1_fondo_v3.jpg) no-repeat bottom center; }
#langSwitch li a:active, #langSwitch li a.activo { background:url(img_constantes/menu1_fondo_v3.jpg) no-repeat top center; }

/*CABECERA*/
#cabecera {
	position:relative; 
	clear:left;
	padding:30px;
	background:url(img_constantes/h1_fondo.png) no-repeat center;
	height:30px;
}
#cabecera h1 { margin:0; }
#cabecera h1 a span { display:none }
#cabecera h1 a {	
	position:absolute;
	top:0;
	left:0;
	width:426px;
	height:90px;
	background:url(img_constantes/home.png) top left no-repeat;
}
#cabecera h1 a:hover {	
	background:url(img_constantes/home.png) bottom left no-repeat;
}

/*MENU1*/
/*		- Menú visible en todas las páginas 		*/
#menu1Lienzo {
	position:absolute;
	top:77px;
	right:10px;
	width:450px;
}
#menu1Lienzo ul#menu1 {
	margin:0; padding:0; list-style:none;
}
#menu1Lienzo ul#menu1 li {
	display:inline; padding-right:20px;
}
#menu1Lienzo ul#menu1 li h2 {
	margin:0;
	font-size:16px;
	display:inline;
}
#menu1Lienzo ul#menu1 li a {
	color:#FFF;
	text-decoration:none;
}
#menu1Lienzo ul#menu1 li a:hover {
	color:#FC0;
}
#menu1Lienzo ul#menu1 li a.activo, #menu1Lienzo ul#menu1 li a:active {
	color:#9F0;
}

/*MENU2*/
/*		- Menú visible en todas las páginas. ***No son hijos ni hermanos***. Borrar si no se requiere. */
#menu2Lienzo {
	margin-top:10px;
}
#menu2Lienzo ul#menu2 { margin:10px 0 0; padding:0; list-style:none;}
#menu2Lienzo ul#menu2 li { text-align:center; width:170px; }
#menu2Lienzo ul#menu2 li h2 {
	margin:0;
	font-size:12px;
}
#menu2Lienzo ul#menu2 li h2 a span {
	display:none;
}
#menu2Lienzo ul#menu2 li h2 a:hover span {
	display:block;
	z-index:10000;
	position:absolute;
	top:0; left:0;
	width:130px;
	margin:20px;
	text-align:center;
	text-shadow: #000 0.1em 0.1em 0.3em; 
}
#menu2Lienzo ul#menu2 li h2 a {
	color:#FFF;
	text-decoration:none;
	padding:5px;
	display:block;
	width:160px;
	height:90px;
	overflow:hidden;
	position:relative;
}
#menu2Lienzo ul#menu2 li h2 a.activo, #menu2Lienzo ul#menu2 li h2 a:active {
}
#menu2Lienzo ul#menu2 li h2 a img { border-style:none; }
.hover { display:none; }
#menu2 a:hover .hover { display:block; position:absolute; top:0; left:0; width:170px; height:100px; }

/*MIGAJAS*/
#migajas {
	display:none;
}
#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 {
	padding:0 30px 0 40px;
}
#contenidoLienzo h1#contenidoTitulo{
	margin:10px 0;
}
#contenidoLienzo h1#contenidoTitulo span { /*display:none;*/ }
.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*/
}

/*CONTENIDOTEXTO*/
/*		- Contenido del registro actual. */
#contenidoTexto {
	width:660px;
	float:left;
}
/*COLUMNA*/
#columna {
	margin: 20px 0 0 680px;
	width:170px;
	/*background:url(img_constantes/columna_fondo.jpg) no-repeat top left;*/
	height:575px;
	overflow:auto; 
	padding:0 10px;
}
#columna h1 { margin:0; text-align:center; }

/*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 { height:170px; overflow:hidden; }
ul#hijos .seccion h1 { margin-left:220px; }
.seccion h1 a {color:#CCC; text-decoration:none;}
.seccion h1 a:hover {color:#FFF; }
ul#hijos .seccion p.hijosDescripcion { margin-left:220px; }
ul#hijos .seccion img { float:left; border-style:none; }

/*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;
}
#firma span#creditos {
}
#firma img { width:35px; height:10px; }

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

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