/* La percentuale è sui 16px (0.75 * 16px = 12px) */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

html
{
  /* height: 100%;
   width: 100%;*/
}  
   
body { 
	font-size: 12px;
	/*height:100%;*/
	font-family:"Trebuchet MS",Arial,"Mahsuri Sans",sans-serif; 
   /* background: url(../img/bgmain.gif) top center no-repeat; */
	color:#000; 
	border-top:0; 
	top:0; 
	background:#000 url(img/bkg.jpg) top center no-repeat; 
}

a { outline: none;/* get rid of dotted borders */}

img{
	color:#666;
	font-style:italic;
	-ms-interpolation-mode: bicubic;
}

img.shadow {
	background: url(../img/shadow-1000x1000.gif) no-repeat right bottom;
	padding: 5px 10px 10px 5px;
}

img.double-border {
	border: 5px solid #ddd;
	padding: 5px;
	background: #fff;
}

div
{position:relative}

div.pad
{padding:10px}

input,textarea
{
background:#FFF; height:12px; border:solid 1px #999; font-size:10px; color:#595A5C; font-family:Arial, Helvetica, sans-serif; padding-left:3px
}

select {font-size:10px}

/* Menu
-------------------------------------------------------------- */

ul.menu,
.menu ul{
	margin: 0;
	padding-top: 0px;
	cursor: default;
	font-size:13px;
	list-style-type: none;
	text-align:left;
}

ul.menu{
	/*display: table;*/
}
.menu li{
	/*display: table-cell;*/
	color:#FFFFFF;
	display: inline;
	padding: 0px 15px;
	list-style-type: none;
	/*width:auto;*/
	/*position: relative;*/
}

ul.menu a{
text-decoration:none;
color:#FFF;
}

#menu {
		font-family:verdana;
		font-size:12px;
		position:relative;
		margin:0 auto;
		width:200px;
	}
	
	#menu ul {
		/* remove list style */
		list-style:none;
		padding:0;
		margin:0;	
		
		/* set the layer position */
		position:relative;
		z-index:5;
	}
	
		#menu li {
			/* set the styles */
			background:#b8b8b8 url(../img/privacy2.gif) no-repeat 0 0;
			padding:5px;
			margin:2px;
			cursor:pointer;
			border:1px solid #b8b8b8;
		}
		
		#menu li.hover {
			/* on hover, change it to this image */
			background-image:url(../img/privacy2.gif) !important;
		}
		
		#menu li a {
			text-decoration:none;	
			color:#888;
		}
	
	
	#menu .block {
		/* allow javascript to move the block */
		position:absolute;
		top:17px;
		
		/* set the left position */
		left:10px;	
		
		/* display above the #menu */
		z-index:10;
		
		/* the image and the size */
		background:transparent url(../img/freccia.png) no-repeat 0px 5px;
		width:16px;
		height:30px;
		padding:3px;
		cursor:pointer;
	}
	
	/* fast png fix for ie6 */
	* html .png{
		position:relative;
		behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
	}


/* Struttura
-------------------------------------------------------------- */

div.main
{
position:relative;
width:760px;
height:100%;
}


/* Links 
-------------------------------------------------------------- */

a {outline: none; text-decoration:none; color:#009AD3; font-weight:bold} /*rimuove il puntinato dai link sulle immagini attive */
a :link { color:#009AD3; }
a:visited { color: #009AD3; }
a:hover { color: #009AD3; text-decoration:underline }
a:active { color: 009AD3; }

.mail { unicode-bidi:bidi-override; direction: rtl; }   	/*per rendere la mail irriconoscibile ai bot */

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; font-family:"Trebuchet MS",Arial,"Mahsuri Sans",sans-serif; color:#009AD3}

h1 { font-size: 2.5em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 5px; line-height:35px}
h3 { font-size: 1.5em; line-height: 18px; margin-bottom: 5px; color:#666666 }
h4 { font-size: 1.35em; font-weight: bold; line-height: 25px; margin-bottom: 0.6em; margin-top:0.4em }
h5 { font-size: 14px; font-weight: bold; color:#666666; margin-bottom:10px; margin-top:5px; padding-left:50px}
h6 { font-size: 14px; font-weight: bold; color:#666666; padding-left:50px; margin-bottom:3px; }


/* Text elements
-------------------------------------------------------------- */

ul, ol      { margin:0 1.5em 1.5em 1.5em; }
ul          { list-style-type: square; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

p.menu  { text-align:right }
p {margin: 0; padding: 0; text-align:justify}

strong      { font-weight: bold; }
em      { font-style: italic; }

ul {
}


/* -------------------------------------------------------------- */


pre
{
font-family:Arial,Helvetica,sans-serif; 
font-size:12px; 

white-space:pre-wrap;  
white-space:-moz-pre-wrap;  
white-space:-pre-wrap;  
white-space:-o-pre-wrap}

hr
{
color: #000;
background-color: #000;
height: 2px;
border: none;
}

/*-------------------------------------------*/
/* Sample 6*/
#box6{
	position:absolute;
	width:560px;
}
#box6 span{
	display:block;
}
#handles6_1{
	float:left
}
#handles6_2{
	float:right
}
.mask6{
	position:absolute;
	
	margin-left:0px;
	width:560px;
	height:420px;
	overflow:hidden;
}
.sample6 .buttons{
	clear:both;
	text-align:center;
}

/* Sample 7*/
#box7{
	position:absolute;
}
#box7 span{
	display:block;
	float:left;
}

#thumbs7{
	position:relative;
	width:486px;
	clear:both;
	height:41px;
	overflow:hidden;
	margin-top:200px;
}
#thumbs7 .thumbs, #thumbs_handles7, #thumbs_mask7{
	position:absolute;
	top:0;
	width:100%;
	height:41px;
}
#thumbs7 .thumbs div, #thumbs_handles7 span{
	display:block;
	width:60px;
	height:41px;
	margin:0;
	float:left;
	cursor:pointer;
}
#thumbs7 .thumbs div img{
	width:54px;
	float:right;
}
#thumbs_handles7 span{
	background:url(../img/thumb_invisible.gif) no-repeat;
}
#thumbs_mask7{
	width:1200px;
	background:url(../img/thumbs_mask.gif) no-repeat center top;
}

/* ********************************** */

.thumbs{
	width:90px;
}
.thumbs div{
	display:block;
	width:90px;
	
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.info{
	width:240px;
	height:50px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}

.mask1{
	position:relative;
	width:480px;
	height:180px;
	overflow:hidden;
}
.mask2{
	position:relative;
	width:240px;
	height:180px;
	overflow:hidden;
}
.mask3{
	position:relative;
	width:480px;
	height:240px;
	overflow:hidden;
}

span img{
	display:block;
	border:none;
}
.sample{padding:20px 15px; margin:4px 0 25px 0; border:1px solid #e1e1e1}
.buttons{padding:5px;}
.buttons span{color:#0080FF;padding:0 5px;cursor:pointer;font:10px Verdana}
.buttons span.active, .buttons span:hover{background:#0080FF;color:#fff}