html {overflow: hidden;}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
  background-color: black;
  color: white;
  margin: auto;
}

#container {
  position: absolute;
  width: 800px;
  height: 600px;
  left: 50%;
  top: 50%;
  margin-left: -400px;
  margin-top: -300px;
}

#text {
  width: 500px;
  height: auto;
  margin-left: 300px;
  padding-left: 20px;
  padding-right: 20px;
  z-index: 5000;
  position: absolute;
}

span {
  font-size: 22px;
  font-weight: bold;
}
h1{
  color:#000000;
  font-size:24px;
}
p{
  color:#222222;
  font-size:12px;
}
a{
  height:45px;
  width:161px;
  background-image: url("../immagini/entra.png");
  background-repeat:no-repeat;
  text-indent:-99999;
  display:block;
  overflow:hidden;
  text-indent:-150em;
  margin:0px auto;
}
a:hover{
  background-position:0px -45px;
}
div#thanks{
  display:none;
  position:absolute;
  color:#ffffff;
  bottom:0px;
  right:0px;
  height:30px;
  width:100px;
}
div#entra{
  position:absolute;
  top:40%;
  left:50%;
  height:300px;
  width:400px;
  margin-top:-150px;
  margin-left:-200px;
  border:1px solid #333333;
  background-color:#FFFFFF;
  z-index:99999;
  padding:10px;
  text-align:justify;
  color:#000000;
}
div#designer{
  position:absolute;
  color:#ffffff;
  bottom:0px;
  right:0px;
  height:64px;
  width:105px;
}
div#designer a{
  background-image: url("../immagini/designer.png");
  background-repeat:no-repeat;
  height:64px;
  width:105px;
  text-indent:-99999;
}
div#designer a:hover{
   background-position:0px -1px;
}
div#designer a:focus { outline: 0; }