* { margin: 0; padding: 0; }

/* linki ogolnie */

a {
    font-size: 11px;
    font-weight: bold;
    color: #804000;
    text-decoration: none;
    padding: 1px 3px;
}
a:hover {
    color: #000000;
    text-decoration: underline;
}
a[href^="http:"]:hover { background: #804000; color: #ffffff; }

/* strona */

body {
   margin: 10px auto;
   width: 960px;
   font-size: 11px;
   font-weight: normal;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   background: #e9e7d2 url(../grafika/wooden_tex.jpg);
   text-align: center;
   color: #000000;
}
#top { width: 100%; }

#top img { clear: both; display: block; border: 3px solid #9b7b66; width: 954px; height: 65px; }
#top a { padding: 0; }

#top ul#menu-g { float: left; width: 82%; margin-bottom: 10px; list-style: none; }
#top ul#menu-g li { display: inline; float: left; width: 130px; margin: 0 12px; border: 1px solid #9b7b66; }
#top ul#menu-g li a { display: block; width: 100%; background: #804000; text-decoration: none; color: #ffffff; line-height: 19px; }
#top ul#menu-g li a:hover { background: #e4e3ba; color: #000000; }

#top ul#menu-g li#zaznacz a { background: #e4e3ba; color: #000000; }
#top ul#menu-g li#zaznacz a:hover { background: #804000; color: #ffffff; }

#top a.mapa-strony { 
   float: right;
   width: 80px;
   display: block;
   background: #e4e3ba;
   color: #000000;
   margin-right: 20px;
   padding: 2px 15px 3px 15px;
   text-decoration: underline;
   border: 1px solid #804000;
}
#top a.mapa-strony:hover { color: #ff0000; }

#top a#zaznacz { color: #ff0000; }
#top a#zaznacz:hover { color: #000000; }

#kontener {
   width: 900px;
   margin: 20px auto;
   padding-bottom: 10px;
   overflow: hidden;
   background: #ecebcf url(../grafika/kontener-tlo.gif) repeat-y top center;
   border: 3px solid #9b7b66;
}
#lewa {
   float: left;
   width: 580px;
}
#lewa p { text-align: justify; }
#prawa {
   float: right;
   width: 282px;
}
#lewa, #prawa {
    position: relative;
    height: auto !important;
    height: 400px; /* IE */
    min-height: 400px;
}

#prawa dl.menu { 
   width: 240px;
   margin: 25px auto 20px auto;
}
#prawa dl.menu dt {
   font-weight: bold;
   font-size: 12px;
   letter-spacing: 4px;
   border-bottom: 1px solid #000000;
   margin: 10px auto 5px auto;
   padding: 2px;
}  
#prawa dl.menu dd { background: url(../grafika/dd-tlo.gif) center no-repeat; }

#prawa dl.menu dd#zaznacz { background: #e4e3ba url(grafika/dd-tlo.gif) center no-repeat; }

#prawa dl.menu dd a {
   display: block;
   text-align: center;
   width: 150px;
   margin: 0 auto;
   padding: 2px;
   font-size: 13px;
   font-weight: normal;
   color: #804000;
   text-decoration: none;
}
#prawa dl.menu dd a:hover {
    color: #ffffff;
    background: #804000;
}
#prawa .reklama {
    width: 85%;
    margin: 5px auto;
    height: auto !important;
    height: 1px; /* IE */
    min-height: 1px;
}
#prawa .inne {
    width: 90%;
    border-top: 2px dotted #804000;
    margin: 80px auto 0 auto;
}
#prawa .inne img { margin-top: 15px; }
 
ul#znam { border-left: 3px solid #804000; padding-left: 10px; margin: 10px 5px 10px 35px; }
#znam li { 
    list-style-type: none;
    font-size: 13px;
    font-weight: normal;
    text-align: left;
    padding: 3px;
}

