.loader_div {
width:100%;
height:100%;
position:relative;
background:#fff url(../img_design/loader.gif) no-repeat 50% 50% ;
/*background-position: 50% 50% ;*/
position:absolute; left:0; top:0; z-index:490;
opacity: 0.5;
}



@font-face {
font-family: f1; src: url(../style/f1.ttf);
}
@font-face {
font-family: f2; src: url(../style/f2.otf);
}

@font-face {
font-family: b1; src: url(../style/b1.ttf);
}

@font-face {
font-family: b2; src: url(../style/b2.ttf);
}





html {
width:100%;
display:flex;
/*border:3px solid magenta;*/
}


body {
margin:0;
font-family:Arial;
font-size:100%;
width:100%; 
color:#000;
position:relative;
background: #fff url(../img_design/back_body.jpg) fixed center 0 repeat-x;
}


h1 {
margin: auto; /*logo uprostred stranky*/
margin-top:10px;
margin-bottom:80px;
font-size:0;
position:relative;
z-index:490;
}

h1, h1 span { 
width: 353px;
height:150px;
}

h1 span {
display: flex;
background: url("../img_design/h1.svg") no-repeat 0 0;
}



.pozic {  
/*justify-content: center;*/
/*clear:both;*/
/*float:left;*/
/*width:100%;*/
/*height:100px;*/
/*margin:auto;*/
/*position:absolute; left:0; top:0; z-index:10;*/
/*border:3px dotted red;*/
}



.top_fix {
display:flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
align-content: stretch;
position: fixed; left:0; top:0; z-index:500;
width:100%;
min-height:45px; 
background: rgba(0, 0, 0, 0.6);
/*border-bottom:2px solid #f00;*/
} 


.top_fix .top_menu_ul {
display:flex;
justify-content: center;
align-content: center;
width:100%;
min-height:30px;
background:none;
/*border:1px solid #f00;*/
}


.top_fix .topmx2, .top_fix .topmx3, .top_fix .topmx4, .top_fix .topmx5, .top_fix .topmx6, .top_fix .topmx7, .top_fix .topmx8, .top_fix .topmx9, .top_fix .topmx10   { /*ostatni ve fix menu schovat*/
display:none;
}
























a {
color:#c00;
/*text-decoration:none;*/
}

a:hover {
color:#f00;
text-decoration:none;
/*text-decoration:underline;*/
}

a img {
border:0;
margin:0 5px 5px 0;
vertical-align:middle;
}

table a {
text-decoration:none;
}



h2 { 
/*float:left;*/
width:98%;
margin:5px 2px 2px 0;
color:#9c3;
text-align:center;
font-size:120%;
font-weight:normal;
/*border:1px solid #e0e0e0;*/
}

h2 span {
padding:0 0 0 50px;
/*background: url("../img_design/h2.svg") no-repeat 1px 20%;*/
}



h2 a { 
margin:5px 2px 2px 0;
padding:1px 0 4px 0;
color:#900;
/*font-size:80%;*/
font-weight:normal;
/*background: none;*/
/*border:1px solid green;*/
}

h2 a:hover {
color:#900;
}

/*
p span, p span a, p span a:hover {
color:#090;
font-weight:bold;
border:1px solid green;
}
*/





h3 {
font-size:95%;
color:#000;
margin:5px 10px 10px 0;
padding:0;
}




.ci { /* clanek info lista ------ */
float:left;
width:100%;
/*height:15px;*/
margin:10px 0 5px 0;
padding:1px 0 2px 0;
color:#808080;
font-size:90%;
font-stretch:condensed;
/*border:1px solid #c0c0c0;*/
}

.ci1, .ci2, .ci3, .ci4, .ci5 {
float:left;
margin:0 10px 0 0;
padding:0 0 0 17px;
}

.ci1 {
background: url("../img_design/ci1.svg") no-repeat 0 50%;
}

.ci2 {
background: url("../img_design/ci2.svg") no-repeat 0 50%;
}

.ci3 {
background: url("../img_design/ci3.svg") no-repeat 0 50%;
}
.ci4 {
background: url("../img_design/ci1.svg") no-repeat 0 50%;
}
.ci5 {
background: url("../img_design/ci1.svg") no-repeat 0 50%;
}





.cir1, .cir2 {
float:right;
padding:0 0 0 20px;
text-decoration:none;
} 

.cir1 {
background: url("../img_design/cir1.svg") no-repeat 0 5px;
}

.cir2 {
background: url("../img_design/cir2.svg") no-repeat 0 5px;
} 


.cir1 a, .cir2 a {
color:#808080;
text-decoration:none;
} 
/* ------------------------- ---- */


.cl_per1, .cl_per2 {
padding:0 0 0 18px;
margin:0 0 0 5px;
color:#808080;
text-decoration:none;
}
.cl_per1 {
background: url("../img_design/perex1.svg") no-repeat 0 5px;
}
.cl_per2 {
background: url("../img_design/perex2.svg") no-repeat 0 5px;
}





table {
border-collapse:collapse;
font-size:85%;
margin:15px 0 20px 0;
}


.tdleft {text-align:left;}
.tdr {text-align:right;}
.tdc {text-align:center;}
.tdr_100 {text-align:right;width:100px;}
.tdrtop_100 {text-align:right;vertical-align:top;;width:100px;}






.main { 
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: stretch;
align-content: center;
margin:auto;
/*border:1px solid red;*/
}




.obsah_left {
order:1;
width:250px;
padding:5px;
/*border:1px solid red;*/
}

.obsah_right {
order:5;
/*border:1px solid blue;*/
}

.obsah_right2 {
order:15;
width:250px;
/*border:1px solid green;*/
}





.contens { /*obal pro veci mimo datablok.. 11/2020*/
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start; /* flex-start    /  center   */
align-items: stretch;  /*baseline*/
align-content: stretch;
width:1200px;  /* 100%  / 1200px */
margin:auto;
margin-bottom:10px;
/*min-height:100px;*/
/*border:3px solid green;*/
}

.contens2 { /* sirka natvrdo .. obal pro veci mimo datablok ale jsou uplne samostatne.. registrace mapa stranek apod.. .. 06/2022*/
width:1200px;  /* 100%  / 1200px */
margin:auto;
/*min-height:100px;*/
/*border:2px solid blue;*/
}


.contens_modul { /* pro moduly (bazar apod) */
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center; /* flex-start    /  center   */
align-items: stretch;  /*baseline*/
align-content: stretch;
width:90%;  /* 100%  / 1200px */
margin:auto;
/*border:1px solid red;*/
}






/*
.top {
height:80px;
margin:10px 0 0 0;
background:none;
position:relative;
border:5px solid green;
}
*/




.top_text {  /*pozic. text zahlavi*/
max-width:1000px;
color:#404040;
font-size:80%;
position:absolute; left:350px; top:97px; z-index:10;
margin:0;
padding:0;
/*border:1px solid green;*/
}

.top_text span {
color:#c00;
font-size:90%;
}















footer {
display:flex;
flex-direction: column;
width:100%;
min-height:400px;
/*margin:auto;*/
padding:10px 0 10px 0;
margin:50px 0 0 0;
font-size:90%;
background: rgba(102,153,51, 0.5);
/*border:2px solid red;*/
}


footer p, footer a, footer a:hover, footer h2 {
color:#f0f0f0;
}


.nav_login {
margin:0 1% 0 0.8%;
width:1200px;
margin:auto;
/*width:1180px;*/
/*border:1px solid blue;*/
}



footer .foot {
display:flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
align-content: flex-start;
width:1200px;
/*width:100%;*/
margin-top:20px;
margin:auto;
padding:5px 0 0px 0;
position:relative;
/*border:1px solid red;*/
}

.foot .foot_obsah {
margin:1%;
}

.foot h2 {
width:100%;
padding:0 0 8px 0;
margin:0 0 10px 0;
font-size:140%;
background:none;
text-align:left;
/*border:1px solid #707070;*/
}


.foot ul, .foot ol {
font-size:90%;
padding:0;
margin:0 0 0 20px;
}

.foot .ul_soubory  {
margin:3px 0 0 0;
border:0;
}

.foot .ul_soubory img {border:0;}

.foot ul li {
list-style-type:square;
/*list-style-position: inside;*/  /*v urovni textu*/
/*list-style-image:URL(../img_design/li.png);*/
}

.foot .li_foot {
list-style-image:none;
list-style-type:none;
}

.foot_obsah .cl .img_clanek_vlevo { /*    img_clanek_vlevo     obtekane obrazky ve clancich */
float:left;
margin:3px 10px 2px 0;
}

.foot_obsah .cl .img_clanek_vpravo { /* obtekane obrazky ve clancich */
float:right;
margin:3px 0 2px 10px;
}

.foot p {  
/*font-size:80%;*/
margin:0;
padding:0;
/*font-stretch:condensed;*/
line-height:170%;
text-align:justify;
}

.foot a {
/*color:#c0c0c0;*/
text-decoration:underline;
}

.foot a:hover {
color:#fff;
text-decoration:underline;
}

.foot li a {
color:#c0c0c0;
text-decoration:none;
}

.foot li a:hover {
color:#fff;
text-decoration:none;
}














footer .about, footer .foot_text {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: stretch;
width:1200px;
font-size:80%;
margin:auto;
/*border:1px solid red;*/
}

footer .foot_text {
justify-content: flex-start;
padding:1%;
/*border:1px solid red;*/
}

