/* ======= CSS main.css ====== */

html,body {
	font-family: geneva, verdana, arial, sans-serif;
	font-size: 11px;
	padding: 0;
	border: none;
	margin: 0;
}

/*
  scrollbar-track-color: #99f; 
  scrollbar-face-color: #fff;
  scrollbar-highlight-color: #99f;
  scrollbar-3dlight-color: #99f;
  scrollbar-darkshadow-color: #99f;
  scrollbar-shadow-color: #99f;
  scrollbar-arrow-color: #99f;
*/

body {
	background: #aaf url("/img/bg2.png") repeat fixed;
}

button {
	font-family: geneva, verdana, arial, sans-serif;
	font-size: 11px;
}	

p, a, div {
    background-color: transparent;
	font-family: geneva, verdana, arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #fff;
	padding: 0;
	border: none;
	margin: 0;
}

h1 {
	padding: 0;
	margin: 0;
}
img {
	display: block;
	padding: 0;
	border: 0;
	margin: 0;
}

input {
	margin: 0;
}

.center {
	text-align: center;
}

/* Links ======================== */
a {
	background: transparent;
	font-weight: bold;
	text-decoration: underline;
}

a:link {
	color: blue;
}

a:visited {
	color: purple;
}

a:hover {
	color: red;
}

/* ======= obecné definice =========*/
a.rbutton:link,
a.rbutton:hover,
a.rbutton:visited {
	display: block;
	position: relative;
	float: right;
	display: inline;
  width: 100px;
  text-align: center;
  text-decoration: none;
	font-size: 12px;
  background-color: #99f;
  color: #00f;
  padding: 4px 0 5px 0;
  border: 1px solid #00f;
  margin: 0 5px;
  cursor: pointer;
}

a.rbutton:hover {
  color: #fff;
  border-color: #fff;	
}

input.button,
input.buttondef {
  font-family: geneva, verdana, arial, sans-serif;
  font-size: 11px;
  display: block;
  position: relative;
  float: right;
  display: inline;
  width: 100px;
  height: 25px;
  text-align: center;
  text-decoration: none;
  font-size: 12px;
  background-color: #99f;
  color: #00f;
  border: 1px solid #00f;
  cursor: pointer;
}

input.button:hover,
input.buttondef:hover {
	color: #fff;
	border-color: #fff;
}

input.button {
	border: 1px solid #00f;
}


/* ================= linky - konec =========================== */

.divCenter {
	width: auto;
	height: auto;
	text-align: center;
}

.testver {
	float: left;
	font-weight: bold;
	color: #f00;
	font-size: 18px;
	padding: 0 0 0 10px;
	visibility: hidden; 
}

/* --- hlavní divy stránky --- */

div.main {
	width: 980px;
	min-height: 1250px;
	background-color: transparent;
	padding: 5px 0;
}

div#page {
	position: relative;
}

div.mainDetail {
  background-color: transparent;
  margin: 0px 10px;
  padding: 0;
}

div.mainleft,
div.mainright {
 float: left;
 height: auto;
 width: 145px;  
 vertical-align: top;
}

div.mainright {
	float: right;  
}

div.plleft,
div.plleftoddily, 
div.plright,
div.menu {
  width: auto;  
  height: auto;
  color: #fff;
  background-color: #aaf;
  text-align: left;
  vertical-align: top;
  margin: 0 0 10px 0;
  padding: 5px;
  border: 1px solid white;
}

div.plright {
  	width: auto;
	height: auto;
	border: 1px solid white;
	padding-bottom: 10px;
}

p.boxuzivatel {
 color: #fff;
 text-align: center;
 padding: 0;
 border: 0;
 margin: 5px 0px;
}

a:link.volZdarma ,
a:hover.volZdarma,
a:visited.volZdarma  {
	display: block;
	text-align: center;
	padding: 8px 4px;
	font-weight: bold;
	line-height: 100%;
	color: #a00;
	border: 1px solid #00f;
	text-decoration: none;
}

a:hover.volZdarma {
	background-color: #99f;
	color: #fff;
}

.menu a:link,
.menu a:hover,
.menu a:visited,
.menu a:link.aktualni,
.menu a:hover.aktualni,
.menu a:visited.aktualni {
  display: block;
  padding: 1px 5px; 
  font-size: 10px;
  text-decoration: none;
}

.menu a:link,
.menu a:hover,
.menu a:visited {
  border: 1px solid #aaf;
  color: #fff;
}

.menu a:link.modlitba,
.menu a:hover.modlitba,
.menu a:visited.modlitba {
  border: 1px solid #aaf;
  color: #a00;
}

.menu a:hover.modlitba {
	border: 1px solid #fff;
}

.menu a:hover {
  background-color: #99f;	
  border: 1px solid #00f;
  border-right: 7px solid #00f;
  border: 1px solid white;
}

.menu a:link.aktualni,
.menu a:hover.aktualni,
.menu a:visited.aktualni {
  background-color: #99f;
  color: #fff;
  border: 1px solid #00f;
  border-right: 7px solid #00f;
  border: 1px solid white;
}

.cntvis {
  color: #fff;
  text-align: center;
  font-size: 10px;
  padding: 0 0 1px 0;
  margin: 30px 10px 10px 10px;
  border: 1px dotted #00f;
}

/* hlavní box textu stránky - uprostřed */

div.oddtitul {
	font-size: 0;
	height: 10px;
}

div.spodniMain {
}

div.mbox,
div.mboxdet {
	width: 670px;
	padding: 0;
	margin: 0;
	background-color: transparent;
}

div.mboxdet {
	width: auto;
	height: auto;
}

p.mbtext {
	padding: 0px;
	margin: 0;
}

div.vyhledavani {
  font-weight: normal;
  text-align: center;
  padding: 0;
  margin: 5px 0 10px 0;
}

form.vyhledavani {
	text-align: center;
	padding: 0;
	margin: 0;
}

form.vyhledavani input {
  height: 15px;
  font-size: 10px;
  color: #00f;
  margin: 0;
  border: 0;
  padding: 0 4px;
}

form.vyhledavani button {
	font-size: 10px;
  background-color: #00f;
  color: #fff;
  margin: 4px 0 0 0;
  padding: 0 5px;
  border: 0px solid #fff;
  cursor: pointer;
}

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

div.seButton {
	width: 100%;
	height: 30px;
	margin-top: 10px;
	text-align: center;
}

div.seButton input {
  font-family: geneva, verdana, arial, sans-serif;
  font-size: 11px;
  width: 98px;
  height: 22px;
  text-align: center;
  text-decoration: none;
  font-size: 12px;
  background-color: #99f;
  color: #00f;
  border: 1px solid #00f;
  margin: 0;
  cursor: pointer;
}

div.seButton input:hover {
	color: #fff;
	border-color: #fff;
}


div#pgheader {
	height: 125px; 
	background: transparent url("/img/header.png") repeat;
	color: #30c;
	padding: 5px 0 0 0;
	border: 1px solid #00f;
  	border: 1px solid white;
}

.titheader {
  display: block;
  font-size: 30px;
  font-weight: bold;
  text-align: left;
  vertical-align: top;
  color: #99f;
  margin-left: 60px;
}

.addressmain {
	display: block;
	font-size: 12px;
	font-style: italic;
	text-align: right;
	padding-right: 4px;
	margin-top: 105px; 
	color: #fff;
}

