/*#main, #menu, #content, #prawemenu, #footer, #container {
border:1px solid black;
}*/

* {
        margin:0;
        padding:0;
}

html, body {
        margin:0;
        padding:0;
        background-color:#e7f1f5;
        color:black;
        font-size:15px;
}

#main, #footer {
        width:762px;
        background-color:#fff;
        border-left:2px solid #DFE8EC;
        border-right:2px solid #DFE8EC;
        margin:0 auto;
        font:normal 80% Arial, Verdana, Tahoma, sans-serif;
        color:inherit;
/*      background:#fff url("http://www.pm.katowice.pl/oim/dev/i/tlo.jpg") repeat-y;*/
}


#container {
        background-color:#fff;
        width:766px;
        margin:0 auto;
        }

#top {
        width:764px;
        height:150px;
        padding:0;
        margin:0 auto;
        background: #fff url("http://www.pm.katowice.pl/oim/i/nagl1_no-775.jpg") no-repeat;
        color:inherit;
}

#footer {
        text-align:center;
        border-bottom:2px solid #DFE8EC;
/*        background: #fff url("http://www.pm.katowice.pl/oim/dev/i/footer40.jpg") no-repeat;*/
}



#content {
        width:auto;
        margin:0 125px;
        padding:3px;
        min-height:480px;
        background-color:#fff;
/*        border-left:1px solid #DEDEDE;
        border-right:1px solid #DEDEDE;*/
}

#menu {
        width:123px;
        float:left;
        font:bold 100% Verdana, sans-serif;
        text-align:center;

}

#prawemenu {
        width:123px;
        float:right;

}

#prawemenu div {
        text-align:right;
        padding:10px 15px 0 0;
        margin-bottom:30px;
        }

#prawemenu p {
        font:bold 1em Verdana, Tahoma, sans-serif;
        text-align:center;
}

#prawemenu p span {
        display:block;
        text-align:center;
}

#prawemenu ul li{
        margin:0 1em;
        padding:0;
}

#prawemenu ul li img {
        display:inline;
        vertical-align:middle;
}

#menu ul {
        margin:10px 0;
        padding:0 0 0 9px;
        list-style-type: none;
        background-image:none;
}

#menu ul li {
        padding:4px 0 4px 0;
        background-image:none;
        margin:0;
        width:110px;
        border-bottom: 1px solid #DFE8EC;
/*        margin:0;
        padding:2px 0;
        font-weight:bold;*/

}

#menu ul li a, #menu ul li a:hover {
        text-decoration:none;
        text-align:center;
        color:black;
        display:block;
        font-weight:bold;
        padding:5px;
        width:100px;
}

#menu ul li a:hover {
        color:black;
        background-color:#DFE8EC; /*#D5E0E6;*/
}

#jeden, #dwa, #trzy, #cztery, #piec, #szesc {
        width:239px;
        height:125px;
        margin:-1px;
        padding:4px 6px;
        float:left;
        border:1px solid #DEDEDE;
        background-color:#fff;
        overflow:auto;
        text-align:justify;
}

#jeden, #dwa {
        border-top:0;
}

#dwa, #cztery, #szesc {
        border-right:0;
}

#jeden, #trzy, #piec {
        margin-left:3px;
        border-left:0;
}

#piec, #szesc {
        border-bottom:0;
}

img#obrazmapy {
        width:100px;
        height:136px;
        padding:0;
        margin:0px 0 0 7px;
}

#mapakatowic {
        display:block;
        width:340px;
        height:378px;
        margin:20px auto;
        border:0 none;
}

dt {
        margin:10px;
        }

dd {
        margin:5px 0 0 2em;
}

div#eurodesklogo {
        width:250px;
        height:auto;
        float:right;
        margin:8px 8px 15px;
        text-align:center;
}
        
div#eurodesklogo p {
        margin-top:2em;
        text-align:center;
}

/* linki */
a, a:hover {
        font-weight:normal;
}

a {
        text-decoration:none;
        color:#005EB3; /*4D7A84; /* 0072D6;*/
}

a#cotojest {
        font:normal 90% Tahoma, sans-serif;
        text-align:right;
}
       
a:hover {
        text-decoration:underline;
        color:#000470;
}

/* eurodesk z bocznego logo */
img#eurodesk {
        width:110px;
        height:22px;
        padding:0;
        margin:20px 0 20px 2px;
}

/* eryica z bocznego logo */
a#eryica, a:hover#eryica {
        display:block;
        width:110px;
        height:57px;
        background: #fff url("http://www.pm.katowice.pl/oim/dev/i/eryica2.jpg") no-repeat;
        padding:0;
        margin:20px 0 20px 7px;
}

/* kariera z bocznego logo */
a#kariera, a:hover#kariera {
        display:block;
        width:43px;
        height:56px;
        background: #fff url("http://www.pm.katowice.pl/oim/dev/i/kariera2006.jpg") no-repeat;
        padding:0;
        margin:40px auto 0;
}


