@import url('https://fonts.googleapis.com/css2?family=Fredericka+the+Great&family=Macondo&family=Montez&family=Oleo+Script&family=Roboto+Mono:wght@700&family=Sriracha&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Grape+Nuts&family=Macondo&family=Odibee+Sans&display=swap');

body{font: 1.2em Georgia, "Bitstream Charter", "URW Bookman L", "Century Schoolbook L", serif;}

.marquesina-agenc{
    position:absolute;
    top:5px;
    left:5%;
    width:90%;
    height:110px;
}


a{text-decoration: none;}
#button-up{
    position:fixed;
    top:50px;
    left:80%;
    width:40px;
    height:40px;
    box-shadow: 1px 1px 4px grey;
    border-radius:50%;
    opacity: 0.5;
    z-index:1500;
    cursor:pointer;
    transition:all 800ms ease;
    transform:scale(0);
}

#button-up:hover{transform:scale(1.1); box-shadow: 2px 2px 6px yellow; opacity: 1;}

#banner1{position:absolute; top:10px; left:0; width:100px; height:90px;}
#banner2{position:absolute; top: 2px; left:0; width:100px; height:90px; z-index:2000;  animation: GIROS1 4s infinite; opacity:0.3;}
@keyframes GIROS1{from{transform:rotateY(0deg)} to {transform:rotateY(360deg);}}

.agenc_esp{position:absolute; top:30px; left:30%; width:60%; height:30px; font-size:18px; color:#4E94A0;}

/*  ***************************************************************************************** */
.container-all{
    position:absolute;
    top:120px;
    left:5%;
    width:90%;
    height:150px;
    border-radius: 6px;
    overflow: hidden;
}

.slide img{
    width:100%;
    max-width:100%;
	height:150px;
}

.slide{
    display: flex;
    transform: translate3d(0, 0, 0);
    transition: all 600ms;
    animation-name: autoplay;
    animation-duration: 30s;
    animation-direction: alternate;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
}

.item-slide{
    position: relative;
    display: flex;
    width:100%;
    height: 100%;
    flex-direction: column;
    flex-shrink: 0;
    flex-grow: 0;
    max-width: 100%;
}

@keyframes autoplay{
    10%{transform: translate3d(0, 0, 0);}
    20%{transform: translate3d(calc(-100% * 1), 0, 0);}
    30%{transform: translate3d(calc(-100% * 2), 0, 0);}
    40%{transform: translate3d(calc(-100% * 3), 0, 0);}
    50%{transform: translate3d(calc(-100% * 4), 0, 0);}
    60%{transform: translate3d(calc(-100% * 5), 0, 0);}
    70%{transform: translate3d(calc(-100% * 6), 0, 0);}
    80%{transform: translate3d(calc(-100% * 7), 0, 0);}
    90%{transform: translate3d(calc(-100% * 8), 0, 0);}
   100%{transform: translate3d(calc(-100% * 9), 0, 0);}
}

/*  ***************************************************************************************** */


 .caja_texto1{
    position:absolute;
    top:280px;
    left:4%;
    width:92%;
    height:120px;
 }


#text_0{
    margin:0;
    padding:0;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:30px;
    line-height:30px;
    text-align:center;
    font-size: 14px ;
    color:white;
    background:#D300BD;
    border-radius:4px;
    box-shadow:2px 2px 5px #12376F;
}
#text_0:hover{color:#117A65; background-color:#FF90F3; }


#text_1{    
    position:absolute;
    top:35px;
    left:2%;
    width:96%;
    text-align:center;
    font-size:14px;
}

#text_2{    
    position:absolute;
    top:60px;
    left:2%;
    width:96%;
    text-align:center;
    font-size:16px;
}

#text_3{    
    position:absolute;
    top:85px;
    left:0;
    width:100%;
    text-align:center;
    font-size:14px;
}


