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


/*layout optimize*/ 
body {
 margin:38px 0 0 0; 
 /*font-family:Arial;*/
 font-size:100%;
 position:relative;
 background-image:none !important;
 text-align:left;
}

.main {
 margin:0;
 border:0;
 padding:0;
 width:100% !important;
 clear:both;
 text-align:left;
 background-image:none;
}

.nad_top {
 box-sizing:border-box;
 margin:0;
 border:0;
 background-image:none;
 padding:5px 2% 5px 2%;
 width:100% !important;
 clear:both;
 visibility:hidden;
 display:none;
 text-align:left;
}

.top {
 box-sizing:border-box;
 margin:0;
 border:0;
 background-image:none;
 padding:5px 2% 5px 2%;
 width:100% !important;
 clear:both;
 visibility:hidden;
 display:none;
 text-align:left;
}

.top2 {
 box-sizing:border-box;
 margin:0;
 border:0;
 background-image:none;
 padding:5px 2% 5px 2%;
 clear:both;
 text-align:left;
 height: auto;
 visibility:hidden;
 display:none;
}

.main_admnavbar{
 box-sizing:border-box;
 margin:0;
 border:0;
 padding:0;
 width:100%;
 clear:both;
 text-align:left;
}

.topmenu_main {
 box-sizing:border-box;
 margin:0;
 border:0;
 background-image:none;
 padding:5px 2% 5px 2%;
 width:100% !important;
 clear:both;
 position:relative;
 top: auto;
 left: auto;
 visibility:hidden;
 display:none;
}

.menu_left_pozic{
 position:relative;
 top: auto;
 left: auto;
}

.menu_left a, .menu_left_pozic a, .menu_left a:hover, .menu_left_pozic a:hover{
 background-repeat:repeat-y !important;
}

.menu_left, .menu_left_pozic{
 box-sizing:border-box;
 position:fixed;
 top: 0; 
 left: 112px;
 z-index: 10000;
 background-color:#FFFFFF;
 width:43px;
 height:auto;
 max-height:38px;
 overflow:hidden;
 padding: 38px 0 0 0;
 margin:0;
 opacity: 0.7;
 cursor: pointer;
 /*background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewBox="0 0 22 22"><rect y="0" width="22" height="5"/><rect y="8" width="22" height="5"/><rect y="16" width="22" height="5"/></svg>');*/
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewBox="0 0 22 22"><rect y="1" x="1" width="20" height="3"/><rect y="9" x="1" width="20" height="3"/><rect y="17" x="1" width="20" height="3"/></svg>');
 background-repeat: no-repeat;
 background-position: 3px 3px;
 background-color:#E5E5E5;
 /*transition: all 0.2s;*/
 z-index:20;
}

.menu_left:hover,.menu_left_pozic:hover{
 left: 0;
 width:100%;
 max-height:500px;
 overflow:auto;
 width:100%;
 opacity: 1;
 background-image:none;
 background-color:#FFFFFF;
 z-index:15;
 box-shadow: #000 0px 2px 3px;
}

.menu_left ul li a span,.menu_left_pozic ul li a span{
 color:#606060;
}

.menu_left ul li a span:hover,.menu_left_pozic ul li a span:hover{
 color:#000000; 
}

.menu_left_tp, .submenu_left_tp{
 display:inline !important;
}

.search,.search1{
 box-sizing:border-box;
 position:fixed;
 top: 0;
 left: 155px;
 z-index: 10000;
 background-color:#FFFFFF;
 width:43px;
 height:auto;
 max-height:38px;
 overflow:hidden;
 padding: 38px 0 0 0;
 margin:0;
 opacity: 0.7;
 cursor: pointer;
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewBox="0 0 22 22"><circle cx="8" cy="8" r="6" stroke="black" stroke-width="3" fill="none"/><line x1="11.5" y1="11.5" x2="18" y2="18" stroke="black" stroke-width="3" fill="none"/></svg>');
 background-repeat: no-repeat;
 background-position: 3px 3px;
 background-color:#E5E5E5;
 /*transition: all 0.2s;*/
 z-index:21;
}

.search input:nth-child(1),.search1 input:nth-child(1){
 border:1px solid #000000 !important;
 width:150px;
 height:18px;
 margin:0 !important;
 padding:1px !important;
}

