/* ------------------------------------ *
 CSS
 giovedì, 3. agosto 2006 18:45:34
 vitruvio.ch
 * ------------------------------------ */



/*Supporto a Container */
html body 
  {
    margin:0;
    padding-top:0;
    padding-left:0;
    padding-right:0;
  }

  body {
  background-color:#fff;
  color:#000;
  padding:40px 20px;
  font:small arial,helvetica,sans-serif;
  text-align:left;
  }
a:link {
  color:#58a;
  text-decoration:none;
  }
a:visited {
  color:#58a;
  text-decoration:none;
  }
a:hover {
  color:#c60;
  text-decoration:underline;
  }
a img {
  border-width:0;
  }

/* BOX
----------------------------------------------- */

#content {
  width:800px;
  margin:0px auto;
  padding:0px;
 }
#logo {
  width:800px;
  height:90px;
  margin:0px auto;
  padding:0px;
  font-size:200%;
  background-image: url("http://www.vitruvio.ch/logo/logo2007.jpg");
  }
#main {
  width:630px;
  float:right;
  }
#banner {
  width:630px;
  height:80px;
  margin:0 auto;
  text-align:center;
  padding:10px 0px 0px;
  border-left:1px solid #ddd;
  }
#banner_interno468x60 {
  width:630px;
  height:80px;
  margin:0 auto;
  text-align:left;
  padding:10px 10px 0px;
  border-top:1px solid #ddd;
  border-left:1px solid #ddd;
  }
#leaderboard {
  width:798px;
  margin:30px 0px 0px;
  padding:0px 0px 0px;
  text-align:center;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
  }

#bannerhome {
  width:630px;
  height:80px;
  text-align:center;
  padding:5px 0px 0px;
  border-left:1px solid #ddd;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
  }
#adhome {
  width:630px;
  height:30px;
  margin:0 auto;
  text-align:center;
  padding:10px 0px 0px;
  border-left:1px solid #ddd;
  border-bottom:1px solid #ddd;
  }
#adsito {
  width:630px;
  height:20px;
  float:left;
  margin:1px 0px 1px;
  padding:6px 0px 0px;
  text-align:left;
  color:#426184;
  border-left:1px solid #ddd;
  border-bottom:1px solid #ddd;
  }
.ad {
  width:610px;
  text-align:left;
  padding:0px 0px 0px;
  }
#menuposizione {
  width:630px;
  height:20px;
  float:left;
  border-left:1px solid #ddd;
  }
#barra_alfabetica {
  width:610px;
  height:20px;
  float:left;
  border-left:1px solid #ddd;
 }
#titoloopera {
  width:630px;
  height:24px;
  float:left;
  margin:1px 0px 1px;
  padding:6px 0px 0px;
  text-align:left;
  font-size:130%;
  text-indent:10px;
  color:#426184;
  border-left:1px solid #ddd;
  background-color:#ddd;
  }
.titolohome {
  width:610px;
  height:20px;
  float:left;
  margin:0px 0px 0px;
  padding:10px 0px 0px;
  text-align:left;
  font-size:130%;
  text-indent:0px;
  color:#426184;
  background-color:#fff;
  }
#immagine {
  width:610px;
  font-size:80%;
  text-align:left;
  padding:10px 10px 0px;
  border-left:1px solid #ddd;
  clear:left;
  }
#gallery {
  width:610px;
  font-size:100%;
  text-align:left;
  padding:10px 10px 0px;
  border-left:1px solid #ddd;
  clear:left;
  }
#immaginehome {
  width:610px;
  font-size:80%;
  text-align:left;
  padding:10px 10px 0px;
  border-left:1px solid #ddd;
  border-bottom:1px solid #ddd;
  clear:left;
  }
.testo {
  width:610px;
  text-align:left;
  padding:10px 10px 0px;
  border-left:1px solid #ddd;
  border-top:1px solid #ddd;
  }
.testosemplice {
  width:610px;
  text-align:left;
  padding:10px 10px 0px;
  border-left:1px solid #ddd;
  clear:left;
  }
.elenco {
  width:610px;
  text-align:left;
  padding:10px 10px 0px;
  border-left:1px solid #ddd;
  clear:left;
  }
