@charset "UTF-8";
/* CSS Document */




body{
	/* Simple page reset */
	margin:10px 10px 10px 10px;
	padding:0px 0px 0px 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.8em;
	background-image:url(images/bg_body.jpg);
	background-repeat:repeat-x;
}


/* Stili e Fonts */

h1{
	font-family:Arial,Helvetica,sans-serif;
	font-size:1em;
	font-weight:normal;
	margin-bottom:5px;
}
h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	padding-right:140px;
	right:0;
	text-align:right;
	text-transform:uppercase;
	top:15px;
}
h3{/* testo dettagli */
	font:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:lighter;
	line-height:1.4;
	color:#999;
	text-align:left;
	color:#999;	
}
h4{
	font:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:lighter;
	text-align:left;
	padding:5px 7px;
	color:#999;
}
h5{
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.3;
	font-weight:lighter;
	text-decoration:none;
	text-align:left;
	padding:5px 30px 10px 9px;
	color:#999;
}

.clear{
	clear:both;
}

a, a:visited {
	color:#666;
	font-size:0.8em;
	text-decoration:none;
	outline:none;
}
#wrap{
	width:910px;
	margin:0 auto;
	padding:0;
	color:#666;
}
#menu{
	/* Wrap del Menu */
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
	width:101px;
	height:420px;
	float:left;
	background-image:url(images/bg_menu.jpg);
	background-repeat:repeat-y;
}
#angolo{
	width:101px;
	height:175px;
	margin:0;
	padding:0;
	background-image:url(images/angolo.png);
	background-repeat:no-repeat;
}
#logo{
	position:absolute;
	float:left;
	width:129px;
	height:150px;
	z-index: 20;
	margin:0px 10px 10px 37px;
	padding:0px;
	background-repeat:no-repeat;
}
#logo a{
	display:block;
}
#welcome{
	width:800px;
	height:600px;
	background-image: url(images/welcome/welcome_home.jpg);
	background-repeat:no-repeat;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 101px;
}
#colonna{
	width:101px;
	float:left;
}


/* SVILUPPO INTERNO */
#taglio{
	width:1px;
	height:600px;
	background-color: #CCC;
	padding:0;
	float:left;
}
#title{
 width:190px;
 height:27px;
 border:none;
 float:left;
}
#testo{
 width:154px;
 background-image:url(images/gradiente.jpg);
 background-repeat:repeat-x;
 padding:5px 18px 5px 18px;
 position: static;
 float:left;
}
#archivio{
 width:190px;
 height:27px;
 border:none;
 float:left;
}
#page{
	width:800px;
	height:600px;
	background-repeat:no-repeat;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 101px;
}
#contenuti{
	width:609px;
	height:600px;
	background-color:#FFF;
	padding:0;
	margin:0;
	float:left;
}
#dettagli{
	width:190px;
	height:393px;
	background-color:#FFF;
	padding:202px 0px 0px 0px;
	float:left;
}
/* MISSION */
#mission{
	width:190px;
	height:393px;
	background-color:#FFF;
	padding:175px 0px 0px 0px;
	float:left;
}
#mission_thumb{
	width:150px;
	height:40px;
	background-color: #999;
	padding:0px 0px 1px 0px;
	margin:3px 0;
	float:left;
}
#mission_thumb img{
	border:none;
}
#mission_page{
	width:500px;
	background-color:#FFF;
	padding:30px;
	margin:0;
	float:left;
}
#mission_visual{
	width:610px;
	height:279px;
	background-image:url(images/mission/mission_visual.jpg);
	background-repeat:no-repeat;
	padding:0;
	margin:0;
	float:left;
}
/* NEWS */
#news{
	width:190px;
	height:353px;
	background-color:#FFF;
	padding:229px 0px 0px 0px;
	float:left;
}
#area{
	width:569px;
	height:560px;
	background-color:#FFF;
	padding:20px 20px;
	margin:0;
	float:left;
}
/* EVENTS */
#events{
	width:190px;
	height:333px;
	background-color:#fff;
	padding:256px 0px 0px 0px;
	float:left;
	color:#333;
}
.tab{
	border-top:solid 1px #999;
	border-bottom:dotted 1px #CCC;
	width:568px;
	height:170px;
	margin:10px 0;
	background-color:#fff;
	float:left;
	color:#666;
}
.tab h2{
	float:left;
	clear:right;
	font-size:1.1em;
	width:350px;
	font-weight:bold;
	padding:0;
	text-align:left;
}
.event_txt{
	float:left;
	width:350px;
	text-align:justify;
}
.tab_img{
	width:200px;
	height:170px;
	margin:0 15px 0 0;
	background-color:#000;
	float:left;
}
.tab_img img{
	width:200px;
	height:170px;
}
.tab_link{
	float:right;
	width:130px;
	height:20px;
	background-color:#CCC;
	color:#666;
	font:Arial, Helvetica, sans-serif;
	
	text-align:right;
	padding:8px 8px 2px 0px;
	line-height:1.6;
}
/* MAIL */
#mailForm{
	clear:right;
	float:right;
	width:496px;
	height:418px;
	background:url(images/bg_mail.jpg) no-repeat;
	padding:20px 20px 0 20px;
	color:#999;
	margin-top:20px;
}
#mailForm label{
	clear:left;
	float:left;
	width:70px;
	margin-bottom:5px;
	height:20px;
	padding-top:5px;
}
#mailForm input{
	float:left;
	margin-bottom:5px;
	border:none;
	background-color:#E0E0E0;
	width:200px;
	height:20px;
	padding:5px 3px 0 3px;
}
#mailForm textarea{
	float:left;
	border:none;
	background-color:#E0E0E0;
	width:416px;
	height:150px;
	padding:0 3px 0 3px;
}
#mailForm button{
	clear:left;
	float:right;
	margin:0 5px 0 0;
	background-color:#999;
	color:#FFF;
	border:none;
	cursor:pointer;
	
}
#mailForm p{
	margin:100px 0 0 0;
}
#mail{
	width:190px;
	height:280px;
	background-color:#fff;
	padding:283px 0px 0px 0px;
	float:left;
}
	
