body,html {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 81%;
/*	height: 100%;*/
/*	overflow: hidden;*/
}

form {
	margin: 0;
	padding: 0;
}

#content {
	margin: 0px;
	padding: 0px;
	/*position:relative;*/
	min-height: 100%;
	max-height: 100%;
}

#top {
/*	background-color: #FFFFFF;*/
	height:62px;
/*	border-bottom: 1px solid #e2e2d8;*/
	/*position:relative;*/
	
	background:url("../img/bg_header.jpg") repeat-x scroll left bottom #FFFFFF;
	float:left;
/*	padding:0 0 12px;*/
	width:100%;
}

#top h1 {
	text-indent: -9999px;
	width: 202px;
	/*height:49px;*/
	display: block;
	background: url(../img/logo.gif) left top no-repeat;
	height: 42px;
	margin: 0 0 0 10px;
	padding: 0;
}

#map {
	margin-left: 250px;
	background-color: #feffef;
	overflow: hidden;
	border-bottom: 1px solid #e2e2d8;
	height: 462px;
}

a {
	text-decoration: none;
	color: #000000;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: 0px;
}

/*#.- .-.. . ... ... .- -. -.. .-. --- -.-. .- .. -- ..#*/
/* ]=======[]======[  TOP  ]=======[]=========[  */
/*#.- .-.. . ... ... .- -. -.. .-. --- -.-. .- .. -- ..#*/
#detail {
	margin: 0px;
	background-color: #CCCC99;
	/*	border-left: 8px solid #9C9C63;*/
	height: 22px;
}

#detail .body_left {
	margin: 4px 0pt 0pt 10px;
	float: left;
}

#detail .body_right {
	margin: 5px 5px 0pt 0pt;
	float: right;
}

#detail .title {
	margin: 1px 5px 0pt 0pt;
	float: left;
	font-size: 11px;
	font-weight: bold;
}

#briciole {
	z-index: 3;
	left: 300px;
	top: 9px;
	position: absolute;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

.linkright {
	display:inline-block;
	/*float: right;*/
	z-index: 3;
	/*padding: 40px 10px 0px 0px;*/
	font-size: 11px;
	font-weight: bold;
	color: #993333;
}

.linkright a {
	color: #993333;
	text-decoration: none;
}

.linkright a:HOVER {
	color: #993333;
	text-decoration: underline;
}
.linkrightBarra {	
	background-color: "#ffffff";
	z-index: 4;
	/*padding: 9px 10px 0px 0px;*/
	font-size: 11px;
/*	font-weight: bold;*/
	color: #000000;
}

.legenda {
	float: left;
	height: 15px;
	width: 15px;
	margin-top: 2px;
}

#concessionarie {
    margin-top: 1px;
    overflow: hidden;
    padding: 10px 2px;
	border: 1px solid #000000;
}
#concessionarie a {
	 padding: 5px;
}

/*#.- .-.. . ... ... .- -. -.. .-. --- -.-. .- .. -- ..#*/
/* ]=======[]======[  PERCORSO  ]=======[]===========[  */
/*#.- .-.. . ... ... .- -. -.. .-. --- -.-. .- .. -- ..#*/
#percorsoContent{
	margin-top: 5px;
	width: 250px;
}
#percorsoContent .summary{
	text-align: right;
	padding-bottom: 0.3em;
	padding: 0.3em 3px;
}
#percorsoContent .stepContainer{
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}
#percorsoContent .step{
	cursor: pointer;
}
#percorsoContent .step .left{
	border-top: 1px solid #CDCDCD;margin: 0;padding: 0.3em 3px;text-align: right;vertical-align: top;
}
#percorsoContent .step .center{
	border-top: 1px solid #CDCDCD;margin: 0;padding: 0.3em 3px;vertical-align: top;width: 100%;
}
#percorsoContent .step .right{
	border-top: 1px solid #CDCDCD;margin: 0;padding: 0.3em 3px 0.3em 0.5em;text-align: right;vertical-align: top;
}
#percorsoContent .fromToBox {
	background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid silver;
    border-collapse: collapse;
    color: #000000;
    margin: 10px 0;
}
#percorsoContent .fromToBox .iconFromTo{
	padding: 4px 15px 0 5px;
    vertical-align: middle;
    width: 20px;
}
#percorsoContent .fromToBox .textFromTo{
	vertical-align: middle;
    width: 100%;
}
#percorsoContent .fromToBox td{
	color: #000000;
    font-family: arial,helvetica,sans-serif !important;
    font-size: 13px;
}

/*#.- .-.. . ... ... .- -. -.. .-. --- -.-. .- .. -- ..#*/
/* ]=======[]======[  COLONNA SX  ]=======[]=========[  */
/*#.- .-.. . ... ... .- -. -.. .-. --- -.-. .- .. -- ..#*/
/* ACCORDION RICERCHE */
#accordion>div {
	
}

