﻿/* montserrat-300 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('/etresources/fonts/montserrat-v25-latin/montserrat-v25-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/etresources/fonts/montserrat-v25-latin/montserrat-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/etresources/fonts/montserrat-v25-latin/montserrat-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/etresources/fonts/montserrat-v25-latin/montserrat-v25-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/etresources/fonts/montserrat-v25-latin/montserrat-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/etresources/fonts/montserrat-v25-latin/montserrat-v25-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('/etresources/fonts/montserrat-v25-latin/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/etresources/fonts/montserrat-v25-latin/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/etresources/fonts/montserrat-v25-latin/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/etresources/fonts/montserrat-v25-latin/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/etresources/fonts/montserrat-v25-latin/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/etresources/fonts/montserrat-v25-latin/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-500 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('/etresources/fonts/montserrat-v25-latin/montserrat-v25-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/etresources/fonts/montserrat-v25-latin/montserrat-v25-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/etresources/fonts/montserrat-v25-latin/montserrat-v25-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/etresources/fonts/montserrat-v25-latin/montserrat-v25-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/etresources/fonts/montserrat-v25-latin/montserrat-v25-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/etresources/fonts/montserrat-v25-latin/montserrat-v25-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-600 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('/etresources/fonts/montserrat-v25-latin/montserrat-v25-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/etresources/fonts/montserrat-v25-latin/montserrat-v25-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/etresources/fonts/montserrat-v25-latin/montserrat-v25-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/etresources/fonts/montserrat-v25-latin/montserrat-v25-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/etresources/fonts/montserrat-v25-latin/montserrat-v25-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/etresources/fonts/montserrat-v25-latin/montserrat-v25-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('/etresources/fonts/montserrat-v25-latin/montserrat-v25-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/etresources/fonts/montserrat-v25-latin/montserrat-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/etresources/fonts/montserrat-v25-latin/montserrat-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/etresources/fonts/montserrat-v25-latin/montserrat-v25-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/etresources/fonts/montserrat-v25-latin/montserrat-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/etresources/fonts/montserrat-v25-latin/montserrat-v25-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* 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 */
}
/* ==========================================================================
   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:#005491;
	text-decoration: underline;	}
	
	a:hover {
	color: #005491;
	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: 'Open Sans', Arial, Verdana, sans-serif;
	font-weight:300;
	margin: 0;
	padding: 0;
	position: relative;  }
	
	h1 {
	color: #005491;
	font-family: 'Montserrat', Arial, Verdana, sans-serif;
	font-size: 200%;
	font-weight:400;
	margin:0 0 0.5em 0;}
	
	h2 {
	color: #005491;
	font-family: 'Montserrat', Arial, Verdana, sans-serif;	
	font-size: 160%;
	font-weight:400;
	margin:1em 0 0.5em 0; }
	
	h3 {
	color: #005491;
	font-family: 'Montserrat', Arial, Verdana, sans-serif;
	font-size: 140%;
	font-weight:400;
	margin:1em 0 0.5em 0;}
	
	h4 {
	color: #005491;
	font-family: 'Montserrat', Arial, Verdana, sans-serif;
	font-size: 120%;
	font-weight:400;
	margin:1em 0 0.5em 0;}
	
	h5 {
	color: #005491;
	font-family: 'Montserrat', Arial, Verdana, sans-serif;
	font-size: 100%;
	font-weight:400;
	margin:1em 0 0.5em 0 ;}
	
	h6 {
	color: #005491;
	font-family: 'Montserrat', Arial, Verdana, sans-serif;
	font-size: 80%;
	font-weight:400;
	margin:1em 0 0.5em 0;}

/* ===========================
   MOBILE: Struttura
   =========================== */

	#page-wrap {background: #FFF;}
	
	.wrapper {
	width: 98%;
	margin: 0 1%;
	padding: 0;	}
	
	.oldie .wrapper {
	width: 98%;
	margin: 0 auto; }

/* ===========================
   MOBILE: Header
   =========================== */
	
	#header-wrap {
	 position: relative;
	 width: 100%; 
	 padding:0;
	 margin:0;}
	 
	#header-wrap header {
	 margin:0;
	 padding:0;
	 width: 100%;
	 }

/* ===========================
   MOBILE: logo
   =========================== */
	#head01 .logo{
	 float:none;
	 margin:20px 0 0 0;
	 padding:0;
	 background: inherit;
	 text-align:center;
	 }
	 
	#head01 .logo .mobile{
	display:block;
	}
	
	#head01 .logo .allmedia{
	display:none;
	}		 
	
	#head01 .logo img{
	 }

	#head01 .logo .slogan img{margin:0} 

/* ==============================
   MOBILE: menu lingue
   ============================== */
	#head02  {display:none;}

/* ==============================
   MOBILE: menu top
   ============================== */
	#head03  {display: none;}

/* ===========================
   MOBILE: menu principale
   =========================== */
	#head04 {display:none;}

/* ===========================
   MOBILE: banner
   =========================== */

	#headbar04{display:block;}

/* ===========================
   MOBILE: slideshow
   =========================== 
    #headerbar-wrap{/*border-top:5px solid #eee;}
    #headbar04{display:none;}
	.bannertext {display:none;}
	#myCarousel{display:none;}*/

	#MyCustomPopup{display:none}

