/**** img place ****/
#mapa_avida {
    width: 100%;
    height: auto;
    overflow: hidden;
}

#image {
    width: 100%;
    height: auto;
    transition: transform 1.0s ease;
}

/***** tooltips ****/
#zona1-tooltip,
#zona2-tooltip,
#zona3-tooltip,
#zona4-tooltip,
#zona5-tooltip,
#zona6-tooltip,
#zona7-tooltip,
#zona8-tooltip,
#zona9-tooltip,
#zona10-tooltip,
#zona11-tooltip,
#zona12-tooltip,
#zona13-tooltip,
#zona14-tooltip,
#zona15-tooltip,
#zona16-tooltip,
#zona17-tooltip,
#zona18-tooltip,
#zona19-tooltip,
#zona20-tooltip {
    display: none;
    position: absolute;
    background: rgb(255, 255, 255);
    padding: 0px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    width: 145px;
}

#title_tooltip{ font-size: 10px;text-align: center;}

#info_tooltip{ font-size: 8px; text-align: center; padding: 5px;}

#logo_tooltip{margin: 8px; height: 30px;}

/***** cuadro de mensajes *****/
.zona1, .zona2, .zona3, .zona4, .zona5, .zona6, .zona7, .zona8, .zona9, .zona10, .zona11, .zona12, .zona13, .zona14, .zona15, .zona16, .zona17, .zona18, .zona19, .zona20{
    position: relative;
    background: rgb(255, 255, 255);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    display: none;
}

.btn-close{
    position: relative;
    background: #ff1100;
    color: white;
    border: none;
    cursor: pointer;
}

.btn-reserve{
    background-color: #ff007f;
    color: white;
    cursor: pointer;
    border: none;
}

#logo-sushi{
    height: 25px;
}

#image-sushi, #image-sushi2 {
    height: 50px;
}

#title_zona,
#title-horario{
    font-size: 5px;
    margin-bottom: 0px;
    text-align: center;
}

#info_zona,
#info-horario{
    font-size: 4px;
    color: #666;
    text-align: center;
    padding: 5px;
    margin-bottom: 0px;
}

#horario-sushi{
    text-align: center;
}

.zona1 .btn-close, .zona2 .btn-close, .zona3 .btn-close, .zona4 .btn-close, .zona5 .btn-close, .zona6 .btn-close, .zona7 .btn-close, .zona8 .btn-close, .zona9 .btn-close, .zona10 .btn-close, .zona11 .btn-close, .zona12 .btn-close, .zona13 .btn-close, .zona14 .btn-close, .zona15 .btn-close, .zona16 .btn-close, .zona17 .btn-close, .zona18 .btn-close, .zona19 .btn-close, .zona20 .btn-close {
    margin-left: 80%;
    font-size: 4px;
    height: auto;
    border-radius: 25px;
    width: 18%;
}

.zona1 .btn-reserve, .zona2 .btn-reserve, .zona3 .btn-reserve, .zona4 .btn-reserve, .zona5 .btn-reserve, .zona6 .btn-reserve, .zona7 .btn-reserve, .zona8 .btn-reserve, .zona9 .btn-reserve, .zona10 .btn-reserve, .zona11 .btn-reserve, .zona12 .btn-reserve, .zona13 .btn-reserve, .zona14 .btn-reserve, .zona15 .btn-reserve, .zona16 .btn-reserve, .zona17 .btn-reserve, .zona18 .btn-reserve, .zona19 .btn-reserve, .zona20 .btn-reserve {
    font-size: 5px;
    border-radius: 10px;
    height: 30%;
}

