*{padding: 0px;margin: 0px}
body
{
    font-size: 95%;
    background: #C2DC90 url(/i/bg/sf_body.jpg) repeat-x;

    color: #333;
    line-height: 105%;
    font-family:  verdana, tahoma, arial, helvetica, sans-serif;
    text-align: center
}
a
{
    color: #333;
    text-decoration: underline
}
a:hover
{
    color: #999;
    text-decoration: none
}
sup
{
    font-size: 90%
}
h1
{
    font-size: 1.3em;
    margin: 0px 0px 20px 0;
    color: #6baa1c;
    font-weight:normal;
    line-height:1.2em;
}
h2
{
    font-weight: normal;
    font-size: 1.1em;
    margin: 15px 0px 10px;
    color: #395B0F;
}
h3
{
    font-size: 1em;
    margin: 1.2em 0px 0.2em;
    color: #333
}
h4
{
    margin-top: 5px;
    font-size: 0.8em;
    margin-bottom: 10px;
    color: #666;
    font-style: italic
}
h6
{
    font-weight: normal;
    font-size: 0.7em
}
p
{
    font-size: 0.8em;
    margin: 5px 0px 3px 0;
    line-height: 1.5em
}

img
{
    border: 0px
}
sup{font-size:.7em;}

#wrapper
{
    background: none transparent scroll repeat 0% 0%;
    margin: 0px auto;
    width: 811px;
    text-align: left;
    position:relative;
}
#container
{
    border-right: #ccc 1px solid;
    background: #fff;
    margin: -2px auto 0px;
    border-left: #ccc 1px solid;
    width: 760px;
    text-align: left
}
#testata
{
    height: 168px
}
#logo
{
    /*background: url(/i/loghi/pasta-kilioff-natale.jpg) no-repeat 0px 0px;*/
    background: url(/i/loghi/pasta-kilioff.jpg) no-repeat 0px 0px;
    left: 20px;
    float: left;
    width: 180px;
    position: relative;
    top: 8px;
    height: 85px
}
#logo a
{
    display: block;
    width: 180px;
    height: 85px;
    text-decoration: none
}
#associazione-uomini-casalinghi
{
    float:left;
    /*background: url(/i/loghi/approvazione-asuc.jpg) no-repeat 0px 0px;*/
    margin:15px 0px 0px 30px;
    width:299px;
    height:72px
}
#pasta-dimagrante
{
    float:left;
    margin:12px 2px 0px 10px;
    width:170px
}
#pasta-dimagrante a
{
   color: #6baa1c;
   text-decoration:none;
}
#pasta-dimagrante a:hover
{
   color: #6baa1c;
   text-decoration:underline;
}
#pasta-dimagrante p{
	margin-top:-3px;
	padding:0px 0 0px 5px;
	font-style:italic;
	font-size:12px;
	color: #6baa1c;
}
#language
{
    position:absolute;
    top:10px;
    right:80px;
}

#fb
{
    position:absolute;
    top:9px;
    right:50px;
}

#spedizione_gratuita
{
    position:absolute;
    top:41px;
    right:32px;
}


#animation {
 width:760px;
 height:250px;
 background:transparent;
}

#noflash{padding-top:40px; text-align:center;}
#header
{
    padding-right: 5px;
    padding-left: 204px;
    background: url(/i/bg/sf_header.jpg) #fff no-repeat right top;
    padding-bottom: 0px;
    padding-top: 0px;
    position: relative;
    height: 254px
}
#header p
{
    padding-top: 50px;
    text-align: right
}
#corpo
{
    padding-left: 0px;
    min-height: 500px;
    height:auto! important;
    height: 500px;
    background: url(/i/bg/sf_sxbottom.jpg) #fff repeat-y left 50%;
    margin: 0px;
    width: 760px;
    text-align: left
}

#corpo a { color: #395B0F;}
#corpo a:hover { text-decoration:none;}

#sx
{
   text-align:justify;
    min-height: 300px;
    height:auto!important;
    height: 300px;
    float: left;
    width: 500px;
   margin-right:10px;
    padding: 20px 0 5px 10px;

    
}
#sx ul
{
    padding: 5px 10px 10px 0px;
    list-style-type: none
}
#sx li
{
    padding-left: 12px;
    font-size: 80%;
    background: url(/i/icone/li_small.gif) no-repeat 0px 6px;
    padding-bottom: 5px;
    margin-left: 10px;
    line-height: 1.2em;
}
#fb_home{margin:10px 0 10px 5px;}

