/*stili per il layout fisso con background*/
html,body{margin: 0;padding:0}

A {text-decoration: none; color: #0c4790}
A:Hover { text-decoration: underline; color: #c00}
a.glossary-term {
	text-decoration: none;
	border-bottom: 1px dashed #080;
	color: #000000;
	cursor: help;
} 
a.home {font-family: verdana, Arial, sans-serif; font-size: 10px;}
form {
	margin: 0px;
}
BODY {
	font-family: verdana, Arial, sans-serif; margin:0;padding:0;font-size: 12px; color: #333;
	background:#E9EDEC url(/images/sfondo.png) repeat-x;
}
TD {font-family: verdana, Arial, sans-serif; font-size: 12px; color: #333;}


div#container{
	width: 772px;
	margin: 20px auto;
	border-width: 1px;
	border-style: solid;
	border-color: #666;
	background-color: White;
	clear: both;
	text-align: center;
}

div#container2{text-align: left;}

/*stili specifici per il layout*/
div#header{	padding: 4px;}

div#content{ 
	padding: 10 px; 
}

div#extra{
	float: right;
	width: 300px;
	width: 310px;
	padding: 6px;
	background-color: #eeeeee;
}
html>body div#extra{
	width: 300px;
}

div#altrenews{
	float: left;
	width: 150px;
	padding: 8px;
}

div#colonna1{
	float: left;
	width: 256px;
	width: 256px;
	padding: 0 8px 0 8px;
	border-right: solid 1px #ccc;
	height: auto;
}
html>body div#colonna1{
	width: 256px;
}

div#colonna2{
	float: right;
	width: 256px;
	width: 266px;
	padding: 0 8px 0 8px;
	border-right: solid 1px #ccc;
	height: auto;
}
html>body div#colonna2{
	width: 256px;
}

div#articoli{
	float: left;
	border-right: solid 1px #ccc; 
	height: auto;
	padding-right: 4px;
	width: 510px;
}

div#footer{clear:both; padding: 4; margin: 4; border-top: 2px solid #666; height: 20px;}

/* Box home page */
#tprove {clear: left;	width: 980px;	height: 175px;	border: 0;	padding: 0;}
#provel {width:27px;	height:175px;}
#provem {width:100%;	height:175px;	background-color:#272727;}
#prover {width:27px;	height:175px;}
#tprove ul{ font: 8pt; margin:10px 0 0 0; padding:0; list-style:none; }
#tprove li{	float: left; width: 308px;	display: inline;	padding: 2px 6px 2px 6px;	color: #FFF; vertical-align: top;}
html>body #tprove li {	width: 290px; padding: 6px; }
#tprove a {	color: #99CCFF; text-decoration: none; }
#tprove .titolo a { font-size: 14px;}
#tprove a:hover {	color: #fff; text-decoration: underline; }
#tprove li img { border: 1px solid #fff; }
.sepmarrone {background-image: url(/images/sep-marrone.gif);background-position: right;background-repeat: repeat-y; height: 120px; margin: 10px 0;}
.sepblu {background-image: url(/images/sep-blu.gif);background-position: right;background-repeat: repeat-y; height: 100px; margin: 10px 0;}

#tbianca {clear: right; width: 980px;	height: 145px;	border: 0;	padding: 0;}
#tbiancal {width:27px;	height:145px;}
#tbiancam {width:100%;	height:145px; border-bottom: 1px solid #B1C3D4;  border-top: 1px solid #B1C3D4;}
#tbiancar {width:27px;	height:145px;}
#tbianca ul{ font: 8pt; margin:0; padding:0; list-style:none; }
#tbianca li{ float: left; width: 164px; display: inline;	padding: 2px 6px 2px 6px;	color: #333; vertical-align: top; }
#tbianca .lastli { width: 240px;}
#tbianca li img { border: 1px solid #0c4790; }

#topmenu { font: 8pt; margin:0; padding:0; list-style:none; }
#topmenu li { margin: 4px; }

#taltro {clear: right; border: 0; padding: 1em 0;}

#menuo {	background-color: #0c4790; float:left; width:996px; height: 20px; padding:6px; text-align: left; color: #99CCFF;}
html>body #menuo {	width: 976px; }
#menuo a { color: #FFF; text-decoration: none; }
#menuo a.yel { color: #FF0; text-decoration: none; }
#menuo a:hover { color: #99CCFF; text-decoration: underline; }
#menuo ul{ margin: 0 0 0 0; list-style:none; }
#menuo li{ display:inline; margin:0; padding:0 4px 0 4px; text-transform:uppercase; }
#menuoline {clear:both; padding:0; width:100%; height:4px; line-height:4px; background:#ccc; border-top:1px solid #fff; }

#spaced1 { margin: 4px 0 4px 0;}

#border1 { border: 1px solid #ccc; background-color: #fff;}
#border2 { color: #99CCFF;	border: 1px solid #333;	background-color: #666;}
#border2 A { color: #fff;}
#border2 span { font-size:14px; color: #FEFF6C;}
#border2 A:hover { color: #99CCFF;}
#bggray{	padding: 6px;	background-color: #eeeeee;}

