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

body{
	font-family: Verdana;
	font-size: 76%;
	color: #333;
}

/*stili generici, su header e footer*/
div#header{
	height: 50px;
	background-color:#fff;
	color: #333;
	text-align: center;		
}

h1,h2{
	margin: 0;
	padding:0
}

h1.box{
	padding-left:0.5em;
	font: bold 1.3em Verdana;
	color: #ffcccc	
}

h1.home{ 
	padding-left:0.5em;
	font: bold 1.2em Verdana;
	color: #fff
}

h1{ 
	padding-left:0.1em;
	font: bold 1.2em Verdana;
	color: #333
}

h2{
	color: #993333;
	font-size: 1.1em;
	font-weight: bold;
}

h3{
	color: #333;
	font-size: 0.9em;
	font-weight: bold;
}

a img{
  	border-width: 0px;
	margin-top: 0em;	  	    
}

div#footer{
	text-align:center;
	padding: 0.1em;
	margin: 0;
	background-color: #993333;
	color: #fff;
	font-size: 0.9em
}

div#footer a{
	color: #fff;
	text-decoration: none;
	font-size: 1em
}

/*stili specifici per il layout*/
div#navigation{
	background-color:#fff;
	background-image: url(img/filler.gif);
	background-repeat: no-repeat;
	background-repeat: repeat-x;
	width: 100%;
	height: 2px;
}

div#navigationbottom{
	background-color:#fff;
	background-image: url(img/filler.gif);
	background-repeat: no-repeat;
	background-repeat: repeat-x;
	width: 100%;
	height: 2px;
	padding: 0px;
	margin: 0px;
}

div#content{
	padding: 1em
}

img.left {
	padding: 0px 10px 3px 0px; 
	float: left;
}

img.right {
	padding: 0px 0px 3px 10px; 
	float: right;
}

p.destra {
	text-align: right;
}

p.didascalia {
	text-align: left;
	font-size: 0.8em;
}

p.didascaliadx {
	text-align: right;
	font-size: 0.8em;
}

p.nota {
	text-align: right;
	font-size: 0.8em;
	color: #4a4a4a;
}

p.centrato {
	text-align: center;
}

div.box {
	background-color:#990000;
	padding:5px;
	padding-left: 0px;
	padding-right: 0px;	
	line-height: normal;
	text-align: left;
	width: 80%;
	margin: 0 auto;
	color: #fff
}

div.box a{
	color:#ffcccc;
	font-weight: bold;
	text-decoration: none;
}

div.box a:hover{
	color:#ffcccc;
	font-weight: bold;
	text-decoration: underline;
}

div.box a:active{
	color:#ffcccc;
	font-weight: bold;
	text-decoration: underline;
}

div.box-bianco {
	background-color:#fff;
	padding: 0;	
	line-height: 60%;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	color: #333
}

div.box-rosso {
	background-color:#990000;
	padding: 0;	
	height: 62px;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	margin: 0 auto;
	color: #fff
}

table.tabella1 {
	table-layout : fixed;
	width: 90%;
	background : #fff;
	padding: 0px;
	margin: 0px;
	text-align: center;
	margin: 0 auto;
}

table.tabella1 th.sx {
	width: 30%;
	height: 42px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	background-color: #800000; 
	color: #fff;
}

table.tabella1 th.ct {
	width: 30%;
	height: 42px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	background-color: #990000; 
	color: #fff;
}

table.tabella1 th.dx {
	width: 30%;
	height: 42px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	background-color: #cc0033; 
	color: #fff;
}

table.tabella1 td {
	width: auto;
	text-align: left;
	vertical-align: top;
	color: #333;
}

table.tabella2 {
	table-layout : fixed;
	width: 60%;
	background: #fff;
	border: thin;
	border-style: double;
	border-color: #336666;
	padding: 0px;
	margin: 0px;
   text-align: left;
	margin: 0 auto;
}

table.tabella2 td.left {
	width: 30%;
	text-align: left;
	font-weight: bold;
	vertical-align: middle;
	color: #333;
	border: thin;
	border-style: solid;
	border-color: #336666;	
}

table.tabella2 td.right {
	width: 70%;
	text-align: left;
	font-weight: normal;
	vertical-align: top;
	color: #333;
	border: thin;
	border-style: solid;
	border-color: #336666;	
}

table.tabella3 {
	table-layout : fixed;
	width: 60%;
	background: #fff;
	border: thin;
	border-style: double;
	border-color: #993333;	
	padding: 0px;
	margin: 0px;
   text-align: left;
	margin: 0 auto;
}

table.tabella3 td.left {
	width: 30%;
	text-align: left;
	font-weight: bold;
	vertical-align: middle;
	color: #333;
	border: thin;
	border-style: solid;
	border-color: #993333;	
}

table.tabella3 td.right {
	width: 70%;
	text-align: left;
	font-weight: normal;
	vertical-align: top;
	color: #333;
	border: thin;
	border-style: solid;
	border-color: #993333;	
}

table.galleria {
	table-layout : fixed;
	width: 60%;
	background : #fff;
	padding: 20px;
	margin: 0px;
	text-align: center;
	margin: 0 auto;
}

table.galleria td {
	width: 33%;
	text-align: center;
	vertical-align: top;
	color: #333;
}

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

ul.elenco li {
	margin:0; 
	padding:.5em 0 .1em 2.1em;
	background: url('/labter/img/spunta.gif') 10px 10px no-repeat;
	line-height: 1.3em;
}

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

ul.elenco2 li {
	margin:0; 
	padding:.5em 0 .1em 2.1em;
	background: url('/labter/img/spunta_2.gif') 3px 10px no-repeat;
	line-height: 1.3em;
}

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

ul.freccia li {
	margin:0; 
	padding:.5em 0 .1em 2.1em;
	background: url('/img/freccia.gif') 3px 3px no-repeat;
	line-height: 1.3em;
}


/*stili per la navigazione*/
div#navigation ul{
	margin: 0;	
	padding: 0; 
	list-style-type: none;
}

div#navigation li{
	display: inline; 
	margin: 0 0 0 1em;
	padding: 0
} /*nota display: inline*/

div#navigation a{
	color:#369;
	font: normal bold 1.2em/2.5em Verdana;
	text-decoration: none
}

div#navigation a:hover{
	color: #fff;
	text-decoration: underline
}

div#navigation a#activelink{
	color: #033;
	text-decoration: none
}