body {
	width: 100%;
	overflow-x: hidden;
}
/* MENU */
.b_menu_mobil_iko {
    width: 48px;
    height: 48px;
    position: absolute;
    z-index: 9900;
    top: 8px;
    left: 8px;
}
.b_menu_mobil_iko img {
    width: 48px;
    height: 48px;
}
.b_menu_mobil {
    display: none;
    width: 100%;
    min-height: 100vh;
    position: absolute;
    z-index: 9800;
    top: 64px;
    background-color: rgba(220,220,220,1.00);
}
@keyframes pomaluzobraz {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
/* rozmery */ 
.sirka_100 {
    width: 100%!important;
}
.sirka_90 {
    width: 90%!important;
}
.sirka_80 {
    width: 80%!important;
}
.sirka_75 {
    width: 100%!important;
}
.sirka_70 {
    width: 70%!important;
}
.sirka_60 {
    width: 60%!important;
}
.sirka_50 {
    width: 50%!important;
}
.sirka_40 {
    width: 40%!important;
}
.sirka_30 {
    width: 30%!important;
}
.sirka_25 {
    width: 90%!important;
    margin-left: 5%;
}
.sirka_20 {
    width: 20%!important;
}
.sirka_10 {
    width: 10%!important;
}
.margin_left_2 {
    margin-left: 2vw;
}
.margin_top_2 {
    margin-top: 2vw;
}
/* mezery a predely */
.b_margin_2 {
    margin: 20px;
}
.b_predel_2 {
    width: 100%;
    height: 20px;
    float: left;
    clear: both;
}
.b_predel_25 {
    width: 100%;
    height: 25px;
    float: left;
    clear: both;
}
.b_predel_3 {
    width: 100%;
    height: 30px;
    float: left;
    clear: both;
}
/* LOGO */
.b_logo {
    width: 0vw;
    height: 0px;    
    display: none;
}
.b_logo_mobil {
	width: 100vw;
	height: 64px;
    text-align: center;
	overflow: hidden;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 9000;
	border-bottom: 1px solid rgba(219,219,219,1.00);
    white-space: nowrap!important;
}
.b_logo_mobil img {
    width: auto;
    height: 32px!important;   
    margin-top: 16px;
}
/* form error info */
.error_wrapper{
	width: 80%;
	margin-top: -0.4vw;
    margin-left: 10%;
	height: 12px;
	line-height: 12px;
	margin-bottom: 0px;
	float: left;
	clear: both;
	color: #FFFFFF;
	font-size: 0.7em;
	display: block;
	background-color: rgba(255,0,4,1.00);
	border-radius: 3px;
	text-align: center;
}
/* predely */
.predel_2 {
    width: 100%;
    height: 20px;
    float: left;
    clear: both;
}
/* MENU */
.b_menu {
    width: auto;
    max-width: 50%!important;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    background-color: rgba(253,198,30,1.00);
}
.b_menu_box {
    width: 100%;
    height: 64px;
    line-height: 64px;
    text-align: center;
    overflow: hidden;
}
.b_menu_box a {
    color: rgba(29,65,121,1.00);
    font-weight: 500!important;
    font-size: 1em;
}
.b_menu_box a:hover {
	color: rgba(74,119,189,1.00);
	text-decoration: none;
	border-bottom: 2px solid rgba(253,198,30,1.00);
}
.b_menu_box_modra {
    width: 100%;
    height: 64px;
    line-height: 64px;
    text-align: center;
    overflow: hidden!important;
    white-space: nowrap;
    background-color: rgba(29,65,121,1.00);
}
.b_menu_box_modra a { 
    color: rgba(255,255,255,1.00);
    font-weight: 500!important;
    font-size: 1em;
    background-color: rgba(29,65,121,1.00);
    display: block;
}
.b_menu_box_modra a:hover {
    color: rgba(29,65,121,1.00);
    background-color: rgba(253,198,30,1.00);    
    text-decoration: none;
}
.b_menu nav  {
    width: 100%;
    height: auto;
    display: block; 
    margin: 0;    
}
.b_menu nav > ul {
    width: 100%;
    height: auto;   
    list-style: none!important;
    padding: 0;
    margin: 0;
}
.b_menu nav > ul > li {
    width: 100%;
    min-height: 64px;   
    line-height: 64px; 
    float: left;
    clear: both;
    text-align: center;
	display: block;
	list-style: none;
}
.b_menu nav > ul > li > a {
    min-height: 64px;    
    line-height: 64px;     
    color: rgba(29,65,121,1.00);
    font-weight: 500!important;
    font-size: 1em;
    display: block;
    border-bottom: 1px solid rgba(255,255,255,1.00);
}
.b_menu nav > ul > li > ul {
    display: none;
}
.b_menu nav > ul > li > ul > li {
    width: auto;
    min-width: 100%!important;
    height: 48px;
    line-height: 48px;
    list-style: none;
    text-align: center;
    border-bottom: 1px solid rgba(205,205,205,1.00)!important;  
    background-color: antiquewhite;
}
.b_menu nav > ul > li > ul > li > a {
	width: auto;
	min-width: 100%!important;
    height: 48px;
    line-height: 48px;
	display: block;
	color: rgba(255,255,255,1.00);
	background-color: rgba(29,65,121,1.00)!important;     
	border-bottom-width: 1px;
    text-decoration: 0;
	border-bottom: 2px solid rgba(205,205,205,1.00)!important;     
}
.b_menu nav > ul > li > ul > li > a:hover {
	width: auto;
	min-width: 100%!important;
    height: 48px;
    line-height: 48px;
	display: block;
	color: rgba(255,255,255,1.00);
	background-color: rgba(14,34,66,1.00)!important;
	border-bottom: 2px solid rgba(253,198,30,1.00)!important;
	-webkit-box-shadow: inset 0px 0px 15px 2px rgba(0,0,0,0.25);
	box-shadow: inset 0px 0px 15px 2px rgba(0,0,0,0.25);
}
.b_menu nav > ul > li > ul > li > ul {
	display: none;
}
.w_active_item {
    color: rgba(0,177,234,1.00)!important;
	border-top: 0;  
}
.w_active_item a {
    color: rgba(0,177,234,1.00)!important;
	border-top: 0;   
}


/* MENU FIRMA */
.b_menu_firma {
    width: 50%;
    min-height: 100vh;
    float: right;
    background-color: rgba(212,212,212,1.00);
}
.b_menu_firma nav  {
    width: 100%;
    height: auto;
    text-align: center;
    z-index: 9800!important;
}
.b_menu_firma nav > ul {
    width: 100%;
    min-height: 100vh;
    list-style: none!important;
    padding: 0;
    margin: 0;
}
.b_menu_firma nav > ul > li {
    width: 100%;
    min-height: 64px;   
    line-height: 64px; 
    float: left;
    clear: both;
    text-align: center;
	display: block;
	list-style: none;
}
.b_menu_firma nav > ul > li > a {
    min-height: 64px;    
    line-height: 64px;     
    color: rgba(29,65,121,1.00);
    font-weight: 500!important;
    font-size: 1em;
    display: block;
    border-bottom: 1px solid rgba(255,255,255,1.00);
    color: rgba(14,34,66,1.00)!important;    
}


.b_menu_firma nav > ul > li > ul {
    width: 100%;
    list-style: none!important;
    padding: 0;
    margin: 0;
}
.b_menu_firma nav > ul > li > ul > li {
    width:  100%!important;
    height:  64px;
    line-height: 64px;
    list-style: none;
    text-align: center;
	background-color: rgba(255,255,255,1.00)!important;    
	border-bottom: 1px solid rgba(200,200,200,1.00);    
}
.b_menu_firma nav > ul > li > ul > li > a {
    width:  100%!important;
    height:  64px;
    line-height: 64px;
	display: block;
	background-color: rgba(255,255,255,1.00)!important;
	color: rgba(14,34,66,1.00)!important;
	font-weight: 300;
	border-bottom: 1px solid rgba(200,200,200,1.00);
}
.b_menu_firma nav > ul > li > ul > li > a:hover {
    width:  100%!important;
    height:  64px;
    line-height: 64px;   
	display: block;    
    text-decoration: none;
	background-color: rgba(223,223,223,1.00)!important;    
	border-bottom: 1px solid rgba(29,65,121,1.00);
}
.b_menu_firma nav > ul > li > ul > li > ul {
	display: none;
}

/* FB */
.b_menu_firma_ikony {
    width: 50%;
    height: 64px;
    position: absolute!important;
    z-index: 9950;
    top: -64px;
    right: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    background-color: rgba(255,255,255,0.90)!important;
}
.b_menu_firma_fb {
    width: 32px;
    height: 32px;
    margin-top: 16px;
    margin-left: 4px;
}
.b_menu_firma_fb img {
    width: 32px;
    height: 32px;
}
/* KONTAKT */
.b_menu_firma_kontakt {
    width: 32px;
    height: 32px;
    margin-top: 8px;
    margin-left: 4px; 
}
.b_menu_firma_kontakt img {
    width: 32px;
    height: 32px;
}

/* NAPIS */
@keyframes slidein {
  from {
    margin-left: -100%;
  }

  to {
    margin-left: 0%;
  }
}
.b_napis {
    animation-duration: 2s;
    animation-name: slidein;    
    width: 90vw;
    min-height: 80vh;
    left: 5vw;
    top: 64px;
    z-index: 900000;
    position: absolute;
    display: none;
    text-align: center;
    color: #333333;
    border-radius: 5px;
    border-top: 3px solid rgba(253,198,30,1.00);
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.22);
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.22);
}
.b_napis_box {
    width: 90%;
    height: auto;
    margin-left: 5%;
    float: left;
    clear: both;
}
.b_napis_radek {
    width: 100%;
    height: auto;
    float: left;
    clear: both;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
}
.b_napis_radek_label {
    width: 100%!important;
    height: 32px;
    min-height: 32px;
    float: left;
    clear: both;
    overflow:hidden;
    text-align: center;
    color: rgba(150,150,150,1.00);
}
.b_napis_radek_hodnota {
    width: 100%;
    min-height: 48px;
    line-height: 48px;
    float: left;
    clear: both;    
    overflow: hidden;
}
.b_napis_radek input:focus {
	background-color: rgba(217,217,217,1.00);
	-webkit-box-shadow: inset 0px 0px 5px 2px rgba(0,0,0,0.23);
	box-shadow: inset 0px 0px 5px 2px rgba(0,0,0,0.23);
}
.b_napis_radek input {
	width: 90%;
	height: 36px;
    font-size: 0.85em;    
}
.b_napis_radek_hodnota input[type="submit"] {
	width: 90%;
	height: 36px;
    font-size: 0.85em;    
}
.b_napis input[type="submit"]:hover {
    background-color: rgba(12,17,26,1.00)!important;
}
.b_napis  textarea {
	width: 90%;
	height: 120px;
	overflow: hidden;
	margin-left: 2%;
	border: 1px solid rgba(29,65,121,1.00);
	border-radius: 5px;
    font-size: 0.85em;
}
.b_napis_zavri {
    width: 100%!important;
    width: 32px;
    height: 32px;
    line-height: 32px;
    cursor: pointer;
    margin-top:  12px;
    float: left;
    clear: both;
    background-color: rgba(215,215,215,1.00);
}

