@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: #E3D5C3 url(../img_design/back.png) repeat-x 15% 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 {
width:100%; 
/*border:1px solid red;*/
}

h1, h1 span { 
width:100%;
height:90px;
padding:0px;
font-size:65%;
}
h1 span {
display: block;
position: absolute; left:0; top:0;
background: url("../img_design/h1r.png") no-repeat 0 0;
}





h2, .pravy h2 { 
width:99%;
padding:4px 0 4px 1%;
margin:5px 0 5px 0;
font-size:120%;
background:rgba(143,128,109,0.5);
}



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

 

 

.obsah {
margin:260px 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;
 }
  


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





 
}