body{
	font-size: 10px;
	/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	background-color: #8cb2d8;
	margin: 0 0 0 0;
	text-align: center;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	text-align: left;
	color: #3d5c7a;
}
h1 {
	font-size: 2.6em;
}
h2 {
	font-size: 14px;
}
h3 {
	font-size: 13px;
}
h4 {
	font-size: 12px;
}
h5 {
	font-size: 11px;
}
h6 {
	font-size: 10px;
}

a {
	text-decoration: none;
	color: #3E3E7A;
}
p,
dt,
dd,
li {
	font-size: 10px;
}
dt {
	font-weight: bold;
}
acronym,
abbr {
	border-bottom: .1em dotted;
}
img {
	border: 0;
}
a:hover{
	text-decoration: underline;
}
/* titoli */
h2 a {
	font-size: 12px;
}
.outborder{
	text-align: left;
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}

.header{
	background-image: url('../img/bg-top.gif');
	background-position: center bottom;
	background-repeat: no-repeat;
	background-color: #fff;
	width:100%;
	height: 100px;
}



#logo{
	display: table-cell;
	background-image: url('../img/logo_fab.png');
	background-position: left;
	background-repeat: no-repeat;
	color: #000;
	width: 330px;
	height: 84px;
	float: left;
}

#logo h1{
	display: none;
}

#top-menu,
#bottom-menu {
	display: table-cell;
	text-align: center;
	width: 370px;
	float: left;
}

#top-menu ul,
#bottom-menu ul {
	text-align: center;
	margin-top: 4em;
	margin-left:0px;
	padding-left: 0px;
}

#top-menu ul li, 
#bottom-menu ul li{
	display: inline;
	margin-left: 0.8em;
}

#top-menu ul li a,
#bottom-menu ul li a {
	font-size:12px; /*1.2em;*/
	background-image:url(../img/base_2.gif);
	/*border-bottom: 6px solid #8cb2d8;*/
	padding-bottom: 0.3em;
	text-decoration: none;
	color: #666;
}

#top-menu a,
#bottom-menu a {
	font-size:12px; /*1.2em;*/
	background-image:url(../img/base_2.gif);
	/*border-bottom: 6px solid #8cb2d8;*/
	padding-bottom: 0.3em;
	text-decoration: none;
	color: #666;
}


#top-menu li ,
#bottom-menu li {
	font-size:12px; /*1.2em;*/ 
	background-image:url(../img/base_2.gif);
	/*border-bottom: 6px solid #8cb2d8;*/
	padding-bottom: 0.3em;
	text-decoration: none;
	color: #666;
}

#top-menu ul li a:active, 
#bottom-menu ul li a:active,{
	/*border-bottom-color: #3d5c7a;*/
	font-size:12px; /*1.2em;*/
	padding-bottom: 0.3em;
	text-decoration: none;
	color: #666;
}

#top-menu ul li a:hover,
#bottom-menu ul li a:hover {
	/*border-bottom-color: #3d5c7a;*/
	font-size:12px; /*1.2em;*/
	padding-bottom: 0.3em;
	text-decoration: none;
	color: #666;
}
.top-block{
	clear: both;
	background-color: #3d5c7a;
	background-image: url('../img/bg-blue1.gif');
	background-position: center bottom;
	background-repeat: repeat-y;
	min-height: 10em;

}

.top-block-internal{
	clear: both;
	background-color: #3d5c7a;
	background-image: url('../img/bg-blue1.gif');
	background-position: center bottom;
	background-repeat: repeat-y;
}

.top-block .contents{
	border-top: 6px solid #3d5c7a;
	border-bottom: 6px solid #3d5c7a;
	margin-left: auto;
	margin-right: auto;
	width: 700px;
	height: 178px;

}

.top-block-internal .contents{
	border-top: 6px solid #3d5c7a;
	width: 700px;
	height: 1px;
	overflow: hidden;
}


.news{
	display: block;
	float:left;
	background-color: #e2ecf5;
	width: 326px;
	padding: 10px 10px 10px 10px;
	font-size: 1.2em;
	font-weight: bold;
	color: #666;
	height: 158px;
	overflow: auto;
}
div.contents>div.news{
	height: 158px;	
}
.news h2 {
	color: #3d5c7a;
	font-size: 26px;
}
div.news h2 a {
	font-size: 16px;
}
.news ul{
	margin-top: 0px;
	margin-bottom:0px;
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;	
}
.news ul li{
	line-height: 2em;
}
.news .date{
	font-weight: bold;
	color: #3d5c7a;
}

.photos{   
	width: 354px;
	display: block;
	float:left;
	vertical-align: top;
	background-color: #e2ecf5;
	overflow: hidden;
}

div.contents>div.photos{
	width: 354px;
}
.photos img{
	float: left;
}
.bottom-block{
	clear: both;
	background-color: #8cb2d8;
	background-image: url('../img/bg-blue2.gif');
	background-position: center bottom;
	background-repeat: repeat-y;	
	min-height: 20em;
}

.sub-menu{
	width: 30%;
	float: left;
}

.sub-menu ul{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 2px; /* fabio */
	list-style-type: none;
}

