/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 11-abr-2016, 13:50:13
    Author     : HINIESTIC
*/
body{
    font-family:  'Helvetica Neue', Helvetica, Arial, sans-serif;
    background: #1d1c12;
}
.myriad{
    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
    
}
.footer_2,.footer_1{
    background: #000;
}
#img-logo{
    max-width: 190px;
}
#fondo-page{
    width: 100%;
    height: 100%;
    position: relative;
    display: none;
}
#supersized{
    position: absolute;
    width: 100%;
    display: block;
}
#supersized img{
    width: 100%;
    height: auto;
}
#fondo-page img{
    width: 100%;
    height: auto;
}
.btn-inicio{
    background: #21b8c6;
    border-color: #21b8c6;
    padding-left: 70px;
    padding-right: 70px;
}
.video{
    padding-top: 22px;
}
.page1,.pagina_1,.pagina_3,.pagina_4{
    margin-top: 25px;
}
#div-logo{
    margin-bottom: 55px;
}
.logo_red_1{
    width: 22px;
    height: 24px;
    background: transparent url('../imagenes/redes.png') top left no-repeat;
    background-position: 0px 0px;
    display: block;
}
.logo_red_2{
     width: 22px;
     height: 24px;
     background: transparent url('../imagenes/redes.png') top left no-repeat;
     background-position: -24px 0px;
     display: block;
}
.logo_red_3{
     width: 22px;
     height: 24px;
     background: transparent url('../imagenes/redes.png') top left no-repeat;
     background-position: -49px 0px;
     display: block;
}
#fondo_select_1{
     background: transparent url('../imagenes/arrow.png') top right no-repeat;
     display: block;
     background-position: 98% 14px;
}
.logo_red_4{
     width: 22px;
     height: 24px;
     background: transparent url('../imagenes/redes.png') top left no-repeat;
     background-position: -75px 0px;
     display: block;
}
.logo_red_5{
     width: 22px;
     height: 24px;
     background: transparent url('../imagenes/redes.png') top left no-repeat;
     background-position: -100px 0px;
     display: block;
}
.logo_red_6{
     width: 22px;
     height: 24px;
     background: transparent url('../imagenes/redes.png') top left no-repeat;
     background-position: -123px 0px;
     display: block;
}
footer{
    /* position: absolute; */
    bottom: 0px;
    width: 100%;
    background: #000000;
    float: left;
    /* z-index: 9999999; */
}
footer ul{
    list-style-type: none;
}
footer ul li{
    float: left;
}
footer a {
    color: #6e6650;
    text-decoration: none;
}
.footer_2 >ul{
    float: right;
    padding-top: 5px;
    margin-bottom: 0px;
    padding-bottom: 5px;
}
.footer_1 >ul > li {
    font-size: 13px;
    color: #6e6650;
    margin-right: 5px;
}
.footer_1 >ul{
    padding-top: 10px;
    padding-left: 0px;
}
.footer_2 >ul > li{
    margin-right: 5px;
} 
#nombre_input,.nombre_input{
    width: 100%;
    background: #202117 url('../imagenes/fondo-persona.png') top left no-repeat;
    border:1px solid #ced6dc;
    padding-left: 50px;
    padding-bottom: 0px;
    line-height: 29px;
    border-radius: 0px;
    color: #fff;
}
#destino_input,.destino_input{
    background: transparent url('../imagenes/fondo-destino.png') top left no-repeat;
    border:1px solid #ced6dc;
    padding-left: 50px;
    padding-bottom: 0px;
    line-height: 29px;
    -webkit-appearance:none;
    -webkit-border-radius: 0px;
    width: 100%;
    color:#fff;
    height: 32px;
}

#destino_input::-webkit-input-placeholder {
   color: #fff !important;
}

#destino_input:-moz-placeholder { /* Firefox 18- */
   color: #fff !important;  
}

#destino_input::-moz-placeholder {  /* Firefox 19+ */
   color: #fff !important;  
}