.caja_texto2{
    position:absolute;
    top:410px; 
    left:6%;
    width:88%;
    text-align:center;
    text-decoration: none;
    margin-bottom:10px;
    font: 18px Georgia, "Bitstream Charter", "URW Bookman L", "Century Schoolbook L", serif;
    height:100px;
    color:#274B80;
    background-color:#F6F8FB;
    font-family: 'Grape Nuts', cursive;
    border-radius:6px;
}

#text_4 a{position:absolute; left:5%; width:90%; height:30px; top:0; font-size:18px;}
#text_4 a:hover{color:red;}
#text_5 a{position:absolute; left:5%; width:90%; height:30px; top:20%; color:#8672EE; font-size:18px;}
#text_5 a:hover{color:red;}
#text_6 a{position:absolute; left:5%; width:90%; height:30px; top:40%; font-size:18px;}
#text_6 a:hover{color:red;}
#face{position:absolute; top:80%; left:30%; width:40%; height:30px; text-decoration: none; font-size:18px;}
#imgFace{position:absolute; top:-5px; left:72%; width:30px; height:30px;}

#BTNavisoLeg{
    position:absolute;
    top:70%;
    left: 80%;
    width:20%;
    height:20px;
    line-height: 20px;
    text-align:center;
    font-family:"HELV";
    font-size:10px;
    color:white;
    background:#ADEC04;
}

#BTNavisoLeg:hover{color:#117A65; background-color:#94C416; }

#BTNcontacto{
  position:absolute;
  top:35%;
  height:25px;
  left:20%;
  width:60%;
  color:orange;
  background:#FFFFFF; 
  background:rgba(0,0,0,0.3);
  box-shadow: -2px 2px 4px black;
  border-radius:6px;
  font-size:20px;
  text-align:center;
  cursor:pointer;
  z-index:1000;
}
    
#BTNcontacto:hover{color:yellow; background:#FFFFFF; background:rgba(0,0,0,0.7);}

/* """"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""FIN INDEX""30""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" */

#aerolineas{position:absolute; top:530px; left: 1%; width:98%; height:600px;}
#mapa{position:absolute; top:0; left: 0; width:100%; height:100%;  box-shadow: 10px 10px 20px grey; border-radius:20px; overflow: hidden;}
                 #P1, #P2, #P3{
                      position:absolute;
                      width:100%;
                      text-align:center;
                      color:white;
                      font: 0.8em Georgia, "Bitstream Charter", "URW Bookman L", "Century Schoolbook L", serif;
                      text-shadow: 1px 1px 5px black, 0 0 1em #F1C40F, 0 0 0.2em black;
                      z-index:100;
                  }
                  
#P1{top: 20px; line-height: 1.4;}
#P2{top:200px; font-size:1em; color:orange;}
#P3{top:280px; line-height: 1.4;}

#latam{position:absolute; top:520px; left:2%; width:96%; height: 50px; box-shadow: 10px 10px 20px grey; border-radius:20px; z-index:50;}

#avion0, #avion1, #avion2 , #avion3, #avion4 {
	position:relative;
    width:60px;
    height:20px;
	animation-iteration-count: infinite;
	animation-timing-function: linear;	
}


#avion0{
    transform: rotate(30deg) scale(0.8);
    width:40px;
    height:20px;
    -webkit-animation-name: avion0 ; /* Safari 4.0 - 8.0 */
    -moz-animation-name: avion0 ;
    -webkit-animation-duration: 25s; /* Safari 4.0 - 8.0 */
    -moz-animation-duration: 25s; /* Safari 4.0 - 8.0 */
    animation-name: avion0 ;
    animation-duration: 25s; 
    animation-delay: 2s;
}

#avion1{
    transform: rotate(-70deg) scale(0.5);
    width:50px;
    height:50px;
    z-index:100;
    -webkit-animation-name: avion1 ; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 20s; /* Safari 4.0 - 8.0 */
    -moz-animation-name: avion1 ; /* Safari 4.0 - 8.0 */
    -moz-animation-duration: 20s; /* Safari 4.0 - 8.0 */
    animation-name: avion1 ;
    animation-duration: 10s; 
    animation-delay: 3s;
}

