/* 
Questo č il foglio di stile da usare come base per apportare
le modifiche che ritenete opportune e da associare al file html
Troverete dei commenti che aiuteranno anche i meno esperti a capire
le funzionalitą dei diversi elementi.
La struttura di base di questo foglio di stile č basata su uno studio del 
layout liquido a 3 colonne presente sul sito Constile.org
di GianLuca Troiani che ancora una volta ringrazio.

Grazie davvero a tutti.
Michele Ledda
Responsabile di Sentieroimpresa.it 

*/

body {
	text-align: center;
	color: #51A9FF;
	margin: 0 0 0 0;
	font: 100% "Trebuchet MS"; 
	margin:0; 
	padding:0;  
	background: #021746 url(i/bg.jpg) repeat-x 0 0 fixed;
}

a {
text-decoration: underline;
font-weight: normal;
}

a:link,a:visited{
	color: #fff;
}
a:hover { 
color: #f60;
text-decoration: none;
}

ul {
	list-style: none;
	margin: 0 10px;
	padding: 13px 20px 20px 20px;
	border-bottom: 4px solid #5D88B5;
	}

li {
	margin: 0;
	padding: 8px 0;
	font-size: x-small;
	font-size: small;
}html>body li{font-size: small;}
	
ul.trattino {
	list-style:none;
	margin: 0 10px ;
	margin-bottom:0;
	padding: 5px 10px 10px 5px;
	border-bottom: none;
	color: #7ABCFD; 
}
		
	
hr { 
  display: inline;  
  height: 1px;
  border-bottom: 1px dotted #C8DAEB;
 }
 
h1 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: x-small;
	text-align: left;	
	background: url(i/header_1.jpg) no-repeat 0 0;
	/*nasconde il testo*/
	overflow: hidden; 
	/*dimensione dell'immagine*/	
	padding-top: 97px; 
	width: 760px;
	 /* hack per Win IE5 */ 
	height: 97px; 
	voice-family: "\"}\""; 
	voice-family:inherit; 
	height: 0;
}html>body h1{height: 0;}

h2 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: x-small;
	text-align: left;	
	background: url(i/header_2.jpg) no-repeat 0 0;
	/*nasconde il testo*/
	overflow: hidden; 
	/*dimensione dell'immagine*/	
	padding-top: 56px; 
	width: 760px;
	 /* hack per Win IE5 */ 
	height: 56px; 
	voice-family: "\"}\""; 
	voice-family:inherit; 
	height: 0;
}html>body h1{height: 0;}
	
h3 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: x-small;
	text-align: left;	
	background: url(i/header_5.jpg) no-repeat 0 0;
	/*nasconde il testo*/
	overflow: hidden; 
	/*dimensione dell'immagine*/	
	padding-top: 72px; 
	width: 396px;
	 /* hack per Win IE5 */ 
	height: 72px; 
	voice-family: "\"}\""; 
	voice-family:inherit; 
	height: 0;
}html>body h3{height: 0;}
	
h4 {
	font-size: x-small;
	font-family: "Trebuchet MS", Georgia, Helvetica, geneva, Arial, Helvetica, sans-serif; 
}


 h5{
	margin: 5px 0 0 10px;
	padding-bottom: -10px;
	border: 0;
	text-align: left;	
	background: transparent;
	/*nasconde il testo*/
	overflow: hidden; 
	color: #f60;
	font-size: medium;
	font: Arial, Helvetica, sans-serif;
}html>body .partecipazione h5{height: 0;}

 h6{
	margin: 5px 0 0 10px;
	padding-bottom: -10px;
	border: 0;
	text-align: left;	
	background: transparent;
	/*nasconde il testo*/
	overflow: hidden; 
	color: #f60;
	font-size: small;
	font: Arial, Helvetica, sans-serif;
}html>body .partecipazione h6{height: 0;}

/* 
--Inizio personalizzazione dei link. --

*/

