@CHARSET "UTF-8";

* {margin: 0; padding: 0; border: none; }
p, h1, h2, h3, ul { font-family: Calibri, Sans-serif; }
p, a, h1, h2 { color: #888888; }
h1 { font-size: 30px; }
h2 { font-size: 17px; }

body { background: #d1d1d1; }
.cleaner { clear:both; height:0px; background:transparent; }

/*** /// HEADER ///  ***/
#header { background: url('../images/header.png') no-repeat; width: 996px; margin: 0px auto 0px auto; height: 210px; }
#header #logo { float:left; width: 124px; height: 145px; margin: 60px 0px 0px 90px; }
#header #navi { float:right; margin-right:55px; margin-top: 75px; height: 16px; }

/*** /// PAGE ///  ***/
#page { background: url('../images/bg.png') repeat-y; width: 996px; margin: 0px auto 0px auto; padding: 18px 0px 0px 0px; }
#page hr { border-top: 1px solid #e7e6d3; width: 898px; margin: 0px 46px 0px 50px; }

/*** /// MENU ///  ***/
#page #menu { float: left; background: url('../images/menu.png') no-repeat; width: 256px; height: 498px; margin: 10px 0px 0px 38px; }
#page #menu a, #page #menu a:visited { color: #fff; text-decoration: none; }
#page #menu a:hover { text-decoration: underline; color: #ffcc33; }
#page #menu ul { list-style-type: none; font-size: 18px; padding: 30px 0px 0px 40px; line-height: 34px; }
#page #menu li { background: url(../images/unselected.png) 0px 8px no-repeat; padding-left: 25px; }
#page #menu li.sub { background: url(../images/unselected.png) 0px 3px no-repeat; padding-left: 25px; }
#page #menu li.act { background: url(../images/selected.png) 0px 8px no-repeat; color: #ffcc33; }
#page #menu li.subact { background: url(../images/selected.png) 0px 3px no-repeat; color: #ffcc33; }
#page #menu ul ul { font-size: 14px; padding: 3px 0px 0px 12px; line-height: 26px; }

/*** /// CONTENT ///  ***/
#page #content { width: 632px; min-height:465px; margin: 20px 0px 20px 294px; padding: 0px 0px 3px 20px; border-left: 1px solid #e7e6d3; border-right: 1px solid #e7e6d3; background: #fffed9; }
#page #content p { font-size: 14px; padding: 15px 20px 15px 0px; text-align: justify; }
#page #content hr { border-top: 1px solid #e7e6d3; margin-left:0; width: 612px; }
#page #content ul { color: #888888; list-style-type: square; padding-left: 20px; margin-top: -5px; font-size: 14px; }
#page #content ul.reference, #page #content ul.kontakty, #page #content ul.kontakty-osoby { color: #888888; list-style-type: none; padding: 10px 0px 10px 20px; }
#page #content ul.kontakty { width: 250px; margin-top: -120px; padding: 10px 0px 10px 10px; }
#page #content ul.kontakty-osoby { width: 270px; padding: 10px 0px 10px 10px; }
#page #content ul.kontakty-osoby a { text-decoration: none; }
#page #content ul.kontakty-osoby a:hover { text-decoration: underline; }
#page #content table img { border: solid 1px #888; }
#page #content ul.sitemap { list-style-type: none; padding: 10px 0px 10px 20px; line-height: 28px; }
#page #content ul.sitemap ul { list-style-type: none; padding: 8px 0px 10px 20px; }
#page #content ul.sitemap a, #page #content ul.sitemap a:visited, #page #content ul.sitemap ul a, #page #content ul.sitemap ul a:visited { text-decoration: none; }
#page #content ul.sitemap a:hover, #page #content ul.sitemap ul a:hover { text-decoration: underline; }

/*** /// FOOTER ///  ***/
#footer { background: url('../images/footer.png') no-repeat; height: 58px; width: 996px; margin: 0px auto 0px auto; }
#footer p { font-size: 12px; padding: 8px 0px 0px 50px; }
#footer a, #footer a:visited { font-size: 12px; text-decoration: none; }
#footer a:hover { text-decoration: underline; }