* {
       margin: 0;
       padding: 0;
}

body {
       margin-top: 230px;
       background: #000000 url(images/naglowek.jpg) no-repeat center top;
       font: normal small Verdana, Arial, Helvetica, sans-serif;
       color: #999999;
}

h1, h2, h3 {
       color: #FFFFFF;
}

p, blockquote, ul, ol {
       margin-bottom: 1.4em;
       line-height: 1.8em;
       text-align: justify;
}
        
ul {
       margin-left: 3em;
}

ol {
       margin-left: 3em;
}

a {
       text-decoration: none;
       color: #FFFFFF;
}

a:hover {
       text-decoration: underline;
}

img {
       border: 4px solid #C4C2C2;
}

/* Styl aktualności */

.aktualnosci {
       margin-bottom: 20px;
}

.aktualnosci .tytul {
       margin: 0;
       padding: 5px 0;
       background: url(images/img07.gif) repeat-x left bottom;
       font-size: 1em;
}

.aktualnosci .tresc {
       padding: 15px;
}

/* Post */

.post .title {
       padding: 10px 0;
       background: url(images/img07.gif) repeat-x left bottom;
       font-size: 1.6em;
       font-weight: normal;
}

.post .date {
       padding: 10px;
       background: url(images/img07.gif) repeat-x left bottom;
       font-size: .8em;
       font-weight: normal;
}

.post .temat_dodat {
       font-size: 1.3em;
}

.post .story {
       padding: 20px;
}


/* Nagłówek */

#naglowek {
       height: 61px;
       background: url(images/img02.gif) repeat-x;
}

/* Nagłówek - Logo */

#logo {
       width: 700px;
       height: 19px;
       margin: 0 auto;
       padding: 6px 0 0 0;
}

#logo h1, #logo h2 {
       text-transform: uppercase;
       letter-spacing: 1px;
       font-size: 11px;
}

#logo h1 {
       float: left;
}

#logo h2 {
       float: right;
}

/* Nagłówek - Menu */

#menu {
       width: 825px;
       height: 27px;
       margin: 0 auto;
}

#menu ul {
       margin: 0;
       padding: 7px 0 0 0;
       list-style: none;
}

#menu li {
       display: inline;
}

#menu a {
       display: block;
       float: left;
       height: 25px;
       margin: 0 5px 0 0;
       padding: 2px 25px 0 25px;
       background: url(images/img03.gif) repeat-x;
       border: 1px solid #222222;
       text-align: center;
       font-size: 9px;
       font-weight: bold;
       color: #FFFFFF;
}

#menu a:hover {
       background-image: url(images/img04.gif);
       text-decoration: none;
}

#menu .aktywny a {
       background-image: url(images/img05.gif);
}

/* Całe dolne okno treści */

#calosc {
       background: url(images/img06.gif) repeat-x;
}

/* Rama */

#rama {
       width: 730px;
       margin: 0 auto;
       padding: 20px 0 0 0;
}

/*Mała ramka tekstowo-graficzna*/

#ramka1 {
       width: 730px;
       height: 50px;
       margin-bottom: 0;
       padding: 10px 0 10px 0;
}

/*średnia ramka tekstowo-graficzna*/
#ramka2a {
       width: 730px;
       height: 280px;
       margin: 20px auto;
       padding: 20px 0 0 0;
}

#ramka2b {
       width: 730px;
       height: 280px;
       margin: 20px auto;
       padding: 20px 0 0 0;
}

#ramka2c {
       width: 730px;
       height: 280px;
       margin: 20px auto;
       padding: 20px 0 0 0;
}

#ramka2d {
       width: 730px;
       height: 280px;
       margin: 20px auto;
       padding: 20px 0 0 0;
}

/* Bloki treści > Tekst po prawej */

#tekstprawy1 {
       float: right;
       width: 460px;
       height: 220px;
}

#tekstprawy2 {
       float: right;
       width: 460px;
       height: 220px;
}

/* Bloki treści > Tekst po prawej pełny*/

#tekstprawy_full {
       float: right;
       width: 460px;
}
/* Bloki treści > Tekst po lewej */

#tekstlewy1 {
       float: left;
       width: 460px;
       height: 220px;
}
#tekstlewy2 {
       float: left;
       width: 460px;
       height: 220px;
}

#grafikaprawy1 {
       float: right;
       width: 220px;
       height: 220px;
}

#grafikaprawy2 {
       float: right;
       width: 220px;
       height: 220px;
}

#grafikalewy1 {
       float: left;
       width: 220px;
       height: 220px;
}

#grafikalewy2 {
       float: left;
       width: 220px;
       height: 220px;
}

/* Content > Main > Example */

#tekst_blok1a img {
        border: 2px solid #C4C2C2;
}

#tekst_blok1b img {
        border: 2px solid #C4C2C2;
}

/* Treść > Lewy blok */

#lewybox {
       float: left;
       width: 220px;
       margin: 20px auto;
}

/* Treść > Lewy blok > Lewy nagłówek tekstowy */

#lewytemat {
        float: left;
        width: 220px;
        padding: 15px 15px;
        color: #FF8A00;
}

#lewytemat h2 {
       margin: 0;
       font-size: 1.5em;
       color: #FF8A00;
}

#lewytemat h3 {
       margin: 0;
       font-size: 1em;
       color: #FF8A00;
}

/* Treść > Prawy blok > Prawy nagłówek tekstowy */

#prawytemat {
        float: right;
        width: 440px;
        padding: 15px 15px;
        color: #FF8A00;
}

#prawytemat1 {
        float: right;
        width: 440px;
        padding: 15px 15px;
        color: #FF8A00;
}

#prawytemat2 {
        float: right;
        width: 440px;
        padding: 15px 15px;
        color: #FF8A00;
}

#prawytemat3 {
        float: right;
        width: 440px;
        padding: 15px 15px;
        color: #FF8A00;
}

#prawytemat4 {
        float: right;
        width: 440px;
        padding: 15px 15px;
        color: #FF8A00;
}
/* Treść > Lewy blok > grafika */

#grafika fieldset {
       border: none;
}

#grafika legend {
       display: none;
}

#grafika label {
       font-size: x-small;
       font-weight: bold;
}

#grafika input {
       margin-bottom: 5px;
       padding: 2px 5px;
       border: 1px solid #385B88;
       font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Content > Sidebar > Updates*/

#updates ul {
       margin: 0;
       list-style: none;
}

#updates h3 {
       margin: 0;
       font: bold x-small Verdana, Arial, Helvetica, sans-serif;
}

#updates p {
       margin-bottom: 1.4em;
       font-size: smaller;
       line-height: normal;
}

/* Footer */

#footer {
       clear: both;
       padding: 20px 50px;
       border-top: 4px solid #393F4D;
       background: #444C5D;
}

#footer p {
       width: 700px;
       margin: 0 auto;
       font-size: x-small;
       color: #FFFFFF;
}

#footer a {
       text-decoration: underline;
       color: #FFFFFF;
}

#footer a:hover {
       text-decoration: underline;
}

/* #galeria img {
       border: 0px solid #C4C2C2;
} */