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

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

#fondo {
	background-image:url(../img/backincio.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;
	z-index:100;
	
	}
#contemedor_menu {
	width:1024px;
	position:absolute;
	margin:auto auto auto auto;
	z-index:100;
	
}


.menu { height:40px; text-decoration: none; z-index:100;}
.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;
	z-index:100;
	}
.menu a {}

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

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


.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; z-index:100; }

#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;
}

#personajes_inicio {
	background-image:url(../img/personajesinicio.png);
	width:545px;
	height:540px;
	position:absolute;
	float:left;
	left:0px;
	bottom:0px;
	margin-bottom:0px;
	background-size:contain;
	background-repeat:no-repeat;
	z-index:1;
	background-size:contain;
	
		}

#foot {
	background-image:url(../img/tithomearg.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:400px;
	height:116px;
	position:absolute;
	top:100px;
	float:left;
	left:640px;
	display:block;
	overflow:hidden;
	}	


#boton_creditos { 
background-image:url(../img/creditosnegro.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;
	z-index:120;
}
#billing {
	background-image:url(../img/billing.jpg);
	width:916px;
	height:103px;
	position:relative;
	margin:auto;
	margin-top:20px;
}

#video {
	background-image:url(../img/video.jpg);
	position:absolute;
	top:250px;
	float:left;
	margin-left:550px;
	z-index:1;
	width:400px;
	height:201px;
	background-size:contain;
}
#iframe { z-index:1; }

}




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

#fondo {
	background-image:url(../img/backincio.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;
	z-index:100;
	
	}
#contemedor_menu {
	width:1024px;
	position:absolute;
	margin:auto auto auto auto;
	z-index:100;
	
}


.menu { height:40px; text-decoration: none; z-index:100;}
.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;
	z-index:100;
	}
.menu a {}

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

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


.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; z-index:100; }

#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;
}

#personajes_inicio {
	background-image:url(../img/personajesinicio.png);
	width:545px;
	height:540px;
	position:absolute;
	float:left;
	left:0px;
	bottom:0px;
	margin-bottom:0px;
	background-size:contain;
	background-repeat:no-repeat;
	z-index:1;
	background-size:contain;
	
		}

#foot {
	background-image:url(../img/tithomearg.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:400px;
	height:116px;
	position:absolute;
	top:100px;
	float:left;
	left:640px;
	display:block;
	overflow:hidden;
	}	


#boton_creditos { 
background-image:url(../img/creditosnegro.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;
	z-index:120;
}
#billing {
	background-image:url(../img/billing.jpg);
	width:916px;
	height:103px;
	position:relative;
	margin:auto;
	margin-top:20px;
}

#video {
	background-image:url(../img/video.jpg);
	position:absolute;
	top:250px;
	float:left;
	margin-left:550px;
	z-index:1;
	width:400px;
	height:201px;
	background-size:contain;
}
#iframe { z-index:1; }

}

@media only screen and (min-width : 1200px) and (max-height : 800px) {
	
	#fondo {
	background-image:url(../img/backincio.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;
	z-index:100;
	
	}
#contemedor_menu {
	width:1024px;
	position:absolute;
	margin:auto auto auto auto;
	z-index:100;
	
}


.menu { height:40px; text-decoration: none; z-index:100;}
.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;
	z-index:100;
	}
.menu a {}

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

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


.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; z-index:100; }

#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;
}

#personajes_inicio {
	background-image:url(../img/personajesinicio.png);
	width:645px;
	height:597px;
	position:absolute;
	float:left;
	left:0px;
	bottom:0px;
	margin-bottom:0px;
	background-size:contain;
	background-repeat:no-repeat;
	z-index:1;
	
		}

#foot {
	background-image:url(../img/tithomearg.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:400px;
	height:116px;
	position:absolute;
	top:100px;
	float:left;
	left:690px;
	display:block;
	overflow:hidden;
	}	


#boton_creditos { 
background-image:url(../img/creditosnegro.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;
	z-index:120;
}
#billing {
	background-image:url(../img/billing.jpg);
	width:916px;
	height:103px;
	position:relative;
	margin:auto;
	margin-top:20px;
}

#video {
	background-image:url(../img/video.jpg);
	position:absolute;
	top:250px;
	float:left;
	margin-left:620px;
	z-index:1;
	width:556px;
	height:280px;
	background-size:contain;
}
#iframe { z-index:1; }
	
}

@media only screen and (min-width : 1201px) and (max-width : 1350px) and (min-height : 801px) {
	
	#fondo {
	background-image:url(../img/backincio.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;
	z-index:100;
	
	}
#contemedor_menu {
	width:1024px;
	position:absolute;
	margin:auto auto auto auto;
	z-index:100;
	
}


.menu { height:40px; text-decoration: none; z-index:100;}
.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;
	z-index:100;
	}
.menu a {}

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

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


.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; z-index:100; }

#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;
}

#personajes_inicio {
	background-image:url(../img/personajesinicio.png);
	width:645px;
	height:597px;
	position:absolute;
	float:left;
	left:0px;
	bottom:0px;
	margin-bottom:0px;
	background-size:contain;
	background-repeat:no-repeat;
	z-index:1;
	
		}

#foot {
	background-image:url(../img/tithomearg.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:400px;
	height:116px;
	position:absolute;
	top:100px;
	float:left;
	left:690px;
	display:block;
	overflow:hidden;
	}	


#boton_creditos { 
background-image:url(../img/creditosnegro.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;
	z-index:120;
}
#billing {
	background-image:url(../img/billing.jpg);
	width:916px;
	height:103px;
	position:relative;
	margin:auto;
	margin-top:20px;
}

#video {
	background-image:url(../img/video.jpg);
	position:absolute;
	top:300px;
	float:left;
	margin-left:680px;
	z-index:1;
	width:556px;
	height:280px;
	background-size:contain;
}
#iframe { z-index:1; }


	
}

@media only screen and (min-width : 1351px){

#fondo {
	background-image:url(../img/backincio.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;
	z-index:100;
	
	}
#contemedor_menu {
	width:1024px;
	position:absolute;
	margin:auto auto auto auto;
	z-index:100;
	
}


.menu { height:40px; text-decoration: none; z-index:100;}
.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;
	z-index:100;
	}
.menu a {}

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

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


.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; z-index:100; }

#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;
}

#personajes_inicio {
	background-image:url(../img/personajesinicio.png);
	width:645px;
	height:597px;
	position:absolute;
	float:left;
	left:0px;
	bottom:0px;
	margin-bottom:0px;
	background-size:contain;
	background-repeat:no-repeat;
	z-index:1;
	
		}

#foot {
	background-image:url(../img/tithomearg.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:400px;
	height:116px;
	position:absolute;
	top:100px;
	float:left;
	left:690px;
	display:block;
	overflow:hidden;
	}	


#boton_creditos { 
background-image:url(../img/creditosnegro.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;
	z-index:120;
}
#billing {
	background-image:url(../img/billing.jpg);
	width:916px;
	height:103px;
	position:relative;
	margin:auto;
	margin-top:20px;
}

#video {
	background-image:url(../img/video.jpg);
	position:absolute;
	top:300px;
	float:left;
	margin-left:680px;
	z-index:1;
	width:556px;
	height:280px;
	background-size:contain;
}
#iframe { z-index:1; }

}