/*estilos generales ------------------------------------------------------------ */

body {
	margin:0px;
	padding: 0px;
	background-color: #7b7b7b;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:10px;
	color: #ffffff;
	background-position:center top;

}

#centrado {
	position:absolute;
	width:789px;
	left:50%;
	margin-left:-394px;
}

#centradohome {
	position:absolute;
	width:789px;
	left:50%;
	margin-left:-394px;
}

table {
	border:0;
	padding:0;
	margin:0;
	font-size:10px;
	color: #FFF;
}

td {
	vertical-align:top;
	text-align:left;
}



a, a:link {
	color: #ffffff;
	text-decoration: none;

}
a:hover {
	text-decoration: none;
	color:#0CFF00;
}

p {
	margin:0 0 0px 0;	
	padding:0;
}

h2 {	
	margin:0;	
	padding:0;
	font-size: 12px;
	color:#ffffff;	
}

li {
	list-style-image:url(file:///C|/Documents%20and%20Settings/USUARIO/imagenes/item.gif);
	margin:5px;	
}

ol li {
list-style-image:none;
}


/*estilos pop up ------------------------------------------------------------ */

#popup {
	position:absolute;
	top:214px;
	left:39px;
	height:181px;
	width:434px;
	overflow:auto;
	z-index:1;
	color:#081b55;
	font-size:10px;
	color:#FFF;
}
/*estilos generales Home ------------------------------------------------------------ */