.imglogo {
	position: absolute;
	left: 20px;
	top: 4px;
	display: block;
	float: left;
	width: 90px;
}

.divfooter {
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	text-align: center;
}

div#footer {
	width: 980px;
	background-color: #bbf;
	color: #777;
	font-size: 9px;
	font-weight: normal;
	font-style: italic;
	text-align: right;
	vertical-align: bottom;
	padding: 2px;
	border: 1px solid #00f;
	margin: 5px 0 5px 0;
	border-right: 7px solid blue;
	border-left: 7px solid blue;
	border: 1px solid white;
}

#footer a:link,#footer a:hover,#footer a:visited {
	background-color: transparent;
	font-size: 9px;
	font-weight: normal;
	font-style: italic;
	text-align: right;
	text-decoration: none;
	color: #99f;
	padding: 0;
	border: 0;
	margin: 0;
	vertical-align: bottom;
}

#footer a:hover {
	color: blue;
}

/*  ========  tables ============= */
table {
	border-collapse: collapse;
	width: auto;
}

td {
	padding: 0px;
	border: 0px dotted red;
	vertical-align: top;
}

/* ---------- menu ---------- */
h1.titmain { /* hlavní titulek stránky */
	display: block;
	background-color: #99f;
	font: 160% Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #fff;
	text-align: left;
	padding: 4px 10px;
	margin: 0px;
}

.stranka {
	width: auto; 
	display: block;
	background-color: transparent;
	text-align: justify;
	padding: 5px 0;
}

#rubrikyKnih {
	display: block;
	background-color: transparent;
	text-align: left;
	line-height: 110%;
	padding: 4px 0px;
	border: 0px solid blue;
	margin: 0;
}

#rubrikyKnih a {
	display: block;
	background-color: transparent;
	font-size: 10px;
	text-indent: 0;
	text-decoration: none;
	font-weight: normal;
	color: blue;
	padding: 0 3px;
	border: 0;
	margin: 4px 1px;
}

#rubrikyKnih a:link a:hover a:visited {
	color: blue;
}

#rubrikyKnih a:hover {
	color: #fff;
}

#rubrikyKnih a:link.aktual,
#rubrikyKnih a:visited.aktual {
	color: #f00;
}

/* ************************************************************************** */
/*                                                                            */
/*              + + +   hlavní strana   + + +                                 */
/*                                                                            */
/* ************************************************************************** */
div.mcitatr {
  text-align: right;
  padding: 0;
  margin: 0 0 110px 0;
}

div.mcitat {
  float: right;
	width: 650px;
  height: auto;
	padding: 3px;
	margin: 0px;
}

div.mcitat p {
  color: #fff;
	font-style: italic;
	padding: 0;
  margin: 0;
  line-height: 140%;
	text-align: right;
}

div.mcitat p.podpis {
  text-align: right;
  margin: 10px 0 0 0;
  padding: 0;
}

div.mmatice {
  padding: 5px;
}

div.mmatice h1 {
	color: #00f;
	font-size: 16px;
	font-weight: bold;
  	padding: 0;
	line-height: 250%;
}

div.mmatice p {
	color: #000;
	text-indent: 0px;
  	line-height: 130%;
}

/* ************************************************************************** */
/*                                                                            */
/*              - - -   hlavní strana  - - -                                  */
/*                                                                            */
/* ************************************************************************** */

/* ************************************************************************** */
/*                                                                            */
/*              + + +   obchod a košík  + + +                                 */
/*                                                                            */
/* ************************************************************************** */
div#karty {
	color: #00f;
	text-align: left;
}

.oddtable {
	height: 5px;
	font-size: 0;
}

div#karty table td {
	width: 340px;
	vertical-align: top;
	padding: 1px;
}	

.kaKarta {
	height: auto;
	background-color: #aaf;
	color: #000;
	padding: 2px;
	border: 1px solid #fff;
}

div.navKosik {
	height: 80px;
	border: 1px solid #fff;
	margin: 4px 0;
	padding: 0;
}

.nk_main,
.nk_main_1,
.nk_main_2,
.nk_main_3,
.nk_main_4 {
	float: left;
	width: 165px;
}

div.nk_cis,
div.nk_cisa {
	float: left; 
	color: #99f;
	text-align: left;
	font-size: 72px;
	line-height: 100%;
	font-weight: bold;
}

div.nkvypln {
	height: 27px;
	font-size: 0;
}

div.nk_txt,
div.nk_txt1,
div.nk_txt2,
div.nk_txt3,
div.nk_txt4, 
div.nk_txta,
div.nk_txta1,
div.nk_txta2,
div.nk_txta3,
div.nk_txta4 {
	color: #99f;
	text-align: right;
	font-size: 16px;
	font-weight: bold;
	line-height: 120%;
	padding-right: 50px;
}

div.nk_txta,
div.nk_txta1,
div.nk_txta2,
div.nk_txta3,
div.nk_txta4 {
	color: #fff;
}	

div.nk_txta4,
div.nk_txt4 {
	padding-right: 0;
}

div.nk_txt3,
div.nk_txta3 {
	padding-right: 30px;
}


div.nk_cisa, 
div.nk_txta {
	color: #fff;
}

div.navKosik_kos, 
div.navKosik_zad,
div.navKosik_kon,
div.navKosik_pot,
.navKosik_zad:link,
.navKosik_zad:hover,
.navKosik_zad:visited {
	display: block;
	float: left;
  width: 150px;
  text-align: center;
  height: 14px;
  border: 0px solid #00f;
  margin: 5px 10px;
  padding: 2px 0;
  text-decoration: none;
}

.navKosik_zad:hover {
  background: #99f;
  color: #00f;
  border: 1px solid #00f;
  margin: 4px 9px;
}

.kaTitul {
	background-color: #99f;
	height: 70px;
	line-height: 130%;
	color: #000;
	padding: 2px 4px;
	margin-bottom: 4px;
}

/* název knihy - titul */
a.kaHlavicka:link,
a.kaHlavicka:hover,
a.kaHlavicka:visited {
	/*display: inline;*/
	text-decoration: none;
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 12px;
	font-weight: bold;
}

a.kaHlavicka:hover {
	color: #fff;
}

div.kaRecNum {
	float: right;
  color: #ccc;
  text-align: right;
  font-size: 9px;
}

.kaPodtit {
	color: Maroon;
	font-size: 11px;
}

.kaAutor:link,
.kaAutor:hover,
.kaAutor:visited {
  color: #00f;
  text-decoration: none;
  text-align: left;
  padding: 2px 2px 2px 0;
}

.kaAutor:hover {
	color: #fff;
}

/* anotační část - obrázek a anotace */
div.kaStred {
	height: 110px;
	padding: 4px;
}

div.kaStred img {
	float: left;
	margin: 0 4px 0 0;
	height: 100px;
}

div.kaStred p {
  color: #000;
	line-height: 120%;
	text-align: justify;
}

div.kaDetailBox {
 display: none;
 position: relative;
 z-index: 1;
}

div.kaDetails,
div.kaDetailStin {
  position: absolute;
  z-index: 10;
  width: 300px;
  height: auto;
  color: #000;
  background-color: #99f;
  top: 3px;
  left: 30px;
  text-align: justify;
  padding: 10px;
  margin: 0px;
  border: 1px solid #00f;
}

.kaDetailCteny {
  color: #77f;
}

div.kaDetailStin {
  z-index: 9;
  background: transparent url("/img/transparent.png") repeat left top;
  top: 15px;
  left: 38px;
  border: 0px solid white;
}