.sub-menu ul li a{
	color: #3d5c7a;
	text-decoration: none;
	font-size: 1.2em;
	padding-left: 10px;
	background-image: url('../img/bg-submenu.png');
	background-position: left;
	background-repeat: repeat-y;
	display:block;
	height: 2em;
	padding-top: 0.5em;
	border-bottom: 2px solid #fff; 
}
/*---------------------------------------*/
#nameDirig {
	color: #3d5c7a;
	text-decoration: none;
	font-size: 1.2em;
	padding-left: 10px;
	background-image: url('../img/bg-submenu.gif');
	background-position: left;
	background-repeat: no-repeat;
	display:block;
	height: 2em;
	padding-top: 0.5em;
	border-bottom: 2px solid #fff; 
}
#nameDirig a:hover,
#nameDirig a:active{
	background-image: url('../img/bg-submenu-hover.png');
	color: #fff;
}

#nameNewsl {
	color: #3d5c7a;
	text-decoration: none;
	font-size: 1.2em;
	padding-left: 10px;
	background-image: url('../img/bg-submenu-nl.gif');
	background-position: left;
	background-repeat: no-repeat;
	display:block;
	height: 2em;
	padding-top: 0.5em;
	border-bottom: 2px solid #fff; 
}

#nameNewsl a:hover,
#nameNewsl a:active{
	background-image: url('../img/bg-submenu-nl-hover.gif');
	color: #fff;
}

#namePL {
	color: #3d5c7a;
	text-decoration: none;
	font-size: 1.2em;
	padding-left: 10px;
	background-image: url('../img/bg-submenu-pareri-new.gif');
	background-position: left;
	background-repeat: no-repeat;
	display:block;
	height: 2em;
	padding-top: 0.5em;
	border-bottom: 2px solid #fff; 
}

#namePL a:hover,
#namePL a:active{
	background-image: url('../img/bg-submenu-pareri-new-hover.gif');
	color: #fff;
}

/*---------------------------------------*/


.sub-menu ul li a:hover,
.sub-menu ul li a:active{
	background-image: url('../img/bg-submenu-hover.png');
	color: #fff;
}

.sub-menu ul li a:active{
	border-bottom:0px;
}
.sub-menu ul li ul{
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 10px; /* questo da il margine inferiore (per loro e' lo spazio bianco) quando ci sono dei sottomenu - potrebbero chiedere di azzerarlo */
	border-left: 6px solid #fff;
	border-bottom: 1px solid #8fb4d9;
	width: 90%;
}
.free-block{
	float: left;
	width: 35%;
}

.free-block-full-size{
	float: right;
	width: 67%;
	font-size: 1.2em;
}

.free-block h2 {
	font-size: 16px;
	color: #3E3E7A;
	text-align: justify;
}
.free-block h2 a {
	text-align: left;
}

.gray h2 {
    font-size: 14px;
	color: #3E3E7A;
	padding-bottom: 4px;
	text-align: center;
}
.gray h2 a {
    font-size: 12px;
	color: #3d5c7a;
	padding-bottom: 2px;
	text-align: left;
	display: block;
	background-image: url('../img/bordo-h2.png');
	background-position: bottom left;
	background-repeat: no-repeat;

}
.free-block p{
	font-size: 1.2em;
	color: #666;
	margin-bottom: 1em;
}

.gray
{
	color: #666;
	border: 1px solid #444;
	width: 30%;
	margin-top: 5px;
	padding: 5px 5px 5px 5px;
	float: right;
	background-color: #f7f7f7;
	text-align: justify;
}

.news-cnv
{
	color: #191970;
	font-size:12px;
	font-weight:normal;
	border: 1px solid red;
	width: 29%;
	margin-top: 5px;
	padding: 10px;
	float: right;
	background-color: #E6E6FA;
	text-align: center;
	line-height:20px;
}

.news-cnv a
{
    text-decoration:underline;
}

.news-cnv p
{
    font-size:16px;
    font-weight:bold;
    text-align:center;

}

.clearer{
	height: 10px;
	overflow:hidden;
	clear:both;
}

.right{
	text-align: right;
}
#logo-footer{
	background-image: url('../img/logo_fab.png');
	background-position: left;
	background-repeat: no-repeat;
	color: #000;
	width: 330px;
	height: 84px;
	float: left;
}

#footer{
	background-image: url('../img/bg-sfondo.png');
	background-position: center top;
	background-repeat: no-repeat;
	height: 84px;	
}
#footer .outborder{
	border-top: 1px dashed #666666;
	padding-top: 2em;
	background-color: transparent;
	font-size: 1.2em;
	color: #3d5c7a;
}
#bottom {
	text-align: center;
	margin: 0 auto;
	width: 700px;
	height: 84px;
	clear: both;
}
div.separator {
	/* questi sono i margini, esprimerli in pixel (es 1px), se e' 0 allora non serve l'unita' di misura  - CAMBIARE PER AGGIUGERE MARGINE */
	margin-top: 1px;
	margin-right: 0; 
	margin-bottom: 1px;
	margin-left: 0;
	
	background-image: url('../img/blue-grad.png'); /* questa e' la barra sfumata - probabilmente questa riga NON va cambiata */
	background-repeat: repeat-y; /* questo dice che la barretta si ripete verticalmente - probabilmente questa riga NON va cambiata */

	/* in teoria basterebbe solo la prima riga, ma per problemi di compatibilita' vanno impostati tutti. esempio se serve di 2px allora vanno cambiati tutt e tre i valori */	
	height: 3px;
	line-height: 3px;
	font-size: 3px;
}
.news-adn li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: 1.2em;
	border-bottom: 3px solid #ccc;
	margin-top: 7px;
	margin-bottom: 7px;
    text-align: left;
}

textarea#disclaimer {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 10px;
	text-align: justify;
	width: 260px;
	height: 100px;
}