/* polecenie produktu znajomemu */
/* oraz pisanie recenzji */

.pp div.a {
font-size: 14px;
border-bottom: 1px solid #ccc;
margin: 0 0 15px 0;
}

.pp div.a img {
float: left;
margin: 0 10px 15px 0;
}

.pp div.b input {
margin: 10px 0;
width: 210px;
}

.pp div.c {
width: 210px;
}

.pp div.c a {
float: left;
margin: 17px 0 0 0;
}

.pp div.c img {
float: right;
}

/* recenzja */

.pp h3 {
font-size: 14px;
}

.pp div.d {
width: 60px;
text-align: right;
float: left;
margin: 0 10px 15px 0;
text-transform: uppercase;
padding: 4px 0 0 0;
}

.pp div.e {
margin: 0 0 15px 0;
}

.pp textarea {
margin: 15px 0 0 0;
width: 620px;
height: 240px;
}

.pp div.f h3 {
float: left;
font-size: 14px;
}

.pp div.f select {
float: left;
margin: 5px 10px 0 10px;
width: 40px;
}

.pp div.f img {
float: left;
margin: 7px 5px 0 0;
}


/* logowanie do sklepu */


.log div.a {
width: 820px;
margin: 0 0 15px 0;
font-size: 13px;
}

.log .box4 {
width: 350px;
height: 115px;
border: 1px solid #ccc;
padding: 10px;
}

.log .box4 h3 {
font-size: 15px;
margin: 0 0 15px 0;
}

.log .box4 img {
margin: 15px 0 15px 0;
}


.log .box4 {
border-top: 4px solid #33cc00;
margin: 0 12px 0 0;
}

.log .box4 div.a,
.log .box4 div.c {
float: left;
width: 40px;
font-size: 11px;
margin: 0 0 15px 0;
padding: 3px 0 0 0;
}

.log .box4 div.c {
padding: 8px 0 0 0;
}

.log .box4 div.b,
.log .box4 div.d {
float: left;
width: 130px;
}

.log .box4 div.d {
padding: 5px 0 0 0;
}

.log .box4 div.b input,
.log .box4 div.d input {
width: 115px;
}


.log .box4 div.e {
float: left;
}

.log .box4 div.e img {
margin: 0;
}

.log .box2 {
width: 370px;
height: 115px;
}

.log .box2 h3 {
margin: 0;
}

/* szukanie zaawansowane */

.sz h3 {
font-size: 15px;
margin: 0 0 15px 0;
}

.sz div.a {
text-align: right;
margin: 3px 15px 15px 0;
float: left;
width: 150px;
}

.sz div.b {
margin: 0 0 15px 0;
}

.sz div.c {
margin: 0 0 15px 0;
}

.sz div.e {
margin: 0 0 20px 0;
}

.sz input {
width: 160px;
}

.sz input.i1 {
width: 50px;
margin: 0 10px 0 0;
}

.sz input.i2,
.sz input.i3 {
width: 20px;
margin: 0;
border: 0;
}

.sz input.i3 {
margin: 0 0 0 20px;
}

.sz select {
width: 160px;
}

.sz select.s1 {
width: 50px;
}

/* pomoc, koszty dostawy, pomoc2 */

.pom p {
margin: 0 0 15px 0;
font-size: 14px;
width: 510px;
}

.pom table {
border: none;
border-collapse: collapse;
margin: 0 0 15px 0;
font-size: 14px;
}

.pom table td {
border: 1px solid #ccc;
vertical-align: top;
padding: 5px;
}

.pom table td.a {
width: 400px;
}

.pom table td.b {
width: 100px;
}

.pom ol {
margin: 0 0 40px 20px;
font-size: 14px;
}

/* moje konto */

.mk div.a {
font-size: 14px;
margin: 0 40px 15px 0;
padding: 0 40px 0 0;
border-right: 1px solid #ccc;
float: left;
}

.mk div.b {
font-size: 14px;
}

.mk .box5 {
width: 350px;
height: auto;
border: 1px solid #ccc;
float: none;
padding: 15px;
margin: 0 10px 15px 0;
}

.mk .box5 h3 {
font-size: 15px;
font-weight: bold;
margin: 0 0 20px 0;
}

.mk .box5 ul {
margin: 0 0 0 15px;
}

.mk .box5 ul li {
margin: 0 0 3px 0;
}

/* rejestracja */ 

.reg div.a {
float: left;
width: 450px;
font-size: 14px;
}

.reg div.b {
float: right;
width: 450px;
}

.reg div.a div.f {
font-weight: bold;
margin: 0 0 15px 0;
}

/* form */

.reg div.a div.c {
clear: both;
margin: 0 0 10px 0;
}

.reg div.a div.c div.d {
text-transform: uppercase;
float: left;
margin: 2px 15px 0 0;
width: 100px;
text-align: right;
}

.reg div.a div.c div.i {
float: left;
margin: 0 15px 0 0;
width: 140px;
}

.reg div.a div.h {
float: left;
color: #ea0303;
width: 140px;
padding: 2px 0 0 0;
}

.reg div.a div.e {
margin: 20px 0;
}

