﻿/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('/etresources/fonts/open-sans-v34-latin/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/etresources/fonts/open-sans-v34-latin/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/etresources/fonts/open-sans-v34-latin/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/etresources/fonts/open-sans-v34-latin/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/etresources/fonts/open-sans-v34-latin/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/etresources/fonts/open-sans-v34-latin/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/etresources/fonts/open-sans-v34-latin/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/etresources/fonts/open-sans-v34-latin/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/etresources/fonts/open-sans-v34-latin/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/etresources/fonts/open-sans-v34-latin/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/etresources/fonts/open-sans-v34-latin/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/etresources/fonts/open-sans-v34-latin/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-500 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('/etresources/fonts/open-sans-v34-latin/open-sans-v34-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/etresources/fonts/open-sans-v34-latin/open-sans-v34-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/etresources/fonts/open-sans-v34-latin/open-sans-v34-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/etresources/fonts/open-sans-v34-latin/open-sans-v34-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/etresources/fonts/open-sans-v34-latin/open-sans-v34-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/etresources/fonts/open-sans-v34-latin/open-sans-v34-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('/etresources/fonts/open-sans-v34-latin/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/etresources/fonts/open-sans-v34-latin/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/etresources/fonts/open-sans-v34-latin/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/etresources/fonts/open-sans-v34-latin/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/etresources/fonts/open-sans-v34-latin/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/etresources/fonts/open-sans-v34-latin/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/etresources/fonts/open-sans-v34-latin/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/etresources/fonts/open-sans-v34-latin/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/etresources/fonts/open-sans-v34-latin/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/etresources/fonts/open-sans-v34-latin/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/etresources/fonts/open-sans-v34-latin/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/etresources/fonts/open-sans-v34-latin/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('/etresources/fonts/open-sans-v34-latin/open-sans-v34-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/etresources/fonts/open-sans-v34-latin/open-sans-v34-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/etresources/fonts/open-sans-v34-latin/open-sans-v34-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('/etresources/fonts/open-sans-v34-latin/open-sans-v34-latin-800.woff') format('woff'), /* Modern Browsers */
       url('/etresources/fonts/open-sans-v34-latin/open-sans-v34-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/etresources/fonts/open-sans-v34-latin/open-sans-v34-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/* roboto-slab-100 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 100;
  src: url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-100.woff') format('woff'), /* Modern Browsers */
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-100.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* roboto-slab-200 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 200;
  src: url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-200.woff') format('woff'), /* Modern Browsers */
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-200.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* roboto-slab-300 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  src: url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-300.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* roboto-slab-regular - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* roboto-slab-500 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 500;
  src: url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-500.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* roboto-slab-600 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 600;
  src: url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-600.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* roboto-slab-700 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-700.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* roboto-slab-800 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 800;
  src: url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-800.woff') format('woff'), /* Modern Browsers */
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-800.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
/* roboto-slab-900 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 900;
  src: url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-900.woff') format('woff'), /* Modern Browsers */
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/etresources/fonts/roboto-slab-v24-latin/roboto-slab-v24-latin-900.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}
	
	html,
	button,
	input,
	select,
	textarea {color: #222; }
	
	/* 
	 * Remove text-shadow in selection highlight: h5bp.com/i
	 * These selection declarations have to be separate
	 * Also: hot pink! (or customize the background color to match your design)
	 */
	::-moz-selection, ::selection {
	  background: #b3d4fc;
	  text-shadow: none; }
	
	hr {
	  display: block;
	  height: 1px;
	  border: 0;
	  border-top: 1px solid #ccc;
	  margin: 1em 0;
	  padding: 0; 
	  height: 0;
	  width:100%;
	}

	img {
	  vertical-align: top; }
	
	fieldset {
	  border: 0;
	  margin: 0;
	  padding: 0; }
	
	textarea {
	  resize: vertical; }
	
	.chromeframe {
	  margin: 0.2em 0;
	  background: #ccc;
	  color: #000;
	  padding: 0.2em 0; }
	
	img, embed object/*oggetti fluidi*/{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 100%;
	height:auto
	}
	
	iframe, video /*oggetti fluidi*/{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 100%;
	}
/* ==========================================================================
   Helper classes
   ========================================================================== */
	.ir {
	  background-color: transparent;
	  border: 0;
	  overflow: hidden;
	  *text-indent: -9999px; }
	  .ir:before {
	    content: "";
	    display: block;
	    width: 0;
	    height: 100%; }
	
	.hidden {
	  display: none !important;
	  visibility: hidden; }
	
	.visuallyhidden {
	  border: 0;
	  clip: rect(0, 0, 0, 0);
	  height: 1px;
	  margin: -1px;
	  overflow: hidden;
	  padding: 0;
	  position: absolute;
	  width: 1px; }
	  .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	    clip: auto;
	    height: auto;
	    margin: 0;
	    overflow: visible;
	    position: static;
	    width: auto; }
	
	.invisible { visibility: hidden; }
	  
	.none{display:none;}  
/* ==========================
   Clear Float
   ========================== */
	.clearfix {
	  *zoom: 1; }
	  .clearfix:before, .clearfix:after {
	    content: " ";
	    display: table; }
	  .clearfix:after {
	    clear: both; }

/* ==========================
   Box Model (non aggiunge padding ai contenitori
   ========================== */

	*,
	*:before,
	*:after {
	  -webkit-box-sizing: border-box;
	     -moz-box-sizing: border-box;
	          box-sizing: border-box;
	}

/* ==================================================================
   MOBILE 
   ================================================================== */
	body {
	  background: #FFF;
	  margin: 0;
	  padding: 0;
	  position: relative;
	  }

	h1 {
	  color: #233133;
	  font-family: 'Roboto Slab', Arial, Verdana, sans-serif;
	  font-size: 180%;
	  font-weight: 400;
	  margin-top: 0;
	  }
	
	h2 {
	  color: #233133;
	  font-family: 'Roboto Slab', Verdana, sans-serif;
	  font-size: 160%;
	  font-weight: 400;
	  margin-bottom: 0;
	  }
	
	h3 {
	  color: #233133;
	  font-family: 'Roboto Slab', Verdana, sans-serif;
	  font-size: 140%;
	  font-weight: 400;
	  }
	
	h4 {
	  color: #233133;
	  font-family: 'Roboto Slab', Verdana, sans-serif;
	  font-size: 120%;
	  font-weight: 400;
	  margin:0.5em 0;
	  }
	
	h5 {
	  color: #233133;
	  font-family: 'Roboto Slab', Verdana, sans-serif;
	  font-size: 100%;
	  font-weight: 400;
	  margin:0.5em 0;
	  }
	
	h6 {
	  color: #233133;
	  font-family: 'Roboto Slab', Verdana, sans-serif;
	  font-size: 80%;
	  font-weight: 400;
	  margin:0.5em 0;
	  }
	
	a{
	  color: #56af31;
	  text-decoration: none;
	  }

	a:hover {
	  color: #56af31;
	  text-decoration: underline;
	  }


/* ===========================
   MOBILE: elementi Struttura
   =========================== */
	#AdminMenuClose {display: none;}
	
	#AdminMenuOpen {display: none;}
	
	#page-wrap {background:#efefef}
	
	.wrapper {
	  width: 98%;
	  margin: 0 1%;
	  padding: 0;
	  }
	
	.oldie .wrapper {
	  width: 98%;
	  margin: 0 auto;
	  }

/* ===========================
   MOBILE: Header
   =========================== */
	#header-wrap {position: relative;width: 100%;}
	
	header{
	  background:#FFF;
	  margin:0;
	  padding:0;
	  width: 100%;
	  }

	.top-header{display:none;}
/* ===========================
   MOBILE: logo
   =========================== */
	#head01 p {
	  margin:0;
	  padding: 0;
	  background: inherit;
	  text-align:center;
	  
 	}

/* ==============================
   MOBILE: menu lingue
   ============================== */
	#head02  {display: none;}

/* ==============================
   MOBILE: menu top
   ============================== */
	#head03  {display: none;}

/* ===========================
   MOBILE: menu principale
   =========================== */
	#head04 {display: none;}

/* ===========================
   MOBILE: slideshow
   =========================== */
	.flexslider {display: none;}

/* ===========================
   MOBILE: contenuto
   =========================== */
	#inner-wrap {padding: 0;}
	
	#inner{	background:#FFF;}
	
	#cont02{margin-bottom:2em;background: #fff; }
	
	#cont03 {margin-bottom:2em;overflow:auto }
	
	#cont01 {padding:1em 0;margin: 1em 0;overflow:hidden;}
	
/* ===========================
   MOBILE: Aree
   =========================== */
	#cont01 .box01 {
	 margin:0 0 1em 0;
	 padding:0;
	 position:relative;
	 border-left:1px solid #FFF;
	 text-align:left;
	}
		
	#cont01 .box01 h1 {
	  background: inherit;
	  color: #fff;
	  font:bold 100% 'Roboto Slab', Arial, Verdana, sans-serif;
	  line-height: 1em;
	  margin: 0;
	  padding: 0.5em 0 0.5em 0.7em;
	  text-align:left;
	  }
	  
	#cont01 .box01 h1 a {
	  background: inherit;
	  color: #000;
	  text-decoration:none;
	  }

	#cont01 .box01 h2,
	#cont01 .box01 h3,
	#cont01 .box01 h4,
	#cont01 .box01 h5,
	#cont01 .box01 h6 {
	  background: inherit;
	  color: #fff;
	  margin: 0;
	  padding: 0;
	  }
	
	#cont01 .box01 p {
	  color:#fff;
	  font-family: Arial, Verdana, sans-serif;
	  font-size: 80%;
	  font-weight: normal;
	  margin: 0;
	  padding:0.3em 0;
	  text-align:left;
	  }

	#cont01 .box01 ul {
	  list-style-type:none;
	  margin: 0 0 0 0;
	  padding:0;
	  }
	  
	#cont01 .box01 img {
		transform: scale(1);
		transition-timing-function: ease-out;
		transition-duration: 500ms;
		-moz-transform: scale(1);
		-moz-transition-timing-function: ease-out;
		-moz-transition-duration: 500ms;
		-webkit-transform: scale(1);
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms;
		}
		
	#cont01 .box01 img:hover{
		transform: scale(1.1);
		transition-timing-function: ease-out;
		transition-duration: 500ms;
		-moz-transform: scale(1.1);
		-moz-transition-timing-function: ease-out;
		-moz-transition-duration: 500ms;
		-webkit-transform: scale(0.8);
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 500ms;
		}

	#cont01 .box01 li {
	  color:#fff;
	  font-family: Arial, Verdana, sans-serif;
	  font-size: 80%;
	  font-weight: normal;
	  list-style-type:none;
	  margin: 0;
	  padding:0 0 0 3%;
	  text-align:left;
	  }

	#cont01 .box01 li:last-child {
	  padding-bottom:1em;
	  }
	
	#cont01 .box01 li a {
	  background:url(/images/01/common/aree/freccina-box-home.png) 0 10px no-repeat;
	  color: #fff;
	  display:block;
	  margin: 0;
	  padding:0.4em 0.8em;
	  text-decoration: none;
     /*-webkit-transition: all 1s;
     -moz-transition: all 1s;
     -ms-transition: all 1s;
     -o-transition: all 1s;
     transition: all 1s;
     transition-timing-function: ease-in-out;
     -webkit-transition-timing-function: ease-in-out;
     -moz-transition-timing-function: ease-in-out;
     -ms-transition-timing-function: ease-in-out;
     -o-transition-timing-function: ease-in-out;*/
	  }
	
	#cont01 .box01 li a:hover {
	  background:#054887 url(/images/01/common/aree/freccina-box-home.png) 0 10px no-repeat;
	  text-decoration: none; 
	  }
	
