@charset "utf-8";
/* CSS Document */
a {text-decoration: none; color: white}

address {white-space: pre; margin: 8em auto; text-align: center; font-size: 14px; line-height: 1.5em}
blockquote.info {margin: 5em 150px}
blockquote.info p {text-align: justify; line-height: 2em; text-indent: 1em; font-style: italic}
blockquote.info cite {display: block; text-align: right}

body {background: #d0d0d0; color: #F0F0F0; font: 11px Arial, Helvetica, sans-serif}
h1 {font: 25px "Times New Roman", Times, serif}
img.rysunek {float: right; margin: 50px 120px 0 0}
img.obraz {float: left; margin: 30px 0 0 120px}

a.intro {display: block; font-size: 20px; font-family: Geneva, Arial, Helvetica, sans-serif; width: 900px; height: 60px;
	position: absolute; top: 0; left: 0; padding: 360px 0 0 100px}

div#wysrodkowanie {position: absolute; left: 50%; top: 50%; margin-left: -500px; margin-top: -210px}
div#kontener {background: #000; width: 1000px; height: 420px; color: #F0F0F0; font: 12px Arial, Helvetica, sans-serif; position: relative}

div#footer {clear: both; width: 710px; margin: 0 auto; position: relative; padding-left: 290px; font-size: 12px; color: #444}
div#footer a {color: #444; font: 12px Arial, Helvetica, sans-serif;}
div#footer a:hover {color: #009}
div#footer #menu {position: absolute; left: 0; top: 0; width: 400px; padding-left: 10px}
div#footer #lang {position: absolute; right: 0; top: 0; width: 150px}

div#omnie {background: url(gfx/ja.jpg) top right no-repeat; height: 100%; margin-top: -15px; padding: 50px 300px 0 120px; height: 370px}
div#omnie p.bottom_border {border-bottom: 1px #D0D0D0 solid; padding-bottom: 5px; margin: 5px 0 0 0}
div#omnie h1 {text-align: center; font: normal 12px Arial, Helvetica, sans-serif; border-bottom: 1px #D0D0D0 solid; 
	padding-bottom: 5px; margin: 5px 0 0 0}
div#omnie div.wystawy h2 {text-align: center; font: normal 14px Arial, Helvetica, sans-serif}
div#omnie div.wystawy div.left {float: left; width: 260px; border-right: 1px #D0D0D0 solid; line-height: 2em;}
div#omnie div.wystawy div.right {float: right; width: 260px; line-height: 2em}
div#omnie p.top_border {clear: both; border-top: 1px #d0d0d0 solid; padding-top: 10px}
div#omnie p.wystawy {line-height: 2em}

/* Kredki */
ul.kredki {list-style: none; margin: 0; padding: 0; width: 330px; float: left}
ul.kredki li a {display: block; background: url(gfx/kredki/1.jpg) left top no-repeat; padding: 10px 0 0 100px; height: 30px; color: #666}
ul.kredki li a:hover, ul.kredki li a.current {background-position: bottom left; color: white}
ul.kredki li a.current {font-weight: bold}
ul.kredki li.k1 a {background-image: url(gfx/kredki/1.jpg)}
ul.kredki li.k2 a {background-image: url(gfx/kredki/2.jpg)}
ul.kredki li.k3 a {background-image: url(gfx/kredki/3.jpg)}
ul.kredki li.k4 a {background-image: url(gfx/kredki/4.jpg)}
ul.kredki li.k5 a {background-image: url(gfx/kredki/5.jpg)}
ul.kredki li.k6 a {background-image: url(gfx/kredki/6.jpg)}
ul.kredki li.k7 a {background-image: url(gfx/kredki/7.jpg)}
ul.kredki li.k8 a {background-image: url(gfx/kredki/8.jpg)}
ul.kredki li.k9 a {background-image: url(gfx/kredki/9.jpg)}
ul.kredki li.k10 a {background-image: url(gfx/kredki/10.jpg)}

/* Kredki duze */
ul.kredki_duze {list-style: none; margin: 0; padding: 0; width: 280px; float: left}
ul.kredki_duze li a {display: block; background-position: top left; background-repeat: no-repeat; height: 40px; font-size: 0;
	color: #000; text-indent: -5500px}
ul.kredki_duze li a:hover {background-position: right top}
ul.kredki_duze li.k1 a {background-image: url(gfx/kredka_1.jpg)}
ul.kredki_duze li.k2 a {background-image: url(gfx/kredka_2.jpg)}
ul.kredki_duze li.k3 a {background-image: url(gfx/kredka_3.jpg)}
ul.kredki_duze li.k4 a {background-image: url(gfx/kredka_4.jpg)}
ul.kredki_duze li.k5 a {background-image: url(gfx/kredka_5.jpg)}
ul.kredki_duze li.k6 a {background-image: url(gfx/kredka_6.jpg)}
ul.kredki_duze li.k7 a {background-image: url(gfx/kredka_7.jpg)}
ul.kredki_duze li.k8 a {background-image: url(gfx/kredka_8.jpg)}
ul.kredki_duze li.k9 a {background-image: url(gfx/kredka_9.jpg)}
ul.kredki_duze li.k10 a {background-image: url(gfx/kredka_1.jpg); margin-top: 3px}

/* Pedzle */
ul.pedzle {list-style: none; margin: 25px 0 0 0; padding: 0; width: 375px; float: right}
ul.pedzle li a {display: block; background-position: right top; background-repeat: no-repeat; color: #666; width: 275px;
	padding-right: 100px}
ul.pedzle li a:hover, ul.pedzle li a.current {background-position: bottom right; color: white}
ul.pedzle li a.current {font-weight: bold}
ul.pedzle li.o1 a {background-image:url(gfx/pedzle/1.jpg); height: 22px; padding-top: 12px}
ul.pedzle li.o2 a {background-image:url(gfx/pedzle/2.jpg); height: 20px; padding-top: 4px}
ul.pedzle li.o3 a {background-image:url(gfx/pedzle/3.jpg); height: 20px; padding-top: 7px}
ul.pedzle li.o4 a {background-image:url(gfx/pedzle/4.jpg); height: 25px; padding-top: 10px}
ul.pedzle li.o5 a {background-image:url(gfx/pedzle/5.jpg); height: 20px; padding-top: 6px}
ul.pedzle li.o6 a {background-image:url(gfx/pedzle/6.jpg); height: 20px; padding-top: 6px}

/* Pedzle duze */
ul.pedzle_duze {list-style: none; margin: 0 0 0 0; padding: 0; width: 210px; float: right}
ul.pedzle_duze li a {display: block; background-position: right top; background-repeat: no-repeat; color: #000; font-size: 0; 
	text-indent: -5500px}
ul.pedzle_duze li a:hover {background-position: left top}
ul.pedzle_duze li.o1 a {background-image: url(gfx/pedzelek_1.jpg); height: 39px}
ul.pedzle_duze li.o2 a {background-image: url(gfx/pedzelek_2.jpg); height: 30px}
ul.pedzle_duze li.o3 a {background-image: url(gfx/pedzelek_3.jpg); height: 30px}
ul.pedzle_duze li.o4 a {background-image: url(gfx/pedzelek_4.jpg); height: 35px}
ul.pedzle_duze li.o5 a {background-image: url(gfx/pedzelek_5.jpg); height: 32px}
ul.pedzle_duze li.o6 a {background-image: url(gfx/pedzelek_6.jpg); height: 32px}