a:link.kaAnotCela,
a:hover.kaAnotCela,
a:visited.kaAnotCela{
  background-color: #99f;
  text-decoration: none;
  padding: 0px 10px;
  border: 0px solid #00f;
  margin: 0 0 0 4px;
}

a:hover.kaAnotCela {
	color: #f00;
}

div.kaKarta p {
	background-color: transparent;
	text-indent: 0;
	padding: 0;
	margin: 0;
}

div.kaProstredni {
  padding: 2px;
  height: 50px;
  margin: 0 0 4px 0;
}

div.kaSpodni {
	height: 75px;
	padding: 2px;
}

div.kaInf {
	text-align: right;
	line-height: 120%;
	color: blue;
}

div.kaCena {
	margin-bottom: 4px;
}

p.kaCen {
	font-weight: normal;
	text-align: right;
	line-height: 130%;
	color: #a00;
}

p.kaCenold {
	font-weight: normal;
	text-decoration: line-through;
	text-align: right;
	color: #a00;
}

p.kaCes {
	font-weight: bold;
	text-align: right;
	color: #a00;
}

/* poznámky */
p.kaPo,
p.kaPo1,
p.kaPo2 {
	line-height: 120%;
	text-align: right;
}	

/* poznámka 1 */
p.kaPo1 {
	color: #e00;
	border-top: 1px solid #e00;
}

/* poznámka 2 */
p.kaPo2 {
	color: #08f;
}

div.kaBtns, 
.kaVyprodano {
	background-color: #99f; 
	height: 25px;
	width: auto;
	text-align: right;
}

.kaVyprodano div {
 color: #c00;
 padding: 5px 4px 0 0;
 font-weight: bold;
}	

.kaPocet {
	display: inline;
	position: relative;
	top: 6px;
	color: #00f;
	height: 10px;
	text-align: right;
	border: 0;
}

.kaPocet input {
	color: #00f;
	text-align: right;
	font-size: 11px;
	padding: 0 4px 0 0;
	border: 0;
}

.kaBtns input.kaKosik {
  float: right;
  margin: 5px 4px;
}

.kaBtns form {
  margin: 0;
  padding: 0;
  border: 0;
}

.kadeIsb {
	height: 15px;
	width: auto;
	text-align: right;
	padding: 2px 4px;
}

.kadeIsbn,
.kadeIsmn {
	color: #00f;
}

/* čítač stránek */
.citstr {
	display: block;
	background-color: #ddd;
	background-color: transparent;
	color: #00f;
	text-align: center;
	font-weight: bold;
	padding: 5px 8px;
	border: 1px solid #00f;
}

/* db navigační prvky */
.citstr img {
	padding: 0;
	border: none;
	margin: 0;
}

/* čísla stránek jakožto odkazy */
p.citstr,
a:link.citstr,
a:hover.citstr,
a:visited.citstr {
	display: inline;
	line-height: 150%;
	text-align: center;
	background-color: transparent;
	background-color: #aaf;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	padding: 0 4px;
	margin: 2px;
}

p.citstr {
  font-weight: bold;
}

.citAdresa {
	padding: 8px 2px;
	color: #fff;
}

.citAdresa .odkaz:link, 
.citAdresa .odkaz:hover,
.citAdresa .odkaz:visited,
.citAdresa .aktOdkaz,
.citAdresa .aktOdkaz:link,
.citAdresa .aktOdkaz:hover,
.citAdresa .aktOdkaz:visited {
  text-decoration: none;
  border: 1px solid #fff;
  padding: 2px 15px; 	
}

.citAdresa .aktOdkaz, 
.citAdresa .aktOdkaz:hover {
	font-weight: bold;
	display: inline;
	cursor: default;
}

.citAdresa .odkaz:hover {
	background-color: #99f;
	color: #fff;
}

div.panelstrmain {
  z-index: 100;
  position: absolute;
  text-align: center;
  padding: 0;
  border: 0px dotted #f00;
  display: none;
}

div.panelstr {
	position: absolute;
	z-index: 105;
	background-color: #99f;
  width: 300px;
  color: #fff;
  padding: 4px;
  border: 1px solid #00f;
  display: none;
}

div.panelstrstin {
	display: none;
	position: absolute;
	z-index: 101;
  background: transparent url("/img/transparent.png") repeat left top;
  border: 0px solid white;
}

.dbnavPanel {
	float: left;
  width: 25px;
  text-align: center;
  border: 1px solid #99f;
}

.dbnavPanel p {
  color: #fff;
  font-weight: bold;
  padding: 3px 2px;
  margin: 0;
  border: 0; 
}

.dbnavPanel a:link,
.dbnavPanel a:hover,
.dbnavPanel a:visited {
	color: #000;
	width: 100%;
	background: transparent;
	line-height: 160%;
	padding: 1px 2px;
	margin: 0;
}

.dbnavig {
	display: inline;
	padding: 0 2px;
	margin: 0;
	border: 0;
}

p.dbpocpol {
	display: inline;
	color: #40f;
	font-weight: normal;
	padding: 8px 0 0 0;
	border: 0;
	margin: 0;
}

/************ košík ************/
.hide {
	display: none;
}

/* karty - nabídková karta */
.kosbtns {
	height: 20px;
	text-align: right;
	padding: 2px 0;
	border: 1px dotted #00f;
}

.kosbtns div.pocet,.kosbtns div.cenaks,.kosbtns div.koscel {
	display: inline;
	width: 160px;
	vertical-align: text-top;
	margin-right: 20px;
}

.kosbtns div.koscel {
	color: #f00;
}

.kosbtns .buttons {
	display: inline;
	text-align: center;
	vertical-align: middle;
	margin: 0 2px;
}

.kosbtns form {
	display: inline;
	background-color: transparent;
	vertical-align: middle;
	padding: 0;
	border: 0;
	margin: 0;
	border: 0px solid blue;
}

.kosbtns form input {
	padding: 0 2px;
}

.ceKos {
	color: #00f;
}


/* ==================================================================== */

table.kosik {
	background-color: transparent;
	border-collapse: separate;
  font-size: 10px;
  margin: 4px 0 10px 0;
}

table.kosik tr {
  cursor: pointer;
}

tr.korSudy {
  background-color: #99e;
  /*background-color: #aaf;*/
}

tr.korLichy {
  background-color: #aaf;
}

/*
tr.korSudy:hover,
tr.korLichy:hover {
  background-color: #ccf;
  color: #fff;
}
*/

td.kohIdx,
td.kohNazev,
td.kohCenaKs,
td.kohPocet,
td.kohCelkem {
  background-color: #fff;
  font-weight: bold;
  color: #00f;
  padding: 2px 2px;
  text-align: right;
}

td.korIdx,
td.korNazev,
td.korCenaKs,
td.korPocet,
td.korCelkem,
table.kosik td a:link,
table.kosik td a:hover,
table.kosik td a:visited {
  color: #000;
  padding: 2px;
  text-align: right;
  text-decoration: none;
  font-size: 10px;
}

td.kopNic,
td.kopPopis,
td.kopPocet,
td.kopCelkem {
  background-color: #fff;
  color: #00f;
  padding: 2px 2px;
  text-align: right;
  font-weight: bold;
}

td.kohIdx,
td.korIdx {
  width: 40px;
}

td.kohNazev,
td.korNazev {
  width: 400px;
  text-align: left;
}

