/* CSS Document */
  
/* hlavni dokument */
body {
  padding : 0;
  margin : 0;
  background : white;
  font-family : Verdana, Arial, Times, Times New Roman;
  font-size : 12px;
  width : 100%;
  color : black;
  background : Silver;
}


/* vzhled bunek tabulky v admin menu */
#menu table td {
  text-align : center; 
}


/* popsuje vzhled vsech bunek s operacemi pod aminem*/
.admin_data {
  background : white; 
  border : 1px black solid; 
  padding : 15px;
}   


/* nadpis urovne jedna */
.nadpis_1 {
  font-family : Verdana, Arial, Times, Times New Roman;
  font-size : 16px;
  font-weight: bold;
  color : black;
  padding-bottom : 10px;
}


/* nadpis urovne dva */
.nadpis_2 {
  font-family : Verdana, Arial, Times, Times New Roman;
  font-size : 14px;
  font-weight: bold;
  color : black;
  padding-bottom : 10px;
}


/* radek tabulky pri vypisu */
.zvyrazneni_radku {
  background : white;
}
/* zvyrazneni radku pri najeti mysi v tabulce */
.zvyrazneni_radku:hover {
  background : WhiteSmoke;
}


/* odkazy v tabulkach ruznych seznamu */
.odkaz_v_tabulce a {
  font-family : Verdana, Arial, Times, Times New Roman;
  font-size : 12px;
  color : DarkRed;
  font-weight : normal;
  text-decoration : none;
}
/* vyse odkaz pri najeti */
.odkaz_v_tabulce a:hover {
  text-decoration : underline; 
}


/* vzhled pridavaciho formulare */
.pridani_dat {
  border : 1px black solid;
  padding : 15px;
  background : OldLace;
}

/* vzhled editace dat */
.editace_dat {
  border : 1px black solid;
  padding : 15px;
  background : azure;
}

.seznam_dat {
  border : 1px black solid;
  padding : 15px;
  background : white;
}


/* vzhled infiormacnmich oken */
.informace_dat {
  border : 1px black solid;
  padding : 15px;
  background : GhostWhite;
}

/* definovani ruznych tlacitek a, zaskrtavatek,.... */


/* polozka v hlavnim menu ve spanu */
.polozka_menu {
  font-family : Verdana, Arial, Times, Times New Roman;
  font-size : 13px;
  font-weight: bold;
  //background : steelblue;
  background : #38678E;
  padding-top : 10px;
  padding-bottom : 10px;
  vertical-align : center;
}
/* zmena pro najeti mysi u vyse talcitka*/ 
.polozka_menu:hover {
  background : dodgerblue;
}
/* tlacitko vyse ale uz vnoreny a href */
.polozka_menu a {
  text-decoration : none;
  color : white;
}


/* tlacitko ok a potvrzovani, pokud je trida primo ten odkaz */
.tlacitko_ok {
  font-family : Verdana, Arial, Times, Times New Roman;
  font-size : 12px;
  font-weight: bold;
  background : #FEECCC;
  color : black;
  cursor : pointer;
  border : 1px black solid;
  padding-top : 4px;
  padding-bottom : 4px;
  padding-left : 10px;
  padding-right : 10px;
  box-shadow: black 0px 0px 1px; 
}
/* tlacitko vyse po najeti mysi */
.tlacitko_ok:hover {
  box-shadow: black 0px 0px 5px;   
}


/* tlacitko edit, pokud je trida primo ten odkaz */
.tlacitko_edit {
  font-family : Verdana, Arial, Times, Times New Roman;
  font-size : 12px;
  font-weight: bold;
  background : #B5E0FB;
  color : black;
  cursor : pointer;
  border : 1px black solid;
  padding-top : 4px;
  padding-bottom : 4px;
  padding-left : 10px;
  padding-right : 10px;
  box-shadow: black 0px 0px 1px; 
}
/* tlacitko vyse po najeti mysi */
.tlacitko_edit:hover {
  box-shadow: black 0px 0px 5px;   
}

  
/* tlacitko na zruseni, smazani, zpet, zavreni pokud je odkaz jeste obalen spanem */
.tlacitko_zrusit {
  font-family : Verdana, Arial, Times, Times New Roman;
  font-size : 12px;
  font-weight: bold;
  background : #F5B1B1;
  color : black;
  cursor : pointer;
  border : 1px black solid;
  padding-top : 4px;
  padding-bottom : 4px;
  padding-left : 10px;
  padding-right : 10px;
  box-shadow: black 0px 0px 1px; 
}
/* tlacitko vyse pri najeti mysi*/
.tlacitko_zrusit:hover{
   box-shadow: black 0px 0px 5px;   
}  
  
               
/* tlacitko na zruseni, smazani, zpet, zavreni pokud je odkaz jeste obalen spanem */
.tlacitko_zrusit_span {
  font-family : Verdana, Arial, Times, Times New Roman;
  font-size : 12px;
  font-weight: bold;
  background : #F5B1B1;
  padding-top : 4px;
  padding-bottom : 4px;
  padding-left : 10px;
  padding-right : 10px;
  box-shadow: black 0px 0px 1px; 
  border : 1px black solid;
}
/* tlacitko vyse ale uz vnoreny a href */
.tlacitko_zrusit_span a {
  text-decoration : none;
  color : black;
}
/* tlacitko vyse pri najeti mysi*/
.tlacitko_zrusit_span:hover{
  box-shadow: black 0px 0px 5px;   
}


