/***********************************************************************/
/************ FOGLIO DI STILE CSS PER IL SITO FINLANDESE:NET ***********/
/*********************   2000-2005 Luca Galdiolo  **********************/
/***********************************************************************/

body {
	background-color: #364888/*#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;
}

p {
	line-height: 1.4em;
	text-align: justify;
	margin-top: 5px;
	margin-bottom: 5px;
	font: 90% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #333333;
	padding: 5px 25px 5px 15px;
}

p img {
	float: right;
	margin: 0px 0px 5px 5px;
	padding: 0px 0px 5px 10px;
}

.testosotto {
	text-decoration: underline;
}

.testorosso {
	color: #FF0000;
}

.tabella {
	border: 0px dashed #eeeeee;
	margin: 0px 15px 0px 15px;
	background-color: #f6f6f9;
	font: 100% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: center;
	margin: 0px 15px 0px 10px;
	padding: 0px 10px 0px 15px;
	width: 485px;
}

.tabella td{
	border: 0px dashed #eeeeee;
	font-size: 90%;
	padding: 1px 1px 1px 1px;
}

ol {
	list-style-type: lower-alpha;
}

/***********************************************************************/
/***************** Struttura fondamentale della pagina *****************/
/***********************************************************************/

/****** Div dell'immagine dell'header *****/
#testata {
	background-image: url(/img/toppage_new.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 50%;
	width: 775px;
	height: 100px;
	margin-left: -387px;
}

/***** Div della riga del menu principale *****/
#menu {
	position: absolute;
	top: 100px;
	left: 50%;
	width: 775px;
	height: 32px;
	background-color: #CCCCCC;
	background-image: url(/img/menu_sfondo.gif);
	margin-left: -387px;
}

/***** Div della riga per la data *****/
#data {
	position: absolute;
	top: 137px;
	left: 50%;
	width: 775px;
	height: 35px;
	margin-left: -387px;
}

/******* Div della parte principale della pagina ********/
/****** e stili delle due colonne di cui é composta *****/
#principale {
	position: absolute;
	top: 170px;
	left: 50%;
	width: 775px;
	margin-left: -387px;
}

.colonna_sx {
	width: 540px;
	float: left;
}

.colonna_dx {
	width: 210px;
}

/***** Divs della parte con testo nelle colonna sinistra *****/
#pagina {
	position: relative;
	top: 0px;
	left: 0px;
	width: 540px;
	min-height: 480px; /*480*/
	height: auto !important;
	height: 480px; /*480*/
	background-color: #ffffff;
}

#contenuto {
	/*background-image: url(/img/SuomenLippu.jpg);*/
	background-position: center;
	background-repeat: repeat-y;
	margin: 0px 0px 0px 5px;
	padding: 0px 10px 0px 10px;
}

#contenuto h1 {
	margin: 0px 0px 0px 0px;
	padding: 10px 15px 30px 15px;
	font: bold 200% 'Trebuchet MS', Arial,sans-serif;
	color: #24387D;
}

#contenuto h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 15px;
	font: bold 120% 'Trebuchet MS', Arial,sans-serif;
	color: #24387D;
}

#contenuto h2 a:hover {
	text-decoration: none;
	border-bottom: 1px dashed;
}

#contenuto h3 {
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 15px;
	font: 95% 'Trebuchet MS', Arial,sans-serif;
	color: #24387D;
}

#contenuto h3 a:hover {
	text-decoration: none;
	border-bottom: 1px dashed;
}

#contenuto h4 {
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 15px;
	font: 85% 'Trebuchet MS', Arial,sans-serif;
	color: #24387D;
}

#contenuto h4 a:hover {
	text-decoration: none;
	border-bottom: 1px dashed;
}


/***** Divs dei blocchi nella colonna di destra *****/

#bloccodx {
	position: absolute;
	
	left: 551px;
	width: 225px;
}

.bloccosup {
	width: 225px;
	height: 6px;
	background-image: url(/img/bordobloccosup.gif);
	background-color: #ffffff;
	background-repeat: no-repeat;
}

