body{
  /*background-image: url('background.jpg'); */
  background-color:silver;
  font-size: 80%;
  text-align: center;
}
.drag {
  position:relative;
}
.shadow {
	-moz-box-shadow: 0px 0px 10px grey;
	-webkit-box-shadow: 0px 0px 10px grey;
	box-shadow: 0px 0px 10px grey;
	/*For IE 8  */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#808080')"; 
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#808080');
}

/*-Pole------------------------------------------------------------------------*/
.centrovaniStranky{  /*Zarovnani stranky na stred*/
  position: relative;
  overflow: hidden;
  max-width: 1200px;
  min-width: 920px;
  min-height: 800px;
  margin: 0px auto; /* centrovani pro ostatni prohlizece FFD59B*/
  text-align: left;
  border: 1px solid white;
  background-color:#ffe5c4;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;

}
.centrovaniLogin{  /*Zarovnani prihlasovaci stranky na stred*/
  position: relative;
  width: 1024px;
  margin: 0px auto; /* centrovani pro ostatni prohlizece */
  padding: 0px;
  text-align: left;
}
.poleLogin {      /*Prihlaseni na uvodni strance*/
  position: relative;  
  width: 500px;
  height: 150px;
  top: 150px;
  margin: 0px auto;
  border: 2px solid black;
  border-color: #fff #888 #888 #fff;
  background-color:silver;
  text-align:center; 
}

.banner{      /*Hlavni nadpis stranky*/
  position: relative;  
  overflow: hidden;
  width: 100%;
  max-height: 180px;
  background-color:transparent;
  padding: 0px;
  margin: 0px;
  border:none;
  -moz-border-radius: 10px 10px 0px 0px;
  -khtml-border-radius: 10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;

}
.bannerObrazek{      /*Banner stranky*/
  width: 100%;
  max-height: 180px;
  background-color:transparent;
  padding: 0px;
  margin: 0px;
  border:none;
  -moz-border-radius: 10px 10px 0px 0px;
  -khtml-border-radius: 10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
}
#containerPopUp { /* */
  position:absolute;
  z-index:1000;

 }

.stredStranky{ /* #ffe5c4 */
  position: relative;
  width: 100%;
  min-height: 800px;
  margin: 0px;
  top: -3px;
  text-align: left;
  background-color:#ffe5c4;

 }
 .stredStrankyTmavy{ /* #FFD59B */
  position: relative;
  width: 100%;
  min-height: 600px;
  margin: 0px;
  top: -3px;
  text-align: left;
  background-color:#FFD59B;
 }
 

 .odkazySkupina{ 
  position: relative;
  min-width: 100%;
  margin: 0px;
  text-align: left;
  background-color:transparent;
  clear:both;
  float:left;
 }
  
.odkazy{      /*ramecky s odkazy na hlavni strane*/
  position: relative;  
  overflow: hidden;
  width: 180px;
  height: 180px;
  background-color: transparent;
  margin: 20px;
  padding: 0px;
  border: 4px ridge white;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  float:left;
}
.odkazy:hover{      /*ramecky s odkazy na hlavni strane*/
  position: relative;  
  overflow: hidden;
  width: 180px;
  height: 180px;
  background-color: transparent;
  margin: 20px;
  padding: 0px;
  border: 4px inset white;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  float:left;
}
.zapati{      /*zapati stranky*/
  position: relative;  
  overflow: hidden;
  width: 100%;
  height: 25px;
  background-color:#f26422;
  margin: 0px;
  padding: 0px;
  line-height:25px;
  color: black;
  font-weight: bold;
  clear: both;
  -moz-border-radius: 0px 0px 10px 10px;
  -khtml-border-radius: 0px 0px 10px 10px;
  -webkit-border-radius: 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px;
}

/*texty---------------------------------------------------------------------------------------------------------------------------------------------*/
.textOdkazu {
  display: block;
  position: absolute;  
  overflow: hidden;
  /* background-color: #FCAB85;     #FFD59B     */
  background-color: #F7DEAF;
  width: 90%;
  height: 100%;
  top:0px;
  padding: 10px;
  text-decoration: none;
  color: black;
  text-align: center;
  font-weight: normal;

  -moz-border-radius: 8px 8px 0px 0px;
  -khtml-border-radius: 8px 8px 0px 0px;
  -webkit-border-radius: 8px 8px 0px 0px;
  border-radius: 8px 8px 0px 0px;
}

