

 @media only screen and (max-width:768px) {
 
 body {
 
margin-top:0; 
margin-left: 2% auto; margin-right: 2% auto;
font-family:Arial;
font-size:100%;
width:96%;
color:#000;
position:relative;
/*background: #fff url(../img_design/back_body.png) repeat-x;*/
/*border:5px solid magenta;*/
}

div, div div, p, div p, form, textarea,     h1, h1 span, .top, .obsah_left, .obsah_right,  .obsah_right2,  .top_menu_ul, .foot, .foot .foot_obsah, .about,  .login_div, .form_obecny, .form_obecny  textarea, .dlazdice_blok, .bloky div, .bloky div .dblk, .top_menu_fix  {  /* , div .dblk */
width:100%;
margin: 0 ;
padding:0;
/*border:2px solid orange;*/
}

 
.obsah_right .dlazdice_blok p {
width:98%;
/*border:1px solid #d0d0d0;*/
}

 
.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;
 }
 
 
 
 
 
 
 
 
 
 .main {
  width:100%;
 /* border:1px solid blue; */
 }
 
 
.top, .multi_menu, .topmulti_menu, .home_top, .top_text, .dm {  /*, .top_menu_fix*/
display:none;
/*border:1px solid green;*/
}
 
 
 .foot {
 /*width:100%;*/
 margin:10px 0 0 0;
 /*border:1px solid orange;*/ 
 }
 
 .foot .foot_obsah {
 width:96%;
 padding:2%;
 /*border:1px solid red;*/ 
 }
 


.login_div {
 width:96%;
 padding:2%;
 text-align:right;
 font-size:70%;
 /*border:1px solid blue;*/ 
 }
 
.login_div p input {
padding:2px;
margin:0 0 0 5px;

}
 
.login_div p  .but_login {
padding:4px 5px 4px 25px;
margin:0 0px 0 5px;
font-size:100%;
background: #f0f0f0 url(../img_design/close_ico.svg) no-repeat 5px 50%;
}
 
 
 
 
 
 
 
 .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;
 }
 
 
 



 
 
 h1 {
 float:left;
 position:static;
 /*border:1px solid green;*/
 }
 
 h1, h1 span { 
 margin:55px 0 70px 0;
 padding:0;
 font-size:0;
 /*border:1px solid red;*/
 }
 
 
 
 
 
 
 .top_menu_ul {
 width:100%;
 /*height:70px;*/
 font-size:120%;
 text-align:left;
 position:absolute; left:0; top:140px; z-index:100;
 border:0;
 /*border:1px solid green;*/
 }
 
 
 .top_menu_ul li {
  margin:0;
 }
 
 
 .top_menu_ul li a {
 width:97%;
 /*display:block;*/
 margin:0px 5px 5px 0px;
 padding:5px 10px 5px 10px;
 color:#000;
 /*background: #f00;*/
 }
 
 .top_menu_ul li a:hover {
color:#000;
/*background:#606060;*/
}




 
 
 
 
 

 
 
 
 
 
 
 
 
 
 
 
 
 .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:100%;*/
 margin:0 0 20px 0;
 padding:0 0 5px 0;
 font-size:100%;
 background:none;
 /*border:1px solid green;*/
 }
 
 
 h2 {
 /*width:100%;*/
 margin:0;
 /*border:1px solid blue;*/
 }
 
 .obsah_right .cl {
 font-size:80%;
 line-height:140%;
 }
 
 
 
 
 .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:130px;
  margin:0;
  padding:0;
  display:inline;
  border-radius:1px;
  /*position:static;*/
  position:absolute; right:0px; top:5px; z-index:10;
  border:1px solid #fff;
 }
 
  .search p .pole {
 
 width:80px;
 /*padding:3px 5px 3px 5px ;*/
 margin:0;
font-size:60%;
color:#fff;
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;*/
}


 .obsah_right .cl_1, .obsah_right .cl_2, .obsah_right .cl_3, .obsah_right .cl_4, .obsah_right .cl_5, .obsah_right .cl_6 {
width:95%;
float:left;
font-size:80%;
line-height:160%;
text-align:justify;
padding:2%;
margin:0 0 10px 0;
}
 


  
  
.pozic_tel_info { /*tel number top head*/
width:60%;
font-size:100%;
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;
 }
  

  


  div, p, span, h2 {
  /*border:1px solid blue;*/
  }

  



 
}














