@import url(stileworks.css);
@import url(stileexperimental.css);
html, body, #wrap {height: 100%; padding:0; margin:0; color:#262626; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:1.2em;}



body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 75px; /* la stessa altezza del footer */
width:800px;
margin-left:auto;
margin-right:auto;
background-image:url(img/popy_bg.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position:top center;
}  



#footer {position: relative;
	margin-top: -75px; /* valore negativo dell'altezza del footer */
	height: 75px;
	clear:both;
	background-color:#262626;}
	

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}

.clearfix {display: inline-block;}

/* Nascondi a IE su Mac \*/

* html .clearfix { height: 1%;}

.clearfix {display: block;}

/* Fine Nascondi a IE su Mac */


/* stile */
a img {border: none;}
ul{list-style:none;}

a:link {color:#fff;}
a:visited {color:#fff;}
a:hover {color:#fff;}

.friend{ padding-top:15px; line-height:1.4em;  font-weight:bold;}

.friend li a:link {color:#262626; text-decoration:underline; font-weight:lighter;}
.friend li a:hover {color:#262626; text-decoration:none; font-weight:lighter;}
.friend li a:visited {color:#262626; text-decoration:underline; font-weight:lighter;}


.insp{ padding-top:15px; line-height:1.4em;}

.insp li a:link {color:#262626; text-decoration:none; font-weight:bold;}
.insp li a:hover {color:#262626; text-decoration:underline; font-weight:bold;}
.insp li a:visited {color:#262626; text-decoration:none; font-weight:bold;}

a.top:link {color:#000; text-decoration:none;  font-weight:bold;}
a.top:hover {color:#000; text-decoration:underline; font-weight:bold;}
a.top:visited {color:#000; text-decoration:none;  font-weight:bold;}

a.go:link {color:#262626; text-decoration:underline;}
a.go:hover {color:#262626; text-decoration:none;}
a.go:visited {color:#262626; text-decoration:underline;}



#nav {padding-top:140px;}

#nav ul{
	list-style:none;
	overflow:hidden;
	height:50px;
	margin:0;
	padding:0;
	}
#nav li{
	display:inline;
	}
	
#nav li a{
	display:block;
	float:left;
	height:40px;
	margin:20px 0 0 0;
	}
	
#nav li a span{
	display:block;
	margin-top:0px;
	height:30px;
	}
	
#nav li a:hover{
	height:90px;
	margin-top:0;
	}
#nav li a.item1{
	background-color:#0099FF;
	}
#nav li a.item2{
	background-color:#FF0066;
	}
#nav li a.item3{
	background-color:#FFFF00;
	}
#nav li a.item4{
	background-color:#000;
	}
#nav li a.item5{
	background-color:#FF0000;
	}
#nav li a.item6{
	background-color:#00FF00;
	}
#nav li a.item7{
	background-color:#0000FF;
	}

#nav li a.item1 span{
	background-image:url(img/item1.jpg); background-repeat:no-repeat; width:50px;}
#nav li a.item2 span{
	background-image:url(img/item2.jpg); background-repeat:no-repeat; width:50px;}
#nav li a.item3 span{
	background-image:url(img/item3.jpg); background-repeat:no-repeat; width:85px;}
#nav li a.item4 span{
	background-image:url(img/item4.jpg); background-repeat:no-repeat; width:85px;}
#nav li a.item5 span{
	background-image:url(img/item5.jpg); background-repeat:no-repeat; width:60px;}
#nav li a.item6 span{
	background-image:url(img/item6.jpg); background-repeat:no-repeat; width:65px;}
#nav li a.item7 span{
	background-image:url(img/item7.jpg); background-repeat:no-repeat; width:50px;}


#content {height:570px; 
margin-top:0;
background-image:url(img/b_trasp.gif); background-repeat:repeat;
border-top:1px solid #ccc;
padding:40px 50px 30px 50px;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
}

#content_sx { 
width:475px;
float:left;
}

#content_dx { 
width:205px;
float:right;
padding:45px 0 0 0;
text-align:right;
}
#content_dx a{ 
color:#262626; text-decoration:underline;}


#content_sx p{ 
font-weight:bold;
text-align:justify;
padding-top:10px;
}

#content_sx td{ 
font-weight:bold;
}

.more {vertical-align:top; 
font-size:12px; 
color:#000;
font-weight:bold;
padding-left:365px;
}

.title {
font-size:23px; 
color:#000;
font-weight:bold;
margin-top:10px;
}

.subtitle{
font-size:16px; 
color:#000;
font-weight:bold;
margin-top:18px;
}

.dwl {vertical-align:super; 
font-size:13px; 
color:#000;
font-weight:bold;
text-align:right;
}

#foot {width:800px; 
		margin:0 auto;
		padding: 0 10px 0 10px;
		color:#fff;
		}
		
#foot #left {width:300px; float:left; background-image:url(img/foot.jpg); background-repeat:no-repeat;  width:375px; height:75px; background-position:center; border-left:1px solid #333;
}
#foot #right {float:right; border-right:1px solid #333; text-align:center;height:50px; width:75px; padding-top:25px;}