/* wyzerowanie domyslnych wartosci */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, img, ins, kbd, q, s, samp, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
hr {display: none;}
img {display: block; border: 0;}

/* domyślne wartości body */
body { background: #000; font: 62.5%/1.5em Verdana, Arial, sans-serif; color: #303030;}


/* rozmiar strony */
#strona {
        width: 951px;
        margin: 0 auto;
        }
        
/* top */
#top {
        height: 152px;
        width: 951px;
        background: url(gify/tlo-top.jpg) no-repeat;
        }
#top-left {
        height: 153px;
        width: 111px;
        background: url(gify/tlo-top-left.gif) no-repeat;
        float: left;
        }
#top-center {
        height: 153px;
        width: 657px;
        float: left;
        }
#top-right {
        height: 153px;
        width: 182px;
        background: url(gify/tlo-top-right.gif) no-repeat;
        float: left;
        text-align: center;
        }

#banner {
        padding-left:45px;
        height: 101px;
        width: 657px;
        background: url(gify/tlo-top-center-top.gif) no-repeat;
        
        }
#banner img {
        border: 2px solid #ffffff;
        }

#nazwa {
        height: 52px;
        width: 659px;
        }
#nazwa h1 {
        height: 73px;
        width: 657px;
        background: url(gify/tlo-top-center-down.gif) no-repeat;
        overflow: hidden;       
        }
#nazwa a {
        display: block;
        height: 73px;
        width: 657px;
        text-indent: -500em;
        }



        
/* pod topem */
#top-czarny {
        width: 950px;
        height: 35px;
        background: url(gify/tlo-zegar.jpg) no-repeat;
        }
#licznik2 {                     
        font-size: 8px;
        color: white;
        font-weight: bold;
        padding-left: 15px;
        padding-top: 6px;
        float: left;
        width: 150px;
        border: 0px solid white;
        }
#licznik {                              /* tylko index */
        font-size: 8px;
        color: white;
        font-weight: bold;
        padding-left: 10px;
        padding-top: 3px;
        float: left;
        width: 150px;
        text-align:center;
        border: 0px solid white;
        }
#adres {
        float: left;
        width: 570px;
        color: white;
        padding-top: 10px;
        font-size: 11px;
        font-weight: bold;
        width: 600px;
        border: 0px solid white;
        }
#zegar {
        float: left;
        display: block;
        overflow: hidden;
        padding-top: 5px;
        padding-left: 20px;
        width: 140px;
        border: 0px solid white;
        }
#zegar img {
        float: left;
        border: 0px solid white;
        }
        
/* top3*/
#top3 {
        width: 950px;
        }
#ikonka1 {
        float: left;
        width: 20px;
        }
#ikonka2 {
        float: left;
        width: 700px;
        }

#aktualizacja {
        color: white;
        font-weight: bold;
        text-align: center;
        }



/* MAIN*/
#main {
        width: 951px;
        }


/* MAIN: menu */
#menu {
        width: 246px;
        float: left;
        }
#menu ul {
        font-size: 9px;
        list-style: none;
        width: 246px;
        margin-top: 0px;
        }
#menu ul li {
        background: url(gify/tlo.gif) top left no-repeat;
        padding-top: 0px;
        }
#menu ul li a {
        display: block;
        color: white;
        text-decoration: none;
        padding-left: 15px;
        padding-right: 12px;
        padding-top: 4px;
        padding-bottom: 5px;
        border-bottom: 3px solid black;
        }
#menu ul li a:hover {
        font-weight: bold;
        color: white;
        background: url(gify/tlo-menu-hover.gif) top left no-repeat;
        }

.okazjonalne {                              /* OKAZJONALNE*/
        background: url(gify/menu-okazjonalne.gif) top left no-repeat;
        display: block;
        color: white;
        text-decoration: none;
        padding-left: 15px;
        padding-right: 12px;
        padding-top: 4px;
        padding-bottom: 5px;
        border-bottom: 3px solid black;
        }