#footer a#dostepnosc, #footer a#mapa, #footer span {
        color:#A7A7A7; /*#91b6be;*/
        vertical-align:50%;
}

#footer a:hover {
        text-decoration:underline;
        color:#000470;
}

#footer span {
        color:#A7A7A7; /* #C6C7C6;*/

        }

#statpllogo img {
        width:90px;
        height:26px;
        display:inline;
}

img {
        border:0;
}

/* listy */
ul {
        list-style-type:none;
}

li {
        list-style-type:none;
        margin-left:30px;
}

ol li {
        list-style-type:decimal;
}

#wup li {
        padding-top:8px;
}
ul.inline {
        margin:0 0 0 15px;
}

ul.inline li{
        display:inline;
        text-align:left;
        margin:0;
}

#prawemenu ul li {
        padding:2px;
}

#prawemenu p {
        color:black; /*#090345;*/
        }

ul#komunikatory li#gg,  ul#komunikatory li#jabber, ul#komunikatory li#tlen, ul#komunikatory li#icq {
        background-repeat:no-repeat;
        background-position:.6em;
        padding: 22px 6em;
}


ul#komunikatory li#gg {
        background-image:url(http://www.pm.katowice.pl/oim/dev/i/45gg.jpg);
}

ul#komunikatory li#icq {
        background-image:url(http://www.pm.katowice.pl/oim/dev/i/45icq.jpg);
}

ul#komunikatory li#jabber {
        background-image:url(http://www.pm.katowice.pl/oim/dev/i/45jabber.png);
}

ul#komunikatory li#tlen {
        background-image:url(http://www.pm.katowice.pl/oim/dev/i/45tlen.gif);
}

ul#imy li {
        margin:0;
}

ul#partnerzy {
        margin:0;
        padding:0;
}

ul#partnerzy li {
        background-repeat:no-repeat;
        padding:30px 12em;

}

ul#partnerzy li#eurodesk {
        background-image:url(http://www.pm.katowice.pl/oim/dev/i/eurodesk_male.jpg);
        background-position:0px 35px;
}
ul#partnerzy li#ultramaryna {
        background-image:url(http://www.pm.katowice.pl/oim/dev/i/ultramaryna.gif);
        background-position:0px 35px;
}

ul#partnerzy li#kariera {
        background-image:url(http://www.pm.katowice.pl/oim/dev/i/kariera2006.jpg);
        background-position:35px 18px;
}

ul#osrodki li, ul.raquo li, div.kol1 ul li, div.kol2 ul li, #profilowane ul li, #zsz ul li, #technika ul li, #policealne ul li, #licea ul li {
        line-height:1.3em;
        background:transparent url(http://www.pm.katowice.pl/oim/dev/i/raquo.gif) 0px 5px no-repeat !important;
        background:transparent url(http://www.pm.katowice.pl/oim/dev/i/raquo.gif) 0px 6px no-repeat;
        padding-left:1em;
}
/* koniec list */

/* nagłówki */
h1, h2 {
        font:bold 1.5em Verdana, Georgia, Tahoma, sans-serif;
        text-align:center;

        letter-spacing:1px;
        margin:.8em auto 1em;
        padding:0 0 0 8px;
        color:#090345; /*#000080;*/
}

h2 {
        font:bold  1.2em Verdana, Georgia, Tahoma, sans-serif;
        text-align:center;
        margin:2em 0;
} 

h2 span {
font-size: 70%;
display:block;
padding-top:.5em;
}


h3 {
        font:bold 1.1em Verdana, Georgia, Tahoma, sans-serif;
        color:black;
        text-align:left;
        margin:1.2em 0 .3em;
}

h3 span {
        display:block;
        font-weight:normal;
}

#glowna h2 {
        font:1.9em Verdana, Tahoma, sans-serif;
        text-align:center;
        margin:0 auto;
        color:#008000;
}

/* koniec nagłówków */

/* paragrafy */
p {
        text-align:justify;
        margin:6px 8px;
        line-height:1.3em;
}

#glowna div p {
        text-align:center;
        font-size:1.2em;
}
 
p.narrow {
        padding:0 60px;
}

p.center {
        text-align:center;
}

p.wiecej {
        text-align:right;
}

p.data {
        text-align:right;
        color:silver;
        font-size:.9em;
}

/* koniec paragrafów */

/* formularz pomocy */
form#pomoc div label {
        width:200px;
        text-align:left;
        display:block;
        margin-left:107px;
}

div#mailform input, form#pomoc select, form#pomoc textarea {
        width:400px;
        display:block;
        margin:0 auto;
        border:1px solid #57B0FF;
        background-color:#E0F4FF; /*#D6ECFF;*/
}

form#pomoc div {
        display:block;
        margin-top:15px;
}

#wyslij input {
        margin-left:220px;
}

input#submit, input#reset {
        display:block;
        width:80px;
        background-color:#E0F4FF;
        border:1px solid #57B0FF;
        font:bold .9em Tahoma, sans-serif;
}