.reg div.a input.i1 {
border: 0;
}

.reg div.a input.i2 {
width: 50px;
}

.reg div.a input.error {
border-top: 4px solid #ea0303;
}

.reg div.b div.g {
border-bottom: 1px solid #ccc;
margin: 0 0 15px 0;
padding: 0 0 15px 0;
}

.reg div.b div.g img {
float: left;
margin: 0 15px 0 0;
}

.reg div.b p {
margin: 0 0 10px 0;
}

.reg div.b div.g p {
padding: 5px 0 0 0;
}

/* zamowienia */

.zam div.a {
font-size: 14px;
border-top: 1px solid #333;
background: #f1f1f1;
padding: 10px 5px;
width: 100%;
}

.zam div.a span {
font-weight: bold;
}

.zam div.b {
float: left;
width: 275px;
margin: 0 10px 0 0;
}

.zam div.c {
float: left;
width: 365px;
margin: 0 10px 0 0;
}


.zam div.d {
float: left;
width: 215px;
}


.zam div.d {
float: left;
width: 215px;
}


.zam ul {
list-style: none;
background: url('images/b_2.gif') no-repeat;
background-position: center top;
border-top: 1px solid #333;
font-size: 14px;
margin: 0 0 20px 0;
width: 945px;
}

.zam ul li {
clear: both;
padding: 20px 5px 20px 5px;
border-bottom: 1px solid #dbdbdb;
width: 100%;
margin: 0;
}

.zam ul li div.e {
float: left;
width: 275px;
margin: 0 10px 0 0;
}

.zam ul li div.e div.h {
font-size: 25px;
color: #ccc;
float: left;
margin: 0 10px 0 0;
}

.zam ul li div.e img {
float: left;

}

.zam ul li div.e h3 {
font-size: 17px;
margin: 0 0 0 93px;
}

.zam ul li div.e p {
float: right;
width: 182px;
}

.zam ul li div.f {
float: left;
width: 365px;
margin: 0 10px 0 0;
text-align: center;
}

.zam ul li div.g {
float: left;
width: 140px;
}

.zam ul li div.g ul {
list-style:none;
padding: 0;
margin: 0;
border: none;
background: none;
width: 140px;
}

.zam ul li div.g ul li {
padding: 0;
margin: 5px 0;
border: none;
width: 140px;
}

.zam ul li.dostawa div.i {
width: 83px;
font-size: 20px;
color: #ccc;
float: left;
margin: 0 10px 0 0;
}

.zam ul li.dostawa div.j {
float: left;
width: 568px;
}

.zam ul li.dostawa div.k {
float: left;
width: 200px;
}

/* sr - search result - wyniki wyszukiwania */

.sr div.a {
font-size: 14px;
}

.sr div.b {
float: right;
}

.sr ul.pager {
margin-right: 0;
}

.sr ul.b {
margin: 10px 0;
border-bottom: 1px solid #333;
border-top: 1px solid #333;
list-style: none;
}

.sr ul.b li {
padding: 15px 0 15px 0;
border-bottom: 1px solid #dbdbdb;
}

.sr ul.b li div.c {
width: 800px;
margin: 0 10px 0 0;
font-size: 14px;
}

.sr ul.b li div.c h3 {
font-size: 17px;
}

.sr ul.b li div.c p.p1 {
color: #666;
}

.sr ul.b li div.c div.d {
width: 25px;
font-size: 20px;
color: #ccc;
float: left;
margin: 0 10px 0 0;
}

.sr ul.b li div.c img {
float: left;
margin: 0 15px 0 0;
}

.sr ul.b li div.f {
float: right;
}

/* wyniki wyszukiwania, pozycja foto */

.sr ul.b li.f div.c {
width: 800px;
}

.sr ul.b li.f div.c h3,
.sr ul.b li.f div.c p.p1,
.sr ul.b li.f div.c p.p2 {
margin: 0 0 0 250px;
}


/* koszyk */

img.img1 {
float: left;
margin: 0 10px 0 0;
}

/* koszyk - formularz */

.kosz div.c {
float: left;
}

.kosz div.c div div.d {
text-align: right;
width: 100px;
font-size: 14px;
float: left;
text-transform: uppercase;
margin: 3px 10px 0 0;
}

.kosz div.c div {
clear: both;
margin: 0 0 10px 0;
}

.kosz div.b {
float: right;
width: 400px;
}

.kosz div.b img {
float: left;
margin: 0 10px 0 0;
}

.kosz div.a {
line-height: 18px;
}

.kosz div.b p {
margin: 5px 0 0 0;
}

.kosz div.a {
margin: 20px 0 0 0;
}

.kosz div.a input {
border: none;
float: left;
margin: 0 5px 10px 0;
}

.kosz div.info3 {
padding: 10px;
border: 1px solid #81ba31;
color: #81ba31;
font-size: 14px;
text-align: center;
margin: 20px 0;
}

/* koszyk - lista produktow w koszyku */

.kosz ul {
list-style: none;
font-size: 14px;
margin: 0 0 20px 0;
width: 930px;
}

