﻿/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('/etresources/fonts/roboto-condensed-v25-latin/roboto-condensed-v25-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/etresources/fonts/roboto-condensed-v25-latin/roboto-condensed-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/etresources/fonts/roboto-condensed-v25-latin/roboto-condensed-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/etresources/fonts/roboto-condensed-v25-latin/roboto-condensed-v25-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/etresources/fonts/roboto-condensed-v25-latin/roboto-condensed-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/etresources/fonts/roboto-condensed-v25-latin/roboto-condensed-v25-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('/etresources/fonts/roboto-condensed-v25-latin/roboto-condensed-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/etresources/fonts/roboto-condensed-v25-latin/roboto-condensed-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/etresources/fonts/roboto-condensed-v25-latin/roboto-condensed-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/etresources/fonts/roboto-condensed-v25-latin/roboto-condensed-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/etresources/fonts/roboto-condensed-v25-latin/roboto-condensed-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/etresources/fonts/roboto-condensed-v25-latin/roboto-condensed-v25-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('/etresources/fonts/roboto-condensed-v25-latin/roboto-condensed-v25-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/etresources/fonts/roboto-condensed-v25-latin/roboto-condensed-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/etresources/fonts/roboto-condensed-v25-latin/roboto-condensed-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/etresources/fonts/roboto-condensed-v25-latin/roboto-condensed-v25-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/etresources/fonts/roboto-condensed-v25-latin/roboto-condensed-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/etresources/fonts/roboto-condensed-v25-latin/roboto-condensed-v25-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}


/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
	html,
	button,
	input,
	select,
	textarea {color: #000; }
	
	/* 
	* 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;
	height: 0;
	width:100%;
	margin: 1em 0;
	padding: 0; 	}
	
	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, video /*oggetti fluidi*/{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 100%;
	height:auto;	}
	

	
	a:link, a:visited {
	outline: none;
	color:inherit;
	text-decoration: underline;	}
	
	a:hover {
	color: #7ea662;
	text-decoration: none;	}
	

/* ==========================================================================
   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; }
	
/* ==========================
   ADMIN
   ========================== */
	#AdminMenuClose {display: none;}
	
	#AdminMenuOpen {display: none;}


/* ======================================================================================================
   MOBILE 
   ====================================================================================================== */
	body {
	background: #FFF;
	color: #000;
	font-family: 'Roboto Condensed', Arial, Verdana, sans-serif;
	font-weight:300;
	margin: 0;
	padding: 0;
	position: relative;  }
	
	h1 {
	color: #14305f;
	font-family: 'Roboto', Arial, Verdana, sans-serif;
	font-size: 180%;
	font-weight:300;
	margin-top: 0;  }
	
	h2 {
	color: #14305f;
	font-family: 'Roboto', Arial, Verdana, sans-serif;	
	font-size: 160%;
	font-weight:300;
	margin-bottom: 0;  }
	
	h3 {
	color: #14305f;
	font-family: 'Roboto', Arial, Verdana, sans-serif;
	font-size: 140%;
	font-weight:300;
	margin-bottom: 0;  }
	
	h4 {
	color: #14305f;
	font-family: 'Roboto', Arial, Verdana, sans-serif;
	font-size: 120%;
	font-weight:300;
	margin:0.5em 0;  }
	
	h5 {
	color: #14305f;
	font-family: 'Roboto', Arial, Verdana, sans-serif;
	font-size: 100%;
	font-weight:300;
	margin:0.5em 0;  }
	
	h6 {
	color: #14305f;
	font-family: 'Roboto', Arial, Verdana, sans-serif;
	font-size: 80%;
	font-weight:300;
	margin:0.5em 0;  }

/* ===========================
   MOBILE: Struttura
   =========================== */
	/*#page-disabled{
	color:#FFF;
	background:#333;
	opacity:0.1;
	-moz-opacity:0.1;
	-webkit-opacity:0.1;	}*/
	
	#page-wrap {background: #FFF;}
	
	.wrapper {
	width: 98%;
	margin: 0 1%;
	padding: 0;	}
	
	.oldie .wrapper {
	width: 98%;
	margin: 0 auto; }

/* ===========================
   MOBILE: Header
   =========================== */
	
	#header-wrap {
	 background:#eee;
	 position: relative;
	 width: 100%; 
	 padding-top:0px;}
	 
	.ie8 #header-wrap {
	 background:#eee;
	 position: relative;
	 width: 100%; 
	 padding-top:0px;}

	
	#header-wrap header {
	 background:#FFF; 
	 margin:0;
	 padding:0;
	 width: 100%;
	 }

