body {
        margin: 0px;
        padding: 0px;
        background-color: #FFFFFF;
        background-image: url(../tlo1.jpg);
        background-attachment:fixed;
        background-repeat: repeat-x;
        font-family: Verdana, Arial, Helvatica;
}

#topik {
width:1010px;
background-image: url('../obrazki/radomkaR1C1.png');
background-repeat:repeta-x;
margin: 0 auto;
}
#top {
        width: 1000px;
        height: 157px;
        margin: 0px auto;
        display: block;
}
#top_l {
        width: 465px;
        height: 157px;
        display: block;
        float: left;
        position: relative;
}
#top_r {
        width: 535px;
        height: 157px;
        display: block;
        float: right;
}
#muzyka {
        width: 465px;
        height: 64px;
        background-image: url(../obrazki/radomkaR1C2.jpg);
        background-repeat: no-repeat;
}
#logo {
        width: 465px;
        height: 59px;
        background-image: url(../obrazki/radomkaR4C4.png);
        background-repeat: no-repeat;
        background-position: top right;
}
#top_l_d {
        width: 465px;
        height: 34px;
        background-image: url(../obrazki/radomkaR5C2.png);
        background-repeat: no-repeat;
}
#menu_g {
        width: 535px;
        height: 43px;
        background-image: url(../obrazki/radomkaR1C8.png);
        background-repeat: no-repeat;
        background-position: top right;
}
#pl {
        width: 32px;
        height: 43px;
        float: left;
        position: relative;
}
div.space_plen {
        width: 5px;
        height: 43px;
        float: left;
        background-image: url(../obrazki/radomkaR1C6.png);
        background-repeat: no-repeat;
}
div.en {
        width: 28px;
        height: 43px;
        float: left;
}
#menu_gorne {
        width: 320px;
        height: 43px;
        float: right;
        margin: 0px;
        padding: 0px;
}
#space {
        width: 535px;
        height: 14px;
        background-image: url(../obrazki/radomkaR2C5.png);
        background-repeat: no-repeat;
}
#loga_gmin {
        width: 535px;
        height: 100px;
        background-image: url(../obrazki/radomkaR3C5.jpg);
        background-repeat: no-repeat;
}
#baner {
        width: 1010px;
        margin:0 auto;
        height: 185px;
        background-color: #75973A;
        background-image: url(../obrazki/radomkaR6C10.png);
        margin-bottom: 0px;
}
#panel {
        width: 100%;
        height: 400px;
        background-color: #75973A;
        margin-bottom: 1px;
}

#polebaneru {
        width: 1000px;
        height: 185px;
        margin: 0 auto;
        display: block;
}
#wyszukiwarka {
        width: 206px;
        height: 185px;
        background-image: url(../obrazki/radomkaR6C2.jpg);
        background-repeat: no-repeat;
        float: left;
        position: relative;
}
#wizualizacja {
        width: 792px;
        height: 176px;
        float: right;
        background-image: url(../obrazki/radomkaR6C3.png);
        background-position: top left;
        background-repeat: no-repeat;
        padding-top: 9px;
        padding-right:2px;
}
#strona {
        width: 1010px;
        margin:0 auto;
        padding-top:1px;
        background-image: url(../obrazki/radomkaR10C1.png);
        background-color:#fff;
        background-repeat: repeat-x;
        overflow: hidden;
}
#polestrony {
        margin: 0 auto;
        display: block;
        width: 1000px;
        overflow: hidden;
}
#lewa_kolumna {
        width: 208px;
        float: left;
        position: relative;
        margin: 0px;
}
#zawartosc {
        width: 582px;
        float: left;
        background-image: url(../obrazki/radomkaR10C3.png);
        background-repeat: repeat-x;
        margin: 0px;
}
#prawa_kolumna {
        width: 210px;
        float: right;
        background-image: url(../obrazki/radomkaR10C9.png);
        background-repeat: no-repeat;
        margin: 0px;
}
#stopka {
        width: 100%;
        background-color: #777B70;
}
#polestopki {
        margin: 0 auto;
        display: block;
        width: 1000px;
        padding: 10px;
        text-align: center;
}
#loga {
        width: 1010px;
        background-color:#fff;
        padding-top: 5px;
        padding-bottom:5px;
        text-align: center;
        margin:0 auto;
}