#avion2{
    transform: rotate(-80deg);
    width:8px;
    height:20px;
    z-index:100;
    -webkit-animation-name: avion2 ; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration:30s; /* Safari 4.0 - 8.0 */
    -moz-animation-name: avion2 ; /* Safari 4.0 - 8.0 */
    -moz-animation-duration:30s; /* Safari 4.0 - 8.0 */
    animation-name: avion2 ;
    animation-duration:30s; 
}

#avion3{
    transform: rotate(90deg) scale(0.4);
    -webkit-animation-name: avion3 ; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration:20s; /* Safari 4.0 - 8.0 */
    -moz-animation-name: avion3 ; /* Safari 4.0 - 8.0 */
    -moz-animation-duration:20s; /* Safari 4.0 - 8.0 */
    animation-name: avion3 ;
    animation-duration:20s; 
}

#avion4{
    transform: rotate(90deg);
    width:10px;
    height:30px;
    
    -webkit-animation-name: avion4 ; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration:15s; /* Safari 4.0 - 8.0 */
    -moz-animation-name: avion4 ; /* Safari 4.0 - 8.0 */
    -moz-animation-duration:15s; /* Safari 4.0 - 8.0 */
    animation-name: avion4 ;
    animation-duration:15s; 
}


@keyframes avion0 {from {left:40%; top:80%;} to {left:80%; top:40%;}}
@keyframes avion1 {from {left:70%; top:0;   } to {left:0 ;  top:90%;}}
@keyframes avion2 {from {left:10%; top:80%;} to {left:30%; top:-1%;}}
@keyframes avion3 {from {left:0;   top:37%;} to {left:55%; top:37%;}}
@keyframes avion4 {from {left:40%; top:70%;} to {left:40%; top: 0; }}



#autobuses{position:absolute; top:1150px; left:2%; width:98%; height:600px;}
#imgBus{
    position:relative;
    width:100px;
    height:50px;
    float:left;
    animation-name: mybus ;
	animation-iteration-count: infinite;
	animation-duration: 0.5s;	
}
@keyframes mybus {
   25%  {TOP:0; LEFT:0;}
   50%  {TOP:1PX; LEFT:1PX;}
   70%  {TOP:1PX; LEFT:0.5PX;}
   100% {TOP:0; LEFT:1PX;}
}

#bus{position:absolute; top: 30px; left:5%; width:90%; height:400px; text-align:justify; font-size:18px;}
#frmBus{position:absolute; top:530px; left:5%; width:90%; height:220px; text-align:center;}


#hostal{position:absolute; top:2150px; left:1%; width:99%; height:700px;}
#hoteles-in{position:absolute; top:0; left:20%; width:55%;  height:50px; font-size:40px; text-align:center; text-shadow: 1px 1px 4px grey; color:#42CAC4;} 
#hotelesTxt{position:absolute; top: 60px; left:2%; width:96%; height:105px; border-radius:10px; text-align:center; color:#42CAC4; font:18px Georgia, "Bitstream Charter", "URW Bookman L", "Century Schoolbook L", serif;}
#hoteles{position:absolute; top: 170px; left:5%; width:90%; height:200px; overflow-y:auto;}
.k_hotel{width:100%; height:100%;}
#bookingAffiliateWidget_67010c28-9144-4c9a-b113-c32cf62995bf{position:absolute; top:370px; left: 5%; width:90%;  height:auto; text-align:center;}

#circuitos{position:absolute; top:2900px; left:1%; width:98%; height:560px;}
#circuitos-in{
    position:absolute;
    top:0;
    left:5%;
    width:90%;
    color:orange;
    height:35px;
    text-align:center;
    text-shadow: 1px 1px 4px grey;
    font: 2.5em Georgia, "Bitstream Charter", "URW Bookman L", "Century Schoolbook L", serif;
}
.iframe-mega{position:absolute; top:50px; left:0; width:100%; }



