@CHARSET "UTF-8";

body {background-color:#f9f9f9; margin:0; padding:0; font-size:9pt; font-family:"Trebuchet MS", sans-serif; color:#000;}

input {color:#000; vertical-align:middle;}
td {vertical-align:top;}
table {border-collapse:collapse; border-spacing:0pt;}
img {border:none;}
img.rt {float:right;margin-left:10px;margin-bottom:10px;margin-top:5px;clear:right;}
img.lt {float:left;margin-right:10px;margin-bottom:10px;margin-top:5px}
.imlist div {float:left;}
.imlist div img {margin-left:10px;}
.errorBox, .err {background-color:#e60005; color:yellow; padding:10px;}

#wrap {width:770px; margin:0 auto; background:url("bg/bg.png") repeat-y 0 0;}

#logo {width:770px; height:202px; background:url("bg/logo.jpg") no-repeat; position:relative;}
#logo h1 {margin:0}
#logo h1 a {width:220px; height:95px; top:30px; right:20px; display:block; position:absolute;}
#logo h1 a:hover {border-top:2px solid #DC1E02; border-bottom:2px solid #DC1E02;}
#logo span {display:none;}
#logo .icons {background:url("btn/icons.png") no-repeat right 0; text-align:right; height:39px; line-height:39px; position:absolute; top:150px; right:30px;}
#logo .icons a {color:#003e7d; text-decoration:none; margin:0; display:inline-block; height:39px; width:39px;}
#logo .icons a:hover {background:url("btn/selector.png") no-repeat 3px top;}
* html #logo .icons a:hover {background-image:url("btn/selector.gif");}
#logo .icons b {width:116px; text-align:left; float:left; line-height:56px; font-size:1.12em;}
#logo .icons b em {font-weight:normal; font-style:normal;}


#vmenu {float:left; width:212px;}
#vmenu ul {margin:0; padding:0;}
#vmenu li {list-style:none; margin:0; text-align:right;}
#vmenu ul li {background:#223389 url("bg/ul-li.gif") no-repeat right 3px;}
#vmenu ul li ul {background-color:#223389;}
#vmenu li a {text-decoration:none; display:block; padding-right:40px; font-weight:bold; margin:0; border:none; width:172px; color:#fff; font:bold 11px/16px Arial, Helvetica, sans-serif; padding-top:3px; padding-bottom:3px;}
#vmenu li a:hover {color:#6395c9;}
#vmenu li li a:hover {text-decoration:underline;}
#vmenu li.set a {color:#6395c9;/* filter:alpha(opacity=66); opacity:.66; color:#000;*/}
#vmenu li li {background:url("bg/ul-li-sub.gif") no-repeat 0 0;}
#vmenu li li a {padding-right:55px; text-decoration:none; font-weight:normal; font-size:100%; width:157px; color:#6395c9;}
#vmenu li li li {background-position:21px 3px;}
#vmenu li li li a {padding-left:34px; width:149px;}

#mid {float:right; width:528px; padding:0 15px 10px 15px;}
#mid a {color:#dc1e02; text-decoration:none;}
#mid a:hover {text-decoration:underline;}
#mid h1, #mid h2, #mid h3 {color:#6395c9;}
#mid h1 {font-size:1.5em; margin-bottom:.25em;}
#mid h2 {font-size:1.38em;}
#mid li {margin-bottom:5px;}
#mid li p {padding:0; margin:0;}
#mid .dB h3 {margin-bottom:0;}

#links .cash {float:right;}

#mid .item p {margin:0;}
#mid .item img {float:right;}
#mid .item a.cmd {float:right;}

#cash {padding:3px 10px 0 10px;}
#cash h3 {color:#223389; margin-bottom:0.2em;}
#cash h3 b {padding:1px 3px; display:inline-block; margin-top:5px;}
#cash p {padding:.2em .4em; margin:0;}
#cash p input.txt {width:155px;}
#cash p b.surname {width:93px;}
#cash p b b {display:inline;}
#cash p b.zip {width:50px;}
#cash p b {width:125px; text-align:right; display:inline-block; margin-right:3px;}
#cash p.x2 b {width:268px;}
#cash p #custtbef {width:40px;}
#cash p #custname, #cash p #custname2 {width:112px !important;}
#cash p #custstreet {width:210px;}
#cash p #company  {width:325px;}
#cash p #custtext {width:387px; height:100px; padding:3px;}
#cash p #custzip  {width:50px !important;}
#cash p #iconumber, #cash p #dicnumber  {width:70px !important;}
#cash textarea {width:388px; height:100px; margin-top:3px;}

#footer {width:100%; height:55px; clear:both; position:relative; background:url("bg/footer.gif") no-repeat; text-align:right;}
#footer div {position:absolute; bottom:8px; right:15px; background:url("../forcom-logo.png") no-repeat right 50%;}
#footer div a {line-height:17px; height:17px; text-decoration:none; display:inline-block; padding-right:53px; color:#fff;}
#footer div a img {display:none;}
#footer div a:hover {text-decoration:underline;}

button, a.cmd {overflow:visible; background-color:transparent; border:0; cursor:pointer; white-space:nowrap; vertical-align:middle; font-size:11px; text-decoration:none !important; color:#000 !important;}
button b {font-weight:normal;}
button b, button span, a.cmd, a.cmd span {display:inline-block !important; margin:0 !important; line-height:33px; height:33px; text-decoration:none;}
button b, a.cmd {background:url("btn/cmd-left.png") no-repeat; padding:0 0 0 8px;}
button span, a.cmd span {background:url("btn/cmd-value.png") no-repeat right 0; padding:0 8px 0 0;}
button:hover b, a.cmd:hover {background-position:0 -34px; color:#000;}
button:hover span, a.cmd:hover span  {background-position:right -34px;}
button:focus b, a.cmd:focus {background-position:0 -67px;}
button:focus span, a.cmd:focus span {background-position:right -67px;}


input, button, a.cmd {vertical-align:middle;}
button, a.cmd {cursor:pointer; color:#fff;}
button {overflow:visible;}
input.txt {padding:1px 2px;}

table {margin:0 auto 10px auto; vertical-align:middle; font-size:12px;}
table tbody td {text-align:center; padding:0em 0.6em; font-weight:normal; border:1px solid #ccc; height:auto; line-height:1.5em; white-space:nowrap; text-align:right; background-color:#dae4ee;}
table thead th {background-color:#6395c9; color:#fff;}
table th, td {padding:.2em .5em;}

table td {border-top:1px solid #eee; text-align:left; line-height:19px;}

#modif h4 {margin:0; text-align:center; color:#dc1e02;}

#sum {height:25px}
#sum .price {position:absolute; width:306px; margin-left:333px; text-align:center; margin-top:-10px; line-height:16px;}
#sum .price .actual, #mid #sum .price .action {padding:13px 10px; border:1px solid #dcdee0; display:inline-block;}
#sum .price .actual {background:#fee url("bg_price_actual.png") repeat-x 0 0; color:#444;}
#sum .price .actual b {color:#d70003;}
#sum .price .action {background:#d70003 url("bg_price_action.png") repeat-x 0 0; color:#622;}
#sum .price .action b {background-color:#d70003; color:#eee; margin-left:5px; padding:13px 5px 13px 1px;}
#sum .price .old {color:#444; display:inline-block; margin-left:0; padding:7px 6px; background-color:#eee;}
#sum .price .old b {color:#d70003;}

ul#summ {list-style-type:none; margin:-21px 0 0 300px; padding:0px; display:none; float:right; width:208px; clear:left; position:absolute; border:1px solid #ddd; background-color:#f0f0f0;}
ul#summ li {line-height:20px; margin-bottom:0;}
ul#summ li.line {border-bottom:1px solid #e3e3e3;}
ul#summ li.total {border-top:1px solid #aaa; background-color:#dae4ee; line-height:24px;}
ul#summ li.total #total {color:black;}
ul#summ .title {display:block; float:left; width:110px; text-align:right; border-right:1px solid #ccc; padding-right:5px;}
ul#summ .value {display:block; float:right; width:auto; text-align:right; padding-right:5px; font-weight:bold; color:#dc1e02;}

form.basket input.txt, body.kosik .item input.txt {width:22px; text-align:center;}

#arrow b {color:#000;}

.arts {clear:both;}
.arts .r1, .arts .r0 {width:244px; text-align:center; padding:0 10px; float:left;}
.arts .pic img {border:1px solid #d1dfef; padding:3px;}
.arts .pic a:hover img {border:1px solid #dc1e02;}
.arts h2 {margin-bottom:.2em; font-size:1.3em !important; margin-top:1em;}
.arts .pic {line-height:0;}
.arts .prx {text-align:left; padding: 3px 10px;}
.arts .val {font-size:1.2em; padding-bottom:5px; color:#238; background:url("bg/val.png") no-repeat 50% bottom;}

#gallery .mini a, #gallery-mini em {float:right;}
#gallery .full {width:440px; float:left; text-align:center; margin:0 15px 10px 0; min-height:200px;}
#gallery .full h5.title {margin:0 0 2px 0; padding:3px 10px;}
#gallery .mini a:active {-moz-outline-style:none; outline: none;}
#gallery .mini span {margin-bottom:5px;}

#gallery .mini span {background-position:50% 50%; background-repeat:no-repeat; background-color:white; float:left; margin-right:5px; width:169px; border:1px solid #e0e0e0;}
#gallery .mini span {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#gallery .mini span a, #gallery .mini span em {-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
#gallery .mini span a, #gallery .mini span em {width:163px; height:163px; border:3px solid #fff; display:block; float:left;}
#gallery .mini span a:hover {border:3px solid #d70003; width:163px; height:163px;}
#gallery .mini span a img {display:none;}
#gallery .mini b {display:none;}


#comment {position:absolute; top:196px;}

#uEdy p {width:250px; vertical-align:middle; line-height:25px; height:25px; white-space:nowrap; margin:0;}
#uEdy p b {float:left; clear:right; color:#000; font-weight:normal;}
#uEdy p.check input{float:left;width:15px;margin-right:5px;margin-top:5px;}
#uEdy p.check span{float:none; width:300px;}
#uEdy #logName, #oldPass, #logPass, #logEmail {margin:2px; float:right;}
#uEdy #logName {width:110px;}
#uEdy #oldPass {width:135px;}
#uEdy #logPass {width:155px;}
#uEdy #logEmail {width:180px;}
#uEdy {margin-bottom:10px;}

input.txt, textarea {background-color:#dae4ee; -moz-border-radius:3px; border-width:1px;}

#lightbox-caption-title i {display:none;}
#lightbox-caption-title {font-weight:normal !important; color:#fff !important;}