/* ===========================
   MOBILE: logo
   =========================== */
	
	#head01 p {
	 margin: 15px 0 0 0;
	 padding:0 0 15px 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: banner
   =========================== */

	#headbar04{
	margin:0 auto;
	position: relative;
	background:url(/images/01/common/banner/banner.jpg)  0 0 no-repeat;
	}

/* ===========================
   MOBILE: CONTENUTO
   =========================== */
	#inner-wrap{
	background:#eee;
	padding:0;margin:0;}
	
	#inner{
	 background:#fff; 
	 /*border-top:3px solid #c80000;*/
	 margin:0 ;
	 padding:0;
	 width:100%;
	 }
	 

/* ===========================
   MOBILE: CONTENUTO
   =========================== */
	#cont01{margin:0 2.5em 0 2.5em;}
	#cont01{background:#FFF;padding-top:2em;}
	
	#cont01 h1 {
	margin:0;
	padding:0;
	letter-spacing:2px;
	 }
	
	#cont01 h2,
	#cont01 h3,
	#cont01 h4,
	#cont01 h5,
	#cont01 h6 {
	background: inherit;
	color: #000;
	font-family:'Roboto Condensed', Arial, Verdana, sans-serif;
	font-size: 100%;
	font-weight:400;
	margin: 0;
	padding: 0;
	text-transform:uppercase;  }
	
	#cont01 p {
	color:#000;
	font-size: 100%;
	line-height:140%;
	margin:0.8em 0;
	padding:0;
	text-align:left;
	}
	
	#cont01 .content-readmore{
	display:none;
	}
	
	#cont01 .short-content{
	display:none;
	}

	#cont01 .long-content{
	display:block;
	}

	#cont01 p.news-date {
	color:#d62534;
	font-size: 100%;
	margin: 0;
	padding:0.3em 0;
	text-align:left;  }

	#cont01 .news-events img {
	display:none}
	
	#cont01 ul {
	list-style-type:none;
	margin: 0 0 0 0;
	padding:0;  }
	
	#cont01 img {
	transform: scale(1);
	transition-timing-function: ease-out;
	transition-duration: 100ms;
	-moz-transform: scale(1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 100ms;
	-webkit-transform: scale(1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 100ms;	}
	
	#cont01 img:hover{
	transform: scale(1.1);
	transition-timing-function: ease-out;
	transition-duration: 100ms;
	-moz-transform: scale(1.1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 100ms;
	-webkit-transform: scale(1.1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 100ms;	}
	
	#cont01 li {
	color:#000;
	font-size: 100%;
	font-weight: normal;
	list-style-type:none;
	margin: 0;
	padding:0 0 0 3%;
	text-align:left;  }
	
	#cont01 li:last-child {
	padding-bottom:1em;
	}
	
	#cont01 a:link, 
	#cont01 a:visited {
	color: #000;
	display:block;
	text-decoration: none;
	}
	
	#cont01  a:hover {
	color:#000; 
	text-decoration: none;}

/* ===========================
   MOBILE: PRINTECH NEWS
   =========================== */

	#cont02{margin:0 2.5em 0 2.5em;}
	
	#cont02{background:#FFF;padding-top:2em;}
	
	#cont02 article{margin:1em 0 2em 0;text-align:center;}			  	

	#cont02 h1 {
	margin:0;padding:0;
	letter-spacing:2px;
	}
	
	#cont02 .box01  {
	background:url(/images/01/common/content/blue-angle.png) 0 0 no-repeat;
	border:1px solid #d8d9db;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	behavior:url(/css/PIE.htc);
	padding:1em 1.5em;
	}

	#cont02 .box01 h1 {
	color: #14305f;
	font-family:'Roboto', Arial, sans-serif;
	font-size: 120%;
	font-weight:300;
	line-height:120%;
	margin:0 0 0.5em 0;
	padding: 0;
	text-align:center;
	letter-spacing:0;
	}
	
	#cont02 h1, #cont02 h2, #cont02 h3, #cont02 h4, #cont02 h5, #cont02 h6 {
	font-family:'Roboto', Arial, sans-serif;
	color: #14305f;
	}
			
	#cont02 article p{
	font-size: 100%;
	margin-top:0.5em;
	text-align:justify;
	}
	
	#cont02 .box01 li a:hover,
	#cont02 .box01 a:hover {
	background:inherit;
	margin: 0;
	text-decoration: none; }

	
	#cont02 article p.news-readmore {
	color:#14305f;
	font-size: 100%;
	font-weight:400;
	text-align:right;
	margin-top:0.5em; }
	
	#cont02 article p.news-readmore a {
	color:#14305f;
	padding:0.2em 0.4em 0.3em 0.4em;
	text-decoration:none; }

