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


html {
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 50% 0px;
	background-color: #CCFF00;
	background-image: url(../gfx/beton_pattern.jpg);
}

body {
	width: auto;
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-repeat: repeat;
	background-position: 50% -50px;
	margin: 0px;
	padding: 0px;
	background-image: url(../gfx/farbe_3.gif);
}

p {
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 1.5em;
	margin: 10px;
	color: #122052;
}

h1, h2, h3, h4, h5, h6 {
	color: #122052;
	padding-right: 10px;
	padding-left: 10px;
}

h1 {
	font-size: 18px;
}
h2 {
	font-size: 16px;
}
h3 {
	font-size: 14px;
}
h4 {
	font-size: 12px;
}
h5 {
	font-size: 11px;
}
h6 {
	font-size: 10px;
}

/* tytuł strony (nagłówek w środkowym boxie z treścią) w dwóch wersjach */
.strefa {
	background-image: url(../gfx/foof_gradient_h1inside.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	line-height: 50px;
	padding-right: 10px;
	margin-top: 0px;
	font-size: 18px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCFF00;
}

.strefa_inside {
	background-image: url(../gfx/foof_gradient_h1inside.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	line-height: 50px;
	padding-right: 10px;
	font-size: 18px;
	clear: left;
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCFF00;
}
/* KONIEC tytuł strony (nagłówek) w dwóch wersjach */

/* autor artykułu (pod tytułem) */
.author {
	font-size: 10px;
	font-style: italic;
	color: #122052;
	margin-top: -20px;
	padding-top: 0px;
}





/******************************************************************* podstawowe linki */
		
a {
	cursor: pointer;	
	text-decoration: underline;
	color: #0000FF;
}

a:link {
	text-decoration: underline;
	color: #0000FF;
}

a:visited {
	color: #0000FF;
}

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

a:active {
	background-image: none;
}

/* buton "czytaj dalej" przy zajawkach */
.dalej {
	text-align: right;
	font-weight: bold;
}

.dalej a:link, .dalej a:visited {
	text-decoration: none;
	padding-left: 10px;
	padding-top: 3px;
	padding-right: 10px;
	color: #B1C903;
	padding-bottom: 3px;
	margin-right: 10px;
	background-image: url(../gfx/foof_gradient_h1inside.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	border: 1px solid #B1C903;
	font-size: 11px;
}

.dalej a:hover, .dalej a:active {
	color: #122052;
	background-position: 0px -10px;
	text-decoration: none;
	border-color: #122052;
}







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


.container {
	margin-top: 0px;
	margin-left: auto;
	margin-bottom: 0px;
	margin-right: auto;
	padding: 0px;
	color: #ddd;
	width: 1000px;
	voice-family: "\"}\"";
	voice-family:inherit;
	top: 0px;
	height: 100%;
	background-color: #FFFFFF;
	background-image: url(../gfx/beton_pattern.jpg);
	background-repeat: repeat-x;
	background-position: 50% 0px;
}




/* --- (1) #top - w topie jest cala gora lacznie z menu i crumbem ("jestes w tym miejscu") --- */


.container #top {
	text-align: center;
	height: auto;
	width: 1000px;
	margin-top: 0px;
	padding-top: 0px;
	background-image: url(../gfx/farbe_top.gif);
	background-repeat: repeat-x;
	background-position: 60% -190px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: 0px;
}


/* --- nadtopik - czyli zmiana jezyka (flagi) --- */
.container #top #nadtopik {
	height: 20px;
	width: 100%;
	text-align: right;
	margin-top: 0px;
	padding-top: 0px;
	background-color: transparent;
	position: relative;
	top: 20px;
	clear: right;
}

.container #top #nadtopik ul {
	display: inline;
	padding-right: 1px;
}

.container #top #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;
}

.container #top #nadtopik li a:link, .container #top #nadtopik li a:visited {
	text-decoration: none;
	padding-right: 5px;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #163C8F;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #163C8F;
	background-color: #132152;
}

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

.container #top #nadtopik li#ru_open a:link, .container #top #nadtopik li#ru_open a:visited {
	background-image: url(../gfx/flag_ru.gif);
	background-repeat: no-repeat;
	background-position: 3px 50%;
	text-decoration: underline;
	color: #FFFFFF;
	border-bottom-color: #B1C903;
}

