body{
	/*background: #f6f6f7;*/
	background: #FFFFFF;
	font-family: Arial;
	font-size: 11px;
}

a{
	text-decoration: none;
	color: #000000;
}
a:hover{
	text-decoration: none;
	color: #9c9e9f;
}
.left{ float: left;}
.right{float: right;}
.text-right{text-align:right;}
.text-center{text-align:center;}
.clear{clear: both;}
.spaceLeft{ padding-left: 40px;}

p{
	padding-bottom: 0px;
	line-height: 16px;
}
p.space{
	padding-top: 15px;
}
p.underscore{
	margin-top: 20px;
}

h1.blu{
	color: #10145e;
	font-size: 13px;
	float:  left;
	padding-bottom:  22px;
}

h2{
	color: #604c3f;
	padding-bottom: 10px;
}

#wrapper{
	width: 981px;
	margin: 0 auto;
	clear:both;
	background: #FFFFFF;
	}
	#home #wrapper{
		width: 100%;
		position: relative;
	}
#header{
	height: 126px;
	margin: 0 auto;
	width: 981px;
	text-align: center;
	position: relative;
	}
	#header .backofficedoor{
		width: 144px;
		height: 45px;
		background: #FFF;
		color: #10155e;
		right: 12px;
		top: 18px;
		position: absolute;
		}
		#header .backofficedoor a{
			color: #10155e;
			text-decoration:  none;
			display: block;
			padding: 9px 0 0 18px;
			float:  left;
			width: 126px;
			height: 36px;
			text-align: left;
		}
		
		
	#home #header{
		height: 180px;
	}
	#home #header .logo{
		padding: 34px 0 0 0;
	}
	#fortunato .logo,
	#materassia .logo,
	#materassiaContract .logo,
	#materassiaBaby .logo,
	#dalmi .logo,
	#fima .logo,
	#spotPage .logo,
	#newsPage .logo{
		padding: 35px 0 0 35px;
		float: left;
	}
	#header .language{
		padding: 20px 0 0 0;	
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		text-align: center;
		height: 30px;
	}
	#header .language a{
		padding: 0 10px 18px 10px;
		color: #FFFFFF;
		}
		#header .language a:hover{
			text-decoration: underline;
			color: #FFFFFF;
		}
	#header .language a.pipe{
		border-right: 1px solid #FFFFFF;
	}
#home .header_wrap{
	background: #19268e url('../images/top/blue.jpg') top left repeat-x;
}
#newsPage .header_wrap{
	background: #19268e url('../images/top/blue.jpg') top left repeat-x;
}
#spotPage .header_wrap{
	background: #19268e url('../images/top/blue.jpg') top left repeat-x;
}
#materassia .header_wrap{
	background: #19268e url('../images/top/banner_materassia.jpg') top left repeat-x;
}
#materassiaContract .header_wrap{
	background: #19268e url('../images/top/banner_materassiacontract.jpg') top left repeat-x;
}
#materassiaBaby .header_wrap{
	background: #19268e url('../images/top/banner_materassiababy.jpg') top left repeat-x;
}
#dalmi .header_wrap{
	background: #19268e url('../images/top/banner_dalmi.jpg') top left repeat-x;
}
#fima .header_wrap{
	background: #19268e url('../images/top/banner_fima.jpg') top left repeat-x;
}
#fortunato .header_wrap{
	background: #19268e url('../images/top/banner_fortunato.jpg') top left repeat-x;
}

#menuBox{
	float: left;
	width: 685px;
	position: absolute;
	bottom: 0;
	left: 287px;
	text-align: left;
	}
	#menuBox ul{
		width: 100%;
	}
	#menuBox ul li{
		float: left;
		padding-top: 9px;
		}
		#menuBox ul li.news{
			margin-left: 20px;
			background: #76729e;
			position: relative;
		}
		#newsPage ul li.news,
		#materassiaContract ul li.news,
		#materassiaBaby ul li.news,
		#materassia ul li.news,
		#fima ul li.news,
		#dalmi ul li.news,
		#fortunato ul li.news{
			background: #FFFFFF;
		}
		#newsPage ul li.news a,
		#materassiaContract ul li.news a,
		#fima ul li.news a,
		#dalmi ul li.news a,
		#materassiaBaby ul li.news a,
		#materassia ul li.news a,
		#fortunato ul li.news a{
			background: #FFFFFF;
			color: #000000;
		}
		#menuBox ul li.news a{
			border-left: none;
			padding: 0px 0 0 18px;
			width: 126px;
			}
			#menuBox ul li.news li a{
				width: auto;
				padding: 0;
			}
			ul.lista_news{
				position: absolute;
				width: 126px;
				background: url("../images/grey.png") repeat scroll 0 0 transparent;
				top: 54px;
				left:0;
				padding-top: 32px;
				color: #FFFFFF;
				font-size: 9px;
				line-height: 12px;
				display: none;
				z-index:3;
				}
				ul.lista_news li{
					background: url("../images/pipe_news.jpg") no-repeat top left;
					margin-left: 9px;
					float: left;
					clear: both;
					padding: 0px 10px 0px 9px;
					width: 107px;
					height: 117px;
				}
		#menuBox ul li a{
			color: #FFFFFF;
			height: 45px;
			border-left: 1px solid #FFFFFF;
			float: left;
			padding: 0 10px 0 10px;
			width: 53px;
			overflow: hidden;
			line-height: 13px;
		}
		#menuBox ul li a.sel{
			background: transparent url(../images/sel.jpg) bottom center no-repeat;
		}
		