#destino_input:-ms-input-placeholder {  
   color: #fff !important;  
}
#destino_input:placeholder-shown {
   color: #fff !important;
}
#form_1_line_1{
    padding-top: 24px;
    padding-bottom: 10px;
}
.btn-form_1_line_1{
    background: #21b8c6;
    border-color: #21b8c6;
    width: 100%;
    text-align: center;
    /* padding-top: 6px; */
    line-height: 26px;
}
.texto-checkin-1{
    color:#7d8e9a;
    font-size: 14px;
    width: 65%;
    /*font-weight: 300;*/
    line-height: 19px;
}
.pl0{
    padding-left: 0px;
}
.ml0{
    margin-left: 0px;
}
.pr0{
    padding-right: 0px;
}
.mr0{
    margin-right: 0px;
}
.borde-amarillo{
    border: 1px solid #6e6650;
}
.bloque-amarillo-pagina1{
    padding-top: 76px;
    padding-bottom: 76px;
    background: transparent url('../imagenes/trama_cuadro.png') top left repeat;
}
.bloque-amarillo-pagina2{
    padding-top: 26px;
    padding-bottom: 76px;
    /*background: transparent url('../imagenes/fondo_prueba_2.png') top left no-repeat;*/
    padding-left: 0px;
    padding-right: 0px;
    /* padding-bottom: 33px; */
    background: transparent url('../imagenes/trama_cuadro.png') top left repeat;
}
.bloque-amarillo-pagina3{
    padding-top: 6px;
    padding-bottom: 36px;
    /*background: transparent url('../imagenes/fondo_prueba_3.png') top left no-repeat;*/
    padding-left: 0px;
    padding-right: 0px;
    /* padding-bottom: 33px; */
    background: transparent url('../imagenes/trama_cuadro.png') top left repeat;
}
.bloque-amarillo-pagina4{
    padding-top: 17px;
    padding-bottom: 36px;
    /* background: transparent url('../imagenes/fondo_prueba_4.png') top left no-repeat; */
    padding-left: 0px;
    padding-right: 0px;
    /* padding-bottom: 33px; */
    background: transparent url('../imagenes/trama_cuadro.png') top left repeat;
}
#titulo-checkin{
    padding-bottom: 17px;
}
#titulo-checkin_pagina3{
    padding-bottom: 0px;
}
#titulo-pagina2_1{
    width: 100%;
    background: #6e6650 url('../imagenes/titulo_pagina2_1.png') top left no-repeat;
    height: 52px;
    color: #fff;
    padding-left: 71px;
    font-size: 13px;
    line-height: 54px;
    background-position: 32px 11px;

}
.margin-pagina_2_especial{
    margin-left: 35px;
}
.i-persona{
    background: transparent url('../imagenes/icono-persona.png') top left no-repeat;
    width: 21px;
    height: 21px;
    /* display: block; */
    display: inline-block;
    margin-right: 17px;
    margin-top: 0px;
    /* padding-top: 21px; */
    text-align: 28px;
    position: relative;
    top: 7px;
}
.texto-input_pagina2{
    text-align: center;
    color: #959fa9;
    font-size: 13px;
    /* margin: 0px; */
    font-weight: 500;
    /* line-height: 25px; */
    /* display: inline-block; */
}
.border-r-pagina2{
    border-right: 1px solid #6e6650;
}
.borde-baja-amarillos{
    border-bottom: 1px solid #6e6650;
    margin-bottom: 3px;
    padding-bottom: 4px;
    padding-top: 4px;
}
#organizado_por_img{
    width: 100px;
    /* margin-top: 5px; */
    vertical-align: middle;
    display: inline-block;
}
#operado_por{
   
}
#acepto{
   margin-right: 5px;
}
#texto-acepto{
    color:#7d8e9a;
    text-align: center;
    font-size: 14px;
}
.btn-form_2_line_1{
    background: #21b8c6;
    border-color: #21b8c6;
    width: 462px;
    text-align: center;
    /* padding-top: 6px; */
    line-height: 26px;
    margin: 0px auto;
    display: block;
    margin-top: 23px;
}
#form_2_line_1{
    padding-top: 24px;
    padding-bottom: 10px;
}
.btn-primary:hover{
    background: #1999a5;
    border-color: #1999a5;
}
#titulo-pagina3_1{
    width: 100%;
    background: #6e6650 url('../imagenes/titulo_pagina2_1.png') top left no-repeat;
    height: 52px;
    margin-bottom: 0px;
    color: #fff;
    padding-left: 71px;
    font-size: 13px;
    line-height: 54px;
    background-position: 32px 11px;
   
}

