#slide{
    position:relative;
    margin:auto;
    overflow: hidden;
    padding:0;
    margin: 0 15px;
    border-radius: 10px;
}

#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:-10%;
    /*color:#333;*/
}

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

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

/*FLECHAS*/
#slide .flechas{
    position:absolute;
    font-size:2em;
    color:white;
    cursor:pointer;
    z-index:2;
}

#slide #retroceder{
    left:15px;
    opacity: 0;
}

#slide #avanzar{
    right:15px;
    opacity: 0;
}

/*PAGINACIÓN*/
#slide #paginacion{
    position: absolute;
    width:100%;
    margin:auto;
    text-align: center;
    line-height: 40px;
    font-size:12px;
    bottom:0px;
    left:0px;
    z-index:1;
}

#slide #paginacion li{
    display:inline-block;
    margin:0px 5px;
    cursor:pointer;
    opacity:.4;
    color:white;
    text-shadow:0px 0px 5px #333;
}

#slide #paginacion li:first-child{
    opacity:1;
}

#btnSlide{
    position:relative;
    width:150px;
    border:0px;
    font-size:25px;
    padding:2px;
}

/*ESCRITORIO GRANDE (LG revisamos en 1366px en adelante)*/
@media (min-width:1200px){

    #slide #retroceder{
        top:37%;
        padding:40px 100px 40px 10px;
        font-size:30px;
    }

    #slide #avanzar{
        top:37%;
        padding:40px 10px 40px 100px;
        font-size:30px;
    }

    #slide .slideOpciones h1{           
        font-size:50px; 
        margin-top:5px;
    }

    #slide .slideOpciones h2{           
        font-size:35px; 
    }

    #slide .slideOpciones h3{   
        font-size:30px; 
    }

    #slide .slideOpciones button{
        padding:10px;
    }   
}

/*ESCRITORIO MEDIANO O TABLET HORIZONTAL (MD revisamos en 1024px)*/
@media (max-width:1199px) and (min-width:992px){

    #slide #retroceder{
        top:35%;
        padding:40px 100px 40px 10px;
        font-size:20px;
    }

    #slide #avanzar{
        top:35%;
        padding:40px 10px 40px 100px;
        font-size:20px;
    }

    #slide .slideOpciones h1{           
        font-size:35px; 
        margin-top:5px;
    }

    #slide .slideOpciones h2{           
        font-size:30px; 
    }

    #slide .slideOpciones h3{   
        font-size:20px; 
    }

    #slide .slideOpciones button{
        padding:10px;
    }   

}

/*ESCRITORIO PEQUEÑO O TABLET VERTICAL (SM revisamos en 768px)*/
@media (max-width:991px) and (min-width:768px){

    #slide #retroceder{
        top:35%;
        padding:30px 80px 30px 5px;
        font-size:20px;
    }

    #slide #avanzar{
        top:35%;
        padding:30px 5px 30px 80px;
        font-size:20px;
    }

    #slide .slideOpciones h1{           
        font-size:25px; 
        margin-top:5px;
    }

    #slide .slideOpciones h2{           
        font-size:20px; 
    }

    #slide .slideOpciones h3{   
        font-size:15px; 
    }

    #slide .slideOpciones button{
        padding:5px;
    }   

}

/*MOVIL (XS revisamos en 320px)*/
@media (max-width:767px) and (min-width:451px){

    #slide #retroceder{
        top:13%;
        padding:50px 100px 50px 5px;
        left: 5px;
        font-size: 15px;
        opacity: 1;
    }

    #slide #avanzar{
        top:13%;
        padding: 50px 5px 50px 100px;
        right: 5px;
        font-size: 15px;
        opacity: 1;
    }

    #slide #paginacion {
        font-size: 8px;
        line-height: 15px;
    }

    #slide .slideOpciones h1{           
        font-size:15px; 
        margin-top:5px;
        margin-bottom:-20px;
    }

    #slide .slideOpciones h2{           
        display:none;   
    }

    #slide .slideOpciones h3{   
        font-size:10px; 
        margin-bottom:-5px;
    }

    #slide .slideOpciones button{
        padding:5px;
        font-size:10px;
    }   
    
}

@media (max-width:450px){

    #slide #paginacion {
        font-size: 8px;
        line-height: 15px;
    }
    
    #slide #retroceder{
        top:13%;
        padding:30px 80px 30px 5px;
        left: 5px;
        font-size: 15px;
        opacity: 1;
    }

    #slide #avanzar{
        top:13%;
        padding: 30px 5px 30px 80px;
        right: 5px;
        font-size: 15px;
        opacity: 1;
    }
}