.container #top #nadtopik li#cz_open a:link, .container #top #nadtopik li#cz_open a:visited {
	background-image: url(../gfx/flag_cz.gif);
	background-repeat: no-repeat;
	background-position: 3px 50%;
	text-decoration: underline;
	color: #FFFFFF;
	border-bottom-color: #B1C903;
}

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

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

.container #top #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: #B1C903;
}

.container #top #nadtopik li#pl a:hover {

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

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

.container #top #nadtopik li#ru a:hover {

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

.container #top #nadtopik li#de a:hover {

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

.container #top #nadtopik li#fr a:hover {

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

.container #top #nadtopik li#en a:hover {

	background-image: url(../gfx/flag_en.gif);
}
/* --- KONIEC nadtopik - czyli zmiana jezyka (flagi) --- */



/* --- top logo - w tym div-ie zawarte sa rowniez wyszukiwanie (search) oraz dodatkowe menu (plusmenu) pod flagami  --- */
.container #top #logo {
	/*background-image: url(../gfx/foof_top_logo_2.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;*/
	height: 140px;
	background-color: #122052;
	z-index: 5;
}

#Logoz{
	position: absolute;	
	z-index: 1000;
	margin-top: 20px;
}

/* --- wyszukiwanie --- */
.container #top #logo #search {
	background-image: url(../gfx/foof_top_podkl_szukaj.jpg);
	background-repeat: repeat-x;
	height: 50px;
	width: 300px;
	position: relative;
	top: 30px;
	z-index: 10;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	left: 35px;
	border: 1px dotted #163C8F;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/* --- dodatkowe menu tekstowe pod flagami --- */
.container #top #logo #plusmenu {
	font-size: 10px;
	color: #163C8F;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: absolute;
	left: 310px;
	top: 25px;
	width: 450px;
	text-align: center;
}

.container #top #logo #plusmenu a:link, .container #top #logo #plusmenu a:visited, .container #top #logo #site_login a:link,#site_login2 a:link, .container #top #logo #site_login a:visited,#site_login2 a:visited {
	color: #7FBED6;
	font-size: 10px;
}

.container #top #logo #plusmenu a:hover, .container #top #logo #plusmenu a:active, .container #top #logo #site_login a:hover,#site_login2 a:hover, .container #top #logo #site_login a:active,#site_login2 a:active {
	color: #B1C903;
}
/* --- KONIEC dodatkowe menu tekstowe pod flagami --- */
#site_login2  {
	width: 184px;
	float: none;
	position: absolute;
	top: 50px;
	color: #FFFFFF;
	z-index: 300;
	right: 250px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #163C8F;
	border-bottom-color: #16398A;
	border-left-color: #7FBED6;
	background-color: #122052;
	background-image: url(../gfx/foof_top_podkl_szukaj.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-size: 10px;
}

/* --- logowanie w topie --- */
.container #top #logo #site_login  {
	width: 184px;
	float: right;
	position: absolute;
	top: 50px;
	color: #FFFFFF;
	z-index: 300;
	right: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #163C8F;
	border-bottom-color: #16398A;
	border-left-color: #7FBED6;
	background-color: #122052;
	background-image: url(../gfx/foof_top_podkl_szukaj.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-size: 10px;
}
.container #top #logo #site_login p,#site_login2 p {
	color: #FFFFFF;
	font-size: 11px;
}

.container #top #logo #site_login label,#site_login2 label  {
	font-size: 10px;
	color: #FFFFFF;
	text-align: right;
	width: 30%;
	float: left;
	margin-right: 5px;
}
.container #top #logo #site_login .textfield,#site_login2 .textfield {
	font-size: 10px;
	width: 50%;
	border: 1px solid #163C8F;
	background-color: #7FBED6;
}
.container #top #logo #site_login #batoo,#site_login2 #batoo {
	border: 1px solid #7FBED6;
	font-size: 10px;
	background-color: #122052;
	background-image: url(../gfx/foof_top_menu_1.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	font-weight: bold;
	color: #FFFFFF;
	width: 40px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: right;
}
.container #top #logo #site_login #batoo:hover,#site_login2 #batoo:hover {
	background-image: url(../gfx/foof_gradient_h1inside.jpg);
	color: #122052;
	border-top-color: #122052;
	border-right-color: #122052;
	border-bottom-color: #122052;
	border-left-color: #122052;
}