/* ===========================
   MOBILE: BOX AIOM
   =========================== */

	#cont02 {padding-top:0;	}
	
	#cont02 #boxes .box01 {
	 margin:0 0 2em 0%;
	 padding:0 0;
	 position:relative;
	 overflow:auto;
	}
	
	#cont02 #boxes .box01 h1 {
	  background:#eee;
	  color: #0c809e;
	  font:600 90% 'Open Sans', Arial, Verdana, sans-serif;
	  line-height: 120%;
	  margin: 0;
	  padding:0.7em 0;
	  text-align:left;
	  text-transform:uppercase;
	  }

	#cont02 #boxes .box01 h2,
	#cont02 #boxes .box01 h3,
	#cont02 #boxes .box01 h4,
	#cont02 #boxes .box01 h5,
	#cont02 #boxes .box01 h6 {
	  background: inherit;
	  color: #000;
	  font:600 95% 'Open Sans', Arial, Verdana, sans-serif;
	  margin:0;
	  padding: 0;
	  }
	
	#cont02 #boxes .box01 p {
	  color:#333;
	  font-family: 'Open Sans', Arial, Verdana, sans-serif;
	  font-size: 80%;
	  font-weight: normal;
	  margin: 0;
	  padding:0.3em 0;
	  text-align:left;
	  }

	#cont02 #boxes .box01 p.tag {
	  background:url(/images/01/common/box/tag.png) 0 8px no-repeat;
	  color:#3d7ec6;
	  clear:both;
	  font-family: 'Open Sans', Arial, Verdana, sans-serif;
	  font-size: 70%;
	  font-weight: 600;
	  margin:0 0 0.3em 0;
	  padding:0.3em 0 0.3em 2em;
	  text-align:left;
	  }

	#cont02 #boxes .box01 p.tag a {
	  color:#3d7ec6;
	  text-decoration:none;
	  }

	#cont02 #boxes .box01 p.tag a:hover {
	  color:#3d7ec6;
	  text-decoration:underline;
	  }

	#cont02 #boxes .box01 ul {
	  list-style-type:none;
	  margin: 0 0 0 0;
	  padding:0;
	  }
	
	#cont02 #boxes .box01 li {
	  color:#333;
	  font-family: 'Open Sans', Arial, Verdana, sans-serif;
	  font-size: 80%;
	  font-weight: normal;
	  list-style-type:none;
	  margin: 0;
	  padding:0;
	  text-align:left;
	  }

	
	#cont02 #boxes .box01 li a {
	  color: inherit;
	  display:block;
	  margin: 0;
	  padding:0.5em 1em;
	  text-decoration: none; 
	  }
	
	#cont02 #boxes .box01 li a:hover {
	  background:#bdf63c;
	  color: #394347;
	  margin: 0;
	  text-decoration: none; 
	  }
		
	#cont02 #boxes .box01 p img {
	  margin: 0 0.5em 0.5em 0;
	  padding: 0;
	  float:left;
	  width:40%;
	  }
	
	
