/* General Blueprint Style */

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





body {

    font-family: 'Lato', Calibri, Arial, sans-serif;

	width: 100%;

    color: #000;

    margin: 0px;

    padding: 0px;

    background: #eee;



}



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;

	Overflow-x: hidden;

}



section {

	position:relative;

	width: 100%;

	height:auto;

	background:none;

}



.main section p {

	margin: 0;

	font-size: 0.8em;

	line-height: 1.5;

	text-align: justify;

    text-justify: inter-word;

}





.slideshow {

	position:relative;

	margin: -0px auto 0 auto;

	padding: 0em 0em;

	width: 100%;

	height:546px;

	background: #fff;

	z-index:101;

}







.stripes {

	position:relative;

	margin: 0px;

	left: 50%;

	max-width: 1180px;

	height:auto;

	transform: translateX(-50%);

	background:none;

}





/*-----------------------------------------------------------------------------------*/

/*	  WRAP

/*-----------------------------------------------------------------------------------*/



.wrap {

	position: relative;

	width: 100%;

	margin: 0 auto 40px auto;

    padding: 30px 0px;

    left: 50%;

    transform: translateX(-50%);

    color: #000;

    z-index: 5000;

    background: none;

}



.promo {

    padding: 114px 0 54px 0;

}



.promo-wrapper {

    margin: 0 0px;
	
}



.promo-column {

	width: 90%;

	display: inline-block;

    padding: 10px 0px;

    margin: 0;

    text-align:center;

    width: 24.8%;

    background: none;

}



.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: #319139;

}



.promo-column p {

	position: relative;

	width: 80%;

	left: 50%;

    font-type: "Lato","Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;

    text-align: center;

    text-justify: center;

    transform: translateX(-50%);

}



/* __________ Wrap button  __________ */



.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 #319139;

	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 {	

	width: 200px;

	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 #319139;

 	background: #319139;

 	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;

}



#pulsante_small {	

	width: 100px;

	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 #319139;

 	background: #319139;

 	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_small:hover {

	background: #046416;

}





#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;

}





/*-----------------------------------------------------------------------------------*/

/*	SOCI & PARTNER

/*-----------------------------------------------------------------------------------*/



.soci{

	position:relative;

	padding: 0px;

	width: 20%;

	min-height:180px;

	left:2em;

	display: inline-block;

	margin: 18px;

	background: none;

}



.soci img {

	position: relative;

	top: 50%;

	background: none; 

	margin: 0px;

	padding: 0px;

	width: 100%;

	height: 100%;

	display: inline-block;

	vertical-align: middle;

}





.partnership{

	position:relative;

	background: none; 

	padding: 8px;

	width: 14%;

	display: inline-block;

	margin: 0px;

	left:1em;

	vertical-align: middle;

	align-items: center;



}



.partnership img {

	background: red; 

	margin: 0px;

	padding: 0px;

	width: 100%;

	height: 100%;

}





/*-----------------------------------------------------------------------------------*/

/*		BOX EVENTS

/*-----------------------------------------------------------------------------------*/





.container-events {

	position:relative;

	max-width: 100%;

	min-height: 599px;

	margin: 0px auto;

	border: 0px solid black;

	display: inline-block;

	padding: 0px;

	background: #450B60;

}





/* __________ BOX EVENTS 33%  __________ */



.box-event1 {

	position:relative;

	margin: 0px 10px;

	padding: 23px 0px 23px 0px;

	width: 33%;

	display: inline-block;

	background: none; 

}





.box-event1 img {

	background: #000; 

	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;

    padding: 0 10px;

    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;

    padding: 0 10px;

    color: #fff;

}



.box-event1 p{

	color: #fff;

	text-align: justify;

    padding: 0 10px;

}



/* __________ BOX EVENTS 66%  __________ */



.box-event2 {

	position:absolute;

	margin: 0px auto;

	padding: 23px 0px;

	width: 66%;

	display: inline-block;

	background: none; 

}



.box-event2 h1{

	font: bold 1.3em "Lato","Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;

    text-transform: normal;

    margin: 9px 60px;

    color: #fff;

}



.box-event2 h3{

	font: bold 1.0em/1.1em "Lato","Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;

    text-transform: normal;

    margin: 9px 0px 9px 60px;

    color: #fff;

}





/*-----------------------------------------------------------------------------------*/

/*		BOX Container

/*-----------------------------------------------------------------------------------*/





.container-box {

	width: 100%;

	min-height: 377px;

	height: auto;

	margin: 0px auto;

	border: 0px solid black;

	display: inline-block;


	background: none;

}





.box {

	position:relative;

	float: left;

	background: none; 

	padding: 10px 0px;

	width: 100%;

	background: none;

}



.box img {

	background: none; 

	margin: 10px 0 10px 0;

	padding: 0px;

	width: 100%;

}





.box h1{

	font: bold 1.8em "Lato","Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;

    text-transform: uppercase;

    margin: 9px 0 9px 30px;

    color: #319139;

}



.box h3{

	font: bold 1.3em/1.4em "Lato","Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;

    text-transform: normal;

    margin: 9px 0;

    color: #000;

}



.box p{

	font-size: 22px;

	color: #333;

	text-align: justify;

    text-justify: inter-word;

}











