/*------------------------------ add css -------------------------- */
table.datatable[border="1"]{border:1px solid #000;}
table.datatable[border="1"] td,table.datatable[border="1"] th
{color:inherit;font-family:inherit;border:1px solid #000;}

/*schování telefon,ičo, dič v košíku
.telefonkosik, .icokosik, .dickosik {display:none}*/

#lefMenuItem_29583, #lefMenuItem_29519, #lefMenuItem_29520{
    font-size: 1.1em;
}

#leftNavig {
background-color:#EAC374;
}

ol{
    list-style: outside none decimal;
    margin-left: 20px;
}
.odsadZleva {
    padding: 0;
}
#content .anot {
    padding: 0px;
}

body.myBody {
    background: #EEF0F3 url("/data/WEB_44/bodyImg.jpg") repeat scroll 0px 0px;
}

.HP #actPathC {display:none;}

#sliderPicture{
    width:100%;
    height:300px;
    overflow:hidden;
    float:left;
    position:relative;
    margin-bottom: 10px;
    margin-top: 5px;
}

#sliderPicture .fader,
#sliderPicture .fader img{
    width:100% !important;
    height:auto !important;
}

.sliderTextInner {display:none}

.controls {position:absolute;bottom:10px;left:0;right:0;margin:0 auto;text-align: center;}
.controls li {display:inline-block;background:#E8BF6F;width:20px;height:20px;line-height:20px;margin-right:2px;cursor:pointer;}

.controls li.active{background:#3D5577;color:#fff;}

#sliderPicture .fader .media {
    position:absolute;
    top:0px;
}

#ContainerC {
    color: #000;
    width:auto;
    max-width: 980px;
    min-width:320px;
}
#topBanner {
    height: 182px;
    width:100%;
    background-position: top right;
}   
#copyright {
    height: 59px;
}
#logoC {width: 243px; height:71px;margin: 15px 0px 0px 30px;}  
#logoC a {width: 243px; height:71px; }   
#searchBlockC {right: 12px; top: 30px;width: 208px;}   
#searchBlockC h3 {font-size:1.3em;}   
#searchText {width: 140px; background: #fff;}   
#kosikBlockC {
    right: 5px;
    top: 80px;
    float: right;
    cleaR: both;
    left: auto;
    height: 55px;
}
#kosikBlockC h3 {float:left;display:block;width:70px;margin:0;line-height:1.1em;text-align:right;padding:17px 10px 0 0;font-size:1.1em;text-transform:uppercase;color:#5482cb;}   
#kosikBlockC h3 a {text-decoration:none;color:#5482cb;}   
#kosikBlockC h3 a:hover {color:#3d69af;}   
#kosikBlock {float:left;color:#000;padding:10px 0 0 10px;}   

#kosikBlock div.emptyBasket {
    padding-top: 13px;
    margin-left: -5px;
}
#topNavigC {
    position: absolute;
    left: auto;
    top: 146px;
    padding: 0px;
    height: 36px;
    background: #F3DF7C url(../data/WEB_44/pozadi_menu.PNG) repeat-x;
    background: transparent linear-gradient(to bottom, #F3DF7C 0%, #faf5de 100%);
    width: 100%;
    right: 0px;
}

#topNavig {
    width: auto;
    padding-left: 210px;
    text-align:left;
}

#topNavigC li a,
#topNavigC li a:hover,
#topNavig a:active, #topNavig a:focus {
    height: 36px;
    line-height: 36px;
    color:#000;
}
#topNavigC li a:hover {
    text-decoration:underline;
}
#topNavig li.actual a {
    color:#000;
    font-weight:bold;
}
#topNavigC li {
    display: inline-block;
    float: left;
}
#leftC{
width: 195px; width: 19%; width: calc(20.40816326530612% - 5px);
margin: 0px 0 0 0;
padding:5px 0 0 5px;
}  
 
#leftNavig h3, #leftNavig h3.first {
width: 195px; width:100%;
height:26px;
font-style:normal;
}   
#leftNavig h3 span {display: block;padding: 5px 0 0 10px;text-align: left;}   
#leftNavig ul li a, #leftNavig ul li a:link, #leftNavig ul li a:visited {padding-left:10px;}  
 #rightC { display: none;width: 229px;margin-top:-36px; border-left: 1px dotted; }   
