/* Maquetación del portal */

body{
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	text-align: center;
	color: #FFFFFF;
	background-color: #000000;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

form {
	padding: 0em;
	margin: 0em;
   display: inline; 
}

#fondoPagina{
	background-color: #0697E5; 
	background-image: url(/imagenes/fondoPagina.png);
	background-repeat: repeat-x;
	background-position: top;

}
#pagina{
   text-align: left;
	width: 62.4em;
	margin: 0em auto 0em auto;
	padding-bottom: 1.875em;
	overflow: hidden;
}

/* CABECERA */
#cabecera{
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
/*	background-image: url(/imagenes/fondoEstrellas.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	height: 8.75em;*/
}
img.logo{
   width: 25.25em;
	height: 9.75em;
	border: none;
	position: absolute;
	z-index: 1;
}

/*#textoCabecera{
	padding-top: 1.875em;
	padding-left: 2.5em;
}*/

.letraTituloPortal{
	font-family: Corbel, Arial;
	font-size: 1.125em;
	color: White;
}
#contMenuSup{
	padding-left: 5.625em;
/*	padding-top: 6.1875em;*/
   margin-top: 6.1875em;
	position: absolute;
	z-index: 2;
}

#menuSup{
	height: 3.375em;
	padding-left: 0.3125em;;
	padding-right: 0.3125em;
	padding-bottom: 0em;
	border-bottom: 0.0625em solid #000000;;
	width: 53.5em;
}
.bordesMenuSup{
	padding-top: 2.86em;
}

img.imgBordesMenuSup{
	width: 1.75em;
	height: 0.5625em;
	border: none;
}

img.imgPestanaAzul{
	width: 9.75em;
	height: 2.5625em;
	border: none;
}
img.imgPestanaRoja{
	width: 9.75em;
	height: 3.375em;
	border: none;
}
.pestaniaAzul{
	padding-top: 0.8125em;
   padding-top: 0.85em;
}
.pestaniaRoja{
   padding-top: 0em;
}
.separadorPest{
	padding-left: 0.3125em;
}


/* menuIzda*/
#menuIzda{
	padding-bottom: 1.5625em;
	padding-right: 0.625em;
	width: 11.375em;
}
img.menuIzdaSup{
	width: 11.375em;
	height: 0.75em;
	border: none;
}
img.menuIzdaInf{
	width: 11.375em;
	height: 0.875em;
	border: none;
}

#opcionesMenuIzda{
	background-color: #000000;
/*	height: 27.375em;*/
   height: 24.7em;
	padding-left: 0.625em;
	padding-right: 0.625em;
	padding-top: 0.9375em;
}

#opcionesMenuIzdaAgenda{
	background-color: #000000;
/*	height: 27.375em;*/
   height: 16.7em;
	padding-left: 0.625em;
	padding-right: 0.625em;
	padding-top: 0.9375em;
}
img.flechaMenuIzda{
  width: 0.5em;
  height: 0.625em;
  border: none;
  padding: 0em 0.3125em 0em 0.3125em;
}
#enlaceMenu{
	width: 8.75em;
}
a.enlaceOpMenuIzdaAct{
	color: #FE0032;
	font-weight: bold;
	font-size: 0.6875em;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a.enlaceOpMenuIzdaAct:hover{
	text-decoration: underline;
}
a.enlaceOpMenuIzda{
   font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 0.6875em;
	text-decoration: none;
}
a.enlaceOpMenuIzda:hover{
	text-decoration: underline;
}
.espacioOpMenuIzda{
	padding-bottom: 0.5em;
	width: 100%;
}
/* contenido*/
#contenido{
   padding-top: 10.3125em;
	padding-left: 5.625em;
	height: 100%;
}

/* contenido estrellas*/
#contenidoEstrellas{
   padding-top: 10.3125em;
	padding-left: 5.625em;
   padding-right: 5.625em;
	height: 100%;
}


/* parteDecha */

