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

body {

/*font-family:Arial;*/
font-size:100%;
width:100%;
color:#000;
position:relative;
/*background:none;*/
/*background: #fff url(../img_design/back_body.png) repeat-x;*/
/*border:1px solid magenta;*/
}


div, div div, form, textarea,  .dm,   h1, h1 span, .top, .obsah_left, .obsah_right,  .obsah_right2,  .top_menu_ul,  .foot_top_menu_ul, footer, .foot, .foot .foot_obsah, .about,     .login1, .login1_top,       .form_obecny, .form_obecny  textarea,       footer .footer_dlazdice_blok, .dlazdice_blok, .bloky div, .bloky div .dblk, .top_menu_fix, iframe, .short_clanky_sloupec   {  /* , div .dblk */
width:100%;
margin: 0 ;
padding:0;
/*border:2px solid orange;*/
}



h1 {
margin: auto; /*logo uprostred stranky*/
margin-top:10px;
margin-bottom:30px;
font-size:0;
}

h1, h1 span { 
display: flex;
width: 200px;
height:164px;
}

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





img {
 max-width:100%;
}

.img_nahled {
float:left;
}
 
 
 .contens {
 width:100%;
 /*border:1px solid blue;*/
 }
 
.dlazdice_blok {
width:100%;
display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
/*border:1px solid red;*/
} 
 
 
 
/* 
.obsah_right .dlazdice_blok p {
width:100%;
margin-left:0;
margin-right:0;
padding-left:0;
padding-right:0;
}

.dlazdice_blok .isvg {
width:80%;
}

.dlazdice_blok .sptext {
float:left;
width:90%;
}

.dlazdice_blok .sp1 {
float:left;
width:100%;
}
*/


.dlazdice_blok [class^="d_"], .dlazdice_blok [class^="d_"] .sp1 {  /*dlz text + dlz nadpis*/
/*font-size:100%;*/ /*nastavit default vel. pisma*/
transform: none; /*zablokovat zvetsovani velikosti dlz po najeti mysi*/
}

.top_menu_ul li ul li {
display:none;
}


 
.top_menu_fix  {
position: fixed; left:0;   top: 0px; z-index:500;
font-size:100%;
} 

.top_menu_fix ul li a  {
background:none;
} 
 
 .obsah_right, .obsah_right2 {
 margin:50px 0 0 0;
 /*border:1px solid green;*/
 }
 
 
 div p {
  margin:0;
  padding:0;
 }
 
 
 
 ul .oddelovnik p {
  margin:0;
  padding:8px 0 0 0px;
  /*border:1px solid blue;*/
 }




 
 

 
 .bloky div {
 float:left;
 margin-top:10px;
 /*border:1px solid red;*/
 }
 
 .bloky div .dblk {
 float:left;
 width:96%;
 height:100%;
 padding:2%;
 margin-bottom:10px;
 }
 


 

 
.top, .multi_menu, .topmulti_menu, .home_top, .top_text,      nav .ul_menu_plus, .pozic_tel_info, .login1_top  {  
display:none;
/*border:1px solid green;*/
}


 .topmx2, .topmx3, .topmx4, .topmx5, .topmx6, .topmx7, .topmx8, .topmx9, .topmx10 {   /* topmx1=nechat..   ostatni top menu schovat*/
display:none;
}




.topmx1 {  /*test*/
flex-wrap: wrap;
width:100%;
transform: translateX(0%);
margin-top:-20px;
/*border:1px solid #f00;*/
}

 


/* 
 .foot {
 margin:10px 0 0 0;
 }
 
 .foot .foot_obsah {
 width:96%;
 padding:2%;
 }
 */
 











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


.login2 p span {
width:50px;  
padding:8px;
text-align:right;
/*border:1px solid green;*/
}

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









 
 
 
 
 
 
 
 .about .p_left, .about .p_right {
 text-align:left;
 width:98%;
 padding:1%;
 /*border:1px solid red;*/ 
 }
 
 
 
 
 
 .form_obecny  {
 font-size:80%;
 margin:30px 0 30px 0;
 /*border:1px solid blue;*/
 }

 
 
 
 
 .obsah_left_clanky, .obsah_left_clanky h2 {
 margin:0;
 padding:0;
 }
 
 
 
 
 