.search input:nth-child(2),.search1 input:nth-child(2){
 border:1px solid #000000 !important;
 height:18px;
 margin:0 !important;
 padding:1px 8px 1px 8px !important;
}

.search:hover,.search1:hover{
 left: 0 !important;
 width:100%;
 max-height:120px;
 overflow:auto;
 width:100%;
 opacity: 1;
 background-image:none;
 background-color:#FFFFFF;
 padding: 60px 10px 15px 10px;
 z-index:15;
 box-shadow: #000 0px 2px 3px;
}

.divlogin{
 color:#000000;
 box-sizing:border-box;
 position:fixed ;
 top: 0;
 left: 198px;
 background-color:#FFFFFF;
 width:43px;
 height:auto;
 max-height:38px;
 overflow:hidden;
 padding: 38px 0 0 0 !important;
 margin:0;
 opacity: 0.7;
 cursor: pointer;
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewBox="0 0 512 512"><path d="M512 304v-96c0-35.3-28.7-64-64-64h-96c-35.3 0-64 28.7-64 64H32L0 240l32 64 32-32 32 32 32-32 32 32h128c0 35.3 28.7 64 64 64h96C483.3 368 512 339.3 512 304zM448 320V192c0-8.8 7.2-16 16-16s16 7.2 16 16v128c0 8.8-7.2 16-16 16S448 328.8 448 320z"/></svg>');
 background-repeat: no-repeat;
 background-position: 3px 3px;
 background-color:#E5E5E5;
 /*transition: all 0.2s;*/
 z-index:22;
}

.divlogin:hover{
 left: 0;
 width:100%;
 max-height:240px;
 overflow:auto;
 width:100%;
 opacity: 1;
 background-image:none;
 background-color:#FFFFFF;
 padding: 60px 10px 15px 10px !important;
 z-index:15;
 box-shadow: #000 0px 2px 3px;
}

.divlogin input{
 display:block;
 clear:both;
}

.divlogin table{
 display:block;
 clear:both;
}

.vypiskosiku_top{
 color:#000000;
 box-sizing:border-box;
 position:fixed;
 top: 0;
 left: 241px;
 z-index: 10000;
 background-color:#FFFFFF;
 width:43px;
 height:auto;
 max-height:38px;
 overflow:hidden;
 padding: 38px 0 0 0;
 margin:0;
 opacity: 0.7;
 cursor: pointer;
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewBox="0 0 512 512"><path d="M496 0h-80c-7.7 0-14.3 5.5-15.7 13.1L391 64H16c-5.3 0-10.3 2.7-13.3 7.1s-3.5 10.1-1.5 15l80 192C83.7 284.1 89.5 288 96 288h254.3l-11.6 64H128c-8.8 0-16 7.2-16 16s7.2 16 16 16h224c7.7 0 14.3-5.5 15.8-13.1L429.3 32H496c8.8 0 16-7.2 16-16S504.8 0 496 0zM385.2 96l-11.6 64H288V96H385.2zM256 96v64h-64V96H256zM160 96v64H66.7L40 96H160zM106.7 256L80 192h80v64H106.7zM192 256v-64h64v64H192zM288 256v-64h79.8l-11.7 64H288z"/><path d="M176 416c-26.5 0-48 21.5-48 48s21.5 48 48 48 48-21.5 48-48S202.5 416 176 416z"/><path d="M304 416c-26.5 0-48 21.5-48 48s21.5 48 48 48 48-21.5 48-48S330.5 416 304 416z"/></svg>');
 background-repeat: no-repeat;
 background-position: 3px 3px;
 background-color:#E5E5E5;
 /*transition: all 0.2s;*/
 z-index:23;
}

.vypiskosiku_top a{
 color:#000000;
}

.vypiskosiku_top:hover{
 left: 0 ;
 width:100%;
 max-height:170px;
 overflow:auto;
 width:100%;
 opacity: 1;
 background-image:none;
 background-color:#FFFFFF;
 padding: 60px 10px 15px 10px;
 z-index:15;
 box-shadow: #000 0px 2px 3px;
}

.vypiskosiku_top:hover > .bask_buble{
 visibility:hidden;
}