#accordion .ui-accordion-content { /*	padding: 0;*/
/*	padding: 10px 10px 10px 10px;*/
	padding: 10px;
	height: auto !important;
	overflow: hidden !important;
}

#accordion .ui-accordion-content>div {
	padding: 0;
	height: auto !important;
	overflow: hidden !important;
	/*	padding: 2px 2px 5px 5px !important;*/
/*	margin-right: 22px;*/
}

#accordion .ui-accordion-content .box { /*padding: 10px;*/
	height: auto;
	overflow: hidden;
}

#searchAddress .example {
	margin-top: 4px;
}

#searchAddressInput  {
	width: 97%;
	margin-top: 15px;
}

#searchAddressBtn {
	float: right;
	margin-top: 15px;
}

#calPercorsoCont input,select {
	width: 97%;
}
#calPercorsoCont ,select {
	width: 100%;
}
#calPercorsoCont .legend {
	margin-top: 5px;
}

#percorsoBtn {
	float: right;
	margin-top: 15px;
}

/* AUTOCOMPLETE */
.ui-autocomplete {
	max-height: 160px;
	overflow-y: auto;
	text-align: left;
	width: 222px;
}

#printPercorso{
	height: 20px;
}
#printPercorso a{
	float: right;
}

.ui-autocomplete-loading {
	background: white url('../img/ui-anim_basic_16x16.gif') right center no-repeat;
}

#traffico label:HOVER {
	text-decoration: underline;
}

#obbligo_catene {
	float: right;
	width: 500px;
	color: #DC1019;
	font-weight: bold;
	text-align: justify;
	margin-right: 5px;
}

/*#.- .-.. . ... ... .- -. -.. .-. --- -.-. .- .. -- ..#*/
/* ]=======[]=======[    BALLOON    ]=====[]=========[  */
/*#.- .-.. . ... ... .- -. -.. .-. --- -.-. .- .. -- ..#*/
.bl {
	width: 360px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
}

.bl h3 {
	margin: 0;
	padding: 10px 6px;
	color: #000000;
	font-size: 130%;
	font-weight: bold;
}

.bl .hd {
	color: #000000;
	font-size: 130%;
	font-weight: bold;
}

.bl .L {
	background-color: #FFFF91;
}

.bl .C {
	background-color: #FF6060;
}

.bl .Va {
	background-color: #CCFEFF;
}

.bl .Vv {
	color: #FFFFFF;
	background-color: #5E5FFF;
}

.bl .s0 {
	color: #FFFFFF;
	background-color: #FC5A4C;
}

.bl .s1 {
	background-color: #5ABD39;
}

.bl .bd {
	padding: 4px 10px;
	height: 140px;
	overflow: auto;
	overflow-y: auto;
	overflow-x: hidden;
	line-height: 140%;
}

.bl .bd ol{
	padding-left: 25px;
}

.bl .bd .sh {
	background-color: #EEEEEE;
	border: 1px solid #EEEEEE;
}

.bl .bd table td {
	width: 100%;
}

.bl .bd table td,.bl .bd table th {
	text-align: left;
	vertical-align: top;
	background-color: #EEEEEE;
	border: 1px solid #EEEEEE;
}

.gmstreetview img {
	border: none;
	position: absolute;
	right: 30px;
	top: -12px;
}

.geocms .address {
	padding: 10px;
	width: 200px;
	height: 70px;
	text-align: left;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: #FFFFFF;
	color: #000000;
}

.geocms .address .label {
	font-weight: bold;
	color: #FF0000;
	margin-bottom: 10pt;
	font-size: medium;
}

.geocms .address .info {
	
}

/*#.- .-.. . .. ... .- -. -.. .-. --- -.-. .- .. -- ..#*/
/* ]=======[]======[    TOOLTIP    ]=====[]========[  */
/*#.- .-.. . .. ... .- -. -.. .-. --- -.-. .- .. -- ..#*/
.tooltipMarker {
	border: 1px solid #999999;
	background-color: #FFFFFF;
	width: 200px;
	padding: 10px;
	margin-left: 20px;
}
.tooltipCont {
	border: 1px solid #999999;
	background-color: #FFFFFF;
	width: 100%;
	height: 100%;
}
.tooltipDes{
	font-weight: bold;
}
.tooltipMarker >table{
	width: 100%;
}
.tooltipInfo {
	text-align:center;
	/*padding: 3px;*/
	width: 200px;
}