div.linki {
        height: 50px;
        border: 1px solid #EFEFF8;
        padding: 3px;
        margin: 2px;
        line-height: 11px;
}
div.galeria {
        width: 500px;
        height: 100px;
        margin: 20px;
        padding: 15px;
        border-bottom: 1px dashed silver;
        border-top: 1px dashed silver;
}
div.galeria2 {
        width: 235px;
        height: 145px;
        margin: 10px;
        padding: 10px;
        border: 1px dashed silver;
        float:left;
}
div.galeria2 p {
        text-align:left;
}
div.aktualnosci {
        margin: 5px;
        padding-bottom: 20px;
        border-bottom: 1px dashed silver;

}
div.pole {
        margin: 5px;
        padding-bottom: 20px;
        border-bottom: 1px dashed silver;
        border-top: 1px dashed silver;
}





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




a {
        color: #666666;
        text-decoration: underline;
        font-size: 11px;
        overflow: hidden;
}
a:hover {
        color: #CCCCCC;
}
a.menu_gora {
        font-family: Verdana, Arial, Helvatica;
        font-size: 11px;
        display: inline;
        width: 80px;
        height: 20px;
        text-align: center;
        color: #53843A;
        text-decoration: none;
        line-height: 12px;
        padding: 0px;
        padding-right: 10px;
        padding-left: 10px;
        border-right: 1px solid #53843A;
}
a.menu_gora:hover {
        color: #B5D6A3;
}
a.gmina {
        border: 0px;
        text-align: center;
        font-size: 10px;
        text-transform: uppercase;
        font-weight: bold;
        color: #53843A;
        text-decoration: none;
        float: center;
        line-height: 14px;
        margin: 0px;
        padding: 0px;
}
a.gmina:hover {
        color: #86C946;
}
a.gmina1 {
        border: 0px;
        text-align: center;
        font-size: 10px;
        font-weight: bold;
        color: #53843A;
        text-decoration: none;
        float: center;
        line-height: 11px;
        margin: 0px;
        padding: 0px;
}
a.gmina1:hover {
        color: #86C946;
}
a.razem {
        text-align: left;
        font-size: 11px;
        text-decoration: none;
        line-height: 12px;
        font-weight: bold;
        color: #000000;
        padding: 0px;
        padding-top: 0px;
        position: relative;
        float: left;
}
a.menu {
        width: 208px;
        height: 29px;
        background-image: url(../obrazki/radomkaR15C2.png);
        background-repeat: no-repeat;
        display: block;
        font-size: 11px;
        text-decoration: none;
        text-indent: 15px;
        text-align: left;
        line-height: 30px;
        color: #FFFFFF;
}
a.menu:hover {
        background-image: url(../obrazki/radomkaR11C2.png);
        color: #F4F697;
}
a.menu1 {
        width: 208px;
        height: 29px;
        background-image: url(../obrazki/radomkaR16C2.png);
        background-repeat: no-repeat;
        display: block;
        font-size: 11px;
        text-decoration: none;
        text-indent: 15px;
        text-align: left;
        line-height: 30px;
        color: #FFFFFF;
}
a.menu1:hover {
        color: #F4F697;
        background-image: url(../obrazki/radomkaR13C2.png);
        overflow: hidden;
}
a.menu_dol {
        color: #E5E5E5;
        font-size: 11px;
        text-decoration: none;
}
a.menu_dol:hover {
        text-decoration: underline;
}
a.bez_podkreslenia {
        text-decoration: none;
}
a.numerowanie {
        font-size: 11px;
        color: #7C7C7C;
        text-decoration: none;
        display: inline;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 4px;
        padding-right: 4px;
        width: 15px;
        height: 15px;
        background-color: #EFEFEF;
}
a.numerowanie:hover {
        color: #D1D1D1;
}
a.admin {
        color: #FFFFFE;
        font-size: 11px;
        text-decoration: none;
        text-align: center;
        display: inline;
        width: 200px;
        padding-left: 30px;
        padding-right: 30px;
        margin-top: 10px;
        height: 30px;
}


