body {text-align:center;margin:0 auto;background-color:black;color:white;font-family: Calibri}
#obal {width:800px;text-align:left;margin:0 auto;}
#menu {margin-top:25px;margin-bottom:30px;height:40px}
#menu a {margin-left:10px;color:#777777;float:right;font-weight:bold;font-size:14px;     font-family: sans-serif;}
#menu a:hover {color:#999999}
h1 {color:#00ccff;clear:left;margin-top:30px}
h2 {color:#00ccff;margin-bottom:-10px}
h3 {color:#555555;font-weight:100;margin-bottom:-14px;;margin-top:-5px;font-size:17px;}
p {text-align:justify}
a {color:#00ddff;text-decoration:none}
#planek {width:800px;}
.puvodne {color:#555555;font-weight:100}
#img img {width:111px;height:83px;}
#foto img {height:67px;}
#foto span {width:119px;display:block;float:left;height:67px;background-color:#111111;text-align:center;margin:5px}
#lightbox {border-radius:5px;box-shadow:3px 5px 7px black;position:fixed;top: 50%;   max-width: 800px;
  max-height: 600px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);display:none;z-index:200;}
#img img:hover {cursor:pointer;}
#foto img:hover {cursor:pointer;}
#fixed {  margin-top: -25px;position:fixed;display:none;width:100%;height:100%;z-index:100;background-image:url('bg.png');background-repeat:repeat}
#arrowright {display:none;z-index:201;position:fixed;left:75%;top:50%;margin-top:-75px;margin-left:-225px}
#arrowright:hover {cursor:pointer;}
#arrowleft {display:none;z-index:201;position:fixed;left:25%;top:50%;margin-top:-75px;margin-left:-50px}
#arrowleft:hover {cursor:pointer}