*{margin:0;padding:0}
body{
	margin:0;
	padding:0;
	background:#f2f1e5 url(/i/bg/sf_body.jpg) ;
	text-align:justify;
	font-family:arial, Tahoma,verdana,  Helvetica, sans-serif;	
	color:#333;
line-height:105%}

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

h1{font-size:1.7em;line-height:1.2em;margin:5px 0 25px 0;color:#000;font-weight:normal; font-family:Georgia, arial, Tahoma,verdana, }
h2{font-size:1.3em;margin:15px 0 10px 0;color:#333;font-weight:normal}
h3{font-size:1em;margin:14px 0 10px 0;color:#666;font-weight:normal}
h4{color:#845C46;font-size:.8em;margin-top:10px;margin-bottom:5px}

h6{font-weight:normal;font-size:.8em;}
p{ margin:0;font-size:.8em;line-height:1.5em;}

td, th{background:#fff;padding:2px 1px 2px 1px}


img{border:0}
/* ---------------------------------- container ---------------------------------- */
#container{
	text-align:left;
	width:960px;
	padding:0;
	background:transparent url(/i/bg/sf_container.png) repeat-y center;
	margin:0 auto;
	position:relative;
	padding-top:290px;
	}

/* ---------------------------------- header ---------------------------------- */
#top
{
	background:transparent url(/i/bg/sf_top.png) no-repeat center -3px ;
	height:14px;
	width:960px;
	margin:0 auto;
		}

#intest
{   margin:0 auto;
    height:265px;
    width:935px;
    background:url(/i/bg/header/01.jpg) no-repeat center;
position:absolute;
top:0px;
left:13px;
    }

#animation{width:924px; height:265px; z-index:100; padding:0px; 	background:transparent url(/i/bg/header/00.jpg) no-repeat 0 0;
}

#live_animation {
margin: 0;
width: 935px;
height: 265px;
}





#header{
margin:0 auto;
	background:#transparent;
	width:960px;
    position:relative;
}


/*loghi */

#logo_associazione{
	display:block;
	height:120px;
	width:400px;
	position:absolute;
	top:285px;
	right:-155px;
	background: url(/i/loghi/logo.png) no-repeat 0 0;
}



#logo_associazione a{
	display:block;
	height:120px;
	width:400px;
	text-decoration:none;
	background:transparent;
}



#logo_proloco{
	display:block;
	height:150px;
	width:950px;
	position:absolute;
	top:-5px;
	left:0px;
	background: url(/i/loghi/proloco_scandriglia.png) no-repeat 0 0;
}



#logo_proloco a{
	display:block;
	height:150px;
	width:950px;
	text-decoration:none;
	background:transparent;
}

#logo_footer{
	display:block;
	height:100px;
	width:87px;
	position:absolute;
	bottom:-123px;
	left:25px;
	background: url(/i/loghi/proloco_scudo.png) no-repeat 0 0;
}






#breadcrumbs{
    font-size:.75em;
    margin:8px 0 0 20px;
    padding-top:10px;
    z-index:100;
    background:transparent;
    width:740px;
    color:#999;}
               
  #breadcrumbs a
  {
    color:#999;
  }
        


/* ---------------------------------- corpo ---------------------------------- */
#corpo{
	margin:0;
	padding:20px 15px 20px 15px;
	width:915px;
	margin-left:9px;
	text-align:left;
	background:transparent;
    min-height:500px;
    height:auto !important;
    height:500px;

}
#homepage{ margin-top:10px;}

.sxcont
{
    width:425px; 
    float:left; 
    padding:0;
    margin-right:20px;
}

.dxcont
{
    width:250px; 
    float:left; 
    padding:0;
}




/* ---------------------------------- sx ---------------------------------- */

#sx {float:right;
    width:200px;
    margin:0px 0px 0 0;
    height:100%;
    padding:0 5px 0 0px;
    }
#sx a {text-decoration:none;}
#sx a:hover {text-decoration:underline}




/* ---------------------------------- dx ---------------------------------- */
#dx {
  float:left;
  width:700px;
  min-height:300px;
  height:auto!important;
  height:300px;
  padding:0px 0px 5px 5px;
  margin:0;
  }
#dx p {margin-right:10px;}

#dx ul {
	list-style:none;
	margin:5px 10px 10px 0px;
	padding:0;
	font-size:.8em;
}
#dx  li {
	padding:0px 0 5px 12px;
	background:transparent url(/i/icone/square.jpg) no-repeat 0 5px;
	line-height:1.2em;
	margin-left:10px;
}




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


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


#footer
{
	clear:both;	
	text-align:center;
	color:#000;
	background:transparent url(/i/bg/sf_footer.png) no-repeat center 0px ;
	line-height:44px;
	min-height:44px;
	height:auto!important;
	height:44px;
	padding:27px 0 10px 0;
	width:960px;
	margin:0 auto;
		}

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

#footer a 
{
	color:#000;
	text-transform:uppercase;
	text-decoration:none;
	}

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