/*sottomenu*/
#sottomenu{
	float: left;
	width: 189px;
	position: relative;
	text-align: left;
	clear: both;
	padding-left: 70px;
	font-size: 10px;
	}
	#sottomenu ul{
		width: 100%;
		position: absolute;
		padding-bottom: 60px;
		width: 279px;
	}
	#sottomenu ul li{
		float: left;
		background: url("../images/grey.png") repeat scroll 0 0 transparent;
		width: 189px;
		position: relative;
		margin-bottom: 18px;
		height: 45px;
		}
		#sottomenu ul li.sel{
			width: 279px;
		}
		#sottomenu ul li a{
			color: #FFFFFF;
			height: 28px;
			padding: 17px 10px 0 10px;
			width: 169px;
			background: transparent url('../images/arrows_white.png') no-repeat 160px center;
			position: absolute;
			margin: 0;
		}
		#sottomenu ul.tradotto li a{
			color: #FFFFFF;
			height: 28px;
			padding: 8px 10px 0 10px;
			width: 169px;
			background: transparent url('../images/arrows_white.png') no-repeat 160px center;
			position: absolute;
			margin: 0;
			line-height: 15px;
		}
		#sottomenu ul li.sel a{
			width: 259px;
			background: transparent url('../images/arrows_white.png') no-repeat 250px center;
		}

#spot{
	background: #a8977b;
	width: 981px;
	margin: 0 auto;
	clear:both;
}

#content{
	background: #FFFFFF;
	float: left;
	width: 100%;
	padding: 18px 0 25px 0;
}

#side_bar{
	float: left;
	width: 287px;
}

#content_side{
	width: 694px;
	float: left;
	border-bottom: 80px solid #FFFFFF;
}

.content_interne{
	float: left;
	margin-left: 82px;
	width: 612px;
	padding: 18px 0;
	}
	
.border-interne{
	border-bottom: 1px solid #c6c5c6;
}


.testRisultati .gallery{
	padding-top: 10px;
}

.gallery{
	width: 100%;
	float: left;
	}
	.gallery .items{
		float:left;
		padding: 8px 18px 10px 0;
		position: relative;
	}
	.gallery .items a{
		position: absolute;
		bottom: 10px;
		left: 0;
		width: 91px;
		height: 14px;
		padding-top: 85px;
		padding-left: 8px;
		color: #FFFFFF;
		font-size: 9px;
		background: transparent url(../images/sfumaturaBlu.png) bottom left repeat-x;
	}

.col_interna, .col_interna_2{
	width: 300px;
	float: left;
	font-size: 11px;
	line-height: 13px;
	color: #666666;
	}
	.col_interna p, .col_interna_2 p{
		line-height: 16px;
	}
	.col_interna_2 p.scaricapdf{
		padding-top: 15px;
		float:  left;
		font-weight:  bold;
	}
	p.scaricapdf a{
		color: #10155e;
	}
	p.scaricapdf a:hover{
		color: #10155e;
		text-decoration:  underline;
	}
	.col_interna_2{
		padding-left: 12px;
	}
	
.col_prodotto{
	width: /*468px*/609px;
	}
	.col_prodotto .col_interna, .col_prodotto .col_interna_2{
		width: 347px;
		float: left;
		font-size: 11px;
		color: #666666;
		padding-top:  15px;
		}
		.col_prodotto .col_interna_2{
			width: 250px;
		}
	
	
.col_prodotto_small{
	width: 126px;
	float: left;
	padding-left:  18px;
}

.logo_linea{
	width: 100%;
	padding-bottom: 18px;
}
/*
#home .footer_wrap{
	bottom: 0px;
	position: absolute;
	left: 0;
	z-index: 2;
}
*/
.footer_wrap{
	width: 100%;
	background: transparent url('../images/grey.png') repeat;
	padding-top: 18px;
	clear: both;
	position: fixed;
	bottom:0;
	left:0;
}
#footer{
	height: 59px;
	width: 911px;
	margin: 0 auto;
	padding: 0 35px 0 35px;
	color: #FFFFFF;
	font-size: 10px;
	}
	#footer a{
		color: #FFFFFF;
		text-decoration: none;
	}
	#footer .pipe{
		border-left: 1px solid #FFFFFF;
		height: 59px;
		padding: 0 0 0 8px;
	}
	#footer .small{
		font-size: 9px;
		padding: 3px 10px 3px 0;
		line-height: 10px;
	}

/***********************
	home marchi
************************/
.elem{
	height:108px;
	padding-bottom:18px;
}
.logo_azienda{
	padding-left: 50px;
	float: left;
}

/***********************
	banner
	********************/
