body {
  text-align: center;
  owerflow: hidden;
  padding-top: 4%;
}
img{
  border: 0;
}
a {
	color: #5B5858;
	text-decoration: none;
  font-family: Verdana, Arial CE,Helvetica CE, Arial, Helvetica,sans-serif;
  font-size: 11px;
  font-weight: bold;
}
a:hover {
	color: rgb(102,0,0);
  text-decoration: none;
  font-family: Verdana, Arial CE,Helvetica CE, Arial, Helvetica,sans-serif;
  font-size: 11px;
  font-weight: bold;
}
#page{
  position: relative;
  width: 980px;
  height: 500px;
  text-align: left;
  margin: auto;
  background-color: white;
}
#logo{
  position: absolute;
  width: 245px;
  height: 245px;
  left: 0px;
  top: 0px;
  background-image: url(pictures/logo.png);
}
#menu{
  position: absolute;
  width: 245px;
  height: 245px;
  left: 0px;
  top: 245px;
  background-image: url(backgr1px/linka-1.png);
  background-repeat: repeat-y;
}
#bunka_1{
  position: absolute;
  width: 245px;
  height: 245px;
  left: 245px;
  top: 0px;
  background-image: url(backgr1px/linka-2.png);
  background-repeat: repeat-y;
}
#bunka_2{
  position: absolute;
  width: 245px;
  height: 245px;
  left: 245px;
  top: 245px;
  background-image: url(backgr1px/linka-3.png);
  background-repeat: repeat-y;
}
#bunka_3{
  position: absolute;
  width: 245px;
  height: 245px;
  left: 490px;
  top: 0px;
  background-image: url(backgr1px/linka-4.png);
  background-repeat: repeat-y;
}
#bunka_4{
  position: absolute;
  width: 245px;
  height: 245px;
  left: 490px;
  top: 245px;
  background-image: url(backgr1px/linka-5.png);
  background-repeat: repeat-y;
}
#bunka_5{
  position: absolute;
  width: 245px;
  height: 245px;
  left: 735px;
  top: 0px;
  background-image: url(backgr1px/linka-6.png);
  background-repeat: repeat-y;
}
#bunka_6{
  position: absolute;
  width: 245px;
  height: 245px;
  left: 735px;
  top: 245px;
  background-image: url(backgr1px/linka-7.png);
  background-repeat: repeat-y;
}
a.zs{
  float: left;
  width: 125px;
  height: 20px;
  background-image: url(pictures/zs.png);
}
a.ms{
  float: left;
  width: 125px;
  height: 20px;
  background-image: url(pictures/ms.png);
}
a.druzina{
  float: left;
  width: 125px;
  height: 20px;
  background-image: url(pictures/druzina.png);
}
a.aktivity{
  float: left;
  width: 125px;
  height: 20px;
  background-image: url(pictures/aktivity.png);
}
a.krouzky{
  float: left;
  width: 125px;
  height: 20px;
  background-image: url(pictures/krouzky.png);
}
a.partneri{
  float: left;
  width: 125px;
  height: 20px;
  background-image: url(pictures/partneri.png);
}
a.jidelna{
  float: left;
  width: 125px;
  height: 20px;
  background-image: url(pictures/jidelna.png);
}
a.sw{
  float: left;
  width: 125px;
  height: 20px;
  background-image: url(pictures/sw.png);
}
a.akt{
  float: left;
  width: 125px;
  height: 20px;
  background-image: url(pictures/aktuality.png);
}
#akt{
  float: left;
  width: 125px;
  height: 20px;
  background-image: url(pictures/aktuality.png);
}
#zs{
  float: left;
  width: 125px;
  height: 20px;
  background-image: url(pictures/zs.png);
}
#ms{
  float: left;
  width: 125px;
  height: 20px;
  background-image: url(pictures/ms.png);
}
#druzina{
  float: left;
  width: 125px;
  height: 20px;
  background-image: url(pictures/druzina.png);
}
#aktivity{
  float: left;
  width: 125px;
  height: 20px;
  background-image: url(pictures/aktivity.png);
}
#partneri{
  float: left;
  width: 125px;
  height: 20px;
  background-image: url(pictures/partneri.png);
}
#jidelna{
  float: left;
  width: 125px;
  height: 20px;
  background-image: url(pictures/jidelna.png);
}
#dolni_lista{
  position: absolute;
  width: 980px;
  height: 20px;
  left: 0px;
  top: 490px;
  background-image: url(backgr1px/linka-1.png);
  background-repeat: repeat-y repeat-x;  
}
.obrazek_uvod{
  position: absolute;
  width: 165px;
  height: 165px;
  left: 40px;
  top: 40px;
  text-align: center;
}
#admin{
  position: absolute;
  width: 735px;
  height: 490px;
  left: 245px;
  top: 0px;
  background-image: url(backgr1px/linka-1.png);
  background-repeat: repeat-y repeat-x;
}
.nadpis_admin{
  position: absolute;
  width: 733px;
  height: 15px;
  _width: 735px;
  _height: 20px;
  left: 0px;
  top: 0px;
  padding-left: 2px;
  padding-top: 5px;
  background-image: url(pictures/head.png);
  background-repeat: repeat-x;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: white;
  font-weight: bold;
  overflow: hidden;
}
.admin_in{
  position: absolute;
  width: 733px;
  _width: 735px;
  height: 470px;
  left: 0px;
  top: 20px; 
  padding-left: 2px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  overflow: auto;
}
#log{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 125px;
  height: 20px;
  background-image: url(pictures/prihlas.png);
}
#nabidka{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 125px;
  height: 20px;
  background-image: url(pictures/nabidka.png);
}
#login{
  position: absolute;
  left: 5px;
  top: 40px;
  width: 200px;
  height: 20px;
  font-family: Verdana, Arial CE,Helvetica CE, Arial, Helvetica,sans-serif;
  font-size: 11px;
  font-weight: bold;
}
#heslo{
  position: absolute;
  left: 5px;
  top: 70px;
  width: 200px;
  height: 20px;
  font-family: Verdana, Arial CE,Helvetica CE, Arial, Helvetica,sans-serif;
  font-size: 11px;
  font-weight: bold;
}
#submit{
  position: absolute;
  left: 5px;
  top: 100px;
  width: 100px;
  height: 20px;
  font-family: Verdana, Arial CE,Helvetica CE, Arial, Helvetica,sans-serif;
  font-size: 11px;
  font-weight: bold;
}
input.admin{
		font-family: Verdana, Arial CE,Helvetica CE, Arial, Helvetica,sans-serif;
		font-size: 11px;
		color: #000000;
		border: 1px solid black;
		padding-left: 1px;
		background-color: #EBEBEB;
		font-weight: normal;
}
input.admin2{
		font-family: Verdana, Arial CE,Helvetica CE, Arial, Helvetica,sans-serif;
		font-size: 11px;
		color: #000000;
		border: 0px;
		padding-left: 1px;
		background-color: #FFFFFF;
		font-style: normal;
		font-weight: bold;
}
#horni_lista{
  position: absolute;
  left: 245px;
  top: -20px;
  width: 735px;
  height: 20px;
  font-family: Verdana, Arial CE,Helvetica CE, Arial, Helvetica,sans-serif;
  font-size: 11px;
  font-weight: bold;
  font-style: italic;
}
#prihl{
  float: left;
  width: 400px;
  height: 20px;
  padding-top: 6px;
}
#prihl2{
  float: left;
  width: 133px;
  height: 20px;
  padding-top: 6px;
  font-style: normal;
}
#odhlasit{
  float: right;
  width: 57px;
  height: 20px;
  padding-top: 4px;
}
#vyber{
  position: absolute;
  left: 20px;
  top: 25px;
  width: 200px;
  height: 200px;
}
.change_img{
  position: absolute;
  left: 0px;
  top: 215px;
  width: 245px;
  height: 20px;
}
input.adminimg{
		font-family: Verdana, Arial CE,Helvetica CE, Arial, Helvetica,sans-serif;
		font-size: 11px;
		_font-size: 10px;
		color: #000000;
		padding-left: 1px;
		font-weight: normal;
}
.users{
  float: left;
  height: 20px;
  width: 700px;
  background-color: gray;
}
.table{
  width: 80%;
  height: 20px;
  border: 0;
  font-family: Verdana, Arial CE,Helvetica CE, Arial, Helvetica,sans-serif;
  font-size: 11px;
  color: #000000;
  font-weight: bold; 
}
.td1{
  width: 24%;
  cellspacing: 2px;
}
.td2{
  width: 14%;
  cellpadding: 2px;
}
.checkbox{
  width: 300px;
  border: 0;
}
.checkbox2{
  width: 170px;
  height: 40px;
  border: 0;
}
.checkbox3{
  width: 170px;
  height: 100px;
  border: 0;
}
.tdcheckbox1{
  width: 250px;
  height: 20px;
}
.tdcheckbox2{
  width: 20px;
  height: 20px;
  text-align: center;
}
.tdnadpis1{
  width: 250px;
  height: 20px;
  text-decoration: underline;
}
.tdnadpis2{
  width: 60px;
  height: 20px;
  text-align: center;
  text-decoration: underline;
}
#user_jmeno{
  position: absolute;
  top: 5px;
  left: 5px;
  width: 100px;
  height: 20px;
  font-family: Verdana, Arial CE,Helvetica CE, Arial, Helvetica,sans-serif;
  font-size: 11px;
  color: #000000;
  font-weight: bold;
}
#user_jmeno2{
  position: absolute;
  top: 5px;
  left: 105px;
  width: 400px;
  height: 20px;
}
#user_prijmeni{
  position: absolute;
  top: 35px;
  left: 5px;
  width: 100px;
  height: 20px;
  font-family: Verdana, Arial CE,Helvetica CE, Arial, Helvetica,sans-serif;
  font-size: 11px;
  color: #000000;
  font-weight: bold;
}
#user_prijmeni2{
  position: absolute;
  top: 35px;
  left: 105px;
  width: 400px;
  height: 20px;
}
#user_login{
  position: absolute;
  top: 65px;
  left: 5px;
  width: 100px;
  height: 20px;
  font-family: Verdana, Arial CE,Helvetica CE, Arial, Helvetica,sans-serif;
  font-size: 11px;
  color: #000000;
  font-weight: bold;
}
#user_login2{
  position: absolute;
  top: 65px;
  left: 105px;
  width: 400px;
  height: 20px;
}
#user_heslo{
  position: absolute;
  top: 95px;
  left: 5px;
  width: 100px;
  height: 20px;
  font-family: Verdana, Arial CE,Helvetica CE, Arial, Helvetica,sans-serif;
  font-size: 11px;
  color: #000000;
  font-weight: bold;
}
#user_heslo2{
  position: absolute;
  top: 95px;
  left: 105px;
  width: 400px;
  height: 20px;
}
#prava_popis1{
  position: absolute;
  width: 400px;
  height: 20px;
  top: 130px;
  left: 5px;
  font-family: Verdana, Arial CE,Helvetica CE, Arial, Helvetica,sans-serif;
  font-size: 11px;
  color: #000000;
  font-weight: bold;
  text-decoration: underline;
}
#prava1{
  position: absolute;
  width: 400px;
  top: 145px;
  left: 5px;
  font-family: Verdana, Arial CE,Helvetica CE, Arial, Helvetica,sans-serif;
  font-size: 11px;
  color: #000000;
  font-weight: bold;
}
#prava_popis2{
  position: absolute;
  width: 400px;
  height: 20px;
  top: 315px;
  left: 5px;
  font-family: Verdana, Arial CE,Helvetica CE, Arial, Helvetica,sans-serif;
  font-size: 11px;
  color: #000000;
  font-weight: bold;
  text-decoration: underline;
}
#prava2{
  position: absolute;
  width: 400px;
  height: 40px;
  top: 330px;
  left: 5px;
  font-family: Verdana, Arial CE,Helvetica CE, Arial, Helvetica,sans-serif;
  font-size: 11px;
  color: #000000;
  font-weight: bold;
}
#prava_popis3{
  position: absolute;
  width: 400px;
  height: 20px;
  top: 380px;
  left: 5px;
  font-family: Verdana, Arial CE,Helvetica CE, Arial, Helvetica,sans-serif;
  font-size: 11px;
  color: #000000;
  font-weight: bold;
  text-decoration: underline;
}
#prava3{
  position: absolute;
  width: 400px;
  height: 100px;
  top: 395px;
  left: 5px;
  font-family: Verdana, Arial CE,Helvetica CE, Arial, Helvetica,sans-serif;
  font-size: 11px;
  color: #000000;
  font-weight: bold;
}
#adduser{
  position: absolute;
  width: 50px;
  height: 20px;
  top: 5px;
  left: 400px;
}
#webmail{
  float: right;
  width: 100px;
  height: 20px;
}
#sol{
  float: left;
  width: 100px;
  height: 20px;
  margin-left: 245px;
  _margin-left: 122px;
}
#spravau{
  float: right;
  width: 220px;
  height: 20px;
}
.nazev2{
  position: absolute;
  width: 240px;
  height: 20px;
  top: 25px;
  left: 2px;
  font-family: Verdana, Arial CE,Helvetica CE, Arial, Helvetica,sans-serif;
  font-size: 12px;
  color: #000000;
  font-weight: bold;
}
a.nazev{
  position: absolute;
  width: 240px;
  height: 20px;
  top: 25px;
  left: 2px;
  font-family: Verdana, Arial CE,Helvetica CE, Arial, Helvetica,sans-serif;
  font-size: 12px;
  color: #000000;
  font-weight: bold;
}
a.nazev:hover{
  position: absolute;
  width: 240px;
  height: 20px;
  top: 25px;
  left: 2px;
  font-family: Verdana, Arial CE,Helvetica CE, Arial, Helvetica,sans-serif;
  font-size: 12px;
  color: rgb(102,0,0);
  font-weight: bold;
}
.uvod{
  position: absolute;
  width: 243px;
  height: 130px;
  left: 2px;
  top: 45px; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  overflow: hidden;
}
.datum{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: black;
  font-weight: normal;
  font-style: italic;
  _margin-top: 10px;
}
a.odkaz_in{
  text-decoration: underline;
  color: black;
  font-weight: normal;
}
#uvod_s{
  position: absolute;
  left: 0px;
  top: 20px;
  width: 125px;
  height: 20px;
  background-image: url(buttons/us.png);
}
a.uvod_s{
  position: absolute;
  left: 0px;
  top: 20px;
  width: 125px;
  height: 20px;
  background-image: url(buttons/us-h.png);
  background-position: 200px 0px;
  background-repeat: no-repeat;
}
a.uvod_s:hover{
  position: absolute;
  left: 0px;
  top: 20px;
  width: 125px;
  height: 20px;
  background-image: url(buttons/us-h.png);
  background-position: 0px 0px;
}
#zpeta{
  position: absolute;
  left: 0px;
  top: 40px;
  width: 125px;
  height: 20px;
  background-image: url(buttons/zpeta.png);
}
a.zpeta{
  position: absolute;
  left: 0px;
  top: 40px;
  width: 125px;
  height: 20px;
  background-image: url(buttons/zpeta-h.png);
  background-position: 200px 0px;
  background-repeat: no-repeat;
}
a.zpeta:hover{
  position: absolute;
  left: 0px;
  top: 40px;
  width: 125px;
  height: 20px;
  background-image: url(buttons/zpeta-h.png);
  background-position: 0px 0px;
}
a.adduser{
  position: absolute;
  top: 44px;
  left: 150px;
  color: black;
  font-weight: bold;
  font-size: 11px;
}
a.posuvuser{
  position: absolute;
  top: 80px;
  left: 150px;
  color: black;
  font-weight: bold;
  font-size: 11px;
}
.obrazek{
  position: absolute;
  width: 95px;
  height: 95px;
  left: 75px;
  top: 150px;
}