.testohome {
  width:610px;
  text-align:left;
  padding:0px 10px 0px;
  border-left:1px solid #ddd;
  }
.box {
  width:610px;
  text-align:left;
  padding:0px 10px 0px;
  border-left:1px solid #ddd;
  border-top:1px solid #ddd;
  }
.box2 {
  width:610px;
  text-align:left;
  padding:0px 10px 0px;
  border-left:1px solid #ddd;
  border-top:1px solid #ddd;
  }
.boxelenco {
  width:610px;
  text-align:left;
  padding:0px 10px 0px;
  border-left:1px solid #ddd;
  border-top:1px solid #ddd;
  }
#link {
  width:610px;
  text-align:left;
  padding:0px 10px 0px;
  border-left:1px solid #ddd;
  border-top:1px solid #ddd;
  }
#nav {
  width:800px;
  height:22px;
  padding:0px 0px;
  float:left;
  border:solid #ddd;
  border-width:1px 0px;
  background-color:#eee;
  }
#sidebar {
  width:160px;
  height:100%;
  float:left;
  }

#footer {
  width:800px;
  height:20px;
  clear:both;
  margin:0px auto;
  padding:3px 0px 5px;
  font-size:75%;
  text-align:left;
  text-indent:0px;
  border-top:1px solid #ddd;
  }

/* Headings
----------------------------------------------- */
h2 {
  margin:5px 0px 15px;
  font:85%/2px arial,helvetica,sans-serif;
  text-transform:uppercase;
  padding:5px;
  letter-spacing:2px;
  background-color:#fff;
  color:#999;
  }


/* nav = Barra di navigazione
----------------------------------------------- */

#nav ul {
  margin:0px;
  padding:0px 0px;
  list-style:none;
  font-size:90%;
  text-transform:lowercase;
  }
#nav li {
  float:left;
  margin:0px;
  padding:0px;
  background-image:none;
  line-height:normal;
  text-indent:0px;
  }
#nav a, #nav strong {
  display:block;
  padding:3px 10px 5px;
  border:solid #ddd;
  border-width:0px 1px 0px 0px;
  color:#68a;
  text-decoration:none;
  white-space:nowrap;
  }
#nav a:hover, #nav a:hover, #nav {
  color:#000;
  }
#nav #h {
  border-left-width:1px;
  }

/* sidebar = Menu laterale verticale
----------------------------------------------- */
#sidebar ul {
  margin:0px 0px 5px;
  padding:0px 0px 5px;
  border-bottom:1px dotted #ccc;
  list-style:none;
  font-size:90%;
  }
#sidebar li {
  margin:0px;
  padding:0px 0px 4px 15px;
  text-indent:-10px;
  line-height:17px;
  }
#sidebar p {
  background-color:#fff;
  color:#666;
  line-height:15px;
  border-bottom:1px dotted #ccc;
 }

/* menu = Menu di posizione
----------------------------------------------- */

#menu ul {
  margin:0px;
  padding:0px 0px;
  list-style:none;
  font-size:85%;
  text-transform:lowercase;
  }
#menu li {
  float:left;
  margin:0px;
  padding:0px;
  background-image:none;
  line-height:normal;
  text-indent:0px;
  }
#menu a, #nav strong {
  display:block;
  padding:3px 10px 5px;
  border:solid #ddd;
  border-width:0px 1px 0px 0px;
  color:#68a;
  text-decoration:none;
  white-space:nowrap;
  }

#menu a:hover, #nav a:hover, #nav {
  color:#000;
  }

/* Lettere alfabeto
----------------------------------------------- */

#alfabeto ul {
  margin:0px;
  padding:0px 0px;
  list-style:none;
  font-size:85%;
  text-transform:lowercase;
  }
#alfabeto li {
  float:left;
  margin:0px;
  padding:0px;
  background-image:none;
  line-height:normal;
  text-indent:0px;
  }
#alfabeto a, #nav strong {
  display:block;
  padding:3px 9px 5px;
  border:solid #ddd;
  border-width:0px 1px 0px 0px;
  color:#68a;
  text-decoration:none;
  white-space:nowrap;
  }

