/*
 *		plik:		css/style.css
 *		autor: 		Technetium [Tc]
 *				Marek Kleszyk
 *		data:		22 wrzesień 2008
 *		system:		T.CMS-4.0-SKLEP
*/ 

@import url("sklep.css");
@import url("lightbox.css");
@import url("menu.css"); 
@import url("comments.css");

/* --------- standardowe ---------- */

.clear { clear: both; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.hidden { display: none; }
.error { color: #c00; }
.important { color: #f00; }
.not-important { color: #C8C0AD; }
.inactive { color: #8a775a !important; }
.row-dark { background: #eae2d4; }
.row-clear { background: transparent; }
.bold {font-weight: bold}
.smaller {font-size: 85%; }
.smallest {font-size: 60%; }
.light {font-weight: normal; }
.block {display: block;}

img { border: none; }
a:focus { -moz-outline-style: none; }
a, a:visited, a:active { text-decoration: none; color: #695433; }
a:hover { text-decoration: underline; }
.kursor { cursor: pointer; }

hr { background: #eae2d4; height: 1px; border: none; }
h1 { font-size: 10pt; }
h2 { font-size: 9pt; }
h3 { font-size: 8pt; }
h4 { font-size: 7pt; }

* {
   margin: 0;
   padding: 0;
}

p {
   margin: 5px 0;
}

ul {
   margin: 5px 0;
   padding-left: 20px;
}

ul li {
   margin: 5px 0;
}

.font0 {
   font-size: 6pt;
}

.font1 {
   font-size: 7pt;
}

.font2 {
   font-size: 8pt;
}

.font3 {
   font-size: 10pt;
}

.font4 {
   font-size: 12pt;
}

.font5 {
   font-size: 14pt;
}

.font6 {
   font-size: 16pt;
}

.print {
   margin: 10px;
   float: right;
}

.back {
   margin: 10px;
   float: left;
}

.tagi {
   margin: 10px 0;
   text-align: center;
}




#page-title {
   padding: 0px;
   min-height: 35px;
   background-color: #fff;
   overflow: visible;
   border-bottom: 1px solid #eae2d4;
   clear: both;
   padding-bottom: 5px;

}

#page-title h1 {
   background: transparent url(../img/arrow-pagetitle.gif) no-repeat scroll 100% 52%;
   display: inline-block;
   margin-left: 20px;
   margin-top: 12px;
   padding-right: 20px;
   font-size: 9pt;
   font-weight: bold;
}

#page-content {
   padding: 14px 14px 14px 14px;
   overflow: hidden;
   clear: both;

}

#zaawans-wyszuk label {
   float: left;
   padding-top: 4px;
   margin: auto 4px;
}

#page-content img {
   padding: 0px;
   margin: 0px;
}

#page-content-main {
   padding: 0px;
   margin: 0px;
   top: 0px;
   width: 962px;
   position: relative;
}

#page-content-main div {
   padding-top: 8px;
}


#page-content-main ul {
   margin: 0px;

   list-style-type: none;
   margin-left: 8px;
   padding: 0px;
   padding-left: 10px;
   padding-right: 10px;

}

#page-content-main ul.special {
   background-color: #e1d6c2;
   border-bottom: 1px solid #d9c9b0;

}

#page-content-main ul li {

   background: transparent url(../img/arrow-menu.gif) no-repeat scroll 0px 13px;
   padding-left: 14px;
   line-height: 1.4em;
   padding-top: 8px;
   padding-bottom: 8px;
   margin: 0px;

}

#page-content-main ul li.podkat {
   margin-left: 14px;
}



#page-content-main #glowna-left {

   width: 325px;
   float: left;
   margin: 0px;
   padding: 0px;
   margin-bottom: 10px;
}

#b-glowna-boxy {
   background-image: url(../img/b-glowna-boxy.jpg);
   background-repeat: no-repeat;
   width: 962px;
   height: 60px;
   float: left;
}

#b-glowna-boxy div h2 {
   font-family: arial, "Arial", "Tahoma", "Verdana", sans-serif;
   font-size: 9pt;
   font-weight: bold;
}

#b-glowna-boxy div {
   float: left;
   margin-top: 12px;
}

#b-glowna-boxy #glowna-boxy-box1 {
   color:#B30D0F;
   padding-left:27px;
   width:300px;

}
#b-glowna-boxy #glowna-boxy-box2 {
   color:#EC5401;
   padding-left:24px;
   width:276px;
}
#b-glowna-boxy #glowna-boxy-box3 {
   color:#92836C;
   padding-left:27px;
   width:275px;
}




#page-content-main #glowna-center {
   width: 315px;
   float: left;
   margin: 0px;
   padding: 0px;
   margin-bottom: 10px;
}