td.kohCenaKs,
td.korCenaKs {
  width: 80px;
}

td.kohPocet,
td.korPocet {
  width: 56px;
}
td.kohCelkem,
td.korCelkem {
	width: 90px;
}

#hledani {
	display: none;
	border: 1px solid #fff;
	color: #fff;
	width: 400px;
	margin: auto;
	height: 70px;
	text-align: center;
}

#hledani .tit {
	font-weight: bold;
	font-size: 130%;
	padding: 10px 0 5px 0;
}

#hledani .ukazatel {
	padding: 5px;
}

/* ************************************************************************** */
	/*                                                                            */
	/*              - - -   obchod a košík  - - -                                 */
	/*                                                                            */
	/* ************************************************************************** */
	/* ************************************************************************** */
	/*                                                                            */
	/*              + + +    login, přihlášení  + + +                             */
	/*                                                                            */
	/* ************************************************************************** */
	
form.login {
	display: block;
	width: auto;
	height: 70px;
	background-color: transparent;
	vertical-align: middle;
	text-align: right;
	padding: 4px 2px;
	border: 1px dotted #00f;
	margin: 0;
}

div.logline {
	display: inline;
	color: #fff;
	padding: 0 2px 0 0;
}

form.login .logprv {
	font-size: 0;
}

form.login .lgoddel {
	height: 2px;
	font-size: 0;
}

form.login input {
	text-align: left;
	background-color: #aaf;
	width: 75px;
	height: 14px;
	font-size: 11px;
	color: #fff;
	border: 1px solid #fff;
	margin: 0;
}

.lgname {
	background-color: #00f;
	font-size: 11px;
	color: #fff;
}

form.login .lgButton {
	text-align: center;
}

form.login .oddel{
  height: 8px;
  font-size: 0;
}

form.login input.login {
	width: 100px;
	height: 22px;
	text-align: center;
	border: 1px solid #00f;
	background-color: #99f;
	margin: 0;
	color: #00f;
	padding: 0;
	margin: 0;	
}

form.login input.login:hover {
	border-color: #fff;
	color: #fff;
}

.lpMain {
	width: auto;
	height: 100px;
	margin: 30px 4px;
	text-align: center;
}

.lpMain form {
	background-color: #aaf;
	margin: 0 50px;
	border: 1px solid #fff;
}

.lpTitul {
	margin: 10px;
	color: #000;
}

.lpTitul p {
	line-height: 160%;
	color: #00f;
}

.lpMail {
	padding: 20px 0;
}

.lpMain div.label {
	display: inline;
	padding: 0 10px;
}

.lpMain input.mail {
	font-size: 11px;
	color: #fff;
	background-color: transparent;
	border: 1px solid #fff;
	margin: 0;
	padding: 2px 4px;
}

.lpMain .button {
	height: 40px;
}

.lpMain input.lpButton {
	width: 100px;
	height: 22px;
	border: 1px solid #00f;
	color: #00f;
	background: #99f;
	cursor: pointer;
}

.lpMain input.lpButton:hover {
	color: #fff;
	border-color: #fff;
}

.lpMain a.rbutton {
	margin: 20px 0;
}

div.obadmins {
	background-color: #ccf;
	height: 65px;
	text-align: right;
	line-height: 120%;
	color: #00f;
	padding: 4px 2px;
	margin: 2px 0;
	border: 1px solid white;
}

.obadmins p { /* použito hlavně k menu v hlavičce pomocí odkazů */
	text-indent: 0;
	line-height: 140%;
	text-align: right;
	padding: 0;
	border: 0;
	margin: 0;
}

.obadmins a,
a:link,
a:visited {
	color: #00f;
	font-weight: normal;
	text-decoration: underline;
	padding: 0 4px;
}

.obadmins a:hover {
	color: #f00;
}

p.uzivatel {
	display: block;
	color: #00f;
	text-align: center;
	padding: 0;
	/*padding-right: 2px;*/
	margin: 10px 0;
}
p.registrace {
	display: block;
	border: 0px solid green;
}	

a:link.btnzpet,
a:hover.btnzpet,
a:visited.btnzpet {
	text-align: center;
  display: block;
	padding: 2px;
  text-decoration: none;
}

a:hover.btnzpet {
  background-color: #99f;
  color: #00f;
  padding: 1px;
  border: 1px solid #00f;
}

a:link.btnkosik,
a:hover.btnkosik,
a:visited.btnkosik,
a:link.btnnapoveda,
a:hover.btnnapoveda,
a:visited.btnnapoveda,
a:link.logout,
a:hover.logout,
a:visited.logout,
a:link.uzivatel,
a:hover.uzivatel,
a:visited.uzivatel,
.zobrkosik {
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 2px;
  margin: 2px 0;
}

a:hover.btnkosik,
a:hover.btnnapoveda,
a:hover.logout,
a:hover.uzivatel {
  background-color: #99f;
  color: #00f;
  padding: 1px;
  border: 1px solid #00f;
}

a:link.btnkosik,
a:hover.btnkosik,
a:visited.btnkosik,
.zobrkosik {
	margin: 12px 0;
}

.zobrkosik {
  background-color: #aaf;
  padding: 1px 0;
  border: 1px solid #00f;
}

.btnkosik p,
.zobrkosik p {
	text-align: center;
	text-decoration: none;
  color: #00f;
  margin: 2px 0;
}

.kosPol,
.kosCena,
.kosText {
  display: block;
  line-height: 130%;
}

.kosPol,
.kosPol a {
	color: #fff;
	text-decoration: none;
	padding: 2px 0;
}

.kosCena,
.kosCena a {
	color: #f00;
	text-decoration: none;
	padding: 2px 0;
}

.kosText {
  color: #00f;
}

.kosKosobj {
	font-size: 0;
}

.kosKosobj form {
	text-align: right;
}

.kosKosobj form .button {
	position: static;
	float: none;
}

/* ************************************************************************** */
	/*                                                                            */
	/*              - - -    login, přihlášení  - - -                             */
	/*                                                                            */
	/* ************************************************************************** */
	/* ************************************************************************** */
	/*                                                                            */
	/*              + + +    registrace zákazníka, formulář   + + +               */
	/*                                                                            */
	/* ************************************************************************** */
div.registrace {
	display: block;
  height: auto;
	background-color: #aaf;
	padding: 10px;
	border: 1px solid #fff;
}

div .registrace #uzivform {
  padding-bottom: 5px;
}

table.registrace {
	margin: 0;
}

table.registrace td {
	vertical-align: middle;
	padding: 0 4px;
	margin: 0;
}

table.registrace td.labels,
table.registrace td.lbtextarea {
	color: #00f;
	text-align: right;
	font-size: 12px;
	width: 140px;
}

table.registrace td.lbtextarea {
  vertical-align: top;
}

table.registrace td.oddel {
	color: #00f;
	text-align: right;
	font-weight: bold;
	font-size: 12px;
	vertical-align: bottom;
	height: 20px;
	padding-bottom: 4px;
}

table.registrace td.oddline {
  height: 2px;
}

table.registrace td.inputs {
	color: #00f;
	text-align: left;
}

table.registrace td.inputs div {
  float: left;
  border: 1px solid #00f;
  padding: 0;
  height: auto;
  width: auto;
  background-color: transparent;
}

table.registrace td.inputs div input {
	background-color: #ddf;
	color: #00f;
  border: none;
	font-size: 12px;
	padding: 1px;
	padding-left: 5px;
}

