@charset "utf-8";

/* A font by Jos Buivenga (exljbris) -> http://www.exljbris.com */
@font-face {
    font-family: 'Fontin';
    src: url('/media/font/fontin-regular-webfont.eot?#iefix');
    src: url('/media/font/fontin-regular-webfont.eot') format('embedded-opentype'),
         url('/media/font/fontin-regular-webfont.woff') format('woff'),
         url('/media/font/fontin-regular-webfont.ttf') format('truetype'),
         url('/media/font/fontin-regular-webfont.svg#FontinRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'FontinItalic';
    src: url('/media/font/fontin-italic-webfont.eot?#iefix');
    src: url('/media/font/fontin-italic-webfont.eot') format('embedded-opentype'),
         url('/media/font/fontin-italic-webfont.woff') format('woff'),
         url('/media/font/fontin-italic-webfont.ttf') format('truetype'),
         url('/media/font/fontin-italic-webfont.svg#FontinItalic') format('svg');
    font-weight: normal;
    font-style: italic;

}


* {
	margin: 0;
	padding: 0;
}
html, body, #wrap { height:100%; }
body  {
	text-align: center;
	color: #333333;
	font: 12px/1.3em sans-serif;
	background: #FFFFFF url(/img/menu-bg.gif) repeat-x center 302px;
}
body > #wrap {
	height: auto;
	min-height: 100%;
}
a {text-decoration: none;}
div, p, h1, h2, h3, h4, h5, h6, form, ul, select {
	margin: 0px;
	padding: 0px;
}/*clear top margin for mozilla*/
a img {border: none;}
ul, ol  {list-style: none;}
#main {
	padding-bottom: 100px;
	margin: 0 auto;
}  /* must be same height as the footer */
#footer {
	position: relative;
	height: 100px;
	clear:both;
	margin: -101px auto 0 auto;
	width: 918px;
	text-align: left;
	font-size: 11px;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
#wrap {
	width: 918px;
	margin: 0 auto;
	text-align: left;
	font-size: 12px;
	line-height: 16px;
}

/* Header */
#header {
	height: 350px;
	position: relative;
	line-height: 1em;
} 
#header #main {
	height: 73px;
	width: 918px;
	/*
	background-image: url(../images/bck-header.jpg);
	background-repeat: no-repeat;
	*/
}
#header #main #logo {
	width: 200px;
	height: 70px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#header #main #navtop {
	height: 18px;
	width: 318px;
	position: absolute;
	top: 6px;
	left: 600px;
	font-size: 11px;
}
#header #main #bif-social {
	height: 18px;
	width: 80px;
	position: absolute;
	top: 42px;
	left: 700px;
	font-size: 11px;
}
#header #main #bif-social img {
	margin-right: 5px;
}


#header #main #language {
	height: 23px;
	position: absolute;
	width: 122px;
	text-align: right;
	top: 38px;
	background-repeat: no-repeat;
	background-position: right;
	font-size: 11px;
	left: 796px;
	font-family: Arial, Helvetica, sans-serif;
}
#header  #main  .ita  {
	background-image: url(../img/versione-italiana-white.gif);
}
#header  #main  .eng  {
	background-image: url(../img/english-version-white.gif);
}
#header #main #language a {
	display: block;
	padding: 5px 32px 0 0;
	color: #333333;
}
#header #media {
	position: absolute;
	top: 70px;
