/*
  *********************************
  *  CLIENT    : Sergio Rocca     *
  *  WWW       : www.rocca.tn.it  *
  *  DATA      : 19.12.2005       *
  *  AUTORE    : Hg blu Srl       *
  *  WEBMASTER : Alain Nardelli   *
  *********************************
*/


/* GENERAL SETTING */
body {
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background-color: #EEE;
}

a {
  color: #000;
  text-decoration: none;
  background-color: transparent;
  line-height: 25px;
}

#layout {
  width: 740px;
  margin: 0 auto;
  background: transparent url('../immagini/bg_centrale.gif') repeat-y 0px 5px;
}


/* DIV SPECIFICI DI STRUTTURA*/
#contenitorePrincipale {
  position: relative;
  width: 700px;
  margin: 0 auto;
  padding: 0;
  background: url('../immagini/bg_2col.gif') repeat-y;
}

#header {
  width: 700px;
  height: 107px;
  margin: 0;
  padding: 0;
  background-color: #FFF;
  border: 0;
}

#footer {
  width: 700px;
  font-size: 10px;
  color: #000;
  margin: 0 auto;
  padding: 10px 0 0 0;
  background: #EEE url('../immagini/bg_footer.gif') repeat-x top left;
  line-height: 15px;
  text-align: center;
}

#footer a {
  line-height: 15px;
}

/* COLONNA SINISTRA */
#colonnaSinistra {
  position: absolute;
  top: 257px;
  left: 0;
  width: 150px;
}

#colonnaSx {
  width: 150px;
  background-color: #E7E7E7;
}

#colonnaCx {
  width: 550px;
  height: 300px;
  margin: 0;
  padding: 10px 0 20px 0;
  border: 0;
  background-color: #FFF;
}

#colonnaCx td, #colonnaCx p {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 17px;
}

#colonnaCx h1 {
  font-size: 14px;
  color: #618498;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #618498;
}

#colonnaCx h2 {
  font-size: 12px;
  margin: 10px 0 0 0;
  padding: 0;
  color: #CC6600;
}

#colonnaCx h3 {
  font-size: 11px;
  padding: 0;
  border-bottom: 1px dotted #CCC;
}

#colonnaCx p {
  padding: 0;
  margin: 0;
}

/* COLONNA CENTRALE */
#colonnaCentrale {
  width: 450px;
  margin: 0 0 0 160px;
  padding: 0 0 20px 0;
  border: 0;
  line-height: 17px;
  text-align: justify;
}

#colonnaCentrale h1 {
  font-size: 14px;
  color: #618498;
  margin: 10px 0 0 0;
  padding: 0;
  border-bottom: 1px solid #618498;
}

#colonnaCentrale h2 {
  font-size: 12px;
  margin: 10px 0 0 0;
  padding: 0;
}

#colonnaCentrale h3 {
  font-size: 11px;
  padding: 0;
  border-bottom: 1px dotted #CCC;
}

#colonnaCentrale p {
  margin: 0;
  padding: 0;
}

#colonnaCentrale a.linkDettagli {
  right: 0;
  margin: 0;
  padding: 1px;
  background-color: #F2F2F2;
  border: 1px solid #CCC;
}


#colonnaCentrale h1 {
  font-size: 14px;
  color: #CC0000;
  margin: 10px 0 0 0;
  padding: 0;
  border-bottom: 1px solid #CC0000;
}

#colonnaCentrale h2 {
  font-size: 12px;
  margin: 10px 0 0 0;
  padding: 0;
}

#colonnaCentrale h3 {
  font-size: 11px;
  padding: 0;
  border-bottom: 1px dotted #CCC;
}

#colonnaCentrale p {
  margin: 0;
  padding: 0;
}

#colonnaCentrale a.linkDettagli {
  right: 0;
  margin: 0;
  padding: 1px;
  background-color: #F2F2F2;
  border: 1px solid #CCC;
}

/* COLONNA DESTRA */
#colonnaDestra {
  display: none;
  position: absolute;
  top: 258px;
  right: 0;
  width: 150px;
}

#immagineSezione {
  width: 700px;
  margin: 0;
  padding: 0;
}

/* MENU PRINCIPALE */
#menuPrincipale {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background-color: #FFF;
  height: 25px;
  background: transparent url('../immagini/bg_menuprincipale.gif') repeat-x top left;
  margin: 0;
  padding: 0;
}

/*#menuPrincipale ul { margin: 0; padding: 0; list-style: none; }
#menuPrincipale ul li { float: left; height: 25px; }
#menuPrincipale ul li a { display: block; width: 116px; margin: 0; padding: 0 auto; line-height: 25px; text-align: center; }
#menuPrincipale ul li a:hover { background-color: #F5F5F5; }*/

#menuPrincipale a { display: block; padding: 0 10px 0 10px; line-height: 25px; width: 100px; text-align: center; }
#menuPrincipale a:hover { background-color: #F5F5F5; line-height: 25px; }


#menuTop {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background-color: #FFF;
  height: 25px;
  background: transparent url('../immagini/bg_menuprincipale.gif') repeat-x top left;
  margin: 0;
  padding: 0;
}

#menuTop a { float: left; display: block; margin: 0; width: 116.6px; /*padding: 0 28px 0 29px;*/ line-height: 25px; text-align: center; }
#menuTop a:hover { margin: 0; background-color: #F5F5F5; line-height: 25px; }


/* MENU SINISTRA */
ul#menuSx {
  position: relative;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 1px;
  width: 100%;
  /*height: 25px;*/
  margin: 0;
  padding: 0;
  list-style: none
}

ul#menuSx li { display: block; width: 100%; line-height: 25px; margin: 0; padding: 0; background: transparent url('../immagini/bg_menusx_over.gif') no-repeat top left; color: #FFF; }
ul#menuSx li span { padding: 0 0 0 5px; }
ul#menuSx li a { display: block; width: 100%; line-height: 25px; padding: 0; background: transparent url('../immagini/bg_sottomenusx.gif') no-repeat top left; }
/*ul#menuSx li a span { padding: 0 0 0 5px; }
ul#menuSx li a:hover { color: #FFF; background: transparent url('../immagini/bg_menusx_over.gif') no-repeat top left; }*/


ul#sottomenuSx {
  position: relative;
  font-size: 10px;
  font-weight: normal;
  letter-spacing: 0px;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
ul#sottomenuSx li { margin: 0; padding: 0; }
ul#sottomenuSx li a { display: block; width: 100%; line-height: 18px; padding: 0 0 0 0; background-color: #FFF; }
ul#sottomenuSx li a span { padding: 0 0 0 10px; }
ul#sottomenuSx li a:hover { color: #FFF; background-color: #FFF; }

div#colonnaCentrale div.promozioneHP {
  clear: left;
  padding: 0;
  margin: 0 0 10px 0;
}

div.promozioneHP img.iconaHP {
  clear: left;
  float: left;
  margin: 0 5px 0 0;
  padding: 0;
}
