body { margin: auto; background-color: #cccccc; }
/*cała zawartość strony*/
div#pojemnik{ background: url(http://gops.dobrzwielki.pl/grafika/tlo_gradient.gif) repeat-x; height: 582px; }
/*główne ramy strony*/
div#glowne_ramy{ width: 800px; margin: auto; text-align: center; overflow: hidden; }
div#galeria { width: 800px; height: 100px; border: 0px solid black; margin-bottom: 5px; text-align: left;}
img#bip { position: relative; left: 14px; border: 0;}
/*Pierwszy blok jasnoniebieski*/
div#pierwszyblok { width: 62px; height: 49px; float: left; background: url(http://gops.dobrzwielki.pl/grafika/tlo_blue.gif) no-repeat; }
/*Drugi blok żółty 553  x 49*/  
div#drugiblok { width: 553px; height: 49px; float: left; background-color: #FFFFCD; }
/*Nagłówki górne*/
img.naglowki { text-align: center; }
/*Trzeci blok szary gradient*/	
div#trzeciblok { float: right; width: 169px; padding-left: 2px; padding-right: 2px; margin-bottom:-20000px; padding-bottom:20000px; background-image: url(http://gops.dobrzwielki.pl/grafika/gradient.gif); }
/*Czwarty blok ciemnoniebieski*/
div#czwartyblok { width: 62px; float: left; background: url(http://gops.dobrzwielki.pl/grafika/tlo_div4.gif) no-repeat; margin-top: 20px; margin-bottom:-20000px; padding-bottom:20000px; }
/*Piąty blok środkowy żółty*/  
div#piatyblok { width: 553px; float: left; background-color: #FFFFCD; margin-top: 20px; margin-bottom:-10000px; padding-bottom:10000px;padding-top: 10px; }
/*Szósty blok mały zakończenie bloku czwartego*/ 	
div#szostyblok { width: 62px; height: 30px; float: left; clear: both; background: url(http://gops.dobrzwielki.pl/grafika/tlo_div6.gif) no-repeat; }
/*Siódmy blok stopka z podpisem*/
div#stopka { width: 800px; height: 20px; margin: auto; text-align: right; font: 11px verdana; padding-top: 5px; }
/*Kolor podpisu*/
span.podpis { color: #3399ff; font-weight: bold; }
/*Data i godzina*/
p.dataigodzina { text-align: center; font: 15px georgia; line-height: 130%; padding-top: 8px; }
/*Nazwa i adres*/
p.adres { text-align: center; font: 14px georgia; }
/*Linia gradient prawa kolumna*/
img#liniagradient1 { padding-top: 5px; }
/*Hiperłącza*/
a#index_link{ color: #666666; text-decoration: none; font-weight: bold; }
a#link_right, a#link_right:active, a#index_link:hover  { color: #000000; text-decoration: none; }
a#link_right:hover { color: #000000; font-style: italic; }
a#zakladki:active, a#zakladki:hover  { color: #000000; }
a#nieaktywne, a#nieaktywne:active, a#zakladki { color: #666666; text-decoration: none; }
a#nieaktywne:hover { color: #000000; border-bottom: 1px solid #000000; }
a#aktywne { color: #000000; border-bottom: 0,5px solid #000000; }
a#podpis { color: #3399ff; font-weight: bold; text-decoration: none; }
a#uwaga { color: #ff0000; text-decoration: none; }
a#wakacje { color: #0094FF; font-weight: bold; text-decoration: none; }
a#red { color: #DA3730; font-weight: bold; text-decoration: none; }
/*Zdjęcia*/
img { border: 0px; }
/*Menu główne*/
ul {margin:0; padding:0 0 0 16px; list-style-type:none;}
li {float:left;}
li.list1 {background:transparent url(http://gops.dobrzwielki.pl/grafika/aktualnosci.gif);}
li.list2 {background:transparent url(http://gops.dobrzwielki.pl/grafika/zadania.gif);}
li.list3 {background:transparent url(http://gops.dobrzwielki.pl/grafika/formularze.gif);}
li.list4 {background:transparent url(http://gops.dobrzwielki.pl/grafika/pytania.gif);}
li.list5 {background:transparent url(http://gops.dobrzwielki.pl/grafika/kontakt.gif);}
a#item1 {display:block; width:78px; height:0; padding-top:25px; color:#000; overflow:hidden;}
a#item2 {display:block; width:100px; height:0; padding-top:25px; color:#000; overflow:hidden;}
a#item3 {display:block; width:78px; height:0; padding-top:25px; color:#000; overflow:hidden;}
a#item4 {display:block; width:142px; height:0; padding-top:25px; color:#000; overflow:hidden;}
a#item5 {display:block; width:59px; height:0; padding-top:25px; color:#000; overflow:hidden;}
/* hack for older versions of IE with incorrect box model */
* html #yellow_middle a:link, * html #yellow_middle a:visited {height:25px; he\ight:0;}
li {margin-left:10px;}
a#item1 {background:transparent url(http://gops.dobrzwielki.pl/grafika/aktualnosci_hover.gif) -130px -90px no-repeat;}
a#item2 {background:transparent url(http://gops.dobrzwielki.pl/grafika/zadania_hover.gif) -130px -90px no-repeat;}
a#item3 {background:transparent url(http://gops.dobrzwielki.pl/grafika/formularze_hover.gif) -130px -90px no-repeat;}
a#item4 {background:transparent url(http://gops.dobrzwielki.pl/grafika/pytania_hover.gif) -130px -90px no-repeat;}
a#item5 {background:transparent url(http://gops.dobrzwielki.pl/grafika/kontakt_hover.gif) -130px -90px no-repeat;}
a#item1:hover {background-position:0 0; z-index:50;}
a#item2:hover {background-position:0 0; z-index:50;}
a#item3:hover {background-position:0 0; z-index:50;}
a#item4:hover {background-position:0 0; z-index:50;}
a#item5:hover {background-position:0 0; z-index:50;}

/* hack for older versions of IE with incorrect box model */
* html #yellow_middle a:hover {height:25px; he\ight:0;}
/*Menu zadania gops*/
ul#zadania_gops { list-style: none; font: 14px times new roman; color: #666666; padding-top: 12px; float: left; margin: 0px; padding-left: 22px; }
li.zadania { display: inline; padding-left: 3px; padding-right: 3px; padding-top: 2px; margin: 0px; }
li.pion { display: inline; padding-left: 1px; padding-right: 1px; margin: 0px; }
/*Pierwszy tekst na stronie głównej*/
p.tekstglowna { text-align: justify; padding-left: 25px; padding-right: 25px; font: 16px times new roman; text-indent: 5%; color: #666666; }
p.tekstglowna:first-letter { font-size: 20px; }
/*Drugi tekst na stronie głównej*/
p.tekst2glowna { text-align: justify; padding-left: 25px; padding-right: 25px; padding-bottom: 15px; font: 16px times new roman; text-indent: 5%;
color: #666666; }
p.uwaga { text-align: center; padding-bottom: 20px; font: 17px times new roman; color: #ff0000; font-weight: bold; }
p.tekst2glowna:first-letter { font-size: 20px; }
/*Teksty*/
p.teksty { text-align: justify; padding-left: 25px;padding-right: 25px; font: 16px times new roman; color: #666666; }
p.teksty2 { text-align: justify; padding-left: 25px; padding-right: 25px; padding-bottom: 215px; font: 16px times new roman; color: #666666; }
/*Teksty wyśrodkowane*/
p.tekstysrodek { padding-left: 25px; padding-right: 25px; font: 16px times new roman; color: #666666; }
p.tekstysrodek2 { padding-left: 25px; padding-right: 25px; font: 16px times new roman; color: green; }
p.tekstysrodek3 { padding-left: 25px; padding-right: 25px; font: 16px times new roman; color: blue; }
p.tekstysrodek4 { padding-left: 25px; padding-right: 25px; font: 20px times new roman; color: blue; }
p.tekstywakacje{ padding-left: 25px; padding-right: 25px; font: 22px times new roman; color: #0094FF; }
/*Aktualności spis treści*/
p#tytul_poczatek { text-align: left; padding-left: 25px;padding-right: 25px; font: 16px times new roman; color: #666666; font-weight: bold; }
p#tytul_koniec{ text-align: left; padding-left: 25px; padding-right: 25px; padding-bottom: 345px; font: 16px times new roman; color: #666666;
font-weight: bold; }
/*Pracownicy GOPS*/
p#pracownicy { text-align: center; padding-left: 25px; padding-right: 25px; font: 16px times new roman; color: #666666; font-weight: bold; }
/*Pogrubienie*/
span.pogrubienie { font-weight: bold; }
/*Przypisy*/
p#przypisy { text-align: justify; padding-left: 25px; padding-right: 25px; font: 12px times new roman; color: #666666; font-style: italic;}
/*Użytkownicy*/
p#uzytkownicy { font: bold 12px georgia; color: #404040; }
/*Tabela*/
table { border: 1px solid #666666; margin: auto; border-collapse: collapse; width: 520px; }
/*Kolumny tabeli*/
td { border: 1px solid #666666; padding: 1px 0px 1px 0px; text-align: left; font: 15px times new roman; color: #666666; }
/*Tytuł tabeli w zadaniach GOPS*/
p#tytultabeli { font: bold 16px times new roman; color: #666666; }
/*Tytuł kolumny w zadaniach GOPS*/
td#tytulkolumny { font: bold 15px times new roman; color: #666666; }
/*Przerwa*/
div#przerwa { height: 60px; }
p.pieczatka { color: red; text-align: right; margin-right: 30px; }
p.powodz { padding-left: 25px; padding-right: 25px; text-align: justify; }
a.wytyczne, a:hover { text-decoration: none; text-align: center; color: red; }
p.komunikat { text-align: center; color: #0094FF; padding-left: 25px; padding-right: 25px;} 
p.right { text-align: right; color: #0094FF; padding-left: 25px; padding-right: 25px; font-size: 12px;}