/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #01947C;
	font-size: 0.75em;
	color: #000;
	text-align: center;
	margin: 0;
}

.clear {
	clear: both;
}

a {
	color: #01947C;
	text-decoration: underline;
}

a:hover {
	color: #01947C;
	text-decoration: none;
}

img {
	border: 0;
}

h1 {
	color: #01947C;
	font-size: 1.4em;
	font-weight: bold;
	margin: 0;
	padding:0;
}

h2 {
	font-size: 1.4em;
	font-weight: normal;
	margin: 5px 0;
	padding:0;

}

.acqua {
	color: #01947C;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding:0;
}

/*----------------------------------------------------------LAYOUT------------------------*/
#layout{
	width: 788px;
	margin: 0 auto;
	text-align: left;
}

#total {
	width: 818px;
	height: 913px;
	position: absolute;
}

/*----------------------------------------------------------IMMAGINE DI BACKGROUNG--------*/
#total #image_background {
	position: absolute;
	z-index: 3;
}


/*----------------------------------------------------------ETICHETTE PULSANTI------------*/
#chi_siamo,
#profilo,
#sede,
#contatti,
#area_riservata {
	position: absolute;
	z-index: 20;
	text-align: right;
	display: none;
}

#chi_siamo{
	left: 200px;
	top: 130px;
	width: 73px;
	height: 16px;
}

#profilo {
	left: 305px;
	top: 150px;
	width: 63px;
	height: 22px;
}

#sede {
	left: 450px;
	top: 220px;
	width: 43px;
	height: 18px;
}

#contatti {
	left: 505px;
	top: 315px;
	width: 70px;
	height: 19px;
}

#area_riservata {
	left: 520px;
	top: 430px;
	width: 110px;
	height: 20px;
}

/*----------------------------------------------------------HOVER DEI PULSANTI------------*/
#chi_siamo_hover,
#profilo_hover,
#sede_hover,
#contatti_hover,
#area_riservata_hover {
	position: absolute;
	width: 55px;
	height: 55px;
}

#chi_siamo_hover {
	z-index: 1;
	left: 206px;
	top: 67px;
}

#profilo_hover {
	z-index: 1;
	left: 371px;
	top: 116px;
}

#sede_hover {
	z-index: 1;
	left: 497px;
	top: 200px;
}

#contatti_hover {
	z-index: 1;
	left: 578px;
	top: 308px;
}

#area_riservata_hover {
	z-index: 1;
	left: 622px;
	top: 437px;
}


/*----------------------------------------------------------CONTENT-----------------------*/
#total #content {
	position: absolute;
	z-index: 5;
	left: 35px;
	top: 175px;
}

#content #image_content {
	position: absolute;
	z-index: 5;
	width: 365px;
	height: 170px;
}

#content #image_content img.img_pre_testo {
	float: left;
	margin-right: 10px;
}

#content #text_content {
	position: absolute;
	z-index: 5;
	top: 190px;
	left: 40px;
	width: 435px;
	height: 483px;
	text-align: justify;
	line-height: 1.5em;
}

#content #text_content ul {
	padding-left: 25px;
}

#content #text_content ul li {
	padding: 5px 0;
}

/*----------------------------------------------------------FOOTER------------------------*/
#content #footer {
	border-top: 1px solid #01947C;
	line-height: 1.6em;
	padding: 5px 10px 20px 10px;
	position: absolute;
	top: 675px;
	width: 600px;
	z-index: 6;
}


/*----------------------------------------------------------CONTATTI----------------------*/

#page_contatti #total #flash_contatti {
	position: absolute;
	left: 608px;
	width: 180px;
	height: 290px;
	z-index: 10;
}


#page_home #total #flash_contatti,
#page_profilo #total #flash_contatti,
#page_sede #total #flash_contatti,
#page_area_riservata #total #flash_contatti {
	position: absolute;
	left: 608px;
	width: 180px;
	height: 290px;
	z-index: 10;
}

/*----------------------------------------------------------CONTENUTI DELLE PAGINE--------*/

/*----------------------------------------------------------AREA RISERVATA----------------*/

#text_content #entra {
	margin: 30px 0;
}

#text_content #div_username,
#text_content #div_password {
	margin-bottom: 15px;
}

#text_content #div_submit {
	margin: 20px 0 0 110px;
}

#text_content input.username,
#text_content input.password {
	padding: 3px 5px;
}

#text_content #title_download {
	margin: 60px 0 5px 0;
}

#text_content #title_ftp {
	margin: 30px 0 5px 0;
}

#text_content #download,
#text_content #link_ftp {
	margin: 0 0 0 75px;
}

/*-------------------------------------------------------------------INDEX----------------*/
/*-------------------------------------------------SCROLL TESTO PER NEWS------*/
#news {
	width: 410px;
	margin-top: 15px;
}

.frame {
	float: left;
	width: 348px;
	height: 120px;
	/*border: 0;*/
	border: 1px solid #01947C;
	overflow: hidden;
	margin: 5px 0;
	padding: 5px;
	text-align: justify;
}

#pulsanti_scroll {
	float: left;
	margin: 15px 0 0 10px;
}

#scroll_up,
#scroll_down {
	/*padding: 5px;*/
	width: 40px;
	height: 50px;
	text-align: center;
	margin: 5px 0;
	cursor: pointer;
}