body {
	margin: 0;
	padding: 0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
	background-color:#4b0906;
	color: #fff;
	}

#page {
	text-align:left;
	margin-left:5%;
	margin-right:5%;
	height: auto !important;
	border-left:1px solid #6b0f00;
	border-right:1px solid #6b0f00;
	background-color:#721412;
	}
	
#container {
	/*Il div corpo è contenuto nella #pagina*/
	width: 100%;
	margin:0;
	padding:0;
	height:auto !important;
	background-image: url(img/bg_menu_sx2.jpg);
	background-repeat: repeat-y;
	margin-top:-4px;
	}


#menu-sx {float:left; width:180px; margin-left:80px;  margin-right:10px; font-size:90%;}
#menu-sx ul {margin:0; padding:0; list-style:none;}
#menu-sx li {border-bottom:1px dotted #eba83d; margin-bottom:8px; padding-bottom:2px; padding-left:2px;}
#menu-sx .title {font-family:"Century Gothic", Arial, Verdana; color:#fff; border-bottom:1px solid #eba83d; font-size:130%; margin-bottom:5px;}
#menu-sx a:link, #menu-sx a:visited {color:#eba83d;}
#menu-sx li span {font-weight:bold; color:#eba83d;}

#eventi a:link, #menu-sx a:visited {color:#eba83d;}
#eventi li span {font-weight:bold; color:#eba83d;}

#content {
	width: 60%;
	float: right;
	height: auto !important;
	margin-right:1%;
	margin-top:5px;
	font-size:90%;
}

a:link, a:visited {color:#FFFFFF;}
#content .img-dx {float:right; border:5px solid #eba83d; margin-left:5px; margin-top:15px;}

img a:link, img a:visited {border:0}

#content .img-eventi {border:5px solid #eba83d; margin-left:5px; margin-top:15px;}
	
/*TOP GRAFICO*/
#top {
	position:relative;
	height: 320px;
	text-align: right;
	margin:0px;
	padding:0px;
	background-color:9A0A05;
	background-image: url(img/bg_top.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	}
	
/*TOP SX*/
#top-sx {
	position:absolute;
	left:0px;
	top:0px;
	width:377px;
	height:320px;
	background-image: url(img/top_sx.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

/*TOP DX*/
#top-dx {
	position:absolute;
	width:28%;
	right:2px;
	top:0px;
	height:320px;
	padding-top:92px;
	text-align:left;
	font-size:80%;
	}
	
#top-dx a:link, #top-dx a:visited {color:#FFFFFF; text-decoration:none;}
#top-dx ul{list-style-type:none;}
#top-dx li {border-bottom:1px dotted #eba83d; margin-bottom:3px;}

.nofloat{clear:both}

#bottom {text-align:center; background-color:#6b0f00; color:#FFFFFF; border-top:1px solid #a05222; margin-top:10px; clear:both;}

/*GENERAL TAGS*/
h1 {font-family:"Century Gothic", Arial, Verdana; color:#eba83d; font-size:1.3em; margin-bottom:5px;}

h2, caption {font-family:"Century Gothic", Arial, Verdana; color:#fff; font-size:1.2em; margin-bottom:5px; border-bottom:1px solid #eba83d; text-align:left;}
h2 a:link, h2 a:visited {color:#fff; text-decoration: none;}
p {line-height:1.4em; text-align:justify;}
.destra {text-align:right; width:100%}
.bold {font-weight:bold;}
/*TABLES*/
table {width:100%; border-bottom:1px solid #eba83d;}
th {background-color:#4b0906}
.italic {font-style:italic}


/*Galleria fotografica*/
/* common styling 
a {color:#000;}
a:hover {text-decoration:none;}
a:visited {color:#000;}*/
.thumbnails {width:130px; float:right; text-align:center;}
.magnification {width: 250px; float:left; }
.thumbnails img, .magnification img {border:1px solid #eba83d;}

/* slides styling */

.photo {padding:20px; width:550px; height:330px; text-align:left; border:1px solid #eba83d; background-color:#4b0906; position:relative;}
img.default {position:absolute; right:1%; top:21px; z-index:0; background-color:#721412; padding-top:40px; padding-bottom:38px; padding-left:27px; padding-right:27px;}

.photo ul.topic {padding:0; margin:0; list-style:none; width:218px; height:auto; position:relative; z-index:10;}
.photo ul.topic li {display:inline; width:54px; height:20px; float:left;}
.photo ul.topic li a.set {display:block; width:150px; height:50px;  line-height:18px; color:#fff; text-decoration:underline;}
.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{border:0; color:#eba83d;}

.photo ul.topic li a:hover em, 
.photo ul.topic li:hover em
{display:block; position:absolute; left:-18px;top:-18px; width:530px; height:250px; z-index:-1;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul 
{display:block; position:absolute; left:0; top:20px; list-style:none; padding:0; margin:0; width:216px; height:150px;}

.photo ul.topic li a:hover ul li, 
.photo ul.topic li:hover ul li 
{display:inline; width:50px; height:50px; float:left; margin:6px;}

.photo ul.topic li a:hover ul li a, 
.photo ul.topic li:hover ul li a 
{display:block; width:40px; height:40px; cursor:default; background:url(/img/arrow.gif) no-repeat; float:left; text-decoration:none;}

.photo ul.topic li a:hover ul li a b,
.photo ul.topic li:hover ul li a b
{visibility:hidden; position:absolute; width: 200px; top:309px; left:260px; color:#fff; font-weight:normal; z-index:1000;}

.photo ul.topic li a:hover ul li a img, 
.photo ul.topic li:hover ul li a img 
{display:block; width:40px; height:40px; border:1px solid #666; border-color:#fff;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal;position:relative;}

.photo ul.topic li a:hover ul li a.vert:hover img, 
.photo ul.topic li:hover ul li a.vert:hover img 
{position:absolute; left:-12px; top:-20px; width:58px; height:74px; border-color:#eba83d;}

.photo ul.topic li a:hover ul li a.hor:hover img, 
.photo ul.topic li:hover ul li a.hor:hover img 
{position:absolute; left:-20px; top:-12px; width:74px; height:58px; border-color:#eba83d;}

.photo ul.topic li:hover ul li a:focus, 
.photo ul.topic li:hover ul li a:active,
.photo ul.topic li a:hover ul li a:active 
{position:static; outline:0;}

.photo ul.topic li:hover ul li a:focus.vert img, 
.photo ul.topic li:hover ul li a:active.vert img, 
.photo ul.topic li a:hover ul li a:active.vert img 
{position:absolute; left:270px; top:-19px; width:205px; height:320px; padding:4px 44px; background-color:#721412; border:0; z-index:10;}

.photo ul.topic li:hover ul li a:focus.hor img, 
.photo ul.topic li:hover ul li a:active.hor img,
.photo ul.topic li a:hover ul li a:active.hor img 
{position:absolute; left:271px; top:-19px; width:285px; height:240px; padding:44px 4px; background-color:#721412; border:0; z-index:10;}

.photo ul.topic li:hover ul li a:focus b, 
.photo ul.topic li:hover ul li a:active b,
.photo ul.topic li a:hover ul li a:active b 
{visibility:visible;}