@font-face {
    font-family: Poppins;
    src: url(../fonts/Poppins-Regular.ttf);
    font-weight: normal;
  }
  @font-face {
    font-family: PoppinsBold;
    src: url(../fonts/Poppins-Bold.ttf);
    font-weight: bold;
  }
  @font-face {
    font-family: PoppinsLight;
    src: url(../fonts/Poppins-Light.ttf);
    font-weight: lighter; 
  }
  @font-face {
    font-family: PoppinsBlack; 
    src: url(../fonts/Poppins-Black.ttf);
    font-weight: bolder;
  }



/*html, body {	font-family: Poppins, sans-serif!important;	font: 16px/140%;	zoom: 100%;}*/
/*body {	margin: 0;	padding: 0;	background: #ffffff;}*/

a{text-decoration:none;}

#hlavickaspodni{	width: 100%;	padding: 0px 0px 0px 0px;	height: 200px;	margin: 0px auto 0px auto;	clear: both;	position: fixed;	z-index: 105;	top: 0px;	background-color: #ffffff!important;
	transition:
    box-shadow .5s,
    height .5s;
}

.hlavickaspodniContainer{	margin: 0px auto 0px auto;	width: 1360px;	height:100px;	padding: 0px;	position:relative;}

.hlavspodnistin{height: 100px!important;	-webkit-box-shadow: 0px 0px 10px 0px rgba(112,112,112,0.4);-moz-box-shadow: 0px 0px 10px 0px rgba(112,112,112,0.4);box-shadow: 0px 0px 10px 0px rgba(112,112,112,0.4);}

#drobeckova{ position:relative;	text-align:right;	background-color: #ffffff!important;	color: #181818;	text-align: left;	font-family: Poppins;	font-size: 16px;	font-style: normal;	font-weight: 400; 	line-height: 16px;	padding: 17px 17px 17px 17px;	height:51px!important;}
#drobeckova a{ 	color: #181818;	text-decoration:none;}
#drobeckova a:hover{ 	color: #727660;	text-decoration:none;}

.container{	margin: 0px auto 0px auto;	width: 1360px;	height:auto;	padding: 0px;	position:relative;}

#ContentOdskok{position: relative;top: 200px;}


#logo{	padding: 0;	height: 175px;	width: 175px;	background: transparent;	text-align: left;	float: left;	position: absolute;	top: 0px;left: 15px;border-radius: 0px 0px 25px 25px;
	background: #727660; text-align:center;padding-top:26px; 
	transition:
    width .5s,
    height .5s,
    left .5s;
}
#logo img{	width: 120px;	height: 130px;margin: 0px 0px 0px 0px;
	transition:
    width .5s,
    height .5s,
	box-shadow 1s,
    left .5s;
}
#logomobile{display: none;}


.logoScroll{height: 115px!important;	width: 115px!important;left: 45px!important;border-radius: 0px 0px 18px 18px;padding-top:20px!important;box-shadow: 0px 2px 4px 1px rgba(0,0,0,0.43)!important;}
.logoScroll img{	width: 70px!important;	height: 76px!important;margin: 0px 0px 0px 0px;}

@media only screen and (max-width: 1360px) {
	.container{	margin: 0px auto 0px auto;	width:94%;	height:auto;	margin:0px 3% 0px 3%;}
	.hlavickaspodniContainer{	margin: 0px auto 0px auto;	width:94%;	margin:0px 3% 0px 3%;}
}
@media only screen and (max-width: 980px) {
	#hlavickaspodni{height: 130px;}
	.hlavspodnistin{height: 80px!important;	}


	#ContentOdskok{position: relative;top: 135px;}
	#logo{	height: 115px;	width: 115px;padding-top:18px;border-radius: 0px 0px 20px 20px; }
	#logo img{	width: 78px;	height: 85px;}
	.logoScroll{height: 90px!important;	width: 90px!important;left: 45px!important;border-radius: 0px 0px 12px 12px;padding-top:14px!important;}
	.logoScroll img{	width: 56px!important;	height: 61px!important;}
}