/* MAIN: tresc */

#tresc {
        float: left;
        width: 690px;
        
}

#tresc-tlo {
        width: 704px;
        background: url(gify/tresc-tlo.gif) repeat-y;
        
        }
#tresc-down {
         width: 704px;
         height: 34px;
         background: url(gify/tresc-down.gif) no-repeat;
        }
#zawartosc {
        padding-left: 20px;
        width: 630px;
        margin-left: 55px;
        }
.xxx {                                  /* brak obramowania wokół linków udubione i startowa*/
        text-decoration: none;
        border: 0;
        }




/* FOOTER*/
#footer {
        margin-top: 20px;
        text-align: center;
        width: 950px;
        height: 87px;
        color: white;
        background: url(gify/footer-tlo.gif) bottom center no-repeat;
        overflow: hidden;
        }
        
        







/* INDEX */
#zawartosc-index {
        padding-left: 50px;
        width: 630px;
        }
#foto {
        background: url(gify/main.jpg) bottom center no-repeat;
        width: 600px;
        height: 389px;
        text-indent: -500em;
        }
#ikony {
        padding-left: 280px;
        padding-top: 20px;
        }


/* AKTUALNOŚCI */

.tresc-top {
        width: 704px;
        height: 32px;
        background: url(gify/tresc-top.gif) bottom center no-repeat;
        }
.tresc-center {
        width: 704px;
        background: url(gify/tresc-tlo.gif) bottom center repeat-y;
        }
.tresc-tekst {
        width: 600px;
        margin-left: 50px;
        padding-right: 50px;
        text-align: justify;
        }
.tresc-tekst .data {                                                
        font-size: 10px;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        color:#FF0033;
        font-weight: normal;
        }
.tresc-tekst .temat {
        font-size: 12px;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        color:black;
        font-weight: bold;
        }

.tresc-tekst a {
        font-size: 10px;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        color: red;
        font-weight: normal;
        text-decoration: none;
        }
.tresc-tekst .obrazek {                              /* odstępy przy zdjęciu dodanym do aktualności */
        margin-left: 10px;
        margin-bottom: 10px;
        border: 1px solid black;
        }

.tresc-down {
        width: 704px;
        height: 34px;
        background: url(gify/tresc-down.gif) bottom center no-repeat;
        }
#odsylacze {
        text-align: center;
        width: 600px;
        padding-top: 10px;
        padding-bottom: 10px;
        }
#odsylacze a{
        color: white;
        text-decoration: none
        }
        
        
/* HISTORIA */
#tekst {
        color: black;
        font-size: 10px;
        text-align: justify;
        padding-left: 50px;
        padding-right: 50px;
        line-height: 2;        
        }
#tekst .foto4 {                                         /* Zdjęcia w histori - do prawej */
        float: right;
        border-top: 1px solid black;
        border-bottom: 1px solid black;
        border-left: 1px solid black;
        border-right: 1px solid black;
        margin: 6px;
        margin-right: 0;
        }
#tekst .podpis {                                             /* Podpis pod zdjęciem; linia oddzielająca pola*/
        font: bold 11px verdana, arial, sans-serif;
        text-align: center;
        font-size: 10px;
        color: #747474;
        padding-top: 5px;
        padding-bottom: 5px;
        text-decoration: none;
        }


/* CELE I ZADANIA */
#tytul {
       padding-left: 100px;
       padding-right: 100px;
       color: #8E8E8E;
       font-size: 16px;
       text-align: center;
       font-weight: bold;
       line-height: 1.5;
       }
#tresc-center .gif {
        padding-left: 60px;
        }
#zadania ul {
        padding-top: 50px;
        margin-left: 90px;
        margin-right: 50px;
        padding-bottom: 50px;
        }
#zadania ul li{
        margin-top: 10px;
        list-style-type: circle;
        }


