/* ----- RESET ----- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ----- RESET ----- */

html, body {
	position: relative;
	height: 100%;
	width: 100%;
	overflow:hidden;}

body {
  padding: 0;
  margin: 0;
  font: normal 13px/20px 'century_gothic', Century Gothic, Tahoma, Verdana, Sans-serif;
  color: #000;}

p {
  margin-top: 0px;
  margin-bottom: 0px;}
  
.clearfloat {
  clear: both;
  height: 1px;
  overflow: hidden;
  margin: -1px;}  
  
img {
  vertical-align: middle;}
a img {  border: 0px;}  

.left {  float: left;}
.right {  float: right;}
.text-left {  text-align: left;}
.text-center {  text-align: center;}
.text-right {  text-align: right;}    

.verde {color:#03B045;}
  
#sito {
   	position:relative;
	width:100%;
	height:100%;}	
	
.logo {
	position:absolute;
	z-index:10;
	top:0;
	left:0;}
	
#mappa {
	position: absolute;	
	width: 100%;
	height: auto;
	top: 0px;}

#colonna_sx {
	position:absolute;
	z-index:15;
	width:370px;
	padding:0 0 0 5px;
	background:url(../images/sfondo_colonna_sx.png) repeat-y 0 0;
	top:0;
	right:0;}	  

#colonna_sx .tab {width:100%; height:30px;overflow:hidden; background:url(../images/sfondo_tab.gif) repeat-x 0 0;}
#colonna_sx .tab ul li {width:50%;height:30px; margin-top:0px;float:left;color:#000;}
#colonna_sx .tab A:link, 
#colonna_sx .tab A:visited {
    display:block;
	height:30px;
	color:#007B2E;
	font-family:'century_gothic_bold', Century Gothic, Tahoma, Verdana, Sans-serif;
	text-transform:uppercase;
	text-align:center;
    text-decoration:none;
    padding:5px 10px;}
#colonna_sx .tab ul li A:hover, 
#colonna_sx .tab ul li A:active, 
#colonna_sx .tab ul li A.selected {
    display:block;
	height:30px;
	color:#00B041;
	border-top:1px solid #007B2E;
    background:#FFF;}   
	
#colonna_sx .tab ul li A.selected.dx {border-left:1px solid #007B2E;}
#colonna_sx .tab ul li A.selected.sx {border-right:1px solid #007B2E;}

#colonna_sx .testo {
	padding:30px 15px;
	border-bottom:1px solid #CCC;}

/* menu */
#menu {
	position:relative;
	width:370px;
	background:url(../images/sfondo_menu.gif) no-repeat bottom left;}
/* 1 livello */	
#menu ul.inf-menu {}
#menu ul.inf-menu > li {
	width:174px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #E6E6E6;}
	
#menu ul.inf-menu li a {
	display:block;
	width:154px;
	padding:8px 10px;
	font:normal 10px Verdana, Sans-Serif;
	color:#666;
	border:0;
	text-decoration:none;
	background:#FFF; }
#menu ul.inf-menu li a:hover,  
#menu ul.inf-menu li a:active,
#menu ul.inf-menu li a.selected {
	background:#FC0;}
/* 2 livello accordion */	
#menu ul.inf-menu li li {	
	border-right:1px solid #CCC;
	border-bottom:1px solid #E6E6E6;
        width: 170px;}
#menu ul.inf-menu li li a {
	display:block;
	width:154px;
	padding:8px 10px;
	background:#00B042;
	color:#FFF;}
#menu ul.inf-menu li li a:hover,
#menu ul.inf-menu li li a:active,
#menu ul.inf-menu li li a.selected {
	width:160px;
	border-right:0;
	background:#0CD859 url(../images/freccia_menu.gif) no-repeat 98% 9px;}
/* 3 livello */
#menu ul.inf-menu li li ul {
	position:absolute;
	top:0;
	left:175px;
	width:145px;
	margin:30px 15px 0 15px;}
#menu ul.inf-menu li li ul .titolo_menu {
	font-family:'century_gothic_bold', Century Gothic, Tahoma, Verdana, Sans-serif;
	font-size:14px;
	text-transform:uppercase;
	color:#666;}
	
#menu ul.inf-menu li li li {
	border-right:0;
	border-bottom:2px ridge #E5E5E5; 
        min-height: 40px;
        width: 95%;}

#menu ul.inf-menu li li li a {
	color:#333;
	padding:8px 0;
        width:98%;
	background:none;}
#menu ul.inf-menu li li li a:hover,
#menu ul.inf-menu li li li a:active,
#menu ul.inf-menu li li li a.selected {
	color:#00B041;
	font-weight:bold;
	background:none;}

#footer {
	width: 100%;
	position: absolute;
	top: 0px;
	height:30px;
	background:url(../images/sfondo_footer.gif) repeat-x 0 0;}
#footer .footer_A {
	width:482px;
	height:30px;
	float:right;
	background:url(../images/footer_A.gif) no-repeat top right;}
	
#footer A.back:link, #footer A.back:visited {
	display:block;
	font:normal 10px Verdana, Sans-Serif;
	color:#FFF;
	text-decoration:none;
	padding:10px 0 0 20px;
	float:left;
	background:url(../images/freccia_back.gif) no-repeat 8px 11px;}	
#footer A.back:hover, #footer A.back:active {}	
	
#colonna_dx {
	padding:0 0 0 5px;
	background:url(../images/sfondo_colonna_dx.png) repeat-y 0 0;
	top:0;
	right:0;}	  

#colonna_dx .tab {width:100%; height:30px;overflow:hidden; background:url(../images/sfondo_tab.gif) repeat-x 0 0;}
#colonna_dx .tab ul li {width:50%;height:30px; margin-top:0px;float:left;color:#000;}
#colonna_dx .tab A:link, 
#colonna_dx .tab A:visited {
    display:block;
	height:30px;
	color:#007B2E;
	font-family:'century_gothic_bold', Century Gothic, Tahoma, Verdana, Sans-serif;
	text-transform:uppercase;
	text-align:center;
    text-decoration:none;
    padding:5px 10px;}
#colonna_dx .tab ul li A:hover, 
#colonna_dx .tab ul li A:active, 
#colonna_dx .tab ul li A.selected {
    display:block;
	height:30px;
	color:#00B041;
	border-top:1px solid #007B2E;
    background:#FFF;}   
	
#colonna_dx .tab ul li A.selected.dx {border-left:1px solid #007B2E;}
#colonna_dx .tab ul li A.selected.sx {border-right:1px solid #007B2E;}

#colonna_dx .testo {
	padding:30px 15px;
	border-bottom:1px solid #CCC;}



.sfondoAV {
	background:url(../images/sfondo_menu.gif) no-repeat bottom left;
        opacity:0.3;
        filter:alpha(opacity=30); /* For IE8 and earlier */
}

.frecciaExpand {
    background-color:#eeeeee; 
    vertical-align: center; 
    font-weight: bold; 
    height: 28px; 
    font-family: 'comic Sans MS';   
    font-size: 14pt;
}

.smallFonte {
    font-size:          9px;
    color:              #7b7b7b;
    text-transform:     uppercase;
    font-weight:        bold;
}