* { padding: 0; margin: 0; }

body {
	margin: 20px 0 20px 0; 	padding: 0;
	font: normal .72em/1.5em 'Trebuchet MS', sans-serif;
	color: #444;
	background: #bd4924 url(immagini/sfondobody.jpg) repeat-x;
	text-align: center;	
	height: 100%;	
}

a { background: inherit; color: #933; text-decoration: none; font-weight:bold}
a:hover { background: inherit; color: #ff9907; text-decoration: underline; cursor:pointer; ;}

h1, h2, h3 {
	margin: 10px 15px;
}

p{
	padding:7px 0 7px 15px;
}

h1{
	font-size:25px;
	text-align:left;
	padding:12px 0 12px 22px;
	color: #933;
	border-bottom: 2px solid #d6a489;
}

h2{
	font-size:16px;
	text-align:center;
	color:#d6a489;
	font-style:italic;
}

ul, ol {
	margin: 10px 30px;
	padding: 0 35px;
}

ul{
	list-style-type:square;
}

#wrap {
	width: 770px;
	margin: 0 auto;
}
#header-content, #content {
	width: 740px;	
}

#header {
	position: relative;
	top:5px;
	width:760px;
	height: 160px;
	text-align: left;		
	padding: 15px 5px 10px 5px;
	background: #fff url(immagini/testata.jpg) center no-repeat;
	cursor:pointer;
}

.menu {
	position:relative;
	clear: both;
	margin: 0 auto; 
	padding: 5px 0 5px 0;		
	width: 770px;		
	background: #FFF;
	float: left;
}
.menu ul {
	font: bolder 14px 'Trebuchet MS', sans-serif;
	width: 740px;
	background: #c2a89b url(immagini/gradmenuh.jpg);		 	
	margin: 0 15px;
	padding: 0;
	display: inline;
	border-bottom: 6px solid #FFF;
	float: left;
	text-align:center;	
}
.menu li {
	float: left;
	list-style: none;
}

.centramenu{
	padding-left:23px;
}

.bordoleft{
	border-left:1px solid #fff;
}

.menu li a {
	display: block;
	padding: 5px 15px;	
	color: #fff;	
	text-decoration: none;
	background: #c2a89b url(immagini/gradmenuh.jpg);
	border-right:1px solid #fff;
}
.menu li a:hover {
	background: #933 url(immagini/gradmenuhover.jpg);
	color: #f3f0eb;
	text-decoration: none;
}

#content-wrap {
	clear: both;
	float: left;
	width: 100%;
	background: #fff url(immagini/content.jpg) repeat-y;
}
#content {
	position:relative;
	clear: both;
	text-align: justify;	
	padding: 0;
	margin: 0 auto;
}

#sidebar {
	float: right;
	width: 30%;
	margin: 0; padding: 0;	
	text-align: left;
}	

.sidebox {
	margin-bottom: 10px;	
}

#sidebar ul.sidemenu {
	list-style:none;
	margin: 10px 0 15px 0;
	padding: 0;		
}
#sidebar ul.sidemenu li {
	padding: 0px 10px;
}
#sidebar ul.sidemenu a {
	display:block;
	font-weight:normal;
	color: #333;
	height: 1.5em;	
	padding:.3em 0 .3em 15px;
	line-height: 1.5em;
	border-bottom: 1px dashed #D5D5D5;
	text-decoration:none;
}
#sidebar ul.sidemenu a.top{	
	border-top: 1px dashed #D5D5D5;
}
#sidebar ul.sidemenu a:hover {
	background: #fff;
	padding: .3em 0 .3em 10px;
	border-left: 5px solid  #993333;
	border-right: 5px solid  #993333;
	color: #993333;		
}

#main {
	float: left;
	width: 67%;	
	margin: 0 0 10px 0; padding: 0;	
}

#footer {
	position:relative;
	clear: both;
	margin: 0;
	padding: 12px 0 0 0;
	font: normal .92em/1.5em 'Trebuchet MS', Tahoma, Arial, sans-serif;
	height: 60px;
	background: url(immagini/footer-bg.jpg) no-repeat left bottom;
	color: #fff;
	text-align: center;
}
#footer p {
	margin: 0 15px;
	padding: 5px;
	background: url(immagini/gradmenuh2.jpg) repeat-x;
	border-bottom: 3px solid #999;
	color: #fff;
	font-size:12px;
	font-weight:bold;
}
#footer a {
	text-decoration: none;
	color: #ffd;
	background:transparent;
}
#footer a:hover {
	text-decoration: underline;
	color: #fff;
}