.bloccocont {
	width: 215px;
	font: 82% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 1.2em;
	background-color: #ffffff;
	background-repeat: no-repeat;
	padding-left: 10px;
}

.bloccocont h3 {
	font: bold 100% Arial, Helvetica, sans-serif;
	color: #005FA9;
	background-color: #ffffff;
	margin: 0px;
}

.bloccoinf {
	width: 225px;
	height: 6px;
	margin-bottom: 10px;
	background-image: url(/img/bordobloccoinf.gif);
	background-repeat: no-repeat;
}



/***** Stili degli angoli dei blocchi *****/
.angolosxsopra {
	background-image: url(/img/bordopagsup.gif);
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left:0px;
	width:540px;
	height: 6px;
	z-index: 100;
}


/*****  Stili del menu principale (div: menu) *****/
#angolo_sx {
	background-image: url(/img/latomenu_sx.gif);
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: -1px;
	width: 4px;
	height: 32px;	
}

#angolo_dx {
	background-image: url(/img/latomenu_dx.gif);
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	right: -1px;
	width: 4px;
	height: 32px;	
}

#voceMenu {
	position: absolute;
	top: 6px;
	height: 22px;
	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_ultimo, a.voceMenu_ultimo:visited {
	font-size: small;
	color: #000000;
	font-weight: bold;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 0px;
}

a.voceMenu:hover{
	background-image:  url(/img/menu_selezione.gif);
	text-decoration: none;
}

a.voceMenu_ultimo:hover{
	background-image:  url(/img/menu_selezione.gif);
	text-decoration: none;
}

/***** Blocchi all'interno del div: data *****/
#casella_data {
	padding: 8px 10px 5px 0px;
	font-size: 12px;
	color: #FFFFFF;
}

/***** Blocchi all'interno del div: contenuto *****/

#posizione {
	margin: 0px 0px 0px 0px;
	padding: 10px 15px 0px 15px;
	font: 75% Arial, Helvetica, sans-serif;
	color: #999999;
}

.posizione a {
	color: #999999;
}

.posizione a:hover {
	text-decoration: underline;
}

.inizio_pag {
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 10px 25px 10px 15px;
	font: 75% Arial, Helvetica, sans-serif;
	color: #999999;
}


/***** Blocco del footer: informazioni *****/
#informazioni {
	height: 35px;
	left: 0px;
	bottom: 0px;
	padding-left: 15px;
	border-top: 1px dashed #cccccc;
	background-image: url(/img/info.gif);
	background-repeat: no-repeat;
	font-size: 75%;
	color: #999999;
}

/***** Stili della pagina dedicata alle lezioni *****/
.obiettivo {
	width: 470px;
	margin: 15px 0px 15px 0px;
	padding: 5px 20px 5px 15px;
	border: 1px dashed #cccccc;
	background-color: #f6f6f9;
	font: 90% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: justify;
}

.istruzioni {
	width: 470px;
	margin: 15px 0px 15px 0px;
	padding: 5px 25px 5px 15px;
	border:  0px;
	background-color: #ffffff;
	font: 90% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: justify;
}

.istruzioni img {
	float: right;
	margin-left: 5px;
	padding: 0px 10px 0px 10px;
}

/***** Stili delle pagina dell'indice generale della grammatica *****/

.elenco_gen {
	width: 470px;
	margin: 15px 0px 15px 0px;
	padding: 5px 20px 5px 15px;
	background-color: #ffffff;
	font: 90% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #333333;
}

.elenco_sx {
	float: left;
	font: 80% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #333333;	
}

.elenco_dx {
	margin-left: 225px;
	font: 80% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #333333;
}

.elenco_titolo {
	width: 210px;
	font: bold 120% Arial, Helvetica, sans-serif;
	color: #005FA9;		
}

.elenco_titolo a:hover {
	text-decoration: none;
	border-bottom: 1px dashed;
}

.elenco_subtitolo {
	font: 110% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #333333;		
}

.elenco_list {
	list-style-type: disc;
}

.elenco_gen a:hover {
	text-decoration: none;
	border-bottom: 1px dashed;
}

.elenco_gen a:visited {
	color: #333333;
}

