body {
  padding: 10px 0px 10px 0px;
  margin: 0px auto;
	font-family: tahoma;
	font-size: 13px;
	color: #000000;
	background-color: #ffffff;
	text-align: center;
}

.page {
  /* position: relative; */  
  margin: auto;
  width: 800px;
	background-color: #ffffff;
  padding: 20px 10px 20px 10px;
}

. clearer {
  clear:both;
}

/*-----------------------------------------zaciatok menu--------------------------------------------------*/
.logohladaj {
  /* position: relative; */  
  margin: auto;
  width: 780px;
	height: 69px;
}

.banner {
  margin: auto;
  width: 780px;
  height: 60px;
  margin-bottom: 5px;
}

.logo {
  margin: auto;
  width: 261px;
	height: 69px;
	float: left;
	background-image: url("images/logo.jpg");
}
.logo p {
  text-align: right;
  margin: 26px 10px 0px 0px;
}

.hladaj {
  margin: auto;
  width: 519px;
	height: 69px;
	float: left;
}
.hladaj p {
  text-align: left;
  margin: 24px 0px 0px 0px;
}
.thladaj {
  width: 390px;
  border: 1px solid #666666;
}
.bhladaj {
  width: 50px;
  height: 21px;
	font-size: 12px;
}

.menu {
  /* position: relative;  */
  margin: auto;
  width: 780px;
	height: 35px;
}
.menu p {
  text-align: left;
  margin: 9px 0px 0px 45px;
}
.menu p a {
  text-decoration: none;
}
.menu p a:hover {
  color: black;
  text-decoration: none;
}

.bgkat {
  margin: auto;
  width: 130px;
	height: 35px;
	float: left;
	background-image: url("images/bg-kat.jpg");
}
.bgkat a {
  color: #ce2a28;
}
.bgkat0 {
  margin: auto;
  width: 130px;
	height: 35px;
	float: left;
	background-image: url("images/bg-kat-0.jpg");
}
.bgkat0 a {
  color: #ce2a28;
}

.bgfirmy {
  margin: auto;
  width: 130px;
	height: 35px;
	float: left;
	background-image: url("images/bg-firmy.jpg");
}
.bgfirmy a {
  color: #1f1f99;
}
.bgfirmy0 {
  margin: auto;
  width: 130px;
	height: 35px;
	float: left;
	background-image: url("images/bg-firmy-0.jpg");
}
.bgfirmy0 a {
  color: #1f1f99;
}

.bgsprav {
  margin: auto;
  width: 130px;
	height: 35px;
	float: left;
	background-image: url("images/bg-sprav.jpg");
}
.bgsprav a {
  color: #1e8c19;
}
.bgsprav0 {
  margin: auto;
  width: 130px;
	height: 35px;
	float: left;
	background-image: url("images/bg-sprav-0.jpg");
}
.bgsprav0 a {
  color: #1e8c19;
}

.bgslov {
  margin: auto;
  width: 130px;
	height: 35px;
	float: left;
	background-image: url("images/bg-slov.jpg");
}
.bgslov a {
  color: #965721;
}
.bgslov0 {
  margin: auto;
  width: 130px;
	height: 35px;
	float: left;
	background-image: url("images/bg-slov-0.jpg");
}
.bgslov0 a {
  color: #965721;
}

.bgpoc {
  margin: auto;
  width: 130px;
	height: 35px;
	float: left;
	background-image: url("images/bg-poc.jpg");
}
.bgpoc a {
  color: #eda000;
}
.bgpoc0 {
  margin: auto;
  width: 130px;
	height: 35px;
	float: left;
	background-image: url("images/bg-poc-0.jpg");
}
.bgpoc0 a {
  color: #eda000;
}

.bgdov {
  margin: auto;
  width: 130px;
	height: 35px;
	float: left;
	background-image: url("images/bg-dov.jpg");
}
.bgdov a {
  color: #eeca04;
}
.bgdov0 {
  margin: auto;
  width: 130px;
	height: 35px;
	float: left;
	background-image: url("images/bg-dov-0.jpg");
}
.bgdov0 a {
  color: #d2d003;
}
/*------------------------------------------koniec menu--------------------------------------------------*/

