/* CSS Document */

html,
body {
	margin:0;
	padding:0;
	height:100%;
}
html>body #wrap {
	height:100%;
} 

html>body #header {
	position:fixed;
}

#wrap {
	width:775px;
	margin:0 auto;

}

#header {
	width:775px;
	margin:0 auto;
	height:55px;
	background-image: url(../images/struttura/header.jpg);
	background-position:top;
	background-repeat:no-repeat;
	z-index:10;
}


.card {
	width:440px;
	height:185px;
	margin:0 auto;
	background-image: url(../images/struttura/card.gif);
	background-position:1px 1px
	background-repeat:no-repeat;
}
.celCardW {
	color:#000000;
	width:300px;
}
.celCardB {
	color: #FFFFFF;
	width:100px;
	padding-left:5px;
}

html>body #content-wrap {
	position:absolute;
	height:100%;
	width:775px;
	top:55px;
	background-image: url(../images/struttura/fondino1.jpg);
	background-repeat:repeat-y;
} 



html>body #content {
	padding:0px 0px 0px 0px;
} 

#footer {
	width:775px;
	height:20px;
	background-color: #4f0000;
position:relative;
}
html>body #footer {
	position:fixed;
	bottom:0;
	z-index:10; /* Prevent certain problems with form controls */
	color:#CC0000;
}


/* Styling to make this demo page look just a little bit better */
html,
body {
	color:#333;
	background:#b18b62 fixed;
	background-image: url(../images/struttura/fondino1.jpg);
	background-repeat:repeat-y;
	background-position:center;

}
body {font:76%/1.5 "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;}
h1,
h2 {
	margin:0.25em 0;
	font:normal 1.5em/1.1 "Century Gothic","Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;
	text-align:center;
	letter-spacing:1px;
}
p {margin:1em 0;}
.info {
	position:relative;
	padding:0.5em;
	border:2px solid #999;
	background:#fff;
}
a:link,
a:visited {
	color:#AE4F0C;
	font-weight:bold;
	text-decoration:none;
}
a:focus,
a:hover {
	border-bottom-style:solid;
	color:#D03900;
}
#header,
#footer {
	color: #FFFFFF;
	text-align:center;
}


#content-wrap,
#footer a {
	color: #FFFFFF;
}


#foglie,
#rami,
#banner{
	background-position:top;
	background-repeat:no-repeat;
	width:100%;
}


html>body #foglie { 
	position: fixed;
	background-image: url(../images/struttura/backtrees.gif);
	min-width:761px;
	height:600px;
}

html>body #rami { 
	position: fixed;
	background-image: url(../images/struttura/rami.gif);
	min-width:775px;
	height:600px;
}


#banner { 
	position:relative;
	height:180px;
	/*background-image: url(../images/banner/banner.jpg);*/
	background-color:#000000;
}

#sf1{
	float:left;
	background-image:url(../images/struttura/sfumata1.jpg);
	background-repeat:repeat-x;
	background-position:top;
	width:100%;
	height:70px;
	left:0px;
}

#sf2{
	float:left;
	background-image: url(../images/struttura/piante.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	width:100%;
	height:290px;
	width:477px;
	left:0px;
}

#sf3{
	float:right;
	background-color:#000000;
	width:485px;
	height:100px;
}

#menu1,
#menu2,
#menu3{
	float:left;
	margin:0px 2px 2px 2px;
}

#menu1 {
	width:175px;
	min-height:460px;
	text-align:center;
}

#menu2 { 
	width:105px;
	background-color: #542b07;
}

#menu3 { 
	width:477px;
	background-color: #d69b67;
	border-right:#e7cdaa thin solid;
}

#mainbody{
	padding:10px;
	text-align:justify;
}
#main{
	z-index:50;
	width:175px;
	height:340px;
}
#tree{
	position:absolute;
	width:250px;
	z-index:50;
	left:190px;
	top:300px;
}