/* HLEDEJ */
.b_menu_firma_hledej {
    width: 32px;
    height: 32px;
    margin-top: 16px;
    margin-left: 4px;
}
.b_menu_firma_hledej img {
    width: 32px;
    height: 32px;
    cursor: pointer;
}
.b_hledej {
    width: 34vw;
    height: 2.4vw;
    left: 32vw;
    top: 0.5vw;
    z-index: 900000;
    position: absolute;
    display: none;
    text-align: center;
    color: #333333;
    border-radius: 5px;
    border: 1px solid rgba(205,205,205,1.00);
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.27);
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.27);
}
.b_hledej_box_dotaz {
    width: 100%;
    height: 2.4vw;
    line-height: 2.4vw;
    display: flex;
    flex-flow: row;
        flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: center !important;
    align-items: center !important;
    align-content: center !important;
}
.b_hledej_form {
    width: 90%;
    height: 2vw;
    margin-left: 1%;
    float: left;
    clear: both;
}
.b_hledej input {
    width: 76%;
    height: 32px;
    line-height: 32px;
    float: left;
    color: #666666;
    border: none !important;
    background-color: rgba(255,255,255,0.63);
    text-indent: 5px;
    font-size: 0.85em;
    font-weight: 400;
    border-radius: 10px;
}
.b_hledej input[type="submit"] {
    width: 18%;
    margin-left: 1%;
    height: 32px;
    line-height: 32px;
    text-indent: 0px;
    float: left;
    color: #FFFFFF;
    border: 1px solid #000000;
    background-color: rgba(14,34,66,1.00)!important;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.27);
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.27);
    font-size: 0.85em;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.b_hledej_zavri {
    width: 3vw;
    height: 3vw;
    cursor: pointer;
}
.b_hledej_zavri img {
    width: 1.4vw;
    height: 1.4vw;
    margin: 0.8vw;
}
.b_hledej_zavri img:hover {
    opacity: 0.5;
}
/* WEB OBSAH */
@keyframes pomaluzobraz {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.b_web {
    width: 100%;
    height: auto;
    float: left;
    clear: both;
    -webkit-animation: pomaluzobraz 2s;
    animation: pomaluzobraz 2s; 
}
.b_web_obsah {
    width: 100%;
    height: auto;
	float: left;
    clear: both;
}
.b_web_obsah_text {
    width: 90%;
    height: auto;
	float: left;
    clear: both;
    margin-left: 5%;
    font-size: 0.85em;
}
/* NAVI LISTA */
.b_navi_lista {
	width: 96%;
	min-height: 32px;
	margin-top: 64px;
    float: left;
    clear: both;
	border-top: 1px solid rgba(230,230,230,1.00);
    border-bottom: 1px solid rgba(230,230,230,1.00);
}
.b_navi_lista_titul {
	width: 100%;
    float: left;
	height: 32px;
    line-height: 32px;
    text-align: center;
	font-size: 1em;
    font-weight: 600;
    color: rgba(29,65,121,1.00);
}
.b_navi_lista_titul h1 {
	display: inline;
	font-size: 0.85em;
    font-weight: 600;
    color: rgba(29,65,121,1.00);    
}
/* NAVI LISTA BOX */

.b_navi_lista_box {
    width: auto;
	height: 3vw;
    line-height: 3vw;
    font-weight: 600;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-left: 1vw;
}
.b_navi_lista_box_title {
    width: auto;
	height: 3vw;
    margin-left: 1vw;
    margin-right: 0.5vw;
    overflow: hidden;
    color: rgba(29,65,121,1.00);    
}
.b_navi_lista_obsah {
    display: none;
}
.b_navi_lista_box_ikony {
    width: auto;
    height: 32px;
}  
.b_navi_lista_box_kontakt {
    width: auto;
    height: 32px;
    position: absolute!important;
    z-index: 9980!important;
    top: 16px;
    right: 0px;
    display: block!important;
}
.b_navi_lista_box_napis {
	width: 32px;
	height: 32px;
	line-height: 32px;
	overflow: hidden;
    font-size: 0px!important;
	background-color: rgba(253,198,30,1.00);
	color: rgba(255,255,255,1.00);
	background-image: url(../img_2021/ikony/mail.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 32px 32px;
    float: left;
}
.b_navi_lista_box_napis a {
	width: 32px;
	height: 32px;
}
.b_navi_lista_box_zavolej {
	width: 32px;
	height: 32px;
	line-height: 32px;
	overflow: hidden;
    font-size: 0px!important;
	color: rgba(29,65,121,1.00);
	background-image: url(../img_2021/ikony/tel.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 32px 32px;
    float: left;  
}
.b_navi_lista_box_zavolej a {
	width: 32px;
	height: 32px;
}
.b_navi_lista_box_zavolej:hover {
	background-color: rgba(215,215,215,1.00);
    cursor: pointer;
}
.b_navi_lista_box_zavolej a:hover {
    text-decoration: none;
    color: rgba(29,65,121,1.00);
}
.b_navi_lista_iko_1 {
    width: 1vw;
	height: 3vw!important;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap; 
    justify-content: center;
    align-items: center;
}
.b_navi_lista_iko_1_box {
    width: 0.8vw;
	height: 0.8vw;
    margin: 0.1vw!important;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap; 
    justify-content: center;
    align-items: center;    
}
.b_navi_lista_iko_1_box img {
    width: 100%;
	height: auto;
}
.b_navi_lista_iko_1_box img:hover {
    opacity: 0.5;
}
.b_navi_lista_iko_pocet {
    width: 2vw;
	height: 2vw;
    margin-top: 0.6vw;
    overflow: hidden; 
}
.b_navi_lista_iko_pocet img {
    width: 1.8vw;
	height: 1.8vw;
}
.b_navi_lista_cislo {
    width: auto;
	height: 3vw;
    margin-left: 0.5vw;
    margin-right: 0.5vw;
    overflow: hidden;
    color: rgba(29,65,121,1.00);   
}

/* NAVI LISTA - NAVIGCE*/
.b_navi_navigace {
	width: 100%;
	height: 32px;
    float: left;
    clear: both;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start; 
    overflow-x: hidden;
    white-space: nowrap;
    font-size: 0.85em;
}
.b_navi_navigace_zaloha {
	width: 100%;
	height: 32px;
    float: left;
    clear: both;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start; 
    overflow-y: hidden;
}
.b_navi_navigace a {
	color: rgba(200,200,200,1.00);
}
.b_navi_navigace_box {
	width: auto;
	height: 32px;
    line-height: 32px;
    font-size: 0.8vw;
}
.b_navi_navigace_iko {
    width: 0; 
    height: 0; 
    border-left: 4px solid rgba(230,230,230,1.00); 
    border-bottom: 2px solid transparent;
    border-top: 2px solid  transparent;  
    margin-top: 2px;
    margin-left: 2px;
    margin-right: 4px;
}
.b_navi_navigace ul {
	width: 100%;
	height: 32px;	
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start; 
    overflow-y: hidden;    
}
.b_navi_navigace ul li {
	width: auto;
	height: 32px;
	line-height: 32px;
	float: left;
	list-style: none;
	margin: 0;
    margin-right: 5px;
    padding-right: 10px;
	background-image: url(../img_2021/ikony/iko_sipka_p.png);
	background-position: right center;
	background-size: 8px 8px;
	background-repeat: no-repeat;
    text-indent: 3px;
}
.b_navi_navigace ul li a {
	display: block;
	padding-right: 5px;	
	color: rgba(193,193,193,1.00);
}
.b_navi_navigace ul li a:hover {
	color: rgba(29,65,121,1.00);
	text-decoration: none;
}

/* KATALOG - STRANKA - SEZNAM */
.b_katalog_full {
	width: 100%;
	height: auto;
    min-height: 60vh;
    float: left;
    clear: both;
    -webkit-animation: pomaluzobraz 1s;
    animation: pomaluzobraz 1s;       
}
.b_katalog_leva {
	width: 100%;
	height: auto;
    float: left;
    clear: both;
	overflow: hidden;
    margin-bottom: 32px;    
    -webkit-animation: pomaluzobraz 1s;
    animation: pomaluzobraz 1s;       
}
.b_katalog_prava {
	width: 100%;
	height: auto;
    float: left;
    clear: both;
	overflow: hidden;
    margin-bottom: 1vw;
    -webkit-animation: pomaluzobraz 1s;
    animation: pomaluzobraz 1s;       
}
.b_katalog_leva2 {
	width: 100%;
	height: auto;
    float: left;
    clear: both;
	overflow: hidden;
    margin-bottom: 32px; 
	border-right: 1px solid rgba(230,230,230,1.00);
    -webkit-animation: pomaluzobraz 1s;
    animation: pomaluzobraz 1s;       
}
.b_katalog_prava2 {
	width: 100%;
	height: auto;
    float: left;
    clear: both;
	overflow: hidden;
    margin-bottom: 32px;
    -webkit-animation: pomaluzobraz 1s;
    animation: pomaluzobraz 1s;       
}
.b_katalog_lista {
	width: 100%;
	height: 64px;
    line-height: 64px;
    float: left;
    clear: both;
	overflow: hidden;
    font-size: 1em;
    font-weight: 600;
    text-align: center;
    color: rgba(29,65,121,1.00);   
}
/* KATALOG - STRANKA - KATEGORIE */
.b_katalog_cat {
	width: 100%;
	height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 24px;
}
.b_katalog_cat_box {
	width: 42vw;
	height: 42vw;
	margin-bottom: 24px;
	background-color: rgba(238,238,238,1.00);
}
.b_katalog_cat_box:hover {
	cursor: pointer;
    opacity: 0.5;
    -webkit-transition: opacity 1s ease-out;
    -moz-transition: opacity 1s ease-out;
    -o-transition: opacity 1s  ease-out;
    transition: opacity 1s  ease-out;
    color: rgba(255,0,4,1.00);
}
.b_katalog_cat_box_foto {
	width: 42vw;
	height: 27vw;
}
.b_katalog_cat_box_foto img {
	width: 42vw;
	height: 27vw;
}
.b_katalog_cat_box_title {
	width: 42vw;
	height: 15vw;
    font-size: 0.85em;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.b_katalog_cat_box_title span {
    line-height: 130%;
    text-align: center;
}
.b_katalog_cat_text {
    width: 100%;
    height: auto;
    float: left;
    clear: both;
    text-align: center;
}
.b_katalog_cat_text_foto {
    width: 90%;
    height: auto;
    overflow: hidden;
    margin-left: 4%;
}
.b_katalog_cat_text_foto img {
    width: 100%;
    height: auto;
}
.b_katalog_cat_text_obsah {
    width: 90%;
    height: auto;
    overflow: hidden;
    text-align: justify;
    margin-top: 0.85em;
    margin-left: 4%;
}
/* KATALOG - STRANKA - PRODUKTY */
.b_katalog_prod {
	width: 100%;
	height: auto;
    float: left;
    clear: both;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;    
}
.b_katalog_prod_box {
	width: 44vw;
	height: 70.5vw;
    margin-bottom: 32px;
    border: 1px solid rgba(255,255,255,1.00);
    overflow: hidden;
}
.b_katalog_prod_box1 {
	height: 70.5vw;  
}
.b_katalog_prod_box2 {
	height: 96vw;
}
.b_katalog_prod_box:hover {
    background-color: rgba(238,238,238,1.00);
    border: 1px solid rgba(196,196,196,0.00);
    -webkit-transition: background 1s ease-out;
    -moz-transition: background 1s ease-out;
    -o-transition: background 1s  ease-out;
    transition: background 1s  ease-out;  
    cursor: pointer;
}
.b_katalog_prod_box_foto {
	width: 42vw;
	height: 42vw;
    margin-left: 0.4vw;
    margin-right: 0.5vw;
    margin-top: 0.3vw;
	border: 2px solid rgba(255,255,255,1.00);
    z-index: 5100;
    overflow: hidden;
    display: flex;
    align-content: center!important;
    align-items: center!important;
    justify-content: center!important;
}
.b_katalog_prod_box_foto img {
	width: auto;
    height: auto;
	width: 42vw;
	height: 42vw;
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1);
}

.b_katalog_prod_box_foto:hover {
}
.b_katalog_prod_box_title {
	width: 42vw;
	height: 32px;
    line-height: 32px;
    margin-left: 0.5vw;
    text-align: center;
    font-size: 0.9em;
    font-weight: 600;
    background-color: rgba(238,238,238,0.30); 
    white-space: nowrap;
    overflow: hidden;
}
.b_katalog_prod_box_cena_01 {
	width: 42vw;
	height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 0.9em;
    font-weight: 600;
    background-color: rgba(238,238,238,0.30); 
    white-space: nowrap;
    overflow: hidden;
}
.b_katalog_prod_box_cena_02 {
	width: 42vw;
	height: 32px;
    line-height: 32px;
    margin-left: 0.5vw;
    text-align: center;
    font-size: 0.7em;
    color: rgba(170,170,170,1.00);
    font-weight: 300;
    background-color: rgba(238,238,238,0.30); 
    white-space: nowrap;
    overflow: hidden;
}
.b_katalog_prod_box_cena_03 {
	width: 42vw;
	height: 32px;
    margin-left: 0.5vw;
    overflow: hidden;
}
.b_katalog_prod_box_cena_03a {
	width: 21vw;
	height: 32px;
    line-height: 32px;
    text-align: center;
    float: left;    
    font-size: 1em;
    color: rgba(29,65,121,1.00);
    font-weight: 600;
    background-color: rgba(253,198,30,1.00); 
    white-space: nowrap;
    overflow: hidden;
}
.b_katalog_prod_box_cena_03b {
	width: 21vw;
	height: 32px;
    line-height: 32px;
    text-align: center;
    float: left;
    font-size: 1em;
    font-weight: 600;
    background-color: rgba(253,29,29,1.00); 
    color: rgba(255,255,255,1.00);
    white-space: nowrap;
    overflow: hidden;
    text-decoration: line-through;
}
.b_katalog_prod_box_vyrobce {
	width: 42vw;
	height: 2vw;
    line-height: 2vw;
    margin-left: 0.5vw;
    text-align: center;
    font-size: 0.9em;
    font-weight: 500;
    background-color: rgba(238,238,238,0.30);    
}
.b_katalog_prod_box_popis {
	width: 42vw;
    line-height: 105%;
    margin-left: 0.5vw;
    font-size: 0.75em;
    color: rgba(130,130,130,1.00);
    overflow: hidden;
    background-color: rgba(238,238,238,0.30); 
    text-align: center!important;    
}
.b_katalog_prod_box_popis_1 {
	height: 80px; 
}
.b_katalog_prod_box_popis_2 {
	height: 120px; 
    padding-top: 1vw;    
}
.b_katalog_prod_box_popis ul  {
	width: 100%;
    margin: 0;
	padding: 0;
	list-style: none;
}
.b_katalog_prod_box_popis ul li  {
    width: 96%;
    float: left;
	clear: both;
	margin: 0;
    margin-left: 2%;
	padding: 0;
	list-style: none;
    text-align: center!important; 
    overflow: hidden;
}
.b_katalog_prod_box_popis p  {
	width: 96%;
	margin-left: 2%;
	float: left;
	clear: both;
	display: inline;
	margin-bottom: 2px;
	margin-top: 2px;
    overflow: hidden;
}
.b_katalog_prod_box_logo {
	width: 32px;
	height: 32px;
	margin-top: -43vw!important;
	position: absolute;
	z-index: 5500;
	background-color: rgba(255,255,255,1.00);
	border: 1px solid rgba(219,219,219,1.00);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	-webkit-box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.1);
}
.b_katalog_prod_box_logo img {
	width: 32px;
	height: 32px;
}
/* HOME BANNERY */ 

.b_home {
    width: 100%;
    height: auto;
    margin-top: 80px;
    float: left;
    clear: both;
    -webkit-animation: pomaluzobraz 2s;
    animation: pomaluzobraz 2s;        
}
.b_home_b1 {
	width: 94vw;
	height: 47vw;
    margin-left: 2.5vw;
	float: left;
	clear: both;
	-webkit-box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.16);
	box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.16);
    overflow: hidden;
}
.b_home_b1 img {
    width: 94vw!important;
    height: 47vw!important;
}
.b_home_b1:hover {
    opacity: 0.8;
    cursor: pointer;
}
.b_home_b2 {
    width: 94vw;
    height: auto;
    margin-top: 16px;
    margin-left: 2.5vw;    
    float: left;
    clear: both;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content:space-between;      
}
.b_home_b2_box {
	width: 94vw;
	height: 47vw;
	-webkit-box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.16);
	box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.16);  
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;  
    display: flex;    
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    cursor: pointer;
    background-color: rgba(29,65,121,1.00);
    margin-bottom: 16px;
}
.b_home_b2_box:hover {
    opacity: 0.5;
}
.b_home_b2_bg1 {
	background-image: url(../img_2021/home/t2.jpg);
}
.b_home_b2_bg2 {
	background-image: url(../img_2021/home/t3.jpg);
}
.b_home_b2_bg3 {
	background-image: url(../img_2021/home/t4.jpg);
}
.b_home_b2_box_title_1 {
	width: 100%;
	height: auto;
	text-align: center;
	border-bottom: 3px solid rgba(253,198,30,1.00)!important;
    margin-top: 4vw;
}
.b_home_b2_box_title_1 h2 {
	font-size: 2.2em;
    color: rgba(255,255,255,1.00);
    display: inline;   
	-webkit-text-shadow: 2px 2px 10px rgba(0,0,0,0.43);
	text-shadow: 2px 2px 10px rgba(0,0,0,0.43);    
}
.b_home_b2_box_title_2 {
	width: 100%;
	height: auto;
	text-align: center;
    margin-top: 0.2vw;
}
.b_home_b2_box_title_2 h3 {
	font-size: 1.2em;
    color: rgba(255,255,255,1.00);
    display: inline;
    font-weight: 300;
}
/* home obsah */
.b_home_obsah {
    width: 94vw;
    height: auto;
    margin-left: 3vw;
    margin-top: 2vw;
    float: left;
    clear: both;   
}
.b_home_obsah_title {
    width: 100%;
    height: auto;
    float: left;
    clear: both;
	font-size: 1.2em;
    font-weight: 600;
    color: rgba(29,65,121,1.00);
    margin-bottom: 8px;
    text-align: center;
}
.b_home_obsah_leva {
    width: 100%;
    height: auto;
    float: left;
    clear: both;
    overflow: hidden;
}
.b_home_obsah_prava {
    width: 100%;
    height: auto;
    float: left;
    clear: both;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-content: center;
    align-items: center;
}

