/***********************************************************************/
/************ FOGLIO DI STILE CSS PER IL SITO FINLANDESE:NET ***********/
/*********************   2000-2005 Luca Galdiolo  **********************/
/***********************************************************************/

body {
background-color: #485893;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
line-height: 1.166;
}

a:link, a:visited {
color: #005FA9;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

/* struttura di base della pagina */

#testata {
position: absolute;
top: 0px;
left: 0px;
width: 760px;
height: 100px;
}

#contatti {
position: absolute;
top: 100px;
left: 0px;
width: 760px;
height: 35px;
}

#menu{
position: absolute;
top: 135px;
left: 0px;
width: 760px;
height: 32px;
background-color: #CCCCCC;
background-image: url(/img/menu_sfondo.gif);
/*border: 1px dashed #cccccc;*/
}

#data {
position: absolute;
top: 170px;
left: 0px;
width: 760px;
height: 35px;
}


#pagina {
position: absolute;
top: 205px;
left: 0px;
width: 760px;
min-height: 480px;
height: auto !important;
height: 480px;
background-color: #ffffff;
/*border: 1px dashed #cccccc;*/
}

/* Blocchi all'interno del div 'pagina' */

#angolosx {
position:absolute;
top: -1px;
left: -1px;
z-index: 100;
}

#angolodx {
position:absolute;
top: -1px;
right: -1px;
z-index: 100;
}

#indice {
float: left;
padding: 0px;
width: 180px;
/*min-height: 440px;
height: auto !important;
height: 440px;*/
/*border-right: 1px dashed #cccccc;*/
}

#contenuto {
margin: 0px 0px 0px 180px;
padding: 0px 10px 0px 0px;
/*min-height: 440px;
height: auto !important;
height: 440px;*/
border-left: 1px dashed #cccccc;
}

#extra {
clear: both;
left: 0px;
font: 75% Arial, Helvetica, sans-serif;
color: #999999;
}

#informazioni {
height: 35px;
left: 0px;
bottom: 0px;
border-top: 1px dashed #cccccc;
font-size: small;
color: #999999;
}

/* Blocchi all'interno del div 'contatti' */

#casella_contatti {
padding: 9px 10px 5px 0px;
font: 14px Verdana, sans-serif;
color: #ffffff;
}

#casella_contatti a {
color: #FFFFFF;
}

#casella_contatti a:hover{
text-decoration: underline;
}

/* Blocchi all'interno del div 'menu' */

#angolo_sx {
position: absolute;
top: 0px;
left: -1px;
}

#angolo_dx {
position: absolute;
top: 0px;
right: -1px;
}

#voceMenu{
position: absolute;
top: 6px;
height: 22px;
/*min-width: 690px;*/
padding: 0px;
margin: 0px;
left: 10px;
z-index: 100;
}

a.voceMenu, a.voceMenu:visited{
font-size: small;
color: #000000;
font-weight: bold;
margin: 0px;
padding: 2px 5px 4px 5px;
border-right: 1px solid #8FB8BC;
}

a.voceMenu:hover{
background-image:  url(/img/menu_selezione.gif);
text-decoration: none;
}

/* Blochhi all'interno del div 'data' */

#casella_data {
/*position: absolute;
top: 5px;
right: 0px;*/
padding: 8px 10px 5px 0px;
font-size: 12px;
/*font-weight: bold;*/
color: #FFFFFF;
}

/* Blocchi all'interno del div 'indice' */

#voceIndice {
margin: 0px 0px 0px 0px;
padding: 9px 5px 5px 10px;
}

#voceIndice2 {
margin: 0px 0px 0px 0px;
padding: 9px 5px 5px 10px;
}

.voceIndice {
font: 78% Arial, Helvetica, sans-serif;
color: #24387D;
}

.voceIndice a {
color: #005FA9;
}

.voceIndice a:hover {
text-decoration: none;
color: #CCCCCC;
}

.voceSubIndice {
padding: 0px 0px 5px 7px;
color: #999999;
}

.voceSubIndice2 {
padding: 0px 0px 5px 7px;
color: #999999;
}

.voceSubIndice a {
color: #005FA9;
}

.voceSubIndice a:hover {
text-decoration: none;
color: #CCCCCC;
}

#voceSubsubIndice {
margin: 0px 0px 0px 0px;
padding: 9px 5px 10px 25px;
border-top: 1px dashed #cccccc;
border-bottom: 1px dashed #cccccc;
background-color: #f6f6f9;
font: bold 70% Arial, Helvetica, sans-serif;
}

.voceSubsubIndice {
padding-left: 7px;
color: #999999;
}