@media only screen and (max-width: 640px) {
	#hlavickaspodni{height: 80px;}
	.hlavspodnistin{height: 50px!important;	}


	#ContentOdskok{position: relative;top: 95px;}
	#logo{	height: 80px;	width: 80px;padding-top:8px;border-radius: 0px 0px 12px 12px; }
	#logo img{	width: 56px;	height: 61px;}
	.logoScroll{height: 62px!important;	width: 62px!important;left: 30px!important;border-radius: 0px 0px 8px 8px;padding-top:6px!important;}
	.logoScroll img{	width: 40px!important;	height: 43px!important;}

}







#topmenu{color: #CF7332;	position: absolute;	margin-left: -500px;	_margin-left: -500px;	left: 50%;	top: 55px;	padding: 0;	z-index: 80;	width: 1000px;	background: url(../img/menu.gif) no-repeat top;	text-align: right;}
#topmenu ul{	margin: 5px 40px 0px 0px;	padding: 0;}
#topmenu li {	margin: 0;	padding: 0;	list-style: none;	width: 185px;	_width: 170px;	_height: 32px;	min-height: 32px;	display: inline;}
#topmenu li a {	_height: 28px;	min-height: 28px;	margin: 1px 0;	padding: 3px 0 0 15px;	font-size: 12px;	color: #CF7332;	text-decoration: none;}
#topmenu li a:hover {	text-decoration: underline;}


#drobeckova{	height: 24px;}
#bgpodmenu {	height: auto;	background: transparent url(../img/bg-podmenu.gif) no-repeat top;	margin: 4px 0px 0px 0px;}

#blok {	float: none;	width: 100%;	height: auto;	color: Black;	margin-right: 0%;}
#blokdokument {	height: auto;	color: Black;	margin-right: 25px;	margin-left: 1%;}
#leva{	width: 19.5%;	height: auto;	float: left;	margin: 5px 2% 5px 0px;	_margin-left: 1%;	color: #AF5500;}

@media only screen and (max-width: 980px) {
#blok {	width: 98%;	margin-right: 1%;	margin-left: 1%;	float: none;}
#blokdokument {	height: auto;	color: Black;	margin-right: 25px;	margin-left: 25px;}
#leva{	width: 98%;	margin-right: 1%;	margin-left: 1%;	height: auto;	float: none;}
}
@media only screen and (max-width: 810px) {
#blok {	width: 98%;	margin-right: 1%;	margin-left: 1%;	float: none;}
#blokdokument {	height: auto;	color: Black;	margin-right: 25px;	margin-left: 25px;}
#leva{	width: 98%;	margin-right: 1%;	margin-left: 1%;	height: auto;	float: none;}
}

@media only screen and (max-width: 640px) {
#blok {	width: 100%;	margin-right: 0%;	margin-left: 0%;	float: none;}
#blokdokument {	height: auto;	color: Black;	margin-right: 25px;	margin-left: 25px;}
#leva{	width: 100%;	margin-right: 0%;	margin-left: 0%;	height: auto;	float: none;}
}

#rychla_navigace, .rychla_navigace{
	color: #959595;
	margin-top: 5px;
	margin-bottom: 14px;
	font-size: 13px;
	text-align: left;
}

#rychla_navigace a.zakladni, .rychla_navigace a.zakladni, .a.zakladni{	color: #959595;	text-decoration: none;	padding: 11px 4px 9px 4px;}
#rychla_navigace a.zakladni:hover, .rychla_navigace a.zakladni:hover, .a.zakladni:hover{	color: #266396;	text-decoration: none;}

#rychla_navigace a.gohome, a.gohome{	color: #959595;	text-decoration: none;	display: block;	width: 20px;	height: 20px;	background: transparent url(../img/icon-home.png) no-repeat 0px 0px;	cursor: pointer;	overflow: hidden;	text-indent: 400px;	float: left;	padding: 0px;	margin-right: 7px;	margin-top: -2px;}
#rychla_navigace a.gohome:hover, a.gohome:hover{background: transparent url(../img/icon-home.png) no-repeat 0px -20px;}

