/* *** no siema - tego CSS-a napisal Łukasz Gajek *** */


/******************************************************************* podstawowe elementy */



body {
	background-color: #000;
	color: #ccc;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-image: url(ilu/tlo_motyw2.gif);
	background-repeat: no-repeat;
	background-position: 60% -7px;
	background-attachment: scroll;
}


p {
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 18px;
}
h4 {
	font-size: 16px;
	display: block;
	clear: both;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF0000;
	font-variant: small-caps;
	first-letter: 22px;
	font-weight: bold;
	line-height: 40px;
	margin-top: 0px;
}
h4:first-letter {
	font-size: 24px;
	color: #FFFFFF;
}


/******************************************************************* podstawowe linki */
		
a:link {
	text-decoration: none;
	color: #FF0000;
}

a:visited {
	text-decoration: none;
	color: #FF0000;
}

a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}

a:active {
	background-image: none;
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: -50px;
}

/******************************************************************* zawartosc */


#container {
	position: relative;
	margin-top: 0px;
	margin-left: auto;
	margin-bottom: 0px;
	margin-right: auto;
	padding: 0px;
	color: #ddd;
	width: 750px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 750px;
	background-image: url(ilu/tlo_1.gif);
	background-repeat: no-repeat;
	background-position: 290px -7px;
	font-size: 8pt;
	line-height: 12pt;
	height: 800px;
	background-attachment: scroll;
	
}


#nadtopik {
	height: 20px;
	width: 100%;
	margin-top: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
	text-align: right;
	padding-top: 0px;
	background-image: url(ilu/menu_tlo_1.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A80000;
}
#nadtopik ul {
	display: inline;
}
#nadtopik li {
	font-size: 10px;
	color: #666666;
	display: inline;
	text-decoration: none;
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 0px;
}






#nadtopik li a:link, #nadtopik li a:visited {
	background-repeat: repeat-x;
	background-position: 0px 0px;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(ilu/menu_tlo_1.gif);
	color: #A80000;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #A80000;
}


#nadtopik li#pl_open a:link, #nadtopik li#pl_open a:visited {
	background-image: url(ilu/flag_pl.gif);
	background-repeat: no-repeat;
	background-position: 3px 50%;
	text-decoration: underline;
	color: #FFFFFF;
}


#nadtopik li#en_open a:link, #nadtopik li#en_open a:visited {
	background-image: url(ilu/flag_en.gif);
	background-repeat: no-repeat;
	background-position: 3px 50%;
	text-decoration: underline;
	color: #FFFFFF;
}


#nadtopik li#de_open a:link, #nadtopik li#de_open a:visited {
	background-image: url(ilu/flag_de.gif);
	background-repeat: no-repeat;
	background-position: 3px 50%;
	text-decoration: underline;
	color: #FFFFFF;
}


#nadtopik li a:hover  {
	background-repeat: no-repeat;
	background-position: 3px 50%;
	text-decoration: underline;
	color: #FFFFFF;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FF0000;
}



#nadtopik li#pl a:hover {

	background-image: url(ilu/flag_pl.gif);
}

#nadtopik li#cz a:hover {
	background-image: url(ilu/flag_cz.gif);
}


#nadtopik li#ru a:hover {

	background-image: url(ilu/flag_ru.gif);
}

#nadtopik li#de a:hover {

	background-image: url(ilu/flag_de.gif);
}

#nadtopik li#fr a:hover {

	background-image: url(ilu/flag_fr.gif);
}


#nadtopik li#en a:hover {

	background-image: url(ilu/flag_en.gif);
}



#logofoox {
	background-image: url(ilu/logo_FOOX.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 150px;
	width: 250px;
	position: absolute;
	top: 50px;
	left: 60px;
}



/* tu sie zmienia stajla */

#stajlik {
	top: 210px;
	position: absolute;
	filter: alpha(opacity=80);
	opacity: 0.8;
	width: 750px;
	display: block;
	left: 0px;
	height: 12px;
	text-align: left;
}





#stajlik ul {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	list-style-type: none;
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 10px;
	margin-left: 0px;

}


#stajlik li {
	color: #FFFFFF;
	display: inline;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}




#stajlik a:link, #stajlik a:visited {
	text-decoration: none;
	color: #A80000;
	width: 100%;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 1px;
	background-image: none;
}






#stajlik a:hover, a:active {
	color: #fff;
	width: 100%;
	background-color: #000000;
}

/* koniec zmieniacza stajlika */



#mainmenu {
	top: 230px;
	position: absolute;
	background-image: url(ilu/menu_tlo_1.gif);
	background-repeat: repeat-x;
	background-position: center top;
	filter: alpha(opacity=80);
	opacity: 0.8;
	width: 750px;
	display: block;
	left: 0px;
	height: 36px;
	line-height: 33px;
}





#mainmenu ul {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	list-style-type: none;
	margin-top: 0px;
	padding-top: 0px;

}


#mainmenu li {
	color: #CCCCCC;
	display: inline;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}




#mainmenu a:link, #mainmenu a:visited {
	text-decoration: none;
	color: #FF0000;
	background-image: url(ilu/strzaleczka_red.gif);
	background-repeat: no-repeat;
	background-position: 5px 50%;
	width: 100%;
	padding-right: 10px;
	padding-left: 25px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #A80000;
	margin-right: 1px;
	padding-top: 12px;
	padding-bottom: 9px;
}






#mainmenu a:hover, a:active {
	color: #fff;
	border-bottom-color: #FF0000;
	width: 100%;
}




#tresc {
	position: absolute;
	color: #FFFFFF;
	top: 267px;
	background-color: #A80000;
	text-align: left;
	filter: alpha(opacity=80);
	opacity: 0.8;
	width: 710px;
	margin: 0px;
	left: 0px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