#contacto{position:absolute; top:3500px; left:0.5%; width:99%; height:600px; font: 1.2em Georgia, "Bitstream Charter", "URW Bookman L", "Century Schoolbook L", serif;}
           #countac0{position:absolute; top: 20px; width: 100%; margin-bottom: 10px; font-size: 24px; color:#5D6D7E; text-align:center; font-weight: bold; }
           #countac1{position:absolute; top: 60px; left:20%; width:60%; height:15px; text-align:center; font-size:16px; color:#5D6D7E;}
           #countac2{position:absolute; top: 94px; left:15%; width:70%; height:15px; font-size: 16px; text-align:center;color:#5D6D7E;}
          #img_whats{position:absolute; top:125px; left:140px; width:70px; height:70px; text-align:center; box-shadow: 5px 5px 10px black; border-radius:10px; }
          #img_whats:hover{width:80px; height:80px;}
           #countac3{position:absolute; top:210px; width: 100%; margin-bottom: 50px; font-size: 18px; text-align: center; color:#5D6D7E;}
           #countac4{position:absolute; top:250px; width: 100%; font-size: 16px; text-align: center; margin-bottom: 50px; color:#5D6D7E;}

#formulario_contacto{position:absolute; top:300px; left:15%; width:70%; height:250px; text-align:center;}

/*  CSS PARA ENVIO DE CORREO DE CONTACTO */

.contactform input, textarea {
    left:0;
    width: 250px;
    height:30px;
    margin: 0 0 10px 0;
    background-color:transparent;
     color:black;
}

.contactform textarea {height:100px;}
.contactform textarea {height:100px; color:black; font-size:16px;}

.contactform .btn-primary {
    background: #92bf24;
    border: none;
    border-radius: 0;
    color: #3d5602;
    font-weight: 800;
}

.contactform .btn-primary:hover {
    background: #a6d82c;
}

.contac{color:yellow;}

.requis{
    position:absolute;
    top:4700px;
    display:none;
    left:2%; 
    width:96%;
    height:550px;
    border: none; 
    text-align:center;
    padding:0;
    overflow:hidden; 
    }

/**/
    #fin{position:absolute; top:4800px;  width:100%; height:80px; background: #a6d82c;}


    #fin {
        background-color: #111;
        padding: 20px;
        text-align: center;
        margin-top: 50px;
        border-top: 2px solid #444;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

    #fin p {
        margin: 0;
        font-size: 14px;
        color: #4c15d6;
        transition: color 0.3s ease;
    }

    #fin a {
        color: inherit;
        text-decoration: none;
    }

    #fin a:hover p {
        color: #fff;
    }


#avisoL{position:absolute; top:4300px; width:100%; height:550px; display:none;}
 #legal{position:absolute; top: 5px; left:5%; width:90%; height:100%; text-align:center; display:none;}


	  
@media screen and (min-width:600px) {
#button-up{
    position:fixed;
    top:10px;
    left:88%;
    }

header{
    top:80px;
    }

}

#fin{position:absolute; top:4800px;  width:100%; height:80px; background: #a6d82c;}





@media screen and (min-width: 820px) {
    
#button-up{
    position:fixed;
    top:10px;
    left:94%;
    width:80px;
    height:80px;
    box-shadow: 1px 1px 4px grey;
    border-radius:50%;
    opacity: 0.5;
    z-index:1500;
    cursor:pointer;
    transition:all 800ms ease;
    transform:scale(0);
}

#button-up:hover{transform:scale(1.1); box-shadow: 2px 2px 6px yellow; opacity: 1;}
.marquesina-agenc{
    position:absolute;
    top:5px;
    left:10%;
    width:80%;
    height:110px;
}
   
