@charset "utf-8";
/* CSS Document */

body {
	text-rendering: optimizeLegibility;
	
	background: rgba(241,231,103,1);
	background: -moz-linear-gradient(left, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(241,231,103,1)), color-stop(100%, rgba(254,182,69,1)));
	background: -webkit-linear-gradient(left, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
	background: -o-linear-gradient(left, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
	background: -ms-linear-gradient(left, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
	background: linear-gradient(to right, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645', GradientType=1 );
	height:100vh;/*
	width:100vw;*/
}

#intestazione {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:25px;
	font-variant:small-caps;
	text-align:center;
	text-shadow:0px 0px 3px yellow;
	letter-spacing:2px;
	line-height:0.7;
}

h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	font-variant:small-caps;
	text-align:center;
	text-shadow:0px 0px 3px yellow;
	letter-spacing:1px;
	line-height:0.7;
	color:#900;
}

h3 code {/*
	color:green;*/
}

a {
	text-decoration:none;
	color:inherit;
	/*padding:6px 20px;*/
	/*background-color:red;*/

}

table a div {/*
	line-height:30px;
	background-color:orange;*/
	
	cursor:pointer;
	margin:0;
	padding:0;
	padding:5px 10px; /* era 15 */
}

table {
	background: #e7a61a; /*oro*/

	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 3vh;
	
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	
	/* bordi arrotondati */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/*-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;*/
}

td {
	min-width:80px;
	text-align:center;
	font-family:"Lucida Console", Monaco, monospace;
	vertical-align: middle;
	background-color: yellow;
	/*padding:5px 15px;*/
	
	transition-property: background; /*standard*/
	transition-duration: 0.2s;
	
	-webkit-transition-property: background; /*Safari e Chrome */
	-webkit-transition-duration: 0.2s;
		 
	-o-transition-property: background;      /*Opera*/
	-o-transition-duration: 0.2s;
		 
	-moz-transition-property: background;    /*Firefox*/
	-moz-transition-duration: 0.2s;
}

tr:nth-child(odd) td {/*dispari*/
	background: #E5E5E5;
}

tr:nth-child(even) td { /*pari*/
	background: #FFE;
}

td.corsa {
	font-weight: bold;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	background: #9FC;
	text-align:left;
}

td.fermata {
	font-weight: normal;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	max-width:300px;
	text-align:justify;/*
	word-wrap:break-word;
	word-break:break-all;
	word-spacing:2px;*/
}

th, tfoot tr td {
	min-width:80px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;/*era 15*/
	padding-right:10px;/*era 15*/
	font-size:150%;
	font-variant:small-caps;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	background-color:transparent/*#000*/;
	text-shadow:0 0 1px #DD9300/*#C8A61A*/;
	color: white;
	
}

tr:hover td, tr:active td, tr:hover td.attuale, tr:active td.attuale {/* selezione riga */
	background-color: #e7a61a;
	/* prima qui c'era cursor:pointer; */
	text-shadow:0 0 1px #e7a61a;
}
#tab_corse th:nth-child(1):after {content:"Corsa";}
#tab_corse th:nth-child(2):after {content:"Inizio";}
#tab_corse th:nth-child(3):after {content:"Fine";}
#tab_corse tfoot tr td:after {content:"Cotrap: FdG Acapt";}
#tab_fermate th:nth-child(1):after {content:"#";}
#tab_fermate th:nth-child(2):after {content:"Fermata";}
#tab_fermate th:nth-child(3):after {content:"Orario";}
#tab_fermate tfoot tr td:after {content:"Cotrap: FdG Acapt";}

#bus, #bus_disabilitato {
	font-family:Verdana, Geneva, sans-serif;
	position:fixed;
	bottom:2vh;
	left:2vw;
	background:black;
	color:#FFF;
	text-shadow:0 0 1px black;
	padding:10px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align:center;
	
	-webkit-box-shadow: 0px 0px 37px 17px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 37px 17px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 37px 17px rgba(0,0,0,0.5);
	
	transition-property: all; /*standard*/
	transition-duration: 0.4s;
	
	-webkit-transition-property: all; /*Safari e Chrome */
	-webkit-transition-duration: 0.4s;
		 
	-o-transition-property: all;      /*Opera*/
	-o-transition-duration: 0.4s;
		 
	-moz-transition-property: all;    /*Firefox*/
	-moz-transition-duration: 0.4s;
	z-index:2;
	
/*
   border: solid 1px #1A7404;*/
}