#testimonials {float:left;width:235px;margin-right:28px;margin-bottom:10px}
#testhome{background:#D6F69E;padding:5px;}
#testhome img{float:left;border:1px solid#ccc;margin:5px 5px 4px 0;width:80px}
#test_a a{color:#fff; text-decoration:none;}
#newsletter_home{width:235px;float:left;margin-bottom:10px}
#newsletter_home img {border:1px solid#ccc;margin:0}
#newsl_a a{color:#fff; text-decoration:none;}

#news_home{width:500px}
#news_a a{color:#fff; text-decoration:none;}

#form_prod{float:left;width:280px;}
#info_prod{float:left;margin-top:38px; width:220px;}

#programma1, #programma2, #programma3{height:180px;margin-bottom:10px;border:1px solid #666}
#programma1{margin-top:20px;}
#programma1 a, #programma2 a, #programma3 a{color:#2F4A97;font-weight:bold}

#dx
{
    padding-left: 5px;
    float: left;
    width: 225px;
    padding-top: 15px;
    height: 100%
}
#dx p {margin:-2px 3px 10px 3px; color:#666;}
#footer
{
    clear: both;
   
    background:#ffffff url(/i/bg/sf_footer.gif) repeat-x left bottom;
    color: #fff;
    line-height: 18px;
    padding-top: 10px;
    border-bottom: #ccc 1px solid;
 min-height: 40px;
height:auto! important;
    height: 40px;
    text-align: center
}
#footer p
{
    font-size: 60%;
    margin-bottom: 2px;
    line-height: 15px;
    text-align: center
}
#footer a
{
    text-transform: uppercase;
    color: #fff;
    text-decoration: none
}
#footer a:hover
{
    text-decoration: underline
}


/*############ CLASSI #############*/



