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

body {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 18px;
	background-image:url(../img/fondo_gris.jpg);
	background-repeat:repeat;
}
/* Definimos los estados de texto para enlace, sobre y visitado */
a:link, a:visited {
	color: #000099;
	text-decoration: none;
}
a:hover {
	color: #FF9900;
	text-decoration:none;
}
/*ul a:link, ul a:visited {
	color: #000099;
	text-decoration: none;
}
ul a:hover {
	color: #000099;
	text-decoration: underline;
}*/
.span{
	font-size:12px;
	color:#666666;
	font-weight:normal;}

/*Definimos los estilos para loa encabezados. De momento hemos definido solo tres tipos.*/
h1 {
	font-size: 2.2em;
	color: #4C7226;
	font-weight: normal;
	line-height: 30px;
}
h2 {
	font-size: 1.8em;
	color: #000000;
	font-weight: normal;
}
h3 {
	font-size: 1.5em;
	color: #426321;
	font-weight: normal;
	line-height: 20px;
}
/* Divisi�n que alberga al resto. Tiene como funci�n centrar el contenido del sitio web. Aporta tambi�n el efecto de sombreado */
#Contenedor {
	margin: 0 auto;
	padding: 0;
	border: 0;
	width: 980px;
	text-align: left;
	background-image: url(IMG/FONDO_CONTENEDOR.gif);
	background-repeat: repeat;
}
#Logo	{
	float: left;
	height: 63px;
	width: 980px;
	border: 0;
	padding: 0;
	margin: -500px 0 0 0;
	}

#Logo h1	{
	background: transparent no-repeat;
	background-image: url(../img/logo_andenes.gif);
	margin: 0;
	border: 0;
	padding: 0 0 0 310px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000000;
	}
/* Gr�ficos y botones del cabecero. Para los botones utilizaremos listas (navega1, navegaPrincipal) */
#Cabecero {
	width: 951px;
	height: 31px;
	background-image: url(../img/fondo_menu.jpg);
	background-repeat: no-repeat;
	padding-top:20px;
	background-color:#FFFFFF;
}
#swf {
	width: 980px;
	height: 249px;
	background-image:url(../img/fondo_swf.jpg);
	background-repeat:no-repeat;
}

#navegaIdiomas {
	/* Barra de navegaci�n de botones del menu*/
	height: 29px;
	width: 600px;
	border: 0;
	padding: 0;
	margin: 0;
	float: left;
	margin-left: 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}	
#navegaIdiomas ul	{
	width: 600px;
	height: 29px;
	margin: 0;
	padding: 0;
	position: relative;
	}
	
#navegaIdiomas ul li	{
	margin: 0 20px 0 0;
	padding: 0;
	list-style: none;
	top: 0px;
	float: left;
	}
	
#navegaIdiomas ul li, #navegaIdiomas a	{
	height: 20px;
	display: block;
	padding-top: 2px;
	text-align: center;
	}

#navegaIdiomas ul li a	{
	text-decoration: none;
	}
#navegaIdiomas ul li :hover	{
	text-decoration: none;
}

/*--------------------------------------------------------------- contenido central index*/
#ContCentralIndex {
	width:951px;
	height:379px;
	background-image:url(../img/fondo_index_central.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	}
#Comosehizo{
	width:150px;
	height:auto;
	position: relative;
	left: 96px;
	top: 100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}
#Comosehizo p{
	margin: 0 0 5px 0;
	padding: 0;
}
#Capitulos{
	width:150px;
	height:auto;
	position: relative;
	left: 325px;
	top: -38px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}
#Capitulos p{
	margin: 0 0 5px 0;
	padding: 0;
}
#Capitulos ul	{
	margin: 5px 0 0 0;
	padding: 0;
}
#Capitulos ul li	{
	margin: 0 0 10px 0;
	padding: 2px 0 0 0;
	list-style: none;
}
#Galeria{
	width:360px;
	height:auto;
	position: relative;
	left: 55px;
	top: 38px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}
#Galeria ul	{
	width: 360px;
	height: 29px;
	margin: 0;
	padding: 0;
	position:relative;
	}
	
#Galeria ul li	{
	margin: 0 0 0 50px;
	padding: 0;
	list-style: none;
	top: 0px;
	float: left;
	}
#video{
	width:400px;
	height:auto;
	position: relative;
	left: 530px;
	top: -300px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#video h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	font-weight:bold;
	color:#A4A4A4;
	margin:5px 0 0 0;
	padding:0;
}
#video p{
	margin:0;
	padding:0;
	line-height:14px;
}
/* -------------------------------------------------------contenido central La Serie*/
#ContCentralSerie {
	width:951px;
	height:600px;
	background-image: url(../img/fondo_serie.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	}
