body {background: url(/layout/back.png) #000; margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #fff; text-align: center;}
a {text-decoration: underline;}
a:link {color: #e00;}
a:visited {color: #999;}
a:active, a:hover, a:focus {color: #900;}
a.nav {text-decoration: none;}
a.nav:link, a.nav:visited {color: #fff;}
a.nav:active, a.nav:hover, a.nav:focus {color: #000;}
a.mininav {text-decoration: none;}
a.mininav:link, a.mininav:visited {color: #fff;}
a.mininav:active, a.mininav:hover, a.mininav:focus {color: ć; text-decoration: underline;}

img {border: 0;}
img.point {position: absolute; bottom: 0; left: 0;}

.clearing {clear: both;}
.rightclearing {clear: right;}
p.clearing {margin: 0; padding: 0;}

.bold {font-weight: bold;}
.italic {font-style: italic;}
.small {font-size: 10px;}
.big {font-size: 14px;}
.red {color: #c00; font-weight: bold;}
.rightfloat {float: right;}
.rightalign {text-align: right;}

/* obszar główki */
div#headerarea {height: 100px; background: #000;}
div#header {width: 800px; height: 100px; position: relative; margin: auto; background: url(/layout/back_header.png) repeat-x;}
img#logo_faxon {position: absolute; bottom: 0; left: 0;}
div#utils {position: absolute; top: 0; right: 195px; width: 385px; height: 23px; background: url(/layout/back_barongrey.png) repeat-x;}
div#utils div {padding-top: 4px;}
div#utils div a {margin: 0 5px; font-weight: bold; font-size: 11px;}
/*div#utils a#button_start {width: 95px; position: absolute; right: 265px;}
div#utils a#button_ofirmie {width: 55px; position: absolute; right: 210px;}
div#utils a#button_download {width: 70px; position: absolute; right: 140px;}
div#utils a#button_kontakt {width: 60px; position: absolute; right: 80px;}
div#utils a#button_mapa {width: 80px; position: absolute; right: 0;}*/
div#search {position: absolute; top: 0; right: 0; width: 190px; height: 23px; background: url(/layout/back_barongrey.png) repeat-x;}
div#search a {display: block; height: 23px; padding-top: 4px; font-weight: bold; font-size: 11px;}
div#search input#button_szukaj {width: 50px; height: 23px; position: absolute; right: 0; border: 0; background-color: transparent; color: #fff;}
div#search input#button_szukaj:hover {color: #000;}

/* obszar menu */
div#menuarea {height: 24px; background: url(/layout/back_menuarea.png) repeat-x;}
div#menu {width: 800px; height: 24px; position: relative; margin: auto; background: url(/layout/back_menu.png) repeat-x;}
div#menu a {display: block; width: 190px; height: 24px; padding-top: 1px; font-size: 16px; font-weight: bold;}
div#menu a#button_telewizja {position: absolute; right: 390px;}
div#menu a#button_fotografia {position: absolute; right: 195px;}
div#menu a#button_medycyna {position: absolute; right: 0;}

/* obszar stopki */
div#footerarea {height: 18px; clear: both;}
div#footer {width: 800px; height: 24px; padding-top: 10px; position: relative; margin: auto; background: url(/layout/back_footer.png) repeat-x; font-size: 9px; color: #666;}
div#footer a {text-decoration: none;}
div#footer a:link, div#footer a:visited {color: #666;}
div#footer a:active, div#footer a:hover, div#footer a:focus {color: #900;}
div#copyright {position: absolute; left: 0;}
a#madeby {position: absolute; right: 0;}

/* obszar treści */
div#contentarea {min-height: 500px;}
div#content {width: 800px; min-height: 500px; position: relative; margin: auto; padding: 0; padding-bottom: 5px; background: url(/layout/back_content.png) repeat-x bottom #000;}

div#submenu {padding: 6px 0; background: url(/layout/back_submenu.png) repeat-x bottom; line-height: 150%;}
div#submenu a {font-size: 12px; font-weight: bold; margin: 0 5px; }
div#submenu a.nav:link, div#submenu a.nav:visited {color: #000;}
div#submenu a.nav:active, div#submenu a.nav:hover, div#submenu a.nav:focus {color: #e00;}
div#submenu span {position: relative; top: 5px; padding: 3px; font-weight: bold; background: #fff url(/layout/back_submenu_opened.png) repeat-x bottom;}

div#leftpane {float: left; width: 215px;}

div.greybox, div.blackbox {margin-bottom: 5px; padding-bottom: 5px;}
div.greybox div, div.blackbox div {position: relative; height: 23px; margin: 0; margin-bottom: 5px; padding: 0; padding-left: 27px; text-align: left; font-size: 16px; font-weight: bold;}
div.greybox div span, div.blackbox div span {position: relative; top: 2px; }
div.greybox p, div.blackbox p {margin: 6px 6px 0 6px; padding: 0; text-align: left;}
div.greybox a.inbox, div.blackbox a.inbox {display: block; margin: 0 6px 6px 6px; padding: 0; text-align: right; font-size: 10px;}
div.greybox {background: #999;}
div.greybox#wydarzenia {background: #999 url(/layout/back_wydarzenia.gif);}
div.blackbox {background: transparent;}
div.greybox div {background: url(/layout/back_barongrey.png) repeat-x;}
div.blackbox div {background: url(/layout/back_barondark.png) repeat-x;}

div#praca a.nav:active, div#praca a.nav:hover, div#praca a.nav:focus {color: #e00;}
div#kontakt a.nav:active, div#kontakt a.nav:hover, div#kontakt a.nav:focus {color: #e00;}
div#zobacz p {text-align: center;}

div#widepane {width: 580px; min-height: 350px; margin-left: 220px; padding-bottom: 10px; background: url(/layout/back_pane.png) repeat-x bottom #fff; color: #000;}
div#widepane h1 {margin: 0 15px 10px 15px; padding: 15px 0 5px 0; border-bottom: solid 2px #e00; text-align: left; font-size: 24px;}
div#widepane h2 {margin: 0 15px 10px 15px; padding: 15px 0 5px 0; border-bottom: solid 2px #e00; text-align: center; font-size: 12px; font-weight: normal;}
div#widepane h3 {margin: 0 15px 10px 15px; padding: 0 0 5px 0; text-align: left; font-size: 21px; font-weight: normal;}
div#widepane h3.noitems {margin: 80px 15px; padding: 0; text-align: center; font-size: 20px; font-weight: bold; color: #999;}
div#widepane h4 {margin: 0 15px 10px 15px; padding: 5px 0 0 0; text-align: left; font-size: 12px;}
div#widepane h5 {margin: 20px 15px 10px 15px; padding: 5px 0 0 0; text-align: left; font-size: 12px; border-top: solid 1px #e00; text-align: left; font-size: 14px; font-weight: normal;}
div#widepane p {margin: 2px 15px 2px 15px; text-align: justify; text-indent: 20px;}
div#widepane p.noindent {text-indent: 0;}
div#widepane p.clearing {clear: right; margin: 0; padding: 0;}
div#widepane p.podpis {margin-top: 20px; text-indent: 0; text-align: right;}
div#widepane ul {margin-left: 15px; margin-right: 15px;}
div#widepane ul ul {margin-left: -10px;}
div#widepane li {text-align: left;}
div#widepane div.item {margin: 0 15px 5px 15px; padding: 5px 0 5px 0; border-bottom: solid 1px #e00; text-align: left;}
div#widepane div.item h3 {margin: 0;}
div#widepane div.item h4 {margin: 0;}
div#widepane div.item p {margin-left: 0px; margin-right: 0; font-size: 12px;}
div#widepane div.item a:visited {color: #e00;}
div#widepane div.item div.options {margin-bottom: 3px; text-align: left;}
div#widepane div.item div.options a {font-size: 10px;}
div#widepane div.item ul {margin-left: -10px; margin-right: 5px;}
div#widepane div.item ul ul {margin-left: -10px;}
div#widepane div.item img {float: right; margin: 0 0 10px 10px;}


table#subselector {width: 548px; margin: auto; border-collapse: collapse; border-bottom: solid 2px #e00;}
table#subselector th {text-align: left; font-size: 12px; padding: 2px 1px; border-top: solid 1px #ccc;}
table#subselector td {text-align: left; font-size: 10px; padding: 2px 1px;}
span#filtering {float: right; font-weight: normal; font-size: 9px;}
span#filtering a {color: #e00;}


/* tymczasowe wyłączenia i przesunięcia 
div#search {display: none;} 
div#utils {right: 0;}*/