* {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 0;
  background-repeat: no-repeat;
  text-decoration: none;
  outline: none;
}

#container {
  position:absolute;
  background-image:url(../immagini/layout/sfondoQuadrato2.jpg);
  background-repeat:no-repeat;
  background-position:top right;
}

.highResolutions {
  position:absolute;
  width:900px;
  height:700px;
  margin-left:-450px;
  margin-top:-350px;
  left:50%;
  top:50%;
  border:none;
  overflow:hidden;
  z-index:1;
}

.lowResolutions {
  position:absolute;
  width:900px;
  height:700px;
  margin-left:-450px;
  left:50%;
  top:0px;
  margin-top:0px;
  overflow:hidden;
  border:none;
  z-index:1;
}

/**** LOGO MENU ALTO *****/
#logo {
  position:absolute;
  top:30px;
  left:0px;
  width:315px;
  height:71px;
  background-image:url(../immagini/layout/logo.jpg);
}
/**** END LOGO MENU ALTO ****/

/**** TESTO ****/
#testoRiq {
  position:absolute;
  right:198px;
  top:370px;
  width:280px;
  height:300px;
  text-align:right;
  z-index:3;
}

#testoRiq .titolo {
  color:white;
  background-color:inherit;
  font-family:Arial, sans-serif;
  font-size:15px;
  font-weight:bold;
}

#testoRiq .small {font-size:10px;}

#testoRiq #testo {
  position:relative;
  top:6px;
  width:260px;
  height:274px;
  padding-left:5px;
  padding-right:10px;
  text-align:left;
  font-family:Arial, sans-serif;
  font-size:12px;
  color:#ffffff;
  background-color:transparent;
  overflow:auto;
}

#testoRiq #testo a {
  color:white;
  background-color:transparent;
}
/**** END TESTO ****/

/**** RIQUADRO ALTO ****/
#riquadroAlto {
  position:absolute;
  top:0px;
  right:0px;
  width:465px;
  height:284px;
}

/** Questo elemento si piazza sulla foto del riquadro alto facendo credere che stia dietro al cerchio bianco */
#riquadroAlto #correttore {
  display:none;
  position:absolute;
  left:0px;
  top:0px;
  width:361px;
  height:284px;
  background-image:url(../immagini/layout/cerchioCorrettivo.png);
  z-index:2;
}
/**** END RIQUADRO ALTO ****/


/**** MENU LATERALE ****/
#menuLaterale {
  position:absolute;
  top:130px;
  left:0px;
  width:190px;
  height:419px;
}

#menuLaterale ul {margin-top:20px;}

#menuLaterale ul li {
  min-height:25px;
  border-style:solid;
  border-color:white;
  border-top-width:1px;
  background-color:#3e5579;
}

#menuLaterale ul li.separato {margin-top:25px;}

#menuLaterale ul li a {
  display:block;
  width:180px;
  padding-left:10px;
  height:22px;
  padding-top:3px;
  font-family:Arial, sans-serif;
  font-size:10px;
  color:white;
  background-color:transparent;
}

#menuLaterale ul li.titolo {
  font-weight:bold;
  color:#244e9c;
  background-color:transparent;
}

#menuLaterale ul li .sottosezione2 {
  text-indent:8px;
}

#menuLaterale ul li .sottosezione2 a {
  border-style: solid;
  border-color:#b6b6b6;
  border-top-width:1px;
  color:black;
  background-color:#eaebec;
}

#menuLaterale ul li .sottosezione2 a:hover {
  color:black;
  background-color:#dbdbdb;
}

#menuLaterale ul li a:hover {
  color:white;
  background-color:#007fac;
}

#menuLaterale ul li .sottosezione {
  display:none;
  position:absolute;
  left:190px;
  width:190px;
  background-color:#eaebec;
  border-style:solid;
  border-color:#b6b6b6;
  border-right-width:1px;
  border-bottom-width:1px;
}

#menuLaterale ul li .sottosezione a {
  display:block;
  width:180px;
  padding-left:10px;
  height:20px;
  border-style:solid;
  border-color:#b6b6b6;
  border-top-width:1px;
  color:black;
  background-color:transparent;
}

#menuLaterale ul li .sottosezione a:hover {
  color:black;
  background-color:#dbdbdb;
}
/**** END MENU LATERALE ****/

/**** LOGIN ****/
#login {
  position:absolute;
  top:475px;
  left:0px;
  width:250px;
  z-index:4;
}

#login span, #login a {
  font-family:Arial, sans-serif;
  font-size:11px;
  font-weight:bold;
  color:#244e9c;
  background-color:transparent;
}

#login a {text-decoration:underline;}

#login form ul li span, #login form ul li a {
  display:block;
  float:left;
  width:70px;
  font-family:Arial, sans-serif;
  font-size:11px;
  font-weight:bold;
  color:#244e9c;
  background-color:transparent;
}

#login form ul li input {
  width:90px;
  height:13px;
  border:solid #000000;
  border-bottom-width:1px;
  border-right-width:1px;
  border-top-width:0px;
  border-left-width:0px;
  background-color:transparent;
}
/**** END LOGIN ****/

#credits {
  position:absolute;
  height:18px;
  bottom:0px;
  left:0px;
}

#credits a {
  display:block;
  float:left;
  margin-left:10px;
}

#pi {
  position:absolute;
  width:100px;
  height:15px;
  right:4px;
  bottom:2px;
  font-size:9px;
  color:white;
  background-color:transparent;
}

.button {
  border:aqua solid 1px;
  cursor:pointer;
  color:aqua;
  background-color:black;
}

a.bianco {
  color:white;
  background-color:transparent;
}
a.bianco:hover {text-decoration:underline;}