@charset "utf-8";
/* CSS Document */
@media only screen and (max-width : 760px) and (max-width : 1200px){
/* lap mac */

#fondo {
	background-image:url(../img/backpersonajes.jpg);
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size: cover;
	margin:auto auto auto auto;
	position:absolute;
	top:0%;
	left:0%;
	
}

#back_menu {
	
	background-image:url(../img/backmenu.png);
	background-repeat:repeat-x;
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	height:100px;
	
	}

#contemedor_menu {
	width:1024px;
	position:absolute;
	margin:auto auto auto auto;
	
}


.menu { height:40px; text-decoration: none;}
.menu li {
	 position:relative;
	top:-10px;
	width:25px;
	margin: 0;
	padding: 5px;
	display: inline;
	text-decoration: none;
	font-family: 'Shanti', sans-serif;
	font-size:13px;
	left:-80px;
	color:#e42021;
	height:40px;
	padding-bottom:20px;
	color:#e42021;
	}
.menu a {}

.hover a { height:50px; text-decoration: none; color:#e42021;}

.hover a:hover {background:url(../img/backover2.jpg); background-position:0px  25px; background-repeat:repeat-x; height:50px; padding-bottom:25px; color:#000;  }


.hover a.active  {text-decoration: none; background:url(../img/backover2.jpg); background-position:0px  25px; background-repeat:repeat-x; height:50px; padding-bottom:25px; color:#000; }

#fundacion {
	background-image:url(../img/casaronaldmac.png);
	background-repeat:no-repeat;
	width:67px;
	height:77px;
	position:absolute;
	float:right;
	right:0px;
	margin-right:-90px;
	top:-5px;
	margin-left:0px;
	
}


#fb {
	background-image:url(../img/icofb.png);
	width:24px;
	height:25px;
	position:absolute;
	top:5px;
	float:right;
	right:0px;
	margin-left:0px;
	margin-right:-105px;
}
#tw {
	background-image:url(../img/icotwt.png);
	width:24px;
	height:25px;
	position:absolute;
	top:5px;
	float:right;
	right:0px;
	margin-left:0px;
	margin-right:-125px;
}
#yt {
	background-image:url(../img/icoyoutube.png);
	width:24px;
	height:25px;
	position:absolute;
	top:5px;
	float:right;
	right:0px;
	margin-left:0px;
	margin-right:-145px;
}

#contenedor {
	
	width:1024px;
	height:auto;
	min-width:1024px;
	margin:auto;
	position:absolute;
	overflow:hidden;	
}

#foot {
	width:448px;
	height:102px;
	position:absolute;
	bottom:5%;
	float:left;
	left:180px;
	display:block;
	overflow:hidden;
	}	
#back_texto {
	background-image:url(../img/contpersonajes.png);
	background-repeat:no-repeat;
	width:641px;
	height:330px;
	overflow:hidden;
	position:absolute;
	float:left;
	display:block;
	margin-left:50px;
	top:65px;
	
	}
#texto {
	width:582px;
	height:380px;
	overflow:scroll;
	position:absolute;
	float:left;
	display:block;
	margin-left:10px;
	top:65px;
	color:#FFFFFF;
	
	}

.personaje {
	width:638px;
	height:100px;
	margin-top:15px;
	/*padding-bottom:5px;*/
}
.img {
	width:98px;
	height:102px;
	float:left;
	padding-right:15px;
	background-repeat:no-repeat;
	margin-top:2px;
}
#img1 {
	background-image:url(../img/per_antonio.jpg);
	
	}
#img2 {
	background-image:url(../img/per_manolo.jpg);
	
	}	
#img3 {
	background-image:url(../img/per_beatriz.jpg);
	
	}	
#img4 {
	background-image:url(../img/per_inaki.jpg);
	
	}
#img5 {
	background-image:url(../img/per_helena.jpg);
	
	}	
#img6 {
	background-image:url(../img/per_merche.jpg);
	
	}
