html {

  height: 100%;
  
}



body	{
	margin: 0px;
	padding: 0px;
	position: relative;
	background-color: #F3F1E4;
	background-image: url(../img/bckg-page.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align:left;
	font-size: 15px;
	
	
}


#container {
	margin: auto;
	width: 850px;
	min-width: 850px;
	position:relative;
	z-index: 1;
}

div { 

	border: solid 0px red;
	
}

#bckg-header { 
	
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 115px;
	background-color: #424242;
	text-align: center;
	min-width: 1000px;

}


#header { 
	
	height: 115px;
	position: relative;
	width: 850px;

}


#ncp-uvod {

  height: 250px;
  background-image: url(../img/bckg-info.jpg);
  background-repeat: repeat-x;
  border: solid 0px;
  position: relative;
  padding: 27px 0px 0px 0px;
	
}

#ncp-content {

  position: relative;
  text-align:left;
  color: #635441;

}

#content {

  position: relative;
  float: left;
  width: 580px;
  margin-bottom: 20px;
  background-color: rgb(255,255,255);
  /* border: solid 1px red; */

}


.right-box {

  float: right;
  clear: right;
  width: 250px;
  margin-bottom: 15px;

}


#greece-god {
  
    position: absolute;
    top: 0px;
    left: 0px;

}

#three-column-box {

	margin-bottom:30px;
	
}
#recommend {

	height: 25px;
	font-size: 80%;
	line-height: 160%;
	border-top: solid 1px #635441;
	padding: 10px 0px 0px 0px;
	text-align: left;
	color: #635441;
	
}
#footer {

	height: 20px;
	font-size: 80%;
	padding: 0px 0px 0px 5px;
	text-align: left;
	color: #635441;
	
}

  .strankovani {

  background-color: rgb(239,239,239);
  padding: 10px 10px 0px 25px;
  height: 30px;
  margin: 0px 0px 0px 0px;
  position: relative;
  text-align:center;
  
  
  }
  
  a.stranka, a.stranka:visited {

  display: block;
  float: left;
  margin-right: 5px;
  background-color: rgb(192,192,192);
  color: rgb(255,255,255);
  text-decoration: none;
  width: 20px;
  padding: 2px 0px 2px 0px;
  text-align: center;
  
  
  }
  
  a.stranka:hover {

  
  background-color: rgb(160,160,160);
 
  
  
  }
  
  a.stranka-active {

  display: block;
  float: left;
  margin-right: 5px;
  color: rgb(255,255,255);
  text-decoration: none;
  width: 20px;
  padding: 2px 0px 2px 0px;
  text-align: center;
  background-color: rgb(160,160,160);
 
  
  
  }

.nova-kniha {

	width: 500px;
	float: left;
	margin: 0px 15px 0px 0px;

}

.novinky {

	width: 330px;
	float: right;


}

.clear { 
	
	float: none;
	clear: both;
	font-size: 0px;s
	height: 0px;
	
	
}

#logotype { 

  margin-top: 13px;
  float: left;
  
}

#searchbox { 

  position: absolute;
  top: 30px;
  right:20px;
  padding: 3px;
  background-color: #535353;
  
  
}

#searchinput { 

  background-color: #ECEAE4;
  border: 0px;
  color: rgb(128,128,128);
  padding: 2px;
  height: 18px;
  margin: 0px 0px 0px 0px;
  float: left;
  
  
}

a#vyhledat,a#vyhledat:visited  { 

  width: 24px;
  border: 0px;
  
  
}




form { 

  padding: 0px;
  margin: 0px;  
  font-size:0px;
  
}

#menu {

position: absolute;
bottom: 0px;
_bottom: -2px;
right: 20px;
border: solid 0px red;

}

	
ul.menu {
	list-style-type: none;
	margin: 0px;
  padding: 0px;
	
}

