body {
  background-color:#FFFFFF;
  color: black;
  font-family: verdana, helvetica, sans-serif;
  font-size: 10pt;
  margin-bottom: 70px;
}

#menutop {
  text-align:center;
}

#footer {
  color: rgb(170, 170, 170);
  background-color: rgb(245, 245, 245);

  text-align: left;
  font-size: 10px;
  padding-top: 1em;
  padding-bottom: 2em;

  margin: 3em auto 0 auto;
  width:800px;

  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgb(221, 221, 221);

  border-bottom-width: 10px;
  border-bottom-style: solid;
  border-bottom-color: rgb(245, 245, 245);

  z-index: 10000;
  opacity: 0.8;
}

#footer .left {
   margin: 0 0 0 1em;
   float: left;
}

#footer .right {
  float:right;
  margin: 0 1em 0 0;
}


a:link {
  color: #0073c7;
  font-weight: 900;
  text-decoration: none;
  background-color: inherit;
}

a:link:hover {
  color: #0073c7;
  background-color: #f0f0f0;
}

a:link:active {
  color: #0073c7;
  background-color: #f0f0f0;
}

a:visited:hover {
  color: #0073c7;
  background-color: #f0f0f0;
}

a:visited:active {
  color: #0073c7;
  background-color: #f0f0f0;
}

a:active {
  color: #00aa00;
  text-decoration: none;
  font-weight: 900;
}

a:visited {
  color: #0073c7;
  text-decoration: none;
  font-weight: 900;
  background-color: inherit;
}

a:hover {
  color: #00ff00;
  text-decoration: none;
  font-weight: 900;
}

.warning {
  font-size: 22pt;
  color: red;
  text-align: center;
}

.include {
  border: 1px solid red;
  background-color: silver;
  text-align:center;
}

/**
  Home
**/

h1.titlehome {
  margin-top: 2em;
  text-align: center;
  font-weight: bold;
  font-size: 200%;
  border: none;
}

h1.titlehome:first-letter {
  font-size:200%;
  color: #336600;
  font-family: Comic Sans MS, Arial, Helvetica;
  font-style: italic;
}

span.iniziale {
  font-size:200%;
  color: #336600;
  font-family: Comic Sans MS, Arial, Helvetica;
  font-style: italic;
}

/**
  Curriculum
**/

.title {
  font-weight: bold;
  font-size: 200%;
  text-align:center;
}

.subtitle {
  font-weight: bold;
  font-size: 120%;
  text-align: center;
  margin-top: -1em;
}

.curriculum {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
}


.section   {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #443333;
  border-style: solid;
  border-color: #FFCC99;
  border-width: 0 0 0 5px;
  padding: 4px 20px 4px 3px;
  margin-bottom: 0.2em;
  margin-top: 0.5em;
}

.text {
  font-family: Arial, Helvetica, sans-serif;
  margin-left: 1em;
}

.azienda {
  background-color: #FFFFCC;
  margin-top: 10px;
}

div.esperienza {
  padding: 0;
  margin-left: 3px;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 10px;
  border: none;
}

.skill_term {
  text-align:left;
  vertical-align:top;
  width:128px;
}

.skill_description {
  text-align:left;
  vertical-align:top;
  width:500px;
}

div.key_bar {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: blue;
}

span.key_unselected {
  color: green;
  font-weight: bold;
  cursor:pointer;
}

span.key_selected {
  color: red;
  cursor:pointer;
  font-weight: bold;
  font-size:110%;
}

span.highlight {
  font-size: 120%;
  color: red;
  font-weight: bold;
}

/**
        Menu
**/

.menu {
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  color: green;
}

/* menusel ha lo stesso colore della seconda riga */
.menusel {
  font-size: small;
  font-weight: bold;
  color: black;
  background-color: #eeeeee;
}

.menutext {
  font-size: small;
}

/* seconda riga del menu */
.menu2 {
  color: black;
  background-color: #eeeeee;
}

/**
  varie
**/

pre, code {
    font-family: "Courier New", Courier, monospace;
}

tr.transparent {
  background-color: #ffffff;
}

span.title {
  font-size: 14pt;
  font-weight: bold;
}

.fieldname {
  color: #222277;
  font-weight: bold;
  font-size: 10pt;
}

.fieldvalue {
  font-size: 10pt;
}

.small {
  font-size: 8pt;
}

ul {
  font-size: 12pt;
}

/**
  Album: page of album
  Formato pagina

  - header

  - maintable
    breadcrumbs
    albumpage_section (thubnails row)
      thumbnails_table
        thumbnail_image_row
          thumbnail_image
        thumbnail_title_row
          thumbnail_title
    albumpage_section (subthubnails row)
      album_image  - album description
  - footer

  Album: page of image
  - header

  - maintable
    breadcrumbs
  - footer
**/

table.album_maintable {
  text-align: center;
  width: 650px;
  border: 0;
}

td.album_breadcrumbs {
  color: black;
  background-color: #eeeeee;
}

span.album_treepath {
  font-size: 10pt;
  color: #000077;
}

span.album_treepathdots {
  color: #111111;
}

td.album_section {
  background-color: #aaaaaa;
  color: white;
  font-weight: bold;
}



table.album_thubnails_table {
  border-style: none;
}

tr.album_thumbnail_image_row {
  border-style: solid;
}

td.album_thumbnail_image {
  text-align: center;
  vertical-align: bottom;
}

tr.album_thumbnail_title_row {
  border-style: dotted;
}

td.album_thumbnail_title {

  background-color: #eeeeee;
  color: black;

  font-family: Verdana;
  font-size: x-small;
  text-align: center;

  vertical-align: top;
}

/**
  Guestbook
**/

.guestbook_paginator {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.guestbook_pagenumber {
   font-family: Comic Sans MS, Arial, Helvetica;
   font-size: 110%;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
}

.guestbook_entrybox {
  border: 1px solid #000033;
  width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.guestbook_num {
  background-color: #E9ECEF;
  text-align: center;
  vertical-align: middle;
  font-family: Comic Sans MS, Arial, Helvetica;
  font-size: 120%;
  color: #000000;
}

.guestbook_header {
  background-color: #E9ECEF;
  font-family: Comic Sans MS, Arial, Helvetica;
  font-size: 100%;
  color: #000000;
  text-align: center;
}

.guestbook_date {
  background-color: #E9ECEF;
  text-align: right;
  vertical-align: top;
  font-family: Comic Sans MS, Arial, Helvetica;
  font-size: 80%;
  color: #000000;
}

.guestbook_message {
  background-color: #ffff8f;
  text-align: left;
  vertical-align: top;
}

.guestbook_form_title {
  font-family:Comic Sans MS, Arial, Helvetica;
  font-size: 120%;
  text-align: center;
}

.guestbook_form_error {
  color: #FF0000;
}

.guestbook_form_label_required {
  font-weight: bold;
  text-align: right;
  vertical-align: top;
}

.guestbook_form_label_optional {
  text-align: right;
  vertical-align: top;
}

#guestbook_security_code {
  color: red;
}