/* ===========================
   MOBILE: PATH
   =========================== */
   #headbar05 {clear:both;overflow:hidden;padding:0;text-align:left;}
   #headbar05 .path{color:#737171;font:normal 0.8em 'Montserrat', Arial, Verdana, sans-serif;padding:0.5em 1em;margin:0;}
   #headbar05 .path a{color:#737171;text-decoration:underline;}

/* ===========================
   MOBILE: contenuto
   =========================== */
	#inner-wrap{clear:both;/*padding:1em 0;*/padding:0;margin:0;}

	#inner {clear:both;padding:2em 0 0 0;margin:0;}
	
/* ===========================
   MOBILE: Box
   =========================== */
	#cont01, #cont02, #cont03{}
	
	#cont01 .greymode{
	background: #efefee;
	}
	
	#cont01 .box01{
	color: #333;
	padding:0 1em 1em 1em;
	}
	
	#cont01 .box01 h1{
	background: inherit;
	color: #005491;
	font-family: 'Montserrat', Arial, Verdana, sans-serif;
	font-weight: 400;
	line-height:120%;
	margin: 0;
	padding: 0;
	text-align:center;
	}
	
	#cont01 .box01 h2,
	#cont01 .box01 h3,
	#cont01 .box01 h4,
	#cont01 .box01 h5,
	#cont01 .box01 h6 {
	background: inherit;
	color: #000;
	margin: 0;
	padding: 0;
	}
	
	#cont01 .box01 p {
	color:#000;
	font-family: 'Montserrat', Arial, Verdana, sans-serif;
	font-weight:300;
	font-size:100%;
	line-height:180%;
	margin: 0;
	padding: 0.5em; 
	}

	#cont01 .box01 ul {
	overflow: hidden;/*per IE9, IE10, IE11: bug floated bullets*/
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 3em;
	}
	
	#cont01 .box01 li {
	color:#213441;
	font-family: 'Montserrat', Arial, Verdana, sans-serif;
	font-size:120%;
	font-weight: normal;
	line-height:140%;
	margin:0;
	padding:20px 65px; 
	}
	

	#cont01 .box01 a {
	color: #213441;
	text-decoration:none;
	}
	
	#cont01 a.btn-readmore{
	padding:0.5em 1em;
	font-size:1em;
	color:#FFF;
	background:#005491;
	}
	
	#cont01 a.btn-readmore:hover{	
	background:#2a82c2;
	}
	
/* ===========================
   MOBILE: Box tipo 1
   =========================== */
	#cont02{
	background:#FFF;
	clear:both;
	padding: 6em 0 0 0 0; 
	overflow:hidden;
	width:100%;
	}
	
	#cont02 .box01 {
	background:#f0f0f0;
	color: #333;
	padding:1em 0.5em;
	text-align:center;
	position:relative;
	z-index:1;
	width:70%;
	margin:6em auto 1em auto;
	padding:1em;
	text-align:left;
	background:#FFF;
	-moz-box-shadow:    1px 3px 10px #e9e9e9;
	-webkit-box-shadow: 1px 3px 10px #e9e9e9;
	box-shadow:         1px 3px 10px #e9e9e9;
	behavior: url(/css/PIE.htc);
	border:1px solid #e5e4d4;
	border-top:4px solid #e5e4d4;
    padding:10px 15px 10px 18px;
	margin-bottom:1em;
    }
	
    
	#cont02 .box01 h4{
	position:absolute;
	top:-25px;
	left:18px;
	border-bottom:4px solid #07487b;
	color:#3d4247;
	font:bold 0.9em 'Open Sans', Arial, Verdana,sans-serif;
	padding:0;
    }
    
	#cont02 .box01 h4 a{
	color:#909ba6;
	text-decoration:none;
    }

	
	#cont02 h1{
	color: #FFF;
	font-family: 'Montserrat', Arial, Verdana, sans-serif;
	font-weight: 700;
	line-height:120%;
	margin: 0;
	padding: 0 0 2em 0;
	text-align:center;
	}
	
	#cont02 article h1,
	#cont02 article h2,
	#cont02 article h3,
	#cont02 article h4,
	#cont02 article h5,
	#cont02 article h6 {
	background: inherit;
	color: #fff;
	margin: 0;
	padding: 0;
	}
	
	#cont02 .box01 p {
	color:#111010;
	font-family: 'Montserrat', Arial, Verdana, sans-serif;
	font-size:80%;
	font-weight:400;
	line-height:160%;
	padding:0;
	margin:0;
	}
	
	#cont02 .box01 p.tag {
	background:url(/images/01/common/box/tag-small.png) 0 21px no-repeat;
	color:#3d7ec6;
	font-size:70%;
	padding:1.5em 0 0 1.4em;
	margin:0;
	text-align:left;
	}
	
	#cont02 .box01 p.tag a {
	color:#3d7ec6;
	text-decoration:none;
	}
	
	#cont02 .box01 p.tag a:hover {
	color:#3d7ec6;
	text-decoration:underline;
	}
	
	#cont02 .box01 ul {
	overflow: hidden;/*per IE9, IE10, IE11: bug floated bullets*/
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
	
	#cont02 .box01 li {
	color:#111010;
	font-family: 'Montserrat', Arial, Verdana, sans-serif;
	font-size:80%;
	font-weight: normal;
	line-height:140%;
	margin:0;
	padding:20px 65px; 
	}
	
	#cont02 .box01 a {
	color: #46535c;
	margin: 0;
	text-decoration: underline;
	}
	
	#cont02 .box01 a:hover {
	color: #46535c;
	margin: 0;
	text-decoration: none;
	}

	#cont02 .box01 img{
	margin-top:0.4em;
	border:1px solid #ccc;
	}


