* { font-family: Verdana, Geneva, sans-serif; }
body, form, table { font-size: 12px; color: #000; margin: 0px; padding: 0px; }
body { text-align: center; }
table { border-collapse: collapse; margin-bottom: 10px; }
th, td { padding: 5px 10px; text-align: left; border: 1px solid #FFF; }
th { font-weight: bold; background: #EEE; }
td { background: #CFC; }
ol { margin: 0px 0px 12px 24px; padding: 0px; }
ul { margin: 0px 0px 12px 16px; padding: 0px; }
li { margin: 0px; padding: 0px; }
img { border: none; }
a { text-decoration: underline; color: #000; }
a:hover { text-decoration: none; }
input, select, textarea { border: 1px solid #999; font-size: 12px; }
h1 { font-size: 18px; font-weight: bold; color: #0C3; }
h2 { font-size: 14px; font-weight: bold; color: #0C3; border-bottom: 2px dotted #0C3; }
h3, h4, h5, h6 { margin: 0px 0px 5px; font-size: 14px; }
p, h1, h2 { margin: 0px 0px 10px; }
.clear { clear: both; height: 1px; overflow: hidden; }
.clear-10 { clear: right; height: 10px; overflow: hidden; }
.clear-20 { clear: both; height: 20px; overflow: hidden; }
.highlight { color: #C00; }
.transparent { border: none; }
.submit { cursor: pointer; border-style: none; vertical-align: top; padding: 0px; }
.smartTable { width: 100%; /*595px;*/ }
.smartTable th { color: #000 !important; background: #eee; }
.smartButton { background: url(/img/smart-button.png) no-repeat left top; cursor: pointer; border: none; height: 30px; line-height: 30px; color: #FFF; width: 180px; overflow: hidden; font-weight: bold; text-align: center !important; }
.smartButton:hover { background: url(/img/smart-button.png) no-repeat left bottom; }
.smartButtonCart { background: url(/img/smart-button-cart.png) no-repeat left top; cursor: pointer; border: none; height: 30px; line-height: 30px; color: #FFF; width: 120px; overflow: hidden; font-weight: bold;}
.smartButtonCart:hover { background: url(/img/smart-button-cart.png) no-repeat left bottom; }
a.smartButton { display: block; float: left; text-decoration: none; text-align: center; }
.linkList { list-style: none; margin: 0px; }
.linkList li, .tile li { background: url(/img/arrow-transparent-right.png) no-repeat 0px 3px; padding-left: 15px; }
#global { text-align: left; }
#header { background: #0C3; position: relative; height: 140px; }
#header strong { font-size: 18px; color: #FFF; padding: 20px; display: block; }
#header-1 { background: url(/img/header-1.png) no-repeat; width: 100%; height: 150px; position: absolute; left: 0px; top: 0px; }
#header-1 a { display: block; margin: 30px 0px 0px 40px; height: 60px; width: 270px; }
#header-2 { background: url(/img/header-2.png) no-repeat; width: 500px; height: 150px; position: absolute; top: 0px; right: 0px; }
#header-2 form { margin: 22px 0px 0px 0px; background: url(/img/search-form-wd.png) no-repeat 0px 0px; height: 40px;}
#header-2 input { background-color: transparent; border-style: none; width: 190px; margin: 12px 10px; }
#header-2 .submit { margin-left: 8px; width: 30px; }
#header-3 { position: absolute; left: 380px; top: 118px; }
#header-3 a { text-decoration: none; }
#header-3 a:hover { text-decoration: underline; }
#header-3 span { color: #FC0; padding: 10px; }
#content, #contentNoRightColumn { margin: 20px 230px 20px; min-height: 300px; _height: 300px; _width: 100%; }
#contentNoRightColumn { margin-right: 19px; }
#left { width: 220px; position: absolute; left: 0px; top: 140px; padding-bottom: 5px; }
#right { width: 220px; position: absolute; top: 170px; right: 0px; padding-bottom: 5px; }
#left h4, #right h4, .tile h2 { margin: 0px; padding: 0px; border-style: none; color: #000; }
#left h4 img, #right h4 img { display: block; }
#left p, #right p { margin: 0px; }
#left ul, #right ul, .news ul { margin: 0px; list-style: none; }
#left li, #right li, .news li { background: url(/img/arrow-yellow-small.png) no-repeat 0px 3px; padding-left: 15px; }
#right #information li { background-image: url(/img/arrow-gray-dark.png); }
/*
#left .news .date { font-size: 8px; text-align: center; float: right; height: 35px; width: 41px; background: url(/img/icon-novinky.png) no-repeat; padding-top: 4px; margin-left: 10px; }
#left .news h3, #left .news p { font-size: 11px; }
#left .news li { background: url(/img/arrow-transparent-right.png) no-repeat 0px 3px; }
#left .news .blue-line { background: url(/img/blue-line.png) no-repeat; margin: 10px 0px; height: 3px; overflow: hidden; }
*/
#right .icon .kosik { float: left; display: block; background: url(/img/icon-kosik.png) no-repeat left top; height: 37px; width: 50px; margin-right: 5px; }
#right .icon .kosik:hover { background: url(/img/icon-kosik.png) no-repeat right top; }
#right .icon p { text-align: center; float: left; height: 40px; width: 110px; padding-top: 5px; _height: 45px; }
#right .icon .big { font-size: 16px; }
#menu a, #information a { text-decoration: none; margin-bottom: 4px; display: block; padding-bottom: 4px; border-bottom: 1px dotted #999; }
#menu a:hover, #information a:hover, .productBox4 a:hover { padding-left: 4px; }
#menu .active, #menu .current { font-weight: bold; }
#menu .active ul, #menu .current ul { font-weight: normal; }
.box-yellow { padding: 0px 25px 5px; background: #FC0 url(/img/box-yellow-center.png) repeat-y; }
.box-yellow-bottom { background: url(/img/box-yellow-bottom.png) no-repeat; height: 20px; }
.box-gray { padding: 0px 25px 5px; background: #E0E0E0 url(/img/box-gray-center.png) repeat-y; }
.box-gray-bottom { background: url(/img/box-gray-bottom.png) no-repeat; height: 20px; }
.box-blue { padding: 0px 25px 5px; background: #E0E0E0 url(/img/box-blue-center-wide.png) repeat-y; }
.box-blue-bottom { background: url(/img/box-blue-bottom-wide.png) no-repeat; height: 20px; }
.box-blue-left { padding: 0px 25px 5px; background: #E0E0E0 url(/img/box-blue-center.png) repeat-y; }
.box-blue-left-bottom { background: url(/img/box-blue-bottom.png) no-repeat; height: 20px; }
/*
.tile { float: left; width: 240px; height: 140px; margin: 0px 5px 10px 5px; overflow: hidden; position: relative; border: 1px dotted #999; background: #FFC; _width: 172px; _height: 167px; }
.tile h2 { color: #006; background: #FC0 url(/img/tile.png) no-repeat right top; padding: 10px; }
.tile ul, .tile p { list-style: none; margin: 10px; line-height: 15px; }
.tile a { color: #000; text-decoration: none; }
.tile a:hover { text-decoration: underline; }
.tile .picture { position: absolute; right: 0px; bottom: 10px; z-index: -1; }
.tile .next { font-weight: bold; color: #006; background: url(/img/tile-next.png) no-repeat; text-transform: uppercase; padding: 2px 0px 2px 28px; }
*/
.tile { float: left; width: 180px; height: 180px; margin: 0px 5px 14px 5px; overflow: hidden; /*border-bottom: 1px dotted #999;*/ position: relative; }
.tile h2 img { display: block; }
.tile .picture { position: absolute; right: 0px; bottom: 10px; z-index: -1; }
.tile ul, .tile p { list-style: none; margin: 4px 30px 8px 0px; line-height: 15px; _width: 135px; }
.tile a { color: #000; text-decoration: none; }
.tile a:hover { text-decoration: underline; }
.tile .next { font-weight: bold; color: #006; background: url(/img/tile-next.png) no-repeat; text-transform: uppercase; padding: 2px 0px 2px 28px; }
#footer { background: #CFC url(/img/footer-center.png) repeat-x; height: 150px; position: relative; margin-bottom: 5px; }
#footer-left { background: url(/img/footer-left.png) no-repeat; height: 150px; width: 20px; position: absolute; left: -14px; top: 0px; }
#footer-right { background: url(/img/footer-right.png) no-repeat; height: 150px; width: 20px; position: absolute; top: 0px; right: -14px; }
#footer p { margin-bottom: 6px; }
#footer input { margin: 2px 0px; }
#footer .submit { padding: 3px 3px 3px 0px; }
#footer .footer-box { float: left; width: 30%; height: 110px; border-right: 1px dotted #FFF; padding-right: 10px; margin: 20px 0px 0px 10px; }
#footer .last { border-right: none; padding-right: 0px; }
#minebot { float: left; margin-right: 10px; }
.topSelling { background: #FFC; padding: 8px 10px 0px; margin-bottom: 10px; }
.lastVisited { _width: 170px; }
.lastVisited img { margin-right: 10px; float: left; }
.navigation { background: #EEE; padding: 8px 10px; margin-bottom: 1px; }
.navigation a { font-weight: bold; }
.subcategories { background: #EEE; padding: 8px 10px 0 8px; margin: 0px 0px 0px; }
.subcategories ul { list-style: none; margin: 0px; }
.subcategories li { width: 28%; display: block; float: left; background: url(/img/arrow-gray-small.png) no-repeat 0px 3px; padding-left: 15px; margin-right: 10px; margin-bottom: 3px; min-height:30px;}
.subcategories a { text-decoration: underline; }
.subcategories a:hover { text-decoration: none; }
.filters { background: #CFC; padding: 8px 10px; margin-bottom: 2px; overflow: hidden;}
/*.filters form { margin-right: 145px; }*/
.filters form p { display: inline; padding-right: 10px; vertical-align: bottom;}
.filters form p span { white-space: nowrap; }
/*.filters .half-size { width: 120px; }
.filters .half-size input { vertical-align: -20%; margin-right: 2px; } */

.paging { float: right; min-width:160px; max-width: 265px; text-align: right; margin: 8px 10px 0px 0px; }
.paging a { 
    /* padding: 0px 2px; */
    border: 1px solid silver;
    display: inline-block;
    padding: 3px 5px 3px 5px;
    background-color: #CFC;
    text-decoration: none;
    font-size: .9em;
    }
.paging span {font-size: .9em; font-weight:bold;}

.productMiniCard, .productSmallCard { float: left; width: 137px; height: 190px; margin: 0px 3px 10px 3px; padding: 10px; position: relative; overflow: hidden; border-bottom: 1px dotted #999; border-right: 1px dotted #999; _width: 160px; _height: 198px; }
.productMiniCard *, .productSmallCard * { font-size: 11px; }
.productMiniCard img, .productSmallCard img { display: block; }
.productMiniCard h2 { margin: 4px 0px; font-weight: normal; border-style: none; height: 42px; overflow: hidden; }

.productMiniCard div, .productSmallCard div {margin:0; float:right;}
.productMiniCard strong, .productSmallCard strong { padding: 0px; font-size: 110%;}
.productMiniCard del, .productSmallCard del { padding: 0px; font-size: 100%; color: #C00; font-weight: bold; margin-right: 2px; text-decoration: none;}
.productSmallCard { width: 232px; height: 172px; _width: 254px; _height: 194px; }
.productSmallCard img { float: left; margin-right: 10px; }
.productSmallCard h2 { margin-bottom: 24px; border-style: none; height: 28px; overflow: hidden; }
.productSmallCard p { height: 106px; margin-bottom: 3px; overflow: hidden; font-size:85%; margin-top:0; }

.productBigCard { margin: 0px 0px 10px; padding: 10px; position: relative; border: 1px dotted #999; }
.productBigCard img { display: block; float: left; margin-right: 10px; }
.productBigCard .price, .productBigCard select, .productBox2 select { float: right; max-width: 200px;}
.productBigCard .option { margin: 10px 0px; padding: 6px 10px; background: #FFC; _margin-left: 120px; line-height: 18px; }
.productColumn1 { float: left; width: 300px; margin-right: 20px; position: relative; }
.productColumn1 #productPicture { display: block; margin-bottom: 5px; height: 300px; width: 300px; }
.productColumn1 img { display: block; margin-bottom: 5px; }
.productColumn2-3 { margin-left: 320px; _width: 100%;  max-width: 690px;}
.productColumn2 { float: left; width: 48%; }
.productColumn2 div { margin-top: 5px; }
.productColumn2 span { float: right; }
.productColumn2 ul { margin: 3px 0px 0px; }
.productColumn2 li { padding-bottom: 2px; }
.productColumn2 .divider { clear: both; height: 5px; overflow: hidden; margin-top: 5px; border-top: 1px dotted #0C3; }
.productColumn3 { float: right; width: 48%;}
.productBox1, .productBox2, .productBox3 { padding: 8px 10px; margin-bottom: 10px; }
.productBox1 { background: #CFC; line-height: 20px; }
.productBox1 strong { float: right; }
.productBox1 .highlight { font-size: 18px; }
.productBox2 { background: #FFC; }
.productBox2 #product_ks { font-size: 16px; margin-bottom: 2px; }
.productBox3 { background: #EEE url(/img/nakupujete-pro-firmu.png); padding-top: 43px; padding-left: 85px; }
.productBox4 {padding-left: 12px;}
.productBox4 a { line-height: 16px; text-decoration: none; }
.productBox4 img { vertical-align: baseline; padding-right: 5px; }
.acParBox { position: absolute; left: 10px; top: 5px; /*text-transform: uppercase;*/ color: #FFF; line-height: 14px; }
.productSmallCard .acParBox { top: 40px; }
.acParBox .acPar { float: left; border: 1px solid #FFF; background: #0C3; margin: 1px; cursor: default; display: block; padding: 0px 5px; font-size: 9px; font-weight: bold; }
.twoColumns { float: left; width: 49.9%; }
.twoColumns .inner { border: 1px dotted #999; padding: 10px; margin: 0px 10px 10px 0px; }
.twoColumns .inner div { text-align: right; }
.twoColumns h2 { border: none; }
.twoColumns h2 a { color: #66C; }
.cartImage { float: left; margin-right: 10px; border: 2px solid #FFF; }
.gift { color: #C00; background: url(/img/icon-darek.png) no-repeat right top; padding: 4px 0px; border-top: 1px dotted #C00; border-bottom: 1px dotted #C00; }
#box_vhozeni { background: #C00; padding: 8px 10px; margin-bottom: 15px; }
#box_vhozeni * { color: #FFF; }
#box_vhozeni p { margin-bottom: 2px; }
#box_vhozeni strong { font-size: 14px; }
#bookmarks { border-bottom: 2px solid #006; list-style: none; margin: 20px 0px 10px; padding-left: 5px; height: 35px; overflow: hidden; }
#bookmarks li { background: #006 url(/img/smart-bookmark.png) no-repeat left top; height: 35px; width: 100px; float: left; }
#bookmarks li:hover { background: #006 url(/img/smart-bookmark.png) no-repeat left bottom; }
#bookmarks a { color: #FFF; display: block; text-decoration: none; padding: 6px 12px; text-align: center; cursor: pointer; font-size:85%; }
#souboryKeStazeni a { text-decoration: none; }
.odd_row td { background: #33D85C; }
.smtable {width:800px}
.napoveda { background: url(/img/napoveda.gif) no-repeat; width: 200px; float: right; overflow:hidden; }
.napoveda * { font-size: 11px; }
.napoveda h6 { background: #FC0; padding: 5px 10px; margin: 0px 0px 0px 8px; color: #000; }
/.napoveda p { background: #FFC; padding: 5px 10px 8px; margin: 0px 0px 10px 8px; }*/
.noStyle td { padding: 2px 5px 0px 0px; text-align: left; vertical-align: middle; border: none; background: none; }
#addComment { margin-top: 10px; }
.comment { border: 1px dotted #999; padding: 10px 10px 0px; margin-top: 10px; }
.commentHead { color: #999; margin-bottom: 5px; font-size: 11px; font-style: italic; }
.commentText { background: url(/img/icon-discuss.gif) no-repeat 0px 2px; padding-left: 45px; }
.commentText h5 { color: #66C; margin-bottom: 2px; }
.clearTable th, .clearTable td { border: none; background: none; padding: 5px 20px 5px 0px; }
/*doplneno JAM*/
/*.orderSteps { width:100%;}
.orderSteps th {padding-top: 5px; color: #fff; font-size: 24px; width: 25px; background: #000; text-align:center; -moz-border-radius: 5px; border-radius: 5px;}
.orderSteps th.orderStepsCurrent { background: #ed1c24; }
.orderSteps td { padding-top: 5px; border: 0px; font-weight: bold;}
.orderSteps a { color: #444; }
.orderSteps .orderStepsCurrent * { color: #ed1c24; }
*/
.messages { font-weight: bold; /*color: #FFF;*/ background: #C00; padding: 10px; margin-bottom: 20px; }
.message-error, .message-info { color: #0C3; background: #FFF;}
label.error { font-weight: bold; color: #F00; padding:3px; display: none; }
.kosik { width: 100%; }
.kosik tr.SET td {background: #D1E1E9;}
.kosik tr.SUBSET td {background: #E1F1F9;}
.kosik tr.PRODUCT td {}
.kosik tr.HAS_GIFT td {background: #E5E5E9;}
.kosik tr.GIFT td {background: #F5F5F9;}
.field_a {display: none;}
.table-payu td {background: #FFF; border: 1px solid #FFF;}
/* ulozenka styly */
.pobocka { float: left; border-bottom: 1px solid #1595D3; padding-bottom: 25px; margin-bottom: 25px; }
.pobocka .pobocka_tab { padding: 0px 25px; }
.pobocka .pobocka_img, .pobocka .pobocka_tab, .pobocka .pobocka_map { float: left; width: 300px; }
/*vyuziti vice kategorii skryvani z boardu pro platby*/
#more-categories, #less-categories, #change-currency { float: right; margin-left: 5px; font-weight: bold; text-decoration: none; }
#more-categories, #less-categories { display: none; }
#more-categories:hover, #less-categories:hover, #change-currency:hover { color: #C00; }
.more-categories { overflow: hidden; }
#podrobnyPopis h3 { clear:both; }
.hp-content { width: 760px; }
.content-left { float:left; width: 370px; overflow:hidden; }
.content-left h4, .content-right h4 { margin-bottom: -3px; }
.content-right { float:right; width: 370px; }
.news .date { font-size: 8px; text-align: center; float: right; height: 35px; width: 41px; background: url(/img/icon-novinky.png) no-repeat; padding-top: 4px; margin-left: 10px; }
.news h3, #left .news p { font-size: 11px; }
.news li { background: url(/img/arrow-transparent-right.png) no-repeat 0px 3px; }
.news .blue-line { background: url(/img/blue-line.png) repeat; margin: 10px 0px; height: 1px; overflow: hidden; }

#skyscraper { position: absolute; padding: 0px 0px 20px 20px; left: 990px; top: 200px; }
.productMiniCardHP { width: 128px; }
.fb-like-box { margin-left: 5px;}
.gallery { float: left; margin: 0px 10px 10px 0px; width: 120px; overflow: hidden; }
.gallery div { margin-top: 2px; font-size: 11px; }
.catBanner { float:left; width: 50%; text-align:center; min-width:390px; margin-bottom:0 0 5px 0px;}

#more-shipping, #less-shipping {
border-bottom: 1px dotted silver;
border-left: 1px dotted silver;
border-right: 1px dotted silver;
display: inline-block;
padding: 2px 8px 2px 8px;
background-color: rgb(238, 238, 238);
text-decoration: none;
font-size: .9em;
}

#more-cats, #less-cats {
border-bottom: 1px dotted silver;
border-left: 1px dotted silver;
border-right: 1px dotted silver;
padding: 2px 8px 2px 8px;
background-color: rgb(204, 255, 204);
font-size: .9em;
display:none;
}
#more-cats span, #less-cats span {text-decoration: none;}

#more-shipping, #less-shipping { display: none; }

#change-currency { float: right; margin-left: 5px; font-weight: bold; text-decoration: none; }
#change-currency:hover { color: #C00; }
.more-shipping { overflow: hidden; }
.productBox2 span { float: right; }
.transport { margin: 10px 0px; }

.varianty { width: 100%; }
.varianty th, .varianty td { background: none; border: none; border-bottom: 1px dotted #0C3; }
.orderSteps td { background: #FFF; }
#orderProcess { max-width: 800px; }

.article-column-right { float: right; position: relative; width: 300px; }
.article-column-right img { display: block; }
.article-column-right .thumbnail { display: block; height: 300px; width: 300px; margin-bottom: 5px; }

.status {
  	-moz-border-radius: 4px; /* Firefox */
  	-webkit-border-radius: 4px; /* Safari and Chrome */
	  border-radius: 4px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3*/
    display: inline-block;
    color: rgb(255, 255, 255);
    padding: 0px 5px;
    font-size: 11px;
    line-height: 18px;
    font-weight: bold;
    margin: 0px 0px 2px;
}

.status.akce {
	background: #F00D53;  /* pre prehliadače bez podpory CSS*/
	background: -webkit-gradient(linear, left top, left bottom, from(#F00D53), to(#B80936));  /* Safari, Chrome  */
	background: -moz-linear-gradient(top,  #F00D53,  #B80936);  /* Firefox 3.6+ */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F00D53', endColorstr='#B80936'); /* IE */
}
.status.skladem {
	background: #4CDC70;  /* pre prehliadače bez podpory CSS*/
	background: -webkit-gradient(linear, left top, left bottom, from(#4CDC70), to(#2EC052));  /* Safari, Chrome  */
	background: -moz-linear-gradient(top,  #4CDC70,  #2EC052);  /* Firefox 3.6+ */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4CDC70', endColorstr='#2EC052'); /* IE */
}
.status.tip {
	background: #7ADBE2;  /* pre prehliadače bez podpory CSS*/
	background: -webkit-gradient(linear, left top, left bottom, from(#7ADBE2), to(#2398A2));  /* Safari, Chrome  */
	background: -moz-linear-gradient(top,  #7ADBE2,  #2398A2);  /* Firefox 3.6+ */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ADBE2', endColorstr='#2398A2'); /* IE */
}
.status.vyprodej {
	background: #5959BF;  /* pre prehliadače bez podpory CSS*/
	background: -webkit-gradient(linear, left top, left bottom, from(#5959BF), to(#000066));  /* Safari, Chrome  */
	background: -moz-linear-gradient(top,  #5959BF,  #000066);  /* Firefox 3.6+ */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5959BF', endColorstr='#000066'); /* IE */
}
.status.darek {
	background: #990099;  /* pre prehliadače bez podpory CSS*/
	background: -webkit-gradient(linear, left top, left bottom, from(#990099), to(#69006B));  /* Safari, Chrome  */
	background: -moz-linear-gradient(top,  #990099,  #69006B);  /* Firefox 3.6+ */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#990099', endColorstr='#69006B'); /* IE */
}
.status.novinka {
	background: #FECB00;  /* pre prehliadače bez podpory CSS*/
	background: -webkit-gradient(linear, left top, left bottom, from(#FECB00), to(#EDBE00));  /* Safari, Chrome  */
	background: -moz-linear-gradient(top,  #FECB00,  #EDBE00);  /* Firefox 3.6+ */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FECB00', endColorstr='#EDBE00'); /* IE */
}
.status.doprava_zdarma {
	background: #0A90D1;  /* pre prehliadače bez podpory CSS*/
	background: -webkit-gradient(linear, left top, left bottom, from(#AED5EA), to(#0A90D1));  /* Safari, Chrome  */
	background: -moz-linear-gradient(top,  #AED5EA,  #0A90D1);  /* Firefox 3.6+ */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#AED5EA', endColorstr='#0A90D1'); /* IE */
}


#catdescr-down span {
border-bottom: 1px dotted silver;
border-left: 1px dotted silver;
border-right: 1px dotted silver;
display: inline-block;
padding: 2px 8px 2px 18px;
background: url("/img/bullet-down.gif") no-repeat scroll 6px 0px silver;
background-color: rgb(238, 238, 238);
text-decoration: none;
font-size: .9em;
}
#vyrobci-down span {
border: 1px solid silver;
display: inline-block;
padding: 4px 8px 4px 18px;
background: url("/img/bullet-down.gif") no-repeat scroll 6px 2px silver;
background-color: rgb(238, 238, 238);
text-decoration: none;
font-size: .9em;
/* nestandard                     */
    box-shadow: grey 1px 1px 0px; 
}
#zrusit-filtr span {
border: 1px solid silver;
display: inline-block;
padding: 4px 8px 4px 4px;
background-color: rgb(238, 238, 238);
text-decoration: none;
font-size: .9em;
/* nestandard                     */
    box-shadow: grey 1px 1px 0px; 
}
#hidden-catdescr {display:none;}

.vyrobci { border-top: 1px dotted silver; padding-top: 10px; margin-top: 5px; }
.vyrobci p { width: 125px; float: left; overflow: hidden; margin: 5px 0 0 0; }
.vyrobci .radio-empty, .vyrobci .radio-full { background: url(/img/radio-empty.png) no-repeat 0px 1px; 	padding-left: 16px; line-height: 16px; }
.vyrobci .radio-full { 	background-image: url(/img/radio-full.png); }


#vanoce { background: url(/img/vanoce-pozadi.png) no-repeat left top; width: 100%; height: 800px; }
#vanoce .kategorie { background: url(/img/vanoce-kategorie.png) no-repeat left top; height: 60px; width: 241px; float:left; overflow: hidden; padding: 10px 0px 0px 20px;}
#vanoce .kategorie a { margin: 20px 0px 0px 50px; text-decoration:none; font-weight: bold; }
#vanoce .produkt { background: url(/img/vanoce-pozadi.png) no-repeat left top; }

.sort-by {

  /* background: -moz-linear-gradient(0px 100% 90deg, rgb(229, 234, 241), rgb(99, 123, 173)) repeat scroll 0% 0% transparent; 
    background: rgb(238, 238, 238); 
    border: 1px dotted silver;
    display: inline-block;
    
    padding: 5px;
    font-size: .9em;
    margin-bottom: 0px;
    text-decoration: none;   */
    font-weight: normal;
    font-size: .9em;
    margin-left: 4px;
  }
.sort {
/* border-bottom: 1px solid silver; */

background: rgb(238, 238, 238);
padding: 10px;
margin-bottom: 10px;

}
.half-size {min-width: 100px;}
.zvonek {
    position: absolute;
    display: block;
    float: left;
    width: 56px;
    height: 51px;
    top: -3px;
    left: -5px;
    z-index: 10;
    background: url("/img/zvonecek.png") no-repeat scroll 0px 0px transparent;
}
@font-face {
    font-family: 'DesyrelRegular';
    src: url('desyrel.eot');
    src: url('desyrel.eot?#iefix') format('embedded-opentype'),
         url('desyrel.woff') format('woff'),
         url('desyrel.ttf') format('truetype'),
         url('desyrel.svg#DesyrelRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.hp-box { background-image: url("/img/box2.png"); background-repeat: no-repeat; height: 180px; width: 190px; float: left; }
.hp-box div { /*overflow: hidden;*/ margin: 15px 0px 0px 15px; top:10px; left: 10px; }
.hp-box.akce{ background-image: url("/img/box1.png"); }
.hp-box.akce h2 { color: #FFCC00; }
.hp-box h2 { font-family: 'DesyrelRegular'; font-size: 1.6em; text-transform: uppercase; text-decoration: none; border-bottom: none; font-weight:normal; color: #4140A5; }
.hp-box h2 a { text-decoration: none; }
.hp-box ul { margin: 4px 15px 8px 0px; }
.hp-box a { color: #000; text-decoration: none; }
.hp-box.akce a { color: #EEE; }                                                               
.hp-box a:hover { text-decoration: underline; }
.hp-box img { position: relative; top: -5px; left:15px;}

/* Responsivni design */
@media all and (max-width: 970px) {
.productSmallCard {width:92%; height:auto;}
.productSmallCard p {font-size: 110%;}
.productSmallCard del {font-size: 120%; margin-left:10px;}
.productSmallCard strong {font-size: 120%;}
.productSmallCard h2 a {font-size: 110%;}
}
.imgbox {
margin:0;
width: 300px;
height: 300px;
}
.imgbox img {
display: block;
margin-left: auto;
margin-right: auto 
}

@media only screen and (max-width: 766px) {
/* pokus vypnout pravy a levy sloupec  */
#right {display:none;} 
#left  {display:none;}
#header {display:none;}
#header-1 a { display: block; margin: 30px 0px 0px 40px; height: 60px; width: 270px; }
#header-2 { background: url(/img/header-2.png) no-repeat; width: 50%; height: 150px; position: absolute; top: 0px; right: 0px; }  
#content {margin: 20px 19px 20px 20px; min-height: 300px; _height: 300px; _width: 100%; }}
}