/* ################################################## */
/* ################################################## */
/* -------------------------------------------------- */
/* ------------ SLIDER  --------------------- */
/* -------------------------------------------------- */
/* ################################################## */
/* ################################################## */    


    #contenedor_slider {
/*        float: left;*/
        position: relative;
        margin: 0 auto;
/*        width: 96%;*/
        overflow: hidden;
        height: 0;
        /* Con el padding bottom manejo el corte de la imagen*/
/*        min-height: 400px;*/
/*        padding-bottom: 44%;*/
/*        margin-left: 25px;*/
        height: 670px;
/*        border: 5px solid green;*/
/*        margin-top: px;*/
    }
    
    #contenedor_slider img {
        width: 100%;
    }
    
    #contenedor_slider ul {
        position: relative;
        margin: auto;
/*        height: auto;*/
/*        width: 300%; Esto esta en el javascript*/
    }
    
    #contenedor_slider ul li {
       float: left;
/*        width: 33.33%;*/
    }
    
    #contenedor_slider ul li img {
        
        width: 100%;
/*        height: 100%;*/
   
    }
    
     .captionRight {
        position: absolute;
        top: 0;
         margin-left: 16%;
/*         margin-left: 30em;*/
         margin-top: 5%;
        font-size: 1em;
        color: black;
        cursor: pointer;
         width: 16%;
/*         border: 1px solid #e2e2e2;*/
        text-align: center;
    }
    
     .captionLeft {
        position: absolute;
        top: 0;
         margin-left: 0%;
         margin-top: 5%;
        
           color: black;
        cursor: pointer;
         width: 15%;
/*         border: 1px solid #e2e2e2;*/
        text-align: center;
    }
    
    #contenedor_slider .captionRight h1 {
/*        background: rgba(0,0,0,0.5);*/
        padding: -5px 0;
/*        font-size: 4.2em;*/
        font-size: 4.7vw;
        font-weight: lighter;
    }
    
     #contenedor_slider .captionLeft h1 {
/*        background: rgba(0,0,0,0.5);*/
        padding: -5px 0;
/*        font-size: 4.2em;*/
        font-size: 4.7vw;
        font-weight: lighter;
    }
    
    #contenedor_slider .captionRight h3 {
/*        background: rgba(0,0,0,0.5);*/
        padding-bottom: 10px 0;
        font-size: 1.2em;
        font-weight: lighter;
    }
    
    #contenedor_slider .captionLeft h3 {
/*        background: rgba(0,0,0,0.5);*/
        padding-bottom: 10px 0;
        font-size: 1.2em;
        font-weight: lighter;
    }
    
    #indicador_imagen {
        position: absolute;
        width: 100%;
        margin: auto;
        height: 10px;
        font-size: 20px;
        text-align: center;
/*        float: left;*/
        top: 90%;
    }
    
    #indicador_imagen li {
        display: inline-block;
        margin: 0px 5px;
        cursor: pointer;
        opacity: 0.5;
/*        color: black;*/
        text-shadow: 0px 0px 5px;
    }
    
    #indicador_imagen li:first-child {
        opacity: 1;
/*        color: blue;*/
/*        background: */
    }
    

    
     #btn_prev, #btn_next {
        position: absolute;
        top: 40%;
        font-size: 1.5em;
         font-weight: lighter;
        color: #a7a7a7;
        cursor: pointer;
         width: 50px;
/*         border: 1px solid #e2e2e2;*/
        text-align: center;
         height: 50px;
         line-height: 55px;
         background: #fafafa;
                  transition: all .4s;
    }
    
    #btn_prev {
        left: 0%;
    }
    
     #btn_next {
        right: 0%;
    }
    
     #btn_next:hover , #btn_prev:hover {
         color: #ffffff;
         background: #4D55E8;

    }
/*##################################################*/
/*##################################################*/
/*########### FIN slider ###########*/
/*##################################################*/
/*##################################################*/