ul.menu li {
	display: block;
	padding: 0px;
	float: left;
	list-style-type: none;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

a.items {
	display: block;
	height: 14px;
	float: left;
	background-image: url(../img/menu-off.jpg);
	background-repeat: repeat-x; 
	padding: 7px 15px 10px 15px;
	font-size: 85%;
	color: rgb(0,0,0);
	text-decoration: none;
}

a.items:hover {
	display: block;
	height: 14px;
	float: left;
	background-image: url(../img/menu-on.jpg);
	padding: 7px 15px 10px 15px;
	font-size: 85%;
	color: #0C214C;
	text-decoration: none;
}

a.active, a.active:visited, a.active:hover  {
	display: block;
	height: 14px;
	float: left;
	background-image: url(../img/menu-on.jpg);
	background-repeat: repeat-x; 
	padding: 7px 15px 10px 15px;
	font-size: 85%;
	color: #333333;
	text-decoration: none;
}

.link-wihtout-border {
  border: solid 0px;
}

#edisk-propagace {

  height: 269;
  background-image: url(../img/bckg-info.jpg);
  background-repeat: no-repeat;
  border: solid 0px;
}

a.text-link, a.text-link:visited {

  
  padding-right: 14px;
  background-image: url(../img/link-out.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  display: inline;
  color: #C62123;
  
  }
  
a.text-link:hover {

  
  padding-right: 14px;
  background-image: url(../img/link-out.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  display: inline;
  color: rgb(0,0,0);
  
  }
  
a.link, a.link:visited {

  
  background-repeat: no-repeat;
  background-position: right top;
  display: inline;
  color: #C62123;
  
  }
  
a.link:hover {

  
  color: rgb(0,0,0);
  
  }
  
a.arrow-link, a.text-link:visited {

  
  padding-left: 14px;
  background-image: url(../img/arrow.jpg);
  background-repeat: no-repeat;
  background-position: left 50%;
  display: inline;
  color: #C62123;
  
  }
  
a.arrow-link:hover {

  
  padding-left: 14px;
  background-image: url(../img/arrow.jpg);
  background-repeat: no-repeat;
  background-position: left 50%;
  display: inline;
  color: rgb(0,0,0);
  
  }
  
a.navi-link, a.navi-link:visited  {

  
  margin: 0px 3px 0px 3px;
  color: #C62123;
  
  }
  
  a.navi-link:hover {

  
  margin: 0px 3px 0px 3px;
  color: rgb(0,0,0);
  
  }
  
  #breadcrumb-navigation {

  margin: 15px 0px 10px 0px;
  padding: 5px 0px 5px 14px;
  font-size: 85%;
  color: #635441;
  background-image: url(../img/breadcrumb-navigation-arrow.jpg);
  background-repeat: no-repeat;
  background-position: 0% 50%;
  
  
  }
  
  h2 {

  display: block;
  height: 27px;
  background-color: #D3D3D3;
  background-image: url(../img/lista-arrow.jpg);
  background-repeat: no-repeat;
  border-bottom: solid 1px #C8C6C5; 
  color: #434343;
  margin: 0px;
  padding: 10px 10px 0px 25px;
  font-size: 95%;
  text-transform: uppercase; 
  
  }
  
  h3.border {

  display: block;
  height: 20px;
  border-bottom: solid 1px  #C62123;
  color:  #C62123;
  margin: 0px 0px 15px 0px;
  padding: 0px 0px 5px 0px;
  font-size: 120%;
  
  }
  
  h4.trivia, h4.aglaia, h4.gaia, h4.iris {

  display: block;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  height: 40px;
  padding: 6px 0px 0px 45px;
  color:  #C62123;
  font-family: Georgia, "Times New Roman", Times, serif;
  margin: 0px 0px 0px 0px;
  font-size: 130%;
  
  }
  
  
  h4.trivia {
  
  background-image: url(../img/trivia-ico.jpg);
  
  }
  
  h4.aglaia {
  
  background-image: url(../img/aglaia-ico.jpg);
  
  }
  
   h4.gaia {
  
  background-image: url(../img/gaia-ico.jpg);
  
  }
  
   h4.iris {
  
  background-image: url(../img/iris-ico.jpg);
  
  }
  
  
  h4.kniha01 {


  background-repeat: no-repeat;
  background-position: 0px 0px;
  padding: 0px 0px 0px 0px;
  color:  #C62123;
  margin: 0px 0px 5px 0px;
  font-size: 120%;
  
  }
  
    h1.kniha02 {


  background-repeat: no-repeat;
  background-position: 0px 0px;
  padding: 0px 0px 0px 0px;
  color:  #C62123;
  margin: 0px 0px 20px 0px;
  font-size: 150%;
  font-weight: normal;
  
  }
  
   .odstavec-uvod {

  background-color: rgb(255,255,255);
  padding: 15px;
  height: 120px;
  font-size: 80%;
  line-height: 160%; 
  

  
  }
  
  .odstavec {

  display: block;
  background-color: rgb(255,255,255);
  padding: 20px;
  color: #635441;
  line-height: 150%;
  font-size: 80%;
  margin: 0px;
  
  
  }
  
    .odstavec-border {

  display: block;
  background-color: rgb(255,255,255);
  padding: 20px;
  color: #635441;
  line-height: 150%;
  font-size: 80%;
  margin: 0px;
  border-bottom: solid 1px #D3DADD;
  
  
  }
  
.nahled-kniha {

  float:left;
  width:120px;
  height:160px;
  border:solid 3px #D3D3D3;
  margin: 0px 10px 0px 0px;
  position: relative;
  
  
  }
  
  .nahled-kniha-small {

  width:80px;
  height:120px;
  border:solid 3px #D3D3D3;
  margin: 0px 10px 0px 0px;
  position: relative;
  
  
  }
  
  .nahled-kniha02 img {

  border:solid 3px #D3D3D3;
  
  }
  
  .detail-koupit h4 {
  color: #C62123;
  font-size: 14px;
  margin: 0;
  padding: 10px 0; }
  
  .detail-koupit .cena-doporucena {
  font-size: 12px; }
  
  .detail-koupit .cena-doporucena strong {
  text-decoration: line-through;
  white-space: nowrap; }
  
  .detail-koupit .cena-nase { }
  
  .detail-koupit .cena-nase strong {
  white-space: nowrap;
  color: red; }
  
  .detail-koupit input.tx {
  width: 40px; }
  
  .detail-koupit form div {
    padding: 10px 0 0 0;
    font-size: 12px;
  }
  
  .detail-koupit .vyprodano {
    border: 1px solid #888888;
    background: #eaeaea;
    padding: 5px 10px;
    color: #444444;
    font-weight: bolder;
    margin-top: 10px;
    margin-right: 10px;
  }
  
  
  .detail-left {

  float:left;
  width:180px;
  position: relative;
  
  
  }
  
  .detail-koupit {
  
  padding-top: 20px;
  
  }
  
  .detail-knihy   {
  
  float: right;
  background-color: rgb(255,255,255);
  color: #635441;
  margin: 0px 0px 30px 0px;
  width: 350px;
  /* border: solid 1px red; */
  
    }
    
  .detail-right   {
  
  float: right;
  background-color: rgb(255,255,255);
  width: 350px;
  /* border: solid 1px red; */
  
    }
  
  h3 {

  color: #C62123;
  font-size: 130%;
  padding: 0px;
  margin: 0px 0px 5px 0px;
  position: relative;
  
  }
  
  
    h3 a, h3 a:visited {

  color: #C62123;
  padding: 0px;
  margin: 0px 0px 5px 0px;
  position: relative;
  
  }
  
      h3 a:hover {

  color: #0C214C;
  padding: 0px;
  margin: 0px 0px 5px 0px;
  position: relative;
  
  }
  
  a.blue-but, a.blue-but:visited {

  display: block;
  float: left;
  padding: 4px 10px 0px 10px;
  _padding: 4px 10px 0px 10px;
  margin: 10px 5px 0px 0px;
  _height: 22px;
  height: 22px;
  background-image: url(../img/blue-but-off.jpg);
  background-repeat: repeat-x;
  color: rgb(255,255,255);
  text-decoration: none;
  font-size: 85%;
  position: relative;
  
}

a.blue-but:hover {

  display: block;
  float: left;
   padding: 4px 10px 0px 10px;
  _padding: 4px 10px 0px 10px;
  margin: 10px 5px 0px 0px;
  _height: 22px;
  height: 22px;
  background-image: url(../img/blue-but-on.jpg);
  background-repeat: repeat-x;
  color: rgb(255,255,255);
  text-decoration: none;
  font-size: 85%;
  position: relative;
  
}

  a.blue-but100, a.blue-but100:visited {

  display: block;
  float: left;
   padding: 4px 10px 0px 10px;
  _padding: 3px 10px 0px 10px;
  margin: 10px 5px 0px 0px;
  _height: 22px;
  height: 22px;
  background-image: url(../img/blue-but-off.jpg);
  background-repeat: repeat-x;
  color: rgb(255,255,255);
  text-decoration: none;
  font-size: 100%;
  position: relative;
  
}

a.blue-but100:hover {

  display: block;
  float: left;
   padding: 4px 10px 0px 10px;
  _padding: 3px 10px 0px 10px;
  margin: 10px 5px 0px 0px;
  _height: 22px;
  height: 22px;
  background-image: url(../img/blue-but-on.jpg);
  background-repeat: repeat-x;
  color: rgb(255,255,255);
  text-decoration: none;
  font-size: 100%;
  position: relative;
  
}

ul.list-ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

ul.list-ul li {
  display: block;
  line-height: 150%;
  border-bottom: solid 1px #D3DADD;
  margin: 0px 5px 0px 5px;
}

ul.list-ul li.last{
  display: block;
  line-height: 150%;
  border-bottom: solid 0px #D3DADD;
  margin: 0px 5px 0px 5px;
}

ul.list-ul li a {
  display: block;
  padding: 7px 10px 7px 30px;
  color: #5A656B;
  background-image: url(../img/blue-list.jpg);
  background-repeat: no-repeat;
  background-position: 10px 10px;
  text-decoration: none;
    
}

ul.list-ul li a:hover {
  display: block;
  padding: 7px 10px 7px 30px;
  background-color: rgb(234,234,234);
  background-image: none;
  color: rgb(74,109,149);
}

ul.list-kniha {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

ul.list-kniha li {
  display: block;
  line-height: 150%;
  border-bottom: solid 1px #D3DADD;
  margin: 0px 5px 0px 5px;
   background-image: url(../img/blue-list.jpg);
  background-repeat: no-repeat;
  background-position: 10px 10px;
  padding: 8px 10px 8px 30px;
}


.form-unit {

  border: solid 1px #D3DADD;
  
  
 
}

.form-unit-margin {

  border: solid 1px #D3DADD;
  margin-bottom: 5px;
  color: rgb(175,175,175);
 
}


  
  .cerveny-text {
  
  display: in-line;
  color: #C62123;
  padding: 0px 5px 0px 5px;
  font-weight: bold;
  
}

a.author, a.author:visited {
  
  display: inline;
  color: rgb(99,132,55);
  background-image: url(../img/breezy-logo.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  padding: 3px 23px 4px 3px;
  border: solid 0px red;
  
  
  
}

a.author:hover {
  
  display: inline;
  color: rgb( 0,0,0 );
  background-image: url(../img/breezy-logo.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  padding: 3px 23px 4px 3px;
  border: solid 0px red;
  
  
  
}

.edicni-rada {
  
  border: solid 1px rgb(206,219,227);
  background-color: rgb(240,243,247);
  height: 200px;
  width: 240px;
  float: left;
  margin: 0px 0px 15px 0px;
  padding: 10px;
  color: #0C214C;

}

.edicni-rada2 {
  
  border: solid 1px rgb(206,219,227);
  background-color: rgb(240,243,247);
  height: 200px;
  width: 240px;
  float: right;
  margin: 0px 0px 15px 0px;
  padding: 10px;
  color: #0C214C;

}

.rada-odkazy {
  
  margin: 15px 0px 0px 38px;
  line-height: 200%;

}

.co-je-edicni-rada {
  
  border: solid 1px rgb(206,219,227);
  background-color: rgb(240,243,247);
  height: 120px;
  margin: 0px 0px 0px 0px;
  padding: 10px;
  color: #0C214C;

}

.anotace {
  
  background-color: rgb(240,243,247);
  border: solid 1px rgb(206,219,227);
  margin: 20px 0px 0px 0px;
  width: 95%;
  height:auto;
  padding: 10px;
  color: #0C214C;
  position:relative;
  text-align:justify;

}

textarea  {
  
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;

}

.kniha {
  
 	position: absolute;
 	bottom: -10px;
 	right: -120px;

}

.modry-text {
  
 color: #0C214C;

}

.modry-nadpis {
  
 color: #0C214C;
 font-size: 80%;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;

}

.kontextove-menu {
  
 padding: 0px;
 margin: 0px;
 list-style-type: none;

}

.kontextove-menu li {
  
 display: block;
 margin: 0px 0px 3px 0px;

}

.kontextove-menu li a, kontextove-menu li a:visited {
  
 display: block;
 margin: 0px 0px 3px 0px;
 background-color: #EFEFED;
 height: 33px;
 color:  #C62123;
 font-size: 100%;
 text-decoration: none;
 font-weight: bold;
 padding: 12px 5px 0px 10px;

}

.kontextove-menu li a:hover {

 display: block;
 margin: 0px 0px 3px 0px;
 height: 33px;
 color:  #C62123;
 font-size: 100%;
 text-decoration: none;
 font-weight: bold;
 padding: 12px 5px 0px 10px;
 background-color: #DBD7D2;

}

.foto-left {

 float: left;
 border: solid 2px rgb(160,160,160);
 margin: 5px 10px 10px 0px;

}

.fotogalerie {

 float: left;
 border: solid 2px rgb(160,160,160);
 margin: 5px 10px 10px 10px;

}

tr {

 border-bottom: solid 1px rgb(211,211,211);

}

td {

 border-bottom: solid 1px rgb(211,211,211);

}

.svetly-radek {

 border-bottom: solid 1px rgb(192,192,192);

}

.tmavy-radek {

 background-color: rgb(244,244,244);
 border-bottom: solid 1px rgb(192,192,192);
 
}

.prepinani-vypisu {

 float:right;
 
}

.kniha-left {

 float:left;
 
}

info-knihy {

 float:right;
 
}

a.autor-v-knize, a.autor-v-knize:visited {

  color: #6D6E72;

}

a.autor-v-knize:hover {

  color: black;

}

/* --- upravy Jiri Praus 6.3.2008 ---- */

#objform {
  font-size: 12px; }
  
#objform table.polozky th {
  border-bottom: solid 1px rgb(211,211,211);
  background: #dfdfdf;
  padding: 4px 1px 4px 5px;
  text-align: left;
  white-space: nowrap; }
  
#objform table.polozky td {
  border-bottom: solid 1px rgb(211,211,211);
  padding: 4px 5px; }

#objform table.polozky .nowrap {
  white-space: nowrap; }

table.radioswitch {
  margin: 0; }  
  
table.radioswitch td {
  border: 0;
  padding: 0; }
  
#objform table.objudaje td {
  border: 0px;
  padding: 2px 0; }
  
#objform table.objudaje th {
  border: 0px;
  padding: 2px 0;
  text-align: left;
  width: 150px; }
  
#objform table.objudaje span {
  color: red;
  padding: 2px 0;
  font-size: 16px; } 
  
#objform table.objudaje h3 {
  margin: 0;
  padding: 10px 0 5px 0;
  font-size: 12px; }
  
#ncp-obj {
  background: #ffffff;
  padding: 0 10px; }
  
#ncp-obj2 {
  background: #ffffff;
  padding: 0 20px; }
  
#ncp-obj div.odstavec {
  padding: 10px 0 0 0; }
  
h3.objudaje {
  font-size: 13px;
  background: #D3D3D3;
  border-bottom: solid 1px #C8C6C5; 
  color: #434343;
  margin: 0px;
  padding: 10px 10px 10px 15px; }