/*html, body{
    width: 100%;
    height: 100%;
    margin: 0;
}*/

.contenedor{
   margin: 0 auto;
    margin-top: 3.3em;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 40%;
    background: #4c4c4c;
    margin-bottom: 2em;
}

.slide_img{
    position: absolute;
    /*width: 100%;
    height: 100%;*/
    width: 100vw;
    height: 45vw;
    overflow: hidden;
}

.slide_img img{
    width: 100%;
    height: 106%;
}

#i1, #i2, #i3{
    display: none;
}

.pre, .nxt{
    width: 3.5%;
    height: 98.5%;
    position: absolute;
    top: 0;
    background: rgba(88, 88, 88, 0.25);
    z-index: 99;
    cursor: pointer;
}

.pre{
    left: 0;
}

.nxt{
    right: 0;
}

.nav{
   width: 100%;
    height: 5px;
    /*bottom: .2em;*/
    position: absolute;
    text-align: center;
    z-index: 99;
    bottom: -1em;
}

.dots{
    top: -15px;
    width: 6px;
    height: 6px;
    margin: 0 4px;
    position: relative;
    border-radius: 50%;
    display: inline-block;
    background: rgba(0,0,0,.6);
}

.slide_img{
    z-index: -1;
}

#i1:checked ~ #uno,
#i2:checked ~ #dos,
#i3:checked ~ #tres{
    z-index: 9;
}

#i1:checked ~ .nav #dot1,
#i2:checked ~ .nav #dot2,
#i3:checked ~ .nav #dot3{
    background: #fff;
}



/*---------------------------------------------------*/

@media screen and (min-width 1200px){
    
   
    
    .contenedor{
    margin: 0 auto;
    /*margin-top: 1em;*/
    position: relative;
    width: 100%;
    height: 10%;
    /*padding-bottom: 40%;*/
    background: #4c4c4c;
    margin-bottom: 2em;
}
    
    .slide_img{
    position: absolute;
    /*width: 100%;
    height: 100%;*/
    width: 100vw;
    height:auto;
    overflow: hidden;
}

.slide_img img{
    width: 100%;
    height: 106%;
}

.nav{
   width: 100%;
    height: 15px;
    position: absolute;
    text-align: center;
    z-index: 99;
    bottom: -1em;
}

.dots{
    top: -15px;
    width: 10px;
    height: 10px;
    margin: 0 4px;
    position: relative;
    border-radius: .5em;
    display: inline-block;
    background: rgba(0,0,0,.6);
}
}