.kosz ul li {
clear: both;
padding: 20px 5px 20px 5px;
border-bottom: 1px solid #dbdbdb;
width: 100%;
margin: 0;
}

.kosz ul li div.e {
float: left;
width: 400px;
margin: 0 10px 0 0;
}

.kosz ul li div.e div.h {
font-size: 25px;
color: #ccc;
float: left;
margin: 0 10px 0 0;
}

.kosz ul li div.e img {
float: left;
}

.kosz ul li div.e h3 {
font-size: 17px;
margin: 0 0 0 94px;
}

.kosz ul li div.e p {
float: right;
width: 306px;
color: #666;
}

.kosz ul li div.f {
float: left;
width: 242px;
margin: 0 20px 0 0;

}

.kosz ul li div.f input {
width: 50px;
}

.kosz ul li div.g {
float: left;
width: 215px;
}

.kosz ul li div.g p {
margin: 0 0 5px 0;
}

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

/* li z razem, krok 1/3 */

.kosz ul li.razem {
border-top: 1px solid #333;
border-bottom: 1px solid #333;
}

.kosz ul li.razem div.i {
width: 83px;
font-size: 20px;
color: #ccc;
float: left;
margin: 5px 10px 0 0;
}

.kosz ul li.razem div.j {
float: left;
width: 315px;
font-size: 20px;
margin: 5px 0 0 0;
}

.kosz ul li.razem div.k {
float: left;
width: 265px;
font-size: 20px;
}

.kosz ul li.razem div.k span {
font-size: 25px;
}

.kosz ul li.razem div.k img {
margin: 10px 0 0 0;
}

.kosz ul li.razem div.l {
margin: 11px 0 0 0;
float: left;
width: 215px;
}

/* 2/3, boxy z wyborem platnosci i dostawy oraz 1/3 podsumowanie danych osobowych*/

.kosz div.box5 {
padding: 10px;
border: 1px solid #ccc;
float: left;
width: 500px;
margin: 0 10px 0 0;
font-size: 14px;
height: 120px;
}

.kosz div.box5 h3,
.kosz div.box6 h3 {
font-size: 18px;
margin: 0 0 15px 0;
}

.kosz div.box5 div.o {
float: left;
width: 300px;
}

.kosz div.box5 div.p {
float: left;
}

.kosz div.box5 div.o div,
.kosz div.box5 div.p div {
margin: 0 0 10px 0;
clear: both;
}

.kosz div.box5 div.o input,
.kosz div.box5 div.p input {
border: 0;
float: left;
margin: 0 10px 0 0;
}

.kosz div.box6 {
padding: 10px;
border: 1px solid #ccc;
float: left;
width: 381px;
font-size: 14px;
height: 120px;
}

.kosz div.box6 div {
margin: 0 0 10px 0;
clear: both;
}

.kosz div.box6 input {
border: 0;
float: left;
margin: 0 10px 0 0;
}

.kosz div.box7 {
padding: 10px;
border: 1px solid #ccc;
float: right;
width: 300px;
margin: 0 0 0 0;
font-size: 12px;
}

.kosz div.box7 h3 {
font-size: 18px;
margin: 0 0 15px 0;
}

.kosz div.box7 p {
margin: 0 0 5px 0;
}

/* li z podsumowaniem, summary, krok 2/3 */

.kosz ul li.summary {
border-top: 1px solid #333;
border-bottom: 1px solid #333;
background: #f2f2f2;
width: 100%;
}

.kosz ul li.summary div {
clear: both;
margin: 0 0 10px 0;
}

.kosz ul li.summary div.last {
margin: 0;
}

.kosz ul li.summary div div {
float: left;
width: 250px;
clear: none;
margin: 0;
}

.kosz ul li.summary .green {
color: #81ba31;
}

.kosz ul li.summary p {
font-size: 12px;
}

.kosz div.n {
float: left;
padding: 0 0 0 5px;
font-size: 20px;
font-weight: bold;
}

.kosz div.n div {
float: left;
width: 250px;
font-size: 14px;
margin: 5px 0 0 0;
}


.kosz div.m {
float: right;
width: 400px;
}

.kosz div.m a {
float: right;
margin: 8px 0 0 0;
}

.kosz div.m img {
float: right;
margin: 0 0 0 20px;
}

/* dodawanie nowego adresu lub wybieranie */

.nowy_adres div.box8 {
padding: 10px;
/*border: 1px solid #ccc;*/
width: 300px;
margin: 10px 0 10px 0;
font-size: 12px;
}

.nowy_adres div.box8 img {
float: right;
margin: 20px 0 0 0;
}

.nowy_adres div.box8 h3 {
font-size: 18px;
margin: 0 0 15px 0;
float: left;
}

.nowy_adres div.box8 p {
margin: 7px 0 5px 20px;
}

.nowy_adres div.c {
clear: both;
margin: 0 0 10px 0;
}

.nowy_adres div.c div.d {
text-transform: uppercase;
float: left;
margin: 2px 15px 0 0;
width: 150px;
text-align: right;
}

.nowy_adres div.c div.i {
float: left;
margin: 0 15px 0 0;
width: 140px;
}