@charset "utf-8";
/* 4-monitor/reriro.css */

body {
    margin: 0;
}


.bienvenida {
    width: 100%;
}



.fondo_bienvenida {
    width: 100%;    
    height: 473px;
    -webkit-box-shadow: 1px 1px 4px 2px rgba(0,0,0,0.10);
    -moz-box-shadow: 1px 1px 4px 2px rgba(0,0,0,0.10);
    box-shadow: 1px 3px 4px 0px rgba(0,0,0,0.10);
  animation: fadeIn linear 3s;
  -webkit-animation: fadeIn linear 3s;
  -moz-animation: fadeIn linear 3s;
  -o-animation: fadeIn linear 3s;
  -ms-animation: fadeIn linear 3s;
}

@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

.back1 {
    background: transparent url('../../images/fondos_home_retiro22_1.jpg')center top no-repeat;
    background-size: cover;
}

.back2 {
    background: transparent url('../../images/fondos_home_retiro22_2.jpg')center top no-repeat;
    background-size: cover;
}
.back3 {
    background: transparent url('../../images/fondos_home_retiro22_3.jpg')center top no-repeat;
    background-size: cover;
}

.back4 {
    background: transparent url('../../images/fondos_home_retiro22_4.jpg')center top no-repeat;
    background-size: cover;
}




.caja_leyenda {
    margin: 0 auto 0 auto;
    width: 75%;
    text-align: center;
    padding-top: 3%;
}

.leyenda {
    font-family: 'Headland One', serif;
    font-size: 310%;
    color:#604343;
    font-weight: 300;
    line-height: 1.1em;
    letter-spacing: -1.5px;
    margin-bottom: 1.4%;
    }

.bajada_leyenda {
    font-family: 'Sanchez', serif;
    font-size: 125%;
    color:#604343;
    padding-top: 1.3%;
    background-color:rgba(255,255,255,0.5);
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 0.5em;
    }
    

    



    
    .reserva {
        flex: content;
        text-align: center;
        position: absolute;
        margin: 0 auto 0 auto;
        top: 25%;
    }
    
    a.bot_reserva {
        font-family: 'Sanchez', serif;
        text-align: center;
        color: #fff;
        padding: 0.5em 0.8em 0.5em 0.8em;
        text-decoration: none;
        font-size: 150%;
        background-color:rgba(255,72,0,0.5);
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        cursor: pointer;
        transition:all .3s;
}  

    a.bot_reserva:hover {
        color: #fff;
        background-color:rgba(255,72,0,0.9);
}





    
    


.basecolor_info {
    min-height: 21em;
    width: 100%;
    background: rgb(246,203,35);
    background: linear-gradient(73deg, rgba(246,203,35,1) 3%, rgba(158,48,194,1) 30%, rgba(255,48,74,1) 55%, rgba(248,60,0,1) 88%, rgba(255,255,255,1) 98%);
}


.caja_info {
    width: 60%;
    margin: 0 auto 0 auto;
    font-family: 'Sanchez', serif;
    color:#fff;
    padding: 7%;
    font-size: 110%;
    text-align: center;
}

.el18 {
    font-family: 'Headland One', serif;
    font-size: 155%;
    margin-bottom: 1%;
}

.caja_info article {
    text-transform: uppercase;
    color:#3e132a;
    font-size: 95%;
    letter-spacing: 1px;
    margin-top: 2%;
}

.caja_info span {
    font-style: italic ;
}



    
    






.wapp {
    clear: both;
    width: 50%;
    margin: 0 auto 0 auto;
    text-align: center;
    padding-bottom: 4%;
    padding-top: 3%;
}


a.wapp {
    text-align: center;
    font-family: 'Nunito', sans-serif;
    font-weight: 700; 
    font-size: 140%;
    padding-left: 4%;
    padding-right: 4%;
    padding-top: 2%;
    padding-bottom: 2%;
    display: inline-block;	
    outline: none;
    color: #fff;
    background-color: #34cb4e;
    border: 2px solid;
    border-color: #34cb4e;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    text-decoration:none;
    transition:all .3s
}

a.wapp:hover {
    font-weight: bold;
    color: #333; 
    background-color: #fff;  
    border-color: #333;
}









   
    .caja_videoshome {
        margin: 0 auto 0 auto; 
        width: 100%;
        min-height: 35em;
        clear: both;
        padding-top: 5%;
        padding-bottom: 3%;
    }
    
    
    .videoshome  {
        width: 29%;
        margin-left: 3%;
        float:left;
        overflow: hidden;
        background-color:#fff;
        -webkit-border-bottom-right-radius: 9px;
        -moz-border-bottom-right-radius: 9px;
        border-bottom-right-radius: 9px;
        -webkit-box-shadow: 1px 3px 4px 0px rgba(0,0,0,0.20);
        -moz-box-shadow: 1px 3px 4px 0px rgba(0,0,0,0.20);
        box-shadow: 1px 3px 4px 0px rgba(0,0,0,0.20);
    }
    
    
    
    .videoshome iframe {
        width: 100%;
        height: 205px;
        border-bottom: 3px solid #fe5109;
    }
    
    
        
    .bajada_detalle {
        font-family: 'Sanchez', serif;
        text-transform: uppercase;
        font-size: 90%;
        color: #fe5109;
        margin-bottom: 0.5em;
    }
    
        
    .detalle {
        font-family: 'Headland One', serif;
        font-size: 90%;
        color:#624d70;
        padding-top: 4%;
        padding-bottom: 7%;
        padding-left: 9%;
        padding-right: 9%;
        line-height: 1.5em;
    }
    
    .detalle span {
        font-style: italic;
    }
    
    .titulo_detalle {
        font-family: 'Headland One', serif;
        font-size: 150%;
        color:#333;
        margin-bottom: 2%;
        line-height: 1.3em;
    }