/* ===========================
   MOBILE: Box tipo 2
   ===========================*/
	#cont03 {
	background:#FFF;
	clear:both;
	padding: 0; 
	overflow:hidden;
	width:100%;
	}

	#cont03 .box01 {
	padding:0;
	text-align:center;
	position:relative;
	z-index:1;
	width:70%;
	margin:2em auto;
	}
	
	#cont03 .box01 h1{
	color: #FFF;
	font-family: 'Montserrat', Arial, Verdana, sans-serif;
	font-weight: 300;
	line-height:120%;
	font-size:140%;
	margin: 0;
	padding: 0.5em 0;
	text-align:center;
	}

	
	#cont03  h1 span{
	font-weight: 600;
	}

	#cont03 h1,
	#cont03 h2,
	#cont03 h3,
	#cont03 h4,
	#cont03 h5,
	#cont03 h6 {
	background: inherit;
	color: #fff;
	margin: 0;
	padding: 0;
	}
	
	
	#cont03 .box01 p {
	color:#FFF;
	font-family: 'Montserrat', Arial, Verdana, sans-serif;
	font-size:80%;
	font-weight:400;
	padding:0;
	margin:0;
	}

	/*#cont03 .box01 p.tag {
	background:url(/images/01/common/box/tag-small-w.png) 0 21px no-repeat;
	color:#ffe5a3;
	font-size:75%;
	font-weight:400;
	padding:1.5em 0 0 1.4em;
	margin:0;
	text-align:left;
	}
	
	#cont03 .box01 p.tag a {
	color:#fff;
	text-decoration:none;
	}
	
	#cont03 .box01 p.tag a:hover {
	color:#fff;
	text-decoration:underline;
	}*/

	#cont03 .portfolio-box {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 100%;

	}
	
	#cont03 .portfolio-box p{
    padding:0;
    margin: 0;
	}

	#cont03 .portfolio-box .portfolio-box-caption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    opacity: 1;
 	-moz-opacity: 1;
	filter: alpha(opacity=100);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
    cursor:pointer;
	}

	#cont03 .portfolio-box:hover .portfolio-box-caption  {
    opacity:0;
 	-moz-opacity: 0;
	filter: alpha(opacity=0);
	}
		
	#cont03 .portfolio-box .portfolio-box-caption.tipo0,
	#cont03 .portfolio-box .portfolio-box-caption.tipo6,
	#cont03 .portfolio-box .portfolio-box-caption.tipo12{
 	background:rgba(66,159,231,.9) !important;
	}
	
	#cont03 .portfolio-box .portfolio-box-caption.tipo1,
	#cont03 .portfolio-box .portfolio-box-caption.tipo7,
	#cont03 .portfolio-box .portfolio-box-caption.tipo13{
 	background: rgba(21,114,186,.9) !important;
	}

	#cont03 .portfolio-box .portfolio-box-caption.tipo2,
	#cont03 .portfolio-box .portfolio-box-caption.tipo8,
	#cont03 .portfolio-box .portfolio-box-caption.tipo14{
 	background: rgba(16,96,158,.9) !important;
	}

	#cont03 .portfolio-box .portfolio-box-caption.tipo3,
	#cont03 .portfolio-box .portfolio-box-caption.tipo9,
	#cont03 .portfolio-box .portfolio-box-caption.tipo15{
 	background: rgba(0,72,126,.9) !important;
	}

	#cont03 .portfolio-box .portfolio-box-caption.tipo4,
	#cont03 .portfolio-box .portfolio-box-caption.tipo10,
	#cont03 .portfolio-box .portfolio-box-caption.tipo16{
 	background: rgba(21,114,186,.9) !important;
	}

	#cont03 .portfolio-box .portfolio-box-caption.tipo5,
	#cont03 .portfolio-box .portfolio-box-caption.tipo11,
	#cont03 .portfolio-box .portfolio-box-caption.tipo17{
 	background: rgba(21,114,186,.9) !important;
	}

	
	#cont03 .portfolio-box .portfolio-box-caption-content{
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
	}

	#cont03 .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
	#cont03 .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    padding: 0 15px;
    font-family: 'Montserrat','Helvetica Neue', Arial, sans-serif;
	}

	#cont03 .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
    text-transform: uppercase;
    /*font-size: 14px;*/
    font-weight: 600;
	}

	#cont03 .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    font-size: 1.2em
	}

	#cont03 .portfolio-box .portfolio-box-caption .portfolio-box-caption-content  .project-des{
	padding:0 0.5em;
	font:1em 'Montserrat', Arial, sans-serif;
	}
	
	#cont03 .portfolio-box .portfolio-box-caption .portfolio-box-caption-content  .project-des a{
	color:#FFF;
	text-decoration:none;
	}

