@charset "utf-8";
/* CSS Document */

/*---[.LAYOUT.]--------------------------------------------------------------------------------------------------*/

html, body {width: 100%; height: 100%; background-color: #FFFFFF;}

html, body, img, p, a, ul, ol, li, div, table, h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; border: 0px;}

body		{ background: url(../img/bg.gif) repeat-x top left;}
#container	{ }
#headerBox	{ height: 445px; position:relative; z-index: 10;}
#flashBox	{ height: 394px; width: 950px; position: relative;}
#clocks		{ position: absolute; top: 7px; right: 0px;}
#menu		{ position: absolute; top: 416px; z-index: 10;}
#leftBox	{ width: 287px; float: left; margin-top: 1px; z-index: -1;}
#content	{ width: 665px; float: left;}
#header		{ position: absolute; top: 105px; left: 0px; width:950px; height:290px;}
#logo		{ position: absolute; top: 12px; left: 20px;}

#galleri	{position:absolute; right:0px; width:323px; height:275px;}


/*---[.VARIE.]----------------------------------------------------------------------------------------------------*/

ul.linkOperatori { list-style-position:inside; margin-left:20px;}
ul.linkOperatori li { padding-top: 10px;}
ul.linkOperatori h2 {margin-left: -30px;}
ul.linkOperatori li p {margin: 0px;}

table.newsAbstract	{ margin: 10px 0px 0px 40px;}
table.newsAbstract p	{ margin: 0px 0px 0px 0px;}
table.newsAbstract h3	{ font-size:11px; margin: -3px 0px 3px 0px;}
table.newsAbstract h3 a	{ font-size:11px; color: #666;}
table.newsAbstract p.data{ font-size:9px; color: #393; margin:0px 0px 0px 0px;}

.titolo {margin: 23px 0px 0px 28px;}
table.img	{margin: 15px 0px 0px 28px;}
table.thumb	{float: right; margin: 0px 33px 0px 10px;}
div.icoImg	{float: left; margin: 8px 10px 0px 0px; padding-left: 49px;}
div.ico		{float:left; margin: 5px 0px 0px 0px; width: 500px;}
div.ico p	{margin: 10px 0px 0px 0px; pading: 0px;}
.dettagli {text-align:right; font-size:9px; margin-right:12px; margin-top: 4px;}

div.gallery			{ margin: 8px 0px 0px 0px; float:left; display:inline;}
div.gallery p		{ margin: 0px 0px 0px 0px;}
div.gallery h3		{ font-size:11px; margin: -3px 0px 3px 0px;}
div.gallery h3 a	{ font-size:11px; color: #666;}
div.gallery p.data	{ font-size:9px; color: #393; margin:0px 0px 0px 0px;}

#leftBox table.img	{ margin: 20px 0px 0px 30px;}
.foto	{ border-bottom: 5px solid #E5E5E5; padding-bottom: 20px; background: url(../img/bgFoto.gif) no-repeat right top;}

/*---[.TESTO.]----------------------------------------------------------------------------------------------------*/

body {	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #666; font-size: 11px;}

h1 { font-size: 14px; font-weight:bold; color: #333;}
h2, h3, h4 { font-size: 12px; font-weight:bold;}
h2 { color: #393; margin: 20px 0px -5px 49px;}
h3 { color: #333; margin: 20px 0px -5px 49px;}
h4 { font-size: 11px; color: #333; margin: 0px 0px 0px 0px;}
h5 { font-size: 11px; color:#CC0000; margin: 10px 0px -5px 49px;}


a, a:link, a:visited	{ color: #393; text-decoration: underline;}
a:hover, a:active		{ color: #3C3;}

p	{ margin: 10px 25px 0px 49px; line-height: 16px;}

#content ul	{ margin: 10px 25px 0px 69px; list-style-position:outside;}
#content li	{ margin-top: 4px;}

#content ol	{ margin: 10px 25px 0px 69px; list-style-position:outside;}


/*---[.BARRA LEFT.]----------------------------------------------------------------------------------------------------*/

#sottomenu {
	width: 287px;
	font-weight:bold;
	border-bottom: 5px solid #E5E5E5;
        }
#sottomenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#sottomenu li a {
          height: 34px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 22px;
          text-decoration: none;
        }
#sottomenu li a:link, #sottomenu li a:visited {
        color: #B4B4B2;
        display: block;
        background: url(../img/bgSottomenu.jpg);
        padding: 12px 0 0 40px;
        }

#sottomenu li a:hover, #sottomenu li #current {
        color: #5F5F5F;
        background: url(../img/bgSottomenu.jpg) 0 -34px;
        padding: 12px 0 0 40px;
        }
#sottomenu li.first a {
          height: 46px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
          text-decoration: none;
        }
#sottomenu li.first a:link, #sottomenu li.first a:visited {
        color: #B4B4B2;
        display: block;
        background: url(../img/bgSottomenuFirst.jpg);
        padding: 22px 0 0 40px;
        }
#sottomenu li.first a:hover, #sottomenu li.first #current {
        color: #5F5F5F;
        display: block;
        background: url(../img/bgSottomenuFirst.jpg) 0 -46px;;
        padding: 22px 0 0 40px;
        }
		
#lingua {
	background: url(../img/bgLingua.gif) no-repeat left top;
	height: 52px;
	width: 287px;
	position:relative;
}

#lingua ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 164px;
	top: 20px; 
}
#lingua li { margin-right: 20px; display:inline;}


#areaRiservata {background: url(../img/bgAreaRiservata.gif) no-repeat left top; height: 109px;	width: 287px; position:relative;}
#areaRiservata form {margin:0;padding:0px;position: absolute;left: 40px;top: 40px; }
#areaRiservata form input.accedi	{position:absolute; right: 0px; top: 40px;}
#areaRiservata form.reg {margin:0;padding:0px;position: absolute;left: 39px;top: 80px; }
#areaRiservata form.rec {margin:0;padding:0px;position: absolute;left: 102px;top: 75px; }
#areaRiservata form label.preField {color:#8E8E8E;  width: 50px; font-size:9px; display:block; float:left; 	height: 16px; padding-top:3px;}
input.string {background-color: #E7E7E7;height: 15px; width: 165px; line-height: 15px; border: none; float:left; font-size:9px;}


#newsletter {background: url(../img/bgNewsletter.gif) no-repeat left top; height: 123px;	width: 287px; position:relative;}
#newsletter form {margin:0;	padding:0px;position: absolute;left: 40px;top: 40px; }
#newsletter form label.preField {color:#8E8E8E;  width: 50px; font-size:9px; display:block; float:left; height: 16px; padding-top:3px;}


#banner {background: url(../img/bgBanner.gif) no-repeat right top; height: 134px; width: 287px; voice-family: "\"}\"";
          voice-family: inherit;  padding-top:16px; padding-left:14px; width: 273px;}
		  
#banner a{ border:1px #333 solid; margin-left: 8px; display:-moz-inline-box; display: inline-block; }


/*---[.MENU.]--------------------------------------------------------------------------------------------------*/

#footer { border-top: 5px solid #E5E5E5; width:950px; margin-top:20px; color:#666666; font-size: 9px; padding-bottom: 40px;}
.qlinks { margin-left: 30px; margin-top: 10px; }
.credts { float:right; margin-right:10px;}
.qlinks a, .qlinks a:link, .qlinks a:visited { text-decoration:none; color:#666666;}
.credts em, .credts em a, .credts em a:link, .credts em a:visited, { text-decoration:none; font-style:normal;color: #666666;}
.credts em a:hover, .credts em a:active, .qlinks a:hover, .qlinks a:active{ text-decoration:underline; color:#333; }


#box1 {}
#box1 p.data, #box2 p.data, #pre-footer p.data{ font-size:10px; color: #393; margin:5px 8px 0 8px;}
#box1, #box2 {width:289px; float:left; margin-top: 23px; padding-left:28px;}
#box1 p, #box2 p, #pre-footer p { margin:0px 8px;;}
#box1 .dettagli, #box2 .dettagli, #pre-footer .dettagli {text-align:right; font-size:9px; margin-right:12px;}

#pre-footer { border-top: 5px solid #E5E5E5; width:950px; margin-top:20px; height:275px; margin-bottom:-20px; position:relative;}
#pre-footer .titolo {width:592px;}




#box1 .dettagli, #box2 .dettagli{text-align:right; font-size:9px; margin-right:12px;}		
.clearer	{clear:right; text-align: right; padding: 5px 20px 0px 0px;}
.clearer2	{clear:right; text-align: right; padding: 5px 10px 0px 0px;}

		
.cLeft	{clear:left;}
.cRight	{clear:right;}
.cBoth	{clear:both;}

.aRight	{text-align:right;}

.abstract { margin: 3px 0px -5px 49px;}

/* lightbox   -   CSS Document */
#lightbox {
 position: absolute;
 top: 40px;
 left: 0;
 width: 100%;
 z-index: 9999;
 text-align: center;
 line-height: 0;
 }

#lightbox a img { border: none; }

#outerImageContainer {
 position: relative;
 background-color: #fff;
 width: 250px;
 height: 250px;
 margin: 0 auto;
 }

#imageContainer {
 padding: 10px;
 }

#lightboxLoading {
 position: absolute;
 top: 40%;
 left: 0%;
 height: 25%;
 width: 100%;
 text-align: center;
 line-height: 0;
 }
 
#hoverNav {
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
 z-index: 10;
 }
 
#imageContainer>#hoverNav { left: 0; }

#hoverNav a { outline: none; }

#prevLink, #nextLink {
 width: 49%;
 height: 100%;
 display: block;
 }
 
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }

#imageDataContainer {
 font: 10px Verdana, Helvetica, sans-serif;
 background-color: #fff;
 margin: 0 auto;
 line-height: 1.4em;
 }

#imageData {
 padding:0 10px;
 }
 
#imageData #imageDetails { width: 70%; float: left; text-align: left; } 
#imageData #caption { font-weight: bold; }
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; }   
#imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; } 
  
#overlay {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 90;
 width: 100%;
 height: 500px;
 background-color: #000;
 filter: alpha(opacity=60);
 -moz-opacity: 0.6;
 opacity: 0.6;
 }
 

.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }

* html>body .clearfix {
 display: inline-block; 
 width: 100%;
 }

* html .clearfix {
 /* Hides from IE-mac \*/
 height: 1%;
 /* End hide from IE-mac */
 }
#contatti {width:600px; padding-left: 30px; margin-top: 20px;}
#contatti tr{ line-height: 20px;}
#contatti form {}
#contatti input {background-color: #E7E7E7;height: 15px; width: 165px; line-height: 15px; border: none; float:left;   font-family:Tahoma, Verdana, Arial; font-size:11px;}
#contatti textarea{background-color: #E7E7E7; width:270px; border: none; float:left; height:220px; overflow:hidden; font-family:Tahoma, Verdana, Arial; font-size:11px;}
#contatti input.btn { width:55px; height:11px;}


p.newsRed {color:#FF0000;}