.texto-input_pagina3{
    text-align: left;
    color: #959fa9;
    font-size: 13px;
    /* margin: 0px; */
    font-weight: 500;
    /* line-height: 25px; */
    /* display: inline-block; */
}
.margin-pagina3-cuerpo{
    /* margin-left: 24px; */
    padding-left: 37px;
    padding-top: 9px;
    padding-bottom: 10px;
    width: 100%;
}
.i-asiento{
    background: transparent url('../imagenes/icono-asiento.png') top left no-repeat;
    width: 21px;
    height: 21px;
    /* display: block; */
    display: inline-block;
    margin-right: 17px;
    margin-top: 0px;
    /* padding-top: 21px; */
    text-align: 28px;
    position: relative;
    top: 7px;
}
.texto-blanco{
    color:#fff !important;
    
}
.f13{
    font-size: 14px;
    font-weight: 400 !important;
}
#cuadro-filas-1{
    margin-left: 31px;
}
.i-asiento-2{
    background: transparent url('../imagenes/icono-asiento-2.png') top left no-repeat;
    width: 21px;
    height: 21px;
    /* display: block; */
    display: inline-block;
    margin-right: 9px;
    margin-top: 0px;
    /* padding-top: 21px; */
    text-align: 28px;
    position: relative;
    top: 7px;
}
.p-asiento-elegido{
    text-align: left;
    color: #959fa9;
    font-size: 14px;
    /* margin: 0px; */
    font-weight: 500;
    /* line-height: 25px; */
    /* display: inline-block; */
    margin-left: 6px;
    margin-top: 4px;
}
.btn-continuar{
    background: #21b8c6;
    border-color: #21b8c6;
    width: 270px;
    text-align: center;
    /* padding-top: 6px; */
    line-height: 26px;
    /* margin: 0px auto; */
    display: block;
    margin-top: 32px;
    margin-left: 4px;
}
#cuadro-seleccion-avion{
    background: transparent url('../imagenes/fondo-avion.png') top left no-repeat;
    height: 437px;
    width: 257px;
}
.selecto-asiento-icono-negro{
    width: 25px;
    height: 20px;
    display: block;
    background: transparent url('../imagenes/sprite-asientos.png') top left;
    background-position: 0px 0px;
}
.selecto-asiento-icono-blanco{
    width: 25px;
    height: 20px;
    display: block;
    background: transparent url('../imagenes/sprite-asientos.png') top left;
    background-position: -29px 0px;
    
}
.no-seleccionable{
    cursor: no-drop;
}
.selecto-asiento-icono-azul{
    width: 25px;
    height: 20px;
    display: block;
    background: transparent url('../imagenes/sprite-asientos.png') top left;
    background-position: -61px 0px;
}
.selecto-asiento-icono-marron{
    width: 25px;
    height: 20px;
    display: block;
    background: transparent url('../imagenes/sprite-asientos.png') top left;
    background-position: -91px 0px;
}

.selecto-asiento-icono-celeste{
    width: 25px;
    height: 20px;
    display: block;
    background: transparent url('../imagenes/sprite-asientos.png') top left;
    background-position: -203px 0px;
}

.selecto-asiento-icono-marronc{
    width: 25px;
    height: 20px;
    display: block;
    background: transparent url('../imagenes/sprite-asientos.png') top left;
    background-position: -235px 0px;
}