#puntaSinTooltip {
	background: url("../img/punta_tooltipSin.png") no-repeat scroll 0 0 transparent;
	height: 30px;
	left: 5px;
	width: 17px;
	position: absolute;
	top:25px;
}
#puntaDexTooltip {
	background: url("../img/punta_tooltipDex.png") no-repeat scroll 0 0 transparent;
	height: 30px;
	left: 240px;
	width: 17px;
	position: absolute;
	top:25px;
}

/* colori sfondo a seconda del layer */
.trafori_passi_1 {
	background-color: #5ABD39;
}
.trafori_passi_0{
	background-color: #FF0000;
}
.C {
	background-color: #FF6060;
}
.L {
	background-color: #FFFF91;
}
.Va {
	background-color: #CCFEFF;
}
.Vv {
	background-color: #5E5FFF;
}

/*#.- .-.. . .. ... .- -. -.. .-. --- -.-. .- .. -- ..#*/
/* ]=======[]======[    TEMPLATE    ]=====[]========[  */
/*#.- .-.. . .. ... .- -. -.. .-. --- -.-. .- .. -- ..#*/
v\:* {
	behavior: url(#default#VML);
}

#loading {
	background: #FFFFFF url(../img/loading.gif) no-repeat scroll center
		center;
	border: 1px solid #CCCCCC;
	height: 50px;
	width: 50px;
	position: absolute;
	z-index: 100;
	top: 72px;
	right: 7px;
}

#cartina {
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 62px;
	width: 100%;
	z-index: 1;
	height: 462px;
}

#giallo_cartina {
	background: url("../img/bg_menu.jpg") repeat-x scroll left top
		#FFFFFF;
	height: 29px;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 100%;
	z-index: 2;
}

#img_back2 {
	border: 0 none;
	left: 290px;
	position: absolute;
	top: 0px;
}

#img_ff2 {
	border: 0 none;
}

#scroll {
	background-color: #FFFFFF;
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 62px;
	width: 290px;
	z-index: 3;
}

#giallo_scroll {
	background: url("../img/bg_menu.jpg") repeat-x scroll left top
		#FFFFFF;
	border-right: 1px solid #FFFFFF;
	height: 29px;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	text-align: left;
	top: 0;
	width: 290px;
	z-index: 4;
}

#contenuti_scroll {
	background-color: #CCCCCC;
	border-bottom: 1px solid #EBECE4;
	border-left: 1px solid #EBECE4;
	border-right: 1px solid #EBECE4;
	height: 462px;
	width: 290px;
	overflow: auto;
	overflow-y: auto;
	overflow-x: hidden;
	position: absolute;
	top: 29px;
	left: 0;
	background-image: url("../img/sfondo_col.png");
	background-position: left bottom;
	background-repeat: no-repeat;
}

.printLink {
	text-decoration: none;
	margin-left: 5px;
	background: url('../img/stampa.gif') no-repeat scroll left center transparent;
    padding-left: 18px;
}

/*#.- .-.. . .. ... .- -. -.. .-. --- -.-. .- .. -- ..#*/
/* ]=======[]======[    MAPPA    ]=====[]========[  */
/*#.- .-.. . .. ... .- -. -.. .-. --- -.-. .- .. -- ..#*/

#menu {
	font-size: 11px;
	font-weight: bold;
	padding: 8px 10px;
	position: absolute;
	right: 0;
	top: 0;
	background: url("../img/separatore.png") no-repeat scroll left top #FFFFFF;
}
#menu a:HOVER{
	color:#DC1019;
}
#menu a {
	color:#004276
}

.ds {
	background:#000000 none repeat scroll 0 0;
	overflow:hidden;
	position:absolute;
	top:29px;
	z-index:2;	
}
#ds_h {
	}
#ds_h div {
	width:100%;
}
#ds .h1 {
	height:1px;
}
#ds .h2 {
	height:2px;
}
#ds .h3 {
	height:3px;
}
#ds .h4 {
	height:4px;
}
#ds .h5 {
	height:5px;
}
#ds_v {
	margin-left:291px;
	height:100%;
/*	height: 462px;*/
}
#ds_v div {
	height:100%;
}
#ds .v1 {
	width:1px;
}
#ds .v2 {
	width:2px;
}
#ds .v3 {
	width:3px;
}
#ds .v4 {
	width:4px;
}
#ds .v5 {
	width:5px;
}
#ds .o1 {
	opacity:0.1;filter:alpha(opacity=1);-moz-opacity:.1;
}
#ds .o2 {
	opacity:0.08;filter:alpha(opacity=08);-moz-opacity:.08;
}
#ds .o3 {
	opacity:0.06;filter:alpha(opacity=06);-moz-opacity:.06;
}
#ds .o4 {
	opacity:0.04;filter:alpha(opacity=04);-moz-opacity:.04;
}
#ds .o5 {
	opacity:0.02;filter:alpha(opacity=02);-moz-opacity:.02;
}