html {
  height: 100%;
}

.clear {
  clear:both;
  height:1px;
  overflow:hidden;
  margin-bottom:-1px;
}

* html .clear {display:none}

:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}

body {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: left;
  height: 100%;
  background: url('images/back_white.gif') top left repeat-y #e2e2e2;
  font-family: verdana, Helvetica CE, Arial CE, Arial, Helvetica, sans-serif; 
  font-style: normal; 
  font-weight: normal; 
  font-variant: normal; 
  color: #000000; 
  text-decoration: none;
}

img {
  border: none;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

a {
  color: #000000;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

p {
  font: 12px/17px verdana, arial;
  margin: 0 0 0 0;
  color: #000000;
}

div#text p.popisek, div.textik p.popisek, div.root_textik p.popisek {
  font-size: 10px;
  line-height: 15px;
  margin: 12px 0 12px 0;
  color: #666666;
}

h1, h2, h3 {
  font: 12px/17px verdana, arial;
  color: #000000;
  font-weight: bold;
  margin: 0 0 0 0;
}

li {
  font: 12px/14px verdana, arial;
  padding-left: 20px;
}

ul {
  margin: 0 0 0 0;
  list-style: none;
  padding-left: 0em;
  text-indent: 0em;  
}

/* ------- */
/* Layout  */
/* ------- */

#page {
  width: 987px;
  height: 100%;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  top: 0px;
  left: 0px;
  position: absolute;
}

#mainmenu {
  width: 263px;
  background-color: #ffffff;
  position: relative;
  top: 0px;
  left: 0px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  float: left;
  height: 95%;
}

#logo {
  width: 263px;
  height: 72px;
  margin: 62px 0 0 0;
  background: url('images/logo.gif') top center no-repeat;
  text-align: center;
}

#podtitul {
  width: 263px;
  height: 45px;
  margin: 18px 0 0 0;
  font-size: 10px;
  line-height: 13px;
  text-align: center;
}

#podtitul a {
  color: #666666;
}

#menu {
  width: 150px;
  margin: 27px 0 0 80px;
  text-align: left;
}

#menu h1 {
  font-size: 11px;
  font-weight: normal;
  line-height: 28px;
}

#menu h1 a {
  color: #666666;  /* 666666  */
}

#menu h1 a:hover {
  color: #666666;
}

#language, #copyright, #copy {
  width: 140px;
  margin: 20px 0 20px 80px;
  text-align: left;
}

#copy {
  position: relative;
  bottom: 0px;
  left: 0px;
}

#copyright h2 {
  font-size: 10px;
  font-weight: normal;
  line-height: 28px;
  color: #666666;
}

#language h2 {
  font-size: 11px;
  font-weight: normal;
  line-height: 28px;
}

#language h2 a {
  color: #3399ff;
}

#copy a {
  font-size: 10px;
  color: #d8d8d8;
  font-weight: normal;
  line-height: 28px;
}

#copy a:hover {
  color: #666666;
}

#mainpage {
  width: 680px;
  position: relative;
  top: 0px;
  right: 0px;
  margin: 62px 2px 28px 0; /* 2px je tam pro lepsi priblizeni prostredku stranky  horni byl 85.. ale ted je 62 (rozdil 23px), abych moh davat soubezne s logem */
  padding: 0 0 0 0;
  float: right;
  text-align: left;
}

#title {
  width: 680px;
  margin: 83px 0 0 0;
}

#title h1 a, #title h3 a, #title h5 a  {
  /* color: #3399ff;  modry */
  color: #666666;
}

#title h2 a, #title h4 a, #title h6 a  {
  color: #660000;
}

#title h2.selected {
  color: #660000;
}

#title h1 {
  font-size: 17px;
  font-weight: normal;
  line-height: 20px;
  color: #666666;
  display: inline;
}

#title h2 {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  color: #660000;
  /* color: #b32727;  */
  display: inline;
}

#title h3 {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  color: #666666;
  display: inline;
}

#title h4 {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  color: #660000;
  /* color: #b32727;  */
  display: inline;
}

#title h5 {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  color: #666666;
  display: inline;
}

#title h6 {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  color: #660000;
  /* color: #b32727;  */
  display: inline;
}

#title .selected {
  color: #000000;
}

.root_textik {
  font-size: 10px;
  line-height: 15px;
  width: 480px;
  margin: 0 0 0 0;
}

.textik {
  font-size: 11px;
  line-height: 17px;
  width: 480px;
  margin: 62px 0 0 0;
}

.textik h1 {
  font-size: 15px;
  font-weight: normal;
  line-height: 18px;
  color: #660000;
}

.textik ul {
  margin: 0 0 0 0;
  padding: 2px 0 0 0;
}