.selecto-asiento-icono-seleccionado{
    width: 25px;
    height: 20px;
    display: block;
    background: transparent url('../imagenes/sprite-asientos.png') top left;
    background-position: -138px 0px !important;
}

#cuadro-seleccion-avion table{
    margin-top: 46px;
    margin-left: 17px;
}
#cuadro-seleccion-avion table tr td{
    padding-right: 4px;
    padding-bottom: 11px;
}
.linea-asiento{
    width: 21px;
    height: 21px;
    display: block;
}
#cuadro-seleccion-avion table tr{
    /* margin-bottom: 13px; */
}
.texto-enhorabuena{
    margin-left: 20px;
    color: #fff;
    font-size: 14px;
    margin-left: 63px;
    padding-left: 33px;
    max-width: 584px;
    background: transparent url('../imagenes/check-in-icon.png') top left no-repeat;
}
#titulo-checkin_pagina4{
    padding-bottom: 6px;
}

#titulo-pagina4_1{
    width: 100%;
    background: #6e6650;
    height: 52px;
    background: transparent url('../imagenes/icono-persona-blanco.png') top left no-repeat;
    color: #fff;
    /*font-weight: 200;*/
    font-size: 14px;
    padding-left: 31px;
    line-height: 46px;
    background-position: 0px 12px;
    margin-left: 63px;
}
.identificado-vuelo{
    background: transparent url('../imagenes/icono-avion-2.png') top left no-repeat;
    padding-left: 24px;
    color:#21b8c6;
    /* line-height: 24px; */
    padding-bottom: 5px;
    display: inline-block;
    float: left;
    margin-top: 5px;
}
.ruta-vuelo-pagina4{
    background: transparent url('../imagenes/imagen-destino-nuevo-mundo_v2.png') top left no-repeat;
    /* background-color: white; */
    width: 208px;
    height: 35px;
    display: inline-block;
    background-position: -26px 0px;
    /* display: none; */
    float: right;
}
#fila-vuelo-col2{
    min-width: 351px;
    margin: 0px;
    padding: 0px;
    border-right: 1px solid #6e6650;
    margin-left: 13px;
}
#asiento-pagina4{
    background: transparent url('../imagenes/icono-asiento.png') center left no-repeat;
    color: #959fa9;
    padding-left: 27px;
    font-size: 14px;
    width: 100%;
}
#fila_2_pagina4{
    border-bottom: 1px solid #6e6650;
    padding-top: 18px;
    padding-bottom: 3px;
}
#fila-vuelo-col1{
    border-right: 1px solid #6e6650;
    margin-left: 0px;
    padding-left: 0px;
    width: 31%;
    min-width: 233px;
}
#asiento-pagina4 span{
    display: block;
}
#fila-vuelo-col3{
    position: relative;
    top: -6px;
    margin-left: 16px;
    min-width: 120px;
}
.btn-imprimir-tarjeta{
    background: #21b8c6;
    border-color: #21b8c6;
    width: 95%;
    text-align: center;
    /* padding-top: 6px; */
    line-height: 26px;
    /* margin: 0px auto; */
    display: block;
    margin-top: 0px;
}
#estado{
    color:#fff;
    font-size: 13px;
    /*font-weight: 200;*/
    line-height: 29px;
    /* padding-top: 20px; */
    margin-left: 48px;
    margin-right: 0px;
    padding-right: 0px;
}
#estado span{
     background: transparent url('../imagenes/check-in-icon.png') center left no-repeat;
     padding-left: 32px;
     padding-top: 4px;
     padding-bottom: 4px;
     margin-left: 10px;
}
#fila-baja-pagina4{
    padding-top: 26px;
}

#coloreado-pagina4{
    background: #6e6650;
}


#falta_selecionar{
    display: none;
    color:red;
}
#index_form{
    /* padding-top: 20px; */
}
#iframe{
    width: 730px;
    height: 414px;
}
#checkin_acompanante_1{
    margin-left:5px;
}
#page{
    position: relative;
    z-index: 999;
}
input,select{
    position: relative;
    z-index: 9999999999;
}
#falta_selecionar{
    max-width: 90%;
}
#link-cuartel{
        line-height: 27px;
    margin-right: 16px;
    color:#21b8c6;
}
#body_pagina_index footer{
    position: fixed;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 12-abr-2016, 14:03:56
    Author     : HINIESTIC