/* ===========================
   MOBILE: News
   =========================== */
	#cont04{
	background:#FFF;
	clear:both;
	padding-bottom:4em;display:none;
	}
	
	#cont04 section.news{
	display:none;
	}
	
	#cont04 #bx-nav{
	display:none;
	}
	
	#cont04 .news-mobile{
	background:#FFF;
	display:block;
	/*border:3px solid #ddd;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	behavior:url(/css/PIE.htc);*/
	padding:0 1em;
	} 
	
	#cont04 h1 {
	background: inherit;
	color: #005491;
	font-family: 'Montserrat', Arial, Verdana, sans-serif;
	font-size: 200%;
	font-weight: 700;
	line-height: 0.7em;
	margin: 0;
	padding: 0.5em 0.2em;
	}
	
	#cont04 article {
	background:transparent !important;
	color: #333;
	padding: 0 0 0.5em 0;
	margin: 0;
	text-align:center;
	}
	
	#cont04 article h2,
	#cont04 article h3,
	#cont04 article h4,
	#cont04 article h5,
	#cont04 article h6 {
	font-family: 'Montserrat', Arial, Verdana, sans-serif;
	font-size: 100%;
	font-weight: 400;
	background: inherit;
	color: #005491;
	margin: 0;
	padding: 0.3em 0 0 0.4em;
	}
	
	#cont04 article h6 {
	font-style: italic;
	font-weight: normal;
	padding: 0;
	}
	
	#cont04 article p {
	color: #4d4e4e;
	font-family: 'Montserrat', Arial, Verdana, sans-serif;
	font-size: 80%;
	font-weight: 400;
	margin: 0;
	padding: 0.5em 0 0 0.4em;
	line-height:160%
	}
	
	#cont04 article p.news-readmore {
	font-weight: bold;
	text-align:right;
	margin-top:0.5em;
	}
	
	#cont04 article p.news-readmore a {
	border-top:1px solid #005491;
	background:inherit;
	color: #005491;
	display:block;
	margin:0.5em 0 0 0;
	padding:0.5em 0 0 0;
	text-decoration: none;
	text-align:right
	}
	
	#cont04 article p.news-readmore a:hover {
	color:#005491;
	text-decoration: underline;
	}
	
	#cont04 article p img {
	margin: 0 0 0.2em 0;
	padding: 0;
	}
	
	#cont04 article header p.news-date {
	font-family: 'Montserrat', Arial, Verdana, sans-serif;
	font-size: 75%;
	font-weight: normal;
	margin: 0;
	padding: 0.3em 0.6em 0 0.5em;
	}
		  
	#cont04 p.tag {
	background:url(/images/01/common/box/tag-small.png) 0 21px no-repeat;
	color:#3d7ec6;
	font-size:70%;
	padding:1.5em 0 0 1.4em;
	margin:0 0 0 1em;
	text-align:left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	}
	
	#cont04 p.tag a {
	color:#3d7ec6;
	text-decoration:none;
	}
	
	#cont04 p.tag a:hover {
	color:#3d7ec6;
	text-decoration:underline;
	}
	  
/* ============================
   MOBILE: FRECCIA GIU'
   ============================ */
	.scroll-down{display:none;}

/* ===========================
   MOBILE: footer
   =========================== */
	#footer-wrap {
	background:#003a69;overflow:hidden;
	}
	
	#footer-wrap footer#footer {
	color: #7c7c7c;
	padding:2em 0 0 0;
	position: relative;
	}
	  
/* ===========================
   MOBILE: Go to Top
   =========================== */
	#footer-wrap #footer .scrollToTop{
	background: url('/images/01/common/footer/top-small.png') no-repeat 0px 0px;
	width:47px; 
	height:47px;
	padding:0; 
	text-align:center; 
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	bottom:25px;
	right:25px;
	text-indent:-9999px;
	z-index:1111111;
	}
	
	#footer-wrap #footer .scrollToTop:hover{
	text-decoration:none;
	outline: none;
	}

/* ===========================
   MOBILE: menu footer
   =========================== */
	
	#foot01 h1{display:none}
	
	#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 li,
	#foot02 nav.menu01 li {
	border-bottom: 1px solid #214f76;
	 }
	
	#foot01 nav.menu01 a,
	#foot02 nav.menu01 a
	{
	background:inherit;   
	color:#ddd;
	display: block;
	font: normal 0.8em 'Montserrat', Arial, Verdana, sans-serif;
	padding:10px;
	text-align:center;
	text-decoration: none;
	}
	
	#foot01 nav.menu01 a:hover,
	#foot02 nav.menu01 a:hover {
	color: #efae14;
	background: inherit;
	}
	
	#foot01 nav.menu01 a.sel,
	#foot02 nav.menu01 a.sel{
	color: #efae14;
	background: inherit;
	}

/* ===========================
   MOBILE: company
   =========================== */
	#foot04{
	color:#FFF;
	padding-top:2em;
	text-align:center;
	}
	
	#foot04 h1{
	color:#FFF;
	font:400 1.3em 'Montserrat', Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	}

	#foot04 h2,
	#foot04 h3,
	#foot04 h4,
	#foot04 h5,
	#foot04 h6
	{
	color:#FFF;
	font-weight:400;
	margin:0;
	padding:0;
	}
	
	#foot04 p{
	color:#FFF;
	font:normal 80% 'Montserrat', Arial, Verdana, sans-serif;
	margin:0;padding:0;
	line-height:160%;
	}
	
	#foot04 a{color:#FFF;}