/* pata */
.b_pata {
    width: 100%;
    height: auto;
    background-color: rgba(29,65,121,1.00);
    color: rgba(255,255,255,1.00);
    border-top: 3px solid rgba(253,198,30,1.00)!important;
    margin-top: 32px;
    float: left;
    clear: both;
}
.b_pata_obsah {
    width: 100%;
    height: auto;
    float: left;
    clear: both;
}
.b_pata_zapati {
    width: 100%;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: rgba(29,65,121,1.00);   
    background-color: rgba(253,198,30,1.00)!important;
    float: left;
    clear: both;  
    font-size: 0.85em;
}
.b_pata_zapati a:hover {
    color: rgba(0,0,0,1.00);    
}


/* MENU PATA */
.b_menu_pata  {
    width: 100%;
    height: auto;
    display: block; 
    float: left;
    clear: both;
}
.b_menu_pata ul {
    width: 94%;
    height: auto;   
    list-style: none!important;
    padding: 0;
    margin-left: 3%;
    float: left;
    clear: both;    
}
.b_menu_pata ul li {
    width: 100%;
    height: 42px!important;   
    line-height: 42px; 
    text-align: center;
	display: block;
	list-style: none;
    border-bottom: 1px solid rgba(255,255,255,0.00);   
    float: left;
    clear: left;
}
.b_menu_pata ul li a {
    height: 42px!important;   
    line-height: 42px; 
    color: rgba(255,255,255,1.00);
    font-weight: 500!important;
    font-size: 0.85em;
    display: block;
    border-bottom: 1px solid rgba(255,255,255,0.2);

}
.b_menu_pata ul li a:hover { 
    height: 42px!important;   
    line-height: 42px; 
	color: rgba(195,195,195,1.00);
    display: block;
    text-decoration: none;
	border-bottom: 2px solid rgba(253,198,30,1.00)!important;
}
.b_menu_pata ul li ul {
	display: none;
}


