/*ESTILOS GENERALES PARA EL INTRO DE LA PÁGINA*/
* {margin:0; padding:0;}
body{
	font:normal 10px verdana;
	color:rgb(100,100,100);
	overflow:hidden;
	background:rgb(240,240,240);
}
h1{
	display:none;
}
h2{
	display:block;
	width:500px;
	height:20px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-250px;
	margin-top:-120px;
	font:italic normal 12px georgia;
	text-align:right;
	z-index:3;
}

div#info{
	width:500px;
	height:24px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:105px;
	margin-left:-250px;
	text-align:right;
	z-index:2;
}

a#lng_es, a#lng_en{
	display:block;
	width:auto;
	margin:0 0 0 8px;
	height:15px;
	float:left;
}
a#lng_es{background:transparent url(es.jpg) no-repeat scroll 0px 2px ;}
a#lng_en{background:transparent url(en.jpg) no-repeat scroll 0px 2px ;}
a span{
	padding-left:13px;
	font-family:Arial,sans-serif;
	font-weight:normal;
	text-transform:uppercase;
}
a.activo{
	cursor:default;
}
a.activo span{
	color:rgb(255,0,0);
}

div#info a{
	text-transform:capitalize;
	text-decoration:none;
	font:bold 10px verdana;
	color:rgb(100,100,100);
	padding:5px;
}

div#flash_contenedor{
	width:550px;
	height:350px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-175px;
	margin-left:-275px;
	background:rgb(255,255,255) url(./intro_bg.jpg) no-repeat;
	z-index:1;
}
div#flash{
	margin:75px 25px;
}
div#flash p{
	text-align:center;
	padding-top:85px;
}
div#extra{
	width:100%;
	height:200px;
	position:absolute;
	top:50%;
	margin-top:-100px;
	background:rgb(255,0,0);
	z-index:0;
}

.oculto{
	display:none;
}