/* ===========================
   MOBILE: footer box
   =========================== */
	#footer-wrap {
	  background: #56af31;
	  }
	
	#footer-wrap footer#footer {
	  background: #56af31;
	  }

	#foot00 .foot00{background:#458c27;width:85%;margin:2em auto 2em auto;padding:0 0 1em 0;overflow:hidden;}	
	
	.foot00 ul{
		text-align:center;
		margin:0 auto;
		width:350px;
	}
	
	.foot00 p{
		color:#FFF;
		font:normal 0.8em 'Open Sans', Arial, Verdana, sans-serif;
		padding:0 1.5em;
		text-align:left;
	}
		
	.foot00 h1{
	  background:#3b7721;
	  color:#FFF;
	  font-weight:normal;
	  font-size: 120%;
	  font-family:'Roboto Slab', Arial, Verdana, sans-serif;
	  text-align:center;
	  padding:0.5em 0;
 	}
 	
	.foot00 a{
	  color:#fff;
	  text-decoration:none;
 	}
	
	.foot00 a:hover{
	  color:#fff;
	  text-decoration:underline;
 	}
 	
 	
	
/* ===========================
   MOBILE: menu footer
   =========================== */
	#foot01 {margin-top:2em;}
		
	#foot01 nav.menu01,
	#foot02 nav.menu01 {
	  position: relative;
	  
	  }
	
	#foot01 nav.menu01 ul,
	#foot02 nav.menu01 ul {
	  background: inherit;
	  margin: 0;
	  padding: 0; }
	
	
	#foot01 nav.menu01 a,
	#foot02 nav.menu01 a {
	  background: inherit;
	  border-bottom: 1px solid #2e661e; 
	  color: #fff;
	  display: block;
	  font-family:'Open Sans', Arial, Verdana, sans-serif;
	  font-weight: normal;
	  font-size: 0.75em;
	  padding:10px 0;
	  text-align: center;
	  text-decoration: none; }
	  
	#foot01 nav.menu01 a:first-child {
	  border-top: 1px solid #2e661e; 
	}
	
	#foot01 nav.menu01 a:hover,
	#foot02 nav.menu01 a:hover {
	  color: #fff;
	  background: inherit;
	  text-decoration: underline; }
	
	#foot01 nav.menu01 a.sel,
	#foot02 nav.menu01 a.sel {
	  color: #fff;
	  background: inherit; }

/* ===========================
   MOBILE: company
   =========================== */
	
	#foot04{		
		background:#387220;
		color:#bfd1b8;
	    font:normal 0.75em 'Open Sans', Arial, Verdana, sans-serif;
	    line-height:120%;
	    padding:0.5em 0;
		text-align:center;
		}
		
	#foot04 span{color:#bfd1b8;}
	
	#foot04 a{color:#bfd1b8;}

/* ===========================
   MOBILE: developed
   =========================== */
	#foot05 {
	  background:#387220;
	  color: #fff;
	  font-family: 'Open Sans', Arial, Verdana, sans-serif;
	  font-size:0.8em;
	  font-weight: normal;
	  padding:0.5em;
	  text-align:center;
	   }
	
	#foot05 a {
	  color: #fff; }


	
/* ===========================
   MOBILE: 450px
   =========================== */
	@media only screen and  (min-width: 450px){
	
/* ===========================
   MOBILE: AREE
   =========================== */
	#inner {overflow: hidden;width:100%;background:#fff; }
	
	#cont01 .box01 {
	  	float:left;
	  	padding: 0;
	  	margin: 0;
	  	width:49.5%;
	  	border-left:1px solid #FFF;
	  	text-align:center;
	  	}
 	
 	}


