* { font-family: Trebuchet MS, Tahoma, Verdana, Helvetica, Sans-Serif; }
html { margin: 0; padding: 0; font-size: 11px; }
body {
  color: #D1D1D1;
  padding: 0;
  background-image: url('../images/tlo.png');
  background-color: #21252C;
  text-align:center; /* center layout in ie5 and 5.5. */
  margin:0px;
}

#cotainer
{
   width: 1000px;
   margin: 0 auto 0 auto;
   text-align: left;
}

.logo
{
   width: 1000px;
   margin: 0;
   height: 124px;
   background-image: url("../images/logo2.jpg");
   background-repeat: no-repeat;
}

.menu-top
{
   background-image: url('../images/tlo_menu_gora.png');
   width: 1000px;
   margin: 0px;
   padding-top: 6px;
   height: 26px;   
   
   font-weight: bold;
   color: #D1D1D1;
   font-family: Trebuchet MS;
   font-size: 11px;
   text-decoration: none;
}

.menu-top ul
{
   margin: 0px;
   padding:0px;
   height: 26px;
}

.menu-top li
{
   background-image: url('../images/menu_gora_li.png'); 
   background-repeat: no-repeat;
   padding: 8px 10px 8px 40px;
   display: inline;
   list-style: square;
   font-family: Trebuchet MS;
}

.menu-top a
{
   color: #D1D1D1;
   font-family: Trebuchet MS;
   font-size: 14px;
   text-decoration: none;
}

.kolumna
{
   position: relative;
   text-align:justify;
   float: left;
}

#left
{
   width: 196px;
}

#center
{
   width: 600px;
   margin: 3px auto 5px auto;
   float: center;
}

#right
{
   width: 199px;
}

.menu-right-naglowek
{
   background-image: url('../images/menu_right_naglowek.png');
   width: 129px;
   height: 27px;
   font-weight: bold;
   padding: 18px 0 0 70px;
   color: #D1D1D1;
   font-family: Trebuchet MS;
   font-size: 14px;
   text-decoration: none;
}

.menu-right-txt
{
   background-image: url('../images/menu_right_tlo.png');
   height: auto;
   width: 164px;
   padding: 6px 0 6px 35px;
}

.menu-right-txt ul
{
   margin: 0px;
   padding: 0px;
}


.menu-right-txt li
{
   background-image: url('../images/li.png');
   background-repeat: no-repeat;
   list-style: none;
   margin: 0 0 3px 0;
   padding: 0 0 0 30px;
   font-family: Trebuchet MS;
   font-size: 11px;
   font-weight: bold;
}

.menu-right-stopka
{
   background-image: url('../images/menu_right_stopka.png');
   width: 199px;
   height: 14px;
   background-repeat: no-repeat;
}

.logowanie
{
   text-align: center;
   font-size: 13px;
}

select
{
   background-color: #5B5D61; 
   border: 0px solid #fff;
   color: #D1D1D1;
   font-size: 10px;
}

.form1 {
	BORDER-RIGHT: #333333 1px solid; 
	BORDER-TOP: #333333 1px solid; 
	SCROLLBAR-FACE-COLOR: #9ab8c6; 
	FONT-SIZE: 11px; 
	BORDER-LEFT: #333333 1px solid; 
	SCROLLBAR-SHADOW-COLOR: #333333; 
	COLOR: #333333; 
	SCROLLBAR-3DLIGHT-COLOR: #9ab8c6; 
	SCROLLBAR-ARROW-COLOR: black; 
	SCROLLBAR-TRACK-COLOR: #9ab8c6; 
	BORDER-BOTTOM: #333333 1px solid; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	SCROLLBAR-DARKSHADOW-COLOR: white
}

.form {
	BORDER-RIGHT: #333333 1px solid; 
	BORDER-TOP: #333333 1px solid; 
	SCROLLBAR-FACE-COLOR: #9ab8c6; 
	FONT-SIZE: 11px; 
	BORDER-LEFT: #333333 1px solid; 
	SCROLLBAR-SHADOW-COLOR: #333333; 
	COLOR: #333333; 
	SCROLLBAR-3DLIGHT-COLOR: #9ab8c6; 
	SCROLLBAR-ARROW-COLOR: black; 
	SCROLLBAR-TRACK-COLOR: #9ab8c6; 
	BORDER-BOTTOM: #333333 1px solid; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	SCROLLBAR-DARKSHADOW-COLOR: white
}

