html,body { /* Sin márgenes, width y height al 100% */
margin:0;
padding:0;
width:100%;
height:100%;
background:url(background.jpg) repeat-y 50% 0% #86a085;
}

table { /* Una <table> que abarca todo el espacio posible */
width:100%;
height:100%;
border-collapse:collapse;
}

div#index { /* Un <div> (centrado) que contendrá la animación */
width:1000px;
height:600px;
margin:0 auto 0 auto;
}

div#leyenda {
	font:9px Arial, Helvetica, sans-serif;
	color:#333;
	width:1000px;
	margin:0 auto 0 auto;
	padding-top:5px;
}


/* BANNER */  
#banner {
   background:#feffce;
   border:1px solid #86aaea;
   width:1024px;
   height:647px;
   position:absolute;
   padding:15px;
   display:none;
   font-size:14px;
   z-index:100;
}

   #banner #cerrar { position:absolute; right:5px; top:5px; }
   #banner a img { border:none; }
   
/* PANTALLA */
#pantalla {
	background:black;
	opacity:0.8;
	filter: alpha(opacity = 50);
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	display:none;
	z-index:50;
	zoom:1;
}