/* ===========================
   MOBILE: TAG
   =========================== */
	#foot05{
	padding-top:2em;
	text-align:center;
	}
	
	#foot05 h1{
	color:#FFF;
	font:400 1.3em 'Montserrat', Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	}
	
	#foot05 p{
	color: #fff;
	font-family: 'Montserrat', Arial, Verdana, sans-serif;
	font-size: 80%;
	font-weight: normal;
	text-align: left;
	}
	
	#foot05 a{
	background:#336187;
	color: #fff;
	display:inline-block;
	padding:0.3em;
	margin:0.1em;
	text-decoration:none;
	}
	  
	#foot05 a:hover{
	background:#005491;
	}

/* ===========================
   MOBILE: COPYRIGHT
   =========================== */
	#footerbar01{
	background:#004783;
	color:#FFF;
	padding:0.5em;
	text-align:center;
	}

	#footerbar01 p{
	color:#FFF;
	font:400 0.7em 'Montserrat', Arial, Verdana, sans-serif;
	text-align:center;
	}
	
	#btn-support{display:none;}
	
/* ===============================
   MOBILE: attesa ricerche/submit
   =============================== */
	#page-disabled {
	position: fixed;	
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	color:#FFF;
	background: #333;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);
	z-index:999999;    
	}
	
/* ==========================
   MOBILE: Clear Float
   ========================== */
	.clearfix {
	*zoom: 1; }
	
	.clearfix:before, .clearfix:after {
	content: " ";
	display: table; }
	
	.clearfix:after {
	clear: both; }
	

/* ===================================================================
   TABLET (landscape) e computer con schermi piccoli: 768px
   =================================================================== */
	@media only screen and (min-width: 768px) {
	
	#AdminMenuClose {
	display: block;
	}
	
	#AdminMenuOpen {
	display: block;
	}
	
	#mobile-toolbar {
	display: none;
	}

	.wrapper {
	max-width:768px;
	margin: 0 auto;
	}
	
/* ===========================
	TABLET: HEADER
   =========================== */	
	#header-wrap{
	background:#FFF url(/images/01/common/main-menu/bg_mainMenu.gif) left bottom repeat-x;
	width: 100%;}
	
	#header-wrap header {
	position:relative;
	margin:0 auto;
	border-bottom:0; }
	
	header#header p, header#header pre{margin:0;padding:0;}
	
/* ===========================
	TABLET: LOGO
   =========================== */
	#head01 .logo .allmedia{
	display:block;
	}
	
	#head01 .logo .mobile{
	display:none;
	}	
	
	#head01 .logo img{
	float:left;
	text-align:left;width:220px;margin-bottom:20px;
	}
	
	#head01 .logo .slogan img{margin-top: 5em;width:500px;margin-bottom:20px;}
	  

/* =============================
   TABLET: LINGUA
   ============================= */
	#head02 {
	display:block;
	margin:0;
	position:absolute;
	top:50px;
	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-radius:15px;
	width:15px;
	height:15px;
	background: #ddd;
	color:#07487b;
	cursor:pointer;
	display: block;
	font:600 75% 'Open sans', Arial, sans-serif;
	padding:5px;
	margin-right:10px;
	text-align: center;
	text-decoration: none;
	text-transform:lowercase;
	}
	
	#head02 nav.menulang a:hover{
	color:#fff;
	background: #07487b; }
	
	#head02 nav.menulang a.sel{
	background: #2d649a;
	color: #fff;
	}
	
	#head02 nav.menulang li:last-child a{
	border-right: 0; }
	
	#head02 nav.menulang a {display: inline;}



/* =============================
    TABLET: MENU TOP
   ============================= */
	#head03 {
	display: block;
	position: absolute;
	top: 0;
	right:0;
	z-index: 99;
	width:65%;
	margin-right:0;
	margin-top:0;
	}
	
	#head03 nav.menu01 {
	background: inherit;
	display: block;
	}
	
	#head03 nav.menu01 ul {
	color: #fff;
	float:right;
	list-style-type: none;
	margin:0;
	padding:4px 0 0 2px;
	overflow:hidden;
	text-align:right;
	}
	
	#head03 nav.menu01 li {
	color: #fff;
	float: left;
	list-style-type: none;
	padding:0;
	margin:0;
	}
	
	#head03 nav.menu01 a,
	#head03 nav.menu01 span {
	display:block;
	margin-left:10px;
	margin-top:2px;
	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 a.login,
	#head03 nav.menu01 span.login {
	background:url('/images/01/common/top-menu/login.png') no-repeat 0 0;
	cursor:pointer !important;
	width:34px;
	height: 34px;
	}
	
	#head03 nav.menu01 a.login:hover,
	#head03 nav.menu01 ul.first li a.login.sel {
	background:url('/images/01/common/top-menu/login.png') no-repeat 0 -34px;
	}
	
	#head03 nav.menu01 a.logout,
	#head03 nav.menu01 span.logout{
	background:url('/images/01/common/top-menu/logout.png') no-repeat 0 0;
	width:34px;
	height: 34px;
	}
	
	#head03 nav.menu01 a.logout:hover,
	#head03 nav.menu01 ul.first li a.logout.sel {
	background:url('/images/01/common/top-menu/logout.png') no-repeat 0 -34px;
}

	#head03 nav.menu01 a.mail,
	#head03 nav.menu01 span.mail{
	background:url('/images/01/common/top-menu/mail.png') no-repeat 0 0;
	width:34px;
	height: 34px;
	}
	
	#head03 nav.menu01 a.mail:hover,
	#head03 nav.menu01 ul.first li a.mail.sel {
	background:url('/images/01/common/top-menu/mail.png') no-repeat 0 -34px;
	}

	#head03 nav.menu01 a.cerca,
	#head03 nav.menu01 span.cerca{
	background:url('/images/01/common/top-menu/search.png') no-repeat 0 0;
	width:34px;
	height: 34px;
	}
	
	#head03 nav.menu01 a.cerca:hover,
	#head03 nav.menu01 ul.first li a.cerca.sel {
	background:url('/images/01/common/top-menu/search.png') no-repeat 0 -34px;
	}
	
	#head03 nav.menu01 li span {
	background: inherit;
	color: #999;
	font-weight: normal;
	padding: 0 2px;
	text-align: left;
	text-decoration: none;
	cursor:no-drop;
	}

	#head03 nav.menu01 a.utente {
	color:#0b6f3b !important;
	font-size:0.8em;
	font-weight:normal;
	padding:0.4em;
	margin-left:15px;
	text-indent:0;
	text-decoration:none;
	}