#img7 {
	background-image:url(../img/per_puri.jpg);
	
	}	
#img8 {
	background-image:url(../img/per_raymundo.jpg);
	
	}
#img9 {
	background-image:url(../img/per_carlos.jpg);
	
	}
#img10 {
	background-image:url(../img/per_guadalupe.jpg);
	
	}
#img11 {
	background-image:url(../img/per_mari.jpg);
	
	}

.texto {
	width:565px;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font:Helvetica, sans-serif
}

::-webkit-scrollbar {
    width: 5px;
	
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0px 0 0px #fff; 
    -webkit-border-radius:5px;
    border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius:5px;
    border-radius: 5px;
    background: #fff; 
    -webkit-box-shadow: inset 0 0 0px #fff; 
}

::-webkit-scrollbar-thumb:window-inactive {
                background: #fff; 
}

#boton_creditos { 
background-image:url(../img/creditosblanco.png);
width:81px;
height:13px;
position:absolute;
bottom:0px;
margin-bottom:0px;
float:left;
left:52%;
}
#tache { 
background-image:url(../img/btntache.png);
width:18px;
height:15px;
position:relative;
float:right;
margin-right:10px;
margin-top:3px;
}
#creditos {
	width:100%;
	position:absolute;
	background-color:#FFF;
	height:145px;
	display:none;
	bottom:0px;
	margin-bottom:0px;
	left:0px;
}
#billing {
	background-image:url(../img/billing.jpg);
	width:916px;
	height:103px;
	position:relative;
	margin:auto;
	margin-top:20px;
}


}



@media only screen and (min-width : 760px) and (max-width : 1200px){
/* lap mac */

#fondo {
	background-image:url(../img/backpersonajes.jpg);
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size: cover;
	margin:auto auto auto auto;
	position:absolute;
	top:0%;
	left:0%;
	
}

#back_menu {
	
	background-image:url(../img/backmenu.png);
	background-repeat:repeat-x;
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	height:100px;
	
	}

#contemedor_menu {
	width:1024px;
	position:absolute;
	margin:auto auto auto auto;
	
}


.menu { height:40px; text-decoration: none;}
.menu li {
	 position:relative;
	top:-10px;
	width:25px;
	margin: 0;
	padding: 5px;
	display: inline;
	text-decoration: none;
	font-family: 'Shanti', sans-serif;
	font-size:13px;
	left:-80px;
	color:#e42021;
	height:40px;
	padding-bottom:20px;
	color:#e42021;
	}
.menu a {}

.hover a { height:50px; text-decoration: none; color:#e42021;}

.hover a:hover {background:url(../img/backover2.jpg); background-position:0px  25px; background-repeat:repeat-x; height:50px; padding-bottom:25px; color:#000;  }


.hover a.active  {text-decoration: none; background:url(../img/backover2.jpg); background-position:0px  25px; background-repeat:repeat-x; height:50px; padding-bottom:25px; color:#000; }

#fundacion {
	background-image:url(../img/casaronaldmac.png);
	background-repeat:no-repeat;
	width:67px;
	height:77px;
	position:absolute;
	float:right;
	right:0px;
	margin-right:-90px;
	top:-5px;
	margin-left:0px;
	
}


#fb {
	background-image:url(../img/icofb.png);
	width:24px;
	height:25px;
	position:absolute;
	top:5px;
	float:right;
	right:0px;
	margin-left:0px;
	margin-right:-105px;
}
#tw {
	background-image:url(../img/icotwt.png);
	width:24px;
	height:25px;
	position:absolute;
	top:5px;
	float:right;
	right:0px;
	margin-left:0px;
	margin-right:-125px;
}
#yt {
	background-image:url(../img/icoyoutube.png);
	width:24px;
	height:25px;
	position:absolute;
	top:5px;
	float:right;
	right:0px;
	margin-left:0px;
	margin-right:-145px;
}

