/*
titoli menu: #00AEEF

*/
/*---------azzeramento margini e padding--------------*/
html, body, h1, h2, h3, h4, h5, h6,
p,img, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input,
table, caption, tbody, tfoot, thead, tr, th, td, button, select {
	margin: 0;
	padding: 0;
	border: 0;
}
/*--------------------------------------------------*/
html, body, #container, #navigation, #content{
	height:100%;
}
/*-------font e background body------*/
body {
	color: #666;
	background: #FFF;
	font: 62.5%/1.4 Verdana, Arial, Helvetica, sans-serif;
}
/*--------------------------------------------------*/
/*--stili generici titoli, paragrafi, link, liste, testo...--*/
p{
	margin: 0.6em 0 0.25em;
}
a{
	text-decoration:none;
	color:#333;
}
a:active, a:focus{
	outline:none;
}
img, object{
	margin: 3em 0 0.5em;
}
img{
	padding:5px;
	border: 1px solid #E8E8E8;
	max-width: 100%;
}
.nascosto{
	position:absolute;
 	left:-10000px;
 	top:-10000px;
 	width:1px;
 	height:1px;
 	overflow:hidden;
}
/*img{
	width:600px;
}
*/h1{
	font-size:1.4em;
	color:#EC008C;
	background:#FFF;
	width:192px;
	height:98px;
	padding:6px;
	position:absolute;
	z-index:2;
	left:0;
	top:0;
}
h1 span{
	position: absolute;
	width: 204px;
	height: 110px;
	left:0;
	top:0;
	background: url(../img/logo.jpg) no-repeat left top;
	cursor:pointer;
} 
/*--------------------------------------------------*/
/*-- PAGINA INTRO --*/
.intro-page{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dcdcdc+0,fdfdfd+50,dcdcdc+100 */
	background: #dcdcdc; /* Old browsers */
	background: -moz-linear-gradient(top, #dcdcdc 0%, #fdfdfd 50%, #dcdcdc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dcdcdc), color-stop(50%,#fdfdfd), color-stop(100%,#dcdcdc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #dcdcdc 0%,#fdfdfd 50%,#dcdcdc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #dcdcdc 0%,#fdfdfd 50%,#dcdcdc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #dcdcdc 0%,#fdfdfd 50%,#dcdcdc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #dcdcdc 0%,#fdfdfd 50%,#dcdcdc 100%); /* W3C */
}
#intro-container{
	width: 600px;
	margin: 30px auto;
	background: #FFF;
	padding: 20px 50px 50px;
	border-radius: 10px;
	box-shadow: 0 3px 5px rgba(0,0,0,0.3);
	font-size: 14px;
}
#intro-container h1{
	position: relative;
}
.version{
	list-style: none;
	overflow: hidden;
	margin-top: 20px;
	font-size: 16px;
}
.version li{
	width: 50%;
	float: left;
}
.version a{
	display:block;
	padding:3px 6px 3px 14px;
	border-left:6px solid #F54335;
}
.version a:hover,.version a:focus{
	color:#FFF;
	background: #F54335;
}
#intro-container .info-cookie{
	margin-top: 40px;
	border-top: 1px solid #CCC;
	padding-top:40px;
	font-size: 11px;
}
/*------------------------*/
#container, #navigation{
	width:100%;
	float:left;
}
#content, #navigation{
	overflow:auto;
}
#content{
	margin-left:221px;
}
#navigation{
	width:220px;
	border-right: 1px solid #808080;
	position:absolute;
	z-index:1;
	left:0;
	top:0;
}
/*------*/
#navigation h2, #navigation ul{
	border-top:1px solid #E8E8E8;
}
#navigation h2{
	color:#00AEEF;
	font-size:1.7em;
	background:#F1F1F1;
	padding:2px 6px;
	border-bottom:1px solid #E8E8E8;
}
#seleziona{
	margin-top:110px;
}
#selezione{
	padding:8px 6px;
	background:#F6F6F6;
}
#selezione label{
	width:60px;
	float:left;
	margin:0.2em 0 0.8em;
}
#selezione select{
	width:132px;
	float:left;
	border:1px solid #CCC;
	margin-bottom:0.8em;
}
#selezione input{
	width:50px;
	border:1px solid #CCC;
	background:#FFF;
	margin-left:142px;
	font-weight:bold;
}
/*#categorie option{
	color:#FFF;
}
#categorie option.tutte{
	color:#666;
}
*/#navigation h3{
	color:#000;
	font-size:1em;
	background:#F6F6F6;
	padding:3px 5px 3px 20px;
}
#navigation li{
	border-bottom:1px solid #E8E8E8;
}
#navigation li a, #navigation li span.attivo{
	display:block;
	padding:3px 6px 3px 14px;
	border-left:6px solid #ccc;
}
#navigation li a:hover, #navigation li a:focus, #navigation li a:active, #navigation li span.attivo{
	color:#FFF;
}
/*---contenuto-----*/
#content .scheda{
	padding:46px 65px 20px;
}
#content h2{
	font-size:1.8em;
}
#content h2 span{
	color:#999;
}
#content p.descrizione, #content p.didascalia{
	border-bottom:1px solid #CCC;
	padding-bottom:2px;
	margin-bottom:0;
}
#content p.descrizione{
	font-size:1.1em;
}
span.titolo{
	font-weight:bold;
	color:#333;
}