@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Droid+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Pacifico');
body{background:url(../img/fondo.png) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;text-align:center;width:100%;height:100%;padding:0;margin:0;vertical-align: middle;}
.contenedor{margin:0 auto;width:100%;max-width:1261px;height:100%;position:absolute;left:50%;top:35%;transform:translate(-50%, -50%);height: 50%;}
.contenido{float:left;background:url(../img/borde_sup.png) no-repeat top center;width:100%;max-width:1261px;min-height:560px;}
.menu_sup{width:100%;max-width:1261px;text-align:center;float:left;}
.menu_sup ul{style-type:none;list-style-type:none;padding:0;margin:0;}
.menu_sup ul li{display:inline-block;border-left:2px solid #F9B233;padding-left:15px}
.menu_sup ul li:nth-child(1){float:left;margin-left:55px}
.menu_sup ul li:nth-child(2){float:left;margin-left:30px}
.menu_sup ul li:nth-child(3){border-left:none;position:absolute;top:-45px;margin-left:-12px}
.menu_sup ul li:nth-child(4){margin-left:230px}
.menu_sup ul li:nth-child(5){margin-left:16px}
.ket a {background:url(../img/ketchup-kids.png) center -58px no-repeat;text-indent:-9999px;width:194px;height:60px;display:block;margin-top:15px;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;transition-duration: 0.4s;}
.ket a:hover {background:url(../img/ketchup-kids.png) center -2px no-repeat ;-webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;}
.ket-on a{background:url(../img/ketchup-kids.png) center 2px no-repeat ;text-indent:-9999px;width:194px;height:60px;display:block;margin-top:13px;}
.mayo a{background:url(../img/mayo-kids.png) center -60px  no-repeat;text-indent:-9999px;width:155px;height:50px;display:block;margin-top:19px;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;transition-duration: 0.4s;}
.mayo a:hover{background:url(../img/mayo-kids.png) center 2px  no-repeat;-webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;}
.mayo-on a{background:url(../img/mayo-kids.png) center 2px  no-repeat;text-indent:-9999px;width:155px;height:50px;display:block;margin-top:13px;}
.logo_sup {background:url(../img/logo_amarillo.png) no-repeat 2px 0px;}
.logo_sup:hover {background:url(../img/logo_amarillo.png) no-repeat center center;background-size:5% 5%}
.logo_sup a{background-image:url(../img/logo-amarillo-on.png);background-size:0px 0px;background-position:center center;text-indent:-9999px;width:183px;height:125px;display:block;margin-left:2px;-webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;background-repeat:no-repeat}
.logo_sup a:hover{background-image:url(../img/logo-amarillo-on.png);background-size:100% 100%;}
.logo_on{background-image:url(../img/logo-amarillo-on.png);width:183px;height:125px;display:block;margin-left:2px;}
.promo_frozen a {background:url(../img/promo-frozen.png) center -48px no-repeat;text-indent:-9999px;width:194px;height:50px;display:block;margin-top:25px;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;transition-duration: 0.4s;}
.promo_frozen a:hover {background:url(../img/promo-frozen.png) center 0px no-repeat ;-webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;}
.promo_frozen_on a{background:url(../img/promo-frozen.png) center 0px  no-repeat;text-indent:-9999px;width:194px;height:50px;display:block;margin-top:25px;}
.promo_star a {background:url(../img/promo-star.png) center -55px no-repeat;text-indent:-9999px;width:198px;height:45px;display:block;margin-top:23px;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;transition-duration: 0.4s;}
.promo_star a:hover {background:url(../img/promo-star.png) center -5px no-repeat ;-webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;}
.promo_star_on a{background:url(../img/promo-star.png) center -5px  no-repeat;text-indent:-9999px;width:198px;height:45px;display:block;margin-top:23px;}
.contenido_med{width:100%;max-width:1261px;background:url(../img/borde_inf.png) no-repeat bottom center;min-height:450px;float:left;padding-bottom:5px;margin-top:50px;margin-bottom:30px;position:relative}
.contenido_med_1{width:334px;height:610px;float:left;margin-left:50px;margin-top:90px}
.contenido_med_1_m{display:none}

.contenido_med_2{width:425px;min-height:250px;float:left;margin-left:50px;}

.contenido_med_3{width:335px;height:610px;float:right;margin-right:50px;margin-top:90px;}
.bote_1{background:url(../img/s3.png) no-repeat;width:148px;height:344px;position:absolute;z-index:5;margin-top:115px;}
.bote_2{background:url(../img/f2.png) no-repeat;width:161px;height:483px;position:absolute;z-index:10;margin-left:95px}
.bote_3{background:url(../img/f3.png) no-repeat;width:188px;height:338px;position:absolute;z-index:5;margin-left:225px;margin-top:115px}
.viaje_1{background:url(../img/ihotel.png) no-repeat;width:289px;height:289px;position:absolute;z-index:1;margin-top:390px;margin-left:40px}
.contenido_med div div{
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	transition-duration: 0.4s;
}
.contenido_med .contenido_med_1 div:hover{transform: scale(0.7);-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;transition-duration: 0.4s;}

.contenido_med_2_1{font-family: 'Pacifico', cursive;color:#007D32;font-size:4.3em;line-height:1.2;margin-bottom:20px;position:absolute;width:90%;max-width:595px;margin-left:-90px}

.contenido_med_2_4{font-family: 'Pacifico', cursive;color:#007D32;font-size:2.4em;line-height:1.2;margin-bottom:20px}
.contenido_med_2_3{font-family: 'Droid Sans', sans-serif;color:#F9B233;font-weight:400;color:#007D32;font-size:1.2em;width:100%;text-align:center;margin:0 auto;max-width:320px;margin-top:15px;margin-bottom:8px}
.contenido_med .contenido_med_3 div:hover{transform: scale(0.7);-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;transition-duration: 0.4s;}
.bote_21{background:url(../img/s1.png) no-repeat;width:148px;height:344px;position:absolute;z-index:5;margin-top:115px}
.bote_22{background:url(../img/s2.png) no-repeat;width:161px;height:483px;position:absolute;z-index:10;margin-left:95px}
.bote_23{background:url(../img/f1.png) no-repeat;width:188px;height:338px;position:absolute;z-index:5;margin-left:200px;margin-top:115px}
.viaje_21{background:url(../img/srancho.png) no-repeat;width:289px;height:289px;position:absolute;z-index:1;margin-top:390px;margin-left:16px}
.contenido_med_2_5{float:left;width:190px;text-align:center;height:33px;position:absolute;bottom:-15px;margin-left:130px;}
.contenido_med_2_5 ul{list-style-type:none;style-type:none;padding:0;margin:0;text-align:center;position:absolute;}
.contenido_med_2_5 ul li{display:inline-block;margin-right:5px;}
.contenido_med_2_5 ul li a:hover{opacity:0.5;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;transition-duration: 0.4s;}
.contenido_med_2_5 ul li:nth-child(1) a{background:url(../img/rs-sprite.png) no-repeat;width:31px;height:31px;text-indent:-9999px;display:block;}
.contenido_med_2_5 ul li:nth-child(2) a{background:url(../img/rs-sprite.png) no-repeat -42px 0px;width:31px;height:31px;text-indent:-9999px;display:block;}
.contenido_med_2_5 ul li:nth-child(3) a{background:url(../img/rs-sprite.png) no-repeat -82px 0px;width:31px;height:31px;text-indent:-9999px;display:block;}
.contenido_med_2_5 ul li:nth-child(4) a{background:url(../img/rs-sprite.png) no-repeat -124px 0px;width:31px;height:31px;text-indent:-9999px;display:block;}
.contenido_med_2_5 ul li:nth-child(5) a{background:url(../img/rs-sprite.png) no-repeat -159px 0px;width:31px;height:31px;text-indent:-9999px;display:block;}

.contenido_med_2_0 {width:100%;min-height:220px;text-align:center;margin-top:150px}
.contenido_med_2_0 img{width:60%;max-width:152px;height:auto;margin:0 auto;margin-right:0px}
.contenido_med_2_2 img{width:60%;max-width:240px;height:auto}


@media screen and (max-width : 1100px){
.contenedor{position:relative;left:0%;top:4%;transform:none;}
.contenido{background:none;}
.menu_sup{margin-top:25px}
.menu_sup ul{text-align:center;}
.menu_sup ul li{float:none;display:block;border-left:none;padding-left:0px;width:100%;text-align:center;margin:0 auto}
.menu_sup ul li:nth-child(1){margin-left:0px;margin-top:160px}
.menu_sup ul li:nth-child(2){margin-left:0px;margin-bottom:12px}
.menu_sup ul li:nth-child(3){border-left:none;position:absolute;top:5px;margin:0 auto;margin-left:0px;margin-right:0px;width:210px;}
.menu_sup ul li:nth-child(4){margin-left:0px;margin-top:150px;margin-bottom:12px}
.menu_sup ul li:nth-child(5){margin-left:0px}
.menu_sup ul li a{margin:0 auto;}
.menu_sup ul li:nth-child(3) a{margin-left:20px}
.logo_sup:hover {background-size:0% 0%}
.contenido_med{width:100%;background:none;text-align:center}
.contenido_med_1{display:none}
.contenido_med_1_m{width:100%;max-width:337px;height:693px;margin:0 auto;display:block}
.contenido_med_2{width:100%;max-width:100%;min-height:250px;float:none;margin:0 auto;margin-left:0px;margin-bottom:45px}
.contenido_med_2_1{font-size:3em;line-height:1.2;margin:0 auto;margin-bottom:0px;position:relative;width:100%;max-width:600px}
.contenido_med_2_0 img{width:60%;max-width:152px;height:auto;float:none}
.contenido_med_2_2 img{width:60%;max-width:250px;height:auto}
.contenido_med_2_4{font-size:1.8em;margin-bottom:0px;}
.contenido_med_3{width:335px;height:696px;float:none;margin-left:50px;margin:0 auto;display:block;margin-top:45px;margin-bottom:45px}
.contenido_med_2_5{float:none;width:100%;text-align:center;margin-left:0px;}
.contenido_med_2_5 ul{margin:0 auto;text-align:center;width:100%;}
}
.contenido_med_left{width:50%;text-align:center;margin-bottom:50px;float:left}
.botes{width:100%;min-height:350px;text-align:center;margin:0 auto;}
.bote{display:inline-block;}
.bote:nth-child(2){margin-left:40px;margin-right:40px;margin-top:40px}
.texto{font-family: 'Droid Sans', sans-serif;color:#F9B233;font-weight:400;color:#007D32;font-size:1em;width:100%;min-height:150px;text-align:center;width:90%;margin:0 auto}
.tit_txt{font-family: 'Pacifico', cursive;color:#007D32;font-size:2.2em;line-height:1.2;display:block;text-align:center;margin-bottom:15px;margin-top:25px}
a.pdf{background:url(../img/pdf.png); width:57px;height:69px;display:block;text-indent:-9999px;margin:0 auto;font-size:0em}
a.pdf:hover{opacity:0.5}


.bote img{-webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;}
.bote:hover img{transform: scale(1.4);-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;transition-duration: 0.4s;cursor:pointer}
.redes_in{width:350px;height:45px;margin:0 auto;padding-left:130px}
.contenido_med_right{float:left;width:50%;text-align:center;margin-bottom:50px}
@media screen and (max-width : 1100px){
.contenido_med_left{width:100%;margin-bottom:20px;}
.redes_in{width:100%;height:45px;margin:0 auto;padding-left:0px;position:absolute;bottom:0px}
.contenido_med_right{width:100%;margin-bottom:50px}
}
.contenido_med_sup{width:100%;max-width:1261px;text-align:center;}
.outer {width: 100%;max-width:1081px;height:231px;margin:0 auto;-webkit-border-radius: 8px;-moz-border-radius: 8px;-khtml-border-radius: 8px;border-radius: 8px;border:solid #F9B233 3px;overflow: hidden;}
.contenido_med_left_promo{width:100%;max-width:292px;float:left;margin-left:90px;margin-top:40px}


.contenido_med_right_promo{width:100%;max-width:790px;float:left;}
.left_right_promo{width:100%;max-width:550px;float:left;margin-top:10px;font-family: 'Droid Sans', sans-serif;color:#333;/*#007D32;*/font-weight:400;font-size:1em;text-align:left;line-height:1.4;text-align:center;min-height:390px}
.right_right_promo{width:100%;max-width:157px;float:right;margin-top:110px;text-align:center;font-family: 'Droid Sans', sans-serif;color:#F9B233;font-weight:400;color:#007D32;font-size:1em;}


.avioncito{position:absolute;margin-top:-100px;right:0px}
.redes_in_promo{width:350px;height:45px;margin:0 auto;padding-left:0px;margin-left:140px}
a.participa:hover{opacity:0.5}
@media screen and (max-width : 1100px){
.contenido_med_sup{width:98%;}
.contenido_med_left_promo{margin:0 auto;max-width:100%;bmargin-left:0px;float:none;margin-top:110px}
.contenido_med_right_promo{margin:0 auto;max-width:100%;float:none;}
.left_right_promo{max-width:90%;float:none;margin-top:40px;margin-left:5%}
.right_right_promo{max-width:100%;float:none;margin-top:80px;}
.avioncito{margin-top:-50px;}
.redes_in_promo{margin-top:55px;margin-bottom:45px;margin-left:0px;width:100%;}
}
