/* roba generica di reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/* fine roba generica di reset */

#contenitore { font-family: Arial, "MS Trebuchet", sans-serif; font-size: 80%; }
#contenitore { background: url('../img/sfondo.png') no-repeat; height: 800px; }

#appold { background-color: white; position: absolute; top: 136px; left: 226px; width: 542px; border-top: 4px solid #f07a11; }
#dentroapp { padding: 20px; border-top: 1px solid silver; }
#app { background-color: white; width: 535px; border-top: 4px solid #f07a11; margin-top:20px;}



/* CERCA PER LINEA */

#indicelista { margin-bottom: 20px; }
	#indicelista a { display: block; padding: 3px; border: 1px dashed orange; margin-right: 4px; }
dl#listalinee {  }
	dl#listalinee dt { margin-top: 24px; font-weight: bold; margin-bottom: 6px; }
	dl#listalinee dd { }
		dl#listalinee dd a { color: #2b2b2b; text-decoration: none; display: block; padding: 4px; border-bottom: 1px solid white; padding-right: 40px; }
		dl#listalinee dd.odd a { background-color: #f0f0f0; }
		dl#listalinee dd a:hover { background: #474747 url('../img/frecciawhite.gif') no-repeat right; border-bottom: 1px solid orange; color: white; }

div#dettagliolinea { text-align: center; }
	div#dettagliolinea h5 { font-size: 120%; border-bottom: 1px solid #ffcb9d; width: 300px; margin: auto; margin-bottom: 12px; margin-top: 30px; padding-bottom: 4px; }
	div#dettagliolinea h5 span.direzione { font-size: 90%; color: #f17a12; margin:0 6px; }
	div#dettagliolinea h5 span.direzionetesto { font-size: 90%; color: #494949; margin:0 3px; }
	div#dettagliolinea p { width: 200px; margin: auto; margin; text-align: left; padding-left: 20px; }
	div#dettagliolinea a { display: block; background: url('../img/pdf.gif') no-repeat 156px; padding: 10px; padding-left: 16px; color: #161616; text-decoration: none; }
	div#dettagliolinea a:hover { background: #dddddd url('../img/pdf_color.gif') no-repeat 156px; }
span.bold { font-weight: bold; }
/* FINE CERCA PER LINEA */



#app table#ricerche { width: 100%; }
#app table#ricerche td#biella, #app table#ricerche td#vercelli { width: 50%; padding: 0 14px; vertical-align: top; }

#app table#ricerche td#extra { width: 100%; padding: 0 14px; vertical-align: top; }
	#app table#ricerche td#extra form { margin-top: 20px; }
	table#ricerche td#extra input, table#ricerche td#extra select { width: 450px; font-size: 130%; }

#app table#ricerche h4 { cursor: pointer; }
#app table#ricerche h4 input.checkbox { display: inline; width: auto; margin-right: 6px; margin-bottom: 2px; border: 0; }

h3 { color: #f17a12; font-weight: bold; font-size: 150%; margin-bottom: 20px; margin-top: 4px; }
h4 { color: #f17a12; font-weight: bold; font-size: 130%; margin-bottom: 14px; margin-top: 3px; }

div#intermediecontrol p { text-align: right; padding: 4px; }

table#ricerche th#soprotto { padding: 0; text-transform: uppercase !important; }

table#ricerche td label { display: block; font-weight: bold; font-size: 100%; margin-bottom: 4px; }

table#ricerche td input { 
	display: block; font-size: 100%; width: 210px; color: #4d4d4d; 
	border-top: 1px solid #9e9e9e; border-left: 1px solid #9e9e9e; border-bottom: 1px solid #e3e3e3; 
	border-right: 1px solid #e3e3e3; padding: 3px; }

table#ricerche td input.nobordo {
	border: 0; }


table#ricerche td select { 
	display: block; width: 220px; color: #4d4d4d;
	border-top: 1px solid #9e9e9e; border-left: 1px solid #9e9e9e; border-bottom: 1px solid #e3e3e3; 
	border-right: 1px solid #e3e3e3; padding: 3px; }
table#ricerche td p { margin-bottom: 12px; }

table#ricerche td p.dx input { 
	color: white; background-color: #f60; width: 60%;
	border-top: 1px solid #333; border-left: 1px solid #333; border-bottom: 1px solid #666; 
	border-right: 1px solid #666; padding: 3px; }

td.zonacercapadding { padding-top: 12px !important; }

table#risultati { width: 100%; }
table#risultati th {
	font-weight: bold; font-size: 106%; text-transform: uppercase;
	text-align: center; background-color: #c7c7c7; padding: 6px 0;
	background: url('../img/sfumatura.png') repeat-x;
	border: 1px solid #c2c2c2;
	}
table#risultati td { text-align: center; padding: 3px 0; border: 1px solid #ccc; }
table#risultati tr.odd { background-color: #f1f1f1; }
	
table.dettaglio { width: 100%; }
table.dettaglio th {
	font-weight: bold; font-size: 106%; text-transform: uppercase;
	text-align: center; background-color: #c7c7c7; padding: 6px 0;
	background: url('../img/sfumatura.png') repeat-x;
	border: 1px solid #c2c2c2;
	}
	
