/* CSS Document */

body, html {
	margin: 0px;
	padding: 0px;
	color: black;
	background-color:  #e7d698;
	font-family:Helvetica, sans-serif;  
  font-size:86%;
  color:#564607; 
}

html{ 
  overflow:scroll
}

ul,li{
  margin:0; 
  padding:0;
  list-style:none;
}

em{
  font-weight: bold;    
}

img{
  border: none;
}

h1{
 font-size: 130%;
 margin: 0; 
}

h2{
 font-size: 110%;
 margin: 0; 
}


a{
  color: #333;
}


table{
  width: 100%;  
  border-collapse: collapse;
  
}

td{
  padding: 5px;  
  
}

.vypis{ 
  border-bottom: 1px dashed #ddd ;
  margin-left: 15px;
  margin-right: 10px;
  padding-bottom: 20px;
}

.vypis .border{
  width: 95%;
  margin: 25px 25px 0 0;
  border-left: 3px #f1bc6c solid; 
 
  
}

.vypis .fotoseznam{
  border:1px solid;
  text-align: center; 
  position:reletive:
  top:0;
}

.vypis td{
  padding: 3px 3px 3px 15px;
   vertical-align:top;
}

.vypis .nadpis td{
  padding: 3px 3px 3px 10px;
}

.vypis .pata td{
  padding: 5px 3px 5px 10px;
}

.vypis p{
  padding:0;
  margin:0;  
}  
  
.pozadi_nadpis td{
  padding: 5px; 
  background-color: #fff198;
}

.pozadi td{
  background-color: #fffded;
}

/* Content ---------------------------------------------------------------- */
#layout {
	background: url(../img/bg_layout.jpg) repeat-y  top left;

}



#kontejner{ 
  width:800px; 
  position:relative; 
  top:0px; 
  left:50%; 
  margin-left:-400px; 
  background-color:#ffffff; 
}

#leftbar {
	float: left;
	width: 195px;	
}

#content {
	margin-left: 205px;
	
}

#content h1 {
	margin-top: 0px;
}

/* 3px IE bug hack hidden from IE5-mac */
* html #content { height: 1%; }
/* End hide from IE5-mac */ 


#layout2 {	

	margin: 0  0  2px  10px;	

}



#main {
   float: left;
	 width: 410px;
   margin-bottom: 20px;  
   
}

#aktuality {
  float: right; 
  padding-right: 20px;
  width: 122px;
}

.aktuality{
  margin: 25px 10px 5px 5px
}

.odkazy{
  margin: 10px 10px 5px 5px;
  _margin: 6px 10px 0px 5px;
}

.odkazy .odkazlogo{
  float: left;
	width: 100px;
}

.odkazy .odkazpopis{
  float: left;
  margin-left: 30px;
  width: 250px;
}



.oddelovacodkazy{
  padding: 7px 0px 7px 0; 
  border-top: 1px dashed #ddd ;
  margin-bottom: 10px; 
  margin-top: 10px; 
 
}


#road{  
  min-height:19px;
  height:19px;
  padding: 4px 0 4px 15px;
  background-color:#fff198;
  border-bottom: 2px solid white; 
}

#pocitadlo{
  font-size: 90%;
  margin-top: 80px;
  min-height:40px;
  _height:40px;
  background-color:#fff198;
  padding: 10px 10px 10px 30px; 
  color:#564607;
}

#statistikawebu{
  font-size: 90%;
  margin-top: 0px;
  min-height:40px;
  _height:40px;
  background-color:#fff198;
  padding: 10px 10px 10px 30px; 
  color:#564607;
}
#statistikawebu td,tr,table{
  padding: 0;
  margin: 0;

}

.nadpis_znacka_lit{
  background: url(../img/foto/znacka_foto.gif) no-repeat; 
  padding: 0 0 0 30px;
  min-height: 20px;
  _height: 20px;
  margin: 30px 5px 15px 5px;
}
.autor{
  margin-left: 25px;
  margin-bottom: 15px;
}

.sloka{
  margin: 5px 0 20px 15px;
}
.sloka p{
  line-height: 1.8; 
}




/* hodnoceni */
.hodnoceni{
  margin: 35px 20px 30px 15px;  
}
.hodnoceni p{
  line-height: 1; 
}


.ohodnot{clear:both;position:relative;text-align:left;left:0;top:13px;height: 20px;margin-bottom:30px}
.ohodnot a{display:block; padding: 3px;font-size: 90%;text-decoration: none;}
.ohodnot #nelibi{position:absolute;padding-top: 3px;color: rgb(60,140,30);;}
.ohodnot #znamka1{position:absolute; width:20px;background-color: #f5f4ca;left:40px;text-align: center;}
.ohodnot #znamka2{position:absolute; width:20px;min-height:10px;background-color: #f4f1be; left:70px;text-align: center;}
.ohodnot #znamka3{position:absolute; width:20px;min-height:10px;background-color: #f3ed9d; left:100px;text-align: center;}
.ohodnot #znamka4{position:absolute; width:20px;min-height:10px;background-color: #efd56f; left:130px;text-align: center;}
.ohodnot #znamka5{position:absolute; width:20px;min-height:10px;background-color: #d9a63f; left:160px;text-align: center;}
.ohodnot #libi{position:absolute;left:203px;padding-top: 3px;color: rgb(203,33,5);}
/* hodnoceniend */