/* --- KONIEC logowanie w topie --- */













/* --- koniec !!! top logo --- */



/* --- glowne menu - zrobił Stu Nicholls / zmodyfikował LG --- */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/doors_drop_line_three.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


/* the styling */
.container #top #nav {
	float:left;
	width:100%;
	height:auto;
	position:relative;
	top: 0px;
	margin-bottom: 25px;
	background-color: #122052;
	padding-right: 0px;
}


.container #top #nav .select, .container #top #nav .current {
	margin:0;
	padding:0;
	list-style:none;
	display:block;
}

.container #top #nav li {
	display:inline;
	height:auto;
	margin: 0;
	padding: 0;
}

.container #top #nav .select a,
.container #top #nav .current a {
	display:block;
	height:32px;
	float:left;
	background: url("../dropline/left_blue.gif") no-repeat left top;
	text-decoration:none;
	font-size:11px;
	line-height:30px;
	white-space:nowrap;
	margin-left:1px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 3px;
}
* html .container #top #nav .select a, * html .container #top #nav .current a {width:1px;}

.container #top #nav .select a b, 
.container #top #nav .current a b {
	height:100%;
	display:block;
	color:#FFFFFF;
	padding-top: 0;
	padding-right: 12px;
	padding-bottom: 0;
	padding-left: 15px;
	background-image: url(../dropline/right_blue.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.container #top #nav .select a:hover, 
.container #top #nav .select li:hover a {
	background-position:0 -75px;
	border-color:#046;
	cursor:pointer;
}

.container #top #nav .select a:hover b, 
.container #top #nav .select li:hover a b {
	background-position:100% -75px;
	border-color:#046;
	color:#122052;
}

.container #top #nav .sub {display:none;}

/* for IE5.5 and IE6 only */
.container #top #nav table {position:absolute; border-collapse:collapse; left:0; top:0; font-size:11px;}

.container #top #nav .current a {
	background-position:0 -75px;
	border-color:#122052;
}
.container #top #nav .current a b {
	background-position:100% -75px;
	color:#122052;
}


/* hover poziom 2 niewybrany (mozna podklad) */
.container #top #nav .sub li a:hover, 
.container #top #nav .select a:hover .sub li a:hover, 
.container #top #nav .select li:hover .sub li a:hover {
	color:#0000FF;
	text-decoration:underline;
	background-image: url(../gfx/foof_top_menu_2.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}


/* hover poziom 2 wybrany (mozna podklad) */
.container #top #nav .sub_active .current_sub a, 
.container #top #nav .sub_active a:hover {
	color:#0000FF;
	text-decoration:underline;
	background-image: url(../gfx/foof_top_menu_2.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

.container #top #nav .select li a:hover .sub, 
.container #top #nav .select li:hover .sub {
	display:block;
	position:absolute;
	width:1000px;
	top:31px;
	left:0;
	margin-top:1px;
	padding:0;
	z-index:100;
	background-image: url(../gfx/foof_top_menu_2.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #163C8F;
}

.container #top #nav .sub, #nav .sub_active {margin:0; padding:0; list-style:none;}
.container #top #nav .sub_active {
	display:block;
	position:absolute;
	width:1000px;
	top:31px;
	left:0px;
	margin-top:1px;
	padding:0;
	z-index:10;
	color:#000;
	background-image: url(../gfx/foof_top_menu_2.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #163C8F;
}
* html .container #top #nav .sub_active, * html .container #top #nav .select a:hover .sub {z-index:-1; margin-top:0; margin-t\op:1px;}

.container #top #nav .sub_active a {
	height:25px;
	float:left;
	text-decoration:none;
	line-height:24px;
	white-space:nowrap;
	font-weight:normal;
}
.container #top #nav .sub_active a, 
.container #top #nav .select a:hover .sub li a, 
.container #top #nav .select li:hover .sub li a {
	display:inline;
	font-size:11px;
	width:auto;
	white-space:nowrap;
	font-weight:normal;
	border:0;
	color:#122052;
	height:25px;
	line-height:24px;
	text-decoration: underline;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	background-repeat: repeat-x;
	background-position: 0px 0px;
	background-image: url(../gfx/foof_top_menu_2.jpg);
}

/* --- KONIEC !!! glowne menu - zrobił Stu Nicholls / zmodyfikował LG --- */



/* --- no i jeszcze w topie crumber - czyli "gdzie jestes" --- */