#parteDcha{
	width: 38.0625em;
}
.tituloPagina{
   background-color: #02324C;
	padding-bottom: 1.25em;
}
img.cuadroTituloPagina{
  width: 38.0625em;
  height: 1em;
  border: none;
}

img.cuadroTituloPaginaG{
  width: 51.1em;
  height: 1em;
  border: none;
}


img.cuadroTextoPagina{
  width: 38.0625em;
  height: 1.1875em;
  border: none;
}

img.cuadroTextoPaginaG{
  width: 51.15em;
  height: 1.1875em;
  border: none;
}



#textoPagina, #textoPaginaAgenda{
	background-color: #03496D;
	width: 38.0625em;
}

#textoPaginaG{
	background-color: #03496D;
	width: 49.95em;
   padding-left: 1.2em;
   background-image: url(../imagenes/fondoKit.gif);
   background-repeat: no-repeat;
   background-position: bottom right;
}


.letraTam11{
	font-size: 0.6875em;
}
.letraTam20{
	color: #FE0032;
	font-size: 1.25em;
}

.letraTam14{
   font-size: 0.9em;
}

.negrita{
	font-weight: bold;
}
.margenTitulo{
	padding-left: 1.25em;
}

#textoIzda{
	padding: 0.625em;
	margin-top: 0.3125em;
	width: 24em;
	border-right: 0.0625em dotted #356D8A;
}
#textoIzdaEsp{
	padding: 0.625em 0.625em 0em 0.625em;
	margin-top: 0.3125em;
	width: 24em;
	border-right: 0.0625em dotted #356D8A;
}
#textoIzdaMargen{
	padding: 0em;
	margin-top: 1.25em;
	width: 24em;
	border-right: 0.0625em dotted #356D8A;
}

a.enlaceNegro{
	color: #000000;
	font-size: 0.6875em;
	font-weight: bold;
	text-decoration: underline;
}
a.enlaceNegro:hover{
   text-decoration: none;
}
#textoDcha{
	width: 11.25em;
	padding: 0.625em;
	
}
img.fondoNino{
	height: 20.9375em;
	width: 11.25em;
	z-index: 1;
	position: absolute;
}

#contSobreImgNino{
	position: absolute;
	z-index: 2;
}

#encTEstr{
	padding-top: 8.75em;
	padding-left: 3.125em;
}
img.encuentraEstrella{
   width: 4.9375em;
	height: 1.75em;
	border: none;
}
#partGana{
	padding-top: 2.1875em;
	padding-left: 3.4375em;
}
img.participaGana{
   width: 4.6875em;
	height: 3.625em;
	border: none;
}
img.fondoVirtual{
	height: 21.0625em;
	width: 10.6875em;
	z-index: 1;
	position: absolute;
}
#unComent{
	width: 10.5em;
	height: 5em;
	padding-top: 5em;
	padding-left: 3.5em;
}
#masComent{
	padding-top: 2.5em;
	padding-left: 1.25em;
}
img.enlaceMas{
   width: 3.25em;
	height: 1.125em;
	border: none;
}
#visitaVirt{
	padding-top: 3.8em;
	padding-left: 3.4375em;
}
img.enlaceExpoVirtual{
   width: 4.1875em;
	height: 3.4375em;
	border: none;
}
#contSobreImgVirt{
	position: absolute;
	z-index: 2;
}

/* PIE */

#pie{
	background-color: #000000;
	padding-top: 1.25em;
	padding-bottom: 1.875em;
/*	padding-left: 12em;*/
	width: 55em;
	margin: 0em auto 0em auto;
	overflow: hidden;
	text-align: left;
}

/* home */
#pie3{
	background-color: #000000;
	padding-top: 3em;
	padding-bottom: 1.875em;
/*	padding-left: 12em;*/
	width: 55em;
	margin: 0em auto 0em auto;
	overflow: hidden;
	text-align: left;
}

