body {
	background-position: center top; margin:0; padding:0; background-color: #FFFFFF;
	font-family: Arial, verdana, sans-serif;
	font-size: 12px;
	line-height: 1.5em; 
	background-image:url('jfsfondo.jpg'); background-repeat:no-repeat

}

a {
	color: #BD0000;text-decoration:none
}

a:hover {
	color: #ffffff;text-decoration:none
}

h4.dotsep {margin-top:10px;color: #F03B05;
	border-bottom: 1px dashed #bcbcbc;
	padding-bottom:10px; font-size:16px; font-weight:bold
}


#categorie{text-align:left;z-index:10;position:absolute;top:20px;left:200px;width:200px}
#categorie a:hover {color:#000000}
#categorie h2 { font-size:16px;padding-bottom:9px}
#categorie .selezionato a{color:#000000}
#categorie .selezionato a:hover{color:#BD0000}

#brani  {position:absolute;left:500px;z-index:20;top:20px}
#brani td {padding-right:10px;font-size:11px}
#brani td a:hover{color:#000000}

.small  {font-size:8px}
.small a:hover  {color:#000000}
ul,ol { list-style:none; }

h1,h2,h3,h4,h5,h6,pre,code,cite { font-size:1em; font-weight: normal; font-style: normal; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin: 0; padding: 0; }


.fotosmall{border:2px solid #000000; width:145px}

.maschera_flash{ position: absolute; left:0px; top:0px; background-image: url('soprabox.png'); 
               background-repeat: no-repeat; background-position: left top;z-index:10;width:950px;height:450px}



 ul.features {

	width: 100%;
}

 ul.features li {
	float: left;
	display: block;
	width: 592px;
	margin: 0 20px 20px 0;
}

ul.features li.c2 {
	margin-right: 0;
}

 ul.features li .feat_icon {
	float: left;
}
 ul.features li .feat_text {
	margin: 0 0px 0 180px;
}

ul.features li .feat_text h4 {
	margin: 0;
	font-weight: bold;
	font-size: 11px;
	color: #cccccc;
	font-family: Arial, Verdana, sans-serif;
}


ul.features li .feat_text h6 {
	font-size: 12px;
	color: #CCCCCC;
}


#body #main_content ul.features li .feat_text p {
	margin: 0;
}



#boxcentro a{padding:3px;display:block;font-size:13px;font-weight:bold;color:#F03B05 }
#boxcentro a:hover{color:#666666 }


#boxpromo {width: 950px; height: 130px;  }


#boxpromo h3 {margin-left:15px;font-weight:bold;margin-top:9px;color:#2C2C2C;font-size:17px;font-family:Verdana;margin-bottom:3px; word-spacing:-1px; letter-spacing:-1px}

#sito {width:950px}
#header  {width:950px;height:100px;position:relative}



#logo {position:absolute;left:10px;top:0px;z-index:0}
#facebook {position:absolute;left:900px;top:0px;z-index:13210}
#youtube {position:absolute;left:850px;top:20px;z-index:13210}


#accesso{font-size:10px;font-family:verdana;color:#999999;position:absolute;left:500px;top:15px;z-index:15}
#accesso input {width:100px;padding:3px;border:1px solid #E8E8E8; font-size:11px;font-family:verdana;color:#E8E8E8;background-color:#333333}

#accesso a:hover{color:#333333}

#menu {position:absolute;top:95px;width:940px;text-align:right}

#menu a {padding:5px;color:#000000;font-size:12px;font-family:verdana;font-weight:bold}
#menu a:hover {color:#999999;font-size:12px;font-family:verdana}

#content {margin-top:15px;margin-bottom:10px;text-align:center;position:relative }


#boxcentro{background-position: left top; color:#333333;overflow-x:no;overflow-y:auto;width:950px;height:500px;background-color: #FFFFFF; background-image:url('sfondodentro.jpg'); background-repeat:no-repeat}

#footer  {color:#666666;font-size:11px;}
#footer a {color:#666666;font-size:11px;}
#footer a:hover {color:#333333;font-size:11px;}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 930px; /*Width of Carousel Viewer itself*/
height: 120px; /*Height should enough to fit largest content's height*/
}



.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px; /*margin around each panel*/
width: 150px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */}


.stepcarousels{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 880px; /*Width of Carousel Viewer itself*/
height:420px; /*Height should enough to fit largest content's height*/
}



.stepcarousels .belts{
position: absolute; /*leave this value alone*/
left: 20px;
top: 0;
}

.stepcarousels .panels{
margin-left:30px;
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-right:20px;
width:830px;height:430px; 
}







#formnero td {text-align:left;color:#ffffff;font-weight:bold}
#formnero input        {font-size:10px;padding:2px;border-right:0px solid #FFFFFF;border-left:0 solid #FFFFFF;border-top:0px solid #FFFFFF;border-bottom:1px solid #FFFFFF; color: #FFFFFF;  background-color: #000000}