.bask_buble{
 display:block;
 visibility:visible;
 position:absolute;
 bottom: 2px;
 left: 2px;
}

.vypis_komunikace{
 color:#000000;
 box-sizing:border-box;
 position:fixed;
 top: 0;
 left: 284px;
 z-index: 10000;
 background-color:#FFFFFF;
 width:43px;
 height:auto;
 max-height:38px;
 overflow:hidden;
 padding: 38px 0 0 0;
 margin:0;
 opacity: 0.7;
 cursor: pointer;
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="33px" height="33px" viewBox="0 0 43 38" enable-background="new 0 0 43 38" xml:space="preserve"><g><path d="M2.202,4.913v27.999h38.5V4.913H2.202z M21.452,22.849l4.852-3.492l10.193,10.638H6.401l10.2-10.638L21.452,22.849z M21.452,17.818L9.192,8.996h24.519L21.452,17.818z M15.166,18.325L5.118,28.804V11.095L15.166,18.325z M37.785,28.809 L27.738,18.324l10.047-7.229V28.809z"/></g></svg>');
 background-repeat: no-repeat;
 background-position: 3px 3px;
 background-color:#E5E5E5;
 /*transition: all 0.2s;*/
 z-index:23;
}

.vypis_komunikace:hover > .comm_buble{
 visibility:hidden;
}

.comm_buble{
 display:block;
 visibility:visible;
 position:absolute;
 bottom: 2px;
 left: 2px;
 background: #0000FF;
}

.resp_logo_img{
 display:block;
 position:fixed;
 top: 0;
 left: 0;
 width:112px;
 height:38px;
 border:0;
 text-align:center;
 z-index:50;
 background:#FFFFFF;
 line-height: 38px;
 margin:0;
 padding:0;
}

.resp_logo_img img{
 display:inline;
 border:0;
 max-width:112px;
 max-height:38px;
 vertical-align:middle;
 display:block;
}

.lr_main {
 box-sizing:border-box;
 margin:0;
 border:0;
 padding:0;
 background-image:none;
 width:100% !important;
 clear:both;
 text-align:left;
}

.lp_sl {
 box-sizing:border-box;
 margin:0;
 border:0;
 padding:0;
 background-image:none;
 width:100% !important;
 clear:both;
 text-align:left;
}

.left {
 box-sizing:border-box;
 margin:0;
 border:0;
 background-image:none;
 padding:5px 2% 5px 2%;
 clear:both;
 width:100% !important;
 text-align:left;
}

.right {
 box-sizing:border-box;
 margin:0;
 border:0;
 background-image:none;
 padding:5px 2% 5px 2%;
 width:100% !important;
 clear:both;
 text-align:left;
}

.right2 {
 box-sizing:border-box;
 margin:0;
 border:0;
 background-image:none;
 padding:0;
 width:100%; !important;
 height:0px; !important;
 clear:both;
 text-align:left;
}


.right2>div:not(.menu_left) {
 display:none;
 visibility:hidden;
}

.foot {
 box-sizing:border-box;
 margin:0;
 border:0;
 background-image:none;
 padding:5px 2% 5px 2%;
 width:100%;
 clear:both;
 text-align:left;
 height:auto;
}

.about {
 box-sizing:border-box;
 margin:0;
 border:0;
 padding:5px 2% 5px 2%;
 width:100%;
 clear:both;
 text-align:left;
}

.about p {
 box-sizing:border-box;
 margin:0;
 padding:0;
 border:0;
}

/*galerie*/
.gal_main{
 box-sizing:border-box;
 width:100% !important;
 padding:1%;
}

/*eshop*/
.div_eshop{
 box-sizing:border-box;
 width:100% !important;
 padding:1%;
}

.e1{
 clear:both;
 box-sizing:border-box;
 width:100% !important;
 margin:0;
 padding:0;
}

.e2{
 clear:both;
 box-sizing:border-box;
 width:100% !important;
 margin:0;
 padding:0;
}

.e3{
 border-top:1px solid;
 clear:both;
 box-sizing:border-box;
 width:100% !important;
 margin: 5px 0 0 0;
 padding:0;
 margin:5px 0 0 0;
 padding:0;
}


