@charset "UTF-8";

/* @group reset */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, textarea, label, legend, input, select, option, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
}

* html * {
	vertical-align: bottom;
	zoom: 1;
}

:focus {
	outline: 0;
}

@font-face {
	font-family: 'Gentium';
	src: url('type/GenBasR.eot');
	src: local('Gentium Basic Regular'), local('GentiumBasic'), url('type/GenBasR.ttf') format('truetype');
}


html {
	font: 1em "Gentium", "Cambria", "Hoefler Text", Times, serif;
}

#page {
	margin: 0 auto;
	width: 800px;
}

#hp {
	width: 800px;
	position: relative;
}

#header {
	width: 800px;
	position: relative;
	border-bottom: 1px solid #000;
}

#logo {
	margin: 40px 0 10px 50px;
	border: none;
}

#nav {
	width: 210px;
	position: absolute;
	bottom: 10px;
	right: 0;
}

#nav ul {
	list-style: none;
	line-height: 1.6em;
	font-size: 0.8em;
}

#nav li a:link {
	color: #333;
	text-decoration: none;
}

#nav li a:visited {
	color: #666;
	text-decoration: none;
}

#nav li a:hover,
#nav li a:active {
	color: #900;
	text-decoration: none;
}

#nav li a.here {
	color: #900;
}

.box {
	float: left;
	height: 300px;
	display: block;
	margin: 0 0 5px 0;
	position: relative;
}

#alpha {
	width: 575px;
	background: url(../img/picchio.jpg);
	margin-right: 5px;
}

#bravo {
	width: 220px;
	background: #D1294D;
}

#charlie {
	width: 450px;
	background: url(../img/album.jpg);
	margin-right: 5px;
}

#delta {
	width: 345px;
	background: url(../img/mandarina.jpg);
}

#echo {
	width: 200px;
	background: #CCAA7A;
	margin-right: 5px;
}

#foxtrot {
	width: 595px;
	background: #5F4B54;
}

.ifade {
	padding: 10px;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	background: #fff;
	-moz-opacity: 0.9;
	filter: alpha(opacity=90);
	opacity: 0.9;
	display: none;
}

.ifixed {
	position: absolute;
	bottom: 10px;
	right: 10px;
	left: 10px;
	-moz-opacity: 0.9;
	filter: alpha(opacity=90);
	opacity: 0.9;
}

#gallery {
	width: 567px;
	margin: auto;
}

#vgallery img,
#gallery img {
	margin: 1px 1px 0 0;
	width: 80px;
	height: 80px;
	border: none;
	float: left;
}

.icon {
	border: 0;
	margin: 0 0 5px 0;
	vertical-align: middle;
}

.box h1 {
	font: normal 2em "Gentium", "Cambria", "Hoefler Text", Times, serif;
	padding: 5px 0 0 10px;
	color: #fff;
	text-shadow: 0 0 5px #666;
}

.ifade h2 {
	font: normal 1.2em "Gentium", "Cambria", "Hoefler Text", Times, serif;
	color: #333;
}

.ifixed h2 {
	font: normal 1.4em "Gentium", "Cambria", "Hoefler Text", Times, serif;
	color: #fff;
}

.ifade p {
	color: #444;
	font-size: 1em;
	line-height: 1.4em;
}

.ifixed p {
	color: #fff;
	margin: 10px 0 0 0;
	line-height: 1em;
}

.box ol, 
.box ul {
	padding: 10px;
	margin: 0 10px;
}

.box li {
	color: #444;
	margin: 0;
	line-height: 1.4em;
}

.box abbr {
	font-variant: small-caps;
	cursor: help;
}

#adv {
	width: 728px;
	margin: 40px auto;
}

#content {
	width: 570px;
	_width: 565px;
	padding: 0 10px 30px 0;
	_padding: 0 0 30px 0;
	font: normal 1em "Gentium", "Cambria", "Hoefler Text", Times, serif;
	color: #444;
}

#sidebar {
	width: 200px;
	padding: 0 10px 30px 10px;
	_padding: 20px 0 30px 0;
	background: #EEE;
	font: normal 1em "Gentium", "Cambria", "Hoefler Text", Times, serif;
	color: #444;
	float: right;
}

#content h1 {
	font: normal 2em "Gentium", "Cambria", "Hoefler Text", Times, serif;
	color: #333;
	padding: 25px 0 0 0;
}

#sidebar h2 {
	font: normal 1.4em "Gentium", "Cambria", "Hoefler Text", Times, serif;
	color: #333;
	padding: 30px 0 0 0;
}

#content p {
	font-size: 1em;
	line-height: 1.4em;
	padding: 5px 60px 5px 0;
}

#sidebar p {
	font-size: 0.8em;
	line-height: 1.2em;
	padding: 5px 0 0 0;
}

#sidebar ol, 
#sidebar ul {
	font-size: 0.8em;
	line-height: 1.2em;
	padding: 10px 0 0 10px;
}