/* =============================
   TABLET: Search testata
   ============================= */
	#head03 .sb-search {
	margin-right:-10px !important;
	display: block;
	position: relative;
	margin-top: 5px;
	width:0;
	min-width: 34px;
	height: 34px;
	float: right;
	overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
	}
	
	#head03 .sb-search-input {
	position: absolute;
	top: 1px;
	right: 0;
	border: none;
	outline: none;
	background: #fff;
	width: 80%;
	height: 30px;
	margin: 0 0 0 9px;
	z-index: 10;
	padding: 0px 0 3px 10px;
	font-family: inherit;
	font-size: 14px;
	color: #333;
	}
	
	#head03 .sb-search-input::-webkit-input-placeholder {
	color: #333;	}
	
	#head03 .sb-search-input:-moz-placeholder {
	color: #333;
	}
	
	#head03 .sb-search-input::-moz-placeholder {
	color: #333;
	}
	
	#head03 .sb-search-input:-ms-input-placeholder {
	color: #333;
	}
	
	#head03 .sb-icon-search,
	#head03 .sb-search-submit  {
	width: 34px;
	height: 34px;
	display: block;
	position: absolute;
	right: -1px;
	top: 1px;
	padding: 0;
	margin: 0;
	line-height: 31px;
	text-align: center;
	cursor: pointer;
	}
	
	#head03 .sb-search-submit {
	background:#fff;/*serve per IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 **/
	filter: alpha(opacity=0); /* IE 5-7 */
	opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
	}
	
	#head03 .sb-icon-search {
	color: #fff;
	background: url(/images/01/common/top-menu/search.png) 0 0 no-repeat;
	z-index: 90;
	width: 34px;
	height: 34px;
	-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;

	}
	
	#head03 .sb-icon-search:hover,
	#head03 .sb-icon-search.sel
	{background: url('/images/01/common/top-menu/search.png') no-repeat 0 -34px;
}
	
	
	#head03 .sb-icon-search:before {
	/*content: "\e000";*/
	}
	
	/* Open state */
	#head03 .sb-search.sb-search-open,
	#head03 .no-js .sb-search {
	width: 40%;
	}
	
	#head03 .sb-search.sb-search-open input {
	background:#eee;
	border:1px solid #ddd;
	margin-right:38px;
	}
	
	#head03 .sb-search.sb-search-open .sb-icon-search,
	#head03 .no-js .sb-search .sb-icon-search {
	color: #fff;
	background: url('/images/01/common/top-menu/search.png') no-repeat 0 -34px;
	z-index: 11;
	
	}
	
	#head03 .sb-search.sb-search-open .sb-search-submit,
	#head03 .no-js .sb-search .sb-search-submit {
	z-index: 90;
	}
	#head03 .sb-icon-search:hover,
	#head03 .sb-icon-search.sel	
	{		
	background:url('/images/01/common/top-menu/search.png') no-repeat 0 -34px;
	}
		
/* ===============================
   TABLET: MENU PRINCIPALE
   =============================== */
	#head04 {
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	display: block;
	float: left;
	position: relative;
	padding:0;
	z-index: 6;
	width:100%;
	height:52px;
	}
	
	#head04 nav.menu02 {float:right;}
	
	/*===== I livello =======*/
	
	#head04 nav.menu02 ul.first {
    font-family:'Montserrat', sans-serif;
    font-weight:400;
    *zoom:1;
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;	}
	
	#head04 nav.menu02 ul.first:before,
	#head04 nav.menu02 ul.first:after {
	content:"";
	display:table;
	}	
	#head04 nav.menu02 ul.first:after {
	clear:both;
	}
	
	#head04 nav.menu02 ul.first > li {
	float:left;
	background:url(/images/03/common/main-menu/bg_li.jpg) top left no-repeat;
	border-left:1px solid #d9d9d9;
	position:relative;
	}	
	
	#head04 nav.menu02 a,
	#head04 nav.menu02 span{
	display:block;
	font-size:0.9em;
	font-weight:500;
	padding:16px 16px;
	line-height:1.2em;
	color:#000;
	text-decoration:none;
    -webkit-transition:all 500ms ease-in-out;
    -moz-transition:all 500ms ease-in-out;
    -o-transition:all 500ms ease-in-out;
    transition:all 500ms ease-in-out;
	}
	
	#head04 nav.menu02 a:hover,
	#head04 nav.menu02 span:hover,
	#head04 nav.menu02 li:hover a {
	text-decoration:none;
	background:#07487b;
	color:#FFF!important;

	}		
		
	#head04 nav ul a.sel,
	#head04 nav.menu02 span.sel {
	color:#000!important; }
   
   
	
	#head04 .menu02 ul li a.sel,
	#head04 .menu02 ul li li a.sel{
		border-bottom:4px solid #07487b;
	}
	
	#head04 .menu02 ul li a.sel:hover
	{
	background:#07487b;
	border-bottom:4px solid #d9d9d9;
	color:#FFF;
	}

