/* CSS Document */

body {
background-color: #ECECFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 0;
margin: 0;
font-size: 0.8em;
}

td p {
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 0;
margin: 0;
font-size: 0.8em;
}


a:hover {
color: #000066 !important;
}

div#testata {
height: 100px;
margin: 0;
padding: 0;
background-image: url(img/testata.gif);
background-position: top right;
background-repeat: no-repeat;
background-color: #FFFF00;
}

div#testata p {
padding: 0 0 0 179px;
margin: 0 290px 0 0;
text-align: right;
background-image: url(img/logo.gif);
background-repeat: no-repeat;
background-position: top left;
height: 115px;
}

div#orientamento {
height: 60px;
width: 60%;
padding: 0;
position: absolute;
top: 78px;
left: 178px;
background-image: url(img/riga-orientamento.gif);
background-repeat: no-repeat;
background-position: right 15px;
z-index: 10;
float: left;
display:block;
}

div#orientamento h5 {
padding: 5px;
margin: 0;
font-weight: normal;
}

div#orientamento p {
padding: 5px;
margin: 0;
}

div#tabella table.default_table td,
div#tabella table.default_table th {
font-size: 0.8em;
text-align: center;
}

table.default_table,
table.default_table td{
border: 0px solid #000;
}


div#tabella th,
div#tabella td,
div#pagina th,
div#pagina td {
font-size: 0.8em;
color: #000;
}

div#tabella table#elenco_dizionari,
div#pagina table#default_table {
width: 70%;
}

div#tabella table#elenco_dizionari td {
text-align: center;
}

div#tabella th.default_th img {
display: none;
}

.default_tr_even {
}

caption {
padding: 0;
font-size: 1em;
width: 100%;
}

div#tabella {
margin-top: -100px;
}

div#tabella div#destra {
margin-top: 100px;
}

div#tabella h1 {
font-size: 1.5em;
background-color: #FFFF99;
padding: 5px 0px 5px 5px;
margin: 10px 0px 0 0px;
}

div#tabella p {
padding: 0px 0px 10px 5px;
margin: 10px 0px 0 0px;
background-image: url(img/riga-centro.gif);
background-repeat: no-repeat;
background-position: bottom left;
}

div#indice {
background-image: url(img/fondo-indice.gif);
background-repeat: repeat-y;
background-position: top left;
}

div#top-indice {
background-image: url(img/top-indice.gif);
background-repeat: no-repeat;
background-position: top left;
width: 670px;
padding: 50px 40px 0 20px;
margin-top: 50px;
}

#destra p {
margin: 0 45px;
padding: 0;
}

#destra li a {
color: #CC3399;
font-weight: bold;
text-align: right;
background-position: center right;
background-repeat: no-repeat;
padding: 13px 65px 13px 0px;
margin: 5px 0px;
display: block;
}

div#destra li,
div#destra ul {
list-style-type: none;
margin: 0;
padding: 0;
}

div#destra li {
margin-left: 0px;
font-size: 0.8em;
}

li#bot-edit-n a, li#bot-stampa a, li.giallo a {background-image:url(img/matita-gialla.jpg);}
li#bot-tag a, li.viola a {background-image:url(img/matita-viola.jpg);}
li#bot-inviafile a, li#bot-add-b a, li.verde a {background-image:url(img/matita-verde.jpg);}
li#bot-add-n a, li.blu a {background-image:url(img/matita-blu.jpg);}
li#bot-add-n_per a {background-image:url(img/matita-gialla.jpg);}
li#bot-add-e a, li.rosso a {background-image:url(img/matita-rossa.jpg);}

div#footer {
text-align: center;
clear: both;
display: block;
background-image:url(img/fondo-footer.jpg);
background-repeat: repeat-x;
background-color: #FFFFFF;
padding: 10px;
}

div#footer p {
margin: 10px;
}

p.piccolo {
font-size: 0.8em;
line-height: 1.3em;
}

div#box-utente {
padding-top: 30px;
background-image:url(img/box-utente.gif);
background-repeat: no-repeat;
background-position: right top;
height: 130px;
clear: both;
display: block;
text-align: right;
}

div#navigazione {
padding: 0 0 0 0px;
margin: -70px 0 0 20px;
display: block;
clear: both;
height: 40px;
}

div#box-utente p {
margin: 0 0 0 -240px;
padding: 0 0 0 100%;
text-align: left;
}

div#navigazione ul {
width: 100%;
float: left;
}

div#navigazione li,
div#navigazione ul {
list-style-type: none;
margin: 0;
padding: 0;
font-size: 0.9em;
line-height: 0.9em;
}

