/* ------------------------------------ */
/*                                      */
/*  COLORS - TEMA BIANCOCANDIDO         */
/*                                      */
/*  body_bgcolor: #f4f4f4;              */
/*  body_bordercolor: #ccc;             */
/*  colorecornice: #fefefe;             */
/*  colorelinks: #000;                  */
/*  colorelinkshover: #333;             */
/*  coloredispicco: #eee;               */
/*  colorelogo: #bababa;                */
/*  colorelocalmenu: #878787;           */
/*  coloretopmenu: #000;                */
/*  colorebgcontenuti: #999;            */
/*                                      */
/*  LAYOUT WIDTH - TEMA BIANCOCANDIDO   */
/*  $width: 960px;                      */
/*                                      */
/* ------------------------------------ */
body {
  background: #f4f4f4;
  font-size: 0.9em;
  font-family: Verdana, Sans, SunSans-Regular, Sans-Serif, fixed;
  /* border: 3px solid $body_bordercolor; */
  /*     border-radius: 5px; */ }


/*------------------------------------*\
    GENERAL LINKS
\*------------------------------------*/
a {
  text-decoration: none;
  color: black; }

a:hover {
  text-decoration: underline;
  color: #333333; }

.linktstyle,
.linktstyle:visited {
  font-size: 0.7em;
  color: #eeeeee;
  padding: 5px 0 5px 0; }

.linktstyle:hover,
.linktstyle:focus,
.linktstyle:active {
  font-size: 0.7em;
  color: #333333;
  padding: 5px 0 5px 0; }

/*------------------------------------*\
    LAYOUT
\*------------------------------------*/
#external {
  background: white url(../pix/texture.png) 0 0 repeat;
  width: 960px;
  margin: -10px auto 30px auto;
  padding: 20px;
  border-radius: 0px 0px 5px 5px;

  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee; }

#head {
  width: 960px;
  text-align: right;
  float: left;
  height: 30px;
  margin: 20px 0 10px 0; }

/*------------------------------------*\
    LOGO
\*------------------------------------*/
#logo {
  float: left;
  font-weight: 600;
  font-size: 1.5em;
  color: #bababa;
  padding: 0;
  height: 30px;
  margin: 0;
  font-family: 'Lato', arial, serif;
  text-transform: uppercase;
  border-top-color: #eeeeee;
  border-top-style: solid;
  border-top-width: 4px; }

#logo a {
  text-decoration: none;
  color: #bababa !important;
}

#logo a:hover {
  text-decoration: none;
  color: black !important;
  text-shadow: 2px 2px 0 #999; }

/*------------------------------------*\
    TOP MENU & LOCAL MENU
\*------------------------------------*/
#topmenu {
  float: right;
  height: 30px;
  line-height: 30px;
  margin: 0 40px 0 0;
  padding: 0; }

#topmenu li,
#localmenu li {
  float: left;
  height: 30px;
  margin: 0 0 0 15px;
  display: block;
  list-style: none; }

#topmenu a,
#localmenu a {
  font-family: 'Lato', arial, serif;
  text-transform: uppercase;
  float: left;
  font-size: 0.8em;
  height: 30px;
  color: #878787;
  font-weight: 600; }

#localmenu a {
  color: black;
  text-shadow: #bababa -1px -1px 0; }

#topmenu a {
  text-shadow: #fff 1px 1px 0; }

#localmenu a:hover,
#localmenu a:active,
#localmenu a:focus {
  color: #fff;
  text-decoration: underline;
  text-shadow: black -1px -1px 0; }

#topmenu a:hover,
#topmenu a:active,
#topmenu a:focus {
  color: black;
  text-decoration: underline; }

/*------------------------------------*\
    CONTENT
\*------------------------------------*/
#content {
  background: #999999 url(../pix/texture2.png) 0 0 repeat;
  border-bottom: 1px solid #878787;
  border-top: 1px solid #878787;
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  padding: 13px;
  clear: both;
  border-radius: 5px;
  box-shadow: inset 1px 1px 5px #878787; }

#content p {
  color: white; }

#content a {
  font-size: 1.1em; }

#content a:hover {
  font-size: 1.1em;
  color: #eee; }

#content ul {
  margin: 0;
  display: inline; }

#content ul li {
  margin: 0 0 0 10px;
  display: inline; }

#catalog_box_1 {
  width: 180px;
  float: left; }

.piccolo {
  font-weight: 600;
  font-size: 1.0em;
  color: white;
  padding: 5px 0 5px 0; }

/*------------------------------------*\
    FOOTER
\*------------------------------------*/
.foot {
  width: 960px;
  font-size: 0.7em;
  color: #878787;
  padding: 5px 0 5px 0;
  margin: 0 auto; }

iframe {
  margin: 10px; }

#credits {
  width: 960px;
  margin: 0 auto;
  text-align: right; }

#credits p {
  color: #bababa;
  clear: both;
     /*     
     position: fixed; 
      right: 4%;
      z-index: 100;
      bottom: -10px;
      */
  font-size: 0.6em; }

#credits p a {
  color: #111;
  font-size: 0.7em; }
​