/* 1024px - An open source xhtml/css website template by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer.

Version: 1.0, March 29, 2006 */

/******** General tags ********/
body{
font:76% Verdana,Tahoma,Arial,sans-serif;
background:#ffffff;
color:#404040;
line-height:1.2em;
margin:0 auto;
padding:0;
}

a{
	text-decoration: none;
	color: #FF8C00;
	font-weight: bold;
}

a:hover{text-decoration:underline;}
a img{border:0;}
p{margin:0 0 18px 10px;}
ul,ol,dl{font-size:0.9em; margin:2px 0 4px 35px;}
ul ul,ol ol{margin:4px 0 4px 35px;}

h1{
	font-size: 3.8em;
	letter-spacing: -4px;
	margin: 10px 0 25px 30px;
	color: #FF8C00;
}

h4{
	font-size: 1.8em;
	letter-spacing: -1px;
	margin: 0 0 0px 0px;
	color: #FF8C00;
}

h5{
	font-size: 2.0em;
	letter-spacing: -1px;
	margin: 0 0 25px 10px;
	color: #FF8C00;
	line-height: 1.0em;
	
}

#sloganpiccolo{
	font-size: 0.9em;
	color: #808080;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 0px 0px 0px 0px;

}

h1 a{text-transform:none; color:#FF8C00;}

h2{
	font-size: 1.4em;
	color: #FF8C00;
	border-bottom: 4px solid #dadada;
	padding: 0 2px 2px 5px;
	margin: 0px 0 10px 0;
	letter-spacing: -1px;
}

h3{
font-size:1.1em;
font-weight:bold;
color:#FF8C00;
border-bottom:1px solid #dadada;
margin:5px 5pt 8px;
padding:1px 2px 2px 3px;
}

blockquote{
font-size:0.9em;
border:1px solid #dadada;
margin:20px 10px;
padding:8px;
}

/******** Main wrap ********/
#wrap{
color:#404040;
margin:10px 10px;
padding:0;
}


#header{margin:0;}

#toplinks{text-align:right; padding:5px 2px 2px 3px;}

#slogan{
font-size:1.5em;
color:#808080;
font-weight:bold;
letter-spacing:-1px;
margin:15px 0px 20px 30px;
line-height:0.5em;
}

/******** sidebar ********/
#sidebar{
float:left;
margin:0 0 5px 0;
padding:1px 0 0 0;
}

#sidebar ul{
list-style:none;
font-size:0.9em;
margin:0;
padding:0 0 15px 10px;
}

#sidebar li{
list-style:none;
margin:0 0 4px 0;
padding:0;
}

#sidebar li a{
color: #404040;
font-size:1.2em;
font-weight:bold;
padding:2px;
}

#sidebar ul ul{
margin: 4px 0 3px 15px;
line-height:1.2em;
padding:0;
}

#sidebar ul ul li a{font-weight:normal;}
#sidebar h2{margin:3px 0px 8px 0px;}

/******** Menu ********/

.treeview{
	float: left;
	margin: 0 0 5px 0;
	padding: 1px 0 0 0;
}

.treeview ul{ /*CSS for Simple Tree Menu*/

list-style:none;
font-size:0.9em;
margin: 0px 0px 0px 0px;
padding:0px 0px 5px 0px;
}

.treeview li{
	/*background: white url(list.gif) no-repeat left center;*/
	list-style: none;
	padding:  0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
}

.treeview li a{
	/*background: white url(list.gif) no-repeat left center;*/
	color: #404040;
	font-size: 1.0em;
	font-weight: bold;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.treeview li.submenu{
	/* Style for LI that contains sub lists (other ULs). */
	background: white url(closed.gif) no-repeat left 1px;

	cursor: hand !important;
	cursor: pointer !important;
}


.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */

}

.treeview .submenu ul li{
	/*Style for LIs of ULs that are children of LIs (submenu) */
	
	cursor: default;
}

/******** Content variations ********/

#content_testo{
line-height:1.5em;
text-align:left;
margin-right:10px;
margin-left:10px;
padding:0;
}

#content_crono{
font-size:0.9em;
line-height:1.0em;
text-align:left;
margin-right:10px;
margin-left:10px;
padding:0;
}


#content h3,#content_testo h3,#content_crono h3{margin:10px 0 8px;}
/******** Footer ********/
#footer{
clear:both;
text-align:right;
color:#808080;
font-size:0.9em;
border-top:4px solid #dadada;
margin:0 auto;
padding:8px 0;
line-height:1.6em;
}

#footer p{margin:0; padding:0;}
#footer a{color:#808080;}

/******** Various classes ********/
.box{
color:#ffffff;
font-size:0.9em;
background-color:#FF8C00;
border:1px solid #c8c8c8;
line-height:1.3em;
padding:5px 5px 5px 8px;
}

.box_menu{
color:#ffffff;
font-size:1.6em;
background-color:#FF8C00;
border:1px solid #c8c8c8;
line-height:1.8em;
padding:5px 5px 5px 8px;
}
.box a{color:#f0f0f0;}
.box_menu a{color:#f0f0f0;}
.left{float: left; margin: 0 15px 4px 0;}
.right{float:right; margin:0 0 4px 15px;}
.textright{text-align:right;}
.readmore{text-align: right; margin: -10px 10px 12px 0;}

.center{text-align:center;}
.blue{color:#4088b8;}
.orange{color:#FF8C00;}
.big{font-size:1.3em;}
.small{font-size:0.8em;}
.bold{font-weight:bold;}

.clear{clear:both;}
.hide{display:none;}
.fade{color:#c8c8c8;}
.gray{color:#808080;}
.audio{
	vertical-align: top;
}

.photo{
border:1px solid #bababa;
padding:2px;
background-color:#ffffff;
margin:6px 18px 2px 5px;
}

.minia{
	border: 1px solid #bababa;
	padding: 2px;
	background-color: #ffffff;
	margin: 0px 10px 10px 0px;
}
.bottone{
	padding: 2px;
	background-color: #ffffff;
	margin: 0px 5px 0px 5px;
}
.mappe{
	border: 1px solid #bababa;
	padding: 2px;
	background-color: #ffffff;
	margin: 0px 2px 0px 2px;
}