#right {margin-top:0;}  
 #right h3 {padding: 10px 0 10px 15px;margin: 0;font-style:normal;}   
.detailvyrobku {margin: 0px 0px 5px 0px;padding:0px;}  
 .detailvyrobku p {margin:10px 5px;border-top:1px dotted;padding:10px 0 0 35px;}  
 .detailvyrobku h4 {padding: 7px 0 7px 15px;text-align: left;text-transform:none;font-size:0.9em;font-style:normal;}  
 .detailvyrobku a.dvodkaz {font-size:0.9em;font-style:normal;}  
 .detailvyrobku img {width:150px;}   
#bottomC{
font-weight:normal;
max-width: 980px;
width:auto;
}
table input[type="text"]{
    padding:5px;
    
}
#contentC {
    width: 779px; width:79.48979591836735%;
}

.polozkaSmall {
    margin-right: 7px;
    width:32%;
    width: calc(33.33% - 7px);
    overflow: hidden;
}
.polozkaSmall .anot{
    height: 90px;
}
.polozkaSmall.posledni {
    margin-right: 0px !important;
}
.polozkaSmall .productImg {
    height: 180px;
    position: relative;
    text-align:center;
}
.polozkaSmall .productImg img {
    position: absolute;
    margin: auto auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.polozkaSmall .doOrder,
.souvisejici a.objednat{
    display: block;
    margin: 4px auto 0px;
    background: #3d5577;
    color: #fff;
    text-transform: uppercase;
    border: 0px;
    width:80px;
}
.bckGray {
    background: #3d5577;
    color: #fff;
    text-transform: uppercase;
    border: 0px;
}
.polozkaSmall p {
    padding: 10px 5px 20px;
}
.souvisejici a.objednat {
    width: 90px;
    height: 24px;
    line-height: 24px;
    text-decoration: none;
    margin-bottom: 10px;
}
#accessories .souvisejici{
    margin: 0px 10px 10px 0px;
    text-align: center;
    border: 1px solid #DCE8ED;
    width: 17% !important;
    width: calc(20% - 20px) !important;
    height: 240px;
    overflow:hidden;
}
#accessories .clearFloat{clear:none}
#accessories h3 {margin-bottom:10px;}
#accessories .souvisejici h4 {
    background-color: #fff;
    display: block;
    height: 38px; 
    overflow: hidden;
}
#accessories .souvisejici img {
    width:80%;
    margin-bottom:15px;
}
#productItemX{display: flex;flex-direction: column;}
#productItemX #accessories{order: 1}
#productItemX a.poptatBtn {
    color: #FFF;
    background-color: #3D5577;
    font-size: 1em;
    font-weight: normal;
    font-style: normal;
    padding: 3px 15px;
text-align:center;
}

#kosikBlock p.druha {
    margin-top: -4px;
}
#kosikBlock p {
    padding: 0px;
    margin-left: -10px;
}
#kosikBlock .kasa {
    display:none
}
.basketinput {
    color: rgb(255, 255, 255);
    background-color: rgb(146, 174, 195);
    cursor: pointer;
    border: 0px none;
    text-transform: uppercase;
    height: 25px;
    margin-top: 10px;
    float: left;
    margin-right: 5px;
}
.colorBckModra.basketinput,
.basketinput.rekap {
    color: #fff;
    background-color: #3D5577;
    cursor: pointer;
    border: 0;
    text-transform: uppercase;
    height: 25px;
    float: right;
    margin-top: 10px;
    margin-right: 0px;
}
.basketStepActive {
    float: left;
    height: 40px;
    text-align: left;
    font-weight: bold;
    padding-top: 0px;
    margin-left: 0px;
    border: 0px none;
    background: rgb(233, 191, 109) none repeat scroll 0% 0%;
    color: rgb(0, 0, 0);
    padding: 0 10px;
    width: auto;
    line-height: 40px;
    margin-right:5px;
}
.basketStep {
    float: left;
    height: 40px;
    text-align: left;
    font-weight: normal;
    padding-top: 0px;
    margin-left: 0px;
    border: 0px none;
    background: rgb(233, 191, 109) none repeat scroll 0% 0%;
    background: transparent;
    color: rgb(0, 0, 0);
    padding: 0 10px;
    width: auto;
    line-height: 40px;
    margin-right:5px;
}