div.textik img, div#text img {
  margin: 0 0 17px 0;
}

div.textik img.titulek, div#text img.titulek {
  margin: 37px 0 17px 0;
}

div.textik img.titulek_popiska, div#text img.titulek_popiska {
  margin: 37px 0 0 0;
}

div.textik img.popiska, div#text img.popiska {
  margin: 0 0 0 0;
}

.textik p {
  margin: 0 0 0 0;
  padding: 2px 0 0 0;
  font-size: 11px;
  line-height: 17px;
}

.textik li {
  font-size: 11px;
  line-height: 17px;
  margin: 0 0 5px 0;
  padding: 0 0 0 0;
  color: #000000;
}

.textik li a {
  color: #000000;
}

.textik li a:hover {
  color: #666666;
}

.textik a {
  color: #3399ff;
}

.textik a.ukazka {
  margin: 0 10px 0 0;
}

.textik a.ukazka img {
  border: 1px solid #e2e2e2;
  margin: 10px 0 10px 0;
}

.textik a.ukazka:hover img{
  border: 1px solid #3399ff;
}

#text {
  width: 680px;
  margin: 62px 0 0 0;
}

#text h1 {
  font-size: 15px;
  font-weight: normal;
  line-height: 18px;
  color: #660000;
}

#text p {
  font-size: 12px;
  line-height: 20px;
  margin: 20px 0 0 0;
}

#text ul {
  margin: 15px 0 0px 0;
  padding: 0 0 30px 0;
  background: url('images/oddelovac_recenzi.gif') bottom left no-repeat;
}

#text p img {
  margin: 10px 0 20px 0;
}

#text li {
  font-size: 11px;
  line-height: 17px;
  margin: 0 0 5px 0;
  padding: 0 0 0 0;
  color: #000000;
}

#text li a {
  color: #000000;
}

#text li a:hover {
  color: #666666;
}

#text a {
  color: #660000;
}

#ukazky_knihy {
  margin: 30px 0 0px 0;
}

#ukazky_knihy a {
  margin: 0 10px 0 0;
}

#ukazky_knihy a img {
  border: 1px solid #e2e2e2;
}

#ukazky_knihy a:hover img{
  border: 1px solid #3399ff;
}

#informace_knihy {
  font-size: 11px;
  line-height: 17px;
  color: #666666;
  margin: 30px 0 0px 0;
}

#informace_knihy a {
  color: #3399ff;
}

#prodej {
  width: 530px;   /* 680 */
  margin: 35px 0 0 0;
  font-size: 12px;
  line-height: 17px;
  color: #000000;
  font-weight: normal;
}

.artikl, .artikl_selected {
  width: 450px;
  margin: 0 0 0 0;
  padding: 0 0 15px 0;
  background: url('images/oddelovac_prodej.gif') bottom left no-repeat;
  position: relative;
}

.artikl .titul, .artikl_selected .titul {
  width: 275px;
  margin: 0 0 0 0;
  text-align: left;
}

.artikl .titul h1, .artikl .titul h2, .artikl_selected .titul h1, .artikl_selected .titul h2 {
  font-weight: normal;
  color: #660000;
}

.artikl .cena, .artikl_selected .cena {
  width: 90px;
  margin: 0 0 0 0;
  text-align: right;
  position: absolute;
  top: 0;
  left: 275px;
}

.artikl .tlacitko, .artikl_selected .tlacitko {
  width: 60px;
  margin: 3px 0 0 0;
  text-align: center;
  position: absolute;
  top: 0;
  left: 390px;
}

.vyprodano {
  color:  #aaaaaa;
}

.tlacitko .vyprodano {
  color:  #3399ff;
}

.artikl .input {
  width: 60px;
  margin: 0px 0 0 0;
  text-align: center;
  position: absolute;
  top: 0;
  left: 390px;
}

.artikl .tlacitko a, .artikl_selected .tlacitko a {
  color:  #3399ff;
}

div#back {
  margin: 20px 0 0 0;
  font-size: 11px;
  line-height: 17px;
  color: #3399ff;
}

div#back a {
  color: #3399ff;
}

/* formulare */

div.form {
  width: 450px;
  margin: 0 0 0 0;
  position: relative;
}

.formrow {
  margin: 10px 0 0 0;
}

formdesc {
  padding: 0 0 10px 0;
}

label {
  width: 450px;
  margin: 0 0 10px 0;
  display: block;
}

label.inline {
  margin: 0 0 10px 0;
  display: inline;
}

input.important, textarea {
  width: 450px;
}

div.errors, div.ok {
  margin: 12px 0 12px 0;
  font-weight: normal;
  background: #ffd1cf;
  padding: 12px 12px 12px 12px;
}

div.ok {background: #d7e982;}