/* CSS Document */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button {
     margin: 0;
     padding: 0;
     border: 0;
}
body {
	margin: 0px;
	padding: 0px;
	font-family:Trebuchet-MS, Arial, Helvetica, sans-serif;
	width:100%; 
	text-align: center;
	font-size:85%;
	background-image:url(images/bg-top.gif); 
	background-repeat:repeat-x;
	background-color: inherit;
 	color:#333;
}
a{
	text-decoration:underline;
	color:#F00;
	background-color: inherit;
}
h1 {
	margin: 0;
	font-size: 1.5em;
	font-weight: bold;
}
h2 {
	margin:0;
	color:#E6673A;
	font-size: 1em;
	line-height:1.5em;
	font-weight: bold;
	background-color: inherit;
}
h3 {
	margin:0;
	font-size: 1em;
	line-height:1.5em;
	font-weight: bold;
}
p  {
    margin: 1em 0;
    line-height:1.3em;
}
acronym {cursor: help; border-bottom: 1px dashed #F00;}
li, ol {
	margin-left: 12px;
}
#container {position:relative; width:765px; margin:auto; padding:0px;}

/* TOP */
#top {position:relative; height:24px; width:742px;}
#toplink {position:absolute; left:0px; top:5px; width:480px; text-align:left;}

.testo-top {font-size:11px; color:#FFF; background-color: inherit;}
.testo-top a {font-size:11px; color:#FFF; text-decoration:none; background-color: inherit;}
.testo-top a:hover {font-size:11px; color:#FFF; text-decoration:none; background-color: inherit;}

/* MIDDLE */
#middle {position:relative; width:742px; margin-top:10px;}
#logo {position:absolute; top:0px; left:0px; width:430px; height:115px;}
#center {margin:0px 311px 8px 0px; padding-top:170px; width:430px;}

/* MENU HOME  OK*/
div.menu{position:absolute; left:0px; top:127px; width:755px; height:18px; text-align:center; border:1px solid #036; font-family:Trebuchet-MS, Arial, Helvetica, sans-serif; font-size:14px; background-image:url(images/bg-menu.gif);}
div.menu ul {list-style-type:none; text-align:right; margin:0px; padding-left:2px; padding-right:2px;}
div.menu ul li {float:left; font-family:Trebuchet-MS, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; line-height:18px; background-image:url(images/bg-menu.gif);}
div.menu ul li a {text-decoration:none; color:#036; text-align:right; padding:0px 14px 0px 14px; height:18px;  background-color: inherit;}
div.menu ul li a:hover {color:#036; background-image:url(images/bg-menu-roll.gif); background-color:#FFE479; height:18px;}
div.menu ul li.selected, div.menu ul li.selected a, div.menu ul li.selected a:hover {width:auto; text-decoration:none; color:#036; text-align:right; line-height:18px; height:18px; background-image:url(images/bg-menu-roll.gif); background-color: inherit;}

#informazioni {width:435px; text-align:left;  border-left:7px solid #FC0; color: inherit; background-color: #FFF1B9; background-image:url(title-primopiano.gif); background-position:left; background-repeat:no-repeat;}
#informazioni .smallBoxText{font-family:Trebuchet-MS, Arial, Helvetica, sans-serif; color:#333; margin-left:20px; margin-right:5px; padding:0px; background-color: inherit;}
#informazioni .smallBoxText ul{list-style-type:none; padding:0px; margin:0px; text-align: left;}
#informazioni .smallBoxText ul li {
	padding: 10px 0 10px 14px; line-height: 1.2em;
    background: url(Images/plus.png) no-repeat 0 1.0em;
    margin: -8px 0 0 3px; 
	}
#farmacia {position:absolute; top:170px; left:0px; width:132px; padding:5px; height:380px; border:1px solid #036; background-image:url(images/farmacia.jpg); background-position:top; background-repeat:no-repeat;}
#farmacia .notiziari {position:absolute; bottom:5px; left:5px; width:132px; height:230px;}
#farmacia .notiziari .SmallBoxTitle {font-size:12px; color:#881a1b; font-weight:bold; text-align: left; background-color: inherit;}
#farmacia .notiziari .smallBoxText.newsSmallList ul{list-style-type:none; padding:0px; margin:0px; text-align: left;}
#farmacia .notiziari .smallBoxText.newsSmallList ul li {
	font-size:12px; 
	color:#000; 
	padding: 10px 0 10px 14px; line-height: 1.2em;
    background: url(Images/check.png) no-repeat 0 1.0em;
    margin: -8px 0 0 3px;
	background-color: inherit;
}
#farmacia .notiziari .smallBoxText.newsSmallList ul li a{font-size:12px; color:#000; text-decoration:none; font-weight:normal; background-color: inherit;}
#farmacia .notiziari .smallBoxText.newsSmallList ul li a:hover{font-size:12px; color:#881a1b; text-decoration:none; font-weight:normal; background-color: inherit;}

#energia {position:absolute; top:170px; right:0px; width:132px; padding:5px; height:380px; border:1px solid #036; background-image:url(images/sole.jpg); background-position:top; background-repeat:no-repeat;}
#energia .notiziari {position:absolute; bottom:5px; left:5px; width:132px; height:230px;}

#energia .notiziari .SmallBoxTitle {font-size:12px; color:#01a4e4; font-weight:bold; text-align: left; background-color: inherit;}
#energia .notiziari .smallBoxText.newsSmallList ul{list-style-type:none; padding:0px; margin:0px; text-align: left;}
#energia .notiziari .smallBoxText.newsSmallList ul li {
	font-size:12px; 
	color:#000; 
	padding: 10px 0 10px 14px; line-height: 1.2em;
    background: url(Images/cross.png) no-repeat 0 1.0em;
    margin: -8px 0 0 3px;
	background-color: inherit;	
}
#energia .notiziari .smallBoxText.newsSmallList ul li a{font-size:12px; color:#000; text-decoration:none; font-weight:normal; background-color: inherit;}
#energia .notiziari .smallBoxText.newsSmallList ul li a:hover{font-size:12px; color:#01a4e4; text-decoration:none; font-weight:normal; background-color: inherit;}

#immagine{position:absolute; top:170px; left:0px; width:296px; height:142px; border:1px solid #036;}
#bacheca {position:absolute; top:320px; left:0px; width:291px; }
#bacheca  .smallBoxText.newsSmallList ul{list-style-type:none; padding:0px; margin:0px; text-align: left;}
#bacheca  .smallBoxText.newsSmallList ul li {
	font-size:12px; 
	color:#000; 
	padding: 10px 0 10px 14px; line-height: 1.2em;
    background: url(Images/check.png) no-repeat 0 1.0em;
    margin: -8px 0 0 3px; 
	background-color: inherit;	
	}
#bacheca .SmallBoxTitle {font-size:12px; color:#881a1b; font-weight:bold; text-align: left; padding:5px; background-color: inherit;}	
#bacheca .smallBoxText.newsSmallList ul li a{font-size:12px; color:#000; text-decoration:none; font-weight:normal; background-color: inherit;}
#bacheca .smallBoxText.newsSmallList ul li a:hover{font-size:12px; color:#881a1b; text-decoration:none; font-weight:normal; background-color: inherit;}
#mappa{position:relative; width:296px; height:296px; border:1px solid #036;}
#losaiche{list-style-type:none; padding:0px; margin:0px; text-align: left;}

#box {position:absolute; top:60px; right:0px; width:285px; padding:0px; height:150px; border:0px;}
#box .notiziari {position:relative;text-align:right;}
#box .notiziari .SmallBoxTitle {font-size:13px; color:#036; font-weight:bold; text-align: right; background-color: inherit;}
#box .notiziari .SmallBoxText{font-size:13px; color:#333; text-align: right; background-color: inherit;}

#right {position:absolute; left:459px; top:0px; width:298px; height:400px;}

/* FOOTER */
#footer {position:relative; width:755px; height:22px; border-top:1px solid #FC0; margin-left:5px;}
.anagrafica {position:absolute; left:0px; top:4px; font-size:12px; color:#036; width:738px; height:18px; text-align:center; background-color: inherit;}
.anagrafica a {font-size:12px; color:#036; text-decoration:underline; background-color: inherit;}
.anagrafica a:hover {font-size:12px; color:#01a4e4; text-decoration:none; background-color: inherit;}