html { background: #fbf6e6 /* #2eb4d6 */ url('/design/header-bottom.png') no-repeat 50% 152px; margin:0; padding:0; height:100%; border:none; text-align: center; margin: 0px auto; }
body {
color: #000;
text-align: center;
margin: 0px auto;
padding: 0px 0px 0px 1px;
border: none;
/*font-size: 62.5%;*/
font-size: 10pt;
overflow:auto;
overflow-y:scroll;
_overflow-y:hidden;
_overflow:hidden;
/*_height:100%;*/
}
*{
font-family: "Trebuchet MS", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
margin:0; padding:0;
/* -moz-user-select:none;*/
}
a { color: #d51a1a; }
.t { color: #c80000; }
img, a img { border: none; }
p#h { width:444px; height:152px; position: absolute; top:0px; left:0px; background: url('/design/header-left.jpg') no-repeat 50% 0px; }
p#h a { display: block; width: 370px; height: 90px; font-size:0; position: relative; top:30px; left:35px; line-height:0; text-indent:-9999px;}
.moc, body, #main { margin: 0 auto; }
#main { background: url('/design/header-right.png') no-repeat 444px 0px; width: 1000px; text-align:left; padding-top: 180px; position: relative; }
.fl,#leftPanel,#content { float: left; }
.fr { float: right; }
.cb, #footer, br { clear: both; }
select, option { padding: 1px 3px; }
#footer { background: url('/design/footer.png') no-repeat 0px bottom; _background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/design/footer.png", sizingMethod="scale"); width:1000px; height: 100px; color: #fff; line-height: 3em; text-align: center; vertical-align: bottom; padding-top:25px; _padding-top:5px; margin:0px auto; }
#footer p { color: #fff4c1; width:95%; margin:7px auto; font-size: 10px; text-align:justify; line-height: 1.5em; letter-spacing:0px; }
#footer p:hover, #footer a { color: #fdbf3e; }
#footer a { color:#fbf6e6; text-decoration:none; z-index:1; position:relative; }
#footer a:hover { color: #fff4c1; }
label, .hand, #loginClick, .item .add, .item .book, #Kosik .OKk, #Kosik .OKkl, #backo, #checko, #ordero,#ucet_menu li a { cursor: hand; cursor: pointer; }
.mid { vertical-align: middle; }
.pad { padding:5px; }
.mar { margin:5px; }
.mar15 { margin:15px; }
.mar30 { margin:30px; }
h1 { color: green; }
.link { color: #d20000; }
.linkflip { color:#c12dbf; }
.link:hover, .linkflip:hover{ color: #af326c; }
.disabled, *[disabled] { opacity:.50; filter: alpha(opacity=50); -moz-opacity: 0.5; }
.smlr { font-size: small; }
.cent, .c { text-align:center; margin:0px auto; }
.r { text-align:right; }
.l { text-align:left; }
.j { text-align:justify; }
input[type="text"], input[type="password"], textarea, select { color: #777; background: #fff; border: 1px solid #a5acb2; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding:1px; }
input:focus, textarea:focus { color: #000; }
input[type="text"], input[type="password"] { padding-right: 18px; }
input[type="text"].antispam { width:85px; font-size:26px; font-family: "Consolas", "Trebuchet MS"; color: #e79242; padding:0px; letter-spacing:1px; padding: 5px; }
.pop { width:200px; vertical-align: middle; text-align: right; padding-right:5px; }
.sk, .cz, .zena, .muz { background: #fff url('/flags/sk.png') 4px 50% no-repeat; padding: 1px 3px; padding-left: 22px; vertical-align:middle; line-height:18px; border:none; border: 1px solid #a5acb2; }
.cz { background-image: url('/flags/cz.png'); }
.zena, .muz { background-image: url('/design/female.png'); padding:1px 3px; padding-left: 22px; }
.muz { background-image: url('/design/male.png'); }
option.sk, option.cz, option.zena, option.muz { border: none; padding-left: 26px; }
#user form#loginForm { background: url('/design/loginform_bg.png') no-repeat; _background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/design/loginform_bg.png", sizingMethod="scale"); text-align: right; width: 160px; overflow:hidden; margin:0px; padding:3px 0 0 0; height:0px; clear: both; display:none; }
#user form#loginForm input, .rel, #ucet_menu li a { position: relative; z-index: 1; }
#user form#loginForm.pr *, #ucet_menu li a { _position:relative; }
#user form#loginForm p { margin: 2px; color:#444; }
#ucet_menu li strong, #ucet_menu li a, #user a.logout, #userName { background: url('/design/submenu.png') 0px -17px no-repeat; _background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/design/submenu.png", sizingMethod="crop"); display: block; width: 130px; color: #444; height: 17px; text-align:left; padding-left: 30px; }
#ucet_menu li a { background: url('/design/submenu.png') no-repeat; }
#ucet_menu li a:hover { background-position: 0px -17px; }
#content { width: 780px; margin-left:15px; }
#leftPanel { width: 200px; }
#menu { margin-bottom:15px; }
#menu, #menu li, #user ul { list-style:none; }
#menu li { margin: 1px 0 0 0; padding:0; }
#menu li a { background: url('/design/menu4.png'); width: 160px; height:36px; display: block; padding-left: 33px; line-height: 36px; text-decoration:none; color:#fff; font-size: 16px; letter-spacing:-1px; vertical-align: middle;}
#menu li a:hover, #menu li a.a { background-position: 0px 36px; color: #ffe20f; }
#user { /* background: #ff00ff;*/ position: absolute; top:0px; right:0px; padding: 0px 1px; font-size:11px; color: #f2f2f2; }
#user input { font-size: 10px; vertical-align:middle; padding:0; margin:0; margin-bottom:1px; }
#user input[type="submit"] { font-size: 11px; letter-spacing:1px; }
#userName { background: url('/design/user.png') 0px 0px no-repeat; color: yellow; font-size:12px; font-weight:bold; }
#user a.logout, #user a.logout:hover { background-image: url('/design/logout.png'); color: #a10000; background-position: 0px 0px; font-weight: bold; font-size: 12px; letter-spacing: 1px; text-transform:uppercase; }
#user a.logout:hover { background-position: 0px -17px; }
#user ul, #user a { color: #fbf6e6; text-align: right; text-decoration:none; }
#user strong { color: #000; }
.loginDown, .loginUp { background: url('/design/login_button.png') 0px -17px no-repeat; display:block; width:160px; height:17px; text-align:center; }
.loginDown:hover { background-position: 0px -51px; }
.loginUp { background-position: 0px 0px; }
.loginUp:hover { background-position: 0px -34px; }
.error, .ok, .ok_n, .info { width: 80%; background: #e31b3c url('/images/ico-error.png') no-repeat 10px 50%; color: #fff; font-weight: bold; letter-spacing: 1px; padding: 5px 5px 5px 35px; margin: 0px auto; text-decoration: blink; -moz-border-radius: 5px; -webkit-border-radius:5px; border: 1px solid #e31b3c; }
.ok, .ok_n { background: #6faf22 url('/images/ico-ok.png') no-repeat 10px 50%; border: 1px solid #6faf22; }
.ok_n { background-image:none; text-decoration:none; font-weight:normal;}
.info { background: #f5bb61 url('/images/ico-info.png') no-repeat 10px 50%; border: 1px solid #f5bb61; }
fieldset { border: 1px solid #6f9e10; -moz-border-radius: 5px; -webkit-border-radius:5px; padding: 15px; }
legend { width: 90%; padding: 1px 5px; color: #cb1818; font-weight: bold; }
.item { /*background: url('/design/item_bg.gi') repeat-y left 5px;*/ width:250px; float:left; margin-right: 5px; }
.item h1, .item h2 { background: url('/design/item_title_bg.png') repeat-y top left; width:250px; min-height: 18px; font-size:14px; font-weight:normal; }
.item h1 a, .item h2 a { width:250px; padding: 2px 0; /*overflow:hidden; white-space: nowrap;*/ background: url('/design/item_title.png') no-repeat 0px 0px; min-height: 18px; color: #fee334; text-decoration:none; line-height: 18px; vertical-align:middle; margin: 0px auto; display: block; text-align: center; letter-spacing: -1px; }
.item .i_img, .item .i_imga { background: url('/design/item_middle.png') no-repeat 3px 0px; height: 182px; margin: 0px auto; padding-top:1px; text-align:center; position:relative; }
.item .i_img img, .item .i_imga img { margin-top: 11.5px; }
/*.item .i_imga { background-image: url('/design/item_middle_a.png'); }
.item blockquote { width:200px; display:inline; }*/
.item blockquote p { /*background: #a5d91c;*/ font-size:28px; color: yellow; letter-spacing:-3px; padding: 1px 5px; text-align:center; }
.item blockquote p small, #inKosik blockquote p small { font-size: 11px; font-weight:bold; color:#344; margin-left:0px; letter-spacing:-1.0px; }
.item blockquote p.zlava { color: #d10000; font-size: 28px; /* #d10000;*/ }
.item blockquote p.zlava small { color: #222; }
.item blockquote { overflow:hidden; }
.item blockquote p.isIn { width:233px; color:#fff; background:#8aba15; font-size:12px; margin: 0 4px; letter-spacing:0px; overflow:hidden; }
.item blockquote p.isIn strong { /*color: #cb1818; #ffff00;*/ }
.item blockquote p.isIn small { letter-spacing:-1px; font-size:9px; margin-left:1px; }
.zlava_img { width:57px; height:57px; display:block; position:absolute; top:0px; right:3px; }
.zlava_sk, .postovne_zdarma_sk { background: url('/design/zlava.png') no-repeat; _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/zlava.png', sizingMethod='image'); }
.postovne_zdarma_sk { background: url('/images/pz.png') no-repeat; width:75px; height:75px; top:1px; _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/pz.png', sizingMethod='image'); text-indent:-9999px; font-size:0; line-height:0; }
.item .strike { text-align: center; text-decoration:line-through; color:#a4d519; font-size: 14px; }
.item .strike:hover { text-decoration: none; }
.item .i_desc, .item .i_desc a, .item .i_desc a strong { color: #fff; background: url('/design/item_desc.png') repeat-y 4px 0px; font-size:11px; margin: 0px auto; font-weight:normal; text-decoration:none; }
.item .i_desc { padding: 0px 12px; }
.item .add, .item .book { font-size: 11px; color: #fff; background: url('/design/kosik_add.png') no-repeat 0px top; padding-left: 25px; width:102px; height:20px; line-height:20px; vertical-align:middle; text-align: left; letter-spacing:1px; font-variant:small-caps; }
.item .book { background-image: url('/design/kosik_book.png') }
.item .add:hover, .item .book:hover { background-position: 0px -20px; }
.item input { width: 25px; padding:1px; margin: 0px 5px; text-align:center; -moz-border-radius: 3px; -webkit-border-radius:3px; }
.item .kosiktable { width: 243px; background: #6fa416 url('/design/item_bottom.png') no-repeat 0px bottom; text-align:center; margin: 0 4px 0 4px; padding:0 0 4px 0; }
.item .kosiktable tr td { }
.item:hover .i_title a { color:yellow; }
/*#79a306*/
#Kosik.Rychly { width: 190px; background: url('/design/qk_top.png') no-repeat left top; margin-left: 5px; overflow:hidden; }
#Kosik.Rychly blockquote { width: 150px; margin:0; margin-left:40px; height:32px; padding:0; padding-top:3px; text-align: left; }
#Kosik.Rychly blockquote p { width: auto; color:#fff; font-size:12px; vertical-align:middle; line-height:1.3em; padding:0px; margin:0; }
#Kosik.Rychly blockquote p strong { font-size: 12px; color:#fee334; }
#Kosik.Rychly blockquote p strong small { color:#f2f2f2; font-size:9px; }
/*#inKosik blockquote p small { font-size: 9px; margin-left:-5px; }*/
#Kosik.Rychly div { background: #79a306 url('/design/qk_i.png') no-repeat 1px 0px; width: 190px; max-height: 24px; height:24px; border:none; text-decoration:none; font-size: 10px; padding:0; margin:0px auto; position:relative; overflow:hidden; }
#Kosik.Rychly div:hover { background-position: 1px -24px; }
#Kosik.Rychly div:hover a {color: #444;}
#Kosik.Rychly div p { width:80%; height: 24px; overflow: hidden; padding:1px 2px; white-space: nowrap; vertical-align:middle; margin:0px; }
#Kosik.Rychly div img { vertical-align:middle; }
#Kosik.Rychly div p a { /*background: url('/design/lil-wsquare.png') no-repeat;*/ display:block; float:left; width:21px; height:21px; text-decoration:none; color: #777; vertical-align:middle; line-height:21px; }
#Kosik.Rychly div p a:hover { color: #cb1818; }
#Kosik.Rychly div input, #Kosik.Velky table input { font-size: 11px; width:18px; height: 17px; text-align:center; vertical-align:middle; line-height:1.5em; color: #cb1818; padding:0px; margin:0; position:absolute; top: 2px; right: 11px; }
#Kosik.Velky table input { position:relative; top:0; left:0; }
#Kosik.Rychly div .close { background: url('/design/lil-close.png') no-repeat 0px 0px; _background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/design/lil-close.png", sizingMethod="crop"); display:block; width:9px; height:24px; position: absolute; cursor: hand; cursor: pointer; right:1px; top:0px; text-indent:-9999px; font-size:0; line-height:0; }
#Kosik.Rychly div .close:hover { background-position: 0px -24px; }
#Kosik.Rychly .OKk, #Kosik .OKkl { width:0px; height:18px; line-height:18px; vertical-align:middle; background: url('/images/gbox.gif') no-repeat 0px 1px; color:#444; display:block; position:absolute; right:31px; top:2px; text-align:center; }
#Kosik.Rychly .OKkl { background-image: url('/images/gloading.gif'); }
a#order_sk { background: url('/design/qk_bottom.png') no-repeat 0px 0px; display:block; text-indent:-9999px; width:190px; height:16px; line-height:16px; max-height:16px; margin:0px 0px 5px 0px; }
a#order_sk:hover { background-position: 0px -16px; }
#Kosik.Velky { width: 762px; margin-left: 5px; }
#Kosik.Velky table { width: 762px; border-collapse:collapse; table-layout:fixed; }
#Kosik.Velky table tr td div, #Kosik.Velky table tr.bigTop { background: url('/design/bigmiddle.png') repeat-y 0px 0px; width: 762px; border:none; text-decoration:none; font-size: 10px; padding:0; margin:0px auto; overflow:hidden; height:110px; }
#Kosik.Velky table tr td div.bigFirst { background-image: url('/design/bigfirst.png'); }
#Kosik.Velky table tr.bigTop { height:19px; background-image: url('/design/bigtop.png'); text-align:center; color:#fffff8; }
/*#Kosik.Velky table tr.bigLast { background-image: url('/design/biglast.png'); }*/
#Kosik.Velky table table tr td { width: 80px; padding:0px; font-size: 10pt; background: none; }
#Kosik.Velky td.bigNazov { width:350px; }
#Kosik.Velky table table tr td.bigIco { vertical-align:middle; width: 130px; margin: 0px auto; display:block; text-align:center; text-indent:0px; padding:0; }
/*#Kosik.Velky div p { width:737px; height: 53px; overflow: hidden; padding:1px 2px; white-space: nowrap; vertical-align:middle; margin:0px; }*/
#Kosik.Velky table tr td img { vertical-align:middle; margin: 5px; }
#Kosik.Velky table tr td.close { background: url('/design/big-close.png') no-repeat -1px 3px; /*_background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/design/big-close.png", sizingMethod="crop");*/ width:22px; cursor: hand; cursor: pointer; }
#Kosik.Velky table tr td .close:hover { background-position: -1px -102px; }
#infoK { z-index: 2; position:fixed; _position:absolute; top:0px; left:0px; width: 100%; height:100%; /*_height: expression(document.documentElement.clientHeight+'px');*/ _top: expression((document.documentElement.scrollTop || document.body.scrollTop) + this.offsetHeight - this.offsetHeight); background:#000; text-align:center; overflow:hidden; display:block; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:larger; opacity:.70; filter: alpha(opacity=70); -moz-opacity: 0.7; }
#Total { background: url('/design/bigtotal.png') no-repeat right top; width:762px; height: 170px; border-collapse:collapse;}
#Total tr td { font-size: 18pt; vertical-align:middle; color: #fff; letter-spacing:-3px; line-height:1em; }
#Total .total td { font-size:34px; }
#Total tr td strong { color: #ffff00; }
#Total tr td strong small { color: #fbf6e6; font-size: 18px; }
#overinfoK { z-index: 3; position: absolute; top:40%; right:37%; margin:0px auto; overflow:hidden; /*background:#fbf6e6;*/ }
#overinfoK table { border-collapse:collapse; table-layout:fixed; }
.alert { background: url('/design/alert.png') 0px 0px no-repeat; _background-image:url('/design/alert.gif'); padding: 40px 0px; width:375px; height:171px; }
form .valid_data, form .invalid_data { background-image: url('/images/ico-ok.png'); background-position: right; background-repeat: no-repeat; border: 1px solid #729d32; padding: 1px 18px 1px 1px; }
form .invalid_data { background-image: url('/images/ico-error.png'); border: 1px solid #be2c0a; }
.bub, .bubV { background: url('/design/bubm.png') 0px 0px repeat-y; width:351px; padding:0px 15px; overflow:hidden; color:#000; }
.bubt, .bubb, .bubtV, .bubbV { background: url('/design/bubt.png') 0px 0px no-repeat; padding:0; margin-left:-15px; width:381px; height: 5px; }
.bubb, .bubbV { background-image: url('/design/bubb.png'); }
.bubV { width:475px; }
.bubV { background-image: url('/design/bubbbm.png'); }
.bubtV { background-image: url('/design/bubbbt.png'); width: 505px; }
.bubbV { background-image: url('/design/bubbbb.png'); width: 505px;}
.bub label { margin-bottom: 3px; display:block; vertical-align:middle; }
.bub fieldset { border: 1px solid #e1a43d; padding: 5px 10px; margin:5px auto; }
.bub fieldset legend, .bub h3 { background:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; padding:3px 8px; font-variant:small-caps; font-size:13px; margin-bottom:5px; letter-spacing:1px; vertical-align:middle; overflow:hidden; }
.bub input, .bub select, .bub option { vertical-align:middle; font-size: 9px; margin:1px; }
.bub .aa, .bub #legend_firma, .bub .aad, .aa, .aaa, .aaw { width: 88%; background:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; padding:7px; margin:0px auto; margin-bottom: 2px; font-size:10px; border:none; overflow:hidden; }
.bub .aad, .bub .aaa { background:none; font-size:14px; line-height:1.5em; letter-spacing:2px; padding: 5px 25px; width:65%; }
.bub .aaa { background:#fff; }
.bub fieldset div { overflow:hidden; }
.aaw { width:95%; }
textarea { font-size:10px; }
.bub .lil, .bub .lilp, .bub .lilr { background: url('/design/posta-small.png') no-repeat 0px 50%; padding-left:18px; letter-spacing:-0.5px; font-size:12px; }
.bub .lilp { background-image: url('/images/presov.png'); }
.bub .lilr { background-image: url('/images/remax.png'); }
#backo, #checko, #ordero { background: url('/design/gyr.png') no-repeat 0px 0px; width: 146px; height:41px; float:right; color: #fff; font-weight:bold; margin:3px; text-align:left; text-decoration:none; border:none; display:block; padding:0; padding-left: 40px; font-size:16px; line-height:1.2em; margin-right:25px; }
#backo { padding-left: 45px; width: 141px; vertical-align:middle; }
#checko { padding-left: 45px; width: 141px; background-position: -186px 0px; font-size:18px; line-height:1em; }
#ordero { font-size:24px; line-height:1.7em; background-position: -372px 0px; letter-spacing:0px; vertical-align:middle;}
#backo:hover { background-position: 0px -41px; }
#checko:hover { background-position: -186px -41px; }
#ordero:hover { background-position: -372px -41px; color:#ffff00; }
#psk, #pcz, #psk *, #pcz * { overflow: hidden; }
#pcz { display:none; }
.cr { width:101%; height:101%; position:absolute; top:-1%; left:-1%; }
.move, .move0 { height:0; overflow:hidden; display: none; padding:0; }
#presov { background: url('/images/presov.png') no-repeat right 1px; padding-right: 20px; }
.red { color:#cc3333; }
.greeno { background: #75A210; -moz-border-radius:4px; -webkit-border-radius:4px; color: #fff; padding:5px; }
.greeno span { color: #444; }
.greeno a { color:#fed825; }
ol#op, ol#op li ul { margin:15px; padding:15px; font-size: 12px; font-weight:normal; }
ol#op li ul { list-style:none; margin:10px; padding:10px; }
ol#op li ul li { margin:12px auto; }
.abs { position:absolute; display:inline; top:-900px; left:-900px; }
.o_firme { margin-top:7px; }
.velkoobchod { margin-bottom:5px; }
#imgi, #im {
background-image: url('/design/loading.gif');
background-color: transparent;
background-repeat: no-repeat;
background-position: 50% 50%;
position: fixed;
bottom: 0px;
left: 0px;
_left: 0px;
height: 0px;
width: 100%;
height: 100%;
margin:0;
text-align: left;
font-size:8pt;
}
#im{
background-color: #000;
opacity:.80;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
}
#imgi p {
background-color: #a60000;
color: #fff;
cursor: hand;
cursor: pointer;
margin: 0;
text-align: center;
letter-spacing: 2px;
font-weight: bold;
}
#imgi p:hover { background-color: #d20000; }
.mo { background: #87ba17; border: 1px solid #9ed019; -moz-border-radius:4px; -webkit-border-radius:4px; padding:5px; }
.mo td { padding:3px; }
.y { color:yellow; }
#top { -moz-border-radius:3px;-webkit-border-radius:3px; background:#cb1818; color:yellow; }
#top div { border-top:1px dotted #888; text-align:center; }
#top div a { text-decoration:none; display:block; padding-bottom:5px; }
#top div a:hover { background:#da3131; -moz-border-radius:8px; -webkit-border-radius:8px; }
#top div a img { background:#fff; border:1px solid #fff; -moz-border-radius:2px; vertical-align:bottom; padding:3px 5px; }
#top div strong { color:#fff; }