.ed_left{
 clear:both;
 float:none;
 width:100%;
}

.ed_right{
 clear:both;
 float:none;
 width:100%;
}

.sm_cl_left{
 margin:0;
 border:0;
 padding:0;
 width:100% !important;
 clear:both;
 text-align:left;
 visibility:hidden;
 display:none;
}

/*light_box*/
.lb_pin{
 top:0px;
 left:0px;
 width:100%;
 height:0px;
}

.lb_box{
 box-sizing:border-box;
 width:100% !important;
 min-width: unset !important;
 top:0px;
 transform: none !important;
 min-height:initial !important;
 padding:10px 0 5px 0;
 margin:10px 0 0 0;
 border:0;
}

.lb_box div{
 width:100% !important;
 height:100% !important;
}

.lb_nav{
 width:100% !important;
 padding: 0 2% 0 2%;
 box-sizing: border-box;
}

.lb_prev{
 width:33% !important;
 height:100% !important;
}

.lb_next{
 width:33% !important;
 height:100% !important;
}

.lb_box div img{
 max-width:100% !important;
 height:auto !important;
 display:block;
 margin:auto;
}

/*alba ligtbox*/
.alba_lb_pin{
 top:0px !important;
 left:0px !important;
 width:100% !important;
 height:0px;
}

.alba_lb_box{
 box-sizing:border-box!important;
 width:100% !important;
 top:0px !important;
 transform: none !important;
 min-height:initial !important;
 padding:10px 2% 5px 2% !important;
 margin:10px 0 0 0 !important;
 border:0 !important;
 border-radius:0 !important;
}

.alba_lb_box div{
 width:100% !important;
 height:100% !important;
}

.alba_lb_nav{
 width:100% !important;
}

.lb_prev{
 width:33% !important;
 height:100% !important;
}

.lb_next{
 width:33% !important;
 height:100% !important;
}

.alba_lb_box img{
 max-width:100% !important;
 height:auto !important;
 display:block;
 margin:auto;
}

/*max weight for some elements*/
img, input, select, textarea, table, iframe, div, span{
 max-width:100%;
}

table{
 width:100%;
}

/*position block to disable*/
.div_odkaz_sub, .position, .pozic_logo{
 visibility:hidden;
 display:none;
}

/*footer odkaznik disable*/
.foot .div_odk, .foot .div_odkaz_sub, .right .div_odk, .right .div_odkaz_sub{
 visibility:visible;
}

.div_odk, .div_odkaz_sub{
 margin-top:5px;
 position:static !important;
 display:block;
 /*background:0 !important;*//*2024-07-24 povoleno pozad� u odkazn�k� a nastavena jeho ���ka na 100%*/
 background-size: 100%;
 clear:both;
 width:100% !important;
 height:auto !important;
 left:auto !important;
 top:auto !important;
 right:auto !important;
 bottom:auto !important;
 float: none !important;
}


/*responsive switch*/
.res_switch{
 text-align:center;
 padding:10px 2% 5px 2%;
}

.res_switch_on{
 visibility:visible;
 display:inline;
}

.main_eshop select, .main_eshop input[type="text"], .main_eshop input[type="submit"]{
 width:100%;
 max-width:100%;
 margin:0;
}

.tab_form select, .tab_form input[type="text"], .tab_form textarea{
 width:100% !important;
 max-width:100% !important;
 margin:0;
}

.user_detail > form > table, .user_detail > form > table > tbody, .user_detail > form > table > tbody > tr, .user_detail > form > table > tbody > tr > td{
 display: block;
}

.user_detail > form > table > tbody > tr > td > input[type="image"]{
 width:100% !important;
 max-width:none;
 margin:0;
}

.div_extgal {
 width:100% !important;
 max-width:none;
 margin:0 !important;
 padding:0 !important;
}

.div_extgal > img {
 border:0 !important;
}

.blok_galerie{
 text-align:center;
}

.blok_galerie img{
 margin-left:0 !important;
 margin-right:0 !important;
}

.cookie_position_lightbox{
 box-sizing:border-box;
 left: 0%;
 width:100%;
 margin: 0;
 border-radius: 0;
 min-width:0;
}

}

@media only screen and (max-width:450px) {
body {
 font-size:85%;
}
}