h1 {
        margin: 20px;
        font-size: 16px;
        font-weight: normal;
        text-align: left;
        color: #358B00;
}
h1.panel {
        margin: 20px;
        font-size: 16px;
        font-weight: normal;
        text-align: center;
        color: #FFFFFF;
        font-weight: bold;
}
h2 {
        text-align: center;
        font-size: 13px;
        font-weight: bold;
        color: #006633;
        margin-bottom: 0px;
        margin-top: 5px;
        line-height: 13px;
        padding-bottom: 0px;
}
h2.panel {
        text-align: center;
        font-size: 13px;
        font-weight: bold;
        color: #FFFFFF;
        margin-bottom: 0px;
        margin-top: 5px;
        line-height: 13px;
        padding-bottom: 0px;
}
h3 {
        color: #666666;
        font-size: 13px;
        font-weight: normal;
        margin-bottom: 10px;
        margin-top: 6px;
        text-align: center;
        
}

p {
        color: #666666;
        font-size: 11px;
        line-height: 14px;
        margin: 20px;
        text-align: justify;
}
p.panel {
        color: #FFFFFE;
        text-align: center;
        margin: 5px;
        padding: 5px;
        
}
p.panell {
        color: #FFFFFE;
        text-align: left;
        margin: 0px;
        padding: 5px;
}
p.tabela {
        margin: 10px;
}
p.podpis {
        font-size: 10px;
        text-align: center;
        margin: 0px;
        line-height: 12px;
}
p.kolor {
        color: #5C950B;
        font-size: 12px;
}
p.naglowek {
        color: #5C950B;
        font-size: 16px;
        font-weight: bold;
        margin-left: 25px;
        margin-bottom: 5px;
        line-height: 20px;
}
span.kolor {
        color: #5C950B;
}
p.data {
        font-size: 16px;
        font-weight: bold;
        color: #228B98;
}
p.menu_dol {
        color: #E5E5E5;
        font-size: 11px;
        text-decoration: none;
        text-align: center;
        margin: 4px;
}
ol, ul {
        color: #666666;
        font-size: 11px;
        margin-right: 15px;
        text-align: justify;
        line-height: 16px;
}
span.small {
        margin: 0px;
        padding: 0px;
}





hr.linia {
        width: 95%;
        height: 1px;
        color: #EEEEEE;
}






input.kontakt {
        height: 14px;
        border: 1px solid #009900;
        font-family: Verdana, Arial, Helvetica;
        font-size: 12px;
        padding: 0px;
        width: 200px;;
        background-color: #EAF4EB;
}

textarea {
         border: 1px solid #009900;
         font-family: Verdana, Arial, Helvetica;
         font-size: 12px;
         padding: 1px;
         background-color: #EAF4EB;
}
input.box {
        margin: 0px;
        padding: 0 px;
}
input.radio {
        margin: 0px;
        padding: 0px;
        line-height: 10px;
}


p table tr td {
       color: #666666;
       font-size: 11px;
       line-height: 14px;
       margin: 20px;
       text-align: left;
}