#page-content-main #glowna-right {
   background-color:#F3F3EB;
   border:1px solid #E8E2D6;
   color:#92836C;
   float:right;
   height:130px;
   margin:0 0 10px;
   overflow-y:scroll;
   padding:7px;
   width:296px;
}
#page-content-main #glowna-bottomdiv {
   float: left;
   clear: both;
}

#page-content-main #glowna-bottomdiv a {
}

#page-content-main #glowna-bottomdiv a img {
   border: 1px solid #d1cab9;
}

#page-content-main #glowna-buttony {
   width: 640px;
   float: left;
}

#page-content-main #glowna-buttony #button-left {
   width: 325px;
   float: left;
}


#page-content-main #glowna-buttony #button-right {
   width: 315px;
   float: left;
}

#page-content table {

   margin: 0 auto 0 auto;
}

#page-content table td.left {

   text-align: right;
   padding-right: 8px;
}

#page-content table small {
   color:#a6916f;
}


#page-content ul {
   list-style-image: url(../img/arrow-li.gif);
}

#page-content p {
   line-height: 1.4em;
}

#page-content input.text,
#page-content textarea,
#page-content select {
   width: 200px;
   overflow: auto;
   font-family: Tahoma, Verdana;
}

#slowo-kluczowe {
   height: 30px;
   border-bottom: 1px solid #eae2d4;
   padding-top: 10px;
   padding-left: 22px;
   overflow: visible;
}

#slowo-kluczowe form{
   margin: 0px;
   float: left;
}
#slowo-kluczowe #sk-login-form {

   height: 22px;
   text-align: left;
}

#slowo-kluczowe input, #slowo-kluczowe span {
   float: left;
}

#slowo-kluczowe span {
   padding-top: 3px;
   margin-right: 6px;
}

#slowo-kluczowe span.keyword {
   color: #f05a08;
   font-weight: bold;
   margin-right: 10px;
}

#page-content hr {
   background-color: #eae2d4;
   margin-top: 8px;
   margin-bottom: 10px;
}

#koszyk-path {
   background-image: url(../img/b-koszyk-path.jpg);
   background-repeat: repeat-x;
   background-position: top;
   width: auto;
   height: 26px;
   padding-top: 12px;
   padding-left: 10px;
}

#koszyk-path span {
   color: #cbc1b1;
   font-weight: bold;
   margin: 14px;
}

#koszyk-path span.aktualny {
   color: #f76614;
}

td, th {
   font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
}

.formularz {
   margin: 5px;
}

input.text, textarea, select {
   border: 1px solid #d7d0bf;
   background-color: #f4f4ed;
   color: #8a724d;
   padding: 3px 3px;
   margin: 0 3px;
   font-size: 8pt;

}

input.text  {

}

select {
   padding-right: 0;
}

input.submit {
   padding: 0px;
   background-color: #a6916f;
   border: 0px solid #d6cfbd;
   color: #f4f4ed;
   font-size: 9pt;
   font-weight: bold;
}

input.text:focus, select:focus, textarea:focus {
   background: #fff;
   outline: 0
}

.image {
   position: relative;
   top: 5px;
}

/* --------- glowna ---------- */

body {
   margin: 0;
   padding: 0;
   width: 100%;
   height: 100%;
   background-color: #edece1;
   text-align: center;
   font-family: "Tahoma", "Verdana", "Helvetica", "Arial", sans-serif;
   font-size: 8pt;
   color: #57472d;
   background-image: url(../img/right-background.jpg);
   background-repeat: repeat-x;
   background-position:top;
}

#container {
   margin: 0 auto;
   padding: 0;
   width: 962px;
   height: auto;
   position: relative;
   text-align: center;
}

#background-left-fix {
   width: 50%;
   position: absolute;
   left: 0;
   background-image: url(../img/left-background.jpg);
   background-repeat: repeat-x;
   background-position:top;
   background-color: #edece1;
   height: 619px;
   top: -70px;
   z-index: -100;
}

#background-right-fix {
   width: 50%;
   position: absolute;
   right: 0;
   background-image: url(../img/right-background.jpg);
   background-repeat: repeat-x;
   background-position:top;
   background-color: #edece1;
   height: 619px;
   top: -70px;
   z-index: -100;
}

#logotop {
   width: 962px;
   height: 119px;
   position: relative;
   top: -27px;
   text-align: left;
}

#logotop #logotop-left{
   width: 597px;
   height: 159px;
   position: relative;
   background-image: url(../img/b-logotop-back.jpg);
   background-repeat: repeat-x;
   left: 0;
   top: -40px;
}




#logotop #logotop-left #logotop-logo{
   width: 512px;
   height: 113px;
   position: relative;
   border-right: 1px solid #ebe1ce;

   left: 0px;
   top: 20px;

}