.container #top #crumb {
	background-color: #FFFFFF;
	width: 1000px;
	color: #163C8F;
	clear: left;
	text-align: left;
	height: 40px;
}

.container #top #crumb p {
	padding-right: 10px;
	padding-left: 10px;
	font-size: 9px;
	vertical-align: middle;
	line-height: 20px;
}

/* --- #top - KONIEC!!! --- */




















/* --- (2) #tresc --- */


.container #tresc {
	color: #000000;
	background-color: #FFFFFF;
	text-align: left;
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	z-index: 200;
	padding-top: 20px;
	padding-bottom: 20px;
	top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #7FBED6;
	float: none;
	clear: right;
	left: 0px;
}


/* --- (2) #tresc ..:: podstawowe formatowanie  ::.. --- */

.container #tresc h4 {
	font-size: 12px;
	color: #122052;
	padding: 0px;
	margin: 10px;
}
.container #tresc h3 {
	font-size: 14px;
}


.container #tresc img {
	float: left;
	margin: 10px;
	padding: 0px;
}






/* stronicowanie (pod listami, zajawkami artykułów itd) */
.container #tresc #bigblock .stronicowanie {
	background-color: #FFFFFF;
	background-image: url(../gfx/foof_gradient_h1inside.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	float: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCFF00;
	border-right-color: #CCFF00;
	border-bottom-color: #B1C903;
	border-left-color: #CCFF00;
	margin-top: 2px;
	margin-bottom: 5px;
	width: 100%;
}
.container #tresc #bigblock .stronicowanie p {
	text-align: center;
}


.container #tresc #bigblock .stronicowanie a:link, .container #tresc #bigblock .stronicowanie a:visited {
	text-decoration: none;
	padding-left: 5px;
	padding-top: 1px;
	padding-right: 5px;
	color: #B1C903;
	padding-bottom: 1px;
	background-image: url(../gfx/foof_gradient_h1inside.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	border: 1px solid #B1C903;
	font-size: 11px;
}


.container #tresc #bigblock .stronicowanie a:hover, .container #tresc #bigblock .stronicowanie a:active {
	color: #122052;
	background-position: 0px -10px;
	text-decoration: none;
	border-color: #122052;
}


.container #tresc #bigblock .stronicowanie .textfield {
	border: 1px solid #122052;
	background-color: #FFFFFF;
	color: #122052;
	font-size: 11px;
}





/* KONIEC stronicowanie (pod listami, zajawkami artykułów itd) */






/* --- (2) #tresc ..:: formularz  ::.. --- */

.container #tresc .frm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #122052;
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}

.container #tresc .frm .wyslij {
	margin-left: 10px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.container #tresc .frm input {
	color: #122052;
}

.container #tresc .frm select {
	color: #122052;
}

.container #tresc .frm legend {
	font-size: 10px;
	margin-left: 30px;
	font-weight: bold;
	text-transform: capitalize;
	font-variant: small-caps;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #B0C700;
	border-right-color: #B0C700;
	border-left-color: #B0C700;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	background-color: #FFFFFF;
}

.container #tresc .frm fieldset {
	border: 1px dotted #122052;
	margin-bottom: 30px;
	padding: 20px;
}

.container #tresc .frm .ustaffka {
	border: 1px solid #B0C700;
	margin: 10px;
	background-image: url(../gfx/foof_gradient_zielony.gif);
	background-repeat: repeat-x;
	background-position: 0px bottom;
}

.container #tresc .frm .textfield {
	width: 50%;
	border: 1px solid #122052;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	color: #122052;
	margin-bottom: 5px;
}

.container #tresc .frm .textfieldspec {
	width: 40%;
	border: 1px solid #122052;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: inline;
}

.container #tresc .frm p {
	clear: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #122052;
	padding-bottom: 10px;
}

.container #tresc .frm p label {
	float: left;
	width: 30%;
}

.container #tresc .frm .tekstprawa {
	text-align: left;
}

.container #tresc .frm .tekstprawa label {
	text-align: right;
	width: 140px;
	padding-right: 2px;
}

.container #tresc .frm .tekstprawa label.new {
	text-align: right;
	width: 40px;
	padding-right: 2px;
}

/* --- KONIEC !!! formularz --- */





/* --- (2) #tresc ..:: okazjonalne ::.. --- */

