﻿body {
    margin:0;
    padding:0;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
	background: url(../img/bg1-2.png) repeat-x top left #fff;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
img {
border:0}
.hide {display:none;}
#container
{
    width:1000px;
    margin:0 auto;
}
#head
{
    margin:0 0 0 0;
	height:110px;
    padding:0 0 0 15px;
}
#head h1{
    font:250% "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
    font-weight:normal;
}
#head h2{   
    color:#666;
    font:120% "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
    font-weight:normal;
	margin-top:-20px;
}
#head img
{
    border:none;
}

#head h1 a,
#head h2 a
{
    text-decoration:none;
}
#head h1 a
{
    color:#002f7d;
}
#head h2 a
{
    color:#666;
}
#logo
{ 
	float:left;
	width:352px;
}
#topmenu{
    position:relative;
    float:right;
    width:585px;
}
#topmenu ul,  #topmenu ul li{
    list-style:none;
	margin:0;
	padding:0;
	}
#topmenu ul {
    position:relative;
	left:0%;
	clear:left;
	float:left;
	margin:0;
}
#topmenu ul li {
    position:relative;
	right:0%;
	display:block;
	float:left;	
}
#topmenu ul li a{
    color: #002F7D;
    font-size: 100%;
    text-decoration: none;
    padding: 25px 35px 5px 5px;
    display: block;
    border-left: 1px solid #252868;
    width:36px;
}
#topmenu a.active {
    color: #177bb1;
}
#topmenu a:hover{
    color: #0876AC;
    background: #f9f9f9;
    border-left: 1px dotted #002F7D;
}
#accessibilitymenu,
#languagesmenu{
	float:left;
	list-style:none;
	width: 130px;
	margin-top:10px;
	margin-left:10px;
}
#accessibilitymenu li,
#languagesmenu li{
    display:inline;
}
#accessibilitymenu li a{
    color:#333;
    margin:0;
    padding:0;
    text-transform:uppercase;
}
#size1{
    font-size:11px;
}
#size2{
    font-size:12px;
}
#size3{
    font-size:14px;
}
#languagesmenu{
    top:18px;
    left:935px!important;
    left:920px; 
}
#languagesmenu li{
    padding-left:5px;
}
#languagesmenu li a{
    margin:0;
    padding:0;
}
#languagesmenu li img{
    border:none;
}
#primarymenu{
    width:100%;
	height:200px;
    margin:0px 0 5px 0;
    padding:0;
}
#primarymenu h3{ 
    margin: 5px 5px 0 20px; 
    color:#FFF; 
    font:13pt Arial, sans-serif; 
    letter-spacing:-1px; 
    font-weight: bold;
}
#menu {
    height:205px;
    width:420px!important;
    width:422px;
    margin-left:0px!important;
    margin-left:-2px;
    float:left;
}
.amministrazione{
	width: 137px;
	height: 200px;
	margin-left:3px!important;
	margin-left:2px;
	float: left;
	background:#161613;
	overflow: hidden;
	position: relative;
	border: solid 0px #000033;
}
.amministrazione a{ 
	color:#FFFFFF;
	text-decoration:none; 
}
.amministrazione img{ 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	border: 0px; 
}
.amministrazione p{ 
	padding-left:10px;
	padding-top:1px;
	color:#ffffff; 
	font-weight:bold; 
	font:10pt "Lucida Grande", Arial, sans-serif; 
	background: #000066;
	height:0px;
}
				
.boxcaption1{ 
	float: left; 
	position: absolute; 
	background: #000066; 
	height: 228px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	top:165px;
}
.informa{ 
	width: 137px; 
	height: 200px; 
	margin-left:3px!important;
	margin-left:2px; 
	float:left; 
	border: solid 0px #990000; 
	overflow: hidden; 
	position: relative; 
}
.informa a{ 
	color:#FFFFFF;
	text-decoration:none; 
}
.informa img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}
.informa p{ 
	padding-left: 5px; 
	color:#ffffff; 
	font-weight:bold; 
	font:10pt "Lucida Grande", Arial, sans-serif;
	background:#990033;
	height:180px;
}
.boxcaption2{ 
	float: left; 
	position: absolute; 
	background: #990033; 
	height: 228px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	top:165px;
}
 				
