@import url('https://fonts.googleapis.com/css2?family=Old+Standard+TT:wght@400;700&display=swap');

#slider {
    position: relative;
    overflow: hidden;
    margin: 0px;
    padding: 0;
    border-radius: 10px;
    width: 600px;
    height: 500px;
    margin-top: -55px;
  }
  
  #slider ul {
    position: relative;
    margin: 0;
    padding: 0;
    height: auto;
    list-style: none;
    width: 600px;
    height: 500px;
  }
  
  #slider ul li {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 600px;
    height: 500px;
    background: #ccc;
    text-align: center;
  }

  .imgsslider{
    width: 600px;
    height: 500px;
    object-fit: cover;
  }
  
  a.control_prev, a.control_next {
    position: absolute;
    top: 40%;
    z-index: 999;
    display: block;
    padding: 4% 3%;
    width: auto;
    height: auto;
    background: rgb(185, 86, 4);
    color: #fff;
    text-decoration: none;
    font-weight: 1000;
    font-size: 18px;
    opacity: 0.8;
    cursor: pointer;
  }
  
  a.control_prev:hover, a.control_next:hover {
    opacity: 1;
    -webkit-transition: all 0.2s ease;
  }
  
  a.control_prev {
    border-radius: 0 2px 2px 0;
  }
  
  a.control_next {
    right: 0;
    border-radius: 2px 0 0 2px;
  }




#fondoblur{
    position: fixed;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1000;
    opacity: 0.7;
    background-color: black;

    display: none;
}
#divpreview0{
    position: fixed;
    left: calc(50% - 600px/2);
    top: calc(50% - 500px/2);
    width: 600px;
    height: 500px;

    display: none;
    z-index: 1001;

    background-size: cover;
    border-radius: 10px;
}
#divpreview{
    position: fixed;
    left: calc(50% - 600px/2);
    top: calc(50% - 500px/2);
    width: 600px;
    height: 500px;

    display: none;
    z-index: 1001;

    background-size: cover;
}
#divpreview2{
    position: fixed;
    left: calc(50% - 600px/2);
    top: calc(50% - 500px/2);
    width: 600px;
    height: 500px;

    display: none;
    z-index: 1001;

    background-size: cover;
}
#divpreview3{
    position: fixed;
    left: calc(50% - 600px/2);
    top: calc(50% - 500px/2);
    width: 600px;
    height: 500px;

    display: none;
    z-index: 1001;

    background-size: cover;
}
#divpreview4{
    position: fixed;
    left: calc(50% - 600px/2);
    top: calc(50% - 500px/2);
    width: 600px;
    height: 500px;

    display: none;
    z-index: 1001;

    background-size: cover;
}
#divpreview5{
    position: fixed;
    left: calc(50% - 600px/2);
    top: calc(50% - 500px/2);
    width: 600px;
    height: 500px;

    display: none;
    z-index: 1001;

    background-size: cover;
}
#divpreview6{
    position: fixed;
    left: calc(50% - 600px/2);
    top: calc(50% - 500px/2);
    width: 600px;
    height: 500px;

    display: none;
    z-index: 1001;

    background-size: cover;
}
#divpreview7{
    position: fixed;
    left: calc(50% - 600px/2);
    top: calc(50% - 500px/2);
    width: 600px;
    height: 500px;

    display: none;
    z-index: 1001;

    background-size: cover;
}
#divpreview8{
    position: fixed;
    left: calc(50% - 600px/2);
    top: calc(50% - 500px/2);
    width: 600px;
    height: 500px;

    display: none;
    z-index: 1001;

    background-size: cover;
}
#divpreview9{
    position: fixed;
    left: calc(50% - 600px/2);
    top: calc(50% - 500px/2);
    width: 600px;
    height: 500px;

    display: none;
    z-index: 1001;

    background-size: cover;
}
#cross{
    cursor: pointer;
    width: 50px;
    height: auto;


    margin-left: 610px;
}


header{
    position: relative;
    height: 100px;
}
main{
    height: fit-content;
    width: 100%;

    font-family: 'Old Standard TT';
    color: white;

    height: 14150px;
}
#h1proyectos{
    position: relative;
    top: 50px;
    font-size: 120px;

    height: 150px;
    width: 100%;
    left: -255px;

    overflow: hidden;
    text-align: center;
    font-weight: 400;
}



#locales{
    cursor: pointer;
    position: absolute;
    left: calc(50% - 600px/2);

    font-size: 27px;
    color: orange;

    height: 32px;
    width: 337px;

    overflow: hidden;
    white-space: nowrap;
}
#residencial{
    cursor: pointer;
    position: absolute;
    left: calc(50% - -330px/2);

    font-size: 27px;
    color: white;

    height: 32px;
    width: 134px;

    overflow: hidden;
    white-space: nowrap;
}
#locales:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    height: 1px;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
    background: currentColor;
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    transition: -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    -o-transition: -o-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    -moz-transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), -moz-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), -moz-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), -o-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
#locales:focus,
#locales:hover {
    color: orange;
    text-decoration: none;
}
#locales:hover:before {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
#residencial:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    height: 1px;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
    background: currentColor;
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    transition: -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    -o-transition: -o-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    -moz-transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), -moz-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), -moz-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), -o-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
#residencial:focus,
#residencial:hover {
    color: white;
    text-decoration: none;
}
#residencial:hover:before {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}





#divpabellondeespana{
    position: relative;
    width: 600px;
    height: fit-content;

    top: 100px;
    left: calc(50% - 600px/2);
}
#proyectopabellondeespana{
    position: relative;
    width: 600px;
    height: 450px;

    object-fit: cover;
    opacity: 0.9;
}
#titpabellondeespana{
    position: absolute;
    top: 200px;
    left: -150px;

    font-size: 72px;

    height: 100px;
    width: 700px;

    overflow: hidden;
    white-space: nowrap;
}

#divmuseodeltraje{
    position: relative;
    width: 600px;
    height: fit-content;

    top: 200px;
    left: calc(50% - 1100px/2);
}
#proyectomuseodeltraje{
    position: relative;
    width: 600px;
    height: 450px;

    object-fit: cover;
    opacity: 0.9;
}
#titmuseodeltraje{
    position: absolute;
    top: 200px;
    left: 500px;

    font-size: 72px;

    height: 100px;
    width: 700px;

    overflow: hidden;

    white-space: nowrap;
}

#divlamasiadejoseluis{
    position: relative;
    width: 600px;
    height: fit-content;

    top: 300px;
    left: calc(50% - 100px/2);
}
#proyectolamasiadejoseluis{
    position: relative;
    width: 600px;
    height: 450px;

    object-fit: cover;
    opacity: 0.7;
}
#titlamasiadejoseluis{
    position: absolute;
    top: 200px;
    left: -300px;

    font-size: 72px;

    height: 100px;
    width: 700px;

    overflow: hidden;

    white-space: nowrap;
}

