body{
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    background-color:#09290d;
}

img{
    border: none;
}
hr{
    color: #0a0301;
}

#topDiv {
    width: 1001px;
    position: absolute;
    left: 50%;
    top: 20px;
    bottom: 20px;
    margin: 0 auto;
    margin-left: -500px;
}
#cale {
    background-color:#09290D;
    border-bottom:2px solid black;
    border-left:2px solid black;
    border-right:2px solid black;
    height:701px;
    overflow:hidden;

    width:1001px;
}
div{
    /*position:absolute;*/
    background-color: none;
    background-repeat: no-repeat;
}


#herb {									/* grafika herbu w lewym gornym rogu */
                width:162px;
                height:179px;
                left:0px;
                background-image :url("grafika/herb_nowy.jpg");
                z-index: 0;
                position:absolute;
}

#banda{										/* grafika bandy po lewo */
                 width:162px;
                 height:522px;
                 top: 179px;
                 left:0px;
                 background-image :url("grafika/banda.jpg");
                 z-index: 0;
                 position:absolute;
}

#zdjecia{									/* zdjecia ktore jeszcze zmienie po prawo */
                  width:266px;
                  height:179px;
                  left:735px;
                  background-image :url("grafika/zdjecie_nowy.jpg");
                  z-index: 0;
                  position:absolute;
}

#logo{										/* grafika gorna czesc z napisem */
                width:573px;
                height:179px;
                left:162px;
                background-image :url("grafika/logo_nowy.jpg");
                z-index: 0;
                position:absolute;
}


#papier{									/*grafika czesc glowna kartki */
                 width:573px;
                 height:522px;
                 top:179px;
                 left:162px;
                 background-image :url("grafika/glowne.jpg");
                 z-index: 0;
                 position:absolute;
}

#main{										/* grafika z boczna czescia kartki ta po prawo */
                width:252px;
                height:522px;
                top:179px;
                left:749px;
                background-image :url("grafika/manu.jpg");
                z-index: 0;
                position:absolute;
}
#pasek{									/* obszar gdzie ma byc pasek przewijania */
                width:14px;
                height:522px;
                top:179px;
                left:735px;
                background-image :url("grafika/pasek.jpg");
                z-index: 0;
                position:absolute;
}
#glowny{							/* czesc glowna tu sie ma wszystko zmieniac */
               text-align: left;
               width:540px;
               height:440px;
               top:220px;
               left:160px;
               direction: ltr;
               position:absolute;
}

#glowny > div#content{
    overflow: hidden;
    overflow-y: auto;
    width:570px;
    height:430px;
    padding-bottom: 10px;
    padding-right: 20px;
    /*margin-left: -15px;*/
    position: static;

}

#glowny > div#content ul#contentUL {
   margin-left: 0px;
   padding-left: 0px;
}
#glowny > div#content ul#contentUL > li{
    list-style: none;
    margin-left: 0px;
    width:545px;
    text-align: justify;
}

#articleContainer{
    margin-left: 15px;
    padding-right: 22px;
}

#main_top{							/* manu u gory */

                 width:520px;
                 height:47px;
                 top:145px;
                 left:180px;
                 direction: ltr;
                 margin-top: -7px;
                 margin-left: 10px;
                 font-family: "Times New Roman",serif;
                 font-style: italic;
                 font-weight: bold;
                 font-size: 20px;
                 position:absolute;

}
#main_top > a{
    text-decoration: none;
    margin-right: 20px;
    color: black;
    float: left;
    margin-bottom: 10px;
}
#main_top > div{
    margin-right: 20px;
    position: static !important;
    color: black;
    float: left;
}

#galeria_top{						/* galeria ze zdjeciami po prawo chca taka z 10 zdjeciami ktore beda sie zmienialy w trakcje uzytkowania ja juz to zrobie */	
                   text-align: center;
                   color:#E1C770;
                   width:205px;
                   height:145px;
                   top:177px;
                   left:766px;
                   direction: ltr;
                   position:absolute;
}

