/* General Blueprint Style */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);


body {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    background: #eee;
    margin: 0px;
    color: #000;
    width: 100vw;
    Overflow-x: hidden;
}

a {
	color: #f0f0f0;
	text-decoration: none;
}

a:hover {
	color: #000;
}


.main {
	position: relative;
	width: 100%;
	margin: 0px auto 446px auto;
	padding: 0em 0em;
	background: #fff;
	box-shadow: 0px 0px 18px #222;
	z-index:100;
	
}


.main section p {
	margin: 0;
	font-size: 0.8em;
	line-height: 1.5;
	text-align: justify;
    text-justify: inter-word;
}

.main_pages {
	position: relative;
	width: 100%;
	margin: -65px auto 446px auto;
	padding: 0em 0em;
	background: #fff;
	box-shadow: 0px 0px 18px #222;
	z-index:100;
}


.main_pages section p {
	margin: 0;
	font-size: 0.8em;
	line-height: 1.5;
	text-align: justify;
    text-justify: inter-word;
}

.margbot0 {margin-bottom:0;}
.margbot5 {margin-bottom:5px !important;}
.margbot10 {margin-bottom:10px;}
.margbot20 {margin-bottom:20px;}
.margbot25 {margin-bottom:25px;}
.margbot30 {margin-bottom:30px !important;}
.margbot40 {margin-bottom:40px;}
.margbot50 {margin-bottom:50px;}
.margbot60 {margin-bottom:60px;}
.margbot70 {margin-bottom:70px;}
.margbot80 {margin-bottom:80px;}


.slideshow {
	position:relative;
	margin: -46px auto 0 auto;
	padding: 0em 0em;
	width: 100%;
	height:77vh;
	background: white;
	z-index:101;
}


.section {
	position:relative;
	max-width: 1180px;
	height:auto;
	background:none;
	z-index:102;
}

.dorange_section {
	position:relative;
	width: 100%;
	height: auto;
	margin: 20px 0px;
	padding: 0px;
	background: #b26d3a;
	z-index:100;
}

.dgreen_section {
	position:relative;
	width: 100%;
	height: auto;
	margin: 10px 0px;
	background: #4d4603;
	z-index:100;
}

.green_section {
	position:relative;
	width: 100%;
	height: auto;
	margin: 10px 0px 240px;
	background: #4d4603;
	z-index:100;
}


.dgreen_contatti {
	position:relative;
	width: 100%;
	height: auto;
	margin: -40 0px 40px 0px;
	background: #4d4603;
	z-index:100;
}

.dorange_contatti {
	position:relative;
	width: 100%;
	height: auto;
	margin: -40 0px 40px 0px;
	background: #dc8600;
	z-index:100;
}

.orange_section {
	position:relative;
	width: 100%;
	height: auto;
	margin: 30px 0px;
	background: #dc8600;
	z-index:100;
}

.green_qual_section {
	position:relative;
	width: 100%;
	height: auto;
	margin: 30px 0px;
	background: #6FB22A;
	z-index:100;
}

