*{margin:0;padding:0}
body{
	margin:0;
	padding:0;
	background:#777 url(/i/bg/sf_index.gif) repeat-y center;
	text-align:center;
	font-family:Tahoma, verdana, Arial, Helvetica, sans-serif;	
	color:#fff;
	line-height:105%}

a{color:#eee8aa;text-decoration:underline}
a:hover{color:#999;text-decoration:none}
sup {font-size:90%}
ins{text-decoration:none}
h1{font-size:1.4em;line-height:1.2em;margin:0 0 30px 0;color:#eee8aa;letter-spacing:.1em}
h2{color:#eee8aa;font-size:1em;margin:.4em 20px .8em 0;line-height:1.2em;font-weight:bold}
h2 a{color:#666;font-size:.9em}
h3{font-size:1em;color:#eee8aa;margin:.6em 0 .4em 0}
h4{font-size:.8em;margin-top:10px;margin-bottom:5px}
h6{font-weight:normal;font-size:.7em}
p{margin:0;font-size:.7em;line-height:1.5em}

/*td, th{background:#fff;padding:2px 1px 2px 1px}*/
table {font-size:.7em;width:96%;background:#666;margin:10px}
tr {background:#eee8aa}
tr.titolo td {background:#666;color:#eee8aa;font-weight:bold}
td{color:#000;padding:2px}
td a:link, td a:hover, td a:visited {text-decoration:underline;color:#000}

img{border:0}

/* ---------------------------------- container ---------------------------------- */
#container{margin:0 auto;text-align:left;width:760px;background:#333}

/* ---------------------------------- header ---------------------------------- */
#header{
	height:191px;
	padding:0;
	margin:0 0px 0px 0px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#333 url(/i/sfheader/0.jpg) no-repeat left bottom;
}
#header a{display:block;width:760px; height:191px;text-decoration:none}

#header p{
	padding-top:20px;
	text-align:right;
}

#menu{
	height:22px;
	position:relative;
	color:#fff;
	font-size:11px;
	width:742px;
	padding:8px 1px 0 0;
	margin:0 8px 0px 8px;
}
#menucont
{	
    padding:5px 2px 0 0;
    text-transform:uppercase;
    font-size:11px;
    padding-left:5px
}

#menucont a{color:#fff;font-weight:normal;text-decoration:none}
#menucont a:hover{text-decoration:underline}
#lingue{
	display:block;
	height:30px;
	width:270px;
	position:absolute;
	top:5px;
	left:575px;
	text-decoration:none;
}

#lingue a{
	color:#fff;
	text-decoration:none;
}
#lingue a:hover{
	text-decoration:underline;
}

/* ---------------------------------- corpo ---------------------------------- */
#corpo, #corpohome{
	margin:0;
	padding:0px 0 0 0px;
	min-height:500px;
	height:auto! important;
	height:500px;
	width:760px;
	text-align:left;
	background:#333}
	
/*utilizzato in home page e dove serve la colonna destra per delimitarla con linea bianca */
#corpohome{background:#333}


/* ---------------------------------- dx ---------------------------------- */

#dx {float:right;
    width:240px;
    margin-top:0;
    height:100%;
    padding:10px 0px 0px 10px;
    background:#333}


/* ---------------------------------- sx ---------------------------------- */
#sx, #sxhome {
  float:left;
  width:500px;
  min-height:800px;
  height:auto!important;
  height:800px;
  padding:10px 0px 5px 5px;
  background:#333;
  color:#fff;
  border-right:1px solid #eee8aa}
  
#sx {width:740px}

#sx h2, #sxhome h2, #sx h3, #sxhome h3, #sx h4, #sxhome h4, #sx p, #sxhome p {padding-left:4px}

#sx ul, #sxhome ul{margin:0;padding-left:18px;list-style-type:circle}
#sx li, #sxhome li {font-size:11px}
#sx li a:link, #sxhome li a:link, #sx li a:visited, #sxhome li a:visited{font-weight:bold;text-decoration:underline}

#map{
    width:490px;
    height:400px;
    border:1px solid #999;
    margin:15px 0 0px 10px;
    padding:5px}

div#login{background:#8B8585;width:97%;border:1px solid #666;min-height:150px;height:auto !important;height:150px;margin:1em auto}
div#registrazione{background:#8B8585;width:97%;border:1px solid #666;min-height:150px;height:auto !important;height:150px;margin:1em auto}
div#login-sponsor{background:#8B8585;width:97%;border:1px solid #666;min-height:150px;height:auto !important;height:150px;margin:1em auto}

/* ---------------------------------- homegall ---------------------------------- */

#homegall{
    height:100px;
    background:#8B8585;
    padding:3px 0 0 8px;
    min-height:200px;
    height:auto !important;
    height:200px;
    border-top:1px solid #eee8aa}

#homegall2{
    height:100px;
    background:#333;
    padding:3px 0 0 8px;
    min-height:120px;
    height:auto !important;
    height:120px;
    border-top:1px solid #eee8aa}

#homegall h3,#homegall2 h3{font-size:.8em;color:#eee8aa;margin:.6em 0 .4em 0}
#homegall h3 a:hover,#homegall2 h3 a:hover{color:#333}

/* ---------------------------------- footer ---------------------------------- */


#footer
{
	clear:both;	
	text-align:center;
	color:#fff;
	background:#000;
	line-height:28px;
	min-height:35px;
	height:auto!important;
	height:35px;
	padding-top:10px;
	border-top:1px solid #eee8aa}

#footer p{
	text-align:center;
	line-height:15px;
	margin-bottom:2px;
	font-size:60%}

#footer a {text-transform:uppercase;text-decoration:none}
#footer a:hover {text-decoration:underline}



/* ---------------------------------- classes ---------------------------------- */

.img_gall {margin:10px 19px 10px 0px;border:1px solid #ccc;width:100px;height:75px}
.img_gall2 {margin:10px 19px 10px 0px;border:1px solid #ccc;width:120px;height:90px}
.img_float {float:left;margin:4px 8px 0px 0;border:1px solid #ccc}
.img_small_r { width:120px;float:right;margin:0px 8px 0px 0}
.img_small_l {width:120px;float:left;margin:0px 0px 0px 8px}
.info_img{width:200px;float:right;margin:40px 20px 0px 8px}
.img_news {width:200px;float:left;margin:5px 8px 0px 0px;border:1px solid #ccc}
.img_news_home {width:120px;float:left;margin:5px 8px 0px 4px;border:1px solid #fff}
.imgsx {width:80px;border:1px solid #ddd;float:left;margin:6px 5px 0 0}
.imgdx {width:220px;border:1px solid #ddd;margin:6px 5px 0 0}
.img_gborder{border:1px solid #ccc}

.small {font-size:.7em}
.small_i {font-size:.8em;font-style:italic;font-weight:normal}
.small_l {font-size:.7em;margin:5px 4px 8px 0}
.midsmall {font-size:.8em}
.center {text-align:center}
.b {font-weight:bold}
.i {font-style:italic}
.midgrey{color:#fff}
.midgreyb {color:#fff;font-weight:bold}
.lightgrey{color:#fff}
.greyb {color:#999;font-weight:bold}
.subtitle {font-size:80%;font-style:italic}
.black{color:#000}

.downloadpdf {background:url(/i/icone/pdf.gif) no-repeat 10px 0px;margin-top:5px;margin-bottom:5px;height:15px;padding:1px 0 0 30px}
.downloadword {background:url(/i/icone/word.gif) no-repeat  10px 0px;margin-top:5px;margin-bottom:5px;height:15px;padding:1px 0 0 30px}
.downloadtxt{background:url(/i/icone/notepad.gif) no-repeat  10px 0px;margin-top:5px;margin-bottom:5px;height:15px;padding:1px 0 0 30px}
.downloadswf {background:url(/i/icone/swf.gif) no-repeat  10px 0px;margin-top:5px;margin-bottom:5px;height:15px;padding:1px 0 0 30px}
.downloadjpg {background:url(/i/icone/jpg.gif) no-repeat  10px 0px;margin-top:5px;margin-bottom:5px;height:15px;padding:1px 0 0 30px}
.phone{ margin:5px 0 5px 0;padding-left:24px;background:url(/i/icone/phone.gif) no-repeat 4px 4px}
.fax{margin:5px 0 5px 0;padding-left:24px;background:url(/i/icone/fax.gif) no-repeat 4px 2px}
.email{ padding:0 0 0 24px;margin:5px 0 5px 0;background:url(/i/icone/email.gif) no-repeat 4px 2px}

.winclose {background:url(/i/icone/close.gif) no-repeat  7px 2px;margin-top:5px;margin-bottom:5px;height:15px;padding:1px 0 0 25px}
.internaltit {color:#eee8aa;font-size:.9em;margin-top:20px}
.titleft {margin-bottom:5px;font-size:.8em;font-weight:bold;color:#eee8aa}
.leftsep{border-top:1px solid #666;width:160px}

.normal_space{margin-top:10px;font-size:.75em}
.center_space{text-align:center;margin:60px 0 0 20px}
.clear {clear:both}
.yellow{color:#E5A500}

.torna {text-align:center;margin:20px 0 10px 0}
.segnala {margin-top:15px}
.print {background:#fff;color:#000}
.nostampa{text-align:center}

.psepar{
    text-align:right;
    background:transparent url(/i/bg/dots.gif) repeat-x 0 100%;
    color:#999;
    font-size:.7em;
    padding-bottom:2px;
    margin-top:10px;
    margin-bottom:15px;
    clear:both}


/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden}
	
.clearfix{display:inline-block}

/* Hides from IE-mac \*/
* html .clearfix{height:1%}
.clearfix{display:block;margin:0}
/* End hide from IE-mac */  

form, fieldset, legend, label {margin:0;border:0}

.formbutton{
 	border:1px solid rgb(189, 189, 189);
 	font-size:1em;
	width:70px;
	color:#000;
	text-align:center;
	padding:0 0 2px 0;
	background-color:#eee;
	cursor:pointer;
	height:1.7em}

.formfield{background:#fff;width:14em;padding-left:2px;margin:0 0 3px 0}

.radio{width:1.5em}

fieldset {margin:.5em 0;padding:1em;border:1px solid #ddd}

legend {
	font-size:.8em;
	background:#FCB040;
	color:#fff;
	font-weight:bold;	
	padding:.8em;
	line-height:.5em;
	margin-left:.2em}

label {
	display:block;
	float:left;
	width:9.2em;
	text-align:right;
	padding:0;
	font-size:.7em;
	font-weight:bold;
	margin:.2em .2em .5em 0}
	
input {
	border:#ccc 1px solid;
	width:20em;
	color:#000;
	font:normal 11px/1.3em Trebuchet MS, Verdana, sans-serif ;
	height:1.6em}

select {
	border:1px solid #ccc;
	color:#000;
	font:normal 11px/1.3em Trebuchet MS, Verdana, sans-serif} 

optgroup {color:#000;font:bold 12px/1.3em Trebuchet MS, Verdana, sans-serif}

optgroup option {color:#000;font:normal 11px/1.3em Trebuchet MS, Verdana, sans-serif;padding-left:1em}

textarea {
	border:#ccc 1px solid;
	padding:1px;
	color:#000;
	font:normal 11px/1.3em Trebuchet MS, Verdana, sans-serif;
	margin:0} 

input:hover, select:hover, textarea:hover {background-color:#fff}

input:focus, select:focus, textarea:focus {color:#000}

input.button {
	border:1px solid #333;
	background-color:#eee;
	margin:10px 0 0 0;
	padding:0 1em;
	color:#000;
	font-weight:bold;
	cursor:pointer;
	height:2em;
	width:14em} 

input.button:hover, input.button:active {
	border:1px solid #333;
	background-color:#FCB040;
	cursor:pointer}
	
/*MESSAGGERIA*/
dl {font-size:11px;color:#000;margin-bottom:5px;padding-right:5px}
dt {background-color:#666;border-bottom:1px solid #d2d2d2;padding:2px;color:#eee8aa}
dd {background-color:#fff;padding:2px}