#rychla_navigace a.zvoleny, a.zvoleny{	color: #959595;	text-decoration: none;	padding: 11px 4px 9px 4px;}
#rychla_navigace a.zvoleny:hover, a.zvoleny:hover{	color: #266396;	text-decoration: none;}

#rychla_navigace2, .rychla_navigace2{	color: #959595;	margin-top: 10px;	margin-bottom: 10px;}
#rychla_navigace2 a, .rychla_navigace2 a{	color: #959595;	text-decoration: underline;}
#rychla_navigace2 a:hover, .rychla_navigace2 a:hover{	color: #266396;	text-decoration: underline;}

#levacontent{	padding: 10px 10px 25px 0px;	background: transparent url(../img/lsubmenu.gif) no-repeat top;}
#levacontent h2{	margin: 6px 0px 5px 0px;	text-align: center;}
#leva a{	color: #FBA229;	text-decoration: underline;}
#leva a:hover{	color: #FBA229;	text-decoration: none;}

/*------------l menu menu-------------*/

/*  SECTIONS  */
.section {	clear: both;	padding: 0px;	margin: 0px;}

/*  COLUMN SETUP  */
.col {	display: block;	float:left;	margin: 1% 0 1% 1.6%;}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF SIX  */
.span_6_of_6 {width: 100%;}
.span_5_of_6 {width: 83.06%;}
.span_4_of_6 {width: 66.13%;}
.span_3_of_6 {	width: 48.0%;}
.span_2_of_6 {	width: 31.26%;}
.span_1_of_6 {width: 15.33%;}

.span_3_of_4 {	width: 72%;}
.span_2_of_4 {	width: 48%;}
.span_1_of_4 {width: 21.8%;}

.subinformace{	width: 100%;	height: auto;}
.subinformace img{	width: 100%;	height: auto;}



/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 680px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6, .span_1_of_4, .span_2_of_4, .span_3_of_4  { width: 100%; }
	#worldpic{display: none;}
	.footercontent{width: 100%;}
}
@media only screen and (max-width: 810px) {
.span_3_of_4 {	width: 72%;}
.span_2_of_4 {	width: 48%;}
.span_1_of_4 {width: 48%;}
}
@media only screen and (max-width: 680px) {
.span_1_of_4 {width: 100%;}
.predelspodnipaticky{	display: none;}
}


.boxkatalogsekce{	padding: 0px 0px 6px 0px;	margin: 25px 0px 15px 0px;	border-bottom: 2px solid Gray;}
.boxkatalogsekce ul{	padding: 0px;	margin: 0px;}
.boxkatalogsekce li.katalogfolder{	padding: 0px 0px 2px 0px;	margin: 0px 4px 3px 0px;	height: 28px;	float: left;	width: 230px;	list-style: none inside none;}

