<!-- 

html, body, #container {
min-height:100%;
width:100%;
height:100%;

}

body  {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0; /* è buona norma impostare a zero i valori margin e padding dell'elemento body per tenere conto delle diverse impostazioni predefinite dei browser*/
	padding: 0;
	text-align: center; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */  color: #44444;
	background:url(../images/sf_body_normal3.jpg) no-repeat top center fixed;
}


img { border:0}

a { text-decoration:none; color:#444444; font-weight:bold}

a:hover { color:#9b2320}

a.link1 { text-decoration:none; color:#000000; font-weight:bold; letter-spacing:1px}

a.link1:hover { color:#9b2320}


a.link2 { text-decoration:none; color:#ee7e22; font-weight:bold; letter-spacing:1px}
a.link2:hover { color: #333333}

a.linkbtn { text-decoration:none; display:block; color:#000000; font-weight:bold;}
a.linkbtn:hover { color: #1a3e00}


.text1 { color:#ce2420; font-size:12px; }

.text-small { color:#484848; font-size:11px; }
.text-normal { color:#484848; font-size:12px; }


#container { 
	width: 980px;
	margin: 0 auto;
	border-bottom:0;
	border-top:0;
	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */
	position:relative;
	height:auto;
	min-height:100%;
} 
#header {
	height:100px;
	margin-bottom:10px
}

#mainContent {
	position:relative;
	margin:0 auto;
	width:960px;
	min-height:600px;
	height:auto !important;
	height:600px;
	
}


.bar  { 
	height:25px; 
	line-height:25px; 
	color:#fff; 
	font-weight:bold; 
	letter-spacing:1px; 
	font-size:12px;
	  
} 

.bar-content {background: #353535 url(../images/barbg.gif) repeat-x;  float:left; height:25px; width:98%;    }

.barsx { background: url(../images/barsx.gif) right no-repeat; width:4px; height:25px; float:left}
.bardx { background: url(../images/bardx.gif) left no-repeat; width:4px; height:25px; float:left}

.barra p { width:200px;}


#main .sb-inner { background:#ffffff}
#main .sb-border { background:#e0e0e0}

#main {	min-height:600px; height:auto !important; height:600px; }


ul.elenco { list-style:none; margin:0; padding:0; text-align:left}

ul.elenco li {font-size:11px;letter-spacing:1px; clear:left; min-height:18px; height:auto !important; height:18px;}


#colonna  { width:225px; min-height:500px; height:auto !important; height:500px; float:left; padding:8px; border-right:1px solid #d7d7d7; text-align:justify; position:relative; }
 

.fltrt { /* questa classe può essere utilizzata per rendere mobile un elemento a destra nella pagina. L'elemento reso mobile deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* questa classe può essere utilizzata per rendere mobile un elemento a sinistra nella pagina.*/
	float: left;
	margin-right: 8px;
}
.clearfloat { /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


.box {
	border:1px solid #d7d7d7;
	padding:4px;
}

.box .titolo-box {
	padding:0 5px;
	background:url(../images/bg-titolo.gif) left repeat-y; 
	height:20px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	letter-spacing:1px;
	font-size:14px;
	line-height:20px;
}

.box .box-interno {
	width:155px;
	background:url(../images/bg2.gif) right repeat-y;
	margin:4px 0;
	padding-bottom:4px;
}

.titolo-box-interno {
	height:20px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	letter-spacing:1px;
	font-size:14px;
	line-height:20px;
	color:#005eac;
}


ul.menu {
width:700px;
height:50px;
background:url(../images/bg-menu.gif) bottom repeat-x;
list-style:none;
padding:0;
margin:0;


}


.m-sx{position:absolute; left:-5px; top:5px}
.m-dx{position:absolute; right:-5px; top:5px}


ul.menu li { 
	float:left; 
	height:50px; 
	line-height:50px; 
	color:#FFFFFF; 
	font-weight:bold; 
	letter-spacing:1px; 
	font-size:11px;
	font-family: sans-serif, Verdana, Arial, Helvetica;
	border-right:2px solid #4e4e4e; 
	min-width:75px;
	width:auto !important;
	width:75px;
	text-align:center;
	
	
}


ul.menu li a { text-decoration:none; display:block; color:#FFFFFF; padding:0 4px; }

ul.menu li a:hover { text-decoration:none; color:#FFFFFF; background:url(../images/bg-menu-hover.gif) center repeat-x}


#footer { width: 100%; height:57px; background:url(../images/footer2.gif) center no-repeat; margin:10px auto; }

#footer p.r1 { margin:0 auto;  font-size:11px; text-align:center; padding:10px 5px 5px 5px; width:940px;  }
#footer p.r2 { margin:0 auto;  font-size:11px; text-align:center; padding:5px; width:940px;  }
#footer a { text-decoration:none; color:#484848; font-weight:bold; letter-spacing:1px; margin:0 5px}
#footer a:hover { color:#990000}

.msg { 
	background: url(../images/bgx.gif) repeat-x; 
	font-size:12px; 
	font-weight:bold; 
	text-transform:uppercase; 
	text-align:center; 
	letter-spacing:1px; 
	margin-top:20px; 
	border-top:1px solid #d3d3d3;
}

.msg p { margin:0; padding:8px; text-align:center}

.box-text { 
	background: url(../images/bgx.gif) repeat-x; 
	margin-top:10px; 
	border-top:1px solid #d3d3d3;
	text-align:justify;
	float:left;
	
	
}


.text-contatti{ width:800px;  float:left; margin:20px 0 0 30px; min-height:30px; height:auto !important; height:30px; }
.option { float:left; width:300px}
.option2 { float:left; width:200px}
.text-disclaimer{ width:600px;  font-size:9px; float:left; text-align:justify; margin:20px 0 0 30px;}
.text-disclaimer2{ width:450px;  font-size:9px; float:left; text-align:justify; margin:20px 0 0 30px;}
.text-radiobutton{ font-size:11px; clear:left}
.input-contatti{ border:1px solid #999; font-size:11px; background-color:#d3d3d3; width:300px}
.input-contatti2{ border:1px solid #999; font-size:11px; background-color:#d3d3d3; width:250px;}
.riga-contatti {

	width:980px;
	height:40px;
	
	
}

.note { 
	height:120px; 
	width:300px; 
	background-color:#d3d3d3; 
	border:1px solid #999;
} 

.note2 { 
	height:40px; 
	width:250px; 
	background-color:#d3d3d3; 
	border:1px solid #999;
} 
.tx { width:700px; height:30px; line-height:30px; background:url(../images/bg-tx.gif) top repeat-y; margin-bottom:10px;}


.tx1 { height:30px; line-height:30px; background:url(../images/bg-tx1.gif) left repeat-y; margin-bottom:10px; letter-spacing:1px; margin-left:5px;}

.riga {
	font-size:12px; 
	width:970px; 
	min-height:160px; 
	height:auto !important; 
	height:160px; 
	background:url(../images/bg-riga.gif) top repeat-y;
	margin:10px 0;
	
} 

.riga p { padding:0 5px;}


.element1 {float:left; border-right:1px dotted #d3d3d3; width:190px; height:160px; text-align:center}
.element2 {width:750px; height:160px; float:left; text-align:justify}

.gradualshine{
filter:alpha(opacity=50);
-moz-opacity:0.5;
}


#mc_new_home { background:url(../images/sf_new_homepage.gif) top no-repeat; width:950px; margin: 0 auto;  text-align: left;  }


.box-home { width:130px; height:220px; background:url(../images/sf_box_home.gif) no-repeat; margin-right:50px; margin-top:20px; float:left; padding-top:3px; display:inline;
 }

.box-home .x { height:18px; padding-left:5px; }


.btn { height:24px; }

.btn .sx { background:url(../images/btn_sx.gif) left no-repeat; width:6px; height:24px; float:left}

.btn .ctr {background:url(../images/btn_ctr.gif) left repeat-x; height:24px; float:left; font-size:1em; font-weight:bold;}

.btn .ctr .padd { padding:6px 5px 0 5px;}

.btn .dx {background:url(../images/btn_dx.gif) left no-repeat; width:30px; height:24px; float:left }


#bottom_home { width:961px; height:400px; margin-top:6px;      }

#bottom_home .sb-inner { background:url(../images/sf_bh1.jpg) no-repeat;}
#bottom_home .sb-border { background:#e0e0e0}


#bottom_home .col { width:220px; height:340px;  border-right:1px solid #e0e0e0; float:left; margin-top:10px}

#bottom_home .col .si { padding:5px;  height:100%; position:relative}
#bottom_home .col .gr { padding:5px;  height:100%; position:relative}
#bottom_home .col .sw { padding:5px;  height:100%; position:relative}


#bottom_home .col .tt { width:202px; height:23px; background:url(../images/tt_col.gif) repeat-x; }

#bottom_home .col .si .foto { width:65px; height:65px; border:1px solid #e0e0e0; }

.list .riga_evento  {
position:relative; 
width:208px; 
min-height:65px; 
height:auto !important; 
height:65px; 
border-bottom:1px dotted #bbb;
}

.list .riga_evento .thumb  {height:53px; width:75px; overflow:hidden; margin-left:3px; }

.list .riga_evento a.link_evento { 

display:block;  
min-height:65px; 
height:auto !important; 
height:65px;
padding:8px 0; }


.list .riga_evento a.link_evento:hover { color:#000; background:#fff; cursor:pointer;}


#promo_home { width:265px; height:340px; float:left; margin-left:15px;  position:relative;  }

#promo_home #promo_top { width:265px; height:130px; margin-bottom:4px; text-align:center;  }

#promo_home #promo_top img { margin-top:8px  }
#promo_home #promo_top a { z-index:auto  }

#promo_home #promo_bottom { width:265px; height:210px; position:relative }
#promo_home #promo_bottom img { margin-left:2px}
#promo_home #promo_bottom a { z-index: auto}

#promo_top .sb-inner { background:#FFF }
#promo_top .sb-border { background:#e0e0e0}

#promo_bottom .sb-inner { background:#fff}
#promo_bottom .sb-border { background:#e0e0e0}


/* Servizi */

.box_up {border-bottom:1px solid #d3d3d3; min-height:120px; height:auto !important; height:100px; margin-bottom:10px;}
.box_info {float:left; height:80px; padding:5px 10px 5px 0; margin:10px; border-right:1px solid #d3d3d3}