tr.legenda th { background: #eee !important; }
	
table.dettaglio td { text-align: center; padding: 3px 0; border: 1px solid #ccc; }
table.dettaglio td p.via { font-weight: bold; }
table.dettaglio p.citta { font-weight: normal; text-transform: none; }
table.dettaglio tr.odd { background-color: #f1f1f1; }
table.dettaglio tr th.sinistra { text-align: left; padding: 10px; border: 1px solid #aaa; }

table.dettaglio tr.intermedie td { background-color: #eee; font-style: italic; color: #333; }

table.dettaglio tr.intermedie td { text-align: left; padding-left: 12px !important; padding-right: 12px !important; }
table.dettaglio tr.intermedie td p.citta, table.dettaglio tr.intermedie td p.via { text-align: right !important; }

#hideinter, #vediinter { cursor: pointer; }

p.normal { font-weight: normal; font-size: 90%; }
p.ora { font-weight: bold; }
	
div#paginazione { padding: 6px; text-align: right; }
div#paginazione a { color: #d62112; margin-left: 12px; }

div#parametri { padding: 6px; margin-bottom: 10px; }
	div#parametri table { width: 100%; margin-bottom: 16px; }
	div#parametri table td { padding: 6px; }
	div#parametri span.label { font-weight: bold; }
	
div.clear { clear: both; height: 1px; overflow: hidden; font-size: 10px; float: none !important; }

div#spiegazione { padding: 10px; color: #535353; }
	div#spiegazione p { padding-bottom: 6px; }

div#torna { margin-top: 30px; }
	div#torna a { color: #d62112; text-decoration: none; }

a.back { color: #d62112; font-size: 90%; text-decoration: none; }
	a.back:hover { text-decoration: underline; }
	
a.rosso { color: #d62112; }
	a.rosso:hover {  }
	
span.l2 { color: #c00; }
span.l3 { color: #360; }

tr#percorso td { font-size: 120%; font-weight: bold; width: 33%; }
td#destinazione { text-align: right; }
td#partenza { text-align: left; }
td#cambi { text-align: center; }
td#direzione { text-align: center; padding: 0 !important; }

tr#dati td { text-align: center; padding: 4px; }
	tr#dati td p { margin-top: 12px; font-size: 120%; margin-bottom: 10px; padding: 0px; }
	tr#dati td p img { margin-left: 10px; }

tr#modificapar td { text-align: center; }


/* ELENCO DEI COMUNI */
#indicelettere {
	float: left; padding-top: 0.5em; margin-top: 12px; margin-right: 0pt;
	text-align: center; border: 1px solid silver; border-right: 0;
	width: 30px; position: relative; background-color: #F2F2F2; padding-bottom: 6px;
}
#indicelettere ol li { padding: 2px !important; padding: 0px; font-style: italic; color: #9B9B9B; height: auto !important; height: 1px; }
	#indicelettere ol li a { text-decoration: none; color: #191919; display: block; font-style: normal; }
	#indicelettere ol li a:hover { font-weight: bold; background-color: #E5641B; color: white; font-size: 160%; }

div#elencocomuni { padding: 10px; padding-left: 20px; border: 1px solid silver; overflow: auto; height: 455px; }
div#elencocomuni dt { font-size: 160%; color: #E5641B; margin-bottom: 10px; margin-top: 30px; border-bottom: 1px solid #E5641B; padding-top: 10px; }
div#elencocomuni dt.prima { margin-top: 0; }
div#elencocomuni dd { margin }
div#elencocomuni dd a { display: block; color: #141414; text-decoration: none; padding: 2px; }
	div#elencocomuni dd a:hover { display: block; color: white; text-decoration: none; background-color: #E5641B; font-size: 160%; }


/* CALENDARIO */
#b_calendario { clear: both; }
table.yui-calendar { width: 100%; }
th.calweekdaycell { padding: 3px; }
.calheader { padding: 4px 0; }

/* TIPS MOOTOOLS */
.l3-tip {
	color: #000; width: 250px; z-index: 13000;
	border: 3px solid #d6d6d6;
}
 
.l3-title {
	font-weight: bold; font-size: 90%; margin: 0; color: #3E4F14; padding: 8px 8px 4px;
	background: #C3DF7D; border-bottom: 1px solid #B5CF74;
}
 
.l3-text {
	font-size: 90%; padding: 8px 8px 4px 8px; background: #CFDFA7;
}

.l2-tip {
	color: #000; width: 250px; z-index: 13000;
	border: 3px solid #d6d6d6;
}
 
.l2-title {
	font-weight: bold; font-size: 90%; margin: 0; color: #d62011; padding: 8px 8px 4px;
	background: #f0c4c0; border-bottom: 1px solid #ff8e85;
}
 
.l2-text {
	font-size: 90%; padding: 8px 8px 4px 8px; background: #e9d7d6;
}

/* ROBA PER CORSE NON TROVATE */
div.nores1 { padding: 10px; }
div.nores2 { padding: 10px; padding-bottom: 120px; }
div.nores2 input { 
    color: white; background-color: #f60; width: 80%;
    border-top: 1px solid #333; border-left: 1px solid #333; border-bottom: 1px solid #666; 
    border-right: 1px solid #666; padding: 3px; margin-top: 10px;
    }
div.nores3 { padding-bottom: 270px; }


/* roba aggiunta */
tr.evidenza td { background-color: #f8f8f8; }
tr.separatore td { font-size: 0px; line-height: 0px; border-bottom: 1px solid black; height: 0px; padding: 0; margin: 0; }
tr.vaidifs td { padding: 10px; }
    p.prosegui { font-weight: bold; padding: 6px 0; } 
    tr.vaidifs td form fieldset { text-align: center; }
    tr.vaidifs td form input { display: block; width: 40%; margin: auto; }


.ricerca {
background-color: #ff6600;
color: #fff;
padding: 2px;
border: 1px solid #000;
}


