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



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


.clear-list, 
.clear-list li, 
.clear-list dt, 
.clear-list dd { margin: 0; padding: 0; list-style: none; }

html {  }
body { font: normal .75em/1.4em Arial, Helvetica, sans-serif; }


.aural { position: absolute; left: -100em; }
.clear { display: block; height: 0; clear: both; }
a { color: #5e5e5e; text-decoration: none; }
a:focus, a.focus, a:hover { color: #555; text-decoration: underline; }

#content:after { display: block; height: 0; clear: both; visibility: hidden; content: '.' } /* 6, 7 */

#page { width: 990px; margin: 0 auto; padding: 15px 0 0; }

/* top */
#top { height: 47px; }
#top #logo { float: right; margin: 0 20px; }
#top #nav { float: left; margin: 23px 0 0 326px; }
#top #nav li { float: left; padding: 0 3px 0 6px; background: url(/image/icon-divider.png) no-repeat 0 0; font-size: .9em; }
#top #nav li:first-child { padding: 0 2px 0 9px; background: none; }
#top #nav li a { color: #787b7f; text-transform: uppercase; }
#top #nav li.act a { color: #e32432; }

/* content */
#content { position: relative; width: 664px; float: right; color: #626569; font-size: .8em;}
#content .inner {  overflow: auto; height: 319px; line-height: 1.4em; padding: 30px; border-right: 20px solid #e32432; background: #eaebed; font-size: 1.3em; overflow: hidden;  }
#content .inner h2 { margin: 0 0 1em; color: #e32432; font-size: 1.2em; }
#content-menu { position: absolute; left: 20px; top: 402px; }
#content-menu li a { color: #787b7f; text-transform: uppercase; }
#content-menu li.act a { color: #e32432; }

#news-mod .nm-item { clear: both; padding: 0 0 15px; font-size: 0.9em; }
#news-mod .nm-item .img { float: left; margin: 0 10px 10px 0; }
#news-mod .nm-item .img img { display: block; padding: 3px; border: 1px solid #e32432; background: #eaebed; }
#news-mod .nm-item .nm-header,
#news-mod .nm-item .nm-header a { color: #e32432; font-size: 1em; font-weight: bold; }
#news-mod .nm-item .nm-date { display: block; padding: 0 0 0.5em; color: #80a8d1; font-size: 0.8em; }
#news-mod .nm-item .nm-desc p { display: inline; }
#news-mod .nm-item .nm-desc .more { color: #e32432; font-size: 1em; font-weight: bold; }


#baner { position: relative; height: 381px; background: #e32432; }
#baner img { display: block; }
#baner #cat-nav { position: absolute; left: 15px; bottom: 0; width: 90px; padding: 3px; background: url(/image/bg-png.png) repeat 0 0; }
#baner #cat-nav li { width: 90px; }
#baner #cat-nav li a { color: #fff; font-size: 1.4em; }
#baner #cat-nav li.act a { font-weight: bold; }

#baner #cat-nav .subcat-act a { text-decoration: underline;   }

/*
#baner.cat-1 { background: #e32432; }
#baner.cat-2 { background: #e1ad30; }
#baner.cat-3 { background: #9a7a5b; }
#baner.cat-4 { background: #9aac7d; }
#baner.cat-5 { background: #7ab9e7; }
#baner.cat-6 { background: #837699; }
*/

#cat-menu { padding: 20px 0 0; }
#cat-menu li { width: 102px; float: left; padding: 0 0 0 10px; text-transform: uppercase; }
#cat-menu li:first-child { padding: 0; }
#cat-menu li img { display: block; margin: 0 0 5px; border-bottom: 11px solid; }
#cat-menu li a { text-decoration: none !important; }

/*
#cat-menu li.item-1 img { border-color: #e32432; }
#cat-menu li.item-2 img { border-color: #e1ad30; }
#cat-menu li.item-3 img { border-color: #9a7a5b; }
#cat-menu li.item-4 img { border-color: #9aac7d; }
#cat-menu li.item-5 img { border-color: #7ab9e7; }
#cat-menu li.item-6 img { border-color: #837699; }
*/

#prods-menu { position: relative; width: 100%; height: 140px; padding: 20px 0 0; }
#prods-menu .prev { width: 18px; height: 71px; float: left; margin: 5px -18px 0 0; background: url(/image/btn-prev.png) no-repeat 0 0; overflow: hidden; text-indent: -100em; }
#prods-menu .next { width: 18px; height: 71px; float: right; margin: 5px 0 0; background: url(/image/btn-next.png) no-repeat 0 0; overflow: hidden; text-indent: -100em; }
#prods-menu .slider-menu { position: relative; height: 140px; float: left; margin: 0 0 0 22px; overflow: hidden; }
#prods-menu ul { position: absolute; top: 0; width: 615px; overflow: hidden; }
#prods-menu ul li { text-align:center; width: 123px; float: left; overflow: hidden; }
#prods-menu ul li img { display: block; margin: 0 0 5px 0; }
#prods-menu ul li strong a { }
#prods-menu ul li p span { display: block; }

#prod-desc {  position: absolute; left: 0; top: 0; width: 315px; height: 336px; padding: 15px 30px 30px; background: #f6f1ed;  } /* #f5f0ea; */
#prod-desc img { display: block; margin: 2em auto 3em; }
#prod-desc .desc { position: absolute; left: 20px; bottom: 20px; width: 200px; }
#prod-desc .desc p span { display: block; }
#prod-desc .color-type { position: absolute; right: 20px; bottom: 20px; margin: 20px 0 0; text-align: right; }
#prod-desc .color-type img { display: inline; margin: 0; }

/* side bar */
#side-bar { width: 326px; float: left; margin: 88px 0 0; }
#side-bar li { width: 168px; height: 23px; line-height: 23px; margin: 0 0 2px; border-left: 158px solid; }
#side-bar li.act { border-top: 88px solid; }
	.kategoria #side-bar { margin: 0; }
	.kategoria #side-bar li { margin: 0 0 2px 145px; border-left: 13px solid; }
#side-bar li a { display: block; width: 100%; height: 100%; color: #fff;  letter-spacing: 0; text-transform: uppercase; text-indent: -100em; overflow: hidden; }

/*
#side-bar li.item-1 { border-color: #e32432; background: #e32432 url(/image/item-1.png) no-repeat 0 50%; }
#side-bar li.item-2 { border-color: #e1ad30; background: #e1ad30 url(/image/item-2.png) no-repeat 0 50%; }
#side-bar li.item-3 { border-color: #9a7a5b; background: #9a7a5b url(/image/item-3.png) no-repeat 0 50%; }
#side-bar li.item-4 { border-color: #9aac7d; background: #9aac7d url(/image/item-4.png) no-repeat 0 50%; }
#side-bar li.item-5 { border-color: #7ab9e7; background: #7ab9e7 url(/image/item-5.png) no-repeat 0 50%; }
#side-bar li.item-6 { border-color: #837699; background: #837699 url(/image/item-6.png) no-repeat 0 50%; }
*/

#side-bar #cat-desc { position: relative; height: 105px; line-height: 1.1em; margin: -2px 0 0; padding: 15px 10px 25px 25px; color: #515356; background: #f6f1ed; } /* #f5f0ea; */
#side-bar #cat-desc h4 { margin: 0 0 3px; color: #e32432; font-size: 1em; text-transform: uppercase; }
#side-bar #cat-desc p { padding: 0 0 3px; font-size: .8em; }
#side-bar #cat-desc .cat-attr { position: absolute; left: 25px; bottom: 7px; }

#side-bar #promo-mod { padding: 20px 0; }
#side-bar #promo-mod h4 { width: 68%; line-height: 1.3em; padding: 0 0 0 17px; color: #e32432; border-bottom: 1px solid #e32432; font-size: .9em; text-transform: uppercase; }
#side-bar #promo-mod div { width: 48%; float: left; }
#side-bar #promo-mod img { display: block; margin: 10px auto; }
#side-bar #promo-mod strong { display: block; font-size: .9em; text-align: center; }

#foto-mod { clear: both; margin: 0; }

/* footer */
#footer { float: right; clear: both; margin: 20px 0 0; padding: 6px 20px; border-top: 1px solid #d0d3d7; color: #d0d3d7; font-size: 0.9em; text-align: right; white-space: nowrap; }
#footer a { color: #d0d3d7; }
#footer p { display: inline; padding: 0 0 0 10px }
#footer #copy {  }
#footer #madeby {  }

.kolory { text-transform: uppercase; }


/* popup - system reklam */
div#popup{
   
  width: 318px; 
  height: 402px;
  z-index: 999999999; 
  position: absolute; 
  left: 55%;
  top: 32%;
  margin-left: -200px;
  margin-top: -135px; 
  
}

#popup>a img { display: block; border: 0 !important; box-shadow: 2px 2px 10px #555; -moz-box-shadow: 2px 2px 10px #555;  -webkit-box-shadow: 2px 2px 10px #555; }

.no-display{

  display: none !important; 
  
}

div#close{ text-align: right; }