body {
  color: black;
  /*background-color: #B7BD5E;*/
  background-color: #DAA520;
  font-family: Georgia, verdana, helvetica, arial, sans-serif;
  font-size: 76%;  /* Enables font size scaling in MSIE */
  margin: 0;
  padding: 0;
}

html > body {
  font-size: 9pt;
}

img{
  border: none;
  outline: none;
  outline-style: none;
}

img.a_left, img.a_right {
  float: left;
  margin: 3px 8px 2px 2px;
  padding: 2px;
  /*border: 1px solid #C0C0C0;*/
}

img.a_right {
  float: right;
}

a{
  color: rgb(0,102,204);
  background-color: transparent;
  text-decoration: underline;
  font-weight: bold;
  font-family: Verdana;
  border: none;
  outline: none;
  outline-style: none;
}

a.special, a.snap_noshot {
  color: red;
}


a:hover {
   text-decoration: none;
   color: #ff0000;
}

a.special:hover, a.snap_noshot:hover {
  color: red;
}

.clear {
  clear: both;
  height: 3px;
}

ul {
  list-style-type: square;
}


/* layout */

div#container {
  width: 80em;
  margin: 15px auto;
  min-width: 780px;
  background-color: white;
}

div#wrapper {
  width: 100%;
  background-color: white;
  z-index: 100;
}

#gallerycont {
  margin: 0;
  padding: 2px;
  height: 270px;
  width: auto;
  background-color: rgb(0,51,153);
}

#gallerycont #maingallery img{
  margin: 0 10px;
  padding: 2px;
  float: left;
  /*border: 1px solid gray;*/
  width: 930px;
  outline: none;
  outline-style: none;
}

/* ##### Header ##### */

.superHeader {
  color: #CACBF9;
  background-color: rgb(0,51,153);
  height: auto;
  text-align: right;
  float: right;
  width: 100%;
  font-size: 80%;
  font-weight: bold;
  font-family: Verdana;
  padding-top: 4px;
}



.superHeader a {
  color: #CACBF9;
  background-color: transparent;
  text-decoration: none;
  margin-top: 8px;
  padding: 5px 0.5ex 0 0.25ex;
}

.superHeader a:hover {
  text-decoration: underline;
}

.superHeader .left {
  position: absolute;
  left: 1.5mm;
  top: 0.75ex;
}

.superHeader .right {
  position: absolute;
  right: 80mm;
  top: 2.4ex;
}

.midHeader {
  color: rgb(39,78,144);
  background-color: rgb(0,51,153);
  clear: both;
}


.midHeader .midright {
  text-align: right;
  position: absolute;
  left:52%;
  top: 46px;
  z-index: 100;
  font-size: 2em;
  color: #f4c60f;
  background-color: rgb(0,51,153);
  font-style: italic;
  font-family: Georgia;
  font-weight: bold;
}

.headerTitle {
  font-size: 2em;
  color: rgb(255,255,153);
  background-color: rgb(0,51,153);
  font-style: italic;
  font-family: Georgia;
  font-weight: normal;
  margin: -3em 0 0 30em;
  padding: 0.25ex 0;
  float: right;
}

.subHeader {
  clear: both;
  color: white;
  background-color: rgb(0,51,153);
  margin: 0;
  padding: 1ex 1ex 1ex 1.5mm;
}

.subHeader a {
  color: white;
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
  font-size: 150%;
  margin: 0;
  padding: 0 0.75ex 0 0.5ex;
  font-family: Georgia;
}  



.subHeader a:hover {
  text-decoration: underline;
  color: #f4c60f;
}


.superHeader .highlight, .subHeader .highlight {
  color: #f4c60f;
  background-color: transparent;
}

/* ##### Main ##### */

#main {
  clear: both;
  float: left;
  color: black;
  width: 57.4em;
  min-width: 30em;
  background-color: white;
  text-align: left;
  line-height: 1.5em;
  margin: 0 0 5px 0;
  padding: 0.5mm 2mm 2mm 2mm;
  /*border-right: 1px solid rgb(153,153,153);*/
}


#main p {
  margin: 3px 1ex 1em 1ex;
  padding: 0;
  font-family: Verdana;
}

#main p.clear {
  clear: both;
}

#main p:first-letter {font-weight:bold;font-size:large;font-family: Georgia}

#main a.readmore {
  line-height: 1.5;
  padding: 2px 0;
  background: url(../images/xmag2.png) 0 50% no-repeat;
  padding-left: 20px;
  font-size: 90%;
  margin-top: 4px;
}

#main a.readmore:hover {
   text-decoration: none; 
}

#main h1 {
  color: white;
  /*background-color: rgb(100,135,220);*/
  /*background-color: #976700;*/
  background-color: #DAA520;
  font-size: 160%;
  font-weight: bold;
  margin: 0.2em 0 0.4em 0;
  padding: 0.5ex 0 0.5ex 1ex;
}