#ContCentralSerie h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	font-weight:bold;
	color:#333333;
	margin:0;
	padding:0;
	}
#ContCentralSerie h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	font-weight:bold;
	color: #000000;
	margin:0;
	padding:0;
	}
#Serie_titulo {
	width:100px;
	height:auto;
	position: relative;
	left: 325px;
	top: 18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
#andenes {
	width:380px;
	height:auto;
	position: relative;
	left: 80px;
	top: 65px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
#videoSerie{
	width:400px;
	height:auto;
	position: relative;
	left: 530px;
	top: -380px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#videoSerie h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	font-weight:bold;
	color:#A4A4A4;
	margin:10px 0 5px 0;
	padding:0;
}
#videoSerie p{
	margin:0;
	padding:0;
	line-height:16px;
}
#interesa{
	width:350px;
	height:50px;
	position: relative;
	left: 15px;
	top: -255px;
}
#interesa ul, #interesaEquipo ul, #interesaCap1 ul, #interesaCap2 ul, #interesaCap3 ul, #interesaCap4 ul, #interesaCap5 ul, #interesaCap6 ul, #interesaCap7 ul, #interesaCap8 ul, #interesaCap9 ul, #interesaCap10 ul, #interesaCap11 ul, #interesaCap12 ul, #interesaCap13 ul, #interesaCap14 ul, #interesaCap15 ul, #interesaCap16 ul, #interesaCap17 ul, #interesaCap18 ul{
	font-size:14px;
}
#interesa ul li, #interesaEquipo ul li, #interesaCap1 ul li, #interesaCap2 ul li, #interesaCap3 ul li, #interesaCap4 ul li, #interesaCap5 ul li, #interesaCap6 ul li, #interesaCap7 ul li, #interesaCap8 ul li, #interesaCap9 ul li, #interesaCap10 ul li, #interesaCap11 ul li, #interesaCap12 ul li, #interesaCap13 ul li, #interesaCap14 ul li, #interesaCap15 ul li, #interesaCap16 ul li, #interesaCap17 ul li, #interesaCap18 ul li{
	list-style:none;
	height:28px;
	font-weight:bold;
}
/* -------------------------------------------------contenido central El Equipo*/
#ContCentralEquipo {
	width:951px;
	height:1005px;
	background-image: url(../img/fondo_equipo.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	}
#ContCentralEquipo h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	font-weight:bold;
	color:#333333;
	margin:0;
	padding:0;
	}
#ContCentralEquipo h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	font-weight:bold;
	color: #000000;
	margin:0;
	padding:0;
	}
#ContCentralEquipo h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	font-weight:bold;
	color: #FF6600;
	border-bottom:1px dotted #FF6600;
	margin:0;
	padding:0;
	}
#ContCentralEquipo h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color: #666666;
	margin: 5 0 2px 0;
	padding:0;
	}
#Equipo_titulo {
	width:100px;
	height:auto;
	position: relative;
	left: 325px;
	top: 18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
#equipo {
	width:380px;
	height:auto;
	position: relative;
	left: 79px;
	top: 70px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
#equipo2 {
	width:380px;
	height:auto;
	position: relative;
	left: 511px;
	top: -750px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
#interesaEquipo{
	width:350px;
	height:40px;
	position: relative;
	left: 15px;
	top: -818px;
}
/* -------------------------------------------------contenido central CAPITULO*/
#ContCentralCapitulo {
	width:950px;
	height:800px;
	background-image: url(../img/fondo_capitulo.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	}
#ContCentralCapitulo h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	font-weight:bold;
	color:#333333;
	margin:0;
	padding:0;
	}
#ContCentralCapitulo h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	font-weight:bold;
	color: #000000;
	margin:0;
	padding:0;
	}
#ContCentralCapitulo h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	font-weight:bold;
	color: #FF6600;
	border-bottom:1px dotted #FF6600;
	margin:10px 0 0 0;
	padding:0;
	}
#ContCentralCapitulo h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #333333;
	margin: 5px 0 0px 0;
	padding:0;
	}
#Capitulo_titulo {
	width:100px;
	height:auto;
	position: relative;
	left: 325px;
	top: 18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
#TodosCapitulos{
	width:250px;
	height:auto;
	position: relative;
	left: 515px;
	top: -5px;
}
#capitulosIndice {
	width:380px;
	height:560px;
	position: relative;
	left: 85px;
	top: 45px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	border-bottom:1px dotted #339900;
	padding-bottom:15px;
}
#capitulo {
	width:380px;
	height:560px;
	position: relative;
	left: 79px;
	top: 45px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	border-bottom:1px dotted #339900;
	padding-bottom:15px;
}
#capitulo h3, #capitulo2 h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	font-weight:bold;
	color: #339900;
	border-bottom:1px dotted #339900;
	margin:20px 0 15px 0;
	padding:0;
	}
