body { font-family: "Trebuchet MS", Helvetica, sans-serif; margin: 0;background: #000000; color: #ffffff; font-size:13px;}
#bodyweb {margin: 0 auto;}

a { text-decoration: none; }
a:link { color: #ffffff; }
a:visited { color: #ffffff; }
a:hover { color: #b40c1b;text-decoration:underline; }
a:active { color: #ffffff; }

h1 { color: #b40c1b; font-size: 24px; }
h1#headdet { margin:0; font-size:28px; color: #ffffff; }
h2 { color: #b40c1b; font-size: 16px; }
h2.catname { color: #ffffff; font-size: 16px;height:190px; }

form {margin-top: 0; margin-bottom: 0;}
img {border: 0;}
ul { list-style: none;margin: 0;padding: 0;}
main { padding-top: 15px;}

a.alternate, a.alternate:active { text-decoration:none;color: #b40c1b; }
a.alternate:hover{ text-decoration:underline; color: #ffffff; }

hr.redbord {background: url('/images/supp_kat_odd_bgr.gif') no-repeat top center; height: 6px; padding: 0; margin: 0;border:0;}

/* new index*/
#paging {text-align: right;font-size: 0.8em; padding:5px;vertical-align: middle;float:right;}
#paging a {text-decoration: none; color: #78797b;vertical-align: middle;}
#paging a#aktpage {text-decoration: underline;vertical-align: middle;}
#paging #pagesite {padding:2px 0 2px 7px;position: relative;float:right;}
#paging #prev {position: relative;float:right;}
#paging #next {position: relative;float:right;padding-left: -5px;}
ul#newsBox { width: 100%;display: inline-block;}
ul#newsBox li { border-left: 1px solid #af0a18; color: #888888; padding: 8px 12px;}
div#newsHead { height: 18px; margin: 14px 0;}
div#newsHead h2 { float: left; font-size: 18px;}
div#newsHead a { float: right; color: #888888;}
/* new index*/

/* suppshop - top & bottom*/
#loginrow { color: #FFFFFF; height: 31px; text-align: right;}
#headimg { height: 190px;cursor:pointer;text-align:right;vertical-align:top;background: url('/images/eshop-hlavicka.jpg') no-repeat top left #000000;}
#headClick { height: 135px;cursor:pointer; float: left; width: 78%;}
#basketHead {font-size: 14px; padding: 15px 15px 10px 0; background: #791013 url('/images/basket_shop.png') no-repeat 8px 11px; border: 1px solid #1b1b1b; width: 22%; height: 50px;float:right; cursor: pointer;margin-top: 10px;}
#basketHead span {position: relative; top: 10px; }
#headlink { height: 30px; font-size: 15px; padding: 5px;font-family: 'Oswald', sans-serif; text-align:right;}
#headlink a, #loginrow { text-decoration: none; }
img#supplogo {position:relative;top:8px;}
#basketh { width:100%;}
.leftmenu .oneArticle { font-size: 18px; padding: 7px 20px 5px; cursor: pointer;font-family: 'Oswald', sans-serif; }
.leftmenu { margin-bottom: 10px;}
.leftmenu a { text-decoration: none; }
hr.artodd { margin: 0; padding: 0;background:#5b0c0e; height: 1px; border: 0;}
.oneArticle { cursor: pointer; font-size: 12px; text-align: left; }
.oneArticle:hover, #oneActive { color:#b40c1b;}
.oneArticle img { border: 1px solid #eeeeee; float: left; margin: 5px; width: 58px;}
.oneArticle span { font-size: 10px;}
.oneArticlehr { font-size: 10px; padding: 0 13px; }
.infbox {font-family: 'Oswald', sans-serif;color: #b40c1b; font-size: 19px;padding:2px 2px;}
footer {text-align:left;padding:0 0 100px;}
footer p {text-align:right;color: #b40c1b;padding: 10px 20px; background: url('/images/e-shop-linka-paticka.jpg') no-repeat top center; }
.dateint {color:#AF0A18;font-weight:bold;}
.redod {background:#5b0c0e;height:1px;padding:0;border:4px solid #000000;}
a.selcur {font-weight:bold;}
img#fanatyk { bottom: 330px; float: right; position: relative;}
/* suppshop - top & bottom*/

/* suppshop - kategory*/
.artBox { display: table; padding-top:14px;width: 100%;}
.artBox li { height: 505px; vertical-align: top; cursor: pointer; }
.artBox h2 { height: 35px; }
.artBox hr {background: url('/images/supp_kat_odd_bgr.gif') no-repeat top center; height: 9px; margin: 20px 0;border:0;display: inline-block;width: 100%; }
.artSizeVar { font-size: 12px; font-weight:normal; width: 100%; text-align: left;height: 35px; }
.artPrice {float:right; padding: 8px 12px; background: #791013; color: #ffffff; font-size:19px; text-align:center; }
.artPriceBig {float:right; width: 180px; padding: 8px 12px; background: #3f3420; color: #ffffff; font-size:20px; text-align:center; }
div.imgarticle { height: 290px; overflow: hidden;}
div.imgarticle img { width: 227px;}
#catHead { font-size: 20px; padding: 5px 15px ; background: #3f3420;text-transform: uppercase; display: inline-block;}
div.imgarticle { height: 360px; overflow: hidden;}
div.imgarticle img { width: 285px;}
#catHead h2 { font-size: 16px; padding: 5px 15px; background: #3f3420;text-transform: uppercase; display: inline-block; margin: 3px;}
div#indexContentBox { display:block; overflow: hidden; max-height: 370px; }
div#sizeFiltr { float:right; font-size: 12px; position: relative; top: 50px;}
.catarticle { font-size: 18px;padding:5px 8px ; width:32%;color:#ffffff;cursor:pointer;vertical-align:top;}
.catarticle div a { position:relative; bottom: -70px; }
.catarticle img.catbox,.catarticle img.newsimg { border: 1px solid #707173;}
.smallhr {background: url('/images/supp_kat_odd_small_bgr.gif') no-repeat top center; height: 10px; border:none; }
div.paging { float: right; }
div.paging a { background: #b40c1b;color: #ffffff; padding: 10px; border-radius: 4px;}
div.paging a#aktpage { background: #791013;}
div.paging a:hover { text-decoration: none;background: #707072;}
/* suppshop - kategory*/

/* suppshop - detail*/
.dotaz {display:none;}
input#pocZb { width: 50px; }
div#orderBox { padding:10px 0;}
div#giftBox { color: #b40c1b; padding: 0 10px 20px 0;}
input.artCount { width: 70px; }
#addBasket { background:#791013; font-size: 19px;width: 100px; padding: 5px; text-align: center;border:none;color:#ffffff;cursor: pointer; float:right;margin: 10px 0; }
#nextStep { font-weight:bold; background:#791013; font-size: 19px;width: 200px; height: 40px; padding: 5px; text-align: center;border:none;color:#ffffff;cursor: pointer;margin-top: 5px;float: right;}
img.smallimg {margin: 13px 15px 0 0; }
img.sizetab {border: none; margin: 5px; }
td#basketDetail {float: right; }
div#basketContent {font-size: 18px; padding: 5px 15px ; background: #791013; display: inline-block;}
p#basketLink {border: none; margin: 5px; text-align: right; }
div#basketHome { position: relative; left: 600px; top: -341px; width: 150px; border-bottom: 1px solid #585858; height: 150px; }
div#basketHome div#basketContent { background: none; font-size: 15px; padding: 10px 0; }
div#basketHome div#basketHead { display: block; }
div.rowHead { background: #3f3420; font-size: 20px; padding: 5px 15px; text-transform: uppercase;}
div#addingBasket, div.addingBasket { font-size: 18px; padding: 30px 15px; color: #ffffff; text-align:center; }
div#addingBasket .flatshop { width: 200px; }
/* suppshop - detail*/

/* suppshop - kosik*/
#mobBasket { display: none; width: 100%; }
table#basketview th { text-align:center; }
table#basketview td { text-align:left; vertical-align:top;border: 0; }
table#basketview .RedUnder { border-bottom: 1px solid #5b0b0e;padding-bottom:10px; margin-bottom:5px; }
table#basketview img { border: 1px solid #707173; width: 60px;margin-right: 4px; }
table#basketview td.sumPrice { font-size: 20px; padding: 5px; text-align: center; margin-top:10px; font-weight: bold; }
table#basketview .ordSum { text-align: right;padding: 5px; margin-top:10px; }
.flatshop { background:#791013; font-size: 19px;width: 100px; padding: 5px; text-align: center;border:none;color:#ffffff;cursor: pointer;}
table#basketview #finalButton { text-align: right;}
.notWare {color: #5b0b0e;}

/* suppshop - kosik*/

/* suppshop - obj*/
.objBox { width: 100%;}
.objBox div { padding: 10px;margin: 10px 0;}
.objBox span { font-weight:bold; color:#791013;font-size:15px;}
.objBox input[type="text"] { width: 170px;padding:2px;border:none;color: #000000;}
.objBox textarea { width: 100%;color: #000000;}
label.transName  { font-weight: bold;}
div#selCountry { height: 250px;  }
div#selCountry div { text-align: center;cursor: pointer; }
table#basketview .notInWare { color: #791013; font-weight:bold;}
div.warning { width: 100%;text-align:center;}
div#noWarning { width: 100%;text-align:center;text-transform: uppercase;font-size:18px;color:#791013;}
button#repair { background:#791013; font-size: 19px;width: 200px; padding: 5px; text-align: center;border:none;color:#ffffff;cursor: pointer;}
.redwar {text-align: center; font-weight:bold; color:#791013;} 
div#orderSumPrice {width:100%; height:50px; padding: 10px 0; } 
div#orderSumPrice span {float:right;padding: 15px;} 
div#orderSumPrice div {background:#791013; font-size: 18px; padding: 5px; text-align: center; margin-top:10px; width:120px; float:right; height: auto; } 
/* suppshop - obj*/

/*watermark*/
.watermark { width: 110px; height: 70px; display: block; z-index: 50; position: relative; }
.akce { background: url('/images/akce.png') no-repeat left transparent;}
.news { background: url('/images/novinka.png') no-repeat left transparent;}
.vyprodano { background: url('/images/vyprodano.png') no-repeat left transparent;}
span.watermark{ position:absolute;padding-top:14px; }
.newsimg { position: relative; top: -68px;}
.newsimgdet { position: relative; top: -67px;border: 1px solid #707173; width: 400px;}
div#imgarticle { height:490px; overflow:hidden; vertical-align:middle; }
div#imgarticle a img { width: 350px;}
/*waterark*/

 /* admin */
.adminm { color:#FFFFFF;background: #791013;font-weight:bold;font-size:15px;border:1px solid #791013;cursor: pointer;}
.adminm:hover {color: #791013;background: #FFFFFF;}
.adminmakt {color: #791013;background: #FFFFFF;font-weight:bold;font-size:15px;border:1px solid #791013;}
.statgraf {background: #004D91;color: #FFFFFF;margin: 0;padding: 0;}
.statgraf:hover { background: #AA1F22;}
.stattab { margin: 0;width:50px;}
.statfan { background: none repeat scroll 0 0 #64A4DA; margin: 0; padding: 0; width:30px;}
.catvyp { color:#FFFFFF;background: #791013;font-weight:bold;font-size:15px;border:1px solid #791013;cursor: pointer;}
.catvyp:hover {color: #791013;background: #FFFFFF;}
.objStat {font-size:15px;}
.objStat th {color:#FFFFFF;background: #791013;font-weight:bold;border:1px solid #791013;}
.objStat td {vertical-align:bottom;}
tr.oneWarn td {background:#A57072;}
tr.twoWarn td {background:#E2343A;}
tr.threeWarn td {background:#FF0008;}
div#orderHistoryUser, div#orderHistoryIp, div#payuStatusChanges {float:right; width: 350px;}
div#orderHistoryIp, div#orderHistoryUser {clear:both;}
div#orderHistoryUser div, div#orderHistoryIp div {margin-right: 5px; float:left;}
/* admin */

/* autocomplete*/
.autocomplete-w1 { left: 0; margin: 8px 0 0 6px; position: absolute; top: 0; font-size: 10pt;color: #FFFFFF; }
.autocomplete { background: #E5847E; border: 1px solid #999999; cursor: default; margin: -6px 6px 6px -6px; max-height: 500px; overflow: auto; text-align: left; }
.autocomplete .selected { background: #791013; }
.autocomplete div { padding: 2px 5px; white-space: nowrap; }
.autocomplete strong { color: #B40C1B; font-weight: bold; }
/* autocomplete*/

/* obj step*/
div#orderSteps { padding: 10px 0; }
div#orderSteps div { padding: 2px; }
div#orderSteps div.active { background: #791013; color: #ffffff; }
div#orderSteps div.next { background: #1c4283; color: #ffffff; }
label.error { color: #B40C1B; padding:5px; }
input.error { background: #F495A2; border:1px solid red; padding: 2px;}
input.valid { background: #AFEDCA; border:1px solid green; padding: 2px;}
div#orderSteps a div:hover { color: #AF0A18; }
/* obj step*/

/* mobile menu*/
div#topMobileMenu { padding-bottom: 10px;padding-top: 10px;  }
div#topMobileMenu a { background: #AF0A18; color: #ffffff;font-size: 2.2em;padding: 10px 20px;display: block; float: left; margin: 1%;text-align: center; }
div#topMobileMenu a:hover,div#topMobileMenu a:active, div#topMobileMenu a.active { color: #AF0A18; background: #ffffff; }
.btn-own { background: #AF0A18; color: #ffffff; }
.btn-own:hover { color: #AF0A18; background: #ffffff; }
div#mobileMenuTab { background: #a8a8a8;padding: 15px;  }
div.hideBoxes { display: none;}
/* mobile menu*/

/*slider*/
.slidesjs-container { width:180px; height:230px;overflow: hidden; }
.slides .slidesjs-navigation { position:relative; bottom: 120px; left:-1px; width:24px; height:43px; display:block; z-index:101;float: left; }
.slides .slide { padding:0px; height:220px; display:block;border: 1px solid #707173; }
.slides .slidesjs-next { left: 113px; }
.slidesjs-pagination { padding: 2px; margin: 2px 5px;float: right; }
.slidesjs-pagination li { float:left; margin:0 1px; list-style:none; }
.slidesjs-pagination li a { display:block; width:12px; height:0; padding-top:12px; background:url(/images/pagination.png) 0 0 transparent no-repeat; float:left; overflow:hidden; }
.slidesjs-pagination li a.active, .slidesjs-pagination li a.active:hover { background-position:0 -12px; }
.slides .next,.slides .prev { position:absolute; top:80px; left:0; width:24px; height:43px; display:block; z-index:101; }
.slides .next { left:154px; }
.caption { background: rgba(0, 0, 0, 0.5); color: #FFFFFF; font-size: 13px; left: 0; line-height: 1.33; padding: 5px 8px; position: absolute; z-index: 500; text-align:left;width: 100%; }
.caption p { margin: 0; }

/* slider homepage banners */
#homeslider { position: relative; z-index: 100; width: 600px; height: 350px; background: url('/images/bgr_slider.jpg') no-repeat center center; padding:10px 0 23px; }
#homeslider .slidesjs-container { margin:10px 15px 23px; width: 570px; height: 300px; overflow:hidden; position:relative; }
#homeslider .slidesjs-container img { width: 570px; display: block;cursor:pointer; }
#homeslider .slidesjs-pagination  { margin:6px 0 0; list-style: none; position: relative;float: right;top: -30px; }
#homeslider .slidesjs-pagination li a { width: 13px; background: url(/images/pagination-home.png) no-repeat transparent 0 0; }
#homeslider .slidesjs-pagination li a.active, .pagination li a.active:hover { background-position: 0 -13px }
#homeslider .slidesjs-pagination li a:hover { background-position: 0 -26px }
/* slider homepage banners */


/*  ColorBox Core Style: */    
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/*   User Style: */
#cboxOverlay{background:#000000;}
#colorbox{}
#cboxContent{margin-top:32px; overflow:visible;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{background:#000; padding:15px 8px;}
#cboxLoadingGraphic{background:url(/images/loadingAnimation.gif) no-repeat center center;}
#cboxLoadingOverlay{background:#000;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#ffffff;height: 30px;background: #b50f1d;font-size: 14px; padding: 4px 5px; width: 100%;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-18px; background:url(/images/controls.png) no-repeat 0 0;border: 0; }
#cboxPrevious{background-position:-53px 0; right:44px;}
#cboxPrevious:hover{background-position:-53px -25px;}
#cboxNext{background-position:-75px 0; right:22px;}
#cboxNext:hover{background-position:-75px -25px;}
#cboxClose{background-position:-102px -1px; right:0;}
#cboxClose:hover{background-position:-102px -26px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0; right:44px;}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}

.CookiesOK { display:block; position:fixed; bottom: 0; background: #444; color: #ffffff; padding: 5px 20px; text-align: center; width: 100%; }

/* large device */
@media only screen and (min-width: 1200px) {
    #basketBox { float:right; width: auto; z-index: 150; position: relative; }
}

/* medium device  */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    #closeBasketBox {display: none;}
    .selzb { font-size: 15pt;}
    table#basketview img { width: 50px;margin: 2px; }
    form>table#basketview { display: none; }
    .objBox input#zipIn { width: 90px;}
    #regform table th { width: 26%; padding: 8px 3px; }
    #regform table td { width: 74%; padding: 2px 5px; }
}

/* small device - tablets */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    div#sizeFiltr { width: 302px;}
    #categoryBox ul { width: 302px; }
    #categoryBox ul li { padding: 5px 0 5px 15px;font-size: 13pt; }
    form>div#mobBasket { display: inline-block; }
    .objBox input[type="text"] { font-size: 15pt;width: 200px; }
    #regform table input { width: 90%; padding: 5px; font-size: 11pt; }
    #regform table input[type=submit] { width: 90%;margin: 5px 18px; }
    footer { padding: 0 0 30px; }
}

/* extra small device*/
@media only screen and (max-width: 767px) {
    #homeslider {width: 300px; height: 210px; margin: 0 auto; }
    #homeslider .slidesjs-container { width: 180px;height: 180px;margin: 10px auto 23px; }
    #homeslider .slides_container {width: 460px; height: 204px;}
    #homeslider .slides_container img {width: 460px;}
    div#sizeFiltr { width: 462px;}
    div#newsHead {margin: 0 0 14px 0;}
    div#newsHead h2 { position: relative;top: -18px;}
    #categoryBox ul { width: 462px; }
    #categoryBox ul li { padding: 5px 0 5px 15px;font-size: 13pt; }
    form>div#mobBasket { display: inline-block; }
    .objBox input[type="text"] { font-size: 17pt;width: 280px; }
    #regform table input { width: 95%; padding: 5px; font-size: 13pt; }
    #regform table input[type=submit] { width: 93%;margin: 5px 18px; }
    footer { padding: 0 0 30px; }
}