/* tamaño pequeño */
@media only screen and (min-width: 320px) {
    .zona1 { top: -178px; right: -185px; height: 165px; width: 35%; padding: 0px; border-radius: 10px;}
    .zona2 { top: -178px; right: -160px; width: 37%; padding: 0px; border-radius: 10px;}
    .zona3 { top: -178px; right: -160px; width: 37%; padding: 0px; border-radius: 10px;}
    .zona4 { top: -178px; right: -160px; width: 37%; padding: 0px; border-radius: 10px;}
    .zona5 { top: -178px; right: -160px; width: 37%; padding: 0px; border-radius: 10px;}
    .zona6 { top: -178px; right: -160px; width: 37%; padding: 0px; border-radius: 10px;}
    .zona7 { top: -178px; right: -160px; width: 37%; padding: 0px; border-radius: 10px;}
    .zona8 { top: -178px; right: -160px; width: 37%; padding: 0px; border-radius: 10px;}
    .zona9 { top: -178px; right: -160px; width: 37%; padding: 0px; border-radius: 10px;}
    .zona10 { top: -178px; right: -160px; width: 37%; padding: 0px; border-radius: 10px;}
    .zona11 { top: -178px; right: -160px; width: 37%; padding: 0px; border-radius: 10px;}
    .zona12 { top: -178px; right: -160px; width: 37%; padding: 0px; border-radius: 10px;}
    .zona13 { top: -178px; right: -160px; width: 37%; padding: 0px; border-radius: 10px;}
    .zona14 { top: -178px; right: -160px; width: 37%; padding: 0px; border-radius: 10px;}
    .zona15 { top: -178px; right: -160px; width: 37%; padding: 0px; border-radius: 10px;}
    .zona16 { top: -178px; right: -160px; width: 37%; padding: 0px; border-radius: 10px;}
    .zona17 { top: -178px; right: -160px; width: 37%; padding: 0px; border-radius: 10px;}
    .zona18 { top: -178px; right: -160px; width: 37%; padding: 0px; border-radius: 10px;}
    .zona19 { top: -178px; right: -160px; width: 37%; padding: 0px; border-radius: 10px;}
    .zona20 { top: -178px; right: -160px; width: 37%; padding: 0px; border-radius: 10px;}

    #btn-close {margin-bottom: -10px; height: 22px;}
    #btn-reserve { margin-top: -5px; height: 30px;}

}

@media only screen and (min-width: 360px) {
    .zona1 {top: -200px; right: -200px;}
    .zona2 {top: -200px; right: -180px;}
    .zona3 {top: -200px; right: -180px;}
    .zona4 {top: -200px; right: -180px;}
    .zona5 {top: -200px; right: -180px;}
    .zona6 {top: -200px; right: -180px;}
    .zona7 {top: -200px; right: -180px;}
    .zona8 {top: -200px; right: -180px;}
    .zona9 {top: -200px; right: -180px;}
    .zona10 {top: -200px; right: -180px;}
    .zona11 {top: -200px; right: -180px;}
    .zona12 {top: -200px; right: -180px;}
    .zona13 {top: -200px; right: -180px;}
    .zona14 {top: -200px; right: -180px;}
    .zona15 {top: -200px; right: -180px;}
    .zona16 {top: -200px; right: -180px;}
    .zona17 {top: -200px; right: -180px;}
    .zona18 {top: -200px; right: -180px;}
    .zona19 {top: -200px; right: -180px;}
    .zona20 {top: -200px; right: -180px;}
    
}

@media only screen and (min-width: 425px) {
    .zona1 {top: -225px; right: -190px;}
    .zona2 {top: -230px; right: -190px;}
    .zona3 {top: -230px; right: -190px;}
    .zona4 {top: -230px; right: -190px;}
    .zona5 {top: -230px; right: -190px;}
    .zona6 {top: -230px; right: -190px;}
    .zona7 {top: -230px; right: -190px;}
    .zona8 {top: -230px; right: -190px;}
    .zona9 {top: -230px; right: -190px;}
    .zona10 {top: -230px; right: -190px;}
    .zona11 {top: -230px; right: -190px;}
    .zona12 {top: -230px; right: -190px;}
    .zona13 {top: -230px; right: -190px;}
    .zona14 {top: -230px; right: -190px;}
    .zona15 {top: -230px; right: -190px;}
    .zona16 {top: -230px; right: -190px;}
    .zona17 {top: -230px; right: -190px;}
    .zona18 {top: -230px; right: -190px;}
    .zona19 {top: -230px; right: -190px;}
    .zona20 {top: -230px; right: -190px;}
}