.vivere{ 
	width: 137px; 
	height: 200px; 
	margin-left:3px!important;
	margin-left:2px; 
	float: left;
	border:solid 0px #FF9900; 
	overflow: hidden; 
	position: relative; 
}
.vivere a{ 
	color:#FFFFFF;
	text-decoration:none; 
}
.vivere img{ 
	position: absolute; 
	top: 0; 
	left: 0;  
}
.vivere p{ 
	padding-left: 5px; 
	color:#ffffff; 
	font-weight:bold; 
	font:10pt "Lucida Grande", Arial, sans-serif;
	background:#339900;
	height:180px; 
}
.boxcaption3{ 
	float: left; 
	position: absolute; 
	background: #339900; 
	height: 228px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	top:165px;
}
#banner{
    float:left;
    margin-left:15px!important;
	margin-left:12px;
	margin-top:0px;
	height:200px;
	width:550px;
}
#content{
    clear:both;
    overflow:hidden;
	float:left;
    margin-left:15px;
    background: url(../img/bgcontent.png) repeat-x top left;
	width:970px;
}
#content div{
	float:left;	
	display:inline;
}
#secondarymenu{
    position:relative;
    margin-left:3px;
    padding-bottom:0px;
	background:url(../img/menu.png) top right no-repeat #FFFFFF;
	border-left:solid 1px #ebe8e8;
	float:left;
	width:205px;	
}
#secondarymenu #banner2 {
    margin-top:20px;
	width:205px;
	float:left;
	border:solid 1px #ebe8e8;
	border-left:none;
	}
	
#secondarymenu #banner2 a {
    text-decoration: none;
    padding: 0;
    display: block;
    border-bottom:solid 1px;
    border-bottom-color:#ebe8e8;
    letter-spacing:-1px;
	width:205px;
}

#secondarymenu #banner2 a:hover{
    color: #0876AC;
    background-color:#ebe8e8;
	width:205px;
}
	
#secondarymenu h1{
    margin:10px 0 10px 10px;
    color:#002F7D;
    font-family:Helvetica Condensed, Helvetica, Verdana, Arial, Sans-Serif;
    font-size:140%;
    font-weight: bold;
}
#secondarymenu ul {
    position:relative;
	margin-left:-40px;
	*margin:0px;/* IE */
	float: left;
	width:205px;
}
#secondarymenu li {
    height:30px!important;
    height:32px;
    display:block;
}
#secondarymenu a{
    color: #002F7D;
    font-size: 130%;
    text-decoration: none;
    padding: 10px 0px 5px 15px;
    display: block;
    border-bottom:solid 1px;
    border-bottom-color:#ebe8e8;
    letter-spacing:-1px;
}
#secondarymenu a:hover{
    color: #0876AC;
    background-color:#ebe8e8;
}


#secondarymenu2{
    width:205px!important;
	width:165px;
    position: relative;
	left:205px!important;
	left:-5px;
    padding-bottom:0px;
	background:url(../img/menu.png) top right no-repeat #FFFFFF;
	border-left:solid 1px #ebe8e8;
	}
