@charset "utf-8";


/* CSS Document */
/* Navegación */

body {

    margin: 0;
    min-height: 100vh;
    background-image: url(fondo2.jpg);
    background-size: cover;
    background-position: center;

}

#logo {

    float: left;
    margin-left: 2.5em;
    margin-top: 2em;

}

#telefono {

    float: right;
    margin-top: 4em;
    margin-right: 2.5em;

}

h1 {

    color: #18052c;
    margin-left: 2.5em;

}

header {
    margin-top: 1em;
    margin-left: 2em;
    margin-right: 2em;
    background-color: forestgreen;
    background: linear-gradient(to bottom, #0b5c11 35%, white);
    border-radius: 30px;

}

#oferta {
    float: left;
    width: 50%;
    text-align: center;

}


#botones {
    text-align: right;
    margin-right: 2em;
}

@media (max-width: 1000px) {
    nav {
        flex-direction: column
    }

}

nav ul {
    list-style-type: none;
    overflow: hidden
}

nav li {

    display: inline-block;
    background-color: #2e518b;
    border-radius: 50px;
    border: 2px solid #cb0202;
    padding: 10px;
    /*anchura, estilo y color borde*/
    /*espacio alrededor texto*/
    box-shadow: inset 0px 0px 6px #fff;
    -webkit-box-shadow: inset 0px 0px 6px #fff;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;

}

nav a {
    font-size: 1.5em;
    color: #ffffff;
    text-decoration: none;

}

nav a:hover {
    color: #5ed16b;
    border-bottom: 0.1em solid #5ed16b;

}

#uno {
    background-color: #cb0202;
    border-radius: 50px;
    border: 2px solid #2e518b;
    box-shadow: inset 0px 0px 6px #fff;
    -webkit-box-shadow: inset 0px 0px 6px #fff;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
    margin-right: 20px;


}

#uno1 {
    background-color: #126a06;
    border-radius: 50px;
    border: 2px solid #2e518b;
    box-shadow: inset 0px 0px 6px #fff;
    -webkit-box-shadow: inset 0px 0px 6px #fff;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
}

@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

@-webkit-keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

#brocas {
    float: left;
    margin-left: 2em;
}

footer {
    margin-bottom: 0;
    font-style: italic;
    color: #444540;
}