/*
	 *  @2009
	 * Screen CSS
	 *
	 *
	 */



html, body, div, p, blockquote, h1, h2, h3, h4, h5, h6, form, fieldset, legend, a, img, address, em
	{ margin: 0; padding: 0; font-weight: normal; font-style: normal; border: 0; outline: none; }
a span { cursor: pointer; }
form legend { display: none; }

#nav, #nav li,
#breadcrumbs, #breadcrumbs li,
.header-tabs, .header-tabs li,
.news-mod, .news-mod .nm-item,
#news-mod ul, #news-mod .nm-item,
.box-list, .box-list .bl-item, 
.list-mod, .list-mod li.item,
.prods-list, .prods-list li,
.paginacja, .paginacja li,
.content-footer, .content-footer li,
.clear-list, 
.clear-list li, 
.clear-list dt, 
.clear-list dd { margin: 0; padding: 0; list-style: none; }

html { background: url(../image/bg-html.png) 0 0; }
body { background: url(../image/bg-body.png) repeat-x 0 -15px; font: normal 0.75em/1.4em Arial, Helvetica, sans-serif; }


.aural { position: absolute; left: -100em; }
.clear { clear: both; padding: 1em 0 0; }
a { color: #8c0d72; text-decoration: none; }
a:focus, a.focus, a:hover { color: #fff; text-decoration: underline; }

#wrapper:after,
.content .inner:after,
.box-list .bl-item:after,
.prods-list:after { display: block; height: 0; clear: both; visibility: hidden; content: '.' } /* 6, 7 */

#page { width: 850px; margin: 0 auto; }
/* top */
#top { height: 317px; padding: 0 0 18px; background: url(../image/bg-top.png) no-repeat 0 100%; }
#logo { position: relative; width: 300px; height: 166px; float: left; margin: 0 0 -68px -10px; z-index: 100; }
#logo img { display: block; }
#nav { height: 84px; float: right; margin: 0 0 0 -40px; padding: 14px 0 0 5px; }
#nav li { position: relative; width: 120px; height: 84px; float: left; margin: 0 0 0 -5px; z-index: 1;  }
#nav li a { display: block; width: 120px; height: 100%; text-indent: -100em; overflow: hidden;}
#nav .item-1 a { background: url(../image/item-1.png) no-repeat 0 0; }
#nav .item-2 a { background: url(../image/item-2.png) no-repeat 0 0; }
#nav .item-3 a { background: url(../image/item-3.png) no-repeat 0 0; }
#nav .item-4 a { background: url(../image/item-4.png) no-repeat 0 0; }
#nav .item-5 a { background: url(../image/item-5.png) no-repeat 0 0; }
#nav li.active { z-index: 101; } 
#nav li:hover,
#nav li.hover  { z-index: 1010; } 
#nav li.active a,
#nav li a:hover { background-position: 0 100%; }


/* content: top */
#wrapper { clear: both; padding: 0 25px 25px; background-color: #000; }
#wrapper .header { padding: 0 0 10px 20px; border-bottom: 1px solid #8c0d72; background: url(../image/icon-dot.png) no-repeat 0 3px; font-size: 1.3em; font-weight: bold; font-style: italic; }
#wrapper .header a { font-size: 1em; font-weight: bold; font-style: italic; }
#wrapper2 { clear: both; padding: 0 25px 25px; background-color:#FFF;}
#breadcrumbs { position: relative; margin: -5px 0 10px -1px; }
#breadcrumbs li { display: inline; padding: 0 1px; color: #fff; text-transform: lowercase; }
#breadcrumbs li a { padding: 0 9px 0 0; color: #fff; background: url(../image/icon-gt-2.png) no-repeat 100% 5px; }

/* content */
#content { width: 585px; float: left; color: #FFF; font-size: 0.9em }
.content { clear: both; padding: 15px 0 0; background: url(../image/bg-content-top.png) no-repeat 0 0; }
.content .inner { min-height: 40px; padding: 0 20px 10px; background: url(../image/bg-content-bottom.png) no-repeat 0 100%; } /* 6 */
.content p { margin: 0 0 1em; text-align: justify }
.content h3 { clear: both; padding: 1em 0; color: #8c0d72; font-size: 1.2em; font-weight: bold;  }
.content .img-left { float: left; margin: 0 10px 10px 0; }
.content .img-right { float: right; margin: 0 0 10px 10px; }

    #header { height: 30px; line-height: 30px; float: right; margin: 0 15px 0; padding: 0 0 0 12px; color: #fff; background: url(../image/bg-tab.png) no-repeat 0 0; font-size: 1.2em; font-weight: bold; font-style: italic; text-transform: uppercase; } /*6, 7 */
#header span { height: 30px; float: left; padding: 0 12px 0 0; color: #fff; background: url(../image/bg-tab-child.png) no-repeat 100% 0;  font-weight: bold; font-style: italic; text-align: center; white-space: nowrap;}

.header-inner { float: left; padding: 0 3px 0 0; color: #8c0d72; font-size: 1em; font-weight: bold; }


.header-tabs { width: 575px; height: 30px; margin: 0 0 0 10px; overflow: hidden; }
.header-tabs li { float: left; }
.header-tabs li a { height: 30px; line-height: 30px; float: left; padding: 0 0 0 8px; background: url(../image/bg-tab.png) no-repeat 0 -30px; font-size: 1.1em; font-weight: bold; font-style: italic; text-transform: uppercase; }
.header-tabs li a span { height: 28px; float: left; padding: 2px 8px 0 0; color: #86898d; background: url(../image/bg-tab-child.png) no-repeat 100% -30px; font-weight: bold; font-style: italic; text-align: center; white-space: nowrap;}
.header-tabs li.active a,
.header-tabs li a:hover { background-position: 0 0; text-decoration: none; }
.header-tabs li.active a span,
.header-tabs li a:hover span  { color: #fff; background-position: 100% 0; }

.box-list { width: 620px; margin: 0 0 0 -30px; }
.box-list .bl-item { width: 280px; height: 220px; line-height: 1.3em; float: left; padding: 10px 0 10px 30px; font-size: 0.9em; }
 .box-list .bl-item .header { width: 247px; margin: 0 0 10px; color: #fff; text-transform: uppercase; }
.box-list .bl-item .header a { color: #fff; text-decoration: none; }
.box-list .bl-item .bl-img { float: left; }
.box-list .bl-item .bl-desc { width: 125px; height: 120px; float: left; padding: 0 0 0 10px;  }
.box-list .bl-item p { line-height: 1.6em; display: inline; color: #e2e2e2; }
.box-list .bl-item p a { display: inline; color: #e2e2e2; text-decoration: none; }
.box-list .bl-item ul { margin: 0; padding: 0 0 0 15px; }
.box-list .bl-item .more { float: left; padding: 0 0 0 10px;  font-weight: bold; white-space: nowrap; }

    .box-list .bl-item2 { width:93%; height: 220px; line-height: 1.3em; float: left; padding: 10px 0 10px 30px; font-size: 0.9em; background-color:white }
.box-list .bl-item2 .header { width: 100%; margin: 0 0 10px; color: #000; text-transform: uppercase; }
.box-list .bl-item2 .header a { color: #000; text-decoration: none; }
.box-list .bl-item2 .bl-img { float: left; }
.box-list .bl-item2 .bl-desc { width: 100%; height: 120px; float: right; padding: 0 0 0 10px; color: #000; }

.box-list .bl-item2 .bl-desc p a{  color: #000; font-size: 12px;}

    .box-list .bl-item2 p { line-height: 1.6em; display: inline; color: #000;  }
.box-list .bl-item2 p a { display: inline; color: #e2e2e2; text-decoration: none; }
.box-list .bl-item2 ul { margin: 0; padding: 0 0 0 15px; }
.box-list .bl-item2 .more { float: left; padding: 0 0 0 10px;  font-weight: bold; white-space: nowrap; }


.list-mod { padding: 1em 0; }
.list-mod li {  padding: 2px 0 10px 20px; font-size: 1.2em; background: url(../image/icon-dot.png) no-repeat 0 6px;  }
.list-mod li a { color: #fff ;font-size: 1em; font-weight: bold; font-style: italic; text-transform: uppercase; }

.prods-list { padding: 1em 0 2em; }
.prods-list .item { width: 175px; height: 80px; float: left; }
.prods-list .item .img { float: left; }
.prods-list .item .desc { width: 100px; padding: 0 10px; float: right; font-size: 0.9em; }
.prods-list .item .desc p { text-indent: 0; }
.prods-list .item .desc strong a { font-weight: bold; }

.content-footer { width: 545px; padding: 0 0 15px; text-align: center; }
.content-footer li { display: inline; padding: 0 1px 0 5px; font-size: 1em; background: url(../image/icon-divider-2.png) no-repeat 0 50%; }
.content-footer li:first-child { padding: 0 2px 0 0; background: none; }
.content-footer li a { color: #fff; text-transform: lowercase; white-space: nowrap; }
.content-footer li.active a,
.content-footer li a:hover { color: #8c0d72; }

.news-mod .nm-item { padding: 10px 0; background: url(../image/icon-dot-2.png) repeat-x 0 100%; font-size: 0.9em; }
.news-mod .nm-item p { display: inline }
.news-mod .nm-item .nm-date { display: block; font-size: 1em; font-weight: bold; }
.news-mod .nm-item .more { padding: 0 0 0 15px; color: #4a4a4a; background: url(../image/icon-raquo.png) no-repeat 0 4px; font-weight: bold; white-space: nowrap; }

address { display: block; }
address span { display: block; clear: both; }
address span span { width: 20px; float: left; clear: none; }
address strong { font-size: 1.1em; font-weight: bold; }

#map { padding: 1em 0; }


/* right bar */
#right-bar { width: 193px; float: right; padding: 23px 0 0; color: #333; background: url(../image/bg-right-bar.png) no-repeat 0 0; }
#right-bar .inner { padding: 0 10px 10px; background: #c1c1c1 url(../image/bg-right-bar-child.png) no-repeat 0 100%; }
#right-bar .header { position: relative; top: -11px;  margin: 0 0 -11px; padding: 0 0 5px 20px; font-size: 1em; }
#right-bar .header a { color: #333; text-transform: uppercase; }
#right-bar .subheader { height: 20px; padding: 0 0 5px; border-bottom: 1px solid #8c0d72; font-size: 1em; font-weight: bold; }
#right-bar .subheader span:first-child { float: left; }
#right-bar .subheader span { float: right; }

#news-mod ul { padding: 0 0 5px; } 
#news-mod .nm-item { padding: 5px 0 10px; background: url(../image/icon-dot-2.png) repeat-x 0 100%; font-size: 0.9em; }
#news-mod .nm-item p { display: inline }
#news-mod .nm-item .nm-date { display: block; font-size: 1em; font-weight: bold; }
#news-mod  .more { padding: 0 0 0 15px; color: #4a4a4a; background: url(../image/icon-raquo.png) no-repeat 0 4px; font-size: 0.9em;  font-weight: bold; white-space: nowrap; }

.paginacja { height: 20px; padding: 5px 5px 0; background: url(../image/icon-divider.png) no-repeat 50% 50%; text-align: center; }
.paginacja li { display: inline; padding: 0 7px; }
.paginacja li.prev a { padding: 0 0 0 15px; color: #565656; background: url(../image/icon-lt.png) no-repeat 0 5px; }
.paginacja li.next a { padding: 0 15px 0 0; color: #333; background: url(../image/icon-gt.png) no-repeat 100% 5px; font-weight: bold; }

/* footer */
#footer { width: 800px; height: 20px; clear: both; margin: 0 auto; padding: 10px 25px; background: #000; font-size: 0.8em; }
#footer ul { float: left; }
#footer li { display: inline; padding: 0 6px; border-left: 1px solid #8c0d72; font-size: 0.8em; }
#footer li:first-child { padding: 0 6px 0 0; border: 0; }
#footer li a { color: #fff; font-size: 1.4em; }
#footer #made-by { float: right; text-align: right; }
#footer #made-by a {  color: #3e4f5a; }
#footer #made-by span { padding: 0 0 0 15px; color: #676969; }

.banner-place { text-align: center; margin: 10px 0; }
    #tabeladruk a:hoover{
        color:black;
        font-weight:bold;
    }
    #tabeladruk tr, th, td{
       color:black;

border-top-width: 1px;

border-right-width-value: 1px;
border-top-left: 1px;

border-bottom-width: 1px;

border-left-width-value: 1px;

border-top-style: solid;

border-right-style-value: solid;

border-bottom-style: solid;

border-left-style-value: solid;

border-top-color: black;

border-right-color-value: black;


border-bottom-color: black;

border-left-color-value: black;


padding-top: 3px;

padding-right: 7px;

padding-bottom: 2px;

padding-left: 7px;

}