@media screen and (max-width:1008px){
#idOp{width:100%; border-bottom:2px solid #4D4D4D}
#webpage{width:100%; margin:0px auto; background-image:url(../immagini/bg_pagina.jpg); background-position:right; background-repeat:repeat-y; background-color:#FFFFFF;}
#top{height:auto; font-size:0px; border-bottom:2px solid #01843E; clear:both}
#top div{float:none; text-align:center}
#top .climax img{width:90%; height:90%}
#top .spacer-top{display:none}
#menu{ display:none}

#login{margin:10% auto; padding:2px; width:40%;}


#main{min-height:450px; padding:10px;}
input[type=checkbox],input[type=radio]{width:20px !important; border:0px; vertical-align:middle}
}
@media only screen and (max-width:674px){
#top .climax img, #top .logo img{width:100%; height:100%}
#login{margin:10% auto; padding:2px; width:70%;}
#login .txt{width:90% !important}
.row{margin:5px 0}
.row div{float:none; width:99%; margin:unset; line-height:30px;}
.row .label{float:none; width:99%; padding:0 2px; line-height:36px}
#sportello div div div div, #prestazioni div div{float:left; width:auto; padding:0 2px}
.row .e div{float:left; width:auto; padding:0 1.5%}
.row .e .label{width:25%;}
img.ui-datepicker-trigger {display:none}
input,input[type=submit],input[type=button]{width:99.5% !important; line-height:30px; height:30px; padding:0 2px}
select{width:99.5% !important; line-height:36px; height:36px;}
textarea{width:99.5%; line-height:25px;}

#main{min-height:450px; padding:5%; clear:both}
.quad1{width:100% !important; margin:0px !important; padding:0px; height:200px; font-size:24px; line-height:30px !important; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;}
.quad2{width:100% !important; margin:0px !important; padding:0px; height:200px; font-size:24px; line-height:30px !important; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;}
}