* {
	border:0;
	margin:0;
	padding:0;
}
/* general */
a {
	color: #3366CC;
	text-decoration: none;
}
a:hover {
	color:#99CCFF;
	text-decoration:underline;
}
blockquote {
	background:#F1F1F1;
	border-left:2px solid #7534aa;
	color:#444;
	display:block;
	font-style:oblique;
	line-height:20px;
	margin:0 0 0 10px;
	padding:0 0 0 10px;
}
.left {
	float:left;
	margin:0 10px 0 0;
}
.right {
	float:right;
	margin:0 0 0 10px;
}

/* body */
body {
	background:#fff url('../image/background_body.jpg') repeat-x 50% top;
	color:#666;
	font:0.7em Verdana, "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
}

/* header */
#header {
	height: 330px;
	margin: 0 auto;
	position: relative;
	width: 760px;
	background-image: url('images/bg_header_blu_bis.jpg');
}
#header:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}
#header h1 {
	background-position: center center;
	color: #666;
	font-size: 36px;
	font-weight: 400;
	left: 0;
	position: absolute;
	top: 5px;
	font-family: Calibri;
	background-repeat: no-repeat;
	width: 278px;
	height: 46px;
	background-image: url('images/Titolo_sito_bis_278.jpg');
}
#header p {
	bottom: 100px;
	color: #fff;
	font-size: 2em;
	position: absolute;
	right: 15px;
}
#header ul {
	list-style: none;
	position: absolute;
	top: 50px;
}
#header ul li {
	list-style:none;
}	
#header ul li a {
	color:#fff;
	display:block;
	font-size:1.2em;
	font-weight:700;
	height:20px;
	padding:10px;
	width:190px;
}
#header ul li a:hover {
	background:#99CCFF;
	color:#eee;
	text-decoration:none;
}

/* content */
#content {
	height:auto;
	margin:0 auto;
	width:760px;
}
#content:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
} 

/* sidebar */
#sidebar {
	float:left;
	width:210px;
}
#sidebar h1 {
	border-bottom: 2px solid #7534aa;
	color: #444;
	font-size: 165%;
	font-weight: 400;
	line-height: 30px;
	padding: 0 10px;
	border-bottom-color: #3172B6;
}
#sidebar input {
	background:#f1f1f1;
	color:#555;
	margin:10px;
	padding:5px;
	width:180px;
}
#sidebar p {
	background:#f1f1f1;
	color:#555;
	display:block;
	font-size:90%;
	line-height:20px;
	margin:10px 0;
	padding:10px;
}
#sidebar p a.more {
	display:block;
	text-align:right;
}
#sidebar ul {
	margin: 10px;
}
#sidebar ul li {
	border-bottom: 1px solid #b484da;
	list-style: none;
	padding: 5px 2px;
	border-bottom-color: #3172B6;
}
#sidebar ul li a {
	color: #333;
	display: block;
	padding: 5px;
	text-decoration: none;
}
#sidebar ul li a:hover {
	color:#000;
}

/* Main */
#main {
	float:right;
	width:520px;
}
#main p {
	color: #555;
	line-height: 28px;
	padding: 10px;
	text-align: center;
}

#main h1 {
	border-bottom: 2px solid #7534aa;
	color: #444;
	font-size: 165%;
	font-weight: 400;
	line-height: 30px;
	padding: 0 10px;
	border-bottom-color: #3172B6;
	text-align: center;
}

