/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,img { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,span,strong,th,em { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* struttura e stili base*/

body {
   background-color:#f4f4f4;
   font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
   padding: 20px;
   text-align:center;
   font-size:12px;
}
.intro {
   background-color:#3e4144;
}

.intro #intro {
	padding:20px;

}

h1{
   display:inline;
   font-size:22px;
letter-spacing:1px;
}

h6, h6 a,h6 a:link, h6 a:visited {
	text-align:center;
	color:#ff8c00;
	padding-top:5px;
}
#intro h6 {
	padding:10px 0 50px;
}
a, a:link, a:visited {
	color: #333333;
	text-decoration:none;			
}

a:hover {
	color:#9d9d9d;
}
a:active {
	border-bottom: 1px solid #9f0022;
	}

.fluid #container {
            width: 950px;
            height: 670px;
            margin: 0 auto; 
            text-align: left;
            border-top: 1px solid #ffffff;
            border-right: 1px solid #ffffff;
            border-bottom: 1px solid #7c7c7c;
            border-left: 1px solid #7c7c7c;
            color: #333333;
}

.fluid #intro {
            width: 950px;
            height: 670px;
            margin: 0 auto; 
            text-align: center;
            color: #333333;
}

#accessibile {
	display:block;
	height:0px;
	overflow:hidden;
	
}

.fluid #mainContent {
	padding: 17px 17px 0px;
	border:1px solid #9c9c9c;
	position:relative;
   background-color: #f3f3f3;
}

.fluid #intro {
	padding: 17px 17px 0px;
	border:1px solid #9c9c9c;
	position:relative;
   background:none;
	text-align:center;
}
	
/* Tag semantici vari */

cite {
	font-style:italic;
	text-align:right;
	display:block;
	line-height:20px;
	font-size:10px;
}
/* haeders */
#haeder {
   width: 916px;
   height: 43px;
   font-size:14px;
}

#haeder a,#haeder a:link,#haeder a:visited {
            color: #bfbfbf;
            text-decoration:none;
}

#haeder a:hover {
     color:#ffffff;
}

#haeder a:active {
   color:#262626;
}

#haeder #left {
   height: 43px;
	width:400px;
   float:left;
line-height:30px;
	margin-left:10px;
}

#haeder #right {
   height: 43px;
   width:auto;
   float:right;
   margin-right:100px;
line-height:30px;
}

#haeder #right span {
   color:#9F0022;
}

#content {
   width: 916px;
   height: 560px;
   color:#3B3B3B;
   position:relative;
}

/* menu di primo livello */

#menu {
	width:900px;
	height:30px;
	padding:10px 0px 0px 26px;
}

#menu ul {
		height:30px;
}

#menu li {
	display:inline;
}


#menu li em {
	position: relative;
	display:block;
	height:30px;
	width:auto;
	float:left;
	
}

#menu li em.active {
	float:left;
	color:#9F0022;
	font-size:37px;
	overflow:hidden;
	width:auto;
}

#menu li span {
	float:left;
	padding:0px 15px 0px 15px;
	width:auto;
}


#menu li em a,#menu li em a:link,#menu li em a:visited {
	text-decoration:none;
	color:#3B3B3B;
}
	
#menu li em.active a,#menu li em.active a:link,#menu li em.active a:visited {
	text-decoration:none;
	color:#9F0022;
}

#menu li em a:hover {
	text-decoration:none;
	color:#9d9d9d;
	font-size:37px;
	overflow:visible;
}
#menu li em a:active {
	text-decoration:none;
	margin-bottom:5px;
	border-bottom:1px solid #9F0022;
	overflow:visible;
}

/* zona centrale del sito */
#box {
	position:absolute;
	top:70px;
	left:15px;
	z-index:4;
	width:896px;
	color:#3B3B3B;
	font-size:12px;
	line-height: 15px;
	
}
		/* box fluido */
#box #top {
	display:block;
	width:896px;
	height:30px;
	background:transparent url(../images/top.png) no-repeat scroll right bottom !important;
	background:none;
}

#box #middle {
	display:block;
	width:800px;
	background:transparent url(../images/middle.png) repeat-y scroll left bottom !important;
	background:none;
	min-height:400px;
	padding:0px 20px 25px 76px !important;
	padding:0px 48px 0px 48px;
}

#box #bottom {
	display:block;
	width:896px;
	height:46px;
	background:transparent url(../images/bottom.png) no-repeat scroll right bottom !important;
	background:none;
}
	
/* visual parte centrale */
	
#box #middle h2,#box #middle h3 {
	font-size:18px;
	padding:0px 0 10px;
	font-variant:small-caps;
}
#box #middle h2 a,#box #middle h2 a:link,#box #middle h2 a:visited {
	text-decoration:none;
	color:#808080;
}
#box #middle h2 a:hover,#box #middle h2 a:active {
	color:#9F0022;
}

#box #middle h3 {
	color:#808080;
}	
	
#box #middle h4 {
display:block;
	font-weight:bold;
	color:#ff8c00;
	font-variant:small-caps;
	padding:10px 0 0px;
}

#box #middle h5 {
display:block;
	font-weight:bold;
	color:#ff8c00;
	font-variant:small-caps;
	padding-top:8px;
}

#box #middle p {
	font-style:italic;
	line-height:16px;
	padding-top:5px;
}
#box #middle p big {
	font-size:20px;
	color:#9F0022;
}

#box #middle p a,#box #middle p a:link, #box #middle p a:visited {
	font-size:13px;
	color:#808080;
}

#box #middle p a:hover,#box #middle p a:active {
	color: #333333;
}

			/* visual immagini e animazioni */
		#box #middle #media {
			padding:5px;
			border:1px solid #9c9c9c;
			float:right;
			text-align:center;
			width:auto;
			}
		
		#box #middle img,#box #middle #riquadro {
			margin:0 0 4px 10px;
			padding:3px;
			border:1px solid #9c9c9c;
			float:right;
			}
		#box #middle #riquadro a.natale2009 {
			background: transparent url(../images/cartoline_fronte.jpg) center no-repeat;
			display:block;
			font-size:11px;
			width:380px;
			height:269px;
			padding:10px;
		}
		
		#box #middle #riquadro a.natale2009:hover {
			background: transparent url(../images/cartoline.jpg) center bottom no-repeat;
		}
			
		#box #middle #riquadro {
			display:block;
			width:400px;
		}
		#box #middle #riquadro ul {
			margin-top:15px;
		}
		#box #middle #riquadro li {
			list-style:disc;
			margin-left:30px;
			color:#3B3B3B;
		}
		#box #middle #media img {
		border:0;
		}
		
#box #middle #piede {
	position:absolute;
	right:20px;
	bottom:65px;
}

#piede li {
	display:inline;
	padding:0 5px 5px;
	font-variant:small-caps;
}

ul.com {
	list-style-type:none;
	background:transparent url(../images/comunicazione.png) no-repeat scroll right bottom !important;
}
#middle li {
	padding-bottom:5px;
	color:#ff8c00;
}
#middle li ul {
	padding-left:30px;
}

#middle li ul li {
	list-style-type:disc;
	padding-bottom:5px;
	color:#3B3B3B;
}
#middle li ul li a {
	text-decoration:underline;
}

/* fine area centrale */


/* footer */

#footer {
   width: 916px;
   height: 43px;
   font-size:12px;
   padding-top:15px;
}

#footer #foot_left {
	float:left;
	width:auto;
}

#footer #foot_right {
	float:right;
	width:auto;
}