/*******************************************************************************************************************
*  CSS RESPONSIVE
*******************************************************************************************************************/
@media only screen and (min-width:769px) and (max-width:1024px) {
	header {padding-top: 10px; padding-bottom:0px}
	.wrapper{margin:2%;}
	.slide{font-size: 1.2em; line-height: 1.6em;}


	.full input {width: 98%}
	.full select {min-width: 98%}

	.divided{width: -moz-available}

	#main_window table{font-size:0.7em;}
	#main_window th{font-size: 0.8em; text-align: left; padding-right: 18px;}
	#main_window td img{height:20px !important;}
}




@media only screen and (min-width:481px) and (max-width:768px) {


	header {padding-top: 10px; padding-bottom:0px}
	section {margin-bottom: 5px;}


	#area_riservata h1 {font-size:2.3em }
	#area_riservata h2 {font-size:0.9em; padding-bottom:10px; padding-top:10px}

	#area_riservata .login{width: 100%;}
	#area_riservata .login fieldset {width: 100%; padding-bottom:0px}
	#area_riservata .login label {padding-bottom:5px; font-size: 1.2em;}
	#area_riservata .link_blu {text-align: left}

	.wrapper{margin:2%;}
	.top_header{/*height: auto;*/ height: 60px;}
	.logo_footer{display: none;}	
	.logo_header{display: block; margin: 0 auto;}
	.img_logout{position: absolute; top: 0;right: 0;}

	.slide{font-size: 1em; line-height: 1.6em;}
	.slide h1{margin-top:5px; margin-bottom:5px; font-size: 1.4em;}
	.slide h2{margin-top:5px; margin-bottom:5px; font-size: 1.4em;}
	.slide img{width:100%; margin-right: 0px; margin-bottom: 10px; clear: both;}

	.bottom_footer{height: 60px;}

	.avanti{display: none;}
	.avanti_mobile{display: block; position: absolute; right: 10px; z-index: 3000; width: initial !important; border: 0 !important; border: 0 !important;}
	.privacy{color: #005ca8;float: left; padding:15px;}
	
	#area_riservata #loginmsg{text-align: center;}

	.divided{width:-moz-available}

	.full input {width: 98%}
	.full select {min-width: 98%}

	#main_window th{font-size: 0.8em; text-align: left; padding-right: 18px; }

	.riga_form input {width: 99% !important}
	.riga_form select {width: 99% !important} 

	.desc_nome_evidenza{font-size: 1em}
	.riga_etichetta_pannello{width:100px;}
	#pannello_riepilogo .destra{margin-left: 10px}
	#pannello_riepilogo .riga_valore{min-width: 100px; display: inline-block;}

	
	#main_window table{font-size:0.6em;}
	#main_window td img{height: 20px !important; clear: both; padding-bottom: 3px;}
/*	#main_window table{font-size:0.7em;}*/
/*	#main_window td img{height: 20px !important; clear: both; display: block; padding-bottom: 3px}*/
}


@media only screen and (max-width:480px) {

	header {padding-top: 10px; padding-bottom:0px}
	section {margin-bottom: 5px;}

	#area_riservata input[type="text"], input[type="date"], input[type="email"], input[type="password"], input[type="datetime"], input[type="number"], input[type="search"], input[type="time"], input[type="url"], input[type="email"], textarea, select{font-size: 0.9em !important; -webkit-appearance:none !important; -moz-appearance:none !important; appearance:none !important;}
	#area_riservata h1 {font-size:2.3em }
	#area_riservata h2 {font-size:0.9em; padding-bottom:10px; padding-top:10px}

	#area_riservata .login{width: 100%;}
	#area_riservata .login fieldset {width: 100%; padding-bottom:0px}
	#area_riservata .login label {padding-bottom:5px; font-size: 1.2em;}
	#area_riservata .link_blu {text-align: left}

	.wrapper{margin:2%;}
	.top_header{/*height: auto;*/ height: 60px;}
	.logo_footer{display: none;}	
	.logo_header{display: block; margin: 0 auto;}
	.img_logout{position: absolute; top: 0;right: 0;}

	.slide{font-size: 1em; line-height: 1.6em;}
	.slide h1{margin-top:5px; margin-bottom:5px; font-size: 1.4em;}
	.slide h2{margin-top:5px; margin-bottom:5px; font-size: 1.4em;}
	.slide img{width:100%; margin-right: 0px; margin-bottom: 10px; clear: both;}

	.bottom_footer{height: 60px;}

	.avanti{display: none;}
	.avanti_mobile{display: block; position: absolute; right: 10px; z-index: 3000; width: initial !important; border: 0 !important; border: 0 !important;}
	.privacy{color: #005ca8;float: left; padding:15px;}

	.form_fieldset h2{ margin-left: 0px !important;}
	.form_fieldset h3{ margin-top:10px !important;}
	#main_window fieldset{/*display: contents*/ padding: 10px;}

	#puls_search, #puls_reset, #puls_inserisci, #puls_settimana, #puls_mese, #puls_giorno, #puls_pers {width:100%; display: inherit; clear: both; margin-top:15px; margin-left: 0px !important;}

	.divided{width: -moz-available}
	.full {clear: both; display: grid; }


#main_window table{font-size:0.8em;}
#main_window th{font-size: 0.8em; text-align: left; padding-right: 18px;}
#main_window td img{height: 20px !important; clear: both; display: block; padding-bottom: 3px}

.full input {width: 100%}
.full select {min-width: 98%}
#area_riservata #loginmsg{text-align: center;}

.riga_form input {width: 99% !important}
.riga_form select {width: 99% !important} 
}