.margintop{
  margin-top: 30px;
}

.cleaner {
	clear: both;
	height: 1px;
	font-size: 1px;
}



/* Header ---------------------------------------------------------------- */
#head {
	color: inherit;
	height: 137px;
		background-color: #fffcdc;
	border-bottom: 1px #ddd solid;
}

#headimg {
  width: 195px;
	height: 137px;
	float: left;
	background-image: url(../img/foto/foto.jpg);
	background-repeat: repeat-y;
	
}

#headcontent{
  margin-left: 205px;
}  

#logo{
  float: left;
  margin: 30px 0 0 30px;  
  _margin: 30px 0 0 20px;
  width: 143px;
  height: 74px;
  cursor:hand;
}

#headright {
  margin-top: 30px;
  margin-right: 20px;
  _margin-right: 10px;
  float: right;
  width: 273px;  
	text-align: right;
	
}



#autentizace {
  position:relative;
  top:-13px;
	height: 85px;
	_height: 83px;	
}

#prihlaseni{
  float:left;margin-top:10px;width:180px;text-align: left;
}



/* Karty ---------------------------------------------------------------- */

#headkarty {	
	background-color: #fff;
	
}


#headkarty #literatura {  
	float: left;
	width: 135px;
}

#headkarty #fotografie {  
	float: right;
	width: 134px;
}



#headkarty #fotografie a{
	display: block;
	position: relative;
	_bottom:-1px;
	padding: 4px 0 4px 0;
	height: 14px;
	_height: 15px;
	text-align: center;
	background-color:#fff198;
	border: 1px #ddd077 solid;
}


#headkarty #fotografie a{border-bottom:none;}


#headkarty #fotografie a span.ousko3{
position:absolute;
top:-1px;
left:-1px;
background: url(../img/ousko1.jpg) no-repeat top left;
width:5px;
height:5px;
font-size:1px;
}


#headkarty #fotografie a span.ousko4{
position:absolute;
top:-1px;
right:-1px;
background: url(../img/ousko2.jpg) no-repeat top left;
width:5px;
height:5px;
font-size:1px;
}




#headkarty #literatura a{
	display: block;
	position: relative;
	_bottom:-1px;
	padding: 4px 0 4px 0;
	height: 14px;
	_height: 15px;
	text-align: center;
  background-color:#f1bc6c;
}


#headkarty #literatura a span.ousko1{
position:absolute;
top:0px;
left:0px;
background: url(../img/ousko3.jpg) no-repeat top left;
width:5px;
height:5px;
font-size:1px;
}


#headkarty #literatura a span.ousko2{
position:absolute;
top:0px;
right:0;
_right:-1px;
background: url(../img/ousko4.jpg) no-repeat top left;
width:5px;
height:5px;
font-size:1px;
}



/* Footer ---------------------------------------------------------------- */

#foot {		
	background-image: url(../img/bg_mainmenu.jpg);
}

#foot {	
  background-position: top left;
	background-repeat: repeat-y;
}
	
#footleft {	
  min-height:27px;
  _height:27px;
  float: left;
	width: 195px;	
	
}

#footdkazy {
  padding: 4px 20px 4px 10px;	
  min-height:19px;
  _height:19px;	
  margin-left: 205px;	
	text-align: right;	
	background-color: #fff198;;
	border-top: 2px solid white;
	
}

#footdkazy a {
  font-size: 90%;
}

.center{
  text-align: center;
}

#sign{ 
  
  background-color: #e7d698;
  font-size:90%;
  text-align: right;
  padding: 5px 20px 5px 0;
  color: #999;
}

#sign a{  
  text-decoration: none;   
  color: #999;
}
/* menu ------------------------------------------------------------------ */

.menu{
  margin: 30px 0 30px 0;
}  

.nav {
  font-weight:bold; 
}

.nav a { 
  width: 164px;
  display:block; 
  color:#736735;     
  text-decoration:none; 
  padding:7px 0 7px 35px; 
  background: url(../img/odkaz_podtrzeni.jpg) no-repeat bottom left; 

}

.nav a:hover {
  background: url(../img/odkaz_podtrzeni.jpg) repeat-y; 
}  

.nav .active {
  background: url(../img/odkaz_podtrzeni.jpg) repeat-y; 
} 


.subnav {
  font-weight:normal; 
  font-size: 95%;
}
.subnav a { 
 font-size: 95%;
  width: 144px;
  display:block; 
  color:#736735;     
  text-decoration:none; 
  padding:7px 0 7px 55px; 
  background: url(../img/odkaz_podtrzeni.jpg) no-repeat bottom left; 
}

