/* ------------------------ STRUTTURA ------------------------ */

body {
	position:relative;
	text-align:center;
	margin:0;
	padding:0;
	font-family:Arial;
	font-size:9pt;
	color:#342f1c;
	background:url(/images/sf_pagina.gif) center repeat-y;
}

#wrapper {
	position:relative;
	width:950px;
	margin:0 auto;
	padding:0;
	text-align:left;
}

/* ------------------------ SIDEBAR ------------------------ */

#sidebar {
	position:relative;
	width:259px;
	float:left;
}
h1#logo a {
	display:block;
	width:253px;
	height:131px;
	background:url(/images/Aptasa_logo.gif);
	text-indent:-9999px;
	margin:0 0 9px 0;
}
#sidebar h2 {
	position:absolute;
	top:80px;
	left:25px;
	font-size:8pt;
	color:#fff;
}

/* --- MENU --- */

ul#menu {
	margin:0;
	padding:0;
	width:257px;
	font-size:9pt;
}
ul#menu li {
	position:relative;
	list-style-type:none;
	text-align:left;
	margin:0;
	padding:0;
}
ul#menu li a {
	text-decoration:none;
	color:#cbd810;
	display:block;
	width:218px;
	padding:6px 6px 6px 0;
	margin:0 0 0 23px;
	border-bottom:1px dashed #342f1a;
	font-weight:bold;
}
ul#menu li a img {
	position:absolute;
	top:12px;
	right:20px;
}
ul#menu li a:hover, ul#menu2 li a:hover {
	color:#282414;
}
ul#menu li.selezionato {
	padding:10px 0 5px 10px;
	margin:10px 0 0 0;
	color:#342f1c;
	background:#cbd810;
	width:249px;
	font-weight:bold;
}
ul#menu li.selezionato img {
	position:absolute;
	top:17px;
	right:20px;
}
ul#menu li.selezionato .sottotitolo, ul#menu li a:hover .sottotitolo {
	color:#342f1c;
	font-weight:lighter;
}
ul#menu li a .sottotitolo {
	font-weight:lighter;
}

ul#menu2 {
	margin:15px 0 0 0;
	padding:0;
	width:257px;
	height:36px;
	background: url(/images/sf_menu2.gif);
}
ul#menu2 li {
	display:block;
	float:left;
	height:26px;
	padding:10px 20px 0 20px;
	border-right:2px solid #5d5639;
}
ul#menu2 li a {
	text-decoration:none;
	font-weight:bold;
	color:#cbd810;
}

/* --- Fine MENU --- */

#indirizzi {
	color:#bababa;
	margin:23px 0 0 23px;
	font-size:8pt;
}

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

#content {
	width:691px;
	float:right;
	margin:0 0 20px 0;
	padding:0;
}
#box_loghi {
	position:relative;
	float:left;
	background:#fff;
	height:55px;
	padding:5px 5px 0 5px;
	margin:8px 0 10px 8px;
	width:432px;
	text-align:right;
}
#box_loghi p {
	position:absolute;
	left:15px;
	top:23px;
	font-size:8pt;
}
#box_loghi img {
	margin:0 5px;
}
#header {
	position:relative;
	float:right;
	width:683px;
	height:362px;
	background:#ffffff;
	margin:6px 0 0 0;
}
#sfondo {
	position:absolute;
	top:6px;
	right:0;
	height:362px;
	background:#fff;
	width:50%;
}
#immagine_principale {
	position:absolute;
	left:0;
	top:0;
	margin:0;
	padding:0;
	width:442px;
	height:362px;
}

/* --- NEWS --- */

#box_news {
	position:absolute;
	top:21px;
	right:29px;
	width:193px;
	margin:0;
	padding:0;
	color:#8a846f;
}
#box_news a {
	color:#8a846f;
	text-decoration:none;
}
#box_news a:hover {
	color:#534d31;
}
#header img#aptasa {
	position:absolute;
	bottom:45px;
	right:78px;
}
#box_news h4 {
	font-size:11pt;
	font-weight:lighter;
}

/* box news */
#wrapper #content #header #box_news ul {margin:20px 0 0 0; font-size:8pt; list-style:none; padding:0;}
#wrapper #content #header #box_news ul li a:link, #wrapper #content #header #box_news ul li a:visited {padding:10px 0 0 0; display:block; border-bottom:1px #342f1c solid}
#wrapper #content #header #box_news ul li p {text-align:right; color:#009900; margin:0; padding:5px 0 2px 0; font-size:11pt}

/* --- Fine NEWS --- */

#testo {
	position:relative;
	width:643px;
	margin:7px 0 0 19px;
}
h3 {
	position:absolute;
	top:-125px;
	left:450px;
	font-size:9pt;
	font-weight:lighter;
	color:#7a7359;
	width:220px;
}

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

/* ------------------------ BOTTOM ------------------------ */
	