#contenedor {
	
	width:1024px;
	height:auto;
	min-width:1024px;
	margin:auto;
	position:absolute;
	overflow:hidden;	
}

#foot {
	width:448px;
	height:102px;
	position:absolute;
	bottom:5%;
	float:left;
	left:180px;
	display:block;
	overflow:hidden;
	}	
#back_texto {
	background-image:url(../img/contpersonajes.png);
	background-repeat:no-repeat;
	width:641px;
	height:330px;
	overflow:hidden;
	position:absolute;
	float:left;
	display:block;
	margin-left:50px;
	top:65px;
	
	}
#texto {
	width:582px;
	height:380px;
	overflow:scroll;
	position:absolute;
	float:left;
	display:block;
	margin-left:10px;
	top:65px;
	color:#FFFFFF;
	
	}

.personaje {
	width:638px;
	height:100px;
	margin-top:15px;
	/*padding-bottom:5px;*/
}
.img {
	width:98px;
	height:102px;
	float:left;
	padding-right:15px;
	background-repeat:no-repeat;
	margin-top:2px;
}
#img1 {
	background-image:url(../img/per_antonio.jpg);
	
	}
#img2 {
	background-image:url(../img/per_manolo.jpg);
	
	}	
#img3 {
	background-image:url(../img/per_beatriz.jpg);
	
	}	
#img4 {
	background-image:url(../img/per_inaki.jpg);
	
	}
#img5 {
	background-image:url(../img/per_helena.jpg);
	
	}	
#img6 {
	background-image:url(../img/per_merche.jpg);
	
	}
#img7 {
	background-image:url(../img/per_puri.jpg);
	
	}	
#img8 {
	background-image:url(../img/per_raymundo.jpg);
	
	}
#img9 {
	background-image:url(../img/per_carlos.jpg);
	
	}
#img10 {
	background-image:url(../img/per_guadalupe.jpg);
	
	}
#img11 {
	background-image:url(../img/per_mari.jpg);
	
	}

.texto {
	width:565px;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font:Helvetica, sans-serif
}

::-webkit-scrollbar {
    width: 5px;
	
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0px 0 0px #fff; 
    -webkit-border-radius:5px;
    border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius:5px;
    border-radius: 5px;
    background: #fff; 
    -webkit-box-shadow: inset 0 0 0px #fff; 
}

::-webkit-scrollbar-thumb:window-inactive {
                background: #fff; 
}

#boton_creditos { 
background-image:url(../img/creditosblanco.png);
width:81px;
height:13px;
position:absolute;
bottom:0px;
margin-bottom:0px;
float:left;
left:52%;
}
#tache { 
background-image:url(../img/btntache.png);
width:18px;
height:15px;
position:relative;
float:right;
margin-right:10px;
margin-top:3px;
}
#creditos {
	width:100%;
	position:absolute;
	background-color:#FFF;
	height:145px;
	display:none;
	bottom:0px;
	margin-bottom:0px;
	left:0px;
}
#billing {
	background-image:url(../img/billing.jpg);
	width:916px;
	height:103px;
	position:relative;
	margin:auto;
	margin-top:20px;
}


}

@media only screen and (min-width : 1200px) and (max-height : 800px) {
	/* lap mac full*/
#fondo {
	background-image:url(../img/backpersonajes_1280.jpg);
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size: cover;
	margin:auto auto auto auto;
	position:absolute;
	top:0%;
	left:0%;
	
}

#back_menu {
	
	background-image:url(../img/backmenu.png);
	background-repeat:repeat-x;
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	height:100px;
	
	}

#contemedor_menu {
	width:1024px;
	position:absolute;
	margin:auto auto auto auto;
	
}


.menu { height:40px; text-decoration: none;}
.menu li {
	 position:relative;
	top:-10px;
	width:25px;
	margin: 0;
	padding: 5px;
	display: inline;
	text-decoration: none;
	font-family: 'Shanti', sans-serif;
	font-size:13px;
	left:-80px;
	color:#e42021;
	height:40px;
	padding-bottom:20px;
	color:#e42021;
	}