.home{
	z-index:3;
	text-align:left;
	left:210px;
	width:800px;
	position:absolute;
	overflow: auto;
	margin: 80px 0 0 -210px;`
	height: 620px;

}
.homedinamico{
	z-index:5;
	text-align:left;
	left:210px;
	
	width:358px;
	position:absolute;
	margin: 400px 0 0 10px;
	height: 181px;
}

/*estilos generales  menu ------------------------------------------------------------ */

.menu {
	position:absolute;
	width:220px;
	left:393px;
	top:215px;
	border:0;
	margin: -240px 0 0 -389px;
	text-align:left;
	z-index:2;
	visibility: visible;
	height: 60px;
}

.menuhtml {
	
	position:absolute;
	width:600px;
	left:605px;
	top:278px;
	border:0;
	margin: -218px 0 0 -420px;
	text-align:left;
	z-index:2;
	visibility: visible;
	height: 20px;
}

.menuhtml h1 {
	font-family: "Times New Roman";
	font-size:11px;
	}
	
.menuhtml a:hover {
    color: #1eb3d2;
	text-decoration: none;
	}
	
.menuizquierda {
	position:absolute;
	width:210px;
	left:405px;
	top:345px;
	border:0;
	margin: -210px 0 0 -389px;
	text-align:left;
	z-index:5;
	visibility: visible;
	height: 604px;
}

.submenu2 {
	position:absolute;
	width:601px;
	left:852px;
	top:450px;
	border:0;
	margin: -218px 0 0 -389px;
	text-align:left;
	z-index:2;
	visibility: visible;
	height:80px;
}

.submenu {
	position:absolute;
	width:601px;
	left:804px;
	top:224px;
	border:0;
	margin: -218px 0 0 -389px;
	text-align:left;
	z-index:2;
	visibility: visible;
	height:80px;
}

.submenu a {
color:#00bae6
}

/*estilos generales textosPuntos ------------------------------------------------------------ */

.textoPuntos {
	z-index:3;
	text-align:left;
	left:424px;
	top: 162px;
	width:554px;
	position:absolute;
	overflow: auto;
	margin: 20px 0 0 -210px;

	height: 380px;
	color:#ffffff;
}
.textoPuntos p {

	color:#ffffff;
}

/*estilos generales textosFormularios ------------------------------------------------------------ */

.textoFormulario {
	z-index:3;
	text-align:left;
	left:300px;
	top: 460px;
	width:604px;
	position:absolute;
	overflow: auto;
	margin: 20px 0 0 -210px;

	height: 150px;
	color:#ffffff;
}
.textoFormulario p {

	color:#ffffff;
}

.history {
	z-index:3;
	text-align:left;
	left:330px;
	top: 250px;
	width:550px;
	position:absolute;
	overflow:auto;
	margin: 20px 0 0 -210px;
	height: 266px;
	color:#ffffff;
}

.howtoorder {
	z-index:3;
	text-align:left;
	left:330px;
	top: 230px;
	width:550px;
	position:absolute;
	/*overflow:auto;*/
	margin: 20px 0 0 -210px;
	height: 650px;
	color:#ffffff;
}

.howtoorder h1 {
	font-family: "Verdana";
	color:#2babce;
	margin:0;
	padding:0;
	font-size:10px;
	line-height:10px;
}

/*.howtoorder table {
	margin-left:150px;
}*/

/*estilos generales Juego------------------------------------------------------------ */

.galeria {
	z-index:3;
	position:absolute;
	overflow: auto;
	margin: 55px 0 0 -200px;
	left:455px;
	top: 110px;
	width:451px;
	height:440px;
}

.galeriahome {
	z-index:3;
	position:absolute;
	overflow: auto;
	margin: 10px 0 0 -200px;
	left:210px;
	top: 109px;
	width:779px;
	height:400px;
}


.homejuego {
	z-index:3;
	text-align:left;
	position:absolute;
	overflow: auto;
	margin: 15px 0 0 -180px;
	left:378px;
	top: 413px;
	width:566px;
	height: 65px;
	color:#203d82;
}

.presentacionjuego {
	z-index:3;
	text-align:left;
	position:absolute;
	overflow: auto;
	margin: 15px 0 0 -180px;
	left:375px;
	top: 486px;
	width:566px;
	height: 65px;
	color:#203d82;
}




/*estilos generales textoMicuenta------------------------------------------------------------ */

.textoBienvenido {
	z-index:3;
	text-align:left;
	position:absolute;
	overflow: auto;
	margin: 15px 0 0 -180px;
	left:400px;
	top: 100px;
	width:300px;
	height: 80px;
	color:#203d82;
}


.textoMiCuenta {
	z-index:3;
	text-align:left;
	position:absolute;
	overflow: auto;
	margin: 200px 0 0 10px;
	left:387px;
	top: 100px;
	width:400px;
	height: 380px;
	color:#203d82;
}


.textoMiCuenta p {
	margin:0;	
	padding:0;
	font-size: 10px;
	color:#669966;	
}

.textoMiCuenta h2 {
	margin:0;	
	padding:0;
	font-size: 12px;
	color:#669966;	
}

/*estilos textoPodcast------------------------------------------------------------ */


.textoPodcast {
	z-index:3;
	text-align:left;
	position:absolute;
	overflow: auto;
	margin: 200px 0 0 10px;
	left:230px;
	top: 60px;
	width:480px;
	height: 380px;
	color:#203d82;
}


.textoPodcast h2 {
	margin:3px;	
	padding:0;
	
}

.textoPodcast p {
	margin:0;	
	padding:0;
	font-size: 10px;
	color:#ffffff;	
}

.textoPodcast a {
	margin:0;	
	padding:0;
	font-size: 10px;
	color:#203d82;	
}

.textoPodcast a:hover {
	margin:0;	
	padding:0;
	font-size: 10px;
	color:#ffffff;	
}

.borde
{
	color: #25b1f5;
	background-color:none;
	border:1px;	

}


/*estilos textoEntrevistas------------------------------------------------------------ */


.textoEntrevistas {
	z-index:3;
	text-align:left;
	position:absolute;
	overflow: auto;
	margin: 200px 0 0 10px;
	left:207px;
	top: -96px;
	width:367px;
	height: 407px;
	color:#203d82;
}

.textoEntrevistas h2 {
	margin:3px;	
	padding:0;
	
}

.textoEntrevistas p {
	margin:0;	
	padding:0;
	font-size: 10px;
	color:#ffffff;	
}

.textoEntrevistas a {
	margin:0;	
	padding:0;
	font-size: 10px;
	color:#203d82;	
}

.textoEntrevistas a:hover {
	margin:0;	
	padding:0;
	font-size: 10px;
	color:#ffffff;	
}

.borde
{
	color: #25b1f5;
	background-color:none;
	border:1px;	

}
/* Estilos MasEntrevistas -----------------------------------------------------*/

.textoMasEntrevistas {
	z-index:3;
	text-align:left;
	position:absolute;
	overflow: auto;
	margin: 200px 0 0 10px;
	left:619px;
	top: -7px;
	width:140px;
	height: 318px;
	color:#203d82;
}

.textoMasEntrevistas h2 {
	margin:3px;	
	padding:0;
	
}

.textoMasEntrevistas p {
	margin:0;	
	padding:0;
	font-size: 10px;
	color:#ffffff;	
}

.textoMasEntrevistas a {
	margin:0;	
	padding:0;
	font-size: 10px;
	color:#203d82;	
}

.textoMasEntrevistas a:hover {
	margin:0;	
	padding:0;
	font-size: 10px;
	color:#ffffff;	
}

.borde
{
	color: #25b1f5;
	background-color:none;
	border:1px;	

}
/* estilo Cartones -----------------------------------------------------------------*/


.textoCartones {
	z-index:3;
	text-align:left;
	position:absolute;
	overflow: hidden;
	margin: 200px 0 0 10px;
	left:200px;
	top: -12px;
	width:550px;
	height: 370px;
	color:#203d82;
}

.textoCartones h2 {
	margin:3px;	
	padding:0;
	
}

.textoCartones p {
	margin:0;	
	padding:0;
	font-size: 10px;
	color:#ffffff;	
}

.textoCartones a {
	margin:0;	
	padding:0;
	font-size: 10px;
	color:#203d82;	
}

.textoCartones a:hover {
	margin:0;	
	padding:0;
	font-size: 10px;
	color:#ffffff;	
}

.borde
{
	color: #25b1f5;
	background-color:none;
	border:1px;	

}

/* estilo MasCartones -----------------------------------------------------------------*/


.textoMasCartones {
	z-index:3;
	text-align:left;
	position:absolute;
	overflow: hidden;
	margin: 200px 0 0 10px;
	left:653px;
	top: -12px;
	width:94px;
	height: 370px;
	color:#203d82;
}

.textoMasCartones h2 {
	margin:3px;	
	padding:0;
	
}

.textoMasCartones p {
	margin:0;	
	padding:0;
	font-size: 10px;
	color:#ffffff;	
}

.textoMasCartones a {
	margin:0;	
	padding:0;
	font-size: 10px;
	color:#203d82;	
}

.textoMasCartones a:hover {
	margin:0;	
	padding:0;
	font-size: 10px;
	color:#ffffff;	
}

.borde
{
	color: #25b1f5;
	background-color:none;
	border:1px;	

}

/* estilos formularios ------------------------------------------------------------ */



input {
	color: #203d82;
	background-color: #FFF;
	border: 1px solid #85b6ce;	
	margin-left:2px;
	margin-right:10px;
	padding:0px;
	height:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

.textonombre {
	color: #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}


textarea
{
	color: #203d82;
	background-color: #FFF;
	border: 1px solid #85b6ce;	
	width:85%;
	padding:2px;
	margin-left:2px;
	margin-right:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

.sinborde
{
	color: #FFF;
	background-color:none;
	border: 0;	

}

select {
	color: #203d82;
	background-color: #FFF;
	border: 1px solid #85b6ce;	
	margin-left:3px;
	margin-right:2px;
	padding:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}


object {
	margin:0;
	padding:0;
}

#login {
	font:10px/15px Verdana, Arial, Helvetica, sans-serif;
	position:absolute;
	text-align:left;
	z-index:4;
	width:205px;
	margin-top:-120px;
	margin-left:15px;
	height: 500px;
	color:#FFF
}

#login h1 {
	font-family: "Verdana";
	color:#2babce;
	margin:0;
	padding:0;
	font-size:10px;
	line-height:10px;
}

.login h1 a{
	color:#00bae6
}

#login h2 {
	font-family: "Verdana";
	color:#FFF;
	margin-top:8px;
	padding:0;
	font-size:10px;
	line-height:9px;
	font-weight:100;
}
/*estilos pie ------------------------------------------------------------ */

.pie {
	font:10px/15px Verdana, Arial, Helvetica, sans-serif;
	position:absolute;
	top:385px;
	left:391px;
	text-align:right;
	z-index:4;
	width:782px;
	margin: 230px 0 0 -390px;
	height: 28px;
	color:#2F2F2F
}

.pie a {
	margin:0 0 0px 0;	
	padding:0;
	color:#333333
}
.pie a:hover {
	text-decoration: none;
	color: #0064A6;
}

.pie1 {
	font:10px/15px Verdana, Arial, Helvetica, sans-serif;
	position:absolute;
	top:385px;
	left:391px;
	text-align:right;
	z-index:4;
	width:782px;
	margin: 1110px 0 0 -155px;
	height: 28px;
	color:#2F2F2F
}

.pie1 a {
	margin:0 0 0px 0;	
	padding:0;
	color:#333333
}
.pie1 a:hover {
	text-decoration: none;
	color: #0064A6;
}

