html{height:100%;}
body{height:100%; margin:0px; background:url(/files/img/pozadi.jpg) center top fixed no-repeat #000000; background-size:cover; font-family:'Open Sans Condensed', trebuchet ms, arial, sans-serif;}
  #okno{position:relative; min-width:240px; min-height:100%; margin:0px auto; background:url(/files/img/okno.png);}
	#zahlavi{text-align:center; color:#ffffff;}
	  #zahlavi p{margin:0px 10px; font-size:0.8em;}
	#telo{margin:30px 30px 0px 30px; padding:30px 0px; border-top:1px solid #ffffff;}
	#zapati{position:absolute; left:0px; bottom:0px; width:100%; padding:0.75em 0px; background:#181818; font-size:0.75em; text-align:center; color:#ffffff;}
	  #zapati a{color:inherit;}
	  #zapati a:hover,
	  #zapati a:focus{color:#cccccc;}

h1{margin:0px; font-size:2em;}
h2{margin:0px 0px 0.25em 0px; font-size:1.35em;}
h3{margin:0px 0px 0.5em 0px; font-size:1em;}

a{outline:none; text-decoration:none; color:#364e58; cursor:pointer;}
a:hover,
a:focus{color:#000000;}
  a img{border:0px;}

img{vertical-align:bottom;}

ul{margin-left:0px; padding-left:1em;}
  li{margin:0.3em 0px 0.5em 0px; padding:0px;}

p{margin:0px 0px 1em 0px;}

.clear{clear:both;}
.lclear{clear:left;}
.rclear{clear:right;}

.pulka{width:310px;}
.chyboveHlaseni{margin:10px; font-size:1.2em; text-align:center; color:#ff7700;}
.hlaska{font-style:italic; color:#ff7700;}

@media(min-width:500px){
  h1{font-size:4em;}
}
@media(min-width:1000px){
  #okno{width:1000px;}
	#zahlavi p{font-size:0.95em;}
  h1{font-size:8em;}
}