/* ----------------------------------------------------------- */
/* -------------------- Settaggi generali -------------------- */
/* ----------------------------------------------------------- */

html, body {
margin: 0px;
text-align: center;
font-family: Verdana, sans-serif;
font-size: 12px;
background-color: #ffffcc;
background-image: url(../ImmaginiHome/sfondo.gif);
}

h1 {
font-size: 30px;
color: #000080;
}

h2 {
font-size: 16px;
color: #000080;
}

h4 {
font-size: 12px;
color: #000080;
}

h5 {
font-size: 12px;
color: #000080;
}

h6 {
font-size: 10px;
color: #000080;
}

p {
font-size: 13px;
color: #000080;
}

/* Contenitore totale */
#container {
width: 770px;
padding: 0px;
margin: 0px auto;
text-align: left;
background-color: #ffcc00;
}

/* W3C validation */
#w3chtml {
float: left;
padding:0px;
margin:0px;
padding-top: 10px;
padding-left: 20px;
height: 50px;
}
#w3css {
float: right;
padding:0px;
margin:0px;
padding-top: 10px;
padding-right: 20px;
height: 50px;
}

/* Piede della pagina */
#piede {
width: 770px;
height: 30px;
clear:both;
background-image: url(../ImmaginiHome/piede.png);
}
#piede h6 {
margin: 0px;
padding: 0px;
padding-top: 13px;
text-align: center;
color: #ffffff;
}





/* ----------------------------------------------------------- */
/* --------------------- Barra dei menu  --------------------- */
/* ----------------------------------------------------------- */


/* Blocco contenente la barra dei menu */
#navigation {
height: 100px;
background-image: url(../ImmaginiHome/testata.png);
border-bottom-style: solid;
border-bottom-color: #ffffff;
border-bottom-width: thin;
}

/* Barra dei menu */
#menubar {
margin: 0px;
padding: 0px;
padding-top: 70px;
padding-left: 105px;
list-style: none;
}

/* Proprietà delle liste che conterranno le barre dei menu */
#menubar ul {
padding: 0;
margin: 0;
list-style: none;
}

/* Proprietà delle voci dei menu */
#menubar a {
display: block;
text-decoration: none;
padding: 5px 10px 5px 10px;
font-weight: bold;
color: white;
}

/* NON MODIFICARE */
#menubar li {
float: left;
}

/* Larghezza della barra (verticale) dei sottomenu */
#menubar li ul
{
width: 14em;
}
#menubar ul li  {
width: 14em;
}

/* Barra dei sottomenu */
#menubar li ul {
position: absolute;
display: none;
background-color: #0033ff;
border-right: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}

/* Cambia il colore delle voci del menu principale quando ci passa sopra il mouse */
#menubar a:hover {
color: #ffcc66;
}

/* Rende visibile il sottomenu quando il mouse passa sulla voce di 
   menu principale corrispondente (il tutto avviene grazie alla funzione js */
#menubar li.attivo ul {
display: block;
}
#menubar li:hover ul {
display: block;
}

/* Colore del testo delle voci del sottomenu quando non c'è il mouseover */
#menubar li.attivo ul a {
font-weight: normal;
color: #66cccc;
}
#menubar li:hover ul a {
font-weight: normal;
color: #66cccc;
}

/* Cambia il colore e lo sfondo delle voci dei sottomenu quando ci passa sopra il mouse
   la dicitura !important serve per la compatibilità con vecchi browsers */
#menubar ul a:hover {
background-color: #3366ff!important;
color: #FFFFFF!important;
}

/* ?????????? */
#menubar li {width: auto;}





/* ----------------------------------------------------------- */
/* ---------------------     Pagine      --------------------- */
/* ----------------------------------------------------------- */