#capitulo h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color: #666666;
	margin: 0;
	padding:0;
}
#capitulo p {
	margin: 0 0 15px 0;
	padding:0;
}
#capitulo2 {
	width:380px;
	height:700px;
	position: relative;
	left: 530px;
	top: -550px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
.desplegable{
	border:1px #009900 solid;
	height:22px;
	widows:300px;
	background-color:#FFFFFF;
	}
#interesaCap1{
	width:350px;
	position: relative;
	left: 15px;
	top: -630px;
}
/* -------------------------------------------------------contenido central GALERIAe*/
#ContCentralGaleria {
	width:951px;
	height:1000px;
	background-image: url(../img/fondo_galeria.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	}
#ContCentralGaleria h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	font-weight:bold;
	color:#333333;
	margin:0;
	padding:0;
	}
#ContCentralGaleria h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	font-weight:bold;
	color: #000000;
	margin:0;
	padding:0;
	}
#Galeria_titulo {
	width:100px;
	height:auto;
	position: relative;
	left: 325px;
	top: 18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
#sintonia {
	width:380px;
	height:auto;
	position: relative;
	left: 80px;
	top: 65px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
#sintonia ul {
	margin:0 0 0 50px;
	padding:0;
}
#sintonia ul li {
	list-style:none;
	font-size:14px;
}
#videoGaleria{
	width:400px;
	height:auto;
	position: relative;
	left: 530px;
	top: -200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#videoGaleria h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	font-weight:bold;
	color:#A4A4A4;
	margin:0px 0 15px 0;
	padding:0;
}
#galeriaPersonajes{
	width:800px;
	height:auto;
	position: relative;
	left: 80px;
	top: -180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
/* ---------------------------------------------------------------Como se hizo
#ContCentralhizo {
	width:950px;
	height:2000px;
	background-image: url(../img/fondo_hizo.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	}
#ContCentralhizo h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	font-weight:bold;
	color:#333333;
	margin:0;
	padding:0;
	}
#ContCentralhizo h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	font-weight:bold;
	color: #000000;
	margin:0;
	padding:0;
	}
#ContCentralhizo h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	font-weight:bold;
	color:#FF0000;
	border-bottom:1px dotted #FF0000;
	margin:10px 0 0 0;
	padding:0;
	}
#hizo_titulo {
	width:140px;
	height:auto;
	position: relative;
	left: 285px;
	top: 18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
#comosehizo {
	width:380px;
	height:auto;
	position: relative;
	left: 80px;
	top: 70px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
#comosehizo2 {
	width:380px;
	height:auto;
	position: relative;
	left: 511px;
	top: -1540px; !important 
	top: -1620px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
#interesaCap2{
	width:350px;
	position: relative;
	left: 15px;
	top: -1550px;
}
*/

#ContCentralhizo {
	width:830px;
	height:1900px;
	background-image: url(../img/fondo_hizo.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	padding:70px 40px 0 80px;
	}
#ContCentralhizo h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	font-weight:bold;
	color:#333333;
	margin:0;
	padding:0;
	}
#ContCentralhizo h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	font-weight:bold;
	color: #000000;
	margin:0;
	padding:0;
	}
#ContCentralhizo h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	font-weight:bold;
	color:#FF0000;
	border-bottom:1px dotted #FF0000;
	margin:10px 0 0 0;
	padding:0;
	}
#hizo_titulo {
	width:140px;
	height:auto;
	position: relative;
	left: 205px;
	top: -50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
#comosehizo {
	width:380px;
	height:auto;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
#comosehizo2 {
	width:380px;
	height:auto;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
#interesaCap2{
	width:350px;
	position: relative;
	left: -60px;
	top: 50px;
}
/* ----------------------------------------------------------------pie*/
#pie {
	width:920px;
	height:55px;
	background-image: url(../img/fondopie.jpg);
	background-repeat:no-repeat;
	background-position: right top;
	background-color:#FFFFFF;
	font-size:11px;
	line-height:14px;
	padding-left:30px;
	padding-top:45px;
}
#pieInteriores {
	width:920px;
	height:55px;
	background-image: url(../img/fondoPie_int.jpg);
	background-repeat:no-repeat;
	background-position: right top;
	background-color:#FFFFFF;
	font-size:11px;
	line-height:14px;
	padding-left:30px;
	padding-top:50px;
}
#pietexto{
	width:350px;
	height:50px;
	float:left;}

#facebook{
	width:100px;
	height:40px;
	float:right;
	cursor:pointer;
}
#ace{
	width:55px;
	height:40px;
	float:right;
	cursor:pointer;
	margin-left:28px;
}
#tai{
	width:160px;
	height:50px;
	float:right;
	cursor:pointer;
	margin-left:15px;
}