#alfabeto a:hover, #nav a:hover, #nav {
  color:#000;
  }
/* Testi
----------------------------------------------- */

.testo ul{
  margin:0px 0px 5px;
  padding:0px 0px 5px;
  list-style:none;
  }
.testo li {
  margin:0px;
  padding:0px 0px 0px 0px;
  text-indent:0px;
  line-height:17px;
  }
.testo p {
  background-color:#fff;
  color:#333333;
  line-height:15px;
  }

.testosemplice ul{
  margin:0px 0px 5px;
  padding:0px 0px 5px;
  list-style:none;
  }
.testosemplice li {
  margin:0px;
  padding:0px 0px 0px 0px;
  text-indent:0px;
  line-height:17px;
  }
.testosemplice p {
  background-color:#fff;
  color:#333333;
  line-height:15px;
  }

.testolink ul{
  margin:0px 0px 5px;
  padding:0px 0px 5px;
  border-bottom:1px dotted #ccc;
  list-style:none;
  }
.testolink li {
  margin:0px;
  padding:0px 0px 0px 0px;
  text-indent:0px;
  line-height:17px;
  }
.testolink p {
  padding:5px 0px 0px 0px;
  background-color:#fff;
  color:#333333;
  line-height:15px;
  }
.testobox ul{
  margin:0px 0px 5px;
  padding:0px 0px 5px;
  list-style:none;
  }
.testobox li {
  margin:0px;
  padding:0px 0px 0px 0px;
  text-indent:0px;
  line-height:17px;
  }
.testobox p {
  padding:5px 0px 0px 0px;
  background-color:#fff;
  color:#333333;
  line-height:15px;
  }
.testoverde {
  color: #339900;
  background-color:#fff;
  }
.testorosso {
  color: #CC0000;
  background-color:#fff;
 }
.testoblu {
  color: #336699;
  background-color:#fff;
 }
.testonero {
  color: #000;
  background-color:#fff;
 }

.testopiccolo {
  font-size:80%;
  color: #000;
  FONT-FAMILY: arial,helvetica,sans-serif;

}
.text11 {
    FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: arial,helvetica,sans-serif;
}
.text11_rosso {
    FONT-SIZE: 11px; COLOR: #990000; FONT-FAMILY: arial,helvetica,sans-serif;
}
.text16_rosso {
    FONT-SIZE: 16px; COLOR: #990000; FONT-FAMILY: arial,helvetica,sans-serif;
}
/* Menu Footer
----------------------------------------------- */

.menu_footer {
  list-style:none;
  margin:0px;
  padding:0px;
  }

.menu_footer li {
  display:inline;
  }
.menu_footer li a {
  text-decoration:none;
  padding:3px 10px 5px;
  border-left:1px solid #ddd;
  }
.menu_footer li a:hover, #nav a:hover, #nav {
  color:#000;
  }

/* Grafica
----------------------------------------------- */
.riga_sotto {
  padding:0px 0px 10px;
  border-bottom:1px dotted #ccc;
 }
.linea {
  padding:0px 0px 10px;
  border-bottom:1px solid #ddd;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
 }

/* Pubblicità
----------------------------------------------- */
.advertise {
  color: #000;
  background-color:#fff;
 }

/* Home page
 ----------------------------------------------*/


.iframe {
 background-color:#000;
 width: 600px;
 height: 100px;
 overflow: hidden;
 white-space: nowrap;
}

div.textimage{
width: 250px;margin-bottom: 10px;
border: 1px solid #000;background-color: #eee
}

div.textimage img{
float:left;
margin: 10px
}

div.textimage h2, div.textimage p{
margin:0 10px;
padding: 0
}

div.textimage h2{
margin-top: 10px
}

div.textimage2{
width: 600px;margin-bottom: 10px;
border: 0px solid #000;background-color: #eee
}

div.textimage2 img{
float:left;
margin: 10px
}

div.textimage2 h2, div.textimage p{
margin:0 10px;
padding: 0
}

div.textimage2 h2{
margin-top: 10px
}


div.clearer{clear: left}