@CHARSET "ISO-8859-1";

body {
	position:relative;
	z-index:0;
	margin:0;
	padding:0;
	background: #E6E6E6;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	color:#000;
	font-size: 1em;
	text-align:center;
}

p.bodytext a {font-weight:bold}

a:link, a:visited {
	color:#D74490;
	text-decoration:none;
}
a:hover, a:active {
	text-decoration:underline;
}

div#main {
	width:895px;
	margin:0 auto;
	text-align:left;
	padding: 0 26px;
	background: #E6E6E6 url(images/body_bg.jpg) repeat-y center top;
}
div#main:after {
    display: block; 
    visibility: hidden;
    content: "."; 
    height: 0; 
    clear: both;
}
div#main {
    clear: both; /* per Gecko */
    height: 1%; /* per IE */
}


div#header {
	background: #008281 url(images/head_int.jpg) no-repeat 247px 0;
	height: 151px;
}
div#header_home {
	background: #008281 url(images/head_home2.jpg) no-repeat 247px 20px;
	height: 221px;
}

div#header h1#logo {
	width:247px;
	height:151px;
	background: #FFF url(images/logo_int.jpg) no-repeat 0 0;
	margin:0;
	padding:0;
	letter-spacing:-1000em;
	text-indent: -999em;
	overflow:hidden;
	float:left;
}
div#header_home h1#logo {
	width:247px;
	height:221px;
	background: #FFF url(images/logo_home.gif) no-repeat 0 0;
	margin:0;
	padding:0;
	letter-spacing:-1000em;
	text-indent: -999em;
	overflow:hidden;
	float:left;
}

div#header h1#logo a {display:block;width:247px;height:151px;}
div#header_home h1#logo a {display:block;width:247px;height:221px;}

div#header h2#title {
	font-size:1.3em;
	color:#FFF;
	float:right;
	margin-top:50px;
	margin-right:0.5em;
	margin-bottom:0;
	width:350px;
}

div#menuBar {
	background-color:#008281;
}

div#menuBar ul#menu, div#menuBar ul#menu li {margin:0;padding:0;}
div#menuBar ul#menu {
	background-color:#E6E6E6;
	margin-left:247px;
	height:25px;
	line-height:23px;
} 
div#menuBar ul#menu li {
	list-style-type:none;
	float:left;
}
div#menuBar ul#menu li span.active,
div#menuBar ul#menu li a:link,
div#menuBar ul#menu li a:visited {
	background: #E6E6E6 url(images/menuBut.jpg) repeat-x 0 0;
	border-right: 1px solid #666;
	padding: 0.3em 0.5em;
	font-size:0.8em;
	color:#000;
	text-decoration:none;
}
div#menuBar ul#menu li span.active {font-weight:bold;}
div#menuBar ul#menu li a:hover, 
div#menuBar ul#menu li a:active {text-decoration:underline;background: #E6E6E6 url(images/menuBut_on.jpg) repeat-x 0 0;}
div#menuBar ul#menu li.first {margin-left:70px;}
div#menuBar ul#menu li.first a,
div#menuBar ul#menu li.first span {border-left: 1px solid #666;}

div#maps {
	background: #5B9798 url(images/maps_bg.jpg) repeat-x 247px 0;
}

div#maps.tratto1 {height:579px}
div#maps.tratto2 {height:579px}
div#maps.tratto3 {height:576px}
div#maps.tratto4 {height:534px}
div#maps.tratto5 {height:536px}
div#maps.tratto6 {height:562px}


div#maps div#legend {
	width:247px;
	height:100%;
	float:left;
	background: #5B9798 url(images/legenda.jpg) no-repeat 0 0;
}
div#maps div#legend div.text {
	height:265px !important;
	letter-spacing:-1000em;
	text-indent: -999em;
	overflow:hidden;	
}

div#maps div#section {
	width:552px;
	height:100%;
	display:block;
	float:left;
	letter-spacing:-1000em;
	text-indent: -999em;
	overflow:hidden;
}

