/* XStandard CSS Document */

.cl_bila{
	color:white;
}

.cl_zluta{
	color:yellow;
}

.cl_purpurova{
	color:fuchsia;
}

.cl_azurova{
	color:aqua;
}

.cl_zluta{
	color:#FFFF00;
}

.cl_cervena{
	color:red;
}

.cl_svetle_zelena{
	color:lime;
}

.cl_modra{
	color:blue;
}

.cl_cerna{
	color:black;
}

.cl_zelena{
	color:green;
}

.cl_hneda{
	color:maroon;
}

.cl_olivova{
	color:olive;
}

.cl_fialova{
	color:purple;
}

.cl_seda{
	color:gray;
}

.cl_tmave_modra{
	color:navy;
}

.cl_modro_zelena{
	color:teal;
}

.cl_svetle_seda{
	color:silver;
}

.font_1{
	font-size:8pt;
}

.font_2{
	font-size:10pt;
}

.font_3{
	font-size:12pt;
}

.font_4{
	font-size:14pt;
}

.font_5{
	font-size:18pt;
}

.font_6{
	font-size:24pt;
}

.font_7{
    font-size:36pt;
}

.right{
    text-align:right;
}

.left{
    text-align:left;
}

.center{
    text-align:center;
}

.underline{
    text-decoration:underline;
}

.strikethrough{
    text-decoration:line-through;
}

.fotoleft{
    float:left;
    margin:5px 15px 5px 0px;
}

.fotoright{
    float:right;
    margin:5px 0px 5px 15px;
}

sup{
    vertical-align: top;
}

sub{
    vertical-align: bottom;
}


/* Base CSS Document */
.vlevo
{
    text-align: left;
}

.uprostred
{
    text-align: center;
}

.vpravo
{
    text-align: right;
}

.nahore
{
    vertical-align: top;
}

.doprostred
{
    vertical-align: middle;
}

.dole
{
    vertical-align: bottom;
}

.tbl_center
{
    margin: 0px auto;
}

.tucne
{
    font-weight: bold;
}

#div-sofico-eshopy
{
    background-color: rgb(66,66,66);
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    font-size: 11px;
    text-align: left;
    padding: 3px;
}

#div-sofico-eshopy span
{
    margin-right: 10px;
}

#div-sofico-eshopy a:link,
#div-sofico-eshopy a:visited
{
    color: white;
    text-decoration: none;
}

#div-sofico-eshopy a:hover
{
    color: rgb(255,0,51);
}

.input_submit_vypis_kosik
{
    vertical-align: middle;
    margin: 0px 0px 0px 2px;
}

.eu-cookies {
    position: fixed;
    left: 0px;
    bottom: 0px;
    right: 0px;
    width: 98%;
    color: white;
    background: #444444;
    z-index: 9999;
    margin: 0px;
    padding: 1%;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    font-size: 100%;
}

.eu-cookies button {
    background: green;
    color: white;
    border: 0px;
    padding: 2px 5px;
    margin: 0px 10px;
    cursor: pointer;
    font-size: 100%;
    display: inline-block;
    text-transform: none;

    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.eu-cookies button:hover {
    background: green;
    color: white;
    border: 0px;
    padding: 2px 5px;
    margin: 0px 10px;
    cursor: pointer;
    font-size: 100%;
    display: inline-block;
    text-transform: none;

    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.eu-cookies a,
.eu-cookies a:link,
.eu-cookies a:visited
{
    color: white;
    text-decoration: underline;
    font-size: 100%;
}

.eu-cookies a:hover {
    color: white;
    text-decoration: none;
}

.border_preview
{
	z-index:100;
	position:absolute; 
	background: #fff;
	border: 1px solid silver;
}

.border_preview #loader_container
{
    position:absolute;
    top:40%;
    left: 0px;
    width:100%;
}

.border_preview H2.title_h2
{
    text-align: center;
    margin: 5px;
}

.border_preview #loader
{
	font-family:Tahoma, Helvetica, sans;
	font-size:10px;
	color:#000000;
	background-color:#FFFFFF;
	padding:10px 0 16px 0;
	margin:0 auto;
	display:block;
	width:135px;
	border:1px solid #6A6A6A;
	text-align:left;
	z-index:255;
}

.border_preview #progress {
	position:relative;
    width: 113px;
    height: 7px;
}

.border_preview #loader_bg {
	position:relative;
	top:8px;left:8px;height:7px;
	width:113px;font-size:1px
}

.border_preview .preview_temp_load {
	vertical-align:middle;
	text-align:center;
	padding: 10px;
}

.border_preview .preview_temp_load img{	
	vertical-align:middle;
	text-align:center;
}
.mobil{display: none}