/* okienko podstawowe */
.container #tresc .okienko {
	background-color: #FFFFFF;
	background-image: url(../gfx/corner_let_top_green.jpg);
	background-repeat: no-repeat;
	background-position: 1px 1px;
	width: 100%;
	padding: 0px;
	margin-bottom: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCFF00;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCFF00;
	position: relative;
	clear: left;
}

.container #tresc .okienko p {
	margin: 10px;
	color: #122052;
}
/* KONIEC okienko podstawowe */


/* okienko podstawowe - połówka */
.container #tresc .okienko_half {
	width: 48%;
	border: 1px dotted #122052;
	margin-bottom: 10px;
	margin-right: 10px;
	clear: none;
	float: right;
	background-image: url(../gfx/foof_tlo_left_top_okienko.jpg);
	background-repeat: no-repeat;
	background-position: 2px 2px;
}
/* KONIEC okienko podstawowe - połówka */


/* --- (2) #tresc ..:: BLOKI ::.. --- */


/* --- ..:: BLOK lewy ::.. --- */
.container #tresc #leftblock {
	height: auto;
	width: 150px;
	padding: 0px;
	position: relative;
	top: 0px;
	left: 5px;
	margin: 0px;
	float: left;
}


/* --- ..:: BLOK srodkowy (bigblock) ::.. --- */
.container #tresc #bigblock {
	width: 970px;
	padding: 0px;
	position: relative;
	top: 0px;
	left: 15px;
	margin: 0px;
	float: left;
}
.container #tresc #bigblock .kategorie {
	width: 333px;
	clear: right;
	float: left;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
}
.container #tresc #bigblock .kategorie_spis {
	background-color: #FFFFFF;
	background-image: url(../gfx/foof_podkladzik.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	padding: 10px;
	border: 1px solid #B1C903;
	clear: both;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 648px;
}

.container #tresc #bigblock .strefa_item {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	border-left:0px;
	border-right:0px;
	border-top:0px;
	background-color: #FFFFFF;
	padding-top: 10px;
	height: 230px;
}

.container #tresc #bigblock .strefa_itemP {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	background-color: #FFFFFF;
	padding-top: 10px;
	height: 270px;
}

.container #tresc #bigblock .kategorie .strefa_item h3, .container #tresc #bigblock .strefa_itemP h3 {
	margin-top: 0px;
	padding-top: 0px;
}
.container #tresc #bigblock .kategorie .strefa_item h2, .container #tresc #bigblock .strefa_itemP h2 {
	font-size: 14px;
	height: 30px;
	background-image: url(../gfx/foof_gradient_h1inside.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	margin-top: -10px;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCFF00;
}




.container #tresc #bigblock .kategorie p {
	padding-bottom: 10px;
	margin-bottom: 10px;
	clear: right;
}

.container #tresc #bigblock .kategorie img {
	padding-top: 0px;
	margin-top: 0px;
}


/* ustawienia (do sortowania wyników (pod topem) */
.container #tresc #bigblock .ustawienia {
	float: left;
	display: block;
	color: #122052;
	font-size: 10px;
	clear: both;
	width: 648px;
	padding: 10px;
	background-image: url(../gfx/foof_gradient_h1inside.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCFF00;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.container #tresc #bigblock .ustawienia p {
	margin: 0px;
	padding: 0px;
}
.container #tresc #bigblock #ustaw_frm {
	margin: 0px;
	padding: 0px;
}
/* KONIEC ustawienia (do sortowania wyników (pod topem) */


/* --- ..:: BLOK srodkowy PROMO block (bloki promocyjne na stronie głównej) ::.. --- */
.container #tresc #bigblock .promo {
	background-color: #D7F1FE;
	border: 1px dotted #122052;
	background-image: url(../gfx/farbe_boxx.gif);
	background-position: 50% -140px;
}


.container #tresc #bigblock .promo img {
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.container #tresc #bigblock .promo p {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #122052;
	padding-bottom: 10px;
}
.container #tresc #bigblock .promo h2 {
	color: #FFFFFF;
	background-color: #122052;
	display: block;
	margin-top: 0px;
	font-size: 17px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

/* blkok promocyjny 1 */
.container #tresc #bigblock .superpromo {
	background-color: #B0C700;
	background-image: url(../gfx/foto_youngpeople_470.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom: 7px;
	padding-top: 10px;
	padding-bottom: 265px;
	border: 3px solid #B0C700;
}
.container #tresc #bigblock .superpromo h3 {
	color: #FFFFFF;
}