/*	height: 300px; */
	width: 908px;
	background-repeat: no-repeat;
	background-position: top 0px;
	border-top: 5px solid #dbdfe2;
	border-left: 5px solid #dbdfe2;
	border-right: 5px solid #dbdfe2;
	background-color: #fff;
}
#media .scrollable {
	position: relative;
	height: 230px;
	width: 908px;
	overflow: hidden;
}
#media .items {
	width:20000em;
	position:absolute;
}
#media .item {
	height: 230px;
	width: 908px;
	position: absolute;
	overflow: hidden;
}
#media .scrollable .titolo {
	position: absolute;
	width: 560px;
	left: 15px;
	top: 15px;
}
#media .scrollable h3 {
	font: normal 26px/1.5em Fontin, Georgia, serif;
	color: #FFF;
	background: transparent url(../img/bg-black.png);
	display: inline;
	padding: 5px 5px 4px;
	text-shadow: 0px 1px 0px #000000;
}
#media .scrollable .testo {
	font: 14px sans-serif;
	color: #FFF;
	background: transparent url(../img/bg-black.png);
	padding: 10px;
	width: 320px;
	position: absolute;
	left: 15px;
	bottom: 15px;
}
#media .scrollable .data {
	text-transform: uppercase;
	color: #afafaf;
}
#media .scrollable .read-more span {
	text-align: left;
	padding: 3px 5px;
	background: transparent url(../img/bg-black.png);
	display: inline-block;
}
#media .scrollable .testo .read-more span {
	background-image: none;
}
#media .scrollable .read-more a {
	font: bold 12px sans-serif;
	text-transform: uppercase;
	color: #FFB434;
	background: transparent url(../img/media-readmore-bg.png) no-repeat right center;
	padding-right: 15px;
	text-shadow: 0px 1px 0px #000000;
	filter: dropshadow(color=#000000, offx=0, offy=1);
}
#media .scrollable .read-more a:hover {
	color: #fff;
}
#media .navi {
	position: absolute;
	z-index: 110;
	right: 20px;
	bottom: 20px;
}
#media .navi a {
	display: inline-block;
	background-color: #fff;
	width: 7px;
	height: 7px;
	border: solid 1px #000;
	margin-left: 5px;
}
#media .navi a.active,
#media .navi a.current {
	background-color: #d00000;
	width: 11px;
	height: 11px;
	margin-right: -2px;
	margin-bottom: -2px;
}
#media-shadow {
	background: transparent url(../img/media-shadow.png) repeat-x center bottom;
	height: 3px;
	width: 918px;
	position: absolute;
	left: -5px;
	bottom: 0px;
	z-index: 100;
}
#header #main #navtop ul {
	text-align: right;
	padding-top: 5px;
}
#header #main #navtop li {
	display: inline;
	padding: 4px 8px;
	border-left: 1px solid #ffffff;
}
#header #main #navtop a, #header #main #navtop a:visited {color: #333333;}
#header #main #navtop a:hover {
	color: #333333;
	text-decoration: underline;
}
#header #menu {
	position: absolute;
	width: 100%;
	height: 45px;
	bottom: 0px;
	background: transparent url(../img/menu-bg.gif) repeat-x center -3px;
}
#header   #menu  div  {
	float: left;
}
#header #menu div:first-child {
	padding-left: 10px;
}
#header #menu a     {
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding: 11px 10px 0;
	font: normal 14px 'Open Sans', sans-serif;
	border-right: 1px solid #174268;
	border-left: 1px solid #426c93;
	text-transform: uppercase;
	height: 30px;
	text-shadow: 0px -1px 0px #001532;
	filter: dropshadow(color=#001532, offx=0, offy=-1);
}
#header #menu a:hover {
	background-color: #09325e;
}
.navhom #menu #navhom  a, .navabo #menu  #navabo a, .navcou #menu  #navcou a, .navexa #menu  #navexa a, .navlib #menu #navlib a, .navarc #menu #navarc a, .naveve #menu #naveve a, .navies #menu #navies a, .navnws #menu #navnws a  {
	background: #09325e url(/img/menu-bg-sel.gif) repeat-x center bottom;
}
#header #menu #navcnt a:hover {
	background-color: #C30;
}
.navcnt #menu #navcnt a{
	background: #C30 url(none) repeat-x center bottom;
}

/* Footer */
#footer  #navbot {
	padding: 5px 0px;
	border-bottom: 1px solid #c0c0c0;
	border-top: 1px solid #c0c0c0;
	margin-bottom: 5px;
}
#footer  #navbot  li, #footer #istmenu li {
	display: inline;
	padding: 0px 6px;
	border-right: 1px solid #c0c0c0;
}
#footer a, #footer a:link, #footer a:visited {
	color: #333333;
	text-decoration: none;
}
#footer a:active, #footer a:hover {
	color: #333333;
	text-decoration: underline;
}
#footer #istmenu {
	float: left;
	padding-top: 5px;
}
#footer #isttext {
	float: right;
	line-height: 14px;
	text-align: right;
	margin-top: 5px;
}
#footer  h2  {
	font-size: 15px;
	color: #006699;
	display: inline;
	font-weight: normal;
	line-height: 20px;
}
#footer #istmenu p {
	padding-left: 6px;

}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* Main */
#content {
	width: 700px;
	float: left;
	padding-top: 20px;
	color: #404040;
	font-size: 14px;
	line-height: 1.4em;
	padding-bottom: 20px;
} 
#sidebar {
	float: right;
	font-size: 0.9em;
	line-height: 1.2em;
	color: #333333;
	margin: 0px;
	padding-top: 20px;
}

/* per slider banner */
.slidernews {
	/* background-position: center 372px; */
}
.slidernews #header {
	/* height: 420px; */
} 