.subnav a:hover {
  background: url(../img/odkaz_podtrzeni.jpg) no-repeat bottom left; 
  font-weight:bold;  
}  

.subnav .active {
  background: url(../img/odkaz_podtrzeni.jpg) no-repeat bottom left; 
  font-weight:bold;   
} 


/* registrace ------------------------------------------------------------------ */

.registrace_pozn{
  color: #aaa;
  font-size: 85%;
  padding: 10px 0 10px 18px; 
  border-bottom: 1px dashed #ddd ;
  margin-bottom: 30px;
}

.pozn{
  color: #aaa;
  font-size: 85%;
}
/* formular ------------------------------------------------------------------ */

form{
  margin-top: 30px;
}

input{
  border: 1px #bbb solid;
}


.input{
  width:200px
}

.input_long{
  width:236px
}

select{
  width:200px
}

textarea{
  width:  200px;
  height: 90px;
   border: 1px #bbb solid;
}

.vlozit{
  width:  400px;
  height: 500px;
 
}

.pole_one   {
  float: left; 
  width: 120px;
  padding:3px 10px 3px 3px;   
  text-align: left;
}

.pole_two   {
  text-align: left;
  float: left;   
  padding:3px;
  width: 270px;    
}



/* znaky ------------------------------------------------------------------ */

.pozor{
  color: #ff6600;
}

.rank{
  color: #647675;
  font-weight: bold;
  font-size: 120%;
}


/* clanky ------------------------------------------------------------------ */
.oddelovac{
  font-size: 85%;
  color: #aaa;
  padding: 7px 0px 7px 18px; 
  border-bottom: 1px dashed #ddd ;
  margin-bottom: 20px;
}

.oddelovac .right{
  float: right;
  text-align:right
}

.oddelovac .left{
  float: left;
}

.open{
  cursor:pointer;
  text-decoration:underline;
}

#oznamkovat{
  display: none;
  margin-left: 15px;
}

#vlozitkomentar{
  display: none;
  margin-left: 15px;
}


.skryvany{
  display: none;
  margin-top: 30px;
  margin-left: 15px;
}

.skryvany table{
  border-left: 3px #6a7675 solid;
  margin: 3px 0 3px 0; 
}

.skryvany td{
  padding: 3px 3px 3px 10px;  
}

.skryvanyradek{
  display: none;
  position:absolute;
  width:405px;
  min-height:150px;
  _height:150px;
  background-color:#f2f2f2;
  border:1px solid #ddd;
  z-index:5;
}

.skryvanyimg{
  display: none;
}

.imgzavri{
  float:right;
  margin:3px
}

.margin{
  margin: 20px; 
}

.strankovani{
  text-align: center;
  width: 100%;
  margin-top: 20px;
  font-size: 85%;
}

.posun{
  cursor: pointer; 
}

.vypis_dalsi_foto{ 
  border-bottom: 1px dashed #ddd ;
  margin-left: 15px;
  margin-right: 15px;
  padding-bottom: 20px;
}


.vypis_dalsi_foto .fotoseznam{
  text-align: center; 
}

.marginleft{
  margin-left: 15px;
}

.radekautor{
	float:left;
}


.radekdatum{
	float:right;
	margin-right:0;
}

.autorfoto{
   float:left;
   margin:30px 0 50px 0;
   width: 140px;
   min-height:100px;
   _height:100px;
   background-color:#fff198;
   padding-top:50px;   
}

.autorfotoimg{
   float:left;
   margin:30px 0 50px 0;
   width: 140px;
   min-height:120px;
   _height:120px;  
}

.autorpopis{
   float:left;
   margin:30px 0 50px 30px;
   width: 320px;
   
}

.novypis{
   display:none;
}

.litsb{
  display:none; 
}

.litsb .odstup{
  margin-right:10px;  
}

.open1{
  cursor:pointer;
  text-decoration:underline;
  margin-top:15px;
}


#obalka{
  margin:5px 10px 0 0;
  text-align:right;  
}

#obalka img{
  border:0;
  margin:0;
  padding:0;
}

.katalog{
  margin: 30px 0 20px 0;
  text-decoration:none;
   
}

.katalog a{
  text-decoration:none;
  font-size:1.1em
}

.katalog .pole_one   {
  float: left; 
  width: 190px;
  padding:10px 10px 10px 0px;
  margin-left:-20px;   
  text-align: left;
}

.katalog .pole_two   {
  text-align: left;
  float: left;   
  padding:6px;     
}

#odkazy_paticka{   
  background-color: #e7d698;
  font-size:90%;
  text-align: center;
  padding:10px 0px 5px 0;
  color: #999;
  border-top:1px solid #ccc;
}
#odkazy_paticka a{  
  text-decoration: none;   
  color: #999;
}

#odkazy_paticka a:hover{  
  text-decoration: underline;   
  color: #999;
}