.b_napis input[type="submit"] {
    width: 90%;
	margin-left: 2%;
    height: 32px;
    line-height: 32px;
    color: #FFFFFF;
    border: 1px solid #000000;
    background-color: rgba(14,34,66,1.00)!important;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.27);
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.27);
    font-size: 0.85em;
}

/* DIVIZE */
.b_web_divize {
    width: 100%;
    height: auto;    
	float: left;
    clear: both;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: flex-start;
}
.b_web_divize_box {
    width: 90%;
    height: auto;  
	margin-bottom: 32px;
    margin-left: 5%;
	background-color: rgba(255,255,255,1.00);
}
.b_web_divize_box_title {
	width: 100%;
	height: 64px;
    float: left;
    clear: both;
}
.b_web_divize_titul_nazev {
	width: auto;
	height: 64px;
    line-height: 64px;
    float: left;
}
.b_web_divize_titul_nazev a:hover{
	text-decoration: none!important;
    border-bottom: 2px solid rgba(29,65,121,1.00);
}
.b_web_divize_titul_nazev h2 {
	display: inline;
    color: rgba(29,65,121,1.00);
	border-bottom: 2px solid rgba(253,198,30,1.00);
    font-weight: 500;
}
.b_web_divize_titul_odkaz {
	width: auto;
	min-width: 60px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	background-color: rgba(29,65,121,1.00);
	float: right;
	color: rgba(255,255,255,1.00);
	cursor: pointer;
}
.b_web_divize_titul_odkaz a {
	display: block;
    color: rgba(255,255,255,1.00);
}
.b_web_divize_titul_odkaz a:hover {
	background-color: rgba(253,198,30,1.00); 
    color: rgba(29,65,121,1.00);  
}
.b_web_divize_perex {
    width: 100%;
    height: 32px;
    line-height: normal;
    display: block;
    float: left;
    clear: both;
    color: rgba(122,122,122,1.00);
    margin-bottom: 18px;
}
.b_web_divize_foto {
    width: 100%;
    float: left;
    clear: both;
}
.b_web_divize_foto img {
    width: 100%;
    float: left;
    clear: both;
}
.b_web_divize_info {
    width: 100%;
    float: left;
    clear: both;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    margin-top: 2vw;
    margin-bottom: 2vw;    
}
.b_web_divize_info_box {
    height: auto;
    min-height: 48px;
    line-height: 48px;
    font-size: 0.85em;
}
.b_web_divize_info_box img {
    width: 18px;
    height: 18px;
    float: left;
    margin-top: 14px;
    margin-right: 6px;
}
.b_web_divize_otd {
    width: 80%;
    height: auto;    
	float: left;
    clear: both;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    font-size: 0.85em;
    margin-left: 7%;
}
.b_web_divize_otd_box {
	height: 32px;
	line-height: 32px;
	color: rgba(100,100,100,1.00);
	border-bottom: 1px solid rgba(213,213,213,1.00);
}