/* ===========================
   TABLET: BANNER
   =========================== */
	#headerbar-wrap {
	margin:0;
	width:100%;
	overflow:hidden;}
	
	#headerbar-wrap p, #headerbar p {
	margin: 0;
	padding: 0; }
	
	#headbar04{
	display:block;
	max-width:100%;
	margin:0 auto;
	position: relative;
	}

	/*#headbar04 img{
	height:168px;
	}*/


/* ===========================
   TABLET: PATH
   =========================== */
   #headbar05 {display:none;}

/* ============================
   TABLET: CONTENUTO
   ============================ */
	#inner {
	overflow: hidden;
	margin:0 auto;
	padding:0;
	}

/* ===========================
   TABLET: BOX FASCIA 1
   =========================== */

	#cont01 .box01{
	color: #333;
	padding:3em 2em 1em 2em;
	}


/* ===========================
   TABLET: BOX tipo 1
   =========================== */
	#cont02 {padding: 4em 0 0 0}


	#cont02 .box01 {
	float:left;
	padding:1em;
	margin: 3em 1% 3em 1%;
	width:25%;
	text-align:left;
	background:#FFF;
	-moz-box-shadow:    1px 3px 10px #e9e9e9;
	-webkit-box-shadow: 1px 3px 10px #e9e9e9;
	box-shadow:         1px 3px 10px #e9e9e9;
	behavior: url(/css/PIE.htc);
	border:1px solid #e5e4d4;
	border-top:4px solid #e5e4d4;
    padding:10px 15px 10px 18px;
	margin-bottom:1em;
    }
	
	#cont02 .box01 p{
	color:#747474;
	font:normal 0.8em 'Open sans', Arial, Verdana, sans-serif;;
	margin:5px 0;
	line-height:160%;
    }
    
	#cont02  .box01 li{
	color:#747474;
	font:normal 0.8em 'Open sans', Arial, Verdana, sans-serif;;
    }

/* ===========================
   TABLET: BOX tipo 2
   ===========================*/
	
	#cont03 .box01 {
	float:left;
	padding:0;
	margin: 3em 2% 3em 2%;
	width:44%;
	}

	/*#cont03 .portfolio-box .portfolio-box-caption .portfolio-box-caption-content  .project-des{
	padding:0 2em;
	font:0.8em 'Montserrat',Arial,sans-serif;}

	#cont03 .portfolio-box {
    display: block;
    position: relative;
	}		
	*/
/* ============================
   TABLET: FRECCIA GIU'
   ============================ */
	
	#headbar06 .wrapper{
	position:relative;
	}

	.scroll-down{
	position:absolute;
	bottom:0;
	text-align:center;
	text-indent:-9999px;
	}
	
	.scroll-down a.beltnext:link{
	background:url(/images/01/common/content/down-small.png) 0 0 no-repeat;
	display:block;
	width:35px;
	height:34px;
	margin:0.6em auto;
	}
	
	.scroll-down a.beltnext:visited,
	.scroll-down a.beltnext:hover{
	outline: none;
	}
	
/* ==================================================================
   TABLET: Footer
   ================================================================== */
	#footer-wrap {
	padding: 1em 0;
	}
	
	#footer-wrap footer#footer {
	position: relative;
	height:auto;
	padding:0;
	}  
   
/* ===================================
   TABLET: Menu Footer
   ================================== */
	
	#foot02 {
	display: none; }
	
	#foot01, #foot05{
	padding-top:2em;
	}

	
	#foot01 {
	 float: right;
	 width:33%;
	}
	
	#foot01 h1{
	color:#FFF;
	display:block;
	font:400 1.3em 'Montserrat', Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	text-align:right;
	}

	
	#foot01 nav.menu01 ul {
	background: inherit;
	color: #013251;
	margin: 10px 0 0 0;
	padding: 0;
	overflow: hidden;
	}
	
	#foot01 nav ul li {
	display: inline; }
	
	#foot01 nav.menu01 a,
	#foot01 nav.menu01 span {
	color: #FFF;
	font: normal 0.8em 'Montserrat', Arial, Verdana, sans-serif;
	margin: 0 1%;
	padding: 5px 0;
	margin-bottom: 0;
	text-align:right;}
	
	
	#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; }

	#foot04 {
	 float: left;
	 width:33%;
	 text-align:left;
	}

	#foot05{
	 float: left;
	 width:33%;
	 text-align:left;
	}

}
/* ==================================================================
   NETBOOK 900px
   ================================================================== */
	@media only screen and (min-width: 900px) {
	
	.wrapper{
	max-width: 900px;
	margin: 0 auto; }
	
	    

/* ===========================
   900px: LOGO
   =========================== */
	#head01 .logo img{
	float:left;
	text-align:left;
	width:auto;
	padding-bottom:1em;margin-bottom:0
	}
	
	#head01 .logo .slogan img{float:left;margin-top: 3.5em;margin-bottom:0;width:auto}


	#head02 {
	top:100px;
	 }

