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;
	
    width:780px;
    background:#F7F1F1 url(/i/bg/sf_sfum.gif) no-repeat 10px 65px}

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

#container {
    width:780px;
    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-top:25px;
	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:20px;
	height:auto!important;
	height:20px;
	line-height:20px;
	padding:0px 11px;/*15*/
	background:transparent}

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

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

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

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


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

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

#page {
	float:left;
	width:720px;
	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:340px;
	float:right;

}

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



#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:730px;
	height:30px;
	clear:both;
	line-height:150%;
	color:#ccc;
	font-size:.8em;
	text-align:center;
   	 background:transparent url(/i/bg/sf_sfum_bott.gif) no-repeat 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:780px;
    background:transparent url(/i/bg/sf_bott.gif) no-repeat top}
 
#bottom a {color:#999}

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

/*
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:150px;
    height:90px;}

.news_pic{border:1px solid #ccc;float:left;width:120px;margin:5px 4px 8px 0;}
    
.theme{margin:5px 0 0 0px;visibility:hidden}
.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;}


.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}
.sf_showroom{padding-left:55px;background:url(/i/bg/sf_showroom.jpg) no-repeat 0px 0px;min-height:300px;height:auto!important;height:300px}
.sf_servizi{padding-left:55px;background:url(/i/bg/sf_servizi.jpg) no-repeat 0px 0px}
.sf_comunicazione{padding-left:55px;background:url(/i/bg/sf_comunicazione.jpg) 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.jpg) no-repeat 0px 0px}
.sf_tuscolana{padding-left:55px;background:url(/i/bg/sf_tuscolana.jpg) no-repeat 0px 0px}
.sf_gasperina42{padding-left:55px;background:url(/i/bg/sf_gasperina42.jpg) no-repeat 0px 0px;min-height:420px;height:auto!important;height:420px}
.sf_gasperina10{padding-left:55px;background:url(/i/bg/sf_gasperina10.jpg) no-repeat 0px 0px;min-height:420px;height:auto!important;height:420px}
.sf_news{padding-left:55px;background:url(/i/bg/sf_news.jpg) no-repeat 0px 0px; min-height:300px;height:auto!important;height:300px}
.sf_offerte{padding-left:55px;background:url(/i/bg/sf_offerte.jpg) no-repeat 0px 0px; min-height:300px;height:auto!important;height:300px}
.sf_eventi{padding-left:55px;background:url(/i/bg/sf_eventi.jpg) no-repeat 0px 0px; min-height:300px;height:auto!important;height:300px}
.sf_mappa{padding-left:55px;background:url(/i/bg/sf_mappa.jpg) no-repeat 0px 0px; min-height:300px;height:auto!important;height:300px}
.sf_job{padding-left:55px;background:url(/i/bg/sf_job.jpg) 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.jpg) 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
}