/* ===========================
   MOBILE: PROPAK NEWS
   =========================== */
	#cont03{margin:0 2.5em 0 2.5em;}
	
	#cont03 {background:#FFF;padding-top:2em;}
	
	#cont03 article{margin:1em 0 2em 0;text-align:center;}		
	
	#cont03 h1 {
	margin:0;padding:0;
	letter-spacing:2px;
	}
	
	#cont03 .box01  {
	background:url(/images/01/common/content/green-angle.png) 0 0 no-repeat;
	border:1px solid #d8d9db;
	border-radius:8px;
	padding:1em 1.5em;
	}
	
	#cont03 .box01 h1 {
	font-size:120%;
	margin:0 0 0.5em 0;
	text-align:center;
	letter-spacing:0;
	}
	
	#cont03 h1, #cont03 h2, #cont03 h3, #cont03 h4, #cont03 h5, #cont03 h6 {
	font-family:'Roboto', Arial, sans-serif;
	color: #7ca760;
	}
	
	#cont03 .box01 p {
	color:#333;
	font-size: 1em;
	margin:0;
	padding:0 0 0.5em 0;
	text-align:justify; 
	}
	
	#cont03 .box01 p img {
	margin: 0.8em 0.5em 0.5em 0;
	padding: 0;
	}

	#cont03 .box01 ul {
	list-style-type:none;
	margin: 0 0 0 0;
	padding:0;  }
	
	#cont03 .box01 li {
	color:#000;
	font-size: 1em;
	list-style-type:none;
	margin: 0;
	padding:0;
	text-align:left;  }
	
	
	#cont03 .box01 li a,
	#cont03 .box01 a {
	background:inherit;
	color: #000;
	display:block;
	margin: 0;
	padding:0.5em 1em;
	text-decoration: underline; }
	
	#cont03 .box01 li a:hover,
	#cont03 .box01 a:hover {
	background:inherit;
	margin: 0;
	text-decoration: none; }
	
	#cont03 article p.news-readmore {
	color:#7ca760;
	font-size: 100%;
	font-weight:400;
	text-align:right;
	margin-top:0.5em; }
	
	#cont03 article p.news-readmore a {
	color:#7ca760;
	padding:0.2em 0.4em 0.3em 0.4em;
	text-decoration:none;
	text-transform:uppercase; }

	
/* ===========================
   MOBILE: BOX DESTRA
   =========================== */
	#cont04{
	padding-top:2em;
	}
	
	#cont04 .box01 {	
	margin:2em 2.5em 2em 2.5em;
	}
	
	#cont04 .box01 div {
	background:#e2e3e5;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	behavior:url(/css/PIE.htc);
	padding:2em 1em;
	text-align:center;
	}
	
	#cont04 h1 {
	background: inherit;
	color: #14305f;
	font-family:'Roboto Condensed', Arial, Verdana, sans-serif;
	font-size: 210%;
	font-weight:300;
	letter-spacing:0;
	}
	
	#cont04 .box01 h1 {
	color:#14305e;
	font-size:180%;
	margin:0 0 0.5em 0;
	text-align:center;
	}
	
	#cont04 .box01 p{
	font-family:'Roboto Condensed', Arial, sans-serif;
	color: #14305f;
	}
	
	#cont04 h1, #cont04 h2, #cont04 h3, #cont04 h4, #cont04 h5, #cont04 h6 {
	font-family:'Roboto', Arial, sans-serif;
	color: #14305f;
	}

	#cont04 img{
	margin-top:10px;
	}

	#cont04 .box01 p {
	color:#142f5c;
	font-size: 150%;
	line-height:120%;
	margin:0.8em 0;
	text-align:center;
	}

	#cont04 .box01 ul {
	list-style-type:none;
	margin:1em 0 0 1em;
	padding:0;
	text-align:center;
	}

	#cont04 .box01 li {
	background:url(/images/01/common/content-list/arrow.png) no-repeat left 11px;
	line-height:160%;
	list-style-type:none;
	margin:0.2em 0 0 0; 
	padding:0 0 0 1em;
	color:#5f6a70;
	font-size: 120%;
	list-style-type:none;
	text-align:center;
	text-transform:uppercase;
	}
	
	
	#cont04 .box01 div ul {
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:center;
	}

	
	#cont04 .box01 div li {
	background:inherit;
	color:#5f6a70;
	font-size: 120%;
	line-height:120%;
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:center;
	text-transform:uppercase;
	}

	
	
	#cont04 .box01 a {
	color:#5f6a70;
	text-decoration:none;
	}
	
	#cont04 .box01 a:hover {
	color:#5f6a70;
	text-decoration:underline;
	}
		
	#cont04 .box01 hr{
	 color: #8aae71;
	 background: #8aae71;
	 border: 0;
	 height: 1px;
	 }
	 
