@media (max-width: 980px) {

   html
{
 height: 100%;
        min-width: 760px;
}
    #hlavicka, #menu, #page, #obsah, #search {
	
	width: 760px;

}
h3 {
  font-size: 1.2em;
  padding-top: 5px;
}
#obsah
{
width:400px;
}
#rightside
{

}

}
@media (max-width: 770px) {
html
{
 height: 100%;
        min-width: 620px;
}
    #hlavicka, #menu, #page, #obsah, #rightside, #search {
	
	width: 620px;

}
h3 {
  font-size: 1.2em;
  padding-top: 5px;
}

   
}

@media (max-width: 640px) {
html
{
 height: 100%;
        min-width: 310px;
}
    #hlavicka, #menu, #page, #obsah, #rightside, #search {
	
	width: 310px;

}
h3 {
  font-size: 1.0em;
  padding-top: 5px;
}
#logo .h1 {
font-size: 2.8em;
}
}