#divexpodavinci{
    position: relative;
    width: 600px;
    height: fit-content;

    top: 400px;
    left: calc(50% - 500px/2);
}
#proyectoexpodavinci{
    position: relative;
    width: 600px;
    height: 450px;

    object-fit: cover;
    opacity: 0.7;
}
#titexpodavinci{
    position: absolute;
    top: 200px;
    left: -170px;

    font-size: 72px;

    height: 100px;
    width: 1000px;

    overflow: hidden;

    white-space: nowrap;
}

#divbingolasvegas{
    position: relative;
    width: 600px;
    height: fit-content;

    top: 550px;
    left: calc(50% - 900px/2);
}
#proyectobingolasvegas{
    position: relative;
    width: 600px;
    height: 450px;

    object-fit: cover;
    opacity: 0.7;
}
#titbingolasvegas{
    position: absolute;
    top: 200px;
    left: 350px;

    font-size: 72px;

    height: 100px;
    width: 600px;

    overflow: hidden;

    white-space: nowrap;
}

#divedificiosolnumerouno{
    position: relative;
    width: 600px;
    height: fit-content;

    top: 650px;
    left: calc(50% - 100px/2);
}
#proyectoedificiosolnumerouno{
    position: relative;
    width: 600px;
    height: 450px;

    object-fit: cover;
    opacity: 0.7;
}
#titedificiosolnumerouno{
    position: absolute;
    top: 200px;
    left: -300px;

    font-size: 72px;

    height: 100px;
    width: 600px;

    overflow: hidden;

    white-space: nowrap;
}

#divmuseoaltamira{
    position: relative;
    width: 600px;
    height: fit-content;

    top: 750px;
    left: calc(50% - 1050px/2);
}
#proyectomuseoaltamira{
    position: relative;
    width: 600px;
    height: 450px;

    object-fit: cover;
    opacity: 0.7;
}
#titmuseoaltamira{
    position: absolute;
    top: 200px;
    left: 300px;

    font-size: 72px;

    height: 100px;
    width: 600px;

    overflow: hidden;

    white-space: nowrap;
}

#divhoteloscar{
    position: relative;
    width: 600px;
    height: fit-content;

    top: 850px;
    left: calc(50% - 650px/2);
}
#proyectohoteloscar{
    position: relative;
    width: 600px;
    height: 450px;

    object-fit: cover;
    opacity: 0.7;
}
#tithoteloscar{
    position: absolute;
    top: 200px;
    left: 300px;

    font-size: 72px;

    height: 100px;
    width: 600px;

    overflow: hidden;

    white-space: nowrap;
}
.imgpreview{
    cursor: pointer;
    position: relative;
    margin-top: -40px;
    margin-left: 5px;

    width: 50px;
    height: auto;
}

#divrealarmeria{
    position: relative;
    width: 600px;
    height: fit-content;

    top: 900px;
    left: calc(50% - 100px/2);
}
#proyectorealarmeria{
    position: relative;
    width: 600px;
    height: 450px;

    object-fit: cover;
    opacity: 0.7;
}
#titrealarmeria{
    position: absolute;
    top: 200px;
    left: -300px;

    font-size: 72px;

    height: 100px;
    width: 800px;

    overflow: hidden;

    white-space: nowrap;
}

#divrestaurantejoseluis{
    position: relative;
    width: 600px;
    height: fit-content;

    top: 1050px;
    left: calc(50% - 600px/2);
}
#proyectorestaurantejoseluis{
    position: relative;
    width: 600px;
    height: 450px;

    object-fit: cover;
    opacity: 0.7;
}
#titrestaurantejoseluis{
    position: absolute;
    top: 200px;
    left: -50px;

    font-size: 72px;

    height: 100px;
    width: 700px;

    overflow: hidden;

    white-space: nowrap;
}

#divjardinbotanico{
    position: relative;
    width: 600px;
    height: fit-content;

    top: 1150px;
    left: calc(50% - 1100px/2);
}
#proyectojardinbotanico{
    position: relative;
    width: 600px;
    height: 450px;

    object-fit: cover;
    opacity: 0.7;
}
#titjardinbotanico{
    position: absolute;
    top: 200px;
    left: 300px;

    font-size: 72px;

    height: 100px;
    width: 600px;

    overflow: hidden;

    white-space: nowrap;
}

#divmuseosefardi{
    position: relative;
    width: 600px;
    height: fit-content;

    top: 1250px;
    left: calc(50% - 100px/2);
}
#proyectomuseosefardi{
    position: relative;
    width: 600px;
    height: 450px;

    object-fit: cover;
    opacity: 0.7;
}
#titmuseosefardi{
    position: absolute;
    top: 200px;
    left: -300px;

    font-size: 72px;

    height: 100px;
    width: 600px;

    overflow: hidden;

    white-space: nowrap;
}

#divhoteladler{
    position: relative;
    width: 600px;
    height: fit-content;

    top: 1300px;
    left: calc(50% - 700px/2);
}
#proyectohoteladler{
    position: relative;
    width: 600px;
    height: 450px;

    object-fit: cover;
    opacity: 0.7;
}
#tithoteladler{
    position: absolute;
    top: 200px;
    left: 300px;

    font-size: 72px;

    height: 100px;
    width: 600px;

    overflow: hidden;

    white-space: nowrap;
}

#divcosmocaixa{
    position: relative;
    width: 600px;
    height: fit-content;

    top: 1400px;
    left: calc(50% - 600px/2);
}
#proyectocosmocaixa{
    position: relative;
    width: 600px;
    height: 450px;

    object-fit: cover;
    opacity: 0.9;
}
#titcosmocaixa{
    position: absolute;
    top: 200px;
    left: -150px;

    font-size: 72px;

    height: 100px;
    width: 600px;

    overflow: hidden;

    white-space: nowrap;
}

#divjoyeriasuarez{
    position: relative;
    width: 600px;
    height: fit-content;

    top: 1550px;
    left: calc(50% - 100px/2);
}
#proyectojoyeriasuarez{
    position: relative;
    width: 600px;
    height: 450px;

    object-fit: cover;
    opacity: 0.7;
}
#titjoyeriasuarez{
    position: absolute;
    top: 200px;
    left: -150px;

    font-size: 72px;

    height: 100px;
    width: 600px;

    overflow: hidden;

    white-space: nowrap;
}

#divpinocchio{
    position: relative;
    width: 600px;
    height: fit-content;

    top: 1600px;
    left: calc(50% - 1100px/2);
}
#proyectopinocchio{
    position: relative;
    width: 600px;
    height: 450px;

    object-fit: cover;
    opacity: 0.7;
}
#titpinocchio{
    position: absolute;
    top: 200px;
    left: 300px;

    font-size: 72px;

    height: 100px;
    width: 700px;

    overflow: hidden;

    white-space: nowrap;
}