/* Intestazione sotto il menu */
#intest {
width: 770px;
height: 30px;
}
#intest a {
text-decoration: none;
color: #ffffff;
}
#intest a:hover {
color: #999999;
background-color: #ffffff;
}
#intest h5 {
font-weight: normal;
color: #ffffff;
margin: 0px;
padding: 0px;
padding-top: 7px;
padding-left: 10px;
}
#azienda {
width: 770px;
height: 30px;
background-image: url(../ImmaginiAzienda/azienda.png);
}
#chisiamo {
width: 770px;
height: 30px;
background-image: url(../ImmaginiProfilo/chisiamo.png);
}
#dovesiamo {
width: 770px;
height: 30px;
background-image: url(../ImmaginiDoveSiamo/dovesiamo.png);
}
#software {
width: 770px;
height: 30px;
background-image: url(../ImmaginiSoftware/software.png);
}
#amico {
width: 770px;
height: 30px;
background-image: url(../ImmaginiSoftware/amico.png);
}
#prefitel {
width: 770px;
height: 30px;
background-image: url(../ImmaginiSoftware/prefitel.png);
}
#flipper {
width: 770px;
height: 30px;
background-image: url(../ImmaginiSoftware/flipper.png);
}
#travel {
width: 770px;
height: 30px;
background-image: url(../ImmaginiSoftware/travel.png);
}
#proage {
width: 770px;
height: 30px;
background-image: url(../ImmaginiSoftware/proage.png);
}
#moda {
width: 770px;
height: 30px;
background-image: url(../ImmaginiSoftware/moda.png);
}
#moduli {
width: 770px;
height: 30px;
background-image: url(../ImmaginiSoftware/moduli.png);
}
#contatti {
width: 770px;
height: 30px;
background-image: url(../ImmaginiContatti/contatti.png);
}
#portfolio {
width: 770px;
height: 30px;
background-image: url(../ImmaginiPortfolio/portfolio.png);
}
#mappasito {
width: 770px;
height: 30px;
background-image: url(../ImmaginiMappa/mappa.png);
}

/* Pagine dei software: colonna sinistra contenente l'immagine e i bottoni */
#colonnasx {
float: left;
width: 267px;
text-align: center;
}
#descrimg {
margin: 0px;
padding: 0px;
padding-top: 50px;
padding-bottom: 20px;
}

/* Pagine dei software: colonna destra contenente la descrizione */
#colonnadx {
float: right;
width: 500px;
}
#colonnadx h1 {
margin: 0px;
padding: 0px;
padding-top: 15px;
}
#colonnadx h2 {
margin: 0px;
padding: 0px;
}
#colonnadx p {
margin: 0px;
padding: 0px;
padding-right: 35px;
text-align: justify;
}
#colonnadx ul {
margin: 0px;
padding: 0px;
padding-left: 15px;
padding-right: 35px;
text-align: justify;
font-size: 13px;
color: #000080;
}

/* Impostazioni per la pagine elenco "Azienda" e "Software"*/
#elenco {
margin: 0px;
padding: 0px;
margin-top: 60px;
height: 500px;
}
#elenco h2 {
margin: 0px;
padding: 0px;
margin-top: 30px;
margin-left: 90px;
}
#elenco a {
text-decoration: none;
color: #3333ff;
}
#elenco a:hover {
color: #ffcc00;
background-color: #3333ff;
}

/* Impostazioni per le pagine degli screenshot */
#containerscreenshot {
margin: 0px;
padding: 0px;
margin-top: 10px;
margin-bottom: 20px;
text-align: center;
}
#containerscreenshot h2 {
margin: 0px;
padding: 0px;
margin-top: 40px;
margin-bottom: 10px;
text-align: center;
}

/* Impostazioni per la pagina dei contatti */
#containercontatti {
margin: 0px;
padding: 0px;
margin-top: 100px;
margin-bottom: 100px;
text-align: center;
}
#containercontatti p {
margin: 0px;
padding: 0px;
margin-left: 10px;
}
#containercontatti p.intestazione {
color: #ffffff;
}