#content .datatable {
    width:100%;
}

.formC table.datatable td {
    padding: 5px;
    vertical-align: top;
}
.formC table.datatable tr td:last-child {
    text-align:right;
}

.formC .datatable tr:first-child td.suda {
    background: #E9BF6D;
}

.formC td.alignRight{
    text-align:right;
}

#actualPathInner {
    margin-top: 5px;
}

#content .anot img {
    float: left;
    padding-right: 30px;
    padding-bottom: 30px;
}

.prc{
    margin: 10px 0px;
    display: block;
    font-size: 1.2em;
}

 table.stridanibarev tr td {
    padding:5px;
    background:#ddd;
    color:#000;
}

 table.stridanibarev tr:nth-child(2n)  td{
    background:#fff;
    color:#000;
}

.text li {
    padding: 0px;
    margin: 0px;
    padding: 2px;
}

table td textarea {
    width:100%;
}

#reguserform table td {
    padding:5px;
}

.odkazDet{
    height: 35px;
}
.polozkaSmall .productImg img {
    max-width: 180px;
    max-height: 180px;
}
#kosikBlockC {
    width: 220px;
}
#bottomNavig {
    width: auto;
}

.formC table.datatable input[type="text"] {
    padding: 2px;
}

#leftNavig h3, #leftNavig h3.first {
    background-color: #3D5577;
}

.stavSkladu.hidden{
    display:block;
}

.dortime{
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
}

.dortime.timeid4571{
    color: green;
}

.dortime.timeid4574, 
.dortime.timeid4573 {
    color:red;
}

.dortime.timeid4572 {
    color: #3D5577;
}

#adresat44 legend{
    width:70px;
    cursor:pointer;
    background: #ddd url("images/openArrows.png") no-repeat scroll 63px center;
}

#bottom{display: grid;grid-template-columns: repeat(2,auto) 1fr;align-items: center;gap: 1em;}
#bottom #copyright2{grid-column: 2/3;grid-row: 1/2;}
#bottom #copyright{grid-column: 1/2;position: static;grid-row: 1/2;padding: 0;width: 59px;height: 30px;background-size: contain;background-position: center;}
#bottom #bottomNavig{grid-column: 3/4;grid-row: 1/2;padding: 0;justify-self: end;}
#bottom #bottomNavig ul{display: flex;}
#bottom #bottomNavig ul li{display: inline-block;}
#bottom .clearFloat{display:none;}

/*  -popokno  -*/
#popupbck .next, #popupbck .finish{background: #3d5577;}
#popupbck .next:hover, #popupbck .finish:hover{background: #4e79b7;}
#popupbck .dalsi_nakup h4{color: #3C5576;margin: 10px 0;padding: 0;}

/*******************
RESPONZIVITA
*******************/

@media only screen and (max-width : 900px) {
    #topNavig {
        padding-left: 0px;
        text-align: center;
    }
    #topNavigC li {
        float: none;
    }
}

@media only screen and (max-width : 830px) {
    .polozkaSmall {
        margin-right: 7px;
        width:31%;
        width: calc(33.33% - 9px);
        overflow: hidden;
    }
    #accessories .souvisejici {
        width:22% !important;
        width: calc(25% - 20px)  !important;
    }
}


@media only screen and (max-width : 860px) {
    .basketStep, .basketStepActive{
        margin-right: 0px;
        padding-right: 5px;
    }
    #sliderPicture {
        height: 280px;
        margin-bottom: 0px;
    }
}

@media only screen and (max-width : 810px) {
    .basketStep, .basketStepActive {
        margin: 0px;
        padding: 0px;
        width: auto;
        display: block;
        float: none;
        padding-left: 10px;
    }
}

@media only screen and (max-width : 800px) {
    .polozkaSmall {
        width:48%;
        width: calc(50% - 9px);
    }
    .floathelp {clear:none;}
    .polozkaSmall.posledni {
        margin-right: 7px !important;
     }
}

@media only screen and (max-width : 760px) {
    #leftNavig{
          background:#EABD68;
    }
    #sliderPicture {
        height: 250px;
    }
}