.main {
  /* position: relative; */
  margin: auto;
  width: 790px;
}
/*------------------------------------------zaciatok lavy--------------------------------------------------*/
.left {
  margin: auto;
  width: 180px;
  float: left;
}

.topleft {
  /* position: relative; */
  margin: auto;
  width: 180px;
  height: 18px;
  text-align: left;
  color: #ffffff;
  background-color: #208C1C;
  border: 1px solid #208C1C;
}
.topleft p {
  margin: 1px 0px 0px 10px;
}

.topleft2 {
  /* position: relative; */
  margin: auto;
  margin-top: 10px;
  width: 180px;
  height: 18px;
  text-align: left;
  color: #ffffff;
  background-color: #208C1C;
  border: 1px solid #208C1C;
}
.topleft2 p {
  margin: 1px 0px 0px 10px;
}

.midleft {
  /* position: relative; */
  margin: auto;
  width: 180px;
  text-align: left;
  border: 1px solid #cccccc;
}
.midleft p {
  margin: 20px 10px 0px 10px;
}
.midleft a {
  color: #208C1C;
  text-decoration: none;
}
.midleft a.visited {
  color: #208C1C;
  text-decoration: none;
}
.midleft a:hover {
  color: #000000;
  text-decoration: none;
}
.midleft ol {
  margin: 0px 10px 0px 0px;
}

.cit {
  list-style: none;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  font-size: 10px;
  color: #999999;
  text-align: left;
}

/*------------------------------------------koniec lavy--------------------------------------------------*/

/*-----------------------------------------zaciatok stred------------------------------------------------*/
.mid {
  margin: auto;
  width: 420px;
  float: left;
}

.midtop {
  text-align: left;
  width: 400px;
  margin: 0px 10px 0px 10px;
  border: 1px solid #cccccc;
}
.midnad {
  text-align: left;
  width: 400px;
  height: 18px;
  margin: 0px 10px 0px 10px;
  color: #ffffff;
  background-color: #208C1C;  
  border: 1px solid #208C1C;  
}
.midnad p {
  margin: 1px 0px 0px 10px;
}

.midmid {
  text-align: left;
  width: 400px;
  height: 358px;
  margin: 0px 10px 0px 10px;
  border: 1px solid #cccccc;  
}
.midmid p {
  margin: 20px 10px 0px 10px;
}
.midmid p img {
  height: 50px;
  margin: 0px 10px 0px 0px;
}
.midmid a {
  color: #000000;
  text-decoration: none;
}
.midmid a.visited {
  color: #000000;
  text-decoration: none;
}
.midmid a:hover {
  color: #d20000;
  text-decoration: underline;
}

.mid2 {
  margin: auto;
  width: 590px;
  float: left;
}
.midnad2 {
  text-align: left;
  width: 584px;
  height: 18px;
  margin: 0px 6px 0px 10px;
  color: #ffffff;
  background-color: #208C1C;  
  border: 1px solid #208C1C;  
}
.midnad2 p {
  margin: 1px 0px 0px 6px;
}

.midnad2 h1 {
  font-size: 13px;
  margin: 1px 0px 0px 6px;
}

.midmid2 {
  text-align: left;
  width: 584px;
  height: auto;
  margin: 0px 6px 0px 10px;
  border: 1px solid #cccccc;  
}
.ppp {
  margin: 18px 10px 10px 10px;
}
.ppppp {
  margin: 9px 10px 5px 10px;
}
.ppp h2 {
  font-size: 13px;
  margin: 0px 0px 5px 0px;
}
.ppp img {
  height: 50px;
  margin: 0px 10px 0px 0px;
  padding: 1px;
  border: 1px solid #cccccc;
}
.midmid2 a {
  color: #000000;
  text-decoration: none;
}
.midmid2 a.visited {
  color: #000000;
  text-decoration: none;
}
.midmid2 a:hover {
  color: #208C1C;
  text-decoration: none;
}

