/* CSS Document */
body{
	background-color: #03468b;
	background-image: url(imagenes/background.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9c9c9c;
	margin:0px;
}
#contenedor{
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 970px;

}
#idiomas{
	background-image: url(imagenes/cab-idiomas.gif);
	background-repeat: no-repeat;	
	width: 970px;
	height:28px;
	text-align:right;
}

.lenguas{
	padding:5px 15px 0px 0px;
	text-align:right;
}
#cuerpo-contenido{
	width: 970px;
	margin:-12px 0 -12px 0;
	.margin:0px;
	padding:0px 20px 0px 20px;
	background-image: url(imagenes/cuer.gif);
	background-repeat: repeat-y;	
}
#pie{
	clear:both;
}
#creditos{
	text-align:center;
	margin:10px 0px 5px 0px;
	color:#FFFFFF;
}
#creditos a{
	text-decoration:none;
	color:#FFFFFF;
	font-weight: normal;
}
#creditos a:hover{
	text-decoration:underline;
	color:#FFFFFF;
	font-weight: normal;
}


/* 3 columnas*/
#contenido {
	text-align: left;
	margin: 0px auto;
	border:0;
	width: 970px;
	background-color: #ffffff;
    border: #ffffff;
}

#side-a {
	float: left;
	width: 210px;
	margin:10px 8px 10px 10px;
}

#side-b {
	float: right;
	width: 260px;
	margin:10px 10px 10px 0px;
}

#content { 
	float: left;
	width: 455px;
	margin:20px 0px 10px 0px;
}


/*index*/

#content-index { 
	float: left;
	width: 665px;
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 15px ;
}

.destacados{
	width:670px;
}

ul.lista-destacados
{
width:100%;
LIST-STYLE-TYPE: none;
margin:0px;
padding:0px;	
}

ul.lista-destacados li
{
	float:left;
	width:210px;
	height:250px;
	PADDING-RIGHT: 12px;
	DISPLAY: inline;
	margin:0 0 10px 0;
	
} 
.foto-destacados{
	margin:0px 0px 5px 0px;
}
.texto-destacados{
	margin:5px 0px 10px 0px;
	padding:0px 0px 0px 5px;
}
.titulo-destacados{
	
}
.pie-destacados{
	clear:both;
}
.blog{

	width:670px;
	background-image: url(imagenes/blog-cuerpo-portada.gif);
	background-repeat: repeat-y;
	margin:10px 0px 0px 0px;
}
.cuerpo-blog{
	padding:20px 10px 0px 15px;
}
ul.lista-blog
{
width:100%;
LIST-STYLE-TYPE: none;
margin:0px;
padding:0px;	
}

ul.lista-blog li
{
	float:left;
	width:300px;
	height:100px;
	PADDING-RIGHT: 12px;
	DISPLAY: inline;
	margin:0 0 5px 0;
	
} 
.fecha-blog{
	margin:0px 0px 5px 0px;
	font-weight: bold;
	color: #8fb9dc;
}
.texto-blog{
	margin:5px 0px 10px 0px;
	
}
.titulo-blog{
	font-weight: bold;
	color: #004489;
	
}



/*enlances*/
.enlace{
	width:auto;
	height:auto;
	clear:both;
}
.imagen-enlace{
	width:125px;
	float:left;
	margin:0px 0px 20px 0px;
}
.texto-enlace{
	width:320px;
	float:right;
	padding:10px 0px 0px 0px;
}
.link-enlace{
	font-weight: bold;	
}

