body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	background-color:#c5d5e5;
}

a:hover { text-decoration: underline; color: #09C;
		  }
		  
a  { text-decoration: none; color:#000000; font-size: 12px; font-weight: bold; }

#ombraLeftSito {
	background: url(images/ombraLeft.png) top left repeat-y;
}

#ombraRightSito {
	background: url(images/ombraRight.png) top right repeat-y;
}

#site{
	width: 950px;
}

#bdSite {
	margin-left: 10px;
	margin-right: 10px;
	background-color:#FFF;
	padding-bottom: 5px;
}

#ombraTopTestata {
	margin-top: 0px;
	background: url(images/ombraTestataTop.png) bottom left repeat-x;
	padding-bottom: 5px;
}

#ombraBottomTestata {
	height: 16px;
	background: url(images/ombraTestataBottom.png) bottom left repeat-x;
	margin-top: -16px;
	position: relative;
	z-index: 3;
}

#welcome {
	font-size: 11px;
	font-weight: bold;
	height: 30px;
	padding-top: 3px;
	text-align: left;
	padding-left: 20px;
}


#testata {
	position: relative;
	z-index: 1;
	background: url(images/titolo.png) bottom left no-repeat;
	height: 235px;
}	

#corpoSito {
	position: relative;
	z-index: 2;
	padding-left: 5px;
}

#latoSX { float: left; width: 15%; }

#contentSite { float: right; margin-top: 20px; margin-right: 20px; text-align: left; width: 720px; }

#news {	width: 90%; }

#titNews {
	position: relative;
	top: 3px;
	text-align: left;
}

#contentNews {
	 border: 3px #007684 dotted; 
	 overflow: scroll;
	 max-height: 200px;
	 width: 680px;
	 padding-top: 20px;
	 padding-bottom: 5px;
	 padding-left: 5px;
	 padding-right: 5px;
}

#underBody { margin-top: 50px;	}

#underLatoSX { width: 500px; text-align: center; }

#underLatoDX { float: right; width: 45%; }

#menuPrinc {
	width: 140px;
	margin-bottom: 30px;
}

.itemMenu {
	margin-top: 5px;
	border-bottom: 1px dotted #666;
}

#menu {
	margin-left:10px;	
	text-align: left;	
}


.clear {
	clear: both;
}

.titLato {
	position: relative;
	top: 6px;
	text-align: left;
}

.contentLato {
	border: 3px #007684 dotted; 
	padding: 10px;
}

.etichetta, .contatto {
	margin-bottom: 2px;
	margin-top: 10px;
	border-bottom: 1px #CCC dashed;
}

.etichetta {
	color:#036;
}

.contatto {
	font-size: 15px;
	font-weight: bold;
}

.contatto a {
	font-size: 15px;	
}

.elemNews{
	border-bottom: #666 dotted 1px;
	border-top: #666 dotted 1px;
	background-color:#CFF;
	margin-bottom: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	overflow: visible;
	min-height: 25px;
}

.elemNews:hover {
	background-color:#CCC;
	cursor:pointer;
}	

.dataNews {
	font-size: 10px;
	font-weight: bold;
	float: left;
	width: 10%;
	margin-right: 5px;
	text-align: center;
}

.testoNews {
	font-size: 11px;
	width: 85%;
	float: right;
	text-align: left;
}

#footer {
	font-size: 10px;
	color: #666;
	font-style:italic;
}

#footer a {
	font-weight: bold;
	text-decoration:none;
	font-size: 10px;
}

#footer a:hover {
	color: #09C;
	text-decoration: line-through;
}

#titContent {
	text-align: left;
	margin-bottom: -6px;
	z-index: 2;
}

#content {
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border: 3px #007684 dotted; 
	font-size: 12px;
	text-align: left;
	width: 680px;
}

.link {
	padding-top: 10px;
	width: 95%;	
	border-bottom: dashed 1px #333;
	padding-bottom: 3px;
}

div.link:hover {
	background-color: #9CC;
}

.siteLink {
	float: left;
	width: 30%;
	text-align: center;
	font-weight: bold;
}

.descLink {
	float: right;
	width: 65%;
}