/*obrazky---------------------------------------------------------------------------------------------------------------------------------------------*/
.obrazekOdkazu{
  height: 100%;
  border: none;
  -moz-border-radius: 8px 8px 0px 0px;
  -khtml-border-radius: 8px 8px 0px 0px;
  -webkit-border-radius: 8px 8px 0px 0px;
  border-radius: 8px 8px 0px 0px;
}
/*odkazy--------------------------------------------------------------------------------------------------------------------------------------------*/
a.odkaz {
  font-weight: bold;
  font-style:normal;
  font-size:100%;
  font-family: "Arial CE",  "Sand CE", "Helvetica CE";
  text-decoration: none;
  color: black;  
}
a.odkaz:hover {
  text-decoration: underline;
}
a.popisekOdkazu{      /*ramecky s odkazy na hlavni strane*/
  display: block;
  position: absolute;  
  overflow: hidden;
  width: 170px;
  height: 25px;
  top:155px;
  background: transparent url(../obrazky/lista1.png);
  margin: 0px;
  padding: 0px 0px 0px 10px;
  font-weight: bold;
  font-size:120%;
  font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
  line-height:25px;
  text-decoration: none;
  color: black;
  -moz-border-radius: 0px 0px 6px 6px;
  -khtml-border-radius: 0px 0px 6px 6px;
  -webkit-border-radius: 0px 0px 6px 6px;
  border-radius: 0px 0px 6px 6px;
}
a.poleObrazekOdkazu {
  display: block;
  position: absolute;  
  overflow: hidden;
  background-color: #F7DEAF;
  width: 100%;
  height: 155px;
  top:0px;
  text-decoration: none;
  color: black;
  Z-index: 1;
  -moz-border-radius: 8px 8px 0px 0px;
  -khtml-border-radius: 8px 8px 0px 0px;
  -webkit-border-radius: 8px 8px 0px 0px;
  border-radius: 8px 8px 0px 0px;
}
a.tlacitkoOdhlasit{      /*tlacitko na odhlaseni na hlavni strane*/
  display: block;
  position: absolute;  
  overflow: hidden;
  width: 80px;
  height: 25px;
  left:0px;
  background: transparent url(../obrazky/logout.png) 2px 2px no-repeat;
  margin: 2px 0px 0px 5px;
  padding: 0px 0px 0px 25px;
  font-weight: bold;
  font-size:120%;
  font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
  line-height:25px;
  text-decoration: none;
  color: grey;
}
a.tlacitkoOdhlasit:hover{      /*tlacitko na odhlaseni na hlavni strane*/
  background: transparent url(../obrazky/logoutHover.png) 2px 2px no-repeat;
  color: black;
}
a.tlacitkoDomu{      /*tlacitko DOMU pro navrat na hlavni stranu*/
  display: block;
  position: absolute;  
  overflow: hidden;
  width: 80px;
  height: 25px;
  left:0px;
  background: transparent url(../obrazky/domu.png) 2px 2px no-repeat;
  margin: 2px 0px 0px 5px;
  padding: 0px 0px 0px 25px;
  font-weight: bold;
  font-size:120%;
  font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
  line-height:25px;
  text-decoration: none;
  color: grey;
  
}
a.tlacitkoDomu:hover{      /*tlacitko DOMU pro navrat na hlavni stranu*/
  background: transparent url(../obrazky/domuHover.png) 2px 2px no-repeat;
  color: black;
}
a.tlacitkoNovy{      /*tlacitko NOVY pro vkladani*/
  display: block;
  position: absolute;  
  overflow: hidden;
  width: 50px;
  height: 25px;
  right:0px;
  background: transparent url(../obrazky/novy.png) 2px 2px no-repeat;
  margin: 2px 0px 0px 5px;
  padding: 0px 0px 0px 22px;
  font-weight: bold;
  font-size:120%;
  font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
  line-height:25px;
  text-decoration: none;
  color: grey;
  
}
a.tlacitkoNovy:hover{      /*tlacitko NOVY pro vkladani*/
  background: transparent url(../obrazky/novyHover.png) 2px 2px no-repeat;
  color: black;
}