input.submit
{
   background-color: #5B5D61;
   border: 1px solid #fff;
   color: #D1D1D1;
   font-size: 11px;
}

.form_inputy p
{
	margin: 3px;
}

/* do sprawdzania formularza na bieżąco */
.invalidInput
{
   border-width: 1px;
   border-color: #f00;
   border-style: solid;
   FONT-SIZE: 10px;
}

.validInput
{
   border-width: 0px;
   padding:1px;
   border-color: #fff;
   border-style: solid;
   FONT-SIZE: 10px;
}

.menu-left-naglowek
{
   background-image: url('../images/menu_left_naglowek.png');
   width: 146px;
   height: 27px;
   font-weight: bold;
   margin: 10px 0 0 0;
   padding: 10px 0 0 50px;

   color: #D1D1D1;
   font-family: Trebuchet MS;
   font-size: 14px;
   text-decoration: none;
}

.news
{
   background-image: url('../images/3lezki.gif');
   background-position: center left;
   background-repeat: no-repeat;
   margin: 0 0 0 0;
   padding: 0 0 0 20px;
   font-family: Trebuchet MS;
   font-weight: bold;
   font-size: 14px;
   color: #40DEFE;
}
.news_data
{
   margin: 0 0 0 0;
   padding: 0 0 5px 5px;
   font-family: Trebuchet MS;
   font-size: 11px;
   color: #929292;
}

.menu-left-txt
{
   background-image: url('../images/menu_left_tlo.png');
   height: auto;
   width: 184px;
   padding: 6px 0 6px 1px;
}

.menu-left-txt2
{
   background-image: url('../images/menu_left_tlo.png');
   height: auto;
   width: 184px;
   padding: 6px 0 6px 1px;
}

.menu-left-only-txt
{
   background-image: url('../images/menu_left_tlo.png');
   height: auto;
   width: 167px;
   padding: 6px 12px 6px 6px;
}

.menu-left-stopka
{
   background-image: url('../images/menu_left_stopka.png');
   width: 199px;
   height: 11px;
   background-repeat: no-repeat;
}

.menu-left-txt ul
{
   margin: 0px;
   padding: 0px;
}

.menu-left-txt li
{
   background-image: url('../images/li_left.png');
   background-repeat: no-repeat;
   list-style: none;
   margin: 0 0 3px 0;
   padding: 0 0 5px 35px;
   font-family: Trebuchet MS;
   font-size: 11px;
   font-weight: bold;
}

.menu-left-txt .li2
{
   background-image: url('../images/li_left2.png');
   background-repeat: no-repeat;
   list-style: none;
   margin: 0 0 3px 0;
   padding: 0 0 5px 35px;
   font-family: Trebuchet MS;
   font-size: 11px;
}

.menu-left-txt .li2cool
{
   background-image: url('../images/li_left2.png');
   background-repeat: no-repeat;
   list-style: none;
   margin: 0 0 3px 0;
   padding: 0 0 5px 35px;
   font-family: Trebuchet MS;
   font-size: 11px;
   color: yellow;
}

.panel-gora-naglowek
{
   background-image: url('../images/panel_gora_naglowek.png');
   width: 397px;
   height: 24px;
   font-weight: bold;
   padding: 6px 0 0 70px;
   margin: 10px auto 0 auto;

   color: #D1D1D1;
   font-family: Trebuchet MS;
   font-size: 14px;
   text-decoration: none;
}

.panel-gora-txt
{
   background-image: url('../images/panel_gora_tlo.png');
   height: auto;
   width: 407px;
   
   text-align: center;
   
   margin: 0 auto 0 auto;
   padding: 5px 30px 5px 30px;
}

.panel-gora-stopka
{
   background-image: url('../images/panel_gora_stopka.png');
   background-repeat: no-repeat;
   width: 470px;
   height: 8px;
   
   margin: 0 auto 0 auto;
}

.logo-produktu
{
   background-image: url('../images/tlo_logo.png');
   width: 507px;
   height: auto;
   
   padding: 5px;
   margin: 0 auto 0 auto;
}

.srodek
{
   background-image: url('../images/tlo_srodek.png');
   background-repeat: no-repeat;
   width: 520px;
   _min-height: 800px;
   _height: 800px;
   min-height: 800px;
   
   font-size: 12px;
   padding: 20px 25px 10px 25px;
   margin: 0 auto 0 auto;
}