#bus_disabilitato {/*
	background:yellow;*/
	background-color:rgba(103, 162, 174, 0.7);
}

a:hover #bus, a:hover #bus_disabilitato { /*background:#900;*/background-color: #e7a61a; color: black;
text-shadow:5px 5px 6px white, -5px 5px 6px white, 5px -5px 6px white, -5px -5px 6px white;/*, -10px -10px 0px white;*/
}
a:active #bus, a:active #bus_disabilitato { /*background:#900;*/background-color: #e7a61a; color: black; text-shadow:0 0 5px white;
	-webkit-box-shadow: inset 0px 0px 37px 17px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 0px 37px 17px rgba(0,0,0,0.5);
	box-shadow: inset 0px 0px 37px 17px rgba(0,0,0,0.5);
	outline-style:dashed;
	outline-width:6px;
	outline-color:#000000;
	outline-offset:9px;
}

#bus p, #bus_disabilitato p {
	margin:20px;
}

/*
#bus {
	background-color:red;
	background-image:url(icone/bus.fw.png);
	width:200px;
	height:200px;
}*/

#segui{
	position:fixed;
	bottom:2vh;
	right:2vw;
	padding:10px
}

table tr td.attuale{
	font-weight:bold;
	letter-spacing:1px;
	background:black;
	color:white;/*
	position:absolute; right:-10;*/
}

#crediti {
	position: fixed; bottom:0; left:0;
	width:100%; height:20px; z-index:5;
	/*opacity:0.5;*/
	text-align:center;
	
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 43%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(43%,rgba(255,255,255,0.8)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 43%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 43%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 43%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 43%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	
	transition-property: all; /*standard*/
	transition-duration: 0.4s;
	
	-webkit-transition-property: all; /*Safari e Chrome */
	-webkit-transition-duration: 0.4s;
		 
	-o-transition-property: all;      /*Opera*/
	-o-transition-duration: 0.4s;
		 
	-moz-transition-property: all;    /*Firefox*/
	-moz-transition-duration: 0.4s;
	z-index:1;
}

#crediti:hover{
	padding-top:20px;
	z-index:3;
}

#crediti a{
	font-family:Verdana, Geneva, sans-serif;
	color:inherit;
	text-decoration: none; font-variant:small-caps; letter-spacing:2px;
	text-shadow:0px 0px 1px white, 0px 0px 3px white, 0px 0px 6px white;
	transition-property: all; /*standard*/
	transition-duration: 0.4s;
	
	-webkit-transition-property: all; /*Safari e Chrome */
	-webkit-transition-duration: 0.4s;
		 
	-o-transition-property: all;      /*Opera*/
	-o-transition-duration: 0.4s;
		 
	-moz-transition-property: all;    /*Firefox*/
	-moz-transition-duration: 0.4s;
	/*font-weight:100;*/
}

#crediti a:hover{
	letter-spacing:3px; /*font-weight:700;*/
	text-shadow:0px 0px 1px white, 0px 0px 3px white, 0px 0px 6px white;
	z-index:1;
}



#pulsanti {
	position: fixed; bottom:30px; right: 1vw; /* dopo era bottom:1vh; right: 1vw; | prima era top:50px; right: 5px;*/
	/*width:10px; height:10px;*/
	z-index:6;
}

