/* Obecne */
body { background: url(../images/bg-body.png) top left repeat-x #e40005; color: #000; font-family: sans-serif; font-size: 12px; padding: 0 0 20px 0; margin: 0; height: 100%; }
 
div#wrap-outer { margin: 0 auto; width: 980px; height: 100%; }
div#wrap-inner { height: 100%; }

div#top-outer { background: url(../images/bg-top.jpg) top left no-repeat; height: 254px; margin-bottom: 5px; }
div#top-inner { padding: 44px 0 0 28px; position: relative; }
div#top-inner h1 { line-height: 24px; font-size: 18px; font-weight: normal; font-family: serif; color: #fff; margin: 0; padding: 14px 0 3px; }
div#top-inner a#top-hplink { display:block; width: 700px; height: 70px; position: absolute; top: 0; left: 0; }

div#page-outer { background: url(../images/bg-page.png) left top repeat-y; }

div#left-outer { float: left; width: 201px; background: #fff; height: 100%; }
div#left-inner { padding: 35px 0 0 0; }

div#main-outer { float: left; width: 564px; margin: 0; padding: 0; background: #fff; height: 100%; }
div#main-inner { margin: 0; padding: 36px 36px 20px 38px; }
div#main-inner h1 { color: #fff; padding: 0; margin: 0 0 0.8em 0; font-size: 16px; font-weight: bold; background: url(../images/bg-title-left-top.png) left top no-repeat #e60003; }
div#main-inner h1 > div { background: url(../images/bg-title-left-bottom.png) left bottom no-repeat; }
div#main-inner h1 > div > div { background: url(../images/bg-title-right-top.png) right top no-repeat; }
div#main-inner h1 > div > div > div { background: url(../images/bg-title-right-bottom.png) right bottom no-repeat; padding: 10px; }
div#main-inner p { color: #000; font-size: 12px; margin: 0 0 10px 15px; text-align: justify; }
div#main-inner h2 { color: #e60003; font-size: 15px; padding: 1em 0; margin: 1em 0 0 0; font-weight: normal; border-top: 1px solid #e60003; }
div#main-inner h3 { color: #e60003; font-size: 12px; padding: 0; margin: 0.6em 0; font-weight: normal; }

div#right-outer { float: right; width: 210px; background: url(../images/bg-actual.png) top left repeat-y; height: 100%; }
div#right-inner { margin: 0 0 0 8px; padding: 16px 15px; color: #fff; }
div#right-inner h2 { color: #fff; font-size: 18px; font-weight: bold; letter-spacing: 0.3em; text-align: center; text-transform: uppercase; padding-bottom: 13px; border-bottom: 1px solid #5a5b5f; }
div#right-inner div.actual { border-bottom: 1px solid #5a5b5f; padding: 11px 0 9px 0; }
div#right-inner h4 { background: url(../images/bg-list-item.png) left 5px no-repeat; padding: 3px 0 3px 16px; margin: 0; }
div#right-inner p { margin: 8px 0; }
div#right-inner a { color: #e60003; text-decoration: none; }
div#right-inner a:hover { text-decoration: underline; } 

div#bottom-outer { background: #000; color: #fff; }
div#bottom-inner { padding: 6px 6px 6px 30px; }
div#bottom-inner a { color: #fff; text-decoration: none; }
div#bottom-inner a:hover { text-decoration: underline; }

div#top-menu { color: #fff; }
div#top-menu a { color: #fff; text-decoration: none; }
div#top-menu a:hover { text-decoration: underline; } 

ul#left-menu { padding: 0 0 10px 0; margin: 0; list-style: none; }
ul#left-menu li { border-bottom: 2px dotted #e60003; padding: 0; width: 196px; }
ul#left-menu li:first-child { border-top: 2px dotted #e60003; }
ul#left-menu li a { display: block; color: #000; text-decoration: none; width: 201px; }
ul#left-menu li a div.bottom { padding: 7px 20px 7px 15px; }
ul#left-menu li a:hover { color: #fff; background: url(../images/bg-menu-active-right-middle.png) right center no-repeat #e60003; }
ul#left-menu li a:hover div.top { background: url(../images/bg-menu-active-right-top.png) right top no-repeat; }
ul#left-menu li a:hover div.bottom { background: url(../images/bg-menu-active-right-bottom.png) right bottom no-repeat; }

div.realization { width: 200px; margin: 10px; border: 1px solid #e60003; float: left; text-align: center; padding: 10px; }
div.realization a { text-decoration: none; }
div.realization a:hover { text-decoration: underline; }
div.realization img { width: 120px; height: 120px; margin-bottom: 6px; }
div.realization span { font-size: 90%; color: #555; }

.fleft { float: left; }
.fright { float: right; }
.tleft { text-align: left; }
.tright { text-align: right; }
.tcenter { text-align: center; }
.tjustify { text-align: justify; }
.strong { font-weight: bold; }
.clear { clear: both; }

a img { border: 0 none; }
table { font-size: 12px; }
a { color: #000; }
/*test*/