/* Struktura organizacyjna */
.wykaz2 {
        font-size: 11px;
        margin-left: 70px;
        margin-right: 50px;
        color: #8E8E8E;
        line-height: 2.0;
       	padding-bottom: 30px;
	}        
#struktura {
        margin-right: 50px;
        margin-top: 50px;
        }

#struktura ul li {
        margin-top: 10px;
        list-style-type: decimal;
        }


/*KADRA KP PSP */
#sekcja {
        margin-left: 50px;
        margin-top: 50px;
        margin-right: 50px;
        }
        
.pracownik {
        border: 0px solid black;
        float: left;
        width: 230px;
        text-align: center;
        padding-left: 36px;
        padding-right: 36px;
       
        }
.stanowisko {
        border: 0px solid black;
        height: 205px;
        padding-top: 100px;
        width: 300px;
        overflow: hidden;
        font-size: 13px;
        text-align: center;
        font-weight: bold;
        line-height: 1.5;
        color: #8E8E8E;
        
        }
.pracownik2 {
        border: 0px solid black;
        float: left;
        width: 300px;
        overflow: hidden;
        
        }
.stanowisko2 {
        border: 0px solid black;
        height: 140px;
        width: 300px;
        padding-top: 90px;
        font-size: 13px;
        text-align: center;
        font-weight: bold;
        line-height: 1.5;
        color: #8E8E8E;
        overflow: hidden;
        }
        
/* JRG */
#sekcja2 {
        margin-left: 50px;
        margin-right: 50px;
        margin-top: 30px;
        text-align: center;
        display: block;
        }
.opis {
        padding-left: 0px;
        font-size: 13px;
        text-align: center;
        font-weight: bold;
        line-height: 1.5;
        color: #8E8E8E;
        }
.foto2 {
        padding-top: 20px;
        }


/*STATYSTYKA */

#statystyka {
        padding-bottom: 30px;
        }

.naglowek {                             /* nagłowek tabeli ze statystykami */
        font-size: 12px;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        background-color: #C9C9C9;
        font-weight: bold;
        text-align: center;
        line-height: 3.0;
        }
.statystyki {                           /* dane w tabeli */
        font-size: 11px;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        background-color: #d9d9d9;
        text-align: center;
        line-height: 3.0;
        border: 2px solid white;
        }
.stan {
        margin-left: 400px;
        margin-top: 10px;
        font-weight: bold;
        }


/* Kalendarz */
#calosc {
        margin-left: 75px;
        margin-top: 30px;
        }

.miesiac {
        text-align: center;
        border: 0px solid black;
        }
.dni {
        text-align: center;
        font-weight: bold;
        padding: 3px;
        border: 0px solid black;
        }
.k1 {
        font-size: 10px;
        font-weight: bold;
        text-align: center;
        color: black;
        border: 0px;
        
        }
.k2 {
        font-size: 10px;
        font-weight: bold;
        text-align: center;
        color: #707070;
        border: 0px;
        
        }
.k3 {                                   
        font-size: 10px;
        font-weight: bold;
        text-align: center;
        color: red;
        border: 0px;
        
}
.z1 {                                   /* zmiana 1 */
        font-size: 10px;
        font-weight: bold;
        text-align: center;
        color: black;
        background-color: #B7FFB7;
        border: 1px solid black;
        width: 20px;
        height: 20px;
        }
.z2 {                                   /* zmiana 2 */
        font-size: 10px;
        font-weight: bold;
        text-align: center;
        color: black;
        background-color: #FFFFB7;
        border: 1px solid black;
        width: 20px;
        height: 20px;
        }
.z3 {                                   /* zmiana 3 */
        font-size: 10px;
        font-weight: bold;
        text-align: center;
        color: black;
        background-color: #99FFFF;
        border: 1px solid black;
        width: 20px;
        height: 20px;
        }
.odnosnik {
        color: white;
        text-decoration: none;
        }
        
        
        

