/* css document */
html, body {
	width: 100%; 
  min-height: 100%;
  _height: 100%;
}
body
{
	text-align: center;
  background: #fff  url("../grafika/body100.png") center top repeat-y;
  _background: #fff  url("../grafika/body100ie.png") center top repeat-y;
  color: #333;
	font-family: verdana, sans-serif;
  font-size: 70%;
	padding: 0px;
  margin: 0px;
}
.clear
{
clear: both;
}
h1
{
  color: #004676;
	text-align: left;
	padding: 0px;
	margin: 20px 0px 15px 0px;
	font-size: 130%;
	font-weight: bold;
}
h2
{
  color: #004676;
	text-align: left;
	padding: 0px;
	margin: 20px 0px 15px 0px;
	font-size: 120%;
	font-weight: bold;
}
h3
{
  color: #004676;
	text-align: left;
	padding: 0px;
	margin: 20px 0px 10px 0px;
	font-size: 110%;
	font-weight: bold;
}
h4
{
  color: #004676;
	text-align: left;
	padding: 0px;
	margin: 0px;
	font-size: 100%;
	font-weight: bold;
}
p
{
  color: #333;
	text-align: justify;
	padding: 0px;
	margin: 5px 0px 15px 0px;
}
.j
{
	text-align: justify;
}
.l
{
	text-align: left;
}
.r
{
	text-align: right;
}
.c
{
	text-align: center;
}
tr, .top
{
	vertical-align: top;
}
.middle
{
	vertical-align: middle;
}
.bottom
{
	vertical-align: bottom;
}
a
{
  color: #004676;
  text-decoration: underline;
}
a:hover
{
  color: #549ccb;
  text-decoration: underline;
}
.apata
{
  color: #666;
  text-decoration: underline;
}
.apata:hover
{
  color: #000;
  text-decoration: underline;
}
.bottomline
{
  border-bottom: 1px solid #549ccb;
}
ul
{ 
  vertical-align: middle;
  list-style: square url("../grafika/li-text.gif");
  list-style-position: outside;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 20px 20px; 
}
ol
{ 
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 20px 30px; 
}
li
{ 
  text-align: justify;
  padding: 0px 0px 0px 0px;
  margin: 3px 0px 0px 0px;
}

.ikonka
{
  vertical-align: middle;
  margin: 2px;
}

#divkostra
{
	text-align: center;
  color: #333;
  width: 860px;
	padding: 0px;
  margin: 0px auto;
}
#divhlava
{
	text-align: left;
  color: #333;
  background: url("../grafika/hlava.png") no-repeat;
  width: 435px;
  height: 80px;
	padding: 0px 50px 120px 375px;
  margin: 0px auto;
}
#divmenu
{
	text-align: left;
	font-weight: bold;
  color: #fff;
  background: url("../grafika/menu.png") no-repeat;
  width: 760px;
  min-height: 50px;
  _height: 50px;
	padding: 0px;
  margin: 0px auto;
}
.divmenu0
{
  float: left;
	text-align: center;
  width: 85px;
  min-height: 50px;
  _height: 50px;
	padding: 0px;
  margin: 0px auto;
}
.divmenu0 a
{
  display: block;
  color: #fff;
  text-decoration: none;
}
.divmenu0 a:hover
{
  color: #9acfeb;
  display: block;
  text-decoration: none;
}
a.amenu0
{
  color: #fff;
  text-decoration: none;
  width: 75px;
  min-height: 28px;
  _height: 28px;
	padding: 17px 5px 5px 5px;
  margin: 0px auto;
}
a.amenu0:hover
{
  color: #9acfeb;
  text-decoration: none;
} 
.divmenu1
{
  float: left;
	text-align: center;
  width: 84px;
  min-height: 50px;
  _height: 50px;
  border-left: 1px solid #346b92;
	padding: 0px;
  margin: 0px auto;
}
.divmenu1 a
{
  display: block;
  color: #fff;
  text-decoration: none;
}
.divmenu1 a:hover
{
  color: #9acfeb;
  display: block;
  text-decoration: none;
}
a.amenu1
{
  color: #fff;
  text-decoration: none;
  width: 74px;
  min-height: 28px;
  _height: 28px;
	padding: 17px 5px 5px 5px;
  margin: 0px auto;
}
a.amenu1:hover
{
  color: #9acfeb;
  text-decoration: none;
} 
.divmenu2
{
  float: left;
	text-align: center;
  width: 126px;
  min-height: 50px;
  _height: 50px;
  border-left: 1px solid #346b92;
	padding: 0px;
  margin: 0px auto;
}
.divmenu2 a
{
  display: block;
  color: #fff;
  text-decoration: none;
}
.divmenu2 a:hover
{
  color: #9acfeb;
  display: block;
  text-decoration: none;
}
a.amenu2
{
  color: #fff;
  text-decoration: none;
  width: 116px;
  min-height: 28px;
  _height: 28px;
	padding: 17px 5px 5px 5px;
  margin: 0px auto;
}
a.amenu2:hover
{
  color: #9acfeb;
  text-decoration: none;
} 
.divmenu3
{
  float: left;
	text-align: center;
  width: 167px;
  min-height: 50px;
  _height: 50px;
  border-left: 1px solid #346b92;
	padding: 0px;
  margin: 0px auto;
}
.divmenu3 a
{
  display: block;
  color: #fff;
  text-decoration: none;
}
.divmenu3 a:hover
{
  color: #9acfeb;
  display: block;
  text-decoration: none;
}
a.amenu3
{
  color: #fff;
  text-decoration: none;
  width: 157px;
  min-height: 28px;
  _height: 28px;
	padding: 17px 5px 5px 5px;
  margin: 0px auto;
}
a.amenu3:hover
{
  color: #9acfeb;
  text-decoration: none;
} 
#divtelo
{
	text-align: left;
  color: #333;
  background: url("../grafika/telo.png") center top repeat-y;
  width: 760px;
  min-height: 400px;
  _height: 400px;
	padding: 0px 0px 0px 0px;
  margin: 0px auto;
}
#divtext
{
	text-align: left;
  color: #333;
  background: url("../grafika/telo-up.png") no-repeat;
  width: 720px;
  min-height: 300px;
  _height: 300px;
	padding: 20px 20px 40px 20px;
  margin: 0px auto;
}
#divpata
{
	text-align: right;
  color: #666;
  background: url("../grafika/pata.png") no-repeat;
  width: 720px;
  min-height: 25px;
  _height: 50px;
	padding: 10px 20px 8px 20px;
  margin: 0px auto;
}

input
{
  font-size: 100%;
  color: #004676;
  background-color: #fff;
  border: solid 1px #004676;
  vertical-align: middle;
}
input.submit
{
  color: #fff;
  background-color: #004676;
  border: solid 1px #004676;
}
input.noborder
{
  background: none;
  border: none;
}
form
{
	padding: 0px;
	margin: 0px;
}
textarea
{
  color: #666;
  background-color: #fff;
  border: solid 1px #006aa0;
}
select
{
  font-size: 100%;
  color: #666;
  background-color: #fff;
  border: solid 1px #006aa0;
  vertical-align: middle;
}