/* CSS Document */


/*-----------STRUTTURA BASE---------------*/
html{
	width:100%;
	height:100%;	
}

body {
	background-image: url(../images/background/sfondo-body-1px.gif);
	background-position:center top;
	background-repeat:repeat-y;
	font-family: sans-serif;
	color: #033;
	margin:0;
	width:100%;
	height:100%;
}

div#container {
	width:756px;
	/*necessario per mac ie\*/
	overflow:auto;   /*necessario per FF per ottenere l'effetto di height:100%*/
	margin:auto;
	border-right:0px solid #036;
	border-left:0px solid #036;
	border-bottom:0px solid;
	background:#fff;
	background-image: url(../images/sfondo_generico_onda.png);
	background-repeat:no-repeat;
	background-position: 0% 110px;
	
	
	
}

#header {
	width:756px;
	height:125px;
	border:0px solid;
	margin-top:0;
	padding:0;
}

#leftbar{
	float:left;
	width:190px;
	height:495px;
	border:0px dashed;
	margin-top:57px; /*per allinearlo al di sotto di h1*/
	background:#fff;
	background-image: url(../images/left_menu_4.png);
}

#content {
	float:right;
	width:560px;
	height:auto;
	background:#fff;
	border:0px solid;
}

#languages{
	float:right;
	border:0px solid;
	margin:7px 2px;
	padding:0;
}

#footer {
	float:left;
	width:756px;
	height:auto;
	border:0px solid;
	background:#fff;
	background-image: url(../images/sfondo_generico_onda_footer.png);
	background-repeat:no-repeat;
	background-position: 100% 20%;
}

#contatti {		/*sulla barra di navigazione*/
	/*position:relative;*/
	
	width:130px;
	height:auto;
	background-color:#FFFF66;
	margin-left:22px;
	padding:0;
	border:1px solid #666666;

}

#contatti p{
	margin:0;
	padding:3px;
	font-size:11px;
}

/*-----------------FORMATTAZIONE-------------------*/

h1 {
	margin:10px 15px 10px 15px;
}

h2{
	text-align:left;
	margin:-5px 0 0 15px;
	font-size:small;
}

h3{
	text-align:center;
	margin-bottom:-15px;
}

p{
	margin:18px;
	font-size:0.8em;
}

span.claim{
	margin:0 4px;
	font-style:italic;
	
}

.claim:first-letter{
	font-size:1.7em;
}

.center{
	display:block;
	width:420px;
	text-align:center
}

.valign{	/*Per allineare l'img link al testo. Funziona con tutti tranne ie mac\*/
	vertical-align:bottom;
	line-height:2.3em;
	float:left;
	margin-left:7px
	
}/**/

.error_message{
	display:inline;
	padding:3px 2px;
	margin: 25px 18px;
	border:2px solid #cc9;
	background-color:#FFFF99;
}

#footer p{
	font-size:small;
	padding-top:10px
}


#languages a{background:none; color:#FFFFFF}

 a:link {
	text-decoration:none;
	background: #FFFF99;
	color: #033;
	font-weight:bold;
}

 a:visited {
	text-decoration:none;
	background: #FFFF99;
	color:#033;
	font-weight:bold;
}
 a:hover{
 	text-decoration:none;
	background: #FFFF99;
	color:#363;
	font-weight:bold;

}

 a:active {
	text-decoration:none;
	background: #FFFF99;	
	color:#033;
	font-weight:normal;
}







#leftbar a:link {
	text-decoration:none;
	background:none;
	color:#033;
	font-weight:normal;
}

#leftbar a:visited {
	text-decoration:none;
	background:none;
	color:#033;
	font-weight:normal;
}
#leftbar a:hover{
	background:none;
	color:#363;
	font-weight:normal;

}

#leftbar a:active {
	text-decoration:none;
	background:none;
	color:#033;
	font-weight:normal;
}