.pppp {
  margin: 18px 10px 10px 10px;
  text-align: justify;
  line-height: 22px;
}
.pppp h1 {
  font-size: 13px;
  font-weight: bold;
  margin: 0px 0px 15px 2px;
  padding: 0px;
}
.pppp img {
  height: auto;
  margin: 0px 10px 0px 0px;
  padding: 1px;
  border: 1px solid #cccccc;
}
/*------------------------------------------koniec stred--------------------------------------------------*/

/*-----------------------------------------zaciatok pravy-------------------------------------------------*/
.right {
  margin: auto;
  width: 180px;
  float: left;
}

.topright {
  /* position: relative; */
  margin: auto;
  width: 180px;
  height: 18px;
  text-align: left;
  color: #ffffff;
  background-color: #eca202;
  border: 1px solid #eca202;
}
.topright p {
  margin: 1px 0px 0px 10px;
}

.midright {
  /* position: relative; */
  margin: auto;
  width: 180px;
  text-align: left;
  border: 1px solid #cccccc;
}
.midright p {
  margin: 16px 10px 20px 10px;
}
.midright a {
  color: #d20000;
  text-decoration: none;
}
.midright a.visited {
  color: #d20000;
  text-decoration: none;
}
.midright a:hover {
  color: #000000;
  text-decoration: none;
}
.midright img {
  width: 64px;
  height: 64px;
}

.topright2 {
  /* position: relative; */
  margin: auto;
  width: 180px;
  height: 18px;
  text-align: left;
  color: #ffffff;
  background-color: #955622;
  border: 1px solid #955622;
}
.topright2 p {
  margin: 1px 0px 0px 10px;
}

.midright2 {
  /* position: relative; */
  margin: auto;
  width: 180px;
  text-align: left;
  font-size: 11px;
  border: 1px solid #cccccc;
}
.midright2 p {
  margin: 12px 20px 12px 10px;
}
.midright2 a {
  color: #d20000;
  text-decoration: none;
}
.midright2 a.visited {
  color: #d20000;
  text-decoration: none;
}
.midright2 a:hover {
  color: #000000;
  text-decoration: none;
}
/*-------------------------------------------koniec pravy-------------------------------------------------*/

/*-----------------------------------------zaciatok footer------------------------------------------------*/
.footer {
  /*position: relative;  */
  float: left;
  margin: auto;
  margin-top: 30px;
  width: 782px;
  height: 26px;
  font-size: 11px;
  color: #bbbbbb;
  border-top: 1px dotted #cccccc;
}
/*------------------------------------------koniec footer-------------------------------------------------*/
.zozkat {
  width: 290px;
  float: left;
}
.zozkat p {
  margin: 5px 20px 20px 20px;
}
.zozkat p img {
  margin: -1px 10px 0px 0px;
}
.zozkat a {
  color: #d20000;
  text-decoration: none;
}
.zozkat a.visited {
  color: #d20000;
  text-decoration: none;
}
.zozkat a:hover {
  color: #000000;
  text-decoration: none;
}

.zozstr {
  width: 580px;
}
.zozstr p {
  margin: 5px 10px 30px 10px;
}
.zozstr p img {
  width: 102px;
  height: 76px;
  margin: 4px 10px 0px 0px;
}
.zozstr a {
  color: #d20000;
  text-decoration: none;
}
.zozstr a.visited {
  color: #d20000;
  text-decoration: none;
}
.zozstr a:hover {
  color: #000000;
  text-decoration: none;
}

.pstr {
  width: 560px;
  text-align: center;
}
.pstr p {
  margin: 5px 20px 30px 20px;
}
.pstr p img {
  height: auto;
  margin: auto;
  padding: auto;
  border: 0px;
}
.pstr a {
  color: #208C1C;
  text-decoration: none;
  margin: 0px 5px 0px 5px;
  font-size: 15px;
  font-weight: bold;
}
.pstr a.visited {
  color: #208C1C;
  text-decoration: none;
  margin: 0px 5px 0px 5px;
  font-size: 15px;
  font-weight: bold;
}
.pstr a:hover {
  color: #000000;
  text-decoration: none;
  margin: 0px 5px 0px 5px;
  font-size: 15px;
  font-weight: bold;
}

.str {
  color:black;
  font-size:18px;
}