* { cursor: url("grafica/cursors/trekCur.png"), auto }

html {
	height: 100%;
	overflow: hidden;
	}

body {
	margin: 0;
	padding: 10px;
	background: #000;
	color: #ccc;
	font: 14px sans-serif;
	}

a { color: #09f }
a:hover { color: #fff }

h1, h2, #credits { display: none }
p { margin: 0 }
fieldset { border: 0 }

.alert {
	position: absolute;
	top: 0; left: 0;
	margin: 0; padding: 0;
	width: 100%; height: 100%;
	text-align: center;
	z-index: 1;
	}

.alert div {
	display: inline-block;
	position: relative;
	top: 40%;
	margin: 0 auto;
	border: 1px solid #ccc;
	padding: 4px;
	background: #333;
	color: #ccc;
	text-align: left;
	}

.alert div h1 {
	margin: 0 0 4px 0;
	padding: 1px 0;
	color: #f00;
	text-align: center;
	font-size: 1em;
	}

blockquote {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
	}

ul#menu, ul#Login {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 800px;
	height: 550px;
	list-style-type: none;
	}

ul#menu { background: transparent url('grafica/index/homeBg.jpg') no-repeat 50% 0 }

ul#menu li {
	float: left;
	margin: 0 24px;
	margin-top: 276px;
	width: 150px; height: 24px;
	line-height: 24px;
	}

ul#Login li {
	display: block;
	}

li#info { display: none }

li a.btnMenu {
	display: block;
	width: 100%; height: 100%;
	background: transparent url('grafica/index/buttons.png') no-repeat 0 0;
	text-indent: -9999px;
	}

#registra a.btnMenu { background-position: 0 -24px }
#scenario a.btnMenu { background-position: 0 -48px }
#crediti a.btnMenu { background-position: 0 -72px }

#accedi a.btnMenu:hover { background-position: right 0 }
#registra a.btnMenu:hover { background-position: right -24px }
#scenario a.btnMenu:hover { background-position: right -48px }
#crediti a.btnMenu:hover { background-position: right -72px }