#divmuseodelgreco{
    position: relative;
    width: 600px;
    height: fit-content;

    top: 1700px;
    left: calc(50% - 600px/2);
}
#proyectomuseodelgreco{
    position: relative;
    width: 600px;
    height: 450px;

    object-fit: cover;
    opacity: 0.7;
}
#titmuseodelgreco{
    position: absolute;
    top: 200px;
    left: 50px;

    font-size: 72px;

    height: 100px;
    width: 600px;

    overflow: hidden;

    white-space: nowrap;
}

#divtonyromas{
    position: relative;
    width: 600px;
    height: fit-content;

    top: 1850px;
    left: calc(50% - 100px/2);
}
#proyectotonyromas{
    position: relative;
    width: 600px;
    height: 450px;

    object-fit: cover;
    opacity: 0.7;
}
#tittonyromas{
    position: absolute;
    top: 200px;
    left: -250px;

    font-size: 72px;

    height: 100px;
    width: 600px;

    overflow: hidden;

    white-space: nowrap;
}

#divmuseodelaevolucionhumana{
    position: relative;
    width: 600px;
    height: fit-content;

    top: 1950px;
    left: calc(50% - 600px/2);
}
#proyectomuseodelaevolucionhumana{
    position: relative;
    width: 600px;
    height: 450px;

    object-fit: cover;
    opacity: 0.7;
}
#titmuseodelaevolucionhumana{
    position: absolute;
    top: 200px;
    left: -170px;

    font-size: 72px;

    height: 100px;
    width: 1000px;

    overflow: hidden;

    white-space: nowrap;
}

#divchannel{
    position: relative;
    width: 600px;
    height: fit-content;

    top: 2100px;
    left: calc(50% - 1100px/2);
}
#proyectochannel{
    position: relative;
    width: 600px;
    height: 450px;

    object-fit: cover;
    opacity: 0.7;
}
#titchannel{
    position: absolute;
    top: 200px;
    left: 300px;

    font-size: 72px;

    height: 100px;
    width: 900px;

    overflow: hidden;

    white-space: nowrap;
}

#divitm{
    position: relative;
    width: 600px;
    height: fit-content;

    top: 2200px;
    left: calc(50% - 600px/2);
}
#proyectoitm{
    position: relative;
    width: 600px;
    height: 450px;

    object-fit: cover;
    opacity: 0.7;
}
#tititm{
    position: absolute;
    top: 200px;
    left: -80px;

    font-size: 72px;

    height: 100px;
    width: 900px;

    overflow: hidden;

    white-space: nowrap;
}

#diviriarte{
    position: relative;
    width: 600px;
    height: fit-content;

    top: 2300px;
    left: calc(50% - 100px/2);
}
#proyectoiriarte{
    position: relative;
    width: 600px;
    height: 450px;

    object-fit: cover;
    opacity: 0.7;
}
#titiriarte{
    position: absolute;
    top: 200px;
    left: -80px;

    font-size: 72px;

    height: 100px;
    width: 735px;

    overflow: hidden;

    white-space: nowrap;
}

#divpizzajardin{
    position: relative;
    width: 600px;
    height: fit-content;

    top: 2400px;
    left: calc(50% - 600px/2);
}
#proyectopizzajardin{
    position: relative;
    width: 600px;
    height: 450px;

    object-fit: cover;
    opacity: 0.7;
}
#titpizzajardin{
    position: absolute;
    top: 200px;
    left: 100px;

    font-size: 72px;

    height: 100px;
    width: 400px;

    overflow: hidden;

    white-space: nowrap;
}

#divnavetoledo{
    position: relative;
    width: 600px;
    height: fit-content;

    top: 2500px;
    left: calc(50% - 1100px/2);
}
#proyectonavetoledo{
    position: relative;
    width: 600px;
    height: 450px;

    object-fit: cover;
    opacity: 0.7;
}
#titnavetoledo{
    position: absolute;
    top: 200px;
    left: 300px;

    font-size: 72px;

    height: 100px;
    width: 500px;

    overflow: hidden;

    white-space: nowrap;
}