div.junta{
	width: 9em;
}
div.centroPie{
	width: 14.375em;
}
div.dchaPie{
	width: 6em;
}
img.aia{
  width: 2.3125em;
  height: 4.4375em;
  border: none;
  padding: 0em 0.625em 0em 0.625em;
  vertical-align: top;

}
img.junta{
/*  width: 4.625em;
  height: 2.625em;*/
	border: none;
  padding: 0em 0.625em 0em 0em;
  vertical-align: top;
  width: 8.5625em;
  height: 4.9375em;
}
img.recta{
   width: 5.125em;
   height: 1.625em;
   border: none;
   padding: 0.8em 0.625em 0em 0em;
   vertical-align: top;
}
img.tierraUniverso{
   width: 3.1875em;
	height: 3.3125em;
	border: none;
	padding: 0.3em 0.625em 0em 0.625em;
	vertical-align: top;
}
img.calarAlto{
   width: 3.25em;
	height: 3.75em;
	border: none;
	padding: 0.3em 0.625em 0em 0.625em;
	vertical-align: top;
}
img.armada{
   width: 3.25em;
	height: 3.1875em;
	border: none;
	padding: 0.625em 0.625em 0em 0.625em;
	vertical-align: top;
}
img.principia{
   width: 3.625em;
	height: 3em;
	border: none;
	padding: 0.625em 0.625em 0em 0.625em;
	vertical-align: top;
}

img.valkanik{
   width: 5.75em;
	height: 1.4375em;
	border: none;
	padding-top: 1.8em;
}

/* 
   Tengo la subrayado 2, subrayadoPie2, porque se utiliza el mismo código html para la invitación y todos los pies de la página 
	y en la invitación necesito un margin diferente para el subrayado. 
	En el caso de las páginas no. Esta clase se puede ver en la hoja de estilo estiloMailingLanding
	
*/
div.subrayadoPie, div.subrayadoPie2{
	border-bottom: 0.0625em solid #012030;
}
div.espacioIconosPie{
	padding-top: 0.625em;
	height: 6.25em;
}
div.separacionEspPie{
	padding-left: 1em;
}
div.separacionEspPie2{
	padding-left: 1em;
}

/* Flotar + clear + etc...*/

.flotaIzda{
	float: left;
}
.clear{
	clear: both;
}
.flotaDcha{
	float: right;
}

/* ESCRIBIR COMENTARIO */

#escribirComent{ 
   margin-left: 9.75em;
	padding-left: 0.625em;
}

.letraTam16{
	font-size: 1em;
}
#textoAniadeCom{
	position: absolute;
	z-index: 2;
	padding-left: 2.5em;
	padding-top: 1.125em;
}
#divFormComent{
	padding-top: 4.5em;
	padding-left: 4em;
}

div.anchoComent{
	width: 4.6875em;
}

img.bocadilloComentDest{
   width: 9.75em;
	height: 9.3125em;
	border: none;
	position: absolute;
	z-index: 1;
}
#textoComent{
	position: absolute;
	z-index: 2;
	width: 8em;
	padding-left: 3.375em;
	padding-top: 3.375em;
}

img.aniadeComentario{
  width: 3.0625em;
  height: 2.8125em;
  border: none;
  z-index: 1;
  position: absolute;
}
input.inputComent{
	border: none;
	width: 12.5em;
}
textarea.areaComent{
	width: 12.8em;
	height: 6.25em;
	border: none;
}
div.espacioForm{
	padding-bottom: 0.3125em;
}
image.botonEnviarComent{
	border: none;
	width: 0.6875em;
	height: 1em;
}
.letraTam11Negra{
	color: #000000;
	font-size: 0.6875em;
}

#listaComentarios{
	padding-left: 1.5625em;
	padding-top: 0.625em;
}
#mensajeComentario{
	padding-top: 0.625em;
	padding-bottom: 0.625em;
}
div.espacioComentarios{
	padding-bottom: 0.625em;
}
div.tamMino{
   /*height: 28.9375em;*/
   min-height: 28.9375em;
}