.menu a {}

.hover a { height:50px; text-decoration: none; color:#e42021;}

.hover a:hover {background:url(../img/backover2.jpg); background-position:0px  25px; background-repeat:repeat-x; height:50px; padding-bottom:25px; color:#000;  }


.hover a.active  {text-decoration: none; background:url(../img/backover2.jpg); background-position:0px  25px; background-repeat:repeat-x; height:50px; padding-bottom:25px; color:#000; }

#fundacion {
	background-image:url(../img/casaronaldmac.png);
	background-repeat:no-repeat;
	width:67px;
	height:77px;
	position:absolute;
	float:right;
	right:0px;
	margin-right:-90px;
	top:-5px;
	margin-left:0px;
	
}


#fb {
	background-image:url(../img/icofb.png);
	width:24px;
	height:25px;
	position:absolute;
	top:5px;
	float:right;
	right:0px;
	margin-left:0px;
	margin-right:-105px;
}
#tw {
	background-image:url(../img/icotwt.png);
	width:24px;
	height:25px;
	position:absolute;
	top:5px;
	float:right;
	right:0px;
	margin-left:0px;
	margin-right:-125px;
}
#yt {
	background-image:url(../img/icoyoutube.png);
	width:24px;
	height:25px;
	position:absolute;
	top:5px;
	float:right;
	right:0px;
	margin-left:0px;
	margin-right:-145px;
}

#contenedor {
	
	width:1024px;
	height:auto;
	min-width:1024px;
	margin:auto;
	position:absolute;
	overflow:hidden;	
}

#foot {
	width:448px;
	height:102px;
	position:absolute;
	bottom:5%;
	float:left;
	left:180px;
	display:block;
	overflow:hidden;
	}	
#back_texto {
	background-image:url(../img/contpersonajes.png);
	background-repeat:no-repeat;
	width:641px;
	height:360px;
	overflow:hidden;
	position:absolute;
	float:left;
	display:block;
	margin-left:80px;
	top:80px;
	
	}
#texto {
	width:582px;
	height:405px;
	overflow:scroll;
	position:absolute;
	float:left;
	display:block;
	margin-left:10px;
	top:75px;
	color:#FFFFFF;
	
	}

.personaje {
	width:638px;
	height:100px;
	margin-top:15px;
	/*padding-bottom:5px;*/
}
.img {
	width:98px;
	height:102px;
	float:left;
	padding-right:15px;
	background-repeat:no-repeat;
	margin-top:2px;
}
#img1 {
	background-image:url(../img/per_antonio.jpg);
	
	}
#img2 {
	background-image:url(../img/per_manolo.jpg);
	
	}	
#img3 {
	background-image:url(../img/per_beatriz.jpg);
	
	}	
#img4 {
	background-image:url(../img/per_inaki.jpg);
	
	}
#img5 {
	background-image:url(../img/per_helena.jpg);
	
	}	
#img6 {
	background-image:url(../img/per_merche.jpg);
	
	}
#img7 {
	background-image:url(../img/per_puri.jpg);
	
	}	
#img8 {
	background-image:url(../img/per_raymundo.jpg);
	
	}
#img9 {
	background-image:url(../img/per_carlos.jpg);
	
	}
#img10 {
	background-image:url(../img/per_guadalupe.jpg);
	
	}
#img11 {
	background-image:url(../img/per_mari.jpg);
	
	}

.texto {
	width:565px;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font:Helvetica, sans-serif
}

::-webkit-scrollbar {
    width: 5px;
	
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0px 0 0px #fff; 
    -webkit-border-radius:5px;
    border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius:5px;
    border-radius: 5px;
    background: #fff; 
    -webkit-box-shadow: inset 0 0 0px #fff; 
}

