/* nowe style ogolne i rozne */

.nb {
border: 0;
}

.con2 h2.s3 span.s1 {
float: right;
width: 400px;
}



/* nowe style dla rejestracji */

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

.reg div.h img {
float: left;
margin: 0 15px 0 5px;
}

.reg div.h p {
padding: 0 0 5px 70px;
}


.reg div.a {
width: 1000px;
}

.reg div.a span.i {
text-transform: uppercase;
margin: 0 10px 0 20px;
}

.reg div.a div.c input {
width: 150px;
}

.reg div.a div.c input.nb {
width: 20px;
}

.reg div.a div.c span.nb input {
width: 20px;
}


.reg div.a div.c input.shrt1 {
width: 75px;
}

.reg div.a div.c span.err {
color: #cc0000;
text-transform: uppercase;
}

.reg div.a div.c div.d {
width: 150px;
}

.reg div.a div.c p {
margin: 5px 0 0 165px;
color: #cc0000;
}

.reg div.a div.e {
padding: 10px;
width: 500px;
}

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

.reg div.a div.e div p.regulations { margin: 0; display:block; max-height:120px; min-height:50px; overflow-y: auto; background-color:#e5e5e5; border:5px solid #e5e5e5; font-size:11px; margin-top: 10px; }

.reg div.a div.g {
margin: 130px 0 0 220px;
}

.reg div.a div.c div.i {
float:left;
margin:0 15px 0 0;
width: auto;
text-transform: uppercase;
}

.reg div.a div.c div.j {
width: 170px; 
float: left;
margin: 0 0 3px 0;
}

.reg div.a div.c div.j input {
float: left;
margin-bottom: 3px;
}

.reg div.a div.c div.k {
margin: 3px 0 0 166px;
}

.reg div.a div.c img {
float: left;
margin: 0 5px 0 0;
}



















/* podkategoria w lewym menu */

.kat ul li.lisc {
background: url("images/podkategoria.gif") 5px 6px no-repeat;
padding: 0 0 0 18px;
}









/* infor */

div.infor1, 
div.infor2,
div.infor3 {
margin: 20px 0 15px 0;
padding: 0 0 10px 0;
font-size: 15px;
}

div.infor2, 
div.infor3 {
margin-left: auto;
margin-right: auto;
width: 700px;
text-align: center;
}

div.infor1 img,
div.infor2 img,
div.infor3 img {
float: left;
margin: 0 15px 0 5px;
}

div.infor1 p {
padding: 0 0 15px 60px;
}

div.infor1 div.a {
border-top: 1px solid #ccc;
padding: 15px 0 0 0;
margin: 0 0 0 60px;
font-style: italic;
font-size: 13px;
}

div.infor1 div.a p {
padding: 0;
line-height: 17px;
}

div.infor2 {
border: 1px solid #008000;
color: #008000;
padding: 10px;
}

div.infor2 p {
padding: 5px 0 5px 60px;
}

div.infor2 img {
margin: 0 0 0 10px;
}

div.infor3 {
border: 1px solid #ff0000;
color: #ff0000;
padding: 10px;
}

div.infor3 p {
padding: 3px 0 3px 60px;
}




/* logowanie - error */

.log div.error {
border: 2px solid #cc0000;
padding: 20px;
margin: 0 0 10px 0;
color: #cc0000;
font-weight: bold;
width: 330px;
}

.log div.error img {
float: left;
}

.log div.error p {
margin: 0 0 2px 60px;
}

.log div.error ul {
margin: 0 0 0 80px;
}





/* dodatek do przedstopki */

.con2 div.info2 p {
margin: 0 0 10px 0;
}



/* dodawanie nowego adresu */

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

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

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

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

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

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

.newaddress div.a span.i {
text-transform: uppercase;
margin: 0 10px 0 20px;
}

.newaddress input.shrt1 {
width: 75px;
}

.newaddress div.a {
width: 450px;
float: left;
}

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

.newaddress div.b div.e {
border: 1px solid #cccccc;
padding: 10px;
width: 200px;
float: left;
margin: 0 10px 20px 0;
}

.newaddress div.b div.e div.f {
float: left;
}

.newaddress div.b div.e p {
margin: 0 0 5px 20px;
}

/* style do nowego wygladu zamowienia */

.zam ul li div.f span {
margin: 0 20px 0 0;
}

.zam ul li.dostawa div.i {
color: #000;
width: 150px;
font-size: 20px;
float: left;
margin: 0 280px 0 0;
}

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

.zam div.l {
border: 1px solid #cccccc;
padding: 10px;
width: 200px;
margin: 0 10px 20px 0;
font-size: 15px;
}

.zam div.l p {
margin: 0 0 5px 0;
}




/* nowe moje konto */

.mk {
float: left;
}

.mk .box5 {
height: auto;
float: none;
}



/* nowy koszyk */

.kosz div.box9 p {
height: 21px;
}

.kosz ul li.l {
border: 0;
}

.kosz ul li.l div.a,
.kosz div.t {
border: 1px solid #cccccc;
padding: 10px;
width: 200px;
margin: 0 20px 10px 0;
font-size: 15px;
float: left;
}

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

.kosz h3 {
font-size: 20px;
margin: 30px 0 0 0;
}

.kosz h3 span {
margin: 0;
color: #008000;
}

.kosz ul li.razem {
background: #f2f2f2;
}

.kosz ul li.razem div.i {
color: #000;
}

.kosz ul li.acceptances-basket { }
.kosz ul li.acceptances-basket div { overflow:hidden; margin:10px 0 10px 0; }
.kosz ul li.acceptances-basket div input[type=checkbox] { float:left; margin: 2px 10px 2px 2px; }
.kosz ul li.acceptances-basket div p { float:left; }
.kosz ul li.acceptances-basket div p.error { color:Red; margin-left:30px; }
.kosz ul li.acceptances-basket div p.regulation { margin: 0 0 0 25px; display:block; width:560px; max-height: 85px; overflow-y: auto; background-color:#e5e5e5; font-size:11px; border:5px solid #e5e5e5; }


/* lista bestsellerow */

.lis1 div.a {
padding: 0 15px;
font-size: 15px;
margin: 0 0 25px 0;
}

.lis1 div.a select {
margin: 0 0 0 5px;
}

.lis1 {
width: 562px;
float: left;
}

.lis1 .lis div.a2 {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px dashed #ccc;
height: 45px;
}

.lis1 .lis div.a2 h3 {
float: left;
border-top: 3px solid #c00;
margin: 0 0 0 13px;
padding: 5px 0;
font-size: 14px;
font-weight: bold;
display: inline;
font-family: Arial, Georgia, sans-serif;
font-size: 25px;
}

.lis1 .lis div.a2 h3 span {
border-top: 3px solid #fff;
padding: 5px 0;
}

.lis1 .lis ul.b {
list-style: none;
background: url('images/b_3.gif') no-repeat;
padding: 0 13px 0 13px;
}

.lis1 .lis ul.b li {
border-bottom: 1px dashed #ccc;
padding: 13px 0 20px 0;
}

.lis1 .lis ul.b li img.thumb {
float: left;
margin: 0 10px 0 0;
}

.lis1 .lis ul.b li div.c {
float: right;
width: 380px;
}

.lis1 .lis ul.b li h4 {
width: 380px;
}

.lis1 .lis ul.b li h4 span {
font-size: 16px;
padding: 0 0 3px 0;
border-bottom: 1px dashed #c00;
float: left;
}

.lis1 .lis ul.b li p.p1 {
margin: 10px 0 0 0;
float: right;
width: 383px;
}

.lis1 .lis ul.b li div.b {
float: right;
text-align: right;
width: 350px;
margin: 10px 0 0 0;
}

.lis1 .lis ul.b li div.b img {
float: right;
margin: 0 0 0 10px;
}

.lis1 .lis ul.b li div.b p.p2 {
padding: 10px 0 0 0;
}

.lis1 .lis ul.b li div a:link {color:#c00; }
.lis1 .lis ul.b li div a:active {color:#c00; }
.lis1 .lis ul.b li div a:hover {color:#c00; }
.lis1 .lis ul.b li div a:visited {color:#c00; }

.lis1 .lis ul.b li div.d {
margin: 0 15px 0 0;
float: left;
font-size: 35px;
font-family: Arial, Georgia, sans-serif;
color: #999;
}

.lis1 .lis ul.b li.e {
font-size: 20px;
font-family: Arial, Georgia, sans-serif;
border: 0;
margin: 0;
padding: 10px 0 0 0;
font-weight: bold;
}

/* lista bestsellerow, pozycja foto */

.lis1 .lis ul.b li.f div.c,
.lis1 .lis ul.b li.f h4,
.lis1 .lis ul.b li.f p.p1,
.lis1 .lis ul.b li.f div.b {
width: 275px;
}




/* lista 2 */

.lis2 {
width: 562px;
float: left;
}

.lis2 div.a {
padding: 0 15px;
font-size: 15px;
margin: 0 0 25px 0;
}

.lis2 div.a select {
margin: 0 0 0 5px;
}

.lis2 div.a2 {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px dashed #ccc;
height: 45px;
}

.lis2 div.a2 h3 {
float: left;
border-top: 3px solid #c00;
margin: 0 0 0 13px;
padding: 5px 0;
font-size: 14px;
font-weight: bold;
display: inline;
font-family: Arial, Georgia, sans-serif;
font-size: 25px;
}

.lis2 div.a2 h3 span {
border-top: 3px solid #fff;
padding: 5px 0;
}

.lis2 div.lis {
background: url('images/b_3.gif') no-repeat;
padding: 15px;
}

.lis2 div.lis h3 {
font-family: Arial, Georgia, sans-serif;
font-size: 20px;
font-weight: bold;
clear: both;
margin: 0 0 15px 0;
}

.lis2 div.lis ul {
margin: 0 0 0 30px;
}

.lis2 div.lis ul li {
font-size: 15px;
float: left;
width: 250px;
}

.lis2 div.lis ul li.a {
margin: 0 0 15px 0;
}



/* popup */

.popup {
margin: 20px auto 0 auto;
text-align: left;
background: url('images/popup.gif') no-repeat;
width: 515px;
border-bottom: 1px solid #cccccc;
}

.popup div.a {
font-size: 25px;
padding: 20px 20px 0 20px;
}

.popup div.b {
padding: 0 20px 10px 20px;
}

.popup p {
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
width: 473px;
padding: 0 20px 10px 20px;
}

.popup div.c {
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
overflow: scroll;
height: 200px;
}

.popup div.c p {
border: none;
width: 453px;
}






/* napisz wlasna recenzje */

.nwr {
font-size: 14px;
}

.nwr div.a {
border-bottom: 1px solid #cccccc;
padding: 0 0 20px 0;
margin: 0 0 20px 0;
}

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

.nwr div.a a:link {color:#c00; }
.nwr div.a a:active {color:#c00; }
.nwr div.a a:hover {color:#c00; }
.nwr div.a a:visited {color:#c00; }

.nwr div.b {
margin: 10px 0;
}

.nwr textarea {
width: 650px;
height: 250px;
margin: 0 0 10px 0;
border: 1px solid #7f9db9;
}

a:hover { opacity: 0.7; }
a img:hover {opacity: 0.7 }

#layer { background-color: black; z-index: 999; top: 0; left: 0; width: 100%; height: 100%; position: fixed; display: none; opacity:0.7; z-index: 130; } /* menu górne ma z-index 111 */

.regulations-popup { display:none; width:600px; position:absolute; left:200px; top: 200px; background-color:White; border: 3px solid black; border-radius: 10px; box-shadow: 0px 0px 10px black; z-index:140; }
.regulations-popup h2 { display:block; margin: 15px 15px 0px 15px; background-color: rgb(218,6,6); font-size: 28px; color:White; padding: 10px 15px 10px 15px; font-weight:bold; }
.regulations-popup p.regulation { margin: 15px 15px 0px 15px; display:block; width:560px; max-height: 350px; overflow-y: auto; background-color:#e5e5e5; font-size:11px; border:5px solid #e5e5e5; }
.regulations-popup p { display:block; margin:15px 15px 0px 15px; }
.regulations-popup a { display:block; width: 116px; height: 31px; background-color: #e5e5e5; border-radius: 5px; margin: 15px; }
.regulations-popup a.accept { float:left; background: transparent url(../images/akceptuj.png); }
.regulations-popup a.decline { float:right; background: transparent url(../images/wyloguj.png); }

div.upanel { display:none; position:absolute; z-index:150; background-color:rgba(255,255,255,0.65); }
div.upanel img { position:relative; top:42%; left:50%; }