#secondarymenu2 h1{
    margin:10px 0 10px 10px;
    color:#002F7D;
    font-family:Helvetica Condensed, Helvetica, Verdana, Arial, Sans-Serif;
    font-size:140%;
    font-weight: bold;
}
.menu2 ul {
    position:relative;
	margin-left:-40px;
	*margin:0px;/* IE */
	float: left;
	width:205px;
}
.menu2 li {
    height:30px!important;
    height:32px;
    display:block;
}
.menu2 a{
    color: #002F7D;
    font-size: 130%;
    text-decoration: none;
    padding: 10px 0px 5px 15px;
    display: block;
    border-bottom:solid 1px;
    border-bottom-color:#ebe8e8;
    letter-spacing:-1px;
}
.menu2 a.active {
    color: #177bb1;
}
.menu2 a:hover{
    color: #0876AC;
    background-color:#ebe8e8;
}
.menumap ul {
   
	
	
	
}
.menumap li {
    height:30px!important;
    height:32px;
    display:block;
}
.menumap a{
    color: #002F7D;
    text-decoration: none;
    padding: 10px 0px 5px 15px;
    display: block;
}
.menumap a.active {
    color: #177bb1;
}
.menumap a:hover{
    color: #0876AC;
    
}
#secondarymenu .cons{
    width:200px;
    float:left;
}
#secondarymenu .cons a{
    color: #002F7D;
    font-size: 100%;
    text-decoration: none;
    padding: 10px 0px 5px 15px;
    display: block;
    border-bottom:solid 1px;
    border-bottom-color:#ebe8e8;
    letter-spacing:-1px;
}
#sidebar{
    width:200px;
    margin-left:10px;
	float:left;
	background-color:#eeeeee;   
}
.tempo{
float:left;
padding-left:8px;
margin-top:3px;
}
.tasti{
    margin-bottom:3px;
    border:none;
}
.tasti_small{
    width:62px;
	float:left;
    margin-top:-3px;
    border:none;
	margin-left:4px;
}
#body{
    width:550px;
}
#body a:link,
#body a:active,
#body a:visited,
#sidebar a:link,
#sidebar a:active,
#sidebar a:visited{
    color:#002F7D;
}
#body a:hover,
#sidebar a:hover{
    color:Red;
}
#body p{
    margin:10px 20px 0 10px;
    color:#333;
    line-height:1.3;   
}
#body p img{
    float:left;
    margin: 0 20px 15px 0;
}
#body ul,
#body ol{
    margin:5px 0;
    margin-left:10px;
    padding-left:5px;
	color:#333;
	line-height:1.5;
}
#body ul{
	list-style: none;
}
#body ul li a{
	color: #002F7D;
    font-size: 100%;
    text-decoration: none;
    padding: 10px 5px 5px 10px;
    display: block;
    border-bottom:solid 1px;
    border-bottom-color:#ebe8e8;
    letter-spacing:-1px;
}
#body ul li a:hover{
	color: #0876AC;
    background-color:#ebe8e8;
}
#body ol ul,
#body ul ol{
    margin-left:40px;
}
#body hr{
    clear:both;
    height:2px!important;
    height:1px;
    border:0!important;
    border:1px dashed #47509d;
    color:#47509d;
    margin:30px 20px 0 15px;
    background:transparent url(../img/rule.gif) repeat-x;
}
#breadcrumb{   
    float:left;
    width:100%;
    height:38px;
    line-height: 40px;
	background: url(../img/bcbk.png);
}
#breadcrumb span{
    display:none
}
#breadcrumb a{
    margin-top:-2px;
    float: left;
	height: 40px;
	padding: 0 25px 0 20px;
    background: url(../img/bcbk1.png) no-repeat top right;
    color: #777;
	text-decoration: none
}
#breadcrumb a:hover{
    background-position: bottom right;
	color: #0876AC;
}
#breadcrumb em{
    font-style:normal;
	color: #444;
	margin-left:10px
}
#breadcrumb2 {   
    float:left;
    width:753px;
    height:38px;
    line-height: 40px;
	background: url(../img/bcbk.png);
}
#breadcrumb2 span{
    display:none
}
#breadcrumb2 a{
    margin-top:-2px;
    float: left;
	height: 40px;
	padding: 0 25px 0 20px;
    background: url(../img/bcbk1.png) no-repeat top right;
    color: #777;
	text-decoration: none
}
#breadcrumb2 a:hover{
    background-position: bottom right;
	color: #0876AC;
}
#breadcrumb2 em{
    font-style:normal;
	color: #444;
	margin-left:10px
}	
.title{
    margin-bottom:10px;
	margin-top:40px;
	margin-left:10px;
    clear:both;
    color:#002F7D;
    font-size:160%; 
}
.subtitle{
    color:#002F7D;
    font-size:160%;
    font-weight:normal;
	margin-left:10px;  
}
.subsubtitle{
    clear:both;
    color:#002F7D;
    font-size:140%;
	margin-left:10px;
}
.sottotitolo{
    clear:both;
    color:#002F7D;
    font-size:110%;
	margin-left:10px;
	}
#footer {
	margin: 0px 0 0;
	padding: 15px 30px 20px;
	width:940px;
	border-top:dotted #ebe8e8 2px;
	height:100px;
	float:left;
}
#footer  img {
	float: left;
	padding: 3px 0 0;
	margin: 20px 10px 0 0;
}
#footer .col {
	padding: 0;
	margin: 20px 20px 0 0;
	float: left;
	display: inline;
}
#footer .col h1 {
    color: #999999;
	font: bold 10px/125% Tahoma;
	margin: 0;
	padding: 0;
}
#footer .col p {
	color: #999999;
	font: 10px/130% Tahoma;
	margin: 0;
	padding: 0;
}
#footer ul {
	margin: 20px 0 0px;
	padding: 0;
	display: inline;
	float:right;
	list-style-type: none;
}

#footer li, #footer li a, #footer li a:visited {
	color: #999999;
	font: 10px/130% Tahoma;
	margin-left:10px;
	padding: 0;
	float: left;
	display: inline;
	text-decoration: none;
	width:75px;
	}
#footer li a:hover {
	color:#0876AC; 
}
#footer .logo {
    float:left;
    margin-top:-32px!important;
    margin-left:800px!important;
	margin-top:-35px;
	margin-left:780px;
    display:inline;
    height:100%;
}
#footer .logo p{
    color: #999999;
	font: 10px/130% Tahoma;
	float:left;
	margin:0;
}
#footer .logo img{
    margin-top:0px;
    padding-top:0px;
    float:left;
}
#footer .w3c{
	float: left;
    margin-top:0px;
    margin-left:112px!important;
	margin-left:55px;
}
#footer p {
    color: #999999;
	font: 10px/130% Tahoma;
}
#container #main {
	margin: 0 0 20px 20px;
	padding: 0;
	float: left;
	display: inline;
}
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#lightbox a img{ 
    border: none; 
}

#frame{
width:765px;
height:550px;
margin-left:-5px;
}
#frame2{
width:765px;
height:800px;
margin-left:-5px;
}
.img{
border:solid 1px #f9f9f9;
}
.img2{
margin-left:10px;
margin-bottom:5px;
}