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

body {
	background-color:#3F65B8; /*blu cielo */
	background-image: url(icone/portomarina.jpg);
	background-size:cover;
	background-position: top left;
	background-repeat: no-repeat;/*
	overflow:hidden;
	background-attachment:fixed;*/
	
	/*
	background:white;
	background-image:url(icone/autobus.jpg);
	background-position: 50% 30%;
	background-repeat: no-repeat;
	*/
}

p.10 {
	color:#060;
	background:yellow;
}

form {
	text-align:center;/*
	background:green; */
}

h2 {
	text-align: center; /* Centriamo il testo */
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight:bold;
	font-variant:small-caps;
	font-size:17px;
	color: #FFFFFF;
	text-shadow: 0 0 3px #000, 0 0 6px #000/*#060*/;
	
	margin-bottom:5px;
}

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 15px; /* aggiungiamo del padding e un sottile bordo */
	border: solid 1px #0076a3;
	background: #0095cd;/* colore di sfondo. */
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -webkit-linear-gradient(top,  #00adee,  #0078a5);
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	background: -ms-linear-gradient(top,  #00adee,  #0078a5);
	background: -o-linear-gradient(top,  #00adee,  #0078a5);
	
	/* bordi arrotondati */
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	
	/* 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:190px;
	/*width:90%;*/
	/*
	Impostiamo su 0 lo spostamento dell’ombra sull’asse orizzontale, su 1px quello sull’asse verticale, su 3px il valore della sfocatura.
	Per il colore usiamo una notazione RGBa: è fondamentale, perché grazie al canale alfa l’ombra si adatterà alla perfezione su qualunque sfondo, a prescindere dal colore, anche su quelli a pattern.
	Nel nostro caso siamo partiti da un nero (0, 0, 0) reso semitrasparente (0.5).
	*/
	
	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.2;
	background: #666;
	cursor:not-allowed;
}/*

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

#crediti {
	position: fixed; bottom:0; left:0;
	width:100%; height:20px; z-index:5;
	/*opacity:0.5;*/
	text-align:center;/*
	padding-top:20px;*/
	
	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 */
}

#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;
}

#sfondo_iniziale {
	background-image:url(icone/sopra.png);/* con orologio è 10.fw.png | senza orologio è 10.png */
	background-position:bottom;
	background-repeat:no-repeat;
	overflow:hidden;
	height:176px;/* con orologio finto è 176 | senza orologio è 100px */
	
	/*position: fixed; top:0; left:0;
	width:100%; height:20px; z-index:4;*/
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:45px;/* 55 */
	font-variant:small-caps;
	text-align:center;
	text-shadow:0px 0px 3px black;
	letter-spacing:2px;
	line-height:1.2;
	color:white;
	display:block;/*
	position:relative;*/
}

#sfondo_iniziale::after {
	content:"TrovaBus"; /*era Scegli la linea */
}

#sfondo_centrale {
	background-image:url(icone/11bis.fw.png);
	background-position:top;
	background-repeat:repeat-y;
}

#fondo_finale {
	background-image:url(icone/12qua5.png);
	background-position:top;
	background-repeat:no-repeat;
	overflow:hidden;
	height:600px;
}

#errore {
	padding:10px;
	
	background-color: rgba(250, 50, 70, .8);
	border-style:dotted;
	text-align:center;
	/*background-color: rgba(255, 200, 20, .7);*/
	
	/* ombra su box */
	box-shadow: offset 0 3px 0 rgba(0,0,0,0.15);
	-moz-box-shadow: offset 0 3px 0 rgba(0,0,0,0.15);
	-webkit-box-shadow: offset 0 3px 0 rgba(0,0,0,0.15);
	
	/* bordi arrotondati */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	text-shadow:0px 0px 1px #900;
	color:white;
	border-color:white;
	letter-spacing:1px;
	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;/* 55 */
	font-variant:normal;
	text-align:justify;
	text-shadow:none;
	line-height:1.2;

}

#logo_comune a { position:fixed; top: 10vh; right: 0;}
#logo_comune img { border:none; }

@media all and (max-width: 680px) {
	#logo_comune { display:none;}
}