/* ===========================
   TABLET: 1024px
   =========================== */
	@media only screen and (min-width: 1024px) {
	
	h1 {
	  color: #233133;
	  font-family: 'Roboto Slab', Arial, Verdana, sans-serif;
	  font-size: 220%;
	  font-weight: 400;
	  margin-top: 0;
	  }
	
	h2 {
	  color: #233133;
	  font-family: 'Roboto Slab', Verdana, sans-serif;
	  font-size: 180%;
	  font-weight: 400;
	  margin-bottom: 0;
	  }
	
	h3 {
	  color: #233133;
	  font-family: 'Roboto Slab', Verdana, sans-serif;
	  font-size: 150%;
	  font-weight: 400;
	  }
	
	h4 {
	  color: #233133;
	  font-family: 'Roboto Slab', Verdana, sans-serif;
	  font-size: 110%;
	  font-weight: 400;
	  margin:0.5em 0;
	  }
	
	h5 {
	  color: #233133;
	  font-family: 'Roboto Slab', Verdana, sans-serif;
	  font-size: 100%;
	  font-weight: 400;
	  margin:0.5em 0;
	  }
	
	h6 {
	  color: #233133;
	  font-family: 'Roboto Slab', Verdana, sans-serif;
	  font-size: 90%;
	  font-weight: 400;
	  margin:0.5em 0;
	  }

	  
	#AdminMenuClose {
	    display: block;
	    }
	
	#AdminMenuOpen {
	    display: block;
	    }
	
	#mobile-toolbar {
	    display: none;
	    }
	
	.wrapper {
	    max-width: 800px;
	    margin: 0 auto; }
	    
	#header-wrap {width: 100%;}
	
	header#header{position:relative;}
	
	header#header p, header#header pre{margin:0;padding:0;}
	
	.top-header{display:block;}

/* ===========================
	TABLET: logo
   =========================== */
	#head01 {
	background: inherit;
	margin: 0;
	padding: 0;
	}
	  