#main_left{						/* manu po lewo */

                 text-align: center;
                 color:#ff0000;
                 width:195px;
                 height:270px;
                 top:350px;
                 left:771px;
                 /*border: 1px solid black;*/
                 direction: ltr;
                 text-align: center;
                 color:#ff0000;
                 font-family: "Times New Roman",serif;
                 font-style: italic;
                 font-weight:bold;
                 font-size: 18px;
                 position:absolute;
}

#main_left > a{
    text-decoration: none;
}


#panel{							/* dolny panel z numeracja strony */
              text-align: left;
              color:black;
              width:200px;
              height:20px;
              top:650px;
              left:345px;
              direction: ltr; 			/*nowe*/
              margin-top:5px;
              font-size: 18px;
              position: absolute;
              font-family: sans-serif;
}

#logout{
    text-align: left;
              color:white;
              width:200px;
              height:20px;
              top:649px;
              left:836px;
              direction: ltr; 			/*nowe*/
              margin-top:5px;
              font-size: 12px;
              position: absolute;
              font-family: sans-serif;
}

a {							/* nie wiedzialem czy cos bedziesz tutaj zminial dlatego ustawilem tylko kolor */
          color: black;
}

#slideshow {
    position:relative;
    height:145px;


}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:4;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:6;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:5;
}

#cloud {
    position: absolute;
    background: black;
    font-size:12px;
    top:100px;
    height: 45px;
    width: 205px;
    text-align: center;
    color: white;
    opacity: 0.7;
    filter:alpha(opacity=70);
    display: none;
    z-index:7;
    direction: 7tr;
}
#o_1{
    color:#ff0000;
    width:200px;
    height:115px;
    top:245px;
    left:180px;
    direction: 2tr;
    position: absolute;
}
#o_2{
    color:#ff0000;
    width:185px;
    height:110px;
    top:240px;
    left:485px;
    direction: 2tr;
    position: absolute;
}
#o_3{
    color:#ff0000;
    width:135px;
    height:210px;
    top:360px;
    left:220px;
    direction: 2tr;
    position: absolute;
}
#o_4{
    color:#ff0000;
    width:180px;
    height:145px;
    top:360px;
    left:355px;
    direction: 2tr;
    position: absolute;
}
#o_5{
    color:#ff0000;
    width:140px;
    height:160px;
    top:390px;
    left:535px;
    direction: 2tr;
    position: absolute;
}
#o_6{
    color:#ff0000;
    width:250px;
    height:120px;
    top:540px;
    left:320px;
    direction: 2tr;
    position: absolute;
}
#podpis{
    background: white;
    height: 45px;
    text-align: center;
    width: 210px;
    font-size:11px;
    text-align: center;
    color: black;
    opacity: 0.8;
    filter:alpha(opacity=80);
    display: none;
    z-index:8;
    direction: 3tr;
    position: fixed !important;
}

ul#contentUL > p > a{
    text-decoration: none;
    font-weight: bold;
}

ul#contentUL > p > a:hover{
    text-decoration: underline;
}

div#cale > div#glowny > div#content > div#categories{
    position: static;
    float: left;
}

div#cale > div#glowny > div#content > div#categories > div#holder{
    position: static;
    float: left;
    margin: 10px;
    height: 110px;
    font-family:"Times New Roman",serif;
    font-size:14px;
    font-style:italic;
    font-weight:bold;
}

div#cale > div#glowny > div#content > div#categories > div#holder a{
    text-decoration: none;
}

div#cale > div#glowny > div#content > div#categories > div#holder > div#imageContainer{
    position: static;
    float: left;
    margin: 0 auto;
    width: 140px;
    text-align: center;
    padding-top: 5px;
}


div#content form > label, div#content form > input{
    margin: 5px;
}

div.helper, div#rejestracja{
    position: static;
}
div.error, div.przyczyna, div.guzik{
    position: static;
    margin: 0 auto;
    width: 200px;
}

td.error{
    color: red;
}

div#szabla{
    margin:0 auto;
    padding-top: 10px;
    width:300px;
    position:static;
}

div#footer{
    height: 20px;
    width: 1px;
}