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

@font-face {
    font-family: atrapalowebblold;
    src: url('https://cdn.atrapalo.com/assets/fonts/atrapaloweb-bold.woff2');
}

body {

    background-color: #F1F1F1;
    font-family: 'Open Sans', sans-serif;

}



nav {

    background-color: #de0000!important;
    border: hidden!important;
    padding: 10px 0px;
    margin-bottom: 10px;

}

nav img {
    float: left;
    margin-bottom: 5px
}

nav ul li a {

    font-weight: bold;
    color: #FFFFFF!important;
    font-size: 15px;
    margin: 0px!important;
}

nav ul li:hover {

    background-color: #B70003
}


header h2 {

    font-weight: 700;
    font-size: 60px;


}


.textoheader h1 {
    font-size: 50px;
    font-weight: normal;
    line-height: 60px;
    text-shadow: 3px 3px #888;
    font-family: atrapalowebblold;
}

.textoheader h3 {
    font-size: 40px;


}





.slot {

    text-align: center;
    margin: 50px 0;




}

.slot img {

    border-radius: 50%
}

.slot .boton {

    background-color: #E7585A;
    border: 0;
    border-radius: 0!important;
    font-size: 12px;
    text-transform: uppercase;
}

.slot .boton:hover {

    background-color: #DE0000!important;
    border: 0;
}



.navbar-header img {

    width: 90%;
    margin-top: -5px
}

.slot h4 {

    font-size: 15px;
    font-weight: 700;
    Color: #3a3a3a;
}

.slot h6 {

    font-size: 15px
}

.slot p {

    font-size: 15px
}

.row h1 {

    font-size: 20px;
    text-align: center;
    font-weight: bold;
    color: #3a3a3a;



}

.linea {

    border: solid 1px;
    border-color: #de0000
}

footer p {

    text-align: center;
    text-transform: uppercase;


}

.sociales {


    text-align: center;

}

.sociales a {
    margin: 5px;
    font-size: 30px;
    color: #3a3a3a;
    padding: 10px;
}

.sociales a:hover {


    color: #de0000;

}



@media only screen and (max-width: 600px) {

    /* Header */
    header h2 {

        font-weight: normal;
        font-size: 40px;


    }

    .textoheader h1 {
        font-size: 40px;
        font-weight: normal;
        text-shadow: 2px 2px #777;
    }

    .textoheader h3 {
        font-size: 20px;

    }

    .headerbackground {
        background-image: url('../images/headerA_1.jpg') !important;
    }

}

.contenedor {
    background-color: #fff;
}

.botonvuelos {
    margin: 30px 0;
}

.botonvuelos span {
    border: 1px solid #de0000 !important;
    padding: 10px;
    color: #de0000;
    text-align: center;
    font-weight: bold
}

.botonvuelos a {
    color: #de0000;
    text-decoration: none;
}

.indroduccion {
    text-align: center;
    font-size: 16px;
    max-width: 1000px;
    margin: 20px auto;
    padding: 5px 20px;
}

h6 {
    line-height: 20px;
}

.headerbackground {
    background-image: url('../images/headerA_7.jpg');
}

.condiciones {
    margin: 30px 50px;
    font-size: 12px;
    color: #999;
    text-align: center;
}