/* Aby strona wyglądała podobnie we wszystkich przeglądarkach odstępy itp definiujemy sami */
html, body, div, img, p, h1, h2, h3, h4, h5, h6, a, ul, li { margin:0 ; padding:0 ; border:0 ;}


/* ta konstrukcja przydaje się przy centrowaniu */
div#gorne-menu, div#top, div#centralne-menu, div#lewe-menu, div#tresc, div#stopka { position:absolute; margin-left:50%; width:900px; left:-450px; }

div#gorne-menu { top: 5px; height: 40px; text-align: justify; line-height: 10px;}

div#gorne-menu a { font: normal 11px Verdana; color: #808080; text-decoration: none; }

div#gorne-menu a.wyrozniony { font-weight: bold; }

div#gorne-menu a:hover { text-decoration: underline; }




div#top { top: 5px; height: 180px; background: #fff url('../grafika/top.jpg') no-repeat bottom center; }

div#top p { font: normal 11px Verdana; color: #3f3f3f; float: left; visibility: hidden;}

div#top img { margin: 0px 8px 0px 8px;}



div#centralne-menu { top: 189px; height: 55px; background: url('../grafika/menu-tlo.jpg') no-repeat top center; }

ul { height: 100%; width: 700px; padding-left: 200px;}

div#centralne-menu li { height:100%;  display: block; float: right; paddingx: 0px 25px; width: 16.66%; text-align: center;}

div#centralne-menu a { font: bold small-caps 11px Verdana; color: #ffffff; text-decoration: none; position: relative; top: 15px;}

div#centralne-menu a:hover { text-decoration: underline; } 



div#baner_h1, div#baner_h2, div#baner_h3 { margin: 0 0 0 45px; }


div#lewe-menu { top: 221px; width: 170px; padding:0 10px 0 20px; background: url('../grafika/menu-lewe-tlo.jpg') repeat-y 0px 0px; }

div#lewe-menu a { font: normal 11px Verdana; color: #3f3f3f; text-decoration: none; display: block; margin-left: 15px; }

div#lewe-menu a.wyrozniony { font-weight: bold; color: #000; margin: 8px 0px 0px 3px;} 

div#lewe-menu a:hover { text-decoration: underline; }

/* div#lewe-menu img, div#tresc img { margin: 15px 0px 5px 10px; } */



/* h1 { font: bold small-caps 17px Arial; margin: 15px 15px 3px 0px; color: #555; border-bottom: solid 2px #165193; padding-bottom: 4px; } */
h1 { font: bold 14px Arial; margin: 20px 15px 3px 0px; color: #0a4784; xborder-bottom: solid 2px #0a4784; padding-bottom: 4px; } 
#lewe-menu h1 { margin: 5px 15px 3px 0px; }

div.linia-niebieska { width: 90%;  height: 2px; background-color: #165193; position:static; margin-left:0; overflow:hidden; }

div.linia-szara { width: 90%;  height: 1px; background-color: #ccc; position:static; margin-left:0; overflow:hidden; margin-top: 10px; }

div#tresc div.linia-szara { display: none; }



div#tresc { top: 240px; width: 670px; padding-left: 30px; left: -250px; }

div#tresc p { font: 11px Verdana; color: #808080; margin: 20px 15px 5px 5px; }

div#tresc span#aktualnosci p { font: 11px Verdana; color: #808080; margin: 2px 15px 10px 5px; }

div#tresc h3 { font: bold 18px Verdana; color: #444; margin: 20px 15px 5px 5px; }

div#tresc h4 { font: bold 11px Verdana; color: #eb880e; margin: 10px 0px 0px 5px; }

div#tresc ul, div#tresc ol { font: normal 11px Verdana; color: #808080; margin-top: 20px; padding-left: 30px; }

div#tresc ul { list-style-type: square; }

div#tresc li { margin-top: 5px; clear: both; }

div#tresc a { text-decoration: none; color: #eb880e; }

div#tresc a:hover { text-decoration: underline; color: #ee7701; }

div#tresc table.kalendarz a { color: #000; text-decoration: underline;}

div#tresc span#pakiety { display: block; width: 100%; text-align: center; }
div#tresc span#pakiety img { padding: 0 20px 10px 20px }

div#kolumna1, div#kolumna2 { position:static; margin-left: 0px;}

div#kolumna1 p, div#kolumna2 p { margin:0px 5px 5px 0px; }

div#kolumna1 { width:50%; float: left; margin-right: -50%; }

div#kolumna2 { width:50%; margin-left: 50%; }



div#stopka { width: 935px; left: -467px; height: 32px; text-align: center; background: url('../grafika/stopkotlo.jpg') no-repeat top center; }

div#stopka p { font: bold 11px Verdana; color: #000; margin: 9px 0px 5px 5px; cborder-top: solid 2px #165193; xpadding-top:10px; }



div#tresc img.zlewej { float: left; margin: 20px 10px 0 10px; padding-bottom: 5px; clear: both;}

div#tresc div.podpis { width: 616px; height: 93px; background: url('../grafika/podpis.png') no-repeat top center; padding: 0px 0 0 28px; margin-top: 15px; }
div#tresc div.podpis p { margin: 0; padding-top: 22px; color: #3f3000; }