@charset "utf-8";
* { margin: 0; padding:0;}
ul,ol,li { list-style:none;}
a { color:#fff; text-decoration:none;}
img { border:none;}
body { background-color: #322e2e; font-size: 14px; font-family: Arial, sans-serif; color: #fff;}
.clear { clear:both; height:0px; overflow:hidden;}
.hidden { display: none;}
blockquote { margin: 25px 0 25px 10px; padding-left: 20px; border-left: 5px solid #007EFF; font-size: 13px; line-height: 1.45em; font-style: italic; color:#666;}
blockquote cite { margin: 5px 0 0; display: block;	}


#header, #container, #footer { width: 100%; float:left;}
#header { padding: 10px 0 0; background:#322e2e url(../images/bg-body.png) repeat-x left top;}
#container { background: #322e2e; padding: 30px 0 40px; margin-top:-1px;}
#logo { float:left; margin-top:20px;}

.nav { text-align:right; font-size:15px; font-weight:bold; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.75)}
.nav > ul { float:right; position:relative; z-index:2;}
.nav > ul > li { display: inline; float:left;}
.nav > ul > li > a, .nav > ul > li > a span { display: inline-block; line-height: 75px;}
.nav > ul > li > a { padding-left:14px; color:#bababa; cursor:pointer; text-decoration:none;}
.nav > ul > li > a > span { padding: 0 14px 0 0; }
.nav > ul > li > a > span > span { padding: 5px 0 16px; height:75px; }
.nav > ul > li > a > span > span img { *margin-top:26px;}
.nav > ul > li > a:hover, .nav > ul > li.current_page_item > a, .nav > ul > li.current_page_ancestor > a { color:#fff;}

.nav > ul > li.current_page_item > a, .nav > ul > li.current_page_ancestor > a { background:url(../images/bg-nav-l.png) no-repeat left top;}
.nav > ul > li.current_page_item > a > span, .nav > ul > li.current_page_ancestor > a > span { background: url(../images/bg-nav-r.png) no-repeat right top;}
.nav > ul > li.current_page_item > a > span > span, .nav > ul > li.current_page_ancestor > a > span > span { background: url(../images/bg-nav.png) no-repeat center top;}

.nav > ul > li.parent { position: relative;}
.nav > ul > li.parent:hover > a { background:url(../images/bg-nav-hover-l.png) no-repeat left top;}
.nav > ul > li.parent:hover > a > span { background: url(../images/bg-nav-hover-r.png) no-repeat right top; position:relative;}
.nav > ul > li.parent:hover > a > span > span { background: url(../images/bg-nav-center.png) repeat-x center top; padding-bottom:0;}
.nav > ul > li.parent:hover > a > span > span > span { background: url(../images/bg-gradient.gif) no-repeat right top; height:6px; width:100%; position: absolute; right:1px; bottom:-4px; z-index:10000; font-size:0; line-height:0;}


.nav li .subnav { position:absolute; background: url(../images/bg-nav-hover-b.png) no-repeat left bottom; width:159px; padding: 0 0 5px; font-size:14px; text-align:left; left:0; top:78px; z-index:10;}
.nav li ul { background: url(../images/bg-nav-hover.png) no-repeat left top; padding: 5px 2px 5px 4px; }
.nav li ul li { padding: 5px 10px; display:block; border-top: solid 1px #4a4b4f; }
.nav li ul li a { color:#bababa;}
.nav li ul li a:hover { color:#fff;}
.nav li ul li:first-child { border-top: none;}
.nav li .subnav, .nav li ul { display: none;}
.nav li.parent:hover .subnav, .nav li.parent:hover ul { display: block;}

.page-title { margin-bottom: 15px; color:#bababa; text-shadow: -1px -1px 0 #000;}




#testa_col2 {
	top:0px;
	left:0px;
	position: absolute; 
	width:100%;
	height:219px; 
	background-image:url('http://www.giardinodelleimmagini.it/sfondo_verde.jpg'); 
	background-repeat:repeat-x;
	margin:0px auto;
	padding:0px;
	z-index:7;
	}
#testa_logo {
	top:0px;
	left:0px;
	position: relative; 
	width:750px;
	height:219px; 
	z-index:70;
	}
	