::-webkit-scrollbar-thumb:window-inactive {
                background: #fff; 
}

#boton_creditos { 
background-image:url(../img/creditosblanco.png);
width:81px;
height:13px;
position:absolute;
bottom:0px;
margin-bottom:0px;
float:left;
left:52%;
}
#tache { 
background-image:url(../img/btntache.png);
width:18px;
height:15px;
position:relative;
float:right;
margin-right:10px;
margin-top:3px;
}
#creditos {
	width:100%;
	position:absolute;
	background-color:#FFF;
	height:145px;
	display:none;
	bottom:0px;
	margin-bottom:0px;
	left:0px;
}
#billing {
	background-image:url(../img/billing.jpg);
	width:916px;
	height:103px;
	position:relative;
	margin:auto;
	margin-top:20px;
}


}

@media only screen and (min-width : 1201px) and (max-width : 1350px) and (min-height : 801px) {

#fondo {
	background-image:url(../img/backpersonajes.jpg);
	background-position:-180px 0px;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size: cover;
	margin:auto auto auto auto;
	position:absolute;
	top:0%;
	left:0%;
	
}

#back_menu {
	
	background-image:url(../img/backmenu.png);
	background-repeat:repeat-x;
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	height:100px;
	
	}

#contemedor_menu {
	width:1024px;
	position:absolute;
	margin:auto auto auto auto;
	
}


.menu { height:40px; text-decoration: none;}
.menu li {
	 position:relative;
	top:-10px;
	width:25px;
	margin: 0;
	padding: 5px;
	display: inline;
	text-decoration: none;
	font-family: 'Shanti', sans-serif;
	font-size:13px;
	left:-80px;
	color:#e42021;
	height:40px;
	padding-bottom:20px;
	color:#e42021;
	}
.menu a {}

.hover a { height:50px; text-decoration: none; color:#e42021;}

.hover a:hover {background:url(../img/backover2.jpg); background-position:0px  25px; background-repeat:repeat-x; height:50px; padding-bottom:25px; color:#000;  }


.hover a.active  {text-decoration: none; background:url(../img/backover2.jpg); background-position:0px  25px; background-repeat:repeat-x; height:50px; padding-bottom:25px; color:#000; }

#fundacion {
	background-image:url(../img/casaronaldmac.png);
	background-repeat:no-repeat;
	width:67px;
	height:77px;
	position:absolute;
	float:right;
	right:0px;
	margin-right:-90px;
	top:-5px;
	margin-left:0px;
	
}


#fb {
	background-image:url(../img/icofb.png);
	width:24px;
	height:25px;
	position:absolute;
	top:5px;
	float:right;
	right:0px;
	margin-left:0px;
	margin-right:-105px;
}
#tw {
	background-image:url(../img/icotwt.png);
	width:24px;
	height:25px;
	position:absolute;
	top:5px;
	float:right;
	right:0px;
	margin-left:0px;
	margin-right:-125px;
}
#yt {
	background-image:url(../img/icoyoutube.png);
	width:24px;
	height:25px;
	position:absolute;
	top:5px;
	float:right;
	right:0px;
	margin-left:0px;
	margin-right:-145px;
}

#contenedor {
	
	width:1024px;
	height:auto;
	min-width:1024px;
	margin:auto;
	position:absolute;
	overflow:hidden;	
}

#foot {
	width:448px;
	height:102px;
	position:absolute;
	bottom:5%;
	float:left;
	left:180px;
	display:block;
	overflow:hidden;
	}	
#back_texto {
	background-image:url(../img/contpersonajes.png);
	background-repeat:no-repeat;
	width:641px;
	height:360px;
	overflow:hidden;
	position:absolute;
	float:left;
	display:block;
	margin-left:80px;
	top:80px;
	
	}
#texto {
	width:582px;
	height:405px;
	overflow:scroll;
	position:absolute;
	float:left;
	display:block;
	margin-left:10px;
	top:75px;
	color:#FFFFFF;
	
	}

