*{
margin:0;
padding:0;
line-height:150%;
}

html{
margin-bottom:1px; height:100%;
}

body{  
  background: #fbfbfb url(layout/sf_header.jpg) repeat-x;
  color: #444;
  min-width:990px;
}

body, table, th, td {
	font: 11px "Verdana", Arial, Helvetica, sans-serif;
}

th, td {
	padding: 5px;
}

/* form */
input, textarea, select, option, label{
	font: 12px "Verdana", Arial, Helvetica, sans-serif;
}
label{
	font-size: 10px;
	font-weight:bold;
	color: #aaa;
}
.input, .input:hover, .input:focus{
	width: 85%;
	padding:2px;
	border: 1px solid #ddd;
}
.input:hover{
	border: 1px solid #FFB220;
}
.input:focus{
	border: 1px solid #00F20E;
}

/* headers */
h1,h2,h3,h4,h5{
  font-weight:normal;
}
h1{
display: none;
}
h2, h2 a, h2 a:hover{
	margin: 1px;
	padding: 1px 5px 1px 5px;
	background-color: #64BDFF;
	color: #eee;
	font-weight: bold;
	font-size:9px;
}

h3{
  color: #00A3D7;
  font-size:42px;
}
h4{
	color: #00A3D7;
	font-size: 10px;
	font-style: italic;
	letter-spacing: 1px;
}
h5{
  margin-bottom:5px;
	font-weight: bold;
  font-size:12px;
  letter-spacing:1px;
}


/* tabelle */

table {
table-layout:fixed; 
width:100%; 
border-collapse: separate;
border-spacing: 0px; 
empty-cells: show
}
td {padding-right:25px; vertical-align:top}

.bordo{margin-top:5px; padding:2px 0 2px 0; border-top:1px dotted #ccc; text-align:left}

/* link */
a, a:hover{
  color: #FF9513;
  text-decoration:none;
}
a:hover{
  text-decoration:underline;
}

a.viola, a.viola:hover{
	font-weight: bold;
	color: #C41B85;
	text-decoration: underline;
}
a.viola:hover{
  text-decoration:none;
}


/* immagini */

img{
  border: none;
}
.dx{
  float:right;
  margin-left:10px;
  margin-bottom:10px;
}
.sx{
  float:left;
  margin-right:10px;
  margin-bottom:10px;
}


/* id principali */

#header{
  color: #0099ff;
  height: 158px;
  text-align:right;
  line-height:1em;
  padding-right:10px;
  padding-bottom:10px;
}
#header .google{
  padding-top:85px;
}

#sinistra{
padding:5px;
  float:left;
  width:15%;
}
#destra{
padding:5px;
  float:right;
  width:40%;
}
#centro{
padding:5px;
  margin:0 41% 0 16%;
  width:auto;
}

#pagina{
padding:5px;
  margin-left: 16%;
  width:auto;
}
#pagina a, #pagina a:hover{
font-size:14px;
}

#footer{  
  padding:50px 0 25px 0;
  text-align:center;
  color: #444;
  font-size:9px;
}



/* liste e altri id */
#sinistra ul {
	font-size: 12px;
	font-weight: bold;
	list-style: none;
	margin: 1px 1px 15px 1px;
/*
	border-top: 1px solid #ddd;
	border-right: 3px solid #ddd;
	border-left: 1px solid #ddd;
*/	
}

#sinistra li a, #sinistra li a:hover{
	display: block;
	background: url(layout/gradientbg.jpg) repeat-x;
	color: #0076F1; /*#5D7B20; #858585*/
	text-decoration: none;
	letter-spacing: -1px;
	padding: 15px 10px 15px 10px; /*
	border-bottom: 1px solid #ddd;
*/
	margin-bottom: 1px;
	border-top: 1px solid #ddd;
	border-right: 2px solid #ccc;
	border-left: 1px solid #ddd;
	border-bottom: 2px solid #ccc;
}
#sinistra li a:hover{
	display: block;
	background: #64BDFF; /*#E7F3CF;*/
	color: #000;
/*
	background: #D6FFAE;
	color: #000;
*/
}
#sinistra li span{
	display: block;
	background-color: #ddd;
	color: #Ff0000;
	text-decoration: none;
	padding: 15px 10px 15px 10px; /* 	border-bottom: 1px solid #ddd; */
	margin-bottom: 1px;
	border-top: 1px solid #ddd;
	border-right: 2px solid #ccc;
	border-left: 1px solid #ddd;
	border-bottom: 2px solid #ccc;
}

#sinistra li .promo{
	display: block;
	background-color: #ddd;
	color: #Ff0000;
	text-decoration: blink;
	padding: 15px 10px 15px 10px; /* 	border-bottom: 1px solid #ddd; */
	margin-bottom: 1px;
	border-top: 1px solid #ddd;
	border-right: 2px solid #ccc;
	border-left: 1px solid #ddd;
	border-bottom: 2px solid #ccc;
}

#scroll{
   overflow: auto;
	height:190px;
}

/* classi testo */
.sezione{
	background: #FEFEFE url(layout/gradientbg.jpg) repeat-x;
	margin: 1px 1px 15px 1px;
	padding: 15px 5px 30px 5px;
	border: 1px solid #ddd;
}
.center{
text-align:center;
}

.centrato{
padding:25px;
}

.articolo{
font-size:14px;
text-align: justify;
line-height:1.5em;
}

.articolo ul{
	list-style: none;
	margin:0 auto;
	width:500px;
}
.articolo li{
padding:50px;
border:1px solid #ddd;
margin-bottom:15px;
background: #CBDFE2;
}
.articolo li a, .articolo li a:hover{
	font-weight:bold;
}

.commento{
   padding:10px;
	font-size: 12px;
	text-align: justify;
	line-height: 1.5em;
	color: #3B6C98;
}



span.rosso{color: #FD0000}
span.verde{color: #2FC531}

span.grass{font-weight: bold}
span.undlin{text-decoration: underline}
span.lamp{text-decoration: blink}
span.maiusc{font-variant: small-caps}
span.big{font-size:18px}