.container #tresc #bigblock .superpromo a{
	display: block;
	background-color: #FFFF00;
	filter: Alpha(Opacity=60);
	padding-left: 12px;
}


.container #tresc #bigblock .superpromo a:link,
.container #tresc #bigblock .superpromo a:visited {
	background-color: #FFFFFF;
}

.container #tresc #bigblock .superpromo a:active,
.container #tresc #bigblock .superpromo a:hover {
	background-color: #B0C700;
}

.container #tresc #bigblock .superpromo img {
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}



/* blkok promocyjny 2 */
.container #tresc #bigblock .superpromo2 {
	height: auto;
	margin-bottom: 7px;
	padding-top: 20px;
	float: left;
	padding-bottom: 10px;
	background-image: url(../gfx/promo_2.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #CF0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 5px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #B0C700;
	border-right-color: #122052;
	border-bottom-color: #122052;
	border-left-color: #B0C700;
}

.container #tresc #bigblock .superpromo2 p {
	padding-right: 370px;
	font-size: 11px;
}

.container #tresc #bigblock .superpromo2 a {
	background-color: #122052;
}

.container #tresc #bigblock .superpromo2 a:link, .container #tresc #bigblock .superpromo2 a:visited {
	color: #122052;
	background-color: #CCFF00;
	line-height: 2em;
	border: 1px solid #B1C903;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}

.container #tresc #bigblock .superpromo2 a:hover, .container #tresc #bigblock .superpromo2 a:active {
	background-color: #122052;
	color: #FFFFFF;
}

.container #tresc #bigblock .superpromo2 h3 {
	color: #122052;
	display: inline;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #B0C700;
	border-right-color: #B0C700;
	border-bottom-color: #B0C700;
	border-left-color: #B0C700;
	font-size: 16px;
	font-weight: bold;
	padding-top: 2px;
	padding-right: 30px;
	padding-bottom: 2px;
	padding-left: 10px;
}

.container #tresc #bigblock .superpromo2 img {
	float: right;
	clear: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	vertical-align: bottom;
}


/* OKIENKA POD WIDOKIEM DUŻE ZDJĘCIE */
/* okienko z opisem pod produktem w widoku "jedno duże zdjęcie" na pół bloku - lewe */
.container #tresc #bigblock .op_left, .container #tresc #bigblock .op_star {
	width: 332px;
	background-image: url(../gfx/foof_gradient_zielony.gif);
	background-repeat: repeat-x;
	background-position: 0px 60px;
	float: left;
	border: 1px solid #B1C903;
	margin-bottom: 2px;
	clear: left;
	background-color: #FFFFFF;
}

/* okienko z opisem - "punkty-gwiazdki" - lewe */
.container #tresc #bigblock .op_star img {
	margin: 0px;
	padding: 0px;
	float: none;
	clear: none;
}

/* okienko z opisem pod produktem w widoku "jedno duże zdjęcie" na pół bloku - prawe */
.container #tresc #bigblock .op_right, .container #tresc #bigblock .op_ceneo {
	width: 332px;
	background-image: url(../gfx/foof_gradient_zielony.gif);
	background-repeat: repeat-x;
	background-position: 0px 60px;
	float: right;
	border: 1px solid #B1C903;
	margin-bottom: 2px;
}

/* okienko z opisem - "ceneo" - prawe */
.container #tresc #bigblock .op_ceneo {
	background-color: #FFFFFF;
	background-image: url(../gfx/logo_ceneo.gif);
	background-repeat: no-repeat;
	background-position: 0px 50%;
	border-top-color: #F16C13;
	border-right-color: #F16C13;
	border-bottom-color: #F16C13;
	border-left-color: #F16C13;
}

/* okienko z opisem - "teletorium" - prawe */
.container #tresc #bigblock .op_foofoforum {
	width: 332px;
	background-color: #CCFF00;
	background-image: url(../gfx/logo_foofoforum.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	float: right;
	margin-bottom: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #B1C903;
	border-right-color: #B1C903;
	border-bottom-color: #000000;
	border-left-color: #B1C903;
}