/* divize detail */
.b_web_divize_detail {
    width: 100%;
    height: auto;    
	float: left;
    clear: both;
}
.b_web_divize_detail_titul {
    width: 100%!important;
    height: auto;
    line-height: 64px;
    margin-bottom: 24px;
    float: left;
    clear: both;
    margin-left: 2vw!important;    
}
.b_web_divize_detail_perex {
    width: auto;
    height: auto;
    line-height: 32px;
    float: left;
    color: rgba(150,150,150,1.00);
    text-align: left;
    margin-bottom: 12px;
}
.b_web_divize_detail_box {
    height: auto;
    float: left;
}
.b_web_divize_osoba_box {
    height: auto;
    float: left;
    display: flex!important;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    align-items: center; 
    flex-wrap: wrap;
}
.b_web_divize_osoba{
	width: 90%;
	height: auto;
    margin-left: 5%;
	background-color: rgba(227,227,227,1.00);
	-webkit-box-shadow: 0px 0px 14px 2px rgba(0,0,0,0.11);
	box-shadow: 0px 0px 14px 2px rgba(0,0,0,0.11);
	overflow: hidden;
	margin-bottom: 24px;
}
.b_web_divize_osoba_foto {
    width: 30vw;
    height: 30vw;
    background-color: rgba(255,255,255,1.00);
    float: left;
}
.b_web_divize_osoba_foto img {
    width: 30vw;
    height: 30vw;
}
.b_web_divize_osoba_jmeno {
    width: 60%;
    height: 32px;
    line-height: 48px;
    text-align: left;
    font-weight: 600;
    float: right;
    clear: right;
    color: rgba(29,65,121,1.00);
    font-size: 1em;
}
.b_web_divize_osoba_pozice {
    width: 60%;
    height: 10px;
    line-height: 10px;
    text-align: left;
    font-weight: 300;
    color: rgba(132,132,132,1.00);
    float: right;
    clear: right;
    font-size: 0.7em;
    margin-bottom: 8px;
}
.b_web_divize_osoba_info {
    width: 60%;
    height: 22px;
    line-height: 22px;
    text-align: left;
    font-weight: 300;
    color: rgba(132,132,132,1.00);
    float: right;
    clear: right;
    font-size: 0.9em;
}
.b_web_divize_osoba_info a:hover {
    color: rgba(90,90,90,1.00);
}
.b_web_divize_popis_box{
    width: 80%;
    height: auto;
    float: left;
    text-align: left;
}
.b_web_divize_detail_text {
    text-align: left;
}
.b_web_divize_detail_foto {
    width: 90%;
    height: auto;   
	float: left;
    margin-left: 5%;   
	float: left;
    clear: both; 
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;  
    align-content: space-between;
    align-items: flex-start;
}
.b_web_divize_detail_foto_box1 {
    width: 100%;
    height: auto;   
	float: left;
	-webkit-box-shadow: 0px 0px 14px 2px rgba(0,0,0,0.11);
	box-shadow: 0px 0px 14px 2px rgba(0,0,0,0.11); 
    margin-bottom: 16px;
}
.b_web_divize_detail_foto_box1 img {
    width: 100%;
    height: auto;   
}
.b_web_divize_detail_foto_box2 {
    width: 30%;
    height: auto;
	-webkit-box-shadow: 0px 0px 14px 2px rgba(0,0,0,0.11);
	box-shadow: 0px 0px 14px 2px rgba(0,0,0,0.11);    
}
.b_web_divize_detail_foto_box2 img {
    width: 100%;
    height: auto;
}