ul{
	margin:0;
	padding:0;
}

ul.container{
	/* Allineamento UL */
	width:101px;
	margin:0px;
	padding:0px;
}

li{
	list-style:none;
	text-align:left;
}

li.menu{
	/* Distanze tasti */
	padding:1px 0px 0px 0px;
	width:100%;
}

li.button a{
	/* Titoli delle sezioni */
	display:block;
	font-family:BPreplay,Arial,Helvetica,sans-serif;
	font-size:1em;
	height:20px;
	overflow:hidden;
	padding:6px 0px 0px 9px;
	position: relative;
	width:92px;
}

li.button a:hover{
	/* Nessuna decorazione al testo */
	text-decoration:none;
}

li.button a span{
	/* This span acts as the right part of the section's background */
	height:44px;
	position:left;
	right:0;
	top:0;
	width:4px;
	display:block;
}
li.buttonFiss{
	/* Distanze tasti */
	padding:1px 0px 0px 0px;
	width:100%;
}
li.buttonFiss a{
	/* Titoli delle sezioni */
	display:block;
	font-family:BPreplay,Arial,Helvetica,sans-serif;
	font-size:1em;
	height:20px;
	overflow:hidden;
	padding:6px 0px 0px 9px;
	position: relative;
	width:92px;
}

li.buttonFiss a:hover{
	/* Nessuna decorazione al testo */
	text-decoration:none;
}

li.buttonFiss a span{
	/* This span acts as the right part of the section's background */
	height:44px;
	position:left;
	right:0;
	top:0;
	width:4px;
	display:block;
}


#menu a:hover, #menu.current_page_item {
	background-image:url(img/here.jpg);
	text-decoration: none;
	color: #fff;
	
}


/* Layouts dei Fondi */
/*Colore ai Titoli*/
li.button a.white{background:url(img/white.jpg);}
li.buttonFiss a.white{background:url(img/white.jpg);}


/* Effetti in Hover */

li.button a:hover{ background-position:bottom left;}
li.button a:hover span{ background-position:bottom right;}
li.buttonFiss a:hover{ background-position:bottom left;}
li.buttonFiss a:hover span{ background-position:bottom right;}

.dropdown{
	/* Lista Interna espandibile */
	display:none;
	padding-top:3px;
	width:94px;
}

.dropdown li{
	/* Elementi della lista espandibile */
	background-image: url(img/bg_msl2.png);
	margin:0px 0px 3px 0px;
	padding:2px 0px 0px 18px;
}

.visible{
	/* Lista Interna espandibile */
	display: list-item;
	padding-top:3px;
	width:94px;
}
.visible li{
	/* Elementi della lista espandibile */
	background-image: url(img/bg_msl2.png);
	margin:0px 0px 3px 0px;
	padding:2px 0px 0px 18px;
}
#dettProg{
	margin:25px 15px 0 15px;
	color:#666;
}
#dettProg span{
	float:left
}
#dettProg .etichetta{
	clear:left;
	float:left;
	display:block;
	width:170px;
	font-weight:bold;
}
.flRight{
	float:right;
}
.clLeft{
	clear:left;
}
.clRight{
	clear:right;
}
#footer{
	clear:both;
	width:900px;
	height:30px;
	margin:0 auto;
	padding:10px 0;
	background:#FFF;
	border-top:solid 1px #CCC;
	text-align:center;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	top:12px;
	color:#999;	
	font-size:10px;
	
}