@media (max-width: 1300px) and (min-width: 600px){
    footer{
        margin-top: 400px;
    }
    .imgpreview{
        cursor: pointer;
        position: relative;
        margin-top: -40px;
        margin-left: 5px;
        
        width: 40px;
        height: auto;
    }

    main{
        height: fit-content;
        width: 100%;
    
        font-family: 'Old Standard TT';
        color: white;
    
        margin-top: -70px;
        height: 1050vw;
    }
    #h1proyectos{
        position: relative;
        top: 3.8462vw;
        font-size: 9.2308vw;
    
        height: 11.5385vw;
        width: 100%;
        left: -19.6154vw;
    
        overflow: hidden;
        text-align: center;
        font-weight: 400;
    }
    
    #divpabellondeespana{
        position: relative;
        width: 46.1538vw;
        height: fit-content;
    
        top: 7.6923vw;
        left: calc(50% - 46.1538vw/2);
    }
    #proyectopabellondeespana{
        position: relative;
        width: 46.1538vw;
        height: 34.6154vw;
    
        object-fit: cover;
        opacity: 0.9;
    }
    #titpabellondeespana{
        position: absolute;
        top: 15.3846vw;
        left: -11.5385vw;
    
        font-size: 5.5385vw;
    
        height: 7.6923vw;
        width: 53.8462vw;
    
        overflow: hidden;
        white-space: nowrap;
    }
    
    #divmuseodeltraje{
        position: relative;
        width: 46.1538vw;
        height: fit-content;
    
        top: 15.3846vw;
        left: calc(50% - 84.6154vw/2);
    }
    #proyectomuseodeltraje{
        position: relative;
        width: 46.1538vw;
        height: 34.6154vw;
    
        object-fit: cover;
        opacity: 0.9;
    }
    #titmuseodeltraje{
        position: absolute;
        top: 15.3846vw;
        left: 38.4615vw;
    
        font-size: 5.5385vw;
    
        height: 7.6923vw;
        width: 53.8462vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }
    
    #divlamasiadejoseluis{
        position: relative;
        width: 46.1538vw;
        height: fit-content;
    
        top: 23.0769vw;
        left: calc(50% - 7.6923vw/2);
    }
    #proyectolamasiadejoseluis{
        position: relative;
        width: 46.1538vw;
        height: 34.6154vw;
    
        object-fit: cover;
        opacity: 0.7;
    }
    #titlamasiadejoseluis{
        position: absolute;
        top: 15.3846vw;
        left: -23.0769vw;
    
        font-size: 5.5385vw;
    
        height: 7.6923vw;
        width: 53.8462vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }
    
    #divexpodavinci{
        position: relative;
        width: 46.1538vw;
        height: fit-content;
    
        top: 30.7692vw;
        left: calc(50% - 38.4615vw/2);
    }
    #proyectoexpodavinci{
        position: relative;
        width: 46.1538vw;
        height: 34.6154vw;
    
        object-fit: cover;
        opacity: 0.7;
    }
    #titexpodavinci{
        position: absolute;
        top: 15.3846vw;
        left: -13.0769vw;
    
        font-size: 5.5385vw;
    
        height: 7.6923vw;
        width: 76.9231vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }
    
    #divbingolasvegas{
        position: relative;
        width: 46.1538vw;
        height: fit-content;
    
        top: 42.3077vw;
        left: calc(50% - 69.2308vw/2);
    }
    #proyectobingolasvegas{
        position: relative;
        width: 46.1538vw;
        height: 34.6154vw;
    
        object-fit: cover;
        opacity: 0.7;
    }
    #titbingolasvegas{
        position: absolute;
        top: 15.3846vw;
        left: 26.9231vw;
    
        font-size: 5.5385vw;
    
        height: 7.6923vw;
        width: 46.1538vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }
    
    #divedificiosolnumerouno{
        position: relative;
        width: 46.1538vw;
        height: fit-content;
    
        top: 50vw;
        left: calc(50% - 7.6923vw/2);
    }
    #proyectoedificiosolnumerouno{
        position: relative;
        width: 46.1538vw;
        height: 34.6154vw;
    
        object-fit: cover;
        opacity: 0.7;
    }
    #titedificiosolnumerouno{
        position: absolute;
        top: 15.3846vw;
        left: -23.0769vw;
    
        font-size: 5.5385vw;
    
        height: 7.6923vw;
        width: 46.1538vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }
    
    #divmuseoaltamira{
        position: relative;
        width: 46.1538vw;
        height: fit-content;
    
        top: 57.6923vw;
        left: calc(50% - 80.7692vw/2);
    }
    #proyectomuseoaltamira{
        position: relative;
        width: 46.1538vw;
        height: 34.6154vw;
    
        object-fit: cover;
        opacity: 0.7;
    }
    #titmuseoaltamira{
        position: absolute;
        top: 15.3846vw;
        left: 23.0769vw;
    
        font-size: 5.5385vw;
    
        height: 7.6923vw;
        width: 46.1538vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }
    
    #divhoteloscar{
        position: relative;
        width: 46.1538vw;
        height: fit-content;
    
        top: 65.3846vw;
        left: calc(50% - 50vw/2);
    }
    #proyectohoteloscar{
        position: relative;
        width: 46.1538vw;
        height: 34.6154vw;
    
        object-fit: cover;
        opacity: 0.7;
    }
    #tithoteloscar{
        position: absolute;
        top: 15.3846vw;
        left: 23.0769vw;
    
        font-size: 5.5385vw;
    
        height: 7.6923vw;
        width: 46.1538vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }
    
    #divrealarmeria{
        position: relative;
        width: 46.1538vw;
        height: fit-content;
    
        top: 69.2308vw;
        left: calc(50% - 7.6923vw/2);
    }
    #proyectorealarmeria{
        position: relative;
        width: 46.1538vw;
        height: 34.6154vw;
    
        object-fit: cover;
        opacity: 0.7;
    }
    #titrealarmeria{
        position: absolute;
        top: 15.3846vw;
        left: -23.0769vw;
    
        font-size: 5.5385vw;
    
        height: 7.6923vw;
        width: 61.5385vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }
    
    #divrestaurantejoseluis{
        position: relative;
        width: 46.1538vw;
        height: fit-content;
    
        top: 80.7692vw;
        left: calc(50% - 46.1538vw/2);
    }
    #proyectorestaurantejoseluis{
        position: relative;
        width: 46.1538vw;
        height: 34.6154vw;
    
        object-fit: cover;
        opacity: 0.7;
    }
    #titrestaurantejoseluis{
        position: absolute;
        top: 15.3846vw;
        left: -3.8462vw;
    
        font-size: 5.5385vw;
    
        height: 7.6923vw;
        width: 53.8462vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }
    
    #divjardinbotanico{
        position: relative;
        width: 46.1538vw;
        height: fit-content;
    
        top: 88.4615vw;
        left: calc(50% - 84.6154vw/2);
    }
    #proyectojardinbotanico{
        position: relative;
        width: 46.1538vw;
        height: 34.6154vw;
    
        object-fit: cover;
        opacity: 0.7;
    }
    #titjardinbotanico{
        position: absolute;
        top: 15.3846vw;
        left: 23.0769vw;
    
        font-size: 5.5385vw;
    
        height: 7.6923vw;
        width: 46.1538vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }
    
    #divmuseosefardi{
        position: relative;
        width: 46.1538vw;
        height: fit-content;
    
        top: 96.1538vw;
        left: calc(50% - 7.6923vw/2);
    }
    #proyectomuseosefardi{
        position: relative;
        width: 46.1538vw;
        height: 34.6154vw;
    
        object-fit: cover;
        opacity: 0.7;
    }
    #titmuseosefardi{
        position: absolute;
        top: 15.3846vw;
        left: -23.0769vw;
    
        font-size: 5.5385vw;
    
        height: 7.6923vw;
        width: 46.1538vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }
    
    #divhoteladler{
        position: relative;
        width: 46.1538vw;
        height: fit-content;
    
        top: 100vw;
        left: calc(50% - 53.8462vw/2);
    }
    #proyectohoteladler{
        position: relative;
        width: 46.1538vw;
        height: 34.6154vw;
    
        object-fit: cover;
        opacity: 0.7;
    }
    #tithoteladler{
        position: absolute;
        top: 15.3846vw;
        left: 23.0769vw;
    
        font-size: 5.5385vw;
    
        height: 7.6923vw;
        width: 46.1538vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }
    
    #divcosmocaixa{
        position: relative;
        width: 46.1538vw;
        height: fit-content;
    
        top: 107.6923vw;
        left: calc(50% - 46.1538vw/2);
    }
    #proyectocosmocaixa{
        position: relative;
        width: 46.1538vw;
        height: 34.6154vw;
    
        object-fit: cover;
        opacity: 0.9;
    }
    #titcosmocaixa{
        position: absolute;
        top: 15.3846vw;
        left: -11.5385vw;
    
        font-size: 5.5385vw;
    
        height: 7.6923vw;
        width: 46.1538vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }
    
    #divjoyeriasuarez{
        position: relative;
        width: 46.1538vw;
        height: fit-content;
    
        top: 119.2308vw;
        left: calc(50% - 7.6923vw/2);
    }
    #proyectojoyeriasuarez{
        position: relative;
        width: 46.1538vw;
        height: 34.6154vw;
    
        object-fit: cover;
        opacity: 0.7;
    }
    #titjoyeriasuarez{
        position: absolute;
        top: 15.3846vw;
        left: -11.5385vw;
    
        font-size: 5.5385vw;
    
        height: 7.6923vw;
        width: 46.1538vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }
    
    #divpinocchio{
        position: relative;
        width: 46.1538vw;
        height: fit-content;
    
        top: 123.0769vw;
        left: calc(50% - 84.6154vw/2);
    }
    #proyectopinocchio{
        position: relative;
        width: 46.1538vw;
        height: 34.6154vw;
    
        object-fit: cover;
        opacity: 0.7;
    }
    #titpinocchio{
        position: absolute;
        top: 15.3846vw;
        left: 23.0769vw;
    
        font-size: 5.5385vw;
    
        height: 7.6923vw;
        width: 53.8462vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }
    
    #divmuseodelgreco{
        position: relative;
        width: 46.1538vw;
        height: fit-content;
    
        top: 130.7692vw;
        left: calc(50% - 46.1538vw/2);
    }
    #proyectomuseodelgreco{
        position: relative;
        width: 46.1538vw;
        height: 34.6154vw;
    
        object-fit: cover;
        opacity: 0.7;
    }
    #titmuseodelgreco{
        position: absolute;
        top: 15.3846vw;
        left: 3.8462vw;
    
        font-size: 5.5385vw;
    
        height: 7.6923vw;
        width: 46.1538vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }
    
    #divtonyromas{
        position: relative;
        width: 46.1538vw;
        height: fit-content;
    
        top: 142.3077vw;
        left: calc(50% - 7.6923vw/2);
    }
    #proyectotonyromas{
        position: relative;
        width: 46.1538vw;
        height: 34.6154vw;
    
        object-fit: cover;
        opacity: 0.7;
    }
    #tittonyromas{
        position: absolute;
        top: 15.3846vw;
        left: -19.2308vw;
    
        font-size: 5.5385vw;
    
        height: 7.6923vw;
        width: 46.1538vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }
    
    #divmuseodelaevolucionhumana{
        position: relative;
        width: 46.1538vw;
        height: fit-content;
    
        top: 150vw;
        left: calc(50% - 46.1538vw/2);
    }
    #proyectomuseodelaevolucionhumana{
        position: relative;
        width: 46.1538vw;
        height: 34.6154vw;
    
        object-fit: cover;
        opacity: 0.7;
    }
    #titmuseodelaevolucionhumana{
        position: absolute;
        top: 15.3846vw;
        left: -13.0769vw;
    
        font-size: 5.5385vw;
    
        height: 7.6923vw;
        width: 76.9231vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }
    
    #divchannel{
        position: relative;
        width: 46.1538vw;
        height: fit-content;
    
        top: 161.5385vw;
        left: calc(50% - 84.6154vw/2);
    }
    #proyectochannel{
        position: relative;
        width: 46.1538vw;
        height: 34.6154vw;
    
        object-fit: cover;
        opacity: 0.7;
    }
    #titchannel{
        position: absolute;
        top: 15.3846vw;
        left: 23.0769vw;
    
        font-size: 5.5385vw;
    
        height: 7.6923vw;
        width: 69.2308vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }

    #divitm{
        position: relative;
        width: 46.1538vw;
        height: fit-content;
    
        top: 167.5385vw;
        left: calc(50% - 46.1538vw/2);
    }
    #proyectoitm{
        position: relative;
        width: 46.1538vw;
        height: 34.6154vw;
    
        object-fit: cover;
        opacity: 0.7;
    }
    #tititm{
        position: absolute;
        top: 15.3846vw;
        left: -6.0769vw;
    
        font-size: 5.5385vw;
    
        height: 7.6923vw;
        width: 58.2308vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }
    
    #diviriarte{
        position: relative;
        width: 46.1538vw;
        height: fit-content;
    
        top: 175vw;
        left: calc(50% - 7.6923vw/2);
    }
    #proyectoiriarte{
        position: relative;
        width: 46.1538vw;
        height: 34.6154vw;
    
        object-fit: cover;
        opacity: 0.7;
    }
    #titiriarte{
        position: absolute;
        top: 15.3846vw;
        left: -36.0769vw;
    
        font-size: 5.5385vw;
    
        height: 7.6923vw;
        width: 57.2308vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }
    
    #divpizzajardin{
        position: relative;
        width: 46.1538vw;
        height: fit-content;
    
        top: 180vw;
        left: calc(50% - 46.1538vw/2);
    }
    #proyectopizzajardin{
        position: relative;
        width: 46.1538vw;
        height: 34.6154vw;

        object-fit: cover;
        opacity: 0.7;
    }
    #titpizzajardin{
        position: absolute;
        top: 15.3846vw;
        left: -6.0769vw;
    
        font-size: 5.5385vw;
    
        height: 7.6923vw;
        width: 58.2308vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }

    #divnavetoledo{
        position: relative;
        width: 46.1538vw;
        height: fit-content;
    
        top: 187.3077vw;
        left: calc(50% - 84.6154vw/2);
    }
    #proyectonavetoledo{
        position: relative;
        width: 46.1538vw;
        height: 34.6154vw;
    
        object-fit: cover;
        opacity: 0.7;
    }
    #titnavetoledo{
        position: absolute;
        top: 15.3846vw;
        left: 23.0769vw;
    
        font-size: 5.5385vw;
    
        height: 7.6923vw;
        width: 38.4615vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }
}
@media (max-width: 600px){
    .imgpreview{
        cursor: pointer;
        position: relative;
        margin-top: -40px;
        margin-left: 5px;
        
        width: 40px;
        height: auto;
    }

    main{
        height: fit-content;
        width: 100%;
    
        font-family: 'Old Standard TT';
        color: white;
    
        margin-top: -120px;
        height: 1315vw;
    }
    #h1proyectos{
        position: relative;
        top: 60.0772px;
        font-size: 18vw;
    
        height: 25.5385vw;
        width: 76vw;
        left: 12vw;
    
        overflow: hidden;
        text-align: unset;
        font-weight: 400;
    }
    
    #divpabellondeespana{
        position: relative;
        width: 66vw;
        height: fit-content;
    
        top: 7.6923vw;
        left: 17vw;
    }
    #proyectopabellondeespana{
        position: relative;
        width: 66vw;
        height: 40.6154vw;
    
        object-fit: cover;
        opacity: 0.9;
    }
    #titpabellondeespana{
        position: absolute;
        top: 15.3846vw;
        left: -11.5385vw;
    
        font-size: 8.5385vw;
    
        height: 12.6923vw;
        width: 73.8462vw;
    
        overflow: hidden;
        white-space: nowrap;
    }
    
    #divmuseodeltraje{
        position: relative;
        width: 66vw;
        height: fit-content;
    
        top: 15.3846vw;
        left: 3vw;
    }
    #proyectomuseodeltraje{
        position: relative;
        width: 66vw;
        height: 40.6154vw;
    
        object-fit: cover;
        opacity: 0.9;
    }
    #titmuseodeltraje{
        position: absolute;
        top: 15.3846vw;
        left: 35.4615vw;
    
        font-size: 8.5385vw;
    
        height: 12.6923vw;
        width: 56.8462vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }
    
    #divlamasiadejoseluis{
        position: relative;
        width: 66vw;
        height: fit-content;
    
        top: 23.0769vw;
        left: 31vw;
    }
    #proyectolamasiadejoseluis{
        position: relative;
        width: 66vw;
        height: 40.6154vw;
    
        object-fit: cover;
        opacity: 0.7;
    }
    #titlamasiadejoseluis{
        position: absolute;
        top: 15.3846vw;
        left: -20vw;
    
        font-size: 7.5385vw;
    
        height: 12.6923vw;
        width: 73.8462vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }
    
    #divexpodavinci{
        position: relative;
        width: 66vw;
        height: fit-content;
    
        top: 30.7692vw;
        left: 17vw;
    }
    #proyectoexpodavinci{
        position: relative;
        width: 66vw;
        height: 40.6154vw;
    
        object-fit: cover;
        opacity: 0.7;
    }
    #titexpodavinci{
        position: absolute;
        top: 15.3846vw;
        left: -13.0769vw;
    
        font-size: 7.02385vw;
    
        height: 12.6923vw;
        width: 92.8462vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }
    
    #divbingolasvegas{
        position: relative;
        width: 66vw;
        height: fit-content;
    
        top: 39.3077vw;
        left: 3vw;
    }
    #proyectobingolasvegas{
        position: relative;
        width: 66vw;
        height: 40.6154vw;
    
        object-fit: cover;
        opacity: 0.6;
    }
    #titbingolasvegas{
        position: absolute;
        top: 15.3846vw;
        left: 32.9231vw;
    
        font-size: 8.02385vw;
    
        height: 12.6923vw;
        width: 59.8462vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }
    
    #divedificiosolnumerouno{
        position: relative;
        width: 66vw;
        height: fit-content;
    
        top: 48vw;
        left: 31vw;
    }
    #proyectoedificiosolnumerouno{
        position: relative;
        width: 66vw;
        height: 40.6154vw;
    
        object-fit: cover;
        opacity: 0.7;
    }
    #titedificiosolnumerouno{
        position: absolute;
        top: 15.3846vw;
        left: -23.0769vw;
    
        font-size: 8.5385vw;
    
        height: 12.6923vw;
        width: 62.8462vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }
    
    #divmuseoaltamira{
        position: relative;
        width: 66vw;
        height: fit-content;
    
        top: 57.6923vw;
        left: 3vw;
    }
    #proyectomuseoaltamira{
        position: relative;
        width: 66vw;
        height: 40.6154vw;
    
        object-fit: cover;
        opacity: 0.7;
    }
    #titmuseoaltamira{
        position: absolute;
        top: 15.3846vw;
        left: 28.0769vw;
    
        font-size: 8.5385vw;
    
        height: 12.6923vw;
        width: 62.8462vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }
    
    #divhoteloscar{
        position: relative;
        width: 66vw;
        height: fit-content;
    
        top: 67.3846vw;
        left: 17vw;
    }
    #proyectohoteloscar{
        position: relative;
        width: 66vw;
        height: 40.6154vw;
    
        object-fit: cover;
        opacity: 0.7;
    }
    #tithoteloscar{
        position: absolute;
        top: 15.3846vw;
        left: 12.0769vw;
    
        font-size: 8.5385vw;
    
        height: 12.6923vw;
        width: 45.8462vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }

    
    #divrealarmeria{
        position: relative;
        width: 66vw;
        height: fit-content;
    
        top: 76.2308vw;
        left: 3vw;
    }
    #proyectorealarmeria{
        position: relative;
        width: 66vw;
        height: 40.6154vw;
    
        object-fit: cover;
        opacity: 0.7;
    }
    #titrealarmeria{
        position: absolute;
        top: 15.3846vw;
        left: 13.0769vw;
    
        font-size: 7.0385vw;
    
        height: 12.6923vw;
        width: 75.8462vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }
    
    #divrestaurantejoseluis{
        position: relative;
        width: 66vw;
        height: fit-content;
    
        top: 85.7692vw;
        left: 31vw;
    }
    #proyectorestaurantejoseluis{
        position: relative;
        width: 66vw;
        height: 40.6154vw;
    
        object-fit: cover;
        opacity: 0.7;
    }
    #titrestaurantejoseluis{
        position: absolute;
        top: 15.3846vw;
        left: -23.8462vw;
    
        font-size: 8.0385vw;
    
        height: 12.6923vw;
        width: 77.8462vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }
    
    #divjardinbotanico{
        position: relative;
        width: 66vw;
        height: fit-content;
    
        top: 95.4615vw;
        left: 3vw;
    }
    #proyectojardinbotanico{
        position: relative;
        width: 66vw;
        height: 40.6154vw;
    
        object-fit: cover;
        opacity: 0.7;
    }
    #titjardinbotanico{
        position: absolute;
        top: 15.3846vw;
        left: 23.0769vw;
    
        font-size: 8.5385vw;
    
        height: 12.6923vw;
        width: 63.8462vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }
    
    #divmuseosefardi{
        position: relative;
        width: 66vw;
        height: fit-content;
    
        top: 105.1538vw;
        left: 31vw;
    }
    #proyectomuseosefardi{
        position: relative;
        width: 66vw;
        height: 40.6154vw;
    
        object-fit: cover;
        opacity: 0.7;
    }
    #titmuseosefardi{
        position: absolute;
        top: 15.3846vw;
        left: -23.0769vw;
    
        font-size: 8.5385vw;
    
        height: 12.6923vw;
        width: 63.8462vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }
    
    #divhoteladler{
        position: relative;
        width: 66vw;
        height: fit-content;
    
        top: 115vw;
        left: 17vw;
    }
    #proyectohoteladler{
        position: relative;
        width: 66vw;
        height: 40.6154vw;
    
        object-fit: cover;
        opacity: 0.7;
    }
    #tithoteladler{
        position: absolute;
        top: 15.3846vw;
        left: 10.0769vw;
    
        font-size: 9.5385vw;
    
        height: 12.6923vw;
        width: 50.8462vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }
    
    #divcosmocaixa{
        position: relative;
        width: 66vw;
        height: fit-content;
    
        top: 125.6923vw;
        left: 3vw;
    }
    #proyectocosmocaixa{
        position: relative;
        width: 66vw;
        height: 40.6154vw;
    
        object-fit: cover;
        opacity: 0.9;
    }
    #titcosmocaixa{
        position: absolute;
        top: 15.3846vw;
        left: 40.5385vw;
    
        font-size: 9.5385vw;
    
        height: 12.6923vw;
        width: 50.8462vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }
    
    #divjoyeriasuarez{
        position: relative;
        width: 66vw;
        height: fit-content;
    
        top: 136.2308vw;
        left: 31vw;
    }
    #proyectojoyeriasuarez{
        position: relative;
        width: 66vw;
        height: 40.6154vw;
    
        object-fit: cover;
        opacity: 0.7;
    }
    #titjoyeriasuarez{
        position: absolute;
        top: 15.3846vw;
        left: -21.5385vw;
    
        font-size: 8.5385vw;
    
        height: 12.6923vw;
        width: 63.8462vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }
    
    #divpinocchio{
        position: relative;
        width: 66vw;
        height: fit-content;
    
        top: 146.0769vw;
        left: 17vw;
    }
    #proyectopinocchio{
        position: relative;
        width: 66vw;
        height: 40.6154vw;
    
        object-fit: cover;
        opacity: 0.7;
    }
    #titpinocchio{
        position: absolute;
        top: 15.3846vw;
        left: -13.0769vw;
    
        font-size: 9.5385vw;
    
        height: 12.6923vw;
        width: 92.8462vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }
    
    #divmuseodelgreco{
        position: relative;
        width: 66vw;
        height: fit-content;
    
        top: 155.7692vw;
        left: 3vw;
    }
    #proyectomuseodelgreco{
        position: relative;
        width: 66vw;
        height: 40.6154vw;
    
        object-fit: cover;
        opacity: 0.7;
    }
    #titmuseodelgreco{
        position: absolute;
        top: 15.3846vw;
        left: 26.8462vw;
    
        font-size: 9.0385vw;
    
        height: 12.6923vw;
        width: 63.8462vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }
    
    #divtonyromas{
        position: relative;
        width: 66vw;
        height: fit-content;
    
        top: 165.3077vw;
        left: 31vw;
    }
    #proyectotonyromas{
        position: relative;
        width: 66vw;
        height: 40.6154vw;
    
        object-fit: cover;
        opacity: 0.7;
    }
    #tittonyromas{
        position: absolute;
        top: 15.3846vw;
        left: -19.2308vw;
    
        font-size: 9.0385vw;
    
        height: 12.6923vw;
        width: 63.8462vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }
    
    #divmuseodelaevolucionhumana{
        position: relative;
        width: 66vw;
        height: fit-content;
    
        top: 175vw;
        left: 17vw;
    }
    #proyectomuseodelaevolucionhumana{
        position: relative;
        width: 66vw;
        height: 40.6154vw;
    
        object-fit: cover;
        opacity: 0.7;
    }
    #titmuseodelaevolucionhumana{
        position: absolute;
        top: 15.3846vw;
        left: -12.5769vw;
    
        font-size: 7.0385vw;
    
        height: 12.6923vw;
        width: 92.8462vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }
    
    #divchannel{
        position: relative;
        width: 66vw;
        height: fit-content;
    
        top: 185.5385vw;
        left: 3vw;
    }
    #proyectochannel{
        position: relative;
        width: 66vw;
        height: 40.6154vw;
    
        object-fit: cover;
        opacity: 0.7;
    }
    #titchannel{
        position: absolute;
        top: 15.3846vw;
        left: 13.0769vw;
    
        font-size: 7.0385vw;
    
        height: 12.6923vw;
        width: 80.8462vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }

    #divitm{
        position: relative;
        width: 66vw;
        height: fit-content;
    
        top: 197.5385vw;
        left: calc(50% - 66vw/2);
    }
    #proyectoitm{
        position: relative;
        width: 66vw;
        height: 40.6154vw;
    
        object-fit: cover;
        opacity: 0.7;
    }
    #tititm{
        position: absolute;
        top: 15.3846vw;
        left: -4.0769vw;
    
        font-size: 7.0385vw;
    
        height: 7.6923vw;
        width: 74.2308vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }
    
    #diviriarte{
        position: relative;
        width: 66vw;
        height: fit-content;
    
        top: 205vw;
        left: 31vw;
    }
    #proyectoiriarte{
        position: relative;
        width: 66vw;
        height: 40.6154vw;
    
        object-fit: cover;
        opacity: 0.7;
    }
    #titiriarte{
        position: absolute;
        top: 15.3846vw;
        left: -25.0769vw;
    
        font-size: 7.0385vw;
    
        height: 7.6923vw;
        width: 72.2308vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }
    
    #divpizzajardin{
        position: relative;
        width: 66vw;
        height: fit-content;
    
        top: 215vw;
        left: calc(50% - 66vw/2);
    }
    #proyectopizzajardin{
        position: relative;
        width: 66vw;
        height: 40.6154vw;

        object-fit: cover;
        opacity: 0.7;
    }
    #titpizzajardin{
        position: absolute;
        top: 15.3846vw;
        left: -6.0769vw;
    
        font-size: 8.0385vw;
    
        height: 7.6923vw;
        width: 43.2308vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }

    #divnavetoledo{
        position: relative;
        width: 66vw;
        height: fit-content;
    
        top: 230vw;
        left: 3vw;
    }
    #proyectonavetoledo{
        position: relative;
        width: 66vw;
        height: 40.6154vw;
    
        object-fit: cover;
        opacity: 0.7;
    }
    #titnavetoledo{
        position: absolute;
        top: 15.3846vw;
        left: 38.0769vw;
    
        font-size: 7.0385vw;
    
        height: 12.6923vw;
        width: 46.8462vw;
    
        overflow: hidden;
    
        white-space: nowrap;
    }
}

