#container-slider
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 100%; /* 100% hasta donde llega el recuadro en gris */
}
#slider {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 100%; /*100% */
    height: 50vh;
    min-height: 300px; /*100px*/
}
#slider li {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute !important;
    top: 0 !important;
    left:0 !important; /*0 */

    width: 100%;
    height: 100%;

    display: block;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s; 
    z-index: -1;
    opacity: 0; 
}
#container-slider .arrowPrev, #container-slider .arrowNext{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 30pt;
    color: #005555; /*cambié esto */
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: -40px;  /*50px */
    z-index: 2; 
}
#container-slider .arrowNext {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    left: initial;
    right: -40px !important; /* 50px */
}

.content_slider{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    color: white; 
    width: 100%; /*100% longitud del recuadro en gris */
    height: 100%;
}

.content_slider div{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-align: center;
}
.content_slider h2{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'arial';
    font-size: 30pt;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.content_slider p {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 15pt;
    font-family: 'arial';
    color: #FFF;
    margin-bottom: 20px;
}


#slider li .content_slider{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.50);
    /*IMPORTANTE: este es color que hace de veladura de la foto del background */
    background: rgba(93, 91, 91, 0.5);
    padding: 10px 125px;
}

.content_slider{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}
/*propiedades del botón*/
.btnSlider{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    color: #FFF;
    font-size: 15pt;
    font-family: 'arial';
    letter-spacing: 1px;
    padding: 10px 50px;
    border: 1px solid #CCC;
    background: rgba(13, 13, 13, 0.55);    /*color de fondo del botón */
    border-radius: 31px;
    text-decoration: none;
    transition: .5s all;
}
.btnSlider:hover{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background: #111;
    border: 1px solid #111;
}
.listslider {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    position: absolute;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    left: 50%;
    bottom: 5%;
    list-style: none;
    z-index: 2;
    transform: translateX(-50%);
}

.item-select-slid {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background: #FFF  !important;
}

@media screen and (max-width: 460px){
	.content_slider h2 {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
	    font-size: 15pt !important;
	}
	.content_slider p {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
	    font-size: 12pt !important;
	}
	#container-slider .arrowPrev, #container-slider .arrowNext{
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-size: 20pt;
	}

	#container-slider .arrowPrev{
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        left: -25px;
	}

	#container-slider .arrowNext{
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        right: -25px !important;
	}

	#slider{
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        height: 300px;
        min-height: 300px;  /*400px */
	}
    
	#slider li .content_slider{
        margin: 0;
        padding: 0;
        box-sizing: border-box;padding: 10px 35px;
	}
	.btnSlider{
        margin: 0;
        padding: 0;
        box-sizing: border-box;padding: 10px 30px;
    	font-size: 10pt;
	}

}