body {
	background: url(../img/fondo.jpg) center top no-repeat black;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

a { text-decoration: none; color: #ccc; }

/* layout */

#wrapper { width: 990px; margin: 10px auto;	position: relative; }

/*****************************************************************/
/* editorial y menu del indice */

#editorialtexto {
	margin-top: 8px;
	margin-left: 10px;
	width: 820px;
	height: 146px;
	overflow: hidden;
	font-size: 8pt;
	text-indent: 30px;
	line-height: 150%;
	text-align: justify;
}

#vertapa 			{ margin-top: 330px; margin-left: 410px; width: 200px;	height: 25px; display: block; }

#menu 				{ position: relative; top: 320px;	left: 430px; border: 1px solid transparent;	width: 400px; }

#menu li 			{ height: 1%; overflow: hidden; }

#menu li a 			{ height: 13px; display: block; margin: 1px; }

#menu li a span 	{ display: none; }

#maletin 			{ float: left; width: 270px; }

#proupdate 			{ float: left; width: 300px; }

#desession, #bonus	{ float: right; }

#desession 			{ width: 110px; }

#bonus 				{ width: 85px; }

/*****************************************************************/
/* menu superior */

#menupage 		{ width: 850px; margin: 0 auto; }

#menutop 		{ margin: 0 auto; height: 1%;	overflow: hidden; background: black; }

#menutop li 	{ float: left; display: inline; cursor: pointer; }

#menutop li a 	{ height: 45px; width: 100px; padding: 10px; font-size: 9pt; text-align: center; display: block; }

#menutop li em 	{ font-size: 11pt; color: #333; display: block; margin-top: 5px; _margin-top: 0; font-family: Georgia, serif;}


/*****************************************************************/
/* ads */

#adwrapper { 
	width: 850px; 
	height: 186px; 
	margin: 20px auto 0 auto;
	overflow: hidden; 
	background: url(../img/ads/ads08.png) center no-repeat; 
}

#adwrapper a 		{ display: block; height: 88px; }

#adtop 				{ width: 850px; height: 88px; }

#adleft, #adright 	{ width: 420px; height: 88px;	float: left; }

#adleft 			{ margin-right: 10px ;}

/*****************************************************************/
/* sections */

#tapa { 
	position: absolute;
	width: 980px;
	height: 652px;
	top: 65px;
	cursor: pointer;
	background: url(../img/TAPA8.jpg) center no-repeat;
}

/* pidiendopista */

#pidiendopistalinks		{ position: absolute; top: 300px; left: 10px; }

#pidiendopistalinks a	{ color: #333; font-family: Georgia, serif; font-weight: bold; font-size: 13px;  }

#pidiendopistalinks a:hover { color: #a0a0a0; font-style: italic; }

#pidiendopistatext 		{ position: absolute; top: 325px; left: 10px; width: 400px; height: 230px; overflow: auto; }

#pidiendopistatext p 	{ text-align: justify; }

#pidiendopistaintro		{ font-size: 12px; }

#pidiendopistanota p	{ font-size: 13px; margin-right: 10px; }

/* maletin */

#intromaletin	       	{ position: absolute; top: 0; left:500px; width:336px; height: 465px; }

#intromaletin p        	{ margin: 8px 0; font-size: 12px; width: 316px; line-height: 165%; }

#intromaletin p.maletin-titulo { font-size: 65px; }

#intromaletin span.nombre 	{ font-size: 15px; }

.maletincaption		   	{ position: absolute; top: 100px; left: 620px; }

.maletincaption > p	   	{ width: 210px; margin: 20px 0; color: #333; }

.fecha				   	{ font-size: 14px; }

.caption			   	{ font-size: 13px; line-height: 150%; }

#outromaletin			{ position: absolute; left: 30px; top: 80px; width: 450px; height: 450px; }

#outromaletin p			{ font-size: 50px; text-align: center;}

#outromaletin a			{ font-size: 30px; height: 35px; display: block; padding: 10px 0; }

#outromaletin a:hover	{ color: #999; }

/* creditos */

#creditos				{ position:absolute; top: 340px; right: 20px; }

#creditos p				{ margin: 0 0 10px 0; font-weight: bold; text-align: right; font-size: 14px; }

#creditos a				{ color: #999; }

#creditos a:hover		{ color: #333; text-decoration: underline; }

/*****************************************************************/
/* misc */

.slide		{ width: 850px; height: 565px; display:block; position: relative; }

.hide		{ display: none; }

.clear		{ clear: both; }

.bold		{ font-weight: bold; }

.tachado	{ text-decoration: line-through; }

.gris		{ color: #ccc; }

.georgia	{ font-family: Georgia, serif; }

.helvetica	{ font-family: Helvetica, Arial, sans-serif; }