.boxkatalogsekce li.katalogfolderin{	background: transparent url(../img/folder3a.gif) no-repeat left;	padding: 0px 0px 10px 0px;	margin: 3px 0px 6px 0px;	}
.boxkatalogsekce li a{	padding: 2px 0px 0px 2px; /*display: block;*/	font: 12px Trebuchet MS;	text-decoration: none;	color: Black;	text-transform: uppercase;	border-bottom: 1px solid Silver;	width: 224px;	display: block;}
.boxkatalogsekce li a:hover{	color: #ac0000;}
.sirkaboxkatalogsekce{	width: 187px;	float: left;	display: block;}

.boxkatalogvyrobce{	padding: 0px 0px 6px 0px;	margin: 25px 0px 15px 0px;	border-bottom: 2px solid Gray;}
.boxkatalogvyrobce ul{	padding: 0px;	margin: 0px;}
.boxkatalogvyrobce li.katalogfolder{	padding: 0px 0px 2px 0px;	margin: 0px 4px 3px 0px;	height: 28px;	float: left;	width: 230px;	list-style: none inside none;}

.boxkatalogvyrobce li.katalogfolderin{	background: transparent url(../img/folder3a.gif) no-repeat left;	padding: 0px 0px 10px 0px;	margin: 3px 0px 6px 0px;	}
.boxkatalogvyrobce li a{	padding: 2px 0px 0px 2px; /*display: block;*/	font: 12px Trebuchet MS;	text-decoration: none;	color: Black;	text-transform: uppercase;	border-bottom: 1px solid Silver;	width: 224px;	display: block;}
.boxkatalogvyrobce li a:hover{	color: #ac0000;}


p,ul,li,a,img,h1,h2,h3,h4,h5,table,tr,td,form,input,select{	margin: 0px;	padding: 0px;	border: none;}

.line{background: url(../img/line.gif) no-repeat top;	height: 3px;margin: 3px 0px 3px 0px;clear: both;}


/*////////////////////////*/


.neviditelne{	display: none;float: left;	padding: 5px;margin: 0px 15px 5px 0px;}
.viditelne{	display: block;	padding:0px;margin: 0px 15px 5px 0px;	float: left;}
.alert{	padding: 25px;	margin: 15px;	text-align: center;	font-size: 28px;	background-color: #e9e9e9;	color: #ff0097;}
/*---------ratio buttons---------*/

div#filtr input[type=checkbox]:not(old),
div#filtr input[type=radio   ]:not(old){  width   : 28px;  margin  : 0;  padding : 0;  opacity : 0;}
div#filtr input[type=checkbox]:not(old) + label,
div#filtr input[type=radio   ]:not(old) + label{  display      : inline-block;  margin-left  : -28px;  padding-left : 28px;  background   : url('../img/checks.png') no-repeat 0 0;  line-height  : 24px;}

div#filtr input[type=checkbox]:not(old):checked + label{  background-position : 0 -24px;}
div#filtr input[type=radio]:not(old):checked + label{  background-position : 0 -48px;}
/*---------ratio buttons---------*/



/*------Footer-------*/

a{	color: #e1e1e1;}
a:hover{	color: #ffffff;}


.HomeNavi{
	background-color: #fbfbfb;
	text-align: left;
	padding: 51px 0% 51px 0%;
	position: relative;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#efefef+0,fbfbfb+100 */
background: rgb(239,239,239); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(239,239,239,1) 0%, rgba(251,251,251,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(239,239,239,1) 0%,rgba(251,251,251,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(239,239,239,1) 0%,rgba(251,251,251,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#fbfbfb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.HomeNaviSec{	display: inline-block;	width: 28%;	margin: 0px 0% 0px 4%;}
.HomeNaviSecLast{	display: inline-block;	width: 28%;	margin: 0px 0px 0px 4%;}

a.HomeNaviNav{	display: block;	background-color: #ffffff!important;	text-decoration: none;	color: #464642!important;	padding: 24px 8% 24px 8%;	text-align: left;}
a.HomeNaviNav:hover{color: #0090df!important;}
.HomeNaviIco{	display: block;	height: 45px;	margin: 0px 0px 10px 0px;}

.HNIcManual{background: transparent url(../img/kategory-manual.png) no-repeat left;background-size: auto 100%;}
.HNIcMachine{background: transparent url(../img/kategory-machine.png) no-repeat left;background-size: auto 100%;}
.HNIcEshop{background: transparent url(../img/kategory-manual.png) no-repeat left;background-size: auto 100%;}

.HomeNaviName{	font-size: 24px;	font-weight: bold;	padding: 0px;	margin: 0px;	height: 29px;}
.HomeNaviNameArr{	width: 30px;	float: right;	text-align: right;}

@media only screen and (max-width: 1100px) {
.HomeNaviIco{	height: 36px;	margin: 0px 0px 10px 0px;}
.HomeNaviName{	font-size: 17px;	height: auto;}
}
@media only screen and (max-width: 820px) {
.HomeNavi{	text-align: center;	padding: 31px 0% 31px 0%;}
a.HomeNaviNav{background-color: #ffffff!important;	text-decoration: none;	color: #464642!important;	padding: 24px 8% 24px 8%;	text-align: center;}
.HomeNaviIco{	height: 36px;	background-position: center;}
.HomeNaviName{	font-size: 17px;	height: auto;	text-align: center;}
.HomeNaviNameArr{	display: none;}

.HomeNaviSec{	display: inline-block;	width: 29%;	margin: 0px 0% 0px 3.25%;text-align: center;}
.HomeNaviSecLast{	display: inline-block;	width: 29%;	margin: 0px 3.25% 0px 3.25%;text-align: center;}
}

 

footer{background-color:black;}


.cleaner{    clear:both;    float:none;}

.HeaderContainer{ position:relative;   width:1360px;    margin:0px auto 0px auto;    padding: 5px 5px 5px 5px;background-color:#000000!important;}
.logoBox{    width:217px;    float:left;}
.logoBox img{    width:100%;    height:auto;}


.LangueBox{ width:50px; float:  right; text-align: right; position:absolute;  right:0px; top: 24px;}
.LangueContent {  height: 36px; width: 36px; border-radius: 100%; overflow: hidden; }
.LangueFlag{} 
.LangueHref{cursor:pointer;}
.LangueHref i { font-size: 36px!important; }

.LangSetBlock{width:90%;text-align:center;margin:0px auto 30px auto;}
.LangSetBox{width:20%;text-align:center;margin:0px 2.5% 25px 2.5%; display:inline-table; height:60px; }

.LangSetHref{cursor:pointer;text-align:center;color:#72c7db;}
.LangSetHref:hover{cursor:pointer;text-align:center;color:#e5f1f4;}
.LangSetHrefOpa{opacity:.8;}
.LangSetHrefOpa:hover{opacity:1;}
.LangSetHref i {font-size: 28px!important;}
.LangSetName{display:block;padding:4px 8px 0px 8px;}

.LogUserBox{ width:50px; float:  right; text-align: right; position:absolute;  right:60px; top: 24px;}
.LogUserContent {  height: 38px; width: 38px; border-radius: 100%; overflow: hidden; border: solid 2px #62b7cb;position: relative;}
.LogUserContent:hover {  border: solid 2px #ffffff;}
.LogUserHref{cursor:pointer;text-align:center;color:#72c7db!important;position:absolute;top:3px;left:8px;}
.LogUserHref:hover{cursor:pointer;text-align:center;color:#e5f1f4!important;}
.LogUserIcon{font-size:26px;line-height: 26px;}


.Container{    width:1360px;    margin:0px auto 0px auto;    padding: 0px 0px 0px 0px;}
.HomeBoxText1{margin-bottom:70px; }

.HomeBoxText1A{    width:610px;    color: #000;font-family: Poppins;font-size: 32px;font-style: normal;font-weight: 400;line-height: normal; }

.HomeBoxText1Amain{    color: #727660;font-family: Poppins;font-style: normal;font-weight: 700;line-height: normal; }

.HygieneBG{    width:100%;    height:600px;    background-image: url(../img/logo-background.svg);    background-repeat:no-repeat;    background-size: 691px 533px;    background-position: 10% bottom;    text-align:right;}

.HomeBoxText2{   /* float:right;*/    text-align:right;    width:100%;    margin-bottom:97px;}

.HomeBoxText2A{    color: #000;    font-family: Poppins;    font-size: 32px;     font-weight: 400;    line-height: normal;     width:740px;    float:right;}

.HomeBoxText2Amain{    color: #727660;    text-align: right;       font-weight: 700;    line-height: normal; }

.HomeBoxText3{    text-align:right;    width:100%;    margin-bottom:21px;}
.contaEmail{    margin-bottom:20px;}
.contaText{    color: #000;    text-align: right;    font-family: Poppins;    font-size: 16px;    font-style: normal;    font-weight: 400;    line-height: normal; }
.contaEmailHref{    color: #000;    font-family: Poppins;    font-size: 24px;    font-style: normal;    font-weight: 700;    line-height: normal;     text-decoration:none;}
.contaEmailHref:hover{    color: #FCBF00;    text-decoration:none;}



.adminBackground{    
  background-color: #131e20;
  background-image: url(../img/admin-bg-basic.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  }

.adminLayer{ min-height:calc(100vh - 100px) ;    display:block;  }

  .adminMenu{    float: left;    width:340px;    min-height:calc(100vh - 100px) ;    display:block;    background-color: rgba(0, 0, 0, .5);  }

  .adminMenuPadd{    padding:30px 30px 30px 30px;  }
  .adminMenuPadd a{      display:block;      color: #cae8ed;      margin: 0px 0px 10px 0px;      padding: 10px 5px;  }
  .adminMenuPadd a:hover{    color: #ffffff;  }

  .mikroCasovac{
    position:absolute;
    right: 0px;
    top: 0px;
    width: 280px;
    min-height: 100px;
    border-radius: 0px 0px 0px 8px;
    background-color: #04232a;

  }

  .mikroCasovacHref{
    display:block;
    padding:10px 20px;
    border-radius: 0px 0px 0px 8px;
    
    background-color: #1d434c;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
    text-align:center;
  }
  .mikroCasovacHref:hover{
    background-color: #16525f;
  }

  .mikroCasovacTitulek{    font-size:14px;    font-weight: 700;    text-align:center;    margin-bottom:6px  }
  .mikroCasovacStopkyBox{ display:inline-table;   margin: 0px auto 10px auto;    border-radius: 8px 8px 8px 8px;    background-color: #04232a;   text-align:center;    padding: 0px 12px 1px 12px;  }
  .mikroCasovacStopkyValue{    text-align:center;    color: white;    font-size:22px; line-height: 30px;   font-weight: 700;  }
  .mikroCasovacPro{font-size:12px;  display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: stretch;
    align-content: space-around;
    gap: 5px; }

  .mikroCasovacProLabel{font-size:11px; line-height: 13px;color: #b9d8df;}
  .mikroCasovacProKlient{font-size:13px; line-height: 13px;color: white;}



  .adminContent{    float: left;    width: calc(100% - 340px);    height: auto ; position: relative;   }
  .adminContentPadd{    padding:26px 45px 30px 45px;  }

  .ADh1Box{ padding: 15px 30px 15px 30px; margin: 0px 0px 25px 0px; background-color:rgb(29 67 76 / 80%);border-radius:8px;width:calc(100% - 280px);
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
  
  }

  .ADh1Box h1.ADh1{ color:white; margin: 0px 0px 0px 0px;font-size:2rem;text-shadow: 2px 3px 3px rgba(0,0,0,0.6); }
  .ADh1Ico{margin-right:10px;}
  .adminContent h2.ADh2{ color:white;    margin: 0px 0px 25px 0px; }



  table {border-collapse: collapse;}  

.table {width: 100%; margin-bottom: 1rem;color: #212529;}
.table th,.table td {padding: 0.75rem;vertical-align: top; /*border-top: 1px solid #dee2e6;*/border-top: 0px none #dee2e6; }
.table th.vali-mid,.table td.vali-mid {vertical-align: middle;  }
.table td {color:#f0f0f0;}
.table thead th {vertical-align: bottom; /*border-bottom: 2px solid #dee2e6;*/ }
.table tbody + tbody {border-top: 2px solid #dee2e6;}
.table-sm th,.table-sm td {padding: 0.3rem;}
/*.table-striped tbody tr:nth-of-type(odd) {background-color: rgba(0, 0, 0, 0.05);}*/
.table .theadBasic th {color: #fff;background-color: #04232a;border-color: #04232a;font-size:.9rem;}
.table .theadSuma th {color: #fff;background-color: #04232a;border-color: #04232a;border-top: 2px solid #fff; }
.table tbody .tTrSelect {background-color: #0a3d48;}


.table-striped tr:nth-child(even) {  background-color: rgba(4, 26, 31, 0.5);}

.table-responsive {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;}

.table-responsive > .table-bordered {border: 0;}

.ButTDZvolit{  display:block;  text-align:center;  padding:6px 20px 6px 20px;  color: #d9e4e7;  background-color: #113f4a;  border: solid 1px #0c5263;  margin: 0px auto 0px auto;  cursor:pointer; border-radius:8px;}
.ButTDZvolit:hover{  background-color: #077b96;  color: #ffffff;  border: solid 1px #1b8aa4;}

.ZahlaviTlacitka{  padding: 5px 0px 5px 0px;  margin-bottom:35px;}

.ZahTlacitko{ display:inline-flex; margin: 0px 15px 7px 0px;gap: 15px;align-content: center;justify-content: flex-start; padding: 5px 25px 5px 25px;  background-color: #065a6d;  color: #deecef!important;  text-decoration:none;border-radius:8px; border:0;}
.ZahTlacitko:hover{  background-color: #085c6f;  color: #ffffff!important;}

.ZahTlacitkoAn{text-align:left;}
.ZahTlacitkoIc{ display:inline-flex; width:20px;padding-top:3px;font-size:1.3rem;line-height: .9rem;}



@media only screen and (max-width: 1360px) {
  .HeaderContainer{    width:100%;    margin:0px auto 0px auto;    padding: 5px 2% 5px 2%;}
    .Container{     width:94%;    margin:0px auto 0px auto;    padding: 0px 0px 0px 0px;}

    .adminLayer{ min-height:auto ;    display:block; }
    .adminMenu{    float: none;    width:100%;    min-height:60px;    display:block;    background-color: rgba(0, 0, 0, .5);  }
    .adminContent{  float: none;    width:100%;    height: auto ; position: relative;   }


    .adminMenuPadd{    padding:10px 30px 10px 30px; display: flex; flex-flow: row wrap;justify-content: space-between;align-items: stretch;gap: 10px;}
    .adminMenuPadd a{      display:flex;      color: #cae8ed;      margin: 0px 0px 0px 0px;      padding: 3px 16px;  background-color:#065a6d;border-radius:8px; font-size:.9rem; }
    .adminMenuPadd a:hover{    color: #ffffff;  }



    .HomeBoxText1{margin-bottom:50px; }
    .HomeBoxText1A{    width:510px;    font-size: 28px; }
    .HygieneBG{    width:100%;    height:500px;      background-size: 600px auto;    background-position: 10% bottom;    text-align:right;}

    .HomeBoxText2{   /* float:right;*/    text-align:right;    width:100%;    margin-bottom:60px;}
    .HomeBoxText2A{      font-size: 28px;       width:500px;    float:right;}
    .HomeBoxText3{    text-align:right;     margin-bottom:18px;}
    .contaEmail{    margin-bottom:18px;}
    .contaText{    font-size: 15px;   }
    .contaEmailHref{    font-size: 22px;  }


}


@media only screen and (max-width: 980px) {

    .Container{     width:94%;    margin:0px auto 0px auto;    padding: 0px 0px 0px 0px;}


    .HomeBoxText1{margin-bottom:45px; }
    .HomeBoxText1A{    width:410px;    font-size: 22px; }
    .HygieneBG{    width:100%;    height:400px;      background-size: 500px auto;    background-position: 10% bottom;    text-align:right;}
    .HomeBoxText2{   /* float:right;*/    text-align:right;    width:100%;    margin-bottom:40px;}
    .HomeBoxText2A{      font-size: 20px;       width:400px;    float:right;}
    .contaText{    font-size: 13px;   }
    .contaEmailHref{    font-size: 18px;  }
}



@media only screen and (max-width: 640px) {

    .Container{     width:92%;    margin:0px auto 0px auto;    padding: 0px 0px 0px 0px;}
    .logoBox{    width:140px;    float:left;}

    .HomeBoxText1{margin-bottom:45px; }
    .HomeBoxText1A{    width:80%; margin:0px auto 0px auto;    font-size: 18px; text-align:center; }
    .HygieneBG{    width:100%;    height:400px;      background-size: 80% auto;    background-position: 3% bottom;    text-align:center;}
    .HomeBoxText2{   /* float:right;*/    text-align:center;    width:100%;    margin-bottom:45px;}
    .HomeBoxText2A{      font-size: 18px;       width:80%;  margin:0px auto 0px auto;   float:none;}
    .contaText{    font-size: 10px;   }
    .contaEmailHref{    font-size: 15px;  }

    .contaEmailHref:hover{  text-shadow: #000000 1px 0 10px; }
}