body {	background-color: #6B6B6B;
	padding: 0;
	margin: 0;}
	
.blokh {	background-color: #999;
		background:  url("img/svetback.jpg") top left repeat-y;
		width: 800px;
		font-family: georgia, serif;
		position: absolute;
		/*top: 50%;*/
		left: 50%;
		margin: /*-400px*/ 0 0 0 -400px;
		}

.zahlavi {background-image:  url("img/fotosvet.jpg");
			height: 150px;
			margin: 0;
			padding: 0;
			}


h1 {color: orange;
	font-family: 'Courier CE', 'Courier New CE', 'Courier New', monospace;
	font-size: 25px;
	position: absolute;
	left: 190px;
	top: 7px;
	_top: 20px;
	}

.home {	margin: 0;
		padding: 0;
		border: 0;}

blockquote {
		width: 200px;
		margin: 5px;
		padding: 0;
		position: absolute;
		right: 3%;
		top: 20px;
		font-family: georgia, serif;
		text-align: center;
		color: #F60;}
		
blockquote p {
		margin: 0;
		padding: 0;
		}
#citat {font-size: 18px;}

#autor {color: #666;
		font-size: 90%}

a {margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	color: #C60;}

a:hover {color: #36C;}

.menu a:hover {color: #FC0;}
		
.menu { background-color: #333;
		_position: absolute; left: 0; top: 150px;
		width: 800px;
		height: 25px;
		margin: 0;
		padding: 5px 0 0 0;
		_padding: 0;
		text-align: left;
		color: #999;}

.now {width: 1em;
		padding-left: 2em;
		}

.menu a {padding-left: 1em;
		}
		
.fotyd {position: absolute; right: 20px;}

#content {
      width: 99%;
	  min-height: 1000px;
	  _height: 1000px;
	  margin:1em auto;
	  text-align:left;
      max-width: 800px;
		_padding-top: 45px;}

  #uvod {
      float: left;
      width: 280px;
      margin:0; padding:0;
      }
 #uvod-content {
      margin:0; padding: 0.5em 1em;
      font-size: 80%;
      _margin-left: 1em;
	  text-align: justify;}

.podpis a {color: black;
			font-weight: bold;}

.podpis a:hover {color: #FC3;}

  #top {
      margin: 0 0 0 280px; padding:0;
		}
   #top-content {
      margin:0; padding: 0.5em 1em;
      font-size: 100%;
      _margin-top: 1em;}

#galerie {position: absolute;
			top: 180px;
			margin: 0;
			padding: 30px;
		color: #333;}
	  
.kont1, .kont2, .kont3, .kont4, .kont5, .kont6 {width: 500px;
		height: 150px;
				}
				
.kont1 {position: absolute; top: 20px;
			}
.kont2 {position: absolute; top: 190px;
			}
.kont3 {position: absolute; top: 350px;
			}
.kont4 {position: absolute; top: 510px;
			}
.kont5 {position: absolute; top: 680px;
			}
.kont6 {position: absolute; top: 850px;
}



.nazev1, .nazev2, .nazev3 {width: 128px;
		text-align: center;
		font-size: 15px;}

.nazev1 {position: absolute; bottom: 1px;}
		
.nazev2 {position: absolute; left: 150px; bottom: 1px;}

.nazev3 {position: absolute; left: 300px; bottom: 1px;}

		
.top1 a, .top4 a, .top7 a,  .top10 a, .top13 a {
      margin:0; padding:0;
      position:absolute; left: 0;
      width: 128px; height: 128px;
      overflow:hidden;
	  color: #C60;
      }
.top1 a span, .top4 a span, .top7 a span, .top10 a span, .top13 a span {
      display:block;
      position:absolute; left: 0; top:0; z-index:1;
      width: 128px; height: 128px;
      margin:0; padding:0;
      }

