* {
	margin: 0;
	padding: 0;
}


/* JEMNY PLYNULY PRECHOD: stejne odstiny jako puvodni pozad.jpg,
   ale bez ostre oddelenych vodorovnych pruhu.
   Prechod ma stalou vysku 1000 px (nezavisi na delce stranky),
   pod nim navazuje shodna svetle modra barva bez viditelneho predelu. */
html {
  min-height: 100%;
  background-color: #cbe9f1;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: center;
  min-height: 100vh;
  background-color: #cbe9f1;
  background-image: linear-gradient(to bottom,
    #051e22 0px,
    #1a4650 70px,
    #427f8f 150px,
    #55a3b8 250px,
    #70bbcc 400px,
    #94cfdc 600px,
    #b4dfea 800px,
    #cbe9f1 1000px
  );
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% 1000px;
  background-attachment: scroll;
}

.vypocet td {
font-size: 12px;
color: black;
border: solid 1px gray;
padding: 4px;
text-align: center;
}  

.vypocet td p{
text-indent: 0px;
}  

.crm_table{
  position: relative;
  left: 100px;
}

.crm_table table{
font-size: 12px;
color: black;
background-color:  rgb(231,244,248);
}  

.crm_table input{
font-size: 12px;
color: black;
border: solid 1px rgb(200,233,240);
height: 18px;
line-height: 150%;
}  

.crm_table .required{
font-size: 12px;
color: black;
background-color: #ffff93;
}  

.crm_table .disabled{
font-size: 12px;
color: black;
background-color: #dfdfdf;
}  

.crm_table .optional{
font-size: 12px;
color: black;
background-color: #ffffff;
} 





.crm_table textarea{
font-size: 12px;
color: black;
border: solid 1px rgb(200,233,240);
} 

.crm_table td{
font-size: 12px;
color: black;
background-color:  rgb(231,244,248);
padding: 4px;
}  

.crm_table td_right{
font-size: 12px;
color: black;
background-color:  rgb(231,244,248);
padding: 4px;
text-align: right;
}  




a:link, a:active, a:visited {
color: #000000;
font-size: 12px ;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
}

a:hover {
color: #000000;
font-size: 12px ;
font-family: Arial, Helvetica, sans-serif;
text-decoration: underline;
}



.frame{
position: relative;
width: 800px;
margin: auto; 
height: auto;
background-color: white;
}





.frame .hlavicka {
margin: 0px;
width: 800px ;
height: 199px ;
background-image: url(files/header.jpg);
background-color: rgb(111,111,111);
color: black;
position: relative;
}


.frame .menu {
  position: relative;
  margin: 0px;
  width: 800px ;
  height: 35px ;
  background-image: url(files/menu.gif);
  background-repeat: repeat-x; 
}

.frame .menu UL{
  position: relative;
	LIST-STYLE-TYPE: none;
	TEXT-ALIGN: center;
}

.frame .menu ul li{
	FLOAT: left;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 10pt ;
  TEXT-ALIGN: center;
}


.frame .menu A {
      width: 76px;
      /*width: 90px;*/
      font-family: Trebuchet MS;
		  font-size: 14px ;
		  height: 35px;
		  min-height: 35px;
		  COLOR: RGB(255,255,255);
		  line-height: 250%;
		  DISPLAY: block;
		  TEXT-ALIGN: center;
		  PADDING-LEFT: 12px;
      PADDING-RIGHT: 12px;
      text-decoration: none;
}

.frame  .menu A:hover {
      font-family: Trebuchet MS;
		  font-size: 14px ;
		  DISPLAY: block;
		  TEXT-ALIGN: center;
	    PADDING-LEFT: 12px;
     	PADDING-RIGHT: 12px;
		  COLOR: RGB(0,0,0);
		  text-decoration: none;
		  background-image: url(files/menu_activ.gif);
      background-repeat: repeat-x; 
}

.frame  .menu A:active {
      font-family: Trebuchet MS;
		  font-size: 14px ;
		  DISPLAY: block;
		  TEXT-ALIGN: center;
		  COLOR: RGB(0,0,0);
	    font-weight: bold;
	    PADDING-LEFT: 12px;
     	PADDING-RIGHT: 12px;
     	text-decoration: none;
}


.frame .hlavicka  #akce{
  position: relative;
  top: 175px;
  width: 400px;
  text-align: right;
  color: rgb(141,66,35);
  font-family: Trebuchet MS;
  font-weight: bold;
  font-style: italic;
	font-size: 12pt ;
}



.frame .content {
position: relative ;
margin: 0px;
width: 800px ;
max-width: 800px ;
/*
height: 1300px;
*/
min-height: 0;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
background-color: white;
background-repeat: repeat-x;
text-align: left;
padding: 0px;
}



.frame .content .leva {
float: left;
position: relative;
width: 550px;
max-width: 550px;
/*
height: 790px;
*/
min-height: 790px;
text-align: left;
margin: 0px;
padding-left: 16px;
padding-top: 10px;
display : block;
}  

.frame .content .leva h1{
  font-family: "Trebuchet MS";
  font-size : 20px;
  position: relative;
  top: 20px;
  color: black;
  padding-bottom: 10px;
  margin-bottom: 15px;
} 