#content .sp {
	margin: 10px 0 0 0;
}

#content .num {
	color: teal;
}

#content .cell {
	display: inline-block;
	width: 150px;
}

#footer {
	color: #666;
	margin: 30px 0 70px 0;
	padding: 10px 0 10px 0;
	border-top: 1px solid #000;
	font-size: 0.8em;
	line-height: 1.2em;
}

p a:link {
	color: #900;
	text-decoration: none;
}

p a:visited {
	color: #666;
	text-decoration: none;
}

p a:active,
p a:hover {
	color: #900;
	text-decoration: none;
}

#footer #map {
	text-align: left;
}

#footer #colophon {
	text-align: right;
	float: right;
}

#footer p a:link {
	color: #666;
	text-decoration: none;
	border: none;
}

#footer p a:visited {
	color: #666;
	text-decoration: none;
	border: none;
}

#footer p a:active,
#footer p a:hover {
	color: #900;
	text-decoration: none;
	border: none;
}


/* @group form */

a.but:link, a.but:visited, a.but:active {
	font-size: 1em;
	display: block;
	text-align: center;
	margin: 10px 0 10px 0;
	padding: 9px;
	cursor: pointer;
	background: #fff;
	border: none;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #000;
	background: #fff;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
	opacity: 0.5;
	text-transform: uppercase;
}

a.but:hover {
	background: #fff;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
	opacity: 0.8;
}

form {
	margin: 20px 20px 20px 10px;
	width: 100%;
	padding: 0;
}

fieldset {
	margin: 10px 0 20px 0;
	padding: 10px 0 10px 10px;
	border-bottom: 1px dotted #666;
	font-size: 1em;
	color: #444;
}

fieldset:last-child {
	margin: 10px 0 20px 0;
	padding: 10px 0 10px 10px;
	border-bottom: none;
	font-size: 1em;
	color: #444;
}

fieldset legend {
	font-size: 1.2em;
	line-height: 1em;
	color: #444;
}

fieldset legend small {
	font-size: 0.7em;
	line-height: 1em;
	color: #666;
	display: block;
}

.opzioni label {
	font: normal 1em "Gentium", "Cambria", "Hoefler Text", Times, serif;
	display: block;
	padding: 5px 0 2px 0;
}

.commenta label {
	font: normal 1em "Gentium", "Cambria", "Hoefler Text", Times, serif;
	display: block;
	padding: 15px 0 2px 0;
}

.dati label {
	font: normal 1em "Gentium", "Cambria", "Hoefler Text", Times, serif;
	border-bottom: 1px dotted #ccc;
	width: 150px;
	display: inline-block;
	padding: 15px 0 0 0;
}

.dati label.sp {
	font: normal 1em "Gentium", "Cambria", "Hoefler Text", Times, serif;
	display: block;
	border: none;
	width: auto;
	padding: 0;
}

.dati input[type=text] {
	display: inline;
	width: 280px;
	border: 1px solid #CCC;
	color: #444;
	padding: 3px;
	vertical-align: bottom;
	font: 0.9em "Courier New", Courier, mono;
}

.dati input.short {
	width: 80px;
}

.commenta input[type=text] {
	display: block;
	width: 440px;
	border: 1px solid #CCC;
	color: #444;
	padding: 3px;
	vertical-align: bottom;
	font: 0.9em "Courier New", Courier, mono;
}

.commenta textarea {
	display: block;
	width: 440px;
	border: 1px solid #CCC;
	color: #444;
	padding: 3px;
	vertical-align: bottom;
	font: 0.9em "Courier New", Courier, mono;
}

fieldset select {
	border: 1px solid #CCC;
	color: #444;
	padding: 3px;
	vertical-align: bottom;
	font: 0.9em "Courier New", Courier, mono;
}


fieldset textarea:focus,
fieldset select:focus,
fieldset input:focus {
	background: #FF9;
}

fieldset input[type=radio],
fieldset input[type=checkbox] {
	display: inline;
	margin: 0 2px 0 0;
	padding: 0;
	outline: none;
	vertical-align: baseline;
}

fieldset input[type=submit], .but a {
	width: 80px;
	margin: 20px 0 10px 155px;
	font-size: 0.8em;
	padding: 5px;
	cursor: pointer;
	background: #FF9;
	border: 1px solid #CCC;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	color: #444;
}

fieldset input[type=submit]:hover {
	background: #FC3;
}

fieldset label.error {
	display: block;
	width: 270px;
	margin: 0 0 -10px 150px;
	padding: 5px 0 0 5px;
	color: #993300;
	border: none;
	font-size: 0.9em;
}

fieldset label.ok {
	display: inline;
	margin: 0 0 0 5px;
}

#output {
	width: 480px;
	background: #FF9;
	text-align: center;
	margin: 10px 0 10px 0;
	padding: 10px 10px 10px 10px;
	border: 1px solid #FF9900;
	color: #333;
}

/* @end */