/* OSP */
#calosc3 {
        padding-top: 10px;
        margin-left: 50px;
        }
#spis {
        margin-left: 50px;
        padding-top: 20px;
        }
.grupa {                                        /* format : nazwy gmin i powiatów */
        font-size: 17px;
        text-decoration: none;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #8E8E8E;
        line-height: 2.0;
        }
.wykaz {                                        /* wykaz jednostek OSP */
        font-size: 15px;
        text-decoration: none;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #8E8E8E;
        
        margin-left: 65px;
        }
.link2 {                                         /* format linków WWW */
        font-size: 15px;
        text-decoration: none;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #8E8E8E;
        text-align: center;
        line-height: 2.0;
        
        }
        
/* PRACA */
.wykazx {
        font:  11px verdana, arial, sans-serif;
        color: black;
        line-height: 2.0;
        margin-right: 70px;
        margin-top: 30px;
        }
.tekst2 {                                       /* formatowanie tekstu */
        color: #8A8A8A;
        background-color: white;
        text-align: justify;
        }
.tekst3 {                                       /* tormatowanie tekstu */
        padding-left: 50px;
        color: black;
        }
#tytul2 {
       padding-right: 100px;
       color: #8E8E8E;
       font-size: 16px;
       text-align: center;
       font-weight: bold;
       line-height: 1.5;
       }

/* PRZETARGI */
#calosc4 {
        padding-top: 10px;
        margin-left: 40px;
        }
#obrazek {
        padding-left: 20px;
        }
#przetargi {
        font-size: 12px;
        color: #8E8E8E;
        padding-top: 100px;
        padding-bottom: 100px;
        text-align: center;
        font-weight: bold;
        line-height: 1.5;
        }

/* LINKI */
.screen {
         
         float: left;
         margin-left: 80px;
        }
.screen2 {
	border: 1px solid black;
	margin-left: 80px;	
}

.link {                                         /* format opisu linku - po prawej stronie */
        height: 130px;
        text-align: center;
        }
.link a {
        font-size: 15px;
        text-decoration: none;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        line-height: 1.5;
        color: #8E8E8E;
        display: block;
        padding-top: 25px;
        }

.rodzaj {
        font-size: 15px;
        text-decoration: none;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        line-height: 1.5;
        color: #8E8E8E;
        padding-left: 50px;
        padding-top: 20px;
        padding-bottom: 10px;
        }
        
/* KONTAKT */
#komenda {                              /* komenda powiatowa PSP w chełmnie*/
        font-size: 20px;
        text-decoration: none;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        color: black;
        font-weight: bold;
        text-align: center;
        margin-top: 30px;
        padding-top: 20px;
        line-height: 1.2;
}

#komenda1 {                              /* tel: fax: email:*/
        font-size: 18px;
        text-decoration: none;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        line-height: 1.2;
        color: black;
        font-weight: bold;
        text-align: right;
        margin-left: 20px;
}

.komenda2 {                              /* email*/
        font-size: 18px;
        text-decoration: none;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        color: black;
        font-weight: bold;
        text-align: left;
        line-height: 1.2;
        padding-left: 20px;
}

#komenda3 {                              /* telefon alarmowy*/
        font-size: 20px;
        text-decoration: none;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        color: red;
        font-weight: bold;
        text-align: center;
        line-height: 1.2;
}

#kontakt {
        background: url(gify/kontakt.gif) bottom center no-repeat;
        width: 600px;
        height: 450px;
        margin-left: 60px;
        }
.tlo {
	background: url(gify/kontakt.gif) bottom center no-repeat;
	width: 580px;
	height: 450px;
	}



/*  strona download    */


.download_tresc {
			
			line-height:2.0;
			font-size: 12px;
			margin-left: 50px;
			width:550px;
			font-weight:strong;
			text-align:left center;
			border: 0px solid white;
			
}


.do-galerii {
	color: red;
}
.gif {
	padding-left:50px;
	}