#resa_block, #resa_block_mob{
position:absolute;
display:block;
width:100%;left:0;
z-index:3;
}

#resa_block, #resa_block_mob{
background-image: url("../images/lignetop.gif");
    background-position: 50% 0;
    background-repeat: repeat-y;
    background-size: cover;
    color: #fff;
    height: 35%;
    left: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    top: 65%;
    width: 100%;
    z-index: 10;
	overflow:hidden;
}
.ui-datepicker {z-index:999 !important;}
#resa_block_mob{width:100%;height:100%;top:0;left:0;}
#resa_block_mob form{width:80%;left:10%;}
#page_f {z-index:50;height:100% !important;top:0;position:absolute;}
#pageresa,#pageresa_mobile{height:100%;width:100%;}
#resa_block h1, #resa_block_mob h1{font-size:1.1em;text-align:center;margin:1em 0 ;border-bottom: 1px solid #fff;padding:0 0 15px 0;}
#resa_block_mob h3{font-size:1em;text-align:center;margin:1em 30px; ;border-bottom: 1px solid #fff;padding:0 0 15px 0;}
#resa_block_mob p {font-size:0.9em;color:#eeeeee;margin:30px;}
#resa_block_mob a{font-size: 1.1em;color:#ffffff;text-decoration:underline;cursor:pointer;}
#resa_block {font-size:0.9em;}
#myform{width:90%;left:5%;position:relative;}
#data_arrivo{  display: inline; display: inline-block;
    position: relative;
    width: 60%;}
#data_arrivo input{width:100%;}
#notti{  display: inline-block;
    float: right;
    position: relative;
    width: 30%;
}
#notti select, #adulti select, #bambini select{width:100%;}
#camere{ display: inline-block;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 8px;
    position: relative;
	width:30%;}
#adulti{display: inline-block;
    position: relative;
	margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 8px;
    width: 30%;}
#bambini{display: inline-block;
	margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 8px;
    float: right;
    position: relative;
    width: 30%;}
#box_cod_cliente{ display: none;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 8px;
    position: relative;
	width:40%;}
#box_special_code{display: none;
    float: right;
    position: relative;
	margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 8px;
    width: 40%;}
#cerca{display:block;width:100%;position:relative;left:0;padding:0;margin:8px 0 0 0;}
#cancella{display:block;text-align:center;width:80%;position:relative;left:10%;padding:0;margin:8px 0 0 0;}
#cerca #button{cursor:pointer;display:block;margin:0;padding:0;width:100%;height:28px;border: 1px solid #EDEDED;border-radius:0px;color: #fff;background-color:transparent;}
#cerca #button:hover{background-color:#fff;color:#a64447;}
#cancella a{color:#DEDEDE;}

@media only screen and (min-width :1540px) {
#resa_block h1{font-size:1.2em;text-align:center;margin:1em 0 ;}
}
@media only screen and (min-width :1240px) {
#pageresa{display:block;}
#pageresa_mobile{display:none !important;}
#resa_block{display:block;}

}
@media only screen and (min-height :680px) {
#cerca, #cancella, #data_arrivo, #notti, #camere , #adulti, #bambini{margin:1.5em 0 0 0;}
}
@media only screen and (max-width :1239px) {
#pageresa{display:block;}
#pageresa_mobile{display:none !important;}
#resa_block{
top:60%;
/*MASQUAGE DU BLOC RESA RAPIDE VERSION MOBILE*/
height:40%;
}
}
@media only screen and (max-width :1000px) and (max-height :600px){
#pageresa{display:block;}
#pageresa_mobile{display:none !important;}
#resa_block{
top:60%;
/*MASQUAGE DU BLOC RESA RAPIDE VERSION MOBILE*/
height:40%;
display:none;
}


}
@media only screen and (max-width :800px) {
#page_f {z-index:50;height:75% !important;top:12.5%;}

#resa_block{
top:60%;
/*MASQUAGE DU BLOC RESA RAPIDE VERSION MOBILE*/
height:40%;
display:none;
}
}

@media only screen and (max-width :800px) and (max-height:600px) {
#page_f {z-index:50;height:100% !important;top:0;}
}

@media only screen and (max-width :580px) {
#page_f {z-index:50;height:75% !important;top:12.5%;}
}

@media only screen and (max-width :580px) and (max-height:420px) {
#page_f {z-index:50;height:100% !important;top:0;}
}

@media only screen and (max-width :420px) {
#page_f {z-index:50;height:75% !important;top:12.5%;}
}

@media only screen and (max-width :420px) and (max-height:380px) {
#page_f {z-index:50;height:100% !important;top:0;}
}