/* ===============================
   900px: SEARCH
   =============================== */
	#head03 {
	display: block;
	float:right;
	z-index: 99;
	width:69%;
	margin-top:0;
	margin-right:0px;
	}
	
/* ===============================
   900px: MENU PRINCIPALE
   =============================== */

	#head04 nav.menu02 a,
	#head04 nav.menu02 span	{
	font-family:'Montserrat', Arial, Verdana, sans-serif;
	font-size:1em;
	font-weight:500;
	padding:15px 1.3em;
	}

	#head04 nav.menu02 span	{
	cursor:default;	}
	
/* ===========================
   900px: BOX tipo 1
   =========================== */
	#cont02  {
	margin: 3em 0;
	}
	
	#cont02 .box01 {
	float:left;
	padding:1em;
	margin: 3em 2% 3em 2%;
	width:25%;
	height:200px;
}
/* ===========================
   900px: BOX tipo 2
   =========================== */
	#cont03  {
	margin: 2em 0;
	}
	
	#cont03 .box01 {
	float:left;
	margin: 1em 0.9% 1em 0.9%;
	width:23%;
	}

	#cont03 .box01 p {
	font-size:80%;
	}
	
/* ===========================
   900px: Go to Top
   =========================== */
	
	#footer-wrap #footer .scrollToTop{
	width:60px; 
	height:60px;
	background: url('/images/01/common/footer/top.png') no-repeat 0px 0px;
	z-index:1111111;
	}
}
	
/* =====================================================================
	NETBOOK
   ===================================================================== */
	@media only screen and (min-width: 1100px) {
	
	.wrapper {
	max-width: 1100px;
	margin: 0 auto; }
  
	
/* ===========================
	NETBOOK BOX FASCIA 1
   =========================== */
	
	#cont01 .box01{
	color: #333;
	padding:4em 2em 3em 2em;
	}
	
	#cont01 .box01 h1{
	background: inherit;
	font-size: 220%;
	line-height:160%;
	margin: 0;
	padding:  0;
	}

	
	#cont01 .box01 p {
	color:#000;
	font-family: 'Montserrat', Arial, Verdana, sans-serif;
	font-weight:300;
	font-size:120%;
	line-height:160%;
	margin: 0;
	padding: 0.5em; 
	}
	
	#cont01 .box01 li {
	font-size:140%;
	line-height:160%;
	}

/* ===========================
   NETBOOK : BOX tipo 1
   =========================== */
	#cont02  {padding: 2em 0;}
	
	
/* ===========================
   NETBOOK : BOX tipo 2
   =========================== */
	#cont03  {clear:both;padding: 0;overflow:hidden;}
	
	#cont03 .box01 {
	float:left;
	margin: 1em 0.9% 1em 0.9%;
	width:23%;
	}
	
	#cont03 .box01 p {
	font-size:90%;
	}

/* ===============================
   NETBOOK: NEWS
   =============================== */
	
	#cont04{background:#fff;}		
	
	#cont04 h1 {
	font-family:'Montserrat', Arial, Verdana, sans-serif;
	font-size: 430%;
	font-weight: 700;
	line-height: 0.7em;
	margin: 0 0 4px 0.5em;
	padding:0;
	text-align:left;
	color: #005491;
	letter-spacing:-6px;
	border-bottom:0;
	}
	
	#cont04 .news-mobile{
	display:none;
	}    
	
	#cont04 section.news{
	background:#FFF;
	overflow:hidden;
	display:block;
	}
	
	#cont04 #bx-nav{
	display:block;
	}
	
	#cont04 article {
	background:transparent !important;
	padding:0 2em 0 2em;
	margin:0;
	min-height: 300px;
	overflow:hidden;
	text-align:center;
	}
	
	#cont04 article.news:hover {
	background:url(/images/01/common/newsHome/bg_article.jpg) !important;
	}
	

	#cont04 article h5{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	color:#005491;
	}
	
	#cont04 article .ellipsis{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	height: 120px;
	}
	
	#cont04 article .ellipsiswrap{
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	height: 190px;
	}
	
	#cont04 article.news{
	background:transparent !important;
	overflow:hidden;
	display:block;
	width:98%;
	height:auto;
	}
	
	#cont04 p img { 
	border:1px solid #d0d0d0;
	-moz-border-radius: 9px;	
	-webkit-border-radius: 9px;	
	border-radius: 9px;	
	behavior: url(/css/PIE.htc);
	margin:0 5px;
	width:50%;
	}
	
	.ie8 #cont04 p img {
	border-radius:0;
	}


	#cont04 article p { 
	text-align:center;
	}
	
	
	#cont04 article p.news-readmore {
	position:absolute;
	bottom:0;
	right:0;
	font-family: 'Montserrat', Arial, Verdana, sans-serif;
	font-size:80%;
	font-weight: bold;
	text-align:right;
	margin-top:0.5em;
	padding-right:1em;
	width:90%;
	}
	
	#cont04 article p.news-readmore a {
	color:#005491;
	padding:0 0 0.3em 0;
	text-decoration:underline;
	}


}
/* ==================================================================
   DESKTOP 1200px
   ================================================================== */
	@media only screen and (min-width: 1200px) {

	.wrapper {
	max-width: 1200px;
	margin: 0 auto;}
	

}