/*Medias preview*/
@media (max-width: 800px){
    #slider {
        position: relative;
        overflow: hidden;
        margin: 0px;
        padding: 0;
        border-radius: 10px;
        width: 75vw;
        height: 62.5vw;
        margin-top: -55px;
      }
      
      #slider ul {
        position: relative;
        margin: 0;
        padding: 0;
        height: auto;
        list-style: none;
        width: 75vw;
        height: 62.5vw;
      }
      
      #slider ul li {
        position: relative;
        display: block;
        float: left;
        margin: 0;
        padding: 0;
        width: 75vw;
        height: 62.5vw;
        background: #ccc;
        text-align: center;
      }
    
      .imgsslider{
        width: 75vw;
        height: 62.5vw;
        object-fit: cover;
      }
      



    #divpreview0{
        position: fixed;
        left: calc(50% - 75vw/2);
        top: calc(50% - 62.5vw/2);
        width: 75vw;
        height: 62.5vw;
    
        display: none;
        z-index: 1001;
    
        background-size: cover;
        border-radius: 10px;
    }
    #divpreview{
        position: fixed;
        left: calc(50% - 75vw/2);
        top: calc(50% - 62.5vw/2);
        width: 75vw;
        height: 62.5vw;
    
        display: none;
        z-index: 1001;
    
        background-size: cover;
    }
    #divpreview2{
        position: fixed;
        left: calc(50% - 75vw/2);
        top: calc(50% - 62.5vw/2);
        width: 75vw;
        height: 62.5vw;
    
        display: none;
        z-index: 1001;
    
        background-size: cover;
    }
    #divpreview3{
        position: fixed;
        left: calc(50% - 75vw/2);
        top: calc(50% - 62.5vw/2);
        width: 75vw;
        height: 62.5vw;
    
        display: none;
        z-index: 1001;
    
        background-size: cover;
    }
    #divpreview4{
        position: fixed;
        left: calc(50% - 75vw/2);
        top: calc(50% - 62.5vw/2);
        width: 75vw;
        height: 62.5vw;
    
        display: none;
        z-index: 1001;
    
        background-size: cover;
    }
    #divpreview5{
        position: fixed;
        left: calc(50% - 75vw/2);
        top: calc(50% - 62.5vw/2);
        width: 75vw;
        height: 62.5vw;
    
        display: none;
        z-index: 1001;
    
        background-size: cover;
    }
    #divpreview6{
        position: fixed;
        left: calc(50% - 75vw/2);
        top: calc(50% - 62.5vw/2);
        width: 75vw;
        height: 62.5vw;
    
        display: none;
        z-index: 1001;
    
        background-size: cover;
    }
    #divpreview7{
        position: fixed;
        left: calc(50% - 75vw/2);
        top: calc(50% - 62.5vw/2);
        width: 75vw;
        height: 62.5vw;
    
        display: none;
        z-index: 1001;
    
        background-size: cover;
    }
    #divpreview8{
        position: fixed;
        left: calc(50% - 75vw/2);
        top: calc(50% - 62.5vw/2);
        width: 75vw;
        height: 62.5vw;
    
        display: none;
        z-index: 1001;
    
        background-size: cover;
    }
    #divpreview9{
        position: fixed;
        left: calc(50% - 75vw/2);
        top: calc(50% - 62.5vw/2);
        width: 75vw;
        height: 62.5vw;
    
        display: none;
        z-index: 1001;
    
        background-size: cover;
    }
    #cross{
        cursor: pointer;
        width: 6.25vw;
        height: auto;
    
    
        margin-left: 76.25vw;
    }
}
@media (max-width: 500px){
    #slider {
        z-index: -1;
        position: relative;
        overflow: hidden;
        margin: 0px;
        padding: 0;
        border-radius: 10px;
        width: 85vw;
        height: 62.5vw;
        margin-top: -55px;
      }
      
      #slider ul {
        position: relative;
        margin: 0;
        padding: 0;
        height: auto;
        list-style: none;
        width: 85vw;
        height: 62.5vw;
      }
      
      #slider ul li {
        position: relative;
        display: block;
        float: left;
        margin: 0;
        padding: 0;
        width: 85vw;
        height: 62.5vw;
        background: #ccc;
        text-align: center;
      }
    
      .imgsslider{
        width: 85vw;
        height: 62.5vw;
        object-fit: cover;
      }




    #divpreview0{
        position: fixed;
        left: calc(50% - 85vw/2);
        top: calc(50% - 62.5vw/2);
        width: 85vw;
        height: 62.5vw;
    
        display: none;
        z-index: 1001;
    
        background-size: cover;
        border-radius: 10px;
    }
    #divpreview{
        position: fixed;
        left: calc(50% - 85vw/2);
        top: calc(50% - 62.5vw/2);
        width: 85vw;
        height: 62.5vw;
    
        display: none;
        z-index: 1001;
    
        background-size: cover;
    }
    #divpreview2{
        position: fixed;
        left: calc(50% - 85vw/2);
        top: calc(50% - 62.5vw/2);
        width: 85vw;
        height: 62.5vw;
    
        display: none;
        z-index: 1001;
    
        background-size: cover;
    }
    #divpreview3{
        position: fixed;
        left: calc(50% - 85vw/2);
        top: calc(50% - 62.5vw/2);
        width: 85vw;
        height: 62.5vw;
    
        display: none;
        z-index: 1001;
    
        background-size: cover;
    }
    #divpreview4{
        position: fixed;
        left: calc(50% - 85vw/2);
        top: calc(50% - 62.5vw/2);
        width: 85vw;
        height: 62.5vw;
    
        display: none;
        z-index: 1001;
    
        background-size: cover;
    }
    #divpreview5{
        position: fixed;
        left: calc(50% - 85vw/2);
        top: calc(50% - 62.5vw/2);
        width: 85vw;
        height: 62.5vw;
    
        display: none;
        z-index: 1001;
    
        background-size: cover;
    }
    #divpreview6{
        position: fixed;
        left: calc(50% - 85vw/2);
        top: calc(50% - 62.5vw/2);
        width: 85vw;
        height: 62.5vw;
    
        display: none;
        z-index: 1001;
    
        background-size: cover;
    }
    #divpreview7{
        position: fixed;
        left: calc(50% - 85vw/2);
        top: calc(50% - 62.5vw/2);
        width: 85vw;
        height: 62.5vw;
    
        display: none;
        z-index: 1001;
    
        background-size: cover;
    }
    #divpreview8{
        position: fixed;
        left: calc(50% - 85vw/2);
        top: calc(50% - 62.5vw/2);
        width: 85vw;
        height: 62.5vw;
    
        display: none;
        z-index: 1001;
    
        background-size: cover;
    }
    #divpreview9{
        position: fixed;
        left: calc(50% - 85vw/2);
        top: calc(50% - 62.5vw/2);
        width: 85vw;
        height: 62.5vw;
    
        display: none;
        z-index: 1001;
    
        background-size: cover;
    }
    #cross{
        cursor: pointer;
        width: 40px;
        height: auto;
    
    
        margin-left: 74.25vw;
        margin-top: 10px;
    }
}