*/

@media only screen 
and (max-width : 1200px){
    #fila-vuelo-col3{
        width: 120px;
        margin: 0px auto;
        padding-top: 30px;
        display: block;
        margin-left: calc((40% - 120px)/2);
    }
    #estado{
        margin-left: 15px;
        width: 192px;
    }
    #iframe{
        width: 730px;
        height: 414px;
    }
}
@media only screen 
and (max-width : 1200px){
    #fila-vuelo-col3{
        margin-left: calc((40% - 120px)/2);
    }
}
@media only screen 
and (max-width : 1070px){
    
    #iframe{
        width: 730px;
        height: 414px;
    }
    .page1 > .col-md-8.col-md-offset-3{
        margin-left:9%;
    }
}

@media only screen 
and (max-width : 1000px){
    .btn-form_1_line_1{
        margin-top: 20px;
    }
    .texto-enhorabuena{
        margin-left: 7px !important;
    }
    #iframe{
        width: 730px;
        height: 414px;
    }
    #fila-vuelo-col3 {
        padding-top: 30px;
        margin-left: calc((108% - 120px)/2);
    }
   
}

@media only screen 
and (max-width : 991px){
    .col-md-6{
        width: 49%;
    }
    #fila-vuelo-col2{
        width: 315px;
        float: right;
    }
    #fila-vuelo-col1{
        width: 220px;
        float: left;
    }
    #fila-vuelo-col2{
                margin-right: calc(56% - 315px);
        border-right: none;
    
    }
    #fila-vuelo-col3{
        padding-top: 20px;
        padding-top: 55px;
        margin-left: calc((108% - 120px)/2);
    }
    .btn-imprimir-tarjeta{
        width: 100%;
    }
     .page1 > .col-md-8.col-md-offset-3{
        margin-left:0px;
    }
    #iframe{
        width: 730px;
        height: 414px;
    }
    #body_pagina_ultima #page{
        overflow-x: hidden;
    }
}

.show-movil{
    display: none;
}

@media only screen 
and (max-width : 795px){
    #iframe{
        width: 640px;
        height: 375px;
        margin-bottom: 23px;
    }
        #body_pagina_ultima #page{
        overflow-x: hidden;
    }

}

@media only screen 
and (max-width : 680px){
    #fila-vuelo-col1{
        width: 100%;
        float: left;
        padding-bottom: 20px;
        border-right: none;
        
    }
    #fila-vuelo-col2{
        width: 100%;
        float: left;
        border-right: none;
    }
     #fila-vuelo-col3{
        width: 100%;
        float: left;
        border-right: none;
    }
    #fila-vuelo-col1{
        padding-top: 20px;
    }
        #body_pagina_ultima #page{
        overflow-x: hidden;
    }

    
}

@media only screen 
and (max-width : 660px){
    .col1-pagina3{
        width: 100%;
        padding-right: 0px;
    }
    #cuadro-seleccion-avion{
        margin:0px auto;
        /* float: none !important; */
        margin-left: calc((50%-242px)/2);
    }
    .show-movil{
        display: block;
    }
    .show-pc{
        display: none;
    }
    .btn-continuar{
        margin:0px auto;
        margin-top:40px;
    }
     #iframe{
        width: 556px;
        height: 318px;
    }
    #fila-vuelo-col2 {
        width: 35px;
        margin-left: calc((100% - 315px)/2);
    }
        #body_pagina_ultima #page{
        overflow-x: hidden;
    }

    
}
@media only screen 
and (max-width : 550px){
    .texto-input_pagina2{
        max-width: 181px;
        margin: 0px auto;
    }
    #estado{
        width: 100%;
        margin-left: 0px;
    }
    #estado p{
        text-align: center;
    }
    #imprimir_tarjeta{
        width: 100%;
        margin-left: 6px;
    }
    #fila-vuelo-col1{
        width: 100%;
        float: left;
        padding-bottom: 20px;
        border-right: none;
        padding-top: 5px;
        
    }
    #fila-vuelo-col2{
        width: 100%;
        float: left;
        border-right: none;
    }
     #fila-vuelo-col3{
        width: 100%;
        float: left;
        border-right: none;
    }
    #fila_2_pagina4{
        float: left;
        max-width: 100%;
    }
    #iframe{
        width: 500px;
        height: 414px;
    }
        #body_pagina_ultima #page{
        overflow-x: hidden;
    }


}