@media only screen and (min-width: 500px) {
    .zona1 {top: -255px; right: -255px; width: 25%;}
    .zona2 {top: -255px; right: -255px; width: 25%;}
    .zona3 {top: -255px; right: -255px; width: 25%;}
    .zona4 {top: -230px; right: -190px;}
    .zona5 {top: -230px; right: -190px;}
    .zona6 {top: -230px; right: -190px;}
    .zona7 {top: -230px; right: -190px;}
    .zona8 {top: -230px; right: -190px;}
    .zona9 {top: -230px; right: -190px;}
    .zona10 {top: -230px; right: -190px;}
    .zona11 {top: -230px; right: -190px;}
    .zona12 {top: -230px; right: -190px;}
    .zona13 {top: -230px; right: -190px;}
    .zona14 {top: -230px; right: -190px;}
    .zona15 {top: -230px; right: -190px;}
    .zona16 {top: -230px; right: -190px;}
    .zona17 {top: -230px; right: -190px;}
    .zona18 {top: -230px; right: -190px;}
    .zona19 {top: -230px; right: -190px;}
    .zona20 {top: -230px; right: -190px;}
}

@media only screen and (min-width: 600px) {
    .zona1 {top: -300px; right: -300px;}
    .zona2 {top: -300px; right: -300px;}
    .zona3 {top: -300px; right: -300px;}
    .zona4 {top: -230px; right: -190px;}
    .zona5 {top: -230px; right: -190px;}
    .zona6 {top: -230px; right: -190px;}
    .zona7 {top: -230px; right: -190px;}
    .zona8 {top: -230px; right: -190px;}
    .zona9 {top: -230px; right: -190px;}
    .zona10 {top: -230px; right: -190px;}
    .zona11 {top: -230px; right: -190px;}
    .zona12 {top: -230px; right: -190px;}
    .zona13 {top: -230px; right: -190px;}
    .zona14 {top: -230px; right: -190px;}
    .zona15 {top: -230px; right: -190px;}
    .zona16 {top: -230px; right: -190px;}
    .zona17 {top: -230px; right: -190px;}
    .zona18 {top: -230px; right: -190px;}
    .zona19 {top: -230px; right: -190px;}
    .zona20 {top: -230px; right: -190px;}
}

@media only screen and (min-width: 700px) {
    .zona1 { top: -350px; right: -390px; width: 20%;}
    .zona2 { top: -330px; right: -390px; width: 20%;}
    .zona3 { top: -330px; right: -390px; width: 20%;}
    .zona4 {top: -330px; right: -390px; width: 20%;}
    .zona5 {top: -330px; right: -390px; width: 20%;}
    .zona6 {top: -330px; right: -390px; width: 20%;}
    .zona7 {top: -330px; right: -390px; width: 20%;}
    .zona8 {top: -330px; right: -390px; width: 20%;}
    .zona9 {top: -330px; right: -390px; width: 20%;}
    .zona10 {top: -330px; right: -390px; width: 20%;}
    .zona11 {top: -330px; right: -390px; width: 20%;}
    .zona12 {top: -330px; right: -390px; width: 20%;}
    .zona13 {top: -330px; right: -390px; width: 20%;}
    .zona14 {top: -330px; right: -390px; width: 20%;}
    .zona15 {top: -330px; right: -390px; width: 20%;}
    .zona16 {top: -330px; right: -390px; width: 20%;}
    .zona17 {top: -330px; right: -390px; width: 20%;}
    .zona18 {top: -330px; right: -390px; width: 20%;}
    .zona19 {top: -330px; right: -390px; width: 20%;}
    .zona20 {top: -330px; right: -390px; width: 20%;}

    #zona1-tooltip, #zona2-tooltip {width: 145px;}

    #title_tooltip{ font-size: 12px;text-align: center;}
    #info_tooltip{ font-size: 12px; text-align: center;}
    #logo_tooltip{margin: 15px; height: 40px;}

}