table.registrace td.inputs div input.req {
	border-left: 4px solid #f00;
  padding-left: 1px;
}

table.registrace#frfiremni {
  display: block;
  height: auto;
  color: #00f;
}

#frmchkbox {
  color: #00f;
}

table.registrace td.chbtnfirma input {
	color: #00f;
	font-size: 12px;
	padding: 0;
	margin: 5px 0 4px 0;
}

table.registrace td.lchbtnfirma {
  color: #00f;
  font-size: 12px;
  text-align: right;
  padding: 0;
  margin: 5px 0 0 0;
}

.adrDoruceni {
	padding: 4px 0;
	margin: 20px 10px 5px 30px;
  border-bottom: 1px solid #fff;
}

div .registrace .buttons {
	display: block;
	text-align: right;
	height: 30px;
}

p.flegenda {
	color: #00f;
	padding: 2px 5px;
	margin: 10px 0 10px 0;
	border: 0;
	border-left: 4px solid #f00;
}

.regover {
  display: block;
  height: auto;
	background-color: #aaf;
	padding: 10px;
	border: 1px solid #fff;
}

.regover .buttons {
	display: block;
	text-align: right;
	height: 30px;
}


/* ************************************************************************** */
/*                                                                            */
/*              - - -    registrace zákazníka, formulář   - - -               */
/*                                                                            */
/* ************************************************************************** */
/* ************************************************************************** */
/*                                                                            */
/*              + + +    administrace dat   + + +                             */
/*                                                                            */
/* ************************************************************************** */
.adminis {
	display: block;
	height: 40px;
	padding: 4px;
	background-color: #aaf;
	border: 0px dotted red;
}

.adminis input.menu {
	background-color: transparent;
	font-size: 11px;
	text-decoration: underline;
	color: #00f;
	padding: 0;
	border: 0;
	margin: 0;
	cursor: pointer;
	border: 0px dotted yellow;
}

.adminis input.over {
	background-color: transparent;
	font-size: 11px;
	text-decoration: underline;
	color: #f00;
	padding: 0;
	border: 0;
	margin: 0;
	cursor: pointer;
}

.adminis a,a:link,a:hover,a:visited {
	
}

.adminis a:hover {
	color: #f00;
}

admins a.modra {
	color: #00f;
}

.cervena {
	color: #f00;
}

/* ************************************************************************** */
/*                                                                            */
/*              - - -    administrace dat   - - -                             */
/*                                                                            */
/* ************************************************************************** */
/* ************************************************************************** */
/*                                                                            */
/*                    + + +    objednávky   + + +                             */
/*                                                                            */
/* ************************************************************************** */


.udajeObjednavky {
	background-color: #aaf;
	display: block;
	padding: 10px;
	border: 1px solid #fff;
}

.udajeObjednavky .kosobj {
  height: 40px;
  text-align: right;
  padding: 10px;
}


.udajeObjednavky form {
	display: inline;
	margin: 0;
}

.udajeObjednavky .odpal {
  width: 10px;
  height: 10px;	
}

.udajeObjednavky .butZpet,
.udajeObjednavky .butOdes {
	height: 25px;
	width: 100px;
	color: #00f;
	border: 1px solid #00f;
	cursor: pointer;
	background-color: #99f;
}

.udajeObjednavky .butOdes:hover,
.udajeObjednavky .butZpet:hover {
	color: #fff;
	border-color: #fff;
}

.uoAdresat,
.uoZbozi,
.uoPoznamka,
.uoDalsi {
	
}

.uoButtons {
}

.uoaTelo,
.uozTelo,
.uopTelo,
.uodTelo {
 padding: 10px 5px;
 border: 0px solid #ddd;
 color: #000;
}

.uoTitle,
.uozTitle,
.uopTitle,
.uodTitle {
  font-weight: bold;
  color: #00f;
  padding: 4px;
  border: 1px solid #ccc;
}

.uoJmeno,
.uoAdresa,
.uozRadek {
  color: #000;
  line-height: 130%;
  
}

.uozZbozi {
	font-size: 10px;
	color: #000;
}

.uoztHeader,
.uoztSuma {
  background-color: #fff;
  color: #00f;
}

.uozZbozi td {
  padding: 1px 4px;
  text-align: right;
}

.uozPocet {
  width: 40px;
}

.uozCena {
  width: 60px;
}

.uozCelkem {
  width: 80px;
}

td.uoztLeft,
td.uozNazev {
	text-align: left;
	width: 400px;
}

.uoPoznamka {
  padding: 0;
  margin: 0;
}

.uoPoznamka textarea {
 	width: 400px;
	height: 80px;
	color: #00f;
  background-color: #ddf;
  border: 1px solid #00f;
	font-family: geneva, verdana, arial, sans-serif;
	font-size: 11px;
}

.uoOdeslana,
.uoError {
  color: #00f;
  line-height: 140%;
  text-align: center;
  margin: 5px 0;
}

.uoError {
  color: #f00;
}

.okPokracovat {
	float: right;
	text-align: center;
}

.okPokracovat a:link,
.okPokracovat a:hover,
.okPokracovat a:visited {
	display: block;
	width: 120px;
	height: 15px;
  text-decoration: none;
  border: 1px solid #00f;
  color: #00f;
  padding: 2px 0 0 0;
}

.okPokracovat a:hover {
  background-color: #99f;
}

form.ouZpet {
	position: relative;
	height: 30px;
	width: 120px;	
	top: -5px;
	left: 435px;
	display: inline;
}

form.ouZpet input.btZpet {
  font-family: geneva, verdana, arial, sans-serif;
  font-size: 11px;
  display: inline;
  width: 100px;
  height: 25px;
  text-align: center;
  text-decoration: none;
  font-size: 12px;
  background-color: #99f;
  color: #00f;
  border: 1px solid #00f;
  cursor: pointer;
}

form.ouZpet input.btZpet:hover {
  background-color: #99f;
  color: #fff;
  border: 1px solid #fff;
}


/* ************************************************************************** */
/*                                                                            */
/*                    - - -    objednávky   - - -                             */
/*                                                                            */
/* ************************************************************************** */
/* ************************************************************************** */
/*                                                                            */
/*                    + + +   karta detail + + +                              */
/*                                                                            */
/* ************************************************************************** */

.kadeCenterMain {
  width: 99%;
  text-align: center;
  padding: 0;
}

.kadeMain {
	width: 580px;
	height: 380px;
  margin: 10px;
}

.kadeTitul {
	height: 60px;
	background-color: #aaf;
	text-align: left;
  padding: 4px;
  margin: 0;
  margin-bottom: 10px; 
}

.kadeNazev {
  color: #fff;
  font-weight: bold;
  font-size: 12px;
}

.kadePodtitul {
  color: #00f;
  margin-top: 3px;
}

.kadeAutor,
.kadeAutor a {
  margin: 10px 0 0 0;
  padding: 0;
  text-decoration: none;
  font-weight: bold;
}

.kadeAutor a:hover {
  color: #a00;
}

.kadeStredni {
	height: 120px;
	padding: 2px 4px;
	margin-bottom: 5px;
}

.kadeStredni img {
	float: left;
  padding: 0px;
  margin: 0 6px 0 0;
  height: 100px;
}
  
.kadeStredni p {  
  position: relative;
  height: 120px;
  overflow: auto;
  color: #000;
  line-height: 120%;
  text-align: justify;
  padding: 0 4px;
  margin: 0;
 }
  
