/* Page defintions */
html,body
{
  padding: 0;
  margin: 0;
  color: #000;
  background: #13336c;
  margin-top: 3px
}

body
{
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 1.05em;
  height: 100%;
  text-align: center;
}

h1, h2, h3, h4, h5
{
  margin: 2px;
}

.areariservata {font-family:arial,sans-serif;font-size:16px;color:navy;font-weight:bold;text-decoration:none;}

.titolone {font-family:arial,sans-serif;font-size:20px;color:black;font-weight:bold;}

.titolo {font-family:arial,sans-serif;font-size:18px;color:#13336c;font-weight:bold;}

.sezione {font-family:arial,sans-serif;font-size:15px;color:#121270;font-weight:bold;}

.testo15 {font-family:arial,sans-serif;font-size:15px;color:#121270;font-weight:normal; text-decoration:none;}

.testo {font-family:arial,sans-serif;font-size:14px;color:#121270;font-weight:bold;}

.testo11bianco {font-family:arial,sans-serif;font-size:11px;color:#ffffff;font-weight:normal;}

.testo11rosso {font-family:arial,sans-serif;font-size:11px;color:red;font-weight:normal;}

.testo11nero {font-family:arial,sans-serif;font-size:11px;color:black;font-weight:normal;}

.testo11blu {font-family:arial,sans-serif;font-size:11px;color:#121270;font-weight:normal;}

.testo12bianco {font-family:arial,sans-serif;font-size:12px;color:#ffffff;font-weight:normal;}

.testo12rosso {font-family:arial,sans-serif;font-size:12px;color:red;font-weight:normal;}

.testo12nero {font-family:arial,sans-serif;font-size:12px;color:black;font-weight:normal;}

.testo12blu {
  font-size:12px;
  color:#121270;
  letter-spacing: 1px;
  font-family:arial, verdana, sans-serif; 
  font-weight:bold;
}

.testob {font-family:arial,sans-serif;font-size:14px;color:#121270;font-weight:bold;}

.testolink {font-family:arial,sans-serif;font-size:14px;color:navy;font-weight:underline;}

.nota {font-family:arial,sans-serif;font-size:12px;color:lightblue;font-weight:normal;}

.copyright {font-family:arial,sans-serif;font-size:11px;color:#121270;font-weight:bold;}


/* IE only - stops IE from using tahoma which looks ugly and PNG transparency */
.IEFixPNG img { 
  behavior: url('pngbehavior.htc');
}

.center { 
margin-left: auto;
margin-right: auto;
 }

.title { 
text-align: center;
 }


/* Class to "preload" hover images */
img.preload
{
  height: 0px;
  width: 0px;
}

/* Linked images dont have ugly border */
a img
{
  border: 0px solid
}



/* CONTENITORE GENERALE */
div#container
{
  width: 760px;
  margin: 0 auto;
  text-align: left;
  background: #ffffff;
  border-left: 2px solid lightblue;  
  border-top: 2px solid lightblue;
  border-bottom: 2px solid lightblue;
  border-right: 2px solid lightblue;
  font-size: 100%
}


div.container a
{
  color: #00009a;
  font-weight:bold;
  text-decoration: none
}

/* Quandi si passa sopra ad un link nella pagina eccetto menu. Per i menu vedere oltre */
div.container a:hover
{
  font-weight:bold;
  color: red
}


/* Header = Titolo */
div#title
{
  width: 760px;
  color: #ffffff;
  border-bottom: 2px solid lightblue;
  letter-spacing: 0.1em;
  text-align: center;
}

div.title_sx
{
  margin-left: 5px;
  margin-top: 5px
  width: 100px
}

div.title_dx
{
  margin-right: 5px;
  margin-top: 5px
}

/* color blu 3975b4 */
div.title_content
{
  margin: auto;
  padding: 3px 3px 3px 3px;
  color: #3975b4;
  text-align: center;
  letter-spacing: 1px;
  font-family:arial, verdana, sans-serif; 
  font-size:12px;
  font-weight:bold;
  background: #ffffff
}



/* Parte di destra CONTENITORE */
div#menu
{
  float: right;
  width: 190px;
  margin-top: 10px;
  padding: 5px;
  background: #ffffff
}

div.menu_content
{
  padding: 0px 0px 0px 0px;
  color: #3975b4;
  text-align: center;
  letter-spacing: 0.4px;
  font-family:arial, verdana, sans-serif; 
  font-size:11px;
  font-weight:bold;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background: #ffffff
}


div.menu_top
{
  height: 12px;
  background: #fff url(_pics/menu-top.png) no-repeat
}

div.menu_bottom
{
  height: 12px;
  margin-bottom: 5px;
  background: #fff url(_pics/menu-bottom.png) no-repeat 
}

/* Come viene emesso un link del menu */
div#menu a
{color: #121270;
  font-family:arial, verdana, sans-serif; 
  font-size:13px;
  text-decoration: none;
  font-weight:bold
}

/* Quandi si passa sopra ad un link del menu */
div#menu a:hover
{font-weight:bold;
  color: red;
  text-decoration: underline
}



/* Parte di SINISTRA CONTENITORE */
div#corpo
{
  background: #ffffff;
  margin-top: 10px;
  margin-right: 200px;
  padding: 5px
}


div.corpo_content
{
  padding: 5px 5px 5px 5px;
  color: #000000;
  text-align: justify;
  font-family:arial, verdana, sans-serif; 
  font-size:11px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  font-weight:normal;
  background: #ffffff
}


div.corpo_top
{
  height: 12px;
  background: #fff url(_pics/content_top.png) no-repeat
}
div.corpo_bottom
{
  height: 12px;
  background: #fff url(_pics/content_bottom.png) no-repeat
}


div#piede
{ border-top: 2px solid lightblue;
  color: navy;
  clear:right;
  text-align: center;
  font-family:arial, verdana, sans-serif; 
  font-size:10px; 
  margin-top : 10px;
  font-weight:normal
}

a#bottone
{
  display: block;
  width: 138px;
  text-align: center;
  border-left: 3px solid #4285CD;
  border-top: 3px solid #4285CD;
  border-right: 3px solid #23466C;
  border-bottom: 3px solid #23466C;
  background: #3973b2;
  font-family: Verdana, Arial, Tahoma;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
  padding: 1px 0px 2px 0px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
}

a#bottone:hover
{
  color: #ffffff;
}


a#bottone:active
{
  color: #ffffff;
  border-bottom: 3px solid #4285CD;
  border-right: 3px solid #4285CD;
  border-top: 3px solid #23466C;
  border-left: 3px solid #23466C;
}