#tresc img {
	float: left;
	border: 1px solid #FFFFFF;
	margin-top: 5px;
	margin-right: 10px;
}
#tresc .imb_baner_maly {
	margin: 0px;
	padding: 0px;
}
#tresc .imb_baner_maly img {
	margin: 0px;
	padding: 0px;
}





/* tutaj są okienka w tresci */


/* okienka - podstawowe (level_1) strona lewa i prawa */
#tresc .okienko_a, #tresc .okienko_a_wakacje, #tresc .okienko_a_wakacje_en, #tresc .okienko_a_wakacje_de, #tresc .okienko_a_tecza, #tresc .okienko_a_tecza_en, #tresc .okienko_a_tecza_de, #tresc .okienko_b, #tresc .okienko_b_gold, #tresc .okienko_b_gold_en, #tresc .okienko_b_gold_de, #tresc .okienko_b_wakacje, #tresc .okienko_b_wakacje_en, #tresc .okienko_b_wakacje_de {
	width: 330px;
	background-color: #620000;
	float: left;
	border: 1px solid #FF0000;
	position: relative;
	padding: 10px;
	display: block;
	height: auto;
	margin-top: 20px;
	clear: left;
}

/* okienka - wakacje + tecza (level_2) */
#tresc .okienko_a_wakacje, #tresc .okienko_a_wakacje_en, #tresc .okienko_a_wakacje_de, #tresc .okienko_a_tecza, #tresc .okienko_a_tecza_en, #tresc .okienko_a_tecza_de {
	background-color: #CC0000;
	background-image: url(ilu/ico_wakacje_red_pl.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
}

/* okienka - tecza (level_3) */
#tresc .okienko_a_wakacje_en {
	background-image: url(ilu/ico_wakacje_red_en.gif);
}
#tresc .okienko_a_wakacje_de {
	background-image: url(ilu/ico_wakacje_red_de.gif);
}

/* okienka - tecza (level_3) */
#tresc .okienko_a_tecza {
	background-image: url(ilu/ico_teczowe_pl.gif);
}
#tresc .okienko_a_tecza_en {
	background-image: url(ilu/ico_teczowe_en.gif);
}
#tresc .okienko_a_tecza_de {
	background-image: url(ilu/ico_teczowe_de.gif);
}




/* okienka - noooo uwaga bo tu się prawa strona zaczyna (oznaczona jako "b") */
#tresc .okienko_b, #tresc .okienko_b_gold, #tresc .okienko_b_gold_en, #tresc .okienko_b_gold_de, #tresc .okienko_b_wakacje, #tresc .okienko_b_wakacje_en, #tresc .okienko_b_wakacje_de  {
	float: right;
	clear: right;
}



#tresc .okienko_b_gold, #tresc .okienko_b_gold_en, #tresc .okienko_b_gold_de, #tresc .okienko_b_wakacje, #tresc .okienko_b_wakacje_en, #tresc .okienko_b_wakacje_de {
	background-color: #CC0000;
	border: 1px solid #FF0000;
	background-image: url(ilu/ico_zlota_pl.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
}
#tresc .okienko_b_gold_en {
	background-image: url(ilu/ico_zlota_en.gif);
}
#tresc .okienko_b_gold_de {
	background-image: url(ilu/ico_zlota_de.gif);
}


#tresc .okienko_b_wakacje {
	background-image: url(ilu/ico_wakacje_red_pl.gif);
}
#tresc .okienko_b_wakacje_en {
	background-image: url(ilu/ico_wakacje_red_en.gif);
}
#tresc .okienko_b_wakacje_de {
	background-image: url(ilu/ico_wakacje_red_de.gif);
}










/* okienka na cała szerokosc "tresci" (level_1) */
#tresc .okienko_c {
	width: 685px;
	background-color: #990000;
	float: left;
	border: 1px solid #FF0000;
	position: relative;
	padding: 10px;
	display: block;
	height: auto;
	margin-top: 20px;
}


#tresc .okienko_d {

	width: 685px;
	background-color: #620000;
	float: left;
	border: 1px solid #FF0000;
	position: relative;
	padding: 10px;
	display: block;
	height: auto;
	margin-top: 20px;
}




#tresc .okienko_flash {
	width: 700px;
	background-color: #CCFF00;
	border: 1px solid #FFFFFF;
	position: relative;
	display: block;
	height: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/* tutaj są okienka w tresci */



/* ******************** to sa obrazki w popupach by Stu Nicholls - thank you! ********************** */




a.screen, a.screen:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:100%; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:none; /* add a border */
left:-150px; /* position:the image */
top:-120px;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}


/* ******************** to byly obrazki w popupach. Stu Nicholls - thank you once again! ;-) ********************** */


#stopka {
	width: 100%;
	float: left;
	position: relative;
	display: block;
	height: auto;
	margin-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #620000;
	padding-top: 5px;
	padding-bottom: 5px;
}
#stopka p {
	font-size: 9px;
	line-height: 10px;
	text-align: center;
	color: #620000;
	margin: 0px;
	padding: 0px;
}
.dalej {
	text-align: right;
	display: block;
	clear: both;
	margin-bottom: 10px;
}

.dalej a:link, .dalej a:visited {
	text-decoration: none;
	padding-left: 25px;
	background-image: url(ilu/strzaleczka_white.gif);
	background-position: 10px 55%;
	background-repeat: no-repeat;
	padding-top: 3px;
	padding-right: 10px;
	color: #FFFFFF;
	padding-bottom: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-right-color: #FF0000;
	border-bottom-color: #FF0000;
	background-color: transparent;
}

.dalej a:hover, .dalej a:active {
	background-color: #A80000;

}