.api_section {
	position:relative;
	width: 100%;
	height: auto;
	margin: 10px 0px;
	background: #4d4603;
	background-image: url("../images/i3.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
	z-index:100;
}

.wrap {
	position: relative;
	max-width: 1180px;
	min-height: 258px;
	margin: 0 auto;
    padding: 40px 15px;
    color: #000;
    background: none;
    z-index: 5000;
}

.dati_api {
	position: relative;
	height: 100%;
	margin: 0px;
	padding: 0px 0px;
    background: none;
}

.dati_api img{
	position: relative;
	height: 100%;
	margin: 0px;
	left: 0px;
    background: none;
}


.dati_co2 {
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 20px;
    background: none;
}

.dati_co2 img{
	position: relative;
	width: 100%;
	margin: 0px;
    background: none;
}


.promo {
    padding: 99px 0 58px
    margin: 20px;
    
}

.promo-wrapper {
    margin: 0 -15px
}

.promo-column {
    padding: 13px 25px 30px 25px;
    float: left;
    text-align:center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 33%;
    background: none;
}

.promo-column-stripes1{
    padding: 0px;
	background: #A0CC3A;
    width: 100%;
    height: 30px;
}


.promo-column-stripes2{
    padding: 0px;
	background: #E4E41F;
    width: 100%;
    height: 30px;
}

.promo-column-stripes3{
    padding: 0px;
	background: #F388AE;
    width: 100%;
    height: 30px;
}

.promo-column-stripes4{
    padding: 0px;
	background: #FBB040;
    width: 100%;
    height: 30px;
}

.promo-column img {
	position:relative;
	height:58px;
	margin: 20px auto;
    display: block;
    margin-bottom: 23px;
}

.promo-column h5 {
    font: bold 1.3em/1.4em "Lato","Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin: 9px 0;
    color: #065e25;
}

.promo-column p {
    font-type: "Lato","Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    text-justify: center;
}

/* __________ promo-column  __________ */
.promo-column li {
	display:inline-block;
	margin: 20px 3px 5px 0;
}

.promo-column li a {
	display:block;
	padding:6px 13px;
	font-size:13px;
	color: #fff;
	font-weight: 500;
	background: #006838;
	border:1px solid #006838;
	transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
	-webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.promo-column li a:hover {
	padding:6px 13px;
	color: #000;
	background: none;
	border:1px solid #000;
}


#pulsante {	
	outline: none;
	cursor: pointer;
 	text-align: center;
 	text-decoration: none;
 	font: bold 18px Calibri, Arial, Helvetica, sans-serif;
 	color: #fff;
 	margin-top: 15px;
 	padding: 6px 10px 10px 15px;
	border: solid 1px #009444;
 	background: #009444;
 	background: -webkit-gradient(linear, left top, left bottom, from(#009444), to(#046416));
	background: -webkit-linear-gradient(top,  #009444,  #046416);
	background: -moz-linear-gradient(top,  #009444,  #046416);
	background: -ms-linear-gradient(top,  #009444,  #046416);
	background: -o-linear-gradient(top,  #009444,  #046416);
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
	
#pulsante:hover {
	background: #046416;
}

.stripes {
	position:relative;
	margin: 0px auto;
	max-width: 1180px;
	height:auto;
	background:none;
}

#container-news {
	width: 100%;
	min-height: 258px;
	margin: 0px auto;
	/*background: #EFE9B9;*/
	background: #CFDEE8;
	border: 0px solid black;
	display: box;
	padding: 0px;
	display: -ms-box;
	display: -webkit-box;
	display: -moz-box;
	-ms-box-orient: horizontal;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	box-orient: horizontal;
	-ms-box-pack: justify;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	box-pack: justify;
}

/*-----------------------------------------------------------------------------------*/
/*	NEws
/*-----------------------------------------------------------------------------------*/
.single_page #news {padding-top:20px;}

.news_post {
	position:relative;
	margin: 50px 0px 0px 0px;
	padding: 0px;
	width:100%;
}

/* __________ Blog Post __________ */
.news_post_img {
	overflow:hidden;
	float:left;
	position:relative;
	width:330px;
	height:230px;
	margin-right:10px;
	background-color:none;
}
.news_post_img img {
	width:auto;
	max-width:none;
	width:100%;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.news_post:hover .blog_post_img img {opacity:0.5;}

.news_post a.zoom {
	position:absolute;
	z-index:30;
	left: 90px;
	bottom:50px;
	width:60px;
	height:36px;
	margin:0 0 -0px -0px;
	opacity:0;
	background-image:url(../images/zoom.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:100% auto;
	-webkit-background-size:100% auto;
	transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out; 
	-webkit-transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.news_post:hover a.zoom {
	bottom:50%;
	opacity:1;
}
.news_post a.zoom:hover {background-image:url(../images/zoom_h.png);}

.news_post_descr hr {
	border-color:#e9e9e9;
	margin:15px 0;
}
.news_post_date {
	margin-top:-3px;
	padding-bottom:10px;
	text-transform:uppercase;
	line-height:14px;
	font-size:11px;
}

.news_post_title {
	display:block;
	padding-bottom:11px;
	min-height: 80px;
	line-height:20px;
	font-size:1.3em;
	color:#000;
}
.news_post_title:hover {color:#666;}

.news_post_info li {position:relative;  display:inline-block; padding-right:22px;}
.news_post_info li:before {content:''; position:absolute; right:9px; top:4px; height:12px; width:1px; background-color:#d3d3d3;}
.news_post_info li:last-child:before {display:none;}
.news_post_info li a {color: #000;font-size:11px;}

.news_post_content {
	color:#333;
	max-height: 50px;
	padding-bottom:10px;
	line-height:18px;
	font-size:0.8em;
}
.news_post .read_more_btn {
	font-weight:500;
	font-size:16px;
	color:#333;
}
.news_post .read_more_btn:hover {color:#666;}


#box-news1 {
	background: none; 
	margin: 0px auto;
	padding: 23px 30px;
	width: 100%;
	-ms-box-flex: 1;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
}

#box-news2 {
	background: none; 
	margin: 0px auto;
	padding: 23px 30px;
	width: 100%;
	-ms-box-flex: 1;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
}


/* __________ Box News per IE __________ */

.container-news {
	position: relative;
	width: 100%;
	min-height: 358px;
	margin: 0px auto;
	/*background: #EFE9B9;*/
	background: none;
	border: 0px solid black;
	display: box;
	padding: 0px;

}

.box-news1 {
	position: relative;
	float:left;
	background: none; 
	margin: 0px auto;
	padding: 23px 30px;
	width: 42%;
}

.box-news2 {
	position: relative;
	float:right;
	background: none; 
	margin: 0px auto;
	padding: 23px 10px;
	width: 42%;

}





/* __________ Box Event per IE __________ */


.container-events {
	position:relative;
	max-width: 100%;
	min-height: 599px;
	margin: 0px auto;
	background: none;
	border: 0px solid black;
	display: box;
	padding: 0px;


}

.box-event1 {
	position:relative;
	background: none; 
	float:left;
	margin: 0px 10px;
	padding: 23px 0px 23px 25px;
	width: 30%;

}


.box-event1 img {
	background: none; 
	margin: 10px auto 10px auto;
	padding: 0px;
	width: 100%;
	height: auto;
}


.box-event1 h1{
	font: bold 1.3em "Lato","Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin: 9px 0;
    color: #fff;
}

.box-event1 h3{
	font: bold 1.0em/1.1em "Lato","Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: normal;
    margin: 9px 0;
    color: #fff;
}

.box-event1 p{
	color: #fff;
	text-align: justify;
}

.box-event2 {
	position:relative;
	background: none; 
	float: left;
	margin: 0px auto;
	padding: 23px;
	width: 48%;
}

.box-event2 img {
	background: #000; 
	margin: 10px auto 10px auto;
	padding: 0px;
	width: 100%;
	height: auto;
}


.box-event2 h1{
	font: bold 1.5em "Lato","Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin: 9px 0;
    color: #fff;
}

.box-event2 h3{
	font: bold 1.3em "Lato","Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: normal;
    margin: 9px 0;
    color: #fff;
}

.box-event2 p{
	font-size: 1.3em;
	color: #fff;
	text-align: justify;
}

.box-event3 {
	position:relative;
	background: none; 
	margin: 0px 150px;
	padding: 3px 0px 23px 45px;
	width: 100%;
}

/* __________ FINE Box Event per IE __________ */




/* __________ Box Container per IE __________ */


.container-box {
	width: 97%;
	height: auto;
	min-height: 555px;
	margin: 0px auto;
	border: 0px solid black;
	padding: 0px;
	background: non;
	z-index: 1003;
}

.container-box2 {
	width: 97%;
	height: auto;
	min-height: 555px;
	margin: 0px auto;
	border: 0px solid black;
	padding: 0px;
	background: non;
	z-index: 1003;
}


.box {
	position:relative;
	float: left;
	background: none; 
	padding: 13px;
	width: 31%;
}

.box img {
	background: #000; 
	margin: 10px 0 10px 0;
	padding: 0px;
	width: 100%;
}


.box h1{
	font: bold 1.3em "Lato","Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin: 9px 0;
    color: #075e2c;
}

.box h3{
	font: bold 1.0em/1.1em "Lato","Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: normal;
    margin: 9px 0;
    color: #000;
}

.box p{
	color: #000;
}


/* __________ Fine Box Container per IE __________ */





.container-contatti {
	width: 1180px;
	height: auto;
	margin: -100px auto 20px auto;
	background: none;
	border: 0px solid black;
	background: none;
	display: box;
	padding: 4vh 0px;
}


.container-contatti img{
	position: relative;
	width: 177px;
	margin: 33px auto 0px auto;
	display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */
    display: flex;
    align-items: center;
	
}

.container-contatti h1{
	font: bold 2.7em "Lato","Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: normal;
    font-weight: 300;
    margin: 13px 0;
    text-align: center;
    color: #ddd;
}

.container-contatti h2{
	font: bold 1.6em "Lato","Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: normal;
    font-weight: 300;
    margin: 13px 0;
    text-align: center;
    color: #fff;
}


.container-contatti p span{
	font-size: 1.8em;
	font-weight: 300;
	color: #ccc;
}


.container-contatti a{
	color: #ccc;
    text-align: center;
}




/* __________ Articoli "more" __________ */


#read-more li {
	display:inline-block;
	margin: 20px 3px 5px 0;
}

#read-more li a {
	display:block;
	padding:6px 13px;
	font-size:13px;
	color: #fff;
	font-weight: 500;
	background: #008d36;
	border:2px solid #008d36;
	transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
	-webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
#read-more li a:hover {
	padding:6px 13px;
	color: #4d4603;
	background: #fff;
	border:2px solid #008d36;
}


/* __________ Articoli "more" col __________ */
#read-more-col li {
	display:inline-block;
	margin: 20px 3px 5px 0;
}

#read-more-col li a {
	display:block;
	padding:6px 13px;
	font-size:13px;
	color: #4d4603;
	font-weight: 500;
	background: #fff;
	border:2px solid #008d36;
	transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
	-webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
#read-more-col li a:hover {
	padding:6px 13px;
	color: #fff;
	background: #008d36;
	border:2px solid #008d36;
}


/* __________ Footer __________ */


.fix-footer{
	position: fixed;
	bottom: 0px;
	padding: 0 0px;
	width: 100%;
	height: 446px;
	background: #4d4603;
	z-index:1;
}

.fix-footer_bottom{
	position: fixed;
	bottom: 0px;
	padding: 0 0px;
	width: 100%;
	height: 177px;
	background: #fff;
	z-index:1;
}


.fix-footer_bottom p{
	position: relative;
	font: bold 1.1em "Lato","Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
    font-weight: 300;
    text-align: center;
    margin: 20px 0px;
	background: none;
}

.fix-footer_bottom ul{
	position: relative;
	width: 460px;
	margin: 5px auto 0px auto;
	background: none;
}

.fix-footer_bottom li{
	position: relative;
	margin: 0px 10px;
	width: 20%;
	background: none;
	padding: 0px 0px 0px 35px;
	display: inline-block;
}


.fix-footer_bottom li img{
	position: relative;
	margin: 5px auto;
	height: 46px;
}


/* __________ Box Footer per IE __________ */

.container-footer {
	width: 1180px;
	min-height: 327px;
	margin: 0px auto;
	background: none;
	border: 0px solid black;
	background: none;
	display: box;
	padding: 0px;
}


.container-footer img{
	position: relative;
	width: 77px;
	margin: 33px auto 0px auto;
	display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */
    display: flex;
    align-items: center;
	
}

.container-footer h2{
	font: bold 1.6em "Lato","Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: normal;
    font-weight: 300;
    margin: 13px 0;
    text-align: center;
    color: #ddd;
}

.container-footer p{
	font: bold 1.1em "Lato","Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #ccc;
    font-weight: 300;
    text-align: center;
    margin: 20px 0px;
}

.container-footer p span{
	font-size: 1.8em;
	font-weight: 300;
	color: #ccc;
}


.container-footer a{
	color: #ccc;
    text-align: center;
}

/* __________ FINE Box Footer per IE __________ */


.footer{
	position: relative;
	max-width: 1180px;
	font-size: 0.9em;
	color: #333;
	text-decoration: none;
	height: 30px;
	background: none;
	overflow: hidden;
	margin: 20px auto;
	padding: 5px 30px;

}

.footer a{
	color: #333;
	text-decoration: none;
}

.footer copy{
	font: bold 1.5em "Lato","Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: relative;
	color: #ddd;
	font-weight: 300;
	line-height: 0em;
	overflow: hidden;
	margin: 0px auto;
	text-decoration: none;
}

.footer copy a{
	color: #333;

	text-decoration: none;
}

.legacy{
	position: relative;
	width: 200px;
	float:right;
	color: #333;
	overflow: hidden;
	margin: -18px;
	padding: 0px 15px;
	text-decoration: none;
}

.legacy a{
	font: bold 1.2em "Lato","Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	color: #333;
	text-decoration: none;
}


.social-footer {
	position: relative;
	color: none;
	width: 130px;
	height: 40px;
	background: none;
	overflow: hidden;
	margin: 0px auto 0px auto;
}

.social-footer ul{
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 40px;
	float:left;
	color:none;
    background:none;
}
.social-footer ul li{
	display:inline-block;
	float:left;
	width: 38px;
	height: 30px;
	margin:0px 1px;
}
.social-footer ul li a{
	color:none;
	padding: 0px 0px;
}

.social-footer ul li img{
	position: relative;
	width: 30px;
	height: 30px;
	opacity: 1.0;
}



#cookieChoiceInfo {           /* Imposto le proprietà del banner/dialog box e caratteri del messaggio */
  font-size: 1em;            /* i caratteri devono essere grandi 16 pixel */
  line-height: 1.5em;
  color: #ccc;                /* il colore dei caratteri è grigio chiaro (#DDD) */
  padding: 40px;              /* lo spazio intorno al messaggio (sopra, sotto e di lato) quindi il bordo dista 10 pixel */  
  opacity: 0.9;                /* questa proprietà modifica la trasparenza del banner/dialogbox */
}

#cookieInfoLink {
  position:relative;
  max-width: 1024px;
  top: 20px;                      
  color: #E00;
  opacity:1;                /* il testo del link che aprire la pagina della cookie policy è rosso (#E00)  */
  text-decoration: underline; /* questa proprietà indica che il testo del link è sottolineato  */
}
#cookieInfoLink:hover {       /* la parola hover, vicino al selettore, indica che le proprietà seguenti verranno applicate... */
                              /* ... al link che conduce alla cookie policy solo quando il mouse ci passa sopra  */
  color: #F44;                /* il testo del link in questo caso diventa di un rosso più chiaro al passaggio del mouse...  */
  text-decoration:none;       /*   .... e allo stesso tempo il testo non sarà più sottolineato            */
}
#cookieChoiceDismiss {        /* Impostiamo per il link "accetto/ok/chiudi" le proprietà per renderlo... */
			      /* ...visivamente come un pulsante */
  background-color: #0A0;     /* lo sfondo è verde (#0A0) */
  color: #FFF;                /* Il colore del testo è bianco (#FFF) */
  text-decoration: none;      /* Il testo non è sottolineato         */
  font-weight: 600;           /* Il testo è in grassetto             */
  font-size: 1em;
  padding: 4px 13px;          /* Imposto lo spazio tra i caratteri e il bordo del pulsante 2pixel sopra e sotto e 10px ai lati */
  border-radius:  4px;        /* Lo sfondo del pulsante ha i bordi arrotondati con un raggio di 3 pixel */
  opacity:1;
}
#cookieChoiceDismiss:hover {  /* Passando il mouse sopra il pulsante, questo cambia colore in verde chiaro. */
  background-color: #0F0;
}


@media (max-width: 1200px) { 

.main {
	width: 100%;
	margin: -46px ppx 58px 0px;
	padding: 0em 0em;
	background: #fff;
	box-shadow: 0px 0px 0px #222;
}

.wrap {
	max-width: 1000px;
}


.green_section {
	position:relative;
	width: 100%;
	height: auto;
	margin: 10px 0px 240px;
	background: #4d4603;
	z-index:100;
}

.box-news1 {
	position: relative;
	float:left;
	background: none; 
	margin: 0px auto;
	padding: 23px 30px;
	width: 33%;
}

.box {
	position:relative;
	float: left;
	background: none; 
	padding: 13px;
	width: 29vw;
}

}


@media (max-width: 1048px) { 

.main {
	width: 100%;
	margin: -46px ppx 58px 0px;
	padding: 0em 0em;
	background: #fff;
	box-shadow: 0px 0px 0px #222;
}

.wrap {
	max-width: 1000px;
}

.green_section {
	position:relative;
	width: 100%;
	height: auto;
	margin: 10px 0px 240px;
	background: #4d4603;
	z-index:100;
}

.box-news1 {
	position: relative;
	float:left;
	background: none; 
	margin: 0px auto;
	padding: 23px 30px;
	width: 29%;
}

}


@media (max-width: 1010px) { 

.footer copy{
	display: none;
}

.main {
	width: 1080px;
	margin: -46px px 120px 0px;
}

.main_pages {
	position: relative;
	width: 1280px;
	margin: -46px auto 200px auto;
	padding: 0em 0em;
	background: #fff;
	box-shadow: 0px 0px 18px #222;
	z-index:100;
}

.slideshow {
	width:108%;
}


.green_section {
	position:relative;
	width: 100%;
	height: 600px;
	margin: 10px 0px 140px 0px;
	background: #4d4603;
	z-index:100;
}

.box-news1 {
	position: relative;
	float:left;
	background: none; 
	margin: 0px auto;
	padding: 23px 8px;
	width: 27vw;
}

.box-event2 {
	position:relative;
	background: none; 
	float: left;
	margin: 10px auto;
	padding: 8px;
	width: 52vw;
}


.container-box {
	width: 97%;
	height: auto;
	min-height: 770px;
	margin: 0px auto;
	border: 0px solid black;
	padding: 0px;
	background: non;
	z-index: 1003;
}

.container-box2 {
	width: 97%;
	height: auto;
	min-height: 470px;
	margin: 0px auto;
	border: 0px solid black;
	padding: 0px;
	background: none;
	z-index: 1003;
}

.dati_co2 {
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 0px;
    background: none;
}

.dati_co2 img{
	position: relative;
	width: 93%;
	margin: 0px 0px 0px 0px;
    background: none;
}


.container-news {
	width: 100%;
	margin: 30px 0px;
	height: 500px;
}

.box-news1 {
	position: relative;
	width: 33%;
	background: none;
}

.box-news2 {
	position: relative;
	width: 50vw;
	float: left;
	margin-left: 40px;
	background: none;
}



.container-events {
	position:relative;
	max-width: 100%;
	min-height: 599px;
	margin: 0px auto;
	background: none;
	border: 0px solid black;
	display: box;
	padding: 0px;


}

.box-event1 {
	position:relative;
	background: none; 
	float:left;
	margin: 0px 10px;
	padding: 23px 0px 23px 25px;
	width: 40%;

}


.box-event1 img {
	background: none; 
	margin: 10px auto 10px auto;
	padding: 0px;
	width: 100%;
	height: auto;
}


.api_section {
	position:relative;
	width: 100%;
	height: 500px;
	margin: 10px 0px;
	background: #4d4603;
	background-image: url("../images/i3.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
	z-index:100;
}

.dati_api {
	position: relative;
	height: 500px;
	margin: 0px;
	padding: 0px 0px;
    background: none;
}

.dati_api img{
	position: relative;
	height: 100%;
	margin: -40px 0px 0px 0px;
	left: 0px;
    background: none;
}


.fix-footer{
	height: 120px;
}



.footer{
	position: relative;
	width: 90%;
	font-size: 1.0em;
	text-decoration: none;
	height: 100px;
	background: none;
	overflow: hidden;
	margin: 0px auto;
	padding: 5px 0px;
	text-align: center;

}


.footer copy{
	display: none;
}

.legacy{
	position: relative;
	width: 100%;
	float:left;
	color: #000;
	overflow: hidden;
	margin: -18px;
	padding: 40px 15px;
	text-decoration: none;
	text-align: center;
}
  
}






@media (max-width: 799px) { 

.main {
	margin: 0px auto 200px auto;
}

.slideshow {
	position:relative; 
	height: 100vh;
	width: 100vw;
	margin: 0px 0px 0px 0px:
	background: none;
}


.green_section {
	position:relative;
	width: 100%;
	height: auto;
	margin: 10px 0px 240px;
	background: #4d4603;
	z-index:100;
}

.box-news1 {
	position: relative;
	float:left;
	background: none; 
	margin: 0px auto;
	padding: 23px 8px;
	width: 100%;
}

.news_post_img {
	overflow:hidden;
	float:left;
	position:relative;
	width:230px;
	height:230px;
	margin-right:10px;
	background-color:none;
}

.box-event1 {
	width: 40%;
}

.box-event1 img {
	background: red; 
	margin: 10px auto 10px auto;
	padding: 0px;
	width: 100%;
	height: auto;
}

.box-event2 {
	position:relative;
	background: none; 
	float: left;
	margin: 10px auto;
	padding: 8px;
	width: 100vw;
}

.wrap {
	position: relative;
	width: 88%;
	min-height: 258px;
	margin: 0 auto;
	top: 0px;
    padding: 0px;
    color: #000;
    background: none;
    z-index: 5000;
}

.promo-column {
    padding: 0px;
    float: left;
    text-align:center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 68%;
    background: none;
}

.promo-column img {
	position:relative;
	height:258px;
	margin: 20px auto;
    display: block;
    margin-bottom: 23px;
}

.promo-column h5 {
    font: bold 2.3em/2.4em "Lato","Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin: 9px 0;
    color: #065e25;
}

.promo-column p {
    font: 2.4em "Lato","Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    text-align: center;
    text-justify: center;
}

.button
{
    display: none;
}

/* __________ Box News per IE __________ */

.container-news {
	position: relative;
	width: 100%;

}

.container-box {
	width: 97%;
	height: auto;
	min-height: 1670px;
	margin: 0px auto;
	border: 0px solid black;
	padding: 0px;
	background: none;
	z-index: 1003;
}

.container-box2 {
	width: 97%;
	height: auto;
	min-height: 1800px;
	margin: 0px auto;
	border: 0px solid black;
	padding: 0px;
	background: none;
	z-index: 1003;
}

.box-news1 {
	position: relative;
	float:left;
	background: none; 
	margin: 0px auto;
	padding: 23px 30px;
	width: 74%;
}

.box-news2 {
	width: 94%;
	float:none;

}
.box-event1 {
	width: 90vw;
}
.box-event2 {
	width: 87vw;
	left: 5vw;
}


.box {
	position:relative;
	float: left;
	background: none; 
	padding: 50px;
	width: 65%;
}

.box img {
	background: #000; 
	margin: 10px 0 10px 0;
	padding: 0px;
	width: 100%;
}


.box h1{
	font: bold 1.3em "Lato","Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin: 9px 0;
    color: #077CAA;
}

.box h3{
	font: bold 1.0em/1.1em "Lato","Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: normal;
    margin: 9px 0;
    color: #000;
}

.box p{
	color: #000;
}

.dati_co2 {
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 0px;
    background: none;
}

.dati_co2 img{
	position: relative;
	width: 68%;
	margin: 180px 0px 0px 0px;
    background: none;
}


.container-news {
	width: 100%;
	margin: 30px 0px;
	height: 1100px;
}

.box-news1 {
	position: relative;
	width: 77%;
	background: none;
}

.box-news2 {
	position: relative;
	width: 90vw;
	float: left;
	margin-left: 40px;
	background: none;
}

.api_section {
	position:relative;
	width: 100%;
	height: 600px;
	margin: 10px 0px;
	background: #4d4603;
	background-image: url("../images/i3.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
	z-index:100;
}

.dati_api {
	position: relative;
	height: 500px;
	margin: 0px;
	padding: 0px 0px;
    background: none;
}

.dati_api img{
	position: relative;
	height: 100%;
	margin: 200px 0px 0px 0px;
	left: 0px;
    background: none;
}


.footer{
	position: relative;
	font-size: 1.4em;
}


  
}


@media only screen and (max-width: 980px)
    and (-webkit-device-pixel-ratio : 0.3) { 



.main {
	width: 1080px;
	margin: -46px px 120px 0px;
}

.slideshow {
	width:108%;
}


.green_section {
	position:relative;
	width: 100%;
	height: 600px;
	margin: 10px 0px 140px 0px;
	background: #4d4603;
	z-index:100;
}

.box-news1 {
	position: relative;
	float:left;
	background: none; 
	margin: 0px auto;
	padding: 23px 8px;
	width: 27vw;
}

.box-event2 {
	position:relative;
	background: none; 
	float: left;
	margin: 10px auto;
	padding: 8px;
	width: 52vw;
}


.wrap {
	position: relative;
	width: 98%;
	min-height: 258px;
	margin: 0 auto;
	top: 0px;
    left: 8vW;
    bottom: 40px;
    padding: 0px;
    color: #000;
    background: none;
    z-index: 5000;
}

.promo-column {
    padding: 0px;
    float: left;
    margin-bottom: 4vh;
    text-align:center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 88%;
    background: none;
}

.promo-column img {
	position:relative;
	height:258px;
	margin: 20px auto;
    display: block;
    margin-bottom: 23px;
}

.promo-column h5 {
    font: bold 4.3em/4.4em "Lato","Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 40px;
    text-transform: uppercase;
    margin: 30px 0;
    color: #065e25;
}

.promo-column p {
    font: 5.4em "Lato","Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 8em;
    text-transform: uppercase;
    text-align: center;
    text-justify: center;
}

#read-more-col li {
	display:inline-block;
	margin: 20px 3px 5px 0;
}

#read-more-col li a {
	display:block;
	padding:6px 13px;
	font-size:3em;
	color: #4d4603;
	font-weight: 500;
	background: #fff;
	border:2px solid #008d36;
	transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
	-webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
#read-more-col li a:hover {
	padding:6px 13px;
	color: #fff;
	background: #008d36;
	border:2px solid #008d36;
}

.container-box {
	width: 97%;
	height: auto;
	min-height: 770px;
	margin: 0px auto;
	border: 0px solid black;
	padding: 0px;
	background: non;
	z-index: 1003;
}

.container-box2 {
	width: 97%;
	height: auto;
	min-height: 470px;
	margin: 0px auto;
	border: 0px solid black;
	padding: 0px;
	background: none;
	z-index: 1003;
}

.dati_co2 {
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 0px;
    background: none;
}

.dati_co2 img{
	position: relative;
	width: 93%;
	margin: 0px 0px 0px 0px;
    background: none;
}


.container-news {
	width: 100%;
	margin: 30px 0px;
	height: 500px;
}

.box-news1 {
	position: relative;
	width: 33%;
	background: none;
}

.box-news2 {
	position: relative;
	width: 50vw;
	float: left;
	margin-left: 40px;
	background: none;
}



.container-events {
	position:relative;
	max-width: 100%;
	min-height: 599px;
	margin: 0px auto;
	background: none;
	border: 0px solid black;
	display: box;
	padding: 0px;


}

.box-event1 {
	position:relative;
	background: none; 
	float:left;
	margin: 0px 10px;
	padding: 23px 0px 23px 25px;
	width: 40%;

}


.box-event1 img {
	background: none; 
	margin: 10px auto 10px auto;
	padding: 0px;
	width: 100%;
	height: auto;
}


.api_section {
	position:relative;
	width: 100%;
	height: 500px;
	margin: 10px 0px;
	background: #4d4603;
	background-image: url("../images/i3.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
	z-index:100;
}

.dati_api {
	position: relative;
	height: 500px;
	margin: 0px;
	padding: 0px 0px;
    background: none;
}

.dati_api img{
	position: relative;
	height: 100%;
	margin: -40px 0px 0px 0px;
	left: 0px;
    background: none;
}


.fix-footer{
	height: 120px;
}



.footer{
	position: relative;
	width: 90%;
	font-size: 1.0em;
	text-decoration: none;
	height: 100px;
	background: none;
	overflow: hidden;
	margin: 0px auto;
	padding: 5px 0px;
	text-align: center;

}


.footer copy{
	display: none;
}

.legacy{
	position: relative;
	width: 100%;
	float:left;
	color: #000;
	overflow: hidden;
	margin: -18px;
	padding: 40px 15px;
	text-decoration: none;
	text-align: center;
}
  
}


@media only screen 
    and (device-width : 375px) 
    and (device-height : 867px) 
    and (-webkit-device-pixel-ratio : 0.3)  {

.main {
	margin: 0px auto 200px auto;
}

.slideshow {
	position:relative; 
	height: 100vh;
	width: 100vw;
	margin: 0px 0px 0px 0px:
	background: none;
}


.green_section {
	position:relative;
	width: 100%;
	height: auto;
	margin: 10px 0px 240px;
	background: #4d4603;
	z-index:100;
}

.box-news1 {
	position: relative;
	float:left;
	background: none; 
	margin: 0px auto;
	padding: 23px 8px;
	width: 100%;
}

.news_post_img {
	overflow:hidden;
	float:left;
	position:relative;
	width:230px;
	height:230px;
	margin-right:10px;
	background-color:none;
}

.box-event1 {
	width: 40%;
}

.box-event1 img {
	background: red; 
	margin: 10px auto 10px auto;
	padding: 0px;
	width: 100%;
	height: auto;
}

.box-event2 {
	position:relative;
	background: none; 
	float: left;
	margin: 10px auto;
	padding: 8px;
	width: 100vw;
}

.wrap {
	position: relative;
	width: 88%;
	min-height: 258px;
	margin: 0 auto;
	top: 0px;
    padding: 0px;
    color: #000;
    background: none;
    z-index: 5000;
}

.promo-column {
    padding: 0px;
    float: left;
    text-align:center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 68%;
    background: none;
}

.promo-column img {
	position:relative;
	height:258px;
	margin: 20px auto;
    display: block;
    margin-bottom: 23px;
}

.promo-column h5 {
    font: bold 2.3em/2.4em "Lato","Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin: 9px 0;
    color: #065e25;
}

.promo-column p {
    font: 2.4em "Lato","Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    text-align: center;
    text-justify: center;
}

.button
{
    display: none;
}

/* __________ Box News per IE __________ */

.container-news {
	position: relative;
	width: 100%;

}

.container-box {
	width: 97%;
	height: auto;
	min-height: 1670px;
	margin: 0px auto;
	border: 0px solid black;
	padding: 0px;
	background: none;
	z-index: 1003;
}

.container-box2 {
	width: 97%;
	height: auto;
	min-height: 1800px;
	margin: 0px auto;
	border: 0px solid black;
	padding: 0px;
	background: none;
	z-index: 1003;
}

.box-news1 {
	position: relative;
	float:left;
	background: none; 
	margin: 0px auto;
	padding: 23px 30px;
	width: 74%;
}

.box-news2 {
	width: 94%;
	float:none;

}
.box-event1 {
	width: 90vw;
}
.box-event2 {
	width: 87vw;
	left: 5vw;
}


.box {
	position:relative;
	float: left;
	background: none; 
	padding: 50px;
	width: 65%;
}

.box img {
	background: #000; 
	margin: 10px 0 10px 0;
	padding: 0px;
	width: 100%;
}


.box h1{
	font: bold 1.3em "Lato","Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin: 9px 0;
    color: #077CAA;
}

.box h3{
	font: bold 1.0em/1.1em "Lato","Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: normal;
    margin: 9px 0;
    color: #000;
}

.box p{
	color: #000;
}

.dati_co2 {
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 0px;
    background: none;
}

.dati_co2 img{
	position: relative;
	width: 68%;
	margin: 180px 0px 0px 0px;
    background: none;
}


.container-news {
	width: 100%;
	margin: 30px 0px;
	height: 1100px;
}

.box-news1 {
	position: relative;
	width: 77%;
	background: none;
}

.box-news2 {
	position: relative;
	width: 90vw;
	float: left;
	margin-left: 40px;
	background: none;
}

.api_section {
	position:relative;
	width: 100%;
	height: 600px;
	margin: 10px 0px;
	background: #4d4603;
	background-image: url("../images/i3.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
	z-index:100;
}

.dati_api {
	position: relative;
	height: 500px;
	margin: 0px;
	padding: 0px 0px;
    background: none;
}

.dati_api img{
	position: relative;
	height: 100%;
	margin: 200px 0px 0px 0px;
	left: 0px;
    background: none;
}


.footer{
	position: relative;
	font-size: 1.4em;
}

 
 
#cookieChoiceInfo {           
  font-size: 2.5em;            /* i caratteri devono essere grandi 16 pixel */
  line-height: 1.5em;
  opacity:1;
}

#cookieChoiceDismiss {        
  padding: 13px 40px;          /* Imposto lo spazio tra i caratteri e il bordo del pulsante 2pixel sopra e sotto e 10px ai lati */
  border-radius:  15px;        /* Lo sfondo del pulsante ha i bordi arrotondati con un raggio di 3 pixel */
  opacity:1;
}

 
  
}