/* ------------------------ Fine BOTTOM ------------------------ */

/* ------------------------ TITOLI ------------------------ */

h1,h2,h3,h4 {
	margin:0;
	padding:0;
}
.titolo {
	color:#397c8c;
}
.sottotitolo {
	color:#bababa;
	font-size:8pt;
	line-height:12px;
}
.testo_piccolo {
	font-size:7pt;
}
.evidenza {
	font-size:11pt;
	line-height:18px;
}

/* ------------------------ Fine TITOLI ------------------------ */



/* ------------------------ GENERICI ------------------------ */


a {
	text-decoration:none;
	color:#706257;
}
a:hover {
	color:#fff;
}
img {
	border:0;
	padding:0;
	margin:0;
}
.clear { 
	clear:both;
}
.left {
	float:left;
}
.right {
	float:right;
}

/* ------------------------ Fine GENERICI ------------------------ */
	
/* FORM */
	#formcontatti {
		position:relative;
		margin:0;
		padding:0;
		width:580px;
		height:380px;
	}
	#formconferma {
		position:relative;
		margin:0;
		padding:0;
		height:250px;
		width:580px;
	}
	.elemento_input {
		width:250px;
		padding:2px;
		height:14px;
		border:1px solid #342f1c;
	}
	.input_area {
		height:60px;
		font-size:8pt;
		width:250px;
		border:1px solid #342f1c;
	}
	.contatti {
		position:relative;
		float:left;
		width:270px;
		margin:0 10px 0 0;
		padding:0;
	}
	#box_errore {
		position:absolute;
		display:none;
		margin:100px;
		width:300px;
		left:620px;
		top:400px;
		height:150px;
		border:1px solid #342f1c;
		text-align:left;
		background:#fff;
		z-index:5;
		}
	#div_titolo_errore {
		background:#504a2f;
		color:#fff;
		padding:10px;
		}
	#div_errore {
		color:#000;
		padding:10px;
		text-align:center;
		position:relative;
		top:10px;
		}
	#bottone_errore {
		position:relative;
		top:30px;
		}
/* fine FORM */

/* ------------------------ concept by ------------------------ */

#concept {
	width:950px;
	font-family:Verdana;
	margin:0 0 20px 0;
	padding:0;
	text-align:right;
	font-size:7pt;
}
#concept .linktp, #concept .linktp:link, #concept .linktp:visited {
	font-size:9px;
	font-family: Times New Roman;
	color: #8d8d8c;
	text-decoration: none;
}
#concept .linktp:hover {
	font-size:9px;
	font-family: Times New Roman;
	color: #E97D00;
	text-decoration: none;
}

/* ------------------------ Fine concept by ------------------------ */


/* ------------------------ Pagina CHI SIAMO ------------------------ */

#chi_siamo #content #testo .evidenza ul {
	margin:0 0 40px 0;
	padding:0;
}
#chi_siamo #content #testo .evidenza ul li, #nostre_acque #content #testo ul li {
	float:left;
	width:280px;
	margin:15px 15px 10px 0;
	list-style-type:none;
}
#chi_siamo #content #testo .evidenza h4, #nostre_acque #content #testo h4 {
	font-size:13pt;
}
#chi_siamo #content #testo ul li {
	margin:10px 0 10px 0;
}
#chi_siamo #content #testo ul li ul li {
	font-size:8pt;
	margin:0;
	padding:0;
}

/* ------------------------ Fine Pagina CHI SIAMO ------------------------ */

/* ------------------------ Pagina PHOTOGALLERY ------------------------ */

#photogallery #content #testo ul {
	margin:0 0 40px 0;
	padding:0;
}
#photogallery #content #testo ul li {
	list-style-type:none;
	display:inline;
	border-right:2px solid #342f1c;
	padding:0 20px 0 20px;
}
#photogallery #content #testo .foto_categoria {
	background:#fff;
	padding:10px;
}
#photogallery #content #testo .foto_categoria img {
	border:2px solid #8a846f;
}
#photogallery #content #testo .foto_categoria img:hover {
	border:2px solid #504a2f;
}

/* ------------------------ Fine Pagina PHOTOGALLERY ------------------------ */

/* ------------------------ Pagina SCUOLA GIOVANI ------------------------ */

.immagini {
	width:211px;
	float:right;
	text-align:center;
}
.immagini img {
	padding:5px;
	background:#fff;
	margin:2px;
}	
#scuola_giovani #content #testo div.left {
	width:430px;
}

/* ------------------------ Fine Pagina SCUOLA GIOVANI ------------------------ */

/* ------------------------ Pagina TESSERAMENTO ------------------------ */

#tesseramento table {
	width:431px;
}

#tesseramento table tr td {
	border-bottom:1px solid #fff;
}
#tesseramento #content #testo ul li {
	margin:0 0 10px 0;
	padding:0;
}

/* ------------------------ Fine Pagina TESSERAMENTO ------------------------ */