﻿/* ------------------------ STRUTTURA ------------------------ */
body {
	font-family:Verdana;
	font-size:8pt;
	color:#626364;
	text-align:center;
	margin:0px;
}
#wrapper {
	position:relative;
	width:950px;
	margin:0 auto;
	text-align:left;
}
#top {
	width:950px;
	height:329px;
	margin:0 0 13px 0;
	padding:0px;
}

#left_top {
	float:left;
	width:708px;
	height:277px;
	margin:0px;
	padding:0px;
}

#societa #left_top {
	background:url(/images/immagini_principali/immagine_principale11.jpg) no-repeat;
	}

#servizi #left_top {
	background:url(/images/immagini_principali/immagine_principale09.jpg) no-repeat;
	}
	
#rete #left_top {
	background:url(/images/immagini_principali/immagine_principale08.jpg) no-repeat;
	}
	
#dovesiamo #left_top {
	background:url(/images/immagini_principali/immagine_principale07.jpg) no-repeat;
	}

#contatti #left_top, #conferma #left_top {
	background:url(/images/immagini_principali/immagine_principale10.jpg) no-repeat;
	}



#right_top {
	float:left;
	width:242px;
	height:277px;
	margin:0px;
	padding:0px;
	background:url(/images/sf_right_top.jpg) no-repeat;
}
#indirizzi {
	height:57px;	
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	color:#ffffff;
	padding:23px 0 20px 17px;
	
}
h1#logo {
	margin:84px 0 0 35px;
	width:124px;
	height:182px;
	padding:0px;
	background:url(/images/FormaEuropa_Logo_S.gif) no-repeat;
	text-indent:-9999px;
}

/* ------------------------ MENU ------------------------ */
#menu {
	width:950px;
	height:50px;
	margin:0px;
	padding:0px;
	background:url(/images/sf_menu.gif) no-repeat;
}
#menu ul {
	margin:0 0 0 20px;
	padding:0px;
	height:50px;
}
#menu ul li {
	font-family:Verdana;
	font-size:10pt;
	color:white;
	list-style-type:none;
	display:inline;
	height:50px;
	margin:0px;
	padding:0px;
}
#menu ul li a:link, #menu ul li a:visited {
	font-family:Verdana;
	font-size:10pt;
	color:white;
	height:33px;
	display:block;
	float:left;
	margin:0px;
	padding:17px 15px 0 15px;
	background:url(/images/righina_menu.gif) right center no-repeat;
}
#menu ul li a:hover {
	font-family:Verdana;
	font-size:10pt;
	color:#023765;
	height:33px;
	display:block;
	float:left;
	margin:0px;
	padding:17px 15px 0 15px;
	background:url(/images/righina_menu.gif) right center no-repeat;
}
#menu ul li.selezionato {
	font-family:Verdana;
	font-size:10pt;
	color:#011a4d;
	list-style-type:none;
	display:inline;
	float:left;
	height:33px;
	margin:0px;
	padding:17px 15px 0 15px;
	background:url(/images/righina_menu.gif) right center no-repeat;
}
/* ------------------------ Fine MENU ------------------------ */
	
/* ------------------------ IMMAGINE PRINCIPALE ------------------------ */



/* ------------------------ Fine IMMAGINE PRINCIPALE ------------------------ */

/* ------------------------ MIDDLE ------------------------ */
#middle {
	width:950px;
	background:url(/images/sf_middle.gif) center repeat-y;

}
#right_middle {
	float:left;
	width:264px;
	background:url(/images/sf_right_middle.gif) repeat-y;
}
h5 {
	float:left;
	width:35px;
	text-indent:-9999px;
}
#calendario h5 {
	height:158px;
	background:url(/images/sf_calendario.gif) no-repeat;
}
#news h5 {
	height:174px;
	background:url(/images/sf_news.gif) no-repeat;
}

.box {
	float:left;
	width:217px;
	background:url(/images/sf_box.gif) center bottom no-repeat #ffffff;
	padding:10px 0 40px 10px;
}
.titolo {
	font-weight:bold;
	margin:0 0 7px 0;
	padding:0px;
}
#left_middle {
	float:left;
	width:686px;
	background:url(/images/sf_left_middle.gif) top left no-repeat;
}
#news {
}
#news_scroll ul { list-style:none; margin:5px 0 0 0 ;}
#news_scroll ul li {margin:10px 0;}

	#news_elenco {
		width:400px;
		padding-bottom:50px;
		font-size:8pt;
		}
	#news_elenco ul li {
		margin:15px 0;
		color:#808080;
		list-style-type:disc;
	}
	#news_elenco a {
		color: #808080;
		display:block;
		}
	#news_elenco a:hover {color:#ccc;}

/* ------------------------ Fine MIDDLE ------------------------ */