ul.mapa-menu li.napis { list-style: none; font-size: 13px; font-weight: bold; padding: 1px 10px 3px 10px; margin-left: -20px; text-align: center; border-bottom: 1px solid #000000; letter-spacing: 5px; margin-top: 10px; }

ul.mapa-menu { list-style: square; margin: 40px 80px 0 100px; text-align: left; } 
ul.mapa-menu li { margin-top: 5px; }
ul.mapa-menu li a { letter-spacing: 3px; font-size: 13px; }

ul.mapa-menu ul { list-style: circle; margin: 5px 30px; }
ul.mapa-menu ul li { margin-top: 1px; }
ul.mapa-menu ul li a { letter-spacing: 0; font-weight: normal; font-size: 11px; }

ul.lista-zasad { list-style: decimal; text-align: left; margin: 20px 0 30px 60px; }
ul.lista-zasad li { margin: 2px; }
ul.lista-zasad li a { font-weight: normal; }

p.lz-napis { font-size: 12px; font-weight: bold; text-align: center; letter-spacing: 1px; }
hr.lz-hr { width: 70%; border: none; height: 1px; color: #804000; background: #804000; }
span.lz-numer { float: left; font-size: 13px; font-weight: bold; color: #804000; margin: 5px 8px 8px 0; }

/* formatowanie tekstu */

#lewa p {
   color: #000000;
   text-align: left;
   margin: 21px 18px 18px 18px;
   line-height: 16px;
} 
hr { display: block; border: 1px solid #804000; width: 90%; margin: 0 auto; } 
.justify { text-align: justify; }
.center { text-align: center; }
.in-kontakt { text-align: center; margin: 10px 0 -15px 0; }
.znam {
   color: #000000;
   font-size: 12px;
   text-align: left;
   font-weight: bold;
   margin-left: 25px;
   margin-right: 30px;
   background: #e4e3ba;
   padding: 1px 20px;
   margin-bottom: -5px;
   border: 1px solid #804000;
}  
#prawa p#napis-porady {
   width:220px;
	 margin:10px auto;
   font-size:10px;
   text-align:justify;
}
#prawa code#kod-porady {
   width:220px;
   font-size:11px;
   text-align:center;
   font-family:Arial, Helvetica, sans-serif;
   border:1px dashed #804000;
   padding:2px;
   margin:0 auto;
   display:block;
}
.wyroznik3 {
   color: #000000;
   font-size: 14px;
   font-weight: bold;
   margin: 20px auto 0 auto;
}  
.wyroznik6 {
   text-align: center;
   margin: -5px 0 -10px 0;
}  
h1 {
   position: relative;
   margin-top: -27px;
   margin-bottom: 0;
   color: #804000;
   font-size: 17px;
   font-weight: bold;
   text-align: center;
   letter-spacing: 6px;
   word-spacing: 4px;
}
h2 { 
   font-size: 13px;
   letter-spacing: 3px;
   text-align: center;
   margin: 10px 0;
   background: url(../grafika/lapka2.gif) 30px 7px no-repeat;
}

/* formatowanie kodu */

.kod { 
   text-align: center;
   padding: 5px;
   margin: -15px 25px 15px 25px;
   line-height: 14px;
   border: 5px double #804000;
}
.wyroznik7 {
   font-size: 13px;
   margin-left: 35px;
   font-weight: bold;
}
.korekta { margin-bottom: -15px; }

ul.linki { text-align: left; margin: 20px 0 20px 40px; }
ul.linki li { line-height: 15px; }
ul.linki li a { font-weight: normal; }

/* menu formatowanie tekstu */

#adres { 
   width: 250px;
   border: 2px dotted #000000;
   background-color: #e4e3ba;
   margin: 20px auto 0 auto;
   padding: 8px 0 10px 0;
}
#adres h3 {
   font-size: 23px;
   font-weight: bold;
   text-align: center;
   letter-spacing: 6px;
}
#adres h4 {
   font-size: 10px;
   font-weight: normal;
   text-align: center;
   margin-bottom: 3px;
}
#adres h5 a {
   font-weight: bold;
   font-size: 12px;
   text-decoration: none;
}

.error { text-align: center; margin-top: 150px; font-size: 22px; font-weight: bold; letter-spacing: 5px; }
code { 
   text-align: left;
   border: 1px dashed #804000;
   width: 90%;
   display: block;
   margin: -19px auto 0 auto;
   font-size: 11px;
   font-family: 'Courier New';
   padding: 8px 5px;
}

/* obrazki */

#lewa .puma { margin-top: 70px; width: 85px; height: 41px; }
#prawa a.konkurs-1 img { width: 120px; height: 60px; }
#prawa a.konkurs-1 { background: none; }

#lewa div.projekt a:hover { background: none; }
#lewa a.baner img { width: 400px; height: 50px; margin: 20px auto 0 auto; }
#lewa a.baner { background: none; }

img { border: 0; }

/* stopka */

