*{margin:0; padding:0;}
body{
	margin:0;
	padding:0;
	background:#C0C0C0 url(/i/bg/sf.gif) repeat-x;
	text-align:center;
	font-family: verdana, Tahoma, Arial, Helvetica, sans-serif;	
	color:#333;
    line-height:105%;
    font-size:95%}

a:link, a:visited{color:#000;text-decoration:underline}
a:hover{color:#999;text-decoration:underline}
sup {font-size:90%;}

h1{font-size:1.6em; font-style:italic; line-height:1.4em; margin: 0px 0 35px 8px; padding-right:20px; color:#333; text-align:left;}
h2{font-size:1.1em; margin: .4em 0 .6em 0; color:#333; font-weight:normal;}
h3{font-size:1em; margin: 1.2em 0 .2em 0; color:#333;}
h4{color:#666; font-size:.8em;margin-top: 5px; margin-bottom:10px; font-style:italic;}
h6{font-weight:normal; font-size:.7em; }
p{ margin:0; font-size:.8em; line-height:1.5em; }

table {font-size:.8em;width:96%;background:green;margin:0 10px}
tr {background:#E8E8D7}
tr.titolo {background:#F7C524;color:#000;font-weight:bold}
td a, td a:visited {text-decoration:underline;color:#000}
td a:hover {text-decoration:underline;color:#000}

img {border:0}
/* ---------------------------------- container ---------------------------------- */

#wrapper{
	margin:0 auto;
	text-align:left;
	width:811px;
	background:transparent url(/i/bg/bg_wrap.gif) no-repeat 0 0;
	}

#container{
	margin:0 auto;
	text-align:left;
	width:760px;
	background:#fff;
	border-right:1px solid #999;
	border-left:1px solid #999;
	}

/* ---------------------------------- header ---------------------------------- */
#header{
	position:relative;
	height:290px;
	padding:0;
	background:transparent url(/i/bg/sf_head.gif) no-repeat right top}

#menu{
	height:20px;
	padding:20px 4px 0 6px;
	background: transparent;
	color:#fff;
	font-size:11px;
	text-align:right}

#menu a{ color:#fff; font-weight:bold; text-decoration:none;}
#menu a:hover{text-decoration:underline;}

#menusx{
	float:left;
	width:200px;
	text-align:left}
#menusx a{
	display:block;
	width:168px;
	height:19px;
}
	
#menumid{
	float:left;
	width:540px;
	font-size:11px;
	height:19px}

/* ---------------------------------- corpo ---------------------------------- */
#corpo{
	margin:0;
	padding-left:0px;
	min-height:500px;
	height:auto! important;
	height:500px;
	width:760px;
	text-align:left;
	background:#fff url(/i/bg/sf_corpo.gif) no-repeat right top}
/* ---------------------------------- dx ---------------------------------- */

#dx {float:left;width:172px; height:100%;padding:0; margin-right:3px;}

#dxtop{ 
   padding:150px 0px 5px 0px;
   /*min-height:145px;
   height:auto!important;
   height:145px;*/
   background: transparent;
}
#dxtop p{line-height:1.8em;height:1.8em}
#dxtop a:link,#dxtop a:visited,#dxtop a:hover{font-weight:bold;text-decoration:none}

#dxmiddle{
   padding:5px 0px 5px 0px;
   background:transparent;
   /*min-height:150px;
   height:auto!important;
   height:150px;*/
}

#dxbottom{
  padding:0px 0px 5px 0px;
  min-height:60px;
  /*height:auto!important;
  height:60px;
background:transparent*/}

/* ---------------------------------- sx ---------------------------------- */
#sx {
  float:left;
  width:574px;
  min-height:300px;
  height:auto!important;
  height:300px;
  padding:40px 0px 5px 0px; 
background:transparent;
  }

#sx p{padding-right:10px;}

#sx h2, #sx h3, #sx h4, #sx h5, #sx p {padding-left:10px;}

#sx ul {
	list-style: none;
	margin: 5px 10px 10px 0px;
	padding: 0;
	
}
#sx li {
	padding: 0px 0 5px 12px;
	background: transparent url(/i/icone/li_small.gif) no-repeat 0 5px;
	line-height:1.2em;
	font-size:12px;
	margin-left:10px;
}
#prodphoto{
  width:270px;
  float:right;
}

#searchform{margin-left:10px; padding:4px; width:93%; height:175px; background:#CFDFF9 url(/i/bg/sf_form.jpg) no-repeat top right; border:1px solid #ddd;}

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

#schede_info{border:1px solid #00669E; clear:both;margin:40px 10px 0 10px; background:#F9FA96;min-height:110px; height:auto!important;height:110px; width:520px;}
#schede_info_sx{float:left; width:260px;min-height:110px; height:auto!important;height:110px;}

#schede_info_dx{float:left; width:260px;min-height:110px; height:auto!important;height:110px;}

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

#banner { text-align:center; margin:10px 0 15px 0;}
#footer
{
	clear:both;	
	text-align:center;
	color:#fff;
	background: #fff url(/i/bg/sf_footer.jpg) no-repeat bottom;
	line-height:18px;
	min-height:20px;
	height:auto!important;
	height:20px;
	border-bottom:1px solid #999;
	padding-top:10px}

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

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

