html, body {margin:0; padding:0;}
html {background: url(../img/tlo.jpg) top left repeat;}
body {background-color: #C9C9C9; text-align: center; font-family: Verdana, Arial, Tahoma, sans-serif; font-size:12px; background: url(../img/bg_gradient.jpg) top left repeat-x;}
#top {width: 984px; height: 302px; margin: 0 auto; background: url(../img/top.jpg) top left no-repeat;}
#container {width: 984px; margin: 0 auto; text-align: left;}
#bok_prawy {float: right; width: 42px; height: 124px; background: url(../img/bok_prawy.jpg) top left no-repeat;}
#bok_lewy {float: left; width: 42px; height: 124px; background: url(../img/bok_lewy.jpg) top left no-repeat;}
#lewe_menu {float: left; width: 158px;}
#azik_info {margin-bottom:10px}
#szybkie_linki {background: url(../img/tlo_szybkie_menu.jpg) top left no-repeat; height: 238px;}
#szybkie_linki .title {color: #fff; font-size: 11px; text-transform: uppercase; text-align: center; padding-top: 3px; height: 20px /*razem 23px*/}
#szybkie_linki a.li {padding: 4px 5px 4px 35px; background: url(../img/szybkie_linki_strzalka.jpg) 15px no-repeat; font-family: 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #fff; text-transform: uppercase; text-decoration: none; display: block; height: 15px;}
#szybkie_linki a.li:hover {background-color: #1f1f1f}
#szybkie_linki a.li {line-height:2; overflow:hidden;}/* div: height 1px IE hack */
#sonda_top {background: url(../img/ciemnozielona_top.jpg) top left no-repeat; margin-top: 10px}
#sonda_middle {background: url(../img/ciemnozielona_middle.jpg) top left repeat-y; padding: 10px; color: #fff;}
#sonda_bottom {background: url(../img/ciemnozielona_bottom.jpg) top left no-repeat;}
#sonda_top, #sonda_bottom {height:4px;}
#partners_header {text-align:left; padding-left:10px; font-weight:bold; text-transform: uppercase}
#partners {}
#sonda_middle .title, #partnerzy_middle .title {color: #fff; font-size: 11px; text-transform: uppercase; padding-bottom: 8px}
#facebook {width:158px; margin-top:10px;}
#facebook img {display:block;padding-bottom:5px}
#rzetelna {width:158px; margin-top:10px;}
#unia_top {width:230px; background: url(../img/jasnozielona_top.png) top left no-repeat; margin-top: 10px}
#unia_middle {width:210px; background: url(../img/jasnozielona_middle.png) top left repeat-y; padding: 15px 10px; text-align:center}
#unia_bottom {width:230px; background: url(../img/jasnozielona_bottom.png) top left no-repeat;}
#unia_top, #unia_bottom {height:4px;}
#menu {height: 43px; background: url(../img/menu/pasek_pod_menu.jpg) bottom left no-repeat;}
#menu {float: left;}
/* nawigacja */
a.menu_a1, a.menu_a2, a.menu_a3, a.menu_a4, a.menu_a5, a.menu_a6, a.menu_a7, div.menu_divider {height: 36px}
a.menu_a1 {width: 167px; background: url(../img/menu/glowna.jpg) no-repeat;}
a.menu_a2 {width: 77px; background: url(../img/menu/klub.jpg) no-repeat;}
a.menu_a3 {width: 94px; background: url(../img/menu/oferta.jpg) no-repeat;}
a.menu_a4 {width: 129px; background: url(../img/menu/grafik.jpg) no-repeat;}
a.menu_a5 {width: 99px; background: url(../img/menu/galeria.jpg) no-repeat;}
a.menu_a6 {width: 109px; background: url(../img/menu/kontakt.jpg) no-repeat;}
a.menu_a7 {width: 180px; background: url(../img/menu/czlonkostwo.jpg) no-repeat;}
div.menu_divider {width: 45px; background: url(../img/menu/divider.jpg) no-repeat;}
a.menu_a1:hover {background-position: -167px 0;}
a.menu_a2:hover {background-position: -77px 0;}
a.menu_a3:hover {background-position: -94px 0;}
a.menu_a4:hover {background-position: -129px 0;}
a.menu_a5:hover {background-position: -99px 0;}
a.menu_a6:hover {background-position: -109px 0;}
a.menu_a7:hover {background-position: -180px 0;}
#content {margin: 0 42px 0 42px; color: #000;}
#main_content {width: 732px; float: left; margin-left: 10px;}
#main_content_glowna {width: 491px; float: left; margin-left: 10px;}
#main_content_top {background: url(../img/ramka_szeroka/glowna_szeroka_top.jpg) top left no-repeat;}
#main_content_middle {background: url(../img/ramka_szeroka/glowna_szeroka_middle.jpg) top left repeat-y; padding: 0 20px 25px 20px; color: #fff;}
#main_content_bottom {background: url(../img/ramka_szeroka/glowna_szeroka_bottom.jpg) top left no-repeat;}
#main_content_top {height:15px; padding: 14px 10px 10px 10px;}
#main_content_bottom {height:12px;}
.breadcrumps, .breadcrumps a {font-family: 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif; color: #fff; font-size: 11px;}
.breadcrumps a {text-decoration:none}
.breadcrumps a:hover {text-decoration:underline}
#main_content_middle h1, #main_content_middle_glowna h1 {text-transform: uppercase; font-size: 12px; color: #cefe59; width: 150px; background-color: #2E2E2E; text-align: right; font-weight: bold; padding: 5px; margin: 0 0 15px -20px;}
#main_content_top_glowna {background: url(../img/ramka_glowna/glowna_top.jpg) top left no-repeat;}
#main_content_top_glowna {height:15px; padding: 14px 10px 10px 10px;}
#main_content_middle_glowna {background: url(../img/ramka_glowna/glowna_middle.jpg) top left repeat-y; width: 451px; padding: 0 20px 25px 20px; color: #fff;}
#main_content_bottom_glowna {background: url(../img/ramka_glowna/glowna_bottom.jpg) top left no-repeat;}
#main_content_bottom_glowna {height:6px;}
a {color: #ddd;}
ul.lista {padding: 10px; margin:0; list-style: none; list-style-image:url(../img/szybkie_linki_strzalka.gif)}
.lista li {padding: 5px; margin:0;}
/* listy rekordow (newsy itp.)*/
.list_thumb {float: left; border-left: 6px solid #4e4e4e;}
.list_thumb img {display: block; border: 1px solid #99cf16; margin-left: 10px;}
.list_lead {float: left; padding-left: 15px; text-align: justify}
.list_title {text-align:left}
.list_title a {text-transform: uppercase; font-size: 14px; color: #292929; font-weight:bold; text-decoration: none;}
.list_title a:hover {text-decoration: underline;}
.list_ondate {float: right;font-size: 14px; color: #292929; font-weight:bold; margin-left: 20px}
.divider {background: url(../img/divider.jpg) center center no-repeat; height: 10px;}
.lead_news_main {width: 305px;}
.lead_news {width: 530px;}
.lead_promocje, .lead_referencje {width: 530px;}
.galeria {float: left; margin: 0 2px 0 2px; text-align: center;}
.galeria_wrap {margin-bottom: 3px; width: 215px; height: 88px; overflow: hidden; /*border: 2px solid #99cf16;*/}
.galeria img {margin: 0 0 3px 0;}
.galeria img.selected {border: 2px solid red;}
h2 {font-size: 13pt;}
/* podmenu w kategoriach dzialow */
/*.podmenu {margin: 0 auto; padding: 0; margin:0}
.podmenu td {padding: 0; margin:0}*/
.podmenu a {display: block; text-align: center; width: 230px; height: 23px; padding-top: 7px; background-color: #2E2E2E; text-decoration: none}
.podmenu a:hover {background-color: #6CA204}
/* menu wyboru dzialow */
.menu_icons div {text-align: center; float:left; overflow:hidden; width:115px; height:133px; margin: 0 28px 15px 0; cursor:pointer; background-repeat:no-repeat; background-position: 11px 11px}
.menu_icons div.last {margin-right: 0}
.menu_icons a {display:block; cursor:pointer; padding:105px 0 0 0; height:133px; background:url(../img/menu_icons.png) left top no-repeat; font-size:10px; text-decoration: none;}
.menu_icons a:hover {text-decoration: underline;}
.menu_icons .selected a {background:url(../img/menu_icons_active.png) left top no-repeat; color:#fff;}
/* szczegoly newsa - obrazek */
div.record_details_img {display: block; margin: 0 0 10px 10px; float: right;}
div.record_details_title {text-transform: uppercase; font-size: 14px; color: #292929; font-weight:bold;}
div.record_details_ondate {font-size: 12px; color: #292929; font-weight:bold; padding-bottom: 9px}
div.record_details_content {text-align: justify}
a.czytaj_wiecej {display: block; float:right; width: 76px; height: 15px; background: url(../img/czytaj_wiecej.jpg) no-repeat;}
a.czytaj_wiecej:hover {background-position: -76px 0;}
a.drukuj {display: block; float:right; width: 52px; height: 15px; background: url(../img/drukuj.jpg) no-repeat;}
a.drukuj:hover {background-position: -52px 0;}
a.powrot {display: block; float:right; width: 52px; height: 15px; background: url(../img/powrot.jpg) no-repeat;}
a.powrot:hover {background-position: -52px 0;}
a.wyslij {display: block; float:right; width: 46px; height: 15px; background: url(../img/wyslij.jpg) no-repeat;}
a.wyslij:hover {background-position: -46px 0;}
a.wiecej_aktualnosci {display: block; float:right; width: 104px; height: 15px; background: url(../img/wiecej_aktualnosci.jpg) no-repeat;}
a.wiecej_aktualnosci:hover {background-position: -104px 0;}
/* sonda */
.sonda img {display: block; margin: 4px 0 4px 0}
input.wyslij {cursor:pointer; border:none; background: url(../img/wyslij.jpg) no-repeat; width: 46px;}
input.glosuj {cursor:pointer; border:none; background: url(../img/glosuj.jpg) no-repeat; width: 46px;}
.banner {margin-bottom: 10px}
/* stopka */
#footer {font-size: 11px; background: url(../img/stopka.jpg) top left no-repeat; width: 900px; height: 112px; position: relative;}
#footer a {color: #292929; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer_links {position: absolute; top: 20px; left: 210px; height: 50px; color: #292929;}
#footer_opis {position: absolute; top: 50px; left: 20px; width: 860px; text-align: justify}
#footer_podpis {position: absolute; top: 100px; right: 20px;}
/* ================================================================= */
/* Navigation http://be.twixt.us/jquery/suckerFish.php */
.nav, .nav ul {
list-style: none;
margin: 0;
padding: 0;
}
.nav {
z-index: 10;
position: relative;
}
.nav li {
float: left;
margin: 0;
padding: 0;
position: relative;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
display: block;
font-family: 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #fff;
text-transform: uppercase;
text-decoration: none;
padding: 0px;
}
#nav-one li ul a, #nav-one li ul a:hover {padding: 10px 10px 3px 10px}
#nav-one li ul a, #nav-one li ul a:hover {line-height:1; overflow:hidden; height: 20px}/* div: height 1px IE hack */
.nav ul {
background: #2E2E2E;
list-style: none;
margin: 0;
width: 200px;
position: absolute;
top: -999em;
}
.nav li:hover ul,
.nav li.sfHover ul {
top: 35px;
}
.nav ul li {
border: 0;
float: none;
}
.nav ul a {
border-bottom: 0;
display: block;
white-space: nowrap;
}
.nav ul a:hover {
background: #1f1f1f;
}
/* ================================================================= */
/*
* simplyScroll 1.0.3 - a scroll-tastic jQuery plugin
*
* http://logicbox.net/jquery/simplyscroll
* http://logicbox.net/blog/simplyscroll-jquery-plugin
* http://plugins.jquery.com/project/simplyScroll
*
* Copyright (c) 2009 Will Kelly - http://logicbox.net
*
* Dual licensed under the MIT (MIT-LICENSE.txt)
* and GPL (GPL-LICENSE.txt) licenses.
*
* Last revised: 03/07/2009 21:13
*
*/
/* Default/Master classes
Example markup format (for horizontal scroller)
Note all DIVs are generated and should not be hard-coded
*/
.simply-scroll-container { /* Container DIV - automatically generated */
position: relative;
}
.simply-scroll-clip { /* Clip DIV - automatically generated */
position: relative;
overflow: hidden;
z-index: 2;
}
.simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */
position: absolute;
top: 0;
left: 0;
z-index: 1;
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
}
.simply-scroll-list li {
padding: 0;
margin: 0;
list-style: none;
}
.simply-scroll-list li img {
border: none;
}
.simply-scroll { /* Customisable base class for style override DIV */
width: 937px;
height: 104px;
}
.simply-scroll .simply-scroll-clip {
width: 937px;
height: 104px;
}
.simply-scroll .simply-scroll-list {}
.simply-scroll .simply-scroll-list li {
/*width: 125px;
height: 80px;
display:block;float:left;*/
display: inline;
text-align:center;
/*width: 125px;*/
line-height: 80px;
padding:0 10px;
}
.simply-scroll .simply-scroll-list li span {width: 7830px; text-align:center; display:inline-block;}
/*.simply-scroll .simply-scroll-list li span.w1 {width:100px}
.simply-scroll .simply-scroll-list li span.w2 {width:150px}
.simply-scroll .simply-scroll-list li span.w3 {width:200px}
.simply-scroll .simply-scroll-list li span.w4 {width:250px}
.simply-scroll .simply-scroll-list li span.w5 {width:300px}
.simply-scroll .simply-scroll-list li span.w6 {width:350px}*/
.simply-scroll .simply-scroll-list li img {vertical-align:middle;}