/* __________ Articoli "more" __________ */



#read-more ul {

	background: yellow;

	height: 27px;

}





#read-more li {

	display:inline-block;

}



#read-more li a {

	display:block;

	padding:6px 13px;

	font-size:13px;

	color: #fff;

	font-weight: 500;

	background: #319139;

	border:2px solid #319139;

	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: #000;

	background: #fff;

	border:2px solid #319139;

}





/* __________ 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: #000;

	font-weight: 500;

	background: #fff;

	border:2px solid #319139;

	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: #319139;

	border:2px solid #319139;

}





/*-----------------------------------------------------------------------------------*/

/*		Footer

/*-----------------------------------------------------------------------------------*/



.fix-footer{

	position: fixed;

	bottom: 0px;

	padding: 0 0px;

	width: 100%;

	height: 446px;

	display: inline-block;

	background: #3C4622;

	z-index:1;

}





/* __________ Box Container Footer __________ */



.container-footer {

	position: relative;

	width: 1180px;

	min-height: 327px;

	margin: 0px auto;

	left: 50%;

	border: 0px solid black;

	display: inline-block;

	padding: 0px;

	transform: translateX(-50%);

	background: none;

}



.box-footer {

	position:relative;

	width: 32%;

	min-height: 327px;

	top: 0;

	padding: 13px 0px;

	margin: 0 5px;

	left: 20px;

	display: inline-block;

	background: none;

}



.box-footer img{

	width: 100%;

}



.box-footer h2{

	font: bold 1.4em "Lato","Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;

    text-transform: normal;

    font-weight: 300;

    margin: 9px 0;

    color: #ddd;

}



.box-footer p{

	font: bold 0.9em "Lato","Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;

	color: #ccc;

    font-weight: 300;

    margin: 40px 0px;

}



.box-footer p span{

	font-size: 1.8em;

	font-weight: 300;

	color: #ccc;

}



.box-footer p span1{

	font-size: 1.4em;

	font-weight: 300;

	color: #ccc;

}



.box-footer a{

	color: #ccc;

}



.box-footer-third {

	position:absolute;

	width: 27%;

	min-height: 327px;

	top: 0;

	right: 40px;

	padding: 13px 0px;

	display: inline-block;

	background: none;

	color: #FFF;

}



.box-footer-third img{

	width: 100%;

}





/* __________ Box Footer __________ */





.footer{

	position: relative;

	max-width: 1180px;

	font-size: 0.8em;

	color: #444;

	text-decoration: none;

	height: 60px;

	background: none;

	overflow: hidden;

	margin: 0px auto;

	padding: 5px 30px;



}



.footer a{

	color: #444;

	text-decoration: none;

}



.footer copy{

	font: bold 1.5em "Lato","Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;

	position: relative;

	color: #444;

	font-weight: 300;

	line-height: 0em;

	overflow: hidden;

	margin: 0px auto;

	text-decoration: none;



}



.footer copy a{

	color: #444;



	text-decoration: none;

}



.legacy{

	position: relative;

	width: 200px;

	float:right;

	color: #444;

	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: #444;

	text-decoration: none;

}



/* __________ Social Footer __________ */



.social-footer {

	position: relative;

	color: none;

	width: 130px;

	height: 40px;

	background: none;

	float:left;

	overflow: hidden;

	margin: 0px 0px 0px 0px;

}



.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;

}







/*-----------------------------------------------------------------------------------*/

/*		Cookie

/*-----------------------------------------------------------------------------------*/







#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...  */

  test-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: 1280px) { 



.main{

	background: #fff;

}



.container-footer {

	width: 1080px;

}



.box-footer {

	width: 28%;

	left: 50px;

}



}







@media (max-width: 1024px) { 



.main{

	background: #fff;

}



.container-footer {

	width: 1000px;

}



.box-footer {

	width: 29%;

	left: 50px;

}



}





@media (max-width: 960px) { 



.main{

	background: #fff;

}



.box-event1 {

	width: 40%;

}



.box-event2 {

	width: 58%;

}



.soci{

	width: 27%;

}



.box-footer {

	width: 40%;

	left: 46%;

	transform: translateX(-50%);

	

}



.box-footer-third {

	display: none;

}



.footer copy{

	display: block;

}



.legacy{

	top: 30px;

	display: block;

}



}





@media (max-width: 800px) { 



.main{

	background: #fff;

}



.promo-column {

	width: 100%;

	left: 50%;

}



.promo-column img {

	height:108px;

}



.promo-column p {

	width: 70%;

}



.box-event1 {

	width: 80%;

	left: 50%;

	transform: translateX(-50%);

}



.box-event2 {

	position: relative;

	width: 80%;

	left: 50%;

	transform: translateX(-50%);

}



.soci{

	width: 40%;

}



.box-footer {

	width: 27%;

	left: 42%;

	transform: translateX(-50%);

	

}



}







@media (max-width: 620px) {





.soci{

	width: 33%;

}



.box-footer {

	width: 19%;

	left: 41%;

	transform: translateX(-50%);

	

}
p.content{
	width: 100%;
	
}

#block
{width:auto;
padding: 0px;

}
#block p.content {
	padding-top:40px;
}