.banner_h{border:1px solid #ccc;margin:15px 0 5px 0px;}
.programma_des{padding-top:40px;text-align:center;}
.programma_des2{padding-top:20px;text-align:center;}


.subtit {color:#6baa1c; font-size:1.3em;font-weight:bold;}
.dxtit{ width:95%;font-size:.8em; margin-top:20px; margin-left:2px; background: #6baa1c; border:1px solid #98CC57; color:#fff; padding:2px; }
.hometit{width:230px;  background: #6baa1c; border:1px solid #98CC57; color:#fff; padding:2px; }
.hometit2{width:500px;  background: #6baa1c; border:1px solid #98CC57; color:#fff; padding:2px; }
.kilioff{color:#5D9122; font-weight:bold;}
.kilioff-caratt{background:url(/i/loghi/logo_mappa.jpg) no-repeat right top; color:#395B0F;padding:8px 0 12px 0px;}
.kilioff-faq{background:url(/i/icone/info.png) no-repeat 0 0; color:#333;padding:3px 0 12px 28px;}
.kimline{float:left;margin:5px 10px 10px 0px; border:1px solid #ccc;width:300px}

.img_news{
    border: #ccc 1px solid;
    float: left;
    margin: 5px 8px 0px 0px;
    width: 200px}

.img_news_r{
    border: #ccc 1px solid;
    float: right;
    margin: 5px 0px 0px 8px;
    width: 200px}

.img_news_home
{
    border: #ccc 1px solid;
    margin: 5px 8px 0px 0px;
    width: 200px;
}
.img_car{margin:8px 0 -3px 0;}
.img_cons{margin:8px 0 -3px 1px;}
.small
{
    font-size: 0.7em;
}
.midsmall
{
    font-size: 0.75em;
}
.center
{
    text-align: center
}
.b
{
    font-weight: bold
}
.i
{
    font-style: italic
}
.u{text-decoration:underline;}

.green
{
    color: #8cc63f;
}

.midgrey
{
    color: #666
}
.lightgrey
{
    color: #999
}
.white{color:#fff;}

/*tabella valori*/
.valori{border:1px solid #666; border-collapse: collapse; width:490px;margin:15px 0 20px 0;}
.valori_int{font-size:.9em;width: 500px; padding:3px; background: #6baa1c;color:#fff; vertical-align:center; height:24px;}
.td1{border:1px solid #666; padding:2px; color:#333; font-size:.8em;}
.td2{border:1px solid #666; padding:2px; color:#666; font-size:.8em;}


.downloadpdf
{
    padding-right: 0px;
    margin-top: 5px;
    padding-left: 30px;
    background: url(/i/icone/pdf.gif) no-repeat 10px 0px;
    margin-bottom: 5px;
    padding-bottom: 0px;
    padding-top: 1px;
    height: 15px
}
.downloadword
{
    padding-right: 0px;
    margin-top: 5px;
    padding-left: 30px;
    background: url(/i/icone/word.gif) no-repeat 10px 0px;
    margin-bottom: 5px;
    padding-bottom: 0px;
    padding-top: 1px;
    height: 15px
}
.downloadtxt
{
    padding-right: 0px;
    margin-top: 5px;
    padding-left: 30px;
    background: url(/i/icone/notepad.gif) no-repeat 10px 0px;
    margin-bottom: 5px;
    padding-bottom: 0px;
    padding-top: 1px;
    height: 15px
}
.downloadswf
{
    padding-right: 0px;
    margin-top: 5px;
    padding-left: 30px;
    background: url(/i/icone/swf.gif) no-repeat 10px 0px;
    margin-bottom: 5px;
    padding-bottom: 0px;
    padding-top: 1px;
    height: 15px
}
.downloadjpg
{
    padding-right: 0px;
    margin-top: 5px;
    padding-left: 30px;
    background: url(/i/icone/jpg.gif) no-repeat 10px 0px;
    margin-bottom: 5px;
    padding-bottom: 0px;
    padding-top: 1px;
    height: 15px
}
.phone
{
    padding-left: 30px;
    background: url(/i/icone/phone.gif) no-repeat 10px 4px;
    margin: 5px 0px
}
.fax
{
    padding-left: 30px;
    background: url(/i/icone/fax.gif) no-repeat 10px 2px;
    margin: 5px 0px
}
.email
{
    padding-right: 0px;
    padding-left: 30px;
    background: url(/i/icone/email.gif) no-repeat 10px 2px;
    padding-bottom: 0px;
    margin: 5px 0px;
    padding-top: 0px
}

.red{color:#C2280C;}
.greyb
{
    font-weight: bold;
    color: #999
}
.midgreyb
{
    font-weight: bold;
    color: #666
}

.caratter {border:2px solid #FBBF07; width:214px; margin-bottom:8px;}
.piani{border:2px solid #FBBF07; width:214px; margin-bottom:8px; text-align:center;}

.clear
{
    clear: both
}

.faq
{
    padding-right: 0px;
    padding-left: 35px;
    background: url(/i/icone/info.png) no-repeat 8px -1px;
    padding-bottom: 0px;
    margin: 5px 0px 15px 3px;
    padding-top: 3px;
    height: 20px
}
.torna
{
    margin: 20px 0px 10px;
    text-align: center
}
.segnala
{
    margin-top: 15px
}
.print
{
    background: #fff;
    color: #000
}
.nostampa
{
    text-align: center
}
.psepar
{
    clear: both;
    margin-top: 10px;
    font-size: 0.7em;
    background: url(/i/bg/dots.gif) repeat-x 0px 100%;
    margin-bottom: 15px;
    padding-bottom: 2px;
    color: #999;
    text-align: right
}


.clearfix:unknown
{
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
    content: "."
}
.clearfix
{
}
 html .clearfix
{
    height: 1%
}
.clearfix
{
    display: block;
    margin: 0px
}


form, fieldset, legend, label {margin: 0; border: 0}

.formbutton{
 	border: 1px solid rgb(189, 189, 189);
 	font-size:1em;
	width:5em;
	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;

}

.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: #87BD51 1px solid;
	width: 20em;
	color: #000;
	font: normal 11px/1.3em Trebuchet MS, Verdana, sans-serif ;
	height: 1.6em;
}

select {
	border: 1px solid #87BD51;
	color: #000;
	font: normal 11px/1.3em Trebuchet MS, Verdana, sans-serif;	
} 



textarea {
	border: #87BD51 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;
}