.kadeAnotace {
	position: relative;
	line-height: 120%;
  text-align: justify;
  padding: 0;
  margin: 0;
}

.kadeInfo {
  text-align: right;
  color: #00f;
  padding-top: 2px;
  border-top: 1px solid #00f;
}

.kadeDolni {
  height: 110px;
  margin: 0 5px;
}

.kadeCena {
  text-align: right;
  color: #a00;
  margin: 4px 2px 0 0;
}

.kaCena,
.kaCenaOld,
.kaCenaSleva {
	color: #a00;
	font-weight: bold;
}

.kaCenaOld {
  text-decoration: line-through;
}

.kaCenaSleva {
}

.kadePoznamky {
  text-align: right;
  color: #aff;
  margin-top: 10px;
}

.kadePoznamka1 {
  margin-top: 2px;
/*  border-top: 1px solid #e00; */
  color: #08f;
}

.kadePoznamka2 {
  color: #08f;
}

.kadeVydavatel {
  text-align: right;
  padding: 2px 0 4px 0;
}

.kadeVydavatel a:link,
.kadeVydavatel a:hover,
.kadeVydavatel a:visited {
  color: #fff;
  text-decoration: none;
}

.kadeVydavatel a:hover {
  color: #f00;
}

.kadeBottom {
  position: relative;
  bottom: 0px;
  left: 0px;
  height: 35px;
  margin: 0px 4px;
  background-color: #aaf;
  text-align: right;
  padding: 1px 4px 0 0;
}

.kadeVKosiku {
  text-align: right;
  color: #000;
  font-weight: bold;
  margin-right: 4px;
}

.kadeVyprodano {
	color: #f00;
	font-weight: bold;
	text-align: right;
	padding: 10px 5px;
}

.kadePocet,
.kadePocetDel {
	display: inline;
	position: absolute;
	right: 30px;
	bottom: 10px;
}

.kadePocetDel {
  right: 50px;
}

.kadePocet input,
.kadePocetDel input {
  font-size: 10px;
  text-align: right;
  color: #00f;
  border: 0;
  margin: 0;
  padding: 0 2px;
}

.kadeBtnKos,
.kadeBtnKosDel {
	display: inline;
	position: absolute;
	right: 8px;
	bottom: 10px;
}

.kadeBtnKosDel {
 right: 28px;
}

.kadeBtnDel {
  display: inline;
  position: absolute;
  right: 8px;
  bottom: 10px;
}

.kadeZpet {
  text-align: right;
  margin: 0 5px 0 0;
}

.kadeZpet a {
  text-decoration: none;
  margin: 2px 0 0 0;
  padding: 0;
}

.kadeZpet a:hover {
 color: #a00;

}

/* ************************************************************************** */
/*                                                                            */
/*                    - - -    objednávky   - - -                             */
/*                                                                            */
/* ************************************************************************** */


/* kontakty */

.koMain {
	color: #000;
	border: 1px solid #fff;
}

.koMatice {
	background-color: #aaf;
	margin: 50px;
	padding: 10px;	
}

.koMatice .titul {
	font-weight: bold;
	font-size: 12px;
	border: 1px solid #fff;
	color: #00f;
	padding: 6px;
	margin: 0 2px 5px 2px;
}

.koMatice div.oddel {
  height: 30px;
  font-size: 0;
}

.koMatice .titdoba {
	float: left;
	width: 114px;
	_width: 124px;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	color: #000;
	padding: 6px 4px;
	border: 1px solid #ccc;
	margin: 2px 1px 0 0;
}

.koMatice .titcasti {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	padding: 6px 4px;
	border: 1px solid #ccc;
	margin: 2px 2px;
}

.koMatice .titcasti a:link,
.koMatice .titcasti a:hover,
.koMatice .titcasti a:visited {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

.koMatice .titcasti a:hover {
	color: #a00;
}

.koMatice p {
	color: #000;
	font-size: 12px;
	line-height: 160%;	
}

.koMatice table {
	border-collapse: separate;
	height: auto;	
}

.koMatice table td {
	font-size: 12px;
	color: #000;
	padding: 6px 4px;
	border: 1px solid #ccc;
	margin: 1px;
}

.koMatice table td.pl {
	text-align: right;
	font-weight: bold;
	width: 130px;
}

.koMatice table td.pr {
	width: 75%;
}	

.koMatice table td.pd {
	width: auto;
}	

.koMatice table td a:link,
.koMatice table td a:hover,
.koMatice table td a:visited {
	color: #000;
}

.koMatice table td a:hover {
	color: #a00;
}

.koMatice table.doba {
	border: 0;
}

.koMatice table.doba td {
	width: 120px;
}

.koMatice table.doba td.pdn,
.koMatice table.doba td.pdnso {
	width: 70px;
	text-align: right;
	font-weight: bold;
}

.koMatice table.doba td.pdd,
.koMatice table.doba td.pddso {
	text-align: center;;
}

.koMatice table.doba td.pdo,
.koMatice table.doba td.pdoso {
	text-align: center;;
}

.koMatice table.doba td.pdnso,
.koMatice table.doba td.pddso,
.koMatice table.doba td.pdoso {
	color: #a00;
}

.koMatice .sobotap {
	color: #a00;
	margin: 5px 0 2px 145px;
}

.koMatice .sobotad {
	color: #a00;
	margin: 5px 0 20px 145px;
	font-weight: bold;
}

.koMatice .vanMain {
	height: 70px;
}

.koMatice .vanVypln {
	float: left;
	width: 130px;
	height: 70px;
}

.koMatice .vanNadpis,
.koMatice .vanDoba {
	color: #080;
	padding-bottom: 2px;
}

.koMatice .vanNadpis {
	font-weight: bold;
	padding-bottom: 8px;	
}

.koMatice .vanOdkaz:link,
.koMatice .vanOdkaz:hover,
.koMatice .vanOdkaz:visited {
	font-size: 120%;
	font-weight: bold;
	color: #080;
	margin: 0;
}

.koMatice .vanOdkaz:hover {
	color: #fff;
}

.koMatice p.bold {
	font-weight: bold;
}

.koMatice p.center {
	text-align: center;
	margin: 10px 0;
}

.koMatice a.mail:link,
.koMatice a.mail:hover,
.koMatice a.mail:visited {
	font-size: 12px;
	text-indent: 0;
	margin: 0;
	padding: 0;
	color: #000;
}

.koMatice a.mail:hover {
	color: #a00;
}

a:link.komaProdejny,
a:hover.komaProdejny,
a:visited.komaProdejny{
	display: block;
	text-align: center;
	padding: 8px 4px;
	font-weight: bold;
	line-height: 100%;
	color: #00f;
	border: 1px solid #00f;
	text-decoration: none;
}

a:hover.komaProdejny{
	background-color: #99f;
	color: #fff;
}

.odstavka {
	padding: 10px;
	height: 200px;
	width: auto;
	border: 1px solid #00f;
	text-align: center;
}

.odstavka p {
	line-height: 250%;
	font-size: 150%;
	font-weight: bold;
	color: #00f;
}

.odstavka p.zprovozneni {
	font-weight: normal;
	color: #00f;
	font-size: 100%;
}
/* ======================================== */
.maAktuality {
	text-align: center;
	border: 1px solid #ccc;
  padding: 4px 2px;
}

.maAktuality img {
  border: 1px solid #000;
  padding: 0;
  margin: 0;
}

.oddelh4 {
	font-size: 0;
	height: 4px;
}

.maAktuality .titul {
	padding: 2px 0 4px 0;
}

.maAktuality a:link img,
.maAktuality a:hover img,
.maAktuality a:visited img {
	display: block;
	height: 100px;
	margin: auto;
}

.maAktuality a:link,
.maAktuality a:hover,
.maAktuality a:visited {
	text-align: center;
	display: block;
	color: #a00;
	text-decoration: none;
}

.maAktuality a:hover {
	color: #fff;
}

.maOdkaz {
	text-align: center;
	margin: 5px 0;
}

.maOdkaz a:link,
.maOdkaz a:hover,
.maOdkaz a:visited {
	padding: 0;
	margin: 0;
	color: #00f;
}

.maOdkaz a:hover {
	color: #a00;
}

.maOdkaz img {
	margin-bottom: 4px;
	padding: 0;
}

.clred {
	background-color: transparent;
	color: #f00;
}

.hidden {
	visibility:hidden;
}

.red {
	color: #f00;
}

.error {
  display: block;
  background-color: #ffff9f;
  color: #f00;
  padding: 8px 4px;
  border: 0;
  border: 1px solid red;
}

.errMain {
  display: block;
  background-color: #ffff9f;
  color: #f00;
  padding: 8px 4px;
  border: 0;
  border: 1px solid red;
}

.errHeader {
	display: inline;
	background-color: #ffff9f;
	color: #f00;
	height: 20px;
	padding: 5px 20px;
	text-align: center;
	line-height: 160%;
	border: 1px solid #f00;	
}

.errText {
	color: #f00;
}

.oddelV10px {
	height: 10px;
}

.oddelV20px {
	height: 20px;
}

.oddelLine {
	width: auto;
	height: 5px;
	border-top: 1px solid #00f;
}

.error #header {
	display: block;
	color: #f00;
	font-weight: bold;
	padding: 0 0 5px 0;
	border: 0;
	margin: 0;
}