/* ===========================
   MOBILE: MAPPA
   =========================== */

	#mobile-map {display:block;margin-bottom:2em;} 
	#cont02 .google-map{display:none}	

/* ===========================
   MOBILE: FOOTER
   =========================== */
	#footer-wrap{
	background:#eee;
	position: relative;
	width: 100%; 
	margin-bottom:0px !important
	}
	
	#footer-wrap footer{
	background:#FFF;
	color: #fff;
	padding:0;margin:0 auto;
	width: 100%;
	}
	
	
	#footer-wrap footer#footer h1{
	color: #000;
	font:400 14px 'Roboto Condensed', Arial, sans-serif;
	padding-bottom:1em;
	letter-spacing:2px; }
	  
/* ===========================
   MOBILE:  MENU FOOTER
   =========================== */
	#footer-wrap footer#footer #foot01 {text-align:center;}
	#footer-wrap footer#footer #foot02 {text-align:center;}
	#footer-wrap footer#footer #foot03 {text-align:center;}
	
	#foot01 nav.menu01,
	#foot02 nav.menu01 {position: relative;}
	
	#foot01 nav.menu01 ul {
	border-top: 1px solid #ccc;
	}
	
	#foot01 nav.menu01 ul,
	#foot02 nav.menu01 ul {
	background: inherit;
	margin: 0;
	padding: 0; }
	
	#foot01 nav.menu01 li,
	#foot02 nav.menu01 li {
	border-bottom: 1px solid #ccc;
	text-align:center;  }
	
	#foot01 nav.menu01 a,
	#foot02 nav.menu01 a {
	background: #FFF;
	color: #000;
	display: block;
	font-size: 1em;
	padding: 10px;
	text-align:center;
	text-decoration: none;
	text-transform:uppercase;
	-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;  }
	
	#foot01 nav.menu01 a:hover,
	#foot02 nav.menu01 a:hover {
	background:#fff;
	color:#7ea662;
	}
	
	#foot01 nav.menu01 a.sel,
	#foot02 nav.menu01 a.sel {
	background:#7ea662;
	color:#fff; }
	
	#foot01 nav.menu01 li span,
	#foot02 nav.menu01 li span {
	cursor: no-drop;
	color: #fff;
	display:block;
	font-size: 1em;
	padding: 5px 10px;  }

/* ===========================
   MOBILE: company
   =========================== */
	#foot04 {
	background: #FFF;
	clear:both;
	color:#000;
	font-size:1em;
	line-height:180%;
	text-align:center;
	text-align:center;	}
	
	#foot04 a:hover {color:#7ea662}
	
	#foot04 hr {width:20% !important;text-align:center;margin:1em auto !important;}
 
/* ===========================
   MOBILE: logo footer
   =========================== */
	
	#footerbar-wrap{
	background:#eee;
	position: relative;
	width: 100%;
	}
	
	#footerbar-wrap #footerbar{
	background:#FFF;
	padding:0;margin:0 auto;
	overflow:hidden;
	width: 100%;
	}

	#footerbar-wrap #footerbar00{
	background:#FFF;
	text-align:center;
	overflow:hidden;
	}
	
	#footerbar-wrap #footerbar00 div img{
	float:none;
	clear:both;
	margin:0.5em;
	}

	#footerbar-wrap #footerbar00 div {
	text-align:center;
	}

	#footerbar00 hr{
	display:none;
	}

/* =======================================================================================================
   TABLET: 785px
   ======================================================================================================= */
	@media only screen and (min-width: 785px) {
	
/* ==========================
   ADMIN
   ========================== */
	#AdminMenuClose,
	#AdminMenuOpen {
	  display: block;  }

