/* CSS Document */

*{margin:0; padding:0; }

body {
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #003366;
	line-height:15px;
	background-image:url(../img/fondo.jpg);
	background-repeat:repeat-x;
	background-color:#005274;
}

a:link {color: #336699; /*font-style:none;*/}   
a:visited {color: #336699;} 
a:hover {color: #CC0000;}   
a:active {color: #336699;}   

h1, h2{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 19px;
	color:#336699;
	margin-top:0px;
	margin-bottom:10px;
}

h2 {
	color:#cc0000;
	/*margin-top:0px;*/
}
	

ul{
	margin:0px 0px 0px 20px;
	padding:0px;
}

/*-----------------*/

#contenitore {
	width:856px;
	margin: 0px auto;	
	}

#head {
	position:relative;
	width:840px;
	height: 387px;
	padding: 8px 8px 0px 8px;
	margin-top:20px;
	background-image:url(../img/fondo_head.gif);
	background-repeat:no-repeat;
	}
.box_logo {
	position:absolute;
	left: 42px;
	top: 25px;
	z-index:10;
	}
	
#box_swf {
	position:absolute;
	width:517px;
	height:372px;
	background-image:url(../img/fondo_swf.png);
	background-repeat:no-repeat;
	padding:16px 0px 0px 17px;
	left:331px;
	top:-23px;
	z-index:1;
	}
#flashcontent {
	float:left;
	background-color:#E8E8E8;
	width:500px;
	height:352px;	/*margin-top:17px;*/
	}
	
/*menu-------------------*/	
#menu{
	float:left;
	width:233px;
	padding: 0px 0px 0px 37px;
	margin:90px 0px 0px 0px;
	text-align:right;
	}
	#menu ul {
		margin:0px 0px 0px 0px;
		padding:0px;
		width:auto;
		}
		#menu ul li {
		list-style-type:none;
		border-bottom: 1px solid #eaeaea;
		line-height:24px;
		}
		#menu ul li a {
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color: #336699;
		text-decoration:none;display:block;
		background:url(../img/indica_menu.gif) left no-repeat;
		}
		#menu ul li a:link {
		text-decoration:none;
		
		}
		#menu ul li a:visited {
		text-decoration:none;
		}
		#menu ul li a:hover {
		text-decoration:none;
		color:#CC0000;
		padding-right:2px;
		background:url(../img/indica_menu_2.gif) left no-repeat;
		}
		#menu ul li a:active {
		text-decoration:none;
		}
/*fine menu-------------------*/				


/*corpo-------------------*/

#centrale {
	width:840px;
	margin: 0px 8px 0px 8px;
	padding-bottom:40px;
	background:url(../img/fondo_centrale.jpg) bottom repeat-x;
	background-color:#FFFFFF;
	text-align:left;
	}
	#centrale_sx{
	float:left;
	text-align:justify;
	width:353px;
	padding: 25px 35px 0px 37px;
	}
	#centrale_dx{
	float:right;
	width:355px;
	padding: 25px 20px 0px 40px;
	background:url(../img/ombra_verticale.gif) left no-repeat;
	}
	.descrizione{
	float:left;
	color: #666666;
	font-size:11px;
	padding: 0px 0px 0px 7px;
	border:none;
	}
	#galleria_dx{
	float:right;
	width:370px;
	padding: 25px 20px 0px 24px;
	background:url(../img/ombra_verticale.gif) left no-repeat;
	}
	#friends{
	text-align:justify;
	width:771px;
	padding: 25px 39px 0px 40px;
	}


/*footer---------------------------------*/

#footer {
	width:840px;
	height: 52px;
	margin: 0px 8px 0px 8px;
	background:url(../img/fondo_footer.gif) top no-repeat;
	background-color:#FFFFFF;
	}
	#footer p {
	color: #999999;
	font-size:11px;
	text-align:left;
	padding:10px 0px 0px 37px;
	line-height:16px;;
	}
	#footer p a {
	text-decoration:underline;
	color: #999999}
	#footer p a:hover {
	text-decoration:underline;
	color:#336699;}
#firma {
	width:803px;
	height: 25px;
	margin: 3px 8px 10px 8px;
	padding-left:37px;
	font-size:11px;
	text-align:left;
	}
	#firma a {
	color:#83B3C7;
	text-decoration:none
	}
	#firma a:hover {
	text-decoration:underline;
	color:#fff;
	}


.icona_fotocamera{
	padding: 10px 0px 0px 0px
	}
.img_gallery{
	padding:0px 6px 7px 6px;
	margin-bottom:5px;
	border:none;
	background: url(../img/ombra_gallery.gif) bottom;
	background-repeat:no-repeat
	}
.indica_tit{
	float:left; margin-top:5px
	}

/*********************************** forms *****************************************/
form { padding: 0px 10px 0px 17px; }

label { font-weight: bold; }

input, textarea, select {
	width:200px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
  	border:1px solid #705c7c;
  	padding:5px;
  	background:url(../img/inputBg.gif) top left no-repeat;
  	margin: 15px 0px 0px 17px;}

input.submit {
width:70px;
margin-left:5px;
padding:4px;
}
input.submit:hover {
  cursor: pointer;
}

input.checkbox {
  width:15px;
  background:none;
  border:0;
}

input.radio_button {
  width:15px;
  background:none;
  border:0;
}

input.small, select.small {
  width:50px;
}

input.large, select.large {
  width:200px;
}

input.extra_large, select.extra_large {
  width:300px;
}

input:hover, textarea:hover, select:hover {
  border:1px solid #888888;
}

input:active, textarea:active, select:active {
  border:1px solid #888888;
}

/*textarea {
  width:200px;
  height: 200px;
}*/

textarea.deep {
  height:350px;
}

textarea.shallow {
  height:50px;
}

fieldset {
  background:#f7f7f7;
  padding:2%;
  border:1px solid #e3e3e3;
  margin:0;
}

legend {
  font-weight:bold;
  font-size: 120%; 
  letter-spacing: -1px;
  color:#666666;
}
/********************************* LiveValidation *************************************/

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
	color:#CC0000; 
}
	
.LV_validation_message{
    font-weight:bold;
    margin:0px 0px 0px 0px;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
    border: 1px solid #CC0000;
}