/* ---------------------------------- classes ---------------------------------- */
.sidepic {width:170px; border:1px solid #666;}
.blue {color:#006699; font-weight:bold;}
.titfilesx{margin-top:8px; margin-bottom:-2px;}
.filesx {padding-left:5px;}
.h1prod{text-align:center; padding:0;color:#006699; font-weight:bold; font-size:1.5em;}
.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:120px; float:left; margin:5px 8px 0px 0px; border:1px solid #666;}
.img_prod {width:200px;margin:0 0px 5px 50px;}
.logo_prod {width:200px;margin:0 0px 5px 30px;}
.img_prod_mini {width:90px;height:78px;}
.small {font-size:.7em;}
.small_grey {font-size:.7em;color:#999}
.midsmall {font-size:.8em;}
.center {text-align:center;}
.b {font-weight:bold}
.i {font-style:italic;}
.blue{color:#18459D;}
.orange{color:#DE0F18;}
.green{color:#8CC63F;}
.deepred {color:#3B85F4; font-size:.9em;margin-top:5px;}
.midgrey{color:#666;}
.lightgrey{color:#999;}
.subtitle {font-size:80%; font-style:italic;}
.indent {text-indent:10px}

.phone_sx{font-size: 80%; margin:5px 0 5px 0; padding-left:20px; background: url(/i/icone/phone.gif) no-repeat 0 4px;}
.fax_sx{font-size: 80%; margin:5px 0 5px 0; padding-left:20px; background: url(/i/icone/fax.gif) no-repeat 0 2px;}
.email_sx{font-size: 80%; margin:5px 0 5px 0; padding-left:20px; background: url(/i/icone/email.gif) no-repeat left 2px;}

.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:30px; background: url(/i/icone/phone.gif) no-repeat 10px 4px;}
.fax{margin:5px 0 5px 0; padding-left:30px; background: url(/i/icone/fax.gif) no-repeat 10px 2px;}
.email{ padding:0 0 0 30px; margin:5px 0 5px 0; background: url(/i/icone/email.gif) no-repeat 10px 2px;}

.moreinfo {background: url(/i/icone/email.gif) no-repeat  8px 1px; margin-top:5px; margin-bottom:5px; height:15px; padding: 1px 0 0 25px;}
.printprod {background: url(/i/icone/print.gif) no-repeat  7px 2px; margin-top:5px; margin-bottom:5px; height:15px; padding: 1px 0 0 25px;}
.winclose {background: url(/i/icone/close.gif) no-repeat  7px 2px; margin-top:5px; margin-bottom:5px; height:15px; padding: 1px 0 0 25px;}
.bggrey{background:#fff url(/i/bg/sf_grey.jpg) right; font-variant:small-caps;font-weight:bold; color:#fff; margin:10px 0 10px 0; line-height:17px; padding:1px 0 1px 2px;}
.bggrey a:link,.bggrey a:visited{color:#fff;text-decoration:none}
.bggrey a:hover{color:#fff;text-decoration:underline}
.internaltit {color:#3B85F4; font-size:.9em;margin-top:20px}

.normal_space{margin-top:10px;margin-bottom:10px}
.heading {margin-bottom:20px;}
.heading_right {text-align:right;margin-bottom:20px;}

.greyb {color: #999; font-weight:bold;}
.midgreyb {color: #666; font-weight:bold;}
.evidence  {font-size:1.1em; color:#3B85F4; font-weight:bold;}
.center_space{text-align:center; margin:60px 0 0 20px;}
.clear {clear:both;}
.greysubtitle{color:#bbb; font-size:90%; font-style:italic;}

.altre-foto{width:570px;margin:0 auto}

.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}

.info_prod_div {font-size:.8em; line-height:120%; padding-left:10px; margin-bottom:15px;}

a.schedahome {color:#3B85F4; font-weight:bold;  text-decoration:none;}
a.schedahome:hover {color:#999; text-decoration:underline;}
a.cathome {color:#999;  text-decoration:none;}
a.cathome:hover {text-decoration:underline;}

/* *** 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 */  

div#login{float:left;width:260px;border:1px solid green;min-height:130px;height:auto !important;height:130px;margin-left:5px}
div#registrazione{float:right;width:260px;border:1px solid green;min-height:130px;height:auto !important;height:130px;margin-right:10px}
div#reg-progetto{width:530px;border:1px solid green;min-height:250px;height:auto !important;height:250px;margin-left:10px}
div#giovani{float:left;width:265px;min-height:300px;height:auto !important;height:300px;margin-left:5px}
div#scuola{float:right;width:265px;min-height:300px;height:auto !important;height:300px;margin-right:10px}

input {font: 1em verdana, Tahoma, Arial, Helvetica, sans-serif}

div#stops p a:link{color:#999;margin:0 auto;width:811px;text-align:center}

div#login-sponsor{width:360px;border:1px solid green;min-height:190px;height:auto !important;height:190px;margin:1em auto}

/*MESSAGGERIA*/
dl {font-size:11px;color:#000;margin:5px 5px 5px 10px}
dt {background-color:#fff;border-bottom:1px solid #d2d2d2;padding:2px;color:#DE0F18}
dd {background-color:#fff;padding:2px}
div#nuovo-messaggio{width:530px;border:0;min-height:250px;height:auto !important;height:250px;margin-left:10px}
#nuovo-messaggio label {
	display:block;
	float:left;
	width:9.2em;
	text-align:right;
	padding:0;
	font-size:.7em;
	font-weight:bold;
	margin:.2em .2em .5em 0}
	
#nuovo-messaggio input.button {
	border:#ccc 1px solid;
	width:20em;
	color:#000;
	font:normal 11px/1.3em Verdana, sans-serif;
	height:1.6em}