.top1 a span {background: url("top/thumb/top01.jpg") top left no-repeat;}
.top4 a span {background: url("top/thumb/top04.jpg") top left no-repeat;}
.top7 a span {background: url("top/thumb/top07.jpg") top left no-repeat;}
.top10 a span {background: url("top/thumb/brzy.jpg") top left no-repeat;}
.top13 a span {background: url("top/thumb/brzy.jpg") top left no-repeat;}

.top1 a:hover span, .top4 a:hover span, .top7 a:hover span, .top10 a:hover span, .top13 a:hover span {
   background-position: -128px 0;
     }

.top2 a, .top5 a, .top8 a, .top11 a, .top14 a, .bonus a {
      margin:0; padding:0;
      position:absolute; left: 150px;
	  width: 128px; height: 128px;
      overflow: hidden;
	  color: #C60;
      }

.top2 a span, .top5 a span, .top8 a span, .top11 a span, .top14 a span, .bonus a span {
      display:block;
      position:absolute; left: 0; top:0; z-index:1;
      width: 128px; height: 128px;
      margin:0; padding:0;
      }

.top2 a span {background: url("top/thumb/top02.jpg") top left no-repeat;}
.top5 a span {background: url("top/thumb/top05.jpg") top left no-repeat;}
.top8 a span {background: url("top/thumb/top08.jpg") top left no-repeat;}
.top11 a span {background: url("top/thumb/brzy.jpg") top left no-repeat;}
.top14 a span {background: url("top/thumb/brzy.jpg") top left no-repeat;}
.bonus a span {background: url("top/thumb/bonus.jpg") top left no-repeat;}

.top2 a:hover span, .top5 a:hover span, .top8 a:hover span, .top11 a:hover span, .top14 a:hover span, .bonus a:hover span {
   background-position: -128px 0;
     }

.top3 a, .top6 a, .top9 a, .top12 a, .top15 a {
      margin:0; padding:0;
      position:absolute; left: 300px; 
      width: 128px; height: 128px;
      overflow: hidden;
	  color: #C60;
      }
	  
.top3 a span, .top6 a span, .top9 a span, .top12 a span, .top15 a span {
      display:block;
      position:absolute; left: 0; top:0; z-index:1;
      width: 128px; height: 128px;
      margin:0; padding:0;
      }

.top3 a span {background: url("top/thumb/top03.jpg") top left no-repeat;}
.top6 a span {background: url("top/thumb/top06.jpg") top left no-repeat;}
.top9 a span {background: url("top/thumb/brzy.jpg") top left no-repeat;}
.top12 a span {background: url("top/thumb/brzy.jpg") top left no-repeat;}
.top15 a span {background: url("top/thumb/brzy.jpg") top left no-repeat;}

.top3 a:hover span, .top6 a:hover span, .top9 a:hover span, .top12 a:hover span, .top15 a:hover span {
   background-position: -128px 0;
     }

.teorie {text-align: right;
		font-size: 0.9em;

		padding-right: 1em;
		background-color: #999;
		}
.teorie a {	color: #FFF;}
.teorie a:hover {color: #FC3;}

  hr.cleaner {
      clear: both;
      height:1px;
      margin: -1px 0 0 0; padding:0;
      border:none;
      visibility: hidden;
      }

.pata  {height: 55px;
		width: 800px;
		border-top: 1px solid black;
		background-color: #CCC;
		}

.cop {position: absolute; right: 10px; bottom: 3px;
		color: #666;
		font-size: 15px;}

.pata a {
      margin:0; padding:0;
      position:absolute; left: 380px;
      width:50px; height: 50px;
      overflow:hidden;
	  color: #C60;
      }
.pata a span {
      display:block;
      position:absolute; left: 0; top:0; z-index:1;
      width: 50px; height: 50px;
      margin:0; padding:0;
      background:   url("img/mail.jpg") top left no-repeat;
      }

.pata a:hover span {
   background-position: -50px 0;
     }		
.zpet {position: absolute; left: 10px; bottom: 35px;
		color: #666;
		font-size: 17px;}

.kdo {position: absolute; left: 10px; bottom: 3px;
		color: #666;
		font-size: 17px;}