#slide25{
    background-color: #ccc;   
    overflow: hidden;
    background-image: url("../images/contacto/fondo_contacto_1.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom !important;
}
#slide26{
    background-color: #000;   
    overflow: hidden;
    background-image: url("../images/contacto/fondo_contacto_2.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top !important;
}
#slide20, #slide21 {overflow: hidden;}
.contacto_o{
    width: auto; height: 500px; position: relative; display: block; z-index: 99; margin:0; top:0; padding: 0; opacity: 0; transition: all 0.5s ease;
}
.contacto_o img{
    position:relative !important; display:block !important;
}
.contacto_o_1{left: 0}
.contacto_o_2{right: 0}

.contacto_o h2{ font-size: 80px !important}
.contacto_o img{ position: absolute; height: 100%}
.contacto_mail{ z-index: 9999; display: block; margin:0; position:absolute; width: 100%; height: 65%; top: 0;}
.contacto_maps{ z-index: 9999; display: block; margin:0; position:absolute; width: 100%; height: 35%; bottom: 0;}

.contactame_1{ left:0;}
.contactame_2{ right:0;}

.fondo_contacto_paisaje{width: 100%;}
.fondo_contacto{ position: relative;}
.nube_c_1, .nube_c_2, .nube_c_3, .nube_c_4, .nube_c_5, .nube_c_6, .nube_c_7, .nube_c_8{position: absolute;margin: 0; z-index: 9500; }

.pasto{position:absolute; bottom: -100%; z-index: 9; margin 0; width: 100%; transition: all 1s ease;}

.nube_c_1{top:800px;  left:20%;
    animation-name: anima-nube;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: easein-out;
    animation-direction: linear;
}
.nube_c_2{ left:0;
    animation-name: anima-nube;
    animation-duration: 6s;
    animation-delay: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: easein-out;
    animation-direction: linear;
}
.nube_c_3{top:1400px; right:0;
    animation-name: anima-nube;
    animation-duration: 7s;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: easein-out;
    animation-direction: linear;
}
.nube_c_4{top:500px;  left:60%;
    animation-name: anima-nube;
    animation-duration: 7.5s;
    animation-delay: .5s;
    animation-iteration-count: infinite;
    animation-timing-function: easein-out;
    animation-direction: linear;
}
.nube_c_5{top:800px;  left:20%;
    animation-name: anima-nube;
    animation-duration: 6s;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: easein-out;
    animation-direction: linear;
}
.nube_c_6{ left:0;
    animation-name: anima-nube;
    animation-duration: 8s;
    animation-delay: 3.5s;
    animation-iteration-count: infinite;
    animation-timing-function: easein-out;
    animation-direction: linear;
}
.nube_c_7{top:1400px; right:0;
    animation-name: anima-nube;
    animation-duration: 5s;
    animation-delay: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: easein-out;
    animation-direction: linear;
}
.nube_c_8{top:500px;  left:60%;
    animation-name: anima-nube;
    animation-duration: 8s;
    animation-delay: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: easein-out;
    animation-direction: linear;
}
.normal-slide{
        overflow: hidden !important;
    }

.construye_compartir{
    display: block !important;
}
.cerrar-comparte{
    display: inline-block;
    position: relative;
    top: 35px;
    left: -5px;
    font-size: 18px;
    cursor: pointer;
    float: right;
}
.maps_contacto{
    width: 100%;
    height:100%;
    position:fixed;
    overflow: hidden;
    display: none;
    left: 0;
    top: 0;
    margin: 0;
    background-color: rgba(255,255,255,.6);
    z-index: 9990;
    text-align: center;
}
.maps_contacto iframe{
    margin-top: 150px;
}

@keyframes anima-nube{from { top: 150%; } to { top:-150% }}

@media screen and (min-width: 100px) and (max-width: 1100px) {
    #parrafo1{
        left: 35px;
        margin-left: 0;
    }
    #parrafo2{
        left: 35px;
        margin-left: 0;
    }
    #parrafo3{
        left: 35px;
        margin-left: 0;
    }
    #parrafo4{
        left: 35px;
        margin-left: 0;
    }
    #parrafo5{
        right: 35px;
        margin-left: 0;
        margin-right: 0;
        background-color: rgba(255,255,255,.7);
    }
    #parrafo6{
        right: 0;
    }
    #parrafo7{
        left: 55%;
    }
    #parrafo8{
        width: 510px;
        right:0px;
        margin-left: 0;
    }
    #parrafo8 p, #parrafo15 p, #slide19 .parrafo-19 p, .img-slide-22-2 p{
        background-color: rgba(255,255,255,.7);
    }
    #parrafo10, #parrafo12{
        right: 10px;
        margin-left: 0;
        margin-right: 0;
    }
    
    #parrafo11{
        left: 10px;
        margin-left: 0;
    }
    #parrafo15{
        right: 10px;
        left: inherit;
        margin-left: 0;
        margin-right: 0;
    }
    #parrafo16{
        right: -80px;
        top: 30px;
    }
    .img-slide-22-1{
        width: 58%;
        left: 21%;
    }
    .img-slide-22-2{
        width: 42%;
        top: 50%;
    }
    .img-slide-23-1{
        width: 49%;
        background-color: rgba(255,255,255,.7);
    }
    .img-slide-23-2{
        width: 42%;
        bottom: 30px;
        top: inherit;
        background-color: rgba(255,255,255,.7);
    }
    #slide5{
        background-size: cover;
    }
    .contacto_o_1{
        height: inherit;
        width: 570px;
        left: 40px;
    }
    .contacto_o_2{
        height: 580px;
        width: 450px;
        bottom: 20px;
        top: inherit;
    }   
    .contacto_o img{
        height: auto;
    }
    
}

#slide18 .titu_prin,#slide24 .titu_prin{
   top: -65%; 
}

#slide18, #slide24{
    overflow: hidden;
}