html {font-size: 100%;}

body {
    font-family: trebuchet ms, tahoma, arial, lucida, sans-serif;
    font-size: 1em;
    padding: 0px;
    margin: 0px;
    color: #ffffff;
    background: #000000 url(/images/body_bckg.jpg) center top repeat-x;
    text-align: center;
    
    }
form {padding:0px;margin:0px;}
.clean {clear: both;}
.lclean {clear: left;}
.rclean {clear: right;}
a:link {color: #FF3300;}
a:hover {color: #FF0000;}
a:visited {color: #FF0000;}
a:active {color: #FF0000;}

#header {margin: 0px auto 0px auto; padding:0px;height:144px;width:1002px;}
#logo {float:left;}
#intro {display:block;float:right;width:753px;height:144px;background: url(/images/intro.jpg) no-repeat left top}
#topmenu {margin: 0px auto 0px auto; padding:0px;height:40px;width:1002px;text-align:left;background: url(/images/lista_top.jpg) no-repeat left top}
#topmenu ul {list-style-type: none;float:left;padding:0px;margin:0px 0px 0px 30px;}
#topmenu ul li { float: left;  padding:0px 0px 0px 10px; }
#topmenu ul li span { float: left; width:2px; height:40px; background: url(/images/lista_vertical.jpg) no-repeat left top;padding:0px 0px 0px 0px;margin:0px 0px 0px 10px; }
#topmenu ul li a { float:left;font-weight:bold;font-size:12px;color:#ffffff;text-decoration: none;padding-top:5px;}
#topmenu ul li:hover { background: #ff3300 url(/images/lista_bckg_hover.jpg) repeat-x left top }
#topmenu ul li:hover a  { text-decoration: underline; }

#main {margin: 0px auto 0px auto; padding:0px;height:auto;width:977px;}
#leftmain {width:212px;float:left;margin:0px 18px 0px 0px;padding:0px;text-align:left;}
#centermain {width:512px;float:left;margin:0px 18px 0px 0px;padding:0px;text-align:left;}
#rightmain {width:212px;float:left;margin:0px 0px 0px 0px;padding:0px;text-align:left;}

#search {background: url(/images/menu_search.jpg) no-repeat left top;padding:5px;height:30px;margin:0px;}
#search form {margin:0px;padding:0px;}
#search form label {margin:1px 10px 0px 10px;padding:0px;font-weight:bold;font-size:12px;float:left;}
#search form input#inputsearch {width:118px;height:20px;border:none;text-align:center;font-size:12px; color:#000000;float:left;background: url(/images/input_search_bckg.jpg) no-repeat left top;padding-top:2px;}
input.btn {margin:4px;float:left;}

#kategorie {background: url(/images/m_bckg_red.jpg) repeat-y left top;width:212px;}
#kategorie h3 {background: url(/images/menu_kategorie.jpg) no-repeat left top;width:212px;height:37px;margin:0px;padding:6px 20px 0px 15px;font-size:14px;}

#kategorie ul {list-style-type: none;padding:0px;margin:0px;}
#kategorie ul li {font-size:15px;font-weight:bold;background: url(/images/m_out.jpg) no-repeat left top;padding:0px;margin:0px;}
#kategorie ul li.back {font-size:15px;font-weight:bold;background: url(/images/m_back.jpg) no-repeat left top;padding:0px;margin:0px;}

div.line {background: url(/images/m_out.jpg) no-repeat left top;padding:0px;margin:0px;height:2px;}
#kategorie ul li:hover {background-image: url(/images/m_hover.jpg);}
#kategorie ul li.back:hover {background-image: url(/images/m_back_on.jpg);}

#kategorie ul li a {text-decoration:none;color:#ffffff;padding:0px 15px 0px 27px;line-height:24px; }

#kategorie ul.slave {margin-top:21px;}
#kategorie ul.slave li {font-size:12px;font-weight:bold;}




.redend {width:212px;height:10px;background: #000000 url(/images/menu_bottom_red.jpg) no-repeat left top;;display: block;}
.blackend {width:212px;height:10px;background: #000000 url(/images/menu_bottom_blck.jpg) no-repeat left top;display:block;}

.blackpanel {background: url(/images/m_bckg_blck.jpg) repeat-y left top;width:212px;margin-top:10px;}
.blackpanel h3 {background: url(/images/menu_black.jpg) no-repeat left top;width:212px;height:37px;margin:0px;padding:6px 20px 0px 15px;font-size:14px;}
.blackpanel div {margin:0px 5px -5px 10px}
.blackpanel label {font-size:10px;float:left;width:86px;}
.blackpanel input.inputlogin {width:85px;height:20px;border:none;text-align:center;font-size:12px; color:#000000;float:left;background: url(/images/input_bckg.jpg) no-repeat left top;}

.blackpanel ul.slist {list-style-type: none;padding:5px 0px 0px 0px;margin:0px;}
.blackpanel ul.slist li {font-size:12px;font-weight:bold;background: url(/images/m_li.jpg) no-repeat left center;padding:0px;margin:0px;}
.blackpanel ul.slist li a.big {font-size:14px;}
.blackpanel ul.slist li a {color:#ffffff;padding:0px 10px 0px 30px;text-decoration:none;}
.blackpanel ul.slist li a:hover {text-decoration:underline;}

.blackpanel ul.sprodukty {list-style-type: none;padding:0px 15px 0px 15px;margin:0px;}
.blackpanel ul.sprodukty li {font-size:12px;font-weight:bold;margin-bottom:10px;line-height:110%;}
.blackpanel ul.sprodukty li a {color:#ffffff;font-size:10px;}
.blackpanel ul.sprodukty li a:hover {color:#ff3300;}

div.product1 {clear:both;}
div.product1 img {border: 1px #000000 solid;float:left;margin:0px 10px 0px 0px;}
div.product1 img:hover {border: 1px #ffffff solid;}
div.product1 a {color:#ffffff;font-size:12px;font-weight:bold;line-height:120%;}
div.product1 a:hover {color:#ff3300;}
div.product1 .cena {font-size:12px;}
.hline {background: url(/images/hline.jpg) no-repeat center center;clear:both;display:block; height:15px; width:212px;}

#kosik {background: url(/images/m_bckg_red.jpg) repeat-y left top;width:212px;margin-top:0px;}
#kosik h3 {background: url(/images/menu_kosik.jpg) no-repeat left top;width:212px;height:37px;margin:0px;padding:6px 20px 0px 15px;font-size:14px;position:relative;}
#kosik h3 a {position:absolute; top:7px; left:190px;}
#kosik div {margin:-5px 10px 0px 10px;font-size:12px;font-weight:bold;}
#kosik div span {font-size:16px;}

.product {float:left;width:150px;height:235px;text-align:center;padding:10px;position: relative;margin-bottom: 30px;}
.product:hover {background-color:#1F1F21;}
.product a {font-size:12px;font-weight:bold;color:#ffffff;height:32px;display: block;}
.product a:hover {color:#ff3300;}
.product a.aimg {height:122px;text-align: center;vertical-align: middle;display:block;}
.product a.aimg img {border: 1px #000000 solid;margin:10px;}
.product a.aimg:hover img {border: 1px #ffffff solid;}
.product span.cena {font-size:12px;font-weight:bold;}
.product span.cena b {font-size:14px;}
.product a.btn_koupit {float:left;margin-left:7px;width:60px;height:20px;font-size:10px;font-weight:bold;text-align:right;padding:3px 8px 0px 0px;background: url(/images/btn_koupit.jpg) no-repeat center center;text-decoration:none;color:#ffffff}
.product a.btn_koupit:hover {background-image: url(/images/btn_koupit2.jpg);color:#ffffff;text-decoration:underline;}
.product a.btn_detail {float:left;width:60px;height:20px;font-size:10px;font-weight:bold;text-align:right;padding:3px 10px 0px 0px;background: url(/images/btn_detail.jpg) no-repeat center center;text-decoration:none;color:#ffffff}
.product a.btn_detail:hover {background-image: url(/images/btn_detail2.jpg);color:#ffffff;text-decoration:underline;}

#bottom {background: url(/images/lista_bottom.jpg) no-repeat center center;width:971px;height:30px;display:block;margin:10px auto 10px auto;clear:both;}
#bottom ul {list-style-type: none;float:left;padding:0px;margin:0px 0px 0px 10px;}
#bottom li {display:block;float:left;}
#bottom li a {color:#ffffff;margin:0px 5px 0px 5px;font-size:10px;font-weight:bold;line-height:30px;}
#bottom li a:hover {color:#ff3300;}
#bottom span {float:right;margin:0px 15px 0px 15px;font-size:10px;line-height:30px;}

h1 {display: block;width:512px;height:30px;background: url(/images/h1.jpg) no-repeat left top;margin:0px 0px 2px 0px;padding:3px 15px 0px 15px;font-size:16px;clear:both;}
h2 {display: block;width:512px;height:30px;background: url(/images/h2.jpg) no-repeat left top;margin:0px 0px 2px 0px;padding:5px 15px 0px 15px;font-size:14px;clear:both;}
h2.black {display: block;width:512px;height:30px;background: url(/images/h1.jpg) no-repeat left top;margin:0px 0px 5px 0px;padding:5px 15px 0px 15px;font-size:14px;clear:both;}
.imgright {float:right;margin:0px 0px 10px 15px;}
.imgleft {float:left;margin:0px 0px 10px 15px;}
p {font-size:12px;margin:0px 0px 10px 0px; padding:0px;line-height:120%}
#path {font-size:10px; font-weight bold;margin:5px 0px 5px 0px; }

div.detailpic {float:left;width:260px;} 
.detailpic img {float:left;margin:0px 8px 8px 0px;border:1px solid #000000;}
.detailpic img:hover {border:1px solid #ffffff;}

div.detailtext {float:right;width:240px;}
.detailtext p {font-size:11px;text-align: justify;}
.detailtext p.anotace {font-size:13px;}

table.parametry {margin:0px 0px 10px 0px;width:240px;}
td.tabimg {width:25px;}
td.tabtitle {font-size:11px;color:#B4B9C1;line-height:20px; width:80px;}
td.tabtext {font-size:11px;color:#ffffff;font-weight:bold;line-height:20px;}

div.cena1 {width:100%;float:right;text-align:right;font-size:11px;color:#B4B9C1;font-weight:bold;}
div.cena1 span {color:#ffffff}

div.cena2 {width:100%;float:right;text-align:right;font-size:11px;color:#ffffff;font-weight:bold;}
div.cena2 span {color:#ffffff;font-size:16px;}

div.koupit {float:right;margin:10px 0px 20px 0px;}
div.koupit form label {float:right;font-size:12px;font-weight:bold;line-height:25px;margin:3px 10px 0px 10px;}
input.ks {width:33px;height:25px;border:none;text-align:center;font-size:16px; font-weight:bold;color:#000000;float:left;background: url(/images/input_ks.jpg) no-repeat left top;float:right;position:relative;top:3px;padding-top:3px;}
a.btn_bigkoupit {border:none;float:left;width:80px;height:25px;font-size:11px;font-weight:bold;text-align:center;padding:5px 0px 0px 20px;background: url(/images/btn_bigkoupit.jpg) no-repeat center center;text-decoration:none;color:#ffffff;float:right;}
a.btn_bigkoupit:hover {border:none;background-image: url(/images/btn_bigkoupit2.jpg);color:#ffffff;text-decoration:underline;}

input.btn_bigkoupit {border:none;float:left;width:90px;height:35px;font-size:11px;font-weight:bold;text-align:center;padding:0px 0px 0px 00px;background: url(/images/btn_bigkoupit.jpg) no-repeat center center;text-decoration:none;color:#ffffff;float:right;}
input.btn_bigkoupit:hover {background-image: url(/images/btn_bigkoupit2.jpg);color:#ffffff;text-decoration:underline;}

input.sameAddress {border:none;float:left;width:190px;height:35px;font-size:11px;font-weight:bold;text-align:center;padding:0px 0px 0px 00px;background: url(/images/btn_bigkoupit.jpg) no-repeat center center;text-decoration:none;color:#ffffff;float:right;}

div.btn { text-align:right; margin:10px; }
div.btn a img { border:0px;}


table.tableform {width:512px;}
table.tableform td {font-size:0.75em;}
table.tableform th {font-size:0.75em;font-weight:bold;background-color:#454A54;}
.txt-right {text-align:right;}
.txt-center {text-align:center;}
table.tableform td.totalprice {font-size:1.1em;text-align:right;}
table.tableform td.smalltext {font-size:0.7em;margin-right:10px;}
table.tableform tr.oddTr td, table.tableform tr.evenTr td {border-bottom: #1E2125 solid 2px;}
table.tableform tr.TableHeader td {background-color:#1E2125}
table.tableform h3 {color:#454A54;margin:10px 0px 0px 0px;}

select {font-family: trebuchet ms, tahoma, arial, lucida, sans-serif;font-size:1em;}
input {font-family: trebuchet ms, tahoma, arial, lucida, sans-serif;font-size:1em;}
textarea {font-family: trebuchet ms, tahoma, arial, lucida, sans-serif;font-size:1em;}

input.btn1 {background: url(/images/img_btn_1.jpg) no-repeat left top; width:170px; height:25px; color:#ffffff; font-weight:bold;font-family: trebuchet ms, tahoma, arial, lucida, sans-serif;font-size:12px;border: none; cursor: pointer;}
input.btn1:hover {background: url(/images/img_btn_1.jpg) no-repeat left bottom;}

input.btn2 {background: url(/images/img_btn_2.jpg) no-repeat left top; width:170px; height:25px; color:#ffffff; font-weight:bold;font-family: trebuchet ms, tahoma, arial, lucida, sans-serif;font-size:12px;border: none; cursor: pointer;}
input.btn2:hover {background: url(/images/img_btn_2.jpg) no-repeat left bottom;}

input.btn_open {background: url(/images/btn_otevri.jpg) no-repeat left top; width:60px; height:25px; color:#ffffff; font-weight:bold;font-family: trebuchet ms, tahoma, arial, lucida, sans-serif;font-size:12px;border: none; cursor: pointer;}
input.btn_open:hover {background: url(/images/btn_otevri.jpg) no-repeat left bottom;}

input.btn_storno {background: url(/images/btn_stornuj.jpg) no-repeat left top; width:60px; height:25px; color:#ffffff; font-weight:bold;font-family: trebuchet ms, tahoma, arial, lucida, sans-serif;font-size:12px;border: none; cursor: pointer;}
input.btn_storno:hover {background: url(/images/btn_stornuj.jpg) no-repeat left bottom;}

label {font-weight:bold;}
.red {color:#FF3300}

div.novinka {font-size:0.7em; padding:2px 0px 2px 0px;clear: both;}
div.novinka h3 {margin:0px 0px 5px 0px; font-size: 1.3em;}
div.novinka img {float: right; margin-left:10px;}
div.novinka p.novinka-obsah {text-align: justify; }
div.novinka p.novinka-obsah a img, div.novinka h3 img {float: none;margin:0;border:none; position: relative;top:3px; }
div.novinka p.novinka-obsah a {text-decoration: none;}
div.novinka p.novinka-obsah a b {text-decoration: underline;}
div.novinka-obsah {font-size:1em; padding:5px 15px 5px 5px;clear: both;}

span.roh {position: absolute; top:0px; left:0px;}

div#upresnit {text-align:right;display: block;width:512px;height:30px;background: url(/images/h3.jpg) no-repeat left top;margin:0px 0px 5px 0px;padding:4px 15px 0px 15px; font-size:0.7em; font-weight:bold; white-space: nowrap;}
div#upresnit form {margin-right:20px;}
div#upresnit form select {font-family: trebuchet ms, tahoma, arial, lucida, sans-serif;font-size:1em;}

/* níže změny css 03/2011 */

span.vicezde {display: block;float: right;margin-right: 18px;position: relative;top: -1px;}
span.vicezde a:hover img {filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8; }

.infoprodukt {display: block;float:left;margin-bottom: 20px;}
.infoprodukt a:hover img {filter: alpha(opacity=90);-moz-opacity: 0.9;-khtml-opacity: 0.9;opacity: 0.9; }

.pages {display: block;float: right;font-size: 13px;}

#boxy {margin: 10px 0px 5px 0px}
#boxy a {display: block;float: left;margin-right: 1px;margin-bottom: 5px;}
#boxy a:hover {filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8; }

input.btn3 {background: url(/images/img_btn_3.jpg) no-repeat left top; width:286px; height:25px; color:#ffffff; font-weight:bold;font-family: trebuchet ms, tahoma, arial, lucida, sans-serif;font-size:12px;border: none; cursor: pointer;}
input.btn3:hover {background: url(/images/img_btn_3.jpg) no-repeat left bottom;}

span.sleva {position: absolute; top:80px; right:0px;}

/* změny 22.5.2011 */
.big {font-size: 14px;}
td.top {vertical-align: top;}
span.mena_kc {background: url(/images/switch_a.jpg) no-repeat left top;display: block;width: 75px;height: 22px;float: right;}
span.mena_eur {background: url(/images/switch_b.jpg) no-repeat left top;display: block;width: 75px;height: 22px;float: right;}
span.mena_kc a, span.mena_eur a {display: block;float: left;width: 37px;text-decoration: none;text-align: center;color: white;font-size: 11px;line-height: 22px;}

div.kroky {display: block;width: 512px;height: 50px;margin: 5px 0px 2px 0px}
div.krok1 {background: url(/images/step1.jpg ) no-repeat left top}
div.krok2 {background: url(/images/step2.jpg ) no-repeat left top}
div.krok3 {background: url(/images/step3.jpg ) no-repeat left top}
div.krok4 {background: url(/images/step4.jpg ) no-repeat left top}
div.kroky ul {list-style-type: none;margin: 0 ;padding: 0 ;}
div.kroky ul li {display:block;float:left;width:65px;padding-left: 42px;padding-right: 17px;padding-top:9px;font-size: 11px;height: 50px;}

input.btn_kroky {background: url(/images/btn_kroky.jpg) no-repeat left top; width:310px; height:25px; color:#ffffff; font-weight:bold;font-family: trebuchet ms, tahoma, arial, lucida, sans-serif;font-size:12px;border: none; cursor: pointer;padding-right: 15px;float: right;}
input.btn_kroky:hover {background-position: left bottom;}
table.steps td {padding-top:10px;padding-bottom:10px}

h2.black250 {display: block;width:250px;height:30px;background: url(/images/h2b.jpg) no-repeat left top;margin:0px 0px 5px 0px;padding:5px 15px 0px 15px;font-size:14px;clear:both;}

.category {float:left;width:150px;height:155px;text-align:center;padding:10px;margin-bottom:0px;}
.category:hover {background-color:#1F1F21;}
.category a {font-size:12px;font-weight:bold;color:#ffffff;height:24px;display: block;}
.category a:hover {color:#ff3300;}
.category a.aimg {height:122px;text-align: center;vertical-align: middle;display:block;}
.category a.aimg img {border: 1px #000000 solid;margin:10px;}
.category a.aimg:hover img {border: 1px #ffffff solid;}
.category a.btn_detail {float:right;width:60px;height:20px;font-size:10px;font-weight:bold;text-align:right;padding:3px 10px 0px 0px;background: url(/images/btn_detail.jpg) no-repeat center center;text-decoration:none;color:#ffffff}
.category a.btn_detail:hover {background-image: url(/images/btn_detail2.jpg);color:#ffffff;text-decoration:underline;}