@media only screen and (min-width: 800px) {
    .zona1 {top: -400px; right: -400px; width: 15%;}
    .zona2 {top: -400px; right: -450px; width: 15%;}
    .zona3 {top: -400px; right: -450px; width: 15%;}
    .zona4 {top: -400px; right: -450px; width: 15%;}
    .zona5 {top: -400px; right: -450px; width: 15%;}
    .zona6 {top: -400px; right: -450px; width: 15%;}
    .zona7 {top: -400px; right: -450px; width: 15%;}
    .zona8 {top: -400px; right: -450px; width: 15%;}
    .zona9 {top: -400px; right: -450px; width: 15%;}
    .zona10 {top: -400px; right: -450px; width: 15%;}
    .zona11 {top: -400px; right: -450px; width: 15%;}
    .zona12 {top: -400px; right: -450px; width: 15%;}
    .zona13 {top: -400px; right: -450px; width: 15%;}
    .zona14 {top: -400px; right: -450px; width: 15%;}
    .zona15 {top: -400px; right: -450px; width: 15%;}
    .zona16 {top: -400px; right: -450px; width: 15%;}
    .zona17 {top: -400px; right: -450px; width: 15%;}
    .zona18 {top: -400px; right: -450px; width: 15%;}
    .zona19 {top: -400px; right: -450px; width: 15%;}
    .zona20 {top: -400px; right: -450px; width: 15%;}
}

@media only screen and (min-width: 900px) {
    .zona1 {top: -400px;right: -450px;width: 15%;}
    .zona2 {top: -400px;right: -500px;width: 15%;}
    .zona3 {top: -400px;right: -500px;width: 15%;}
    .zona4 {top: -400px;right: -500px;width: 15%;}
    .zona5 {top: -400px;right: -500px;width: 15%;}
    .zona6 {top: -400px;right: -500px;width: 15%;}
    .zona7 {top: -400px;right: -500px;width: 15%;}
    .zona8 {top: -400px;right: -500px;width: 15%;}
    .zona9 {top: -400px;right: -500px;width: 15%;}
    .zona10 {top: -400px;right: -500px;width: 15%;}
    .zona11 {top: -400px;right: -500px;width: 15%;}
    .zona12 {top: -400px;right: -500px;width: 15%;}
    .zona13 {top: -400px;right: -500px;width: 15%;}
    .zona14 {top: -400px;right: -500px;width: 15%;}
    .zona15 {top: -400px;right: -500px;width: 15%;}
    .zona16 {top: -400px;right: -500px;width: 15%;}
    .zona17 {top: -400px;right: -500px;width: 15%;}
    .zona18 {top: -400px;right: -500px;width: 15%;}
    .zona19 {top: -400px;right: -500px;width: 15%;}
    .zona20 {top: -400px;right: -500px;width: 15%;}
}

@media only screen and (min-width: 1000px) {
    .zona1 {top: -500px; right: -450px; width: 15%;}
    .zona2 {top: -450px; right: -700px; width: 15%;}
    .zona3 {top: -450px; right: -700px; width: 15%;}
    .zona4 {top: -450px; right: -700px; width: 15%;}
    .zona5 {top: -450px; right: -700px; width: 15%;}
    .zona6 {top: -450px; right: -700px; width: 15%;}
    .zona7 {top: -450px; right: -700px; width: 15%;}
    .zona8 {top: -450px; right: -700px; width: 15%;}
    .zona9 {top: -450px; right: -700px; width: 15%;}
    .zona10 {top: -450px; right: -700px; width: 15%;}
    .zona11 {top: -450px; right: -700px; width: 15%;}
    .zona12 {top: -450px; right: -700px; width: 15%;}
    .zona13 {top: -450px; right: -700px; width: 15%;}
    .zona14 {top: -450px; right: -700px; width: 15%;}
    .zona15 {top: -450px; right: -700px; width: 15%;}
    .zona16 {top: -450px; right: -700px; width: 15%;}
    .zona17 {top: -450px; right: -700px; width: 15%;}
    .zona18 {top: -450px; right: -700px; width: 15%;}
    .zona19 {top: -450px; right: -700px; width: 15%;}
    .zona20 {top: -450px; right: -700px; width: 15%;}
}