.about .p_left, .about .p_right {
/*color:#505050;*/
line-height:160%;
/*border:1px solid #c0c0c0;*/
}


.about .p_left {
text-align:left;
/*border:1px solid #f00;*/
}

.about .p_right {
text-align:right;
/*border:1px solid blue;*/
}

.about a {
margin:0 5px 0 0;
/*color:#a0a0a0;*/
}
.about a:hover {
/*color:#404040;*/
}

.about a img {
float:right;
border:0;
}

.about .p_right img {
margin:0 5px 0 0;
vertical-align:middle;
}



.frm_rspnzv {
width:1200px;
margin:auto;
/*border:1px solid #f00;*/
}


.frm_rspnzv input {
padding:5px 10px 5px 2px;
margin:0 1% 0 0.8%;
color:#f0f0f0;
font-size:70%;
background:none;
border:0;
}


input[type=submit], label  {
cursor:pointer;
}










hr {
clear:both;
height:0px;
border-width: 0;
border-bottom:1px solid #d0d0d0;
margin:10px 2px 20px 2px;
}

input, textarea, select {
border:1px solid #c0c0c0;
color:#606060;
}

.selected {background:#ffff66;}
.selected2 {background:#ccff99;}




.but, .but2 {
padding:1px 10px 1px 10px;
cursor:pointer;
border:1px solid #d0d0d0;
}

.but {
color:#fff;
cursor:pointer;
background: #f0f0f0 url(../img_design/bb2.png);
}

.but2 {
color:#fff;
cursor:pointer;
background:url(../img_design/bb2.png);
}


.sm {
font-size:80%;
}




input {padding:1px;}

.i20 {width:20px;text-align:center;}
.i30 {width:30px;text-align:center;}
.i40 {width:40px;text-align:center;}
.i50 {width:50px;}
.i60 {width:60px;}
.i70 {width:70px;}
.i80 {width:80px;}
.i90 {width:90px;}
.i100 {width:100px;}
.i105 {width:105px;}
.i110 {width:110px;}
.i120 {width:120px;}
.i130 {width:130px;}
.i135 {width:135px;}
.i140 {width:140px;}
.i150 {width:150px;}
.i160 {width:160px;}
.i170 {width:170px;}
.i180 {width:180px;}
.i190 {width:190px;}
.i200 {width:200px;}
.i205 {width:205px;}
.i230 {width:230px;}
.i250 {width:250px;}
.i300 {width:300px;}
.i310 {width:310px;}
.i330 {width:330px;}
.i350 {width:350px;}
.i400 {width:400px;}
.i500 {width:500px;}
.i600 {width:600px;}

textarea {
font-family:Arial,verdana;
color:#505050;
font-size:95%;
padding:2px;
}

.txta1 {
width:260px;
height:70px;
}

.txta2 { /*form left sloupec*/
width:220px;
height:60px;
}

.txt_330_60 {
width:330px;
height:60px;
}

.txt_480_60 {
width:480px;
height:60px;
}

.txt_600_60 {
width:600px;
height:60px;
}






.red, .red_sm {color:#f00;}
.green, .green_sm {color:#090;}
.green_bold {color:#090;font-weight:bold;}
.red_sm, .green_sm {font-size:90%;}
.gray_sm {font-size:80%;color:#606;}
.red_light {background:rgba(204,0,0, 0.1);}
.green_light {background:#dcffb1;} /*lehka zelena*/
.green_light2 {background:#F6FFEB;} /*jeste svetlejsi lehka zelena*/


.td_gray {background:#f0f0f0;}





   


.login1, .login1_top { /*vyvolavaci but*/
float:left;
padding:0;
margin:0;
/*border:1px solid #000;*/
}

.login1 {
width:100%;
padding:5px 0 5px 0;
margin:0;
/*border:1px solid #000;*/
}

.login1_top {
position:absolute; left:200px; top:11px; z-index:100; 
/*border:1px solid #000;*/
}

.login1_top .but_login1, .login1 .but_login1 {
padding:3px 5px 3px 20px;
margin:0 0px 0 0px;
cursor:pointer;
border:0;
}

.login1_top .but_login1 {
color:#900;
background: rgba(80, 80, 80, 0) url(../img_design/close_ico_white.svg) no-repeat 5px 50%; 
}

.login1 .but_login1 {
color:#f0f0f0;
background: rgba(80, 80, 80, 0) url(../img_design/close_ico.svg) no-repeat 5px 55%;
}





.login2 { /*prihlaseni*/
float:left;  
width:500px;
/*height:400px;*/
margin-left:-250px;
margin-top:-150px;
font-size:85%;
position:fixed; left:50%; top:50%; z-index:501; 
background: rgba(255, 255, 255, 0.8);
border-radius:5px;
box-shadow: 0 0 10px 0px #000;
border:8px solid #fff;
}

.login2 p a {
float:left;
width:100%;
margin:10px 0 0 0;
font-size:95%;
color:#404040;
/*border:1px solid #c00;*/
}

.login2 p a:hover {
color:#000;
}


.login2 .login_top {
float:left;
width:100%;
height:40px;
padding:20px 0 0 0px;
position:relative;
background: rgba(80, 80, 80, 0.1);
/*border-radius:5px;*/
/*border:1px solid #c00;*/
}


.login2 .login_top .login_text_top {
padding:0 0 0 20px;
margin:0 0 0 10px;
text-align:left;
color:#404040;
background: url(../img_design/close_ico.svg) no-repeat 0px 50%;
/*border:1px solid #c00;*/
}


.login2 .login_top .login_close {
width:40px;
height:40px;
padding:0;
position:absolute; right:10px; top:10px; z-index:501; 
background:  url(../img_design/close.svg) no-repeat 0 0;
cursor:pointer;
opacity:0.5;
/*border:1px solid #c00;*/
}

.login2 .login_top .login_close:hover {
opacity:1;
}


.login2 form {
float:left;
margin:20px 0 0 0;
text-align:center;
/*border:1px solid #c00;*/
}


.login2 p {
float:left;
width:100%;
margin:0 0 10px 0;
/*border:1px solid #c00;*/
}

.login2 p span {
float:left;
width:130px;  
padding:10px;
color:#404040;
text-align:right;
/*border:1px solid green;*/
}





.login2 p input[type=text], .login2 input[type=password], .login2 input[type=email] {
float:left;
width:180px;
padding:10px;
}

.login2 p input[type=text]:hover, .login2 input[type=password]:hover, .login2 input[type=email]:hover {
border:1px solid #060;
}



.login2 p input[type=submit] {
padding:10px 20px 10px 40px;
margin:0 0px 0 5px;
color:#fff;
cursor:pointer;
background: rgba(0, 153, 0, 0.8) url(../img_design/user_ico_white.svg) no-repeat 20px 50%;
border:0;
}

.login2 p input[type=submit]:hover {
background: rgba(0, 153, 0, 1) url(../img_design/user_ico_white.svg) no-repeat 20px 50%;
}


.login2  .but_forgot {
padding:5px 0px 5px 0px;
margin:0 0px 0 5px;
color:#404040;
cursor:pointer;
text-decoration:underline;
background:none;
border:0;
}




.form_forgot {
float:left;
width:100%;
/*background: rgba(80, 80, 80, 0.5);*/
/*border:1px solid green;*/
}


.lightbox_div {
width:100%;
height:100%;
background: rgba(32, 32, 32, 0.7);
position: fixed; top:0; left:0; z-index:500;
cursor:pointer;
}

.lightbox_div:hover {
background: rgba(32, 32, 32, 0.4);
}




.login1 p, .login1_top p { /*vzhled prihlaseneho uziv*/
margin:0;
padding:0;
}

.login1 a, .login1_top a { 
margin:0 10px 0 0;
font-size:80%;
}

.login1 a {
color:#f0f0f0;
}

.login1_top a, .login1_top a:hover {
color:#fff;
}


.login1 .user_ico .url_user,  .login1_top .user_ico .url_user {
padding:0 0 0 25px;
}

.login1 .user_ico .url_user {
background:url(../img_design/user_ico.svg) no-repeat 0 52%;
}

.login1_top .user_ico .url_user {
background:url(../img_design/user_ico_white.svg) no-repeat 0 52%;
}




























.pozicovany_login {  /*vstup do admina*/
width:170px;
position:absolute; right:250px; top:6px; z-index:400;
}

.pozicovany_login a {
float:left;
text-decoration:none;
color:#fff;
font-size:65%;
background:#f00;
margin:0 5px 0 0;
padding:4px 8px 4px 8px;
border:1px solid #d0d0d0;
}

.pozicovany_login a:hover {
background:#f00;
color:#fff;
}





.but_form {
padding:3px 7px 3px 7px;
background:#c00;
color:#fff;
cursor:pointer;
border:2px solid #c0c0c0;
}



.ul_prihlaseno  {
text-align:left;
padding:0 0 0 70px;
margin:0;
}

.ul_prihlaseno a {color:#900;}

.ul_prihlaseno li {
margin:0 0 7px 0;
}























 
 



/* Top menu... */
.top_menu_ul {
margin:0;
}


.top_menu_ul li {
display:flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
align-content: stretch;
/*border:1px solid red;*/
}




.top_menu_ul li a {
width:100%;
text-decoration:none;
color:#000;
border-radius:0;
text-align:center;
/*border:1px solid #c0c0c0;*/
}


.top_menu_ul li a:hover {
color:#000;
transition-duration: .5s;  /*trvani*/
border-radius:0;
}

.top_menu_ul .mtakt { /*pro aktivni polozku menu*/
color:#000;
}

/* vzhled horniho top submenu */
.top_menu_ul li ul {
display:none;
position:absolute; top:49%; z-index:490;  /* left:0px; top:30px; z-index:490; */
 animation-name:loading;
 animation-duration:.2s;
 animation-iteration-count:1;  /*infinite=stale dokola*/
 animation-direction:linear;
 animation-delay:0.1s;
/*border:1px solid red;*/
}

.top_menu_ul li:hover ul {
float:left;
display:block;
margin:5px 0 0 0;
padding:5px 0 0 0;
font-size:90%;
text-align:left;
width:250px;
/*border:2px solid green;*/
}

 @keyframes loading {
    90%{
    /*transform:scale(1.2);*/
    /*opacity:0.1;*/
    /*background-color:#0066CC;*/
    }
    100%{
    /*transform:scale(0.7);*/
    /*opacity:1;*/
    /*background-color:#CCCCCC;*/
    }
}


.top_menu_ul li ul li  {
float:left;
padding:0;
margin:0;
text-decoration:none;
color:#000;
/*border:1px solid green;*/
}

.top_menu_ul li ul li a {
float:left;
min-width:260px;
margin:0 0 1px 0;
padding:15px;
text-decoration:none;
color:#fff;
background: rgba(153, 0, 0, 1.0);
text-align:left;
border-radius:0;
/*border-bottom:1px solid #404040;*/
}

.top_menu_ul li ul li a:hover { 
color:#fff;
background: rgba(153, 0, 0, 1.0);
}











/* leve home v topmenu */
.top_menu_ul .home_top {
/*position:absolute; left:0; top:0; z-index:5;*/
width:21px;
height:19px;
padding:0;
margin:2px 10px 0 -20px;
/*border:1px solid red;*/
}

.top_menu_ul .home_top a  {
float:left;
width:21px;
height:19px;
padding:0;
/*margin:-5px 0 0 0;*/
background:url(../img_design/home_top1.svg) no-repeat;
/*border:1px solid blue;*/
}

.top_menu_ul .home_top a:hover {   
background:url(../img_design/home_top2.svg) no-repeat;
/*border:1px solid red;*/
/*transform: scale(1.05);*/ 
} 













/*TOP multi menu */
.top_menu_ul li .topmulti_menu  {
display: flex;
flex-direction: row;
flex-wrap: wrap;
visibility: hidden;
font-family:arial;
font-size:100%;
box-shadow: 0 0 200px 0px #c0c0c0;
width:98%;
white-space: normal;
border:3px solid #d0d0d0;
}



.top_menu_ul li:hover .topmulti_menu {
visibility: visible;
}



.top_menu_ul .topmulti_menu {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width:100%;
padding:1%;
position: absolute; left:0; top: 35px;  z-index:490;
background: #fff;
border:3px solid #d0d0d0;
}



.top_menu_ul .topmulti_menu .p_multi_menu {
float:left;
width:30%;  
padding:1%;
margin:0.5%;
color:#000;
font-size:100%;
border:1px solid #f0f0f0;
}

.top_menu_ul .topmulti_menu .p_multi_menu:hover {
border:1px solid #900;
}





.top_menu_ul .topmulti_menu .p_multi_menu a {
color:#505050;
margin:0;
padding:0;
line-height:160%;
background:none;
text-decoration:none;
border:0;
/*border:1px solid #f00;*/
}



.top_menu_ul .topmulti_menu .p_multi_menu a:hover {
color:#000;
}



.top_menu_ul .topmulti_menu .p_multi_menu .a_multi1 {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
align-content: stretch;
width:85%;
margin:0;
padding:0;
font-size:100%;
color:#000;
font-weight:bold;
/*border:2px solid green;*/
}


.top_menu_ul .topmulti_menu .p_multi_menu .a_multi1 span {
text-align:left;
/*border:1px solid red;*/	

}



.top_menu_ul .topmulti_menu .p_multi_menu img {
float:left;
margin:0 10px 0 0;
/*border:1px solid blue;*/
} 


.p_multi_menu a img:hover {
/*transform:scale(1.03);*/
}

/*End TOP multi menu */








/*end_top_menu_ul =  skryty zbytek top menu*/
.end_top_menu {
width:80px;
height:40px;
cursor:pointer;
background: url(../img_design/top_menu_end1.svg) no-repeat 50% 50% ;
/*border:1px solid #f00;*/
}

.end_top_menu:hover {
background: url(../img_design/top_menu_end2.svg) no-repeat 50% 50% ;
}






















/* foot (top) menu ---------------------------------------------------- */

.nav_menu_foot {
width:1200px;
margin:auto;
margin-bottom:30px;
border:1px solid #c0c0c0;
}


.foot_top_menu_ul {
/*float:left;*/
width:80%;
padding:10px;
margin:auto;
/*font-family: b2, arial;*/
font-size:90%;
position:relative;
/*border:1px solid #a0a0a0;*/
}

.foot_top_menu_ul li {
/*float:left;*/
display:inline;
list-style-type:none;
padding:5px 0 0 0;
margin:0 5px 0 0px;
position:relative;
/*border:1px solid blue;*/
}

.foot_top_menu_ul li a {
padding:5px 10px 6px 1px;
margin:0;
text-decoration:none;
color:#b0b0b0;
border-radius:0;
/*border:1px solid #c0c0c0;*/
}


.foot_top_menu_ul li a:hover {
color:#e0e0e0;
transition-duration: .5s;  /*trvani*/
border-radius:0;
}

.foot_top_menu_ul .mtakt { /*pro aktivni polozku menu*/
color:#e0e0e0;
}


/* vzhled horniho top submenu */
.foot_top_menu_ul li ul {
display:none;
position:absolute;  left:0; bottom:20px;     z-index:500;  /* left:0px; top:30px; z-index:490; */
 animation-name:loading;
 animation-duration:.2s;
 animation-iteration-count:1;  /*infinite=stale dokola*/
 animation-direction:linear;
 animation-delay:0.1s;
/*border:1px solid red;*/
}


.foot_top_menu_ul li:hover ul {
float:left;
display:block;
margin:5px 0 0 0;
padding:5px 0 0 0;
font-size:90%;
text-align:left;
width:170px;
/*border:1px solid green;*/
}

 @keyframes loading {
    90% {
    /*transform:scale(1.2);*/
    /*opacity:0.1;*/
    /*background-color:#0066CC;*/
    }
    100%{
    /*transform:scale(0.7);*/
    /*opacity:1;*/
    /*background-color:#CCCCCC;*/
    }
}


.foot_top_menu_ul li ul li  {
padding:0;
margin:0;
text-decoration:none;
color:#000;
/*border:1px solid green;*/
}

.foot_top_menu_ul li ul li a {
min-width:180px;
float:left;
margin:0 0 1px 0;
padding:15px;
text-decoration:none;
color:#fff;
background: rgba(0, 0, 0, 0.8);
border-radius:0;
/*border-bottom:1px solid #404040;*/
}

.foot_top_menu_ul li ul li a:hover { 
color:#fff;
background: rgba(0, 0, 0, 0.9);
}






/* leve home v topmenu */
.foot_top_menu_ul .home_top {
display:none;
width:21px;
height:19px;
padding:0;
margin:2px 10px 0 0px;
/*border:1px solid red;*/
}

.foot_top_menu_ul .home_top a  {
float:left;
width:21px;
height:19px;
padding:0;
/*margin:-5px 0 0 0;*/
background:url(../img_design/home_top1.svg) no-repeat;
/*border:1px solid blue;*/
}

.foot_top_menu_ul .home_top a:hover {   
background:url(../img_design/home_top2.svg) no-repeat;
/*border:1px solid red;*/
/*transform: scale(1.05);*/ 
} 























     

            
/*FOOT TOP multi menu */

.foot_top_menu_ul  {
float:left;
position:relative;
/*border:1px solid #9f0;*/
}




.foot_top_menu_ul li .topmulti_menu {
display:none;
font-family:arial;
font-size:90%;
box-shadow: 0 0 50px 0px #404040;
/*border-radius:9px;*/
}


.foot_top_menu_ul li:hover .topmulti_menu {
display:block;
/*visibility: visible;*/
}





.foot_top_menu_ul .topmulti_menu { 
float:left;
width:960px;
min-height:50px;
/*font-size:100%;*/
padding:20px;
position: absolute; bottom: 20px; left: 0; z-index:500;
background:#fff; /*E0E0E0*/
/*box-shadow: 0 0 200px 0px #c0c0c0;*/   /*   rozpiti stinu,širka stinu */
/*border:1px solid #900;*/
}

.foot_top_menu_ul .topmulti_menu .p_multi_menu {
float:left;
width:230px;  /*240px 360px*/
min-height:80px;
padding:2px 5px 0 0px;
margin:0px 2px 2px 0px;
font-size:90%;
/*font-stretch:condensed;*/
/*border:1px solid red;*/
}

.foot_top_menu_ul .topmulti_menu .p_multi_menu a {
display:block;
margin:0 0 0 0px;
padding:0px 0 0 0px;
line-height:140%;
color:#505050;
background:none;
border:0;
/*border:1px solid green;*/
}

.foot_top_menu_ul .topmulti_menu .p_multi_menu a:hover {
color:#505050;
background:none;
text-decoration:underline;
}

.foot_top_menu_ul .topmulti_menu .p_multi_menu .a_multi1 {
font-size:110%;
color:#c00;
/*font-weight:bold;*/
}

.foot_top_menu_ul .topmulti_menu .p_multi_menu img {
float:left;
margin:3px 5px 0 0;
/*border:1px solid blue;*/
} 


.p_multi_menu a img:hover {

/*transform:scale(1.03);*/
}

/*End TOP multi menu */
































































.ul_file {
display:flex;
flex-direction: column;
}






.obsah_right ul, .obsah_right ol {
/*float:left;*/
padding:0;
margin:6px 0 0 15px;
font-size:120%;
}

.obsah_right ol {
margin:6px 0 0 20px;
}

.obsah_right li a {
text-decoration:none;
color:#606060;

}

.obsah_right li a:hover  {
text-decoration:underline;
color:#f00;
}

.obsah_right .ul_file { /*pro soubory neukazovat odrazku..*/
/*float:left;*/

width:100%;
margin:6px 0 5px 0;
/*border:1px solid #c0c0c0;*/
}

.ul_file li { /*pro soubory neukazovat odrazku..*/
list-style-type:none;
margin:2px;

}





.lh  {
list-style-type:none;
}


.ul_search li { /*vypis ul pro search*/
font-size:120%;
padding:0px 0 3px 28px;
background:url(../img_design/m2.png) no-repeat;
background-position: 0;
}

.ul_search li a { 
text-decoration:underline;
}
















 

/* zakladni hledani */
.search {
display:none;
}

.view_sf .search {
display: inline;
text-align:center;
position:absolute; right:0; top:0; z-index:490;
width:100%;
height:120px;
background: rgba(250,250,250, 0.95);
box-shadow: 0 5px 20px 0px #606060;
border-bottom:1px solid #c0c0c0;
}

.ico_search {
position:absolute; right:250px; top:7px; z-index:10;
width:50px;
height:50px;
cursor:pointer;
background: url(../img_design/lupax1.svg) no-repeat;
border:0;
}

.ico_search:hover {
background: url(../img_design/lupax1h.svg) no-repeat;
}

.view_sf .ico_search {
display:none;
}

.search input[type=search], .search input[type=submit], .search_but_close {
transition-duration: 0.6s;
/*padding:0.5% 0.5% 0.5% 0.5%;*/

padding:5px 10px 5px 10px;
margin-top:40px;
font-size:100%;
border-radius:5px;
border:3px solid #a0a0a0;
}


.search input[type=search] {
width:300px;
}

.search input[type=submit] {
color:#fff;
background:#404040;
}

.search input[type=submit]:hover {
background:#060;
}

.search_but_close {
position:absolute; right:0; top:0; z-index:490;
margin:0;
padding:10px;
color:#505050;
background:none;
cursor:pointer;
border:0;
}

.search_but_close:hover {
color:#000;
}





/*
.but_send_search {
background: url(../img_design/lupax1.svg) no-repeat;
}
*/











/*
.search label {
 display: none; 
}




.search p .pole {
width:110px;
padding:3px 5px 3px 5px ;
margin:0px 0 0 0px;
font-size:80%;
color:#a0a0a0;
border-radius:1px;
vertical-align:middle;
background: none;
border:0;
}


.search p {
float:left;
padding:0;
margin:0;
}

.lupa_search {
width:30px;
height:23px;
margin:0 0 0 4px;
background:url(../img_design/lupa.svg) no-repeat -2px 0px ;
vertical-align:middle;
border-radius:1px;
cursor:pointer;
font-size:0;
border:0;
}

.lupa_search:hover {
background:url(../img_design/lupa2.svg) no-repeat -2px 0px ;
}
*/


/*
.search_div { 
display:flex;
flex-direction: column;
width:80%;
font-size:110%;
}


.search_div h2 {
margin:10px 0 0 0;
padding-left:0;
background:none;
}

.search_div p {
margin:0px 0 0 0;
border-bottom:1px solid #e0e0e0;
}

.search_div span {
padding:2px 8px 2px 8px;
background:#f0f0f0;
}
*/







 






/* UL.. leve menu  --------------- -----------------------*/

.obsah_left ul li {
float:left;
width:100%;
padding:0;

font-size:80%;
/*line-height:110%;*/
list-style-type:none;
list-style-image:none;
position:relative;
/*border:1px solid blue;*/
}


.obsah_left ul li a {  
display:block;
text-decoration:none;
color:#fff;
padding:10px 0 10px 10px;
margin:0 0 0 0;
background:#900 url(../img_design/ml_expand1.svg) no-repeat 98% 50%;
border-bottom:1px solid #d0d0d0;
}

.obsah_left li ul {
margin:0 0 15px 0;
}

.obsah_left ul li a:hover {
color:#fff;
background:#c00 url(../img_design/ml_expand2.svg) no-repeat 98% 50%;
transition-duration: .5s;  /*trvani*/
}

.obsah_left .mlakt { 
color:#fff;
background:#c00 url(../img_design/ml_expand2.svg) no-repeat 98% 50%;
}



.obsah_left li ul li {
width:100%;
margin:0 0 0 -38px;
color:#707070;
font-size:100%;
background:none; 
/*border:1px solid red;*/
}


.obsah_left li ul li a {
padding:5px 0 5px 15px;
margin:0 0 0 0px;
color:#202020;
font-size:90%;
/*background:none;*/ 
background: url(../img_design/submenu_odr1.svg) no-repeat 0 6px;   
/*border:1px solid red;*/
border:0;
/*border-bottom:1px solid #e0e0e0;*/
}



.obsah_left li ul li a:hover {
color:#c00;
/*background:none;*/
background: url(../img_design/submenu_odr2.svg) no-repeat 2px 6px ;
/*border-bottom:1px solid #e0e0e0;*/
}

.obsah_left li ul li .mlakt {
color:#c00;
/*background:none;*/
background: url(../img_design/submenu_odr2.svg) no-repeat 0 6px ;
}


.obsah_left ul {
float:left;
width:100%;
margin:0px 0 10px -40px;
/*border:1px solid #f00;*/
}

.obsah_left ul li .menu_left_img { /*obrazkove menu*/
background:none;
padding:0;
margin:0 0 10px 0;
/*border:0 solid #f00;*/
}

.obsah_left ul li .menu_left_img:hover {
background:none;
}














/*left multi menu */

.obsah_left .multi_menu, .menu_eshop .multi_menu {
display: flex;
flex-direction: row;
flex-wrap: wrap;

/*float:left;*/
width:1000px;  /*750px  100% */
padding:1%;
font-size:90%;
position: absolute; top: -10px; left: 235px; z-index:500;
background:#FDFDFD; /*E0E0E0*/
box-shadow: 0 0 200px 0px #c0c0c0;   /*   rozpiti stinu,širka stinu */
border:3px solid #d0d0d0;
}


.multi_menu .p_multi_menu           /*,.menu_eshop .p_multi_menu*/ {  /* cele hlavni dlazdice*/
float:left;
width: 30%;  /*240px 25%*/
padding:0.5% 0.5% 20px 0.5%;
margin:1%;
border-bottom:2px solid #d0d0d0;
}

.multi_menu .p_multi_menu:hover {
background:rgba(200,200,200, 0.2);
border-bottom:2px solid #e0e0e0;
}




.obsah_left .p_multi_menu a        /*,     .menu_eshop .p_multi_menu a*/ {
float:left;
margin:0 5px 0 0;
padding:0;
line-height:150%;
color:#505050;
background:none;
border:0;
/*border:1px solid green;*/
}

.obsah_left .p_multi_menu a:hover, .menu_eshop .p_multi_menu a:hover {
color:#505050;
background:none;
text-decoration:underline;
}

.obsah_left .p_multi_menu .a_multi1, .menu_eshop .p_multi_menu .a_multi1 {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
align-content: stretch;
font-size:140%;
color:#069;
font-weight:bold;
}

.obsah_left .p_multi_menu img, .menu_eshop .p_multi_menu img {
float:left;


margin:0 10px 0 0;
/*border:1px solid blue;*/
}




































/* UL .. pokud neni v left menu (seznamy ve clancich..) ------ */

.obsah_left .obsah_left_clanky ul {
margin:5px 0 0 0;
/*border:1px solid green;*/
}

.obsah_left .obsah_left_clanky ul li {
/*height:18px;*/
font-size:75%;
/*line-height:130%;*/
list-style-image: URL(../img_design/li.png);
margin:0px 0px 0px -20px;
/*border:1px solid red;*/
}

.obsah_left .obsah_left_clanky ul li a, .obsah_left_clanky ul li a:hover {
color:#00ccff;
padding:0;
margin:1px 0 4px 0;
background:none;
border:0;
}

.obsah_left_clanky ul li a:hover {
color:#c00;
}













.obsah_left, .obsah_right {
/*float:left;*/
/*margin:10px 0 10px 0;*/
/*font-size:90%;*/
color:#404040;
/*border:1px solid blue;*/
}


.obsah_left {
/*width:240px;*/
/*padding:0;*/
/*margin:130px 20px 20px 0;*/
/*background: #fff;*/
/*position:absolute; left:0px; top:200px; z-index:10;*/
/*background: #006dbd url(../img_design/back_left_menu.png) no-repeat;*/
position:relative;
/*border:1px solid red;*/
}


.obsah_left h2 {
/*margin-top:-20px;*/
padding:0;
margin:0;
color:#a0a0a0;
}

.obsah_left .h2_nadpis_left_sloupec {
padding:0 0 10px 0;
margin:0;
font-size:120%;
font-family:b2;
background:none;
border-bottom:1px solid #a0a0a0; 
}

 




.form_left {
float:left;
width:258px;
padding:20px 0 0 20px;
margin:20px 0 10px 0;
color:#fff;
font-size:100%;
/*position:absolute; left:-270px; top:50px; z-index:10;*/
background:#00ccff;
white-space:nowrap;
/*border:1px solid #000;*/
}

.form_left input, .form_left textarea {
font-size:90%;
border:1px solid #fff;
/*background: url(../img_design/7.png);*/

}

.form_left table {
margin:5px 0 0 0px;
}


.form_left .but {
padding:2px 5px 3px 5px;
border:1px solid #d0d0d0;
}

.form_left .but {
color:#fff;
background:url(../img_design/bb2.png);
font-size:90%;
}







.obsah_left_clanky {
float:left;
/*width:100%;*/
padding:20px 0 0 0;
margin-bottom:20px;
/*background:#fff;*/
/*border:1px solid red;*/
}

.obsah_left_clanky h2 {
margin:20px 0 0 0;
padding:1px 0 2px 0px;
font-size:90%;
font-weight:bold;
color:#f00;
background:none;
/*border:1px solid red;*/
}

.obsah_left_clanky .cl { /* clanek left sloupec */
/*float:left;*/
/*width:620px;*/
font-size:80%;
line-height:130%;
text-align:justify;
font-stretch:condensed;
margin:5px 0 10px 0px;
padding:0px;
color:#606060;
/*border:1px solid #c0c0c0;*/
}

.obsah_left_clanky .cl .img_clanek_vlevo { /*    img_clanek_vlevo     obtekane obrazky ve clancich */
float:left;
margin:3px 10px 2px 0;
/*border:2px solid #a0a0a0;*/
}

.obsah_left_clanky .cl .img_clanek_vpravo { /* obtekane obrazky ve clancich */
float:right;
margin:3px 0 2px 10px;
}

.obsah_left_clanky hr {
margin:0 0px 10px 0px;
border-bottom:1px solid #e0e0e0;
}







.obsah_right {
margin:0;
position:relative;
/*border:2px solid #a0a0a0;*/
}



.obsah_right .cl .nadpis_and_clanek { /*5/2023*/
/* tohle nic.. 
display:flex;
flex-direction: column;
*/
width:100%;
/*border:1px solid #c0c0c0;*/
}


.obsah_right .cl {   /* clanek */
display:flex;
width:100%;
margin:20px 0 10px 0;
font-size:90%;
color:#606060;
line-height:170%;
/*text-align:justify;*/
/*border:1px solid #c0c0c0;*/
}



 
.obsah_right .cl .img_clanek_vlevo {  /* obtekane obrazky ve clancich */
/*float:left;*/
display:flex;
justify-content: flex-start;
margin:5px 40px 20px 0;
/*border:1px solid #f00;*/
}

.obsah_right .cl .img_clanek_vpravo {  /* obtekane obrazky ve clancich */
/*float:right;*/
display:flex;
flex-direction: row;
justify-content: flex-end;
margin:5px 0 20px 40px;
/*border:1px solid #f00;*/
}







.obsah_right .cl_zpet {
margin:5px 0 5px 0px;
font-size:80%;
}

.obsah_right li a {
font-size:80%;
}


/*nadpis page..*/
.obsah_right .np {
display:flex;
justify-content: center;
color:#9c3;
font-size:180%;
/*background:none;*/
padding:1% 0 1% 0;
margin:auto;
border-bottom:1px solid #e0e0e0;
}

.np span {
padding:0 0 0 90px;
background:url(../img_design/np.svg) no-repeat 0 50% ;
}


.np a  {
font-size:70%;
text-decoration:none;
}

.obsah_right a img {border:0;}


/*pravy sloupec 2 pro novinky apod..*/
.obsah_right2 {
/*float:right;*/
/*width:220px;*/
/*margin:130px 0px 20px 20px;*/
/*border:1px solid blue;*/
}

.obsah_right2 .cl {
float:left;
padding:0;
margin:0 0 20px 0;
/*border:1px solid blue;*/
}

.obsah_right2 h2 {
padding:0;
margin:0;
color:#a0a0a0;
}

.obsah_right2 .h2_nadpis_rsloupec {
padding:0 0 10px 0;
margin:0;
font-size:120%;
font-family:b2;
background:none;
border-bottom:1px solid #a0a0a0; 
}






















/* vzhled clanky v multimenu -----------------*/
.ul_ml .cl,        .top_menu_ul .cl,    .foot_top_menu_ul .cl      {   /* clanek spolece pro left multi + top multi menu*/
float:left;
width:100%;
margin-top:0px;
text-align:justify;
}

.ul_ml .cl {   /* clanek v levem multi */
font-size:95%;
color:#606060;
line-height:160%;
/*border:1px solid red;*/
}

.top_menu_ul .cl,   .foot_top_menu_ul .cl  {   /* clanek v top multi */
font-size:85%;
color:#606060;
line-height:160%;
/*border:1px solid #c0c0c0;*/
}

.ul_ml .cl a, .ul_ml .cl a:hover, .top_menu_ul .cl a, .top_menu_ul .cl a:hover,   .foot_top_menu_ul .cl a, .foot_top_menu_ul .cl a:hover                 { /*color odkazů ve clancich multimenu*/
color:#900;
text-decoration:underline;
}

.ul_ml .cl .img_clanek_vlevo,    .top_menu_ul .cl .img_clanek_vlevo,  .foot_top_menu_ul .cl .img_clanek_vlevo       {  /* obtekane obrazky ve clancich */    /* .top_menu_fix  */
float:left;
margin:5px 15px 5px 0;
}

.ul_ml .cl .img_clanek_vpravo,   .top_menu_ul .cl .img_clanek_vpravo,    .foot_top_menu_ul .cl .img_clanek_vpravo    {  /* obtekane obrazky ve clancich */
float:right;
margin:5px 0 5px 15px;
}

.ul_ml .cl a, .ul_ml .img_nahled a, .ul_ml  .img_nahled a:hover,    /**/    .top_menu_ul .cl a,  .top_menu_ul .img_nahled a, .top_menu_ul .img_nahled a:hover,    /**/     .foot_top_menu_ul .cl a,  .foot_top_menu_ul .img_nahled a, .foot_top_menu_ul .img_nahled a:hover              {
/*float:left;*/
padding:0;
margin:0;
background:none;
border:0;
/*border:3px solid green;*/
}

.top_menu_ul hr,  .foot_top_menu_ul hr {
clear:both;
height:0px;
border-width: 0;
border-bottom:1px solid #d0d0d0;
margin:10px 2px 20px 2px;
}








































.tb_bazar {
/*font-family:Arial narrow,verdana;*/
font-size:75%;
float:left;
width:99.9%;
margin:10px 0 30px 0;
}

.tb_bazar td {
font-size:110%;
}

.tb_bazar th {
height:40px;
font-size:90%;
border-left:1px solid #d0d0d0;
padding:0 15px 0 15px;
background:url(../img_design/th_back.png);
}

.tb_bazar .th_left {
border:0;
background:url(../img_design/th_left.png);
}

.tb_bazar .th_right {
background:url(../img_design/th_right.png);
background-position:100% 0px;
}

.tb_bazar td {
/*font-family:arial narrow;*/
/*height:30px;*/
border:1px solid #d0d0d0;
padding:3px 10px 3px 10px;
text-align:center;
}

.tb_bazar th a img, .tb_bazar th a  { /* zarovnani radicich sipek..  */
margin:0 0 0 1px;
}


.bck_tr1 {background:#e8e8e8;}
.bck_tr2 {background:none;}

.tb_bazar .td_text_left {
text-align:left;
}

.tb_bazar td a img {
margin:0;
}

/* zarovnani bunek v tab bazar */

.tb_bazar .td_bazar_left {text-align:left;padding:0 0 0 5px;}
.tb_bazar .td_bazar_center {text-align:center;}
.tb_bazar .td_bazar_right {text-align:right;padding:0 5px 0 0;}



/* styly pro texty v hlavni tab --------- */
.tb_bazar td .b1, .tb_bazar_detail td .b1 { /* tucny */
font-weight:bold;
}
.tb_bazar td .b2, .tb_bazar_detail td .b2  { /* cerveny */
color:#f00;
}
.tb_bazar td .b3, .tb_bazar_detail td .b3  { /* tucny + cerveny */
font-weight:bold;
color:#f00;
}




/*zvetsovani nahledu prvnich obr v hl. vypisu bazaru*/
.td_nahled a {position:relative;}

.td_nahled .obr {
/*top:0px; left:80px;*/
visibility: hidden;
}

.td_nahled a:hover .obr {
visibility: visible;
border:1px solid #c0c0c0;
}

.obr {
position: absolute; top: -155px; left: 45px; z-index:10;
}







/*dealer*/

.left_dealer, .right_dealer {
margin:10px 0 0 0;
background:#f5f5f5;
border:1px solid #d0d0d0;
}

.left_dealer {
float:left;
width:315px;
/*margin-right:10px;*/
} 

.right_dealer {
float:right;
width:380px;
} 

.right_dealer p {
font-size:80%;
margin:0 10px 10px 10px;
}

.tb_dealer {
margin:20px 10px 20px 10px;
font-size:70%;
}

.tb_dealer input {
font-size:85%;
}


.tb_dealer a {text-decoration:underline;}


.tb_dealer td {
padding:2px 10px 2px 10px;
}

.left_dealer .tb_dealer td {
border-bottom:1px solid #e0e0e0;
padding:8px 10px 8px 10px;
}

.right_dealer .tb_dealer {
margin:20px 10px 10px 10px;
}

.produkty_dealer {
float:left;
width:100%;
margin:20px 0 10px 0;
background:#f5f5f5;
border:1px solid #d0d0d0;
}

/*
.produkty_dealer div, .produkty_dealer p {
margin:10px;
font-size:80%;
}
*/






















/* end hlavni tab texty -------- */


.form_inline {
margin:0 40px 0 0;
display:inline;
}


.filtr {
float:left;
width:777px;
padding:5px 0 5px 0;
margin:10px 0 2px 0;
font-size:90%;
/*border:1px solid #e0e0e0;*/
}

.filtr form {
display:inline;
margin:0;
float:left;
}

.filtr a {
float:right;
color:#fff;
font-size:90%;
padding:5px 15px 5px 15px;
margin:0px 0 0 0;
border-right:1px solid #808080;
text-decoration:none;
}

.filtr a:hover {
float:right;
background:url(../img_design/bb3.png);
}


.filtr input {
vertical-align:middle;
}

.filtr2 {
float:left;
width:755px;
padding:10px;
margin:2px 0 20px 0;
font-size:90%;
background:#f0f0f0;
border:1px dotted #c0c0c0;
}

.filtr2 select {
border:1px dotted #808080;
}

.filtr .but_kat, .filtr .but_kat_akt  {
margin:0 2px 0 0;
} 

.but_kat { /*NEaktivni zalozka*/
color:#fff;
background:url(../img_design/bb2.png);
}

.but_kat_akt { /*aktivni zalozka*/
color:#fff;
background:url(../img_design/bb1.png);
}

.select_akt { /* aktivni polozka selectu */
background:#ffff99;
}


.sb_bazar_akt { /*aktivni search box u bazaru*/
background:#ffff99;
width:120px;
}

.div_strank {
float:left;
width:770px;
font-size:90%;
text-align:center;
vertical-align:top;
/*border:1px dotted #c0c0c0;*/
}

.div_strank img, .div_strank a, .div_strank a img {
vertical-align:top;
}

.div_strank .str_link {
margin:0 2px 0 2px;
padding:0 3px 0 3px;
}

.div_strank .str_akt { /*zvyrazneni aktivniho strankovani*/
padding:0 3px 0 3px;
border:1px solid #d0d0d0;
background:#ffff99;
margin:0 -2px 0 -2px;
}


.div_strank .str_link {
margin:0 2px 0 2px;
padding:0 4px 0 4px;
border:0;
background:#f0f0f0;
}

.div_strank .str_link:hover {
margin:0 2px 0 2px;
padding:0 3px 0 3px;
border:1px solid #d0d0d0;
background:#f0f0f0;
}

.str_img {
margin:0 5px 0 5px;
}

.filtr p {
display:inline;
}

.tb_bazar_detail {
float:left;
/*margin:10px;*/
width:100%;
}

.tb_bazar_detail td {
padding:2px 5px 2px 5px;
border-bottom:1px dotted #d0d0d0;
}

.bazar_detail_left {
float:left;
width:360px;
/*border:1px solid #d0d0d0;*/
}

.div_bazar_tb {
float:left;
margin:10px 0 10px 0;
padding:10px 10px 20px 10px;
background:#f5f5f5;
border:1px dotted #c0c0c0;
}

.bazar_detail_right {
width:400px;
float:right;
/*text-align:right;*/
/*border:1px solid #d0d0d0;*/
}


.bazar_detail_right a img {
float:left;
padding:0;
margin:3px 3px 0px 0;
/*border:1px solid #d0d0d0;*/
}



.div_str_arr { /* strankovani v detailu */
float:right;
width:410px;
height:50px;
margin:0 0 5px 0;
text-align:center;
/*border:1px solid #c0c0c0;*/
}

.div_str_arr a {
margin:0;
font-size:80%;
}

.div_str_data1, .div_str_data2 {
float:left;
width:98px;
height:45px;
margin:0 1px 0 0;
/*border:1px solid red;*/
}

.div_str_data1 p, .div_str_data2 p {
width:96px;
line-height:100%;
margin:10px 0 0 0;
/*border:1px solid blue;*/
}

.div_str_data1 p  {text-align:right;}
.div_str_data2 p  {text-align:left;}


.div_str_stat {
float:left;
padding:3px;
margin:5px 0 0 0;
font-size:70%;
color:#404040;
/*background:#f0f0f0;*/
/*border:1px solid #e0e0e0;*/
}

.div_str_stat strong {
color:#ff0000;
}

.div_str_stat a {
/*color:#c0c0c0;*/
text-decoration:none;
}

.div_str_stat a:hover {
color:#cc0000;
}



.div_str_stat p {
vertical-align:middle;
}

.tb_form_b { /*table pro form bazar*/
/*float:left;*/
/*margin:20px 0 20px 0;*/
/*border:1px solid #e0e0e0;*/
/*background:#f0f0f0;*/
}

.tb_form_b .td1b {
text-align:right;
}

.tb_form_b textarea {
width:280px;
height:40px;
}



.div_akce_main {
float:left;
width:785px;
margin:0 0 30px 0;
/*border:1px solid red;*/
}

.div_akce {
position:relative;
float:left;
margin:0 0 10px 0;
width:255px;
height:153px;
background:url(../img_design/akce_back.png)  no-repeat;
}

.div_akce h2 {
width:210px;
position:absolute; left:30px; top:22px; z-index:3;
font-size:85%;
/*border:1px solid red;*/
}

.div_akce .ap1 { /*cena*/
color:#ff0000;
position:absolute; left:30px; top:50px;
font-size:80%;
}

.div_akce .ap2 img  { /* obrazky */
position:absolute; left:140px; top:60px;
font-size:80%;
border:5px solid #e0e0e0;
}

.div_akce .ap3 { /* link */
position:absolute; left:32px; top:105px;
font-size:80%;
}

.div_akce a {
text-decoration:none;
}






/*zvetsovani nahledu obr v clanky*/
.img_nahled  { /*div okolo cele galerie*/
width:101%;
margin:10px 2px 10px 0;
padding:0;
position:relative;
}


.img_nahled a img {
padding:0;
margin:0 5px 5px 0;
}

/*
.img_nahled a img:hover {
filter: brightness(40%);
}
.img_nahled a:hover {
filter: brightness(100%);
}
*/


.tpimg { /* pozic text v obr */
color:#fff;
font-size:120%;
position: absolute; left: 1%; right: 1%; bottom: 20%; z-index:99;
width:96%;
text-align:center;
/*border:1px solid #f00;*/
}





.img_nahled a {
/*padding:0;*/
position:relative;
text-decoration:none;
}

.img_nahled .obrcl {
visibility: hidden;
}

.img_nahled a:hover .obrcl {
visibility: visible;
}



.obrcl {
float:left;
color:#f00;
font-size:70%;
font-weight:bold;
padding:10px 5px 5px 10px;
position: absolute; bottom: 115px; right: -50px; z-index:200;
/*position: absolute; top: -390px; left: -300px; z-index:100;*/
background:#e0e0e0;
/*border:3px solid #d0d0d0;*/
/*box-shadow: 0 0 20px 1px #000;*/   /*   rozpiti stinu,širka stinu */
}

.obrcl strong {
color:#000;
font-size:85%;
padding:0 0 0 20px;
font-weight:normal;
}


/* -------  */
















/* -------  */

td .help_ico {
margin:0 0 2px 7px;
vertical-align:middle;
}

.noborder {
border:0;
}

.tb_bazar td span {
vertical-align:middle;
}

.tb_bazar .td_nahled  {
width:0;
margin:0;
background:#fff;
padding:2px 3px 2px 3px;
}

.tb_bazar .td_nahled a {
margin:0;
padding:0;
}







/* katalog ----------------------*/
.div_kat {
float:left;
position:relative;
width:200px;
height:160px;
margin:0 10px 10px 0;
padding:8px;
font-size:80%;
text-align:center;
border:1px solid #d0d0d0;
}

.div_kat p {
position:absolute; bottom:5px;   z-index:10;
margin:2px;
width:195px;
/*border:1px solid #d0d0d0;*/
}

.div_kat p a {
font-size:90%;
color:#404040;
text-decoration:none;
}

.div_kat p a:hover {
color:#990000;
text-decoration:underline;
}

.div_kat_left_img { /*left strana hlavni img*/
float:left;
margin:0 0 20px 0;
/*border:1px solid #e0e0e0;*/ 
}

.div_kat_right_img { /*prava strana small nahledy*/
float:right;
width:150px;
margin:0 0 20px 0;
/*border:1px solid #e0e0e0;*/
}

.div_kat_right_img a img {
float:right;
}


.div_kat_left, .div_kat_right {
padding:10px 10px 20px 10px;
background:#f5f5f5;
border:1px solid #e0e0e0;
}

.div_kat_left {
float:left;
width:550px;
}


.div_kat_right {
width:100px;
float:right;

}

.text_popis_kat_detail {
font-size:80%;
padding:10px;
background:#f5f5f5;
border:1px solid #e0e0e0;
}

.select_dealer {
width:195px;
font-size:95%;
}








/*zvetsovani nahledu obr v katalogu*/
.img_nahled  {
clear:both;
margin:10px 2px 10px 0;
padding:0;
/*border:1px solid red;*/
}

.div_kat_right_img a img {
/*float:left;*/
padding:0;
margin:0 0 4px 0;
}

.div_kat_right_img a {
padding:0;
margin:0 1px 0 0;
position:relative;
}

.div_kat_right_img .obr_katalog {
visibility: hidden;
}

.div_kat_right_img a:hover .obr_katalog {
visibility: visible;
}

.obr_katalog {
position: absolute; top: 0px; left: -560px; z-index:100; 
}







/*lang */

.lang {
min-width:120px;
padding:3px;
font-size:70%;
color:#606060;
background:#fff;
border-radius:1px;
position: absolute; right:210px; top:14px; z-index:400;
background:none;
opacity: 0.3;
/*border:1px solid #404040;*/
}

.lang:hover {
background:#F0F0F0;
opacity: 1.0;
}


.lang ul  {
padding:0;
margin:0;
cursor:pointer;
/*border:1px solid #404040;*/
}

.lang  li {
padding:0;
list-style-type:none;
list-style-image:none;
}

.lang a   {
display:none;
padding:0;
/*visibility: hidden;*/
/*border:1px solid blue;*/
}

.lang:hover a {
display:block;
padding:0 0 0 16px;
color:#000;
font-size:110%;
text-decoration:none;
/*background:url("../img_design/li2.gif") no-repeat 5px 2px ;*/
/*visibility: visible;*/
}

.lang a:hover {
color:#c00;
/*background:#0078BC;*/
/*border:1px solid green;*/
}

.lang img {
width:18px;
height:12px;
margin:0 0 0 5px;
vertical-align:middle;
border:1px solid #a0a0a0;
}

.lang a img {
margin:3px 0 3px 0;
/*opacity: 0.5;*/
}

.lang a img:hover {
margin:3px 0 3px 0;
/*opacity: 1.0;*/
}










/* dlazdice sub pages*/

.dz { /*do hlavniho obsahu*/
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: flex-start;
width:100%;
font-size:75%;
margin:15px 0 10px 0;
/*border:1px solid #f00;*/
}

.dz a {
display: flex;
flex-direction:column;
justify-content: center;
align-content: center;
align-items: center;
width:12.7%;
color:#505050;
text-align:left;
padding:0.8%;
margin:0 1% 1% 0 ;
text-decoration:none;
overflow:none;
position:relative;
border-radius:2px;
/*box-shadow: 2px 2px 10px 0px #b0b0b0;   /*   rozpiti stinu,širka stinu */
border:1px solid #d0d0d0;
}

.dz a p {
width:90%;
/*position:absolute; bottom:0;*/
text-align: center;
background:#fff;
/*border:1px solid #f00;*/
}


.dz a:hover {
/*background:#f8f8f8;*/
color:#404040;
/*background:url("../img_design/dz2.png");*/
box-shadow: 2px 2px 10px 0px #e0e0e0;   /*   rozpiti stinu,širka stinu */
/*border:1px solid #a0a0a0;*/
}

.dz a img {
width:90%;
margin:0 10px 0 0;
opacity: 1;
/*border:1px solid #000;*/
}

.dz a:hover img {
opacity: 1;
/*border:1px solid #f00;*/
}


.obsah_left .dz a { /*dlz do leveho sloupce*/
width:228px;
height:100%;
/*border:1px solid #f00;*/
}













/*obecny form*/

.form_obecny { /*div*/
/*float:left;*/
display:flex;
justify-content: center;
width:70%;
color:#000;
margin:50px 0 20px 0;
margin:auto;
/*border:1px solid red;*/
}

.form_obecny h2 span {
color:#000;
font-size:70%;
}

.form_obecny p { /*normal p*/
float:left;
width:48%;
margin:5px 1% 5px 0;
/*border:1px solid red;*/
}

.form_obecny .single { /*nezalamovaci p*/
clear:both;
width:98%;
font-size:90%;
margin:5px 0 5px 0;
/*border:1px solid red;*/
}


 
.form_obecny .ifo {  /*ifo = inp pole*/
width:97%;
font-size:90%;
padding:1%;
margin:1px 0 5px 0;
background:rgba(255, 255, 255, 0.5);
}


 .form_obecny .ptxt {
 width:97%;
 }


.form_obecny textarea {
width:98%;
height:80px;
font-size:80%;
padding:1%;
margin:5px 0 5px 0;
background:rgba(255, 255, 255, 0.5);
}


.of_but {
color:#fff;
background:#c00 url(../img_design/back_but.png); 
padding:5px 10px 5px 10px;
margin:0 10px 5px 0;
cursor:pointer;
border:2px solid #c0c0c0;
}



.jsem_stroj {
display: none;
}


.form_obecny .f_hl_red, .form_obecny .f_hl_green {
float:left;
width:87%;
font-size:80%;
font-stretch:condensed;
padding:10px 5% 10px 5%;
margin:0 0 20px 0;
/*border:1px solid #000;*/
}

.form_obecny .f_hl_red {
color:#900;
background:#fcc url(../img_design/i_blink.gif) no-repeat 10px 12px; 
/*border:1px solid #900;*/
}

.form_obecny .f_hl_green {
color:#060;
background:#DCFFB1 url(../img_design/akt.png) no-repeat 5px 10px; 
/*border:1px solid #009900;*/
}

.form_obecny .p_but_send { 
float:left;
width:95%;
font-size:80%;
margin:5px 1% 5px 0;
/*border:1px solid green;*/
}

.form_obecny .p_but_send a { 
font-size:100%;
/*border:1px solid green;*/
}


















.pozic_tel_info { /*tel number top head*/
padding:5px 0 5px 35px;
color:#9c3;
font-family:b2;
font-size:150%;
position:absolute; left:10px; top:6px; z-index:100;
background: url(../img_design/tel.svg) no-repeat 0 50%; 
}

.pozic_tel_info:hover { 
color:#000;
background: url(../img_design/tel2.svg) no-repeat 0px 50%; 
cursor:default;
}

.pozic_tel_info .tel {
font-size:110%;
}







.dlz_cl_nadpis {
float:left;
width:100%;
font-size:110%;
font-weight:bold;
/*border:1px solid #c00;*/
}


.dlz_cl_txt {
float:left;
width:100%;
margin:0 0 6px 0;
/*font-size:95%;*/
/*border:1px solid #009900;*/
}


.dm {
display:flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;  /*flex-start   center*/
padding:1% 0 1% 0;
/*border:1px solid blue;*/
}


.dm, .dm a {
color:#000;
font-size:95%;
/*border:1px solid #c00;*/
}


.un { /*bez podtrzeni*/
text-decoration:none;
}





.pozic1 {
color:#fff;
margin:0;
padding:0;
position:absolute; left:-5px; top:10px; z-index:100;
}

.pozic1 a {
color:#fff;
text-decoration:none;
}












.ibox { /*galerie img ramecky*/
/*display: flex;*/ 
align-self: stretch; /*vsechny vedle sebe stejne vysoke*/
flex-wrap: wrap;
align-content: flex-start;


float:left;

padding:0;
margin: 0 5px 5px 0;
text-align:center;
font-size:90%;
font-stretch:condensed;
line-height:140%;
overflow:hidden;
/*border:1px solid #f00;*/
}




/*
.ibox a {
width: 100%;
margin: auto;
color:#404040;
}
*/


.ibox a img {
max-width: 100%;
max-height: 100%;
margin: auto;
margin-bottom:5px;
/*border:1px solid #f00;*/
}

.ibox img:hover {
 transform:scale(1.00);
}

.iex .ibox a img   { /*vyjimka pro IE*/
margin-top:15%;
/*border:1px solid #f00;*/
}

.img_text, .img_text2 { /*kratky + dlouhy text k obr*/
/*
display:flex;
justify-content: center;
align-items: stretch;
*/

/*line-height:160%;*/
width: 100%;
padding:0;
margin:2% 0 3% 0;
text-align:justify;
/*border:1px solid #f00;*/
}

.img_text a, .img_text2 a {
text-decoration:underline;
}












.virtual_blok {
/*float:left;*/
width:100%;
/*border:1px solid #f00;*/
}

.virtual_div  {
/*float:left;*/
margin:4px;
text-align:center;
border:0;
/*border:1px solid green;*/
}

.virtual_div h3 {
padding:5px;
margin:0;
/*border:1px solid blue;*/
}

iframe {
border:0;
}



.short_clanky_sloupec  {
float:left;
margin:0;
padding:0;
font-size:90%;
}

.short_clanky_sloupec span {
font-weight: bold;
}

.short_clanky_sloupec a {
text-decoration:none;
}

.short_clanky_sloupec a:hover {
text-decoration:underline;
}


.p_edit_link { /*adm edit link clanek*/
float:left;
width:100%;
padding:0;
margin:0;
/*border:1px solid #a0a0a0;*/
}

.div_edit_link_pozic { /*adm edit link clanek pozicovany*/
display:flex;
position:absolute; left:0px; top:0px; z-index:490;
padding:0;
margin:0; 
/*border:1px solid #f00;*/
}

.div_edit_link_pozic form {
display:flex;
margin:0;
padding:0;
}

.but_del { /**/
width:16px;
height:16px;
margin:0 0 0 10px;
background:url(../img_design/del_obr.svg) no-repeat 50% 50%;
font-size:0;
border:0;
}

.but_del:hover {
transform: scale(1.5);
}






.str_box { /*strankovani*/
display:flex;
align-items: center;
margin:auto;
margin-bottom:10px;
margin-top:10px;
width:1200px;
font-size:90%;
/*border:1px solid #e0e0e0;*/
}

.str_box a { 
display:flex;
justify-content: center;
width:16px;
height:16px;
padding:1%;
text-align:center;
text-decoration:none;
color:#404040;
background:rgba(160,160,160, 0.2);
margin: 0 0 0 5px;
border:2px solid #e0e0e0;
}

.str_box a:hover, .str_box .sakt {
color:#fff;   
background:rgba(96,96,96, 0.9);
border:2px solid #a0a0a0;
}

.str_box .str_next {
background: url(../img_design/str_next.svg) no-repeat 50% 50%;
font-size:0;
}
.str_box .str_next:hover {
background:rgba(160,160,160, 0.1) url(../img_design/str_next.svg) no-repeat 50% 50%;
}

.str_box .str_prev {
margin:0 0 0 20px;
background: url(../img_design/str_prev.svg) no-repeat 50% 50%;
font-size:0;
}
.str_box .str_prev:hover {
background:rgba(160,160,160, 0.1) url(../img_design/str_prev.svg) no-repeat 50% 50%;
}

.str_box span {
float:left;
}















.form_login_page { /*frm prihl zaheslovana page*/
float:left;
width:300px;
font-size:90%;
}

.title_info_login_page {
background:rgba(204,0,0, 0.1) url(../img_design/close_red.svg) no-repeat 96% 50%;
padding:10px;
margin:0 0 20px 0;
color:#000;
border:1px solid #c00;
}

.form_login_page p { 
display:block;
/*border:1px solid #c00;*/
}

.form_login_page span { 
float:left;
width:180px;
margin:5px 0 10px 0;
padding:5px 10px 5px 0;
}

.form_login_page input[type=text], .form_login_page input[type=password] { 
float:left;
margin:5px 0 10px 0;
padding:5px;
}

.form_login_page input[type=submit] { 
float:left;
margin:5px 0 5px 0;
padding:5px 15px 5px 15px;
}







.info_sv_date {
float:left;
width:94%;
margin:10px 0 10px 0;
padding:3%;
font-size:80%;
text-align:center;
background: rgba(240,240,240, 1);
border:1px solid #e0e0e0;
}


.info_sv_date p {
float:left;
width:100%;
margin:0 0 10px 0;
/*border:1px solid #900;*/
}


.info_sv_date span {
margin:0 0 10px 0;
font-size:110%;
font-weight:bold;
/*border:1px solid #900;*/
}



.tb_cal {
float:left;
width:100%;
margin:0px 0 0px 0;
background: rgba(255,255,255, 1);
/*border:1px solid #900;*/
}

.tb_cal td {
color:#000;
text-align:center;
}

.tb_cal .cal_tr_dny { /*color pasek dny*/
color:#fff;
background: rgba(60,60,60, 1)
}

.tb_cal .cal_th_nadpis {
background: rgba(240,240,240, 1)
}


.tb_cal, th, td {
 padding: 5px;
}


.tb_cal del {
text-decoration: none;
color:#b0b0b0;
}

.tb_cal .tb_cal_day_akt { /*akt. datum*/
color:#fff;
font-weight:bold;
background: #060;
}


.skryty {
display:none;
}




.form_soubory  { /*vypis souboru ke stazeni*/
/*float:left;*/
width:100%;
margin:10px 0 5px 0;
font-size:100%;
}
.form_soubory p { /*vypis souboru ke stazeni*/
/*float:left;*/
width:100%;
margin:0 0 5px 0;

}



.compare_main_div {
display:flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
align-content: flex-start;
margin:auto;
width:100%;
/*border:1px solid #ccc;*/
}





.symbol_main_div {
display:flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
align-content: flex-start;
margin:auto;
width:100%;
/*border:1px solid #900;*/
}

.symbol_main_div div {
width:32%;
/*border:1px solid #090;*/
}

.symbol_main_div a {
width:100%;
text-align:center;
/*border:2px solid #090;*/
}





.span_but  { /*obal pro vlozeny button --featured */
display: flex;
justify-content: center;
/*border: 1px solid #f00;*/ 
}

.span_but a {
text-decoration:none;
}






.dlz_duplicit { /*prispendleni zkracenych clanku na vybranou page + url na original clanek */
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: baseline;
align-content: flex-start;

width:22.8%;
/*min-height: 150px;*/
padding:0.5% 0.5% 11% 0.5%;
margin:0.5%;
position: relative;
overflow: hidden;
background: #fbfbfb url(../img_design/next1.svg)  right 5% bottom 3% no-repeat;
border:1px solid #eee;
border-top:10px solid #eee;
border-bottom:5px solid #eee;
}

.dlz_duplicit--span {
float: left;
margin-right: 1em;
}

.dlz_duplicit--odkaz:before {
content: "";
position: absolute;
top: 0;right: 0;bottom: 0;left: 0; z-index:11
}

.dlz_duplicit:hover {
background: #eee url(../img_design/next2.svg)  right 5% bottom 3% no-repeat;
border:1px solid #ccc;
border-top:10px solid #f00;
border-bottom:5px solid #f00;
}

.dlz_duplicit h2 {
display: flex;
justify-content: center;
align-items: center;
overflow:hidden;
height:20%;
font-size:90%;
/*border:1px solid #eee;*/
}


.dlz_duplicit h2 a {
font-family:formulab;
color:#333;
text-decoration:none;
}


.dlz_duplicit p {
height:85%;
font-size:80%;
line-height:160%;
text-align:justify;
overflow:hidden;
/*border:1px solid #090;*/
}

.dlz_duplicit p img {
width:100%;
}

.dlz_duplicit .ci {
width:95%;
height:15%;
font-size:70%;
position:absolute; bottom:0; z-index:10;
/*background:#fff;*/
border-top:1px solid #ccc;
}

.dlz_duplicit .ci span {
display: flex;
margin:5px 0 0 0;
width:90%;
/*border:1px solid #060;*/
}






.nav_top_menu button {
display: none;
}


#but_top { /*button na zacatek stranky*/
  display: none;
  position: fixed;  bottom: 20px;  right: 20px; z-index: 500; 
  border: none;
  outline: none;
  background: #f00 url(../img_design/but_top.svg) no-repeat 50% 50% ;
  cursor: pointer;
  padding: 35px;
  opacity: 0.3;
  border-radius: 4px;
}

#but_top:hover {
 opacity: 0.6;
}






















/*default compare pak case zredukovat..  vyhodit.. */

 .div_compare {  /*jaa .. hlavni obalovaci div pro skupinu */
  display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: baseline;
	align-content: stretch;
 /*border:2px solid green;*/
 }

 .div_compare img {
  max-width: 100%;
  }


.compare {
 position: relative;
 width:100%;  /*100%*/
 /*max-width: 100%;   /*768px*/
 margin: 1% ;
 /*border:5px solid red;*/
}


.compare p {
display:flex;
justify-content: center;
width:100%;
font-size:200%;
color:#fff;
position: absolute;  left: 0%; top: 60%; z-index:10;
/*border:1px solid red;*/
}


.compare img {
  display: block;
  width:100%;
  /*border:1px solid red;*/
}

.compare .c_img2 { /*efekty .. nekdy dodelat do conf*/
 /* filter: grayscale(50%);*/
 /*filter: brightness(20%);*/ 
 filter: blur(3px);*/ 
}


.c_img_text {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #fff;
  padding: 10px;
  margin:10px;
  opacity: 0.2;
  transform: translateY(20px);
  transition: transform 0.5s 0.5s, opacity 0.5s 0.5s;
  /*border:1px solid red;*/
 }
 
 .c_img_text.is-hidden {
  visibility: hidden;
  }
  
  
  .is-visible .c_img_text {
  opacity: 0.8;
  transform: translateY(0);
  }

 .c_img_resize {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  overflow: hidden;
  transform: translateZ(0);
  backface-visibility: hidden;
  /*border:2px solid green;*/
}


.c_img_resize img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 100%;
  width: auto;
  max-width: none;
  /*border:2px solid blue;*/
}


.c_img_resize .c_img_text {
  right: auto;
  left: 0;
}

  .is-visible .c_img_resize {
  width: 50%;
  animation: cd-bounce-in 0.5s;
 }


 @keyframes cd-bounce-in {
  0% {width:0;}
  50% {width:60%;}
  100% {width:50%;}
 }

 .c_posuvnik {
  position: absolute; z-index:20;
  height: 100%;
  width: 30px;
  left: 50%;
  top: 0%;
  margin-left: -15px;
  border-radius: 0%;
  background: rgba(255,255,255, 0) url("../img_design/compare.svg") no-repeat center center;
  cursor: w-resize;    
  transform: translate3d(0,0,0) scale(0);
 }


 .c_posuvnik.draggable {
  /* change background color when element is active */
  
  }


  .is-visible .c_posuvnik {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  transition: transform 0.5s 0.5s, opacity 0.5s 0.5s;
  }