/********************************************************************
	Style CSS serwisu internetowego Turkowiak sp. z o.o.
	* Formatowanie zawartosci stron *
	Projekt: PC Guard SA, 2005
*********************************************************************/

/*---newsy, wstepy i informacje-------------------------------*/
/**/
.box { margin-bottom:5px; border:1px solid #ddd; width:99%; position:relative; background:#f5f5f5; padding:10px 0; }
.box img { float:left; margin:0 15px; }
.box p { margin:0 20px; text-align:justify; max-width:45em; }
.box h2 { margin:0 20px; }

.podpis { font-weight:bold; font-style: italic;}

/*.tabjasny { color:#6B5A4A; background-color: #E9E2DA; font-size :11px; font-family: Arial, Helvetica, sans-serif; text-align: left; }*/
/*.tabciemny { color:#FFFFFF; background-color: #C0AB9A; font-size :10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; }*/
.tx { color:#6B5A4A; font-size :11px; font-family: Arial, Helvetica, sans-serif; text-align: left; }

/*---intro-------------------------------*/

.tx { font-size:9px; margin-bottom:.5em; /* background:#f0f0f0;  */ border:1px solid #E9E2DA;
         z-index:40; width:99%; float:left; position:relative;
         background:#fff url(../images/intro-tlo.png) repeat-x bottom left; }
.intro { font-size:9px; margin-bottom:.5em; /* background:#f0f0f0;  */ border:1px solid #E9E2DA;
         z-index:40; width:99%; float:left; position:relative;
         background:#fff url(../images/intro-tlo.png) repeat-x bottom left; }
h2.intro { font-size:15px; padding:1px 15px; color:#784248; margin:0; margin-bottom:1em;
         background:#E9E2DA url(../images/gorna-listwa.png) repeat-x bottom left;
	 max-height:50px; border:0; border-bottom:1px solid #8E7A68; float:none; width:auto; }
.intro img { float:left; margin:5px; margin-top:0; }
.intro p { margin:0 10px 10px 15px; padding-bottom:.5em; font-size:12px; text-align:justify; /*max-width:45em;*/}

/*---ramki do obrazkow produktow: I etap------------------*/
/**/
.produkt { font-family:Verdana,tahoma,arial,sans-serif; font-size:x-small; position:relative; float:left;
		margin:0 5px 5px 0; height:210px; width:210px; z-index:40;
		background:#fff url(../images/produkt-tlo.png) no-repeat bottom right; }

/*--centrowanie horyzontalne dla IE. ech...--*/
.obraz { margin:auto; text-align:center; height:125px; position:relative; }
.obraz[class] { display:table; position:static; }
.middle { position:absolute; top:50%; left:50%; } /* dla IE */
.middle[class] { display:table-cell; vertical-align:middle; position:static; } /* dla pozostalych */
.inner { position:relative; top:-50%; left:-50%; } /* dla IE */
.inner[class] { position:static; } /* dla pozostalych */

.obrazopis { margin:10px; margin-top:0px; height:65px; }
.obrazopis h3 { font-size:11px; width:auto; border-top:1px dotted #aaa; }
.obrazopis p { margin:0 5px; font-size:11px; z-index:10; }
.obrazopis p em { font-style:normal; }

/*---przyciski--------------------------------------------------------*/
.obrazopis a.wiecej_pl { position:absolute; bottom:0px; right:0px; width:78px; height:30px; background:transparent url(../images/wiecej_pl.png) no-repeat bottom right; z-index:20; }
.obrazopis a.wiecej_en { position:absolute; bottom:0px; right:0px; width:78px; height:30px; background:transparent url(../images/wiecej_en.png) no-repeat bottom right; z-index:20; }
.obrazopis a.wiecej_de { position:absolute; bottom:0px; right:0px; width:78px; height:30px; background:transparent url(../images/wiecej_de.png) no-repeat bottom right; z-index:20; }
.obrazopis a.wiecej_ru { position:absolute; bottom:0px; right:0px; width:78px; height:30px; background:transparent url(../images/wiecej_ru.png) no-repeat bottom right; z-index:20; }
.obrazopis a.kup_pl { position:absolute; bottom:0px; right:0px; width:50px; height:30px; background:transparent url(../images/kup_pl.png) no-repeat bottom right; z-index:20; }
.obrazopis a.kup_en { position:absolute; bottom:0px; right:0px; width:50px; height:30px; background:transparent url(../images/kup_en.png) no-repeat bottom right; z-index:20; }
.obrazopis a.kup_de { position:absolute; bottom:0px; right:0px; width:50px; height:30px; background:transparent url(../images/kup_de.png) no-repeat bottom right; z-index:20; }
.obrazopis a.kup_ru { position:absolute; bottom:0px; right:0px; width:50px; height:30px; background:transparent url(../images/kup_ru.png) no-repeat bottom right; z-index:20; }
.obrazopis a.opraw_pl { position:absolute; bottom:0px; left:0px; width:69px; height:30px; background:transparent url(../images/opraw_pl.png) no-repeat bottom left; z-index:20; }
.obrazopis a.opraw_en { position:absolute; bottom:0px; left:0px; width:69px; height:30px; background:transparent url(../images/opraw_en.png) no-repeat bottom left; z-index:20; }
.obrazopis a.opraw_de { position:absolute; bottom:0px; left:0px; width:69px; height:30px; background:transparent url(../images/opraw_de.png) no-repeat bottom left; z-index:20; }
.obrazopis a.opraw_ru { position:absolute; bottom:0px; left:0px; width:69px; height:30px; background:transparent url(../images/opraw_ru.png) no-repeat bottom left; z-index:20; }
.obrazopis a.wybierz_pl { position:absolute; bottom:0px; right:0px; width:78px; height:30px; background:transparent url(../images/wybierz_pl.png) no-repeat bottom right; z-index:20; }
.obrazopis a.wybierz_en { position:absolute; bottom:0px; right:0px; width:78px; height:30px; background:transparent url(../images/wybierz_en.png) no-repeat bottom right; z-index:20; }
.obrazopis a.wybierz_de { position:absolute; bottom:0px; right:0px; width:78px; height:30px; background:transparent url(../images/wybierz_de.png) no-repeat bottom right; z-index:20; }
.obrazopis a.wybierz_ru { position:absolute; bottom:0px; right:0px; width:78px; height:30px; background:transparent url(../images/wybierz_ru.png) no-repeat bottom right; z-index:20; }
.obrazopis a span { display:none; }


/*---ramki do obrazkow produktow: II etap-------------------------*/
/**/
.etap2 { margin-bottom:2em; }
.etap2 h2 { clear:both; border-bottom:1px dotted #aaa; margin-top:.5em; max-width:45em; }
p.rodzajopis { margin:.3em 0 2em; font:x-small Verdana, Tahoma, Arial, sans-serif; color:#828282; max-width:50em; }
.etap2 .produkt { height:270px; width:210px;
                  background:#fff url(../images/produkt-tlo2.png) no-repeat bottom right; }
/* .etap2 .obrazopis { height:125px; } */

.obrazopis table { padding:0; margin:0; }
.obrazopis td { font:11px Arial, Verdana, Helvetica, Lucida, sans-serif; z-index:10; line-height:1.1; }
.obrazopis td.co { text-align:right; vertical-align:top; font-weight:bold; }
.obrazopis td em { font-style:normal; }

/*---tabela: kompozycja obrazkow--------------------------*/
/**/
#tabela-glowna { border:1px solid #ddd; width:99%; /* float:left; */ text-align:center; position:relative; padding:10px 0;
               /* float:left; width:100%; padding:.5em 0; text-align:center; border:1px solid #ddd; */ }
#tabela { width:auto; margin-left:auto; margin-right:auto; }

/*---tabela: info o wybranym produkcie--------------------------*/
/**/
.slepe { visibility:hidden; }
table.prod-info { padding:0; margin:0; margin-top:3em; empty-cells:hide; }
table.prod-info th { padding:.5em 1.5em; color:#008200; border-bottom:2px solid #008200; }
table.prod-info td { width:auto; padding:.3em 1.5em; border-bottom:1px dotted #828282; }

form#koszyk p { margin:0; padding:0; float:left; clear:left; margin:5px; margin-right:0px; }
form#koszyk img { padding:0; }

table.prod-info  { padding:0; margin:0; margin-bottom:1em; text-align:center; width:auto; }
table.prod-info th { padding:.5em; text-align:left; }
table.prod-info td { padding:.2em; text-align:left; }
form#koszyk { text-align:left; margin:0; padding:0; }
#input-done { margin:10px 3em; text-align:right; }


/*---przyciski opcji pod tabela------------------------------------------*/
/**/
div.prod-op { width:415px; }
ul.prod-op { margin:-.3em 0 1.5em 2em; list-style-type:none; position:relative; z-index:120; }
div#tresc p.prod-op { margin:0; margin-top:1.2em; }
.prod-op li { display:inline; }
.prod-op a { text-decoration:none; padding:.5em 2em; border:1px solid #C0AB9A;
		background:#F2EDE9 url(../images/gorna-listwa.png) repeat-x bottom left;
		color:#000; font:bold 70% Verdana, Arial, sans-serif; }
.prod-op a:visited { text-decoration:none; padding:.5em 2em; border:1px solid #C0AB9A;
		background:#F2EDE9 url(../images/gorna-listwa.png) repeat-x bottom left;
		color:#000; font:bold 70% Verdana, Arial, sans-serif; }
.prod-op a:hover { background:#C0AB9A; text-decoration:underline; color:#ffffff; }

/*---przycisk zamow w koszyku--------------------*/
a#zamow_pl { width:89px; height:30px; background:transparent url(../images/zamow_pl.png) no-repeat bottom right; z-index:20; position:absolute; bottom:2px; right:15px; margin:0; }
a#zamow_en { width:89px; height:30px; background:transparent url(../images/zamow_en.png) no-repeat bottom right; z-index:20; position:absolute; bottom:2px; right:15px; margin:0; }
a#zamow_de { width:89px; height:30px; background:transparent url(../images/zamow_de.png) no-repeat bottom right; z-index:20; position:absolute; bottom:2px; right:15px; margin:0; }
a#zamow_ru { width:89px; height:30px; background:transparent url(../images/zamow_ru.png) no-repeat bottom right; z-index:20; position:absolute; bottom:2px; right:15px; margin:0; }
a#zamow_pl span { display:none; }
a#zamow_en span { display:none; }
a#zamow_de span { display:none; }
a#zamow_ru span { display:none; }

#koszyk-all { padding:0; padding-bottom:30px; }

/*---tabela: zamowienie--------------------------*/
/**/
table.zamow { margin:1em 2em 1em; }
table.zamow th { text-align:left; padding: 2px 2px 2px 2px; font-weight:bold; border:1px solid #ddd; }
table.zamow td { text-align:left; padding: 2px 2px 2px 2px;}
table.zamow td.read { text-align:left; padding: 2px 2px 2px 2px; border:1px solid #ddd; }
p#potw-zam { text-align: center; margin: 0 2em 1em; }

#ostrzez { padding:.5em 0 1em; }
#ostrzez p { color:red; font-weight:bold; line-height:1.4; /* font-size:x-small; */ }

table.transport { margin:1em 2em 1em; }
table.transport th { text-align:right; padding: 2px 2px 2px 2px; font-weight:bold; border:1px solid #ddd; }
table.transport td { text-align:right; padding: 2px 2px 2px 2px;}
table.transport td.read { text-align:left; padding: 2px 2px 2px 2px; border:1px solid #ddd; }

/*---wybor koloru sciany------------------------------------------*/
/**/
a.kolor { float:left; width:23px; height:23px; border:1px solid #808080; margin-right:5px; margin-bottom:5px; text-decoration:none; }

/*---wybor passe-partout------------------------------------------*/
/**/
#pass { width:auto; padding-bottom:1em; }
#pass h3 { font:bold x-small Verdana, Tahoma, Arial, sans-serif; margin:7px 3px; }
#pass-rodz { padding:3px 0; margin:0; position:relative; z-index:121; /* border-bottom:1px solid #ddd; */ }
#pass-rodz ul,
#pass-rodz li { list-style:none; font:bold 11px Verdana, Tahoma, Arial, sans-serif; }
#pass-rodz li { margin:0; display:inline; }
#pass-rodz li a { padding:3px 0.5em; margin-left:3px; border:1px solid #ddd; border-bottom:none;
              color:red; background: #f5f5f5; text-decoration:none; }
#pass-rodz li a:visited { padding:3px 0.5em; margin-left:3px; border:1px solid #ddd; border-bottom:none;
              color:red; background: #f5f5f5; text-decoration:none; }
#pass-rodz li a:hover { border-color:#828282; color:#000; }
#pass-rodz li a#ten { background:#fff; border-bottom:1px solid #fff; color:#000; }

/*---the Holly hack: http://www.positioniseverything.net/articles/hollyhack.html#haslayout----*/
/* Hides from IE5-mac \*/
* html #pass-wyb {height:1%;}
/* End hide from IE5-mac */

#pass-wyb { padding:1em 0 1em 0.5em; border:1px solid #ddd; background-color:#fff; }
#pass-wyb ul { margin-bottom:10px; }
#pass-wyb li { list-style:inside url(../images/wyb.gif); }

table.poradnik  { margin:16px; padding:10px; width:96%; text-align:center; border:1px solid #ddd; }
table.poradnik td { text-align:center; }
table.poradnik img { margin:10px; float:none; }

.blad { color:#FF2424;  font-weight:bold;}