/*esta clase solo me sirve para la maquetacion*/
.borde{
	border: 1px solid red;
}

/* Bases Legales*/

#paginaBases{
	width: 38em;
	text-align: left;
	margin: 0em auto 0em auto;
	padding: 0.625em 0.625em 2em 0.625em;
	overflow: hidden;

}

/* Agenda */

div.fondoAgenda{
	background-color: #034163;
	padding: 0.625em 0.625em 0.625em 0.625em;
}

.roja{
   color: #FF0033;
}

div.dobleMargen{
	padding-top: 0.3em;
}
div.tripleMargen{
	padding-top: 0.625em;
}
#tituloAct p{
	margin: 0em;
	padding: 0em;
}
img.flechaRojo, img.flechaVolver{
  width: 0.4375em;
  height: 0.5625em;
  border: none;
  padding-right: 0.3125em;
}
a.enlaceNegritaBlanco, #textoPaginaAgenda a{
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
}
a.enlaceNegritaBlanco:hover, #textoPaginaAgenda a:hover{
	text-decoration: underline;
}

#infoAgendaDet{
	margin: 0.625em 0.625em 0.625em 0.625em;
	padding: 0.625em 0.625em 0.625em 0.625em;
}

#infoAgendaDet p{
	margin: 0em;
	padding: 0em;
}
#divVolver{
	border-bottom: 0.09375em solid #356D8A;
	padding-bottom: 0.625em;
}
#infoEvento{
	padding-top: 0.625em;
}

#infoEvento a, #textoPagina a{
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}
#infoEvento a:hover, #textoPagina a:hover{
	text-decoration: none;
}

div.tituloEvento{
	padding: 0.625em 0em 0.625em 0em;
}

div.eventoLista{
   margin-left: 0.625em;
	margin-right: 0.625em;
	padding-top: 0.625em;
	padding-bottom: 0.625em;
}
div.rayaLista{
	border-bottom: 0.09375em solid #356D8A;
}
#textoAgenda p{
	margin: 0em;
	padding: 0em;
}
.letraTam21{
	font-size: 1.3125em;
}

img.shim{
  width: 0.0625em;
  height: 21em;
  border: none;
}
.letraTam12{
	font-size: 0.75em;
}

/* astronomia para ti*/
img.astroImagenFondo{
  width: 23.625em;
  height: 10.875em;
  border: none;
/*  position: absolute;*/
  z-index: 1;
}
#posImgFondoAstro{
	padding-left: 0.5em;
	padding-top: 0.625em;
}

img.enlaceAficionados{
   width: 5.4375em;
	height: 3.125em;
	border: none;
	position: absolute;
	z-index: 2;
	padding-left: 13.3em;
	padding-top: 1.8em;
}
img.enlaceNinos{
  width: 3.875em;
  height: 3.3125em;
  border: none;
  position: absolute;
  z-index: 2;
  padding-top: 7.2em;
  padding-left: 6.45em;
}
.letraTam10{
	font-size: 0.625em;
}
div.tituloAstro{
	background-color: #02324C;
	padding: 0.5em 1.25em 0.5em 2em;
	color: #FF0033;
	font-size: 0.875em;
	font-weight: bold;
}

div.contAstro{
   padding: 0.625em 1.25em 1.5em 2em;
}
div.filaAstro{
	padding: 0em 0em 0.625em 0em;
}

/* HOME */

/* 
   Para IE7 y el resto de navegadores modernos. Este hack no lo enciente IE6, como tal se lo salta y podemos darle el ancho que necesitamos
   al resto de los navegadores para que no se quede demasiado estrecho
*/

html>body #pagina3{
   text-align: left;
	/*width: 62.775em;*/
   width: 62.71875em;
	margin: 0em auto 0em auto;
	overflow: hidden;
}