/* =============================
   TABLET: Menu Lingue
   ============================= */
	#head02 {
	display:block;
	margin:0;
	position:absolute;
	top:18px;
	left:150px;
	}

	#head02 nav.menulang ul {
	display:block;
	padding: 0;
	}
		
	#head02 nav.menulang li {
	 color:#899cbd;
	 float: left;
	 margin: 0;
	 padding: 0;
	 letter-spacing:1px;
	 }
	    
	#head02 nav.menulang li a {
	 border-right: 1px solid #8b9dbe;
	 color:#bfbebe;
	 cursor:pointer;
	 display: block;
	 font:800 80% 'Open sans', Arial, sans-serif;
	 padding:0 3px 0px 3px;
	 text-align: left;
	 text-decoration: none;
	 background: inherit;
	 text-transform:lowercase;
	 }
	
	#head02 nav.menulang a:hover{
	 color:#bfbebe;
	 background: inherit;
	 }
	
	#head02 nav.menulang a.sel{
	 background: inherit;
	 color: #f2a500;
	 padding:0 3px 0px 3px;
	 }
	
	#head02 nav.menulang li:last-child a{
	 border-right: 0;
	 }
	 
	#head02 nav.menulang a {display: inline;}


 /* =============================
     TABLET: Menu Login
     ============================= */
	  #head03 {
	    display: block;
  		float:right;
  		height:24px;
  		margin-top:20px;
  		z-index: 1;
	    }
	
	  #head03 nav.menu01 {
	    background: inherit;
	    display: block;
	    padding-top:0;
	    padding-right:180px;
	    float:left;
	    }
	
	  #head03 nav.menu01 ul {
	    color: #083958;
	    list-style-type: none;
	    margin:0.5em 0;
		overflow:hidden;padding-left:0;
	    }
	
	  #head03 nav.menu01 li {
	    color: #083958;
	    float: left;
	    list-style-type: none;
	    padding:0;
	    margin:0;
		}
		
	  #head03 nav.menu01 li:first-child {
	    border-left:1px solid #c7c7c7;
	    }

	  #head03 nav.menu01 li:last-child {
	    border-right:1px solid #c7c7c7;
	    padding-right:0;
	    }

	  .ie7 #head03 nav.menu01 li {
	    display: inline;
	    float: none;
	    }
	
	  #head03 nav.menu01 a,
	  #head03 nav.menu01 span {
	    display:block;
	    text-decoration: none;
	    text-indent:-9999px;
       -webkit-transition: all 0.5s;
       -moz-transition: all 0.5s;
       -ms-transition: all 0.5s;
       -o-transition: all 0.5s;
       transition: all 0.5s;
       transition-timing-function: ease-in-out;
       -webkit-transition-timing-function: ease-in-out;
       -moz-transition-timing-function: ease-in-out;
       -ms-transition-timing-function: ease-in-out;
       -o-transition-timing-function: ease-in-out;text-align:center;
	    }
	    
	  #head03 nav.menu01 a:active,
	  #head03 nav.menu01 a:hover,
	  #head03 nav.menu01 a:focus {
		outline:none;
		}


	  #head03 nav.menu01 ul.first li a.home,
	  #head03 nav.menu01 ul.first li span.home	  
	  {
 		background:url(/images/01/common/top-menu/home.png) 50% 0 no-repeat;
	    width:40px;
	    height: 24px;
	    }

	  #head03 nav.menu01 ul.first li a.home:hover,
	  #head03 nav.menu01 ul.first li a.home.sel
	  {
		background:url(/images/01/common/top-menu/home.png) 50% -24px no-repeat;
	    }
    
	  #head03 nav.menu01 a.mappa,
	  #head03 nav.menu01 span.mappa{
 		background:url(/images/01/common/top-menu/mappa.png) 50% 0 no-repeat;
	     width:40px;
	    height: 24px;
	    }

	  #head03 nav.menu01 a.mappa:hover,
	  #head03 nav.menu01 ul.first li a.mappa.sel
		{
		background:url(/images/01/common/top-menu/mappa.png) 50% -24px no-repeat;
	    }
	    
	  #head03 nav.menu01 a.contatti,
	  #head03 nav.menu01 span.contatti{
 		background:url(/images/01/common/top-menu/contatti.png) 50% 0 no-repeat;
	    width:40px;
	    height: 24px;
	    }

	  #head03 nav.menu01 a.contatti:hover,
	  #head03 nav.menu01 ul.first li a.contatti.sel
		{
		background:url(/images/01/common/top-menu/contatti.png) 50% -24px no-repeat;
	    }

	  #head03 nav.menu01 a.suggerimenti,
	  #head03 nav.menu01 span.suggerimenti{
 		background:url(/images/01/common/top-menu/suggerimenti.png) 50% 0 no-repeat;
	    width:40px;
	    height: 24px;
	    }

	  #head03 nav.menu01 a.suggerimenti:hover,
	  #head03 nav.menu01 ul.first li a.suggerimenti.sel
		{
		background:url(/images/01/common/top-menu/suggerimenti.png) 50% -24px no-repeat;
	    }

	  #head03 nav.menu01 a.star-preferiti,
	  #head03 nav.menu01 span.star-preferiti{
 		background:url(/images/01/common/top-menu/star-preferiti.png) 50% 0 no-repeat;
		border-left:1px solid #c7c7c7;
 		width:40px;
	    height: 24px;
	    }

	  #head03 nav.menu01 a.star-preferiti:hover,
	  #head03 nav.menu01 ul.first li a.star-preferiti.sel
		{
		background:url(/images/01/common/top-menu/star-preferiti.png) 50% -24px no-repeat;
	    }
	    
	  #head03 nav.menu01 a.aggiungi-preferiti,
	  #head03 nav.menu01 span.aggiungi-preferiti{
 		background:url(/images/01/common/top-menu/star-preferiti.png) 50% 0 no-repeat;/*/images/01/common/top-menu/aggiungi-preferiti.png*/
		border-left:1px solid #c7c7c7;
 		width:40px;
	    height: 24px;
	    }

	  #head03 nav.menu01 a.aggiungi-preferiti:hover,
	  #head03 nav.menu01 ul.first li a.aggiungi-preferiti.sel
		{
		background:url(/images/01/common/top-menu/star-preferiti.png) 50% -24px no-repeat;/*/images/01/common/top-menu/aggiungi-preferiti.png*/
	    }
	    
	  #head03 nav.menu01 a.rimuovi-preferiti,
	  #head03 nav.menu01 span.rimuovi-preferiti{
 		background:url(/images/01/common/top-menu/star-preferiti.png) 50% 0 no-repeat;/*/images/01/common/top-menu/rimuovi-preferiti.png*/
		border-left:1px solid #c7c7c7;
 		width:40px;
	    height: 24px;
	    }

	  #head03 nav.menu01 a.rimuovi-preferiti:hover,
	  #head03 nav.menu01 ul.first li a.rimuovi-preferiti.sel
		{
		background:url(/images/01/common/top-menu/star-preferiti.png) 50% -24px no-repeat;/*/images/01/common/top-menu/rimuovi-preferiti.png*/
	    }
	  #head03 nav.menu01 a.vai-preferiti,
	  #head03 nav.menu01 span.vai-preferiti{
 		background:url(/images/01/common/top-menu/vai-preferiti.png) 50% 0 no-repeat;
	    width:40px;
	    height: 24px;
	    }

	  #head03 nav.menu01 a.vai-preferiti:hover,
	  #head03 nav.menu01 ul.first li a.vai-preferiti.sel
		{
		background:url(/images/01/common/top-menu/vai-preferiti.png) 50% -24px no-repeat;
	    }
	    
	  #head03 nav.menu01 a.is-favourite,
	  #head03 nav.menu01 span.is-favourite{
 		background:url(/images/01/common/top-menu/active-preferiti.png) 50% 0 no-repeat;
	    width:40px;
	    height: 24px;
	    }

	  #head03 nav.menu01 a.is-favourite:hover,
	  #head03 nav.menu01 ul.first li a.is-favourite.sel
		{
		background:url(/images/01/common/top-menu/vai-preferiti.png) 50% -24px no-repeat;
	    }


	  #head03 nav.menu01 a.login,
	  #head03 nav.menu01 span.login{
 		background:url(/images/01/common/top-menu/login.png) 15px 0 no-repeat;
 		border-left:1px solid #c7c7c7;
	    width:88px;
	    height: 23px;
	    }

	  #head03 nav.menu01 a.login:hover,
	  #head03 nav.menu01 ul.first li a.login.sel
		{
		background:url(/images/01/common/top-menu/login.png) 15px -24px no-repeat;
	    }

	  #head03 nav.menu01 a.logout,
	  #head03 nav.menu01 span.logout{
 		background:url(/images/01/common/top-menu/logout.png) 15px 0 no-repeat;
 		border-left:1px solid #c7c7c7;
	    width:88px;
	    height: 23px;
	    padding:0 0.5em;
	    }

	  #head03 nav.menu01 a.logout:hover,
	  #head03 nav.menu01 ul.first li a.logout.sel
		{
		background:url(/images/01/common/top-menu/logout.png) 15px -24px no-repeat;
	    }

	  #head03 nav.menu01 li span {
	    background: inherit;
	    color: #999;
	    font-weight: normal;
	    padding: 0 2px;
	    text-align: left;
	    text-decoration: none;
	    cursor:no-drop;
	    }


/* =============================
   TABLET: combo Search testata
   ============================= */
	/*posizionato in modo assoluto rispetto al contenitore header*/	
	#head03 div.search{position:absolute;top:25px;width:180px;right:0px;}
	
	#head03 div.search input{
        color:#717374;
		display:block;
        font:400 0.8em 'Open sans', Arial, sans-serif;
		border:1px solid #c7c7c7;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		behavior: url(/css/PIE.htc);
		padding:4px 3px 4px 4px;
		width:170px;
	} 
	
	.ie8 #head03 div.search input{
		border-radius: 0;
	}
	
	#head03 div.search button
	{
	background:url(/images/01/common/header/lente-small.png) left top no-repeat;
	border:0;
	width:43px;
	height:25px;
	position:absolute;
	right:1px;
	top:1px;text-indent:-9999px;overflow:hidden; display:block;
	}

	#head03 div.utente{
	color:#333;
	font: 0.7em 'Open sans', Arial, sans-serif;
	position:absolute;
	right:0;
	top:0; 			
	}

	