*{margin: 0;padding: 0;}
body, html{margin:0; padding:0; font-size: 15px; font-family: 'Oswald';font-style: normal;font-weight: 500; color: #000; /*background:#0C295C url(../grafika/back.jpg) top repeat-x;*/line-height: 150%}
h1,h2,h3.h4{font-weight: 500;line-height: 130%;margin-bottom: 10px}
h1 {margin-bottom: 25px;font-weight: 600;}
a{color: #4156A6}
a:hover{text-decoration: none}
strong, b{font-weight: 500}
img{max-width: 100%;height: auto}
p{margin-bottom: 5px;font-weight: 300;}
ul{font-weight: 300;}

td {padding: 6px;}

input[type=text],input[type=number],input[type=password],input[type=email],select,textarea{padding: 9px 10px;border: 1px solid rgb(226 225 225);box-sizing: border-box;font-size: 15px;font-family: 'Oswald';font-style: normal;font-weight: 500; }
textarea {resize:none;}
input[type=radio],input[type=checkbox]{margin-right: 5px;font-family: 'Oswald';font-style: normal;font-weight: 500; }
input[type=submit],input[type=button],button,.button{padding: 8px;border: none;background-color:#d9000d;box-sizing: border-box;color: #fff;cursor: pointer;transition: all 0.3s;font-size: 15px;font-family: 'Oswald';font-style: normal;font-weight: 500; }
input[type=submit]:hover,input[type=button]:hover,button:hover,.button:hover {background-color:#04265b;font-family: 'Oswald';font-style: normal;font-weight: 500; }
input.btn-big{padding: 12px 20px;font-size: 120%;text-transform: uppercase}
::placeholder {font-family: 'Oswald';font-style: normal;font-weight: 500; }

.stred_obsah .div_nadpis {font-size: 1.5em;font-weight: 500;}

#frmregistrace, .registration {background-color: #F5F7FA;padding:30px;}

.vypis-prodejci {display: flex;flex-wrap: wrap;}
.vypis-prodejci .div-prodejce {margin: 10px;width: calc(33.33% - 20px);padding:15px;border:solid 2px #F5F7FA;box-sizing: border-box;}
.vypis-prodejci .div-prodejce.vip-prodejce {border:solid 2px #d9000d;}

.user-icon .content {padding: 10px 12px;background: #d9000d;color: white;font-size: 20px;transition: all 0.3s;}
.user-icon .content:hover {background-color:#04265b;}

.cleaner{clear:both;height: 0}
.center{text-align: center}
.div_messages{border: 2px solid rgb(199,23,46); padding: 20px;margin-bottom: 10px}
.info{font-size: 90%;font-style: italic;color:gray;line-height: 130%;padding: 5px}

#span_razeni_radit {display: none}

.top_logo{background: white;}
.top_logo .logo_content {border-bottom: solid 2px #e8e8e8;}

.top_logo .logo_content .div-top-menu {max-width:1600px;width:90%;margin:auto;}
.top_logo .logo_content .mail_head {margin-left: 20px;}
.top_logo .logo_content .head_menu {margin-left: 20px;padding-left: 20px;border-left: solid 2px #e8e8e8;}
.top_logo .logo_content .head_menu a {text-transform: inherit;font-weight: 300;margin-right:30px;}
.top_logo .logo_content .mail_head a, .top_logo .logo_content .tel_head a {font-weight: 400;font-size: 16px;}
.top_logo .box {display:flex;align-items:center;justify-content: space-between;max-width: 1600px;width: 90%;margin: auto;padding: 5px 0px;}
.box{position: relative}
.box.right{margin-left: auto}
.logo{padding: 0px;text-decoration: none;color: #000;font-size: 200%;display: block;line-height: 120%;background-image: url('/grafika/2022/Logo.png');background-position: left center;background-size: contain;background-repeat: no-repeat;width: 250px;height: 100px;}
.kosik{background: rgb(196 40 64);padding: 10px;color: #fff;text-decoration: none;display: flex;min-width: 160px;transition: all 0.3s;align-items: center;}
.kosik > span:last-child{margin-left: auto}
.kosik:hover{background: #04265b}
.kosik .fas{font-size: 250%;margin-right: 10px}
.kosik .nadpis{display: block;margin-bottom: 5px}
.kosik .celkem{font-weight: 500;font-size: 120%}
.loga{position: absolute;bottom: 0;display: block;right: 0;background: rgba(255,255,255,0.4);}
.loga a{padding: 6px 10px;max-width: 200px;display: block;}
.loga a img{display: block;max-width: 100%;height: auto}

/*.skupina_top_nav {padding: 130px 0px 30px;background:black;margin-bottom: 30px;background-image: url('/grafika/2022/back.png');background-position: center;background-repeat: no-repeat;background-size: auto;}
.skupina_top_nav .nazev_skupiny {max-width: 1600px;width: 90%;margin: auto;color:white;font-size: 50px;margin-bottom: 50px;}
.skupina_top_nav .drobky {max-width: 1600px;width: 90%;margin: auto;color: white;}*/

.skupina_top_nav {width:100%}
.skupina_top_nav .nazev_skupiny {display: none;}
.skupina_top_nav_detail .nazev_skupiny {display: block;}
.skupina_top_nav_detail h2.drobky{margin-left: 0px;}


.main{max-width: 100%;width: 100%;margin: auto;background: #fff}
.obsah{max-width:1600px;width:90%;margin:auto;display: flex;flex-wrap: wrap;clear: both}
.obsah.no-skupina {margin-top:40px;}
body.homepage .obsah, .obsah.detail {max-width:inherit;width:100%;margin-top:0px;}
body.homepage .obsah .stred_obsah, .obsah.detail .stred_obsah {padding: 0px;padding-bottom: 40px;width:100%;} 
.obsah.detail .stred_obsah {overflow:hidden;}
.pravy_obsah{width: 20%;box-sizing: border-box;padding-top:10px;order: 2;float: right;display:none;}

.levy_obsah {width: 350px;margin-right:30px;}
.stred_obsah {width: calc(100% - 350px - 30px);}
body.homepage .levy_obsah, .obsah.detail .levy_obsah {display: none;}

.div-top-menu-bg {border-bottom: solid 2px #e8e8e8;}
.div-top-menu{background: none;display: flex;flex-wrap: wrap;justify-content: space-between;padding: 0px;align-items: center;}
.div-top-menu .div-top-menu-left {display: flex;}
.div-top-menu .div-top-menu-right a {font-weight: 400;margin-left: 10px;vertical-align: middle;}
.div-top-menu .div-top-menu-right a img {margin-right:3px;margin-bottom: -3px;}
.div-top-menu .div-top-menu-right a.head_prihlaseni {padding: 13px;background: #d9000d;color: white;min-width: 150px;text-align: center;}
.div-top-menu .div-top-menu-right a.kosik_bg_head {padding: 12px 13px;background: #d9000d;color: white;min-width: 150px;text-align: center;}
.div-top-menu .div-top-menu-right a.kosik_bg_head i {font-size: 23px;margin-right: 5px;}
#button_moc_voc {display: inline-block;vertical-align: middle;margin-left: 10px;background: #d9000d;color: white;font-weight: 400;}
#button_moc_voc:hover{text-decoration: underline}
.div-top-menu a{display: inline-block;padding: 7px 10px;color: #000;text-decoration: none;font-weight: 400}
.div-top-menu a:hover{text-decoration: underline}

/*#button_moc_voc{position:fixed;bottom:0;right:0;z-index:1000;display: flex}*/
#button_moc_voc span{/*display: inline-block;*/padding: 13px;cursor: pointer;display:block;}
/*#button_moc_voc .hide_show_VOC{opacity: 0.4;background: rgba(0,0,0,0.5)}
#button_moc_voc .hide_show_VOC:hover{opacity: 1}*/
#cat2 > ul {
    display: flex;
    flex-direction: column;
    margin: 0px;
}
.levy_obsah .categories li {display:flow;order:20}
.levy_obsah .categories li.cd82c8d1619 {order:10}

.tbl_kontakt_napiste_nam {padding: 30px;background: #f5f7fa; margin: 15px 0px;}

.slider_hp {margin-bottom: 30px;}

.container.kontakt {display:flex;flex-wrap:wrap;align-items:center;background-color:#F5F7FA;padding:30px;margin-bottom:30px;}
.container.kontakt .col-2:first-child {width:300px;}
.container.kontakt .col-2 img {margin-right: 3px;margin-bottom:-3px;display: inline-block;}
.container.kontakt .col-2:last-child {width:calc(100% - 300px);}
.container.kontakt h1 {font-size:40px;}

.container.kontakt-osoby {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.container.kontakt-osoby .col {margin:10px;width:180px;text-align:center;}
.container.kontakt-osoby .col p {color: #D9000D;}

.js_up_down .basket_form_down, .js_up_down .basket_form_up {padding: 5px;cursor: pointer;font-weight: 600;font-size: 20px;}
.td_katalog_detail_polozka .js_up_down .basket_form_down, .td_katalog_detail_polozka .js_up_down .basket_form_up {padding: 4.8px 5px;cursor: pointer;font-weight: 600;font-size: 20px;vertical-align: middle;    width: 25px;background: white;display: inline-block;text-align: center;border: 1px solid rgb(226 225 225);color: #134489;font-size: 30px;}
.td_katalog_detail_polozka .input_text.input_ks {vertical-align: middle;margin:0px 2px !important;} 

.categories_bg{position: relative}
.categories {margin:auto;}
.categories ul{list-style: none}
.categories .icon, .categories .hover_icon{display: none}
.categories a{text-decoration: none;display: block;box-sizing: border-box}
.categories a:hover{text-decoration: none;}
.categories > ul{display: flex;flex-wrap: wrap;justify-content: center;margin: 0px 50px;}
.categories a.level_1{display: block;padding: 5px 0px;font-size: 120%;font-weight: 800;color:black;margin: 5px 10px;position:relative;}
.categories li.level_1:hover a.level_1::before {content:"";position:absolute;left:0px;bottom:0px;width:100%;height:3px;background: #d9000d;}
.categories a.level_1.active {color: #d9000d;}
.categories ul.level_1{display: none;position: absolute;background: #fff;left: 0;right: 0;width: 100%;box-sizing: border-box;z-index: 10;flex-wrap: wrap;padding: 0px;
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);max-width:1200px;margin:auto;overflow: hidden;}
.categories li.level_1:hover ul.level_1{display: flex}
.categories li.level_1:hover a.level_1{background: #fff;color: #d9000d}
.categories li.level_2{padding: 10px;border: solid 0.5px #e8e8e8;width: calc(20% + 1px);box-sizing: border-box;margin-bottom: 0px;margin-left: -1px;margin-bottom: -1px;}
.categories li.level_2 ul {display: none;} /* skryti 3. urovne skupin v hornim menu */
.categories li.level_2 li {margin-top: 3px;display: inline-block}
.categories li.level_2 li a.level_3 > .name::after {content:",";}
.categories li.level_2 li:last-child a.level_3 > .name::after {display:none;}
.categories li.level_2 li a.level_3 {color: black;}
.categories li.level_2 li a.level_3:hover {text-decoration:underline;}
.categories a.level_2{font-weight: normal;font-size: 100%;margin-bottom: 2px;color: black;}
.categories a.level_2:hover{text-decoration:underline;}
.categories a.cd82c8d1619{color: #d9000d}
.categories li{order:20}
.categories li.cd82c8d1619{order:10}

.prihlaseni{position:relative; padding:10px; padding-top:40px; margin-bottom: 10px; color:#FFF; background: url(../grafika/box-uzivatel-head.png) center 10px no-repeat rgb(65,87,166)}
.prihlaseni a{color:#FFF; text-decoration:underline}
.prihlaseni a:hover{text-decoration:none}
.prihlaseni .user_info a{display: block;padding: 5px 0;font-weight: 500;text-decoration: none}
.prihlaseni .user_info a:hover{text-decoration: underline}

.vyhledavani_box{position:relative;padding: 10px;margin-top: 10px;margin-bottom: 10px;background-color: #f6f6f6}
.vyhledavani_box form {border: solid 0px transparent;width: 250px;}
.vyhledavani_box form > div {display: flex;}
.vyhledavani_box form .prihlaseni_input2 {width: 100%;font-size: 15px;outline:none;/*text-align: right;*/font-weight: 600;color: black;}
.vyhledavani_box form .prihlaseni_input2::placeholder {font-weight: 600;color: black;}
.vyhledavani_box form .button_ok2 {font-size: 0px;background-color:transparent;background-image: url(../grafika/2022/icon-search.svg);background-position: center;background-repeat: no-repeat;background-size: auto;width: 40px;}

.div-top-doprava-zdarma {background-color: rgb(0 55 139) !important;color: white;}
.homepage .div-top-doprava-zdarma, .obsah.detail .div-top-doprava-zdarma {margin-bottom:0px;}

.zpet {border-bottom: solid 1px #F4F6F8;padding-bottom: 30px;margin-bottom: -1px;}
.zpet a {font-size:22px;line-height:23px;color:#134489;padding:10px 30px;border: solid 1px #134489;display:inline-block;text-decoration:none;transition:all 0.4s;}
.zpet a:hover {background-color:#134489;color:white;}

.rychle_objednani h3,
.akcni_nabidka h3
{padding: 10px;font-weight: 500;text-align: center;color: #4157a6;text-transform: uppercase}
.div_box_content{background: rgb(243,243,243);padding: 10px}
.rychle_objednani{margin-bottom: 10px;position: relative}
.tbl_zrychlene_objednavani td{padding: 1px}

h2.drobky{margin: 20px;font-weight: 300;font-size: 150%}
h2.drobky a{font-weight: 800;text-decoration: none;color: #000031}
h2.drobky a:hover{text-decoration: underline}

.c-hl-kategorie{margin-bottom: 10px;display: flex;clear: both;overflow: hidden;flex-wrap: wrap;background: rgb(233,240,246);padding: 1px;box-sizing: border-box}
.c-hl-kategorie a{display: block;margin: 1px; float: left;text-decoration: none;padding: 5px;box-sizing: border-box;color:#4156A6;font-weight: 500;font-size: 120%;width: calc(20% - 2px)}
.c-subcat .subcat-top{display: none}
.c-subcat ul{display: flex;flex-wrap: wrap;overflow: hidden;clear: both;list-style: none;margin-bottom: 10px;box-sizing: border-box}
.c-subcat ul li{width:20%}
.c-subcat a{padding: 10px 10px;margin-right: 20px;align-items: center;margin-bottom: 8px;text-decoration: none;display: flex;background: #f5f7fa;font-weight: normal;box-sizing: border-box;height: calc(100% - 8px);text-align:center;justify-content:center;transition: all 0.3s;color: black;font-size: 18px;}
.c-subcat a:hover {background-color:#00378b;color:white;}
.c-subcat .pocet{float: right;opacity: 0.6;margin-left: auto;display: none}
.c-subcat.level2 .nazev{font-weight: 600}
.subcat {width: calc(100% + 20px);}

.na_stranku{float: right;margin-bottom: 1px}
#div_katalog_vypis_typ_vypisu{text-align: right;margin-bottom: 6px;display:none;}
#div_katalog_vypis_typ_vypisu a,
.na_stranku a {text-decoration: none;display: inline-block;padding: 7px;margin: 2px;background: #f5f7fa;vertical-align: middle;transition:all 0.3s;min-width: 18px;color: black;}
#div_katalog_vypis_typ_vypisu a.active,.na_stranku a.active{font-size: 110%;background-color: #d9000d;color: white;}
#div_katalog_vypis_typ_vypisu a:hover,.na_stranku a:hover {background-color: #d9000d;color: white;}
#div_razeni_vypis2{margin-bottom: 1px}
#div_razeni_vypis2 a{font-weight: 300;font-size: 100%;text-decoration: none;display: inline-block;padding: 6px 10px;color: black;margin-right: 20px;}
#div_razeni_vypis2 a img {vertical-align:middle;}

#cat2.categories li.level_1 {padding: 15px 20px;box-shadow: 0px 0px 15px #00000010;margin: 10px 0px;}
#cat2.categories li.level_1:first-child {margin-top: 0px;}
#cat2.categories a.level_1 {padding: 0px;margin: 0px;}
#cat2.categories li ul {position:inherit;box-shadow:none;margin: 5px 15px;width:calc(100% - 30px);}
#cat2.categories li.level_2 {border: none;padding: 5px 0px;margin: 0px;width: 100%;}
#cat2.categories a.level_2 {font-weight: 300;font-size: 100%;margin-bottom: 0px;}
#cat2.categories li.level_1:hover ul.level_1 {display: none;}
#cat2.categories li.level_1.active:hover ul.level_1 {display: block;}
#cat2.categories li.level_1:hover a.level_1::before {display:none;}
#cat2.categories li.active > ul {display:block;}
#cat2.categories li.level_2 li {display:block;margin:0px;}
#cat2.categories li.level_2 li a.level_3 {margin: 2px 0px;font-weight: 300;}
#cat2.categories li.level_2 li a.level_3 > .name::after {display: none;}

.td_detail_dalsi_obrazky img {max-width: 40px;margin: 3px;padding: 10px;border: solid 1px #f4f6f8;}

#detail-block {max-width: 1600px;width: 90%;margin: auto;}
#detail-block .produkt {width:20%;}
.div_detail_souvpol_nadpis {text-align:center;font-size:26px;line-height:39px;padding-top:25px;border-top:solid 1px #F4F6F8;margin-top:35px;margin-bottom:20px;}
#tbl_detail_zbozi_kontakty, #div_katalog_detail_popisek {max-width: 600px;margin: auto;padding:0px;}
#div_katalog_detail_popisek {font-weight: 400;}

.td_detail_rozpis_variant_do_kosiku .js_up_down {width: 150px;}

.VOC{display: none;color: rgb(65 86 166)}
.MOC{color: rgb(65 86 166) !important}
.input_submit_vypis_kosik{margin-left: 5px}
.div_skladem{color: #56c954;font-weight: 500}
.div_neni_skladem{color: red}
.input_ks{width: 40px; line-height: 18px; padding:4px;border: 1px solid lightblue;box-sizing: border-box;text-align:center;padding: 7px 5px !important;}
.highslide img{border: 0 !important}
.products_bg{margin-bottom: 15px;margin-top:20px;}
.products{display: flex;flex-wrap: wrap;clear: both;width: 100%;}
.produkt{width: 25%;float: left;box-sizing: border-box;border: 1px solid #e6e6e6;clear: both;overflow: hidden;padding: 15px;margin-bottom: -1px;margin-left: -1px;margin-right: 0px;transition: all 0.3s;background: white;}
.produkt:hover {transform: translateY(-5px);box-shadow: 0px 0px 8px #80808050;}
.produkt-in{height: 100%}
.produkt h2 a{display: block;text-align: left;font-size: 18px; text-decoration: none;margin-bottom: 10px;line-height: 20px;height: 40px;font-weight: 600;color: black;overflow: hidden;}
.produkt .div_detailimage{position: relative;margin-bottom: 10px}
.produkt .div_detailimage img {max-height: 190px;max-width:250px;}
.produkt .div_detailimage a{display: block;text-align: center;height: 210px}
.produkt .sleva{width: 45px;line-height: 45px;height: 45px;text-align: center;color: #fff;background: rgb(196 40 64);border-radius: 50%;display:inline-block;position:absolute;right: 0;margin-right: -5px;margin-top: 5px}
.produkt .div_vypis2_popisek{font-size: 16px;font-weight: 300;margin-bottom: 0px;line-height: 24px; min-height: 40px;color:#707070;}
.produkt .div_vypis2_popisek a{color: gray}
.produkt .div_vypis2_popisek a:hover{text-decoration: none}
.produkt .varianta{width: 100%;margin-bottom: 10px;min-height: 30px;text-align: right;margin-top:3px;}
.produkt .varianta select{padding: 8px;width: 100%;font-size: 90%;color: grey;line-height: 20px;border:1px solid rgb(226 225 225);box-sizing: border-box}
.produkt form{display: flex;flex-wrap: wrap;background: transparent;margin: -15px;margin-top: 0;padding: 15px}
.produkt form .koupit{margin-left: auto;text-align: right;display: flex;align-items: center;justify-content:end;}
.produkt form .basket_form_down{font-size: 25px;line-height: 32px;height: 32px;padding: 0px 10px; margin-right: 3px;display: inline-block;vertical-align: middle;color: #00378b;border: 1px solid rgb(226 225 225);font-weight: 600;cursor:pointer;}
.produkt form .basket_form_up{font-size: 25px;line-height: 32px;height: 32px;padding: 0px 10px; margin-left: 3px;display: inline-block;vertical-align: middle;color: #00378b;border: 1px solid rgb(226 225 225);font-weight: 600;cursor:pointer;}
.produkt .castka{padding-top: 5px;width:50%;font-weight: bold;font-size: 16px;}
.produkt .sklad_vypis{width:50%;text-align:right;font-size: 17px;}
.castka .castka-info strong, .criscros{background: url('../grafika/criscros.png') no-repeat center}
.produkt .castka .castka-info strong{font-weight: normal;;font-size: small;background: transparent;}
/**.produkt .castka{color:#8b0000;font-weight: 600;font-size: 115%;line-height: 110%;display: flex;flex-wrap: wrap}/**/
.produkt .castka .MOC > strong,
.produkt .castka .VOC > strong
{font-weight: 600;font-size: 115%;display:inline-block;}
.produkt .castka .MOC .popis,
.produkt .castka .VOC .popis
{font-size: 90%}
.produkt .puvodni{color: gray;display:block;}
.produkt .castka .span_vypis_cena_typ{color: grey;font-weight: 300;font-size: 70%;display: block;width: 100%}
.produkt .input_ks{padding: 7px 5px;text-align:center;vertical-align:middle;}
.produkt .div_stav_skladu{line-height: 30px}
.tbl_katalog_vypis_strankovani{text-align: center;width: 100%;margin-bottom: 10px}
.tbl_katalog_vypis_strankovani td{padding: 1px}
.td_katalog_vypis_strankovani a,.td_katalog_vypis_strankovani span {display: inline-block;padding: 7px;margin:2px;text-decoration: none;font-size: 110%;background: #f5f7fa;transition:all 0.3s;min-width: 18px;text-align: center;color: black;}
.td_katalog_vypis_strankovani a:hover {background-color: #d9000d;color: white;}
.td_katalog_vypis_strankovani span.span_katalog_strankovani_aktualni_strana{background: #d9000d;color: #fff}
td.td_katalog_vypis_strankovani{padding-bottom: 15px}
.td_katalog_vypis_strankovani_info{color: gray;font-size: 90%;display:none;}
.td_katalog_vypis_img_vytisknout {display: none;}

.homepage .hp_content {overflow:hidden;}
.homepage .hp_content h1 {font-size:70px;}
.homepage .hp_content .container {display:flex;flex-wrap:nowrap;align-items:center;max-width: 1600px;width: 90%;margin: auto;}
.homepage .hp_content .container h2 {font-size:50px;}
.homepage .hp_content .container a {color:#d9000d;font-weight: 400;}
.homepage .hp_content .container .col-2 {width:50%;}
.homepage .hp_content .container .col-2.col-right {margin-left: -200px;width: calc(50% + 200px);}
.homepage .hp_content .container .col-2.col-left {margin-right: -200px;width: calc(50% + 200px);}
.homepage .hp_content .container .col-2-2 {width:50%;position:relative;}
.homepage .hp_content .container .col-2-2:first-child {margin-right: 50px;}
.homepage .hp_content .container .col-2-2 img {position:relative;z-index:1;}

.homepage .hp_content .container .col-2.col-right .col-2-2:first-child::after {content:"";position:absolute;left:-40px;background: #F4F6F8;opacity: 0.9;width: 1000%;top: 50%;height: 100%;z-index: 0;padding: 30px 0px;transform: translateY(-50%);}
.homepage .hp_content .container .col-2.col-right .col-2-2:first-child::before {content:"";position:absolute;left:-40px;background: #F4F6F8;opacity: 0.9;width: 100px;top: 50%;height: 100%;z-index: 0;transform: translateY(-50%) translateX(-100%);clip-path: polygon(100.5% 0, 0% 100%, 100.5% 100%);padding: 30px 0px;}
.homepage .hp_content .container .col-2.col-right .col-2-2:first-child * {position:relative;z-index:1;}

.homepage .hp_content .container .col-2.col-left .col-2-2:last-child::after {content:"";position:absolute;right:-40px;background: #F4F6F8;opacity: 0.9;width: 1000%;top: 50%;height: 100%;z-index: 0;padding: 30px 0px;transform: translateY(-50%);}
.homepage .hp_content .container .col-2.col-left .col-2-2:last-child::before {content:"";position:absolute;right:-40px;background: #F4F6F8;opacity: 0.9;width: 100px;top: 50%;height: 100%;z-index: 0;transform: translateY(-50%) translateX(100%);clip-path: polygon(0 0, 0 100%, 100% 0);padding: 30px 0px;}
.homepage .hp_content .container .col-2.col-left .col-2-2:last-child * {position:relative;z-index:1;}

.tbl_katalog_vypis{width: 100%;border-spacing: 1px}
.tbl_katalog_vypis thead td{font-weight: 500;background: #00378b;color: #fff;padding: 5px 12px;font-size: 110%}
.tbl_katalog_vypis thead td a{color: #fff}
.tbl_katalog_vypis td{padding: 5px}
.tbl_katalog_vypis tr.katalog-vypis-radek-sudy td{background:rgb(246 246 246);}
.tbl_katalog_vypis td.td_vypis_sloupec2 a{font-weight: 500;text-decoration: none;font-size: 110%}
.tbl_katalog_vypis td.td_vypis_sloupec2 a:hover{text-decoration: underline}
.tbl_katalog_vypis td select{width: 98%;text-align: right}

.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {font-family: 'lg';}

.dp-info-bott {margin-top: 50px;}

.table_katalog_detail{width: 100%;;margin-bottom: -38px}
.table_katalog_detail td.td_detail_dalsi_obrazky {width:100px;}
.table_katalog_detail td.td_katalog_detail_foto{width: calc(50% - 50px);padding-right: 80px;}
.table_katalog_detail td.td_katalog_detail_info{width: calc(50% - 50px);background-color:#F4F6F8;position:relative;}
.table_katalog_detail td.td_katalog_detail_info::before {content: "";position: absolute;left: 1px;background: #F4F6F8;opacity: 0.9;width: 200px;top: 50%;height: 100%;z-index: 0;transform: translateY(-50%) translateX(-100%);clip-path: polygon(100% 0%, 0% 100%, 100% 100%);}
.table_katalog_detail td.td_katalog_detail_info::after {content: "";position: absolute;left: 0px;background: #F4F6F8;opacity: 0.9;top: 0%;height: 100%;z-index: 0;width: 1000%;}
.td_katalog_detail_foto{text-align: center}
.tbl_katalog_detail_info{font-size: 120%;width: 100%;padding: 0px 20px;box-sizing: border-box;position: relative;z-index: 2;}
.tbl_katalog_detail_info .katalog-detail-radek-sudy td {background: rgb(246 246 246);}
.td_katalog_detail_polozka{font-weight: 300}
.tbl_katalog_detail_info td{padding: 8px;font-weight: 300}
.tbl_katalog_detail_info td.td_katalog_detail_nadpisek{width: 40%}
.dp-info-bott table{width: 100%}
.table_detail_rozpis_variant{border: 1px solid rgb(243,243,243);margin-bottom: 1px}
.table_detail_rozpis_variant td{padding: 5px;text-align: right}
.table_detail_rozpis_variant thead tr td{font-weight: 500;background: #4157a6;color: #fff;padding: 10px 5px}
.table_detail_rozpis_variant tr:nth-child(even) td{background: rgb(243,243,243)}
.table_detail_rozpis_variant td.td_detail_rozpis_variant_img{width: 30px;text-align: center}
.table_detail_rozpis_variant td.td_detail_rozpis_variant_do_kosiku{width: 50px;text-align: right}
.table_detail_rozpis_variant td.td_detail_rozpis_variant_varianta,
.table_detail_rozpis_variant td.td_detail_rozpis_variant_cena
{width: 20%}
.td_detail_rozpis_variant_cena .VOC,
.td_detail_rozpis_variant_cena .MOC
{display: block}
.td_detail_rozpis_variant_cena .VOC strong,
.td_detail_rozpis_variant_cena .MOC strong
{font-size: 110%;font-weight: 600}
.td_detail_rozpis_variant_cena .VOC .popis,
.td_detail_rozpis_variant_cena .MOC .popis
{font-weight: normal;font-size: 90%}
.div_detail_submit{text-align: right; margin-bottom: 20px;margin-top:10px;}
#div_katalog_detail_popisek{margin-bottom: 20px;padding: 0 10px}
#tbl_detail_zbozi_kontakty {width: 100%;}
#tbl_detail_zbozi_kontakty td{padding: 2px}
#tbl_detail_zbozi_kontakty > tbody > tr > td:first-child {width: 50%;}
#tbl_detail_zbozi_kontakty > tbody > tr > td:last-child {width: 50%;text-align: right;}
#tbl_detail_zbozi_kontakty #div_zbozi_detail_kontakty_prava table {margin: auto 0px auto auto;}
#tbl_detail_zbozi_kontakty img{margin-right: 5px}
#tbl_detail_zbozi_kontakty .td_detail_zbozi_kontakty_zahlavi{font-weight: 500;font-size: 110%}
#tbl_detail_zbozi_kontakty form{padding: 25px;background: rgb(246 246 246);}
#tbl_detail_zbozi_kontakty form .input_submit{padding: 10px 20px}

.tbl_katalog_vypis .td_vypis_sloupec5 {display:flex;align-items:center;justify-content: center;padding: 10px 5px;}
.tbl_katalog_vypis .td_vypis_sloupec5 a {display:flex;align-items:center;}

.div_kosik_nad_vypisem{margin-bottom: 20px;text-align: right}
.div_kosik_nad_vypisem a{display: inline-block;padding: 5px 10px;text-decoration: none;background: rgb(246 246 246);color: #333;margin-bottom: 1px;margin-left: 1px;transition:all 0.3s;}
.div_kosik_nad_vypisem a:hover {background-color:#00378b;color:white;}
.kosik_shrnuti_ceny{margin-left: auto;margin-top:20px;}
.kosik_shrnuti_ceny td{font-weight: 500;font-size: 130%;text-align: right;padding: 5px 10px;vertical-align: bottom}
.div_kosik_nadpisek{font-weight: 500;font-size: 120%;margin-bottom: 10px;color: #4157a6;text-transform: uppercase;border-bottom: 1px solid lightgray;padding-bottom: 10px}
/**
#div_kontaktni_udaje{background: rgb(243,243,243);padding: 20px}
#div_kontaktni_udaje table{margin:auto}
/**/
#div_kontaktni_udaje table td{padding: 1px}
.uhrady_dopravy td{vertical-align: top}
.uhrady_dopravy .td_kosik_zpusoby_dopravy_cena{font-weight: 500}
.tbl_kosik_shrnuti_ceny{margin: auto;margin-bottom: 20px;font-size: 120%}
.td_kosik_shrnuti_ceny_info{font-weight: 500;text-align: right}
.tbl_kosik_shrnuti_ceny td{padding: 5px}
.souhlas-dodaci-podm{text-align: center}
.send-order{margin-bottom: 20px}
.c-kosik-tisk-obj{text-align: center;margin-bottom: 20px}

#foot_vyr {padding: 40px 0px;max-width: 1690px;margin: auto;width: 90%;}
#foot_vyr ul {display:flex;align-items:center;justify-content: space-between;list-style:none}

.footer_bg{position:relative;background:white;color:black;overflow: hidden;padding: 15px 0px;font-size: 90%}
.footer {max-width:1690px;width:90%;margin:auto;display: flex;}
.footer a{color:black}
.footer a:hover{text-decoration: none}
.foot_right{margin-left: auto}

#foot_top {background: #4154a6;padding: 50px 0px;text-align: center;color: white;background-image:url('../grafika/2022/prodejci-background.jpg');background-position: center;background-size: cover;}
#foot_top h2 {font-size: 40px;margin-bottom: 20px;}
#foot_top p {font-size: 17px;}
#foot_top p span {color: #d9000d;}
#foot_top a {background: #d9000d;color: white;padding: 13px 20px;display: inline-block;margin-top: 20px; min-width: 150px;text-decoration: none;}


#foot {padding: 50px 0px;background-color:#f5f7fa;font-size: 15px;}
#foot .container {display: flex;flex-wrap: wrap;padding: 0px 20px;z-index: 1;position: relative;text-align: left;}
#foot > .container {max-width: 1690px;margin: auto;margin-top: 0px;width:90%;}
#foot .container .col-2 {width: 50%;}
#foot .container .col-2 img {vertical-align:middle;margin:0px 15px;}
#foot .container .col-3 {width: 33.33%;line-height: 2;}
#foot .container h2 {font-weight: 600;font-size:20px;}
#foot .container h3 {font-weight: 300;font-size: 22px;vertical-align:middle;}
#foot .container ul {list-style: none;}
#foot .container a {text-decoration: none;color: black;}
#foot .container a:hover {text-decoration: underline}


.div_box_doporucujeme_content{margin-bottom: 10px;border-bottom: 1px solid rgb(204,204,204);padding-bottom: 10px}
.div_box_doporucujeme_content_nazev a{display: block;text-align: center;text-decoration: none;font-size: 110%;margin-bottom: 10px}
.div_box_doporucujeme_content_foto{margin-bottom: 10px}
.div_box_doporucujeme_content_foto img{max-width: 90%;display: block;margin: auto}

.tbl_detail_dalsi_obrazky {margin: 0px 10px 10px 10px;}

.div_detail_prilohy {margin: 20px 10px;}
.div_detail_prilohy_nadpis {font-weight:bold;}

.vyrobci_hp {margin: 30px 0px;}
.vyrobci_hp .slick-track {display: flex;align-items: center;}
.slick-dots {display:none !important;}
.slick-slide img {margin: auto;}

/* POPIS */
.popisek-more-mask
{
    background-color:#000;
    height:40px;
    width:100%;
    display:block;
    position:absolute;
    bottom:0;

    background: rgb(255,255,255); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0.1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0.1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0.1) 0%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

#skupina-popisek
{
    margin-bottom:10px;
    position:relative;
    overflow: hidden;
}
#skupina-popisek-more
{
    margin-bottom:35px;
    text-align:right;
}
#skupina-popisek-more .button
{
    width: inherit;
    text-align:right;
    position:relative;
	padding: 15px;
	font-weight: bold;
}
#skupina-popisek-more .button .icon {
	display: none;
}
#skupina-popisek-more .button.down .icon
{
    position:absolute;
    left:50%;
    margin-left:-10px;
    margin-top:22px;

    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 11px 0 11px;
    border-color: #4156A6 transparent transparent transparent;

}
#skupina-popisek-more .button.down:hover .icon
{
    border-color:#000 transparent transparent transparent;
}
#skupina-popisek-more .button.up .icon
{

    position:absolute;
    left:50%;
    margin-left:-10px;
    margin-top:-14px;

    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 11px 10px 11px;
    border-color: transparent transparent #4156A6 transparent;
}
#skupina-popisek-more .button.up:hover .icon
{
    border-color:transparent transparent #000 transparent;
}
/**/

.eu-cookies {
    position: fixed;
    left: 0px;
    bottom: 0px;
    right: 0px;
    width: 98%;
    color: black;
    z-index: 999;
    margin: 0px;
    padding: 1%;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    font-size: 100%;
    box-shadow: 0 -2px 8px 0 rgb(0 0 0 / 25%);
    background: #ffffffef;
}

.eu-cookies-btns {
    margin: 10px 0px;
    text-align: center;
}

.eu-cookies-btns button {
    margin: 5px;
    color: white;
    background: black;
    border: 0px;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 100%;
    display: inline-block;
    text-transform: none;

    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.eu-cookies-btns button:hover {
    background: #606060;
    color: white;
    border: 0px;
    padding: 10px 20px;
    margin: 0px 5px;
    cursor: pointer;
    font-size: 100%;
    display: inline-block;
    text-transform: none;

    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.eu-cookies button {
    color: white;
    background: black;
    border: 0px;
    padding: 10px 20px;
    margin: 0px 5px;
    cursor: pointer;
    font-size: 100%;
    display: inline-block;
    text-transform: none;

    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.eu-cookies button:hover {
    background: #606060;
    color: white;
    border: 0px;
    padding: 10px 20px;
    margin: 0px 5px;
    cursor: pointer;
    font-size: 100%;
    display: inline-block;
    text-transform: none;

    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.eu-cookies a,
.eu-cookies a:link,
.eu-cookies a:visited
{
    color: black;
    text-decoration: underline;
    font-size: 100%;
}

.eu-cookies a:hover {
    color: black;
    text-decoration: none;
}

.eu-cookies-blok {
    border-top: 1px solid #ddd;
    padding: 10px 0px;
    display: flex;
    align-items: center;
}

.eu-cookies-blok-nazev {
    font-size: 130%;
    margin-bottom: 5px;
}

.eu-cookies-blok-checkbox {
    margin-left: 50px;
}

.eu-cookies-last {
    border-top: 1px solid #ddd;
    padding: 10px 0px !important;
    text-align: center;
}

input[type="checkbox"].eu-cookies-checkbox {webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;position: relative;vertical-align: sub;right: 0;bottom: 0;left: 0;
    height: 25px;width: 25px !important;transform: inherit !important;transition: all 0.15s ease-out 0s;background: white;border: solid 1px #ccc;color: #fff;cursor: pointer;padding: 0px !important;
    display: inline-block;margin-right: 0px !important;position: relative;transform: none;border-radius: 0px;opacity: 1;z-index: 2;outline: none;margin-bottom: 2px;}
input[type="checkbox"].eu-cookies-checkbox:disabled {opacity: 0.3;}
input[type="checkbox"].eu-cookies-checkbox:checked {background: black;}
input[type="checkbox"].eu-cookies-checkbox:checked::before {height: 24px;width: 22px;position: absolute;content: "\2713";display: inline-block;font-size: 18px;text-align: center;line-height: 24px;
    background: none;color: white;opacity: 1;font-weight: bold;}

/* PopUp */
.popup_bg
{
    position:fixed;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.6);
    top:0;
    left:0;
    display:none;
    z-index:1000;
}

.popup
{
    left:30%;
    width:40%;
    top:10%;
    position:fixed;
    display:none;
    z-index:1002;
}

#popup_head
{
    z-index:1003;

    -webkit-box-shadow: 0px -2px 4px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0px -2px 4px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         0px -2px 4px 0px rgba(50, 50, 50, 0.5);
}
#popup_head .content
{
    padding:20px;
    line-height:20px;
    height:20px;
    background-color:#f4f4f4;
    font-size:150%;
    overflow:hidden;
    border-bottom:1px solid #e7e7e7;
}

#popup_head .close
{
    background-color:#afafaf;
    color:#fff;
    cursor:pointer;
    width:35px;
    height:35px;
    line-height:35px;
    text-align:center;
    position:absolute;
    right:20px;
    top:10px;
    background-image:url("/grafika/close.png");
    background-repeat:no-repeat;
    background-position:center;

    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
}
#popup_head .close:hover
{
    background-color:#000;
}

#popup_front
{
    overflow:auto;
    text-align:left;
    background-color:#fff;
    margin-top:61px;

    max-height:70%; /* Sichr (Safari neum? calc) */
    max-height:-moz-calc(80% - 61px); /* Firefox */
    max-height:-webkit-calc(80% - 61px); /* WebKit */
    max-height:-o-calc(80% - 61px); /* Opera */
    max-height:calc(80% - 61px); /* Standard */

    -webkit-box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.8);
    -moz-box-shadow:    0px 0px 6px 0px rgba(50, 50, 50, 0.8);
    box-shadow:         0px 0px 6px 0px rgba(50, 50, 50, 0.8);
}
#popup_front .content
{
    padding:20px;
}
#popup_front h1
{
    margin:0;
    padding:0;
    padding-bottom:10px;
    border-bottom:1px solid #E6E6E6;
    margin-bottom:10px;
}
#popup_front p
{
    margin:0;
    padding:0;
    margin-bottom:10px;
}

@media all and (max-width: 768px)
{
    body
    {
        overflow:auto !important;
    }
    #popup_front .abp_buttons .button {width: 100%;box-sizing: border-box;}
    #popup_bg
    {
        display:none !important;
        visibility:hidden;
        position:relative;
    }
    .popup
    {
        width:100%;
        margin:0;
        left:0;
        top: 0;
    }
    #popup_front
    {
        max-height: calc(100% - 61px);
    }
    #popup_head .content
    {
        padding-left:2%
    }
    #popup_head .close
    {
        right:2%;
    }
    #popup_front .content
    {
        padding:2%;
    }
}
/**/

/* LOADER */
#loader
{
    display:none;
    z-index: 10000;
}
#loader .loader
{
    margin:auto;
    margin-top:20%;
}
.loader
{
    border:5px solid #f3f3f3;
    border-top:5px solid grey;
    border-radius:50%;
    width:100px;
    height:100px;
    animation:spin 2s linear infinite;
    display:block;
}
@keyframes spin
{
    0% { transform:rotate(0deg); }
    100% { transform:rotate(360deg); }
}
/* END LOADER */


@media all and (max-width:1400px) {
    .main {width: 100%;}
	.top_logo .box, .skupina_top_nav .drobky {width: 96%;}
	.obsah, #foot_vyr, #foot > .container, #detail-block, .skupina_top_nav .nazev_skupiny, .top_logo .logo_content .div-top-menu {width: 96%;}
	.top_logo .logo_content .head_menu a {margin-right:10px;}
	.div-top-menu .div-top-menu-right a {margin-left:0px;}
	#foot > .container {box-sizing:border-box;}
	.produkt, .c-subcat ul li {width:33.33%;}
}
@media all and (max-width:1100px) {
	.div-top-menu .div-top-menu-left {justify-content: center;width: 100%;margin: 5px 0px;}
	.div-top-menu .div-top-menu-right {width: 100%;text-align: center;margin-bottom: 10px;}
	.logo, .vyhledavani_box {width: 200px;}
	.top_logo .categories_bg {width: calc(100% - 400px);}
	.vyhledavani_box form .prihlaseni_input2 {width: auto;}
	.vyhledavani_box form {width: 100%;}
	.levy_obsah {width:280px;}
	.stred_obsah {width: calc(100% - 280px - 30px);}
}
@media all and (max-width:1024px) {
    .categories li.level_2{width: 25%}
    .c-subcat ul li{width: 33.3333%}
    .produkt{width: 50%}
	#foot .container .col-2 {width: 100%;margin-bottom:10px;}
	
	.table_katalog_detail tr {display: flex;flex-wrap: wrap;justify-content: center;}
	.table_katalog_detail td {display: inline-block;}
	.table_katalog_detail td.td_detail_dalsi_obrazky {box-sizing: border-box;}
	.table_katalog_detail td.td_katalog_detail_foto {width:calc(100% - 100px);box-sizing: border-box;padding:0px;}
	.table_katalog_detail td.td_katalog_detail_info {width:100%;margin-top: 20px;}
	.table_katalog_detail td.td_katalog_detail_info::before, .table_katalog_detail td.td_katalog_detail_info::after {display:none;}
	.subcat {width: calc(100% + 15px);}
	#detail-block .produkt {width: 33.33%;}
	.vypis-prodejci .div-prodejce {width: calc(50% - 20px);}
	.container.kontakt .col-2:first-child, .container.kontakt .col-2:last-child {width: 100%;}
	.tbl_kontakt_napiste_nam {width:100%;}
	.tbl_kontakt_napiste_nam input, .tbl_kontakt_napiste_nam textarea {width:100% !important;}
	
	.homepage .hp_content .container {flex-wrap: wrap;}
	.homepage .hp_content .container .col-2, .homepage .hp_content .container .col-2-2 {width:100%;text-align: center !important;}
	.homepage .hp_content .container .col-2-2:first-child {margin-right:0px;margin-bottom: 20px;margin-top:20px;}
	
	.homepage .hp_content .container .col-2.col-right {margin:0px;width:100%;}
	.homepage .hp_content .container .col-2.col-right .container {margin: 20px 0px;width: 100%;}
	.homepage .hp_content .container .col-2.col-right .col-2-2:first-child::before, .homepage .hp_content .container .col-2.col-right .col-2-2:first-child::after {display:none;}
	
	.homepage .hp_content .container .col-2.col-left {margin:0px;width:100%;}
	.homepage .hp_content .container .col-2.col-left .container {margin: 20px 0px;width: 100%;}
	.homepage .hp_content .container .col-2.col-left .col-2-2:last-child::before, .homepage .hp_content .container .col-2.col-left .col-2-2:last-child::after {display: none;}
	
	.homepage .hp_content .container .col-left .col-2-2:last-child {order:-1;}
}
@media all and (max-width:800px) {
	.top_logo .box {flex-wrap: wrap;}
	.top_logo .categories_bg {width:100%;order:999;}
	.categories {background: transparent;}
	.skupina_top_nav {padding: 50px 0px 30px;}
	.skupina_top_nav .nazev_skupiny {font-size:35px;margin-bottom: 20px;}
	#foot_top {padding: 50px 15px;}
	.div-top-menu .div-top-menu-left {flex-wrap:wrap;}
	.top_logo .logo_content .head_menu {padding-left:0px;margin-left:0px;border:none;}
	#tbl_detail_zbozi_kontakty input, #tbl_detail_zbozi_kontakty textarea {width: 100%;box-sizing:border-box;}
	
	.div-top-menu .div-top-menu-right a.head_prihlaseni, .div-top-menu .div-top-menu-right a.kosik_bg_head, #button_moc_voc {margin: 3px;}

    body{font-size: 15px}
    .mobil{display: block}
    .top_logo{min-height: auto;padding-bottom: 0px}
    .loga a{display: none}
    .obsah{display: flex}
    .stred_obsah{width: 100%}
    .pravy_obsah{width: 100%;padding: 10px}
    .categories li.level_1{width: 100%}
    .tbl_katalog_vypis thead td:first-child,
    .tbl_katalog_vypis .td_vypis_sloupec1
    {display: none}

	.categories {border: solid 1px #134489;margin-bottom: 10px;display:none;}
    .categories > ul{display: flex}
    .categories a.level_1{border-bottom: 1px solid #3c537d;padding: 10px;height: 100%;border-right: 1px solid #3c537d;border: none;margin: 0px;}
    .categories li.level_1:hover a.level_1{background: #3c537d;color: #fff;text-decoration: none}
    .categories ul.level_1{display: none !important}
	.categories > ul {margin:0px;}
	.categories_mobil_show {padding: 10px;background: #d9000d;color: white;font-size: 18px;margin-bottom: 10px;cursor:pointer;}
	.levy_obsah .categories_mobil_show {display:none;}
	.categories_mobil_show .icon::before {content:"Kategorie";}
	
	.vyhledavani_box form > div {justify-content: end;}
}
@media all and (max-width:600px) {
	#foot .container .col-3 {width:100%;margin-bottom:20px;}
	#foot .container .col-2 img {display: block;margin: 10px auto;}
	#tbl_detail_zbozi_kontakty {max-width:inherit}
	.dp-info-bott {overflow:auto;}
	.table_detail_rozpis_variant td {white-space: nowrap;}
	.table_detail_rozpis_variant td.td_detail_rozpis_variant_img {white-space: inherit;width:50px;}
	.dp-info-bott table {min-width:430px;}
	#foot_vyr ul {flex-wrap:wrap;justify-content: center;}
	.subcat {width: 100%;}
	.c-subcat a {margin: 5px;}
	#foot > .container {padding:0px;}
	.skupina_top_nav .nazev_skupiny {font-size:27px;}
	#detail-block .produkt {width: 50%;}
	#frmregistrace, .registration {overflow:auto;}
	.homepage .hp_content h1 {font-size:40px;}
	.homepage .hp_content .container h2 {font-size: 30px;}
}
@media all and (max-width:500px) {
	.logo, .vyhledavani_box {width:100%;margin: 0px;}
	.logo {background-position: center;background-size: auto;}
	.na_stranku {width: 100%;text-align: center;}
	#div_razeni_vypis2 {text-align:center;}
	#detail-block .produkt {width: 100%;}
	.vypis-prodejci .div-prodejce {width: 100%;}
	
    .c-subcat ul li{width: 50%}
    .produkt{width: 100%}
    .produkt h2 a,
    .produkt .div_detailimage a,
    .produkt .div_vypis2_popisek
    {min-height: auto;height: auto}
}
/* CSS Document */
.zbozi_kat{
	position:relative;
	background:url(../grafika/kategorie.jpg) top no-repeat;
	width:175px;
	padding-top:33px;
}

.menu{
	position:relative;
	width:150px;
	height:170px;
}
.menu ul{
	position:relative;
	margin:0;
	padding:0;
	margin-top:5px;
}
.menu a{
	position:relative;
	padding-left:20px;
	margin-left:5px;
	width:150px;
	color:#000000;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	background:url(../grafika/menu.jpg) left no-repeat;
	display:block;
}
.menu a:hover{
	color:#FF0000;
}
.menu span{
	position:relative;
	top:3px;
}
.menu li{
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
	width:175px;
	height:24px;
	border-bottom:solid 1px #FFFFFF;
}

#vyber-kraje {
	border: none;
}

.map-margin {
	margin-top: 20px;
}

.button {
	border: none;
	background: #4156A6;
	color: #FFFFFF;
	font-size: 100%;
	padding:2px 0;
	font-weight: bold;
}

.prodejci table{
	width:605px;
	
}

.prodejci th{
	color: #4156A6;
	height:12px;
	background: #DEDEDE;
}

.kategorie_uvod {
	padding: 10px;
	width:525px;
}

.kategorie_uvod p{
	padding: 5px 10px;
	text-size: 100%;
	text-align: justify;
}

.testy table{
	width:615px;
}

.testy th{
	color: #4156A6;
	height:12px;
	background: #DEDEDE;
}

#text_onmouse_div
{
    display: none;
    position: absolute;
    z-index: 110;
    border: 1px solid #333333;
    background-color: white;
    padding: 8px;
}

#text_onmouse_div h2
{
    font-size: 100%;
}

.tbl_kontakty_napiste_nam tr td
{
    padding: 2px 5px;
}

#td_zbozi_detail_kontakty_prava1
{
    vertical-align: top;
}

.div_vyhledavani_nad_vypisem
{
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
}

#div_vyhledavani_nadpis_skupiny
{
    margin: 3px 0px;
    font-weight: bold;
    font-size: 110%;
}

#div_vyhledavani_skupiny_container
{
    margin-bottom: 10px;
    line-height: 170%;
}

.div_katalog_hledat
{
    margin: 10px 0px;
}

.div_vyhledavani_nad_vypisem
{
    margin: 10px 0px;
}

.div_menu
{
    padding: 15px 0px;
}

.div_upozorneni_registrace
{
    text-align: center;
    padding: 5px 0px;
    font-size: 120%;
}

.div_skupiny_zbozi
{
    
    width: 174px;
    
    margin-left:1px;
    background-color: rgb(239,235,239);
}

.div_skupiny_zbozi_nadpis
{
    color: white;
    font-weight: bold;
    background-color: rgb(66,85,165);
    padding: 5px;
    margin: 0px 0px 5px 0px;
}

.div_skupiny_zbozi_vyhledavani
{
    padding: 5px 0px 10px 0px;
}

.div_top_kosik
{
    float: right;
    background: url('../grafika/kosik_top.gif') no-repeat;
    height: 38px;
    padding: 10px 0px 0px 50px;
}

.tbl_mn_slevy
{
    border: 1px solid #d8d8d8;
    margin: 10px 0px;
    width: 220px;
    clear: right;
}

.tbl_mn_slevy thead tr td
{
    background-color: #d8d8d8;
    font-weight: bold;
    padding: 3px 6px;
}

.tbl_mn_slevy tbody tr td
{
    padding: 3px 6px;
    border-top: 1px solid #d8d8d8;
}

.td_mn_slevy_cena
{
    text-align: right;
    font-weight: bold;
}

.tbl_detail_doplnky td
{
    padding: 3px;
}

.highslide-caption .tbl_detail_doplnky td
{
    padding: 3px 0px;
    font-size: 80%;
}

.detail-doplnky-radek-lichy
{
    background-color: #f3f3f3;
}

.td_detail_doplnky_nadpis
{
    font-weight: bold;
}

.input_text_zrychlene_objednavani_kod
{
    width: 80px;
}

.input_text_zrychlene_objednavani_kusy
{
    width: 30px;
}

.tbl_zrychlene_objednavani{
  padding:0;
}

.akcni_nabidka h3{
  color:red;
}

.td_katalog_detail_polozka #ZBOZI_VARIANTY
{
    width: 160px;
}

.bas-dop-zd
{
    padding: 15px;
    font-size: 120%;
    background: rgb(233,240,246);
    color: rgb(238,52,53);
    text-align: center;
    margin: 15px 0px;
    font-weight: bold;
}

.div_detail_dalsi_obrazky_nadpis,
.div_detail_souvpol_nadpis
{
    font-weight: bold;
}

.div-top-doprava-zdarma
{
    font-weight: bold;
    background-color: rgb(233,240,246);
    text-align: center;
    padding: 10px;
    margin: 0px 0px 10px 0px;
}

.div-kosik-chyba-ks-skladem
{
    background: rgb(239,73,73);
    border: 2px solid rgb(238,52,53);
    color: #fff;
    padding: 15px;
}

.div-kosik-chyba-ks-skladem-nadpis
{
    font-weight: bold;
    font-size: 120%;
}

.div-kosik-chyba-ks-skladem-info
{
    margin: 10px 0px 30px 0px;
    font-style: italic;
}

a.a-kat-aktivni
{
    color: #fff;
    background: rgb(65,87,166);
    text-decoration: none;
}