.mercatino { float:left; width: 340px; height: 100px; padding: 6px; clear: both;}
html>body .mercatino {	width: 330px; }
.mercatinooff { float:right; padding: 6px; clear: both; width: 860px;}
.mercatino ul{ margin: 0; list-style:none; clear: both; }
.mercatino li{ float: left; display:inline; margin:0; padding:0 4px 0 4px; }
.mercatino li img { border: 1px solid #0c4790; }
.mercatinooff ul{ margin: 0; list-style:none; clear: both; }
.mercatinooff li{ float: left; display:inline; margin:0; padding:0 4px 0 4px; }
.mercatinooff li img { border: 1px solid #0c4790; }

#bartitolo {width: 500px;  background: #EEE;  border-bottom: 1px solid #999999;  padding: 4px;}
#bartitolo2 {width: 670px;  background: #EEE;  border-bottom: 1px solid #999999;  padding: 4px;}
html>body #bartitolo {width: 540px; }


#taindex { clear: left; width: 980px; border: 0; margin-top: 10px;}
#taindex ul{ margin:0; padding:0; list-style:none; }
#taindex li{ float: left; width: 232px; display: inline; margin: 4px; padding: 2px 6px 2px 6px; vertical-align: top;}
html>body #taindex li {	width: 220px; }
#taindex li img { border: 1px solid #0c4790; }
#taindex .cella { width: 218px; border-top: 2px solid #f90; padding: 2px;}
#taindex .cellb { width: 218px; border-top: 2px solid #556b2f; padding: 2px;}
#taindex .cellc { width: 218px; border-top: 2px solid #b22222; padding: 2px;}
#taindex .celld { width: 218px; border-top: 2px solid #483d8b; padding: 2px;}
#tsezione {	font-size: 20px;	color: #333; font-family: "Times New Roman", Times, serif; margin-bottom: 6px;}


.mainmenu {font-size: 10pt;}
.testosmall {font-size: 11px;}
.testosmall2 {font-family: Arial, sans-serif; font-size: 10px;}
.topic {font-size: 11px; color: Gray; text-transform: uppercase; letter-spacing : 1px;}
.sottopost {
	font-size: 11px;
	color: Gray;
	font-style: italic;
}
.topichome { text-transform: uppercase; color: #696969; }
.subtitolo {font-size: 10pt;}
.titolo {font-size: 16px; font-weight: bold;}
.titolohome { font-family:arial; font-size: 14px; }
.titolohomer { font-family:arial; font-size: 16px; color: #c00;}
.titolohomes { font-family:arial; font-size: 11px; }
.testohome { font-family:georgia; line-height:1.4; color:#333; }

TABLE.Mtable TD {font-family: verdana, sans-serif; border-bottom:solid #93BEE2 1px;}
.Mbox {border:solid #999999 1px; background: #ffffcc; font-size: 12px;font-weight: bold;}
.Mbox2 {border-top:solid #999999 1px; border-bottom:solid #999999 1px;	background: #eeeeee;}
h1, h2, h3, h4, h4, h5, h6 {margin:0px; padding:2px;}
H1 { font-size: 22px; color : #006400; font-weight: bold;}
H2 { font-size: 18px; color: #556B2F; font-weight: bold;}
H3 { font-size: 16px; color : #990000; font-weight: bold;}
H4 { font-size: 11px; color : #660000; font-weight: bold;}

/* COLORI */
.red {color: #ff0000;}
.sred {color: #990000;}
.dred {color: #330000;}
.white {color: #FFFFFF;}
.gray { color: #666666; }
.dgray { color: #333333; }
.yel { color: #FFFF00; }
.yel2 { color: #fc0; }
.ora { color: #FF4500; }
.gre { color: #336600; }
.green {	color: Green; }
.blu2 {color: #4169E1;}
.blu3 {color: #BB1A59;}
.black {color: #000;}

.articoli {
	font-size: 11pt;
	padding: 8px;
}

/* Inline bulleted list */
.bullets li {background:none;padding:0 .5em 0 .7em}
.bullets li.first {background:none;padding-left:0}

/* Structural wrapping */
div.wrap {float:left;width:100%;text-align: center; }
div.wrap div.b {width:772px; margin: auto; text-align: left; padding:4px;}
div.wrap div.c {width:772px; margin: auto; padding:0px 0px 0px 0px;}

/* Slice */
div#slice {
	background-color: #006400;
	border-bottom: 1px solid #333333;
	color: #ff0;
	font-weight: bold;
	font-size: 13px;
	font-family: Arial, sans-serif;
	padding: 3px;
}
div#footer {
	background-color: #eeeeee;
	border-top: 1px solid #333333;
	font-size: 12px;
	font-family: Arial, sans-serif;
	padding: 4px;
}
div#slice b {margin-right:.5em}
div#slice .left {float:left}
div#slice .right {float:right;}
div#slice A {color: #fff;}

div .left {float:left;}
div .right {float:right;}

.pad2 {padding:2px}
.pad4 {padding:4px}
.pad6 {padding:6px}
.pad8 {padding:8px}
.pad10 {padding:10px}

#bleft {border-left: 1px solid #ccc;}
#bright {border-right: 1px solid #ccc;}

div#maindiv {border:1px solid #666; padding:2px; background-color: #fff; width: 996px;}

/* Form senza margine */
.nomargin form {
	border: 0;
	margin: 0;
	padding: 2px;
}

/* ######### Default class for drop down menus ######### */

.anylinkcss{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
/* border-bottom-width: 0; */
/* font: normal 12px Verdana; */
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: lightyellow;
width: 200px; /* default width for menu */
text-align: left;
}

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

.anylinkcss ul li a{
width: 100%;
display: block;
text-indent: 3px;
/* border-bottom: 1px solid black; */
padding: 1px 0;
text-decoration: none;
/* font-weight: bold; */
text-indent: 5px;
}

.anylinkcss a:hover{ /*hover background color*/
background: black;
color: white;
}

/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkcsscols{
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	border: 1px solid black;
	padding: 10px; /* font: normal 12px Verdana; */
	z-index: 100; /*zIndex should be greater than that of shadow's below*/
	background: #FFFFFF;
}

.anylinkcsscols .column{
width: 130px;
float: left;
}

.anylinkcsscols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcsscols li{
padding-bottom: 3px;
}

/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}