@import url(produkt.lista.css);
@import url(produkt.boksy.css);
@import url(kolory.css);
@import url(bok.css);

/* _______________________________________________________________ 3D */
.produkt-prezentacja3d { width:500px; height:500px; margin-bottom:10px; border:1px solid #f2f2f2; position:relative; float:left }
#prezentacja3d { width:100%; height:100%; }
.produkt-podglady { float:right; width:224px; }
.produkt-podglady li { float:left; margin-bottom:10px; margin-left:10px;}
.produkt-podglady li a { display:block;}
.produkt-podglady li img { border:1px solid #f2f2f2; width:100px; height:100px; }

.baner-kod-rabatowy a { position:absolute; top:75px; right:-160px; width:160px; height:470px; display:block}


.metka-nowa-cena,
.fiszka-exclusive,
.fiszka-nowosc,
.fiszka-zamowienie 	{ position:absolute; top:-7px; right:-7px; display:block; text-indent:-9999px; background-image:url(../img/fiszki.gif); }
.fiszka-nowosc 			{ background-position: 0 0; width:40px; height:30px; z-index:50;}
.metka-nowa-cena 		{ background-position: 0 -30px; width:40px; height:40px; z-index:100;}
.fiszka-zamowienie 	{ background-position: 0 -70px; width:70px; height:30px; z-index:40;}
.fiszka-exclusive 		{ background-position: 0 -100px; width:50px; height:40px; z-index:20; }

/*
.metka-nowa-cena { position:absolute; top:-7px; right:-7px; display:block; text-indent:-9999px; width:40px; height:40px; background-image:url(../img/metki/nowa-cena.gif); }
.fiszka-exclusive { position:absolute; top:-7px; right:-7px; display:block; text-indent:-9999px; width:50px; height:40px; background-image:url(../img/metki/Online-Exclusive.gif); }
*/

/* _______________________________________________________________ PRODUKT */
#produkt .zawartosc { position:relative; z-index:10; }
#produkt .produkt-boksy, #produkt .produkt-lista { float:right; width:735px; }

#poprzedni-nastepny { position:absolute; top:8px; right:10px;}
#poprzedni-nastepny li { float:left; margin-left:10px; display:inline; border:1px #f2f2f2 solid; }
#poprzedni-nastepny li img { width:50px; height:50px; }

#produkt .zawartosc .tlo-szare {background-color:#f2f2f2; padding:5px; margin:20px 0px; }
#produkt .zawartosc .podkreslenie { border-bottom:1px #e5e5e5 solid; margin-bottom:5px; padding-bottom:5px; }
#produkt .zawartosc .podkreslenie-red { border-bottom:1px #EB2B27 solid; margin-bottom:5px; padding-bottom:5px; }

/* _______________________________________________________________ PREZENTACJA */
#produkt .produkt-prezentacja { float:right; /*width:715px; margin:0px 10px;*/ width:740px; margin:0; margin-right:10px; display:inline; }


.produkt-prezentacja #baner-produkt {width: 130px; height: 400px; }

.obrazki, .propozycja-stylistki, .wybor-gwiazdy { float: left; width: 300px; /*height:380px;*/ border:1px #f2f2f2 solid;}

.obrazki {  position:relative; height:380px; }
/*.obrazki div { background-color:#f2f2f2; height:80px; width:100%; overflow:hidden; position:absolute; left:0px; top:300px; }*/
.obrazki div { background-color:#FFF; height:79px; border-top:1px #f2f2f2 solid; width:100%; overflow:hidden; position:absolute; left:0px; top:300px; }
.obrazki div img { margin:9px 0 9px 8px; border:1px solid #f2f2f2 }

.propozycja-stylistki { width: 200px; margin-left:20px; background: #FFFFFF url(../img/produkt/propozycja-stylistki.gif) center bottom no-repeat ; }
#propozycja-stylistki-slideshow { height:300px; width:200px; overflow:hidden; }

.wybor-gwiazdy { float:right; width:auto; background: #FFF url(../img/produkt/wybor-gwiazdy.gif) center bottom no-repeat;  }

/* _______________________________________________________________ PREZENTACJA - srednia ocena w gwizadkach*/
#srednia-ocena ul li { float:left; width:33%}
.gwiazdki 		{ display:block; width:100px; height:20px; overflow:hidden; background:url(../img/produkt/produkt-gwiazdki.gif)}
.gwiazdki.g1 	{ background-position:0px 100px}
.gwiazdki.g2 	{ background-position:0px 80px}
.gwiazdki.g3 	{ background-position:0px 60px}
.gwiazdki.g4 	{ background-position:0px 40px}
.gwiazdki.g5 	{ background-position:0px 20px}
.gwiazdki.g0 	{ background-position:0px 0px}

/* _______________________________________________________________ PREZENTACJA - opis, dostepne kolory itd. */
#opis-dostepne-kolory { font-size:12px; line-height:1.2em;margin-bottom:20px; background-color: #FFFFFF;  }
/*#opis-dostepne-kolory ul.podzielone { float:left; width:330px;  }
ul#dostepne-kolory.podzielone { border-left: 1px #EB2B27 solid; margin-left:10px; padding-left:10px; width:350px; }*/
/* kolory z tego modelu tylko 6 sztuk) */
#opis-dostepne-kolory ul.podzielone { float:left; width:460px; border-right: 1px #EB2B27 solid;  padding-right:10px; }
ul#dostepne-kolory.podzielone2 {  margin-left:10px; width:220px; float:left;  }

ul#dostepne-kolory li { float:left; margin-right:8px; margin-bottom:8px; }
ul#dostepne-kolory li img {border:1px #f2f2f2 solid;}

#produkt .zawartosc #polecamy-rozniez.tlo-szare {background-color: #FFFFFF; }
#polecamy-rozniez {padding-right:0px; }
#polecamy-rozniez.produkt-boksy { width: auto; float:none}
#polecamy-rozniez.produkt-boksy li { margin:0px 5px 10px 5px; width:164px; }
/* nowe dla Polecamy na samym dole sztuk 6 */
#polecamy-rozniez.produkt-boksy li { margin:0px 5px 10px 5px; width:150px; }
#polecamy-rozniez.produkt-boksy.tlo-szare {margin:0px 10px; padding:5px 0px 5px 5px;}
/* nowe dla Polecamy na samym dole sztuk 5 */
#polecamy-rozniez.produkt-boksy li { margin:0px 5px 10px 5px; width:177px; }

/* _______________________________________________________________ PREZENTACJA - KOMENTARZE*/
#komentarze-oceny { font-size:12px; line-height:1.2em; margin-bottom:20px; }
#produkt .zawartosc #komentarze-oceny  .podkreslenie-red { margin-bottom:20px; }
.komentarz-kto-ocena { font-size:14px; line-height:1.2em; margin-bottom:1em;  }
.komentarz-kto-ocena em { font-size:11px; line-height:1.2em; color:#666; font-style:normal}
.komentarz-kto-ocena strong {color:#EB2B27}
.komentarz-zdjecie { float: right; margin-left:20px;}
.komentarz-tresc {}
.komentarz-rozmiarowka { font-size:11px; line-height:1.2em; color:#666 }

.komentarz-kto-ocena ul { float:right; font-size:11px; line-height:1.2em; color:#666 }
.komentarz-kto-ocena ul li { float: left; text-align:center; margin-left:20px; }
.komentarz-kto-ocena .gwiazdki 		{ display: block; width:50px; height:10px; margin-bottom:0.5em;  overflow:hidden; background:url(../img/produkt/gwiazdki.gif)}
.komentarz-kto-ocena .gwiazdki.g1 	{ background-position:0px 50px}
.komentarz-kto-ocena .gwiazdki.g2 	{ background-position:0px 40px}
.komentarz-kto-ocena .gwiazdki.g3 	{ background-position:0px 30px}
.komentarz-kto-ocena .gwiazdki.g4 	{ background-position:0px 20px}
.komentarz-kto-ocena .gwiazdki.g5 	{ background-position:0px 10px}
.komentarz-kto-ocena .gwiazdki.g0 	{ background-position:0px 0px}