@media only screen 
and (max-width : 490px){
    .col2-pagina1,.col1-pagina1{
        width: 100%;
    }
    .pagina_1 .col2-pagina1{
        margin-left: 0px;
        padding-left: 0px;
        margin-top: 20px;
        margin-right: 0px;
        /* padding-right: 0px; */
        float: left;
    }
    .border-r-pagina2{
        border-right: none;
    }
    .btn-form_2_line_1{
        max-width: calc((100% - 40px));
        margin-left:20px;
    }
    #iframe{
        width: 400px;
        height: 224px;
    }
        #body_pagina_ultima #page{
        overflow-x: hidden;
    }

    
    
}
@media only screen and (max-width: 500px){
    #coloreado-pagina4{
        overflow-y: hidden;
    }
    #titulo-pagina4_1{
        margin-left: 38px;
    }
        #body_pagina_ultima #page{
        overflow-x: hidden;
    }

}
@media only screen and (max-width: 375px){
    #iframe {
    width: 323px;
    height: 184px;
    }
    #div-logo {
        margin-bottom: 14px;
    }
    .identificado-vuelo{
        float: left;
        margin-left: calc(50% - 75px);
    }
    .ruta-vuelo-pagina4{
            margin-left: calc((100% - 200px)/2);
            float: left;
    }
    #fila-vuelo-col3{
        padding-top: 13px;
    }
        #body_pagina_ultima #page{
        overflow-x: hidden;
    }

}
/*IPAD*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
    
    .texto-enhorabuena {
        margin-left: 10px;
    }
    #titulo-pagina4_1{
        margin-left: 44px;
    }
    #fila-vuelo-col3{
        width: 120px;
        margin: 0px auto;
        padding-top: 30px;
        display: block;
        margin-left: calc((100% - 120px)/2);
    }
    #estado{
        margin-left: 15px;
        width: 192px;
    }
    #iframe{
        width: 730px;
        height: 414px;
    }
        #body_pagina_ultima #page{
        overflow-x: hidden;
    }

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
    #form1{
        width: 100%;
    }
    .col1-pagina1,.col2-pagina1{
        width: 50%;
    }
    .btn-form_1_line_1{
        margin-top: 20px;
    }
    #titulo-pagina2_1{
        
    }
    
    .texto-enhorabuena {
        margin-left: 10px;
    }
    #titulo-pagina4_1{
        margin-left: 44px;
    }
    #fila-vuelo-col3{
        width: 120px;
        margin: 0px auto;
        padding-top: 30px;
        display: block;
        margin-left: calc((100% - 120px)/2);
    }
    #estado{
        margin-left: 15px;
        width: 192px;
    }
    .col-md-12{
        width: 100%;
        float: left;
        clear: both;
    }
    #iframe{
        width: 730px;
        height: 414px;
    }
    #cuadro-seleccion-avion{
        /*margin:0px auto;*/
        /* float: none !important; */
        /*margin-left: calc((50%-242px)/2);*/
         margin-left:45px;
    }
    #falta_selecionar{
        max-width: 250px;
    }
    footer{
            position: fixed;
            bottom: 42px;
    }
        #body_pagina_ultima #page{
        overflow-x: hidden;
    }

}
/*IPAD MINI*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1)  { 
    #cuadro-seleccion-avion{
        /*margin:0px auto;*/
        /* float: none !important; */
        /*margin-left: calc((50%-242px)/2);*/
         margin-left:45px;
    }
        #falta_selecionar{
        max-width: 250px;
    }
    footer{
            position: fixed;
            bottom: 42px;
    }
        #body_pagina_ultima #page{
        overflow-x: hidden;
    }


}