/* ===========================
	TABLET
   =========================== */	
	h1 {
	color: #14305f;
	font-size: 220%;
	margin-top: 0; }
	
	h2 {
	color: #14305f;
	font-size: 180%;
	margin-bottom: 0;  }
	
	h3 {
	color: #14305f;
	font-size: 150%; }
	
	h4 {
	color: #14305f;
	font-size: 110%;
	margin:0.5em 0;  }
	
	h5 {
	color: #14305f;
	font-size: 100%;
	margin:0.5em 0;  }
	
	h6 {
	color: #14305f;
	font-size: 90%;
	margin:0.5em 0;  }

/* ===========================
	TABLET: MOBILE TOOLBAR 
   =========================== */	  
	#mobile-toolbar {display: none;}
	
/* ===========================
	TABLET: HEADER
   =========================== */	
	.wrapper {
	max-width: 850px;
	margin: 0 auto; }
	
	#header-wrap {width: 100%;}
	
	#header-wrap header {
	position:relative;
	margin:0 auto;
	border-bottom:0; }
	
	.ie8 #header-wrap header {
	-webkit-box-shadow: 0px;
	-moz-box-shadow:0px;
	box-shadow: 0px;
}

	header#header p, header#header pre{margin:0;padding:0;}
	
/* ===========================
	TABLET: LOGO
   =========================== */
	#head01 {
	background: inherit;
	float:left;
	margin:0;
	padding:25px 0 25px 10px;
	}
	  
/* =============================
   TABLET: LINGUA
   =============================
	#head02 {
	display:block;
	margin:0;
	position:absolute;
	top:70px;
	right:10px; }
	
	#head02 nav.menulang ul {
	display:block;
	padding: 0;	}
	
	#head02 nav.menulang li {
	color:#2e292a;
	float: left;
	margin: 0;
	padding: 0;
	letter-spacing:1px; }
	
	#head02 nav.menulang li a {
	border-right: 1px solid #8b9dbe;
	color:#2e292a;
	cursor:pointer;
	display: block;
	font:400 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 TOP
   ============================= */
	#head03 {
	display: block;
	float:right;
	margin-top:0;
	z-index: 1; }

	#head03 div.utente{
	color:#000;
	font-size: 0.8em;
	border:1px solid #0489bd;
	padding:0em 0.3em;
	text-transform:uppercase;
	margin-right:0;
	margin-top:1em;
	float:left;}

	#head03 nav.menu01 {
	background: inherit;
	display: block;
	padding-top:0px;
	position:absolute;
	right:50px;
	top:0.4em;
	}
	
	#head03 nav.menu01 ul {
	color: #053b86;
	list-style-type: none;
	margin:0;
	overflow:hidden;
	padding-left:0;
	}
	
	#head03 nav.menu01 li {
	color: #053b86;
	float: left;
	list-style-type: none;
	padding:0;
	margin:0 0 0 0.1em; }
	
	#head03 nav.menu01 a,
	#head03 nav.menu01 span {
	color: #000;
	display:block;
	text-decoration: underline;
	font-size: 0.8em;
	margin:0.2em 0;
	padding:0.1em 0.6em;
	}
	
	#head03 nav.menu01 a:active,
	#head03 nav.menu01 a:hover,
	#head03 nav.menu01 a:focus {
	outline:none; }
	
	
	#head03 nav.menu01 li span {
	background: inherit;
	color: #000;
	font-weight: normal;
	padding: 0 2px;
	text-align: left;
	text-decoration: none;
	cursor:no-drop;  }


/* =============================
   TABLET: SEARCH
   ============================= 
	/*posizionato in modo assoluto rispetto al contenitore header	
	#head03 div.search{position:absolute;top:40px;width:250px;right:10px;}
	
	#head03 div.search input {
	color:#717374;
	display:block;
	font:400 0.8em 'Open sans', Arial, sans-serif;
	border:1px solid #fcb040;
	padding:7px 0 7px 4px;
	width:245px; } 
	
	
	#head03 div.search button 	{
	background:url(/images/01/common/header/lente.png) right top no-repeat;
	border:0;
	width:39px;
	height:32px;
	position:absolute;
	right:0;
	top:1px;
	text-indent:-9999px;
	overflow:hidden; 
	display:block; }*/

		
