@charset "utf-8";
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #42413C;
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ Selektory elementów i znaczników ~~ */
ul, ol, dl { /* Ze względu na różnice w zachowaniu przeglądarek, dobrą praktyką jest używanie marginesów i odstępów wewnętrznych o zerowej szerokości dla elementów typu lista. Aby ułatwić sobie zachowanie spójności, można określić pożądane wartości albo tutaj, albo w parametrach elementów listy (LI, DT, DD). Pamiętaj, że wszelkie wprowadzone tu wartości zostaną przeniesione kaskadowo na listy klasy .nav, chyba że utworzysz bardziej wyspecjalizowany selektor. */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* Usunięcie górnego marginesu pozwala obejść problem związany z uciekaniem marginesów z bloku DIV, w którym są zawarte. Pozostały margines dolny zapewni odstęp od kolejnych elementów. */
	padding-right: 15px;
	padding-left: 15px; /* Dodanie bocznych odstępów wewnętrznych (właściwość „padding”) do elementów umieszczanych wewnątrz bloku DIV — zamiast do samego bloku DIV — pozwala uniknąć konieczności przeprowadzania obliczeń położenia w modelu blokowym. Alternatywną metodą jest użycie zagnieżdżonego bloku DIV z odstępami wewnętrznymi po bokach. */
}
.content h1 {
	font-family: Times, monospace;
	font-size: 150%;
	margin-bottom: 2px;
}
.content h2 {
	font-family: Times, monospace;
	font-size: 130%;
	text-align: center;
}
.content h3 {
	font-family: Times, monospace;
	font-size: 110%;
}
.content h4 {
	font-family: Times, monospace;
	font-size: 110%;
	text-align: center;
}
.content p  {
	font-family: Times, monospace;
	font-weight: bold;
	font-size: 100%;
	margin-right: 10px;
	margin-left: 10px;
}
.content ul {
	font-size: 90%;
	font-family: Times, monospace;
}





a img { /* Ten selektor usuwa domyślną, niebieską ramkę, wyświetlaną przez niektóre przeglądarki wokół obrazków otoczonych łączem. */
	border: none;
}
/* ~~ Ostylowanie łączy serwisu musi być definiowane w podanej tu kolejności. Dotyczy to również grupy selektorów odpowiedzialnych za efekt „hover” (zmianę wyglądu łącza po umieszczeniu nad nim kursora) ~~ */
a:link , a:visited{
	color: #444;
	text-decoration: none;
	font-size: 90%;
	font-weight: bold;
	text-align: left;
}

a:hover , a:active , a:focus { /* Ta grupa selektorów jest odpowiedzialna za stworzenie efektu „hover” przy nawigacji za pomocą klawiatury, identycznego z efektem uzyskiwanym przez użytkownika korzystającego z myszy. */
	text-decoration: none;
	text-align: left;
	color: #EEE;
}



/* ~~ Ten kontener o stałej szerokości otacza pozostałe bloki DIV ~~ */
.container {
	width: 1100px;
	background: #BBB;
	margin: 0 auto; /* Wartość „auto” dla marginesów bocznych wraz z podaną wartością szerokości zapewnia wyśrodkowanie układu. */
}


/* ~~ Nagłówek nie ma określonej szerokości. Rozciągnie się na pełną szerokość układu. Zawiera zastępczy obraz, który trzeba zastąpić łączem do własnego logo. ~~ */
.header {
	background: #FFF;
	text-align: center;
}
.head_middle {
	background-color: #106099;
	height: 485px;
	width: 750px;
	margin-right: 0px;
	margin-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
}
.header .headtop  {
	float: left;
}
.header .headleft {
	float: left;
}
.header .headcenter {
	width: 750px;
	float: left;
}

.header .headright {
	float: right;
}


.head_nav {
	margin-right: 0px;
	margin-left: 0px;
	float: left;
	clear: both;
	background-color: #FFF;
	background-image: url(../images/headbottom.jpg);
	height: 70px;
	width: 750px;
}
.head_nav a:link , a:visited {
	color: #CCC;
}


.content {
	padding: 10px 0;
	width: 1100px;
	float: left;
}

/* ~~ Ten selektor grupowy obsługuje listy w bloku .content ~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 40px; /* Ten odstęp wewnętrzny jest odzwierciedleniem odstępu wewnętrznego z prawej, zdefiniowanego wcześniej w regule dla nagłówków i akapitów. Odstęp wewnętrzny na dole zapewnia odpowiednie odległości od innych elementów listy. Odstęp wewnętrzny z lewej tworzy wcięcie. Wartości te można swobodnie dostosowywać. */
}
.content a:link, a:visited {
	color: #444;
}

.content .left {
	width: 367px;
	float: left;
	text-align: center;
}
.content .left p {
	text-align: left;
	margin-top: 10px;
}

.content .center {
	width: 366px;
	float: left;
	text-align: center;
}

