
@charset "UTF-8";

html { background-color: #EEEEEE; height: 100%; background-image:url(tlo_kreskowane.png); background-position: left top;  background-attachment:fixed;  }
body { background-color: #EEEEEE; min-height: 100%; background-image:url(tlo_kreskowane.png); background-position: left top; background-attachment:fixed; text-align:center; margin: 0px; font-family: Tahoma, sans-serif; font-size: 10pt; }

.top { position: fixed; left: 0px; top:0px; width: 100%; height: 85px; background-repeat: repeat-x; background-image: url(cien-top.png); color: white; font-weight: bold; z-index:0; }

.podglad_tlo { display:none; position:fixed; left: 0px; top: 0px; width:100%; height: 100%; background-color: black; opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; z-index: 4; }
.podglad_warstwa { display:none; position: fixed; color:white; margin: 0px auto; border-color:yellow; border-width:2px; border-style:solid; z-index:5; border-radius:10px; background: black; }
  .podglad_top { color: white; height:30px; font-weight: bold; text-align:left; font-size:140%; padding-left:4pt; padding-top:4pt; }
  .podglad_top_zamknij { position: absolute; width:24px; height:24px; cursor: pointer; right:0px; top:0px; margin: 3px; background-position: 0px 0px !important; background-image: url(close.png); background-repeat: no-repeat; z-index:8; }
  .podglad_top_zamknij:hover { background-position: 0px -24px !important; }
  .podglad_top_zamknij:active { background-position: 0px 1px !important; }
  .podglad_zawartosc { }
  .podglad_antykopiowanie { position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:6; }
  .podglad_opis { width: 100%; height: 50pt; text-align:left; font-weight:bold; color: white; background: url(ozdobnik.png) bottom right no-repeat; border-radius:10px; }

.strona { margin: 0px auto; width:1000px; position:relative; }

  .logo { margin:auto; position:relative; width: 950px; height: 190px; overflow:hidden; clear: both; z-index:2; background-image:url(logo.jpg); background-position: center bottom; background-repeat:no-repeat; }
  .logo_left { position:absolute; left:0px; top:0px; width:40px; height:190px; background-image:url(logo_left.png); background-position: left top; background-repeat:no-repeat; z-index:2; }
  .logo_right { position:absolute; right:0px; top:0px; width:40px; height:190px; background-image:url(logo_right.png); background-position: left top; background-repeat:no-repeat; z-index:2; }
    .dane_teleadresowe { color: #FFFF33; text-align:center; position:absolute; top:0px; right:0px;  background-image: url(dane_teleadresowe_tlo.png); background-position: 0px 0px; background-repeat:no-repeat; width: 360px; height: 19px; font-size: 10pt; cursor:pointer; overflow:hidden; /* opacity: 0.2; filter: alpha(opacity=20); -moz-opacity: 0.2; */ }
    .dane_teleadresowe:hover { color: white; }
	 .logo form { padding:0px; margin:0px; }
	 .logo input { padding:0px; margin:0px; }
	 .logo button { padding:0px; margin:0px; background:transparent; }
  .logo_dol { position:absolute; left: 471px; /*405*/ top: 192px; width: 405px; height: 63px; background-image:url(logo_dol.png); background-position: left top; background-repeat:no-repeat; z-index:1; opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; }
  .logo_wyszukiwarka { position:absolute; top: 100px; right:85px; width:375px; border:solid 1px #DDDDDD; }
  .logo_wyszukiwarka img { vertical-align:middle; }

  .menu { position:absolute; left:0px; bottom: 0px; width: 750px; margin:auto; height:34px; z-index:1; }
    .przycisk_start { display: inline-block; cursor:pointer; float:left; top: 40px; right: 0px; height:34px; width: 124px; background-position: 0px 0px !important; background-image: url(przycisk_start.png); background-repeat: no-repeat; }
    .przycisk_start:hover { background-position: 0px -34px !important; }
    .przycisk_start:active { background-position: 0px -68px !important; }
    .przycisk_oferta { display: inline-block; cursor:pointer; float:left; top: 330px; right: 0px; height:34px; width: 124px; background-position: 0px 0px !important; background-image: url(przycisk_oferta.png); background-repeat: no-repeat; }
    .przycisk_oferta:hover { background-position: 0px -34px !important;  }
    .przycisk_oferta:active { background-position: 0px -68px !important; }
    .przycisk_sklep { display: inline-block; cursor:pointer; float:left; top: 145px; right: 60px; height:34px; width: 124px; background-position: 0px 0px !important; background-image: url(przycisk_sklep.png); background-repeat: no-repeat; }
    .przycisk_sklep:hover { background-position: 0px -34px !important;  }
    .przycisk_sklep:active { background-position: 0px -68px !important; }
    .przycisk_komis { display: inline-block; cursor:pointer; float:left; top: 145px; right: 60px; height:34px; width: 124px; background-position: 0px 0px !important; background-image: url(przycisk_komis.png); background-repeat: no-repeat; }
    .przycisk_komis:hover { background-position: 0px -34px !important;  }
    .przycisk_komis:active { background-position: 0px -68px !important; }
    .przycisk_galerie { display: inline-block; cursor:pointer; float:left; top: 260px; right: 30px; height:34px; width: 124px; background-position: 0px 0px !important; background-image: url(przycisk_galerie.png); background-repeat: no-repeat; }
    .przycisk_galerie:hover { background-position: 0px -34px !important;  }
    .przycisk_galerie:active { background-position: 0px -68px !important; }
    .przycisk_kontakt { display: inline-block; cursor:pointer; float:left; top: 330px; right: 0px; height:34px; width: 124px; background-position: 0px 0px !important; background-image: url(przycisk_kontakt.png); background-repeat: no-repeat; }
    .przycisk_kontakt:hover { background-position: 0px -34px !important;  }
    .przycisk_kontakt:active { background-position: 0px -68px !important; }
    /*
  .menu_pozycje { position:absolute; display:none; width: 200pt; top:190px; text-align:left; padding:5pt; padding-left:0px; background-color: black; color: #F2E70D; border-style:solid; border-width:2px; border-color: #F2E70D; border-top-style:none; z-index: 2; }
  .menu_pozycje h2 { font-size: 10pt; margin:0; padding:0; padding-left:5pt; }
  .menu_pozycje a:link { color: #DDDD00; }
  .menu_pozycje a:visited { color: #AEAE00; }
  .menu_pozycje a:hover { color: #FFFF99; }
  .menu_pozycje ul { margin: 5pt 0 8pt 0; }
  */
  .menu_pozycje { position:absolute; display:none; width: 200pt; top:190px; text-align:left; padding:5pt; padding-left:0px; background: url(menu_cien.png) #e2d200 repeat-x bottom left; color: #848400; border-style:solid; border-width:2px; border-color: #F2E70D; border-top-style:none; border-left: solid 4px black; z-index: 2; }
  .menu_pozycje h1 { font-size: 10pt; margin:0; padding:0; padding-left:5pt; color:#757500;  }
  .menu_pozycje h1:before { content: ""; }
  .menu_pozycje a:link { color: black; text-decoration:none; }
  .menu_pozycje a:visited { color: #636121; text-decoration:none; }
  .menu_pozycje a:hover { color: #555500; text-decoration:underline; }
  .menu_pozycje ul { margin: 5pt 0 8pt 0; }

    .menu_start { left: 25px; }
    .menu_oferta { left: 149px; }
    .menu_sklep { left: 273px; width:480px; }
    .menu_sklep li { font-size: 80%; }
    .menu_komis { left: 397px; }
    .menu_galerie { left: 521px; width:410px; }
    .menu_kontakt { left: 645px; }

  .glowny_cien {  float:right; width: 1000px; background-image: url(cien.png); background-repeat: repeat-y; z-index: 1;}
    .glowny { position:relative; margin: auto; width: 950px; overflow: hidden; display: block; color:#515151; text-align: left; background-color:white; /* opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; */ }

		.zawartosc { position: relative; height: 100%; min-height: 510px; border-top-style:solid; border-top-color:black; border-top-width:2px; }
      .zawartosc input { border: 1px solid #AAAAAA; background: url(tlo_input.png) repeat-x #FFFFFF; font-family: tahoma, helvetica, sans-serif; font-style: normal; font-size: 14px; color: #998e00; }
      .zawartosc input:hover { border: 1px solid #666666; background: url(tlo_input.png) repeat-x #FFFFFF; color: #454743; }
      .zawartosc label { font-family: tahoma, helvetica, sans-serif; font-style: bold; font-size: 13px; }
      .zawartosc input[type=radio] { background:transparent; border:none; }

        .panel_lewy { position:relative; width: 270px; margin: 5pt; margin-top: 15pt; padding-bottom: 40pt; float: right; text-align: left; background-position: left bottom; background-image: url(ozdobnik.png); background-repeat: no-repeat; }

          .koszyk_mini_lista { margin: 0; padding:0; }
          .koszyk_mini_lista li { margin: 0; margin-left:5pt; padding:0; }

		  .zawartosc form { padding:0px; margin:0px; }

        .tresc { position:relative; width: 620px; float: left; padding-left: 20px; text-align:justify;  }
		    .tresc img { float: left; padding: 2pt; }
			 .linki_nawigacyjne { margin: 5pt; }
          .tresc strong { color:#C5C025; }

          .blok { width:100%; margin-bottom: 5pt; }
			   /* Tutaj poniżej jest troszkę CSS-hacków, ponieważ nie mogłem tego inaczej zrobić (obawiam się, że inaczej się po prostu nie da zrobić tego paska) */
			   .blok_top { clear: both; height: 20px; width: 100%; overflow: hidden; margin: 0 0 0 0; font-weight: bold;}
              .blok_top_left { float: left; width: 50px; margin: 0 0 0 -100%; background-image: url(blok_top_left.png); padding: 0 0 20px 0; }
              .blok_top_right {  float: left; width: 50px; margin: 0 0 0 -50px; background-image: url(blok_top_right.png); padding: 0 0 20px 0;}
              .blok_top_middle { float: left; width: 100%; height: 100%; }
				  .blok_top_middle_tresc { margin: 0 50px 0px 50px; height:100%; color:black; background-image: url(blok_top_middle.png); padding: 0px 0px 0px 0px; }
				  .blok_top a:link { color: white; text-decoration:none; }
				  .blok_top a:visited { color: white; text-decoration:none; }
				  .blok_top a:hover { color: white; text-decoration: underline; }

				.blok_zawartosc { height:100%; color:black; border-style:solid; border-color: #c6c800; border-width:1px; border-top-width:0px; background-image: url(ozdobnik_naroznika.png); background-position: bottom right; background-repeat: no-repeat; }
				  .blok_zawartosc button { background-color: white; vertical-align:middle; margin:0px; padding:0px;}
				.blok_zawartosc_wnetrze { position:relative; width: 90%; height:90%; text-align: left; padding:5%; background-image: url(cien_panel_top.png);  background-repeat: repeat-x; }
        		.tabela_pozycjonujaca table { border-style:none; }
				.tabela_pozycjonujaca td { border-style:none; }


		      .blok_zdjecie { padding: 5pt; text-align:center; border-style: solid; border-color: navy; border-width:1px; }
			     .blok_zdjecie img { margin:auto; }
		      .blok_news { border-style:dashed; border-width: 1px; border-color: #663399; padding:3pt; margin: 3pt; }
		        .blok_news_top { font-weight: bold; color: #3366CC; padding: 3pt; background-color: #FFFFCC; }
		      .blok_wiadomosc { width: 90%; border-style:solid; border-width: 1px; border-color: #99CCFF; padding:3pt; margin: 3pt; }
			     .blok_wiadomosc_top { font-weight: bold; color: #3366CC; background-color: #FFFFCC; border-bottom-style: dashed; border-bottom-color: white; border-bottom-width: 3px; }

        .blok2 { width: 100%; margin-bottom: 5pt; cursor:pointer; color: black; border-style: solid; border-color: #F3F3D1; border-width: 1px; background-position: center right; background-repeat: no-repeat; font-size:10pt; }
				  .blok2_tlo_oferta { background-image:url(oferta.png); background-position:right top; background-repeat: no-repeat;}
				  .blok2_tlo_aparat { background-image:url(aparat.png); }
				  .blok2_tlo_aparat:hover { background-image:url(aparat_hover.png); }
          .blok2_tlo_kategoria { }
				.blok2_zawartosc { margin: 15pt; }
        .blok2:hover { background-color:#E2E2E2; border-left-style:solid; border-left-width:5px; margin-left:-5px; }
				.blok2:active { background-color:#FFEC93; }

            .blok2_oferta { padding:5pt; }
				.blok2_oferta:hover { background-color:#EEEEEE;  }
				  .blok2_tlo_oferta { background-image:url(oferta.png); background-position: right 50px; background-repeat: no-repeat;}

            .zdjecie_profilowe_mini { float: left; border-width: 1px; border-color:gray; border-style:dashed; margin-right: 5pt; }
				  .zdjecie_profilowe_mini:hover { border-color: silver; border-style: solid; }
		  .panel_profil { width:100%; color: black; }
		    .panel_profil p { margin:0; border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: #000000; }
		  .panel_profil_top { background-color:#000000; width:100%; height: 30px; color:white; }
		  .panel_profil_middle { background-color:#E9E270; width:100%; height:500px; padding-top: 5pt; }
		  .panel_profil_bottom { background-color:#000000; width:100%; height: 30px; }

      .blok_kategoria_produktow { float:left; width:50%; font-size:11pt; }
      .jedna_kolumna { width:100%; }

      .mala_czcionka .blok_kategoria_produktow { font-size:small; }
      .lista_bez_wciecia .blok_kategoria_produktow ul { padding: 0; }
      .lista_bez_punktorow .blok_kategoria_produktow ul { list-style-type:none; }

		  .blok_komentarz { background-color: #6699CC; }
		    .blok_komentarz_top	{ background-color: #CCCCCC; }

		  .post_ukryty { color: gray; }

      .miniaturka { position:relative; width: 155px; border-style: solid; border-color: #FFFF66; border-width:1px; margin: 5pt; border-radius:10px; }
		    .miniaturka img { float: none; }
		    .miniaturka_zawartosc { margin:auto; clear:both; text-align:center; }
			 .miniaturka_podpis { background-color: #CCCC00; color:black; padding: 2pt; font-size: 8pt; text-align: center; }
			 .miniaturka_podpis a:link { color: #0000CC; }
			 .miniaturka_podpis a:visited { color: #660099; }
			   .miniaturka_podpis strong { color: #848400; }
		  .miniaturka_podpis:hover { background-color:#DDDD00; }

		  .formularz_komentarz { position:relative; right:0px; background-color: #648AD9; padding: 20pt; clear: both;}
		    .formularz_komentarz button { background-color: white; }

	   .szybki_dostep { position:absolute; right:8pt; top:0px; }

  #partnerzy { padding:0; margin:0; width:255px; height: 150; cursor:pointer; list-style-type:none; }
  #partnerzy li { padding:0; margin:0; }

  .footer { float:right; padding-top:10px; background-image: url(footer.png); position:relative; width: 1000px; height: 50px; background-repeat: no-repeat; color: white; overflow:hidden; clear: both; bottom: 0px; }
    .footer a:link { text-decoration: none; color:white; }
	 .footer a:visited { text-decoration: none; color:white; }
	 .footer a:hover { text-decoration: none; color:lime; }
	 .designedby { background-image: url(designedby.png); width:48px; height:24px; position:absolute; right:30px; top:5px; }
	 .designedby:hover { background-position: 0 -24px; cursor:pointer; }

  .separator_poziomy { width: 95%; border-color: #add8e6; border-width: 1px; }

	.rownomierny_uklad_kontrolek label { width:200px; display:moz-inline-box; display:inline-block; }
  .potwierdzenie span { color: green; }
  .potwierdzenie label { clear:left; font-weight: bold; }

	.formularz_obramowany { border:solid 1px #EEEEEE; }
   .formularz_nieobramowany { border:none; }
   .formularz_nieobramowany td { border:none; }

  #wyszukiwanie_wyniki button { background:#DFDF00 url(cien-top.png); color:black; padding:3pt; cursor:pointer; border:1px solid #AAAA00; }
  #wyszukiwanie_wyniki button:hover { background-color:#F2F200; color:#5E5E00; }
  #wyszukiwanie_wyniki .nazwa_grupujaca { text-align:center; }
  #wyszukiwanie_wyniki tr td[rowspan]+td, #wyszukiwanie_wyniki tr td[rowspan]+td+td, #wyszukiwanie_wyniki tr td[rowspan]+td+td+td, #wyszukiwanie_wyniki tr td[rowspan]+td+td+td+td, #wyszukiwanie_wyniki tr td[rowspan]+td+td+td+td+td { border-top:2px solid #CC9900; }
  #wyszukiwanie_wyniki tr:hover td { background-color:#F7F7F7; }

  .belka_top { display:moz-inline-box; display:inline-block; padding:5px 0 0 0; width: 305px; height:17px; text-align:center; background:url(belka_top.png) no-repeat transparent; margin-left:2px; }
	.belka_top label { cursor: pointer; }
	.belka_top:hover { background-position: 0 -23px; }

  .przyciski_admin { zoom: 1; }
  .przyciski_admin li { margin: 10px 8px 10px 8px; padding:0; display:-moz-inline-box; display:inline-block; zoom:1; position:relative; width: 125px; opacity:0.8; filter:alpha(opacity=80); -moz-opacity:0.8; }
  .przyciski_admin li:hover { opacity:1.0; filter:alpha(opacity=100); -moz-opacity:1.0; }
  .przyciski_admin li img { margin:0; padding:0; }

  .admin_opis_funkcji { display:none; border:1px solid #CCCC33; background-color: #F3F3D1; margin: 5pt; padding:10pt; overflow:auto; }
  .bezposrednie_przekierowanie { display:none; }

  .pozycja_wyszukiwania { display: -moz-inline-box; display: inline-block; width:180px; margin-bottom:30pt; vertical-align:top; }
  .rownomierny_rozklad_kontrolek label { display: -moz-inline-box; display: inline-block;  width: 160px; }

.if_javascript { visibility: hidden; }
.hot { font-weight: bold; color: red !important; /* text-decoration:blink; */ }
.hot:hover { color: #F7AC93 !important; }
.hot li { color: red; }
.maly_tekst { font-size: 8pt; color: #B6B6B6;  line-height: 130%;}
  .maly_tekst.czerwony { color:red; }
.opis_funkcji { font-size: 8pt; }
.mala_informacja_do_pola { font-size: 80%; color: #787749; }
.podswietlone_przy_wskazaniu { opacity:0.7; filter:alpha(opacity=70); -moz-opacity:0.7; }
.podswietlone_przy_wskazaniu:hover { opacity:1.0; filter:alpha(opacity=100); -moz-opacity:1.0; }
.ilosc { font-weight: bold; color:red; }
.nick { font-style: italic; color: silver; }
.cena_mala { color: red; font-weight: bold; }
.ilosc_dostepnych_produktow { color:#009900; cursor:help; }
.ilosc_wykonczonych_produktow { color:#990000; cursor:help; }
.blok_uzywane { background-image: url('ikona_uzywane.png'); background-color: #FEFCD3; background-position: right; background-repeat:no-repeat; }
.cena_duza { color: red; text-align:center; font-weight: bold; font-size:200%; }
  .cena_duza img { font-size:100%; position:absolute; right:25px; }
.bardzo_maly_tekst { font-size: 7pt; color: gray; }
.opis { position:relative; left: 0px; float:left; color: gray; font-style: italic; }
.pole_wyszukiwania { font-weight: bold; font-size: 150%; color:silver;vertical-align:middle; }
.pole_oznaczone { border-style:dashed; border-width:2px; border-color:#FF7348; }
.przycisk_wyszukiwania { vertical-align:middle; margin-right:3pt; width:32px; height:32px; display: inline; }
.wymagane { color: red; font-weight:bold; }
.NastepnaPoprzedniaStrona { margin-top:10pt; width:100%; height:20pt; font-size: 15pt; background-color:#E2E2E2; }
.uwaga{ background-color: #FFFAF0; color: #FF7348; padding: 15pt; padding-left: 45pt; background: transparent url(warning.png); background-repeat: no-repeat; margin: 15pt; }
.negative{ background-color: #FFFAF0; color: #FF7348; padding: 15pt; padding-left: 45pt; background: transparent url(negative.png); background-repeat: no-repeat; margin: 15pt; }
.positive{ background-color: #FFFAF0; color: green; padding: 15pt; padding-left: 45pt; background: transparent url(positive.png); background-repeat: no-repeat; margin: 15pt; }

.obraz_left { float:left; }
.obraz_center { margin:auto auto; }
.obraz_right { float:right; }

#pole_negatywne:hover { border-style: dashed; border-width: 1px; border-color: black; background-color: #BBFF66; }
#pole_pozytywne:hover { border-style: dashed; border-width: 1px; border-color: black; background-color: #BBFF66; }
#pole_negatywne:active { border-style: solid; border-width: 2px; border-color: red; background-color: #BBFF66; }
#pole_pozytywne:active { border-style: solid; border-width: 2px; border-color: red; background-color: #BBFF66; }


h1 { margin-top: 10pt; font-size: 15pt; font-weight: bold; border-bottom-width: 3px; border-bottom-style: dashed; border-bottom-color: #CCCC00; clear:both; color:#919100; /*color: #CCCC00; text-shadow: 2px 2px 1px #2f6a34;*/ }
h1:before { content: "»"; color:#EEEEEE; font-size:30pt; margin-right: 5pt; margin-top:-10pt; float:left; }
h2 { margin-top: 10pt; font-size: 13pt; }
h3 { margin-top: 10pt; font-size: 12pt; color: silver; }
h4 { font-size: 8pt; color: #000000; }

ul { list-style-type: square; }

area {background-color: yellow;}
img { border: 0px; }
button { background-color: white; border: 0px; cursor:pointer; }
hr { border-color: silver; border-style:dashed; border-width:2px;  }
fieldset { border:none; }

table { margin: auto; width:100%; margin: 5pt; padding: 3pt; border-style: solid; border-width: 1px; border-color: #CCCC99; border-collapse: collapse; border-spacing: 0; }
table caption { color: white; text-align: center; font-weight: bold; background-color: #E1D600; border-style: solid; border-width: 1px; border-color: #CCCC66; background:url(belka_top2.png); }
table th { color: black; text-align: center; font-weight: bold; background-color: #E1D600;  border-style: solid; border-width: 0px; border-color: #F0E400; background:url(belka_top2.png); }
  /* Określa formatowanie parzystego wiersza (parzystej pozycji) tabeli */
  .parzysty { background-color: #EFEFFF; }
  /* Określa formatowanie nieparzystego wiersza (nieparzystej pozycji) tabeli */
  .nieparzysty { background-color: inherit; }

  .kolumna_tytul { }
  .kolumna_wycentrowana { text-align: center; }
  .klikalny_wiersz_tabeli { cursor: pointer; }

.tabela_z_podswietlanymi_wierszami tr:hover { background-color: #E7E2C7; }
.tabela_z_klikalnymi_wierszami tr { cursor:pointer; }


table td { border-style: solid; border-width: 1px; border-color: #E4E494; padding: 3pt; }

textarea { font-family: Verdana,sans-serif; font-size: 10pt; padding:5pt; }
pre { word-wrap: break-word; white-space: pre-wrap; }

a:link { color: #979700; }
a:visited { color: #9E9E27; }
a:hover { color: #FF9933; }
a:hover:before { }
a:active { color: red; }

