html, body {text-align: center; background: url(images/1401_1680px.jpg) no-repeat; color: #000; margin: 0; padding: 0;}

#TOP {width: 1004px; margin-left: auto; margin-right: auto; font-family: verdana, arial, sans-serif;}

#rodzaj_przegladarki{text-align:center; margin-top:10px; color:white; width: 1000px; height:12px; display: block; font-size: 10px;}

/* ---------------------- główne tło strony-------------------------------------------------------------------------------------------------------------- */
#SRODEK {width: 1004px; height:1401px; display: block; overflow: hidden; float:left; font-family: verdana, arial, sans-serif; background: url(images/tlo_1004x1401.jpg) no-repeat;}
#SRODEK_INNY {width: 1004px; height:1401px; display: block; overflow: hidden; float:left; font-family: verdana, arial, sans-serif; background: url(images/tlo_bez_przyciskow_1004x1401.jpg) no-repeat;}

#CENTRUM{width: 950px; height: 650px; margin-top: 50px; margin-left: 25px; float: left; display:block; font-family: verdana, arial, sans-serif;}
#str_lewa{width: 615px; height: 650px;  margin-top: 50px; margin-left: 25px; float: left; display:block; font-family: verdana, arial, sans-serif; }
#str_prawa{width: 315px; height: 650px; margin-top: 50px; margin-left: 20px; float: left; display:block; font-family: verdana, arial, sans-serif; }

/* ---------------------- dół przyciski i napis pod przyciskami ------------------------------------------------------------------------------------------ */
#informator_odn{height: 150px; width: 150px; margin-left: 26px; float: left; display:block;}
#term_form_odn{height: 150px; width: 150px; margin-left: 10px; float: left; display:block;}
#form_zgl_odn{height: 150px; width: 150px; margin-left: 10px; float: left; display:block;}
#kadra_odn{height: 150px; width: 150px; margin-left: 10px; float: left; display:block;}
#publikacje_odn{height: 150px; width: 150px; margin-left: 10px; float: left; display:block;}
#pliki_odn{height: 150px; width: 150px; margin-left: 10px; float: left; display:block;}

#kursy_ckp{height: 150px; width: 150px; margin-left: 26px; float: left; display:block;}
#praktyki_ckp{height: 150px; width: 150px; margin-left: 10px; float: left; display:block;}
#terminarz_ckp{height: 150px; width: 150px; margin-left: 10px; float: left; display:block;}
#uslugi_ckp{height: 150px; width: 150px; margin-left: 10px; float: left; display:block;}
#kadra_ckp{height: 150px; width: 150px; margin-left: 10px; float: left; display:block;}

#kursy_oddz{height: 150px; width: 150px; margin-left: 26px; float: left; display:block;}
#kadra_oddz{height: 150px; width: 150px; margin-left: 10px; float: left; display:block;}
#praktyki_oddz{height: 150px; width: 150px; margin-left: 10px; float: left; display:block;}

#przycisk_odn{height: 150px; width: 305px; margin-left: 25px; float: left; display:block;}
#przycisk_oddz{height: 150px; width: 305px; margin-left: 10px; float: left; display:block;}
#przycisk_ckp{height: 150px; width: 320px; margin-left: 10px; float: left; display:block;}

#pusty{height: 150px; width: 150px; margin-left: 10px; float: left; display:block;}
#archiwum{height: 150px; width: 150px; margin-left: 10px; float: left; display:block;}

/* ----------------------górne menu na pasku--------------------------------------------------------------------------------------------------------------------- */
#MENU {margin-left: 30px; margin-top: 155px; width: 940px; height: 40px; display:block; text-decoration: none; font-family: verdana, arial, sans-serif;}
#outside{color: white;}
#navigation-1 { padding:1px 0px; margin:0px; list-style:none; width:100%; height:21px; font:normal 8pt verdana, arial, helvetica;}
#navigation-1 li { margin:0px; padding:0px; display:block; float:left; position:relative; width:110px;}
#navigation-1 li a:link, #navigation-1 li a:visited {padding:6px 0px; display:block; text-align:center; text-decoration:none; width:130px; height:13px; color: white;}
#navigation-1 li:hover a, #navigation-1 li a:hover, #navigation-1 li a:active { padding:6px 0; display:block; text-align:center; text-decoration:none; color:white; width:128px; height:15px;}
#navigation-1 li ul.navigation-2 { margin:0; padding:1px 1px 0; list-style:none; display:none; background: #606078; width:128px; position:absolute; top:21px; left:-1px; border-top:none;}
#navigation-1 li:hover ul.navigation-2 {display:block;}
#navigation-1 li ul.navigation-2 li { width:128px; clear:left;}
#navigation-1 li ul.navigation-2 li a:link, #navigation-1 li ul.navigation-2 li a:visited { clear:left; padding:4px 0; width:128px; border:none; position:relative; z-index:1000;}
#navigation-1 li ul.navigation-2 li:hover a, #navigation-1 li ul.navigation-2 li a:active, #navigation-1 li ul.navigation-2 li a:hover { clear:left; padding:4px 0; width:128px; border:none; position:relative; z-index:1000;}
#navigation-1 li ul.navigation-2 li ul.navigation-3 { display:none; margin:0; padding:0; list-style:none; position:absolute; left:145px; top:-2px; z-index:900;}
#navigation-1 li ul.navigation-2 li:hover ul.navigation-3 {display:block;}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited {background:#000099;}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active {background:#0066FF;}
#navigation-1 li ul.navigation-2 li a span { position:absolute; top:0; left:132px; font-size:12pt; color:#fe676f;}
#navigation-1 li ul.navigation-2 li:hover a span, #navigation-1 li ul.navigation-2 li a:hover span { position:absolute; top:0; left:132px; font-size:12pt; color:#ffffff;}

/* ---------------------- lewa czesc na stronach index, ckp, oddz, odn ----------------------------------------------------------------------------------------------------------------------------- */
.lewa_naglowek{text-align:center; margin-top:20px; line-height:20px; font-weight: bold; color:black; font-size: 16px;}

#lewa_obrazki{width: 600px; height:100px; margin-top: 0px; margin-left: 10px; display: block;}

.lewa{text-align:center; line-height:20px; color:black; font-size: 14px; font-style: italic;}
.lewa_a{text-align:left; margin-left: 80px; line-height:20px; color:black; font-size: 14px; font-weight: bold;}
.lewa_b{text-align:left; margin-left: 80px; line-height:20px; color:black; font-size: 14px;}
.lewa_c{text-align:justify; margin-left: 30px; margin-right: 30px; line-height:20px; color:black; font-size: 14px; font-style: italic;}
.lewa_d{text-align:left; margin-left: 30px; margin-right: 30px; line-height:20px; color:black; font-size: 14px; font-weight: bold;}
.lewa_lista{padding-right:25px; text-align:justify; line-height:20px; color:black; font-size: 12px;}
.lewa_dol{text-align:left; margin-top: 20px; margin-left: 80px; line-height:20px; color:black; font-size: 14px; font-weight: bold;}

/* ---------------------- prawa czesc na stronach index, ckp, oddz, odn ---------------------------------------------------------------------------------------------------------------------------- */
.prawa_naglowek{text-align:center; margin-top:20px; line-height:20px; font-weight: bold; color:black; font-size: 16px;}
.prawa_a{text-align:justify; margin-left:10px; margin-right:10px; margin-top:5px; line-height:15px; color:black; font-size: 12px;}

/* ---------------------- ogolne znaczniki dla wszystkich stron ---------------------------------------------------------------------------------------------------------------------------- */
.tytul_strony{text-align:center; margin-top:20px; line-height:20px; font-weight: bold; color:black; font-size: 16px;}
.ogolny_a{text-align:justify; margin-left: 10px; margin-right: 30px; line-height:20px; color:black; font-size: 14px; font-style: verdana, arial, sans-serif;}
.ogolny_b{text-align:left; margin-left: 30px; margin-right: 30px; line-height:20px; color:black; font-size: 14px; font-style: verdana, arial, sans-serif;}

/* ---------------------- dyrekcja_cdie ---------------------------------------------------------------------------------------------------------------------------- */
.dyr_a{text-align:left; text-align:center; line-height:5px; color:black; font-size: 12px;}
.dyr_b{text-align:left; text-align:center; line-height:5px; color:black; font-size: 12px; font-weight: bold;}
#prus {width: 300px; height:240px; margin-top: 50px; margin-left: auto; margin-right: auto; display: block;}
#nowinska {margin-top: 60px; width: 290px; height:260px; margin-left: 0px; display: block; float:left;}
#suszynski {margin-top: 60px; width: 370px; height:260px; margin-left: 0px; display: block; float:left;}
#jachimczak {margin-top: 60px; width: 290px; height:260px; margin-left: 0px; display: block; float:left;}

/* ---------------------- kadra_cdie ---------------------------------------------------------------------------------------------------------------------------- */
.kadra_a{text-align:left; margin-left: 30px; line-height:10px; color:black; font-size: 14px; font-weight: bold;}
.kadra_b{text-align:left; margin-left: 30px; line-height:10px; color:black; font-size: 12px; font-weight: bold;}
#kadra_lewa{width: 470px; height: 630px;  margin-top: 0px; margin-left: 0px; float: left; display:block; font-size: 10px; text-align:left;line-height:18px;}
#kadra_prawa{width: 470px; height: 630px; margin-top: 0px; margin-left: 10px; float: left; display:block; font-size: 10px; text-align:left;line-height:18px;}

/* ---------------------- przetargi_cdie ---------------------------------------------------------------------------------------------------------------------------- */
.przetargi{text-align:left; margin-left: 30px; line-height:14px; color:black; font-size: 10px; }
.przetargi_a{text-align:center; margin-left: auto; margin-right: auto; line-height:20px; color:black; font-size: 12px; font-weight: bold;}
.przetargi_b{text-align:right; margin-right: 30px; line-height:10px; color:black; font-size: 10px; }

/* ---------------------- poczta_cdie ---------------------------------------------------------------------------------------------------------------------------- */
.poczta_a{text-align:left; text-align:center; line-height:5px; color:black; font-size: 12px;}
.poczta_b{text-align:left; text-align:center; line-height:5px; color:black; font-size: 12px; font-weight: bold;}
#poczta_cdie {width: 300px; height:240px; margin-top: 50px; margin-left: auto; margin-right: auto; display: block;}
#poczta_odn {margin-top: 30px; width: 290px; height:260px; margin-left: 0px; display: block; float:left;}
#poczta_oddz {margin-top: 30px; width: 370px; height:260px; margin-left: 0px; display: block; float:left;}
#poczta_ckp {margin-top: 30px; width: 290px; height:260px; margin-left: 0px; display: block; float:left;}

/* ---------------------- kontakt ---------------------------------------------------------------------------------------------------------------------------- */
.kontakt_a{text-align:center; margin-left: 10px; line-height:5px; color:black; font-size: 12px; font-weight: bold;}
.kontakt_b{text-align:center; margin-left: 10px; line-height:5px; color:black; font-size: 10px; }
#kontakt_lewa{width: 470px; height: 630px;  margin-top: 0px; margin-left: 0px; float: left; display:block; }
#kontakt_prawa{width: 470px; height: 630px; margin-top: 0px; margin-left: 10px; float: left; display:block; }
#kontakt_google{margin-top: 17px; width: 425px; height:350px; margin-left: 30px; display: block; float:left; }
#kontakt_mapa{width: 425px; height:350px; margin-left: 20px; display: block; float:left; }

/* ---------------------- praktyki_ckp ---------------------------------------------------------------------------------------------------------------------------- */
#praktykickp{margin-left: 50px; text-align:left; margin-top: 0px; width: 900px; height:650px; display: block; float:left; font-size: 12px; line-height:20px;}
.praktyki_ckp_a{text-align:left; line-height: 20px; color:black;}
.praktyki_ckp_b{text-align:left; margin-left: 40px; line-height: 20px; color:black;}

/* ---------------------- kursy_ckp ---------------------------------------------------------------------------------------------------------------------------- */
#kursyckp{margin-left: 50px; text-align:left; margin-top: 0px; width: 900px; height:650px; display: block; float:left; font-size: 12px; line-height:20px;}
.kursy_ckp_a{text-align:justify; line-height:30px; color:black; font-size: 14px;}
.kursy_ckp_b{text-align:left; margin-left: 40px; line-height:10px; color:black; font-size: 14px; }

/* ---------------------- uslugi_ckp ---------------------------------------------------------------------------------------------------------------------------- */
#uslugickp{margin-left: 50px; text-align:left; margin-top: 0px; width: 900px; height:650px; display: block; float:left; font-size: 12px; line-height:10px;}
.uslugi_ckp_a{text-align:left; line-height:10px; color:black; font-size: 12px;}
.uslugi_ckp_b{text-align:left; line-height:10px; color:black; font-size: 12px; }

/* ---------------------- kontakt_ckp ---------------------------------------------------------------------------------------------------------------------------- */
#kontakt_ckp_mapa{width: 425px; height:350px; margin-top:20px; margin-left: auto; margin-right: auto; display: block; }
.kontakt_ckp_a{text-align:center; margin-left: 10px; line-height:10px; color:black; font-size: 12px; font-weight: bold;}
.kontakt_ckp_b{text-align:center; margin-left: 10px; line-height:5px; color:black; font-size: 10px; }

/* ---------------------- formularz_odn ---------------------------------------------------------------------------------------------------------------------------- */
#formularzodn{margin-left: 50px; text-align:left; margin-top: 20px; width: 900px; height:580px; display: block; float:left; font-size: 12px; line-height:20px;}
.formularz_odn_a{text-align:left; line-height:20px; color:black; font-size: 14px;}
.formularz_odn_b{text-align:left; margin-left:10px; margin-right:30px; line-height:20px; color:black; font-size: 12px; }
.formularz_odn_c{text-align:left; margin-left:50px; margin-right:30px; line-height:20px; color:black; font-size: 12px; }

/* ---------------------- terminarz_odn ---------------------------------------------------------------------------------------------------------------------------- */
#terminarzform{margin-left: 50px; text-align:left; margin-top: 0px; width: 900px; height:650px; display: block; float:left; font-size: 12px; line-height:20px;}
.terminarz_odn_a{text-align:center; line-height:20px; color:black; font-size: 14px;}
.terminarz_odn_b{text-align:left; margin-left:50px; margin-right:30px; line-height:20px; color:black; font-size: 12px; }



/* ---------------------- formularz_oddz ---------------------------------------------------------------------------------------------------------------------------- */
#formularz_oddz{margin-left: 50px; text-align:left; margin-top: 0px; width: 900px; height:630px; display: block; float:left;}
.formularz_oddz_a{text-align:justify; font-weight: bold; line-height:20px; color:black; font-size: 14px;}
.formularz_oddz_b{text-align:left; margin-left:10px; margin-right:30px; line-height:20px; color:black; font-size: 12px; }
.formularz_oddz_c{text-align:left; margin-left:50px; margin-right:30px; line-height:20px; color:black; font-size: 12px; }



/* ---------------------- bhp_oddz ---------------------------------------------------------------------------------------------------------------------------- */
#bhp{margin-left: 50px; text-align:left; margin-top: 0px; width: 900px; height:630px; display: block; float:left; font-size: 12px; line-height:20px;}
.bhp_oddz_a{text-align:left; margin-left:20px; line-height:20px; color:black; font-size: 12px; font-weight: bold;}
.bhp_oddz_b{text-align:left; margin-left:10px; line-height:20px; color:black; font-size: 12px;}

/* ---------------------- kursy_zawodowe_oddz ---------------------------------------------------------------------------------------------------------------------------- */
#kursyoddz{margin-left: 50px; text-align:left; margin-top: 0px; width: 900px; height:650px; display: block; float:left; font-size: 12px; line-height:20px;}
.kursyzaw_oddz_a{text-align:left; margin-left:10px; line-height:25px; color:black; font-size: 12px;}

/* ---------------------- kursy_jezykowe_oddz ---------------------------------------------------------------------------------------------------------------------------- */
.kursyjez_oddz_a{text-align:left; margin-left:40px; margin-right:40px; line-height:25px; color:black; font-size: 12px;}
table{margin-left:40px; table-layout:auto; width: 90%; color:black; font-size: 12px; border:3px solid #868686;}
td{border: 1px solid; padding: 8px 20px;}
th{border: 2px solid ; font-size:14px; padding: 12px 20px;}

/* ---------------------- projekty_unijne ---------------------------------------------------------------------------------------------------------------------------- */
#projekty_unijne{margin-left: 25px; text-align:center; margin-top: 50px; width: 900px; height:570px; display: block; float:left; font-size: 14px; line-height:30px;}
.p_lipno_a{text-align:left; margin-left:30px; margin-right:40px; line-height:20px; color:black; font-size: 12px;}
.p_lipno_b{text-align:left; margin-left:30px; margin-right:40px; line-height:20px; color:black; font-size: 14px;}

/* ---------------------- archiwum ---------------------------------------------------------------------------------------------------------------------------- */
#archiwumogolne{margin-left: 25px; text-align:center; margin-top: 0px; width: 900px; height:600px; display: block; float:left; font-size: 14px; line-height:30px;}

/* ---------------------- firmy_wspolpracujace ---------------------------------------------------------------------------------------------------------------------------- */
#firmy_wspolpracujace{text-align:left; margin-top: 0px; width: 950px; height:260px; margin-left: 25px; display: block; float:left;}
.firmy_wspolpracujace{text-align:left; color:#4F4F4F; font-weight: bold; font-family: verdana, arial, sans-serif; font-size: 14px;}
#belka_firmy_wspolpracujace{background: url(images/belka_firmy_wspolpracujace.png) no-repeat; margin-top: 0px; display: block; width: 951px; height:20px;}

/* ---------------------- stopka --------------------------------------------------------------------------------------------------------------------------------------------- */
#STOPKA {clear: both; background-color: #888;}
#stopka_a{height: 100px; width: 1004px; display:block; float: left; margin-top:50px;}
.sa{text-align:center; color: white; font-size: 10px;}

/* ---------------------- data --------------------------------------------------------------------------------------------------------------------------------------------- */
.data{text-align:right; margin-top: 0px; margin-right: 10px; line-height:0px; color:black; font-size: 10px; font-style: verdana, arial, sans-serif;}