/******* tamaño pequeño-mediano ********/
@media only screen and (min-width: 1200px) {
    #logo-sushi{ height: 25px; }
    #image-sushi{ height: 50px; }
    #btn-close{ margin-bottom: -10px; height: 22px; }
    .btn-close{ margin-left: 80%; font-size: 4px; height: auto; border-radius: 25px; width: 18%; }
    #btn-reserve{ height: 30px; }
    .btn-reserve{ font-size: 5px; border-radius: 10px; height: 30%; }
    
    .zona1, .zona2, .zona3, .zona4, .zona5, .zona6, .zona7, .zona8, .zona9, .zona10, .zona11, .zona12, .zona13, .zona14, .zona15, .zona16, .zona17, .zona18, .zona19, .zona20 {border-radius: 10px; padding: 0; }
    .zona1 { top: -550px; right: -550px; width: 10%;}
    .zona2 { top: -500px; right: -750px; width: 10%; }
    .zona3 { top: -500px; right: -750px; width: 10%; }
    .zona4 {top: -500px; right: -750px; width: 10%;}
    .zona5 {top: -500px; right: -750px; width: 10%;}
    .zona6 {top: -500px; right: -750px; width: 10%;}
    .zona7 {top: -500px; right: -750px; width: 10%;}
    .zona8 {top: -500px; right: -750px; width: 10%;}
    .zona9 {top: -500px; right: -750px; width: 10%;}
    .zona10 {top: -500px; right: -750px; width: 10%;}
    .zona11 {top: -500px; right: -750px; width: 10%;}
    .zona12 {top: -500px; right: -750px; width: 10%;}
    .zona13 {top: -500px; right: -750px; width: 10%;}
    .zona14 {top: -500px; right: -750px; width: 10%;}
    .zona15 {top: -500px; right: -750px; width: 10%;}
    .zona16 {top: -500px; right: -750px; width: 10%;}
    .zona17 {top: -500px; right: -750px; width: 10%;}
    .zona18 {top: -500px; right: -750px; width: 10%;}
    .zona19 {top: -500px; right: -750px; width: 10%;}
    .zona20 {top: -500px; right: -750px; width: 10%;}

    #title_zona{ font-size: 5px; margin-bottom: 0; text-align: center; }
    #info_zona{ font-size: 4px; padding: 5px; color: #666; text-align: center; margin-bottom: 0; }
    #horario-sushi{ text-align: center; }
    #title-horario{ font-size: 4px; color: #000; margin: 0; }
    #info-horario{ font-size: 3px; color: #000; margin: 0; margin-bottom: 1px; }


    #zona1-tooltip,#zona2-tooltip {width: 200px;}
    #title_tooltip{font-size: 16px; text-align: center;}
    #logo_tooltip{ margin: 15px; height: 50px;}

}

@media only screen and (min-width: 1300px) {
    .zona1 { top: -580px; right: -600px; width: 12%; height: 25%; }
    .zona2 { top: -520px; right: -780px; width: 12%; height: 25%; }
    .zona3 { top: -520px; right: -780px; width: 12%; height: 25%; }
    .zona4 {top: -520px; right: -780px; width: 12%; height: 25%;}
    .zona5 {top: -520px; right: -780px; width: 12%; height: 25%;}
    .zona6 {top: -520px; right: -780px; width: 12%; height: 25%;}
    .zona7 {top: -520px; right: -780px; width: 12%; height: 25%;}
    .zona8 {top: -520px; right: -780px; width: 12%; height: 25%;}
    .zona9 {top: -520px; right: -780px; width: 12%; height: 25%;}
    .zona10 {top: -520px; right: -780px; width: 12%; height: 25%;}
    .zona11 {top: -520px; right: -780px; width: 12%; height: 25%;}
    .zona12 {top: -520px; right: -780px; width: 12%; height: 25%;}
    .zona13 {top: -520px; right: -780px; width: 12%; height: 25%;}
    .zona14 {top: -520px; right: -780px; width: 12%; height: 25%;}
    .zona15 {top: -520px; right: -780px; width: 12%; height: 25%;}
    .zona16 {top: -520px; right: -780px; width: 12%; height: 25%;}
    .zona17 {top: -520px; right: -780px; width: 12%; height: 25%;}
    .zona18 {top: -520px; right: -780px; width: 12%; height: 25%;}
    .zona19 {top: -520px; right: -780px; width: 12%; height: 25%;}
    .zona20 {top: -520px; right: -780px; width: 12%; height: 25%;}

    #title_zona{ font-size: 7px; }
    #info_zona{ font-size: 5px; }
    #title-horario{ font-size: 5px; }
    #info-horario{ font-size: 4.5px; }
}