/* ------------------------ CONTENUTI ------------------------ */	
#contenuti {
	position:relative;
	margin:37px 0 0 38px;
	border-top: 1px solid #f1f1f0;
	padding:12px 0 0 32px;
	line-height:14px;
}
#testo {
	width:580px;
	line-height:18px;
	text-align:justify;
	margin:0 0 30px 0;
}
#testo ul li {
}
	/* ------------------------ TITOLI ------------------------ */
		#societa #contenuti h1, #servizi #contenuti h1, #rete #contenuti h1, #dovesiamo #contenuti h1, #contatti #contenuti h1, #conferma #contenuti h1 {
			position:absolute;
			top:-117px;
			left:687px;
			text-indent:-9999px;
			background:url(/images/tito_pagina01.gif) no-repeat;
			width:175px;
			height:40px;
		}	
		h2 {
			text-indent:-9999px;
			width:323px;
			height:32px;
			margin:0 0 15px 0;
			padding:0px;
		}
		#societa h2 {
			background:url(/images/tito01.gif) no-repeat;		
		}
		#servizi h2 {
			background:url(/images/tito02.gif) no-repeat;		
		}
		#rete h2 {
			background:url(/images/tito03.gif) no-repeat;	
		}
		#dovesiamo h2 {
			background:url(/images/tito04.gif) no-repeat;	
		}
		#contatti h2 {
			background:url(/images/tito05.gif) no-repeat;		
		}
		#conferma h2 {
			background:url(/images/tito05.gif) no-repeat;		
		}
		h3 {
			text-indent:-9999px;
			height:12px;
			margin:0 0 10px 0;
			padding:0px;
		}
		h3#attivita {
			width:144px;
			background:url(/images/sottotito01.gif) no-repeat;
		}
		h3#modello {
			width:209px;
			background:url(/images/sottotito02.gif) no-repeat;
		}

		
	/* ------------------------ Fine TITOLI ------------------------ */

/* ------------------------ Fine CONTENUTI ------------------------ */

/* ------------------------ BOTTOM ------------------------ */
#bottom {
	margin:13px 0 0 0;
	width:950px;
	text-align:left;
}
#bottom #left_bottom {
	float:left;
	width:708px;
	background:#d1d1cf;
	height:172px;
	margin:0px;
	padding:0px;
}
#bottom #info {
	float:left;
	width:235px;
	height:80px;
	background:url(/images/sf_info.gif) repeat-y;
	margin:20px 0 0 0;
	color:#003877;
	padding:15px 0 0 20px;
}
#bottom #info2 {
	float:left;
	width:225px;
	height:82px;
	border-bottom: 1px solid #c3c3c2;
	background:url(/images/sf_info2.gif) repeat-y;
	margin:20px 0 0 0;
	color:white;
	line-height:20px;
	padding:15px 0 0 20px;
}
#bottom #info3 {
	float:left;
	width:224px;
	height:87px;
	border-bottom: 1px solid #c3c3c2;
	background:url(/images/sf_info3.gif) repeat-y;
	margin:20px 0 0 0;
	color:white;
	line-height:20px;
	padding:10px 0 0 21px;
	color:#000000;
}
#bottom #info3 table a:link, #bottom #info3 table a:visited {
	color:#515050;
}
#bottom #info3 table a:hover {
	color:#000000;
}
#bottom #orari {
	float:left;
	width:300px;
	margin:15px 0 0 0;
	border-right: 1px solid #e8e8e7;
	padding:0 0 0 30px;
}
#home #bottom #orari {
	float:left;
	width:270px;
	margin:15px 0 0 20px;
	border-right: 1px solid #e8e8e7;
	padding:0px;
}

#bottom #contattaci {
	float:left;
	width:279px;
	margin:15px 0 0 0;
	padding:0 20px 0 20px;
	border-left: 1px solid #c9c9c8;
	border-right: 1px solid #c9c9c8;
}
#bottom #link_utili {
	float:left;
	width:250px;
	margin:15px 0 0 0;
	padding:0 0 0 20px;
	border-left: 1px solid #e8e8e7
}
#bottom #left_bottom h6{
	text-indent:-9999px;
	width:279px;
	height:24px;
	margin:0px;
}
#bottom #left_bottom #orari h6{
	background:url(/images/orari.jpg) no-repeat;
	margin:0px;
}
#bottom #left_bottom #contattaci h6{
	background:url(/images/contattaci.jpg) no-repeat;
}
#bottom #link_utili h6{
	width:133px;
	background:url(/images/link_utili.jpg) no-repeat;
}
	
#bottom #right_bottom {
	float:left;
	width:242px;
	background:white;
}
/* ------------------------ Fine BOTTOM ------------------------ */

/* ------------------------ LINK GENERICI ------------------------ */
a:link, a:visited {
	color:#8b8b8b;
	text-decoration:none;
}
a:hover {
	color:#5c5c5c;
	text-decoration:none;
}
/* ------------------------ Fine LINK GENERICI ------------------------ */

