body * {margin:0;padding:0}

body {
	text-align:center;
	background:#e2e2e2;
	font-family:trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:98%;text-decoration:none;
	list-style-type:none}

img {border:none}

a:link, a:visited {color:#999; text-decoration:none;}
a:hover {color:#666;}

h3 a:link, h3  a:visited { color:#666;
}
h3 a:hover {
	color:#999;
}

h1 {
	color:#666;
	font:normal 1.3em Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-indent:-10000em;
	visibility:hidden;
	line-height:0}

h2 {
	color:#333;
	margin:0 0 25px 0;
	font:1.2em Arial, Helvetica, sans-serif;
	}

h3 {
	color:#999;
	margin:5px 0 12px 0;
	padding-top:8px;
	font:.9em Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:1.3em;
	text-align:justify;
	}


	
h4 {
	color:#999;
	margin:15px 0 5px 0;
	font:.9em Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:justify}	

p {font-size:.8em;margin-bottom:.5em;line-height:150%}




#wrapper {
   margin:0px auto;
	position:relative;
    width:944px;
    background:#F7F1F1 url(/i/bg/sf_sfum.gif) repeat-x 10px 65px}

#top {
    text-align:left;
    height:70px;
    margin:0px auto;
    width:944px;
    background:#e2e2e2 url(/i/bg/sf_top.png) no-repeat bottom}

#topmenu{position:absolute; right:0px; top:0px; font-size:10px; text-transform:uppercase;color:#f2f2f2;padding:40px 15px 0 0;}

#container {
    width:944px;
    background:transparent url(/i/bg/bg_main.gif) repeat-y center top;
	margin:0px auto;
	text-align:left}

#header, #logo {background:transparent}

#topnav {
	margin:0px 0 0px 3px;
	padding:25px 0 0 15px;
	font-size:16px;
	background:transparent;
    height:28px;
    }

#topnav ul {margin:0;background:transparent}

#topnav ul li.page_item {
	margin:0;
	display:inline;
	float:left;
	min-height:17px;
	height:auto!important;
	height:17px;
	line-height:17px;
	padding:0px 8px;/*15*/
	background:transparent;
	border-right:1px solid #ddd;}

#topnav ul li.page_item a{
	height:17px;
	line-height:17px;
	color:#333;
	text-decoration:none} 
	
#topnav ul li.page_item a.active{
	color:#999;
	} 	
	
	

#topnav ul li.page_item a:hover {color:#999}

#topnav ul li.current_page_item {
	margin:0 -1px 0 0;
	display:inline;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	float:left;
	min-height:20px;
	height:auto!important;
	height:24px;
	line-height:24px;
	padding:2px 10px 0 10px}

#topnav ul li.current_page_item a:link, #topnav ul li.current_page_item a:visited {color:white}
#topnav ul li.page_item.last {border:0;}

#movie{margin:10px 0 0 9px}


#animation{margin:0px 0 0 9px width:926px; height:350px; z-index:100; padding:0px; 	background:transparent;
}

#live_animation {
margin: 0;
width: 926px;
height: 350px;
}

#thephoto{height:230px;}


body.index #contenuto{
	float:left;
	width:300px;
	padding:25px 35px 25px 20px;
	margin:1px 2px 0 2px}

 #contenuto, #page{
	float:left;
	width:765px;
	padding:35px 60px 25px 25px;
	margin:0}

#page {
	float:left;
	width:900px;
	padding:20px;
	margin:0;
	min-height:100px;
	height:auto!important;
	height:100px}

#page ul
{
    list-style-type:none;
    font-size:.8em;
    padding-left:15px;
    }
    
#page li{margin-top:6px;}

#box{width: 100%;}
#box a{color:#999;text-decoration:none;}
#box a:hover{color:#666;}


#rcol {
	padding:18px 10px 5px 5px;
	width:550px;
	float:right;
}

#lcol {width:240px; 
	border-top:1px solid #ddd;
	 margin-top:15px; 
	padding-right:15px;
	border-right:1px solid #ddd;
}

#rcol_home {
	padding:40px 10px 5px 5px;
	width:480px;
	float:right;

}


#lcol_home {width:340px; 
	border-top:1px solid #ddd;
	 margin-top:15px; 
	padding:15px 15px 0 0;
	border-right:1px solid #ddd;
}

#categorie{text-align:center; background:transparent url(/i/bg/sf_cathome.png) no-repeat 0 0; width:335px; height:150px; padding:4px 0 0 5px; margin-top:50px;}
#categorie a{display:block; height:20px;width:330px;color:#916060; font-size:20px;padding:2px 0 6px 0;}
#categorie a:hover{color:#999;}

#gallery, #gallery1, #gallery2, #gallery3 {margin:10px 0px 16px 0px}
#gallery a, #gallery1 a, #gallery2 a, #gallery3 a {text-decoration:none}
#footer {
	margin:0 0 0 10px;
	padding:15px 0 0px 30px;
	width:894px;
	height:30px;
	clear:both;
	line-height:150%;
	color:#ccc;
	font-size:.8em;
	text-align:center;
   	 background:transparent url(/i/bg/sf_sfum_bott.gif) repeat-x 1px 0px;
   	 }