#banner1{position:absolute; top:10px; left:0; width:110px; height:90px; }
#banner2{position:absolute; top: 4px; left:0.5%; width:100px; height:90px; z-index:20;  animation: GIROS1 4s infinite; opacity:0.3;}
.agenc_esp{position:absolute; top:30px; left:20%; width:60%; height:30px; font-size:40px; color:#4E94A0; }

/*  ***************************************************************************************** */
.container-all{
    position:absolute;
    top:120px;
    left:20%;
    width:60%;
    height:320px;
    border-radius: 6px;
    overflow: hidden;
}

.slide img{
    width:100%;
    max-width:100%;
	height:320px;
}

.slide{
    display: flex;
    transform: translate3d(0, 0, 0);
    transition: all 600ms;
    animation-name: autoplay;
    animation-duration: 30s;
    animation-direction: alternate;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
}

.item-slide{
    position: relative;
    display: flex;
    width:100%;
    max-width: 100%;
    height: 100%;
    flex-direction: column;
    flex-shrink: 0;
    flex-grow: 0;
}

#BTNcontacto{left:35%; width:30%;}

.caja_texto1{top:450px; left:20%; width:60%;}

.caja_texto2{top:560px;}

#BTNavisoLegins{
    position:absolute;
    top:110px;
    margin-top:5px;
    left: 70%;
    width:20%;
    height:30px;
    line-height:30px;
    text-align:center;
    font-family:"HELV";
    font-size:26px;
    color:white;
    background:#ADEC04;
    z-index:100;
    }


        #frmBus{position:absolute; top:250px; left:15%; width:70%; height:120px; text-align:center;}

   #aerolineas{position:absolute; top:700px;  left: 2%; width:98%; height:600px;}
#mapa{position:absolute; top:0; left:20%; width:60%; height:100%;  box-shadow: 10px 10px 200px #D9F1FA; border-radius:50%; overflow: hidden;}
    #autobuses{position:absolute; top:1300px; left: 2%; width:98%;  height:500px; }


 #hostal{position:absolute; top:1850px; left: 2%; width:98%;  height:900px;}
#hoteles-in{position:absolute; top:0; left:20%; width:60%;  height:50px; font-size:40px; text-align:center; text-shadow: 1px 1px 4px grey; color:#42CAC4;} 
#hotelesTxt{position:absolute; top: 60px; left:10%; width:80%; height:40px; text-align:center; color:#42CAC4;font: 1em Georgia, "Bitstream Charter", "URW Bookman L", "Century Schoolbook L", serif;}
#hoteles{position:absolute; top: 130px; left:1%; width:49%; height:500px; overflow-y:auto;}
.k_hotel{width:100%; height:70%;}
#bookingAffiliateWidget_67010c28-9144-4c9a-b113-c32cf62995bf{position:absolute; top:210px; left: 50%; width:50%;  height:auto; text-align:center;}

    #circuitos{position:absolute; top:2550px; left: 2%; width:98%;  height:650px;}
  #actividades{position:absolute; display:none; top:3200px; left: 5%; width:90%;  height:400px;}
     #contacto{position:absolute; top:3200px; left: 1%; width:98%;  height:600px;}
     
#q1{top: 30px; font-size:18px;}
#q2{top: 80px; font-size:18px;}
#q3{top:220px; font-size:24px; color:orange;}
#q4{top:300px; font-size:20px;}
#q5{top:330px; font-size:20px;}
#q6{top:360px; font-size:20px;}
#q7{top:390px; font-size:20px;}
#q8{top:420px; font-size:20px;}
#q9{top:450px; font-size:20px;}

#img_whats{position:absolute; top:128px; left:47%; width:70px; height:70px; text-align:center; box-shadow: 5px 5px 10px black; border-radius:10px; }

.requis{
    position:absolute;
    top:4000px;
    display:none;
    left:2%; 
    width:96%;
    height:550px;
    border: none; 
    text-align:center;
    padding:0;
    overflow:hidden; 
    }

}

  #fin{position:absolute; top:3800px;  width:100%; height:80px; background: #a6d82c;}




@media screen and (min-width: 1820px) {
    
#button-up{
    position:fixed;
    top:10px;
    left:95%;
    width:80px;
    height:80px;
    box-shadow: 1px 1px 4px grey;
    border-radius:50%;
    opacity: 0.5;
    z-index:1500;
    cursor:pointer;
    transition:all 800ms ease;
    transform:scale(0);
}

#button-up:hover{transform:scale(1.1); box-shadow: 2px 2px 6px yellow; opacity: 1;}

