*{
    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;
}

/* 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: #2FBAE5;
    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: #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: #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;
    overflow: auto;
}
.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}