#main h1#introduction {
  padding: 10px;
  text-align: center;
  font-size: 240%;
  line-height: 1.4;
  margin-bottom: 15px;
}

#main h1 span {
  color: rgb(0,51,153);
}

#main h2 {
  font-size: 140%;
  color: rgb(0,51,153);
  border-bottom: 2px solid #976700;
  margin-bottom: 5px;
  margin-left: 5px;
}

#main .homebox {
  width: 30.8%;
  margin: 2px 8px;
  height: auto;
  min-height: 100px;
  float: left;
}

#main .homebox h2, #main .homebox h2.small_title {
  font-size: 130%;
  color: rgb(0,51,153);
  border-bottom: 2px solid #976700;
  margin-bottom: 3px;
}

#main .homebox h2.small_title {
  font-size: 115%;
  padding-bottom: 1px;
}

#main .homebox p{
  font-family: Verdana;
  font-size: 95%;
  line-height: 1.3;
}

#main ul {
  font-family: Verdana;
  margin-left: 15px;
  padding-left: 0;
  list-style-position: outside;
  list-style-type: none;
}


#main li {
  line-height: 1.4;
  margin-bottom: 4px;
  background: url(../images/12-em-check.png) 0 20% no-repeat;
  padding-left: 18px;
}

#main li.privacy {
  line-height: 1.4;
  margin-bottom: 4px;
  background: none;
  padding-left: 5px;
  font-size: 110%;
}

#main li.small {
  font-size: 95%;
  line-height: 1;
  list-style-type: square;
  background: transparent;
  padding: 0;
}


/* ##### Side Bar ##### */

#side-bar {
  width: 20.7em;
  float: right;
  border-left: 1px solid rgb(153,153,153);
  background-color: white;
  margin: 7px 5px 5px 0;
}


body > #side-bar {
  margin-left: 2.5mm;  /* Circumvents a rendering bug in MSIE (6.0) */
}

#side-bar div {
  /*border-bottom: 1px solid rgb(153,153,153);*/
  margin-bottom: 15px;
}

#side-bar div.mini-video {
  width: 19em;
  padding: 0 6px;
}

h3.sideBarTitle {
  color: white;
  /*background-color: rgb(100,135,220);*/
  background-color: rgb(0,51,153);
  font-weight: bold;
  /*border-left: 20px solid rgb(255,255,153);*/
  margin: 0;
  margin-bottom: 8px;
  font-size: 115%;
  padding: 0.4ex 0 0.4ex 0.7ex;
}

#side-bar ul {
  list-style-type: none;
  list-style-position: outside;
  margin: 0.3ex 0 0 6px;
  padding: 0.2ex 0 0.8em 0;
}

#side-bar li {
  margin-top: 3px;
  padding: 0.6ex 0;  /* Circumvents a rendering bug (?) in MSIE (6.0) */
}

#side-bar li a {
  padding: 6px 0 6px 40px;
  font-size: 115%;
}

#side-bar li a.special {
  color: red;
  background: url(../images/scaramuzzi_bullet_b.jpg) 0 50% no-repeat;
}

#side-bar li a.travel {
  color: green;
  background: url(../images/aeroplane.gif) 0 50% no-repeat;
}

#side-bar li a.foto {
  background: url(../images/camera.png) 0 50% no-repeat;
}

#side-bar li a.video {
  background: url(../images/videocamera.png) 0 50% no-repeat;
}

#side-bar li a.job {
  color: purple;
  background: url(../images/stretta_di_mano.png) 0 50% no-repeat;
}

#side-bar li a:hover {
  /*background: url(../images/scm_bullet2.jpg) 0 50% no-repeat;*/
  padding-left: 40px;
}


#side-bar a, .thisPage {
  /*color: rgb(0,102,204);*/
  background-color: transparent;
  text-decoration: underline;
  font-weight: bold;
  margin: 0;
  padding: 0.4ex 2px;
  font-family: Verdana;
}

.thisPage {
  color: black;
  background-color: transparent;
}

#side-bar a:hover {
  color: #ff0000;
  text-decoration: none;
}

.sideBarText {
  line-height: 1.5em;
  margin: 0 0 2.5em 0;
  padding: 1ex 0.5ex 0 0.5ex;
  display: block;
}

.sideBarText + .sideBarText {  /* Not recognised by MSIE (6.0) */
  margin-top: -1.5em;
}

#side-bar .sideBarText a {
  text-decoration: underline;
  font-weight: normal;
  margin: 0;
  padding: 0;
  display: inline;
}

#side-bar .sideBarText a:hover {
  color: rgb(0,102,204);
  background-color: transparent;
  text-decoration: none;
}


/* ##### Footer ##### */

#footer {
  color: white;
  background-color: rgb(0,51,153);
  font-size: 99%;
  margin: 0;
  padding: 1em 2.5mm 2.5ex 2.5mm;
  clear: both;
  height: 90px;
  height: auto;
  min-height: 90px;
}

