body {
 margin-top:20px;
 margin-bottom:20px;
 margin-left:0;
 margin-right:0;
 color:#FFFFFF;
 background-color:#1F4B7B;
 background-image:url("gfx/tlo.jpg"); }

body, td, div { font:11px Tahoma,Arial; }

input, select, textarea {
 padding:1px;
 font:12px Tahoma,Arial;
 color:#000000;
 border:1px solid #ffbc00; }

img { border-color:#FFFFFF; }

a:link { color:#FFFFFF;text-decoration:none; }
a:visited { color:#FFFFFF;text-decoration:none; }
a:active { color:#FFFFFF;text-decoration:underline; }
a:hover { color:#FFFFFF;text-decoration:underline; }

.check { border:0px; }
.przycisk { background-color:#FFFFFF;border:1px #000000 solid;padding:2px;font-weight:bold; }

#info { font-size:14px;font-weight:bold;letter-spacing:2px; }
#color { color:F7B600; }
#small { font-size:10px;font-weight:regular; }
#str { font-size:12px;font-weight:bold; }

/************ Front and main site structure ************/

.icons {
height:26px;
padding-left:30px;
padding-right:20px;
color:#ECAE00; }

.ico {
margin-left:2px;
margin-right:3px;
margin-bottom:-2px; }


.stopka {

height:22px;

padding-left:30px;

padding-right:20px;

color:#ECAE00; }



.main_left {

padding-left:22px;

padding-right:10px;

background-image:url("gfx/main/left_center.gif");

background-repeat:repeat-y; }



.main_left_s {

margin-right:9px;

margin-bottom:1px; }



.main_left_link {

padding-top:6px;

padding-bottom:6px;

margin-left:8px; }



.main_center {

padding-left:15px;

padding-right:25px;

background-image:url("gfx/main/center_center.gif");

background-repeat:repeat-y; }



.center {

padding-top:5px;

padding-bottom:5px;

padding-left:5px;

padding-right:5px; }



/************ Others elements ************/



.breaking {

padding:0 25 0 20;

background-image:url("gfx/main/break_center.gif");

background-repeat:repeat-y; }



.photo {

float:left;

width:196px;

height:145px;

padding-top:10px;

padding-left:11px;

background-image:url("gfx/main/photo_bg.gif");

background-repeat:no-repeat; }



.productkat_photo {

height:130px;

padding-top:10px;

padding-left:17px;

background-image:url("gfx/main/productkat_photo_bg.gif");

background-repeat:no-repeat; }



.productkat_name {

padding-left:20px; }



.str {

color:#000000;

font-size:12px;

font-weight:bold;

border:1px solid #FFFFFF;

background-color:#F7B600; }


.ramka {
border:1px dashed #DDDDDD;
background-color:#FAFAFA; }

.err {
 width:35%;
 margin-top:30px;
 margin-bottom:30px;
 padding:3px;
 text-align:center;
 color:#FF0000;
 font-size:13px;
 font-weight:bold;
 border:1px solid #FF0000;
 background-color:#FFF1F1; }



/* REQUIRED to hide the non-active tab content. But do not hide them in the print stylesheet! */
.tabberlive .tabbertabhide {
 display:none; }


/* ------- 
 .tabber = before the tabber interface is set up
 .tabberlive = after the tabber interface is set up
------- */

.tabber { }

.tabberlive {
 margin-top:1em; }


/* -------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
------- */

ul.tabbernav {
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #c44d02; /* kolor krawedzi ramki pod tabami */
 font: bold 12px Verdana, sans-serif; }

ul.tabbernav li {
 list-style: none;
 margin: 0;
 display: inline; }


/* nieaktywny tab: kolor ramki i tła */
ul.tabbernav li a {
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #c44d02;
 border-bottom: none;
 background: #FFFFFF;
 text-decoration: none; }


/* domyślny kolor napisu na wszystkich tabach */
ul.tabbernav li a:link { color: #9c0303; }
ul.tabbernav li a:visited { color: #9c0303; }


/* hover nieaktywnego taba: kolor tekstu, tła, ramki */
ul.tabbernav li a:hover {
 color: #ffffff;
 background: #1f4b7b;
 border-color: #c44d02; }


/* aktywny tab: kolor tła i dolnej krawędzi ramki */
ul.tabbernav li.tabberactive a {
 background-color: #ffbc00;
 border-bottom: 1px solid #c44d02; }


/* hover aktywnego taba: kolor tekstu, tła, dolnej krawędzi ramki */
ul.tabbernav li.tabberactive a:hover {
 color: #9c0303;
 background: #ffbc00;
 border-bottom: 1px solid #c44d02; }


/* -------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
------- */


/* wnetrze ramki: kolor lewej, dół, prawej ramki */
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #c44d02;
 border-top:0;
 /* If you don't want the tab size changing whenever a tab is changed you can set a fixed height */
 /* height:200px; */
 /* If you set a fix height set overflow to auto and you will get a scrollbar when necessary */
 /* overflow:auto; */
}


/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none; }

.tabberlive .tabbertab h3 {
 display:none; }


/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 { }

.tabberlive#tab2 { }

.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto; }