.personaje {
	width:638px;
	height:100px;
	margin-top:15px;
	/*padding-bottom:5px;*/
}
.img {
	width:98px;
	height:102px;
	float:left;
	padding-right:15px;
	background-repeat:no-repeat;
	margin-top:2px;
}
#img1 {
	background-image:url(../img/per_antonio.jpg);
	
	}
#img2 {
	background-image:url(../img/per_manolo.jpg);
	
	}	
#img3 {
	background-image:url(../img/per_beatriz.jpg);
	
	}	
#img4 {
	background-image:url(../img/per_inaki.jpg);
	
	}
#img5 {
	background-image:url(../img/per_helena.jpg);
	
	}	
#img6 {
	background-image:url(../img/per_merche.jpg);
	
	}
#img7 {
	background-image:url(../img/per_puri.jpg);
	
	}	
#img8 {
	background-image:url(../img/per_raymundo.jpg);
	
	}
#img9 {
	background-image:url(../img/per_carlos.jpg);
	
	}
#img10 {
	background-image:url(../img/per_guadalupe.jpg);
	
	}
#img11 {
	background-image:url(../img/per_mari.jpg);
	
	}

.texto {
	width:565px;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font:Helvetica, sans-serif
}

::-webkit-scrollbar {
    width: 5px;
	
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0px 0 0px #fff; 
    -webkit-border-radius:5px;
    border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius:5px;
    border-radius: 5px;
    background: #fff; 
    -webkit-box-shadow: inset 0 0 0px #fff; 
}

::-webkit-scrollbar-thumb:window-inactive {
                background: #fff; 
}

#boton_creditos { 
background-image:url(../img/creditosblanco.png);
width:81px;
height:13px;
position:absolute;
bottom:0px;
margin-bottom:0px;
float:left;
left:52%;
}
#tache { 
background-image:url(../img/btntache.png);
width:18px;
height:15px;
position:relative;
float:right;
margin-right:10px;
margin-top:3px;
}
#creditos {
	width:100%;
	position:absolute;
	background-color:#FFF;
	height:145px;
	display:none;
	bottom:0px;
	margin-bottom:0px;
	left:0px;
}
#billing {
	background-image:url(../img/billing.jpg);
	width:916px;
	height:103px;
	position:relative;
	margin:auto;
	margin-top:20px;
}
	
}

@media only screen and (min-width : 1351px){
#fondo {
	background-image:url(../img/backpersonajes.jpg);
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size: cover;
	margin:auto auto auto auto;
	position:absolute;
	top:0%;
	left:0%;
	
}

#back_menu {
	
	background-image:url(../img/backmenu.png);
	background-repeat:repeat-x;
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	height:100px;
	
	}

#contemedor_menu {
	width:1024px;
	position:absolute;
	margin:auto auto auto auto;
	
}


.menu { height:40px; text-decoration: none;}
.menu li {
	 position:relative;
	top:-10px;
	width:25px;
	margin: 0;
	padding: 5px;
	display: inline;
	text-decoration: none;
	font-family: 'Shanti', sans-serif;
	font-size:13px;
	left:-80px;
	color:#e42021;
	height:40px;
	padding-bottom:20px;
	color:#e42021;
	}
.menu a {}