table{			/*Tariffe*/
	margin:auto;
	border-collapse:collapse;
	border:2px solid #cc9;
	font-size:0.9em;
}

.intestazione{
	padding:10px;
	background-color:#ff9;
	word-spacing:0;	
}


td.prezzi{
	text-align:center;
	
}

.corpo{
	background-color:#ffc;
}

/*---------------IMMAGINI----------------------------*/
p img{	/*immagini dentro i paragrafi di content*/
	float:right;
	margin:5px;
}

a img{
	border:none;
}

#languages img {
	margin:0 5px 0 5px;
}

.link{
	float:left;
	vertical-align:bottom;
}

#shiny{
	float:right;
}

/*---------------HEADER--------------------*/

#logo{
	/*width:756px;*/
	margin:auto;
	position:absolute;
	top:5px;
	left:auto;
	margin-left:7px;
}




/*---------------LEFTBAR LISTS-----------------------*/
ul, ol
{
	text-align:left;
	margin-right:7px;
	list-style:none;
}

ol {
	position:relative;
	left:-15px;
	width:130px;	/*diminuisce la larghezza della OL e dei bordi bottom dei vai LI di OL rientrando nello sfondo*/
	height:auto;
	margin-top:25px; /*allinea il primo link di OL -HOME- allo sfondo in IE e FF*/
	font-size:0.9em;
	list-style:none/*url(../images/bottoni/bottone-rotondo-blu.gif)*/
}

ol li {
	margin-top:2px; 		/*margini tra tutti i LI*/
		/*background:url(../images/bottoni/bottone-rotondo-blu.gif)  left no-repeat; text-indent:15px;*/

}

ul li{
	/*border-left:1px solid;*//*Valido solo per le liste secondarie*/
	font-size:small;
	margin-top:-1px;/*margini tra le LI di UL - figlie di OL*/

}

.parent{				/*stile applicato ai LI della lista parent (OL)*/
	margin-top:7px;
	border-bottom:1px solid;
	font-weight:bold;
}

.sotto_lista{
	/*necessaria solo per IE regola il margin-top delle liste children (UL)*/
	margin-top:4px;
	margin-left:5px;
	font-size:0.9em;
}

li.sotto_lista ul li a{		/*settaggi per la presentazione dei link nel menu leftbar*/
	/*border-left:1px solid #033;
	margin-bottom:2px;*/
}

#leftbar a {		/*effetto "rollover" per link menu leftbar*/
	/*border-right: 1px solid #00c;*/
		font-weight:normal;

}

#moreinfo {margin:-101px 0 0 0 ;font-size:x-small;border:0;}

ul li a{display:block; background:url(../images/bottoni/bottone-rotondo-blu.gif) top left no-repeat; text-indent:15px}

ul li a:link{ background:url(../images/bottoni/bottone-rotondo-blu.gif) top left no-repeat;}

ul li a:visited{}

ul li a:hover{}

/*---------------------HR----------------------*/



hr {
	width:80%;
	background-image: url(../images/body_bg.png);
	
}

/*-----------------------CONTENT------------------------*/

/*--design--*/
/*barre spaziatrici per paragrafo*/

.bar{
	width:500px;
	padding-left:7px;
	background-image: url(../images/barra_500.png);
	background-repeat:no-repeat;
	/*border:8px solid #cff;*/
	padding-top:30px;
	word-spacing: 0.3em;
	line-height:1.2em;
	
}

.bar_center{		/*lo stesso di bar (img,HR), centra il testo*/
	width:500px;
	padding-left:7px;
	background-image: url(../images/barra_500.png);
	background-repeat:no-repeat;
	/*border:8px solid #cff;*/
	padding-top:30px;
	word-spacing: 0.3em;
	text-align:center;
}

#info{
	position:absolute;width:auto;height:100px;border:0; margin:0;padding:0
	 } 
	 
	 
/*-----------------------FORM------------------------*/

input, textarea, select{
	border:2px solid #cc9;
}