/* ===============================
   TABLET: MENU PRINCIPALE
   =============================== */
	#head04 {
	background:#fff;
	display: block;
	float: right;
	position: relative;
	margin-top:4.2em;
	padding-top:0;
	z-index: 6;	
	}
	
	#head04 nav.menu02 {float:right;margin-right:1em;}
	
	/*===== I livello =======*/
	
	#head04 nav.menu02 ul.first {
	border-top: 0;
	float: left;
	list-style-type: none;
	margin:0;
	padding: 0;	}
	
	#head04 nav.menu02 li {
	float: left;
	position: relative;
	margin:0;
	padding:0 1em;}
	
	#head04 nav.menu02 li:last-child {
	padding-right:0;	}
	
	#head04 nav.menu02 a,
	#head04 nav.menu02 span	{
	background: inherit;
	color: #000000;
	display: block;
	font-size:0.9em;
	letter-spacing: 0;
	position: relative;
	padding-bottom:0.5em;
	text-transform: uppercase;
	text-decoration: none;	}
	
	#head04 nav.menu02 span	{
	cursor:default;	}
	
	#head04 nav ul li a:hover,
	#head04 nav.menu02 span:hover {
	color:#7ea662;
	text-decoration:none;
	}
		
	#head04 nav ul a.sel,
	#head04 nav.menu02 span.sel {
	color:#7ea662!important; }
   
/*===== II livello =======*/

	#head04 nav ul li ul.second {
	position:absolute;
	top:1.5em;
	left:-1em;
	margin:0;
	padding:0 10px;
	background:#4e555b;
	display:none;
	z-index:999999;
	width:160px;
	text-align:center;
	}
	
	#head04 nav ul li ul.second  li {
	border-bottom:1px solid #7ea662;
	display:block;
	float:none;
	margin:0;
	padding:0;
	width:160px;
	text-align:center;
	text-transform:uppercase;}
	
	#head04 nav ul li ul.second  li:last-child {
	border-bottom:0;
	}

	
	#head04 nav ul li ul.second  li a {
	border:0;
	white-space: nowrap;
	display:block;
	padding:0.6em 0.3em;
	font-size:0.9em;
	color:#919396;
	margin-left:0;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;}
	
	#head04 nav ul li ul.second  li a:hover {
	color:#FFF;
	display:block;}
	
	#head04 nav ul li ul.second  li a.subCurrent {
	color:#000;
	cursor:pointer;}
	
	#head04 nav ul li ul.second  li a.subCurrent:hover {
	background:none;}

/*===== III livello =======*/
	
	#head04 nav ul li ul.third {
	position:absolute;
	left:150px;
	top:0;
	margin:0;
	padding:0;
	background:#f9f9f9;
	border-top:0;
	border:1px solid #e4e3e3;
	display:none;
	z-index:999999;
	width: 150px;}
	
	#head04 nav ul li ul.third  li a:hover {
	background:#fff;
	color:#333;
	display:block;
	}

/* ===========================
   TABLET: BANNER
   =========================== */
	#headerbar-wrap {
	background:#eee;
	margin:0;
	width:100%;
	overflow:hidden; }
	
	#headerbar-wrap p, #headerbar p {
	margin: 0;
	padding: 0; }
	
	#headbar04, #headbar05{
	max-width:850px;
	margin:0 auto;
	position: relative;
	}
	
/* ============================
   TABLET: CONTENUTO
   ============================ */
	#inner{margin:0 auto;}
	
	#colsx{
	float:left;
	width:64%;
	}	
	
	#cont04 {
	margin:0 0 0 0;
	padding-top:4em;
	width:35%;
	float:right;
	}
	

	#colsx.onlycolsx{
	float:none;
	width:99%;
	}		
/* ===========================
   TABLET: CONTENUTO
   =========================== */
	#cont01 {
	margin:5em 0em 0 3em;
	padding:0;
	}

	#cont01 .box01 {
	padding: 0;
	margin: 0;
	text-align:left; }

	#cont01 .box01 p{
	font-size: 120%;
	}

	#cont01 .content-readmore{
	display:block;
	text-align:right;
	}
	
	#cont01 .content-readmore a {
	cursor:pointer;
	font-size:80%;
	font-weight:400;
	color:#14305f;
	padding:0.2em 0.4em 0.3em 0.4em;
	text-decoration:none; }

	
	#cont01 .short-content{
	display:block;
	}

	#cont01 .long-content{
	display:none;
	}
	
	#cont01 .hiddencontent{
	display:none;
	}
	
	#cont01 .visiblecontent{
	display:block;
	}
	#cont01 .hiddenlink{
	display:none;
	}
	