a.elenco{
	line-height: 1.2em; 
	height: 1.2em;
	margin: 0;
	border-bottom: #0A529E 1px solid;
	padding: 0 2px 0 0; 
	display: block;
	font-family: "Trebuchet MS", Verdana, "Times New Roman", Times, serif; 
	text-decoration: none;
	font-size: x-small;
	voice-family: "\"}\""; 
	voice-family:inherit; 
	font-size: small;
}html>body a.elenco{font-size: small;}

a.elenco:link, a.elenco:visited, a.elenco:active{
	color: #fff; 
	text-decoration: none;
}

a.elenco:hover{
	color: #f60;
	border-bottom: #f60 1px solid;
	background: none;
}

ul li a.selected{
	color: #f60;
	line-height: 1.2em; 
	height: 1.2em;
	margin: 0;
	border-bottom: #f60 1px solid;
	padding: 0 2px 0 0; 
	display: block;
	font-family: "Trebuchet MS", Verdana, "Times New Roman", Times, serif; 
	text-decoration: none;
	font-size: x-small;
	voice-family: "\"}\""; 
	voice-family:inherit; 
	font-size: small;
}html>body a.selected{font-size: small;}

a.selected:link, a.selected:visited, a.selected:active, a.selected:hover{
	color: #f60;
	border-bottom: #f60 1px solid;
	background: none;
}

/*
--Fine personalizzazione dei link--
 */

/* 
--Inizio struttura della pagina.-- 
L'elemento "#wrapper" č il contenitore.
*/
#wrapper { 
width: 762px; 
text-align: left;
margin: 5px auto;
border: solid 1px #7ABCFD;
background: #0A529E;
	 /* hack per Win IE5 */ 
	voice-family: "\"}\""; 
	voice-family:inherit; 
	width: 760px;
}html>body #footer{width: 760px;}

#header { 
width:100%;
height: 153px;
margin: auto auto auto auto; 
text-align: left;
padding:0em 0;
padding-top:2px;
}



#right  {
	background: url(i/colonna-dx.jpg) repeat-x 0 72px;
	float: right; 
	width: 396px; 
	margin: 0;
	padding: 0;
}



#left {
background: url(i/principale_bg.jpg) repeat-y 0 0;
float: left; 
text-align: left;
width: 364px; 
margin:	0 0 0 0;
padding: 0 0 50px 0;
}


#footer { 
	width: 760px;
	margin: 0 auto;
	color: #51A9FF;
	background: #062E69 url(i/footer.jpg) no-repeat 0 0;
	clear: left;
	padding: 40px 0 20px 0;
	text-align: center;
	font-size: x-small;
		 /* hack per Win IE5 */ 
	voice-family: "\"}\""; 
	voice-family:inherit; 
	font-size: small;
}html>body #footer{font-size: small;}


.header_left {
margin: 0;
text-align: left;
height: 47px;
width: 100%;
background: url(i/header_4.jpg) no-repeat 0 26px;
font: "Trebuchet MS", verdana, helvetica, sans-serif;
}
.header_left h4{
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;	
	background: url(i/header_3.jpg) no-repeat 0 0;
	/*nasconde il testo*/
	overflow: hidden; 
	/*dimensione dell'immagine*/	
	padding-top: 26px; 
	width: 364px;
	 /* hack per Win IE5 */ 
	height: 26px; 
	voice-family: "\"}\""; 
	voice-family:inherit;
	height: 0;
}html>body .header_left h4{height: 0;}

.header_left p{
	margin: 0;
	padding: 0 0 0 14px;
	font-size: x-small;
		 /* hack per Win IE5 */ 
	voice-family: "\"}\""; 
	voice-family:inherit; 
	font-size: small;
}html>body .header_left p{font-size: small;}