/* ---------------------------------- classes ---------------------------------- */
.dataprog{margin-bottom:15px;}
.dataprog a{color:#999;}
.bord_bott{border-bottom:1px solid #ebcf47; padding-bottom:6px;}
.bord_yell{border:1px solid #ebcf47; margin-bottom:20px;}

.cont_right{margin-bottom:30px;}
.margin{margin-top:15px;}
.min12{margin-top:-12px;}
.readall{margin-top:20px; clear:both;text-transform:uppercase; font-size:.7em;}
.readall a{color:#666;padding-left:10px;background:url(/i/icone/greyarr.png) no-repeat 0 50%;}
.readall a:hover{background:url(/i/icone/redarr.png) no-repeat 0 50%;}
.sq_list{background:url(/i/icone/yellarr.png) no-repeat 0 50%; padding-left:15px; margin-bottom:8px;}
.sq_list a{color:#666;}
.spacer{margin:10px 0 10px 0;}
.img_float {float:left;margin:0px 8px 0px 0;border:1px solid #ccc}

.logo_home {float:left;margin:0px 8px 0px 0;}
.img_r { float:right;margin:0px 8px 0px 0;}
.img_l {float:left;margin:0px 15px 0px 4px}
.info_img{width:200px;float:right;margin:40px 20px 0px 8px}
.img_news {width:120px;float:left;margin:2px 8px 0px 0px;border:1px solid #ccc}
.img_prod {width:200px;margin:0 0px 5px 50px}
.img_200 {width:200px;}
.img_300 {width:300px}
.float{float:left;}
.img_gall 
{
   
    margin:10px 10px 10px 0px;
    border:1px solid #ccc;
    width:160px;
}
.prod_info{width:435px;}  
.logo_prod {width:200px;margin:0 0px 5px 30px}
.img_prod_mini {width:90px;height:78px}
.small {font-size:.7em}
.nsmall {font-size:.7em;font-weight:normal;}

.midsmall {font-size:.85em}
.center {text-align:center}
.right{text-align:right;}
.b {font-weight:bold}
.i {font-style:italic}
.blue{color:#18459D}
.orange{color:#FCB040}
.green{color:#8CC63F}
.deepred {color:#aa353b;font-size:.9em;margin-top:5px}
.midgrey{color:#666}
.midgreysmall{color:#666;font-size:.8em;}
.lightgrey{color:#999}
.lightgreysmall{color:#999; font-size:.8em;}

.subtitle {font-size:80%;font-style:italic}
.dettprod{background:#fff;border:1px solid #DDCCBA;margin-right:7px;width:530px}
.red{color:#aa353b;}
.newstit{color:#aa353b; font-family:georgia, Verdana, tahoma;}
.newscont{clear:left; margin-top:20px; padding-bottom:10px; border-bottom:1px solid #ddd;}
.downloadpdf {background:url(/i/icone/pdf.gif) no-repeat 0px 0px;margin-top:5px;margin-bottom:5px;padding:1px 0 3px 20px;}
.downloadword {background:url(/i/icone/word.gif) no-repeat  0px 0px;margin-top:5px;margin-bottom:5px;padding:1px 0 3px 20px}
.downloadtxt{background:url(/i/icone/notepad.gif) no-repeat  0px 0px;margin-top:5px;margin-bottom:5px;padding:1px 0 0 20px}
.downloadswf {background:url(/i/icone/swf.gif) no-repeat  0px 0px;margin-top:5px;margin-bottom:5px;padding:1px 0 0 20px}
.downloadjpg {background:url(/i/icone/jpg.gif) no-repeat  0px 0px;margin-top:5px;margin-bottom:5px;padding:1px 0 0 20px}
.downloadvid {background:url(/i/icone/vid.gif) no-repeat  0px 2px;margin-top:5px;margin-bottom:5px;padding:1px 0 0 20px}
.phone{ margin:5px 0 5px 0;padding-left:15px;background:url(/i/icone/phone.gif) no-repeat 0px 4px}
.fax{margin:5px 0 5px 0;padding-left:15px;background:url(/i/icone/fax.gif) no-repeat 0px 2px}
.email{ padding:0 0 0 18px;margin:5px 0 5px 0;background:url(/i/icone/email.gif) no-repeat 0px 2px}

.segnala {background:url(/i/icone/segnala.gif) no-repeat  0px 2px;margin-top:5px;margin-bottom:5px;height:15px;padding:1px 0 0 18px}
.winclose {background:url(/i/icone/close.gif) no-repeat  7px 2px;margin-top:5px;margin-bottom:5px;height:15px;padding:1px 0 0 25px}
.bgred{background:#fff url(/i/bg/sf_red.gif) 0 0;color:#fff;margin-top:10px;line-height:17px;padding:1px 0 1px 12px}
.bgred2{background:#fff url(/i/bg/sf_red.gif) 0 0;color:#fff;margin-top:20px;line-height:17px;padding:1px 0 1px 12px}
.big{font-size:1.2em;}

.greyb {color:#999;font-weight:bold}
.midgreyb {color:#666;font-weight:bold}
.evidence  {font-size:1.1em;color:#aa353b;font-weight:bold}
.center_space{text-align:center;margin:60px 0 0 20px}
.clear {clear:both}
.torna {clear:left;text-align:center;margin:30px 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:5px;
    margin-bottom:10px;
    clear:both;
}

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


/* *** 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, radio {border:0}

.formbutton{
 	border:1px solid rgb(189, 189, 189);
 	font-weight:bold;
	width:50px;
	color:#fff;
	text-align:center;
	padding:0 2px 2px 2px;
	background-color:#AE2513;
	cursor:pointer;
	}

.formfield{
	background:#fff;
 	width:160px;
	padding-left:2px;
	margin-bottom:5px;}


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

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

label {
	display:block;
	float:left;
	width:100px;
	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;
	text-align:left}

	

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-bottom:5px;} 

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

input:focus, select:focus, textarea:focus, button:focus, button:hover {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;
	color:#000;
	cursor:pointer}
	
	
input.radio{
    font-size:10px;
    border:0;
    width:20px}