@media only screen and (max-width : 700px) {
    #topNavigC {
        width: 100%;
        right: 0;
        top: 146px;
    }
    #leftC {
        margin: 0px;
    }
    #topBanner {
         height: 182px;
    }
    #leftNavig ul li a, #leftNavig ul li a:link, #leftNavig ul li a:visited, #leftNavig h3 span {
        padding-left: 5px;
    }
    #accessories .souvisejici {
        width:31% !important;
        width: calc(33.33% - 20px)  !important;
    }
    #bottom{grid-template-columns: repeat(2,1fr);}
    #bottom #bottomNavig{grid-column: 1/-1;grid-row: 2/3;justify-self: center;}
}

@media only screen and (max-width : 600px) {
    #leftC {
        width:100%;
        padding:0px; padding-top: 5px;
    }
    #leftC ul li {
        width:30%;
        display:inline-block;
    }
    #left {
        padding: 0px;
        padding: 0 10px;
    }
    #contentC {
        width: 100%;
    }
    #actPathC {
        padding: 10px 10px 10px 10px;
    }
    #content {
        padding: 10px;
        padding-right: 5px;
        padding-top: 0px;
    }
    #accessories .souvisejici {
        height:260px;
    }
}

@media only screen and (max-width : 520px) {
    #logoC {
        margin: 10px auto;
        float: none;
    }
    #topBanner {
        margin-top:-10px;
    }
    #searchBlockC {
        display: none;
    }
    #topNavigC li a {
        text-transform: none;
    }
}

@media only screen and (max-width : 490px) {
    #leftC ul li {
        width:48%;
    }
}

@media only screen and (max-width : 460px) {
     #topNavigC li a {
        padding:0 5px;
     }
     #topNavig {
         padding-left: 0px;
     }

}

@media only screen and (max-width : 460px) {
    #hidenavig{
        background: #5E8FDB url("/viewFile.asp?file=78750") no-repeat center center;
        width: 48px;
        height: 35px;
        cursor:pointer;
        position: absolute;
        top: 100px;
        left: 30px;
        border-radius: 10px;
    }
     #topBanner {
        height: 152px;
    }
    #topNavigC {
        display:none;
        z-index: 999;
        height: auto;
    }
    #topNavigC li {
        display: block;
        margin: 0px;
        padding: 0px;
        float: none;
        clear: both;
        text-align: center;
    }
    #topNavigC li a {
        padding-left: 30px;
    }
}

@media only screen and (min-width : 461px) {
     #topNavigC {
        display:block !important;
    }
}

@media only screen and (max-width : 440px) {
    #bottomNavig ul li a {
        clear: both;
    }
    #accessories .souvisejici {
        width:48% !important;
        width: calc(50% - 20px)  !important;
    }
    #bottom #bottomNavig ul{flex-direction: column;text-align: center;gap: 0.75em;}
    #bottomNavig ul li a{float: none;}
}
@media only screen and (max-width : 415px) {
    .colorBckModra.basketinput, .basketinput.rekap, .basketinput {
        width:100%;
    }
    .polozkaSmall {
        width: 98%;
        margin-right:0px !important;
    }
    #sliderPicture {
        display:none;
    }
}
@media only screen and (max-width : 370px) {
    #content .anot img {
        float: none;
        padding-right: 0px;
    }
    #productItemX .anot {
        padding: 0;
        padding-bottom: 20px;
    }
}

.prelepkyIkony{ 
padding:3px 6px; 
color:#3D5577; 
font-weight:bold;
padding-right: 25px;
background: url("/data/web_44/prelepka.png") center right; width:auto;
}


.poptatBtn, .detailOnly,
.poptatBtn:link, .detailOnly:link,
.poptatBtn:visited, .detailOnly:visited{
    display: inline-block;
    margin: 4px auto 0px;
    background: rgb(61, 85, 119) none repeat scroll 0% 0%;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    border: 0px none;
    width: 70px;
    font-weight: normal;
    text-decoration: none;
    font-size: 0.9em;
    height: 22px;
    line-height: 22px;
}


.souvisejici .prelepkyIkon.prodDetail {
    margin-top: 60px;
}