.top_fix {
background:none;
top:-5px;
/*min-height:90px;*/
} 
 
 
 .top_fix .top_menu_ul {
 padding:0.5%;
 color:#000;
 background: rgba(115, 99, 7, 0.6);
 position: absolute; left:0; top:25px; 
 font-size:100%;
 /*border:1px solid red;*/
 }
 
 .top_fix .top_menu_ul a:hover {
 color:#000;
 }
 
 .top_fix .top_menu_ul .mtakt {
 color:#000;
 }
 
 
 
 /*
 .top_menu_ul  {
 width:102%;
 padding:8px 1% 10px 1%;
 font-size:120%;
 transform: none;
 position:absolute; top:140px; z-index:100;
  }
 
 .top_menu_ul li {
  margin:0;
 }
 
.top_menu_ul li a {
 width:97%;
 margin:0px 5px 5px 0px;
 color:#fff;
}


.foot_top_menu_ul {
font-size:100%;
margin:0 0 20px 0;
border:0;
}



footer  {
 width:98%;
 padding:1%;
}
*/








 
 
 
 
 

 
 
 
 
 
 
 
 
 
 
 
 
 .obsah_left ul {
 width:100%;
 margin:0;
 padding:0;
 /*border:1px solid green;*/
 }
 
 
 .obsah_left ul li {
 padding:0;
 }


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

 
 
 
 
 
 
 
 
 
 
 
 .oddelovnik {
 width:100%;
 height:35px;
 margin:10px 0 0 0;
 padding:5%;
 }
 
 .oddelovnik p {
 padding:3% 0 0 1%;
 }
 
 
 
 
 
 
 
 
 
 
 .obsah_right .np {
 width:95%;
 margin:0 0 20px 0;
 padding:0 0 5px 0;
 font-size:140%;
 background:none;
 /*border:1px solid green;*/
 }
 
 
 h2 {
 /*display: flex;
 justify-content: center;
 width:100%;
 margin:0;
 padding:0;
 background:none;*/
 /*border:1px solid blue;*/
 }
 
 h2 {
 width:100%;
 display: flex;
 justify-content: center;
 margin:0;
 padding:0;
 background:none;
 /*border:1px solid blue;*/
 }
 

 
 
 .lang {
 float:left;
  padding:0;
  margin:15px 0 15px 0;
  position:static;
  /*border:1px solid blue;*/
 }
 
 
 
 .lang:hover a {
 display:block;
 padding:5px;
 margin:5px;
 color:#000;
 text-decoration:none;
 border:1px solid #c0c0c0;
}

.lang a:hover {
 padding:5px;
 margin:5px;
 color:#000;
 background:#e0e0e0;
}
 
 
 
 
 
 
 
 
 
 
 
 
 
 .search {
  float:left;
  width:120px;
  margin:0;
  padding:0;
  display:inline;
  border-radius:1px;
  /*position:static;*/
  position:absolute; right:0px; top:10px; z-index:10;
  border:1px solid #e0e0e0;
 }
 
 .search p .pole {
 
 width:70px;
 /*padding:3px 5px 3px 5px ;*/
 margin:0;
font-size:70%;
color:#c0c0c0;
border-radius:1px;
vertical-align:middle;
background: none;

/*border:1px solid #c0c0c0;*/
}

.search p {
float:left;
width:100%;
/*width:40%;*/
padding:0;
display:inline;
margin:0;
/*border:2px solid green;*/
}


ul  {
/*border:1px solid red;*/
}


/*.obsah_right .cl, .obsah_right .cl_1, .obsah_right .cl_2, .obsah_right .cl_3, .obsah_right .cl_4, .obsah_right .cl_5, .obsah_right .cl_6 {*/

.obsah_right .cl   {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
width:94%;
padding:3%;
margin:0 0 10px 0;
font-size:100%;
line-height:160%;
text-align:center;
/*border:1px solid blue;*/
}
 
/*
[id^="showcase"] {
width:60%;
padding:3%;
max-height: 200px;
margin: auto;
border:1px solid red;
}  


#showcase1 img {
width:40%;
cursor: pointer;
top:10px;
}
*/
















/*
.dlazdice_blok [class^="d_"], .dlazdice_blok [class^="d_"] .sp1 { 
}
*/
  
  
.pozic_tel_info { /*tel number top head*/
/*display:none;*/
width:40%;
font-size:130%;
/*position:absolute; left:5px; top:6px; z-index:10;*/
}



.motiv_zahlavi, .jcarousel-skin-tango, .h2_slider, .img_nahled a:hover .obrcl { /*slidery none*/
display:none;
}



 .mapa li a {
 display:block;
 padding:10px;
 margin:2px;
 /*border:1px solid #e0e0e0;*/
 }
 
 .mapa li  {
 list-style-type:none;
 
 }



 .pozicovany_login {
 width:75px;
 font-size:80%;
 /*border:1px solid #d0d0d0;*/
 }



 /* Lightbox */
 #cboxContent, #cboxSlideshow {    
 font-size:75%;
 font-stretch:condensed;
 }
  



/*slider2*/
.slider2 {
margin-top:0px;
/*border:3px solid green;*/
}








 
 
 .str_box { /*strankovani*/
  margin:0 0 10px 0;
  /*border:1px solid #e0e0e0;*/
  }
 
 
 

  div, p, span, h2 {
  /*border:1px solid blue;*/
  }
  
  
  
  .slider2 img {
  /*border:1px solid blue;*/
  }

  
  
 .c_img.ibox, .c_img.ibox img  {
  width:60%;
  }
 


 
}