/* @CHARSET "UTF-8"; */

body, form, fieldset, legend, img {margin:0; padding:0; font-size:9pt; font-family: "Trebuchet MS", sans-serif; color:#000;}
a img {border:0px solid;}
a:hover {border:none;}
input, button {vertical-align:middle;}
p {margin:1em 0;}
td {vertical-align:top;}
h2 {font-size:1.5em;}
h3 {font-size:1.17em;}

body {background:#fea10b url("bg/body.png") repeat-x 0 0;}

#header, #footer, #fill {width:946px; margin:0 auto;}

#header {background:url("bg/logo.jpg") no-repeat 50% 0; height:293px; position:relative;}
#header a:focus {-moz-outline-style:none; outline:none;}
#header .nfo {position:absolute; top:266px; width:376px; padding-left:295px; font-size:12pt;}
#header .nfo .val {color:#6f3207;}
#header .nfo .val em {font-weight:normal; font-style:normal;}
#header .nfo .bask, #header .nfo .cash {float:right; height:24px;}
#header .nfo span {display:none;}
#header .nfo .bask {width:48px; margin-left:7px;}
#header .nfo .cash {width:70px;}
#header .nfo a:hover, body.kosik  #header .nfo a.bask, body.pokladna #header .nfo a.cash {margin-top:0; background:url("btn/arrow-hover.gif") no-repeat center 1px;}
#max h2 a:hover {background:url("btn/arrow-hover-invert.gif") no-repeat center top;}
#header .reg {position:absolute; z-index:4; text-align:right; top:7px; right:80px; width:236px;}
#header .reg p {line-height:19px; float:right; margin:0; text-align:center;}
#header .reg p span {display:-moz-inline-box; display:inline-block; width:50px; text-align:right;}
#header .reg p a span, #header .reg p button span {display:-moz-inline-block;}
#header .reg input.txt {width:90px; height:13px; margin:0 0 0 3px; background:#fff; filter:alpha(opacity=70); opacity:.7; text-align:center; border:1px solid #fab700;}
#header .reg input.txt:hover, #header .reg input.txt:focus {filter:alpha(opacity=100); opacity:1;}
#header .reg button {margin-top:7px;}
#header .reg input, #header .reg button {-moz-border-radius:5px; -webkit-border-radius:5px; border:5px;}
#header h2#logo {margin:0 auto;}
#header h2#logo span, #hmenu li a span {display:none;}
#header .reg h4 {margin:0; padding-top:5px; text-align:center;}
#header .reg .name {display:-moz-inline-box; display:inline-block; zoom:1; *display:inline; margin:0 3px; font-size:12pt; width:150px; color:#ff5400; font-weight:bold;}

#hmenu, #nav ul {margin:0; padding:0;}
#hmenu {position:absolute; top:43px; z-index:3;}
#hmenu li, #nav li {list-style:none; margin:0;}
#hmenu li, #hmenu li a {width:167px; height:70px !important; position:absolute;}
#hmenu li a {background-repeat:no-repeat;}
#hmenu li a:hover {background-image:none;}
#hmenu li a:focus {border:none;}
#hmenu li.set a, body.hp #hmenu li#mn2 a {background-image:none;}

li#mn1 {display:none;}
li#mn2, li#mn2 a {width:365px; height:150px !important;}
li#mn2 a {top:-42px; left:0; background-image:url("btn/uvod.jpg"); background-position:200px 43px;}
li#mn3 a {top:-4px; left:368px; background-image:url("btn/nakup.jpg");}
li#mn4 a {top:-1px; left:539px; background-image:url("btn/koupit.jpg");}
li#mn5 a {top:22px; left:706px; width:118px !important; background-image:url("btn/kontakt.jpg");}

#article {background:#2e540e url("bg/content_hrepeat.png") repeat-x 50% 0;}
#article #fill {background:url("bg/content-top.png") repeat-y 50% 0;}
#article #fill #section {background:url("bg/content.png") no-repeat 50% -1px; min-height:467px; padding:0 19px 0 20px;}

#nav, #aside {width:183px;}
#nav {float:left;}
/*li#mn7, li#mn14, li#mn18, li#mn28, li#mn26 {background:url("menu/ul-li.png") no-repeat !important;}*/
* html #nav li {height:1px;}
*:first-child+html #nav li {zoom:1;}
#nav li {background:url("menu/ul-li.png") no-repeat; vertical-align:bottom;}
#nav li li {background-image:none;}
/*li#mn7.set li, li#mn14.set li, li#mn18.set li, li#mn28.set li, li#mn26.set li {background:url("menu/arrow-li.gif") no-repeat 12px 3px;}*/
#nav li.set li {background:url("menu/arrow-li.gif") no-repeat 12px 3px;}
#nav li a {text-decoration:none; display:block; padding-left:14px; line-height:26px; font-size:10pt; font-weight:bold; margin:0; border:none; width:169px; color:#6f3207;}
#nav li a:hover, #nav li.set a {color:#ff5400;}
#nav li li.set a {color:#6f3207;}
#nav li li.set {background:url("menu/arrow-li.gif") no-repeat 12px 3px;}
#nav .firms li a {color:#369; border-bottom:1px solid #bcceb7;}
#nav li li a, #nav li.set li a {padding-left:24px; padding-right:6px; text-decoration:none; font-weight:normal; font-size:9pt; line-height:1.4em; width:153px; color:#6f3207;}
#nav li li a:hover {text-decoration:underline; color:#6f3207;}
#nav li li li {background-position:21px 3px;}
#nav li li li a {padding-left:34px; width:149px;}

#aside {float:right; overflow:hidden;}
#aside .art {position:relative; margin-top:6px;}
* html #aside .art {height:1px;}
#nav .firms {background-image:url("bg/vmenu-firms.png");}
#nav .sort {background-image:url("bg/vmenu-sort.png");}

#aside .news {background-image:url("bg/vmenu-news.png")}
#aside .recom {background-image:url("bg/vmenu-recom.png")}
#aside a {color:#d95525; text-decoration:none;}
#aside h4 {padding-bottom:2px; margin:0; float:left; width:166px;}
#aside a:hover {text-decoration:underline;}
#nav h3, #aside h3 {height:30px; margin:6px 0 0 0;}
#nav h3 span, #aside h3 span {visibility:hidden;}
#nav .sort h3 {background-image:url("menu/title/sortiment.png"); margin:6px 0 0 0;}
#nav .firms h3 {background-image:url("menu/title/firmy.png"); margin:0;}
#aside .news h3 {background-image:url("menu/title/nejnovejsi.png"); margin:6px 0 0 0;}
#aside .recom h3 {background-image:url("menu/title/doporucujeme.png"); margin:0;}
#aside .in {padding:10px;}
#aside h4 a {font-size:10pt;}
#aside a img {padding:3px; margin-bottom:0;}
#aside a img {border:1px solid #fdba42;}
#aside a:hover img {border-color:#ff5400;}
#aside .news p {margin:0 0 8px 0;}
#aside .val {text-align:right; padding-bottom:5px; white-space:nowrap; clear:left; font-weight:bold;}
* html #aside .val {height:1px;}

#txt {width:521px; margin:0 auto; padding:10px 10px 0 10px; float:right; background:url("bg/txt.jpg") no-repeat; position:relative; min-height:300px;}
#txt .hr {background:url("bg/hr.png") no-repeat 50% 0; height:35px; margin-top:-4px; clear:both;}
#txt .hr hr {display:none;}
* html #txt {height:300px;}
#txt h1, #txt h2, #txt h3, legend {color:#1e83ef; padding:.3em 0; margin:0;}
#txt h1 {font-size:15pt;}
#txt .arts {width:520px; margin-top:8px; background:url("bg/arts.png") repeat-x 0 bottom;}
#txt .arts .r1, #txt .arts .r0 {width:230px; float:left; padding:0 15px 8px 15px; background:url("bg/arts-title.png") no-repeat 50% 0; position:relative;}
#txt .arts .pic, #txt .max .pic {text-align:center; margin-bottom:3px;}
#max .pic {margin:5px 0 10px 0; text-align:center;}
#txt .arts .pic a {line-height:162px; display:-moz-inline-block; display:inline-block;}
#txt .arts .pic img {vertical-align:middle; padding:3px; border:1px solid #f5cfbd; display:block;}
#txt .arts .pic a:hover img {border:1px solid #ff5400;}
#txt .arts h3 {margin:0; padding:0; text-align:center; line-height:1.1em; font-size:10pt; height:40px;}
#txt .arts h3 a {padding:10px 5px 5px 5px; display:block; color:#ff5400; text-decoration:none;}
#txt .prx, #txt #max .arts .prx, #productAsk {text-indent:25px; background:url("btn/info-short.png") no-repeat; padding-top:5px; line-height:16px;}
#txt #max .prx {background-position:0 9px; padding-top:1px;}
#txt .prx ul, button *, a.cmd * {text-indent:0 !important;}

#txt input.txt, textarea {background-color:#fff4e1; border:1px solid #fab700; padding:1px 2px; vertical-align:middle; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:1px 3px;}
#txt input.txt:focus, textarea:focus {background-color:#e2f0fa;}

#txt .arts .val .txt, #aside .val .txt, #txt #max .val .txt {width:26px; text-align:center;}

#txt .arts .val, #aside .val {text-align:center;}
#txt .arts .val {margin:5px -8px 5px -4px; font-size:1.5em;}
#aside .val {font-size:1.2em;}
#txt .arts .val b {display:-moz-inline-block; display:inline-block; width:100px; text-align:left; font-size:10pt; vertical-align:middle;}
#comment {text-align:right;}

#section h1 {font-size:150%; clear:left; height:1.9em; padding:0; text-align:center; color:#ff5400; font-weight:normal;}
#section h1.uno {height:2.6em;}
#section .param .title {font-weight:bold;}
/*#doc {text-align:center;}*/
#doc h1 {height:44px;}
#where {font-size:12pt; color:#ff5400; margin:0; padding:0 0 11px 0; height:32px;}
#where a {color:#ff5400; text-decoration:none; display:-moz-groupbox; display:inline-block; padding:4px; margin-top:-4px;}
#where a:hover {text-decoration:underline;}
#where em {color:lightblue;}

#pagerT, #pagerB {clear:both; text-align:center;}
#pagerT b span, #pagerB b span, #pagerT i, #pagerB i {display:none;}
#pagerT, #pagerB {padding-top:.66em;}
#pagerT a, #pagerB a, #pagerT b, #pagerB b {-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
#pagerT a, #pagerB a {text-decoration:none; display:-moz-inline-block; display:inline-block; padding:3px 5px; border:1px solid #fdc; color:#ff5400; margin-left:-1px;}
#pagerT a:hover, #pagerB a:hover {background-color:#fdc;}
#pagerT b, #pagerB b {display:-moz-inline-block; display:inline-block; padding:3px 5px; color:#fff; background-color:#ff5400; border:1px solid #ff5400;}
#pagerT a.next, #pagerT a.prev, #pagerB a.next, #pagerB a.prev {border:none !important; font-weight:bold; font-size:10pt; padding:3px 10px; over\flow:hidden;}

#footer {background:url("bg/footer.png") repeat-x 50% -1px; width:100%; height:201px;}
#footer div {background:url("bg/copy.jpg") no-repeat 50% 0; text-align:center; padding-top:85px; height:116px; width:946px; margin:0 auto;}
#footer div a, #footer div a img {vertical-align:middle; line-height:18px; height:18px;}
#footer div a {text-decoration:none; -moz-border-radius:10px; -webkit-border-radius:10px; border:10px; padding:5px 54px 5px 5px; background:transparent url('../forcom-logo.png') no-repeat right 4px; color:#2c510c;}
#footer div a img {display:none;}
#footer div a:hover {background-color:#fbd324; color:#000;}
* html #footer div a:hover {margin:-5px 0;}

body.kosik #links {margin-top:10px;}
body.kosik #links .cmd.cash {margin-right:7px; float:right;}
body.kosik #links .cmd.shop {margin-left:5px;}

#cash {padding:3px 10px 0 10px;}
#cash h3 b {padding:1px 3px; display:-moz-inline-block; display:inline-block; margin-top:5px;}
#cash p {padding:.2em .4em; margin:0;}
#cash p input.txt {width:155px;}
#cash p span.surname {width:93px;}
#cash p span.zip {width:50px;}
#cash p span {width:125px; text-align:right; display:-moz-inline-block; display:inline-block; color:#000; margin-right:3px;}
#cash p.x2 span {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;}

form#bask {border-bottom:2px lightblue solid;}
form#bask .item {border-bottom:1px lightblue solid; padding:0 10px 10px 10px; background:transparent url("bg/normal.png") repeat-x scroll 0 bottom; margin:0 -10px;}
form#bask .item input.txt {width:28px; text-align:center; }
form#bask .item h3 {padding-top:1em; margin:0;}
form#bask .item p span, form#bask .item h3 span {display:-moz-inline-block; display:inline-block; width:114px; text-align:right;}
form#bask p.pic, form#bask a.cmd.del {float:right;}
form#bask a.cmd.del {margin:5px 15px 0 0;}
form#bask p.pic {width:120px; background-color:#fff; text-align:center; overflow:hidden;}
form#bask p {margin:0; padding:.2em .4em;}
form#bask p.total {text-align:center; font-size:12pt;}

#regForm div span {display:-moz-inline-block; display:inline-block; width:150px; text-align:right;}
#regForm div button {position:absolute; margin-top:-40px; right:100px;}
boyd.kosik p.nfo {padding:0 0 5px 0; margin-top:30px; font-size:10pt; color:lightblue; border-bottom:2px lightblue solid; margin:0;}

.errorBox, .errorMsg {background-color:#b00; color:#fff; padding:8px;}

#find {position:absolute; z-index:3; top:0; left:0; width:615px; text-align:right; line-height:30px; height:30px; margin:0; padding:0;}
#find input {position:absolute; text-align:center; top:2px; right:49px; border:none; width:157px; font-size:11px; background-color:transparent; vertical-align:middle; overflow:visible; margin:0; padding:3px 7px; zoom:1;}
* html #find input {background-color:#fff;}
*:first-child+html #find input {background-color:#fff;}
#find input:focus, #find input:hover {background:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
#find button {width:54px; filter:alpha(opacity=0); opacity:0; border:none; height:30px; font-size:0; vertical-align:middle; line-height:30px;}
#find button:hover {border-top:2px solid white;}

#found h2 {text-align:center;}
#found h3 a {text-decoration:none;}
#found .prx {padding:5px 0;}
#found h3 a:hover {text-decoration:underline;}
#found .in {padding:5px 0; clear:right;}
#found .highlight {background-color:yellow; padding:1px 2px;}
#found .hr {margin-top:0;}
#found .val {font-size:1.2em; padding-top:5px; margin-bottom:-32px; padding:5px 8px; background-color:#fff; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; z-index:5; position:relative;}
/*#found .hr {background-image:url("bg/hr_mini.png"); height:12px; margin:0; padding-top:4px; background-position:bottom;}*/
#found .in .logo {margin:0 0 6px 10px; float:right;}
#found .in .logo img {padding:3px; background-color:#fff; border:1px solid #d7d7d7;}

button, a.cmd {cursor:pointer; overflow:visible; padding:0; border:none; background-color:transparent; color:#000; text-decoration:none;}
button b, button span, a.cmd, a.cmd span {line-height:29px !important; height:29px !important; display:-moz-inline-box; display:inline-block !important; font-weight:normal; background-color:transparent !important;}
button b, a.cmd {font-style:normal; background:url("btn/cmd-left.png") no-repeat 0 0; padding:0 0 0 14px !important; margin:0 !important;}
button span, a.cmd span {width:auto !important; background:url("btn/cmd-right.png") no-repeat right 0; padding:0 13px 0 0 !important; display:-moz-inline-block;  display:inline-block;}

button:hover b, a.cmd:hover {background-position:left -29px !important;}
button:hover span, a.cmd:hover span {background-position:right -29px !important;}

button:focus b, a.cmd:focus {background-position:left -58px !important;}
button:focus span, a.cmd:focus span {background-position:right -58px !important;}

/*input.txt:focus {background-color:#f8e0b1 !important; background-image:none !important;}*/

#summ {text-align:center; margin:10px -6px; }
#summ fieldset {padding:4px 7px; margin:6px; vertical-align:top; border:0/*px solid #fab700*/;}
#summ legend {font-weight:bold; font-size:10pt; padding:0 7px;}
/*#summ .mods.uno h3 {text-align:right;}*/
#summ input.txt {text-align:center; width:28px;}
#summ p {margin:1px 0; background-color:#e5f1fa;}
#summ p.dB {background-color:transparent;}
#summ form {/*position:relative; */padding-top:10px 0;}
#summ p span {display:inline-block; padding:.2em .3em; text-align:right; vertical-align:middle;}
#summ p span.unit {border-left:1px solid #fff; background-color:#cee4f5;}
#summ p span.val {background:none; width:auto;}
#summ .val {padding:6px; display:-moz-inline-box; display:inline-block; vertical-align:middle; font-size:10pt; font-weight:bold;}
#summ .val b {padding:3px 8px; font-size:10pt; color:#ff5400;}

/*#summ fieldset,*/ #summ form, #found .val, #summ p.buyme, #summ p.dB {display:-moz-inline-box; display:inline-block; zoom:1; *display:inline;}

/* Mirun, dotaz */
#formDetail #pozadavek {width:510px}
*:first-child+html form {zoom:1;}

.text .a1 {float:left;}
.text .a2 {float:right;}
.text .a1, .text .a2 {width:49%;}

#productAsk {clear:both; margin-top:10px;}
#productAsk span {display:-moz-inline-stack; display:inline-block; width:110px; text-align:right;}
#productAsk h3 {margin-top:0; padding-top:0;}
#productAsk h4 {margin:.5em 0 .25em 0;}
#productAsk textarea {width:430px;}
#productAsk p {margin:0; padding:3px 0;}

ul.none {list-style-type:none;}

#gallery .mini {float:left; width:80px; display:none; position:relative; z-index:10;}
#gallery .mini span {filter:alpha(opacity=50); opacity:.5; position:relative; z-index:15; -moz-border-radius:8px 0 0 8px; -webkit-border-radius:8px 0 0 8px; border-radius:8px 0 0 8px; border-top:1px solid #fab700;}
#gallery .mini span.set {filter:alpha(opacity=100); opacity:1;}
#gallery .mini span.set a {background:url("btn/arrow-gallery.gif") no-repeat right 50%;}
#gallery .mini a {display:block; height:90px;}
#gallery .mini span a:hover, #gallery .mini span.set a {border-right:none;}
#gallery  span {background-position:50% 50%; background-repeat:no-repeat; display:-moz-inline-box; display:inline-block;}
#gallery .mini a img {display:none;}
#gallery .full {line-height:0em; color:#000; background-color:#fff; text-align:center; display:block; padding:10px; border-top:1px solid #fab700; border-left:1px solid #fab700;}

div.action {margin-bottom:5px;}
div.action * {font-size:10pt;}
#max div.action div * {font-size:12pt;}
div.action h4, #max .arts div.action h4 {position:absolute; top:33px; left:0; color:yellow; background:url("bg/action.png") no-repeat; width:55px; height:38px; text-indent:10px; line-height:34px; left:3px; margin:0;}
div.action div {text-align:center; color:#ff5400;}
div.action div.double {background:url("bg/action.png") no-repeat; margin:0 -10px; line-height:34px; height:36px; padding-right:65px;}
div.action div.double b {float:left; text-indent:10px; color:yellow; font-size:10pt !important; width:65px; text-align:left;}
div.action div span {text-decoration:line-through;}
#max div.action h4 {left:0; top:37px;}
#aside .news div.action div {color:blue;}
#aside .recom div.action div {color:yellow;}

* html div.action div.double, * html div.action h4, * html button b, * html a.cmd, * html button b span, * html a.cmd span, * html  #txt .prx, * html  #txt #max .arts .prx, * html #productAsk {behavior:url("/system/global/styles/iepngfix.htc");}