/* kolor linków w teletorium */
.container #tresc #bigblock .op_foofoforum a:link, .container #tresc #bigblock .op_foofoforum a:visited {
	color: #0000CC;
}
/* kolor hover w teletorium */
.container #tresc #bigblock .op_foofoforum a:active, .container #tresc #bigblock .op_foofoforum a:hover {
	color: #000000;
}

.container #tresc #bigblock .op_ceneo p, .container #tresc #bigblock .op_foofoforum p {
	padding-left: 140px;
}

.container #tresc #bigblock .op_left h4, .container #tresc #bigblock .op_right h4, .container #tresc #bigblock .op_star h4 {
	display: block;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 10px;
	margin-top: 0px;
	line-height: 3em;
	background-image: url(../gfx/foof_gradient_h1inside.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}



/* okienko z opisem pod produktem w widoku "jedno duże zdjęcie" na całą szerokość bloku */
.container #tresc #bigblock .op_szeroka {
	clear: left;
	float: left;
	width: 100%;
	border: 1px solid #E6E6E6;
	background-color: #FEFEFE;
}
.container #tresc #bigblock .op_szeroka a {
	color:#0000FF;
	text-decoration: underline;
	cursor: pointer;
}

.container #tresc #bigblock .op_szeroka p {
	font-size: 11px;
	line-height: 0.9em;
}

.container #tresc #bigblock .op_szeroka h4 {
	display: block;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 10px;
	margin-top: 0px;
	line-height: 50px;
	background-image: url(../gfx/foof_gradient_h1inside.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}


/* blok kategori na stronie "spis kategorii" */
.container #tresc #bigblock .kategoriaspis {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCFF00;
	border-left:0px;
	border-right: 0px;
	padding-left:0px;
	padding-right: 0px;
	padding-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	border-top: 0px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}


/* nazwa uzytkownika - autora komentarza */
.container #tresc #bigblock .op_szeroka .username {
	font-size: 10px;
	font-weight: bold;
}

/* to boksik z ikonkami ceneo, teletorium, gg, skype i forum) */
.container #tresc #skok {
	float: none;
	clear: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -10px;
	margin-left: 0px;
}


.container #tresc #skok img {
	clear: none;
	float: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* tooltip stu */
a.tooltip {color:#B1C903;}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {
	display:block;
	position:absolute;
	top:25px;
	left:-25px;
	padding:5px;
	font-weight:normal;
	color:#000;
	border:1px solid #B1C903;
	width:150px;
	background-color: #FFFFFF;
	background-image: url(../gfx/foof_gradient_zielony.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
a.tooltip:hover b em {
	position:absolute;
	left:20px;
	top:-6px;
	width:11px;
	height:6px;
	display:block;
	font-size:1px;
	background-color: #fff;
	background-image: url(../gfx/tooltip.gif);
	background-position: 0 0;
}
/* KONIEC tooltip stu */


/* KONIEC to boksik z ikonkami ceneo, teletorium, gg, skype i forum) */


/* KONIEC OKIENKA POD WIDOKIEM DUŻE ZDJĘCIE */


/* okienko FOOF na stronie kontakt */
.container #tresc #bigblock .foofcontact {
	background-color: #FFFFFF;
	margin-bottom: 50px;
	padding: 20px;
}
.container #tresc #bigblock .frm .foofcontact p {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.container #tresc #bigblock .foofcontact img {
	padding: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/* KONIEC okienko FOOF na stronie kontakt */


/* boksik top video - obok głównego okna video */
.container #tresc #bigblock .topvideo {
	background-color: #FFFFFF;
	width: 230px;
	float: left;
	margin-top: 10px;
	height: 335px;
	border: 1px solid #CCFF00;
}
.container #tresc #bigblock .topvideo img {
	border: 1px solid #CCCCCC;
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 5px;
	margin-left: 0px;
}
/* KONIEC boksik top video - obok głównego okna video */



/* --- ..:: BLOK prawy ::.. --- */
.container #tresc #rightblock {
	width: 150px;
	padding: 0px;
	position: relative;
	top: 0px;
	right: 5px;
	margin: 0px;
	float: right;
}


.container #tresc #rightblock img {
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: auto;
	padding: 0px;
	clear: right;
	float: none;
	text-align: center;
}

/* KONIEC! --- ..:: BLOK prawy ::.. --- */








/* INNE... */