#stopka {
   position: relative;
   height: 30px;
   width: 840px;
   margin: 20px auto;
   background: #ecebcf url(../grafika/stopka.png) no-repeat center;
   color: black;
   font-size: 12px;
   border: 2px solid #9b7b66;
}
#stopka span.autor { float: left; margin-left: 5px; margin-top: 6px; font-weight: bold; }
#stopka span { float: right; margin-right: 5px; margin-top: 6px; } 
#stopka a {
        color: black;
        font-weight: normal;
        font-size: 11px;
        text-decoration: underline;
}
#stopka a:hover {
        text-decoration: underline;
        color: #804000;
        background: none;
}

#stopka .rek {
  position: absolute;
  top: 40px;
  left: 20px;
  width: 800px;
  height: 20px;
}
#stopka .rek a { color: #804000; font-size: 10px; }

/* moje projekty */

#projekt div { width: 490px; }
#projekt .projekt img { float: left; border: 0; padding-right: 10px; }
#projekt .projekt { 
   float: left;
   margin: 20px 35px 0 35px;
   padding: 7px;
   border: 1px dashed #9b7b66;
   font-weight: normal;
   font-size: 12px;
   text-align: left;
	 display: inline;
}
#projekt .data { font-style: italic; font-size: 11px; }

/* moje szablony */

#szablon div { width: 490px; text-align: center; }
#szablon .opis { font-weight: bold; } 
#szablon .opis2 { font-size: 10px; }
#szablon .data { font-style: italic; font-size: 10px; }
#szablon .pobierz { text-align: right; margin: 25px 30px 55px 0; }
#szablon .szablon img { float: left; border: 0; margin: 5px 35px; }
#szablon .szablon {
   float: left;
   margin: 10px 35px 10px 35px;
   border: 1px dashed #9b7b66;
   font-weight: normal;
   font-size: 12px;
	 display: inline;
}

/* formularz */

div#kontakt { width:240px; margin: 15px auto; }

form { margin: 0 0 20px 0; padding: 0; }

.kontakt-uwaga { text-align:left; margin-top:20px; margin-left:10px; font-size: 10px; }

fieldset {
   text-align: center;
   padding: 5px 0;
   border: 1px solid #804000;
   font-size: 13px;
}
form span.margines { margin: 0 6px; }
input { margin-bottom: 4px; }
.przycisk { 
    width: 160px;
    margin-top: 8px;
    background: #ffffff;
    font-size: 12px;
    cursor: pointer;
    font-weight: bold;
    padding: 2px;
    letter-spacing: 3px;
    border: 0;
}
.przycisk:hover { background: #804000; color: #ffffff; }

#pole1, #pole2 { width: 190px; border: 1px solid #804000; padding: 0 2px; }
#pole3 { width: 190px; height: 120px; border: 1px solid #804000; }
#pole4 { margin-bottom: -1px; }

p.haslo { font-weight: bold; letter-spacing: 1px; text-align: center; margin:5px 3px; }
#pole5 { width: 40px; margin-bottom: 0; border: 1px solid #804000; text-align: center; }

#pole1:focus, #pole2:focus, #pole3:focus, #pole5:focus { background: #ecebcf; }

span.gwiazdka { color: #FF0000; margin-right: 3px; }

hr.odstep { margin-bottom: 10px; } 

span.form-kom1 { color:#008000; }
span.form-kom2 { color:#ff0000; }
p.form-kom2 { margin-bottom:0; line-height:10px; color:#ff0000; }

/* etykieta */

#gora {
    position: absolute;
    top: -5px;
    left: 0;
    color: #ecebcf;
}
ul.gora {
    position: absolute;
    bottom: 15px;
    right: -28px;
    width: 20px;
    list-style-type: none;

}
ul.gora li { margin-top: 330px; }
ul.gora li a {
    font-size: 15px;
    font-weight: bold;
    color: #ecebcf;
    text-decoration: none;
}
ul.gora li a:hover {
   color: #000000;
   text-decoration: underline;
}

/* pobieralnia */

.p-napis { font-size: 13px; margin: 10px 30px; }
.p-licz { font-size: 11px; }

/* statystyki */

p.stat-plikow { font-size: 14px; font-weight: bold; margin-bottom: -10px; }
span.stat-plikow { font-size: 12px; font-weight: bold; }

/* banery */

.banery { margin: 15px 0; }
.banery img { width: 400px; height: 50px; }
.banery a:hover { background: none; } 

/* Informacje */

#lewa p.info { text-align: center; font-size: 20px; font-weight: bold; margin: 150px; }