* { margin: 0; padding: 0; }
html, body { background: #212e3a; height: 100%; }
body { text-align: justify; position: relative; font: 11px, Arial, Helvetica, sans-serif; color:#FFF; }
img { border: 0; }
a { outline: 0; }

#main { position: absolute; top: 416px; margin-top: -26px; margin-left: 50px; width: 1100px; height: 52px; }
#sub { padding-top: 390px; width: 1100px; margin-left: 50px; position: relative; }

#gal { position: absolute; top: 10px; left: 300px; width: 800px; height: 400px; overflow: hidden; }
#gal div.img { text-align: center; height: 390px; line-height: 380px; overflow: hidden; vertical-align: bottom; }
#gal div.img img { vertical-align: bottom; }
#gal ul.sel { height: 9px; list-style: none; }
#gal ul.sel li { float: left; width: 55px; position: relative; }
#gal ul.sel li a { display: block; width: 55px; height: 9px; background: url(../images/ibar0.gif) 0 0 no-repeat; overflow: hidden; }
#gal ul.sel li a img { display: none; }
#gal ul.sel li a:hover { background: url(../images/ibar1.gif) 0 0 no-repeat; }
#gal ul.sel li a:hover img { display: block; position: absolute; bottom: 9px; padding-bottom: 1px; }
#gal ul.nav { height: 10px; list-style: none; float: right; }
#gal ul.nav li { float: left; margin-left: 2px; }
#gal ul.nav li a { display: block; width: 11px; height: 10px; text-indent: -9999px; overflow: hidden; }
#gal ul.nav li a.l { background: url(../images/larr0.gif) 100% 0 no-repeat; }
#gal ul.nav li a.r { background: url(../images/rarr0.gif) 0 0 no-repeat; }
#gal ul.nav li a.l:hover { background: url(../images/larr1.gif) 100% 0 no-repeat; }
#gal ul.nav li a.r:hover { background: url(../images/rarr1.gif) 0 0 no-repeat; }

#cont {font: 12px/1.2em Arial, Helvetica, sans-serif; color:#FFF; width: 1100px; text-align: left; margin: 0 auto 20px auto; }
#cont h1 { width: 280px; height: 52px; float: left; margin-right: 20px; }
#cont h1 a { float: left; width: 280px; height: 52px; background: url(../images/logo.gif) 50% 50% no-repeat; text-indent: -9999px; overflow: hidden; }

#menu { list-style: none; padding-top: 40px; overflow: hidden; }
#menu li { float: left; height: 20px; line-height: 20px; width: 160px; }
#menu li a { float: left; width: 160px; height: 20px; text-indent: -9999px; overflow: hidden; }
#menu li a:hover { color: #fff; }
#menu li a span.l { float: left; height: 20px; background: url(../images/menu.gif) 0 0 no-repeat; }
#menu li a span.p { float: left; height: 20px; background: url(../images/menu-pl.gif) 0 0 no-repeat; }
#menu li a span.e { float: left; height: 20px; background: url(../images/menu-en.gif) 0 0 no-repeat; }

#cont-inner { margin: 20px 0 0 300px; }

#menu-sub { width: 200px; margin-bottom: 20px; font: 13px/1.2em Arial, Helvetica, sans-serif; }
#menu-sub ul { list-style: none; }
#menu-sub ul.m1 { margin-left: 0; }
#menu-sub ul.m2 { margin-left: 160px; }
#menu-sub ul.m3 { margin-left: 320px; }
#menu-sub ul.m4 { margin-left: 480px; }
#menu-sub ul.m5 { margin-left: 640px; }
#menu-sub a { color: #999; text-decoration: none; white-space: nowrap; font-weight: 400;  }
#menu-sub a:hover { color: #ccc; }
#menu-sub a.c { color: #fff; font-weight: 700; }

#menu-sub-left { float: left; width: 200px; font: 12px/1.2em Arial, Helvetica, sans-serif;}
#menu-sub-left ul { list-style: none; }
#menu-sub-left a { color: #999; text-decoration: none; white-space: nowrap;font-weight: 400; }
#menu-sub-left a span { float: right; }
#menu-sub-left a:hover { color: #ccc; }
#menu-sub-left a.c { color: #fff; font-weight: 700;}


#cont-sub {font: 11px/1.2em Arial, Helvetica, sans-serif; color:#FFF; text-align: justify;}
#cont-sub a { color: #fff; }
#cont-sub a:hover { color: #fff; }
#cont-sub.marg { margin-left: 230px; font: 11px/1.2em Arial, Helvetica, sans-serif; color:#FFF; }
#cont-sub p {  margin-bottom: 10px;  }

#firma { width: 640px; }

#opis {width:485px; height: 15px; font: 11px/1.2em Arial, Helvetica, sans-serif; color:#FFF; font-weight:700; border-bottom: 1px dotted #999 ;}
#lewa {width:140px; height: 15px; font: 11px/1.2em Arial, Helvetica, sans-serif; color:#FFF; float:left;}
#prawa { height: 15px; font: 11px/1.2em Arial, Helvetica, sans-serif; color:#FFF; font-weight:700;}


#wopis {width:485px; height: 15px; font: 11px/1.2em Arial, Helvetica, sans-serif; color:#FFF; font-weight:700; }
#wlewa {width:230px; height: 15px; font: 11px/1.2em Arial, Helvetica, sans-serif; color:#FFF; float:left;}
#wprawa { height: 15px; font: 11px/1.2em Arial, Helvetica, sans-serif; color:#FFF; font-weight:700;}




#content-menu {width:485px; padding-bottom: 10px; margin-bottom: 10px; border-bottom:  1px dotted #999; }
#content-menu ul { margin-left: 20px; }
#content-menu a { color: #999; text-decoration: none; }
#content-menu a.c { color: #fff !important; font-weight: 700; }
#content-menu a:hover { color: #ccc; }

#lang-switch { clear: left; overflow: hidden; text-align: right; font-size: 11px; padding: 10px 50px 0 0; }
#lang-switch a { color: #c73f03; text-decoration: none; }
#lang-switch a:hover { color: #fb6421; }

/* lang menu */
#menu li.m1 a span.l { width: 44px; }
#menu li.m2 a span.l { width: 53px; background-position: -44px 0; }
#menu li.m1 a:hover span.l { background-position: 0 -20px; }
#menu li.m2 a:hover span.l { background-position: -44px -20px; }
#menu li.m1 a:active span.l { background-position: 0 -40px; }
#menu li.m2 a:active span.l { background-position: -44px -40px; }

/* pl menu */
#menu li.m1 a span.p { width: 64px; }
#menu li.m2 a span.p { width: 42px; background-position: -64px 0; }
#menu li.m3 a span.p { width: 69px; background-position: -106px 0; }
#menu li.m4 a span.p { width: 53px; background-position: -175px 0; }
#menu li.m5 a span.p { width: 60px; background-position: -228px 0; }
#menu li.m1 a:hover span.p { width: 64px; background-position: 0 -20px; }
#menu li.m2 a:hover span.p { width: 42px; background-position: -64px -20px; }
#menu li.m3 a:hover span.p { width: 69px; background-position: -106px -20px; }
#menu li.m4 a:hover span.p { width: 53px; background-position: -175px -20px; }
#menu li.m5 a:hover span.p { width: 60px; background-position: -228px -20px; }
#menu li.m1 a:active span.p, #menu li.m1 a.c span.p { width: 64px; background-position: 0 -40px !important; }
#menu li.m2 a:active span.p, #menu li.m2 a.c span.p { width: 42px; background-position: -64px -40px !important; }
#menu li.m3 a:active span.p, #menu li.m3 a.c span.p { width: 69px; background-position: -106px -40px !important; }
#menu li.m4 a:active span.p, #menu li.m4 a.c span.p { width: 53px; background-position: -175px -40px !important; }
#menu li.m5 a:active span.p, #menu li.m5 a.c span.p { width: 60px; background-position: -228px -40px !important; }

/* en menu */
#menu li.m1 a span.e { width: 62px; }
#menu li.m2 a span.e { width: 79px; background-position: -62px 0; }
#menu li.m3 a span.e { width: 59px; background-position: -141px 0; }
#menu li.m4 a span.e { width: 55px; background-position: -200px 0; }
#menu li.m5 a span.e { width: 66px; background-position: -255px 0; }
#menu li.m1 a:hover span.e { width: 62px; background-position: 0 -20px; }
#menu li.m2 a:hover span.e { width: 79px; background-position: -62px -20px; }
#menu li.m3 a:hover span.e { width: 59px; background-position: -141px -20px; }
#menu li.m4 a:hover span.e { width: 55px; background-position: -200px -20px; }
#menu li.m5 a:hover span.e { width: 66px; background-position: -255px -20px; }
#menu li.m1 a:active span.e, #menu li.m1 a.c span.e { width: 62px; background-position: 0 -40px !important; }
#menu li.m2 a:active span.e, #menu li.m2 a.c span.e { width: 79px; background-position: -62px -40px !important; }
#menu li.m3 a:active span.e, #menu li.m3 a.c span.e { width: 59px; background-position: -141px -40px !important; }
#menu li.m4 a:active span.e, #menu li.m4 a.c span.e { width: 55px; background-position: -200px -40px !important; }
#menu li.m5 a:active span.e, #menu li.m5 a.c span.e { width: 66px; background-position: -255px -40px !important; }