@charset "utf-8";
/* by unimedia with passion */


/* --- Ubuntu local font --- */
@font-face {
    font-family: 'Ubuntu';
    src: url('webfonts/ubuntu-regular-webfont.woff2') format('woff2'),
         url('webfonts/ubuntu-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html {font-size: 112.5%; font-family: 'Segoe UI', 'Ubuntu', Arial, sans-serif; line-height: 1.6; background: #fff; }


body {font-size:1rem;
width: 100% !important; margin: 0 !important; padding: 0 !important;
	font-family: 'Ubuntu', sans-serif;
	color: #000;
	overflow-x: hidden;
}

/* Stile predefinito per il focus - sostituire i colori */
:focus {
  outline: 3px solid rgb(7, 37, 104); /* Colore  */
  outline-offset: 3px; /* Distanza dal bordo dell'elemento */
  box-shadow: 0 0 8px rgba(246, 253, 246, 0.95); /* Ombra opzionale */
}

/* Tipografia titoli */
h1, h2, h3, h4 { font-family: 'Segoe UI', 'Ubuntu', Arial, sans-serif; font-weight: 700; line-height: 1.2; margin-bottom: 0.5em;  }
h1 { font-size: 2.5rem; margin-top: 1.5em; }
h2 { font-size: 2rem; margin-top: 1.2em; }
h3 { font-size: 1.5rem; margin-top: 1em; }
h4 { font-size: 1.2rem; margin-top: 0.8em; }

/* ========= STRUCTURE ============= */
.nobrake { white-space: nowrap;}
.phone { display: none;}
.desktop { display: table;}

.fullrow {
	width: 100%; 
	/*max-width: 1900px;*/
	display: table;
	clear: both;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.fullcontainer {
	width: 1220px;
	max-width: 100%;
	margin: 0 auto; /* must contain a div */
	padding-left: 10px;
	padding-right: 10px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.sitesize {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto; /* must contain a div */
	padding-left: 10px;
	padding-right: 10px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.centerdiv {
	width: auto;
	margin: 0 auto;
	overflow: hidden;
	min-width: 1px;
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.autodiv {
	width: auto;
	overflow: hidden;
	min-width: 1px;
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* div types and alignment */
.fluid { max-width: 100%; height: auto;}
.inbox {	margin: 4px 4px;}
.full {	width:100%;}
.d-block {	display: block;	overflow:hidden;}
.d-flex { display:flex; overflow:hidden;} /*resp block*/
.d-flex4col { display: flex;}
.d-inline { 	display: inline-block; overflow:hidden;}
.d-table { display:table; overflow:hidden; }
.toleft { float: left;}
.toright { float: right;}
.vert-center { padding-top: 5%;	padding-bottom: 5%;}
.v-center { padding-top: 25%;	padding-bottom: 1%;}
.centered {	margin-left: auto;	margin-right: auto;}
.secret { display: none;	width: 0px; height: 0px;}
.bordbox {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.divider { width: 100%;	clear:both;	height:1px;	border:none; background-color:transparent !important;}
.splitter {	width: 100%; clear:both; height:7px; border:none; background-color:transparent !important;}
.splitter20 { width: 100%; clear:both; height:20px; border:none; background-color:transparent !important;}
.splitterbig { width: 100%;	clear:both;	height:40px; border:none; background-color:transparent !important;}
.autowidth { width: auto; float: left;}

.href {
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
	background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
	margin: 10px 5px 10px 5px;
}
.v-bord {
	border: 0px; 
	width: 1px;
	height: auto;
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
	background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
	margin: 15px 0px 15px 0px;
}
/*  base margins  */
.top7 {
	top: 7px;
}
.xtop {
	margin-top: 10px;
}
.x2top {
	margin-top: 5px;
	margin-bottom: 5px;
}
.padd {
	padding: 7px;
}
.padd20 { padding: 20px;} 

/*  =============  COLUMNS  ================  */
.sideleft {
	width: 30%;
	overflow:hidden;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.sideright {
	width: 30%;
	overflow:hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.maincontent {
	width: 70%;
	overflow:hidden;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
/*  -- multiple columns*/
.cols2 {
	float:left;
	height:auto;
	width: 49.999%;
}
.cols2nofluid {
	float:left;
	height:auto;
	width: 49.999%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.cols3 {
	float:left;
	height:auto;
	width: 33.333%;
}
.cols4 { min-width: 225px;
	float:left;
	height:auto;
	width: 24.999%;
}
.cols5 {
	float:left;
	height:auto;
	width: 19.999%;
}
.cols6 {
	float:left;
	height:auto;
	width: calc(100% / 6);
}
.cols2, .cols3, .cols4, .cols5, .cols6 {
	overflow:hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
/*  === div properties  */
.bord {
	border:1px solid red;
}
.bordverde {
	border:1px solid green;
}
.nobord {
	border:0px solid;
	-webkit-box-shadow: 0px 0px 0px!important;
	-moz-box-shadow: 0px 0px 0px!important;
	box-shadow: 0px 0px 0px!important;
}
.bord-r {
	border-right:1px gray;
	border-right-style:groove;
	border-width: 1px;
}
.boxradius {
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	
}
.boxshad {
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.42);
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.42);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.42);
}
.boxshad-lr {
	-webkit-box-shadow:0 -4px 10px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:0 -4px 10px rgba(0, 0, 0, 0.4);
	box-shadow:0 -4px 10px rgba(0, 0, 0, 0.4);
}
.boxshad-r {
	-moz-box-shadow: 1px 0px 3px #C9C3C3;
	-webkit-box-shadow: 1px 0px 3px #C9C3C3;
	box-shadow: 1px 0px 3px #C9C3C3;
}
.boxshad-inset {
	box-shadow: 0 0 2px #E2DEDE inset;
	-moz-shadow: 0 0 2px #E2DEDE inset;
	-webkit-shadow: 0 0 2px #E2DEDE inset;
}
.boxshad-bott {
	box-shadow: 0 5px 5px #E2DEDE;
	-moz-shadow: 0 5px 5px #E2DEDE;
	-webkit-shadow: 0 5px 5px #E2DEDE;
}
.color-shad {
	-webkit-box-shadow: 2px 2px 4px #D90000;
	-moz-box-shadow: 2px 2px 4px #D90000;
	box-shadow: 2px 2px 4px #D90000;
}

/* ===========     left sidebar    ===============*/
.sidebox {
	padding: 5px 7px;
}
.sidebox-full {
	min-height: 20px;
	padding: 2px;
	margin-bottom: 10px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.42);
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.42);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.42);
}



.test {
	background-color: red;
}
/* animations & transitions  */
/*.colorchange {
	cursor: pointer;
	transition: color 0.4s ease 0.1s;
}
.colorchange:hover {
	color: #9B0606;
}*/
.rotate-r img:hover {
	transform: rotate(15deg);
}
.rotate-r img {
	transition: all 0.5s ease 0.2s;}
	
/* ===================  CONTENT  ===============*/
/*  content structure  */
.immagine {
	display: block;
	width:100%;
	overflow:hidden;
	margin: 0 auto;
	text-align: center;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}
.immagine img {
	max-width: 100%;
	height: auto;
}
.fullcontent {
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: justify;
}
.gallery {
	width: 100%;
	margin: 0 auto;
	display: table;
	text-align: center;
}
.gallery img {
	width:100%;
	max-width: 270px; /*278 old*/
	max-height: 177px;
	margin: 7px;
	padding: 4px;
	-webkit-box-shadow: 2px 2px 4px #66004C;
	-moz-box-shadow: 2px 2px 4px #66004C;
	box-shadow: 2px 2px 4px #66004C;
}
/*   ======= tables layout tl ==============*/

.tab-1-col td {
	width: 100%;
	border-spacing: 0px;
	padding: 3px;
}
.tab2col tr td {
	border-collapse: separate;
	border-spacing: 7px;
	padding: 8px;
	border: 0px solid;
	text-align: justify;
}
.tab3col td {
	border-collapse: separate;
	border-spacing: 7px;
	padding: 3px;
	border: 0px solid;
}



/*  ==  content typografy  ==*/


.centro { text-align: center;}
.txt-red {color:#B30000;}
.txt-white {	color:#FFFFFF;}
.txt-left {	text-align: left;}
.txt-center {text-align: center;}
.txt-right {	text-align: right;}
.txt-just {	text-align: justify;}
.txt-big {	font-size:1.32em; font-weight: bold; *zoom: 1; color: #000000;}
.txt-shad {	text-shadow: 1px 1px 1px #575748;}
.txt-shad-bk {	text-shadow: 1px 2px 2px #111111;}
.txt-shad-w { text-shadow: 1px 0px 6px #ffffff, -2px -1px 6px #ffffff, 1px 0px 6px #ffffff;}
.txt-upper {	text-transform: uppercase;}
.txt-small { font-size:0.8em; font-weight: normal; *zoom: 1;}
.listnone li { list-style-type: none;}


/*  ========   FOOTER   ========== */


/* ===================  RESPONSIVE  ===============*/
@media (max-width: 1220px) {
.fullcontainer { width: calc(100% - 40px); }
.smart-font { font-size: 0.9em; line-height: 0.9em;}
}

@media (max-width: 980px) {
.d-flex4col { display: table;}
.cols4 { width: calc(100% / 2);} 
/* .cols4 + .cols4 + .cols4 { } */

.smart-font { font-size: 0.6em; line-height: 0.6em;}

}

@media (max-width: 900px) {
.sideleft, .sideright { min-width: 238px;}
.maincontent { margin:4 auto;}
.link-mobile { line-height: 2em;}
}

 @media (max-width: 768px) {

h1 { font-size: 1.5rem;}
h2 { font-size: 1.35rem;}
h3 { font-size: 1.1rem;}
h4 { font-size: 1.0rem;}	

.v-bord { display: none;}
.topmenu { height: 45px!important;}
.fullcontainer {padding: 50px 1px;}
.bord-r { border-right:0px solid; border-right-style: none; border-width: 0px;}
.smart-font { font-size: 1em; line-height: 1em; }
/*  content structure  */
.sideleft { width:auto; margin:4 auto; float:none; margin-right: 0px; }
.sideright { width:auto; margin-top: 3px; float:none; margin-left: 0px;
border-top: 1px solid #EEEEEE; }
.maincontent { width:auto; margin-top: 3px; float:none; border-top: 1px solid #EEEEEE; }
.cols2, .cols3, .cols5, .cols6 {
width: 100%;
float:none;
top: 10px;
margin: 2px 0px;
clear: both;
}
.splitterbig { height:7px; }
.d-flex { display: block; float: none; }


/*tables tabresp*/


.tab2col tr td { display: block; margin-top: 10px; border-collapse: collapse;
border-spacing: 0; width: calc(100% - 10px); }

.tab3col tr td { display: block; margin-top: 10px; border-collapse: collapse; border-spacing: 0;
width: 99%;
}
.v-center { padding-top: 2%;	padding-bottom: 1%;}

}

 @media (max-width: 581px) {
 
.gallery::-webkit-scrollbar:horizontal {
 height:5px;
}
.gallery {
overflow-x:scroll;
display: inline-block !important;
height: 220px;
 width: 100%;
overflow-x: scroll !important;
overflow-y: hidden !important;
}
.gallery img {
float: none;
max-width: 240px;
white-space: pre;
position: relative;
}

.cols3 img { height: auto;}

.cols4 { width: 100%; float:none; top: 10px; margin: 2px 0px; clear: both; }

}/*-media-*/

@media (max-width: 470px) {
body { padding-left: 2px; padding-right:2px; }
.container { left: 3px; right: 3px; }

}


/* ===================  TOP MENU =========================== */

/*menu container horzmenu*/
.topmenu { height: 55px;
}
.topmenu a {
	text-transform: uppercase;
	letter-spacing: 1.2px;
}
.horzmenu {
	width: 100%;
	height: auto;
	border: none;
	margin-bottom:-4px;
}
.tprmenulogo {
	width: auto;
	margin-left: 7px;
}
.menubutton {
	height:100%;
}
ul#tprmenu {
	width: 100%;
	margin: 0;
	list-style: none;
	padding: 0;
	border-width: 0px;
	border-style: solid;
	border-bottom: none;
	border-top: none;
	/*border-color: #5f5f5f; */
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	/*font-size: 0; */
	z-index: 999;
	position: relative;
	display: inline-block;
	zoom: 1;
 *display:inline;
}
ul#tprmenu li.topfirst {
	width: 9%;
	font-size: 90%; /*iura*/
	background-color: #008C00;  /*first button color */
}
ul#tprmenu li {
	display: block;
	white-space: nowrap;
	font-size: 100%;
	float: left;
	box-sizing: border-box;
	width: 22.0%; /*100% / nr.links*/
}
* html ul#tprmenu li a {
	display: inline-block;
}
ul#tprmenu>li {
	margin-left: 1px;
}
ul#tprmenu a:active, ul#tprmenu a:focus {
	outline-style: none;
	text-decoration: underline;
}
ul#tprmenu a {
	display: block;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	font-family: Signika;
	font-size: 16px;
	font-weight: 300;
	line-height: normal;
	color: #FFFFBF;  /*colore links*/
	text-shadow: #333333 1px 1px 2px;
	cursor: pointer;
	/*padding: 20px 10px 20px;*/ /*dimensione tasti e altezza menu*/
	padding: 20px 1px 20px;
	background-color: transparent;
	/*background-image: url("img/menubk.jpg");*/
	background-repeat: repeat;
	background-position: 0 0;
	border-right-width: 1px solid;
	/* border-style: solid; */
	border-right-color: #FFFFFF;
	position: relative;
	-moz-box-shadow: 0px -1px 1px #999999;
	-webkit-box-shadow: 0px -1px 1px #999999;
	box-shadow: 0px -1px 1px #999999;
}
ul#tprmenu li:hover>a, ul#tprmenu li a.pressed {
	background-color: #00661A;                                             /* hover color  */
	/*border-color: #C0C0C0;
	border-style: solid;*/
	color: #F0F0E1;
	text-shadow: #FFF 0 0 4px; 
	/*background-image: url("../images/mainbk.png");
	background-position: 0 100px;*/
	text-decoration: none;
}
ul#tprmenu img {
	border: none;
	vertical-align: middle;
	margin-right: 20px;
}
ul#tprmenu > label.switch {
	display: none;
	cursor: pointer;
	width: 25px;
	height: 20px;
	padding: 10px;
}
ul#tprmenu > label.switch:before {
	content: "";
	color: #FFFFFF;
	position: absolute;
	display: block;
	height: 4px;
	width: 25px;
	border-radius: 4px;
	background: #ffffff;
	-moz-box-shadow: 0 8px #ffffff, 0 16px #ffffff;
	-webkit-box-shadow: 0 8px #ffffff, 0 16px #ffffff;
	box-shadow: 0 8px #ffffff, 0 16px #ffffff;
}
ul#tprmenu > label.switch:hover:before {
	background: #c2c8c8;
	-moz-box-shadow: 0 8px #c2c8c8, 0 16px #c2c8c8;
	-webkit-box-shadow: 0 8px #c2c8c8, 0 16px #c2c8c8;
	box-shadow: 0 8px #c2c8c8, 0 16px #c2c8c8;
}
ul#tprmenu > .switchbox {
	display: none;
}
ul#tprmenu li.topfirst>a {
	border-left: none;
	border-radius: 0px 0 0 0px;
	-moz-border-radius: 0px 0 0 0px;
	-webkit-border-radius: 0px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}
ul#tprmenu li.topmenu>a {
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}
ul#tprmenu li.toplast>a { background-color: #006600;
	border-radius: 0 0px 0px 0;
	-moz-border-radius: 0 0px 0px 0;
	-webkit-border-radius: 0;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	border-right: 0px solid;
}
 @media screen and (max-width: 976px) {
ul#tprmenu li {
width: 21.0%; /*100% / nr.links*/
}
ul#tprmenu a {
font-size: 12px;
}
}
 @media screen and (max-width: 768px) {
.phone { display: block;}
.desktop { display: none;} 
 
 ul#tprmenu > li {
 position: initial; 
}
ul#tprmenu ul .submenu, ul#tprmenu li > ul {
 left: 0;
 right: auto;
 top: 100%;
}
ul#tprmenu .submenu, ul#tprmenu ul, ul#tprmenu .column {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 padding-right: 0;
 width: 100% !important;
}
}
 @media screen and (max-width: 768px) {

body {
margin-top: 45px;
}
ul#tprmenu {
 width: 100%;
border: none;
background-color: #006600;
 position: fixed;
z-index: 110;
 top: 0px;
left: 0px; right: 0px;
 opacity: 0.95;
}
ul#tprmenu > li {
 display: none !important;
 position: relative;
 width: 100% !important;
}
ul#tprmenu > label.switch, ul#tprmenu .switchbox:checked ~ li {
 display: block !important;
float: right;
margin-right: 0px;
}
 ul#tprmenu a {
font-size: 18px;
text-align: left;
margin-left: 10px;
margin-right: 10px;
border: none;
border-width: 0px;
 padding: 8px 35px;
margin-top: 1px;
}
 ul#tprmenu > label.switch:before { 
border:none;
}
}
/* END TOP MENU */