@charset "utf-8";
/* CSS Document */
/* Powered By Gatewaytoitaly.net */

body {
	font-family: Arial, Tahoma, sans-serif;
	font-size: 12px;
	color: #666666;
	background: #FFFFFF url(../../img/bg_body.jpg) repeat-x top;
	text-align: center; 
	margin: 0px;
	padding: 0px;
	}
	
a:link, visited {}
a:hover, active {}

h1{font-size: 12px; color: #003366;}
h2{font-size: 14px; color: #003366; background: #F1F4F8;  padding: 10px 0px 8px 5px;}
h3{font-size: 12px; color: #003366;}
h4{font-size: 12px;}
h5{font-size: 10px;}
h6{font-size: 12px; color: #CCCCCC; }

img{border: none;}
.syria { color: #003366; }
.sub_syria { background: #F1F4F8; }

a:link, a:active { color: #666666; text-decoration: none; }
a:visited, a:hover { color: #666666; text-decoration: underline; }
/* Div */

#container {
	width: 900px;
	height: auto;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 0px;
	}
	
#testata {
	width: inherit;
	height: 68px;
	text-align: left;
	position: relative;
	}

#top_link {
	position:absolute;
	top: 20px;
	left: 512px;
	padding: 10px;
	font-size: 10px;
	color: #999999;
	}
	
#language {
	position:absolute;
	top: 20px;
	right: 0px;
	padding: 10px;
	font-size: 10px;
	color: #999999;
	}

#grafica { 
	background: url(../../img/testata.jpg) left top no-repeat;
	width: inherit;
	height: 252px;
	position: relative;
	}
#grafica div {
	position: absolute;
	top: 0px;
	left: 705px;
	text-align: left;
	width: 194px;
	line-height: 18px
}

#grafica div h2 { 
	height: auto;
	margin: 0px;
	background: #F1F4F8 url(../../img/lock.jpg) center right no-repeat;
	
}

#grafica div h2:hover { background:  #E9EDF3 url(../../img/lock.jpg) center right no-repeat; }
#grafica div h3,#grafica div p { padding-left: 5px; }


#corpo {
	width: inherit;
	height: auto;
	margin: 5px 0px 20px 0px;
	padding: 0px;
	}
	
#menu {
	width: 200px;
	height: auto !important;
	height: 450px;
	min-height: 450px;
	background: #D8E0E8;
	float: left;
	}
	
#filosofia {
	width: 200px;
	height: 450px;
	background: #FFFFFF url(../../img/mondo.jpg) bottom no-repeat;
	float: left;
	margin: 0px 5px 0px 0px;
	text-align: left;
	padding: 0px 10px 0px 5px;
	} #filosofia h2 { margin: 0px; }
		 #filosofia p { padding: 0px 5px 0px 5px; }
	
#filosofia dd, #filosofia dt { background: url(../../img/cartella.jpg) left no-repeat; line-height: 25px; padding-left: 35px;}
#filosofia .selected { background: url(../../img/cartella_aperta.jpg) left no-repeat; line-height: 25px; padding-left: 35px; }
#content {
	width: 460px;
	height: auto;
	text-align: left;
	margin: 10px 0px 0px 0px;
	background: #FFFFFF;
	float: right;
	}
	
#footer {
	width: inherit;
	height: auto;
	text-align: left;
	clear: both;
	padding: 5px 10px;
	
	}

/* Classi */

.menu {}

/* Table */

table { 
	margin: 0px; 
	padding: 0px; 
	border: none; 
	border-spacing: 0px; 
	border-collapse:collapse; 
	caption-side: top; 
	vertical-align: middle; 
	}
	
/* Liste */

/* Moduli */

form {
	margin: 0px; 
	padding:0px;
	}
	
.input { background-color: #ECF0F3; border: 1px solid #CCCCCC; width: 300px;}
.form_right { text-align: right;}
textarea {}



/* Menu Accordion */
#menu_accordion{
margin: 10px 0px 0px 10px;
padding:0;
width:190px;
list-style-type:none;
color:#000000;
line-height:100%;
height: auto;
}
#menu_accordion a{
display:block;
font-weight:normal;
text-decoration:none;
}
#menu_accordion ul{
overflow: hidden;
margin: 15px 0px 0px 0px;
padding: 0px;

}
#menu_accordion li{

list-style-type:none;

}
.acc_principale { 
text-align: left; 
background: ;
padding: 3px 0px 0px 5px;
font-weight: bold;

}

.acc_principale a { text-align: left; margin-left: 10px;  }

#menu_accordion li img { margin-right: 20px; margin-top: 1px;}

#menu_accordion li a{
width: 190px;
padding: 5px 0px 0px 0px;
display:block;
color: #003366;
height:25px;
margin: 0px;
}
#menu_accordion li ul { margin: 0px;}
#menu_accordion li ul li{
padding: 0px 0px 0px 5px;
height: 25px;
margin: 0px 0px 3px 0px !important;
margin: 0px;
text-align: left;

} 
#menu_accordion li ul li:hover{
background-color:#F1F4F8;


} 

/* aspetto dell'intestazione quando è attiva */
#menu_accordion li.selected {

color:#FFFFFF;
}

#menu_accordion li.selected a { color: #003366;}