/*Ajuste logo*/
@media (max-width: 950px){    
    #locales{
        cursor: pointer;
        position: absolute;
        left: calc(50% - 370px/2);
    
        font-size: 27px;
        color: orange;
    
        height: 32px;
        width: 337px;
    
        overflow: hidden;
        white-space: nowrap;
    }
    #residencial{
        cursor: pointer;
        position: absolute;
        margin-top: 40px;
        left: calc(50% - 370px/2);
    
        font-size: 27px;
        color: white;
    
        height: 32px;
        width: 134px;
    
        overflow: hidden;
        white-space: nowrap;
    }  
    #divpabellondeespana{
        margin-top: 130px;
    }
}
@media (max-width: 600px){
    #locales{
        cursor: pointer;
        position: absolute;
        left: calc(50% - 73.33vw/2);
        margin-top: -3.333vw;
    
        font-size: 5.33vw;
        color: orange;
    
        height: 5.33vw;
        width: 66vw;
    
        overflow: hidden;
        white-space: nowrap;
    }
    #residencial{
        cursor: pointer;
        position: absolute;
        margin-top: 3.533vw;
        left: calc(50% - 73.33vw/2);
    
        font-size: 5.33vw;
        color: white;
    
        height: 5.33vw;
        width: 26.66vw;
    
        overflow: hidden;
        white-space: nowrap;
    } 
    #divpabellondeespana{
        margin-top: 28.666vw;
    }
}
@media (max-width: 500px){
    #locales{
        cursor: pointer;
        position: absolute;
        left: calc(50% - 73.33vw/2);
        margin-top: -1.333vw;
    
        font-size: 5.93vw;
        color: orange;
    
        height: 6.23vw;
        width: 74vw;
    
        overflow: hidden;
        white-space: nowrap;
    }
    #residencial{
        cursor: pointer;
        position: absolute;
        margin-top: 7.533vw;
        left: calc(50% - 73.33vw/2);
    
        font-size: 5.93vw;
        color: white;
    
        height: 6.23vw;
        width: 28.66vw;
    
        overflow: hidden;
        white-space: nowrap;
    } 
}