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

@media only screen and (min-width: 1025px) and (max-width:1139px) {
	body {font-size: 13px;}
	div{border-radius: 0px!important}
	.wrap{margin-left:1%; margin-right:1%; box-sizing: border-box; }

	.col_home{margin:2px;}
	ul{padding-left: 0px;}
	h1, h2, h3{font-size:1.1em;}
	section img {width:auto; height: auto; border-radius: 0px!important; width: 98%}
	section{ margin-top:51px; left:0px; width: 100%; box-sizing: border-box; padding-bottom: 51px;}

	h1{padding-left:0px; border-bottom:2px solid #0d6839; width:95%; overflow:hidden; }


	img.logo{width:50px; position: relative; bottom:5px; display: none;}
	img.logofooter{width:50px; padding:10px; z-index: 120000; display: block;position: absolute; bottom: -5px}
	nav {width:100%; font-size: 0.9em; height: auto; position: fixed; }
	#side_menu li{float: left; width: 25%; text-align: center; margin: 0px; box-shadow: none; border-radius: 0px;}
	#side_menu li span{padding: 0px; padding-top:5px;}

	.col {width:20%; margin:1px;}

	.info-lang {position:fixed; width: 100%; text-align: right; bottom:0 }
	.info-lang img {padding:10px; width:30px;}

	footer{position:fixed; z-index: 110000; width:100%; font-size:0.7em; font-weight:normal; height: auto; text-align: center; }
	footer p{padding: 5px; text-align: left; width: 100%; height: auto; }
	footer img{width: 60%; margin: 0 auto; text-align: center;float: none}
	header .back_header {height:300px;} 

	.slides {height:200px;}
	.message{font-size: 0.9em}
	.content_box_home{height: 150px;}

ul.content_box_home_bottom {background-color: red; margin: 0px; padding: 0px}
ul.content_box_home_bottom li {text-align: center; width:100%; height:210px; margin: 0px; padding: 0px; float: left;}
ul.content_box_home_bottom li:nth-child(2n) {border:3px solid green; box-sizing: border-box;}


	.content_box_home_top{height:180px;}
	.content_box_home_des{ padding:3px;}
	.content_box_home_des h3{font-size:0.9em; max-height: 17px; overflow: hidden; font-weight: normal;} 
	.content_box_home_top_des h3 {font-size:0.9em}
	.content_box_home_bottom_des h3{font-size:0.9em}

	.menu_pagine_figlie{width: 80%; }

	.sfondo_visori{clear: both;width: 100% !important; margin-left:0px!important; margin-right:0px!important; box-sizing: border-box;}
	.sfondo_visori_basso{clear: both;width: 100% !important; box-sizing: border-box;display: block; padding: 30px;}

	.header_home{width: 100%; margin-left: 0px; border-radius: 0px!important; margin-bottom:2px;}
	.home_DX{width: 100%; clear: both; border-bottom:1px solid #fff}


	#animazionenav {display: none}



	#dettaglioNews p{padding:5px;}
	#dettaglioNews img{height: 200px !important;}
	#dettaglioNews{margin-top:5px;}

	#dettaglioProgetti p{padding:5px;}
	#dettaglioProgetti img{height: auto; width: 22% !important;}
	#dettaglioProgetti{margin-top:5px;}
	.dettaglio_gallery{height: 200px; margin-top: 0px; margin-bottom: 10px;}
	.dettaglio_gallery img.foto_dettaglio_gallery{height: 10px; top:100px}

	.box_news_comune{bottom:5px; right: 5px; display: none;}
	.content_box_home_sfondo{height:150px; min-height: 150px;}

	.dettaglio_intero{padding: 0px; margin-top:50px; font-size: 0.9em;}
	.content_box_home_sfondo img.foto_home_progetti{min-width: 250%; width: 250%;}
	.content_box_home_sfondo img.foto_home_sfondo{min-width: 250%; width: 250%;}
	#contenuto_laterale{width: 100%}
	.dettaglio_splittato {width:100%; clear: both;}
	.contenuto_laterale_superiore{padding: 5px;}
	#contenuto_laterale p{padding: 0px !important}

	#pannelloProgetti{margin: 5px; box-sizing: border-box;}
	#pannelloNews{margin: 5px; box-sizing: border-box; }

	.paginatore {top:410px; width:95%; margin: 0 auto; overflow: hidden; }
	.paginatore p a{width:30px; height:30px; border-radius: 0px;}
	.paginatore p a.sel{width:30px; height:30px; border-radius: 0px;}

	.box_news_data{font-size: 0.9em;     height: fit-content; top:23px; padding: 3px; font-weight: normal;}
	.box_news_data .mese{font-size: 0.7em;}
	.box_news_data .giorno{font-size:1.1em;}
	.box_news_data .anno{font-size:1.1em;}
	.slides_gallery {height:250px; width:100%; background-size:140%; }
	#contenuto_laterale h2{font-size: 1em; padding-top:5px;}


	.dett_news_gallery{margin: 0px;}
}	


	
}

@media only screen and (min-width:769px) and (max-width:1024px) {
	
	body {font-size: 13px;}
	div{border-radius: 0px!important}
	.wrap{margin-left:1%; margin-right:1%; box-sizing: border-box; }

	.col_home{margin:2px;}
	ul{padding-left: 0px;}
	h1, h2, h3{font-size:1.1em;}
	section img {width:auto; height: auto; border-radius: 0px!important; width: 98%}
	section{ margin-top:51px; left:0px; width: 100%; box-sizing: border-box; padding-bottom: 51px;}

	h1{padding-left:0px; border-bottom:2px solid #0d6839; width:95%; overflow:hidden; }


	img.logo{width:50px; position: relative; bottom:5px; display: none;}
	img.logofooter{width:50px; padding:10px; z-index: 120000; display: block;position: absolute; bottom: -5px}
	nav {width:100%; font-size: 0.9em; height: auto; position: fixed; }
	#side_menu li{float: left; width: 25%; text-align: center; margin: 0px; box-shadow: none; border-radius: 0px;}
	#side_menu li span{padding: 0px; padding-top:5px;}

	.col {width:20%; margin:1px;}

	.info-lang {position:fixed; width: 100%; text-align: right; bottom:0 }
	.info-lang img {padding:10px; width:30px;}

	footer{position:fixed; z-index: 110000; width:100%; font-size:0.7em; font-weight:normal; height: auto; text-align: center; }
	footer p{padding: 5px; text-align: left; width: 100%; height: auto; }
	footer img{width: 60%; margin: 0 auto; text-align: center;float: none}
	header .back_header {height:300px;} 

	.slides {height:200px;}
	.message{font-size: 0.9em}
	.content_box_home{height: 150px;}
	.content_box_home_bottom {border:0px; box-sizing: border-box; text-align: center; width:50%; margin: 0 auto; float: left; overflow: hidden; height:120px; padding-right:3px; margin-bottom:3px; }

	.content_box_home_top{height:180px;}
	.content_box_home_des{ padding:3px;}
	.content_box_home_des h3{font-size:0.9em; max-height: 17px; overflow: hidden; font-weight: normal;}
	.content_box_home_top_des h3 {font-size:0.9em}
	.content_box_home_bottom_des h3{font-size:0.9em}

	.menu_pagine_figlie{width: 80%; border-radius: 0px;}

	.sfondo_visori{clear: both;width: 100% !important; margin-left:0px!important; margin-right:0px!important; box-sizing: border-box;}
	.sfondo_visori_basso{clear: both;width: 100% !important; box-sizing: border-box;display: block;}

	.header_home{width: 100%; margin-left: 0px; border-radius: 0px!important; margin-bottom:2px;}
	.home_DX{width: 100%; clear: both; border-bottom:1px solid #fff}


	#animazionenav {display: none}

	#dettaglioNews p{padding:5px;}
	#dettaglioNews img{height: 200px !important;}
	#dettaglioNews{margin-top:5px;}

	#dettaglioProgetti p{padding:5px;}
	#dettaglioProgetti img{height: auto; !important;}
	#dettaglioProgetti{margin-top:5px;}
	.dettaglio_gallery{height: 200px; margin-top: 0px; margin-bottom: 10px;}
	.dettaglio_gallery img.foto_dettaglio_gallery{height: 10px; top:100px}

	.box_news_comune{bottom:5px; right: 5px; display: none;}
	.content_box_home_sfondo{height:150px; min-height: 150px;}

	.dettaglio_intero{padding: 0px; margin-top:50px; font-size: 0.9em;}
	.content_box_home_sfondo img.foto_home_progetti{min-width: 250%; width: 250%;}
	.content_box_home_sfondo img.foto_home_sfondo{min-width: 250%; width: 250%;}
	#contenuto_laterale{width: 100%}
	#contenuto_laterale p{padding: 0px !important}

	.dettaglio_splittato {width:100%; clear: both;}
	.contenuto_laterale_superiore{padding: 5PX;}

	#pannelloProgetti{margin: 5px; box-sizing: border-box;}
	#pannelloNews{margin: 5px; box-sizing: border-box; }

	.paginatore {top:410px; width:95%; margin: 0 auto; overflow: hidden; }
	.paginatore p a{width:30px; height:30px; border-radius: 0px;}
	.paginatore p a.sel{width:30px; height:30px; border-radius: 0px;}

	.box_news_data{font-size: 0.9em;     height: fit-content; top:23px; padding: 3px; font-weight: normal;}
	.box_news_data .mese{font-size: 0.7em;}
	.box_news_data .giorno{font-size:1.1em;}
	.box_news_data .anno{font-size:1.1em;}
	.slides_gallery {height:250px; width:100%; background-size:140%; }
	#contenuto_laterale h2{font-size: 1em; padding-top:5px;}

	.dett_news_gallery{margin: 0px;}
	.button_approfondimenti {height: auto !important;border-radius: 0px !important;box-shadow: 0px 0px 0px #000; font-size: 0.9em; margin-top: 15px;}
	.button_approfondimenti img{height:10px; border-radius: 0px !important;}
	footer p{display: none;}
	.contenuto_laterale_superiore{padding: 5px; padding-top:40px;}
	a.to_back{top:5px;    right:0px; cursor: pointer;}
	.to_back img{ width:29px; background:#fff; border:2px solid #0d6839; cursor: pointer;   padding:3px;}

	.progetti_servizi ul{margin-left: 30px;}
}	





/*  Wide Mobile Layout: max 767px  */
@media only screen and (min-width: 480px) and (max-width: 768px) {
	body {font-size: 13px;}
	div{border-radius: 0px!important}
	.wrap{margin-left:1%; margin-right:1%; box-sizing: border-box; }

	.col_home{margin:2px;}
	ul{padding-left: 0px;}
	h1, h2, h3{font-size:1.1em;}
	section img {width:auto; height: auto; border-radius: 0px!important; width: 98%}
	section{ margin-top:51px; left:0px; width: 100%; box-sizing: border-box; padding-bottom: 51px;}

	h1{padding-left:0px; border-bottom:2px solid #0d6839; width:95%; overflow:hidden; }


	img.logo{width:50px; position: relative; bottom:5px; display: none;}
	img.logofooter{width:50px; padding:10px; z-index: 120000; display: block;position: absolute; bottom: -5px}
	nav {width:100%; font-size: 0.9em; height: auto; position: fixed; }
	#side_menu li{float: left; width: 25%; text-align: center; margin: 0px; box-shadow: none; border-radius: 0px;}
	#side_menu li span{padding: 0px; padding-top:5px;}

	.col {width:20%; margin:1px;}

	.info-lang {position:fixed; width: 100%; text-align: right; bottom:0 }
	.info-lang img {padding:10px; width:30px;}

	footer{position:fixed; z-index: 110000; width:100%; font-size:0.7em; font-weight:normal; height: auto; text-align: center; }
	footer p{padding: 5px; text-align: left; width: 100%; height: auto; }
	footer img{width: 60%; margin: 0 auto; text-align: center;float: none}
	header .back_header {height:300px;} 

	.slides {height:200px;}
	.message{font-size: 0.9em}
	.content_box_home{height: 130px;}
	.content_box_home_bottom {border:0px; box-sizing: border-box; text-align: center; width:50%; margin: 0 auto; float: left; overflow: hidden; height:120px; padding-right:3px; margin-bottom:3px; }

	.content_box_home_top{height:180px;}
	.content_box_home_des{ padding:3px;}
	.content_box_home_des h3{font-size:0.9em; max-height: 17px; overflow: hidden; font-weight: normal;}
	.content_box_home_top_des h3 {font-size:0.9em}
	.content_box_home_bottom_des h3{font-size:0.9em}

	.menu_pagine_figlie{width: 80%; border-radius: 0px;}

	.sfondo_visori{clear: both;width: 100% !important; margin-left:0px!important; margin-right:0px!important; box-sizing: border-box;}
	.sfondo_visori_basso{clear: both;width: 100% !important; box-sizing: border-box;display: block;}

	.header_home{width: 100%; margin-left: 0px; border-radius: 0px!important; margin-bottom:2px;}
	.home_DX{width: 100%; clear: both; border-bottom:1px solid #fff}


	#animazionenav {display: none}

	#dettaglioNews p{padding:5px;}
	#dettaglioNews img{height: 200px !important;}
	#dettaglioNews{margin-top:5px;}

	#dettaglioProgetti p{padding:5px; font-size: 0.9em !important;}
	#dettaglioProgetti img{height: auto; width: 22% !important;}
	#dettaglioProgetti{margin-top:5px;}
	.dettaglio_gallery{height: 200px; margin-top: 0px; margin-bottom: 10px;}
	.dettaglio_gallery img.foto_dettaglio_gallery{height: 10px; top:100px}

	.box_news_comune{bottom:5px; right: 5px; display: none;}
	.content_box_home_sfondo{height:130px; min-height: 130px;}

	.dettaglio_intero{padding: 0px; margin-top:50px; font-size: 0.9em;}
	.content_box_home_sfondo img.foto_home_progetti{min-width: 250%; width: 250%;}
	.content_box_home_sfondo img.foto_home_sfondo{min-width: 250%; width: 250%;}
	#contenuto_laterale{width: 100%; font-size: 0.9em;}
	.dettaglio_splittato {width:100%; clear: both;}

	#pannelloProgetti{margin: 5px; box-sizing: border-box;}
	#pannelloNews{margin: 5px; box-sizing: border-box; }

	.paginatore {top:320px; width:95%; margin: 0 auto; overflow: hidden; }
	.paginatore p a{width:30px; height:30px; border-radius: 0px;}
	.paginatore p a.sel{width:30px; height:30px; border-radius: 0px;}

	.box_news_data{font-size: 0.9em;     height: fit-content; top:23px; padding: 3px; font-weight: normal;}
	.box_news_data .mese{font-size: 0.7em;}
	.box_news_data .giorno{font-size:1.1em;}
	.box_news_data .anno{font-size:1.1em;}
	.slides_gallery {height:250px; width:100%; background-size:140%; }
	#contenuto_laterale h2{font-size: 1em; padding-top:5px;}


	.dett_news_gallery{margin: 0px;}	
	.contenuto_elenco{margin-top: 50px;}
	.menu_pagine_figlie li{padding: 5px; border-radius: 0px;}

	.button_approfondimenti {height: auto !important;border-radius: 0px !important;box-shadow: 0px 0px 0px #000; font-size: 0.9em; margin-top: 15px;}
	.button_approfondimenti img{height:10px; border-radius: 0px !important;}
	footer p{display: none;}

	.contenuto_laterale_superiore{padding: 5px; padding-top:40px;}
	a.to_back{top:5px;    right:0px; cursor: pointer;}
	.to_back img{ width:29px; background:#fff; border:2px solid #0d6839; cursor: pointer;   padding:3px;}

	.progetti_servizi ul{margin-left: 30px;}

}	


/*  Mobile Layout:    */

@media only screen and (max-width: 479px) {
	body {font-size: 13px;}
	div{border-radius: 0px!important}
	.wrap{margin-left:1%; margin-right:1%; box-sizing: border-box; }

	.col_home{margin:2px;}
	ul{padding-left: 0px;}
	h1, h2, h3{font-size:1.1em;}
	section img {width:auto; height: auto; border-radius: 0px!important; width: 98%}
	section{ margin-top:51px; left:0px; width: 100%; box-sizing: border-box; padding-bottom: 51px;}

	h1{padding-left:0px; border-bottom:2px solid #0d6839; width:95%; overflow:hidden; }


	img.logo{width:50px; position: relative; bottom:5px; display: none;}
	img.logofooter{width:50px; padding:10px; z-index: 120000; display: block;position: absolute; bottom: -5px}
	nav {width:100%; font-size: 0.9em; height: auto; position: fixed; }
	#side_menu li{float: left; width: 25%; text-align: center; margin: 0px; box-shadow: none; border-radius: 0px;}
	#side_menu li span{padding: 0px; padding-top:5px;}

	.col {width:20%; margin:1px;}

	.info-lang {position:fixed; width: 100%; text-align: right; bottom:0 }
	.info-lang img {padding:10px; width:30px;}

	footer{position:fixed; z-index: 110000; width:100%; font-size:0.7em; font-weight:normal; height: auto; text-align: center; }
	footer p{padding: 5px; text-align: left; width: 100%; height: auto; }
	footer img{width: 60%; margin: 0 auto; text-align: center;float: none}
	header .back_header {height:300px;} 

	.slides {height:200px;}
	.message{font-size: 0.9em}
	.content_box_home{height:130px;}

	.sfondo_visori_basso{clear: both; background: gray;    box-sizing: border-box;    display: block; margin: 0 auto;    padding: 10px !important;}

	ul.content_box_home_bottom {background-color: red; margin: 0px; padding: 0px; width: 80%; margin: 0 auto;}
	ul.content_box_home_bottom li {text-align: center; width:50%; height:120px; float: left; padding:2px; padding-bottom:5px;	 box-sizing: border-box; display: block; overflow: hidden;}
	ul.content_box_home_bottom li:nth-child(2n) {box-sizing: border-box;}

	.content_box_home_top{height:180px;}
	.content_box_home_des{ padding:3px;}
	.content_box_home_des h3{font-size:0.9em; max-height: 17px; overflow: hidden; font-weight: normal;}
	.content_box_home_top_des h3 {font-size:0.9em}
	.content_box_home_bottom_des h3{font-size:0.9em}

	.menu_pagine_figlie{width: 80%; }

	.sfondo_visori{clear: both;width: 100% !important; margin-left:0px!important; margin-right:0px!important; box-sizing: border-box;}

	.header_home{width: 100%; margin-left: 0px; border-radius: 0px!important; margin-bottom:2px;}
	.home_DX{width: 100%; clear: both; border-bottom:1px solid #fff}


	#animazionenav {display: none}

	.content_box_home_top_sfondo{min-height: 200px; height:200px;}
	.content_box_home_top_sfondo img{top: 30%;}
	.content_box_home_top_sfondo img.foto_home_sfondo {min-width:500px; width:130%; }


	#dettaglioNews p{padding:5px;}
	#dettaglioNews img{height: 200px !important;}
	#dettaglioNews{margin-top:5px;}

	#dettaglioProgetti p{padding:5px; font-size: 0.9em !important;}
	#dettaglioProgetti img{height: auto; width: 22% !important;}
	#dettaglioProgetti{margin-top:5px;}
	.dettaglio_gallery{height: 200px; margin-top: 0px; margin-bottom: 10px;}
	.dettaglio_gallery img.foto_dettaglio_gallery{height: 10px; top:100px}

	.box_news_comune{bottom:5px; right: 5px; display: none;}
	.content_box_home_sfondo{height:130px; min-height: 130px;}

	.dettaglio_intero{padding: 0px; margin-top:50px; font-size: 0.9em;}
	.content_box_home_sfondo img.foto_home_progetti{min-width: 250%; width: 250%;}
	.content_box_home_sfondo img.foto_home_sfondo{min-width: 250%; width: 250%;}
	#contenuto_laterale{width: 100%; font-size: 0.9em;}
	.dettaglio_splittato {width:100%; clear: both;}
	.contenuto_laterale_superiore{padding: 5px;}
	#contenuto_laterale p{padding: 0px !important}


	#pannelloProgetti{margin: 5px; box-sizing: border-box;}
	#pannelloNews{margin: 5px; box-sizing: border-box; }

	.paginatore {top:320px; width:95%; margin: 0 auto; overflow: hidden; }
	.paginatore p a{width:30px; height:30px; border-radius: 0px;}
	.paginatore p a.sel{width:30px; height:30px; border-radius: 0px;}

	.box_news_data{font-size: 0.9em;     height: fit-content; top:23px; padding: 3px; font-weight: normal;}
	.box_news_data .mese{font-size: 0.7em;}
	.box_news_data .giorno{font-size:1.1em;}
	.box_news_data .anno{font-size:1.1em;}
	.slides_gallery {height:250px; width:100%; background-size:140%; }
	#contenuto_laterale h2{font-size: 1em; padding-top:5px;}


	.contenuto_elenco{margin-top: 50px;}
	.dett_news_gallery{margin: 0px;}
	.menu_pagine_figlie li{padding: 5px; border-radius: 0px;}
	.button_approfondimenti {height: auto !important;border-radius: 0px !important;box-shadow: 0px 0px 0px #000; font-size: 0.9em; margin-top: 15px;}
	.button_approfondimenti img{height:10px; border-radius: 0px !important;}
	
	.contenuto_laterale_superiore{padding: 5px; padding-top:40px;}
	a.to_back{top:5px;    right:0px; cursor: pointer;}
	.to_back img{ width:29px; background:#fff; border:2px solid #0d6839; cursor: pointer;   padding:3px;}

	footer p{display: none;}
	.progetti_servizi ul{margin-left: 30px;}
}