/*
html, body {
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
}
*/
.divslider {
    width   : 100%;
    height  : 500px;
    padding : 0px;
    position: absolute;
    margin  : 0px;
}

slider {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #1f1f1f;
    overflow: hidden;
    position: absolute;
}

slider > * {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: #1f1f1f;
    animation: slide 13s infinite;
    overflow: hidden;
}

slide:nth-child(1) {
    left: 0%;
    animation-delay: -1s;
    background-image: url(../images/slider/slider_piscina.jpg);
    background-size: cover;
    background-position: center;
}

slide:nth-child(2) {
    animation-delay: 2s;
    background-image: url(../images/slider/slider_terraza.jpg);
    background-size: cover;
    background-position: center;
    left: 100%;
}

slide:nth-child(3) {
    animation-delay: 5s;
    background-image: url(../images/slider/slider_restaurant.jpg);
    background-size: cover;
    background-position: center;
    left: 100%;
}

slide:nth-child(4) {
    animation-delay: 8s;
    background-image: url(../images/slider/slider_habitacion.jpg);
    background-size: cover;
    background-position: center;
    left: 100%;
}

slide:nth-child(5) {
    animation-delay: 11s;
    background-image: url(../images/slider/slider_hall.jpg);
    background-size: cover;
    background-position: center;
    left: 100%;
}

slide:nth-child(6) {
    animation-delay: 14s;
    background-image: url(../images/slider/slider_sala.jpg);
    background-size: cover;
    background-position: center;
    left: 100%;
}

slide p {
    font-family: Comfortaa;
    font-size: 70px;
    text-align: center;
    display: inline-block;
    width: 100%;
    margin-top: 340px;
    color: #fff;
}

/*------------------  SLIDE ANIMATION ----------------*/

@keyframes slide {
    0% {left: 100%; width: 100%;}
    5% {left: 0%;}
    25% {left: 0%;}
    30% {left: -100%; width: 100%;}
    30.0001% {left: -100%; width: 0%;}
    100% {left: 100%; width: 0%;}
}

/*----------------- END OF ANIMATION PART -------------------*/