/**** Foglio di Stile di Prova per sito Agesci Trebaseleghe 23/11/2006 - Alessandro Rigo *****/

/*********************************************************************************************/
/********************************** Layout DIVS e classi *************************************/
/*********************************************************************************************/

/******** Stile testata ********/
#princip{
	width: 800px;
	background-color: #0000cc;
	margin-left: auto;
	margin-right: auto;
	border-left: 1px solid #FFD700;
	border-right: 1px solid #FFD700;
}

#testata{
width: 100%;
clear: both;
margin: 0;
padding: 0;
background-color: White;
background-image: url(images/image001.jpg);
background-repeat: repeat-x;
height: 108px;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.logo{
padding: 0;
margin: 0;
margin: 0;
float: left;
border: none;
}

.banner{
padding: 0;
margin: 0;
float: right;
}

/******** Stile briciole ********/
#briciole{
width: 100%;
clear: both;
font-size: 80%;
color: grey;
background-color: White;
border-bottom: 2px solid Gray;
border-top: 2px solid Gray;

}

#briciole a{
text-decoration: none;
font-weight: bold;
color: grey;
}

#briciole a:link{
text-decoration: none;
font-weight: bold;
color: grey;
}

#briciole a:visited{
text-decoration: none;
font-weight: bold;
color: grey;
}

#briciole a:hover{
text-decoration: none;
font-weight: bold;
color: grey;
}

#briciole a:active{
text-decoration: none;
font-weight: bold;
color: grey;
}

/******** Stile Menu ********/
#menu{
font-size: 80%;
border-top: 1px solid #ffffff;
/*
border-bottom: 1px solid #cccccc;*/
width: 100%;
height: 24px;
color: White;
background-color: White;
background-image: url(images/filo_orizz3.jpg);
background-repeat: no-repeat;
background-position: right;
font-weight: bold;
text-align: center;
margin: 0;
Padding: 20px 0px 0px 0px;
}

#menu ul{
padding: 2px 10px 2px 10px;
padding: 0;
list-style: none;
margin: 0;
}

#menu li{
display: inline;
text-align: center;
}

#menu span {
padding: 2px 10px 2px 10px;
margin: 0;
color: #0000cc;
background-color: White;
border-bottom: 1px solid #FFD700;
border-top: 1px solid #FFD700;
border-left: 1px solid #FFD700;
border-right: 1px solid #FFD700;
}

#menu a {
padding: 2px 10px 2px 10px;
margin: 0;
color: White;
background-color: #0000cc;
border: 1px solid #FFD700;
text-decoration: none;
}

#menu a:hover{
background-color: Red;
color: White;
}

/******** Stile Barra di Navigazione a sx ********/
#barranav{
width: 20%;
color: White;
background-color: #0000cc;
float: left;
/*
border: 4px solid Yellow;
*/
}

#barranav ul{
list-style: none;
margin: 0;
padding: 0;
}

#barranav li{
display: block;
padding: 2px 0px 2px 0px;
}

li.titolosez{
display: block;
border-bottom: 1px solid White;
color: #006699;
font-weight: bold;
background-color: #eeeeee;
text-align: center;
}

#barranav a {
display: block;
border-top: 1px solid #0000cc;
border-bottom: 1px solid #0000cc;
padding: 2px 0px 2px 10px;
	/*
	color: #006699;*/
	color: White;
	font-weight: bold;
	text-decoration: none;
}

#barranav a:hover{
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: Red;
	color: White;
}

li.pagattiva{
  display: block;
  font-weight: bold;
  text-align: center;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: Red;
	color: White;
}

/******** Stile Contenuti ********/
#contenuti {
width: 80%;
color: Black;
background-color: White;
background-image: url(images/filo_vert.jpg);
background-repeat: repeat-y;
float: right;
clear: right;
margin: 0;
}

#contenuti h1{
color: White;
background-color: Red;
padding-left: 10px;
font-size: 140%;
}

#contenuti h2{
padding-left: 30px;
font-size: 130%;
}

#contenuti img{
	margin: 0px 10px 0px 0px;
	float: left;
	border: 1px solid #FFD700;
	padding: 2px;
}

#contenuti li{
	margin: 0px 10px 0px 20px;
	padding: 1px;
	list-style-type: round;
}

/******** Stile Pie' di Pagina ********/
#piedip{width: 100%;
clear: both;
color: Gray;
background-color: white;
border-top: 2px solid Red;
text-align: center;
}

/***** HTML elements ******/

body{
padding: 0;
margin: 0;
font-family : Arial, Tahoma, Helvetica, sans-serif;
background-color: #FFFACD;
}

p{
padding: 10px;
margin: 5px 5px 5px 40px;
}


/************* form ******************/

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

form p label {
	float: left;
	width: 30%;
	font: bold 1em Verdana, Geneva, Arial, Helvetica, sans-serif ;
	color: #334d55;
}

legend{
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #334d55;
}

form{
	background-color: #D9E2F6;
	height: auto;
	padding: 3px;
	margin-left: 25px;
	font-size: 80%;
}

form.bianco{
	background-color: White;
	height: auto;
	padding: 3px;
}

form strong{
	color: #005480;
}

/********** Area Download ***********/

#download{
margin: 25px;
padding: 10px;
border: 1px dotted #ccc;
background-color: #cadff6;
}