/* Sfondo */
body {
  font-size: 13px;
  background: url(images/sfondo.jpg) repeat;
}

/* Pagina */
#main {
  border: 5px double #FFCC66;
  background: #372412;
  width: 890px;
  margin: 30px auto;
}

#page {
  width: 870px;
  margin: 0 auto;
  padding: 20px 0;
}

#content {
  float: inherit;
  width: 380px;
  margin: 0 auto;
}

.testo {
  font-family: Georgia, Verdana, Times New Roman; 
  color: #330000; 
  letter-spacing: 1px;
  line-height: 130%;
  text-align: left; 
  font-size: 122%; 
}

.link { 
  text-align: center;
  font-family: Verdana, Times New Roman; 
  font-size: 90%; 
  font-style: normal;
}

.info {
  font-family: Verdana, Times New Roman; 
  font-size: 235%; 
  color: #CC0000; 
  font-style: normal;
  padding-right: 0em;
  text-align: center;
  line-height: 130% 
}


h1 {
  font-family: Colonna MT; 
  font-size: 280%; 
  color: rgb(201, 120, 0);
  letter-spacing: 5px; 
  text-align: left;
}

.title1 {
  width: 415px;
  border-bottom: 3px solid #CCCC66;
}

p {
    font-family: Bookman Old Style; 
	font-size: 130%; 
	color: rgb(255, 204, 102); 
	font-style: italic;
	text-align: left; 
	padding-right: 1em;
}

.voci { 
	text-align: center;
	font-style: normal;
	font-family: Matura MT Script Capitals; 
	font-size: 235%; 
	color: rgb(255, 204, 102);
	line-height:110%
}

.base {
    font-family: Verdana;
	text-align: center;  
	line-height: normal;
	font-style: italic;
	font-size: 75%; 
	color: #663300;
}

ul, ol {
	line-height: 200%;
}

/* Colori link */
a {color: #CC9933;}
a:link {text-decoration: underline} 
a:hover {text-decoration: underline; color: rgb(255, 102, 0);}
a:hover {text-decoration: none;}


/* Header */

#header {
	width: 890px;
	border-top: 1px;
	border-bottom: 1px;
	background-repeat: no-repeat;
	background-position: right bottom;
}


/* Menu */

#menu {
	width: 890px;
	height: 120px;
	background: url(images/img03.jpg) no-repeat;
}

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

#menu li {
	display: inline;
	font-family: Bookman Old Style; 
	font-weight: bold;
	color: rgb(204, 153, 51)
}

#menu a {
	display: block;
	float: left;
	width: 127px;
	height: 38px;
	padding-top: 34px;
	text-decoration: none;
	text-align: center;
	letter-spacing: -1px;
	font-size: 20px;
	color: #FFFFFF;
}

#menu a:hover {
	background: url(images/img09.jpg) no-repeat;
	color: #372412;
}

#menu .active a {
	background: url(images/img09.jpg) no-repeat;
	color: #372412;
}




.title {
	width: 330px;
	border-bottom: 3px solid #CCCC66;
}



.title3 {
	width: 400px;
	border-bottom: 3px solid #CCCC66;
}

.title4 {
	width: 345px;
	border-bottom: 3px solid #CCCC66;
	float: right;
}

.title5 {
	border-bottom: 3px solid #CCCC66;
	width: 650px;
}

.title6 {
	width: 430px;
	border-bottom: 3px solid #CCCC66;
}

.meta {
	border-top: 3px solid #CCCC66;
	width: 430px;
	float: left;
	color: #646464;
}

.meta2 {
	border-top: 3px solid #CCCC66;
	width: 340px;
	float: right;
	color: #646464;
	padding-right: 5em;
}

.meta3 {
	border-top: 3px solid #CCCC66;
	width: 900px;
	float: right;
	color: #646464;
	padding-right: 5em;
}


/* Footer */

#footer {
	clear: both;
	padding: 3px 0;
	width: 890px;
	background: #FFEA6F;
}

#footer a {
	color: #996600;
}

#footer2 a {
	color: #996600;
}


/* Didascalia Sinistra */

div.captionbox {float: right; margin: 10px; border: 1px solid #999}
div.captionbox img {border:0; display:block}
div.captionbox a {position: relative; float: left; text-decoration: none}
div.captionbox span {position:absolute; bottom: 0px; width: 100%; height:1%; padding: 10px 0; background: url(opacity.png) repeat-x 0 -100px; text-align: center; left: 0px}
div.captionbox a:hover span {background-position: 0 -200px} 


/* Didascalia Destra */

div.cbox{float: right;margin: 10px;border: 1px solid #999}
div.cbox img{border:0;display:block}
div.cbox a{position: relative;float: left;color: #FFF;
    text-decoration: none}
div.cbox span{position:absolute;bottom: 0;width: 100%; height:1%; padding: 10px 0;
    background: url(opacity.png) repeat-x 0 -100px;
    cursor: pointer;text-align: center}
div.cbox a:hover span{background-position: 0 -200px} 

/* Box testi */
.rbroundbox { background: url(image/nt2.gif) repeat; }
.rbtop div { background: url(image/tl2.gif) no-repeat top left; }
.rbtop { background: url(image/tr2.gif) no-repeat top right; }
.rbbot div { background: url(image/bl2.gif) no-repeat bottom left; }
.rbbot { background: url(image/br2.gif) no-repeat bottom right; }
.rbtop div, .rbtop, .rbbot div, .rbbot {height: 7px; font-size: 1px; }
.rbcontent { 
color: #663300; 
margin: 0 10px; }
.rbroundbox {  margin: 1em auto; }

/* Box info */
.rbroundbox1 { background: url(image/nt1.gif) repeat; }
.rbtop1 div { background: url(image/tl1.gif) no-repeat top left; }
.rbtop1 { background: url(image/tr1.gif) no-repeat top right; }
.rbbot1 div { background: url(image/bl1.gif) no-repeat bottom left; }
.rbbot1 { background: url(image/br1.gif) no-repeat bottom right; }
.rbtop1 div, .rbtop1, .rbbot1 div, .rbbot1 {width: 100%; height: 7px; font-size: 1px; }
.rbcontent1 {color: #663300; margin: 0 10px; }
.rbroundbox1 {margin: 1em auto; }