/*menu*/
#menu ul
{
margin:10px 0px 10px 5px; 
padding:0px
}
#menu li
{
	display: inline;
	list-style-type: none;
	padding-right: 5px;
	padding-left: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #004489;
}
#menu a, a:active, a:visited
{
	font-weight: bold;
	color: #004489;
	text-decoration: none;
}
#menu a:hover
{
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
#active a, a:active, a:visited
{
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
#active a:hover
{
	font-weight: bold;
	color: #004489;
	text-decoration: none;
}
/*donde comprar*/
.cab-resultados{
	width:420px;
	height:28px;
	background-image: url(imagenes/tiendas.gif);
	background-repeat: no-repeat;
	color:#FFFFFF;
	font-weight: bold;	
	margin:5px 0px 0px 0px;
	padding:8px 0px 0px 35px;
}

.ficha-resultados{
	width:380px;
	padding:0 0px 0 30px;
}

.item-tienda{
	margin:10px 0 20px 0;
}

.tit-tienda{
	color: #004489;
	font-weight: bold;
	margin:0 0 5px 0;
}

.text-tienda{
	margin:0 0 10px 0;
}
.nom-tienda{
	font-weight: bold;
	color: #71a4d3;
	margin:0 0 10px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #71a4d3;
}
/*demos*/
.demos{
	width:460px;
	text-align:center;
}

ul.demos-resultados
{
width:100%;

LIST-STYLE-TYPE: none;
margin:0px;
padding:0px;	
}

ul.demos-resultados li
{
	float:left;
	width:150px;
	height:200px;
	PADDING-RIGHT: 2px;
	DISPLAY: inline;
	margin:0 0 10px 0;
	
} 
.fotodemo{
	margin:0px 0px 5px 0px;
}
.textodemo{
	font-weight: bold;
	color: #8fb9dc;	
}
.linksdemo{
	margin:5px 0px 10px 0px;
}
.banner-demo{
	margin:0px 0px 20px 0px;
	text-align:center;
}
/*club padres*/
.titulo-padres{
	text-align: left;
	margin: 0px auto;
	border:0;
	width: 435px;
	height:25px;
	padding:8px 0px 0px 15px;
	color: #ffffff;
	background-image: url(imagenes/caja-club.gif);
	font-weight: bold;
}
.texto-padres{
	width: 435px;
	padding:8px 0px 0px 15px;
	margin:0px 0px 10px 0px;
}

.marcas{
	width:470px;
	text-align:center;
	margin:30px 0px 0px 0px;
}

ul.demos-marcas
{
width:100%;

LIST-STYLE-TYPE: none;
margin:0px;
padding:0px;	
}

ul.demos-marcas li
{
	float:left;
	width:155px;
	DISPLAY: inline;
	margin:0 0 10px 0;
	
}
/*descargas*/
.descargas{
	width:auto;
	text-align:center;
	padding:20px 0 0 40px;
}

ul.descarga-resultados
{
width:100%;

LIST-STYLE-TYPE: none;
margin:0px;
padding:0px;	
}

ul.descarga-resultados li
{
	float:left;
	width:105px;
	height:200px;
	PADDING-RIGHT: 30px;
	DISPLAY: inline;
	margin:0 0 10px 0;
	
} 
.fotodescargas{
	width:105px;
	margin:0px 0px 5px 0px;
	border:1px solid #8fb9dc;
}
.textodescargas{
	font-weight: bold;
	color: #8fb9dc;	
}
.linksdescargas{
	margin:5px 0px 10px 0px;
}




/*concursos*/
.titulo-concurso{
	text-align: left;
	margin: 0px auto;
	border:0;
	width: 435px;
	height:25px;
	padding:8px 0px 0px 15px;
	color: #ffffff;
	background-image: url(imagenes/caja-club.gif);
	font-weight: bold;
}
.texto-concurso-0{
	text-align: left;
	margin: 0px auto;
	border:0;
	width: 435px;
	padding:8px 0px 0px 15px;
}
.ficha-concurso{
	width:430px;

}
.memotest{
	clear:both;
	width:470px;
	height:auto;
	margin-top:10px;
	background-color: #CCCCCC;
	
	
}
.imagen-concurso{
	width:170px;
	float:left;
}
.texto-concurso{
	width:250px;
	float:right;	
	padding:10px 0px 0px 0px;
}
.texto-concurso2{
	width:430px;
	padding:10px 0px 0px 10px;
}
.juego{
	width:430px;
	padding:10px 0px 0px 10px;
}
.pie-concurso{
	clear:both;
	margin:0 0 10px 0;
}
#enviar-amigo{
	width:450px;
	margin:10px 0px 10px 0px;
	padding:0px 100px 0px 50px;
}
#cuer-contenido-2{
	width: 580px;
	margin:-10px 0 -10px 0;
	.margin:0px;
	padding:0px 100px 0px 20px;
	height:auto;
	background-image: url(imagenes/cuerpo-juego.png);
	background-repeat: repeat-y;	
}
#cuer-contenido-2{
	width: 580px;
	margin:-5px 0 -10px 0;
	.margin:0px;
	padding:0px 100px 0px 20px;
	height:auto;
	background-image: url(imagenes/cuerpo-juego.png);
	background-repeat: repeat-y;	
}
#pie-contenido-2{
	clear:both;
}
#contenido2{
	text-align: left;
	margin: 0px auto;
	border:0px;
	width: 580px;
}

/*concursos-puntos*/
.ficha-puntos{
	width:430px;
}
.puntos-totales{
	font-size: 16px;
	font-weight: bold;
	color: #004489;	
	margin:5px 0px 0px 0px;
	padding:0 0 0 15px;
}
.puntos-amigos{
	font-size: 14px;
	font-weight: bold;
	color: #8fb9dc;	
	padding:0 0 0 15px;
	margin:0px 0px 5px 0px;
}	

