html,body,table{
	margin:			auto;
	background:		#F9D088;
	color:			#3D6395;
	text-align:		center;
	font-size:		10pt;
	font-weight:	600;
	font-family:	Verdana, Georgia;
}

A:{
	text-decoration:none;
	color:			red;
}
A:hover,A:active{
	text-decoration:underline;
}

img{
	border:			0;
	vertical-align:	middle;
}

ul li{
	list-style:		url(img/sqr.gif);
	vertical-align: middle;
	line-height:	25px;
}

input, select, textarea{
	background:		#ffff99;
	border:			1px red solid;
}

#tariffe{
	background:		url(img/backpalm.png) no-repeat center;
}

#tariffe td{
	padding: 10px 0;
}

#index{
	width:			500px;
	height:			570px;
	margin:			auto;
	margin-top:		50px;
	background:		url(img/index.png) no-repeat top center;
}

#indexlang{
	padding:		300px 0 0 350px;
}

#menu{
	margin:			auto;
	margin-top:		25px;
	height:			40px;
	width:			950px;
	background:		transparent url(img/menucx.gif) repeat-x top left;
	overflow:		hidden;
}
#menu A:,A:hover,A:active{
	color:			#008080;
	text-decoration:none;
}


#lang{
	letter-spacing:	5pt;
	width:			200px;
	margin:			auto;
	margin-top:		-15px;
}



.RO1{
	margin-top:		-75px;
}
.RO2{
	margin-top:		0px;
}





#footer{
	text-align:right;
	width:700px;
	height: 50px;
	background: url(img/foot.png) no-repeat center bottom;
	font-size: 8pt;
	margin:auto;
	padding-top:50px;
	clear:both;
}


#corpo{
	margin:auto;
	width: 730px;
	padding-top: 25px;
}

li.rgt {list-style-image: url(img/rgt.gif);}
li.lft {list-style-image: url(img/lft.gif);}



#lctt{
	width:730px;
	text-align:center;
	margin-bottom:50px;
}

.left{
	float:left;
*	margin-left: -3px;
}
.right{
	float:	right;
*	margin-right: -3px;
}

.td2{
	color:				#F9D088;
	background:			#3D6395;
	border:				1px solid red;
}











/*LA LISTA*/

/* tutto su riga singola */
#navigation ul{
	float: left;
	display: inline;
	list-style: none;
	padding: 1px;
	margin-top: -4px;
	text-align: center;
	height: 100px;
	width:800px;
	background: transparent;
}





/*PRIMO LIVELLO*/

/*gli elementi della lista,*/
#navigation ul li{
	float: left;
	display: inline;
	padding: 0 1px;
	margin: 0 2px;
}

/*espando i link interni agli elementi della lista*/
#navigation ul li a{
	position: relative;
	display: block;
	width: 100%;
	height:100%;
	margin: 0;
	text-decoration: none;
	color: #fff;
}

/* I LINK*/


/*SECONDO LIVELLO*/

/*vado a posizionare sulla stessa linea anche gli elementi delle sottoliste*/
/*e IMPORTANTE: nascondo le sottoliste, associate ai diversi item di primo livello*/

#navigation ul li ul{
	display: none;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 150px;
	left: 300px;
	border: none;
	line-height: 0.7em;
}


/*proprieta' degli elementi delle sottoliste*/

#navigation ul li ul li{
	
	float: left;
	/*display: inline;*/
	margin: 0;
}

#navigation ul li ul li img{
	margin: 0;
	padding: 3px;
	border: 1px solid #777;
	background: #ccc;
}

/* Fix per IE, ripreso da suckerfish dropdown.  dichiaro altezza - minima(le) - degli elementi*/
* html #navigation ul{padding: 0; margin: 0;}
* html #navigation ul li { float: left; height: 1%; width: 50px;}
/* End */


/*mostro le sottoliste al passaggio del mouse sul relativo elemento di primo livello*/
#navigation ul li:hover ul, #navigation ul li.over ul{
	display: block;
	z-index: 1;
}		


/*mostro il sottolivello dell'item di primo livello attivo*/
#navigation ul li.active ul{
	display: block;
/*mi serve assieme allo z-index 1 sopra per far nascondere la lista anche da una lista vuota*/
	z-index: 0;
}


/*classi x scroll laterale*/


#scroll {
	font: 8pt Verdana,Arial;
	color:#660000; padding:3px;
	position:absolute;
	top:5px;
	left:5px;
	width:180;
	margin:0;
}
#clip {
	margin:0;
	background: url(img/backvideos.jpg) repeat-y center;
	position:absolute;
	top:30px;
	left:0px;
	width:180px;
	height:700px;
	clip:rect(0 200 405 0);
	padding:5px;
}