.banner_gruppo{
	background: #FFF url('../images/banner/immagine_gruppo.jpg') top right no-repeat;
	}
.banner_materassia{
	background:#FFF url('../images/banner/immagine_materassia.jpg') top right no-repeat;
	}
.banner_dalmi{
	background:#FFF url('../images/banner/immagine_dalmi.jpg') top right no-repeat;
	}
.banner_fortunato{
	background:#FFF url('../images/banner/immagine_fortunato.jpg') top right no-repeat;
	}
.banner_materassia_baby{
	background:#FFF url('../images/banner/immagine_materassiababy.jpg') top right no-repeat;
	}
.banner_materassia_contract{
	background:#FFF url('../images/banner/immagine_materassiacontract.jpg') top right no-repeat;
	}
.banner_fima{
	background:#FFF url('../images/banner/immagine_fima.jpg') top right no-repeat;
	}
/***********************
	pagina interna spot
************************/
.banner{
	float: left;
	width: 100%;
	height: 108px;
	}
.banner_fuorisalone{
	background:#FFF url('../images/spot/fuoriSaloneBanner.gif') top right no-repeat;
	}
.banner_notice{
	width: 270px;
	height: 84px;
	background:transparent url('../images/grey.png') repeat;
	margin: 9px 0 0 0;
	font-size: 10px;
	padding: 15px 0 0 9px;
	color: #FFFFFF;
	line-height: 12px;
	font-style: italic;
	}
.box_right{
	border-bottom: 2px solid #c6c5c6;
	width: 558px;
	margin: 0 0 0 81px;
	float: left;
	padding: 19px 0;
}
.box_right p{
	color: #9c9e9f;
}
.box_right span.small{
	font-size: 10px;
}
.box_right .brown{
	color: #604c3f;
}
.sfondo500{
	background:#FFF url('../images/spot/fuoriSalone500.gif') top right no-repeat;
}
.sfondoMap{
	background:#FFF url('../images/spot/fuoriSaloneMap.gif') 100% 20px no-repeat;
	height: 252px;
}

/***********************
	form_area_riservata
************************/
.form_area_riservata input[type$="text"],
.form_area_riservata input[type$="password"]{
	border: none;
	background: #b2b2b2 url(../images/campoBkg.gif) top left no-repeat;
	padding: 10px;
	width: 259px;
	height: 25px;
	color: #11155e;	
	font-size:  12px;
}

#newslettermail label{
	width: 100%;
	float:  left;
	padding-top: 5px;
	padding-bottom: 5px;
}
#newslettermail input[type$="text"]
{
	clear: both;
	border: none;
	background: #b2b2b2 url(../images/campoBkg.gif) center left no-repeat;
	padding: 5px 5px 5px 5px;
	width: 169px;
	height: 20px;
	color: #11155e;	
	float:  left;
	font-size:  12px;
}
#newslettermail input[type$="image"]
{
	float:  left;
	padding: 0 0 0 2px;
	margin: 0;
}

.foto_dettaglio{
	padding-bottom: 0px;
	float: left;
	width: 248px;
	border: 1px solid #d1d3d4;
	margin-bottom: 20px;
}

.foto_prod_grande{
	width:609px;
	border: 1px solid #d1d3d4;
}
.foto_prod_grande_news{
	width:611px;
}

.lefttile{
	color: #FFFFFF;
	font-size: 13px;
	float:  left;
	background: #10145e url(../images/title_left.gif) top left no-repeat;
	margin-top:  9px;
	margin-left: 31px;
	width: 179px;
	height: 80px;
	padding: 19px 0 0 10px;
}


/************************
	test
************************/
.testDomanda{
	float: left;
	width: 100%;
	position: relative;
	}
	.testBoxNumero{
		position: absolute;
		background: transparent url(../images/numeroTest.png) top left no-repeat;
		width: 106px;
		height: 88px;
		top: 0;
		left: -82px;
		font-size: 48px;
		color: #FFFFFF;
		padding: 10px;
		font-weight: bold;
		}
		.smallNumero{
			font-size: 9px;
			font-weight: normal;
		}
	.testFoto{
		float: left;
		width: 198px;
		text-align: right;
		padding-right: 18px;
	}
	.testContenutoDomanda{
		float: right;
		width: 396px;
		border-top: 2px solid #bfbfbf;
		border-bottom: 2px solid #bfbfbf;
		min-height: 208px;
		padding: 11px 0 11px 0;
		overflow:  hidden;
		}
		.titoloDomanda{
			font-size: 18px;
			color: #11155e;
			line-height: 23px;
		}
		.testRisposte{
			float:  left;
			padding-top: 20px;
			width:  100%;
		}
		.testRisposta{
			float: left;
			padding-bottom: 10px;
			clear: both;
			width:  100%;
		}
		.testRisposta a{
			width: 284px;
			height: 27px;
			float: left;
			color: #FFFFFF;
			background: #0b71af  url(../images/risposta.png) top left no-repeat;
			padding: 3px 0 8px 30px;
			font-size: 14px;
			line-height: 15px;
		}
		.testRisposta a:hover{
			font-weight: bold;
		}