body {
  margin: 0;
  padding: 0;
}

div#top {
  background: white url(../img/pulcino.jpg) no-repeat;
  height: 230px;
}

div#menutop {
  background-color: #174189;
  width: 200px;
  height: 230px;
  margin: 0 20px 0 0;
  padding: 0;
  float: right;
}

div#top ul {
  margin: 20px 0 0 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #c2df23;
}

div#top a {
  display: block;
  height: 45px;
  font: normal normal normal 11pt/12pt "Lucida Grande", "Luxi Sans", "Bitstream Vera Sans", "Trebuchet MS", helvetica, verdana, arial, sans-serif;
  margin: 0px;
  border-bottom: 1px solid #c2df23;
  padding: 0 0 0 24px;
  line-height: 45px;  
}

div#top a:link, div#top a:visited {
  color: #c2df23;
  text-decoration: none;
  background: #174189 url(../img/bullet_off.png) no-repeat 3px 15px;
}

div#top a:hover, div#top a#current  {
  color: #174189;
  background: #c2df23 url(../img/bullet_on.png) no-repeat 3px 15px;
}


div#top ul li#index a {
  color: #c2df23;
  line-height: 23px;  
  background: #174189 url(../img/bullet_off.png) no-repeat 3px 6px;
}


div#top ul li#index a:hover, div#top ul li#index a#current  {
  color: #174189;
  line-height: 23px;  
  background: #c2df23 url(../img/bullet_on.png) no-repeat 3px 6px;
}

div#title {
  background-color: #eede0c;
  background: #174189 url(../img/top-shadow.png) repeat-x bottom;
  padding-bottom: 18px;
}

div#title h1, div#title p {
  margin: 0;
  padding: 2px;
  padding-left: 6px;
  color: #174189;
}


div#title h1 {
  /*font: normal normal bold 38px/38px "helvetica, arial";*/
  font: normal normal normal 38pt/38pt "Lucida Grande", "Luxi Sans", "Bitstream Vera Sans", "Trebuchet MS", helvetica, verdana, arial, sans-serif;
  background-color: #eede0c
}

div#title p {
  /*font: normal normal normal 16px/16px "helvetica, arial";*/
  font: normal normal normal 16px/16px "Lucida Grande", "Luxi Sans", "Bitstream Vera Sans", "Trebuchet MS", helvetica, verdana, arial, sans-serif;
  background-color: #eede0c
}

div#container {
  background-color: #174189;
  min-height:    770px;
  height:        auto !important;
  height:        770px;

}

div#menuright {
  float: right; 
  width: 220px;
  margin: 0 0 10px 0;
  padding: 0;
  background-color: #c2df23;
}

div#menuright ul {
  margin: 4px 2px 4px 4px;
  padding: 0;
  list-style: none;
}
div#menuright ul li {
  height: 84px;
}

div#menuright a {
  display: block;
  height: 84px;
  color: #174189;
  padding: 0px 0 0 80px;
  font: normal normal bold 15px/20px "Lucida Grande", "Luxi Sans", "Bitstream Vera Sans", "Trebuchet MS", helvetica, verdana, arial, sans-serif;
  letter-spacing: 1px;
}

div#menuright a:link, div#menuright a:visited {
  text-decoration: none;
}