#logotop #logotop-left #logotop-logo img#logo-strony {
   width: 271px;
   height: 97px;
   float: left;
   margin: 0;
   padding: 0;

}

#logotop #logotop-left #logotop-menu {
   width: 597px;
   height: 46px;
   position: absolute;
   background-image: url(../img/b-logotop-menu.jpg);
   background-repeat: repeat-x;
   background-position: left;
   top: 113px;
   left: 0px;

}

#logotop #logotop-right{
   width: 365px;
   height: 159px;
   position: absolute;
   top: 0;
   right: 0;
}

#logotop #logotop-right #gorne-menu {
   width: 365px;
   height: 57px;
   position: relative;
   text-align: right;

}

#logotop #logotop-right #gorne-menu #menu-top {
   height: 14px;
   float: right;
   margin-top: 36px;
   text-align: right;
   margin-right: 8px;

}

#logotop #logotop-right #logotop-search {
   width: 365px;
   height: 62px;
   background-image: url(../img/b-wyszukiwarka.jpg);
   background-position: left;
   background-repeat: no-repeat;

}

#logotop #logotop-right #logotop-search #zaawansowane {

   position: relative;
   top: 1px;
   left: 200px;
   width: 165px;
   height: 24px;
   padding: 0px;
   margin: 0px;
}

#top-pasek-fix {
   background-image: url(../img/b-top-pasek.jpg);
   background-position: top;
   background-repeat: repeat-x;
   position: absolute;
   height: 4px;
   top: 0px;
   z-index: 100;
   width: 100%;
   left: 0px;
}

#top {
   width: 962px;
   height: 212px;
   position: relative;
   overflow: hidden;
   float: left;
   margin-top: -27px;
}

#top #t1 {
   width: 962px;
   height: 212px;
   background-image: url(../img/top2.jpg);
   background-repeat: no-repeat;
   float: left;
}

#top #t1 #top-logo{


   float: left;
   margin: 0;
   margin-top: 8px;
   margin-left: 10px;
   padding: 0;
   width: 250px;
   height: 61px;
}


#login-panel, #login-panel2 {
   width: 962px;
   height: 22px;
   position: relative;
   float: left;
   margin-top: 13px;
   margin-bottom: 13px;
   padding-left: 20px;
}

#login-panel img, #login-panel input, #login-panel2 img, #login-panel2 input, #login-panel2 label{
   float: left;
   margin-left: 2px;
   margin-right: 2px;
}
#login-panel2 label{
   float: left;
   margin-left: 2px;
   margin-right: 2px;
   padding-top: 4px;
}

#login-panel input.text, #login-panel2 input.text{
   width: 150px;
   color: #8a724d;
   text-align: right;
   vertical-align:middle;
}

#szukaj input.text {

   width: 134px;
   color: #8a724d;
   text-align: right;
   vertical-align: middle;
}

#szukaj {
   width: 220px;
   height: 22px;
   float: right;
   text-align: right;
   top: 4px;
   left: 0px;
   position: relative;
}

#szukaj img, #szukaj input{
   float: left;
   margin-left: 2px;
   margin-right: 2px;
}

#base {
   width: 962px;
   height: auto;
   position: relative;
   overflow: hidden;
   text-align: left;
   float: left;
}


#login-panel {
   width: 610px;
   height: 22px;
   position: relative;
   float: left;
   margin-top: 13px;
   margin-bottom: 13px;
   padding-left: 10px;
   text-align: left;
}

#login-panel #login-form {
   width: 620px;
   height: 22px;
   float: left;
   text-align: left;
}
#login-panel #login-form span {
   margin-top: 4px;
   display: block;
}

#data-czas {

   width: 320px;
   background-image: url(../img/b-nawpanel-right.jpg);
   background-position: left;
   background-repeat: no-repeat;
   height:19px;
   margin-bottom:13px;
   margin-top:13px;
   padding-left:10px;
   padding-top: 4px;
   float:left;
   position:relative;
   text-align:right;
   color: #ceb694;

}

#data-czas strong {
   color: #8a724d;
}


#nawigacja {
   width: 962px;
   height: 60px;
   position: relative;
   float: left;
   margin: 0px;
   background-color: #fff;

}

#content #naw-sciezka {
   width: 620px;
   height: 24px;
   border-top: 1px solid #f7ede1;
   border-bottom: 1px solid #f7ede1;
   margin-top: 5px;

   float: left;
   padding-left: 16px;
   padding-top: 8px;

}

#content #naw-sciezka a {
   margin: 0 3px;
   margin-top: 10px;
   color: #9d8a6f;
}

#content #naw-sciezka a.kategoria {
   margin: 0px;
   color: #9d8a6f;
   padding-left: 14px;
   background: transparent url(../img/arrow-sciezka.gif) no-repeat scroll 0 52%;
   background-repeat: no-repeat;
   background-position: left;
   margin-left: 8px;
}

