body{font-family:verdana; font-size:medium;
background: url('/n.gif') no-repeat;
background-attachment: fixed;
word-wrap: normal;}
#header{
top:0%;
	background: rgba(255,255,255,1); /* Цвет фона */ 
	left:0; right:0;
	text-align: center;
}
img {margin:1%;
max-width:100%;
max-height:100%;
}
h5{text-decoration: none; text-align:center; color:#1E90FF; font-size:1.5em;
margin: 1% 10%; line-height: 110%;}
a{text-decoration:none; text-align:left; font-weight: bolder;}
a:hover{text-decoration:underline;}
#station2{position: fixed; /* Фиксированное положение */
right:10%; left:10%; top:0%;
background: rgba(255,255,255,0.9); /* Цвет фона */ 
margin-top:60px; text-align:center;
background-attachment: fixed;}
a.button {
  display: inline-block;
  width: auto; /*ширина кнопок*/
  font-size: 100%; /*розмір шрифту*/
  color: rgba(255,255,0,.9);
  text-shadow: #2e7ebd 0 1px 2px; /*тінь*/
  text-decoration: none;
  text-align: center;
  line-height: 2; /*висота*/
  white-space: pre-line;
  padding: 0.5em 2em; /*відступи навколо тексту*/
  border: 6px inset;
  border-color: #60a3d8 #2970a9 #2970a9 #60a3d8;
  border-radius: 90px; /*заокруглення кнопок*/
  outline: none;
  background: #60a3d8 linear-gradient(#89bbe2, #60a3d8 50%, #378bce);
  box-shadow: inset rgba(255,255,255,.5) 10px 10px;
  margin: 0.5% 4%;
}
a.button:first-line{
  font-size: 100%; /*висота кнопок*/
  font-weight: 700;
}
a.button:hover {
  color: rgb(255,255,255);
  background-image: linear-gradient(#9dc7e7, #74afdd 50%, #378bce);
}
a.button:active {
color: rgb(255,255,255);
  border-color: #2970a9;
  background-image: linear-gradient(#5796c8, #6aa2ce);
  box-shadow: none;
}
h1{text-align:center; margin-top:3%; margin-left:10%; margin-right:10%; color:#2e7ebd; font-size:2.2em;}
h3{text-align:center; margin-top:2%; color:black;}
h2{font-size:1.2em; border-style:ridge; padding:10px; margin-right:15%; margin-left:15%;
 background: #2e7ebd linear-gradient(#1E90FF, #1E90FF 75%, #1E90FF 85%);
 border-radius: 80px;/*Скруглённые уголки*/
}
.attention{color:red; text-align:center; font-weight: bold; font-size:1em;}
#project{text-align:left;
font-size:1em;
margin:1% 14%;
	line-height: 25px;
}
.tourist{text-align:center; font-weight: bolder; font-size:1.5em;}
p{padding:0; margin:0;}
table{text-align:center; color:white; font-size:0.8em; margin:auto; width:70%;
display:none;
border: 1px double white; border-radius: 5px;}
#t1{text-align:center; color:white; font-size:0.8em; margin:auto; width:70%;
border: 1px double white; border-radius: 5px;}
td, th {border: 1px double white; padding: 1px; border-radius: 5px;}
tr:nth-child(2n) {background: #000000; /* Цвет фона */} 
tr:nth-child(1) {background: #1C86EE; /* Цвет фона сверху табл*/
    color: #fff; /* Цвет текста */} 
th.one{width:12%;}/*години авто*/
th.two{width:42%;}/*рейс*/
th.three{width:10%;}	/*періодичність авто*/
th.four{width:8%;}/*години поїзд*/
th.five{width:40%;}/*маршрут*/
th.six{width:20%;}	/*періодичність поїзд*/
th.seven{width:20%;}/*відпр.*/
th.eight{width:35%;}/*рейс, регіон*/
th.nine{width:10%;}/*maps*/
h4{text-align:center; margin-bottom:1%;}
.tableshow1{cursor:pointer; text-align:center; color:yellow;}/*напрямки*/
.tableshow{cursor:pointer; text-align:left; color:white;}/*рейс*/
.ttt{text-align:left; font-size:1em; margin-left:10%; display:none;}/*без розгортування*/
.tt{text-align:left; font-size:1em; margin-left:10%;}/*по пунктах*/
.t{ background-color:rgb(0,0,255);}/*таблиця*/
.lining{text-align:left; color:white;} /*рейс із переходом*/
#station1{margin-top:1%; text-align:center;}
#maps{max-width:100%;}
#container {
	margin: 0 10%;
}
nav {
	margin: 0;
	background-color: #1E90FF;
}
nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
	}
nav ul li {
	display:inline-block;
	background-color: #1E90FF;
	}
nav a {
	display:block;
	padding:0 10px;	
	color:#FFF;
	font-size:20px;
	line-height: 60px;
	text-decoration:none;
}
nav a:hover { 
	background-color: #000000; 
}
/* Hide Dropdowns by Default */
nav ul ul {
	display: none;
	position: absolute; 
	top: 60px; /* the height of the main nav */
}
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
}
/* Fisrt Tier Dropdown */
nav ul ul li {
	width:260px;
	float:none;
	display:list-item;
	position: relative;
	
}
/* Second, Third and more Tiers	*/
nav ul ul ul li {
	position: relative;
	top:-60px; 
	left:260px;
}
/* Change this in order to change the Dropdown symbol */
li > a:after { content:  ' +'; }
li > a:only-child:after { content: ''; }
.income{text-align:center; max-width:100%;}
.karta{text-align:center; font-weight: bolder; font-size:1em;}
#mapa{text-align:center; margin-top:2%; margin-left:18%; margin-right:20%; color:black; line-height: 200%;}
#statliv{text-align:center; margin-bottom:1%; font-size:1.2em;}