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


body {
 background-color:#fff;
 padding:0;
 margin:0;
 font-family: "Times New Roman", Times, serif; 
  font-weight:lighter;
 line-height: 22px;
 font-size: 12px;
 text-align:justify;
}

.footer, .footer a {

	width : 99%;
	text-align : center;
	bottom:0;
	color: #D8D6CD;
	font-size: 11px;
	text-decoration:none;
}

.footer_extra{
	width : 100%;
	text-align : center;
	bottom:0;
	color: #333333;
	font-size: 12px;
	margin-top:10px;
	text-decoration:none;
		border-top-color: #CCCCCC;
	border-top-width: 1px;
	border-top-style: solid;
}

.border_footer {

}

.clearfloat { /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}


.footer a:hover
{ text-decoration:underline; color:#999999;}
.title { display: block;

		  border-bottom: #999999 1px solid;
		  font-size: 1.9em;
		  padding: 20px 21px;
		  }
.title_small { display: block;

		  border-bottom: #999999 1px solid;
		  font-size: 1.6em;
		  padding: 10px 10px;
		  }
.ric_link { 
	
	text-align:center;

 }
.ric_link a:link{ 
	width:100%;
	text-align:center;
	text-decoration:none;
	color:#000000;
 }
 
 .ric_link a:visited{ 
	width:100%;
	text-align:center;
	text-decoration:none;
	color:#000000;
 }

.ric_link a:hover{
	background-color: #FFD0D0;
	text-decoration:none;
	padding:0 50px 0 50px;
	color:#000000;
 }
 

.header { 
	background:url(../images/barra.png) no-repeat top right !important; 
	background:url(../images/barra.gif) no-repeat top right; 
	height: 99px; 
	width: 940px; 
	position:absolute; 
	z-index:10; 
}

#text_over {
	top: 20px;
	left: 180px;
	height: 99px;
	width: 300px;
	position:absolute;
	z-index:2000;
	font-size: 15px;
	color: #FFFFFF;
}

.header a img {float:left; border:none; text-align:left; margin: 15px 0 0 20px }

#logo{
	width:150px; 
	height:99px; 
	float:left;
}

#container{
	position:absolute;
	top: 25%;
	left: 50%;
	width:940px;
	height:580px;
/*	border:#333333 1px solid; */
	margin-top: -130px; /*set to a negative number 1/2 of your height*/
	margin-left: -470px; /*set to a negative number 1/2 of your width*/
}
/* MENU */

	#nav {
		margin: 0 ;
		padding: 0;
		padding-left: 320px;
		width: 330px;
		float:right;
		z-index:12;
	}

	#nav li.on ul, #nav li.off ul {
	}

	#nav a {
		text-decoration: none;
	}

	#nav li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
		width: 80px;
		text-align:center;
	}
   
   
	#nav li ul li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
		padding-left:0;
	}

	#nav li ul {
		display: none;
	}

	#nav li.off ul, #nav li.on ul { /*put the subnav below*/
		position: absolute;
		height: 25px;
		text-align:center;
		padding:0;
		margin:0;
	}
	
	#nav li.on ul { /*put the subnav below*/
		position: absolute;
		height: 25px;
		text-align:center;		
	}

	#nav li a {
		color: #3E2027;
		font-size:12px;
		display: block;
		padding-top: 11px;
		height: 30px;
	}



	#nav ul li ul li a{
		color: #3E2027;
		font-size:12px;
		display: block;
		height: 10px;
		
	}
	

	#nav li.on a {
		color: #fff;
		padding-top: 25px;
		/*margin-left: -35px;*/
		display:block;
	}

	#nav li.on li a {
		color: #fff;
		padding: 5px;
		display:block;
	}



	#nav li.on ul li a, #nav li.off ul li a {
		float: left; /*ie doesn't inherit the float*/
		color: #3E2027;
		text-align:left;
		padding-left: 15px;
	}


	#nav li.on ul li a:hover, #nav li.off ul li a:hover {
		color: #fff;
	}


	#nav li.on ul {
		display: block;
	}

	#nav li.off:hover ul {
		
	}

	#nav li.off a:hover, #nav li:hover a, #nav li li:hover a {
		color: #fff;	
	}
	
	#nav .okSelect{
	}

.select { 
	background: url(../images/tab_over.png) no-repeat 0 0 !important; 
	background: url(../images/tab_over.gif) no-repeat 0 0;
 	height: 65px; 
 	text-align:center;
}

.tab a:hover{ 
	background: url(../images/tab.png) no-repeat center !important;  
	background: url(../images/tab.gif) no-repeat center; 
	text-align:center;
	
}

.selectsub {
	color:#FFFFFF;
	background-image: url(../images/dot.png);
	background-repeat: no-repeat;
	background-position: 4px 15px;
}

/* MENU LOCATIONS */

   /* Definisce lo stile di ogni singolo layer nelle sue parti più spicciole */
   div.menuLoc {
      background: #ffffff;
	  width:450px;
	  height:130px;
	  margin:10px;
	  float:left;
	  line-height:normal;
   }
   
   /* Definisce lo stile dei link al caricamento */
   a.menuLoc {
      background: #ffffff;
      color: #000000;
      padding: 1px;
      /* Permette di ottenere l'effetto anche se il mouse non è sul testo */
      position: Relative;
      text-decoration: None;
      /* Imposta il contenuto del layer per la larghezza del layer stesso */
      display: Block;
	  height:130px;
   }
   /* Definisce lo stile dei link al passaggio del mouse (modificati solo i colori) */
   a:hover.menuLoc {
      background: #EEEEEE;
      color: #000000;
      padding: 1px;
      position: Relative;
      text-decoration: None;
      display: Block;
	  height:130px;
   }