@media only screen and (max-width:768px) {
 
body {
margin-top:0; 
margin-left: 1% auto; margin-right: 1% auto;
font-family:Arial;
font-size:100%;
width:98%;
position:relative;
/*background: #fff url(../img_design/backr.png) repeat-x 50% 0 ;*/
}

div, div, p, div p, .main, .obsah, .pravy, form, textarea,  h1, h1 span,  h2, .pravy h2, .top, .tm, .foot, .foot_obsah, .about, .txta1  {  
width:100%;
margin: 0 ;
padding:0;
}



h1, h1 span { 
width: 200px;
height: 103px;
}

h1 span { 
display: block;
position: absolute; left:0; top:0;
background: url("../img_design/h1r.svg") no-repeat 0 0;
}






h2 { 
width:87%;
padding:1px 0 4px 30px;
font-size:120%;
} 

ul li a {
float:left;
margin:5px 0 5px 0;
font-size:80%;
/*border:1px solid red;*/
}
 
/* topmenu */
.tm {
font-size:150%;
position:absolute; left:0; top:140px; z-index:100;
}

 
.pravy h2 {
width:98%;
padding:5px 1% 5px 1%;
margin:15px 0 5px 0;
font-size:130%;
}
 

.obsah {
margin:200px 0 10px 0;
/*border:1px solid #d0d0d0;*/
}


.obsah p, .pravy p {
float:left;
margin:0 0 10px 0;
font-size:80%;
/*border:1px solid blue;*/
}
  
.foot {
width:96%;
padding:2%;
font-size:80%;
} 

.about {
font-size:80%;
/*border:1px solid red;*/
}
  

.img_nahled .obrcl, .cl_top { 
display:none;
}

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


  div, div p, span, h1,  h2, form, .obsah, .pravy {
  /*border:1px solid red;*/
}





 
}