/* tlacitko na zruseni, smazani, zpet, zavreni pokud je odkaz jeste obalen spanem */
.tlacitko_informace_span {
  font-family : Verdana, Arial, Times, Times New Roman;
  font-size : 12px;
  font-weight: bold;
  background : lavender;
  padding-top : 4px;
  padding-bottom : 4px;
  padding-left : 10px;
  padding-right : 10px;
  box-shadow: black 0px 0px 1px; 
  border : 1px black solid;
}
/* tlacitko vyse ale uz vnoreny a href */
.tlacitko_informace_span a {
  text-decoration : none;
  color : black;
}
/* tlacitko vyse pri najeti mysi*/
.tlacitko_informace_span:hover{
  box-shadow: black 0px 0px 5px;   
}



/* tlacitko na editovani pokud je obalen odkaz spanem */
.tlacitko_edit_span {
  font-family : Verdana, Arial, Times, Times New Roman;
  font-size : 12px;
  font-weight: bold;
  background : #B5E0FB;
  padding-top : 4px;
  padding-bottom : 4px;
  padding-left : 10px;
  padding-right : 10px;
  box-shadow: black 0px 0px 1px; 
  border : 1px black solid;
}
/* tlacitko vyse ale uz vnoreny a href */
.tlacitko_edit_span a {
  text-decoration : none;
  color : black;
}
/* tlacitko vyse pri najeti mysi*/
.tlacitko_edit_span:hover {
  box-shadow: black 0px 0px 5px;   
}


/* tlacitko na pridani */
.tlacitko_ok_span {
  font-family : Verdana, Arial, Times, Times New Roman;
  font-size : 12px;
  font-weight: bold;
  background : #FEECCC;
  padding-top : 4px;
  padding-bottom : 4px;
  padding-left : 10px;
  padding-right : 10px;
  box-shadow: black 0px 0px 1px; 
  border : 1px black solid;
}
/* tlacitko vyse ale uz vnoreny a href */
.tlacitko_ok_span a {
  text-decoration : none;
  color : black;
}
/* tlacitko vyse pri najeti mysi*/
.tlacitko_ok_span:hover{
  box-shadow: black 0px 0px 5px;   
}


/* neaktivni tlacitko, ktere nema uzivatel pravo stisknout */
.tlacitko_neaktivni_span {
  font-family : Verdana, Arial, Times, Times New Roman;
  font-size : 12px;
  font-weight: bold;
  background : white;
  color : black;
  padding-top : 4px;
  padding-bottom : 4px;
  padding-left : 10px;
  padding-right : 10px;
  box-shadow: black 0px 0px 1px; 
  border : 1px black solid;
}

/* odkazy v tabulkach ruznych seznamu */
.odkaz_strankovani a {
  font-family : Verdana, Arial, Times, Times New Roman;
  font-size : 12px;
  color : black;
  font-weight : bold;
  text-decoration : none;
}
/* vyse odkaz pri najeti */
.odkaz_strankovani a:hover {
  text-decoration : none; 
}


/* vyskakovaci oklno na pridani dat */
.okno_vyskakovaci {
  margin: 0px auto;
  width:950px;
  position: relative;
  background : white;
  border:1px black solid;
  box-shadow: 0px 0px 30px 15px black;
  padding:15px;
  margin-top:100px;
}  

.okno_vyskakovaci_pozadi {
  position:absolute;
  width:100%;
  height:100%;
  left:0px;
  top:0px;
  //background-color: rgba(0,0,0,0.3);
}


/* dotaz k mazani polozky */
.okno_dotaz_smazani {
  margin: 0px auto;
  width:440px;
  position: relative;
  background : white;
  border:1px black solid;
  box-shadow: black 0px 0px 40px;
  padding:15px;
  margin-top:100px;
} 



