html,body{margin: 0;padding:0;height:100%;}

body{
	font: 12px arial,sans-serif;
	text-align:center;
	background:#e7a82e;
	/*css dei bottoni background-image:url(sfondi/gradiente.jpg);
	background-repeat: repeat-y;
	background-position: center top; */
}

p {vertical-align: middle;}

p.postedtitolo {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	line-height: normal;
	padding-right: 20px;
	padding-left: 20px;
	font-weight:normal;
	}


p.posted {
	color: #237791;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(immagini-cal09/tratteggio-or.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	text-align: left;
	margin-bottom: 25px;
	line-height: normal;
	padding-bottom: 50px;
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 20px;
	}
	
.spazio10{
	height:10px;
}



A:link {
	COLOR: #237791; TEXT-DECORATION: underline;
}
A:visited {
	COLOR: #237791; TEXT-DECORATION: none;
}
A:hover {
	COLOR: #997997; TEXT-DECORATION: underline;
}


div#container{
	position:relative; width:870px;
	margin:0 auto;
	border:0px;
	text-align:left;
	background-color:#fff;
	padding:0px;
}

div#menu1 {
width:870;
padding:0;
margin:0;
background:#e7a82e;
heignt:40px;
line-height:40px;


}

div#header {float:left; padding:0px; margin:0; background:#fff; height:60px; width:870px;}

div#content{
	float:left;
	width:870px;
	height:100%;
	border:0px;
	margin:0px; padding:0px;
	background-color: #fff;
	background-image: url(immagini-cal09/tratteggio-colsx.gif);
	background-repeat: repeat-y;
	background-position: left top;
} 

div#navigation{float:left; background:#fff;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;font-weight:bold;
               border: 0px; margin-top:0px; width: 435px; height:300px;}
			   
div#cella {float:left; background:#fff;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;font-weight:bold;
               border: 0px; margin-top:0px; width: 435px; }
div#cella1 {
	float:left;
	background-color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	border: 0px;
	margin-top:0px;
	width: 100%;
	height:40px;
	text-indent:20px;
	vertical-align:middle;
	line-height:40px;
	color: #237791;
	background-image: url(immagini-cal09/tratteggio-or.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
			   }  
			   
div#cella2 {
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	border: 0px;
	margin-top:0px;
	width: 510px;
	padding:10px;
	line-height: 20px;
	color: #333333;
	background-color: #FFFFFF;
}  


			   
.cella-opere {
	float:left;
	border:0px;
	padding:10px;
	vertical-align:bottom;
}

