/* CSS Document */
 body
 {
   text-align:center;
   font:12px Arial;
 }
 div
 {
   text-align:left;
 }
 div.celek 
 {
   width:1000px;
   margin-left:auto;
   margin-right:auto;
 }
 div.hlavni 
 {
   width:800px;
   margin-left:auto;
   margin-right:auto;
 }
 div.pulka 
 {
   width:400px;
   float:left;
 }
 div.clanky
 {
   width:600px;
   float:left;
 }
 div.reklama
 {
   width:190px;
   float:right;
   border:1px solid black;
   text-align:center;
/*   background-image: url("../images/menu/roh.gif");
	 background-position: left top; 
	 background-repeat: no-repeat;*/
 }
 div.login
 {
   width:230px;
   border:1px solid black;
   text-align:center;
   margin-bottom:10px;
   margin-left:auto;
   margin-right:auto;
/* float:none;*/
 }
 div.pravy
 {
   width:190px;
   float:right;
   text-align:center;
/*   background-image: url("../images/menu/roh.gif");
	 background-position: left top; 
	 background-repeat: no-repeat;*/
 }
 div.nadpis
 {
   margin-top:0px;
   background-image:url('../images/pozadi.jpg');
	 background-position: left top; 
	 background-repeat: no-repeat;
	 color:#3737FF;
	 padding:2px 0px 2px 0px;
 }
 p.nadpis
 {
   text-align:center;
   margin-top:0px;
   background-image:url('../images/pozadi.jpg');
	 background-position: left top; 
	 background-repeat: no-repeat;
	 color:#3737FF;
	 padding:2px 0px 2px 0px;
 }
 div.clanek
 {
   width:580px;
   _width:600px;
   border:1px dotted silver;
   margin-bottom:15px;
   padding:10px 10px 0px 10px;
   background-image: url("../images/clanek.jpg");
	 background-position: left top; 
	 background-repeat: no-repeat;
 }
 div.clanekdetail
 {
   width:778px;
   _width:800px;
   border:1px dotted silver;
   margin-bottom:15px;
   padding:10px 10px 0px 10px;
   background-image: url("../images/clanek.jpg");
	 background-position: left top; 
	 background-repeat: no-repeat;
	 font:13px Arial;
 }
 a
 {
   color:blue;
 }
 a.navig
 {
   font:18px Arial;
   text-decoration:none;
 }
 input {
   font:12px Arial;
 }
 textarea {
   font:12px Arial;
 } 
 input.odhlaseni {
   border:0px;
   font-size:11px;
   padding:0px;
   margin:0px;
   background-color:white;
   color:blue;
   text-decoration:underline;
   text-align:right;
   cursor:pointer;
   width:52px;
 }
 p.nadpprav {
   font:bold 14px Arial;
   color:#4F4F4F;
   text-align:center;
 }
 td.zahlavi {
   padding:5px 0px 5px 0px;
   background-color:#E1E1E1;
   color:navy
 }
 div.dokument {
   width:120px;
   height:120px;
   float:left;
   margin:0px 18px 0px 18px;
   _margin:0px 20px 0px 20px;
 }
 input.tlacform {
   background-color:#B8C8FF;
   font-size:11px;
   font-weight:bold;
   border:1px solid #D63B38;
   border-right:2px solid #8484FF;
   border-bottom:2px solid #8484FF;
   border-top:2px solid #DEF9FF;
   border-left:2px solid #DEF9FF;
   width:60px;
   height:20px;
   margin:0px;
   padding:0px;
   color:navy;
   cursor: pointer;
 }
  input.tlacformunformat {
   background-color:transparent;
   font-size:11px;
   font-weight:bold;
   border:0px;
   width:60px;
   height:20px;
   margin:0px;
   padding:0px;
   color:navy;
   cursor: pointer;
 }
 li {
  padding-top:3px;
 }
 span.odkaz {
   text-decoration:underline;
   color:blue;
   cursor:pointer;
 }
 /************************************* kontakty ******************************/
 div.vizitka {
   margin-right:auto;
   margin-left:auto;
   width:450px;
   padding:5px;
 }
 div.osoba {
   border:1px solid black;
   margin-bottom:15px;
   background-color:#FCFCFC;
 }
 div.adresa {
   width:265px;
   float:left;
   background-color:#EBEBEB;
   padding:10px
 }
 p.bezokr {
   margin:0px
 }

 /****************************** tabulky přehledů *****************************/
 table.prehled {
   margin:15px 0px 15px 0px;
   border-bottom:1px solid #E1E1E1;
 }
 td.prehled1 {
   background-color:#F5F7FE;
   padding-top:2px;
   padding-bottom:2px;
 }
 td.prehled2 {
   background-color:#FFFFFF;
   padding-top:2px;
   padding-bottom:2px;
 }
 td.bordl {
   border-left:1px solid #E1E1E1;
 }
 td.bordr {
   border-right:1px solid #E1E1E1;
 }
 /************************************* menu **********************************/
 a.odkmenu {
   color:black;
   text-decoration:none;
   font-weight:bold;
 }
 div.menutl 
 {
   float:left;
   height:17px;
   margin-top:3px;
 }
 div.split
 {
   height:20px;
   margin:0px;
 }
 div.splitleft
 {
   background:url('../images/menu/splitleft.gif') no-repeat top left;
 }
 div.splitright
 {
   background:url('../images/menu/splitright.gif') no-repeat top right;
 }
 div.splitrightakt
 {
   position:absolute;
   background:url('../images/menu/splitrightakt.gif') no-repeat top right;
   right:-1px;
 }
 div.splitleftakt
 {
   position:absolute;
   background:url('../images/menu/splitleftakt.gif') no-repeat top left;
   left:0px;
 }
 div.splitboth
 {
   background:url('../images/menu/splitboth.gif') no-repeat top center;
 }
 span.menu1akt 
 {
   font-weight:bold;
   color:navy;
   background-image:url('../images/menu/bluerev.gif');
 }
 div.menu1akt 
 {
   font-weight:bold;
   color:navy;
   background-image:url('../images/menu/bluerev.gif');
 }
 span.menu2akt 
 {
   font-weight:bold;
   color:navy;
   background-image:url('../images/menu/bluerev.gif');
 }
 div.menu2akt 
 {
   font-weight:bold;
   color:navy;
   background-image:url('../images/menu/bluerev.gif');
 }
 /************************* propozice soutěže *********************************/
 div.propozice td
 {
   font:11px Arial;
 }
 .clanek 
 { 
   color:#4F4F4F; 
   text-align:left;
 }
 .titulek 
 {
   color:#000099; 
   font-size:14px;
 }
 /**************************** registrace a přihláška *************************/
 div#form table {
   border:1px solid black;
   background-color:#F2F4FF;
   margin-bottom:15px;
 }
 div#form td {
   padding-top:2px;
   padding-bottom:2px;
   vertical-align:top;
 }
 div#form td.popispol {
   width:115px;
   padding-right:5px;
 }
 div#form input {
   font:12px Arial;
 }
 div#form textarea {
   font:12px Arial;
 } 
 /************************* formuláře editace *********************************/
 div.editace {
   width:750px;
   margin-left:auto;
   margin-right:auto;
   margin-top:10px;
   margin-bottom:10px;
 }
 div.nadpispolozky {
   margin-top:10px;
   font-weight:bold;
 }
  /*************************** styly pro zobrazování bublin u záznamů **********/
 a.tooltip  
 {
   padding: 0px;
   display: inline-block;
   color: black;
   letter-spacing:0px;
   text-decoration:none;
   cursor:default;
 }
 a.tooltip:hover 
 {
  padding: 0px;
  text-decoration:none;
 }
 a.tooltip span    
 {
  position: relative;
  left: -102%;
  top: 102%;
 }
 :root a.tooltip span 
 {
  top: auto;
  left: 5px;
 }
 a.tooltip span em 
 {
  display:none;
  position:absolute;
  min-width:22em;
  min-height:2em;
  padding: .5ex .7ex .5ex 1.25ex;
  border: 1px solid #999999;
  font: 11px Georgia,serif;
  background: #FFEDC4;
  color:#000;
 }
 * html a.tooltip span em { width:40em } 
 a.tooltip span em.ceny
 {
   width: 720px; 
   border: 0px; 
   background-color: transparent;
 }
 a.tooltip:hover span em { display: inline }

 a.tooltipimg  {
  padding: 0px;
  display: inline-block;
  color: black;
  letter-spacing:0px;
  text-decoration:none;
  cursor:default;
  }
a.tooltipimg:hover {
  padding: 0px;
  text-decoration:none;
  }
a.tooltipimg span    {
  position: relative;
  left: -102%;
  top: 102%;
  }
:root a.tooltipimg span {
  top: auto;
  left: 5px;
  }
a.tooltipimg span em {
  display:none;
  position:absolute;
  padding: 0px;
  border: 1px solid #999999;
  font: 11px Georgia,serif;
  background: #FFEDC4;
  color:#000;
}
a.tooltipimg:hover span em { display: inline }
  img.legenda {
    width:20px;
    height:10px;
    border:1px solid gray;
  }

 /*****************************************************************************/