#copyright {text-align:center;padding-top:10px}

#footer a:link, #footer a:visited {color:#aaa}
#footer a:hover {color:#fff;text-decoration:none}

#bottom { 
    color:#999;
    height:19px;
    margin:0px auto;
    width:944px;
    background:transparent url(/i/bg/sf_bott.gif) no-repeat top;
    text-transform:uppercase;}
 
#bottom a {color:#999}

#bottom p {
font-size:.7em;
text-align:center;
padding:15px 0 10px 0}

/*
7.0 FORM
------------------------------------------
*/

.mainform{width:300px;padding:10px;margin:10px 10px 5px 0px;border:1px solid #ccc;background:#eee;}

.formfield{
	border:1px solid #666;
	font-size:1em;
	width:15em;
	margin-bottom:5px;
	background:transparent url(/i/bg/back_input.gif) no-repeat}

.formselect{
	border:1px solid #666;
	font-size:1em;
	font-weight:normal;
	width:15em;
	margin-bottom:5px;
	font-family:verdana}

.formbutton{
	border :1px solid #999;
	font-size:1em;
	background:#f3f3f3;
	padding-left:2px;
	cursor:pointer}
.formtxtarea {
	border:1px solid #666;
	margin-bottom:5px;
	background:transparent url(/i/bg/back_input.gif) no-repeat}

/*SHOWROOM*/
#shwrapper {min-height:545px; height:auto! important; height:545px;}
#shwrapper a{text-decoration:none;}
#arenula {color:#666;text-align:center;height:120px;width:150px;margin:10px 5px 5px 50px;border:1px solid #ccc;float:left;background:transparent;}
#tuscolana{color:#666;text-align:center;height:120px;width:150px;margin:10px 5px 5px 0px;border:1px solid #ccc;float:left;background:transparent;}
#gasperina42 {color:#666;text-align:center;height:120px;width:150px;margin:10px 5px 5px 50px;border:1px solid #ccc;float:left;background:transparent;}
#gasperina10 {color:#666;text-align:center;height:120px;width:150px;margin:10px 5px 5px 0px;border:1px solid #ccc;float:left; background:transparent;}
#arenula a{background:url(/i/arenula_vir.jpg) no-repeat 0 0;display:block;width:150px;height:120px;font-size:13px}
#arenula a:hover{background:url(/i/arenula.jpg) no-repeat 0 0;text-decoration:none}
#tuscolana a{background:url(/i/tuscolana_vir.jpg) no-repeat 0 0;display:block;width:150px;height:120px;font-size:13px}
#tuscolana a:hover{background:url(/i/tuscolana.jpg) no-repeat 0 0;text-decoration:none}
#gasperina42 a{background:url(/i/gasperina42_vir.jpg) no-repeat 0 0;display:block;width:150px;height:120px;font-size:13px}
#gasperina42 a:hover{background:url(/i/gasperina42.jpg) no-repeat 0 0;text-decoration:none}
#gasperina10 a{background:url(/i/gasperina10_vir.jpg) no-repeat 0 0;display:block;width:150px;height:120px;font-size:13px}
#gasperina10 a:hover{background:url(/i/gasperina10.jpg) no-repeat 0 0;text-decoration:none}


/*
8.0 CLASSI
------------------------------------------
*/

.img_gall_m {
    margin:10px 10px 0px 80px;
    border:1px solid #ccc;
    width:100px;
    height:70px;}

.img_gall {
    margin:10px 10px 0px 40px;
    border:1px solid #ccc;
    width:100px;
    height:70px;}

 .img_gall2 {
    margin:10px 6px 0px 2px;
    border:1px solid #ccc;
    width:180px;
    height:120px;}

.news_pic{border:1px solid #ccc;float:left;width:120px;margin:5px 4px 8px 0;}
    
.theme{margin:0px;visibility:hidden;width:926px;}
.logo{margin:10px 0 0 16px}
.lightgrey{color:#999}
.h2home{color:#999;font:1em Arial, Helvetica, sans-serif;text-transform:uppercase;font-weight:normal;text-align:center;margin:35px 0 0 0;}
.greyarr{font-weight:normal; background:url(/i/icone/greyarr.gif) no-repeat 0 3px; padding-left:12px;}
.red{color:#916060;}
a.red{color:#916060;}

a.red:hover{color:#999;}

.nodeco{text-decoration:none;color:#999}

/*classi per lo sfondo testuale delle sezioni*/
.sf_profilo{padding-left:55px;background:url(/i/bg/sf_profilo.jpg) no-repeat 0px 0px;min-height:300px;height:auto!important;height:300px}
.sf_partner{padding-left:55px;background:url(/i/bg/sf_partner.jpg) no-repeat 0px 0px;min-height:300px;height:auto!important;height:300px}
.sf_cucine{padding-left:55px;background:url(/i/bg/sf_cucine.png) no-repeat 0px 0px;min-height:300px;height:auto!important;height:300px}
.sf_giorno{padding-left:55px;background:url(/i/bg/sf_giorno.png) no-repeat 0px 0px;min-height:300px;height:auto!important;height:300px}
.sf_notte{padding-left:55px;background:url(/i/bg/sf_notte.png) no-repeat 0px 0px;min-height:300px;height:auto!important;height:300px}
.sf_complementi{padding-left:55px;background:url(/i/bg/sf_complementi.png) no-repeat 0px 0px;min-height:300px;height:auto!important;height:300px}
.sf_illuminazione{padding-left:55px;background:url(/i/bg/sf_illuminazione.png) no-repeat 0px 0px;min-height:300px;height:auto!important;height:300px}


.sf_showroom{padding-left:55px;background:url(/i/bg/sf_showroom.png) no-repeat 0px 0px;min-height:300px;height:auto!important;height:300px}
.sf_servizi{padding-left:55px;background:url(/i/bg/sf_servizi.png) no-repeat 0px 0px;min-height:300px;height:auto!important;height:300px}
.sf_comunicazione{padding-left:55px;background:url(/i/bg/sf_comunicazione.png) no-repeat 0px 0px; min-height:420px;height:auto!important;height:420px}
.sf_contatti{padding-left:55px;background:url(/i/bg/sf_contatti.jpg) no-repeat 0px 0px;min-height:300px;height:auto!important;height:300px}
.sf_arenula{padding-left:55px;background:url(/i/bg/sf_arenula.png) no-repeat 0px 0px}
.sf_tuscolana{padding-left:55px;background:url(/i/bg/sf_tuscolana.png) no-repeat 0px 0px}
.sf_gasperina42{padding-left:55px;background:url(/i/bg/sf_gasperina.png) no-repeat 0px 0px;min-height:420px;height:auto!important;height:420px}
.sf_gasperina10{padding-left:55px;background:url(/i/bg/sf_gasperina.png) no-repeat 0px 0px;min-height:420px;height:auto!important;height:420px}

.sf_clienti{padding-left:55px;background:url(/i/bg/sf_clienti.png) no-repeat 0px 0px; min-height:300px;height:auto!important;height:300px}


.sf_news{padding-left:55px;background:url(/i/bg/sf_news.png) no-repeat 0px 0px; min-height:300px;height:auto!important;height:300px}
.sf_offerte{padding-left:55px;background:url(/i/bg/sf_offerte.png) no-repeat 0px 0px; min-height:300px;height:auto!important;height:300px}
.sf_eventi{padding-left:55px;background:url(/i/bg/sf_eventi.png) no-repeat 0px 0px; min-height:300px;height:auto!important;height:300px}
.sf_mappa{padding-left:55px;background:url(/i/bg/sf_mappa.png) no-repeat 0px 0px; min-height:300px;height:auto!important;height:300px}
.sf_job{padding-left:55px;background:url(/i/bg/sf_job.png) no-repeat 0px 0px; min-height:420px;height:auto!important;height:420px}
.sf_newsletter{padding-left:55px;background:url(/i/bg/sf_newsletter.jpg) no-repeat 0px 0px; min-height:420px;height:auto!important;height:420px}
.sf_liste_nozze{padding-left:55px;background:url(/i/bg/sf_liste_nozze.png) no-repeat 0px 0px;min-height:450px;height:auto!important;height:450px}

.img_border{border:1px solid #999;}
.img_left{float:left;margin:3px 10px 5px 0}
.img_left_border{border:1px solid #999;float:left;margin:3px 10px 10px 0}
.img_border_60{border:1px solid #999;margin:5px 10px 10px 60px}

.linesep{clear:both;border-top:1px solid #ccc;margin:10px 0 6px 0}
.uppercase {text-transform:uppercase;font-weight:bold;font-size:0.9em;font-family:helvetica, sans-serif}
.grassetto {font-weight:bold}
.midsmall {font-size:.9em;color:#999;}
.ita{font-style:italic;}

.small {font-size:.7em;color:#999;}
.smalltab {font-size:.7em;color:#666}
.xsmall {font-size:.6em;color:#999;}
.center {text-align:center;margin-bottom:5px}
.mini {border:1px solid #ccc;margin-right:3px}
.right {text-align:right;margin-bottom:5px}
.whiteborder {border:1px solid #fff}
.greyborder {border:1px solid #ccc}
.skipnav{position:absolute;left:-9000px}
.indietro {text-align:center; margin:10px 0 10px 0;padding-top:10px}
.attenzione {font-weight:bold;color:#376957}

/* ELIMINA FLOAT */
.clr {clear:both;height:0px;overflow:hidden;font-size:0;line-height:0px;background:transparent}
.cl {clear:left;height:0px;overflow:hidden;font-size:0;line-height:0px;background:transparent}
/*.clear {clear:both} /* attach to tags where you need to force a break */*/

/* *** 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:.3em 0}
/* End hide from IE-mac */  

.info {cursor:help;background:transparent}

#lista_bonifico {
    background:#fff;
    border:2px solid #f00;
    margin:10px 0;
    padding:10px
}