table {
        margin-left: 20px;
}
td.color {
        background-color: #F7F7F7;
        width: 420px;
}
td.obramowanie {
         border-left: 6px solid #F7F7F7;
         width: 70px;
         padding-left: 20px;
}
td.color2 {
        background-color: #F5F8F1;
        width: 420px;
}
td.obramowanie2 {
        border-left: 6px solid #F5F8F1;
        width: 70px;
        padding-left: 20px;
}
td.harm {
        overflow: hidden;
        background-color: #F0F6E7;
        font-size: 11px;
        color: #4E4E4E;
        font-weight: normal;
        padding: 4px;
        text-align: center;
        line-height: 16px;
}
td.harm2 {
        background-color: #E0F1BD;
        padding: 6px;
        font-size: 10px;
        color: #4E4E4E;
        text-align: center;
        line-height: 16px;
}
td.harm3 {
        background-color: #F1F9DD;
        padding: 6px;
        font-size: 10px;
        color: #F3FED;
        text-align: center;
        line-height: 16px;
}

.menus {font-family: Verdana, arial, sans-serif; width:208px; height:390px; position:relative; margin:0; font-size:11px;z-index: 2;}
.menus ul li a, .menus ul li a:visited {display:block; text-decoration:none; color:#FFF; width:200px; height:29px; border:0px solid #5a3; border-width:0px 0px 0 0;
background:transparent  url(../obrazki/radomkaR15C2.png); line-height:29px; font-size:11px; padding-left:10px;z-index: 2;}
.menus ul {padding:0; margin:0;list-style-type: none;}
.menus ul li ul {display: none;z-index: 2;}

/* specific to non IE browsers */
.menus ul li:hover a {color: #F4F697; overflow: hidden; background-image: url(../obrazki/radomkaR11C2.png);}
.menus ul li:hover a.menu1 {color: #F4F697; overflow: hidden; background:url(../obrazki/radomkaR13C2.png) !important;}
.menus ul li:hover ul {display:block; position:absolute; top:auto; left:208px; width:500px; background:transparent; margin-top: -29px;z-index: 2;}
.menus ul li:hover ul li a {display:block; background: #267400; color:#FFF; width:280px; }
.menus ul li:hover ul li a:hover {background-color:#267400; color: #F4F697; overflow: hidden;}



/*--- shared */
#ftHolder { width: 500px; float: left; text-align: center; height: 332px; padding-top: 90px; }
#ft { border: 5px solid #BAD340; -moz-border-radius: 5px; }
#example { float: left; }
.ft-title { padding: 10px 10px; width: 430px; text-align: left; }
/*--- end:shared */
.topbar h2{ font-weight: normal !important }
.topbar a { color: #3399cc; text-decoration: none; }
.topbar a:hover { text-decoration: underline; }
.ft-prev, .ft-next { background-color: #000; padding: 0 10px; }
.ft-button-ft-active { color: black; }



 * Slideshow style rules.
 */
#slideshow {
       margin:0 auto;
       width:520px;
       height:150px;
       background:transparent url(../img/bg_slideshow.jpg) no-repeat 0 0;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:510px;
  height:150px;
  overflow:auto; /* allow scrollbar */
  border:1px solid #CECECE;
  background-color:#F2F0E6;

}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:480px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:150px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:10px;
  height:150px;
  text-indent:-10000px;
  cursor: pointer;
}
#leftControl {
  background:transparent url(../img/control_left.jpg) no-repeat 0 0;
  float:left;
}
#rightControl {
  float:right;
  background:transparent url(../img/control_right.jpg) no-repeat 0 0;
  top: -150px;
  position:relative;
}

/** 
 * Style rules for Demo page
 */


#pageContainer {
  margin:0 auto;
  width:550px;
  height:150px;
}

.slide h2, .slide p {
  margin:20px;
  text-align:left;
  margin-right:80px;
}
.slide h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  color:#228B98;
  letter-spacing:-1px;
}
.slide img {
  float:left;
  margin:20px;
  margin-top:25px;
}




/*
    anythingSlider v1.3.7

    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

/******* SET DEFAULT DIMENSIONS HERE ********/
div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .anythingWindow ul li {
       width: 500px;
       height: 150px;
       margin: 0 auto;
}