.marquesina-agenc{
    position:absolute;
    top:5px;
    left:10%;
    width:80%;
    height:110px;
}
   
#banner1{position:absolute; top:10px; left:0; width:110px; height:90px; }
#banner2{position:absolute; top: 4px; left:0.5%; width:100px; height:90px; z-index:20;  animation: GIROS1 4s infinite; opacity:0.3;}
.agenc_esp{position:absolute; top:30px; left:20%; width:60%; height:30px; font-size:60px; color:#4E94A0; }

/*  ***************************************************************************************** */
.container-all{
    position:absolute;
    top:120px;
    left:10%;
    width:80%;
    height:350px;
    border-radius: 6px;
    overflow: hidden;
}

.slide img{
    width:100%;
    max-width:100%;
	height:350px;
}

.slide{
    display: flex;
    transform: translate3d(0, 0, 0);
    transition: all 600ms;
    animation-name: autoplay;
    animation-duration: 30s;
    animation-direction: alternate;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
}

.item-slide{
    position: relative;
    display: flex;
    width:100%;
    height: 100%;
    flex-direction: column;
    flex-shrink: 0;
    flex-grow: 0;
    max-width: 100%;
}

#BTNcontacto{left:35%; width:30%;}


a{text-decoration: none;}

 .caja_texto1{
    position:absolute;
    top:510px;
    left:10%;
    width:80%;
    text-align:center;
    text-decoration: none;
    margin-bottom:10px;
    font: 1.2em Georgia, "Bitstream Charter", "URW Bookman L", "Century Schoolbook L", serif;
    font-size:16px;
    color:violet;
    height:100px;
 }

#text_0{    
    height:30px;
    line-height:30px;
    top:0;
    font: 1.2em Georgia, "Bitstream Charter", "URW Bookman L", "Century Schoolbook L", serif;
    color:white;
    background:#D300BD;
    box-shadow:2px 2px 5px #12376F;
    border-radius:4px;
}
#text_0:hover{color:#117A65; background-color:#FF90F3; }


#text_1{    
    position:absolute;
    top:40%;
    left:6%;
    width:88%;
    text-align:center;
    font-size:16px;
}

#text_2{    
    position:absolute;
    top:60%;
    left:6%;
    width:88%;
    text-align:center;
    font-size:16px;
}

#text_3{    
    position:absolute;
    top:80%;
    left:6%;
    width:88%;
    text-align:center;
    font-size:16px;
}


.caja_texto2{
    position:absolute;
    top:630px; 
    left:10%;
    width:80%;
    text-align:center;
    text-decoration: none;
    margin-bottom:10px;
    font: 1.2em Georgia, "Bitstream Charter", "URW Bookman L", "Century Schoolbook L", serif;
    height:100px;
    color:#274B80;
    background-color:#F6F8FB;
    font-family: 'Grape Nuts', cursive;
    border-radius:6px;
}

#text_4 a{position:absolute; left:5%; width:90%; height:30px; top:0; font-size:20px;}
#text_4 a:hover{color:red;}
#text_5 a{position:absolute; left:5%; width:90%; height:30px; top:20%; color:#8672EE; font-size:20px;}
#text_5 a:hover{color:red;}
#text_6 a{position:absolute; left:5%; width:90%; height:30px; top:40%; font-size:20px;}
#text_6 a:hover{color:red;}
#face{position:absolute; top:80%; left:30%; width:40%; height:30px; text-decoration: none; font-size:18px;}
#imgFace{position:absolute; top:-5px; left:72%; width:30px; height:30px;}

#BTNavisoLeg{
    position:absolute;
    top:70%;
    left: 80%;
    width:20%;
    height:30px;
    line-height: 30px;
    text-align:center;
    font-family:"HELV";
    font-size:10px;
    color:white;
    background:#ADEC04;
}

#BTNavisoLeg:hover{color:#117A65; background-color:#94C416; }

