/*
	 *  @2008
	 * Screen CSS
	 *
	 *
	 */



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

input, textarea{ font: Verdana, Helvetica, sans-serif !important; }
html {  }
body { background: #edeef1 url(/image/bg-body.gif) repeat-x 0 0; font: normal 0.68em/1.4em Verdana, Helvetica, sans-serif; }


.aural { position: absolute; left: -100em; }
.left { float: left; }
.right { float: right; }

a { color: #ff2e01; text-decoration: underline; }
a:focus, a.focus, a:hover { color: #ff2e01; }


#page { width: 798px; margin: 0 auto; padding: 0 20px; background: url(/image/bg-page.png) repeat-y 0 0; }

#top-nav:after, 
#logo:after, 
#right-bar .box:after,
#content #news:after,
#content #news li:after { display: block; height: 0; clear: both; visibility: hidden; content: '.' } /* 6,7 */


/* top */
#top-nav { padding: 0 0 9px; background: url(/image/bg-gradient-1.png) repeat-x 0 100%; text-align: center; }
#top-nav li { width: 131px; height: 39px; float: left; margin: 0 2px 0 0; }
#top-nav li a { display: block; width: 100%; height: 100%; text-indent: -100em; overflow: hidden; }

/*
#top-nav li.item-1 a { background: url(/image/item-1.png) no-repeat 0 0; }
*/

#top-nav li.item-1 a { background: url(/image/item-1.png) no-repeat 0 0; }

#top-nav li.item-1 a:hover ,
#top-nav li.item-2 a:hover ,
#top-nav li.item-3 a:hover ,
#top-nav li.item-4 a:hover ,
#top-nav li.item-5 a:hover ,
#top-nav li.item-6 a:hover , 
#top-nav li a.active-button 
 { background-position: 0 -39px !important; }
 

#top-nav li.item-2 {  width: 133px; }
#top-nav li.item-2 a { background: url(/image/item-2.png) no-repeat 0 0; }
#top-nav li.item-3 a { background: url(/image/item-3.png) no-repeat 0 0; }
#top-nav li.item-4 a { background: url(/image/item-4.png) no-repeat 0 0; }
#top-nav li.item-5 a { background: url(/image/item-5.png) no-repeat 0 0; }
#top-nav li.item-6 a { background: url(/image/item-6.png) no-repeat 0 0; }
#top-nav li.item-6 { margin: 0 }

/* start v1.3 */
/* #patron-mod .banner-place{ float: left; margin: 10px; } */
#patron-mod .banner-place{ float: left; margin: 10px 7px 10px 10px; }
#top-banner, #right-bar .banner-place { padding: 0 0 8px; background: url(/image/bg-gradient-2.png) repeat-x 0 100%; text-align: center;}
#logo { position: relative; padding: 0 0 7px; background: url(/image/bg-gradient-1.png) repeat-x 0 100%; z-index: 2; }
#logo a { width: 274px; height: 116px; float: left; padding: 31px 0 0 24px;background: url(/image/bg-logo.png) no-repeat 0 0; }
#logo #motto { padding: 0; width: 500px; height: 146px; float: left;  background: url(/image/bg-motto.jpg) no-repeat 0 0;   text-indent: -100em; }
#user-nav { width: 798px; height: 47px; margin: 0 -6px 10px; padding: 0 6px; background: url(/image/bg-user-nav.png) no-repeat 0 0; }
#user-nav #login { position: relative; width: 280px; height: 30px; float: left; margin: 0 9px 7px; padding: 11px 0 0; color: #ff7200;  z-index: 4;   }
#user-nav #login label { color: #fff; text-transform: lowercase; /*font-size: 0.9em; */}
#user-nav #login .text { width: 80px; margin: 0 5px 0 0; border: 1px solid #ba2f00; font-size: 0.9em; }
#user-nav #login .pass { margin: 0; }
#user-nav #login .image { float: right; margin: -4px 0 0; } /*  */

#user-nav #btn-remind { position: relative; height: 23px; float: left; margin: 11px 15px 0; padding: 0 0 0 25px; color: #fff; background: url(/image/icon-remind.png) no-repeat 0 0; z-index: 3; }
#user-nav #btn-register { position: relative; height: 23px; float: left; margin: 11px 15px 0; padding: 0 0 0 25px; color: #fff; background: url(/image/icon-add-2.png) no-repeat 0 0; z-index: 3; }
#user-nav #btn-logout{ position: relative; height:23px; float: left; margin: 11px 15px 0; padding: 0 0 0 25px; color: #fff; background: url(/image/icon-logout.png) no-repeat 0 0; z-index: 3;  } 
#user-nav #btn-profil{  position: relative; height:23px; float: left;  margin: 11px 15px 0; padding: 0 0 0 25px; color: #fff;  background: url(/image/icon-edit.png) no-repeat 0 0; z-index: 3;  }
#user-nav #btn-change{  position: relative; height:23px; float: left;  margin: 11px 15px 0; padding: 0 0 0 25px; color: #fff;  background: url(/image/icon-change.png) no-repeat 0 0; z-index: 3; }
#user-nav #btn-delete{  position: relative; height:23px; float: left;  margin: 11px 15px 0; padding: 0 0 0 25px; color: #fff;  background: url(/image/icon-delete.png) no-repeat 0 0; z-index: 3;  }

div#login a, div#login{ color: white !important; }
/* end v1.3 */

/* content */
#content { width: 590px; float: left; margin: 0 0; font-size: 1.2em !important;  }
#content .box { position: relative; width: 606px; margin: -10px -16px 5px -10px; padding: 40px 0 0; background: url(/image/bg-c-box-top.png) no-repeat 0 0;  z-index: 1; }
#content .box .box-inner { width: 566px; padding: 0 25px 10px; background: url(/image/bg-c-box-bottom.png) no-repeat 0 100%; }
#content .header { height: 25px; margin: 0 0 5px; padding: 0 20px; border-bottom: 1px solid #e1e1e1; color: #ff2e01; background: url(/image/icon-arrow.png) no-repeat 0 0; font-size: 14px; font-weight: bold; }
#content .more { float: right; margin: 5px 0; }
#content #lead-info .left { width: 350px; border-bottom: 1px solid #e1e1e1; }
#content #news ul li { margin: 10px 0 0; border-bottom: 1px solid #e1e1e1; }
#content #news ul li h4 { font-size: 1em; overflow: hidden; height: 1%; }
#content #news ul li h4 a { font-weight: bold; }
#content #news ul li h4 .title { width: 400px; float: left; }
#content #news ul li h4 .title-cat { width: 150px; float: right; }
#content #news ul li .date { display: block; margin: 0 0 5px; color: #9a9b9a; font-size: 0.9em; }
#content .box .box-inner:after { display: block; height: 0; clear: both; visibility: hidden; content: '.' } /* 6, 7 */

/* right bar */
#right-bar { width: 200px; float: right; }
#right-bar .search { width: 210px; margin: 0 -10px 0 0; background: url(/image/bg-search.png) no-repeat 0 0; }
#right-bar .search fieldset { width: 190px; padding: 0 15px 0 5px;  }
#right-bar .search fieldset label { display: block; width: 140px; height: 28px; margin: 0 -5px; padding: 10px 30px; color: #fff; background: url(/image/bg-search-label.png) no-repeat 0 0; font-weight: bold; }
#right-bar .search fieldset .text { width: 150px; float: left; margin: 10px 0 0; border: 1px solid #ac0400; font-size: 0.9em; }
#right-bar .search fieldset .image { float: left; }
#right-bar .search div { width: 190px; height: 33px; margin: 10px 0 0; padding: 0 15px 0 5px; background: url(/image/bg-search-bottom.png) no-repeat 0 100%; text-align: right; }
#right-bar .search div a { float: right; margin: 3px 0 0; color: #fff; }
#right-bar .box { width: 210px; margin: 0 -10px 0 0; padding: 0 0 13px; background: url(/image/bg-rb-box-bottom.png) no-repeat 0 100%;  }
#right-bar .box-inner { width: 190px; padding: 0 15px 0 5px; background: url(/image/bg-rb-box-top.png) no-repeat 0 0; }
#right-bar .box-inner h5 { height: 52px; margin: 0 -5px; background: url(/image/bg-rb-box-hd.png) no-repeat 0 0; }
#right-bar .box-inner h5 span { display: block; padding: 12px 5px 2px 30px; color: #ff2e01; font-size: 12px; font-weight: bold; }
#right-bar .info h5 span { background: url(/image/icon-question.png) no-repeat 10px 12px; }
#right-bar .add h5 span { background: url(/image/icon-add.png) no-repeat 10px 12px; }
#right-bar .ranking h5 span { background: url(/image/icon-ranking.png) no-repeat 10px 12px; }
#right-bar .box-inner .more { float: right; margin: -10px 0 0; text-decoration: underline; }
#right-bar .box-inner ol,
#right-bar .box-inner ul { margin: -10px -5px 0; padding: 0 0 25px; }
#right-bar .box-inner li { padding: 3px 5px 3px 15px; }
#right-bar .box-inner li a { font-weight: bold; }
#right-bar .box-inner h6 { margin: -10px 5px 0; }
#right-bar .box-inner p { margin: 0 5px; }
#right-bar .box-inner h6 a { font-size: 12px; font-weight: bold; }
#right-bar .box-inner p { padding: 0 0 25px; font-size: 10px; }
#right-bar .add li { padding-left: 30px; background: url(/image/icon-mini-dot.png) no-repeat 15px 7px; }
#right-bar .ranking li { list-style: decimal inside; }
#right-bar .ranking li.go-up { background: url(/image/icon-up.png) no-repeat 175px 5px; }
#right-bar .ranking li.go-down { background: url(/image/icon-down.png) no-repeat 175px 5px; }
#right-bar .ranking li.go-stop { background: url(/image/icon-stop.png) no-repeat 175px 5px; }
#right-bar .box-inner li.color-1 { background-color: #fccd00; }

/* footer */
#footer { height: 50px; clear: both; padding: 40px 30px 0; color: #fff; background: url(/image/bg-footer.png) no-repeat 0 10px; }
#footer ul { width: 380px; float: left; margin: 0 0 0 30px; }
#footer ul ul { height: 20px; float: none; text-align: center; }
#footer ul ul li { display: inline; padding: 0 6px; border-right: 1px solid #fff; font-size: 8px; }
#footer ul ul li.last-child { border: 0; }
#footer ul ul li a { color: #fff; text-decoration: underline; font-size: 11px; }

#footer #copy, 
#footer #madeby { width: 200px; float: right; text-align: right; font-size: 0.8em; }
#footer #copy a { color: #fff; text-decoration: none; }
#footer #madeby a { color: #fff; text-decoration: underline; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#login .image { margin: -5px 0 0; }

}

div#user-account {  margin-bottom: 10px !important; color: white; }
div#user-account a{ color: white; }
div#user-account ul{ padding: 10px 0 10px 30px !important; }
div#user-account ul li {  list-style: disc !important; }

div.add-options {  padding-top: 10px; border-top: 1px solid #e1e1e1; margin: 15px 0 10px 0; text-align: right; }
div.add-options a { margin: 0 10px 0 0; }

div#dodatkowe-pliki, div#galeria-zdjec,div#linki-pokrewne{  text-align: left; }
div#galeria-zdjec h2{ margin-bottom: 10px; }

div#dodatkowe-pliki ul, div#linki-pokrewne ul{ padding: 0 0 0 25px !important; }
div#linki-pokrewne ul li{ margin: 0 !important;  border-bottom: 0 !important; list-style: disc !important; }

div#dodatkowe-pliki ul{ list-style: none !important; }
div#dodatkowe-pliki ul li{ margin: 0 !important; border-bottom: 0 !important; }
 
div#alfabet{ width: 566px; margin: 10px 0 10px 0; }
/* div#alfabet a#active-alf{ font-weight: bold; } */

div#show-flash{ margin: 15px 0 15px 0; text-align: center; }

ul.lista{ padding: 10px 0 10px 30px; }
#hasloTitle{ padding-bottom: 5px; font-size: 13px !important;  
border-bottom: 1px solid #e1e1e1; /*font-size:11px; */ }

#content strong{ font-weight: bold !important; }
.normal{ color: black !important; font-weight: normal !important; }
.black, .black a { color: black !important; }
h2.title3{ font-size:11px; }
p.hasloLang{  }

#sciezka-dostepu{ font-size:11px !important; font-weight: normal !important; }
.add-options, .next-back-haslo,  #content a.more{ font-size: 11px !important; }
.nazwaKategorii{ font-weight: bold !important; }

#lista-kategorii { margin: 20px 0 20px 0; }
#lista-kategorii ul{ width: /*45%*/ 280px;  float: left; }
#lista-kategorii ul li { margin-bottom: 10px; }
#lista-kategorii #first{ /* padding-left: 30px; */ width: 285px; } 


.btn-x { height: 24px; font-weight: bold; text-align: center; float: 
left; line-height: 24px; padding: 0 0 0 5px; color: #ff5601; background: 
url(/image/btn-x-l.png) no-repeat 0 0; text-decoration: none; overflow: 
hidden }

.btn-x span { white-space: nowrap;  float: left; line-height: 24px; 
padding: 0 5px 0 0; background: url(/image/btn-x-r.png) no-repeat 100% 0; }

/*.btn-x a { color: #ff5601; }*/

.btn-x-width span{ width: 19px; }
.btn-x:hover , #active-alf{ color: white; text-decoration: none !important; background-position: 0 100%; }
.btn-x:hover span , #active-alf span{  background-position: 100% 100%; }

/* scycraper */

/*		#page { position: relative; } */
    #page-overlay { position: relative; width: 838px; margin: 0 auto; }
		#skyscraper-add { width: 120px; position: absolute; right: -120px; top: 0; }

#patron-mod { width: 590px; height: /* 120px*/ auto; float: left; clear: both; margin: -150px 0 0;  padding: 10px 0; background: #f5f5f5; }
#patron-mod .header { height: 25px; margin: 0 10px 5px; padding: 0 20px; border-bottom: 1px solid #e1e1e1; color: #ff2e01; background: url(/image/icon-arrow.png) no-repeat 0 0; font-size: 14px; font-weight: bold; }
#patron-mod ul li { float: left; margin: 10px; }

.translate-desc { margin: 0 0 15px 0; }