/******** tamaño mediano **********/
@media only screen and (min-width: 1400px) {
    #logo-sushi{  height: 40px;}
    .zona1 { top: -600px; right: -750px; width: 15%; height: 10%; padding: 10px; border-radius: 30px;}
    .zona2 { top: -550px; right: -850px; width: 15%; height: 10%; padding: 10px; border-radius: 30px;}
    .zona3 { top: -550px; right: -850px; width: 15%; height: 10%; padding: 10px; border-radius: 30px;}
    .zona4 {top: -550px; right: -850px; width: 15%; height: 10%; padding: 10px; border-radius: 30px;}
    .zona5 {top: -550px; right: -850px; width: 15%; height: 10%; padding: 10px; border-radius: 30px;}
    .zona6 {top: -550px; right: -850px; width: 15%; height: 10%; padding: 10px; border-radius: 30px;}
    .zona7 {top: -550px; right: -850px; width: 15%; height: 10%; padding: 10px; border-radius: 30px;}
    .zona8 {top: -550px; right: -850px; width: 15%; height: 10%; padding: 10px; border-radius: 30px;}
    .zona9 {top: -550px; right: -850px; width: 15%; height: 10%; padding: 10px; border-radius: 30px;}
    .zona10 {top: -550px; right: -850px; width: 15%; height: 10%; padding: 10px; border-radius: 30px;}
    .zona11 {top: -550px; right: -850px; width: 15%; height: 10%; padding: 10px; border-radius: 30px;}
    .zona12 {top: -550px; right: -850px; width: 15%; height: 10%; padding: 10px; border-radius: 30px;}
    .zona13 {top: -550px; right: -850px; width: 15%; height: 10%; padding: 10px; border-radius: 30px;}
    .zona14 {top: -550px; right: -850px; width: 15%; height: 10%; padding: 10px; border-radius: 30px;}
    .zona15 {top: -550px; right: -850px; width: 15%; height: 10%; padding: 10px; border-radius: 30px;}
    .zona16 {top: -550px; right: -850px; width: 15%; height: 10%; padding: 10px; border-radius: 30px;}
    .zona17 {top: -550px; right: -850px; width: 15%; height: 10%; padding: 10px; border-radius: 30px;}
    .zona18 {top: -550px; right: -850px; width: 15%; height: 10%; padding: 10px; border-radius: 30px;}
    .zona19 {top: -550px; right: -850px; width: 15%; height: 10%; padding: 10px; border-radius: 30px;}
    .zona20 {top: -550px; right: -850px; width: 15%; height: 10%; padding: 10px; border-radius: 30px;}

    #title_zona{ font-size: 8px; }
    #image-sushi{ height: 80px; }
    #info_zona{ font-size: 6px; }
    #title-horario{ font-size: 7px; }
    #info-horario{ font-size: 5px; margin-bottom: 4px; }

    .zona1 .btn-close, .zona2 .btn-close {margin-left: 85%; font-size: 6px; height: auto; border-radius: 25px; width: 15%;}
    .zona1 .btn-reserve, .zona2 .btn-reserve {font-size: 7px; border-radius: 10px; height: 40%;} 
}

@media only screen and (min-width: 1500px) {
    .zona1 { top: -650px; }
    .zona2 { top: -650px; }
    .zona3 { top: -650px; }
    .zona4 {top: -650px;}
    .zona5 {top: -650px;}
    .zona6 {top: -650px;}
    .zona7 {top: -650px;}
    .zona8 {top: -650px;}
    .zona9 {top: -650px;}
    .zona10 {top: -650px;}
    .zona11 {top: -650px;}
    .zona12 {top: -650px;}
    .zona13 {top: -650px;}
    .zona14 {top: -650px;}
    .zona15 {top: -650px;}
    .zona16 {top: -650px;}
    .zona17 {top: -650px;}
    .zona18 {top: -650px;}
    .zona19 {top: -650px;}
    .zona20 {top: -650px;}

    #zona1-tooltip { right: -400px; width: 20%; height: 2%; }
    #zona2-tooltip { right: -1050px; width: 15%; height: 2%; }
}