/* footer */
#footer {
	margin: 10px auto;
	width: 760px;
	text-align: center;
}
#footer:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}
#footer p {
	border-top: 2px solid #7534aa;
	color: #555;
	font-size: 90%;
	line-height: 20px;
	padding: 10px;
	text-align: center;
	border-top-color: #3172B6;
}
div#img_header {
	background-position: center;
	padding: 3px;
	border: 1px solid #C0C0C0;
	position: absolute;
	left: 280px;
	top: 25px;
	background-color: #FFFFFF;
	text-align: center;
	width: 468px;
	height: 120px;
	background-image: url('images/TOP_468.jpg');
	background-repeat: no-repeat;
}
div#data_ora {
	position: absolute;
	top: 5px;
	left: 280px;
	width: 471px;
	text-align: center;
}
form {
	margin: 5px 15px 20px 15px;
	padding: 0;
	font-family: arial;
	font-size: 12px;
	width: 520px;
	height: 360px;
}
form fieldset {border:1px solid #ccc; padding:10px 20px 20px 20px; margin-left:10px; margin-right:10px; margin:0 0 10px 0;}
form fieldset legend {font-size:15px; padding:10px; font-weight:bold; color:#333333;}
form p {margin:0 0 15px 0; padding:0; clear:both;}
form label {
	float: left;
	width: 100px;
	text-align: right;
	margin-right: 10px;
}
form textarea {
	border: 1px solid #dddddd;
	background: #f8f8f8 url(../img/bg_point_white.gif) repeat-x top left;
	padding: 3px;
	width: 150px;
	float: left;
}
form input {
	border: 1px solid #dddddd;
	background: #f8f8f8 url(../img/bg_point_white.gif) repeat-x top left;
	padding: 3px;
	width: 150px;
	float: left;
	margin-left: 5px;
}
form textarea {
	width: 350px;
	margin-bottom: 10px;
}
form input[type=radio] {width:20px; padding:0;}
form input[type=checkbox] {width:20px; padding:0;}
form span.hint {display:block; clear:both; margin-left:110px; font-size:10px; margin-top:2px; margin-bottom:5px; background:url('../img/icone/ico_fumetto.gif') no-repeat; background-position:0px center; padding-left:12px;}
form span.errore {display:block; clear:both; margin-left:110px; margin-bottom:2px; padding:3px 2px 3px 26px; border:1px solid; color:#D8000C; background:#FFBABA url('../img/silk/error.png') no-repeat; background-position:5px center;}
form .xsmall {width:70px;}
form .small {width:150px;}
form .medium {width:250px;}
form .large {width:350px;}
form .xlarge {width:500px;}
form input.btn {cursor:pointer; border:1px solid #ccc; border-top:1px solid #ddd; border-left:1px solid #ddd; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-weight:bold; color:#666; background:#f5f5f5 url(../img/icone/action_save.gif) no-repeat; background-position:5px center; padding:4px 2px 4px 20px;}
/*../../img/ico_sweetie/16-em-check.png #529214*/
form input.btn:hover {background-color:#eeeeee;}

div#webcam {
	border: 1px solid #3172B6;
	top: 170px;
	position: absolute;
	left: 460px;
	width: 80px;
	height: 145px;
}
div#foto {
	border: 1px solid #3172B6;
	width: 80px;
	height: 145px;
	top: 170px;
	position: absolute;
	left: 370px;
}
div#meteo {
	background-position: center center;
	border: 1px solid #3172B6;
	position: absolute;
	width: 80px;
	height: 145px;
	top: 170px;
	left: 280px;
	background-repeat: no-repeat;
}
div#descrizione {
	padding: 3px 0px 3px 3px;
	width: 300px;
	margin-top: 15px;
}
div#img {
	width: 300px;
	padding-top: 3px;
	padding-left: 3px;
	margin-top: 7px;
}
div#cont {
	float: right;
	height: 700px;
	width: 520px;
}
div.testo {
	text-align: center;
	font-size: small;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 20px;
	width: 520px;
}
div.cartina1 {
	width: 191px;
	height: 166px;
	padding: 10px;
	display: block;
	float: left;
}
div.cartina2 {
	width: 221px;
	height: 63px;
	padding: 10px;
	float: left;
}
div.cartografy {
	width: auto;
	height: 250px;
}
div.back {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-size: medium;
}
div#stazione_meteo {
	border: 1px solid #3172B6;
	position: absolute;
	top: 170px;
	left: 554px;
	height: auto;
	width: auto;
	text-align: center;
	background-color: #FFFFFF;
}
noscript {
	margin-top: 10px;
	text-align: center;
}