body {

font-family: Arial, Helvetica, sans-serif;

margin: 0px 0px 0px 0px;

font-size: 12px;

color: #000000;

}



table {

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

color: #000000;

text-align: justify;

}



.stranka_vrsek {

position: relative;

top: 0px;

left: 0px;

width: 1000px;

height: 237px;

background-image: url(../pictures/stranka_vrsek.jpg);

background-repeat: no-repeat;

}



.stranka_stred {

position: relative;

top: 0px;

left: 0px;

width: 1000px;

background-image: url(../pictures/stranka_stred.jpg);

background-repeat: repeat-y;

}



.stranka_spodek {

position: relative;

top: 0px;

left: 0px;

width: 1000px;

height: 10px;

background-image: url(../pictures/stranka_spodek.jpg);

background-repeat: no-repeat;

clear: both;

}



.leva {

position: relative;

left: 10px;

width: 165px;

float: left;

top: -24px;

z-index: 100;

}



.stred {

position: relative;

width: 625px;

float: left;

}



.prava {

position: relative;

top: -10px;

width: 210px;

float: right;

}



.prava p {

margin: 10px 0px 10px 0px;

}



.obsah_vrsek {

position: relative;

top: 0px;

left: 0px;

width: 625px;

height: 15px;

background-image: url(../pictures/obsah_vrsek.jpg);

background-repeat: no-repeat;

}



.obsah_stred {

position: relative;

top: 0px;

left: 0px;

width: 625px;

background-image: url(../pictures/obsah_stred.jpg);

background-repeat: repeat-y;

}



.obsah_stred_o {

position: relative;

top: -20px;

padding: 10px 10px 10px 10px;

text-align: justify;

}



.obsah_stred_o a {

color: #000000;

font-style: italic;

text-decoration: none;

}



.obsah_stred_o a:hover {

color: #000000;

font-style: italic;

text-decoration: underline;

} 



.paticka {

position: relative;

top: 0px;

left: 0px;

width: 625px;

height: 31px;

background-image: url(../pictures/paticka.jpg);

background-repeat: no-repeat;

}



.paticka_o {

text-align: center;

font-size: 9px;

padding: 7px 0px 0px 0px;

}



.paticka_o a {

text-decoration: none;

font-style: italic;

color: #000000;

}



.paticka_o a:hover{

color: #CE0203;

}



.prava_vrsek {

position: relative;

top: 0px;

left: 10px;

width: 190px;

height: 447px;

background-image: url(../pictures/prava_vrsek.jpg);

background-repeat: no-repeat;

}



.prava_vrsek_obsah {

padding: 10px 10px 10px 10px;

}



.prava_predel {

position: relative;

top: 0px;

left: 10px;

width: 190px;

height: 26px;

background-image: url(../pictures/prava_predel.jpg);

background-repeat: no-repeat;

text-align: center;

font-weight: bold;

padding-top: 2px;

}



.prava_stred {

position: relative;

top: 0px;

left: 10px;

width: 190px;

background-image: url(../pictures/prava_stred.jpg);

background-repeat: repeat-y;

}



.prava_spodek {

position: relative;

top: 0px;

left: 0px;

width: 190px;

height: 15px;

background-image: url(../pictures/prava_spodek.jpg);

background-repeat: no-repeat;

}



.horni_menu {

position: relative;

top: -10px;

left: 0px;

width: 625px;

height: 30px;

}



.horni_menu a {

display: block;

background-image: url(../pictures/link_cervena.jpg);

background-repeat: no-repeat;

width: 145px;

height: 26px;

text-align: center;

padding-top: 4px;

float: left;

color: #000000;

font-weight: bold;

text-decoration: none;

}



.horni_menu a:hover {

background-image: url(../pictures/link_zelena.jpg);

background-repeat: no-repeat;

width: 145px;

height: 26px;

text-align: center;

padding-top: 4px;

float: left;

}



.znak {

position: relative;

top: 0px;

left: 0px;

width: 145px;

height: 65px;

background-image: url(../pictures/znak.jpg);

background-repeat: no-repeat;

clear: both;

}



.znak2 {

position: relative;

top: 0px;

left: 0px;

width: 100px;

height: 100px;

background-image: url(../pictures/znak.gif);

background-repeat: no-repeat;

clear: both;

}