.error #msg {
	display: block;
	color: #f00;
	padding: 0;
	border: 0;
	margin: 0;
}

.error p {
	color: #f00;
	text-indent: 0;
	text-align: center;
	font-weight: normal;
	line-height: 120%;
}

.error p.err {
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 2px;
}

.message {
	display: block;
	background-color: #fff;
	color: #f00;
	text-align: center;
	padding: 8px 4px;
	border: 0;
	border: 2px solid #00f;
	margin: 10px 4px;
}

.message #header {
	display: block;
	font-weight: bold;
	padding: 0 0 5px 0;
	border: 0;
	margin: 0;
}

.message #msg {
	display: block;
	padding: 0;
	border: 0;
	margin: 0;
}

.msgText {
	color: #00f;
	background-color: #fff;
	margin: 10px 4px;
	padding: 4px;
  border: 1px solid #00f;
}


/* ************************************************************************** */
/*                                                                            */
/*                    + + +   tipy a nápovědy   + + +                         */
/*                                                                            */
/* ************************************************************************** */

.tipMain {
	width: 100%;
	height: 100px;
}

.tip {
	float: left;
	background-color: #ffb;
	width: 500px;
	height: 80px;
	color: #00f;
	border: 1px solid #99f;
}

.tipLevy {
	float: left;
	width: 85px;
	height: 10px;
}

.tipImg {
	float: left;
	width: 60px;
	height: 100%;
	background: #fff url("/img/tip.gif") no-repeat;
}

.tipText {
	float: left;
	width: 390px;
	color: #00f;
	background-color: #ffb;
	text-align: justify;
	line-height: 150%;
	padding: 5px 5px 5px 30px;
}

/* ************************************************************************** */
/*                                                                            */
/*                    - - -   tipy a nápovědy   - - -                         */
/*                                                                            */
/* ************************************************************************** */
/* ************************************************************************** */
/*                                                                            */
/*                       + + +   periodika   + + +                            */
/*                                                                            */
/* ************************************************************************** */

.perMain {
	height: auto;
	border: 1px solid #fff;
}

.perPeriodikum {
	padding: 0 10px 10px 10px;
	border: 1px solid #00f;
}

.perPeriodikumOut {
	padding: 20px;
}

.perOddel1 {
	height: 10px;
}

.perOddel2 {
	height: 7px;
}

.perOddel3 {
	height: 20px;
}

.perPerButton:link,
.perPerButton:hover,
.perPerButton:visited {
	position: relative;
	top: -13px;
	display: block;
	width: 300px;
	color: #fff;
	border: 1px solid #00f;
	background-color: #99f;
	text-decoration: none;
	text-align: center;
	line-height: 130%;
	padding: 4px 0;
}

.perPerButton:hover {
	background-color: #77f;
}

.perPopis {
	background-color: #aaf;
	color: #00f;
	border: 0px solid #ddd;
	padding: 5px;
}

.perPopisHlav {
	font-weight: bold;
	color: #00f;
}

.perPopisText {
	color: #000;
}

.perStranka {
	border: 1px solid #fff;
	background-color: #aaf;
	padding: 10px;
}

.perCenter {
	width: auto;
	height: auto;
	text-align: center;
}

.persHlavicka {
	height: 40px;
	border: 1px solid #ddd;
	padding: 4px 2px;
}

.persNazev {
	color: #00f;
	font-size: 140%;
	font-weight: bold;
	padding: 0 0 0 10px;
}

.persPopis {
	color: #00f;
	padding: 2px 0 4px 10px;
}

.persNabidka {
	height: 30px;
	padding: 15px 0 10px 0;
}

a.persnButton:link,
a.persnButton:hover,
a.persnButton:visited {
	float: left;
	width: 199px;
	height: 25px;
	color: #fff;
	background-color: #aaf;
	border: 1px solid #00f;
	text-align: center;
	text-decoration: none;
	line-height: 200%;
	padding: 2px 0 0 0;
}

a.persnButton:hover {
	background-color: #99f;
}

.perOddelv1 {
	display: block;
	float: left;
	height: 10px;
	width: 22px;
}

.peraNadpis {
	height: 20px;
	width: auto;
	border: 1px solid #00f;
	background-color: #99f;
	color: #00f;
	font-size: 150%;
	font-weight: bold;
	padding: 10px 0;
	text-align: center;
}

.peraArchiv {
	width: auto;
	height: auto;
	border: 1px solid #aaf;
	padding: 10px;
}

a.peraRadek:link,
a.peraRadek:hover,
a.peraRadek:visited {
	display: block;
	width: auto;
	height: auto;
	text-decoration: none;
	border: 1px solid #00f;
	padding: 3px 0;
	text-align: center;
}

a.peraRadek:hover {
	background-color: #99f;
	color: #00f;
}

.perOddel3 {
	height: 2px;
}

.peraRocniky {
	text-align: center;	
}

.peraOddel1 {
	height: 30px;
}

a.peraRocnik:link,
a.peraRocnik:hover,
a.peraRocnik:visited {
	display: block;
	float: left;
	width: 100px;
	height: auto;
	text-decoration: none;
	border: 1px solid #00f;
	padding: 3px 0;
	text-align: center;
}

a.peraRocnik:hover {
	background-color: #99f;
}

a.peraNavrat:link,
a.peraNavrat:hover,
a.peraNavrat:visited {
	display: inline;
	height: auto;
	text-decoration: none;
	border: 1px solid #00f;
	padding: 3px 10px;
	text-align: center;
}