/* ===============================
   TABLET: Menu principale
   =============================== */
	/*#head04 .wrapper{
    position:relative;
    } 
  
	#head04 .wrapper a.search-button{
    position:absolute;
    top:0px;
    right:0;
    width:50px;
    height:50px;
    display:block;
    background:url(/images/01/common/search/lente.png) 0 0 no-repeat;
	color:#57b033;
	font-size:0.6em;
    } */

  
	  */

  
	  #head04 {
	    background:#56af31;
	    display:block;
	    float: right;
	    position: relative;
	    right: 0;
	    z-index: 3;
	    width:100%;
	    }
	
	  #head04 nav.menu02 ul {
	      list-style: none;
		  margin:0 auto;}
	
	  #head04 nav.menu02 li {
	    float:left; }
	  	  
	  #head04 nav.menu02 a {
	    background: inherit;
	    color: #fff;
	    display:block;
	    font-family: 'Roboto Slab', Arial, Verdana, sans-serif;
	    font-size:80%;
	    font-weight: 400;
	    margin: 0 0 0 1px;
	    padding:0.7em 1.2em;
	    position: relative;
	    text-transform: uppercase;
	    text-decoration: none;
	    }
	
	  #head04 nav.menu02 a:hover {
	    color: #56af31;
	    background: #fff;
	    outline:none;
	    }

	  #head04 nav.menu02 a:focus {
	    outline:none;
	    }

	  #head04 nav.menu02 span {
	    background: inherit;
	    border: 1px solid #fff;
	    color: #4d4e4e;
	    cursor: no-drop;
	    display: block;
	    font-family: 'Roboto Slab', Arial, Verdana, sans-serif;
	    font-size: 80%;
	    font-weight: 400;
	    margin: 0 0.3em 0.2em 0.3em;
	    padding:0.4em;
	    position: relative;
	    text-transform: uppercase;
	    text-decoration: none;
	    }
	
	  #head04 nav.menu02 a.sel {
	    color: #56af31;
	    background: #fff;
	    font-weight: 500;
		-webkit-box-shadow: 0px 2px 3px 0px rgba(204,204,204,1);
		-moz-box-shadow: 0px 2px 3px 0px rgba(204,204,204,1);
		box-shadow: 0px 2px 3px 0px rgba(204,204,204,1);
		behavior: url(/css/PIE.htc);
	    } 
	 
	
  /* ===========================
     TABLET: AREA BANNER + NEWS
     =========================== */

	#headerbar-wrap {background:#eae7e2;margin:13px 0 0 0;width:100%;overflow:hidden;}

	#headerbar-wrap p, #headerbar p {
	margin: 0;
	padding: 0; }
	
	#headbar04 {
	max-width:800px;
	margin:0 auto;
	position: relative;
	}

	#headbar04{}
		
  /* ===========================
     TABLET: NEWS
     =========================== */

	#headbar04 #news-home-main-container{
	 margin-top:2em;
	 right:0;
	}

	
   
  /* ===========================
     TABLET: FLEXSLIDER
     =========================== */
	  .flexslider {
	    display: block;
	    clear: left;
	    margin-bottom: 0; }
	
	  .flex-container a:active,
	  .flexslider a:active {
	    outline: none; }
	
	  .slides,
	  .flex-control-nav,
	  .flex-direction-nav {
	    margin: 0;
	    padding: 0;
	    list-style: none; }
	
	  .flexslider {
	    position:relative;
	    width: 100%;
	    /*margin: 0 0 3.125em 0;*/
	    margin: 0;
	    padding: 0; }
	
	  .flex-container {
		max-width:472px;
		max-width:100%;
		margin:0;
		overflow:hidden;
		}

	 
	  .ie7 .flex-container{
	    border-top:0;
		}

	  .ie7 .flex-container,
	  .ie8 .flex-container {
	    box-shadow:none;
	    border-left: 0; }
	
	  .flex-container .flexslider {
	    max-width: 100%; }
	
	  .flex-container .flexslider img {
	    max-width: 100%; }
	
	  .flexslider .slides > li {
	    display: none; }
	
	  /* Nascondi le slide prima che JS sia stato caricato. Impedisce il salto dei banner*/
	  .flexslider .slides img {
	    max-width: 100%;
	    display: block; }
	
	  /* Clearfix per gli elementi .slides */
	  .slides:after {
	    content: ".";
	    display: block;
	    clear: both;
	    visibility: hidden;
	    line-height: 0;
	    height: 0; }
	
	  html .slides {
	    display: block; }
	
	  * html .slides {
	    height: 1%; }

	  /* No JavaScript Fallback */
	  /* If you are not using another script, such as Modernizr, make sure you
	   * include js that eliminates this class on page load */
	  .no-js .slides > li:first-child {
	    display: block; }
	
	  /* FlexSlider Default Theme
	  *********************************/
	  .flexslider {
	    background: inherit;
	    position: relative;
	    zoom: 1; }
	
	  .flexslider .slides {
	    zoom: 1; }
	
	  .flexslider .slides > li {
	    position: relative; }
	
	  /* Contenitore suggerito per l'animazione delle "Slide". Si può sostituire con uno a piacere */
	  .flex-container {
	    zoom: 1;
	    position: relative; }
	
 /* Frecce di direzionamento Navigazione */
	  .flex-direction-nav li a {
	    width: 35px;
	    height: 59px;
	    max-width: 35px;
	    max-height: 59px;
	    display: block;
	    cursor: pointer;
	    z-index: 1000;
	    outline: none;
	    opacity:0.5;display:none;
		 }

	  /* aggiunto flex- a next e prev perv versione 2*/
	  .flex-direction-nav li .flex-next {
	    position: absolute;
	    right: 0.5%;
	    background: url("/images/01/common/banner/bg-direction-nav.png") no-repeat -35px -1px;
	    top: 42%;
	    text-indent: -9999px;display:none; }

	  .flex-direction-nav li .flex-next:hover {
	    background: url("/images/01/common/banner/bg-direction-nav-hover.png") no-repeat -35px -1px;
	    outline: none;
	    opacity:1;display:none;
	    }
	
	  .flex-direction-nav li .flex-prev {
	    position: absolute;
	    left: 0.5%;
	    background: url("/images/01/common/banner/bg-direction-nav.png") no-repeat 0px -1px;
	    top: 42%;
	    text-indent: -9999px;display:none; }
	
	  .flex-direction-nav li .flex-prev:hover {
	    background: url("/images/01/common/banner/bg-direction-nav-hover.png") no-repeat 0px -1px;
	    outline: none;
	    opacity:1;display:none;
	    }
	
	  .ie8 .flex-direction-nav li .flex-next {
	    right: 0;display:none; }
	
	  /* Controlli per accendi/spegni*/
	  .ie7 .flex-pauseplay {
	    position: absolute;
	    bottom: 35px;
	    right: 10px;
	    }
	
	  .flex-pauseplay {
	    display: block;
	    position: absolute;
	    bottom: 0;
	    right: 10px;
	    z-index:6666666;
	    }
	
	  .flex-pauseplay a:hover {
	    background:#007297;
	    color: #fff;
	    }

	  .flex-pauseplay a {

	    background:#c6dfff;
	    color: #007297;
	    border-radius:3px;
	    display:block;
	    font-family: 'Open Sans', Arial, Verdana, sans-serif;
	    font-size: 60%;
	    font-weight: normal;
	    text-transform: capitalize;
	    cursor: pointer;
	    width: 30px;
	    text-align:center;
	    }
	
	  /* Stile testo del banner */
	  /* IE rgba() hack */
	  .slides .banner {
	    position: relative; }
	
	  .bannerextratext {
	    display: block;
	    padding: 2% 1%;
	    margin: 0;
	    position: absolute;
	    left:0;
	    top: 0;
	    color: #000;
	    max-width:40em;}
	
	  .bannerextratext h1 {
	    font: bold 200% 'Lato', sans-serif;
	    line-height: 120%;
	    margin: 0 0 0.5em 0;
	    padding: 0;
	    color: #fff;
		}
	
	  .bannerextratext h2 {
	    font: 180% 'Lato', sans-serif;
	    line-height: 120%;
	    margin: 0 0 0.5em 0;
	    padding: 0;
	    color: #fff;
	 }

	  .bannerextratext h3 {
	    font: 160% 'Lato', sans-serif;
	    line-height: 120%;
	    margin: 0 0 0.5em 0;
	    padding: 0;
	    color: #fff; }
	
	  .bannerextratext h4 {
	    font: 140% 'Lato', sans-serif;
	    line-height: 120%;
	    margin: 0 0 0.5em 0;
	    padding: 0;
	    color: #fff; }
	
	  .bannerextratext h5 {
	    font: 120% 'Lato', sans-serif;
	    line-height: 120%;
	    margin: 0 0 0.5em 0;
	    padding: 0;
	    color: #fff; }
	
	  .bannerextratext h6 {
	    font: 100% 'Lato', sans-serif;
	    line-height: 120%;
	    margin: 0 0 0.5em 0;
	    padding: 0;
	    color: #fff; }
	
	  .bannerextratext p {
	    font: 80% 'Lato', Verdana, serif;
	    line-height: 200%;
	    margin: 0 0 0.5em 0;
 		padding: 1em 0;
	    color: #fff; }
	
	  .bannerextratext a {
	    
	    text-decoration: underline; }
	
	  .bannerextratext a:hover {
	    
	    text-decoration: none; }
	
	  .banner-bgtext-none {
	    background: transparent; }
	
	  .banner-bgtext-green {
	    background: #bfdde3; }

	  .banner-bgtext-green-opacity {
	    background: none;
	    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4Cbfdde3,endColorstr=#4Cbfdde3);
	    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4Cbfdde3,endColorstr=#4Cbfdde3);
	    zoom: 1;
	    background: rgba(191, 221, 227, 0.5); }
	
	  .banner-bgtext-grey {
	    background: url("/images/Common/BannerTextBackground/grey.png") repeat scroll 0 0; }
	
	  .banner-bgtext-grey-opacity {
	    background: none;
	    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
	    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
	    zoom: 1;
	    background: rgba(72, 81, 90, 0.6); }
	
	  .banner-bgtext-white {
	    background: white; }
	
	  .banner-bgtext-white-opacity {
	    background: none;
	    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4CFFFFFF,endColorstr=#4CFFFFFF);
	    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4CFFFFFF,endColorstr=#4CFFFFFF);
	    zoom: 1;
	    background: rgba(255, 255, 255, 0.7); }
	
	  /* Controlli per la navigazione */
	  .ie7 ol.flex-control-nav {
	    position: absolute;
	    bottom: 35px;
	    
	    }
	
	  ol.flex-control-nav {
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    border-radius: 5px;
	    behavior: url("/css/PIE.htc");
	    bottom: 0px;
	    text-align: center;
	    margin: 0 auto;
	    position: absolute;
	    width: 100%;/*border:1px solid #000;*//*z-index:3*/z-index:666666;
	    }

	  ol.flex-control-nav li {
	    margin: 0px 0 0 20px;
	    display: inline-block;
	    zoom: 1;
	    *display: inline; }
	
	  ol.flex-control-nav li:first-child {
	    margin: 0; }
	
	  ol.flex-control-nav li a {
	    width: 14px;
	    height: 14px;
	    display: block;
	    background: url("/images/01/common/banner/pagination-dot.png") no-repeat 0 0;
	    cursor: pointer;
	    text-indent: -9999px;
	    margin:0 5px;
	    z-index:2;
	    }
	
	  ol.flex-control-nav li a:hover {
	    background-position: 0 -14px; }
	
	  /*ol.flex-control-nav li a.active {background-position: 0 -20px; cursor: default;} versione vecchia*/
	  ol.flex-control-nav li a.flex-active {
	    background-position: 0 -28px;
	    cursor: default; }

	  .flex-container .flexslider img {
	    width: 100%; }
	  	

 /* ============================
     TABLET: CONTENUTO
    ============================ */
		#cont01 .box01
		{
		width:49.5%;
		}

		#cont02 {padding-top:1em;}	
		
	  	
  /* ==================================================================
     TABLET: Footer
     ================================================================== */
	  
	  #footer-wrap footer {
	    margin-top: 0;
	    position: relative; }    

  /* ===================================
     TABLET: Box
     ================================== */
	#foot00 .foot00{background:#458c27;float:left;width:362px;margin:2em 1em 0 0;padding:0 0 1em 0;overflow:hidden;}	
	#foot00 .foot00:last-child{float:right;}	

	  #sub-footer {
		position:absolute;bottom:-80px; left:0;background:#387220;overflow:hidden;width:100%;
		}
  
  /* ===================================
     TABLET: Menu Footer
     ================================== */
	  #foot01, #foot02 {
	    float:right;
	    margin-top:0;
	    width:40%;
	    }

	  #foot01 nav.menu01 ul {
	    color: #013251;
	    margin: 0;
	    padding:1em 0;
	    overflow: hidden;
	    width:100%
	   }
	
	  #foot01 nav.menu01 a:first-child{
	  border:0;
	  }
	
	  #foot01 nav.menu01 a,
	  #foot01 nav.menu01 span {
		border:0;
		float:left;
	    margin: 0;
	    padding: 0 0 0 10px;
	    text-align:right;
	    }
	
	
	  #foot01 nav.menu01 li:last-child a {
	    padding-right: 0; }
	
	
	  #foot02 {
	    display: none; }
 
  /* ===================================
     TABLET+DESKTOP: Company 
     ================================== */
	  #foot04 {
	    float:left;
	    width:30%;
	    text-align:left;
		}
	  
  /* ===================================
     TABLET+DESKTOP: Developed 
     ================================== */
	  #foot05 {
	    margin-left:40%;
	    margin-right:40%;
	     text-align:center;
		}
}


