/*------------------------------ add css -------------------------- */
/* specialni font*/
/*@font-face {
    font-family: 'Endor Alt';
    src: url('/data/web_63/font/EndorAlt.eot');
    src: url('/data/web_63/font/EndorAlt.eot?#iefix') format('embedded-opentype'),
        url('/data/web_63/font/EndorAlt.woff2') format('woff2'),
        url('/data/web_63/font/EndorAlt.woff') format('woff'),
        url('/data/web_63/font/EndorAlt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}*/

@import url('//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Charm:wght@400;700&display=swap');

/* - hlavni  -*/
body.myBody,#ContainerC,#Container{height: 100%;}
body.myBody{font-family: 'Open Sans', sans-serif;font-size: 14px;min-width:320px;}
#ContainerC{width: auto;background: none;color: inherit;}
#Container{}
.schovatPat{display:none;}

table.datatable,table{margin: 0;width: 100%;}
table.datatable tbody,table tbody{}
table.datatable tr,table tr{}
table.datatable th,table.datatable td,table th,table td{color:inherit;font-family:inherit;}
table.datatable th,table th{}
table.datatable td,table td{color:inherit;font-size:1em;}
table.varaintytable th,table.varaintytable td{border:1px solid #000;}

input{font-size:1em;}

p{line-height: 1.42857143;}
#content h1 + p,#content h2 + p,#content h3 + p,#content h4 + p,#content h5 + p,#content h6 + p,#content p + p,#content ul + p{margin-top: 1.25em;}

#topNavigC #topNavig,#obal,#bottom{max-width:1170px;width:100%;margin:0 auto;padding:15px;box-sizing: border-box;}
/* - hlavicka  -*/
#topBanner{width:auto;height:auto;background:none;}
#topBanner:after,#topNavigC:after{content:"";display:block;clear:both;}
/*#topBanner:before{content:"";display:block;background: url(http://www.sidrilon.cz/wp-content/uploads/2017/10/cropped-Sidrilon-1.jpg) no-repeat;}*/
#topSlogan{}
#topSlogan p{padding:0;margin:0;}
#topSlogan img{width:100% !important;height:auto !important;}
/*logo*/
#logoC,#logoC h1,#logoC a{width:0;height:0;}
#logoC{display:none;}
#logoC h1{margin:0;padding:0;font-size:1em;}
#logoC a{display:block;}
/*hlavicka kosik*/
#kosikBlockC {display:none;}
/*hlavicka vyhledavani*/
#searchBlockC {display:none;}
/*navigace*/
#topNavigC{position: fixed;top:0;z-index: 9999;width: 100%;transition: all 0.4s ease-in-out;border: 1px solid #f0f0f0;padding: 0;background: #fff;box-sizing: border-box}
#topNavigC #topNavig{padding:0;max-width:none;}
#topNavigC ul{width: auto;margin: 0;padding: 0;list-style: none;float:right;}
#topNavigC li{float: left;display: block;}
/*#topNavigC li:last-child{border:0;padding-right:0;}#topNavigC li:first-child{padding-left:0;}*/
#topNavigC li a{padding: 29.5px 15px;color: #292960;text-transform: uppercase;font-size: 1em;height: auto;line-height: normal;float: none;transition: all 0.4s ease-in-out;}
#topNavig li.actual a{background: #292960;color: #fff;}
#topNavig a:hover, #topNavig a:active, #topNavig a:focus{background: #EAEAEA;}
#topNavigC a span{}
#topNavigC li.actual a,#topNavigC li:hover a{}
#topNavigC #topNavig:after,#topNavigC ul:after{content:"";display:block;clear:both;}
#topNavigC li:hover:after{}
#topNavigC li ul{display:none;}


#leftC{display:none;}
#rightC{display:none;}

/*cesta*/
#actPathC.HP,#actPathC{display:none;}
#actPathC{padding: 0;background: #000;position: relative;margin:0 0 7px 0;}
#actPathC:before{content:"";display:block;background:#000;width:calc(100% + 2000px);margin-left:-1000px;height: 100%;position: absolute;z-index:-1;}
#actPathC #actPath{font-family: 'Charm', cursive;font-size: 2.4em;letter-spacing: 1px;color: #fff;line-height:44px;}
#actPathC #actualPathC{}
#actPathC #actualPathInnerC{}
#actPathC #actualPathInnerC h1{color:inherit;padding:0;margin:0;font-size:1em;}
#actPathC #actualPathInner{padding:0;}
#actPathC #actualPathInner span{display:none;}
#actPathC #hpbanner{display:none;}
/* -  obsach  -*/
#obalC{overflow: hidden;}
#obal{padding-top: 0;padding-top: 70px;padding-bottom: 70px;}
#contentC{width: 100%;float: none;overflow: visible;padding:0 0 2em 0;}
#content{padding:0;}
#content .menuText{}/*blok*/
#content .text{}

/*slider*/
#sliderPicture{}
#sliderPicture .fader{width: 1084px !important;height: 282px !important;position:relative;overflow:hidden;}
#sliderPicture .controls{display: none;}
.fader .media{position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.media .sliderText{position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.media .sliderTextInner{display: none;}
.media .sliderDescriptionInner{padding: 40px 235px 0 440px;box-sizing: border-box;color: #000;}
.media .sliderDescriptionInner h3{font-family: 'Charm', cursive;font-size: 4.4em;color: #fff;margin: 0;padding: 0;font-weight:normal;}
.media .cena{display: flex;justify-content:space-between;align-items: center;border-top:5px solid #eee6c7;margin: 15px 0 0}
.media .cena p{margin: 0;padding: 0;}.media .cena strong{color: #fff;font-size:2em;}
.media .cena a{padding: 0 0 7px 45px;background: url(/data/USR_459_DEFAULT/do_kosiku.png) no-repeat;width: 127px;height: 41px;box-sizing: border-box;text-decoration: none;display: flex;align-items: center;}
.media .image{width: 100%;height: 100%;}
.media .image img{}

/* - seznam produktu -*/
table.productListTable{}
table.productListTable tbody{display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 3.5em 2em;}
table.productListTable tr{display: grid;grid-template-columns: auto 1fr;grid-template-rows: 1fr auto;grid-gap: 0 2em;transition: all 0.5s ease}
/*table.productListTable tr:hover{transform: translate(0, -5px);}*//*box-shadow: 0 5px 5px #eee6c7;*/
table.productListTable td{padding:0;width: auto !important;height: auto;overflow: visible;text-align: left !important;color:inherit;font-size:inherit;}

table.productListTable td.tdImg{grid-column: 1/2;grid-row: 1/3;place-self: start center;min-height: 240px;}
table.productListTable td.tdImg img{width: 100%;height:100%;max-width:140px;height:230px;object-fit: cover;}

table.productListTable td.tdAnot{grid-column: 2/3;grid-row: 1/2;padding:0 5px;box-sizing:border-box;}
table.productListTable td.tdAnot h4{font-family: 'Charm', cursive;font-size: 1.8em;padding: 0;box-sizing: border-box;min-height: 4em;overflow: hidden;}
/*font-size: 2.4em;min-height: 2em;*/
/*table.productListTable td.tdAnot h4{padding:0 5px 11px 5px;clip-path: polygon(0px 0px, 0px 100%, 8.84% 93.33%, 15.78% 96.67%, 24.71% 93.33%, 45.04% 98.33%, 70.83% 96.67%, 76.78% 96.67%, 82.17% 89%, 84.74% 96.66%, 90.74% 94.99%, 93.84% 88.33%, 97.38% 95.67%, 99.99% 84.33%, 99.51% 63.22%, 99.99% 43.97%, 99.5% 19.55%, 100% 0);background: #656d9b;color:#fff;}*/
table.productListTable td.tdAnot h4{color:#fff;height:4.8em;background: url(/data/USR_459_DEFAULT/k_m.png) no-repeat;padding: 5px 7px 18px 13px;box-sizing: border-box;background-size: 100% 100%;}/*height:2.8em;*/

table.productListTable td.tdAnot h4 a{text-decoration:none;color:inherit;line-height: 30px;}
table.productListTable td.tdAnot h4 a{text-decoration:none;color:inherit;line-height: 34px;overflow: hidden;display: inline-block;height: 100%;}
#content table.productListTable td.tdAnot .anot{padding: 1em 0 0 !important;}

table.productListTable td.tdOrder{grid-column: 2/3;grid-row: 2/3;margin: 1em 0 0;}
table.productListTable td.tdOrder form{border-top:5px solid #eee6c7;display: flex;justify-content: space-between;}
table.productListTable td.tdOrder strong{font-weight: normal;display: flex;align-items: center;padding: 0 0 7px 0;}
table.productListTable td.tdOrder strong .colorPrice{font-weight: bold;margin: 0 0 0 5px;}
table.productListTable td.tdOrder strong .kc{font-weight: normal;}
table.productListTable td.tdOrder strong + br{display:none;}

table.productListTable td.tdOrder .doOrder{margin: 0;padding: 0 0 7px 45px;border: 0;background: url(/data/USR_459_DEFAULT/do_kosiku.png) no-repeat;width: 127px;height: 41px;}

.catalogList .polozkaSmall form .doOrder,.catalogList .polozkaSmall form .detBtn.detailOnly,
.detailproduktu #productItemX .detailbox a.poptatBtn,.catalogList .polozkaSmall form .poptatBtn,#productItemX table.varaintytable td a.poptatBtn{background: #292960;border: 1px solid #292960;color: #fff;padding: 7px 15px;}

/* - detail produktu  -*/
.detailproduktu{}
#likeH1{display:none;}
#productItemX{display:grid;grid-template-columns: 0.75fr 1fr;margin:1.25em 0 0;}/*grid-template-rows: 2.8em;*/
#productItemX a.backBtn{display:none;}
#productItemX .likeH3{grid-column: 2/3;grid-row: 1/2;place-self: start;margin: 0;font-family: 'Charm', cursive;}

#productItemX .anot{grid-column: 1/3;grid-row: 1/3;display:grid;grid-template-columns: 0.75fr 1fr;padding: 0;grid-template-rows: auto 1fr auto;}/*grid-template-rows: 2.8em;*/
#productItemX .anot .prelepkyIkon{position:relative;grid-column: 1/2;grid-row: 1/2;margin: 0;}
#productItemX .anot .DetailImg{float: none;padding: 0;grid-column: 1/2;grid-row: 1/5;max-width: 70%;margin: 0 auto;text-align: center;display: block;}
#productItemX .anot .DetailImg img{max-width:100%;}
#productItemX .anot .AnotDetail{grid-column: 2/3;grid-row: 2/3;padding: 0;margin: 0;}/*anotace*/
#productItemX .anot .AnotDetail p{padding:0;margin:0;}

#productItemX .detailbox{grid-column: 2/3;grid-row: 3/5;display: grid;grid-template-columns: auto 1fr;}
#productItemX .detailbox br{display:none;}
#productItemX .detailbox .code{grid-column: 1/2;grid-row: 1;place-self: start;}
#productItemX .detailbox .code + p{grid-column: 1/2;grid-row: 4;place-self: center start;}/*2*/

#productItemX .detailbox .prc{grid-column: 1/2;grid-row: 4/5;place-self: center start;}
#productItemX .detailbox .prc strong{}
#productItemX .detailbox .prc + p{display:none;}

#productItemX .detailbox #price1{grid-column: 1/2;grid-row: 3;place-self: center start;}/*obvilka*/
#productItemX .detailbox #price2{grid-column: 1/2;grid-row: 4;place-self: center start;}/*akcni*/
#productItemX .detailbox #price2 p{padding:0;margin:0;}
#productItemX .detailbox .dortime{grid-column: 1/2;grid-row: 2;place-self: start;}
#productItemX .detailbox .basBlock{padding: 0;margin: 0 0 0 1em;line-height: normal;grid-column: 2/3;grid-row: 4;place-self: center start;}
#productItemX .detailbox a.poptatBtn{float: none;font-style:normal;}

#productItemX table.varaintytable{grid-column: 1/3;grid-row: 5/6;place-self: stretch;margin:1.25em 0 0;}
#productItemX table.varaintytable tbody{}
#productItemX table.varaintytable tr{}
#productItemX table.varaintytable th{}
#productItemX table.varaintytable td:last-child{text-align:center;width: 10%;vertical-align: middle;}
#productItemX table.varaintytable th,#productItemX table.varaintytable td{vertical-align: middle;}

#productItemX table.varaintytable td p.basBlock{padding:0;margin:0;}
#productItemX table.varaintytable td a.poptatBtn{float: none;font-style: normal;}


#productItemX .text{grid-column: 1/3;grid-row: 3/4;margin:1.5em 0;}
#productItemX .clearFloat{display:none;}

#productItemX a.updatebtn{display:none;}

/* - kosik  -*/
.basket #actPathC{display:none;}
.basket .KrokyKosiku{}
.basket .basketStep,.basket .basketStepActive{float: none;width: calc(100%/4 - 15px);min-height: 4em;padding: 0;display: inline-block;margin: 0 5px;border: 1px solid #292960;line-height: 4em;color: #666;height: auto;}
.basket .basketStep{}
.basket .basketStepActive{background: #292960;color: #fff;}
/* - kroky  -*/
.basket form[action*="step=2"]{display:block;margin-bottom:2em;}
.basket form[action*="step=2"] tr td:last-child,.basket form[action*="step=2"] tr.radekKosiku + tr td:last-child,.basket table[cellspacing*="1"] tr td:last-child,.basket table[cellspacing*="1"] tr.radekKosiku + tr td:last-child,.basket table[cellspacing*="1"] tr td[colspan*="4"]
{text-align:right;}

.basket form[action*="step=2"] tr.radekKosiku td.basketImage,.basket table[cellspacing*="1"] tr.radekKosiku td.basketImage{text-align:center;}
.basket form[action*="step=2"] tr.radekKosiku td:nth-child(2){width: 430px;}
.basket form[action*="step=2"] tr.radekKosiku td:nth-child(3){}
.basket form[action*="step=2"] tr.radekKosiku td:nth-child(4){}
.basket form[action*="step=2"] tr.radekKosiku td:nth-child(5){}
.basket form[action*="step=2"] tr.radekKosiku input{border:1px solid #292960;}

.basket form[action*="step=2"] tr:last-child td,.basket form[action*="step=3"] .rekapButtons,.basket form[action*="order=ok"] .rekapButtons{text-align: left;padding: 1.5em 0 0;line-height:normal;margin:0;}
.basket form[action*="step=2"] input.basketinput,.basket form[action*="step=2"] input.colorBckModra,.basket form[action*="step=3"] input.basketinput,.basket form[action*="step=3"] input.rekap,.basket form[action*="order=ok"] input.basketinput,.basket form[action*="order=ok"] input.colorBckModra{border: 1px solid #292960;background: #fff;color: #666;padding: 8px 16px;font-size: 1em;cursor: pointer;}
.basket form[action*="step=2"] input.colorBckModra,.basket form[action*="step=3"] input.rekap,.basket form[action*="order=ok"] input.colorBckModra{background: #292960;color: #fff;float: right;}
.basket form[action*="step=2"] input.basketinput:hover,.basket form[action*="step=3"] input.basketinput:hover,.basket form[action*="order=ok"] input.basketinput:hover{background: #EAEAEA;color: #000;}
.basket form[action*="step=2"] input.colorBckModra:hover,.basket form[action*="step=3"] input.rekap:hover,.basket form[action*="order=ok"] input.colorBckModra:hover{background: #9C9C9C;color: #fff;}

.basket form[action*="step=3"]{display:block;margin-bottom:2em;}
.basket form[action*="step=3"] fieldset{margin: 1.5em 0 0;padding: 1em 0.2em 1em 1.5em;border: 1px solid #292960;box-sizing: border-box;}
.basket form[action*="step=3"] legend{background-color: #292960;color: #fff;box-sizing: border-box;}
.basket form[action*="step=3"] table input,.basket form[action*="order=ok"] textarea{border:1px solid #292960;}

/* - paticka  -*/
#bottomC{background:#292960;height:64px;width: auto;font-weight: normal;font-size: 1em;}
#bottom{height: 100%;}/*background: rgba(0, 0, 0, 0.2);*/
#bottom #copyright{display: none;}
#bottom #copyright #anawe{}
#bottom #bottomNavig{display: none;}
#bottom #bottomNavig ul{}
#bottom #bottomNavig ul li{}
#bottom #bottomNavig li a{}
#bottom .clearFloat{display:none;}

.detailvyrobku{margin:0 0 5px;padding:0}
.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:.9em;font-style:normal}
.detailvyrobku a.dvodkaz{font-size:.9em;font-style:normal}
.detailvyrobku img{width:150px}


@media only screen and (max-width:870px){
	table.productListTable tr{grid-template-columns: 100%;grid-template-rows: auto 1fr auto;}
	table.productListTable td.tdImg{grid-column: 1/2;grid-row: 1/2;place-self: center}
	table.productListTable td.tdImg img{width: 100%;height:100%;max-width:180px;max-height:230px;object-fit: cover;}
	table.productListTable td.tdAnot{grid-column: 1/2;grid-row: 2/3;}
	table.productListTable td.tdOrder{grid-column: 1/2;grid-row: 3/4;}
}
@media only screen and (min-width:768px){#topNavigC{display:block !important;}}
@media only screen and (max-width:767px){
	#topBanner:before{content:"";display:block;background:#fff;width:100%;height:70px;position: fixed;top: 0;z-index: 333;border: 1px solid #f0f0f0;box-sizing: border-box}
	#hidenavig{position: relative;float: right;padding: 9px 10px;margin-top: -60px;margin-right: 15px;margin-bottom: 8px;border: 1px solid #ddd;background:#fff;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);border-radius: 4px;box-sizing: border-box;cursor:pointer;}
	#hidenavig{position: fixed;top: 0;right: 0;margin-top: 17px;z-index: 340;}
	#hidenavig span{display: block;width: 22px;height: 2px;border-radius: 1px;background:#888;}
	#hidenavig span + span{margin-top: 4px;}
	#hidenavig:hover{background:#ddd;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);}
	#hidenavig:focus,#hidenavig:active,.hidenav #hidenavig{background:#ddd;box-shadow:inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);outline:0;}

	#topNavigC{top: 70px;position: fixed;background:#dcdad9;display:block !important;overflow: hidden;animation: menuSchovat 0.5s forwards;}
	.hidenav #topNavigC{animation: menuVidet 0.5s forwards;}
	#topNavigC #topNavig{padding-left:15px;box-sizing:border-box;}
	#topNavigC ul{margin: 7.5px 0;float: none;}
	#topNavigC li{position: relative;display: block;float: none;margin-left: -15px;}
	#topNavigC li a{padding: 10px 12px;border-bottom: 1px solid #f0f0f0;}

	@keyframes menuVidet {
		0% {max-height:0;}
		100% {max-height:333px;}
	}
	@keyframes menuSchovat {
		0% {max-height:333px;}
		100% {max-height:0;}
	}
}
@media only screen and (max-width:555px){
	table.productListTable tbody{grid-template-columns: 100%}
	#productItemX{grid-template-columns:100%;}
	#productItemX .anot{grid-template-columns:100%;}
	#productItemX .likeH3{grid-column:1/2;grid-row:2/3;}
	#productItemX .anot .prelepkyIkon{grid-column:1/2;grid-row:1/2;}
	#productItemX .anot .DetailImg{grid-column:1/2;grid-row:1/2;}
	#productItemX .anot .AnotDetail{grid-column:1/2;grid-row:3/4;}
	#productItemX .detailbox{grid-column:1/2;grid-row:4/5;}
	#productItemX table.varaintytable{grid-column:1/2;grid-row:5/6;}
}
@media only screen and (max-width:655px){
	table.varaintytable{border: 0;}
	table.varaintytable tbody{border: 0;}
	table.varaintytable tr{border: 1px solid #000;margin-bottom: 2em;}
	table.varaintytable th{}
	table.varaintytable td{}
	table.varaintytable,table.varaintytable tbody,table.varaintytable tr,table.varaintytable th,table.varaintytable td{display:block;}
	table.varaintytable th,table.varaintytable td{width:100% !important;box-sizing:border-box;border-collapse: collapse;border: 0;}
}