input {
	outline: none; /* rimuoviamo il contorno (tipicamente una linea tratteggiata) associato ai link e ai pulsanti quando sono attivi. */
	cursor: pointer; /* Impostiamo il cursore perché assuma la tipica forma della manina (pointer) quando passiamo con il mouse sul bottone.*/
	text-align: center; /* Centriamo il testo */
	text-decoration: none; /* rimuoviamo da esso qualunque tipo di decorazione */
	font-size:15px;
	font-family:Verdana, Geneva, sans-serif;
	font-variant:small-caps;
	font-weight:bold;
	color: #fff;
	/* padding: 10px 20px; /* aggiungiamo del padding e un sottile bordo */
	border: solid 1px #0076a3;
	
	background-color: #0095cd;/* colore di sfondo. */
	background-color: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background-color: -webkit-linear-gradient(top,  #00adee,  #0078a5);
	background-color: -moz-linear-gradient(top,  #00adee,  #0078a5);
	background-color: -ms-linear-gradient(top,  #00adee,  #0078a5);
	background-color: -o-linear-gradient(top,  #00adee,  #0078a5);
	
	/* bordi arrotondati */
	   -moz-border-radius: 50%;/* era 8px */
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	
	/* ombreggiatura pulsante */
	   -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	        box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	/*min-width:200px;*/
	/*width:90%;*/
	
	margin-top:10px;
	
	transition-property: background; /*standard*/
	transition-duration: 2s;
	
	-webkit-transition-property: background; /*Safari e Chrome */
	-webkit-transition-duration: 2s;
		 
	-o-transition-property: background;      /*Opera*/
	-o-transition-duration: 2s;
		 
	-moz-transition-property: background;    /*Firefox*/
	-moz-transition-duration: 2s;
}

input[disabled] {
	opacity:0.4;
	background: #666;
	cursor:not-allowed;
}/*

input:hover {
}
*/
input:active {/*
	position: relative;
	top: 1px;*/
	opacity:0.8;
	background-color: #0095cd;
	background-color: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background-color: -webkit-linear-gradient(top,  #0078a5,  #00adee);
	background-color: -moz-linear-gradient(top,  #0078a5,  #00adee);
	background-color: -ms-linear-gradient(top,  #0078a5,  #00adee);
	background-color: -o-linear-gradient(top,  #0078a5,  #00adee);
	background-color: linear-gradient(top,  #0078a5,  #00adee);
	/*min-width:240px;*/
}

input.tasto {
	background-position:center center;
	background-repeat:no-repeat;
	text-shadow: 0 0 1px #000;
	padding:0; min-height:0; min-width:0;
	width:50px; height:50px;
	
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	
	-webkit-box-shadow: 0px 0px 12px 4px rgba(0,0,0,0.75);
	   -moz-box-shadow: 0px 0px 12px 4px rgba(0,0,0,0.75);
		    box-shadow: 0px 0px 12px 4px rgba(0,0,0,0.75);
}

#aggiorna     {background-image: url(icone/ricarica.png);}
#torna        {background-image: url(icone/torna.png);}
#pulsante_bus {background-image: url(icone/pulsante_bus.fw.png); display:none;}

#busnew {background-image: url(icone/pulbus40.png); display:none;}
#aggnew {background-image: url(icone/ricarica40.png);}
#tornew {background-image: url(icone/torna30.png);}


#aggiorna, #torna, #pulsante_bus {
	background-position:center center;
	background-repeat:no-repeat;
	text-shadow: 0 0 1px #000;
	min-width:80px;
	width:90px;
	
	-webkit-border-radius: 60;
  -moz-border-radius: 60;
  border-radius: 60px;
  
  padding: 30px 20px;
}

@media all and (max-width: 880px) {/* riquadro bus || scrivere max-device-width: 480px per riferirsi alla grandezza del dispositivo e non della finestra */
 /*body {
  background: gray;
 }
 */
	#bus, #bus_disabilitato, a #bus, a #bus_disabilitato {
		position:static;
		bottom:auto;
		left: auto;
		margin-bottom:30px;
		padding: 10px;
	}
	
	a {margin-bottom:30px;}
	
	#bus span, #bus_disabilitato span {
		margin-bottom:30px;
	}

	#pulsante_bus, #busnew {
		display:block;
	}
}