body {background: #999 url(/layout/pattern.png) repeat-x top; margin: 0; padding: 0; font-family: 'Myriad Pro', Helvetica, Arial, sans-serif; font-size: 11px; text-align: center;}
a {text-decoration: underline;}
a:link {color: #900;}
a:visited {color: #999;}
a:active, a:hover, a:focus {color: #e00;}
img {border: 0;}
img.icon {position: relative; top: 2px;}
img.contacticon {position: relative; top: 6px;}

.bold {font-weight: bold !important;}
.italic {font-style: italic !important;}

/* obszar główki */
div#headshadowarea {height: 25px; background: #fff url(/layout/shadow-top.png) repeat-x top;}
div#headerarea {height: 90px;}
div#headerarea a {text-decoration: none; margin: 0 10px;}
div#headerarea a:link, div#headerarea a:visited {color: #fff;}
div#headerarea a:active, div#headerarea a:hover, div#headerarea a:focus {color: #900;}
div#headerarea a.opened {font-weight: bold !important; color: #900 !important;}
div#headerarea div#header {width: 750px; height: 90px; position: relative; margin: auto; color: #fff; font-size: 9px;}
div#headerarea div#header div#utils {position: absolute; top: 2px; right: -10px; font-size: 13px; color: #fff;}
/* div#headerarea div#header img#pagelogo {position: absolute; bottom: 0; right: -10px;} */
div#headerarea div#header a#pagelogo {display: block; position: absolute; bottom: 0; right: -20px; width: 521px; height: 51px; background: url(/layout/logo.png) no-repeat;}
div#headerarea div#header a#pagelogo span {display: none;}

/* obszar menu */
div#menuarea {height: 35px; background: #900; border-top: 2px solid #fff; border-bottom: 2px solid #fff;}
div#menuarea div#menu {width: 750px; height: 35px; position: relative; margin: auto; border: 0; border-left: 2px solid #fff; border-right: 2px solid #fff; color: #fff; font-size: 22px; text-align: right;}
div#menuarea div#menu p {margin: 0; padding: 5px 10px 0 0;}
div#menuarea div#menu a {display: block; width: 125px; height: 35px; border-left: 2px solid #fff; text-decoration: none; text-align: left; color: #fff; font-size: 13px; font-weight: bold;}
div#menuarea div#menu a#osobie {position: absolute; top: 0; right: 375px;}
div#menuarea div#menu a#oferta {position: absolute; top: 0; right: 250px;}
div#menuarea div#menu a#portfolio {position: absolute; top: 0; right: 125px;}
div#menuarea div#menu a#kontakt {position: absolute; top: 0; right: 0;}
div#menuarea div#menu a:link, div#menuarea div#menu a:visited {color: #fff;}
div#menuarea div#menu a:active, div#menuarea div#menu a:hover, div#menuarea div#menu a:focus {color: #900; background: #ccc;}
div#menuarea div#menu a div {margin: 2px 6px 0 4px;}
div#menuarea div#menu a.opened {text-align: right; background: #c99;}
div#menuarea div#menu a.opened div {margin-top: 15px;}

/* obszar treści */
div#contentarea {min-height: 400px; background: #fff;}
div#contentpanes {width: 750px; position: relative; margin: auto; padding: 0;}

div#leftcontentpane {width: 233px; padding: 0; float: left; background: transparent; /* <------------------------------ background DO USUNIĘCIA */}
div#leftcontentpane div#localmenuopen {height: 5px; background: url(/layout/menushadow_top.png) no-repeat right;}
div#leftcontentpane div#localmenuclose {height: 5px; background: url(/layout/menushadow_bottom.png) no-repeat right;}
div#leftcontentpane div#localmenu {background: url(/layout/menushadow.png) repeat-y right;}
div#leftcontentpane div#leftinfobox {background: url(/layout/leftinfoshadow.png) no-repeat top right; border-top: solid 2px #eee; border-right: solid 2px #eee;}
div#leftcontentpane h1 {margin: 0; padding: 0 0 20px 0; text-align: center; font-size: 34px; font-weight: normal; color: #900;}
div#leftcontentpane h1.indextitle {margin: 0 0 0 10px; padding: 0px 10px 0px 0; text-align: left; text-align: left; color: #ddd; font-size: 28px;}
div#leftcontentpane h2 {margin: 0 0 0 10px; padding: 8px 10px 2px 0; text-align: left; line-height: 140%; font-size: 18px; font-weight: normal; color: #666;}
div#leftcontentpane h3 {margin: 0 0 0 10px; padding: 2px 10px 2px 0; text-align: left; line-height: 140%; font-size: 14px; font-weight: normal; color: #333;}
div#leftcontentpane h3.space {padding-top: 10px;}
div#leftcontentpane p {margin: 0 0 0 10px; padding: 0px 10px 0px 0; text-align: left; line-height: 140%; font-size: 12px; color: #666;}
div#leftcontentpane p.indent {padding-left: 30px; text-align: left; color: #999; font-size: 10px;}
div#leftcontentpane p.smallinfo {color: #999; font-size: 9px;}
div#leftcontentpane p.shortcut {padding-top: 10px; text-align: right;}
div#leftcontentpane p.shortcut a {text-decoration: underline; font-size: 11px;}
div#leftcontentpane p.shortcut a:link {color: #900;}
div#leftcontentpane p.shortcut a:visited {color: #999;}
div#leftcontentpane p.shortcut a:active, div#leftcontentpane p.shortcut a:hover, div#leftcontentpane p.shortcut a:focus {color: #E00;}
div#leftcontentpane a {display: block; margin: 0 0 0 10px; padding: 2px 10px 2px 0; text-align: right; text-decoration: none; font-size: 13px; color: #333;}
div#leftcontentpane div#leftinfobox a {display: inline; margin: 0; padding: 0; text-align: inherit; font-size: inherit;}
div#leftcontentpane a span {display: block; font-size: 10px;}
div#leftcontentpane a.selected {padding-top: 4px; padding-bottom: 4px; border-top: solid 1px #aaa; border-bottom: solid 1px #aaa; background-color: #fff;}
div#leftcontentpane a:link, div#leftcontentpane ul a:visited {color: #333;}
div#leftcontentpane a:active, div#leftcontentpane a:hover, div#leftcontentpane a:focus {color: #900;}

div#rightcontentpane {min-height: 400px; margin-left: 250px; padding: 0; background: transparent; /* <------------------------------ background DO USUNIĘCIA */}
div#rightcontentpane div.prevbox {position: relative; width: 140px; height: 140px; margin: auto; margin-bottom: 25px; padding: 5px; background: url(/layout/prevshadow.png) no-repeat;}
div#rightcontentpane div.prevbox a {text-decoration: none; color: #fff;}
div#rightcontentpane div.prevbox a div {display: none;}
div#rightcontentpane div.prevbox a:hover div {display: block; position: absolute; bottom: 20px; left: 5px; width: 134px; padding: 3px; background: url(/layout/prevpx.png); font-size: 10px; font-weight: bold;}
div#rightcontentpane div.leftbox {float: left;}
div#rightcontentpane div.rightbox {float: right;}
div#rightcontentpane p {margin: 0; padding: 2px 0; text-align: justify;}
div#rightcontentpane h1.indextitle {margin: 0; padding: 2px 0; border-top: solid 2px #eee; text-align: left; color: #ddd; font-size: 22px; font-weight: normal;}
div#rightcontentpane p.shortcut {padding: 0; text-align: right;}

div#rightcontentpane div#messageform {padding: 0 60px;}
div#rightcontentpane div#messageform input {width: 380px;}
div#rightcontentpane div#messageform textarea {width: 380px; height: 200px;}
div#rightcontentpane div#messageform p {color: #666;}
div#rightcontentpane div#messageform p#submitbutton {text-align: center;}
div#rightcontentpane div#messageform p#submitbutton input {width: 180px;}
div#rightcontentpane div#messageform p#formsentmessage {padding-bottom: 10px; font-size: 16px;}
div#rightcontentpane div#messageform p#formsentmessageerror {padding: 10px; font-size: 14px; background: #900; color: #fff;}
div#rightcontentpane div#messageform p#formsentmessageok {padding-bottom: 10px; font-size: 16px; color: #900;}

div#backpane {clear: both; text-align: right;}

/* obszar stopki */
div#footshadowarea {height: 10px; background: #fff url(/layout/shadow-bottom.png) repeat-x bottom;}
div#footerarea {height: 16px; background: #900; margin-bottom: 20px; border: 0; border-top: 2px solid #fff; border-bottom: 2px solid #fff;}
div#footerarea a {text-decoration: none;}
div#footerarea a:link, div#footerarea a:visited {color: #fff;}
div#footerarea a:active, div#footerarea a:hover, div#footerarea a:focus {color: #ccc;}
div#footerarea div#footer {width: 750px; height: 16px; position: relative; margin: auto; border: 0; border-left: 2px solid #fff; border-right: 2px solid #fff;}
div#footerarea div#footer p {margin: 0; padding: 0; color: #FFF; font-size: 9px;}
div#footerarea div#footer p#copyright {position: absolute; bottom: 2px; left: 3px;}
div#footerarea div#footer p#contact {position: absolute; bottom: 2px; right: 3px;}
div#footerarea img#validxhtml {position: absolute; bottom: -25px; right: 5px; display: none; /* <------------------------------ display DO USUNIĘCIA */}
div#footerarea img#validcss {position: absolute; bottom: -25px; right: 60px; display: none; /* <------------------------------ display DO USUNIĘCIA */;}
div#footerarea div#footer p#info {position: absolute; bottom: -66px; right: 0px; font-size: 55px; color: #aaa; font-weight: bold;}