.cella-sponsor {
	float:left;
	border:0px;
	padding-right:20px;
	padding-left:0px;
	padding-top:10px;
	padding-bottom:10px;
	vertical-align:bottom;
}
.cella-sponsor-b {
	float:left;
	width:490px;
	border:0px;
	padding-right:0px;
	padding-left:0px;
	padding-top:20px;
	padding-bottom:0px;
	vertical-align:bottom;
	text-align:left;
	background-image: url(immagini-cal09/tratteggio-or.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.cella-sponsor2 {
	float:left;
	border:0px;
	padding-right:0px;
	padding-left:0px;
	padding-top:10px;
	padding-bottom:10px;
	vertical-align:bottom;
}

.cella-altreimg {
	float:left;
	border:0px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:0px;
	padding-right:0px;
	vertical-align:bottom;
}


.cella-testo {
	color:#333333;
	font-size:12px;
	width:490px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	border: 0px solid #fff;
	background-image: url(immagini-cal09/tratteggio-or.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	text-align: left;
}


.info-opere {
	color:#333333;
	font-size:12px;
	width:150px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border: 0px solid #fff;
	background-image: url(immagini-cal09/tratteggio-or.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}	

.testo	{
	float:left;
	border:0px;
	vertical-align:top;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}   
			   
			   
div#menu-alto1{float:left; background:#fff;width: 870px;
               border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
	           border-style: solid; border-color: #FFFFFF;margin-top:0px;height:75px;}
			   
div#menu-alto2{float:left; background:#fff;width: 200px;
               border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
	           border-style: solid; border-color: #FFFFFF;margin-top:0px;height:75px;}
			   
			   
			   


/*css per il logo*/

div#logo{float: left;padding: 0px;height:60px;width:167px; background-color:#fff;margin:0px; font-size: 7px;}
div#logo ul{list-style-type: none;margin: 0px; padding: 0}
div#logo li{float:left;margin: 0px;padding:0;border: 0}
div#logo a{position:relative;display:block;height: 75px}
div#logo a span{position:absolute;width:100%;height:100%;cursor: pointer; /*per IE*/}
div#logo a:hover{color: #ffffff; /*per IE*/}
div#logo a:hover span{background-position: -167px 0;}
div#logo a#current span{background-position: 0px 0;}

/*viene attribuita la larghezza di ogni singolo link*/
li#uno a{width: 167px} 

/*si dichiarano i bottoni*/
li#uno span{background: url("bottoni/tapirulago2008.gif") no-repeat top left} 
			   

div#copertina{float:left; width:830px;height:auto;margin:0px;padding:20px; background-color: #fff;
          border-bottom:2px solid #000;
}



div#bottoni{
	width:870px;
	float:left;
	text-indent:20px;
	padding:0;
	margin:0;
	background-image: url(immagini-cal09/tratteggio-or.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	height:40px;
	line-height:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 13px;
	background-color: #fff;
	color: #237791;
}


.bottoni2 ul{
list-style-type:none;
padding:0;
margin:0;


}
/* make the top level links horizontal and position relative so that we can position the sub level */
.bottoni2 li{
float:left;
position:relative;
z-index:100;
width:auto;
text-indent:20px;
}

/* use the table to position the dropdown list */
.bottoni2 table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:0px;
}

/* style all the links */
.bottoni2 a, .bottoni :visited {
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#800;
height:40px;
padding:0px 10px;
text-indent:0px;
line-height:40px;
color:#fff;
background:#fff;
text-decoration:none;
margin-right:0px;
text-align:left;
}
/* style the links hover */
.bottoni2 :hover{
color:#000;
background:#fff;
}

/* hide the sub level links */
.bottoni2 ul ul {
visibility:hidden;
position:absolute;

height:20;
}

.bottoni2 li li{
float:left;
position:relative;
z-index:100;
width:150px;
height:25px;
line-height:25px;
}


div#pagina{
	width:530px;
	float:left;
	padding:0;
	margin:0;
	background-image: url(immagini-cal09/tratteggio-vert.gif);
	background-repeat: repeat-y;
	background-position: left top;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 12px;
	background-color: #ccc;
}


div#navigation2{float:left; font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight:normal;
               margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; width: 130px;padding:20px;}
			   
div#navigation2 ul{list-style-type: none;margin: 0;padding: 0}
div#navigation2 li{margin: 0px;padding: 0px; border-bottom: 2px solid #fff;} 
div#navigation2 a{display: block;line-height: 25px; width:100%;
    text-decoration: none; text-indent: 5px;
    background-color:#909090;margin: 0px;padding: 0px;
    color: #ffffff;
	border: 0px; }
div#navigation2 a:hover{
    background-color: #666666;color: #ffffff}

div#navigation2 a#activelink{color: #fff;text-decoration: none; background-color:#000000;}

div#navigation2 li#activelink a,div#navigation li#activelink a:hover{
    background-color: #000;color: #ffffff} 


/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/basic_dd.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* remove the bullets, padding and margins from the lists */

.menu1 {
width:870;
padding:0;
margin:0;
background:#e7a82e;
heignt:40px;
line-height:40px;
 border-bottom:2px solid #000;


}


.menu ul{
list-style-type:none;
padding:0;
margin:0;


}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
width:auto;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:0px;
}

/* style all the links */
.menu a, .menu :visited {
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
height:40px;
padding:0px 10px;
text-indent:0px;
line-height:40px;
color:#fff;
background:#e7a82e;
text-decoration:none;
margin-right:0px;
text-align:left;

}
/* style the links hover */
.menu :hover{
color:#000;
background:#e7a82e;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;

height:20;
}

.menu li li{
float:left;
position:relative;
z-index:100;
width:150px;
height:25px;
line-height:25px;
border-bottom:2px solid #000;
}


/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
border-bottom:2px solid #000;
}


.style1 {
	color: #237791;
	font-weight: bold;
}
.style1 a:link {
	color: #237791;
	font-weight: normal; text-decoration:none;
}
.style1 a:hover {
	color: #909090;
	font-weight: normal; text-decoration:underline;
}
.style1 a:visited {
	color: #86790e;
	font-weight: normal; text-decoration:none;
}



div#footer{background: #e7a82e;color: #FFF;height:40px;clear:both; position: relative;bottom:0; width: 100%; text-indent:20px; border-top:2px solid #000; line-height:40px;}
.descrizione {
	background-image: url(immagini-cal09/tratteggio-or.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}