a.peraNavrat:hover {
	background-color: #99f;
}

.perUzivatelMain {
	width: auto;
	height: auto;
	background-color: #aaf;
	border: 1px solid #fff;
	padding: 20px 10px;
}

.peruPrihlMain {
	width: auto;
	padding: 20px 0 20px 250px;
}

.peruPrihlaseni {
	width: 140px;
}

.peruTextCenter {
	text-align: center;
	width: auto;
}

a.peruRegistrace:link,
a.peruRegistrace:hover,
a.peruRegistrace:visited {
	display: inline;
	height: auto;
	text-decoration: none;
	border: 1px solid #00f;
	padding: 3px 20px;
	text-align: center;
}

a.peruRegistrace:hover {
	background-color: #99f;
}

.peruAkce {
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	color: #00f;
	padding: 10px 0;
}

.peruOznam {
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	color: #a00;
	padding: 10px 0;
}

.linkaHor {
	width: auto;
	border-top: 1px solid #fff;
}

a.butZpet:link,
a.butZpet:hover,
a.butZpet:visited {
	float: right;
	font-family: geneva, verdana, arial, sans-serif;
	font-size: 11px;	
	display: block;
	line-height: 150%;
	height: 20px;
	width: 100px;
	text-decoration: none;
	border: 1px solid #00f;
	padding: 0px 0px 0 0;
	text-align: center;
}

a.butZpet:hover {
	background-color: #99f;
}

input.butPokracovat {
	float: right;
  	font-family: geneva, verdana, arial, sans-serif;
  	font-size: 11px;
  	display: inline;
  	width: 100px;
  	height: 22px;
  	line-height: 120%;
  	text-align: center;
  	text-decoration: none;
  	padding: 0px 0 0 0;
  	background-color: #99f;
  	color: #00f;
  	border: 1px solid #00f;
  	cursor: pointer;
}

input.butPokracovat:hover {
	color: #fff;
	border-color: #fff;
}
	
table.uziObjZobrazForm {
	width: auto;
	color: #00f;
}

table.uziObjZobrazForm td.left,
table.uziObjZobrazForm td.leftBold {
	width: 200px;
	font-size: 12px;
	text-align: right;
	padding: 2px 6px 2px 0;
}

table.uziObjZobrazForm td.leftBold {
	font-weight: bold;
}
	
table.uziObjZobrazForm td.right,
table.uziObjZobrazForm td.rightBold {
	width: 250px;
	font-size: 12px;
	text-align: left;
	padding: 2px 4px;
	border: 1px solid #fff;
}

table.uziObjZobrazForm td.rightBold {
	font-weight: bold;
}
	
table.uziObjZobrazForm td.vypln {
	height: 2px;
	font-size: 0px;
	padding: 0;
}

.uziObjAdresat {
	height: 20px;
	width: 250px;
	color: #00f;
	font-size: 120%;
	font-weight: bold;
	border: 1px solid #fff;
	padding: 4px 0 4px 20px;
}

.perKarty {
	border: 1px solid #00f;
	width: auto;
	height: auto;
}

.perKarta {
	padding: 4px;
	height: auto;
}

.perkNazev {
	background-color: #99f;
	font-weight: bold;
	font-size: 140%;
	color: #00f;
	padding: 4px;
}

.perkObr {
	float: left;
	padding: 4px 4px 4px 0px;	
}

.perkObr img {
	height: 100px;
}

.perkPopis {
	color: #000;
	padding: 4px 0 0 0;
	height: 100px;
	overflow: auto;
}

.perkPoznamka {
	text-align: right;
	padding: 10px 0px;
}

.perkCeny {
	color: #00f;
	text-align: right;
	padding: 4px 0px;
}

.perkZadani {
	background-color: #99f;
} 

.perkPocty, .perkUhrada {
	color: #00f;
	font-weight: bold;
	text-align: right;
	padding: 4px;
}

.perkUhrada {
	font-weight: normal;
	padding: 0px 4px 4px 4px;
}
	

.perkPocty input {
	padding: 1px 3px; 
	text-align: right; 
}

.perkPredplatne,
.perkPredplCelkem {
	display: none;
	color: #a00;
	height: 20px;
	width: auto;
	padding: 10px 4px 4px 4px;
	text-align: right;
}

.perkPredplCelkem {
	font-weight: bold;
}

.perkCelkem {
	color: #a00;
	font-weight: bold;
	text-align: center;
	height: 20px;
	width: 455px;
	padding: 10px 4px 4px 4px;
	border: 1px solid #fff;
}



.perKalendar {
    visibility:hidden;
	width: 250px;
	height: 433px;
}

.perkalHeader {
	width: auto;
	height: 25px;
	padding: 6px 2px 2px 2px;
	text-align: center;
	font-weight: bold;
}

.perkalFooter {
	width: auto;
	height: 25px;
	padding: 6px 2px 2px 2px;
	background-color: #00f;
	text-align: center;
	font-weight: bold;
}

.perkalBox {
	width: auto;
	height: 356px;
	overflow: scroll;	
}

.perKalendar table {
	width: 100%;
	Color: #fff;
	border-collapse: separate;
	cursor: pointer;	
}

.perKalendar table tr {
	line-height: 120%;
	background-color: #77f;
	padding: 2px;
}

.perKalendar table tr.oddel {
	height: 2px;
	background-color: #000;
}

.perKalendar table td {
	cursor: hand;	
	text-align: right;
	padding: 2px 4px;
}
	
.perKalendar table td.cislo,
.perKalendar table td.cisloact {
	width: 30px;
}

.perKalendar table td.datum,
.perKalendar table td.datumact {
	width: 70px;
}

.perKalendar table td.popis,
.perKalendar table td.popisact {
	width: 140px;
	text-align: left;
}

.perKalendar table td.cisloact,
.perKalendar table td.datumact,
.perKalendar table td.popisact {
	color: #a00;
}

	
.perkalCislo {
	float: left;
	width: 30px;
	text-align: right;
}

.perkalDatum {
	float: left;
	width: 70px;
	text-align: right;
}

.perkalPopis {
	float: left;	
	width: 140px;
	text-align: left;
}

.butpKal {
	height: 17px;
	width: 100px;
	text-align: center;
	position: relative;
	left: 5px;
	cursor: pointer;
	float: left;
	border: 1px solid #00f;
	padding: 1px 0 0 0;
	
}

.butpKal:hover {
	background-color: #88f;
}

/* ************************************************************************** */
/*                                                                            */
/*                       - - -   periodika   - - -                            */
/*                                                                            */
/* ************************************************************************** */

.hor2 {
	height: 2px;
}

.hor4 {
	height: 4px;
}

.hor10 {
	height: 10px;
}

.hor20 {
	height: 20px;
}

.hor30 {
	height: 30px;
}

.ver10 {
	float: right;
	width: 10px;
	height: 1px;
}

.bold {
	font-weight: bold;
}

.koupe_domu {
	text-align: center;
	height: 400px;
	margin: 0 auto;
	border: 1px solid #fff;
	padding: 10px;
}

.koupe_domu a:link,
.koupe_domu a:hover,
.koupe_domu a:visited {
	font-size: 120%;
	font-weight: bold;
	text-decoration: none;
	color: #00f;
	padding: 10px;
	border: 1px solid #fff;
}

.koupe_domu a:hover {
	color: #fff;
	background-color: #99f;
}