/*  FILTRY */
.b_katalog_filtry {
    display: none;
}
.b_katalog_filtry_zaloha {
    width: auto;
    height: 3vw;
    float: right;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    color: rgba(180,180,180,1.00); 
}
.b_katalog_filtry_razeni {
	width: auto;
	height: 3vw;
	line-height: 3vw;
	float: left;	
	margin-left: 1vw;
    margin-right: 1vw;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}
.b_katalog_filtry_razeni_titul {
	width: auto;
    height: 3vw;
    line-height: 3vw;
    margin-right: 0.5vw;
}
.b_katalog_filtry_razeni_sipky {
	width: 1.5vw;
    height: 2.6vw;
    margin-top: 0.2vw;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
}
.b_katalog_filtry_razeni_sipky div {
	width: 1.5vw;
    height: 1.3vw;
}
.b_katalog_filtry_razeni_sipky div a img {
	width: 1.1vw;
    height: 1.1vw;
    display: block;
}
.b_katalog_filtry_razeni_sipky div a:hover img {
	opacity: 0.5;
}
.b_katalog_filtry_razeni_iko {
	width: 3vw;
    height: 3vw;
}
.b_katalog_filtry_razeni_iko img {
	width: 2vw;
    height: 2vw;
    margin: 0.5vw;
}
.b_katalog_filtry_razeni_pocet {
	width: auto;
    height: 3vw;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;    
}
.b_katalog_filtry_razeni_pocet div {
	width: auto;
    height: 3vw;
    margin-right: 0.6vw;
}