/*ios6*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) { 
    #cuadro-seleccion-avion{    
        margin:0px auto;
        /* float: none !important; */
        margin-left: 55px;
    }
    .identificado-vuelo{
        display: block;
        width: 189px;
        text-align: center;
        margin: 0px auto;
        float: inherit;
        padding-left: 0px;
    }
    .ruta-vuelo-pagina4{
        display: block;
        width: 205px;
        text-align: center;
        float: inherit;
        margin: 0px auto;
        /* margin-left: -9px; */
    }
    #fila-vuelo-col2 > p{
        margin-left: 0px;
    }
    #fila-vuelo-col2{
        margin-left: 0px;
    }
    #fila_2_pagina4{
        margin-left: 0px;
        padding-left: 0px;
        width: 342px;
    }
    #fila-vuelo-col1 img{
        margin-left: -10px;
    }
    footer{
        margin-top: 40px;
    }
        #body_pagina_ultima #page{
        overflow-x: hidden;
    }

}


/*iPhone 5*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) {
    .margin-pagina3-cuerpo{
        padding-left:15px;
    }
    #cuadro-seleccion-avion{
        margin-left: 25px;
    }
    #titulo-pagina3_1{
        padding-left:48px;
            background-position: 15px 0px;
    }
    .margin-pagina_2_especial {
        margin-left: 16px;
    }
    #iframe {
        width: 289px;
        height: 157px;
    }
        #body_pagina_ultima #page{
        overflow-x: hidden;
    }

    
}



@keyframes circle {
  to { transform: rotate(+1turn); }
}
@keyframes updown {
  to { transform: translateX(-200px); }
}
/*
#avion-animado { 
  position: absolute;
      width: 9%;
    height: 68%;
  top: 0; left: 0; bottom: 0; right: 0;
  margin: auto;
  position: absolute;
  display: block;
  transform-origin: -200% center;
  animation: circle 20s infinite linear;

}
#avion-animado  img { 
    width: 39px; 
  height:36px;
  transform-origin: center top;
animation: updown 2s infinite alternate ease-in-out;
  margin-top: 10%;
  
}
*/

#avion-animado{
   
  
}
#avion-animado img {
         width: 39px; 
  height:36px;
 
}
/*
#avion-animado { 
  position: absolute;
      width: 9%;
    height: 68%;
  top: 0; left: 0; bottom: 0; right: 0;
  margin: auto;
  position: absolute;
  display: block;
  transform-origin: -200% center;

      -webkit-animation: mX 5s ease-in-out 0s infinite;
       animation: mX 5s ease-in-out 0s infinite;
    }
    #movimiento-avion{
        position:absolute;
        width:480px;
        height:100px; top:-50px;
        border:1px solid #333;
        -webkit-animation: mO 5s linear 0s infinite;
        animation: mO 5s linear 0s infinite;
    
    }
    
    @keyframes mO {
        0% { transform: rotate(0deg);   }
      100% { transform: rotate(360deg); }
    }
    @-webkit-keyframes mO {
        0% { -webkit-transform: rotate(0deg);   }
      100% { -webkit-transform: rotate(360deg); }
    }
    @keyframes mX {
        0% { transform: translateX(0px);   }
       50% { transform: translateX(160px); }
      100% { transform: translateX(0px);   }
    }
    @-webkit-keyframes mX {
        0% { -webkit-transform: translateX(0px)    }
       50% { -webkit-transform: translateX(160px); }
    }*/

#avion-animado {
    position: absolute;
    height:100%;
    left:0%;
    width: 90%;
    top:-50%;
  }
  #img-avion-animado {
    position: absolute;
    left: 0;
    bottom: 50%;
   
  }
  .rotate{
       -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
  }