#BTNcontacto{
  position:absolute;
  top:40%;
  height:25px;
  left:20%;
  width:60%;
  color:orange;
  background:#FFFFFF; 
  background:rgba(0,0,0,0.3);
  box-shadow: -2px 2px 4px black;
  border-radius:6px;
  font-size:20px;
  text-align:center;
  cursor:pointer;
  z-index:1000;
}
    
#BTNcontacto:hover{color:yellow; background:#FFFFFF; background:rgba(0,0,0,0.7);}

/* """"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""FIN INDEX""30""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" */


#aerolineas{position:absolute; top:760px; left:10%; width:80%; height:600px;}
#mapa{position:absolute; top:0; left:20%; width:60%; height:100%;  box-shadow: 10px 10px 200px #D9F1FA; box-shadow: 10px 10px 20px grey; border-radius:50%; overflow: hidden;}
                 #P1, #P2, #P3{
                      position:absolute;
                      width:100%;
                      text-align:center;
                      color:white;
                      font: 1.1em Georgia, "Bitstream Charter", "URW Bookman L", "Century Schoolbook L", serif;
                      text-shadow: 1px 1px 5px black, 0 0 1em #F1C40F, 0 0 0.2em black;
                      z-index:100;
                  }
                  
#P1{top: 40px; line-height: 1.4;}
#P2{top:200px; font-size:1.1em; color:orange;}
#P3{top:290px; line-height: 1.4;}

#latam{position:absolute; top:520px; left:2%; width:96%; height: 50px; box-shadow: 10px 10px 20px grey; border-radius:20px; z-index:50;}

#avion0, #avion1, #avion2 , #avion3, #avion4 {
	position:relative;
    width:60px;
    height:20px;
	animation-iteration-count: infinite;
	animation-timing-function: linear;	
}


#avion0{
    transform: rotate(70deg) scale(0.8);
    width:40px;
    height:20px;
    -webkit-animation-name: avion0 ; /* Safari 4.0 - 8.0 */
    -moz-animation-name: avion0 ;
    -webkit-animation-duration: 25s; /* Safari 4.0 - 8.0 */
    -moz-animation-duration: 25s; /* Safari 4.0 - 8.0 */
    animation-name: avion0 ;
    animation-duration: 25s; 
    animation-delay: 2s;
}

#avion1{
    transform: rotate(-80deg);
    transform: scale(0.5);
}

#avion2{
    transform: rotate(-80deg);
    width:8px;
    height:20px;
    z-index:100;
    -webkit-animation-name: avion2 ; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration:30s; /* Safari 4.0 - 8.0 */
    -moz-animation-name: avion2 ; /* Safari 4.0 - 8.0 */
    -moz-animation-duration:30s; /* Safari 4.0 - 8.0 */
    animation-name: avion2 ;
    animation-duration:30s; 
}

#avion3{
    transform: rotate(90deg) scale(0.4);
    -webkit-animation-name: avion3 ; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration:20s; /* Safari 4.0 - 8.0 */
    -moz-animation-name: avion3 ; /* Safari 4.0 - 8.0 */
    -moz-animation-duration:20s; /* Safari 4.0 - 8.0 */
    animation-name: avion3 ;
    animation-duration:20s; 
}

#avion4{
    transform: rotate(90deg);
    width:10px;
    height:30px;
    
    -webkit-animation-name: avion4 ; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration:15s; /* Safari 4.0 - 8.0 */
    -moz-animation-name: avion4 ; /* Safari 4.0 - 8.0 */
    -moz-animation-duration:15s; /* Safari 4.0 - 8.0 */
    animation-name: avion4 ;
    animation-duration:15s; 
}


#autobuses{position:absolute; top:1400px; left:10%; width:80%; height:600px;font: 1.2em Georgia, "Bitstream Charter", "URW Bookman L", "Century Schoolbook L", serif;}
#imgBus{
    position:relative;
    width:100px;
    height:50px;
    float:left;
    animation-name: mybus ;
	animation-iteration-count: infinite;
	animation-duration: 0.5s;	
}

#bus{position:absolute; top: 30px; left:0; width:100%; height:400px; text-align:justify; font-size:18px;}
#frmBus{position:absolute; top:200px; left:0; width:100%; height:220px; text-align:center;}