/* ===========================
   TABLET: PRINTECH NEWS
   =========================== */
	#cont02{margin:0 0em 0 3em;}
	
	#cont02 .box01 {
	position:relative;
	}
	
	#cont02 .box01 p,
	#cont02 .box01 li{
	font-size:1.2em;
	}

	#cont02 .box01 h1 {
	color: #14305f;
	font-family:'Roboto', Arial, sans-serif;
	font-size: 140%;
	font-weight:300;
	line-height:120%;
	margin:0 0 0.5em 0;
	padding: 0;
	text-align:center;
	letter-spacing:0;
	}

/* ===========================
   TABLET: PROPACK NEWS
   =========================== */
	#cont03{margin:0 0em 0 3em;}
	
	#cont03 .box01 h1 {
	font-size:140%;
	margin:0 0 0.5em 0;
	text-align:center;
	letter-spacing:0;
	}

	#cont03 .box01 p,
	#cont03 .box01 li{
	font-size:1.2em
	}
	


/* ===========================
   TABLET: BOX DESTRA
   =========================== */
	
	#cont04 article{padding:2em 0 2em 0;}			
	
	#cont04 .box01 div{
	margin:0 0.5em;}

	#cont04 .box01 h1 {
	font-size: 150%;}

	#cont04 .box01 h2,
	#cont04 .box01 h3,
	#cont04 .box01 h4,
	#cont04 .box01 h5,
	#cont04 .box01 h6{
	font-size: 130%;}

	#cont04 .box01 ul {
	list-style-type:none;
	margin:1em 0 0 2em;
	padding:0;
	text-align:center;
	}

/* ==================================================================
   TABLET: FOOTER
   ================================================================== */
	#footer-wrap {clear:both;padding:0;}
	
	#footer-wrap footer {
	position: relative;
	background:#FFF;
	} 
	
	#foot01{width:100%;}
	#foot02{display:none;text-align:left;}

/* ==================================================================
   TABLET: MENU FOOTER
   ================================================================== */
	#footer-wrap footer#footer #foot01 {text-align:center;}
	
	#foot01 nav.menu01 ul {
	border:0;
	margin: 10px auto 0 auto;
	padding: 0;
	width:180px;
	overflow: hidden;
	text-align:left;
	}	
	
	#foot01 nav.menu01 a,
	#foot01 nav.menu01 span {
	float:left;
	margin: 0 1%;
	padding: 5px 2.5%;
	margin-bottom: 0;
	text-transform:uppercase; }	
	
	#foot01 nav.menu01 span {
	cursor: no-drop; }
	
	#foot01 nav.menu01 li:first-child a {
	margin-left: 0; }
	
	#foot01 nav.menu01 li:last-child a {
	margin-right: 0; }
	
	#foot01 nav.menu01 li {
	border-bottom: 0; }

/* ==================================================================
   TABLET: PARTNER FOOTER
   ================================================================== */

	#footerbar00 hr{
	display:block;
	border: 1px solid #14305f;
	border-width: 1px 0 0 0;
	width:180px;
	margin:1em auto 0 auto;
	}

}


/* =======================================================================================================
   980px
   ======================================================================================================= */
	@media only screen and (min-width: 980px) {
	
	.wrapper {
	max-width: 1118px;
	margin: 0 auto; }

/* ===========================
   980px: HEADER
   =========================== */
	
	#header-wrap header {
	position:relative; }

/* ===========================
   980px: LOGO
   =========================== */
	#head01{
	margin:20px 0px 20px 50px;
	}

/* ===========================
   980px: LINGUA
   =========================== */
	
	#head02 nav.menulang li a {
	font:600 100% 'Roboto', Arial, sans-serif;
	padding:0 10px 0px 10px;  }
	
	
	#head02 nav.menulang a.sel{
	padding:0 10px 0px 10px;  }  
	
	
/* ===============================
   980px: MENU PRINCIPALE
   =============================== */
	
	#head04 {
	background:#FFF;
	float: right;
	margin-top:5em;
	position: relative;
	clear:none;}
	
	#head04 nav.menu02 {float:right;}

	
	#head04 nav.menu02 ul.first {
	border-top: 0;
	float: left;
	list-style-type: none;
	margin:0;
	padding: 0;	}
	
	#head04 nav.menu02 li {
	float: left;
	position: relative;
	margin:0;
	padding:0.5em 1.2em;	}
	
	#head04 nav.menu02 li:last-child {
	padding-right:0;	}
	
	#head04 nav.menu02 a,
	#head04 nav.menu02 span	{
	background: inherit;
	display: block;
	font-size:1em;
	letter-spacing: 0;
	padding:0 0.5em;
	position: relative;
	padding-bottom:0.5em;
	text-transform: uppercase;
	text-decoration: none;	}
	
	#head04 nav.menu02 span	{
	cursor:default;	}

	#head04 nav ul li ul.second {
	top:2em;
	left:-0.5em;
	}
	
