/*
 * ──────────────────────────────────────────────────── I ──────────
 *   :::::: S L I D E R : :  :   :    :     :        :          :
 * ──────────────────────────────────────────────────────────────
 */
 #slide{
    position: relative;
    margin: auto;
    width: 100%;
    overflow: hidden;
    padding: 0;
}

#slide ul{
    position: relative;
    left: 0%;
    margin: auto;
    height: auto;
    width: 400%;
    clear: both;
    display: table;
}

#slide ul li{
    position: relative;
    float: left;
    width: 25%;
}

#slide ul li img{
    width: 100%;
}

#slide .slideOpcion1 img{
    position: absolute;
    opacity: 1;
    /* top: 15%;
    right: 10%;
    width: 45%; */
}

#slide .slideOpcion1 .textosSlide{
    position: absolute;
    /* width: 40%;
    top: 20%;
    left: 10%; */
}

#slide .slideOpcion2 img{
    position: absolute;
    opacity: 1;
    /* top: 5%;
    left: 15%;
    width: 25%; */
}

#slide .slideOpcion2 .textosSlide{
    position: absolute;
    text-align: right;
    /* width: 40%;
    top: 15%;
    right: 15%; */
}

#slide .slideOpciones h1{
    text-transform: uppercase;
    font-family: 'Ubuntu Condensed', sans-serif;
    opacity: 1;
    top: -10px;
    /* color: #333; */
}

#slide .slideOpciones h2{
    text-transform: uppercase;
    font-family: 'Ubuntu Condensed', sans-serif;
    opacity: 1;
    top: -10px;
    /* color: #777; */
}

#slide .slideOpciones h3{
    text-transform: uppercase;
    font-family: 'Ubuntu Condensed', sans-serif;
    opacity: 1;
    top: -10px;
    /* color: #888; */
}

#slide .slideOpciones button{
    border: 0px;
    margin-top: 10px;
    opacity: 1;
    top: -10px;
}

#slide .slideOpciones button:hover{
    background: black;
    color: white;
    border: 0px;
}

#slide .slideOpciones button span{
    margin-left: 10px;
}