/********* tamaño grande *********/
@media only screen and (min-width: 1600px) {
    #logo-sushi{ height: 45px; }
    .zona1 { top: -800px; }
    .zona2 { top: -800px; right: -1100px; }
    .zona3 { top: -800px; right: -1100px; }
    .zona4 {top: -800px; right: -1100px;}
    .zona5 {top: -800px; right: -1100px;}
    .zona6 {top: -800px; right: -1100px;}
    .zona7 {top: -800px; right: -1100px;}
    .zona8 {top: -800px; right: -1100px;}
    .zona9 {top: -800px; right: -1100px;}
    .zona10 {top: -800px; right: -1100px;}
    .zona11 {top: -800px; right: -1100px;}
    .zona12 {top: -800px; right: -1100px;}
    .zona13 {top: -800px; right: -1100px;}
    .zona14 {top: -800px; right: -1100px;}
    .zona15 {top: -800px; right: -1100px;}
    .zona16 {top: -800px; right: -1100px;}
    .zona17 {top: -800px; right: -1100px;}
    .zona18 {top: -800px; right: -1100px;}
    .zona19 {top: -800px; right: -1100px;}
    .zona20 {top: -800px; right: -1100px;}

    #title_zona{ font-size: 9px; }
    #image-sushi{ height: 80px; }
    #info_zona{ font-size: 7px; }
    #title-horario{ font-size: 8px; }
    #info-horario{ font-size: 6px; margin-bottom: 4px; }

    .zona1 .btn-close, .zona2 .btn-close, .zona3 .btn-close, .zona4 .btn-close, .zona5 .btn-close, .zona6 .btn-close, .zona7 .btn-close, .zona8 .btn-close, .zona9 .btn-close, .zona10 .btn-close, .zona11 .btn-close, .zona12 .btn-close, .zona13 .btn-close, .zona14 .btn-close, .zona15 .btn-close, .zona16 .btn-close, .zona17 .btn-close, .zona18 .btn-close, .zona19 .btn-close, .zona20 .btn-close  {margin-left: 82%; font-size: 6px; height: auto; border-radius: 25px; width: 15%;}
    .zona1 .btn-reserve, .zona2 .btn-reserve, .zona3 .btn-reserve, .zona4 .btn-reserve, .zona5 .btn-reserve, .zona6 .btn-reserve, .zona7 .btn-reserve, .zona8 .btn-reserve, .zona9 .btn-reserve, .zona10 .btn-reserve, .zona11 .btn-reserve, .zona12 .btn-reserve, .zona13 .btn-reserve, .zona14 .btn-reserve, .zona15 .btn-reserve, .zona16 .btn-reserve, .zona17 .btn-reserve, .zona18 .btn-reserve, .zona19 .btn-reserve, .zona20 .btn-reserve  {font-size: 7px; border-radius: 10px; height: 40%;}

    #zona1-tooltip,#zona2-tooltip,#zona3-tooltip,#zona4-tooltip,#zona5-tooltip,#zona6-tooltip,#zona7-tooltip,#zona8-tooltip,#zona9-tooltip,#zona10-tooltip,#zona11-tooltip,#zona12-tooltip,#zona13-tooltip,#zona14-tooltip,#zona15-tooltip,#zona16-tooltip,#zona17-tooltip,#zona18-tooltip,#zona19-tooltip,#zona20-tooltip {width: 300px; height: 230px}
    #title_tooltip{font-size: 18px; text-align: center;}
    #logo_tooltip{ margin: 15px; height: 70px;}  
    #info_tooltip{font-size: 14px;}

}

@media only screen and (min-width: 1700px) {
    .zona1 { top: -900px; right: -850px; }
    .zona2 { top: -850px; right: -1200px; }
    .zona3 { top: -850px; right: -1200px; }
    .zona4 {top: -850px; right: -1200px;}
    .zona5 {top: -850px; right: -1200px;}
    .zona6 {top: -850px; right: -1200px;}
    .zona7 {top: -850px; right: -1200px;}
    .zona8 {top: -850px; right: -1200px;}
    .zona9 {top: -850px; right: -1200px;}
    .zona10 {top: -850px; right: -1200px;}
    .zona11 {top: -850px; right: -1200px;}
    .zona12 {top: -850px; right: -1200px;}
    .zona13 {top: -850px; right: -1200px;}
    .zona14 {top: -850px; right: -1200px;}
    .zona15 {top: -850px; right: -1200px;}
    .zona16 {top: -850px; right: -1200px;}
    .zona17 {top: -850px; right: -1200px;}
    .zona18 {top: -850px; right: -1200px;}
    .zona19 {top: -850px; right: -1200px;}
    .zona20 {top: -850px; right: -1200px;}
}