html,body
{
  margin:0;
  padding:0;
  font-family:'Sans';
  font-size:10pt;
  background-color:#000;
  color:#bbb;
}

body
{
  background-color:#000;
  }

.hidden
{
  display:none;
  }

p
{
  padding:0;
  margin:0;
  }

a:link
{ 
  text-decoration:none;
  }

#logo
{
  position:relative;
  margin:10px auto 20px;
  width:400px;
  height:100px;
  /*background-image:url('./logo.png');
  background-size:100%;
  background-repeat:no-repeat;*/
  }

#logo img
{
  width:100%;
  height:auto;
  }

#messaggi
{
  border:3px solid;
  border-radius:8px;
  width:300px;
  margin:auto;
  margin-top:10px;
  padding:20px;
  color:#444;
  }

#messaggi.verde
{
  border-color:#009900;
  background-color:#99FF99;
  }

#messaggi.giallo
{
  border-color:#999900;
  background-color:#FFFF99;
  }

#messaggi.rosso
{
  border-color:#990000;
  background-color:#FF9999;
  }

input[type=text]
{
  color:#aaaaaa;
  }

input.inserito
{
  color:#000000;
  }

input.errore
{
  border-color:#FF0000;
  color:#FF0000;
  background-color:#FFBBBB;
  }

p.errore
{
  color:#FF0000;
  font-size:10pt;
  }

#tutto
{
  position:absolute;
  width:100%;
  top:0;
  left:0;
  padding:0;
  margin:0;
  }

#titolo
{
  text-align:center;
}

.sezione
{
  position:relative;
  margin:30px auto 0;
  width:90%;
  text-align:center;
  }

.descrizione-corso
{
  margin:0 auto 0;
  width:400px;
  border-radius:5px;
  padding:5px;
  background-color:#cfcfff;
  color:#444;
  border: 1px solid #003399;
  margin-top:5px;
  }

.descrizione-corso h2
{
  margin:0px auto 5px;
  }

.suggerimento
{
  color:#337700;
  background-color:#55DD55;
  border:1px solid #337700;
  font-weight:bold;
  width:300px;
  border-radius:5px;
  margin:auto auto 5px;
  }

.sezione h2
{
  text-align:center;
  }

input#invia
{
  margin:10px auto 20px;
  }

#piede
{ 
  margin:auto auto 0;
  text-align:center;
  margin-top:100px;
}

a
{
    color:#ff5555;
}

div#home
{
  margin:auto auto 0;
  text-align:center;
  }

.clear
{ 
  clear:both;
  }