input#submit {
        display:block;
        width:80px;
        float:left;
        margin-right:20px;
}
/* koniec formularza pomocy */

/* formularze wyboru miast */
form#doublecombo {
        margin:2em 3em 3em;
}

input#przejdz {
        width:80px;
        height:20px;
        background-color:#E0F4FF;
        border:1px solid #57B0FF;
        font:bold .9em Tahoma, sans-serif;
}

form#doublecombo select {
        border:1px solid #57B0FF;
        background-color:#E0F4FF;
}
/* koniec formularzy wyboru miast */

/* katalog działów */
ol.katalog {
        margin-left:170px;
}

div#katalog {
        width:500px;
        margin:0 auto;
}

div#katalog ul {
        list-style-type:none;
}
/* koniec katalogu działów */

/* nawigacja po działach katalogu */
#navi span {
        display:block;
        width:160px;
        margin:0;
        padding:0;
}

#navi span#poprz {
        float:left;
        margin-left:60px;
}

#navi span#nast {
        float:right;
        margin-right:60px;
}
/* koniec nawigacji po działach katalogu */

/* zdjęcia warsztatów */
#zdjecia img {
        margin:2px 0;
}

/* kolumny w listach szkół */

.kol1 {
        width:245px;
        float:left;
        margin-left:15px;
}

.kol2 {
        width:245px;
        float:left;
}
/* koniec kolumn */

/* inne */ 
.lewa {
        text-align:left;
}

#mapastrony li {
        line-height:1.5em;
}

address {
        font-style:normal;
        padding-left:7px;
        margin:5px 7px;
        border-left:1px dotted black;
/*        border-left:2px solid #DFE8EC;*/
}

div.hr {
        display:block;
        height:5px;
        width:400px;
        margin:2em auto;
        background:#fff url(http://www.pm.katowice.pl/oim/i/hr.jpg) no-repeat;
        color:gray;

}

hr {
        display:none;
}/* koniec innych */

/* stare menu
        padding:5px 0 5px;
        margin:0;
        width:110px;
        display:block;
        text-decoration:none;
        text-align:center;
        color:black;
        font-weight:bold;
        border:1px solid #729CAC;
}

#menu ul li a:hover {
        border:1px solid #A2BCC8;
        color:#4D4D4D;
}

#menu ul li a#menu1 {
        background: #fff url("../i/menu1.jpg") no-repeat;
}

#menu ul li a#menu2 {
        background: #fff url("../i/menu2.jpg") no-repeat;
}

#menu ul li a#menu3 {
        background: #fff url("../i/menu3.jpg") no-repeat;
}

#menu ul li a#menu4 {
        background: #fff url("../i/menu4.jpg") no-repeat;
}

#menu ul li a#menu5 {
        background: #fff url("../i/menu5.jpg") no-repeat;
}

#menu ul li a#menu6 {
        background: #fff url("../i/menu6.jpg") no-repeat;
}

#menu ul li a#menu7 {
        background: #fff url("../i/menu7.jpg") no-repeat;
}

#menu ul li a#menu8 {
        background: #fff url("../i/menu8.jpg") no-repeat;
}

#menu ul li a#menu9 {
        background: #fff url("../i/menu9d.jpg") no-repeat;
        border:1px solid #d87081;
}

#menu ul li a#menu1:hover {
        background: #fff url("../i/menu1.jpg") 0 -30px no-repeat;
}

#menu ul li a#menu2:hover {
        background: #fff url("../i/menu2.jpg") 0 -30px no-repeat;
}

#menu ul li a#menu3:hover {
        background: #fff url("../i/menu3.jpg") 0 -30px no-repeat;
}

#menu ul li a#menu4:hover {
        background: #fff url("../i/menu4.jpg") 0 -30px no-repeat;
}

#menu ul li a#menu5:hover {
        background: #fff url("../i/menu5.jpg") 0 -30px no-repeat;
}

#menu ul li a#menu6:hover {
        background: #fff url("../i/menu6.jpg") 0 -30px no-repeat;
}

#menu ul li a#menu7:hover {
        background: #fff url("../i/menu7.jpg") 0 -30px no-repeat;
}

#menu ul li a#menu8:hover {
        background: #fff url("../i/menu8.jpg") 0 -30px no-repeat;
}

#menu ul li a#menu9:hover {
        background: #fff url("../i/menu9d.jpg") 0 -30px no-repeat;
        border:1px solid #d87c8f;
}

*/

table.book {
margin:1em; auto;
width:90%;
border-collapse:collapse;
}

table.book td {
border:1px solid black;
padding:3px 3px 3px 6px;
}

table.book thead {
font-weight:bold;
}

table.book tfoot {
color:gray;
text-align:right;
}

table.book tfoot tr td {
border:none;
border-top:1px solid black;
padding-right:20px;
}

p.wroc {
text-align:right;
margin:0 4em;
}