/*----------------------------------------------------[.TAG.]---------------------------------------------------*/
* {	margin: 0px;	padding: 0px;	border: 0px;}
body, html {	width: 100%;	height: 100%;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;}
body {	background: #9b9b9b url(../img/bg.gif) repeat top left;}
p {	font-size: 11px;	color: #666;}
a {	text-decoration: none;		color: #ff3300;}
a:hover {	text-decoration: underline;}

/*----------------------------------------------------[.FONTS.]---------------------------------------------------*/
/* DIMENSIONI */
.size11 {	font-size: 11px;}
.size12 {	font-size: 12px;}
.size10 {font-size: 10px;}
.mTop5{	margin-top: 5px;}

.grassetto { font-weight: bold;}

/* COLORI */
.grigio{	color: #999;}
.grigioChiaro{	color: #ccc;}
.grigioScuro{	color: #333;}

/*PADDING*/
.pScheda {	padding-left: 22px;}
.pTop5 {	padding-top: 5px;}
.pTop10 {	padding-top: 10px;}
.pTop20 {	padding-top: 20px;}
.pTop22 {	padding-top: 22px;}
.pLeft22 {	padding-left: 22px;}
.pBottom10 {	 padding-bottom: 10px;}



/*----------------------------------------------------[.TESTI.]---------------------------------------------------*/
.sezScheda {	font-size: 9px;	color: #eee;	font-weight: bold;	background-color:#333333;	padding: 2px 0px;}
.sezSchedaImg {	background-color:#ffffff;	border: 4px solid #333;}
.nomeProdotto1 {	font-size: 10px;	color: #333;	font-weight: bold;	background-color: #CCCCCC;}
.nomeProdotto2 {	font-size: 10px;	color: #333;	font-weight: bold;	background-color: #AAA;}
.nomeProdotto3 {	font-size: 10px;	color: #eee;	font-weight: bold;	background-color: #888;}
.nomeProdotto4 {	font-size: 10px;	color: #eee;	font-weight: bold;	background-color: #666;}

.dati1 {
	color: #333;
	/*font-weight: bold;*/
	background-color: #eee;
	/*border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;*/
	padding: 5px;
}
.dati2 {
	color: #333;
	/*font-weight: bold;*/
	background-color: #ddd;
	/*border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;*/
	padding: 5px;
}
.dati3 {
	color: #333;
	/*font-weight: bold;*/
	background-color: #ddd;
	/*border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;*/
	padding: 5px;
}
.dati4 {
	color: #333;
	/*font-weight: bold;*/
	background-color: #bbb;
	/*border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;*/
	padding: 5px;
}
.info {
	padding: 5px 0px 0px 0px;
	font-size: 9px;
}
.rilievo {
	color: #333;
}
.grassetto {
	font-weight: bold;
}
.miniDati2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
}




/*----------------------------------------------------[.DIV PRINCIPALI.]---------------------------------------------------*/
#container {
   margin: 0px auto;
   width: 900px;
   height: auto;
   background: url(../img/bodyBg.gif) repeat-y top center;
   vertical-align:top;
}
#bodyBox {
	position: relative;
	margin: 0px 15px;
	width: 870px;\width: 900px;w\idth: 870px;
	height: 100%;
}
#header {
	width: 100%;
	height: 95px;
	background: #FFF url(../img/headerBg.gif) repeat-y top;
}
#footer {
	position: relative;
	width: 100%;
	height: 20px;
	background: #FFFFFF url(../img/footerBg.gif) no-repeat center;
}


.nome {		position: absolute;	top: 13px;	left: 30px;}
.datiAzienda {		position: absolute;	top: 40px;	left: 32px;}
.logoSLUM {	position: absolute;	top: 13px;	left: 742px;}
.quickMenu {	position: absolute;	top: 80px;	left: 565px;	text-align:right;}
.quickMenu a:hover {	color: #333;}

.barra {	width: 100%;	height: 11px; font-size: 7px;}
.barraHeader {	background: url(../img/barraHeader.gif) no-repeat center;}
.barraFooter {	background: url(../img/barraFooter.gif) no-repeat center;}
.barra3colonneUP {	background: url(../img/barra3colonneUP.gif) no-repeat center;}
.barra3colonneDOWN {	background: url(../img/barra3colonneDOWN.gif) no-repeat center;}
.barra2colonneUP {	background: url(../img/barra2colonneUP.gif) no-repeat center;}
.barra2colonneDOWN {	background: url(../img/barra2colonneDOWN.gif) no-repeat center;}
.barraSemplice {	background: url(../img/barra.gif) no-repeat center;}

.body { /*position: relative;*/	width: 100%;}
.body3colonneBg {	background: url(../img/body3colonneBg.gif) repeat-y top;}
.body2colonneBg {	background: url(../img/body2colonneBg.gif) repeat-y top;}
.bodySempliceBg {	background: url(../img/sempliceBg.gif) repeat-y top;}
.home {	height: 435px;}
.contattaci {	height: 275px;}
.benvenuti {	height: 425px;}

.contenuti {	position: absolute; padding: 5px 7px;}
.bgGrigio {	background-color: #eee;}
.bgGrigio2 { background-color: #CDCBD0;}
.contenuti3col_1 {	left: 23px;		width: 251px;\width: 265px;w\idth: 251px;}
.contenuti3col_2 {	left: 301px;	width: 251px;\width: 265px;w\idth: 251px;}
.contenuti3col_3 {	left: 581px;	width: 251px;\width: 265px;w\idth: 251px;}
.scheda {	position: relative;	left : 10px;	width: 100%;}
.dove {	position: absolute; left:490px; width: 335px; height: 150px;}
.quickLinks {
	margin: 10px 0px 0px 0px;
}

.aFooter {
	color: #ccc;
}
.aFooter:hover {
	color: #fff;
	text-decoration:underline;
}
.pCredits {
	position: absolute;
	top: 3px;
	left: 29px;
	font-size: 9px;
	color: #999;
	width: 566px;
}
.pValidators {
	position: absolute;
	top: 3px;
	right: 30px;
	font-size: 9px;
	color: #999;
}


/*----------------------------------------------------[.MENU.]---------------------------------------------------*/
/* GENERAL */
	/* NAV - top horizontal nav */
	#nav, #nav ul {padding: 0;margin: 0;list-style: none; width: 820px; text-align:center}
	#nav {font-weight:bold;height:2.09em; font-family:Arial; font-size:11px; margin: 0 105px 0 40px;}
	#nav li {position:relative;background: #333;float: left;display:block;margin: 0;border-top: 3px solid #999;padding:0}
	#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none;cursor:pointer;color:#999;display: block;padding: 4px 10px 2px}
	#nav a:hover {color:#FFF}
	#nav a:active {color:#FFF}
	
	#nav li ul {background-color: #555 ;width:100%;font-size:10px;margin-top:0px;position: absolute;font-weight:normal;left: -999em}
	#nav li:hover ul, #nav li.sfhover ul {left: 0;z-index:99999}
	
	#nav li li {background:none;float:none;border:none;border: 1px solid #333;border-top:1px solid #999;border-right:none;border-left:none;padding-left:0}
	#nav li li.last {border-bottom:none}
	#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {font-family: Verdana;color:#999;padding: 3px 10px 2px;width:auto}
	#nav li li a:hover {color:#fff;background-color:#444;}
	
	#nav li.active {background: #333;}
	#nav li.active ul {border:none;background-color: #333;}
	#nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active { color: #fff;}
	#nav li.active a:hover {color:#FFF}
	
	#nav li.active li {border:none;border-top: 1px solid #333;border-bottom: 1px solid #333}
	#nav li.active li.last {border-bottom: none}
	#nav li.active li a:link, #nav li.active li a:visited, #nav li.active li a:hover, #nav li.active li a:active {color:#fff}
	#nav li.active li a:hover {background-color: #999;}
	
	#nav li.active li.active a:link, #nav li.active li.active a:visited, #nav li.active li.active a:hover, #nav li.active li.active a:active {color:#fff;font-weight:bold;background-color : #999;}

	/* hide from IE mac \*/
	/*#nav li {width:auto}*/
	
	.btn1Width {
		width: 205px;
	}
	.btn2Width {
		width: 205px;
	}
	.btn3Width {
		width: 205px;
	}
	.btn4Width {
		width: 205px;
	}
	/* end hiding from IE5 mac */



#menuBox {
	width: 100%;
	height: 217px;
	background: #FFF url(../img/dotBg.gif) repeat-y top;
}


#menu {
	position: absolute;
	left: -17px;
	z-index: 2;
}

#menuImg {  position:relative; left: 23px; top: 23px; }
.scheda {
	left : 22px;
	width: 99%;
}
.schedaContatti {
	position: relative;
	left : 10px;
	width: 100%;
	background: #FFFFFF url(../img/contattaciBg.gif) repeat-y top;
}
#imgHeader {
	position: absolute;
	width:100%;
	height: 100%;
	background: url(../img/header.jpg) no-repeat top center;
}
#barraBodySUP {
	position: relative;
	left : 10px;
	width: 100%;
	height: 11px;
}
#barraBodyINF {
	position: relative;
	left : 10px;
	width: 100%;
	height: 11px;
}
#barraBodyINT {
	position: relative;
	width: 100px;
	height: 11px;
}


#body {
	position: relative;
	left : 10px;
	width: 100%;
}
#footerBox {
	position: relative;
	left : 10px;
	width: 100%;
	height: 20px;
	background: #FFFFFF url(../img/dotBg.gif) repeat-y top;
}

#barraFooter {
	position: relative;
	left : 10px;
	width: 100%;
	height: 11px;
	background: #fff url(../img/barraFooter.gif) no-repeat center;
}