/*aspetto del body e degli sfondi*/

html {
	width:100%; /*questa propriet serve perch ie interpreti html contenitore, in questo modo, prender tutto lo schermo in altezza come firefox*/
	background-color:#000000;
	}
body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	}
a {
	outline:none;
	}
h2 {
	margin:0;
	font-size:12px;
	}
h3 {
	margin:0;
	}
.hide{
	display:none;
	}
img {
	border:0;
	}
	
#wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	}
#grey {
	height: 65%;
	width: 16%;
	background-color: #b7b7b7;
	float: left;
	}
#water_green {
	height: 65%;
	width: 17%;
	background-color: #018A8A;
	float: left;
	}
#green {
	height: 65%;
	width: 17%;
	background-color: #008500;
	float: left;
	}
	#green_example {
		height: 65%;
		width: 67%;
		background-color: #008500;
		float: left;
		}
#fucsia {
	height: 65%;
	width: 17%;
	background-color: #A600A6;
	float: left;
	}
	#fucsia_example {
		height: 15px;
		width: 25%;
		background-color: #A600A6;
		float: left;
		margin-left: 25%;
		}
#red {
	height: 65%;
	width: 17%;
	background-color: #960000;
	float: left;
	}
	#red_example {
		height: 15px;
		width: 25%;
		background-color: #960000;
		float: left;
		}
#blue {
	height: 65%;
	width: 16%;
	background-color: #010085;
	float: left;
	}
	#blue_example {
		height: 15px;
		width: 25%;
		background-color: #010085;
		float: left;
		}
#white {
	height:6%;
	width:100%;
	background-color: #FFF;
	clear: left;
	}
#blue_sea {
	height:29%;
	width:18%;
	background-color: #003F6A;
	float: left;
	}
#white_grey {
	height:29%;
	width:18%;
	background-color: #E6E6E6;
	float: left;
	}
#violet {
	height:29%;
	width:18%;
	background-color: #410078;
	float: left;
	}
#black {
	height:29%;
	width:46%;
	float: left;
	background-color:#000;
	}

/*aspetto del menu*/

.menu a, .menu a:link, .menu a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: bold;
	width: 90px;
	height: 15px;
	position:absolute;
	cursor: pointer;
	text-decoration: none;
	background: #666666 url(../images/back_menu.gif) no-repeat bottom right;
	}
.menu a:hover {
	background-position: top right;
	}

/*contenitori nascosti dallo javasript*/

.div_nascosto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;	
	height: 80%;
	margin-top: 40px;
	overflow: auto; 
	display: none;
	overflow-x: hidden;
	padding: 0px 7px 3px 7px;
	}
	.div_nascosto a, .div_nascosto a:link, .div_nascosto a:visited  {
		color: #FFFFFF;
		text-decoration:none;
		}		
	.div_nascosto a:hover {
		color:#CCC;
		}	
	.div_nascosto ul {
		list-style-type:none;
		padding:0px;
		margin:0px;
		}	
	.no-margin {
		margin:0px;
		}

/*definizione del form*/

input {
	font-weight: bold;
	color:#2c9918;
	width: 95%;
	height: 17px;
	margin: 22px 0px 0px 0px;
	padding: 0px 3px 2px 3px;
	border: none;
	background: #b5db6a;
	}	
	.pulsante {
		margin-top:20px;
		text-align:left;
		padding:0px !important;
		color: #b5db6a;
		background-color:#008500;
		cursor:pointer;
		}

/*artwork*/

#artwork ul {
	list-style-type:none;
	margin: 5px 0px 0px -7px;
	padding:0px;
	}
	#artwork li {
		margin: 0px 0px 20px 0px;
		}		
	.artwork a, .artwork a:link, .artwork a:visited {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-transform: uppercase;
		color: #FFFFFF;
		font-weight: bold;
		padding: 0px 35px 0px 0px;
		height: 15px;
		cursor: pointer;
		text-decoration: none;
		background: #666666 url(../images/back_artwork.gif) no-repeat bottom right;
		}	
	.artwork a:hover {
		background-position: top right;
		}
	.artwork_attivo {
		width: 55px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-transform: uppercase;
		color: #FFF;
		font-weight: bold;
		padding: 0px 35px 0px 0px;
		height: 15px;
		background: #666666 url(../images/back_artwork.gif) no-repeat top right;
		}
/*play*/
#pagine_play {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;	
	height: 80%;
	margin-top: 40px;
	overflow: auto; 
	padding: 0px 7px 3px 7px;
	}	
	#pagine_play ul {
		padding-left:15px;
		margin:0px;
		list-style-type:square;
		}
	#pagine_play li {
		margin-bottom:10px;
		}