.frame .content .leva p{
text-align: justify;
padding-bottom: 10px;
padding-left : 5%;
} 

.frame .content .leva span{
padding-left : 5%;
} 

.frame .content .leva_full {
float: left;
position: relative;
width: 780px;
max-width: 780px;
min-height: 0;
text-align: left;
margin: 0px;
padding-left: 16px;
padding-top: 10px;
display : block;
}

.frame .content .leva_full h1{
  font-family: "Trebuchet MS";
  font-size : 20px;
  position: relative;
  top: 20px;
  color: black;
  padding-bottom: 10px;
  margin-bottom: 15px;
} 

.frame .content .leva_full h2{
  font-family: "Trebuchet MS";
  font-size : 14px;
  position: relative;
  top: 20px;
  color : rgb(64,64,64);
  padding-bottom: 10px;
  margin-bottom: 15px;
} 


.frame .content .leva_full p{
text-align: justify;
padding-bottom: 10px;
padding-left : 5%;
padding-right : 5%;
} 

.frame .content .leva_full span{
padding-left : 5%;
} 


.frame .content .prava {
width: 200px;
max-width: 200px;
height: 780px;
min-height: 780px;
float: right;
position: relative;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt ;
padding: 10px;
} 

.frame .content .prava h1{
  font-family:"Trebuchet MS";
  margin-left : 10px; 
  font-size : 24px;
  color: black;
}  

.frame .content .prava h2{
  font-family:"Trebuchet MS";
  margin-left : 10px; 
  font-size : 14px;
  color : rgb(64,64,64);
  text-align: left;
}  



.frame .content .prava p{
  margin-left : 20px; 
  padding-right: 10px;
  text-align: justify;
}  

.frame .content .prava li{
  margin-left : 105px; 
}  

.frame .content a:link, a:active, a:visited {
color: rgb(47,134,154);
font-size: 12px ;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: underline;
}

.frame .content a:hover {
color: black;
font-size: 12px ;
font-family: Arial, Helvetica, sans-serif;
text-decoration: underline;
}


.frame .content .prava_full h1{
  font-family:"Trebuchet MS";
  margin-left : 10px; 
  font-size : 24px;
  color: rgb(181,181,181);
}  



.frame .content .prava_full p{
  margin-left : 20px; 
  padding-right: 10px;
  text-align: justify;
}  

.frame .content .prava_full li{
  margin-left : 105px; 
}  

.frame #footer {
width: 795px;
height: auto;
min-height: 32px;
padding-bottom: 6px;
background-color: rgb(27,146,175);
background-repeat: repeat-x;
background-position: bottom center; 
line-height: 250%;
font-size: 12px;
text-align: center; 
padding-right: 5px;
font-weight: bold;
}

.frame #footer A {
  font-weight: bold;
  COLOR: RGB(255,255,255);
}

.frame .hlavicka .obj {
  background-image: url(files/kniha.png);
  position: relative;
  top: 5px;
  background-repeat: no-repeat;
  height: 187px;
  width: 122px;
  float: right;
  right: 140px;
}

.frame .hlavicka .obj span {
  position: relative;
  top: 154px;
  height: 20px;
  width: 112px;
  font-family: "Trebuchet MS";
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  padding-left: 8px;
  float: left;
}

.frame .hlavicka .obj .tlc {
  background-image: url(files/kosik.gif);
  background-color: white;
  height: 20px;
  width: 20px;
  border: none;
  background-repeat: none;
}


.md {
color: green;
margin: 0px;
padding: 2px;
border:  none;
font-size: 12px;
text-align: center;
font-weight: bold;
}

.castka {
margin:0px;
padding:2px;
border: none; 
font-size: 10px;
text-align: center; 
font-weight: bold;
}

#knihy-autora {
  border-collapse: collapse;
  width: 100%;
}

#knihy-autora td, #knihy-autora th {
  border: 1px solid #ddd;
  padding: 8px;
}

#knihy-autora tr:nth-child(even){background-color: #f2f2f2;}

#knihy-autora tr:hover {background-color: #ddd;}

#knihy-autora th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: rgb(27,146,175);
  color: white;
}

.frame .content .leva_full {
  float: left;
  position: relative;
  width: 780px;
  max-width: 780px;
  text-align: left;
  margin: 0px;
  padding-left: 16px;
  padding-top: 10px;
  display: block;

  /* Opravené chování výšky */
  height: auto;
  min-height: 0;
  overflow: hidden;

  /* Spodní odstup zajišťuje společný kontejner .content */
  padding-bottom: 0;
}

/* ==== OPRAVA - OBRÁZEK UJÍŽDÍ DO MODRÉHO POZADÍ ==== */

/* Ujistíme se, že bílá sekce má skutečně bílý podklad a přetékající prvky nelezou ven */
.frame .content {
  overflow: hidden;        /* přinutí rodiče počítat výšku podle obsahu */
  background-color: white; /* pojistka – zajistí bílé pozadí až dolů */
  padding-bottom: 16px;   /* malý odstup nad modrým footerem */
}

/* Patička nechť začíná vždy až pod bílým obsahem */
.frame #footer {
  clear: both;             /* zajistí, že footer začne až pod plovoucími logy */
}