/*******************************************************************************************************************
*  CSS RESPONSIVE
*******************************************************************************************************************/

@media only screen and (min-width: 1025px) and (max-width:1139px) {
	
}




@media only screen and (min-width:769px) and (max-width:1024px) {
	
	body {font-size: 14px;}

	h1, h2, h3{margin-bottom: 0px; margin-top: 10px; font-size: 1.5em;}
		
	section img {max-width:100%}
	section{margin-bottom:5px; margin-top:0px; padding:6px; min-height: 470px;}

	.wrap{margin-left:1%; margin-right:1%;}

}


/*  Wide Mobile Layout: max 767px  */
@media only screen and (min-width: 480px) and (max-width: 768px) {

	h1, h2, h3{font-size:1.4em; text-align: left; margin-top:20px; margin-bottom: 10px;}

	section img {width:auto}
	section{margin-bottom:0px; margin-top:0px; padding:0px;}


	input{width:100%;}
	textarea{width:100%;}
	select{width:100%;}
	input[type="button"]{width: fit-content;}

	footer{padding: 0px;  padding-top: 10px;}
	footer .box_footer{width:33%; text-align: left; float: left; margin-top: 15px; margin-bottom: 5px; padding: 5px; box-sizing: border-box; padding-left: 10px;}
	footer ul li{ padding-top:5px !important; }
	footer .box_accessibility{clear: both; text-align: center; border-top:1px solid #fff; width: 100%; padding-top: 15px; margin-top: 0px;}
	.wrap{margin-left:1%; margin-right:1%;}


	#logo{margin-top: 10px; border-radius:5px; }
	#top_header{height: 98px;}
	.header-fixed{height: 100px; }
	.header-fixed img {height:85px;}
	.header-fixed.resized {height:70px; }
	.header-fixed.resized img {height:60px; }
	.header-fixed.resized #logo{height:60px; }

	.header-fixed #cssmenu {top:20px;}


	.slides {height:250px;  background-size:150%;}
	.frame {top:0px; padding: 5px; }
	.frame_left  {left:0px; text-align: left; border-radius: 0px 0px 15px 0px}
	.frame_right {left:0px !important; text-align: left !important; width: fit-content; border-radius: 0px 0px 15px 0px}
	.frame_center{left:0px !important; text-align: left !important; width: fit-content; border-radius: 0px 0px 15px 0px}
	.message{font-size:1em; padding:10px; float: left !important; text-align:left; }

	#main-content{margin-top:10px;}

	.contenuto_pulsanti{margin-bottom: 10px;}
	.content_box_pulsanti{margin-top:2px; margin-bottom:2px; min-height:50px; padding:5px }
	.content_box_pulsanti h3{text-align: center; font-size:0.8em; }


	.flex-grid {display: inline-table; width: 100%;}
	.col {display: block; width: 100%; margin:0px;}
	.col_3 {float: left; width:30.5%;}

	.breadcrumb {width: 100%;    padding: 0px !important;    display: inline-block;     overflow: hidden;    height: 12px;    font-size: 0.8em;  border-bottom: 1px solid #ababab;  padding-bottom: 5px !important;}
	.breadcrumb li a{line-height: normal; max-width: 120px;}	
	
	.content_news h2{margin-top: 10px; margin-bottom: 10px; font-size:1.4em}
	.news{border:3px solid #e09b25; font-size:0.9em; height:170px; }
	.blocco_news{margin:3px;}
	.blocco_news h3 {padding: 0px; padding-top:5px; font-weight:500; height:50px; box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-size:0.9em;}
	.image_news{width: auto; border:3px solid #fff; height: 80px}

	.sottomenu {width: 100%; font-size: 1em; margin-bottom:5px;}
	.sottomenu li {margin: 0.5%; width: 48%; }

	#box_ricerca{width:50%; }
	.form_ricerca input{width:80%; padding:5px; -webkit-appearance:none; -moz-appearance:none; appearance:none;}

	#barra_ricerca select{width: 100%;}
	#barra_ricerca input{width: 100%;}
	#barra_ricerca input[type="button"]{margin-top: 10px; margin-bottom:20px;}

	.content_box_icona{height:90px; background-size:120% !important}
	
	.content_box_icona h3{font-size: 0.8em; padding-top: 10px;}
	.content_box_icona:last-child{margin: 5px;}

	.search_box h3{font-size: 1em; padding-top: 15px;}

	#dettaglioNews img {width:100%; float: initial; max-width: 100%;}
	#dettaglioNews h4 {margin-top: 15px;}

	#contenuto_laterale {margin-top: 10px; margin-bottom: 10px; width:fit-content;}
	#contenuto_laterale p{font-size: 1em; padding:0px; }
	#contenuto_laterale img {margin-top:5px;  margin-bottom:5px; }

	.dettaglio_splittato{width: 100%; clear: both;}

	.card_img{height:7rem !important;}
	.card_column{width:70%!important;}
	.card_column_img {width:30%!important;}
	.card .card_text h3 {max-height: fit-content !important}
	.pulss_col_3 ul li{padding:2px;}
	.cards_col_2 ul {grid-template-columns:none !important}

	.thumbnail{width:49%; float: left;}
	
    .Pulsante_arancio, .Pulsante_verde, .Pulsante_blu {margin-bottom:10px; display: inline-block; width: 100%; box-sizing: border-box; font-size: 1.1em !important;}
    .back_home {font-size: 0.8em; margin-top: -11px; height: auto; text-align:center !important;  background-repeat:repeat-y;}
	.back_home h2{font-size: 1.6em}	.content_box_home_top{text-align: center;}
	.card_divided h1{text-align: center !important;}
	.card_divided p{padding-top: 10px;}
	.content_box_home_bottom{font-size: 0.9em; height: auto; text-align:center !important;}
	.contenuto_pulsanti_icona{margin-top:0px !important; margin-bottom:20px !important; width: 95%; margin: 0 auto; box-sizing: border-box;  }
	.back{padding: 5px;}

}	


/*  Mobile Layout:    */

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

	body{font-size: 0.9em;}
	h1, h2, h3{font-size:1.2em; text-align: left; margin-top:20px; margin-bottom: 10px;}


	section img {width:auto}
	section{margin-bottom:0px; margin-top:0px; padding:0px;}


	input{width:100%;}
	textarea{width:100%;}
	select{width:100%;}
	input[type="button"]{width: fit-content;}


	footer{padding: 0px; font-size: 0.9em; padding-top: 10px;}
	footer .box_footer{width:33%; text-align: left; float: left; margin-top:15px; margin-bottom: 5px; box-sizing: border-box; padding-left: 10px;}
	footer ul{padding-left: 5px;}
	footer ul li{ padding-top:5px !important; }
	footer .box_accessibility{clear: both; text-align: center; border-top:1px solid #fff; width: 100%; padding-top: 15px; margin-top: 0px;}

	.wrap{margin-left:1%; margin-right:1%;}

	#logo{margin-top:5px; border-radius:5px; }
	#top_header{height: 98px;}
	.header-fixed{height: 100px; }
	.header-fixed img {height:85px;}
	.header-fixed.resized {height:70px; }
	.header-fixed.resized img {height:60px; }
	.header-fixed.resized #logo{height:60px; }

	.header-fixed #cssmenu {top:20px;}

	.slides {height:250px;  background-size:150%;}
	.frame {top:0px; padding: 5px; }
	.frame_left  {left:0px; text-align: left; border-radius: 0px 0px 15px 0px}
	.frame_right {left:0px !important; text-align: left !important; width: fit-content; border-radius: 0px 0px 15px 0px}
	.frame_center{left:0px !important; text-align: left !important; width: fit-content; border-radius: 0px 0px 15px 0px}
	.message{font-size:1em; padding:10px; float: left !important; text-align:left; }

	#main-content{margin-top:10px;}

	.contenuto_pulsanti{margin-bottom: 10px;}
	.content_box_pulsanti{margin-top:2px; margin-bottom:2px; min-height:50px; padding:5px }
	.content_box_pulsanti h3{text-align: center; font-size:0.8em; }

	.flex-grid {display: inline-table; width: 100%;}
	.col {display: block; width: 100%; margin:0px;}
	.col_3 {float: left; width:30.5%;}

	.breadcrumb {width: 100%;    padding: 0px !important;    display: inline-block;     overflow: hidden;    height: 12px;     font-size: 0.8em; border-bottom: 1px solid #ababab;  padding-bottom: 5px !important;}
	.breadcrumb li a{line-height: normal; max-width: 120px;}	
	
	.content_news h2{margin-top: 10px; margin-bottom: 10px; font-size:1.4em}
	.news{border:3px solid #e09b25; font-size:0.9em; height:170px; }
	.blocco_news{margin:3px;}
	.blocco_news h3 {padding: 0px; padding-top:5px; font-weight:500; height:50px; box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-size:0.9em;}
	.image_news{width: auto; border:3px solid #fff; height: 80px}

	.sottomenu {width: 100%; font-size: 1em; margin-bottom:5px;}
	.sottomenu li {margin: 0.5%; width: 48%; }

	#box_ricerca{width:50%; }
	.form_ricerca input{width:80%;}


	#barra_ricerca select{width: 100%;}
	#barra_ricerca input{width: 100%;}
	#barra_ricerca input[type="button"]{margin-top: 10px; margin-bottom:20px;}
	
	.content_box_icona{height:90px; background-size:120% !important}
	
	.contenuto_pulsanti_icona{margin-top:20px !important; margin-bottom:20px !important; width: 95%; margin: 0 auto;  box-sizing: border-box; }
	.content_box_icona h3{font-size: 0.8em; padding-top: 10px;}
	.content_box_icona:last-child{margin: 5px;}

	.search_box h3{font-size: 1em; padding-top: 15px;}

	#dettaglioNews img {width:100%; float: initial; max-width: 100%;}
	#dettaglioNews h4 {margin-top: 15px;}

	#contenuto_laterale {margin-top: 10px; margin-bottom: 10px; width:fit-content;}
	#contenuto_laterale p{font-size: 1em; padding:0px; }
	#contenuto_laterale img {margin-top:5px;  margin-bottom:5px; }

	.dettaglio_splittato{width: 100%; clear: both;}

	.card_img{height:7rem !important;}
	.card_column{width:70%!important;}
/*	.card_column_img {width:30%!important;}*/
	.pulss_col_3 ul li{padding:2px;}
	.cards_col_2 ul {grid-template-columns:none !important}

	.thumbnail{width: 99%}


    .Pulsante_arancio, .Pulsante_verde, .Pulsante_blu {margin-bottom:10px; display: inline-block; width: 100%; box-sizing: border-box; font-size: 1.1em !important;}
    .back_home {font-size: 0.8em; margin-top: -11px; height: auto; text-align:center !important;  background-repeat:repeat-y;}
	.back_home h2{font-size: 1.6em}
	.content_box_home_top{text-align: center;}
	.card_divided h1{text-align: center !important;}
	.card_divided p{padding-top: 10px;}
	.content_box_home_bottom{font-size: 0.9em; height: auto; text-align:center !important;}
	.contenuto_pulsanti_icona{margin-top:0px !important; margin-bottom:20px !important; width: 95%; margin: 0 auto; box-sizing: border-box;  }

	.sezione_due_blocchi .sezione_sx {clear: both; width:100%; min-height: auto; margin-bottom: 10px;}
	.sezione_due_blocchi .sezione_dx {clear: both; width:100%; min-height: auto;  margin-bottom: 10px;}
	.visib_sezioni_page{margin-bottom: 15px; padding:0px !important;}

	#sottomenu{margin-top: 5px;}
	.back{padding: 5px;}
}