body { min-width: 530px; margin: 0px; padding: 15px 0px 15px 0px; background: #08a5f0 url(/img/bg-body.gif) top left repeat; color: #000; text-align: left; line-height: 125%; }
body, input, select, textarea { font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-size: 12px; }
.clear, .clear2 { visibility: hidden; height: 1px; line-height: 1px; font-size: 1px; overflow: hidden; clear: both; }
.clear2 { margin-top: -1px; }
.none { display: none; }
img { border: none; }
h1, h2, h3, h4, h5, h6 { margin-top: 0px; }
h1, h2 { margin-bottom: 14px; padding: 4px 0px 4px 35px; background: url(/img/bg-h1.gif) center left no-repeat; font-size: 200%; color: #ff0000; line-height: 100%; }
h3 { margin-bottom: 10px; font-size: 133%; }
h4 { margin-bottom: 5px; font-size: 117%; }
h5 { margin-bottom: 3px; font-size: 100%; }
h6 { margin-bottom: 3px; font-size: 100%; }
ul { margin: 0px; margin-left: 15px; margin-bottom: 15px; padding: 0px; list-style-type: square; }
ul li { margin: 0px; margin-bottom: 1px; padding: 1px 0px 1px 0px; }
table { margin: 0px auto 15px auto; border-collapse: collapse; text-align: center; }
table td { padding: 3px 10px; border: 1px solid #045379; }
table th { padding: 3px 10px; border: 1px solid #045379; font-weight: bold; text-transform: uppercase; background-color: #045379; color: #fff; }
a { text-decoration: underline; color: #29b1f2; }
a:hover { text-decoration: none; }
a:visited { color: #237ea9; }
h2 a, h3 a { text-decoration: none; color: #ff0000; }
h2 a:hover, h3 a:hover { text-decoration: underline; }
p { margin-top: 0px; margin-bottom: 15px; }
form { margin: 0px auto 15px auto; }
legend { font-size: 109%; color: #045378; }
label { display: block; width: 15%; text-align: right; float: left; padding: 3px 10px 3px 0px; }
input { padding: 1px; vertical-align: middle; margin-bottom: 2px; }
select { }
textarea { padding: 2px; border: 1px solid #08a5f0; }
ul ul { margin-bottom: 0px; }
table td.l, table th.l { text-align: left; }
table td.r { text-align: right; }
table td.c { text-align: center; }
form p { margin-bottom: 5px; }
form div { text-align: right; }
#container { width: 978px; margin: 0px auto; padding: 0px; background: #fff url(/img/bg-container.gif) bottom left repeat-y; }
#header { position: relative; width: 978px; margin: 0px; padding: 0px; overflow: hidden; background: url(/img/bg-header.gif) top left no-repeat; }
#main { float: left; width: 745px; margin-top: 30px; padding-left: 9px; }
#content { float: right; width: 530px; padding: 0px 0px 90px 0px; }
#menuColumn { float: left; width: 185px; padding: 0px 0px 120px 0px; }
#infoColumn { float: right; width: 185px; margin-top: 30px; padding: 0px 9px 40px 0px; }
#footer { position: relative; clear: both; width: 978px; padding: 0px 0px 19px 0px; background: url(/img/bg-footer.gif) bottom left no-repeat; }
#header h1 { position: absolute; top: 33px; left: 47px; width: 270px; height: 70px; line-height: 45px; overflow: hidden; z-index: 10; margin: 0px; padding: 0px; font-size: 333%; color: #fc0000; text-transform: none; }
#header h1 span { display: block; line-height: 16px; font-size: 30%; color: #045378; }
span#logo { position: absolute; top: 33px; left: 47px; display: block; width: 270px; height: 70px; z-index: 20; background: url(/img/bg-logo.gif) top left no-repeat; }
a#homeLink { position: absolute; top: 33px; left: 47px; display: block; width: 235px; height: 65px; text-decoration: none; z-index: 30; }
a#homeLink span { visibility: hidden; }
a.jumpLink { position: absolute; left: -9999px; top: 33px; }
a.jumpLink:active, a.jumpLink:focus { top: 33px; left: 47px; display: block; width: 229px; line-height: 59px; border: 3px solid #04567d; background: #0679af; color: #fff; text-align: center; font-size: 117%; text-transform: uppercase; font-weight: bold; z-index: 40; }
#headerMenu { position: absolute; top: 90px; left: 395px; margin: 0px; padding: 0px; list-style-type: none; overflow: auto; }
#headerMenu li { float: left; width: 130px; height: 30px; padding: 0px; margin: 0px 5px 0px 0px; background: #045c86 url(/img/bg-headerMenu-li.gif) top left no-repeat; line-height: 30px; text-align: center; }
#headerMenu li a { color: #fff; text-decoration: none; }
#headerMenu li a:hover { text-decoration: underline; }
#headerMenu li a:hover span { border-bottom: 1px solid #fff; }
#headerMenu li.actual span { border-bottom: 1px solid #fff; }
#searchForm { position: absolute; top: 30px; right: 42px; width: 340px; height: 60px; overflow: hidden; margin: 0px; padding: 0px; }
#searchForm label { display: none; }
#searchForm input { margin: 0px; border: none; }
#searchForm input:active, #searchForm input:focus { margin: 0px; border: none; padding: 0px; }
#searchForm #search { width: 175px; height: 24px; padding: 5px 15px 0px 15px; background: #ddd url(/img/bg-search.gif) top left no-repeat; color: #045378; }
#dogs { position: relative; width: 960px; height: 200px; margin: 120px 9px 0px 9px; border-bottom: 5px solid #045378; background: #738e1c url(/img/bg-dogs.jpg) top left no-repeat; }
.infoBox { position: absolute; left: 40px; width: 205px; height: 30px; padding: 10px 0px 10px 70px; background-color: #2e6759; background-position: top left; background-repeat: no-repeat; overflow: hidden; color: #fff; }
.infoBox h3 { display: none; }
.infoBox .upperBox { font-size: 150%; font-weight: bold; margin-bottom: 5px; }
.infoBox .lowerBox { color: #000; }
.infoBox a { color: #a3b2ae !important; text-decoration: underline; }
.infoBox a:hover { text-decoration: none; }
#dogBoxTop { top: 20px; background-image: url(/img/bg-dogBoxTop.jpg); }
#dogBoxMiddle { top: 75px; background-image: url(/img/bg-dogBoxMiddle.jpg); }
#dogBoxBottom { top: 130px; background-image: url(/img/bg-dogBoxBottom.jpg); }
#menuColumn h3 { height: 40px; margin-bottom: 15px; padding: 0px 0px 0px 30px; line-height: 40px; background: #045379 url(/img/bg-menuColumn-h3.gif) top left no-repeat; color: #fff; font-weight: normal; }
#menuColumn h3 a { color: #fff; }
#menuColumn h4 { padding: 0px 0px 0px 25px; margin-left: 10px; }
#leftMenu { margin: 0px 0px 30px 30px; padding: 0px; list-style-type: none; font-size: 116%; }
#leftMenu li { margin: 0px; padding: 8px 0px; border-bottom: 1px solid #cccccc; font-weight: bold; }
#leftMenu li.current { background: url(/img/bg-menuLeft-actual.gif) 128px 8px no-repeat; }
#leftMenu li.secActive { background: url(/img/bg-menuLeft-actual.gif) 128px 8px no-repeat; }
#leftMenu li a { text-decoration: none; color: #045378; }
#leftMenu li a:hover { text-decoration: underline; }
#leftMenu ul { margin-top: 8px; margin-bottom: -8px; margin-left: 0px; list-style-type: none; }
#leftMenu ul li { padding-left: 13px; border-top: 1px solid #cccccc; border-bottom: none; }
#leftMenu ul a { color: #ff0000; }
#leftMenu ul ul a { color: #000; font-weight: normal; font-size: 90%; }
#menuColumn .smallForm { margin: 0px 0px 30px 30px; font-size: 90%; text-align: left; color: #045378; }
#menuColumn .smallForm input { padding: 0px; margin: 0px; margin-bottom: 5px; }
#infoColumn h3 { height: 40px; margin-bottom: 15px; padding: 0px 30px 0px 0px; line-height: 40px; background: #045379 url(/img/bg-infoColumn-h3.gif) top left no-repeat; color: #fff; font-weight: normal; text-align: right; }
#infoColumn h3 a { color: #fff; }
#infoColumn a { text-decoration: none; color: #08a5f0; }
#infoColumn a:hover { text-decoration: underline; }
#infoColumn .outerBox, .outerBox { padding: 0px 30px 0px 0px; margin-bottom: 30px; color: #045378; }
.outerBox { padding: 0px 0px 0px 30px; margin-bottom: 30px; color: #045378; }
.vcard { }
.vcard .invisibleTable th { background: none; color: #000; text-transform: none; vertical-align: middle; }
.vcard .invisibleTable td { text-align: right; color: #08a5f0; vertical-align: middle; font-size: 116%; }
.orangeList { list-style-type: none; margin-left: 0px; border-top: 1px solid #ccc; background: url(/img/bg-orangeList.gif) top left repeat-y; color: #08a5f0; }
.orangeList a { color: #08a5f0; }
.orangeList li { width: 105px; position: relative; margin: 0px; padding: 8px 0px 8px 50px; border-bottom: 1px solid #ccc; text-align: right; }
.orangeList li span { position: absolute; top: 17%; left: 0px; display: block; width: 30px; line-height: 100%; color: #fff; font-size: 283%; text-align: center; font-family: Impact, "Techno CE", sans-serif; }
#content p { text-align: justify; }
.greyBox { margin-bottom: 20px; padding: 15px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #f2f2f2; }
#news { margin-top: 20px; padding: 15px 0px 0px 0px; }
.newsBox { float: left; width: 235px; margin: 0px 15px 15px 15px; }
.newsBox { margin-bottom: 0px; }
* html .newsBox { margin: 0px 11px 15px 11px; }
.newsBox h3 { margin-bottom: 7px; color: #08a5f0; font-size: 117%; font-weight: normal; }
.newsBox h3 a { color: #08a5f0; }
.date { margin-bottom: 5px; font-size: 92%; color: #045378; }
#news .newsBox p { margin-bottom: 0px; }
.prodListItem { text-align: center; position: relative; width: 144px; _width: 142px; float: left; margin: 0px 5px 10px; padding: 10px; border: 1px solid #08a5f0; }
.prodListItem a.pict:hover img { opacity: 0.8; }
#content .prodListItem h3 { font-size: 100%; padding: 0px; margin: 5px 0px 0px; overflow: hidden; text-align: left; height: 45px; position: relative; }
#content .prodListItem h3 a { color: #000; }
#content .prodListItem h3 a:visited { color: #666; }
.prodListItem .price { color: #08a5f0; position: absolute; right: 0px; bottom: 0px; }
.acParBox { position: absolute; left: 10px; top: 10px; width: 20px; text-transform: uppercase; color: #fff; text-align: center; line-height: 12px; font-size: 10px; z-index: 20; }
.acParBox span { display: block; margin: 0px 0px 3px 0px; }
.acParBox span.a { background-color: #ff0000; }
.acParBox span.n { background-color: #04567c; }
.acParBox span.s { background-color: #00cc00; }
.acParBox span.t { background-color: #04567c; }
.acParBox span.d { background-color: #00cc00; }
.crumbNavigation { margin-bottom: 12px; }
.crumbNavigation a { padding: 0px 5px 0px 13px; background: url(/img/bg-crumbAnchor.gif) center left no-repeat; color: #08a5f0; text-decoration: underline; }
.crumbNavigation a:hover { text-decoration: none; }
.sortForm { float: left; margin: 0px 5px 0px 0px; padding: 0px; text-align: right; }
.sortForm fieldset { margin: 0px; padding: 0px; border: none; }
.sortForm legend { display: none; }
.sortForm label { width: auto; text-align: left; padding: 3px 0px; }
#catNav { padding: 5px 15px; }
#catNav { padding: 5px 15px 0px 15px; }
.paging { float: right; padding-top: 4px; }
#content .paging h4 { display: none; }
.paging a { font-weight: bold; text-decoration: none; color: #000; }
.paging .actual { color: #08a5f0; }
.paging a:visited { font-weight: bold; text-decoration: none; color: #666; }
.paging a:hover { text-decoration: underline; }
.paging table { width: auto; margin: 0px; padding: 0px; border-collapse: collapse; border: none; }
.paging table td { padding: 0px 4px; border: none; vertical-align: middle; }
.paging a.prevPage, .paging a.nextPage { display: block; width: 15px; height: 18px; font-size: 1px; text-decoration: none !important; }
.paging a.prevPage span, .paging a.nextPage span { visibility: hidden; }
.paging a.prevPage { background: url(/img/bg-prevPage.gif) center center no-repeat; }
.paging a.nextPage { background: url(/img/bg-nextPage.gif) center center no-repeat; }
.paging a.prevPage:hover { background-image: url(/img/bg-prevPage-active.gif); }
.paging a.nextPage:hover { background-image: url(/img/bg-nextPage-active.gif); }
.leftColumn { width: 360px; float: left; margin-bottom: 15px; }
.rightColumn { width: 150px; float: right; margin-bottom: 15px; }
.prodImage { position: relative; width: 350px; padding: 4px; border: 1px solid #08a5f0; text-align: center; font-size: 1px; line-height: 1px; }
.prodImage a:hover img { opacity: 0.8; }
.prodImage .acParBox { width: 100px; }
.greyTable { width: 100%; margin: 0px auto 20px auto; }
.greyTable th { padding: 4px 0px 0px 10px; border: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: left; font-weight: normal; text-transform: none; background: #f2f2f2; color: #000; vertical-align: top; }
.greyTable td { padding: 15px 10px 3px 0px; border: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: right; color: #29b1f2; font-weight: bold; background: #f2f2f2; font-size: 108%; vertical-align: bottom; }
.greyTable td.red { color: #f00; }
.greyTable td.green { color: #0c0; }
.greyTable a { text-decoration: none; }
.greyTable a:hover { text-decoration: underline; }
.prodForm { width: 100%; margin-bottom: 15px; padding: 0px; text-align: right; background: url(/img/bg-prodForm.gif) top center no-repeat; }
.prodForm fieldset { margin: 0px; padding: 0px; border: none; }
.prodForm legend { display: none; }
.prodForm label { width: 60px; height: 45px; text-align: center; padding: 15px 0px 0px; background: #81d047 url(/img/bg-star.gif) top left no-repeat; color: #fff; cursor: pointer; }
.prodForm label span { font-size: 250%; display: block; margin-bottom: 3px; }
.prodForm input { text-align: center; }
.imageItem { width: 164px; float: left; margin: 0px 1px 4px; border: 1px solid #d9e6de; overflow: hidden; height: 192px; text-align: center; }
.imageItem a.pict img { padding: 4px 0px; }
.imageItem a.pict:hover img { opacity: 0.8; }
.imageItem div { overflow: hidden; line-height: 125%; text-align: left; padding: 0px 11px; }
.flRiPic { float: right; margin: 0px 0px 15px 15px; }
.flLePic { float: left; margin: 0px 15px 15px 0px; }
.cartTable { width: 100%; margin-bottom: 18px; text-align: left; font-size: 92%; border-collapse: separate; border-spacing: 3px; }
.cartTable th { text-align: center; background-position: top left; background-repeat: repeat-x; color: #fff; border: none; background-color: #067cb4; background-image: url(/img/bg-greenCartTable-th.gif); }
.cartTable td { border: none; background-position: top left; background-repeat: repeat; margin: 1px; padding: 2px 10px; background-image: url(/img/bg-greenCartTable-td.gif); }
#content .cartTable a { color: #000; }
.cartTable form { margin: 0px; padding: 0px; }
.cartTable form fieldset { margin: 0px; padding: 0px; border: none; }
.cartTable form legend { display: none; }
.cartTable label { display: inline; width: auto; text-align: left; float: none; padding: 0px; }
.cartTable textarea { width: 98%; }
.sButton { font-size: 11px; }
.sumPrice { font-weight: bold; }
.sumPrice div { float: right; margin-left: 40px; }
.hide td, .hide th { border: none !important; }
.inSelWid input, .inSelWid select { width: 170px; padding: 1px; }
#footerBox { width: 880px; margin: 0px auto; padding: 25px 40px 15px 40px; background: #04567c url(/img/bg-footerBox.gif) top left repeat-x; }
#footerPets { display: block; position: absolute; top: -101px; left: 50px; width: 184px; height: 143px; background: url(/img/bg-footerPets.jpg) top left no-repeat; z-index: 10; }
#copyInfo { position: relative; float: left; width: 190px; margin-right: 50px; font-size: 83%; z-index: 20; }
#footer a { color: #000; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#minebot { position: relative; width: 88px; height: 21px; margin-top: 15px; border: 1px solid #ababab; padding: 0px; text-align: center; }
.noJS { position: absolute; top: 0px; left: 0px; width: 88px; height: 21px; }
#minebot a.mb_logo { display: block; position: absolute; top: 21px; left: -1px; height: 10px; line-height: 10px; width: 88px; border: 1px solid #ababab; background-color: #ababab; color: #000; }
#minebot a.mb_logo:visited { color: #666; }
#minebot a.mb_logo:hover { color: #dddddd; text-decoration: none; }
#footer ul { float: left; border-left: 1px solid #000; margin: 0px 55px 0px 0px; padding: 4px 0px 4px 30px; list-style-type: none; line-height: 21px; }
* html #footer ul { margin: 0px 50px 0px 0px; }
#footer ul li { margin: 6px 0px; padding: 0px; }
#footer ul li a { color: #fff; }
#footer ul li img { vertical-align: middle; }
.inputBorder { border: 1px solid #08a5f0; }
.noBkg { background: none !important; }
.noPadL { padding-left: 0px !important; }
.marL5 { margin-left: 5px; }
.padT15 { padding-top: 15px !important; }
.marB0 { margin-bottom: 0px !important; }
.w40 { width: 40px !important; }
.w50 { width: 50px !important; }
.w60 { width: 60px !important; }
.w70 { width: 70px !important; }
.w90 { width: 90px !important; }
.w110 { width: 110px !important; }
.w140 { width: 140px !important; }
.w150 { width: 150px !important; }
.w350 { width: 350px !important; }
.noBor { border: none !important; }
.bold { font-weight: bold; }
.del { text-decoration: line-through; }
.cAlign { text-align: center; }
.rAlign { text-align: right; }
.lAlign { text-align: left; }
.tVAlign { vertical-align: top; }
.upper { text-transform: uppercase; }
.vyzadovano { font-weight: bold; color: #00206a; }
a.reverseDecoration { text-decoration: none; }
a.reverseDecoration:hover { text-decoration: underline; }
a.arrowAnchor { font-weight: bold; padding-left: 22px; background: url(/img/bg-menuLeft-actual.gif) center left no-repeat; }
.arrowAnchor { font-weight: bold; padding-left: 22px; background: url(/img/bg-menuLeft-actual.gif) center left no-repeat; }
h2.borderBottom { margin-bottom: 12px; padding-left: 5px; padding-bottom: 4px; background: none !important; border-bottom: 3px double #045379; }
h3.borderBottom { margin-bottom: 8px; padding-left: 5px; padding-bottom: 3px; border-bottom: 2px solid #045379; }
h4.borderBottom { margin-bottom: 5px; padding-left: 5px; padding-bottom: 1px; border-bottom: 1px solid #045379; }
ul.darkArrow, ul.linkList { margin: 0px; margin-bottom: 15px; padding: 0px; list-style-type: none; }
ul.darkArrow li, ul.linkList li { padding: 2px 0px 2px 16px; margin: 0px 0px 10px 0px; background: url(/img/ls-darkArrow.gif) 0px 1px no-repeat; }
ul.invisibleList { margin: 0px; margin-bottom: 15px; padding: 0px; list-style: none; }
#content ul.invisibleList li { padding: 0px; margin: 0px; margin-bottom: 3px; background: none; }
.invisibleTable { width: 100%; text-align: left; margin-bottom: 15px; }
#content .invisibleTable td, #infoColumn .invisibleTable td { padding: 2px 0px; border: none; }
#content .invisibleTable th, #infoColumn .invisibleTable th { padding: 2px 0px; border: none; background: none; font-weight: bold; text-transform: none; color: #000; }
.fancyTable { width: 100%; border: none; padding: 0px; margin: 0px auto 15px auto; border-collapse: separate; border-spacing: 6px 0px; }
.fancyTable td { padding: 3px 10px; border: none; border-bottom: 1px solid #045379; }
.prouzky { width: auto; margin-bottom: 15px; text-align: left; }
.prouzky th { padding: 2px 6px; font-weight: bold; border: none; color: #fff; background-color: #045379; }
.prouzky td { padding: 2px 6px; border: none; color: #fff; background-color: #045379; }
#content .prouzky .sudy_radek th, #content .prouzky .sudy_radek td { background: #fff; color: #000; }
.wellstyled { width: 100%; }
.wellstyled th { padding: 8px 12px; border: 1px solid #fff; color: #fff; text-transform: none; background-color: #045379; }
.wellstyled td { padding: 6px 12px; border-color: #fff; background-color: #eee; }
form.smallForm { margin: 0px; padding: 0px; margin-bottom: 15px; }
form.smallForm fieldset { margin: 0px; padding: 0px; border: none; }
form.smallForm legend { display: none; }
input.btn { padding: 1px 5px !important; }
form input.shaded { height: 16px; line-height: 16px; padding: 1px 2px; border: 1px solid #045379; background: #d2d2d2 url(/img/bg-shaded.gif) top left repeat-x; }
.infoBoxOuter { width: 520px; margin-bottom: 15px; padding: 5px; border: 1px solid #d9e6de; }
.infoBoxInner { width: 510px; padding: 8px 10px; background: #045379; color: #fff !important; }
.dottedBottom { width: 530px; margin: 0px auto 15px auto; padding: 0px; border-bottom: 1px dotted #045379; }
.borderCornerBox { width: 504px; margin: 0px auto 15px auto; padding: 13px 11px 1px 15px; border-left: 4px solid #045379; border-top: 2px solid #045379; }
.sideBorderBox { width: 506px; margin: 0px auto 15px auto; padding: 5px 11px 1px 13px; border-left: 4px solid #045379; border-right: 2px solid #045379; }
.bottomBorderBox { width: 500px; margin: 0px auto 15px auto; padding: 0px 15px 0px 15px; border-bottom: 4px solid #045379; }
.catList { margin: 10px 0; padding: 0; }
.catList li { float: left; height: 20px; margin: 0px 5px 1px 0; overflow: hidden; padding: 0; width: 170px; }
.catList li a { display: block; font-weight: bold; padding: 3px 0 0 25px; line-height: 15px; }
.tLeft { text-align: left; }
#kategoriedetail li, #vyrobcedetail li, #akcedetail li { font-weight: bold; padding-left: 22px; background: url(/img/bg-menuLeft-actual.gif) center left no-repeat; list-style: none; }