.bmenu a {

display: block;

background-image: url(../pictures/link_cervena.jpg);

background-repeat: no-repeat;

width: 145px;

height: 26px;

text-align: center;

padding-top: 4px;

color: #000000;

font-weight: bold;

text-decoration: none;

}



.bmenu a:hover {

background-image: url(../pictures/link_zelena.jpg);

background-repeat: no-repeat;

width: 145px;

height: 26px;

text-align: center;

padding-top: 4px;

}



h2 {

color: #9ED397;

font-style: italic;

font-size: 20px;

}



.prava a {

color: #000000;

font-style: italic;

text-decoration: none;

}



.prava a:hover {

color: #000000;

text-decoration: underline;

}



/************************** MENU ********************************/

	/*

	#menu {

	width: 150px;

	font:0.83em Verdana, sans-serif;

	}

	#menu ul, #menu ul.sub {

	list-style-type: none;

	margin: 0;

	padding: 0;

	}

	#menu li, #menu ul.sub li {

	margin: 0;

	padding: 0;

	width: 100%;

	}

	#menu h3 {

	font-size: 1em;

	margin: 0;

	padding: 1px;

	border: 1px solid Gray;

	}

	#menu li > h3 {

	margin-bottom: 0.2em;

	}

	#menu h3 a {

	display: block;

	text-decoration: none;

	width: 100%;

	}

	

	#menu h3 a:hover {

	background-color: #DDD;

	color: inherit;

	}

	#menu ul.sub li {

	display: block;

	width: 100%;

	margin:0;

	padding: 0;

	}

	#menu ul.sub li a {

	display: block;

	margin: 0;

	border-left: 10px solid white;

	}

	#menu ul.sub li a:hover {

	background-color: #EEE;

	color: inherit;

	border-left: 10px solid yellow;

	}



  #menu ul li.main:hover h3 a {

  background-color: #DDD;

  color: inherit;

  }

  #menu ul li.main {

  position: relative;

  }

  #menu ul li > ul.sub {

  position: absolute;

  top: 0;

  left: 150px;

  z-index: 10;

  width: 150px;

  visibility: hidden;

  padding-bottom: 1em;

  }

  #menu ul li.main:hover ul.sub {

  visibility: visible;

  }*/

  

   	#menu { /*145x26*/

	width: 145px;

	}

	#menu ul, #menu ul.sub {

	list-style-type: none;

	margin: 0;

	padding: 0;

	}

	#menu li, #menu ul.sub li {

	margin: 0;

	padding: 0;

	width: 100%;

	}

	#menu h3 {

	font-size: 1em;

	margin: 0;

	}

	#menu li > h3 {

	margin-bottom: 0.2em;

	}

	#menu h3 a {

	display: block;

	background-image: url(../pictures/link_zelena.jpg);

	background-repeat: no-repeat;

	width: 145px;

	height: 26px;

	text-align: center;

	padding-top: 4px;

	color: #000000;

	font-weight: bold;

	text-decoration: none;

	}

	

	#menu h3 a:hover {

	background-image: url(../pictures/link_cervena.jpg);

	background-repeat: no-repeat;

	width: 145px;

	height: 26px;

	text-align: center;

	padding-top: 4px;

	}

	#menu ul.sub li {

	display: block;

	width: 100%;

	margin:0;

	padding: 0;

	}

	#menu ul.sub li a {

	display: block;

	background-image: url(../pictures/link_zelena.jpg);

	background-repeat: no-repeat;

	width: 145px;

	height: 26px;

	text-align: center;

	padding-top: 4px;

	color: #000000;

	font-weight: bold;

	text-decoration: none;

	}

	#menu ul.sub li a:hover {

	background-image: url(../pictures/link_cervena.jpg);

	background-repeat: no-repeat;

	width: 145px;

	height: 26px;

	text-align: center;

	padding-top: 4px;

	}



  #menu ul li.main:hover h3 a {

  background-color: #DDD;

  color: inherit;

  }

  #menu ul li.main {

  position: relative;

  }

  #menu ul li > ul.sub {

  position: absolute;

  top: 0;

  left: 145px;

  z-index: 10;

  width: 154px;

  visibility: hidden;

  padding-bottom: 1em;

  padding-left: 10px;

  }

  #menu ul li.main:hover ul.sub {

  visibility: visible;

  }

/************************** MENU ********************************/