#footer span {
  color: rgb(255,255,153);
  font-weight: bold;
}


#footer .left {
  line-height: 1.5em;
  float: left;
  clear: left;
}

#footer .right {
  text-align: right;
  line-height: 1.5em;
}


#footer a {
  color: white;
  background-color: transparent;
  text-decoration: underline;
}

#footer a:hover {
  text-decoration: none;
}

/* stili particolari */
div#side-bar div.newslist {margin: 2px 0 2px 0;min-height: 160px}
div#side-bar div.news {clear: both;padding: 0; padding-bottom: 5px; margin: 0;margin: 3px;height:55px;margin-bottom: 20px;}
div#side-bar div.news p.pnews {
   margin: 0;
   margin: 2px 0 5px 15px;
   padding: 0;
}
div#side-bar div.news div.dateblock {
text-align: center;
width: 50px;
font-family: Arial;
float:left;
background: url(../images/cal_m.png) 0 0 no-repeat ;
z-index: 1;
margin-right:3px;
margin-left:0;
margin-bottom:5px;
padding:0;
height: 51px;
}
div#side-bar div.news div.dateblock div.day {
font-size: 26px;
position: relative;
top: -18px;
z-index:100;
}
div#side-bar div.news div.dateblock div.month {
font-size: 11px;
position: relative;
top: 4px;
z-index:100;
}
div#side-bar div.news div.dateblock div.year {
font-size: 12px;
position: relative;
top: -40px;
z-index:100;
margin-bottom: 0;
}


ul#lista_congressi {
 list-style-type: none;
}

ul#lista_congressi li {
 margin-bottom: 20px;
 background: none;
 line-height: 1.8;
 padding-bottom: 3px;
 border-bottom: 1px solid gray;
}

ul#lista_congressi li a.biglink{
 font-size: 130%;
}

ul#lista_congressi li a span, div.lastminute a span {
 padding: 5px;
 background-color: #003399;
 color: white;
}

div.lastminute a span {  text-decoration: none
}

ul#lista_congressi li a:hover span, div.lastminute a:hover span {
 color: white;
 background-color: red;
}

div.lastminute {
  min-height: 100px;
  height: auto;
  padding: 5px;
  margin-bottom: 10px;
}

div#main div.lastminute h2.lastminute_title {
  color: red;
  font-size: 190%;
  border-bottom: 4px solid #003399;
}

div#main div.portfolio li {
  line-height: 1.7;
  margin-bottom: 4px;
  background: url(../images/scaramuzzi_bullet.jpg) 0 20% no-repeat;
  padding-left: 30px;
}

div#main div.portfolio li span{
  font-size: 80%;
}

div#main p.page_navigation, div#main p.service_navigation {
  text-align: center;
  font-size: small;
  font-weight: bold;
}

div#main p.service_navigation {
  text-align: center;
  font-size: medium;
  font-weight: bold;
}



div#main p.page_navigation:first-letter, p.page_navigation:first-letter {font-weight:bold;font-size: medium;font-family: Verdana}
div#main p.service_navigation:first-letter, p.service_navigation:first-letter {font-size: medium;font-family: Verdana}

div#main div.rassegna {
  margin: 5px;
  float: left;
  height: 235px;
  width: 210px;
}


div#main div.rassegna p {
  text-align: left;
  font-size: xx-small;
}

div#main  div.rassegna p:first-letter {font-weight:normal;font-size: small;font-family: Verdana}

div#main div.suggest {
  background: url('../images/xmag_mr.png') 4% 50% no-repeat #FFFFB0;
  border-top: 3px silver solid;
  border-bottom: 3px silver solid;
  padding: 6px;
  padding-left: 100px;
}

div#main div.sideblock {
  padding: 0;
  margin: 4px;
  float:left;
  min-height: 240px;
  width: 46%;
}

div#main div.sideblock h3 {
  font-size: 150%;
  color: #003399;
  line-height: 1.35;
  margin-top: 1px;
}

div#main div.sideblock li {
  font-size: 115%;
}

img.gallery {
  border: 1px solid silver;
  float: left;
  margin: 3px 5px 5px 3px;
  padding: 2px;
}

div#main a:hover img.gallery {
  border: 1px solid #DAA520;
}

/* command bar */
p.tohome{
  margin: 10px;
  font-size: 90%;
}

#main p.tohome:first-letter {font-size:100%;font-family: Verdana}

p.tohome a.home{
  background: url(../images/home_nav2.gif) no-repeat 0 50%;
  padding-left: 22px;
  margin-right: 5px;
}
p.tohome a.top{
  background: url(../images/arrow-up.png) no-repeat 0 50%;
  padding-left: 22px;
}
p.tohome a.print{
  background: url(../images/printer.png) no-repeat 0 50%;
  padding-left: 22px;
}