/* PRODUKT CENY */
.b_katalog_ceny {
	width: 100%;
	height: 64px;
	float: left;
	clear: both;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	color: rgba(180,180,180,1.00);
	border-top: 1px solid rgba(208,208,208,1.00);
}
.b_katalog_ceny_box {
	width: 50%;
	height: 32px;
	line-height: 32px;
	float: left;	
	margin-left: 0px;
    margin-right: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
}
.b_katalog_ceny_box_cena {
	width: 50%;
	height: 32px;
	line-height: 32px;
    font-size: 0.85em;
    color: rgba(0,38,57,1.00); 
    font-weight: 600;
    text-align: right;
}
.b_katalog_ceny_box_info {
	width: 50%;
	height: 32px;
	line-height: 32px;
    font-size: 0.55em;
    color: rgba(180,180,180,1.00);
    font-weight: 300;
    overflow: hidden;
    text-indent: 3px;
}
.b_katalog_ceny_pdf {
	width: auto;
	height: 64px;
	line-height: 64px;
	float: left;	
	margin-left: 10px;
    margin-right: 10px;
    font-size: 0.9em;
    color: rgba(0,38,57,1.00); 
    font-weight: 400;    
}
.b_katalog_ceny_pdf span{
	width: auto;
	height: 64px; 
    float: left;
    overflow: hidden;
}
.b_katalog_ceny_pdf a {
	display: block; 
}
.b_katalog_ceny_pdf a span img {
	width: 18px;
	height: 18px;
    margin-top: 18px;  
}