.srodek2
{
   background-image: url('../images/tlo_srodek.png');
   background-repeat: no-repeat;
   width: 540px;
   _min-height: 800px;
   _height: 800px;
   min-height: 800px;
   
   font-size: 12px;
   padding: 20px 15px 10px 15px;
   margin: 0 auto 0 auto;
}

.srodek .txt
{
   padding: 0 0 20px 0;
   width: 520px;
   height: auto;
}

.srodek ul
{
   margin: 0px;
   padding: 0px;
}

.srodek li
{
   background-image: url('../images/li_produkt.png');
   background-repeat: no-repeat;
   list-style: none;
   margin: 0 0 3px 0;
   padding: 0 0 0 30px;
   font-family: Trebuchet MS;
   font-size: 12px;
}

.glowny_wiersz
{
   font-weight: bold;
   padding: 15px 0px 10px 0px;
}

.underline
{
   background-image: url('../images/underline.png');
   background-repeat: no-repeat;
   background-position: bottom center;
   text-align: center;
   padding: 5px 0 5px 0;
   margin: 0 auto 0 auto;
}

p
{
   margin: 0px;
   padding: 0px;
}

p.cytat
{
color: #ADB4BC;
font-style: italic;
}

p.nav
{
font-weight: bold; 
font-size: 12px; 
color : #FF6600;
}

p.naglowek
{
color: orange;
font-weight: bold;
}

p.wyroznij
{
font-weight: bold;
color: yellow;	
}

.srodek-naglowek
{
   background-image: url('../images/stopka.png');
   background-repeat: no-repeat;
   text-align: center;
   width: 530px;
   font-family: Arial;
   font-weight: bold;
   font-size:16px;
   padding: 12px 0 12px 0;
   margin: 0 auto 0 auto;
}

.stopka-pierwsza
{
   background-image: url('../images/stopka.png');
   background-repeat: no-repeat;
   text-align: center;
   width: 530px;
   font-size: 14px;
   font-family: Arial;
   
   padding: 12px 0 12px 0;
   margin: 0 auto 0 auto;
}

.stopka-druga
{
   font-size:10px;
   font-family: Arial;
   text-align: center;
}


.other{
	border:0px;
}

.zle{
	font-weight: bold;
	text-align: center;
	color: #F00;
}

.dobrze{
	font-weight: bold;
	text-align: center;
	color: green;
}

.wyrozniony{
	padding: 12px 0 12px 0;
	font-weight: bold;
	text-align: center;
	font-size:14px;
}

.wysrodkuj{
	 text-align:center;	
}

img {
	border:0px;
	margin: 0px;
	padding: 0px;
}

img.foto {
	border: 1px solid #5B5D61;
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}

img.floatLeftCorner { 
    float: left; 
    margin-bottom: 4px; 
    margin-right: 4px; 
    margin-top: 0px;
    margin-left: 0px;
}

img.floatRight { 
    float: right; 
    margin: 4px; 
}

.cool {
    font-weight: bold; 
    color: yellow;
}

.big {
    font-size: larger;	
}