div#maps.tratto1 div#section {background:url(maps/tratto1.jpg) no-repeat 0 0; }
div#maps.tratto2 div#section {background:url(maps/tratto2.jpg) no-repeat 0 0; }
div#maps.tratto3 div#section {background:url(maps/tratto3.jpg) no-repeat 0 0; }
div#maps.tratto4 div#section {background:url(maps/tratto4.jpg) no-repeat 0 0;width:648px; }
div#maps.tratto5 div#section {background:url(maps/tratto5.jpg) no-repeat 0 0; }
div#maps.tratto6 div#section {background:url(maps/tratto6.jpg) no-repeat 0 0; }


div#maps span#icons {}

div#maps.tratto4 div#icons {
	float:left;
	height:45px;
	margin-left:247px;
	width:200px;
	margin-top:-50px;
}

div#maps div#icons p {
	margin:0;
	letter-spacing:-1000em;
	text-indent: -999em;
	overflow:hidden;
	height:45px;
}
div#maps.tratto4 div#icons p {
	float:left;
	width:45px;
}
div#maps div#icons p.piedi {background:url(images/piedi.gif) no-repeat center center}
div#maps div#icons p.bici {background:url(images/bici.gif) no-repeat center center}
div#maps div#icons p.sci {background:url(images/sci.gif) no-repeat center center}
div#maps div#icons p.auto {background:url(images/auto.gif) no-repeat center center}
div#maps div#icons p.cavallo {background:url(images/cavallo.gif) no-repeat center center}


div#menuBar2 {background-color:#008182;color:#FFF}
div#menuBar2 ul#menu2, div#menuBar ul#menu2 li {margin:0;padding:0;}
div#menuBar2 ul#menu2 {
	background-color:#5B9798;
	margin-left:247px;
	margin-right:95px;
	height:25px;
	padding-left:0.5em;
} 
div#menuBar2 ul#menu2 li {
	list-style-type:none;
	float:left;
	margin-top:0.3em;
	font-size:0.7em;
}
div#menuBar2 ul#menu2 li span.active,
div#menuBar2 ul#menu2 li a:link,
div#menuBar2 ul#menu2 li a:visited {
	padding: 0.3em 0 0.3em 1.5em;
	color:#FFF;
	text-decoration:none;
	background: url(images/bullet2.gif) no-repeat 0.7em  0.6em;
}
/*div#menuBar2 ul#menu2 li span.active {color:#985C5B;}*/

div#menuBar2 ul#menu2 li span.active {font-weight:bold;}
div#menuBar2 ul#menu2 li a:hover, 
div#menuBar2 ul#menu2 li a:active {text-decoration:underline;background-image:url(images/bullet3.gif);}

div#content{
	float:left;
	width:100%;
	background-color:#FFF;
	font-size:0.9em;
}
div#content h3 {font-size:1.2em;color:#008182;}

div#content div#text {margin-left:257px;padding-top:1em;padding-right:0.5em;}
div#content p#footer {font-size:0.7em; text-align:center;border-top:1px solid #000}

div#content div#map_home {
	margin-left:247px;padding-top:1em;padding-right:0.5em;
	height:692px;
	/*background: url(images/bg_home.jpg) repeat-x 0 100%;*/
}

div#images {
	float:left;
	width:247px;
	margin-left:-100%;
}
div#text_home {
	float:left;
	width:227px;
	margin-left:-100%;
	/*color: #FFF;*/
	/*background-color: #5B9798;*/
	font-size:0.8em;
	padding:10px;
}

div#sw_footer {
	background:url(images/footer.jpg) no-repeat 0 0;
	height:25px;
	clear:both;
	width:947px;
	margin:0 auto;
}

div#lang_menu {
	float:left;
	left:90%;
	position:relative;
	top:3px;
}
div#lang_menu img {
	border: 1px solid #000;
	border-width: 0 3px;
}

div#lang_menu a img {
	border: none;
}