/* ==================================================================
   914px
   ================================================================== */
@media only screen and (min-width: 940px) {

	.wrapper {
	    max-width: 1118px;
	    margin: 0 auto;
	}
	
	header#header{position:relative;margin:0 auto;}


/* ===========================
   900px : menu lingue
   =========================== */
	
   #head02 {
	margin-top:0px;
	margin-left:30px;
	}
	
	#head02 nav.menulang li a {
	 font:800 100% 'Open sans', Arial, sans-serif;
	 padding:0 10px 0px 10px;
	 }
	

	#head02 nav.menulang a.sel{
	 padding:0 10px 0px 10px;
	 }  

 /* =============================
   900px: Search
   ============================= */
	#head03{margin-top:20px;}
	
	#head03 nav.menu01 {padding-right:210px;padding-right:300px;}

	
	#head03 div.search{width:200px;top:20px;margin-left:0;right:0;}
	
	#head03 div.search input{
	padding:9px 3px 9px 4px;
	width:190px;
	} 
	
	#head03 div.search button
	{
	background:url(/images/01/common/header/lente.png) left top no-repeat;
	width:64px;
	height:37px;
	}
	
/* ===============================
   900px : Menu principale
   =============================== */
    
	#head04 nav.menu02 a, #head04 nav.menu02 span {font-size: 0.85em;}

	