div#navigazione li {
float: left;
background-position: top left;
background-repeat: no-repeat;
height: 73px;
vertical-align: bottom;
}

div#navigazione li a {
float: left;
color: #009EE1;
font-weight: bold;
text-decoration: none;
background-position: top left;
background-repeat: no-repeat;
width: 80px;
padding: 5px 0px;
margin: 20px 50px 40px 50px;
}

li#go-indice 		{ background-image: url(img/go-indice.jpg);}
li#go-defclasse 	{ background-image: url(img/go-defclasse.jpg);}
li#go-collabora 	{ background-image: url(img/go-collabora.jpg); }
li#go-cerca  		{ background-image: url(img/go-cerca.jpg);}
li#go-home 			{ background-image: url(img/go-home.jpg);}
li#go-tags  		{ background-image: url(img/ico-tag.gif);}
li#go-diario  		{ background-image: url(img/ico-diario.gif);}
li#go-vuoto  		{ background-image: url(img/ico-vuoto.gif);}

li#go-home a {margin-right: 170px !important;}
li#go-indice a {margin-right: 170px !important;}

#indice li {
list-style-type: none;
}

form.cerca_indice {
margin-left: 40px;
background-image:url(img/fondo-cerca.jpg);
background-repeat: no-repeat;
background-position: left bottom;
color: #E0008E;
padding: 15px 0 15px 15px;
}

form.cerca_indice label {
width: 210px;
display: block;
float:left;
}

form.cerca_indice textarea {
width: 226px;
}

div#pagina div#contenitore{
background-image:url(img/piega.jpg);
background-repeat: no-repeat;
background-position: left top;
}

div#legenda {
background-image:url(img/piega-legenda.jpg);
background-repeat: no-repeat;
background-position: -1px top;
padding: 20px 0 0 10px;
height: 200px;
}

div#legenda ul {
margin: 10px 0 0 20px;
padding: 0;
}

div#pagina div#contenitore2{
background-image:url(img/libro.jpg);
background-repeat: repeat-y;
background-position: right top;
width: 100%;
float: left;
z-index: 20;
}

#destra li a {
color: #CC3399;
font-weight: bold;
text-align: right;
background-position: center right;
background-repeat: no-repeat;
padding: 13px 65px 13px 0px;
margin: 0px 0px 0 0;
display: block;
}

div#contenuto li,
div#sinistra li,
div#destra li,
div#destra ul {
list-style-type: none;
margin: 0;
padding: 0;
}

div#destra li {
margin-left: 0px;
font-size: 0.8em;
}

div#sinistra p {
margin: 10px 20px;
background-image:url(img/riga-taccuino.gif);
background-repeat: no-repeat;
background-position: left bottom;
padding-bottom: 5px;
}

div#sinistra td,
div#sinistra table {
border: 0px none #fff;
}

div#tabella div#contenitore{
background-image:url(img/tabella-dx.jpg);
background-repeat: repeat-y;
background-position: right top;
background-color: #FFFFFF;
padding-bottom: 100px;
}

div#tabella div#contenuto{
background-image:url(img/tabella-su.jpg);
background-repeat: no-repeat;
background-position: right top;
}

/* a due colonne */

div#tabella div#contenitore{float:left;width:100%;margin-left:-300px;}
div#tabella div#contenuto{margin-left:300px; padding-left: 50px; padding-top: 40px;}
div#tabella div#destra{float:right;width:300px; }
div#tabella div#extra{float:right;clear:right;width:300px;}

table.alternate_table {display: none;}

/* a tre colonne */

div#pagina div#contenitore{float:left;width:100%;}
div#pagina div#sinistra{float:left;width:300px;margin-left:-100%;}
div#pagina div#destra{float:left;width:300px;margin-left:-300px;}
div#pagina div#contenuto{
margin: 0 288px 0 300px; padding-top: 20px;
background-image: url(img/libro-piega-dx.jpg);
background-repeat: no-repeat;
background-position: right top; 
}

input.image-cerca {
vertical-align: middle;
}

#help {
font-size: 10px;
width: 220px;
}

form.default_form {
width: 250px;
margin-left: 45px;
}

div#pagina_intro {
float: left;
width: 100%;
margin-top: 50px;
margin-bottom: 30px;
}

div#intro {
width: 60%;
float:left;
margin-left: 5%;
margin-right: 5%;
}

div#login {
width: 20%;
float:left;
text-align: right;
}

div#login input {
width: 150px;
}