/*Fatto da Marco M.*/
html {font-size: 80%;}

body {
	margin: 0;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 100%;
	color: #002A5C;
	background-color: #F6F6F5;
	background-image: url('bg_body.gif');
	background-position: 0 0;
	background-repeat: no-repeat;
}

p {padding: 0; margin: 0; margin-bottom: 10px; color: #5F615C;}
h2 {padding: 0; margin: 0; margin-bottom: 16px; font-size: 1.1em; color: #8E8E8E;}
a {color: #5D5D5D; text-decoration: underline;}
a:hover {color: #D6D6D5;}

/*-----------------------------------------------------------------------------------------------------------------------INFORMATIVA*/
body.inf675 {margin: 20px;
	background-color: #F6F6F5;
	font-size: 1em;
	background-image: url('bg_body.gif');
	background-position: -420px 0;
	background-repeat: no-repeat;
}
body.inf675 h1 {padding: 0; margin: 0; font-size: 1.1em; color: #424242; margin-bottom: 20px;}

/*--------------------------------------------------------------------------------------------------------FASCIONE SUPERIORE "HEADER"*/
#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 727px;
	height: 110px;
}
#cont_logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 306px;
	height: 110px;
	background-image: url('bg_logo.gif');
	background-position: 0 0;
	background-repeat: repeat-y;
}
#logo {position: absolute; left: 0px; top: 12px; margin: 0px;}

#cont_lng {
	position: absolute;
	left: 306px;
	top: 0;
	width: 421px;
	height: 110px;
	background-color: #B9B9B9;
	background-image: url('bordo.gif');
	background-position: top right;
	background-repeat: repeat-y;
}
/*eventuali lingue straniere*/
#menulng {float: right; margin: 5px 15px 0 0}
#menulng a {color: #fff;}
#menulng a:hover {color: #ccc;}

/*----------------------------------------------------------------------------------------------SECONDA FASCIA: IL TITOLO DELLA PAGINA*/
#cont_title {
	position: absolute;
	left: 0;
	top: 110px;
	width: 727px;
	height: 21px;
}
#bottom_logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 306px;
	height: 21px;
	background-image: url('bg_logo.gif');
	background-position: 0 0;
	background-repeat: repeat-y;
}
#title {
	position: absolute;
	left: 306px;
	top: 0px;
	width: 421px;
	height: 21px;
	background-color: #fff;
	background-image: url('bordo.gif');
	background-position: top right;
	background-repeat: repeat-y;
}
#intitle {padding: 0px 9px 0 0; text-align: right;}
#title h1 {padding: 0; margin: 0; font-size: 1.1em; color: #424242; border-bottom: 1px solid #8E8E8E; display: block; padding-bottom: 3px;}

/*--------------------------------------------------------------------------------------------------------------------------SEPARATORE*/
.separatore_left {
	position: absolute;
	left: 0;
	top: 131px;
	width: 306px;
	height: 4px;
	background-color: #D6D6D5;
	background-image: url('separatore.gif');
	background-position: top right;
	background-repeat: no-repeat;
	font-size: 0px;
}
.separatore_right {
	position: absolute;
	left: 306px;
	top: 131px;
	width: 421px;
	height: 4px;
	background-color: #fff;
	background-image: url('bordo.gif');
	background-position: top right;
	background-repeat: repeat-y;
	font-size: 0px;
}

/*------------------------------------------------------------------------------------------------BLOCCO CENTRALE CON MENU E CONTENUTI*/
#cont {
	position: absolute;
	left: 0;
	top: 135px;
	width: 727px;
	height: 333px;
}
/*---------------------------------------------------------MENU*/
#menu {
	position: absolute;
	left: 0;
	top: 0;
	width: 306px;
	height: 333px;
	background-image: url('bg_logo.gif');
	background-position: 0 0;
	background-repeat: repeat-y;
	overflow: auto;
}
#inmenu {padding: 28px 5px 5px 26px;}

#inmenu ul {padding: 0;	margin: 0; list-style-image: url('dot.gif');}
#inmenu li {padding: 0;	margin: 0; padding-bottom: 7px;	color: #A1A1A1; font-weight: bold;}
#inmenu a {color: #424242; text-decoration: none;}
#inmenu a:hover {color: #A1A1A1;}

/*--------------------------------------------------------CONTENUTI*/
#main {
	position: absolute;
	left: 306px;
	top: 0;
	height: 333px;
	width: 421px;
	background-color: #fff;
	background-image: url('bordo.gif');
	background-position: top right;
	background-repeat: repeat-y;
	overflow: auto;
/*
	scrollbar-shadow-color: #cccccc;
	scrollbar-highlight-color: #cccccc;
	scrollbar-3dlight-color: #cccccc;
	scrollbar-darkshadow-color: #B9B9B9;
	scrollbar-track-color: #D0D0CE;
	scrollbar-arrow-color: #fff;
*/
}

#inmain {padding: 10px 9px 10px 0; color: #5F615C;}
#inmain p.catlistlink {margin-top: 15px;}
#inmain img {border:solid 1px #424242; text-align: right;}
.token {clear: both; padding-bottom: 10px;}
.alignimg {text-align: center;}
.imgport {float: left; clear: left; margin-bottom: 20px;}

table.webform {font-size: 1.0em; font-family: Verdana, Arial, Helvetica, Sans-serif; color: #5F615C;}
table.webform em {font-size: 0.9em;}
table.webform td.label {text-align:right;}
table.webform .field {width: 300px; border: solid 1px #424242;}
table.webform textarea {height:80px; font-size: 1.00em; font-family: Verdana, Arial, Helvetica, Sans-serif;}
table.webform .button {border: solid 1px #424242; font-weight: bold; color: #FFF; font-size: 0.90em; background-color: #8E8E8E;}

/*--------------------------------------------------------------------------------------------------------------------------SEPARATORE 2*/
.separatore2_left {
	position: absolute;
	left: 0;
	top: 467px;
	width: 306px;
	height: 4px;
	background-color: #D6D6D5;
	background-image: url('separatore.gif');
	background-position: top right;
	background-repeat: no-repeat;
	font-size: 0px;
}
.separatore2_right {
	position: absolute;
	left: 306px;
	top: 467px;
	width: 421px;
	height: 4px;
	background-color: #fff;
	background-image: url('bordo.gif');
	background-position: top right;
	background-repeat: repeat-y;
	font-size: 0px;
}

/*----------------------------------------------------------------------------------------------------------------------------COLOPHON*/
#colophon {
	position: absolute;
	top: 471px;
	left: 0;
	width: 727px;
	height: 130px;
}
#col_left {
	position: absolute;
	top: 0;
	left: 0;
	width: 306px;
	height: 130px;
	background-image: url('foto_colophon.jpg');
	background-position: 0 0;
	background-repeat: no-repeat;
}
#incolophon {
	position: absolute;
	top: 0;
	left: 306px;
	width: 421px;
	height: 130px;
	background-image: url('bordo.gif');
	background-position: top right;
	background-repeat: repeat-y;
	background-color: #8E8E8E;
}
#contcolophon {padding: 5px;}
#incolophon p {font-size: 0.8em; margin: 0; padding: 0; margin-bottom: 10px; color: #fff;}
#incolophon a {text-decoration: none; color: #5D5D5D;}
#incolophon a:hover {color: #fff;}