/* ===========================
   900px: AREA BANNER + NEWS
   =========================== */	
	#headbar04 {
	 max-width:1118px;
	 margin:0 auto;
	 position: relative;
	 }
	#headbar04{padding-bottom:3.5em;}	

    
	
/* ============================
   900px: AREE
   ============================ */
	
	#cont01 .box01
	{
	width:24.8%;
	}
	
	#cont01 .box01 li
	{
	  padding:0 20%;
	  color:#fff;
	  font-family: Arial, Verdana, sans-serif;
	  font-size: 90%;
	 }

	#cont01 .box01 li a{
	  background:url(/images/01/common/aree/freccina-box-home.png) 0 10px no-repeat;
	}

	#cont01 .box01 li a:hover{
	  background:#054887 url(/images/01/common/aree/freccina-box-home.png) 0 10px no-repeat;
	}
	  	
/* ===========================
   900px: BOX AIOM
   =========================== */
	#cont02 {border-top:25px solid #ebedee;padding-top:2em;	}
	
	#cont02 .box01 {
	border-bottom:4px solid #ebedee;
	display:inline-block;
	float:left;
	margin:0 0 0 3%;
	padding:0;
	position:relative;
	text-align:left;
	width:46%;
	overflow:hidden;
	height:280px;
	min-height:280px;
	}

	#cont02 .box01 h1{
	background:#fff;
	float:none;
	clear:both;
	}
		
	#cont02 .box01 h1 {
	position:relative;
	top:0;
	left:0;
	}

	#cont02 .box01 p img {
	width:35%;
	}	
}
	

/* ==================================================================
   DESKTOP 1200px
   ================================================================== */
   @media only screen and (min-width: 1200px) {
   .wrapper {
	max-width: 1140px;
	margin: 0 auto;
	}


	#head04 nav.menu02 a,#head04 nav.menu02 span {
	 font:400 1em 'Roboto Slab', Arial, Verdana, sans-serif;padding: 0.8em 2.5em;
	 }
	 

 
/* ===========================
   DESKTOP: BOX AIOM
   =========================== */
   #cont02 .box01 {
	display:inline-block;
	float:left;
	margin:0 1% 2em 2.5%;
	padding:0;
	position:relative;
	text-align:left;
	width:45%;
	}
		
	#cont02 .box01 p img { width:40%;}

	/* STICKY FOOTER */
	html, body {
    height: 100%;
	}
	#viewport {
  	min-height: 100%;
  	/* equal to footer height */
    margin-bottom: -480px; 
	}
	
	#viewport:after {
  	content: "";
  	display: block;
	}

	#footer-wrap{
  	/* .deve avere la stessa altezza del footer */
    height: 480px;
    overflow:hidden;
	}
	
	/* STICKY FOOTER */
		
	#footer-wrap {
	  background: #56af31;
	  padding:0;
	  }
	
	#footer-wrap footer#footer {
	  background: #56af31;
	  padding: 0;
	  position: relative;
	  }
  
}





