/* formatowanie dla strony www awionika */

body {
	background-image: url("cocpit777.jpg");
	background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: cover;
	color: black;
	margin-left: 2%;
	margin-top: 2%;
	margin-right: 2%;
	margin-bottom: 2%;
	/*height: 100%;*/
}

header {
	/*nagłówek*/
	/*background-image: url("cocpit777.jpg");*/
	background-color: transparent;
	padding: 3%;
	/*margines wewnętrzny*/
	color: braun;  /*kolor czcionki*/
	text-align: center;
	font-size: 57px;
	border-style: none;
	border-width: 1.5px;
	/*ramka*/
	/*border-color: white;
	min-width: 480px;
	max-width: 1600px;*/
}


/* Create two columns/boxes that floats next to each other */

nav {
	float: left;
	/*width: 0%;*/
	background: none;
	padding: 0px;
	font-size: 17px;
	font-variant-caps: small-caps;
	line-height: 22px;
	/* interlinia */
	height: 100%;
}

#strona_glowna {
	font-size: 22px;
	line-height: 27px;
	/* interlinia */
	padding: 10px;
	/* margines wewnętrzny */
	background-color: lightgray;
	height: auto;
	margin-left: 220px;
	min-height: 100%;
  	height: auto;
 	height: 100%;
  	margin-bottom:-50px; /* - height of footer */
}

.sg {
	/*tło dla aktualnej strony*/
	background-color: rgb(232, 232, 232, 0.5);
}


/* style dla znacznika ul znajdującego się w nav */

nav ul {
	padding: 0px;
	/* odsunięcie 0 */
	margin: 0px;
	/* marginesy 0 */
}


/* style dla pierwszego potomka li znacznika ul znajdującego się wewnątrz znacznika nav */

nav ul > li {
	list-style-type: none;
	/* wyłączenie wy?wietlania znaczników wypunktowania */
	display: block;
	/* wy?wietlanie jako element blokowy */
	padding: 0;
	/* odsunięcie na zero */
}


/* style dla linku gdy kursor myszy znajdzie się nad nim - znacznik linku musi być pierwszym potomkiem znacznika li będącym pierwszym potomkiem znacznika ul znajdującego się wewnątrz znacznika nav */

nav ul > li > a:hover {
	background: white;
	/* kolor tła */
	transition: background-color 1.5s
}


/* style dla znacznika linku będącego pierwszym potomkiem znacznika li będącym pierwszym potomkiem znacznika ul znajdującego się wewnątrz znacznika nav */

nav ul > li > a {
	background: rgb(232, 232, 232, 0.6) /*lightgray*/;
	/* kolor tła */
	transition: background-color 1.5s;
	width: 200px;
	/* szeroko?ć lewego menu*/
	text-align: left;
	/* wyrównanie */
	display: inline-block;
	/* wy?wietlanie jako element liniowy blokowy */
	padding: 4px;
	/* odsunięcie z wszystkich stron na 10px */
	text-decoration: none;
	/* wyłączenie domy?lnej dekoracji tekstu */
	font-weight: none;
	/* pogrubienie tekstu */
	text-shadow: .2px .2px .2px #000000;
	/* cień tekstu: odsunięcie na x, odsunięcie na y, promień rozmycia, kolor */
	color: black;
	/* kolor czcionki */
}

nav ul > li > ol {
	z-index: 1000;
	/* okre?la kolejno?ć wy?wietlania elementów (im wyższa liczba tym bardziej na wierzchu będzie dany element, a ponieważ menu powinno raczej na wierzchu się wy?wietlać, więc dana została duża warto?ć by ten warunek został spełniony */
	list-style-type: none;
	/* wyłączenie wy?wietlania numeracji */
	padding: 0;
	/* wyzerowanie odsunięcia */
	margin: 0;
	/* wyzerowanie marginesów */
	display: none;
	/* wyłączenie wy?wietlania elementu */
	position: absolute;
	/* oderwanie elementu od reszty strony, by jego pojawienie nie wpływało na układ strony */
	text-align: left;
	/* wyrównanie tekstu do lewej */
}

nav ul > li:hover > ol {
	display: inline-block;
	/* wy?wietl jako obiekt blokowy liniowy */
	background: #red;
	/* kolor tła */
}

nav ul > li > ol > li {
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	/* ramka u dołu: szeroko?ć, styl linii (ciągły), kolor */
	background: rgb(232, 232, 232, 0.4) /*lightgray*/;
	/*tło menu wysuniętego na prawo*/
}

nav ul > li > ol > li a {
	padding: 10px;
	/* odsunięcie na 10px */
	text-decoration: none;
	/* wyłączenie dekoracji tekstu */
	color: black;
	/* kolor     tekstu */
	line-height: 15px;
	/* interlinia */
	display: block;
	/* wy?wietlaj jako element blokowy */
}

nav ul > li > ol > li:hover {
	background: ivory;
	/* kolor tła gdy najedzie się kursorem*/
	transition: background-color 1.0s;
}

footer {
	padding: 3px;
	/*margines wewnętrzny*/
	background-color: gray;
	/*color: white;*/
	/*kolor czcionki*/
	/*	position: fixed;*/
	/*width: auto;*/
	/*height: 45px;*/
	margin-top: 300px;
	min-width: 480px;
	max-width: 1600px;
	clear: both;
	height: 50px;
}

#kalendarz {
	float: left;
	width: 31%;
	text-align: center;
	vertical-align: middle;
	margin-top: 10px;
}
.kartka{
	font-size: 25px;
    color: skyblue;
    }

#pwrwmek49 {
	float: left;
	width: 36%;
	text-align: center;
	vertical-align: middle;
	margin-top: auto;
}

#godzina {
	float: right;
	width: 31%;
	text-align: center;
	vertical-align: middle;
	margin-top: 10px;
}