/* 
   Hacks para IE 6  --> Como sale el scroll horizontal, con este hack, que sólo entiende IE6 conseguimos darle el ancho a la página inicial
   que necesitamos para que no salga
*/

* #pagina3{
   text-align: left;
   width: 62.4em;
	margin: 0em auto 0em auto;
	overflow: hidden;
}

#contenidoHome{
   padding: 8.5em 0em 0em 0em;
}

img.fondohome_r1_c1{
   width: 33.6875em;
	height: 23.0625em;
	border: none;
	position: absolute;
	z-index: 1;
	margin-top: 0em;
	margin-left: 0em;
/*	position:absolute; left:0px; top:0px;width:539px; height:369px;z-index:1; visibility:visible;*/
}
img.fondohome_r1_c2{
   width: 3.4375em;
	height: 30.3125em;
	border: none;
	position: absolute;
	z-index: 2;
	margin-top: 1.6875em;
	margin-left: 33.6875em;
	/*style=""position:absolute; left:539px; top:27px;width:55px; height:485px;z-index:2; visibility:visible;""*/
}
img.fondohome_r1_c3{
   width: 22.4375em;
	height: 1.8125em;
	border: none;
	position: absolute;
	z-index: 3;
	margin-top: 1.3125em;
	margin-left: 37.125em;
/*	style=""position:absolute; left:594px; top:21px;width:359px; height:29px;z-index:3; visibility:visible;""*/
}
img.fondohome_r1_c4{
   width: 0.75em;
	height: 30.3125em;
	border: none;
	position: absolute;
	z-index: 4;
	margin-left: 59.5625em;
	margin-top: 1.6875em;
/*	 style=""position:absolute; left:953px; top:27px;width:12px; height:485px;z-index:4; visibility:visible;""*/
}
img.fondohome_r2_c3{
   width: 22.4375em;
	height: 28.875em;
	border: none;
	position: absolute;
	z-index: 5;
	margin-left: 37.125em;
	margin-top: 3.125em;
/*	style=""position:absolute; left:594px; top:50px;width:359px; height:462px;z-index:5; visibility:visible;""*/
}
img.fondohome_r3_c1{
   width: 33.6875em;
	height: 8.9375em;
	border: none;
	position: absolute;
	z-index: 6;
	margin-left: 0em;
	margin-top: 23.0625em;
/*	 style=""position:absolute; left:0px; top:369px;width:539px; height:143px;z-index:6; visibility:visible;""*/
}


img.fondoHome{
   width: 64em;
	height: 32em;
	border: none;
	position: absolute;
	z-index: 1;
}
img.shimHome{
  width: 0.0625em;
  height: 30em;
  border: none;
}
img.encuentraHome{
   width: 13.625em;
	height: 4em;
	border: none;
	position: absolute;
	z-index: 7;
	margin-top: 8.75em;
	margin-left: 17.5em;
}

img.delatierraHome{
   width: 12.3125em;
	height: 6.125em;
	border: none;
	position: absolute;
	z-index: 7;
	margin-top: 8em;
	margin-left: 42em;
}
img.enlaceParticipa{
   width: 6.625em;
	height: 5.1875em;
	border: none;
	position: absolute;
	z-index: 7;
	margin-top: 16.5em;
	margin-left: 25em;
}
img.enlaceVisitala{
   width: 4.375em;
	height: 3.0625em;
	border: none;
	position: absolute;
	z-index: 7;
	margin-top: 18em;
	margin-left: 46.5em;
}
#telesHome{
	position: absolute;
	z-index: 7;
	margin-top: 36.5em;
	margin-left: 32em;
}
#visitasHome{
	position: absolute;
	z-index: 7;
	width: 6.125em;
	margin-top: 39.6em;
	margin-left: 36.7em;
}
#premiadosHome{
	position: absolute;
	z-index: 7;
	margin-top: 29em;
	margin-left: 14em;

}
#premiosHome{
	position: absolute;
	z-index: 7;
	border-right: 0.0625em solid #FFFFFF;
	margin-top: 29em;
	margin-left: 8.7em;
	padding-right: 0.625em;

}
#personasHome{
	position: absolute;
	z-index: 7;
	margin-top: 24em;
	margin-left: 4.5em;
	width: 5.8125em;
}