.hover a { height:50px; text-decoration: none; color:#e42021;}

.hover a:hover {background:url(../img/backover2.jpg); background-position:0px  25px; background-repeat:repeat-x; height:50px; padding-bottom:25px; color:#000;  }


.hover a.active  {text-decoration: none; background:url(../img/backover2.jpg); background-position:0px  25px; background-repeat:repeat-x; height:50px; padding-bottom:25px; color:#000; }

#fundacion {
	background-image:url(../img/casaronaldmac.png);
	background-repeat:no-repeat;
	width:67px;
	height:77px;
	position:absolute;
	float:right;
	right:0px;
	margin-right:-90px;
	top:-5px;
	margin-left:0px;
	
}


#fb {
	background-image:url(../img/icofb.png);
	width:24px;
	height:25px;
	position:absolute;
	top:5px;
	float:right;
	right:0px;
	margin-left:0px;
	margin-right:-105px;
}
#tw {
	background-image:url(../img/icotwt.png);
	width:24px;
	height:25px;
	position:absolute;
	top:5px;
	float:right;
	right:0px;
	margin-left:0px;
	margin-right:-125px;
}
#yt {
	background-image:url(../img/icoyoutube.png);
	width:24px;
	height:25px;
	position:absolute;
	top:5px;
	float:right;
	right:0px;
	margin-left:0px;
	margin-right:-145px;
}

#contenedor {
	
	width:1024px;
	height:auto;
	min-width:1024px;
	margin:auto;
	position:absolute;
	overflow:hidden;	
}

#foot {
	width:448px;
	height:102px;
	position:absolute;
	bottom:5%;
	float:left;
	left:180px;
	display:block;
	overflow:hidden;
	}	
#back_texto {
	background-image:url(../img/contpersonajes.png);
	background-repeat:no-repeat;
	width:641px;
	height:465px;
	overflow:hidden;
	position:absolute;
	float:left;
	display:block;
	margin-left:180px;
	top:80px;
	
	}
#texto {
	width:582px;
	height:455px;
	overflow:scroll;
	position:absolute;
	float:left;
	display:block;
	margin-left:10px;
	top:75px;
	color:#FFFFFF;
	
	}

.personaje {
	width:638px;
	height:100px;
	margin-top:15px;
	/*padding-bottom:5px;*/
}
.img {
	width:98px;
	height:102px;
	float:left;
	padding-right:15px;
	background-repeat:no-repeat;
	margin-top:2px;
}
#img1 {
	background-image:url(../img/per_antonio.jpg);
	
	}
#img2 {
	background-image:url(../img/per_manolo.jpg);
	
	}	
#img3 {
	background-image:url(../img/per_beatriz.jpg);
	
	}	
#img4 {
	background-image:url(../img/per_inaki.jpg);
	
	}
#img5 {
	background-image:url(../img/per_helena.jpg);
	
	}	
#img6 {
	background-image:url(../img/per_merche.jpg);
	
	}
#img7 {
	background-image:url(../img/per_puri.jpg);
	
	}	
#img8 {
	background-image:url(../img/per_raymundo.jpg);
	
	}
#img9 {
	background-image:url(../img/per_carlos.jpg);
	
	}
#img10 {
	background-image:url(../img/per_guadalupe.jpg);
	
	}
#img11 {
	background-image:url(../img/per_mari.jpg);
	
	}

.texto {
	width:565px;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font:Helvetica, sans-serif
}

::-webkit-scrollbar {
    width: 5px;
	
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0px 0 0px #fff; 
    -webkit-border-radius:5px;
    border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius:5px;
    border-radius: 5px;
    background: #fff; 
    -webkit-box-shadow: inset 0 0 0px #fff; 
}

::-webkit-scrollbar-thumb:window-inactive {
                background: #fff; 
}

#boton_creditos { 
background-image:url(../img/creditosblanco.png);
width:81px;
height:13px;
position:absolute;
bottom:0px;
margin-bottom:0px;
float:left;
left:52%;
}
#tache { 
background-image:url(../img/btntache.png);
width:18px;
height:15px;
position:relative;
float:right;
margin-right:10px;
margin-top:3px;
}
#creditos {
	width:100%;
	position:absolute;
	background-color:#FFF;
	height:145px;
	display:none;
	bottom:0px;
	margin-bottom:0px;
	left:0px;
}
#billing {
	background-image:url(../img/billing.jpg);
	width:916px;
	height:103px;
	position:relative;
	margin:auto;
	margin-top:20px;
}

}