#sidebar-right #sidebar-back {
   width: 322px;
   height: 60px;
   background-image: url(../img/b-sklep-nawigacja.jpg);
   float: right;
}



#nawigacja #font {
   width: 294px;
   height: auto;
   text-align: right;
   float: left;
}

#nawigacja #font a {
   margin: 0 4px;
}

#sidebar-right {
   width: 322px;
   height: auto;
   position: relative;
   overflow: hidden;
   text-align: left;
   float: right;
   font-size: 9pt;
}

.menu-right {
   width: 322px;
   margin: 0px;
   float: left;
}

.menu-right ul {
   margin: 0px;
   border-top: 1px solid #e5ddcc;
   list-style-type: none;
   margin-left: 8px;
   width: 290px;
   padding: 0px;
   padding-left: 10px;
   padding-top: 13px;
   padding-bottom: 10px;

}

.menu-right ul li {
   color: #695433;
   background: transparent url(../img/arrow-menu.gif) no-repeat scroll 0 52%;
   padding-left: 14px;
   line-height: 1.4em;
}
.menu-right ul li.podkat {
   margin-left: 14px;
}

.menu-right a.selected {
   color: #ed5400;
   font-weight: bold;
}


#content {
   width: 640px;
   height: auto;
   position: relative;
   overflow: hidden;
   text-align: left;
   float: left;
}

#footer {
   width: 962px;
   height: auto;
   position: relative;
   overflow: visible;
   float: left;
   margin-bottom: 10px;
   margin-top: 0px;
}

#footer #footer-back {
   background: transparent url(../img/b-footer.jpg);
   background-repeat: repeat-x;
   background-position: bottom;
   width: 1000px;
   height: 29px;
   position: relative;
   left: -20px
}

#footer #footer-back-img {
   width: 131px;
   height: 99px;
   background-image: url(../img/b-footer-img.jpg);
   background-repeat: no-repeat;
   position: absolute;
   right: -125px;
   top: -70px;
}

#footer #footer-back-left {
   width: 6px;
   height: 10px;
   background-image: url(../img/b-footer-left.jpg);
   background-repeat: no-repeat;
   position: absolute;
   left: -6px;
   top: 19px;
}


#footer #skroty {
   width: 998px;
   height: auto;
   overflow: hidden;
   float: left;
}

#footer #menu-bottom {

   float:left;
   margin:0;
   padding:14px 6px 0 0;
   text-align:left;
   width:720px;
}

#footer #copyright {
   width: 400px;
   padding-left: 20px;
   margin-top: 8px;
   clear: both;
   text-align: left;
   float: left;
}

#footer #realizacja {
   float:right;
   padding:16px 1px 0;
   position:relative;
   text-align:right;
   width:219px;
}

#footer #realizacja a {

}

/* --------- galeria ---------- */

.foto-pokaz {
   margin-bottom: 5px;
   border: 1px solid #CFD3D8;
   padding: 5px;
}

.foto-opis {
   text-align: justify;
   display: block;
}

.foto-gal {
   border: 1px solid #CFD3D8;
   height: 130px;
   width: 130px;
   text-align: center;
   vertical-align: middle;
}

.foto-gal:hover {
   border: 1px solid #788A98;
   background-color: #f6f6f6;
   cursor: pointer;
}

#page-title-gal {
   padding: 10px;
   border-top: 1px solid #CFD3D8;
}

#page-content-gal {
   padding: 10px;
   overflow: hidden;
}

/* --------- rejestr zmian ---------- */

table.rejestr {
   width: 100%;
   border: none;
   margin: 2px;
}

table.rejestr td {
   padding: 3px 1px;
   color: #999;
}

table.rejestr td a {
   color: #999;
}

table.rejestr td a:hover {
   color: #281;
}

/* --------- aktualności ---------- */

.art ul {
   list-style: none;
   margin: 10px 20px;
}

.art ul li {
   margin: 10px 0;
   height: 110px;
   border-bottom: 1px solid #000;
}

.art ul li.last {
   border-bottom: none;
}

.art ul li .data {
   height: 20px;
   color: #077B66;
   float: left;
}

.art ul li .wiecej {
   height: 20px;
   float: right;
}

.news-foto {
   float: left;
   margin: 5px;
}

/* --------- forum ---------- */

ul#forum {
   margin: 0 10px;
   list-style: none;
}

ul#forum li {
   margin: 5px 0;
   padding: 0 0 3px 18px;
   overflow: hidden;
   background: transparent url(../img/li-for.png) no-repeat scroll left 2px;
   border-bottom: 1px solid #e6e6e6;
}

ul#forum li a {
   overflow: hidden;
   white-space: nowrap;
}

ul#forum li h2 a, ul#forum li h2 small {
   color: #6e6e6e;
}