@charset "utf-8";
/* CSS Document */

* {
	padding: 0;
	margin: 0;
}
.none {
	display: none;
}
body {

	background: #211500 url(../images/bg.jpg) repeat;
		font-family: Georgia, Trebuchet MS, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #ffffff;
	z-index:0;
	background-color: #252525;
	height:100%; /* this is the key! */

}
h1, h2, h3, h4, h5 {
	display: none;
}
img {
		border: 0;
		vertical-align: middle;
}
a {
	color: #FFF;
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
}


/* layout contorna IE-MAC-FF-OP */
 #content:after,#body:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#content,#body{ display: inline-table; }
* html #content,* html #body{ height: 1%; }
#content,#body{ display: block; }
/* fine */


#content {
	width: 100%	;
	margin: 0 auto;
	height:100%; /* works only if parent container is assigned a height value */
}

#body{
	width: 833px;
	height: 400px;
	margin: 0 auto;
	
}
#fogliasx{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/fogliesx.png');
	width: 327px;
	height: 117px;
}

html > /**/ body #fogliasx {
	background: url("../images/fogliesx.png") no-repeat top left;
}

#fogliadx{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/fogliedx.png');
	width: 407px;
	height: 232px;
	float: right;
	z-index: 100;
	position:relative
}

html > /**/ body #fogliadx {
	background: url("../images/fogliedx.png") no-repeat top left;
}


#bamboo{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/bamboo.png');
	width: 650px;
	height: 447px;
	margin: 0 0 0 120px;
	position: absolute;
	z-index: 30;
}

html > /**/ body #bamboo {
	background: url("../images/bamboo.png") no-repeat top left;
	width: 650px;
	height: 447px;
}

#logo{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/logo.png');
	width: 364px;
	height: 264px;
	z-index: 50;
	margin: 100px 0 0 250px;
	position: absolute;
}

html > /**/ body #logo {
	background: url("../images/logo.png") no-repeat top left;

}
#caffe{
	width: 200px;
	height: 400px;
	z-index: 100;
	position: absolute;
	margin: -130px 0 0 600px;
}

#penna{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/penna.png');
	width: 108px;
	height: 274px;
	z-index: 100;
	margin: 180px 0 0 90px;
	position: absolute
}

html > /**/ body #penna {
	background: url("../images/penna.png") no-repeat top left;

}
#foglio{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/foglio.png');
	width: 289px;
	height: 282px;
	z-index: 10;

}

html > /**/ body #foglio {
	background: url("../images/foglio.png") no-repeat top left;

}

#txt{
	height: 100px;
	width: 100%;
	margin-top:100px;
	position: absolute;
	background-color:#000;
	filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
	z-index: 10;
	text-align:center;
	padding-top: 20px;
}
* html #txt{
	margin-top:200px;
}