.tlacitko {      /*Tlačítka */
  display: -moz-inline-box; /* FF < 3*/
	display: inline-block;
	font-size: 110%;
	font-weight:bold;
  text-decoration: none;     
  /*background: transparent url(../obrazky/lista1.png);
  background:transparent url('../obrazky/oknoListaHorni.gif') repeat-x scroll left -2px;  */
  background:transparent url('../obrazky/pozadiTlacitka.png') repeat-x scroll left top;
  min-width: 30px;
  color: black;
  cursor: hand;
  cursor: pointer;
  border: 1px outset grey;
  padding:2px 8px 2px 8px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.tlacitko:hover {      /*Tlačítka */
font-weight:bold;
background:transparent url('../obrazky/pozadiTlacitkaHover.png') repeat-x scroll left top;
min-width: 30px;
text-decoration: none;
padding:2px 8px 2px 8px;
border: 1px inset grey;
}
a.cesta {      /*cesta v zahlavi clanku*/
  font-weight: normal;
  font-size:100%;
  font-family: "Arial CE",  "Sand CE", "Helvetica CE";
  text-decoration: none;
  color: grey;
}
a.cesta:hover {      /*cesta v zahlavi clanku*/
  font-weight:normal;
  font-size:100%;
  font-family: "Arial CE",  "Sand CE", "Helvetica CE";
  text-decoration: underline;
  color: black;
}
.cestaText {      /*cesta v zahlavi clanku*/
  font-weight: normal;
  font-size:100%;
  font-family: "Arial CE",  "Sand CE", "Helvetica CE";
  text-decoration: none;
  color: grey;
}
/*formulare --------------------------------------------------------------------------------------------------------------------------*/
input, select  {
  background-color:#f9efe3;
  -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
textarea {
  background-color:#f9efe3;
  border: 2px inset #dfdfdf;
  -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
select  {
  padding:2px;
  border: 2px inset #dfdfdf;
}
.tlacitkoFormulare {      /*Tlačítka formularu*/
	font-size: 110%;
	font-weight:bold;
  text-decoration: none;     
  background:transparent url('../obrazky/pozadiTlacitka.png') repeat-x scroll left top;
  font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
  min-width: 30px;
  color: black;
  border: 1px outset grey;
  padding:2px 8px 2px 8px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.tlacitkoFormulare:hover {      /*Tlačítka formularu*/
font-weight:bold;
background:transparent url('../obrazky/pozadiTlacitkaHover.png') repeat-x scroll left top;
min-width: 30px;
text-decoration: none;
padding:2px 8px 2px 8px;
border: 1px inset grey;
}


.panelZalozek{      /*Zalozky pod hlavni bannerem FFD59B f7c27e*/
  position: relative;  
  overflow: hidden;
  top: -3px;
  width: 100%;
  height: 35px;
  background-color:#FFD59B;
  padding: 5px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";

}
.panelZalozekVlevo{      /*Zalozky pod hlavni bannerem FFD59B f7c27e*/
  position: relative;
  float: left;   
  width: 100px;
  height: 30px;
  margin: 0px;
  padding:0px;  
  background-color: transparent; 
  line-height:30px;
  text-decoration: none;
  color: black;
  border: none; 
  -moz-border-radius: 0px 0px 6px 6px;
  -khtml-border-radius: 0px 0px 6px 6px;
  -webkit-border-radius: 0px 0px 6px 6px;
  border-radius: 0px 0px 6px 6px;

}
.panelZalozekMezera{      /*Zalozky pod hlavni bannerem FFD59B f7c27e*/
  position: relative;
  float: left;   
  width: 4px;
  height: 30px;
  margin: 0px;
  padding:0px;   
  background-color: transparent; 
  line-height:30px;
  text-decoration: none;
  color: black;
  border-bottom: 2px solid grey;
  -moz-border-radius: 0px 0px 6px 6px;
  -khtml-border-radius: 0px 0px 6px 6px;
  -webkit-border-radius: 0px 0px 6px 6px;
  border-radius: 0px 0px 6px 6px;

}
.panelZalozekNevybrane{      /*Zalozky pod hlavni bannerem FFD59B f7c27e*/
  position: relative;
  display: block;
  float: left;   
  width: 85px;
  height: 28px;
  margin: 0px;
  padding: 0px 5px 0px 5px; 
  font-weight: bold; 
  background: transparent url(../obrazky/zalozkaNevybrana.png) -3px -3px no-repeat;
  line-height:25px;
  text-decoration: none;
  color: black;
  font-size:120%;
  text-align: center;
  border: 2px solid grey; 
  -moz-border-radius: 6px 6px 0px 0px;
  -khtml-border-radius: 6px 6px 0px 0px;
  -webkit-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;

}
.panelZalozekNevybrane:hover{      /*Zalozky pod hlavni bannerem FFD59B f7c27e*/
  background: #ffe5c4;

}
.panelZalozekVybrane{      /*Zalozky pod hlavni bannerem FFD59B f7c27e*/
  position: relative;
  display: block;
  float: left;  
  width: 85px;
  height: 28px;
  margin: 0px; 
  padding: 0px 5px 0px 5px; 
  font-weight: bold;  
  background-color: #ffe5c4;
  line-height:25px;
  text-decoration: none;
  color: black;
  font-size:120%;
  text-align: center;
  border: 2px solid grey; 
  border-bottom: 2px solid #ffe5c4; 
  -moz-border-radius: 6px 6px 0px 0px;
  -khtml-border-radius: 6px 6px 0px 0px;
  -webkit-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
  Z-index:10;

}
/*recepty--------------------------------------------------------------------------------------------------------------------------------------------*/
a.recept{      /*jednotlive recepty*/
  position: relative;  
  display: block;
  overflow: hidden;
  
  min-width: 500px;
  height: 120px;
  background-color: transparent;
  text-decoration: none;
  margin: 20px;
  padding: 0px;
  border: 2px ridge silver;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;

}
a.recept:hover {      /*jednotlive recepty*/
  background-color: #ffedd8;
  border: 2px inset white;
}
a.receptNeverejny{      /*jednotlive recepty*/
  position: relative;  
  display: block;
  overflow: hidden;
  background-color:#EAEAEA;
  min-width: 500px;
  height: 120px;
  text-decoration: none;
  margin: 20px;
  padding: 0px;
  border: 2px ridge silver;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;

}
a.receptNeverejny:hover {      /*jednotlive recepty*/
  background-color: #EDEDED;
  border: 2px inset white;
}
.containerFotoRecept { /* container fotografie receptu v prehledu*/
  position: relative;
  top:0px;
  width:160px;
  height:120px;
  overflow: hidden;
  background-color: #ffe5c4;
  text-decoration: none;
  color: black;  
  text-align: center;
  font-weight: bold;
  font-size:120%;
  font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
  cursor: pointer;
  cursor: hand;
  float: left;
  padding: 5px 0px 5px 0px;
  z-index:10;
  -moz-border-radius: 7px 0px 0px 7px;
  -khtml-border-radius: 7px 0px 0px 7px;
  -webkit-border-radius: 7px 0px 0px 7px;
  border-radius: 7px 0px 0px 7px;

}
.nahledFotoRecept { /* minuatura fotografie receptu v prehledu */
  position: relative;
  overflow: hidden;
  text-align:center;
  max-height:110px;
  max-width:150px;
  vertical-align:middle;
  margin-left:auto;
  margin-right:auto;
  padding:0px; 
  background-color:transparent;
  border: none;
  text-decoration:none; 
  cursor: hand;
  cursor: pointer;
  -moz-border-radius: 7px;
  -khtml-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}
.nazevReceptu { /* nazev receptu v prehledu*/
  position: relative;
  height: 25px;
  /*overflow: hidden; */
  background-color: #f9bf72;
  text-decoration: none;
  color: black;
  text-align: left;
  font-weight: bold;
  font-size:120%;
  font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
  line-height:25px;
  cursor: pointer;
  cursor: hand;
  padding: 5px 10px 5px 0px;
  margin:0px;
  -moz-border-radius: 10px 10px 0px 0px;
  -khtml-border-radius: 10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
}
.nazevReceptuNeverejny { /* nazev receptu v prehledu*/
  position: relative;
  height: 25px;
  /*overflow: hidden; */
  background-color: #DBDBDB;
  text-decoration: none;
  color: #B7B7B7;
  text-align: left;
  font-weight: bold;
  font-size:120%;
  font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
  line-height:25px;
  cursor: pointer;
  cursor: hand;
  padding: 5px 10px 5px 10px;
  -moz-border-radius: 10px 10px 0px 0px;
  -khtml-border-radius: 10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
}
.popisReceptu { /* popis receptu */
  position: relative;
  max-height:52px;  
  overflow: hidden;
  background-color: transparent;
  text-decoration: none;
  color: black;
  text-align: left;
  font-weight: normal;
  font-size:100%;
  font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
  line-height:20px;
  padding: 5px 10px 5px 10px;
  cursor: pointer;
  cursor: hand;
  
}
.popisReceptuNeverejny { /* popis receptu*/
  position: relative;
  max-height:52px;  
  overflow: hidden;
  background-color: transparent;
  text-decoration: none;
  color: #B7B7B7;
  text-align: left;
  font-weight: normal;
  font-size:100%;
  font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
  line-height:20px;
  padding: 5px 10px 5px 10px;
  cursor: pointer;
  cursor: hand;
}

.infoReceptuDatum { /* datum vlození receptu */
  position:absolute;
  bottom:0px;
  left:170px;
  padding: 0px;
  color:black;
  text-decoration:none;
  font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
  font-style:italic;
  font-size:100%;
  float:left;
  cursor: pointer;
  cursor: hand
}
.infoReceptuDatumNeverejny { /* datum vlození receptu*/
  position:absolute;
  bottom:0px;
  left:170px;
  padding: 0px;
  color:#B7B7B7;
  text-decoration:none;
  font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
  font-style:italic;
  font-size:100%;
  float:left;
  cursor: pointer;
  cursor: hand;
}
.infoReceptuHodnoceni { /* hodnoceni receptu */
  position:absolute;
  width:100px;
  bottom:3px;
  right:5px;
  padding: 0px;
  color:black;
  text-decoration:none;
  font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
  font-style:italic;
  font-size:100%;
  float:left;
  cursor: pointer;
  cursor: hand;
}
.fotografieReceptuContainer { /* container fotografie receptu velke */
  position: relative;
  width:49%;
  max-height:500px;
  text-align:center;
  float:left;
  background-color:#f1ca91;
  margin-left:1%;
  padding-bottom:5px;
  text-decoration:none;
  border:1px solid grey; 
  -moz-border-radius: 7px;
  -khtml-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}
.fotografieReceptu { /* fotografie receptu velka */
  position: relative;
  max-height:490px;
  max-width:580px;
  vertical-align:middle;
  margin-left:auto;
  margin-right:auto;
  margin-top:5px;
  padding:0px; 
  background-color:transparent;
  border: none;
  text-decoration:none; 
  -moz-border-radius: 7px;
  -khtml-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}
.infoReceptContainer { /* informace k recepru - suroviny, hodnoceni */
  position:relative;
  width:47%;
  max-height:500px;
  text-align:left;
  float:right;
  right:10px;
  top: 5px;
  padding: 10px 1% 10px 1%;
  margin-bottom: 20px;
  background-color:transparent;
  text-decoration:none; 

}
.surovinyReceptu { /* suroviny receptu */
  position:relative;
  top:30px;
  left:0px;
  padding:10px;
  background-color:transparent;
  border: 1px solid grey;
  text-decoration:none; 
  -moz-border-radius: 7px;
  -khtml-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}

/*clanky--------------------------------------------------------------------------------------------------------------------------------------------*/
.clanky{ 
  position: relative;
  width: 71%; 
  min-height: 600px;
  top: -6px;
  margin: 0px 0px 0px 10px;
  padding: 20px 0px 0px 0px;
  text-align: left;
  background-color:#ffe5c4;
  border: 2px solid grey; 
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  float:left;

 }
.clankyOuskoLeve { /* Ousko v sekci clanku pro odepinani pole s filtry  */ 
  position:relative;
  width:20px;
  height:50px;
  left:0px;
  top:20px;
  margin-right:5px;
  background-color:#e2cfb7;
  font-weight:bold;
  font-size: 120%;
  float:left;
  padding: 0px 0px 0px 3px;
  line-height:50px;
  border: 2px solid grey;
  border-left:none;
  -moz-border-radius: 0px 6px 6px 0px;
  -khtml-border-radius: 0px 6px 6px 0px;
  -webkit-border-radius: 0px 6px 6px 0px;
  border-radius: 0px 6px 6px 0px;
  cursor: pointer;
  cursor: hand;

 }
.clankyFiltr{ 
  position: relative;
  width: 200px;
  min-height: 200px;
  top: -6px;
  overflow: hidden;
  margin: 0px 0px 0px 10px;
  padding: 0px;
  text-align: center;
  font-weight:bold;
  background-color:#ffe5c4;
  border: 2px solid grey;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  float:left;
  display: block;

 }

.clankyFiltrNadpis{ 
  position: relative;  
  overflow: hidden;
  background-color: #f9bf72;
  text-decoration: none;
  color: black;
  text-align: center;
  font-weight: bold;
  font-size:120%;
  font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
  line-height:25px;
  padding: 5px 10px 5px 10px;
  -moz-border-radius: 10px 10px 0px 0px;
  -khtml-border-radius: 10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
}
a.clanek{      /*jednotlive clanky v galeriich*/
  position: relative;  
  display: block;
  overflow: hidden;
  
  min-width: 500px;
  height: 120px;
  background-color: transparent;
  text-decoration: none;
  margin: 20px;
  padding: 0px;
  border: 2px ridge silver;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;

}
a.clanek:hover {      /*jednotlive clanky v galeriich*/
  background-color: #ffedd8;
  border: 2px inset white;
}
a.clanekNeverejny{      /*jednotlive clanky v galeriich*/
  position: relative;  
  display: block;
  overflow: hidden;
  background-color:#EAEAEA;
  min-width: 500px;
  height: 120px;
  text-decoration: none;
  margin: 20px;
  padding: 0px;
  border: 2px ridge silver;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;

}
a.clanekNeverejny:hover {      /*jednotlive clanky v galeriich*/
  background-color: #EDEDED;
  border: 2px inset white;
}
.nazevClanku { /* nazev clanku v galeriich #ffd59b*/
  position: relative;
  height: 25px;
  /*overflow: hidden; */
  background-color: #f9bf72;
  text-decoration: none;
  color: black;
  text-align: left;
  font-weight: bold;
  font-size:120%;
  font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
  line-height:25px;
  cursor: pointer;
  cursor: hand;
  padding: 5px 10px 5px 10px;
  -moz-border-radius: 10px 10px 0px 0px;
  -khtml-border-radius: 10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
}
.nazevClankuNeverejny { /* nazev clanku v galeriich #ffd59b*/
  position: relative;
  height: 25px;
  /*overflow: hidden; */
  background-color: #DBDBDB;
  text-decoration: none;
  color: #B7B7B7;
  text-align: left;
  font-weight: bold;
  font-size:120%;
  font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
  line-height:25px;
  cursor: pointer;
  cursor: hand;
  padding: 5px 10px 5px 10px;
  -moz-border-radius: 10px 10px 0px 0px;
  -khtml-border-radius: 10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
}
.popisClanku { /* popis clanku v galeriich */
  position: relative;
  max-height:52px;  
  overflow: hidden;
  background-color: transparent;
  text-decoration: none;
  color: black;
  text-align: left;
  font-weight: normal;
  font-size:100%;
  font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
  line-height:20px;
  padding: 5px 10px 5px 10px;
  cursor: pointer;
  cursor: hand;
}
.popisClankuNeverejny { /* popis clanku v galeriich */
  position: relative;
  max-height:52px;  
  overflow: hidden;
  background-color: transparent;
  text-decoration: none;
  color: #B7B7B7;
  text-align: left;
  font-weight: normal;
  font-size:100%;
  font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
  line-height:20px;
  padding: 5px 10px 5px 10px;
  cursor: pointer;
  cursor: hand;
}

.infoClankuDatum { /* datum vlození clanku v galeriich */
  position:absolute;
  bottom:0px;
  left:10px;
  padding: 0px;
  color:black;
  text-decoration:none;
  font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
  font-style:italic;
  font-size:100%;
  float:left;
  cursor: pointer;
  cursor: hand;
}
.infoClankuDatumNeverejny { /* datum vlození clanku v galeriich */
  position:absolute;
  bottom:0px;
  left:10px;
  padding: 0px;
  color:#B7B7B7;
  text-decoration:none;
  font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
  font-style:italic;
  font-size:100%;
  float:left;
  cursor: pointer;
  cursor: hand;
}
.infoClankuFoto { /* pocet fotografii clanku v galeriich */
  position:absolute;
  width:90px;
  bottom:0px;
  right:10px;
  padding: 0px;
  color:black;
  text-decoration:none;
  font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
  font-style:italic;
  font-size:100%;
  float:left;
  cursor: pointer;
  cursor: hand;
}
.infoClankuStred1 { /* doplnkove informace clanku v galeriich */
  position:absolute;
  width:190px;
  bottom:0px;
  left:160px;
  padding: 0px;
  color:black;
  text-decoration:none;
  font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
  font-style:italic;
  font-size:100%;
  float:left;
  cursor: pointer;
  cursor: hand;
}
.infoClankuStred2 { /* doplnkove informace clanku v galeriich */
  position:absolute;
  width:190px;
  bottom:0px;
  left:350px;
  padding: 0px;
  color:black;
  text-decoration:none;
  font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
  font-style:italic;
  font-size:100%;
  float:left;
  cursor: pointer;
  cursor: hand;
}
.infoClankuFotoNeverejny { /* pocet fotografii clanku v galeriich */
  position:absolute;
  width:90px;
  bottom:0px;
  right:10px;
  padding: 0px;
  color:#B7B7B7;
  text-decoration:none;
  font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
  font-style:italic;
  font-size:100%;
  float:left;
  cursor: pointer;
  cursor: hand;
}
.infoClankuStred1Neverejny { /* doplnkove informace clanku v galeriich */
  position:absolute;
  width:190px;
  bottom:0px;
  left:160px;
  padding: 0px;
  color:#B7B7B7;
  text-decoration:none;
  font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
  font-style:italic;
  font-size:100%;
  float:left;
  cursor: pointer;
  cursor: hand;
}
.infoClankuStred2Neverejny { /* doplnkove informace clanku v galeriich */
  position:absolute;
  width:190px;
  bottom:0px;
  left:350px;
  padding: 0px;
  color:#B7B7B7;
  text-decoration:none;
  font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
  font-style:italic;
  font-size:100%;
  float:left;
  cursor: pointer;
  cursor: hand;
}
.strankovaniClanku { /* zobrazeni odkazu na dalsi stranky v prehledu clanku */
  position: relative;
  width: 71%; 
  height: 30px;
  top: -9px;
  margin: 0px 0px 0px 10px;
  text-align: center;
  background-color:transparent;
  font-size:110%;
  font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
  line-height: 30px;
  clear:left; 
}
a.stranyClanku { /* odkaz na dalsi stranku seznamu clanku */
  display:inline-block;
  width:30px;
  text-align: center;
  color:black;
  text-decoration:none;
  background-color:transparent;
  padding:0px;
  margin:0px;  
}
a.stranyClanku:hover { /* odkaz na dalsi stranku seznamu clanku */
  font-weight:bold; 
}
.aktualniStranaClanku { /* aktualni strana seznamu clanku */
  display:inline-block;
  width:30px;
  text-align: center;
  color:black;
  font-weight:bold;
  background-color:#ffe5c4;
  border: 2px solid grey;
  border-top:none; 
  -moz-border-radius: 0px 0px 10px 10px;
  -khtml-border-radius: 0px 0px 10px 10px;
  -webkit-border-radius: 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px; 
}
.dalsiStranaClanku { /* odkaz na dalsi stranku seznamu clanku */
  display:inline-block;
  width:80px;
  text-align: center;
  color:black;
  text-decoration:none;
  background-color:transparent;
  padding:0px;
  margin:0px;  
}
.dalsiStranaClanku:hover { /* odkaz na dalsi stranku seznamu clanku */
  font-weight: bold;  
}
.dalsiStranaClankuNeaktivni { /* odkaz na dalsi stranku seznamu clanku */
  display:inline-block;
  width:80px;
  text-align: center;
  color:grey;
  text-decoration:none;
  background-color:transparent;
  padding:0px;
  margin:0px;  
}
.nadpisClanku {  /* nadpis zobrazeneho clanku  */
  position: relative;  
  margin: 15px;
  padding: 0px;
  text-align: center;
  color: #E70758;
  font-weight: bold;
  font-size: 180%;
  background-color:transparent;
}
.textClanku { /* text zobrazeneho clanku  */
  position: relative;  
  margin: 10px;
  padding: 0px;
  text-align: left;
  font-size: 100%;
  background-color:transparent;
}
.nahledFotografie { /* minuatury forografii v galeriich */
  float:left;
  position: relative;
  overflow: hidden;
  text-align:center;  
  margin: 10px;
  padding: 0px;
  background-color:transparent;
  border: 2px solid transparent;
  text-decoration:none; 
  cursor: hand;
  cursor: pointer; 
}
.nahledFotografieVybrane { /* minuatury forografii v galeriich vybrané pro další zpracování*/
  float:left;
  position: relative;
  overflow: hidden;
  text-align:center;  
  margin: 10px;
  padding: 0px;
  background-color:transparent;
  border: 2px solid red;
  text-decoration:none;  
}
.nahledFotografieObrazek { /* minuatury forografii v galeriich  */
  position: relative;  
  margin: 0px;
  padding: 0px;
  background-color:transparent;
  border:none;
}
.galeriePanelNastroju { /* nastroje galerie  */
  position: relative;  
  width:100%;
  min-height:30px;
  background-color:transparent;
  margin-bottom: 20px;
}
.posuvnik { /* posuvnik pro zmenu velikosti nahledu v galerii  */
  position: relative;  
  width:163px;
  height:30px;
  float:left;
  margin-left:30px;
  padding: 0px;
  background-color:transparent;
}
.posuvnikLista { /* posuvnik pro zmenu velikosti nahledu v galerii  */
  position: absolute;  
  width:163px;
  height:3px;
  margin:0px;
  padding: 0px;
  top:13px;
  left:0px;
  background-color:white;
  border:2px inset silver;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  
}
.posuvnikMinus { /* posuvnik znamenko minus  */
  position: absolute;  
  width:16px;
  height:16px;
  margin:0px;
  padding: 0px;
  top:8px;
  left:-17px;
  background: transparent url('../obrazky/minusPlus.png') no-repeat;

 
  
}
.posuvnikPlus { /* posuvnik znamenko plus  */
  position: absolute;  
  width:16px;
  height:16px;
  margin:0px;
  padding: 0px;
  top:8px;
  left:166px;
  background: transparent url('../obrazky/minusPlus.png') 0px -16px no-repeat;

  
}
.posuvnikJezdec { /* posuvnik pro zmenu velikosti nahledu v galerii  */
  position:absolute;
  width:14px;
  height:14px;
  top:7px;
  text-align:center;
  background-color:#f9a434;
  border:1px solid black;
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.posuvnikJezdecStred { /* posuvnik pro zmenu velikosti nahledu v galerii  */
  position:absolute;
  width:6px;
  height:6px;
  top:3px;
  left:3px;
  background-color:#ffd59b;
  border:1px solid black;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 4px;
}
.posuvnikJezdecHolder { /* posuvnik pro zmenu velikosti nahledu v galerii  */
  position:absolute;
  width:14px;
  height:14px;
  top:5px;
  text-align:center;
  background-color:transparent;
  cursor: pointer;
  cursor: hand;
  border:none;
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.posuvnikInfo {  /* zobrazeni rozmeru nahledu u posuvniku */
  position:absolute;
  width: 50px;
  height: 20px;
  line-height:20px;
  background-color: #FFEDD8;
  Z-index:50;
  text-align: center;
  font-size:90%;
  padding: 7px 5px 7px 5px;
  font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
  border: 1px solid grey;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.checkboxNahledy { /* zatrzitko pro zobrazeni podrobnosti nahledu  */
  position: relative;  
  width:130px;
  height:30px;
  top: 3px;
  float:left;
  margin-left:30px;
  font-weight: normal;
  text-align:center;
  padding: 0px;
  background-color:transparent;
}

.fotoPreview {  /* zobrazeni nahledu a podrobnosti fotografii */
  position:absolute;
  background-color: #FFEDD8;
  width: 280px;
  min-height: 260px;
  Z-index:50;
  text-align: left;
  font-size:90%;
  padding: 5px;
  opacity: 0;
  filter: alpha(opacity=0, style=0);
  border: 1px solid grey;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
   -moz-box-shadow: 0px 0px 10px grey;
	-webkit-box-shadow: 0px 0px 10px grey;
	box-shadow: 0px 0px 10px grey;
	
}
.fotoPreviewLite {  /* zobrazeni nahledu a podrobnosti fotografii */
  position:absolute;
  background-color: #FFEDD8;
  width: auto;
  max-width: 150px;
  height: auto;
  Z-index:50;
  text-align: left;
  font-size:90%;
  padding: 5px;
  opacity: 0;
  filter: alpha(opacity=0, style=0);
  border: 1px solid grey;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
   -moz-box-shadow: 0px 0px 10px grey;
	-webkit-box-shadow: 0px 0px 10px grey;
	box-shadow: 0px 0px 10px grey;
	
}
/*kontextove menu--------------------------------------------------------------------------------------------------------------------------------------------*/


.kontextMenu {
 position:absolute;
 width:150px;
 min-height:50px; 
 background-color:#f0f0f0;
 border: 1px solid #7d7d7d;
 text-align:left;
 z-index:30;
 opacity: 1;
 filter: alpha(opacity=100, style=0); 
 -moz-box-shadow: 0px 0px 10px grey;
	-webkit-box-shadow: 0px 0px 10px grey;
	box-shadow: 0px 0px 10px grey;

 

}
.zatemneniStranky0 {
  position:fixed;
  top:0px;left:0px;
  min-width:100%;
  min-height:100%;
  background-color:black;
  opacity: 0;
  filter: alpha(opacity=0, style=0); 
  Z-index:19;

}
.zatemneniStranky50 {
  position:fixed;
  top:0px;left:0px;
  min-width:100%;
  min-height:100%;
  background-color:black;
  opacity: 0.5;
  filter: alpha(opacity=50, style=0); 
  Z-index:19;

}
a.odkazKontextMenu{      /*aktivni polozka kontextoveho menu*/
  position: relative;  
  display: block;
  overflow: hidden;
  max-width: 137px;
  height: 26px;
  background-color: transparent;
  text-decoration: none;
  color:black;
  font-size:120%;
  line-height: 26px;
  margin: 3px;
  padding-left: 5px;
  z-index:31;
  font-family: "Sand CE", "Helvetica CE";
}
a.odkazKontextMenu:hover{      /*aktivni polozka kontextoveho menu*/
  width: 150px;
  height: 24px;
  font-size:120%;
  line-height: 24px;
  padding-left: 4px;
  background: grey url(../obrazky/kontextMenuHover.png) 0px 0px repeat-x;
  border: 1px solid grey;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;

}
span.odkazKontextMenuNeaktivni{      /*neaktivni polozka kontextoveho menu*/
  position: relative;  
  display: block;
  overflow: hidden;
  max-width: 137px;
  height: 26px;
  background-color: transparent;
  text-decoration: none;
  color:grey;
  font-size:120%;
  line-height: 26px;
  margin: 3px;
  padding-left: 5px;
  z-index:31;
  font-family: "Sand CE", "Helvetica CE";
  cursor: default;
}
.ikonaKontextMenu {
  vertical-align:text-top;
  width: 16px;
  margin-right:3px;
  border:none;
}
/*tooltip bublina------------------------------------------------------------------------------------------------------------------------------------*/
.infoBoxLeft {  /* zobrazeni informaci misto title */
  position:absolute;
  background-color: #FFEDD8;
  Z-index:50;
  text-align: left;
  font-size:90%;
  padding: 5px;
  font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
  opacity: 0;
  filter: alpha(opacity=0, style=0);
  border: 1px solid grey;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 10px grey;
	-webkit-box-shadow: 0px 0px 10px grey;
	box-shadow: 0px 0px 10px grey;
	
}
.infoBoxCenter {  /* zobrazeni informaci misto title */
  position:absolute;
  background-color: #FFEDD8;
  Z-index:50;
  text-align: center;
  font-size:90%;
  padding: 5px;
  font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
  opacity: 0;
  filter: alpha(opacity=0, style=0);
  border: 1px solid grey;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 10px grey;
	-webkit-box-shadow: 0px 0px 10px grey;
	box-shadow: 0px 0px 10px grey;
	
}
.textBoxuLeft {  /* zobrazeni informaci misto title */
  position:absolute;
  background-color:transparent;
  max-width:100%;
  max-height:100%;
  margin:10px;
  top:0px;
  left:0px;
  text-align:left;
}
.textBoxuCenter {  /* zobrazeni informaci misto title */
  position:absolute;
  background-color:transparent;
  max-width:100%;
  max-height:100%;
  margin:10px;
  top:0px;
  left:0px;
  text-align:center;
}
/*okna --------------------------------------------------------------------------------------------------------------------------------------------*/
.noveOkno {
 position:fixed;
 width:150px;
 background-color:#f0f0f0;
 border: 1px solid #7d7d7d;


}

.loader {  /* obrazek nahrava se */
 position:absolute;
 width:100px;
 height: 50px;
 background:#f0f0f0 url(../obrazky/loading.gif)  no-repeat 30px 10px;
 border: 1px solid grey;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;

}
.oknoLoading {
position:fixed;
width:130px;
height:53px;
text-align:center;
font-size:100%;
border:1px solid black;
padding-top:5px;
font-weight:bold;
background-color:#FCB65F;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.tmavePozadi {
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
opacity:0.5;                  /*pruhlednost pro Mozilu */
filter: alpha(opacity=50);  /*pruhlednost pro IE */
background-color:black;
}

.nadpisLoading {
position:relative;
width: 100%;
top:0px;
text-align:center;
}
/*informace o clancich a fotografiich------------------------------------------------------------------------------------------------------------------*/
.infoRamecky {

text-align:left;
width:400px;
margin-left:0px auto;
margin-right:0px auto;
margin-bottom:10px;
padding:5px;
border:2px ridge #e8e8e8;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 5px;

}


.infoTabulkaTd1 {
width: 100px;
}

.nahledObrazku {  /* zvetseny nahled obrazku */
  position:absolute;
  background-color: #FFEDD8;
  Z-index:50;
  text-align: center;
  font-size:90%;
  padding: 5px;
  font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
  opacity: 0;
  filter: alpha(opacity=0, style=0);
  border: 1px solid grey;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 10px grey;
	-webkit-box-shadow: 0px 0px 10px grey;
	box-shadow: 0px 0px 10px grey;
	
}

table.jakrostu {
  margin-left:auto;
  margin-right:auto;
  padding:0px; 
  border-collapse: collapse;
  text-align:center;
  width:90%;
  background-color: #f9bf72;
  border: 2px ridge silver; 
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
tr.rostuNadpis  {
  background-color: #f9bf72;
  font-weight:bold;
  font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
  text-align:center;
}
tr.rostuData  {
  font-size:90%;
  font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
  height:30px;
  border-top:1px dotted black;
  background-color: #ffe1bc;
}
tr.rostuData:hover  {
  background-color: #ffedd8;
}
td.rostuData  {
  font-size:90%;
  font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
  border-top:1px dotted black;
}

/*-Upomínky-----------------------------------------------------------------------*/
tr.upominkyZahlavi {      /*Zahlavi upominek*/
font-size:110%;
text-align:center;
color:black;
font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
font-weight:bold;
background-color:#F26522;
border-left: 1px solid;
border-right: 1px solid;
}
tr.upominkyText {      /*Text upominek*/
font-size:90%;
text-align:center;
color:black;
font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
background-color:#F9C076;
border-left: 1px solid black;
border-right: 1px solid black;
border-top:1px dotted black;
}
tr.upominkyText:hover {      /*Text upominek*/
font-size:90%;
text-align:center;
color:white;
font-weight:bold;
font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
background-color:#F9C076;
border-left: 1px solid black;
border-right: 1px solid black;
border-top:1px dotted black;
}
tr.upominkyDnes {      /*Text upominek*/
font-size:90%;
text-align:center;
color:black;
font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
background-color:#EF1D25;
border-left: 1px solid black;
border-right: 1px solid black;
border-top:1px dotted black;
}
tr.upominkyDnes:hover {      /*Text upominek*/
font-size:90%;
text-align:center;
color:white;
font-weight:bold;
font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
background-color:#EF1D25;
border-left: 1px solid black;
border-right: 1px solid black;
border-top:1px dotted black;
}
tr.upominky3dny {      /*Text upominek*/
font-size:90%;
text-align:center;
color:black;
font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
background-color:#FFFC00;
border-left: 1px solid black;
border-right: 1px solid black;
border-top:1px dotted black;
}
tr.upominky3dny:hover {      /*Text upominek*/
font-size:90%;
text-align:center;
color:white;
font-weight:bold;
font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
background-color:#FFFC00;
border-left: 1px solid black;
border-right: 1px solid black;
border-top:1px dotted black;
}
tr.upominky10dnu {      /*Text upominek*/
font-size:90%;
text-align:center;
color:black;
font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
background-color:#A7FF8F;
border-left: 1px solid black;
border-right: 1px solid black;
border-top:1px dotted black;
}
tr.upominky10dnu:hover {      /*Text upominek*/
font-size:90%;
text-align:center;
color:white;
font-weight:bold;
font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
background-color:#A7FF8F;
border-left: 1px solid black;
border-right: 1px solid black;
border-top:1px dotted black;
}
tr.upominkySplneno {      /*Text upominek*/
font-size:90%;
text-align:center;
color:grey;
font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
background-color:#CCCCCC;
border-left: 1px solid black;
border-right: 1px solid black;
border-top:1px dotted black;
}
tr.upominkySplneno:hover {      /*Text upominek*/
font-size:90%;
text-align:center;
color:white;
font-weight:bold;
font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
background-color:#CCCCCC;
border-left: 1px solid black;
border-right: 1px solid black;
border-top:1px dotted black;
}

tr.upominkyZapati {      /*Nadpis upominek*/
font-size:110%;
text-align:center;
color:black;
font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
font-weight:bold;
background-color:#F26522;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
}
.skrytyOddil {
display: none;
border-left: 1px solid black;
border-right: 1px solid black;
padding:10px;
width:830px;
border-top:1px dotted black;

}
.skrytyRadek {      /*Text upominek skryty radek podrobnosti*/
}
.nadpisUpominek  {  /*nadpis upominek*/
padding:15px 0px 15px 0px;
width:850px;
font-weight:bold;
font-size:200%;
text-align:center;
font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: solid 1px white;
background: #F26522 url(reminder.png) 10px 50% no-repeat;
}
.nadpisNoveUpominky  {  /*nadpis vlozeni upominky*/
padding:15px 0px 15px 0px;
width:100%;
font-weight:bold;
font-size:200%;
text-align:center;
font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
border-bottom: groove 2px black;
background: #F26522 url(reminder.png) 10px 50% no-repeat;
}
.upominkyFiltr  {  /*pole filtru upominek*/
padding:5px 0px 5px 0px;
width:850px;
font-weight:bold;
font-size:100%;
text-align:center;
font-family: "Comic Sans MS CE", "Arial CE",  "Sand CE", "Helvetica CE";
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: solid 1px white;
background-color:#F26522;
}