div#page a, div#page a:link, div#page a:visited {
  color: #eede0c;
}

  div#menuright #polli-galline a {
    background:  #c2df23 url(../img/polli-galline-off.png) no-repeat 0 4px;
  }
  div#menuright #polli-galline a:hover, div#menuright #polli-galline-curr a {
    background:  #174189 url(../img/polli-galline-on.png) no-repeat 0 4px;
    margin-right: 3px;
  }
  div#menuright #polli-galline a:hover, div#menuright #polli-galline-curr a {
    color:  #eede0c;
  }
  
  div#menuright #maiali a {
    background:  #c2df23 url(../img/maiali-off.png) no-repeat 0 4px;
  }
  div#menuright #maiali a:hover, div#menuright #maiali-curr a {
    background:  #174189 url(../img/maiali-on.png) no-repeat 0 4px;
    margin-right: 3px;
  }
  div#menuright #maiali a:hover, div#menuright #maiali-curr a {
    color:  #eede0c;
  }
  
  div#menuright #pesci-crostacei a {
    background:  #c2df23 url(../img/pesci-crostacei-off.png) no-repeat 0 4px;
  }
  div#menuright #pesci-crostacei a:hover, div#menuright #pesci-crostacei-curr a {
    background:  #174189 url(../img/pesci-crostacei-on.png) no-repeat 0 4px;
    margin-right: 3px;
  }
  div#menuright #pesci-crostacei a:hover, div#menuright #pesci-crostacei-curr a {
    color:  #eede0c;
  }
  
  div#menuright #pecore-capre a {
    background:  #c2df23 url(../img/pecore-capre-off.png) no-repeat 0 4px;
  }
  div#menuright #pecore-capre a:hover, div#menuright #pecore-capre-curr a {
    background:  #174189 url(../img/pecore-capre-on.png) no-repeat 0 4px;
    margin-right: 3px;
  }
  div#menuright #pecore-capre a:hover, div#menuright #pecore-capre-curr a {
    color:  #eede0c;
  }
  
  div#menuright #mucche-vitelli-tori a {
    background:  #c2df23 url(../img/mucche-vitelli-tori-off.png) no-repeat 0 4px;
  }
  div#menuright #mucche-vitelli-tori a:hover, div#menuright #mucche-vitelli-tori-curr a {
    background:  #174189 url(../img/mucche-vitelli-tori-on.png) no-repeat 0 4px;
    margin-right: 3px;
  }
  div#menuright #mucche-vitelli-tori a:hover, div#menuright #mucche-vitelli-tori-curr a {
    color:  #eede0c;
  }
  
  div#menuright #oche-anatre a {
    background:  #c2df23 url(../img/oche-anatre-off.png) no-repeat 0 4px;
  }
  div#menuright #oche-anatre a:hover, div#menuright #oche-anatre-curr a {
    background:  #174189 url(../img/oche-anatre-on.png) no-repeat 0 4px;
    margin-right: 3px;
  }
  div#menuright #oche-anatre a:hover, div#menuright #oche-anatre-curr a {
    color:  #eede0c;
  }
  
  div#menuright #conigli a {
    background:  #c2df23 url(../img/conigli-off.png) no-repeat 0 4px;
  }
  div#menuright #conigli a:hover, div#menuright #conigli-curr a {
    background:  #174189 url(../img/conigli-on.png) no-repeat 0 4px;
    margin-right: 3px;
  }
  div#menuright #conigli a:hover, div#menuright #conigli-curr a {
    color:  #eede0c;
  }
  
  div#menuright #cani-gatti a {
    background:  #c2df23 url(../img/cani-gatti-off.png) no-repeat 0 4px;
  }
  div#menuright #cani-gatti a:hover, div#menuright #cani-gatti-curr a {
    background:  #174189 url(../img/cani-gatti-on.png) no-repeat 0 4px;
    margin-right: 3px;
  }
  div#menuright #cani-gatti a:hover, div#menuright #cani-gatti-curr a {
    color:  #eede0c;
  }
  
  div#menuright #salvarli a {
    background:  #c2df23 url(../img/salvarli-off.png) no-repeat 0 4px;
  }
  div#menuright #salvarli a:hover, div#menuright #salvarli-curr a {
    background:  #174189 url(../img/salvarli-on.png) no-repeat 0 4px;
    margin-right: 3px;
  }
  div#menuright #salvarli a:hover, div#menuright #salvarli-curr a {
    color:  #eede0c;
  }
  
span.first {
  line-height: 45px;
}

div#menuright #maiali a span.first,
div#menuright #maiali-curr a span.first,
div#menuright #conigli a span.first,
div#menuright #conigli-curr a span.first  {
  line-height: 80px;
}

div#menuright li.on  {
  background-color:  #174189; 

}


#content {
  margin-right: 225px;
  padding: 0;
}

h2 {
  color: white;
  font: normal normal normal 24pt/26pt "Lucida Grande", "Luxi Sans", "Bitstream Vera Sans", "Trebuchet MS", helvetica, verdana, arial, sans-serif;
  margin: 0;
  padding: 4px 0 4px 230px;
  border-bottom: 2px dotted white;
}