/* hlavni menu */
.menu {
  padding : 0;
  margin : 0;
  list-style-type : none; 
  display : block; 
}
 
 
 /* jednotlivy ul seznamu, napred je skryta a okryje se az po najeti*/ 
.menu ul {
  position: absolute; 
  visibility: hidden;
  margin: 0; 
  padding: 0; 
  list-style-type: none;
}


/* jednotlivy li prvky */
.menu li {
  vertical-align : center;
  float : left; /* zajistuje obtekani li prvku, aby byly pekne v rade */  
  width : 135px; 
  white-space : nowrap; /* nebude se zalamovat automaticky, jen kdyz bude br */
}


/* pridava se vlastnost jen vnorenym li prvkum */
.menu li ul li a {
  padding : 10px;
  background : steelblue;
  //background : dodgerblue;
  text-align : left;
}

.menu li ul li a:hover {
  //background : RoyalBlue;
  background : #6196C1;
}


/* odkazy v hlavnim menu */
.menu a {
  font-family : Verdana, Arial, Times, Times New Roman;
  color : white;
  font-weight : bold;
  font-size : 13px;
  text-align: left;
  display : block; /* zobrazeni jako blok, ne jako text */ 
  text-decoration : none; 
  font-weight : bold;
  text-align : center;
  vertical-align : center;
}


/* vzhled odkazu v menu */
.menu ul a:link {
  font-family : Verdana, Arial, Times, Times New Roman;
  color : white;
  font-weight : bold;
  font-size : 13px;
  border-bottom : none; 
}

/* vzhgled navstivenych odkazu v menu */
.menu ul a:visited {
  font-family : Verdana, Arial, Times, Times New Roman;
  color : white;
  font-weight : bold;
  font-size : 13px;
  border-bottom: none; 
}


/* vzhled najetych opdkazu v menu */
.menu ul a:hover {
  font-family : Verdana, Arial, Times, Times New Roman;
  color : white;
  font-weight : bold;
  font-size : 13px;
  //background-color : dodgerblue;
  background : steelblue;
}


/* toto zajistuje odtajenni pri najeti a okazujeto tak dlouho dokud je ny tom mys */
.menu li:hover ul, ul.menu li.hover ul {
  visibility : visible;
}


/* vzhled zanorenych li */
.menu li li {
  float : none;
  border : none; 
  padding : 0; 
  margin : 0;
}

/* jednotlivy prvky v menu v td */
#menu tr td {
  height : 45px;
  vertical-align : center; 
} 


/* jednotlivy prvky v menu v td  pri najeti mysi */
#menu tr td:hover {
  //background : dodgerblue;
  background : steelblue;   
}  


#menu_aktuality {
 
}


#menu_aktuality li {
  vertical-align : center;
  width : 250px;
}


#menu_uredni_deska li {
  vertical-align : center;
  width : 250px;
}

#menu_potrebuji li {
  vertical-align : center;
  width : 180px;
}

#menu_zakazky li {
  vertical-align : center;
  width : 180px;
}

#menu_legislativa li {
  vertical-align : center;
  width : 250px;
}

#menu_zakon_106 li {
  vertical-align : center;
  width : 180px;
}

#menu_szd li {
  vertical-align : center;
  width : 150px;
}

#menu_koupaliste li {
  vertical-align : center;
  width : 180px;
}







/* vlastniosti tlacitek v mabgidkach jednotlivych polozek menu */
.nabidka_polozka {
  padding: 10px;
  padding-left: 25px;
  padding-right: 25px;
  //border: 1px black solid;
  margin-right: 20px;
  //background : steelblue;
  background : #38678E; 
}

.nabidka_polozka:hover {
   background-color : steelblue;
}

.nabidka_polozka a {
  font-family : Verdana, Arial, Times, Times New Roman;
  color : white;
  font-weight : bold;
  font-size : 13px;
  text-decoration : none; 
  font-weight : bold;
  text-align : center;
  vertical-align : center;
}


/* vzhled odkazu v menu */
.nabidka_polozka ul a:link {
  font-family : Verdana, Arial, Times, Times New Roman;
  color : white;
  font-weight : bold;
  font-size : 13px;
  border-bottom : none; 
}


/* vzhgled navstivenych odkazu v menu */
.nabidka_polozka ul a:visited {
  font-family : Verdana, Arial, Times, Times New Roman;
  color : white;
  font-weight : bold;
  font-size : 13px;
  border-bottom: none; 
}


/* vzhled najetych opdkazu v menu */
.nabidka_polozka ul a:hover {
  font-family : Verdana, Arial, Times, Times New Roman;
  color : white;
  font-weight : bold;
  font-size : 13px;
}