/* CSS Document */
a { color: #3b7ab2; outline: none; text-decoration: none; }
a:hover { text-decoration: underline; }
body { background-color: #fff; color: #000; font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 11px; margin: 0; padding: 0 0 20px 0; }
form { margin: 0; padding: 0; }
h2 { margin: 0 0 9px 0; }
h2 img { display: block; }
h4 { font-size: 11px; font-weight: bold; margin: 0; }
p { margin: 0 0 15px 0}
img { border: none; }
input, select, textarea { color: #000; font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 11px; }
input, textarea { padding-left: 0; padding-right: 0; }
table { border-collapse: collapse; }
td, th { padding: 0; }
ul { list-style-type: none; margin: 0 0 15px 0; padding: 0; }
li { background: url(../img/b3.gif) no-repeat 0 7px; padding-left: 10px; }

.center { text-align: center !important; }
.left { text-align: left !important; }
.right { text-align: right !important; }
.top { vertical-align: top !important; }
.fleft { float: left !important; }
.fright { float: right !important; }
.clear { clear: both; }
.nobg { background: none !important;}
.more_01 { background: url(../img/b1.gif) no-repeat 0 4px; color: #3b7ab2; padding-left: 10px; }
.more_02 { background: url(../img/b1.gif) no-repeat 0 4px;  padding-left: 10px; }
.date { color: #878791; font-size: 10px; }
.star { color: #f00; font-size: 12px; }
.red { color: #f00; }
.gray { color: #9999A3; }
.fs10 { font-size: 10px; }
.up { background: url(../img/top.gif) no-repeat 0 7px; color: #3b7ab2; line-height: 15px; padding-left: 12px; }
.error input { border: 1px solid #f00; padding: 2px 1px; }
.bluebox { background-color: #336799; margin-bottom: 15px; padding: 27px 0; }

.col01 { float: left; }
.col02 { float: left; padding-left: 15px; }

/* marginesy, dopelnienia, szerokosci START */
.ml10 { margin-left: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.w100pr { width: 100%; }
.w100px { width: 100px; }
.w150px { width: 150px; }
.w180px { width: 180px; }
.w195px { width: 195px; }
.w200px { width: 200px; }
.w296px { width: 296px; }
.w300px { width: 300px; }
.w375px { width: 375px; }
.w570px { width: 570px; }
/* marginesy, dopelnienia, szerokosci END */

/* header START */
#header { height: 100px; position: relative; width: 780px; z-index: 2; }
#header #logo { position: absolute; left: 0; top: 20px; }
#header #logo img { display: block; }
/* metanav */
#header #metanav { color: #9999A3; font-size: 10px; height: 15px; padding: 5px 1px 0 0; }
#header #metanav ul { list-style-type: none; margin: 0; padding: 0; text-align: right; }
#header #metanav li { background: url(../img/separator_01.gif) no-repeat left center; display: inline; padding: 0 3px 0 7px; }
#header #metanav a { color: #9999A3; }
#header #metanav a:hover { color: #000; text-decoration: none; }
#header #metanav .first { background: none; }
#header #metanav .active a { color: #000; }
/* mainmenu */
#header #mainmenu { height: 20px; position: absolute; right: 5px; bottom: 0; }
#header #mainmenu ul { list-style-type: none; margin: 0; padding: 0; }
#header #mainmenu li { background: none; float: left; margin-left: 18px; padding: 0; position: relative; }
#header #mainmenu img { display: block; }
/* submenu */
#header #mainmenu .submenu { display: none; position: absolute; left: -6px; top: 20px; }
#header #mainmenu .submenu a { color: #87868c; }
#header #mainmenu .submenu a:hover { color: #000; text-decoration: none; }
#header #mainmenu .submenu td { font-size: 10px; line-height: 15px; padding: 6px; vertical-align: top; }
/* header END */

/* stage START */
#stage { background-color: #e6e6eb; margin-bottom: 10px; width: 100%; }
/* headline */
#stage #headline { border-right: 1px solid #fff; height: 70px; position: relative; width: 780px; }
#stage #headline h1 { position: absolute; bottom: 5px; left: 15px; }
#stage #headline img { display: block; position: absolute; bottom: 0; left: 15px; }
/* visual */
#stage #visual { border-right: 1px solid #fff; width: 780px; }
#stage #visual img { display: block; }
/* featurenav */
#stage #featurenav { background-color: #9999a3; border-right: 1px solid #fff; height: 20px; width: 780px; }
#stage #featurenav ul { list-style-type: none; margin: 0; padding: 0; }
#stage #featurenav li { background: none; float: left; padding: 0; }
#stage #featurenav img { display: block; }
/* stage END */

/* content START */
#content { margin-bottom: 20px; width: 780px; }
/* content END */

/* contentnav START */
.contentnav { margin-bottom: 10px; }
.contentnav ul { list-style-type: none; margin: 0; padding: 0; }
.contentnav li { background: url(../img/separator_02.gif) no-repeat left center; display: inline; padding: 0 3px 0 8px; }
.contentnav .first { background: none; padding-left: 0 !important; }
.contentnav a { color: #9999a3; }
.contentnav .active a { color: #000; }
/* contentnav END */

/* footer START */
#footer { color: #9999A3; font-size: 11px; width: 780px; }
#footer ul { list-style-type: none; margin: 0; padding: 0 0 0 15px; text-align: right; }
#footer li { background: url(../img/separator_02.gif) no-repeat left center; display: inline; padding: 0 3px 0 8px; }
#footer a { color: #9999A3; }
#footer .first { background: none; padding-left: 0 !important; }
#footer .fleft { padding: 0 6px 0 8px; }
/* footer END */

/* box_01 START */
.box_01 a { color: #3b7ab2; }
.box_01 img { display: block; }
.box_01 ul { list-style-type: none; margin: 0; padding: 5px 0 0 0; }
.box_01 li { background: url(../img/b1.gif) no-repeat 0 4px; padding-left: 10px; }
.box_01 p { margin: 5px 0 0 0; }
.box_01 .header { border-bottom: 1px solid #ccccd1; }
.box_01 .header img { display: block; }
/* box_01 END */

/* box_02 START */
.box_02 { border-top: 1px solid #ccccd1; }
.box_02 a { color: #3b7ab2; }
.box_02 .active a { text-decoration: underline; }
.box_02 img { display: block; }
.box_02 ul { list-style-type: none; margin: 0; padding: 4px 0 0 0; }
.box_02 li { background: url(../img/b1.gif) no-repeat 0 9px; padding: 5px 0 5px 10px; }
/* box_02 END */

/* box_03 START */
.box_03 { margin-bottom: 20px; }
.box_03 .photo img { display: block; }
.box_03 p { margin: 0; }
/* box_03 END */

/* leftmenu START */
#leftmenu { color: #9999a3; font-weight: bold; }
#leftmenu ul { list-style-type: none; margin: 0; padding: 0; }
#leftmenu li { background: none; padding: 3px 10px 2px 0; }
#leftmenu a { color: #9999a3; }
#leftmenu .active a { color: #000; }
#leftmenu .submenu a { color: #9999a3; }
#leftmenu .submenu { padding-top: 2px; }
#leftmenu .submenu li { font-weight: normal; padding-left: 12px; }
#leftmenu .submenu .active a { color: #000; }
/* leftmenu END */

/* news START */
.news { margin-bottom: 20px; width: 100%; }
.news .content { position: relative; }
.news .tags, .news .tags a { color: #878791; }
.news .tags ul { list-style-type: none; margin: 0; padding: 0; }
.news .tags li { background: url(../img/separator_02.gif) no-repeat left center; display: inline; padding: 0 3px 0 8px;  }
.news .tags .date { background: none; padding-left: 0; }
.news .up { position: absolute; right: 0; bottom: 0; }
.news p { margin: 0; }
/* news END */

/* thumbnail START */
.thumbnail { margin-bottom: 20px; }
.thumbnail ul { list-style-type: none; margin: 0; padding: 0; }
.thumbnail li { background: none; display: inline; padding: 0; }
.thumbnail img { margin: 0 7px 7px 0; }
/* thumbnail END */

/* sitemap START */
.sitemap { background: url(../img/separator_03.gif) repeat 0 0; font-size: 10px; width: 100%; }
.sitemap a { color: #3b7ab2; }
.sitemap ul { list-style-type: none; margin: 0; padding: 0; }
.sitemap li { background: url(../img/b2.gif) no-repeat 5px 7px; line-height: 22px; padding: 0 0 0 13px; }
.sitemap h4 { border-bottom: 1px solid #ccccd1; margin: 0; }
/* sitemap END */

/* search START */
.search { margin-bottom: 20px; }
.search input, .search select { vertical-align: middle; }
.search div { padding: 5px 0; }
/* search END */

/* tabelki START */
/* tab_01 */
.tab_01 { margin-bottom: 15px; }
.tab_01 td { padding: 2px 10px 2px 0; }
.tab_01 img, .tab_01 input, .tab_01 select { vertical-align: middle; }
/* tab_02 */
.tab_02 { margin-bottom: 15px; }
.tab_02 td { padding: 4px 10px 4px 0; }
/* tab_03 */
.tab_03 { margin-bottom: 15px; }
.tab_03 a { text-decoration: underline; }
.tab_03 td, .tab_03 th { border: 1px solid #3b7ab2; padding: 4px 9px; text-align: center; }
.tab_03 td { border-top: none; }
.tab_03 th { background-color: #f1f1f1; border-bottom: none; font-weight: normal; }
/* tabelki END */

/* photo START */
.photo { position: relative; }
.photo img { display: block; }
.photo .zoom { position: absolute; right: 5px; bottom: 5px; }
/* photo END */

/* gallery START */
.gallery { margin-bottom: 15px; }
.gallery img { display: block; margin-bottom: 5px; }
/* gallery END */

/* page START */
.page { border-bottom: 1px solid #7f7f7f; margin-bottom: 10px; padding: 0 0 5px 0; }
.page ul { list-style-type: none; margin: 0; padding: 0; text-align: center; }
.page li { background: none; display: inline; padding: 0 0 0 3px; }
/* page END */
/* page2 START */
.page2 { margin-bottom: 10px; padding: 0 0 5px 0; }
.page2 ul { list-style-type: none; margin: 0; padding: 0; text-align: center; }
.page2 li { background: none; display: inline; padding: 0 0 0 3px; }
/* page2 END */