#divImg {
	height: 60px;
	z-index: 1;
	width: 680px;
}



/* GESTIONE ORARI */
	
	
	
	.periodo {
		font-size: 15pt;
		color: #333;
		font-weight: bold;
		margin-top: 20px;
		margin-bottom: 10px;
	}	
	
	.alert {
		color: #933;
		font-weight: bold;
		text-transform:uppercase;
		background-color:#CF9;
	}
	
	.headerCorse {
		margin-top: 10px;
		margin-bottom: 15px;	
	}
	
	.tipo {
		float: left;
		width: 70%;
		font-size: 12pt;
		font-weight:bold;
		color:#F00;
	}
	
	.passaper {
		float: right:
		width: 28%;
		font-size: 10pt;
		color: #F00;
	}
	
	.corsa {
		margin-bottom: 30px;
		border-bottom: 1px dashed #999;
		overflow: visible;
	}
	
	
	.capolinea {
		text-align: center;
		float: left;
		width: 50%;
		font-weight: bold;
		height:auto;
	}
	
	.op {
		float: left; 
		width: 20%;
		background:url(images/lente.png) center left no-repeat;
		height:auto;
	}
	
	.passa {
		font-size: 8pt;
		width: 28%;
		float: left;
	}

	#menuVeloceOrari {
		height: 30px;
		background-color: #9C9;
		text-align: right;
		padding-top: 10px;
		margin-bottom: 20px;
		font-weight: bold;
		padding-right: 20px;
	}
	
	.titHomeOrari {
		margin-bottom: 15px;	
	}

	.titPeriodo {
		margin-top: 10px;
		font-size: 12px;
		font-weight: bold;
		border-top: 2px dotted #333;
		background-color: #CCC;
	}
	
	.titTipo {
		font-size: 12px;
		font-style:italic;
		margin-bottom: 6px;
		border-bottom: 1px #333 dotted;
		background-color:#CFC;
	}
	
	.linea {
		margin-bottom: 2px;
	}
	
	.separator {
		margin-top: 30px;
		border-top: 3px #333 solid;
	}
	
	#scaricaOrari{
		margin-bottom: 5px;
		text-align: center;
		padding-top: 4px;
		padding-bottom: 5px;
		border: 3px solid #007684;
	}

/* FINE GESTIONE ORARI */

#prezziUrbano {
	height: 120px;	
	background:url(images/sfPrices.png) bottom left no-repeat;
	padding-bottom: 10px;
}

#prezziNoleggio {
	margin-top: 50px;
	height: 120px;	
	background: url(images/sfPrices2.png) bottom left no-repeat;
	padding-bottom: 10px;
}


.prezzi {
	margin-left: 180px;
}

.titPrezzi {
	color: #06F;
	font-weight: bold;
	font-size: 15px;
}

.rigaPrezzo {
	border-bottom: dashed 1px #333;	
}

.euro {
	font-weight: bold;
	margin-left: 120px;
	font-size: 15px;
}

#listaAutobus {
	margin-top: 40px;
	float: left;
	width: 250px;
	
}

a.bus {
	font-size: 15px;	
}

#fotoBus {
	height: 400px;
	float: left;
	width: 400px;
	margin-right: 10px;
	border: 1px dotted #ccc;
	overflow: hidden;
	background-color: #333;
}

.itemAutobus {
	padding-top: 4px;
	height: 25px;
	border-bottom: dotted #333 1px;
}

div.itemAutobus:hover {
	color: #069;	
}

.topGenere {
	margin-top: 20px;
	background-color: #CF9;
	height: 20px;
	padding-top: 5px;
	font-size: 14px;
	font-weight: bold;
}

.sottoGenere {
	margin-top: 10px;
	border-bottom: 1px dotted #666;
	height: 15px;
	font-size: 12px;
	margin-left: 20px;
}

.sottoSottoGenere {
	margin-top: 5px;
	font-size: 10px;
	border-bottom: 1px dotted #09C;
	margin-left: 60px;
}

.sottoSottoGenere a {
	font-size: 10px;
}

.testoSub {
	font-size: 18px;
	color: #FFF;
	font-weight: bold;
	background-color:#007684;
}