@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/* Mobile Layout: 480px and below. */



/* Menu position */
.menu {
	z-index:3;
	position:relative;
	left: 0px;
	width:20%;
	height:100%;
	}
#logo {
	width:20%;
	z-index:3;
	position:fixed;
	left: 3%;
	top:-9px;
}
#sottomenu {
	z-index:3;
	margin-top: 200px;
	padding-top:10%;
	padding-left:9%;
	position:fixed;
	text-align:left;
	left:0;
	font-family: Brown, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 300;
	line-height: 150%;
	text-decoration:none;}
a#lmenu:hover {
		font-weight:700;
		color:#000;
	}
a#lmenu:link {color:#666;}
a#lmenu:visited {color:#666;}	
/* background img */
html, body, #bg, #bg table, #bg td {
z-index:1;
height:100%;
width:100%;
}
#bg div {
z-index:1;
height:100%;
left:0;
position:absolute;
top:0; 
width:100%;
}
#bg img {
z-index:1;
margin:0 auto;
min-height:10%;
min-width:10%;
}
#bg td {
z-index:1;
text-align:left;
vertical-align:top;
}
#whbg {
	position:fixed;
height:auto;
widht:100%;
margin:0;}
/*-----altezza menu-------*/
/*(1) da 0 a w240xh320*/
@media only screen and (min-height: 1px) {
#sottomenu {
	margin-top: 100px;
	padding-top:10%;
    font-size: 13px;}}
/*(2) da w240xh320 a w320xh480*/
@media only screen and (min-height: 321px) {
#sottomenu {
	margin-top: 140px;
	padding-top:10%;
    font-size: 14px;}}
/*(3) da w321xh480 a w480xh640*/
@media only screen and (min-height: 481px) {	
#sottomenu {
	margin-top: 150px;
	padding-top:10%;
	    font-size: 18px;}}
/*(over3) */
@media only screen and (min-height: 641px) {
#sottomenu {
	margin-top: 250px;
	padding-top:10%;
	    font-size: 18px;}}
/*(over6) */
@media only screen and (min-height: 801px) {
#sottomenu {
	margin-top: 350px;
	padding-top:14%;
	    font-size: 18px;}}