@charset "utf-8";
/* CSS Document */

body,td,th {
	font-family: tahoma;
	font-size: 11px;
	color: #000000;
}
body {
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: #333333;
}
a:active {
	text-decoration: none;
	color: #333333;
}
img{
	border:0px;
}

/*************************
		PLANTILLA
*************************/
.todo{
	position:relative;
	margin:0 auto;
	width:800px;
	height:auto;
}
.principal{
	float:left;
	position:relative;
	margin:0 auto;
	width:800px;
	height:auto;
	background-image:url(../img/head.jpg);
	background-repeat:no-repeat;
}
	.logo{
		position:absolute;
		width:145px;
		height:105px;
		top:50px;
		left:10px;
		background-image:url(../img/logo.png);
		cursor:pointer;
	}
	.menu{
		position:relative;
		width:450px;
		height:22px;
		top:40px;
		left:350px;
	}
		.boton1{
			position:relative;
			float:left;
			width:91px;
			height:29px;
			margin-top:-8px;		
		}
		.boton2{
			position:relative;
			float:left;
			width:91px;
			height:29px;
			margin-top:-8px;		
			margin-left:20px;
		}		
		.boton3{
			position:relative;
			float:left;
			width:91px;
			height:29px;
			margin-top:-8px;		
			margin-left:20px;
		}
		.boton4{
			position:relative;
			float:left;
			width:91px;
			height:29px;
			margin-top:-8px;		
			margin-left:20px;
		}
	.barra_conboton{
		position:relative;
		top:55px; 
		left:340px;
		width:450px;
		height:96px;
	}
		.foto_nino{
			position:relative;
			float:left;
			top:7px;
			width:278px;
			height:88px;
			background-image:url(../img/nino.png);
		}
		.boton_concurso{
			position:relative;
			float:left;
			left:12px;
			width:153px;
			height:96px;
			background-image:url(../img/boton_concursos.png);
			cursor:pointer;
		}
	.revista{
		float:left;
		margin-top:120px;
		padding-top:40px;
		position:relative;
		width:211px;
		height:286px;
		background-image:url(../img/bg_rev.jpg);
		background-repeat:no-repeat;
	}
	.content{
		float:left;
		margin-top:120px;
		width:565px;
		margin-left:20px;
		height:auto;
	}
	.pie{
		position:relative;
		background-image:url(../img/linea.jpg);
		background-repeat:repeat-x;
		float:left;
		margin-top:20px;
		width:100%;
		padding-top:5px;
	}
		.texto_pie{
			color:#0084D7;
			font-weight:800;
		}
		.texto_pie:link{
			color:#0084D7;
			font-weight:800;
		}
		.texto_pie:visited{
			color:#0084D7;
			font-weight:800;
		}
	/*************************	(revista actual)
			   INDEX 
	*************************/
	
	.foto1{
		width:116px;
		height:200px;
		position:relative;
		float:left;
		background-image:url(../img/revista/foto1.png);
		background-repeat:no-repeat;
		top:20px;
		left:-10px;
	}
	.texto1{
		width:165px;
		height:200px;
		position:relative;
		float:left;
		top:20px;
		left:0px;
		color:#646464;
	}
		.color1{
			color:#0082D4;
			font-weight:800;
			font-size:10px;
		}
	.foto2{
		width:116px;
		height:200px;
		position:relative;
		float:left;
		top:20px;
		left:10px;
		background-image:url(../img/revista/foto2.png);
		background-repeat:no-repeat;
	}
	.texto2{
		width:150px;
		height:200px;
		position:relative;
		float:left;
		top:20px;
		left:20px;
		color:#646464;
	}
		.color2{
			color:#FF9B00;
			font-weight:800;
			font-size:10px;
		}
	.foto3{
		width:116px;
		height:170px;
		position:relative;
		float:left;
		background-image:url(../img/revista/foto3.png);
		background-repeat:no-repeat;
		top:-34px;
		left:-10px;
	}
	.texto3{
		width:165px;
		height:170px;
		position:relative;
		float:left;
		top:-34px;
		left:0px;
		color:#646464;
	}
		.color3{
			color:#DA0066;
			font-weight:800;
			font-size:10px;
		}
	.foto4{
		width:116px;
		height:170px;
		position:relative;
		float:left;
		top:-34px;
		left:10px;
		background-image:url(../img/revista/foto4.png);
		background-repeat:no-repeat;
	}
	.texto4{
		width:150px;
		height:170px;
		position:relative;
		float:left;
		top:-34px;
		left:20px;
		color:#646464;
	}
		.color4{
			color:#A7C117;
			font-weight:800;
			font-size:10px;
		}

	/*************************	(revista 1)
			   INDEX
	*************************/
	/*
	.foto1{
		width:116px;
		height:114px;
		position:relative;
		float:left;
		background-image:url(../img/revista/foto1.png);
		top:20px;
		left:-10px;
	}
	.texto1{
		width:165px;
		height:auto;
		position:relative;
		float:left;
		top:20px;
		left:0px;
		color:#646464;
	}
		.color1{
			color:#0082D4;
			font-weight:800;
			font-size:10px;
		}
	.foto2{
		width:116px;
		height:114px;
		position:relative;
		float:left;
		top:20px;
		left:10px;
		background-image:url(../img/revista/foto2.png);
	}
	.texto2{
		width:150px;
		height:auto;
		position:relative;
		float:left;
		top:20px;
		left:20px;
		color:#646464;
	}
		.color2{
			color:#FF9B00;
			font-weight:800;
			font-size:10px;
		}
	.foto3{
		width:116px;
		height:183px;
		position:relative;
		float:left;
		background-image:url(../img/revista/foto3.png);
		top:31px;
		left:-10px;
	}
	.texto3{
		width:165px;
		height:auto;
		position:relative;
		float:left;
		top:31px;
		left:0px;
		color:#646464;
	}
		.color3{
			color:#DA0066;
			font-weight:800;
			font-size:10px;
		}
	.foto4{
		width:116px;
		height:183px;
		position:relative;
		float:left;
		top:31px;
		left:10px;
		background-image:url(../img/revista/foto4.png);
		background-repeat:no-repeat;
		background-color:#000000;
	}
	.texto4{
		width:150px;
		height:auto;
		position:relative;
		float:left;
		top:31px;
		left:20px;
		color:#646464;
	}
		.color4{
			color:#A7C117;
			font-weight:800;
			font-size:10px;
		}
	*/
	
	/*************************
			NEWSLETTER
	*************************/
	.newsletter{
		width:550px;
		height:340px;
		background-image:url(../img/newsletter.jpg);
		background-repeat:no-repeat;
		position:relative;
	}
		.form{
			margin-left:130px;
			padding-top:40px;
		}
		.input{
			font-family:tahoma;
			font-size:10px;
			width:200px;
			border:1px #CCCCCC solid;
		}
		.input:hover{
			background-color:#E9E9E9;
		}
		.input_{
			font-family:tahoma;
			font-size:10px;
			width:100px;
			border:1px #CCCCCC solid;
		}
		.input_:hover{
			background-color:#E9E9E9;
		}
		.input2{
			font-family:tahoma;
			font-size:10px;
			border:1px #CCCCCC solid;
		}
		.input2:hover{
			background-color:#E9E9E9;
		}
		.n{
			color:#FF6633;
		}
		.sms{
			margin-left:120px;
			color:#FF0000;
		}
		.div_enviar{
			position:absolute;
			width:100px;
			top:315px;
			margin-left:325px;
			*margin-left:-70px;
		}
	/*************************
			CONTACTO
	*************************/
	.contacto{
		width:542px;
		height:264px;
		background-image:url(../img/contacto.jpg);
		background-repeat:no-repeat;
		position:relative;
		margin-top:20px;
	}
		.c_texto1{
			position:relative;
			top:50px;
			left:140px;
		}
		.c_texto2{
			position:relative;
			top:120px;
			left:140px;
		}
	/*************************
			REVISTA
	*************************/
	.r_revista{
		width:170px;
		height:auto;
		margin-top:30px;
		position:relative;
		float:left;
		margin-left:15px;
	}
		.r_title{
			color:#999;
			font-weight:800;
			text-align:center;
			margin-bottom:10px;
		}
			.r_azul{
				color:#0081D2;
			}
		.r_foto{}
	
	.r_sumario{
		width:100%;
		height:25px;
		background-image:url(../img/sumario.jpg);
		background-repeat:no-repeat;
	}
		.r_arriba{
			width:18px;
			height:14px;
			position:absolute;
			right:30px;
			margin-top:7px;
		}
		.r_abajo{
			width:18px;
			height:14px;
			position:absolute;
			right:10px;
			margin-top:7px;
		}
		.r_slider{
			width:100%;
			height:300px;
			overflow:hidden;
		}
	/*************************
		PUNTOS DE VENTA
	*************************/
	.v_c1{
		position:relative;
		float:left;
		width:236px;
		height:auto;
	}
		.v_text1{
			position:relative;
			float:left;
			width:100%;
			height:auto;
			border-bottom:1px dotted #FF9900;
			color:#666;
			padding-bottom:15px;
		}
			.v_tn{
				color:#FF9900;
				font-weight:800;
			}
		.v_text2{
			position:relative;
			float:left;
			background-image:url(../img/pdf.gif);
			background-repeat:no-repeat;
			background-position:left;
			padding-left:70px;
			color:#666;
			margin-top:10px;
			height:60px;
			cursor:pointer;
		}		
		.v_text2:hover{
			color:#FF9900;
		}
		.v_text3{
			position:relative;
			float:left;
			color:#666;
			height:auto;
			margin-top:53px;
		}
	.v_c2{
		position:relative;
		float:left;
		width:564px;
		height:auto;
		margin-top:-30px;
	}