.main_left {
background: transparent;
font:92% "Trebuchet MS", verdana, helvetica, sans-serif; 
padding: 0 0 20px 0;
margin: 0;
}
.main_left h4{
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;	
	background: url(i/header_6.jpg) no-repeat 0 0;
	/*nasconde il testo*/
	overflow: hidden; 
	/*dimensione dell'immagine*/	
	padding-top: 25px; 
	width: 364px;
	 /* hack per Win IE5 */ 
	height: 25px; 
	voice-family: "\"}\""; 
	voice-family:inherit; 
	height: 0;
}html>body .main_left h4{height: 0;}
.main_left h6{
	margin-bottom:0;
	margin-top:0;
	display:inline;
}
.main_left p,.riferimenti p,.partecipazione p{
	margin: 0;
	padding: 24px 8px 0 10px;
	color: #7ABCFD;
	font-size: x-small;
	voice-family: "\"}\""; 
	voice-family:inherit; 
	font-size: small;
	text-align: justify;
	clear:both;
}
html>body .main_left p{font-size: small;}
html>body .riferimenti p{font-size: small;}
html>body .partecipazione p{font-size: small;}

.main_left a img{
	border: none;
	background: transparent;
	padding: 0px 0px 10px 0px;
	clear: both;
}

.mainnav {
font:92% "Trebuchet MS", verdana, helvetica, sans-serif; 
text-align: left;
}

.validator {
font:90% "Trebuchet MS", verdana, helvetica, sans-serif; 
padding: 0 10px 0 0;
text-align: right;
	
}

.mainword{
	color: #f60;
	font-size: small;
	font: Arial, Helvetica, sans-serif;
}html>body .partecipazione h6{height: 0;}

.torna_su{
	margin: 0;
	float: left;
	padding: 24px 5px 0 10px;
	color: #7ABCFD;
	font-size: x-small;
	voice-family: "\"}\""; 
	voice-family:inherit; 
	font-size: small;
	width: 100px;
}

.navigazione_bottom{
background: transparent;
float: left; 
text-align: left;
width: 364px; 
margin:	0 0 0 0;
padding: 0 0 25px 0;
border-bottom: 4px solid #5D88B5;
}

.navigazione_pagine{
	float:right;
	margin: 0;
	padding: 25px 5px 0 10px;
	color: #7ABCFD;
	font-size: x-small;
	voice-family: "\"}\""; 
	voice-family:inherit; 
	font-size: small;
	width: 200px;
	text-align:right;
}

.navigazione_bottom .navigazione_pagine a {
	width: 200px;
	text-decoration: underline;
	font-weight: normal;
	padding-left: 5px;
	text-align:right;
}

.navigazione_bottom .navigazione_pagine a:link,a:visited{
	color: #fff;
}
.navigazione_bottom .navigazione_pagine a:hover { 
color: #f60;
text-decoration: none;
border: none;
}

.space { 
padding-left: 4px;
}

.distanza_dx{ 
padding-left: 32px;
}

.flag { 
	padding: 0px 5px 0 0px;
	color: #7ABCFD;
	font-size: small;
	width: 150px;
	text-align:right;
}

.flag img{ 
	margin: 0;
	padding: 10px 5px 0 10px;
}

/* FORM MODULO CONTATTI */
			
				
input.txt	{
	color: #799aca; 
	background: #fff;
	border: 1px inset #ccc;
	width: 200px;
	}

input.btn	{
	background-color: #799aca;
	color: #fff;
	border: 1px ouset #903;
	}

form p{
	clear: left;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	}

form p label{
	float: left;
	width: 20%;
	font: 0.8em Arial, Helvetica, sans-serif;
	}

fieldset{
	border: none;
	margin-top: 0px;
	padding: 0px;
	width: 350px;
	}

legend{
	font: bold 0.9em Arial, Helvetica, sans-serif;
	background-color: transparent; 
	color: #51A9FF;
	}

.contatti{
	float: left;
	border: none;
	margin: 0px;
	padding: 0px;
	width: 200px;
	}
	
/*GALLERY AGGIORNAMENTO AGONET*/
.contenitore_gallery{
	padding-top:10px;
	padding-right:20px;
	text-align:left !important;
}
.box_thumb_img{
	width:155px;
	text-align:center;
	float:left;
	margin-left:10px;
	margin-top:10px;

}
.box_thumb_img img{
	margin:0 !important;
	padding:0 !important;
	border:#FFFFFF solid 2px !important;
}