/* LINKI */
A:link {text-decoration: none; font-family: Trebuchet MS; color:#D1D1D1}
A:visited {text-decoration: none; font-family: Trebuchet MS; color:#D1D1D1}
A:active {text-decoration: none; font-family: Trebuchet MS; color:#D1D1D1}
A:hover {text-decoration: underline; font-family: Trebuchet MS; color:#D1D1D1}

/* --------------------------- Wyświetlanie zdjec po 3------------------------------------- */
#pokazZdjecia
{
text-align: center;
width: 468px;
height: 152px;
margin: 10px 0px 10px 0px;
}

.foto_left
{
float: left;
text-align: center;
width: 150px;
margin: 0px;
padding: 2px;
height:100%;
}

.foto_center
{
float: left;
text-align: center;
width: 150px;
margin: 0px;
padding: 2px;
height:100%;
}

.foto_right
{
float: right;
text-align: center;
width: 150px;
margin: 0px;
padding: 2px;
height:100%;
}   

/* --------------------------- Wyświetlanie produktów po 2------------------------------------- */
.pokazProdukty
{
width: 95%;
}

.pokazProdukty .lewy
{
float: left;
margin-bottom: 15px;
}

.pokazProdukty .prawy
{
float: right; 	
margin-bottom: 15px;
}    
/* --------------------------- Wyświetlanie opisów jednostek------------------------------------- */
.pokazJednostke
{
width: 530px;
}

.pokazJednostke .lewy
{
float: left;
width: 100px;
}

.pokazJednostke .prawy
{
float: right; 	
width: 425px;
}    
/* --------------------------- DO TABELKI PRODUKTU------------------------------------- */
.tab_MainTable
{
margin: 0px;
padding: 0px;
}

.tab_pixelLine
{
width: 1px;
height: 30px;
margin: 0px;
padding: 0px;
}

.tab_tlo
{
 background: #262B33; 
}

.tab_naglowek
{
text-align:center;
font-size: 110%;
font-weight: bold;
font-family: Trebuchet MS;
width: 238px;
height: 36px;
background-color: #424755;
margin: 0px;
padding: 0px;
}

.tab_leftCol /* zdjecie */
{
vertical-align: top;
border: 0px solid #fff;
width: 120px;
height: 150px;
margin: 0px;
padding: 0px;
}

.tab_rightCol /* tekst */
{
text-align:left;
font-size: 100%;
font-weight: normal;
font-family: Trebuchet MS;
background-color: #2D323E;
width: 120px;
height: 150px;
margin: 0px;
padding: 0px;
}

.tab_rightCol .tabelka
{
width: 112px;
height: 142px;
padding: 0px;
margin: 4px;
}

.tab_rightCol .opis
{
vertical-align: top;
height: 80px;
}

.tab_rightCol .wiecej
{
vertical-align: top;
height: auto;
text-align:right;
}

.tab_rightCol .cena
{
height: auto;
font-size: 120%;
font-weight: bold;
font-family: Trebuchet MS;
color: yellow;
}

.tab_rightCol .koszyk
{
height: auto;
}

.price
{
font-size: 14px;	
font-weight: bold;
font-family: Courier New;
color: yellow;
}

/* --------------------------- DO TABELKI PRODUKTU SZCZEGÓŁY------------------------------------- */
/* wykorzystywane są głównie warunki powyżej */
.tab_MainTable2
{
margin: 0px;
padding: 0px;
}

.tab_MainTable2 .opis
{
vertical-align: top;
height: 85px;
}

.tab_rightCol2 /* tekst */
{
text-align:left;
font-size: 100%;
font-weight: normal;
font-family: Trebuchet MS;
width: 100%;
height: 150px;
margin: 0px;
padding: 0px;
}

.tab_rightCol2 .tabelka2
{
width: 100%;
height: 142px;
padding: 0px;
margin: 4px;
}

.tab_MainTable2 .cena
{
vertical-align: middle;
height: 40px;
font-size: 110%;
font-weight: bold;
font-family: Trebuchet MS;
color: yellow;
}

.tab_MainTable2 .koszyk
{
height: 20px;
}

.tab_MainTable2 .pelny_opis
{
vertical-align: top;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 4px;
}

.clearer {
	clear: both;
	font-size: 1px;
}

/* ------------------------- ROBIMY TABELKE DLA KOSZYKA ------------------------ */
.tabela
{
width: 520px;
text-align: center;
padding: 0px;
margin: 0px;
}

.tabela_naglowek
{	
}

.first_col
{
background-color: #414755;
padding: 0px;
margin: 0px;
}

.second_col
{
background-color: #2C323E;
padding: 0px;
margin: 0px;
}

.third_col
{
background-color: #383E4C;
padding: 0px;
margin: 0px;
}

.fourth_col
{
background-color: #505865;
padding: 0px;
margin: 0px;
}

.fifth_col
{
padding: 0px;
margin: 0px;
background-color: #2C323E;
}

.szara1_col
{
padding: 0px;
margin: 0px;
background-color: #5A5A5A;
}

.szara2_col
{
padding: 0px;
margin: 0px;
background-color: #414141;
}

.pusta
{
padding: 0px;
margin: 0px;
}

/* pasek nawigacji */

.nav		
{ 
font-weight: bold; 
font-size: 12px; 
color : #000000;
}

p.nav
{
font-weight: bold; 
font-size: 12px; 
color : #FF6600;
}

a.nav	
{ 
text-decoration: none; 
color : #40DEFE; 
}

a.nav:hover	
{ 
text-decoration: underline; 
}