body {
  background: #fff url(gfx/bg.gif) repeat-x;
  margin: 0; padding: 0;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #222;
}
h1 {font-size: 11px; margin: 0; padding: 0; color: #015a83}
p {margin: 6px 0}


/* ================================================================================ */
/* szkielet strony */
#page {margin: 0 auto; width: 771px}

/* top */
#topmenu {padding: 0 16px; height: 17px; font-size: 10px; color: #fff}
#topmenu .pad {padding-top: 2px}
#topmenu a {color: #fff}
#langmenu {float: right}
#langmenu a {font-weight: bold; text-transform: uppercase}
#langmenu a.active {color: #ffe400}

/* nagłówek */
#siteheader {position: relative; height: 319px; background: #fff/* url(gfx/bgm.gif) repeat-x*/}
#logo {position: absolute; top: 8px; left: 16px}
#logo img {border-width: 0}



#menu {position: absolute; top: 0; left: 220px; width: 550px}
#menu ul {margin: 0; padding: 0; list-style-type: none; height: 54px}
#menu ul li {float: left; display: block; margin: 0; padding: 24px 5px 0 8px; background: url(gfx/m_vr.gif) no-repeat top left}
#menu ul li.active {background: url(gfx/m_bg.gif) repeat-x}
#menu ul li a {}
#menu ul li a img {border: 0}



#flash {position: absolute; top: 60px; left: 283px}
#desc {position: absolute; top: 98px; left: 0; width: 283px; height: 221px; background: url(gfx/bgd.jpg) no-repeat}
#desc img {margin: 98px 0 0 20px}

/* główna część */
#main {}

/* zawartość */
#content {float: left; width: 516px}
#header {position: relative; width: 516px; height: 79px; background: url(gfx/bgh.jpg) no-repeat}
#header img {position: absolute; top: 50px; left: 20px; padding: 2px 0 5px 27px; background: url(gfx/cog.gif) no-repeat}
#body {background: #fff url(gfx/bgc.jpg) no-repeat; min-height: 185px}
#body .pad {padding: 10px 12px 10px 20px}

/* panel boczny */
#sidebar {float: left; width: 255px; min-height: 293px; background: url(gfx/bgs.jpg) no-repeat}
.sideheader {position: relative; height: 60px}
.sideheader img {position: absolute; top: 32px; left: 12px; padding: 2px 0 5px 27px; background: url(gfx/cog_side.gif) no-repeat}
#sidebar .pad, .tab .pad_t {padding: 0 10px 6px 16px}
#sidebar .pad {min-height: 90px}

/* panel boczny : zakładka */
#sidebar .tab {min-height: 114px; background: url(gfx/bgt.gif) no-repeat}
.tabheader {padding: 15px 0 0 12px}
.tabheader img {padding: 2px 0 5px 27px; background: url(gfx/cog_tab.gif) no-repeat}

/* stopka */
#footer {float: left; width: 771px; background: url(gfx/bgf.gif) no-repeat}
#footer div {padding: 50px 0 10px 0; text-align: right; font-size: 10px; color: #777370}

/* boczne menu */
ul.side_menu {margin: 6px 0; padding: 0; list-style-type: none; background: url(gfx/hr_orange.gif) no-repeat top}
ul.side_menu li {display: block; margin: 0; padding: 5px 0; background: url(gfx/hr_orange.gif) no-repeat bottom}
ul.side_menu li a {display: block; padding-right: 10px; background: url(gfx/arw_side_blue.gif) no-repeat right; color: #015a83; font-weight: bold; font-size: 11px}
ul.side_menu li a.active {color: #902929; background: url(gfx/arw_side.gif) no-repeat right;}

/* zajawki aktualności */
ul.news {margin: 6px 0; padding: 0; list-style-type: none}
ul.news li {display: block; clear: left; margin: 0; padding: 0}
ul.news li h1 a {color: #015a83}
ul.news li a small {display: block; font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 10px; color: #777370}

/* zajawki aktualności w panelu bocznym */
ul.tab_news {margin: 6px 0; padding: 0; list-style-type: none}
ul.tab_news li {display: block; margin: 0; padding: 5px 0; background: url(gfx/hr_orange.gif) no-repeat bottom}
ul.tab_news li a {display: block; padding-right: 10px; background: url(gfx/arw_blue_on_orange.gif) no-repeat right; font-weight: normal}
ul.tab_news li a small {display: block; font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 10px; color: #777370}

/* zajawki oferty */
div.offer {margin: 6px 0; padding: 0; background: url(gfx/vr_grey.gif) no-repeat center top; min-height: 366px}
div.offer div.offer_row {clear: both}
div.offer div.offer_row div {float: left; width: 232px; margin: 0; padding: 5px 0}
div.offer div.offer_row div.even {margin-left: 20px}

/* ARTYKUŁ */
h1.title {font-size: 12px; color: #015a83; margin-bottom: 6px}
h1.title small {display: block; font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 10px; color: #777370}

div.photo_set {width: 200px; float: right; background: url(gfx/vr_grey.gif) no-repeat left top; padding-left: 5px; margin-left: 5px; min-height: 366px}
div.photo_set img {border: 4px solid #eaeaea; margin: 0 0 5px 5px}

div.photo_set_mmedia {padding: 10px 0 0 0}
div.photo_set_mmedia img {border: 4px solid #eaeaea; margin: 0 0 5px 5px}

div.clear_hr {clear: both; background: url(gfx/hr_blue.gif) no-repeat center top; height: 1px; font-size: 1px; margin: 8px 0}
div.body_ftr {clear: both; background: url(gfx/hr_blue.gif) no-repeat center top; padding: 6px 0 8px 0; margin-top: 6px}

div.contact_form {width: 240px; float: right; background: url(gfx/vr_grey.gif) no-repeat left top; padding-left: 10px; margin-left: 10px; min-height: 366px}
div.contact_map_desc {float: left; width: 182px}
img.contact_map {margin-bottom: 6px; border: 2px solid #ddd}
img.map1 {margin-left: 8px}

#sshow_set {width: 470px; margin: auto; height: 90px; overflow: hidden}
#sshow_thumbs img {margin: 2px; border: 4px solid #eaeaea}
#sshow_thumbs img.active {border: 4px solid #c33}
#sshow_preview {width: 470px; margin: auto; text-align: center; padding: 10px 0}
#sshow_preview img {border: 0; background: url(gfx/i.gif) no-repeat center}

/* ================================================================================ */
/* obrazki */
.thumb_spec_side {border: 2px solid #fff; margin-bottom: 4px}
.thumb_body {border: 4px solid #eaeaea; margin-right: 6px}

/* przełączanie podstron list */
.toggle_box {padding: 2px; height: 18px}
.toggle_box table {float: right}
.toggle_box table td {font-size: 10px; color: #015a83}
.toggle_box table td a {color: #015a83}
.bold {font-weight: bold}

/* formularze */
label {display: block; font-size: 10px; color: #015a83}
.ff {border: 1px solid #7E9DB9; font-size: 11px; width: 220px}
textarea.ff {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;}
div.f-item {margin: 4px 0}
div.f-btn {width: 224px}
div.f-btn input {float: right}
div.template_errors {color: red}

/* tapety i wygaszacze */
div.wall_scr img {float: left; border: 4px solid #eaeaea; margin: 0 10px 8px 0}
div.wall_scr a {display: block; font-weight: bold}
div.wall_scr a small {color: #333; font-weight: normal}

/* kolory tekstu */
.std {color: #333}
.cg {color: #777370}
.cb {color: #015a83}
.cr {color: #902929}

/* linki */
a.more1, a.more2 {display: block; height: 15px; text-align: right; margin: 0; padding: 2px 14px 2px 0}
a.back {display: block; float: left; height: 15px; margin: 0; padding: 0 0 2px 12px; background: url(gfx/arw_std_rev.gif) no-repeat; color: #015a83}
a.more1 {background: url(gfx/arw_std.gif) no-repeat right; color: #015a83}
a.more2 {background: url(gfx/arw_side.gif) no-repeat right}
a {color: #902929; text-decoration: none}
a:hover {text-decoration: underline}