.content .center p {
	text-align: left;
	margin-top: 10px;
}

.content .right {
	width: 367px;
	float: right;
	text-align: center;
}
.content .right p {
	text-align: left;
	margin-top: 10px;
}
.content .dwietrzecie {
	width: 733px;
	text-align: center;
	float: right;
}
.content .dwietrzecie p {
	text-align: left;
	margin-top: 10px;
}
.content .dwietrzecie a:link {
	color: #555;
	text-decoration: none;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
}
.content .dwietrzecie a:visited {
	color: #555;
	text-decoration: none;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
}
.content .dwietrzecie p a:hover, a:active, a:focus {
	text-decoration: none;
	text-align: left;
	color: #FFF;
}

.img_center  {
	clear: both;
	text-align: center;
}
.img_left {
	clear: both;
	float: left;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 20px;
	margin-top: 0px;
}

/* ~~ Style listy nawigacyjnej (można je usunąć, jeśli wybierzesz gotowe rozwijane menu, takie jak obiekt Spry) */
ul.nav {
	list-style: none; /* Tworzy górną krawędź łączy — wszystkie pozostałe są umieszczane z dolną krawędzią elementu LI. */
	margin-bottom: 15px; /* Tworzy odstęp między polem nawigacyjnym a zawartością poniżej. */
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
ul.nav li {
	border-bottom: 1px solid #666; /* Tworzy linie rozdzielające przyciski. */
}
ul.nav a, ul.nav a:visited { /* Zgrupowanie tych selektorów gwarantuje, że łącza zachowają wygląd przycisku także po odwiedzeniu. */
	padding: 5px 5px 5px 15px;
	display: block; /* Powoduje, że łącze ma właściwość bloku, dzięki czemu wypełnia cały element LI, w którym się zawiera. W ten sposób cały obszar reaguje na kliknięcie myszą. */
	width: 300px;  /*Podanie tej szerokości powoduje, że w przeglądarce IE6 cały przycisk będzie reagować na kliknięcie. Jeśli nie musisz zapewniać obsługi programu IE6, możesz usunąć tę deklarację. Oblicz odpowiednią szerokość, odejmując odstęp wewnętrzny łącza od szerokości kontenera paska bocznego. */
	text-decoration: none;
	background: #106099;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* Zmienia kolor tła i tekstu przy nawigacji myszą i klawiaturą. */
	background: #ADB96E;
	color: #FFF;
}

/* ~~ Stopka ~~ */
.footer {
	background: #106099;
	position: relative;/* Włącza właściwość hasLayout dla programu IE6, zapewniając prawidłowe wyłączanie opływu. */
	clear: both; /* Ta właściwość „clear” informuje blok .container, gdzie kończą się zawarte w nim kolumny i pozwala utrzymać je wewnątrz bloku. */
	text-align: center;
	color: #999;
	font-size: 80%;
	height: 55px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
.footer a:link   {
	color: #AAA;
	text-decoration: none;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
}

.footer a:hover , a:active , a:focus {
	text-decoration: none;
	text-align: left;
	color: #FFF;
}

.footer_neptun_logo  {
	margin-left: 25px;
	height: 50px;
	width: 55px;
	float: left;
}

.tableHolder { display:inline; float:left; width:700px; height:auto; margin-left:40px; border:2px dotted #CCC; border-bottom:none; margin-bottom:5px; }
.tableTitle { display:inline; float:left; width:700px; height:auto; height:22px; border-bottom:2px dotted #CCC; text-align:center; padding-top:8px; font-family: Times; font-size:12px; font-weight:bold; color:#666;}
.tableLcol { display:inline; float:left; width:350px; height:auto; height:19px; border-bottom:2px dotted #CCC; text-align:center; padding-top:5px; font-family: Times; font-size:12px; font-weight:normal; color:#000;}
.tableRcol { display:inline; float:left; width:348px; height:auto; height:19px; border-bottom:2px dotted #CCC; border-left:2px dotted #CCC; text-align:center; padding-top:5px; font-family: Times; font-size:12px; font-weight:normal; color:#000; }


/* ~~ Różne klasy float/clear ~~ */
.fltrt {  /* Ta klasa umożliwia tworzenie elementów pływających z prawej strony (właściwość „float:right”). Element pływający musi poprzedzać w kodzie element, obok którego ma się znajdować na stronie. */
	float: right;
	margin-left: 8px;
}
p.clr, .clr { clear:both; padding:0; margin:0; background:none; }
.fltlft { /* Ta klasa umożliwia tworzenie elementów pływających z lewej strony (właściwość „float:left”). Element pływający musi poprzedzać w kodzie element, obok którego ma się znajdować na stronie. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Tę klasę można wykorzystać w znaczniku <br /> lub pustym bloku DIV, który stanowi ostatni element za ostatnim pływającym blokiem DIV (wewnątrz bloku o identyfikatorze #container), jeśli usunięto blok #footer lub przeniesiono go poza blok #container. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}