/* PRODUKT  */
.b_produkt {
	width: 100%;
	height: auto;
    float: left;
    clear: both;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
}
.b_prod_box1 {
	width: 100%;
	height: auto;
    float: left;
    clear: both;
    margin-bottom: 24px;
}
.b_prod_box2 {
	width: 100%;
	height: auto;
    float: left;
    clear: both;
    margin-bottom: 24px;
}
.b_prod_logo {
	width: 64px;
	height: 64px;
	position: absolute;
	margin-left: 5px;
	margin-top: 5px;
	z-index: 600;
	overflow: hidden;
	background-color: rgba(255,255,255,0.6);
	-webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.29);
	box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.29);
}
.b_prod_logo img {
	width: 60px;
	height: 60px;
	margin: 2px;
}
/* foto */
.b_prod_foto {
	width: 90vw;
	min-height: 90vw;
	float: left;
	overflow: hidden;
    margin-left: 5vw;
    margin-top: 24px;
}
.b_prod_foto img {
	width: 90%;
	height: auto;
	margin-left: 5%;
	margin-top: 5%;
	background-color: rgba(255,255,255,1.00);
	-webkit-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.12);
	box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.12);	
}
/* galerie */
.b_prod_galerie {
    width: 88%;
    height: auto;
    margin-left: 6%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: flex-start;
    align-items: flex-start;    
}
.b_prod_galerie_box {
    width: 24vw;
    height: 24vw;
    margin-bottom: 24px;
	-webkit-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.12);
	box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.12);	    
}
.b_prod_galerie_box img {
    width: 24vw;
    height: 24vw;
}
/*  produkt - rqadky */
.b_prod_radek {
	width: 90%;
	height: auto;      
    float: left;
    clear: both;
    margin-bottom: 8px;
    margin-left: 5%;
}
.b_prod_radek_label {
    width: 100%;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    float: left;
    clear: both;
    text-align: left;
    font-size: 0.75;
}
.b_prod_radek_hodnota {
    width: 100%;
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    float: left;
    clear: both;
    text-align: left;
    font-size: 0.85;    
}
.b_prod_radek_hodnota img{
    width: 18px;
    height: 18px;
    margin-top: 12px;
    float: left;
}
.b_prod_radek_iko {
    width: 18px;
    height: 18px;
    overflow: hidden;
    float: left;
    margin-top: 8px;
    margin-right: 4px;
}
.b_prod_radek_iko img{
    width: 18px;
    height: 18px;
}
.b_prod_radek_title {
    width: auto;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    float: left;
    font-size: 1em;
}
.b_prod_radek_text {
    width: 90%;
    height: auto;
    margin-left: 5%;
    margin-bottom: 2vw;
    overflow: hidden;
    float: left;
    clear: both;
}
.b_prod_radek_text ul {
    list-style-image: url(../img_2021/ikony/list-image.png);
}
.b_prod_radek_text ul li {
    margin-bottom: 0vw;
    line-height: 32px;
}
.b_prod_radek_video {
    width: 84vw;
    height: 48vw;
    margin-left: 7vw;
    margin-bottom: 2vw;
	-webkit-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.12);
	box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.12);	
}
.b_prod_radek_video iframe{
    width: 84vw;
    height: 48vw; 
}

/* CLANKY */
.b_clanky {
    width: 100%;;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: space-between;
}
.b_clanek {
	width: 90%;
	height: auto;
	margin-bottom: 48px;
	-webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.18);
	box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.18);
}
.b_clanek_foto {
	width: 100%;
	height: auto;
    overflow: hidden;
}
.b_clanek_foto img {
	width: 100%;
	height: auto;
}
.b_clanek_titulek {
	width: 100%;
	height: auto;
    min-height: 48px;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	background-color: rgba(237,237,237,0.80);
}
.b_clanek_galerie {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 1vw;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.b_clanek_galerie_box {
	width: 30%;
	height: auto;
	margin: 1%;
    border: solid 1px rgba(230,230,230,1.00);
}
.b_clanek_galerie_box img {
    width: 100%;
    height: auto;
}
.b_clanek_galerie_box img:hover {
    opacity: 60%;

}

/*  HOME - OT DOPBA _ VAROVANI */
.b_home_otd {
	width: 100%;
	min-height: 32px;
	line-height: 32px;
	background-color: rgba(255,0,4,1.00);
	color: rgba(255,255,255,1.00);
	text-align: left;
    text-indent: 10px;
	font-weight: 600;
	position: fixed;
	bottom: 0;
	z-index: 6000;
	font-size: 1em;
    white-space: nowrap;
	-webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.16);
	box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.16);
}
.b_home_otd a {
    color: rgba(255,255,255,1.00);
}