html, body {height: 100%; border: 0}
body {position: relative;background: #cdcac1 url(/img/content-bg.jpg) repeat-y}
* {padding: 0; margin: 0}
ul li {list-style: none;}
img {border: none}

.clear {clear: both}

/* główne pojemniki */

#main {margin: 0; text-align: left; min-height: 100%; width: 1000px;background: url(/img/bg-top.jpg) no-repeat; z-index: 2; position: relative}
#header {height: 647px;}
#contentOut {margin-top: -350px}

#menubar {clear: both; float: left; display: inline; width: 220px; margin-left: 20px}

#content, #largeContent {float: right; display: inline; width: 662px; margin: 0 62px 0 20px; position: relative}
#largeContent {width: auto; margin-left: 10px}
/* #submenu, #content, #largeContent {padding-bottom: 150px} */

#contentOut {padding-bottom: 110px; z-index: 3; position: relative}
#contentOut {height: 1%}

#footer {position: absolute; left: 0; bottom: 0px; width: 100%; height: 164px; background: url(/img/bg-bottom.jpg) no-repeat; z-index: 1}

/* ozdobniki */

#topBg {position: absolute; top: 0; left: 0; width: 100%; height: 265px; background: url(/img/bg-top-x.jpg) repeat-x}
#bottomBg {height: 164px; margin-top: -164px; background: url(/img/bg-bottom-x.jpg) repeat-x; z-index: 1}

/* naglowek */

#header {}
#langBox {float: left; display: inline; width: 250px; height: 2em; margin-top: 2em; text-align: center;}

#header object {position: absolute; left: 0; top: 67px; width: 1000px; height: 198px}

#menuMap {float: left; display: inline; margin-left: 5px;}

#headNav {width: 258px; padding-top: 1.5em; float: left; display: inline; text-align: center}
#headNav li {display: inline; margin-right: 5px}

#headPhoto {display: block; margin: 0 auto; margin-top: -30px; padding-top: 0px; width: 950px; height: 262px}

/* menu glowne */

#mainNav {text-align: right; padding-top: 25px; margin-right: 62px}
#mainNav li {display: inline; margin-left: 20px}
#mainNav li img {height: 14px}
#mainNav li a {padding-bottom: 2px}
#mainNav li a:hover {padding-bottom: 0; border-bottom: 2px solid #cdcdcd}
#mainNav li a.selected {padding-bottom: 0; border-bottom: 2px solid #980000}
#mainNav li a:hover.selected {border-color: #980000}

/* mapa menu */

#menuMap {font-size: 9px}
/* #menuMap a {color: #000000;} */
#menuMap li {display: inline; padding-left: 17px; background: url(/img/navi/strzalka.gif) no-repeat 2px 3px}
#menuMap li.first-child {padding-left: 0; background: transparent}

/* submenu pionowe */

#submenu ul {border-top: 1px solid #cdcdcd; margin-top: 1px}
#submenu li {border-bottom: 1px solid #cdcdcd}
#submenu a {display: block; margin: 1px 2px; color: #fff; font-size: 13px; line-height: 22px; padding-left: 40px; text-decoration: none}
#submenu a.selected {background: url(/img/navi/strzalka.gif) no-repeat; background-position: 23px 7px}
#submenu a:hover, #submenu a.selected {background-color: #d0cec6; text-decoration: none; color: #000}
#submenu a:hover {background-color: #a4a29b;}

#submenu ul ul {margin-bottom: -1px; margin-top: 0}
#submenu ul ul li {height: 1%}
#submenu ul ul li a {font-size: 11px; padding-left: 60px}
#submenu ul ul li a.selected {background-position: 43px 5px}


/*
#submenu img {display: block; width: 224px; height: 27px; background-color: #980000; margin: 0 auto 1px}
#submenu ul {border-top: 1px solid #cdcdcd; margin-top: 1px}
#submenu li {border-bottom: 1px solid #cdcdcd}
#submenu a {display: block; margin: 1px 2px; background-color: #fafafa; color: #000000; font-size: 12px; line-height: 22px; padding-left: 40px; text-decoration: none}
#submenu a.selected {background: url(/img/navi/strzalka.gif) no-repeat; background-position: 23px 7px}
#submenu a:hover, #submenu a.selected {background-color: #ececec; text-decoration: none}

#submenu ul ul {margin-bottom: -1px; margin-top: 0}
#submenu ul ul li {height: 1%}
#submenu ul ul li a {font-size: 10px; padding-left: 60px}
#submenu ul ul li a.selected {background-position: 43px 5px}
*/

/* content - nawigacja */

#contentNav {margin: 0; padding: 0; text-align: right}
#contentNav li {display: inline; padding-left: .8em}

/* stopka */

#klienci img {display: block; width: 161px; height: 59px; margin: 5px auto 0}

#footer h4 {font-size: 10px; margin: 2px 0 3px 0px; color: #fff; font-weight: normal; position: relative}
#footer h2 {margin: 0; font-size: 1em; font-weight: normal; color: #000; display: inline}

#footerMenu {height: 80px}
#footer a {font-size: 10px; color: #000}
#footer1, #footer2, #footer3 {float: left; display: inline; font-size: 10px}
#footer1 {width: 240px; padding-left: 18px}
#footer1, #footer1 a, #footer1 h2 {color: #fff; font-size: 11px}
#footer2 {width: 480px; padding-left: 18px}
#footer3 {width: 180px}

#footNota {float: right; display: inline}
#footNota li {display: inline}

#footValid {clear: both; padding-top: 1em; position: relative; z-index: 4}
* html #footValid {height: 1%}

#footValid li {width: 48px; height: 16px; float: right; display: inline; margin-left: 1em}
#footValid li a {width: 100%; height: 100%; position: relative; z-index: 6}
#footValid li a:hover span {background-position: 0 16px;}
#footValid .pos1 span {background-image: url(/img/val_xhtml.jpg)}
#footValid .pos2 span {background-image: url(/img/val_css.jpg)}

/* schemat dla rolloverow */

.rollover {position: relative;}
.rollover a {display: block; overflow: hidden; position: relative}
.rollover a span {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}