/* ===========================
   980px: BANNER
   =========================== */	
	#headbar04, #headbar05{
	 max-width:1118px;
	 margin:0 auto;
	 position: relative;}
	
/* ============================
   980px: CONTENUTO
   ============================ */
	#cont01 .box01 li {
	padding:0;
	color:#000;
	font-family: 'Roboto Condensed', Verdana, sans-serif;
	font-size: 90%;
	}

	#cont02 .box01 h1 {
	font-size: 180%;
	}
	
	#cont03 .box01 h1 {
	font-size:180%;
	}

	
	#cont04 article p{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 140%;
	font-weight: 300;
	margin-top:0.5em; }
	
	#cont04 .box01 ul {
	list-style-type:none;
	margin:1em 0 0 2em;
	padding:0;
	text-align:center;
	}

 	
}
 		
/* =======================================================================================================
   1100px
   ======================================================================================================= */
	@media only screen and (min-width: 1100px)	{
   
	.wrapper {max-width: 1200px;margin: 0 auto; }
	
	#head04 nav.menu02 li {
	float: left;
	position: relative;
	margin:0;
	padding:0.5em 1.2em;
	}
	
	#head04 nav.menu02 a,
	#head04 nav.menu02 span {
	font:300 1.1em 'Roboto Condensed', Arial, sans-serif;
	}
	
	#head04 nav ul li ul.second {
	top:2em;
	left:0;
	}

	#head04 nav ul li ul.second  li a {
	font:300 1em 'Roboto Condensed', Arial, sans-serif;
	}

	#headbar04, #headbar05 {
	max-width:1200px;
	margin:0 auto;
	position: relative; }
	
	
/* ===========================
   1100px: FOOTER
   =========================== */
	
	#footer-wrap footer {
	padding:0;
	margin: 0 auto; }
	}

/* =======================================================================================================
   DESKTOP: 1280px
   ======================================================================================================= */
   @media only screen and (min-width: 1280px) {
	.wrapper {
	max-width: 1300px;
	margin: 0 auto; }
	
/* ===============================
   DESKTOP: MENU PRINCIPALE
   =============================== */
	#head04 {
	background:#fff;
	display: block;
	float: right;
	position: relative;
	margin-right:22px;
	padding-top:0;
	z-index: 6;
	}
	
	#head04 nav.menu02 li {
	float: left;
	position: relative;
	margin:0;
	padding:0.5em 1.2em;
	}
	
	#head04 nav.menu02 a,
	#head04 nav.menu02 span {
	font:300 1.2em 'Roboto Condensed', Arial, sans-serif;
	}
	
   
/*===== II livello =======*/

	#head04 nav ul li ul.second {
	top:2.5em;
	left:0;
	}

	#head04 nav ul li ul.second  li a {
	font:300 1em 'Roboto Condensed', Arial, sans-serif;
	}

/* ===========================
   DESKTOP: BANNER
   =========================== */
	#headbar04, #headbar05 {
	max-width:1300px;
	margin:0 auto;
	position: relative; }
	
	#headbar04, #headbar05 {padding-bottom:0;}	
	
/* ===========================
   DESKTOP: CONTENUTO
   =========================== */
	
	/*#cont01 h2,
	#cont01 h3,
	#cont01 h4,
	#cont01 h5,
	#cont01 h6 {
	font-size: 120%;
	}*/
	
	#cont01 p {
	font-size: 120%;
	}
	
	#cont01 p.news-date {
	font-size: 120%;
 	}
	
	#cont04{
	background:#FFF;
	}
	
	#cont04 .box01 h1 {
	background: inherit;
	color: #14305e;
	font-size: 220%;
	line-height:120%;
	margin: 0;
	padding: 0}
	
	#cont04 .box01 ul {
	list-style-type:none;
	margin:1em 0 0 4em;
	padding:0;
	text-align:center;
	}


/* ===========================
   DESKTOP: FOOTER
   =========================== */
	#foot01 nav.menu01 ul {
	width:14%;
	}
	
	#footerbar00 div.partner-wrap{
	text-align:center;
	margin:0 auto;
	overflow:hidden;
	width:100%;
	}

	#footerbar00 div.partner-wrap div{
	text-align:center;
	}
	
	.ie8 #footerbar00 div.partner-wrap div{
	float:none;width:100%;
	text-align:center;
	}

}