form p{
	padding:1px;
	margin:1px;
}

.floatright{
	position:relative;
	float:right;
	margin:0 17px 0 15px;
}

.floatleft{
	position:relative;
	float:left;
	margin:0 15px 0 27px;
}

label {
	display: block;
	float: left;
	text-align: right;
	width: 30%;
	font-size:11px;
}

form label{
	/*padding-top:4px;*/
}

#left label
 {
	display: block;
	float: left;
	text-align: right;
	width: 47px;	
}

#left select{
	width:90px;
	border: 1px solid #fff;
	margin:0;
	padding:0;
}

.nota{
	display:none;
}

input,textarea,select{
	color:#fff;
	background:#933;
	padding:1px;
	margin:1px;
	border: 1px solid #000;
}

INPUT.button{
	background: #33cc00 !important;
}

#left input,#left textarea,#left select{
border: 1px solid #fff;
}

.bottone{
background: #933 url(immagini/vert.jpg) center repeat-x;
color:#fff;
padding: 1px 5px;
border:1px solid #666 !important;
}

em{
	color:#666;
}

.right{
	text-align:right;
}

.center{
	text-align:center;
}

.left{
	text-align:left;
}

.grande{
	font-size:24px;
}

.grandicello{
	font-size:16px;
	color:#933;
}

.listalterna{
	list-style-type:none;
	border-top:1px solid #933;
	padding: 0;
}

.scura{
	background: url(immagini/scura.jpg) repeat-y;
	padding:10px;
	border-bottom: 1px solid #933;
	margin:0;
}


.chiara{
	background: url(immagini/chiara.jpg) repeat-y;
	padding:10px;
	border-bottom: 1px solid #933;
	margin:0;
	color:#000;
}

.scuralink{
	background: url(immagini/scura.jpg) repeat-y;
	border-bottom: 1px solid #933;
	padding:2px 0 2px 10px;
	margin:0;
}

.chiaralink{
	background: url(immagini/chiara.jpg) repeat-y;
	border-bottom: 1px solid #933;
	padding:2px 0 2px 10px;
	margin:0;
}

.chiaralink a{
	color:#fff;
}

.chiaralink a:hover{
	color:#fff;
}

.scuralink a:hover{
	color:#933;
}

strong{
	color:#000;
}

.messaggio{
	font-size:14px;
	text-align:center;
	margin: 20px;
	background-color: #393;
	color: #fff;
	border: 3px double #fff;
	padding:3px;
	font-weight:bold;
}

.errore{
	font-size:14px;
	font-weight:bolder;
	text-align:center;
	margin:1em;
	background-color: #ff3333;
	color: #fff;
	border: 3px double #fff;
	cursor:pointer;
}

.ast {	
	color: #ff9a04;
	font-weight:bold;
}

.nobord{
	background:none;
	border:none !important;
	padding:0;
}

.hr{
	border-bottom: 3px double #c30;
	margin:0.5em 0 0.5em 0;
}

.hr2{
	border-bottom: 2px solid #fff;
	width:145px;
	margin: -3px auto 6px auto;
}

.valigntop{
	vertical-align:top;
}

img{
	border:1px solid #933;
	padding:1px;
	margin:3px;
}

#main p:first-letter {
	color: #933; font-size: 18px;
	text-transform: uppercase;
}

table{
	font-size:15px;
	padding:0 2em 0 2em;
	margin:0 auto;
	text-align:center
}

th {
	background-color: #933;
	color: #fff;
	padding:2px 10px;
}

td {
	background-color: #ddd;
	padding:4px;
	color: #000;
	line-height:120%;
}

/* mappa google */
#map{
	 width: 400px;
	 height: 300px;
	 border: 3px solid #933;
}

/* tooltip */
div#qTip {
	padding: 5px;
	border: 3px double #fff;
	width:200px;
	display: none;
	background: #ff9907;
	color: #fff;
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	z-index: 1000;
	text-align:justify;
}

#learn{
	font-variant:small-caps;
	text-align:center;
	font-size:200%;
}