div#left-column {
  float: left; 
  width: 230px;
  margin: 0;
  padding: 30px 0 0 0;
  font: normal normal normal 9pt/14pt "Lucida Grande", "Luxi Sans", "Bitstream Vera Sans", "Trebuchet MS", helvetica, verdana, arial, sans-serif;
  color: white
}

div#left-column p {
 margin: 0 2px 15px 2px;
}


div#left-column div.photo {
  width: 218px;
  height: 170px;
  background: #174189 url(../img/bg-foto.png) no-repeat;
  margin: 0 0 0 10px;
}
div#left-column p.caption {
  margin: 0 15px 30px 10px;
  font: normal normal normal 9pt/12pt "Lucida Grande", "Luxi Sans", "Bitstream Vera Sans", "Trebuchet MS", helvetica, verdana, arial, sans-serif;
  color: white;
}
div#left-column p.caption-var {
  margin: 0 15px 30px 10px;
  font: normal normal normal 9pt/12pt "Lucida Grande", "Luxi Sans", "Bitstream Vera Sans", "Trebuchet MS", helvetica, verdana, arial, sans-serif;
  color: white;
  font-style: italic;
}

div#left-column div.photo-var01 {
  width: 218px;
  height: 219px;
  background: #174189 url(../img/bg-foto-var01.png) no-repeat;
  margin: 0 0 0 10px;
}


div#left-column div.photo-var02 {
  width: 218px;
  height: 256px;
  background: #174189 url(../img/bg-foto-var02.png) no-repeat;
  margin: 0 0 0 10px;
}




#page {
  margin-left: 230px;
  padding: 0;
}

#page p {
  font: normal normal normal 11pt/14pt "Lucida Grande", "Luxi Sans", "Bitstream Vera Sans", "Trebuchet MS", helvetica, verdana, arial, sans-serif;
  color: white;
  text-align: justify;
  padding: 0 4px 0 0;
  margin: 8px 0 8px 0;
}

#page h3 {
  font: normal normal normal 16pt/18pt "Lucida Grande", "Luxi Sans", "Bitstream Vera Sans", "Trebuchet MS", helvetica, verdana, arial, sans-serif;
  color: #eede0c;
  margin: 25px 0 0 0;
  padding: 0;
}

pre.code {
  font: normal normal normal 11pt/14pt "Lucida Grande", "Luxi Sans", "Bitstream Vera Sans", "Trebuchet MS", helvetica, verdana, arial, sans-serif;
  color: white;
  border: 1px dotted #aaaaaa;
  padding: 10px 2px 10px 2px;
  overflow: auto;
}


p#footer {
  clear: both;
  background-color: #174189;
  margin: 0;
  padding: 2px 0 8px 0;
  text-align: center;
  border-top: 1px dotted #bbbbbb;
}


p#footer, p#footer a {
  font: normal normal normal 9pt/12pt "Lucida Grande", "Luxi Sans", "Bitstream Vera Sans", "Trebuchet MS", helvetica, verdana, arial, sans-serif;
  color: #bbbbbb;
}

div.cita {
  margin-left: 20px;
  /*border-top: 1px dotted white;
  border-bottom: 1px dotted white;*/
}

#page div.cita p  {
  font-style:      italic;
  color: #cccccc
}

span.big {
  font: normal normal bold 18pt/10pt "Lucida Grande", "Luxi Sans", "Bitstream Vera Sans", "Trebuchet MS", helvetica, verdana, arial, sans-serif;
  position: relative;
  top: 3px;
} 

#box  {
  align: center;
  width: 370px;
  margin: 0 auto 0  auto;
  padding: 0 0 23px 0;
  background: #174189  url(../img/box_bg_bottom.png) repeat-x bottom;
}

#box div {
  padding: 2px 23px 2px 0;
  background: #c2df23 url(../img/box_bg.png) repeat-y right;
}
#box p {
  font: normal normal bold 12pt/14pt "Lucida Grande", "Luxi Sans", "Bitstream Vera Sans", "Trebuchet MS", helvetica, verdana, arial, sans-serif;
  text-align: center;
  color: #174189;
}
#box img {
  margin: 0 0 0 5px;
}

#content p.titolo {
  margin: 30px 0 0 0;
  clear: left;
}

#content img.left {
   float: left;
   margin: 0 6px 6px 0;
}