#hostal{position:absolute; top:1870px; left:5%; width:90%; height:700px; font: 1.2em Georgia, "Bitstream Charter", "URW Bookman L", "Century Schoolbook L", serif;}
#hoteles-in{position:absolute; top:0; left:20%; width:60%;  height:50px; font-size:40px; text-align:center; text-shadow: 1px 1px 4px grey; color:#42CAC4;} 
#hotelesTxt{position:absolute; top: 60px; left:10%; width:80%; height:105px; text-align:center; color:#42CAC4;font: 1em Georgia, "Bitstream Charter", "URW Bookman L", "Century Schoolbook L", serif;}
#hoteles{position:absolute; top: 130px; left:5%; width:90%; height:500px; overflow-y:auto;}
.k_hotel{width:100%; height:100%;}
#bookingAffiliateWidget_67010c28-9144-4c9a-b113-c32cf62995bf{position:absolute; top:700px; left: 5%; width:90%;  height:auto; text-align:center;}

#circuitos{position:absolute; top:2900px; left:5%; width:90%; height:900px;}
#circuitos-in{
    position:absolute;
    top:0;
    left:15%;
    width:70%;
    color:orange;
    height:35px;
    text-align:center;
    text-shadow: 1px 1px 4px grey;
    font: 2.5em Georgia, "Bitstream Charter", "URW Bookman L", "Century Schoolbook L", serif;
}
.iframe-mega{position:absolute; top:60px; left:0; width:100%; }

#actividades{
    position:absolute;
    top:3500px;
    left:5%;
    width:90%;
    height:400px;
}

#contacto{position:absolute; top:3900px; left:0.5%; width:99%; height:600px; font: 1.2em Georgia, "Bitstream Charter", "URW Bookman L", "Century Schoolbook L", serif;}
           #countac0{position:absolute; top: 20px; width: 100%; margin-bottom: 10px; font-size: 24px; color:#5D6D7E; text-align:center; font-weight: bold; }
           #countac1{position:absolute; top: 60px; left:20%; width:60%; height:15px; text-align:center; font-size:16px; color:#5D6D7E;}
           #countac2{position:absolute; top: 94px; left:15%; width:70%; height:15px; font-size: 16px; text-align:center;color:#5D6D7E;}
          #img_whats{position:absolute; top:125px; left:48%; width:4%; height:10%; text-align:center; box-shadow: 5px 5px 10px black; border-radius:10px; }
          #img_whats:hover{width:80px; height:80px;}
           #countac3{position:absolute; top:210px; width: 100%; margin-bottom: 50px; font-size: 22px;text-align: center; color:#5D6D7E;}
           #countac4{position:absolute; top:250px; width: 100%; font-size: 16px; text-align: center; margin-bottom: 50px; color:#5D6D7E;}

#formulario_contacto{position:absolute; top:300px; left:15%; width:70%; height:250px; text-align:center;}

/*  CSS PARA ENVIO DE CORREO DE CONTACTO */

.contactform input, textarea {
    left:0;
    width: 250px;
    height:30px;
    margin: 0 0 10px 0;
    background-color:transparent;
     color:black;
}

.contactform textarea {
    position:absolute;
    top:50px;
    left:30%;
    width:40%;
    height:100px;
    color:black;
    font-size:16px;
    
}

.contactform .btn-primary {
    position:absolute;
    top:160px;
    left:30%;
    width:40.5%;
    height:50px;
    background: #92bf24;
    border: none;
    border-radius: 0;
    color: #3d5602;
    font-weight: 800;
}

.contactform .btn-primary:hover {
    background: #a6d82c;
}

.contac{color:yellow;}

.requis{
    position:absolute;
    top:4700px;
    display:none;
    left:2%; 
    width:96%;
    height:550px;
    border: none; 
    text-align:center;
    padding:0;
    overflow:hidden; 
    }

#fin{position:absolute; top:4600px;  width:100%; height:80px; background: #a6d82c;}


}