body {padding: 0px;margin: 0px; font-family: 'Lato', Arial, sans-serif; color:#000; font-size:14px}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
img{ border:0;}
a{text-decoration: none; color:#000}
.clearBoth {clear:both;}
.distanza{ width:100%; height:135px;}
.spezza {clear:both;width:100%;}

/*================================================== */
/* genirci
/*================================================== */
#panel {
			display: none;
			position:fixed;
			top:0px;
			left: 0px;
			background: #003559;
			width:50%;
			height: 100%;
			padding: 40px 60px 20px 90px;
			z-index:999999;
			/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";filter: alpha(opacity=85);opacity:0.85;*/
		}
/*=================**/
.cont_aprimenu{ width:auto; height:auto; position:fixed; top:40px; left:20px; z-index:99999999;}

/*=================**/
.nav{text-transform:uppercase;font-size: 12px; margin:0px;}	
.nav ul {padding: 0px;margin:0px;list-style: none; text-align:center}
.nav ul li{padding:0px; margin:0px; display: block; width: 100%; /* elementi su singola riga *//* border-bottom: 1px solid #000;*/}
.nav ul li a {display: block; padding: 20px;color: #fff; text-decoration: none;	transition: all 0.3s ease-out;}
.nav ul li a.attivalink{background: #f8b321; color:#003559;}
.nav ul li a:hover {background: #f8b321; color:#003559; /*border-bottom:1px solid #00baf2;*/}


li hr.stylemenu{ border: 0; height: 1px; width:30px;margin: 0px auto; background:#000; transition: all 0.3s ease-out; }
li:hover hr.stylemenu{ width:200px; background:#00baf2;}
/*=================**/
.quadrato{display:inline-block; color:#000; margin:0; padding: 15px; background: #f8b321; transition: all 0.3s ease-out; text-decoration: none; cursor: pointer; width:54px; height:54px;}
.quadrato:hover  { background: #000;}

.quadrato .linea1{background:#fff; height:2px;width:24px; transition: all 0.3s ease-out;}
.quadrato.clicked .linea1{transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg); margin-top:12px;}

.quadrato .linea2{background:#fff; height:2px;width:24px; transition: all 0.3s ease-out; margin-top:8px;}
.quadrato.clicked .linea2{transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity:0;
}

.quadrato .linea3{background:#fff; height:2px;width:24px; transition: all 0.3s ease-out; margin-top:8px;}
.quadrato.clicked .linea3{transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg); margin-top:-12px;}



.wrap_header{ width:100%; height:auto; position:fixed; top:0px; z-index:99; transition:all 0.3s ease-out; background:#003559;}
.header{ width:80%; height:135px; padding:20px 0px;margin:0 auto;}
.header_logo{ width:230px; height:95px; transition:all 0.3s ease-out;position:absolute; top:20px; left:50%; margin-left:-115px;}.header_logo img{ width:100%; height:auto;transition:all 0.3s ease-out;}
.header_logo img:hover{ opacity:0.7;}
.header_language{ width:100px; height:95px; position:absolute; top:20px; right:20px;/*background:#D94E50;*/text-align:center}

.header_language a{ color:#fff; background:none;transition:all 0.3s ease-out;display:inline-block; height:95px; width:50px; float:left; padding-top:35px;}
.header_language a:hover{ color:#fff; background:#000}
.header_language .act{background:#f8b321;}


.main_img{ width:100%; height:auto; position:relative;}
.img_cover{ width:100%; height:500px;}
.img_cover img{width: 100%;height: 100%;object-fit: cover; transition: all 0.3s ease-out;}

.txt_cover{ position:absolute; width:80%; height:auto; margin-left:-40%; /*z-index:999;*/ bottom:100px; padding:80px; /*background:#C15456;*/ left:50%}
.txt40{ font-size:60px; font-weight:bold;}
.txt20{font-size:25px; text-transform: uppercase;line-height:30px;font-weight:bold; color:#6E6B6B}
.txt14{font-size:16px;line-height:25px;}

.wrap_main{ width:100%; height:auto; padding:30px 0px;}
.main_menu{ width:20%; height:auto;/*margin:0 auto;*/ float:left; padding:20px 20px}
.main{ width:80%; height:auto;margin:0 auto;padding:0px}


.main_menu ul{padding:0px;margin:0px;list-style: none;font-size:16px;}
.main_menu ul li{margin:10px 5px;padding:5px 10px; border-bottom:1px solid #f4f4f4; border-top:1px solid #f4f4f4; line-height:25px;border-left:2px solid #ccc;transition: all 0.5s ease;}
.main_menu ul li:hover{border-left:2px solid #f8b321;}
.main_menu ul li a{ color:#000;transition: all 0.5s ease; display:block; border-right:5px solid #fff;}
.main_menu ul li a:hover{ color:#999;border-right:5px solid #f8b321;}
.main_menu ul li a.attivalink{ font-weight:bold;border-right:5px solid #f8b321; padding-left:10px;/* background:#003559; color:#fff*/}
.main_menu ul li a.attivalink::before{ content: '\27F6 '; color:#f8b321; margin-right:20px; font-size:20px}


.main_tit{ width:100%; height:auto; padding:20px 20px 30px 20px; text-align:center; text-transform:uppercase; color:#999; font-weight:bold; letter-spacing:2px}
.main_tit span{color:#000}
.blocco{ width:calc(33.333333333333% - 20px); float:left; min-height:200px; background:#fff; transition:all 0.3s ease-out; margin:10px; padding:10px}
.blocco:hover{ background:#f4f4f4;}
.data_blocco{ width:100%; height:auto; width:auto;margin-bottom:20px;}
.data_blocco span{padding:10px; background:#f8b321;margin-bottom:10px; font-weight:bold}
.tit_blocco{ font-size:22px; font-weight:bold;}
.sottit_blocco{font-size:14px; color:#ccc; padding:10px 0px; text-transform:uppercase}
.sottit_blocco2{font-size:11px; color:#999; text-transform:uppercase; padding:10px 0px;}
.sottit_blocco2 span{font-size:10px; color:#f8b321;}

.blocco_pagine{ width:100%; height:auto; padding:20px 5px; text-align:center;font-size: 12px; clear:both;}.pag{line-height: 25px;margin-right:5px; padding: 13px 15px 13px 15px;border: 2px solid  #CCC; color: #999;
-webkit-transition: all 0.8s ease;	-moz-transition: all 0.8s ease;	-o-transition: all 0.8s ease;transition: all 0.8s ease;}.pag:hover {border: 2px solid  #33414a;	color: #33414a;}
.pagatt{line-height: 25px; margin-right:5px;padding: 13px 15px 13px 15px; border: 2px solid  #33414a;	color: #33414a;	text-decoration: none;}

.wrap_footer{ width:100%; height:auto; padding:20 0px; background:#003559;}
.footer{ width:80%; height:auto; margin:0 auto; color: #fff; padding:40px 0px;}
.footer a{ color:#ccc;transition: all 0.3s ease-out;}
.footer a:hover{color:#fff;}

@media (min-width: 1025px) and (max-width: 1366px) {
	
}
@media (min-width: 769px) and (max-width: 1024px) {
	.txt40{ font-size:40px; font-weight:bold;}
	.txt20{font-size:20px; text-transform: uppercase;line-height:30px;font-weight:bold;}
	.txt14{font-size:14px;line-height:25px;}
	.main_menu{ width:30%; height:auto;/*margin:0 auto;*/ float:left; padding:20px 20px}
	.main{ width:70%; height:auto;/*margin:0 auto; float:left;*/ padding:0px 20px }
	.blocco{ width:100%; float:left; min-height:auto; background:#fff; transition:all 0.3s ease-out; margin:10px 0px; padding:10px}
	
}
@media (min-width: 426px) and (max-width: 768px) {
	#panel {
			display: none;
			position:fixed;
			top:0px;
			left: 0px;
			background: #003559;
			width:100%;
			height: 100%;
			padding: 40px 40px 20px 70px;
			z-index:999999;
			/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";filter: alpha(opacity=85);opacity:0.85;*/
		}
	
	/*.header{ width:90%; height:auto; padding:20px 0px;margin:0 auto;}*/
	.cont_aprimenu{left:10px;}
	.header_logo{  width:113px; height:47px; transition:all 0.3s ease-out;position:absolute; top:40px; left:50%; margin-left:-65px;}
	.header_language{ width:100px; height:53px; position:absolute; top:40px; right:10px;/*background:#D94E50;*/text-align:center}
	.header_language a{ color:#fff; background:none;transition:all 0.3s ease-out;display:inline-block; height:53px; width:50px; float:left; padding-top:17px;}
	.txt_cover{ position:absolute; width:90%; height:auto; margin-left:-45%; bottom:50px; padding:60px; /*background:#C15456;*/ left:50%}
	.txt40{ font-size:30px; font-weight:bold;}
	.txt20{font-size:20px; text-transform: uppercase;line-height:30px;font-weight:bold;}
	.txt14{font-size:14px;line-height:25px;}
	.main_menu{ display:none;}
	.main{ width:100%; height:auto;/*margin:0 auto; float:left;*/ padding:0px 20px }
	.blocco{ width:100%; float:left; min-height:auto; background:#fff; transition:all 0.3s ease-out; margin:10px 0px; padding:10px}
	
	
}
@media (max-width: 425px) {
	#panel {
			display: none;
			position:fixed;
			top:0px;
			left: 0px;
			background: #003559;
			width:100%;
			height: 100%;
			padding: 40px 40px 20px 70px;
			z-index:999999;
			/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";filter: alpha(opacity=85);opacity:0.85;*/
		}
	/*
	.header{ width:90%; height:auto; padding:20px 0px;margin:0 auto;}
	.header_logo{ width:141px; height:58px; float:left;transition:all 0.3s ease-out;position:relative}
	*/
	.cont_aprimenu{left:10px;}
	.header_logo{  width:113px; height:47px; transition:all 0.3s ease-out;position:absolute; top:40px; left:50%; margin-left:-75px;}
	.header_language{ width:100px; height:53px; position:absolute; top:40px; right:10px;/*background:#D94E50;*/text-align:center}
	.header_language a{ color:#fff; background:none;transition:all 0.3s ease-out;display:inline-block; height:53px; width:50px; float:left; padding-top:17px;}
	.main_img{ width:100%; height:auto; position:relative; background:#fff}
	.img_cover img{ opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;} 
	.header_central{width:calc(100% - 241px); float:left;/* background:#000000*/}
	.img_cover{ width:100%; height:400px;}
	.txt_cover{ position:absolute; width:100%; height:auto; margin-left:-50%; bottom:40px; padding:60px; /*background:#C15456;*/ left:50%}
	.txt40{ font-size:30px; font-weight:bold;}
	.txt20{font-size:20px; text-transform: uppercase;line-height:30px;font-weight:bold;}
	.txt14{font-size:14px;line-height:25px;}
	.main_menu{ display:none;}
	.main{ width:100%; height:auto;/*margin:0 auto;float:left;*/ padding:0px 20px }
	.blocco{ width:100%; float:left; min-height:auto; background:#fff; transition:all 0.3s ease-out; margin:10px 0px; padding:10px}

}