/* tabelka - TWOJ KOSZYK poczatek */
table {
	border: 1px solid #B1C903;
	border-collapse: collapse;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #FCFFF1;
}
table .listaopis {
	text-align: left;
}
table .listaopis p {
	padding-top: 2px;
	margin: 0px;
	padding-bottom: 5px;
}

table .listaopis h4 {
	font-size: 12px;
	font-weight: bolder;
	color: #122052;
	background-image: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: transparent;
	margin: 0px;
	display: block;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: left;
}


.listaopis a:link, .listaopis a:visited {
	color: #122052;
	text-decoration: none;
}

.listaopis a:hover, .listaopis a:active {
	color: #0099FF;
	text-decoration: underline;
}

table .razem {
	background-color: #CCFF00;
	font-weight: bold;
	color: #122052;
	font-size: 11px;
	line-height: 1.7em;
}

table tr:hover {
	background-color: #FFFFFF;
	background-image: url(../gfx/foof_gradient_zielony.gif);
	background-repeat: repeat-x;
	background-position: 0px 20px;
}

table caption {
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	background-color: #FFFFFF;
	color: #122052;
	background-image: url(../gfx/foof_gradient_zielony.gif);
	background-repeat: repeat-x;
	background-position: 0px -20px;
	line-height: 30px;
	border: 1px solid #B1C903;
}

table td {
	text-align: right;
	border: 1px solid #B1C903;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}
table th {
	border: 1px solid #B1C903;
	background-color: #FFFF99;
	font-weight: bold;
	text-align: left;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	color: #122052;
}
table tr.bezpl {
	background-color: #00FFFF;
	font-weight: bold;
}

.info_ico {
	width: 120px;
}

tr.bezpl:hover {
}



table .pierwszy {
	font-weight: bold;
	color: #122052;
	line-height: 2em;
	background-image: url(../gfx/foof_gradient_zielony.gif);
	background-repeat: repeat-x;
	background-position: 0px -30px;
}
table .drugi {
	font-weight: bold;
	color: #122052;
	line-height: 2em;
	background-image: url(../gfx/foof_gradient_zielony.gif);
	background-repeat: repeat-x;
	background-position: 0px -70px;
}


table .drugiwliscie {
	background-color: #FFFFFF;
}

/* tabelka - TWOJ KOSZYK - KONIEC */



/* elementy formularzy - ogólnie */
input {
	color: #000000;
}
select {
	color: #000000;
	border: 1px solid #B1C903;
	background-color: #FFFFFF;
	font-size: 9px;
	line-height: 9px;
}
/* KONIEC! elementy formularzy - ogólnie */







/* --- (3) stopka --- */

.stopka {
	width: 1000px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	color: #B1C903;
	line-height: 20px;
	padding-top: 5px;
	padding-bottom: 30px;
	background-color: #FFFFFF;
	clear: left;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCFF00;
	background-image: url(../gfx/foof_gradient_h1inside.jpg);
	background-repeat: repeat-x;
	background-position: 0px -20px;
}
div.code{
	width: 100%;
	font-size: 10px;
	clear: both;
	text-align: right;
	padding-right: 10px;
	color: gray;
}
div.code a{
	font-size: 10px;	
	color: gray;
	text-decoration: none;
	padding-right: 10px;
}

.stopka a.b:link, .stopka a.b:visited {
	text-decoration: none;
	padding-left: 5px;
	padding-top: 1px;
	padding-right: 5px;
	color: #B1C903;
	padding-bottom: 1px;
	background-image: url(../gfx/foof_gradient_h1inside.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	border: 1px solid #B1C903;
	font-size: 11px;
	margin-right: -1px;
	margin-left: 0px;
	margin-top: 20px;
}

.stopka a:hover, .stopka a:active {
	color: #122052;
	background-position: 0px -10px;
	text-decoration: none;
	border-color: #122052;
}
/* KONIEC! --- (3) stopka --- */



/* ewentualny popup */
.popup {
	border: 1px solid #CCFF00;
	background-image: url(../gfx/foof_gradient_h1inside.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	background-color: #FFFFFF;
}
.popup p {
	text-align: center;
}
.container #tresc #bigblock .stronicowanie form#goto {
	margin: 0px;
	padding: 0px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
div.komentarz
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	margin-right: 30px;
	margin-left: 30px;
	margin-top: 0px;
	padding-top: 0px;
}

table#wazne_kategorie td{
	text-align: center;
}