.voceSubsubIndice a {
color: #005FA9;
}

.voceSubsubIndice a:hover {
text-decoration: none;
color: #CCCCCC;
}

/* Blocchi all'interno del div 'contenuto' */

#posizione{
margin: 0px 0px 0px 0px;
padding: 10px 25px 0px 15px;
font: 75% Arial, Helvetica, sans-serif;
color: #999999;
}

.posizione a {
color: #999999;
}

.posizione a:hover {
text-decoration: underline;
}

.titolo {
margin: 0px 0px 0px 0px;
padding: 10px 25px 0px 15px;
font: bold 245% Trebuchet MS, Arial,sans-serif;
color: #24387D;
}

.testo {
margin: 0px 0px 0px 0px;
padding: 10px 25px 10px 15px;
min-height: 310px;
height: auto !important;
height: 310px;
font: 90% Trebuchet MS, Arial, Helvetica, sans-serif;
color: #333333;
line-height: 1.5;
}

.inizio_pag {
clear: both;
margin: 0px 0px 0px 0px;
padding: 10px 25px 10px 10px;
font: 75% Arial, Helvetica, sans-serif;
color: #999999;
}

/* Stili all'interno del blocco del testo */

.testo img{
float: right;
margin: 0px 0px 5px 5px;
padding: 0px 10px 10px 10px;
}

.testosotto {
text-decoration: underline;
}

.testorosso {
color: #FF0000;
}

.riepilogo_sx {
width: 200px;
float: left;
margin: 15px 5px 10px 0px;
}

.riepilogo_sx2 {
width: 350px;
float: left;
margin: 15px 5px 10px 0px;
}

.riepilogolinks {
width: 95%;
float: left;
margin: 15px 10px 10px 0px;
}

.riepilogo_dx {
width: 240px;
float: right;
margin: 15px 5px 10px 5px;
}

.riepilogo_titolo {
font: bold 110% Arial, Helvetica, sans-serif;
color: #005FA9;		
}

.ind1 {
width: 245px;
float: left;
margin: 5px 5px 0px 0px;
padding: 5px 0px 5px 4px;
}

.ind2{
width: 245px;
float: right;
margin: 5px 5px 0px 0px;
padding: 5px 0px 5px 4px;
background-color: #f6f6f9;
}

.ind3 {
width: 245px;
float: left;
margin: 5px 5px 0px 0px;
padding: 5px 0px 5px 4px;
background-color: #f6f6f9;
}

.ind4{
width: 245px;
float: right;
margin: 5px 5px 0px 0px;
padding: 5px 0px 5px 4px;
}

.riepilogo_subtitolo {
font: 93% Arial, Helvetica, sans-serif;
padding: 2px 0px 0px 5px;
color: #005FA9;
}

.riepilogo_subsubtitolo {
font: 93% Arial, Helvetica, sans-serif;
padding: 4px 0px 0px 10px;
color: #333333;
}

.riepilogo_subsubsubtitolo {
font: 90% Arial, Helvetica, sans-serif;
padding: 2px 0px 0px 10px;
color: #333333;
}

.tabella td{
border: 1px dashed #eeeeee;
font-size: 90%;
padding: 1px 1px 1px 1px;
}

.testoelenco {
list-style-type: lower-alpha;
}

/* Blocchi all'interno del div 'extra' */

#extra_indice {
float: left;
padding: 0px;
width: 180px;
}

#extra_contenuto {
margin: 0px 0px 0px 180px;
padding: 10px 25px 10px 0px;
border-left: 1px dashed #cccccc;
border-top: 1px dashed #cccccc;
}

/* Stili all'interno del div 'extra_contenuto' */

.extra_contenuto {
padding: 0px 0px 0px 10px;
}

.extra_contenuto img {
float: left;
width: 15px;
height: 16px;
padding-right:10px;
}

/*
.titolo {
margin: 0px 0px 0px 0px;


}

.testo {
margin: 7px 0px 0px 0px;


}

.extra {
margin: 0px 0px 0px 0px;
border-top: 1px dashed #CCCCCC;
min-height: 40px;
height: auto !important;
height: 40px;

}
*/

/* Stili aggiuntivi per le lezioni */



/*#sanasto {
margin: 0px 0px 0px 0px;
padding: 9px 5px 5px 10px;
font: 75% Arial, Helvetica, sans-serif;
color: #333333;
background-color: #f6f6f9;
}*/











/***********************************************************************/
/***  Luca Galdiolo - webmaster@finlandese.net - www.finlandese.net  ***/
/***********************************************************************/