.amigos-aceptados{
	font-weight: bold;
	color: #72ca00;
	padding:0 0 0 15px;
	margin:0px 0px 5px 0px;
}
.amigos-aceptados-2{
	font-weight: bold;
	color: #72ca00;
	padding:0 0 0 15px;
	margin:0px 0px 15px 0px;
	font-size: 16px;
}
.amigos-noaceptados{
	font-weight: bold;
	color: #ff0000;	
	padding:0 0 0 15px;
	margin:0px 0px 5px 0px;	
}
.ficha-puntos ul{
	list-style-type: none;	
}
.ficha-puntos li{
	margin:0px 0px 5px 0px;	
}

/*contacto*/

.como-llegar{
	width:460px;

}
.mapa{
	width:251px;
	float:left;
		clear:both;
}
.ubicacion{
	width:200px;
	float:right;
}

.pie-contacto{
	clear:both;
	padding:20px 0px 20px 0px;
	}
/* formularios*/
.caja-formulario{
	padding:0 0 0 80px;
}
.caja-formulario-2{
	width:220px;
	float:left;
}
.caja-formulario-2b{
	width:200px;
	float:left;
}
.caja-formulario-3{
	width:220px;
	float:right;
}
.caja-formulario-4{
	clear:both;
	width:auto;
	margin:0px;
	padding:0px;
}
.form-enviar{
	margin:5px 0px 5px 0px;
	padding:0 80px 0 0px;
	text-align:center;
	border:0px;
}
.titulo-form{
	color: #8fb9dc;
	font-size: 14px;
	font-weight: bold;
	margin:0 0 10px 0;
}
.secc-form{
	margin:0 0 20px 0;
}

label {
	width:auto;
	display: block;
	clear: left;
	margin: 0px 0px 5px 0px;
	font-size: 12px;
}

legend {
    font-size: 13px;
    font-weight: bold;
    color: #004489;
    text-indent: -10px;
	margin:5px 0px 100px 0px;
}
fieldset {
border : none;
}
fieldset.radio{
    margin:0px;

}

label.radio { display: block;
    padding-left: 15px;
    text-indent: -15px;
    padding-bottom: 3px;}

input.radio { width: 13px;
    height: 13px;
    padding: 0;
    margin: 0 5px;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
	border:0px;
    }

.radio legend {
	color:#000000;
	font-size: 12px;
    font-weight: normal;
    margin-left: -12px;
    text-indent: 0;
    }


.texto-legal {
	clear:both;
	font-size: 10px;	
}


input {
	width:200px;
	font-size: 12px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #71a4d3;
}
select {
	font-size: 12px;
	margin: 0px 0px 15px 0px;
	border: 1px solid #71a4d3;
}
textarea{
	width:200px;
	border: 1px solid #71a4d3;
	margin: 0px 0px 10px 0px;
}

.checkbox{
	width:auto;
	margin:10px 0px 0px 0px;
	border: 0px;
}

/* Estilos*/
.caja-texto{
	margin:0 0 10px 0;
}
h1{
	margin:0px;
	padding:0px;
}
h2{
	margin:0px;
	padding:0px;
}
.titular{
	margin:0px 0px 5px 0px;
}

.banner{
	margin:0px 0px 10px 0px;
}
.destacado{
	color: #004489;
	font-size: 14px;
	font-weight: bold;
}
.destacado2{
	color: #004489;
	font-weight: bold;
}
.destacado3{
	color: #8fb9dc;
	font-size: 14px;
	font-weight: bold;
}
.mayusculas{
	text-transform: uppercase;	
}
#contenido  p {
	padding:0;
	margin:1ex 0;
}

a
{
	color: #004489;
	text-decoration: none;
}
a:hover
{
	color: #8fb9dc;
	text-decoration: none;
}
a:visited
{
	color: #004489;
	text-decoration: none;
}
a:active
{
	color: #004489;
	text-decoration: none;
}

.mensaje-error{
	font-weight: bold;
	color: #ff0000;	/*rojo*/
}

.mensaje-correcto{
	color: #72ca00;	/*verde*/
	font-weight: bold;
}
/*pruebanos*/
.descargar{
	margin:10px 0px;
}
.ficha-concurso{
	width:430px;

}
.memotest{
	clear:both;
	width:470px;
	height:auto;
	margin-top:10px;
	background-color: #CCCCCC;
	
	
}
.imagen-pruebanos{
	width:210px;
	float:left;
}
.texto-pruebanos{
	width:200px;
	float:right;	
	padding:10px 0px 0px 0px;
}
.form-acepto{
	clear:both;
}
.form-enviar-2{
	margin:0px auto;
	width:200px;
	text-align:center;
	border:0px;
}