/****** SET COLORS HERE *******/
/* Default State */
div.anythingSlider .thumbNav a.cur, div.anythingSlider .thumbNav a {
       background-color: #F2F0E6;
}
div.anythingSlider .anythingWindow {
       border-top: 1px solid #F2F0E6;
       border-bottom: 1px solid #F2F0E6;
}
/* Active State */
div.anythingSlider.activeSlider .thumbNav a.cur, div.anythingSlider.activeSlider .thumbNav a {
       background-color: #fff;
}
div.anythingSlider.activeSlider .anythingWindow {
       border-color: #fff;
}

/**** DO NOT CHANGE BELOW THIS LINE ****/
div.anythingSlider .anythingWindow, div.anythingSlider .anythingWindow ul li {
       width: 500px;
       background-color: #F2F0E6;
}
div.anythingSlider .anythingWindow {
       overflow: hidden;
       position: relative;
}
div.anythingSlider {
       position: relative;
       padding: 0 45px 28px 45px;
}
div.anythingSlider .anythingWindow ul {
       /* Width below is max for Opera */
       width: 520px;
       background: transparent;
       list-style: none;
       position: absolute;
       top: 0; left: 0;
       margin: 0;
}
div.anythingSlider .anythingWindow ul li {
       background: transparent;
       display: block;
       float: left;
       padding: 0;
       margin: 0;
}
div.anythingSlider .anythingWindow ul ul {
       position: static; margin: 0; background: #F2F0E6; overflow: visible; width: auto; border: 0; }
div.anythingSlider .anythingWindow ul ul li { float: none; height: auto; width: auto; background: none; }

/* Navigation Arrows */
div.anythingSlider .arrow {
       top: 50%;
       position: absolute;
       display: block;
}
div.anythingSlider .arrow a {
       display: block;
       height: 120px;
       margin-top: -60px;
       width: 45px;
       text-align: center;
       background: url(../images/arrows.png) no-repeat;
       text-indent: -9999px;
}
div.anythingSlider .forward { right: 0; }
div.anythingSlider .back { left: 0; }
div.anythingSlider .forward a { background-position: 0 -40px; }
div.anythingSlider .back a { background-position: -88px -40px; }
div.anythingSlider .forward a:hover { background-position: 0 -240px; }
div.anythingSlider .back a:hover { background-position: -88px -240px; }

/* Navigation Links */
div.anythingSlider .thumbNav { margin: 0; }
div.anythingSlider .thumbNav li { display: inline; }
div.anythingSlider .thumbNav a {
       color: black;
       font: 11px/18px Georgia, Serif;
       display: inline-block;
       text-decoration: none;
       padding: 2px 8px;
       height: 18px;
       margin: 0 5px 0 0;
       background-image: url(../images/cellshade.png);
       background-repeat: repeat-x;
       text-align: center;
       -moz-border-radius-bottomleft: 5px;
       -moz-border-radius-bottomright: 5px;
       -webkit-border-bottom-right-radius: 5px;
       -webkit-border-bottom-left-radius: 5px;
}
div.anythingSlider .thumbNav a:hover { background-image: none; }

/* slider autoplay right-to-left, reverse order of nav links to look better */
div.anythingSlider.rtl .thumbNav a { float: right; } /* reverse order of nav links */
div.anythingSlider.rtl .thumbNav { float: left; }    /* move nav link group to left */
/* div.anythingSlider.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */

/* Autoplay Start/Stop button */
div.anythingSlider .start-stop {
       z-index: -1;
       background: green url(../images/cellshade.png) repeat-x center top;
       color: white;
       padding: 2px 5px;
       width: 40px;
       text-align: center;
       text-decoration: none;
       float: right;
       -moz-border-radius-bottomleft: 5px;
       -moz-border-radius-bottomright: 5px;
       -webkit-border-bottom-right-radius: 5px;
       -webkit-border-bottom-left-radius: 5px;
}
div.anythingSlider .start-stop.playing { background-color: red; }
div.anythingSlider .start-stop:hover { background-image: none; }