/*.elenco_lez {
	width: 420px;
	float: left;
	margin-left: 5px;
	padding: 1px 0px 2px 1px;
	font: 85% 'Trebuchet MS', Arial, Helvetica, sans-serif;
}*/


/******* Altri stili (pagina contatti) ******/

.testoelenco {
list-style-type: lower-alpha;
}

.tabella_contatti td{
	border: 0px;
	background-color: #f3f5f8;
	font-size: 100%;
	padding: 5px 5px 5px 5px;
}

.textarea_form {
	overflow: auto;
	background-color: #ffffff;
	border-style: solid;
	border-color: #eeeeee;	
}

/***********   Stile tabella delle pagine sulla pronuncia **********/

.tabellapr {
	/*border: 1px dashed #eeeeee;*/
	margin: 0px 0px 0px 15px;
	background-color: #ffffff;
	font: 100% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: center;
}

.tabellapr td{
	/*border: 1px dashed #eeeeee;*/
	font-size: 90%;
	padding: 1px 1px 1px 1px;
}

/***********   Stile dell'indice della grammatica **********/

.tabellaid {
	/*border: 1px dashed #eeeeee;*/
	margin: 0px 0px 0px 20px;
	background-color: #ffffff;
	font: 100% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: left;
    width: 480px;
}

.tabellaid td{
	/*border: 1px dashed #eeeeee;*/
	font-size: 90%;
	padding: 1px 1px 1px 1px;
}

.tabellarip {
	border: /*1px dashed*/ #eeeeee;
	margin: 0px 15px 0px 15px;
	background-color: #f6f6f9;
	font: 90% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: center;
	margin: 0px 15px 0px 10px;
	padding: 0px 10px 0px 15px;
	width: 485px;
}

.tabellarip td{
	border: /*1px dashed*/ #eeeeee;
	font-size: 90%;
	padding: 1px 1px 1px 1px;
}



/**********   Stile del fondo pagina   ********/

.infosx {
	float: left;
	padding-left: 15px;
	padding-top: 10px;
}

.infodx {
	float: right;
	padding-top: 7px;
	padding-right: 20px;
}

.infodx img {
	margin-right: 5px;
}

/***************    Stili pagina materiali (e altri elenchi) *************/

.indice_mat {
	width: 470px;
	margin: 15px 0px 15px 0px;
	padding: 5px 25px 5px 15px;
	border:  0px;
	font: 95% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: justify;
}

.indice_mat img {
	float: left;
	margin-left: 0px;
	padding: 5px 10px 5px 10px;
}

.indice_mat h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 0px 0px;
	font: normal 120% 'Trebuchet MS', Arial,sans-serif;
	color: #24387D;
}

.indice_mat h2 a:hover {
	text-decoration: none;
	border-bottom: 1px dashed;
}

/************* Stile galleria ****************/

#galleria {
	margin: 0px 5px 0px 5px;
	color:#040158; 
	width:auto; 
	text-align: left;
}


#galleria .fotogallery {
	width:135px;
	float:left;
	display:inline;
	margin-bottom: 5px;
	margin-left: 6px; 
	margin-top: 5px; 
	color:#666666;
	font: 75% Arial, Helvetica, sans-serif;
	background-color: transparent;
}

#galleria .fotogallery img {
	margin: 3px 0 3px 0;
}

#galleria hr {
	color: #cccccc;
	width: 480px;
	clear: both; 
	height: 1px; 
	border: none;
	background-color:#cccccc;
}

#galleria_foto {
	margin: 15px 5px 0px 5px;
	padding-bottom: 5px;
	width: auto; 
	text-align: center;
	font: 85% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #999999;
}

#galleria_foto img {
	margin: 15px 20px 5px 20px;
	border: 1px solid #333333;	
}

#galleria_nav {
	margin: 0px 5px 0px 5px;
	width:auto; 
	text-align:left;
	height: 30px;
	background-color: #ffffff;
	font: 75% 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #333333;
}

/***********************************************************************/
/***  Luca Galdiolo - webmaster@finlandese.net - www.finlandese.net  ***/
/***********************************************************************/