a.enlace13{
   color: #FFFFFF;
	font-size: 0.8125em;
	font-weight: bold;
	text-decoration: none;
}
a.enlace13:hover{
	text-decoration: underline;
}

img.realObsArmada{
   width: 12em;
	height: 9em;
}

img.almadenPlata{
   width: 12em;
	height: 7.6875em;
}

img.parqueCiencias{
   width: 12em;
	height: 7.9375em;
}
img.centroPrincipia{
   width: 12em;
	height: 6.9375em;
	border: none;
}
img.bordeImg{
	border: 0.0625em solid #356D8A;
	margin: 0.3125em 0.625em 0.3125em 0.3125em;
}

#contIconos{
	margin-left: 0.9375em;
}

img.cuadroIconos{
   width: 3.625em;
	height: 6em;
	border: none;
}

#imgFondo{
	position: absolute;
	z-index: 10;
}

#contDchaIconos{
	margin-left: 0.3125em;
}
#contIzdaIconos{
	padding-top: 0.625em;
}
#iconosRedes{ 
	/*margin-top: 0.3em;*/
	position: absolute;
	z-index: 11;
	width: 3.125em;
	padding: 0.2em 0em 0em 0.38em;
}
img.iconoRed{
   width: 1em;
	height: 1em;
	border: none;
	padding: 0.2em 0.2em 0.2em 0.2em;
}

img.flechaOpcion{
  width: 0.5em;
  height: 0.625em;
  border: none;
}
#enlacesRedesAg{
	margin-top: 0.625em;
	height: 6em;
}

/* iconoa redes agenda -- parte izquierda */
img.parteIzdaIconos{
   width: 11.375em;
	height: 0.8125em;
	border: none;
}

#divIzdaIconos{
	background-color: #02324C;
/*	width: 11.375em;*/
	
}
div.opcionIzdaIconos{
	padding: 0em 0.5em 0.5em 0.7em;
}

img.iconoRedIzda{
   width: 1em;
	height: 1em;
	border: none;
	padding: 0.2em 0.125em 0.2em 0.125em;
}
#listaIconosIzda{
	margin: 0em 0.3em 0.5em 0.45em;
	padding: 0.2em 0em 0.5em 0em;
	width: 10em;
}
#nBloques{
   padding-top: 0.5em;
}
img.flechaRojoB{
	width: 0.8em;
	height: 0.8em;
   border: none;
   padding-right: 0.3125em;
}
img.flechaRojoAS{
  width: 0.6em;
  height: 0.8em;
  border: none;
  padding-right: 0.3125em;
}
img.logoRss{
   width: 0.875em;
	height: 0.875em;
	border: none;
	padding: 0em 0.3125em 0em 1.25em;
	vertical-align: middle;
}
#iconoRss{
	margin-bottom: 0.5em;
}
.letraTam13{
   font-size: 0.8125em;
}

img.fondoFlash{
   width: 52.3125em;
	height: 41.4375em;
	border: none;
}
object.flashPieza{
	width: 48.875em;
	height: 40.875em;
	position: absolute;
	z-index: 2;
	margin-left: 1.9em;
	margin-top: 0.3em;
}

#cabeceraImpresion{
	display: none;
	visibility: hidden;
}
#pieImpresion{
	display: none;
	visibility: hidden;
}
#parteSupImpr{
	display: none;
	visibility: hidden;
	
}

#kit{
   margin-bottom: 5em;
}

#kit p{
  margin: 0em;
  padding: 0em;
}

#kit .margen1{
   margin-top: 1em;
}

#kit .ancho1{
   width: 43em;
}

#kit img{
   float: right;
   margin-right: 8em;
   border: none;
}