/* ------------------------ Concept by ------------------------ */

#concept {
	position:relative;
	margin:13px 0 0 0;
	font-size:8pt;
	color:#ffffff;
	height:24px;
	padding:7px 10px 0 0;
	background:#004684;
	text-align:right;
	width:940px;
}

#concept .linktp,
#concept .linktp:link,
#concept .linktp:visited           {font-size:9px; font-family: Times New Roman; color: #808080; text-decoration: none;}
#concept .linktp:hover                {font-size:9px; font-family: Times New Roman; color: #E97D00; text-decoration: none;}

/* ------------------------ Concept by ------------------------ */

/* FORM */
	#formcontatti {
		position:relative;
		padding:0px;
		font-family:Verdana;
		font-size:8pt;
		color:#828181;
		margin:0 0 30px 0;
		width:600px;
	}
	#formcontatti form {
		padding:0px;
		margin:0px;
	}
	#formconferma {
		position:relative;
		padding:0px;
		font-family:Verdana;
		font-size:8pt;
		color:#828181;
		margin:0px;
	}
	.elemento_input {
	color:#000;
	width: 100%;
	padding:2px;
	height:11px;
	border:1px solid #828181;
	font-size:8pt;
	}
	.elemento_small {
		width: 50%;
	}

	.input_select {
		color:#808080;
		border:1px solid #828181;
		padding:3px;
		font-size:8pt;		
	}
	.input_area2 {
		height: 45px;
		width:260px;
		font-family:Verdana;
		border:1px solid #828181;
	}
	.input_area {
		height: 45px;
		width:260px;
		border:1px solid #828181;
	}
	.input_area1 {
		height: 70px;
		font-size:8pt;
		width:260px;
		border:1px solid #828181;
	}
	.contatti {
		float:left;
		width:260px;
		padding:0 0 0 20px;
	}
	#modulo {
		width:70%;
		padding:10px;
		color:#FAB958;
	}

	#box_errore {
	position:absolute;
	display:none;
	margin:100px;
	width:300px;
	left:100px;
	top:50px;
	height:150px;
	border:1px solid #054b88;
	text-align:left;
	background:#fff;
	z-index:1;
		}
	#div_titolo_errore {
		background:#054b88;
		color:#fff;
		padding:10px;
		}
	#div_errore {
		color:#054b88;
		padding:10px;
		text-align:center;
		position:relative;
		top:10px;
		}
	#bottone_errore {
		position:relative;
		top:30px;
		}
	.clear {
		clear:both;
	}
	form {
		margin:0px;
		padding:0px;
	}
	.bottone	{font-size:10px; color:#165892; width:90px; height:25px;}

/* fine FORM */	

img {
	border:0px;
	padding:0px;
	margin:0px;
}
.clear {
	clear:both;
}
.left {
	float:left;
	margin:0 0 0 20px;
}

/* box calendario */

	#calendario #box_calendario {border:1px gray solid; padding:1px 5px; width:207px; text-align:right;}
	#calendario #box_calendario table {width:207px; border:0; font-family :Tahoma, Verdana, Arial; font-size:12px; border-collapse:collapse; border-spacing:0; font-size :12px;}
	#calendario #box_calendario table tr#intestazione {height:18px;}
	#calendario #box_calendario table tr#intestazione th#intestazione_sx {width:26px; text-align:left;}
	#calendario #box_calendario table tr#intestazione th#intestazione_ct {width:150px; text-align:center; }
	#calendario #box_calendario table tr#intestazione th#intestazione_dx {width:26px;  }
	#calendario #box_calendario table tr th {height:18px; width:24px; padding:2px 3px;}
	#calendario #box_calendario table tr td {width:24px; height:15px; padding:2px 3px;}
	#calendario #box_calendario table tr td.giorno_della_settimana {border-bottom:1px gray solid; width:24px;  padding:2px 3px;}
	#calendario #box_calendario table tr.riga_settimana td a, #box_calendario table tr.riga_settimana td a:link, #box_calendario table tr.riga_settimana td a:visited { width:26px; color:#165892; font-weight :bold; padding:2px 0; text-align:right}
	#calendario #box_calendario table tr.riga_settimana td a:hover {color: gray;}
	#calendario #box_calendario table tr.riga_settimana td.giorno_altro_mese {color :#C0C0C0; padding:2px 3px;}
	#calendario #corsi_del_mese {margin:10px 0; color:#165892}
	#calendario #corsi_del_mese ul {list-style:none; margin:5px 0;}
	#calendario #corsi_del_mese ul li {margin:5px;}
	#calendario #corsi_del_mese p {margin:0 0 0 30px;}
	#corsi_elenco ul {list-style:none; margin:5px 0;}
	#corsi_elenco ul li {margin:10px;}
	
	
	
