body {
  margin: 0;
  padding: 0;
  font-family: Arial;
  background-color: white;
  color: rgb(51,51,51);
}

a:visited {color: rgb(198,19,62);}

.clear_both {
  clear: both;
  margin: 0;
  height: 0;
  border: none;
  visibility: hidden;
}

#page {
  width: 1000px;
  margin: auto;
  background-color: white;
  padding-top: 9px;
}

#header {
  height: 69px;
  background-color: white;
  background-image: url(../img/ctverce.gif);
  background-repeat: no-repeat;
  background-position: 267px 22px;
}

#header_topline {
  height: 1px;
  background-image: url(../img/headertopline.jpg);
  line-height: 1%;
  font-size: 1%;
}

#header_bottomline {
  height: 1px;
  background-image: url(../img/headerbottomline.jpg);
  line-height: 1%;
  font-size: 1%;
}

#horni_menu {
  height: 30px;
  text-align: center;
}

#horni_menu ul li a {
  color: rgb(51,51,51);
  text-decoration: none;
  /*font-size: 70%;*/
}

#horni_menu ul {
  margin: 0;
  padding: 0;
}

#horni_menu ul li {
  display: block;
  padding-left: 5px;
  padding-right: 5px;
  float: left;
  background-image: url(../img/oddelovac.jpg);
  background-position: right center;
  background-repeat: no-repeat;
  height: 25px;
  margin-top: 1px;
  padding-top: 18px;
  _padding-top: 10px;
}

#horni_menu ul li ul{
  display: none;
}

#horni_menu ul li a:hover, #horni_menu ul li a.active{
  color: rgb(198,19,62);
}

#horni_menu ul li:hover ul{
  display: block;
  position: relative;
}

#horni_menu a {
  font-size: 90%;
}

#logo{
  float: left;
}

#napis{
  background-image: url(../img/napis.png);
  background-repeat: no-repeat;
  width: 554px;
  height: 33px;
  float: left;
  margin-left: 194px;
  margin-top: 21px;
}

#napis h1{
  visibility: hidden;
  font-size: 150%;
}

#main {
  padding-top: 30px;  
}

#menu {
  width: 252px;
  background-color: white;
  background-image: url(../img/pozadimenu.jpg);
  background-repeat: no-repeat;
  float: left;
  padding-top: 18px;
  padding-right: 6px;
}

#menu .odkaz{
  height: 15px;
  font-size: 80%;
  margin-bottom: 5px;
}

#menu .odkaz a{
  text-decoration: none;
  color: white;
}

#menu .cerveny{
  background-color: rgb(198,19,62);
  margin-left: 7px;
  padding-left: 30px;
  width: 197px;
}

#menu .sedy{
  background-color: rgb(145,148,150);
  margin-left: 15px;
  padding-left: 20px;
  width: 207px;
}

#menu .prvni{
  margin-left: 101px;
  padding-left: 20px;
  width: 130px;
}

#menu .druhy{
  margin-left: 42px;
  padding-left: 20px;
  width: 180px;
}

.menu_blok{
  width: 250px;
}

.prihlaseni{
  font-size: 75%;
}

.prihlaseni a:visited{
  color: rgb(0,102,153);
}

.prihlaseni a:link{
  color: rgb(0,102,153);
}

.prihlaseni a:hover{
  color: rgb(198,19,62); 
  text-decoration: none; 
}

#button{
  width: 80px;
  height: 20px;
  background: rgb(204,204,204);
  border: rgb(204,204,204) 1px solid;
  border-style: outset;
  padding: 0;
  _margin-left: -25px;
  *margin-left: -25px;
}

#button:active{
  border: rgb(204,204,204) 1px solid;
  border-style: outset;
}

.inputbutton{
  background-image: url(../img/stin.jpg);
  background-repeat: no-repeat;
  height: 25px;
  background-position: -3% bottom;
  padding: 0;
  margin: 0;
}
  
  
.menu_blok .top_line {
  background-image: url(../img/menutopline.gif);
  background-repeat: no-repeat;
  height: 4px;
  width: 250px;
  font-size: 1%;
}

.menu_blok .bottom_line {
  background-image: url(../img/menubottomline.gif);
  background-repeat: no-repeat;
  height: 4px;
  width: 250px;
  font-size: 1%;
  margin-bottom: 5px;
}

.menu_blok .blok_obsah {
  border-right: 2px solid rgb(204,204,204);
  padding-left: 10px;
  padding-right: 10px;
  background-color: white;
  background-position: right;
  background-repeat: repeat-y;
  padding-top: 14px;
  padding-bottom: 18px;
}

.menu_blok_text{
  margin-left: 24px;
  margin-top: 23px;
  margin-right: 0px;
}

#registrace_a_prihlaseni{
  background-image: url(../img/registraceaprihlaseni.png);
  background-repeat: no-repeat;
  width: 161px;
  height: 22px;
}

#registrace_a_prihlaseni{
  background-image: url(../img/registraceaprihlaseni.png);
  background-repeat: no-repeat;
  width: 161px;
  height: 22px;
}

#registrace_a_prihlaseni h2{
  visibility: hidden;
  font-size: 100%;
  margin: 0;
}

.prihlaseni_input{
  width: 120px;
  height: 15px;
}

.input {
  margin-bottom: 5px;
}

.popis_input {
  font-size: 80%;
  display: inline;
  font-weight: bold;
}

#prihlasit {
  background: #cccccc;
  width: 83px;
  height: 20px;
  padding: 0;
}

a.registrace_link {
  font-size: 75%;
  color: rgb(51,51,51);
	display:block;
}

a.registrace_link:hover {
  text-decoration: none;
}

#anketa {
  background-image: url(../img/anketa.png);
  background-repeat: no-repeat;
  width: 54px;
  height: 19px;
}

#anketa h2 {
  visibility: hidden;
  font-size: 100%;
  margin: 0;
}

.zadani_ankety {
  color: rgb(0,102,153);
  font-size: 75%;
  text-indent: 15px;
  font-weight: bold;
}

.moznost_ankety {
  font-size: 75%;
  font-weight: bold;
  color: rgb(51,51,51);
  display: block;
  margin: 0px;
  margin-top: 22px;
}

.graf{
  height: 14px;
}

.moznost_ankety:hover {
  text-decoration: none;
}

#kontaktni_udaje{
  background-image: url(../img/kontaktniudaje.png);
  background-repeat: no-repeat;
  width: 111px;
  height: 25px;
}

#kontaktni_udaje h2{
  visibility: hidden;
  font-size: 100%;
  margin: 0;
}

.kontakty {
  font-size: 75%;
  color: rgb(51,51,51);
  font-style: normal;
  margin: 0px;
  margin-bottom: 10px; 
}

.kontakty a {
  color: rgb(51,51,51);
}

.kontakty a:hover {
  text-decoration: none;
}

#content.content2cols {
  float: right;
  width: 740px;
  padding-top: 17px;
  color: rgb(102,102,102);
}

#content.content3cols {
  float: right;
  width: 480px;
  padding-top: 17px;
  color: rgb(102,102,102);
}

.dalsi{
  color: rgb(198,19,62);
  text-align: right;
  margin-right: 70px;
  font-size: 80%;
  font-weight: bold;
}

.dalsi a:link {
  color: rgb(0,102,153);
}

.dalsi a:hover {
  color: rgb(198,19,62);
  text-decoration: none;
}

.nadpis{
  margin: 0;
  height: 22px;
  background-color: white;
  background-image: url(../img/odrazka.gif);
  background-repeat: no-repeat;
  padding-left: 40px; padding-top: 5px;
  color: rgb(198,19,62);
  font-size: 100%;
  margin-bottom: 14px;
}
/*
#o_portalu_text{
  width: 480px;
  float: left;
}
*/
h2{
  margin: 0;
  height: 22px;
  background-color: white;
  background-image: url(../img/odrazka.gif);
  background-repeat: no-repeat;
  padding-left: 40px; padding-top: 5px;
  color: rgb(198,19,62);
  font-size: 100%;
  margin-bottom: 14px;
}

p{
  color: #333;
/*  font-size: 80%; */
  margin-left: 10px;
}

.editor {
  color: rgb(102,102,102);
  font-size: 80%; 
}

.editor h2{
  font-size: 135%; 
}

#o_portalu p{
  font-size: 80%; 
}

#o_portalu #mapa{
  float: left;
  margin-left: 20px;
  margin-bottom: 10px;
}

#content.content2cols .blok {
  margin: 0px;
  margin-bottom: 6px;
  width: 740px;
  color: rgb(102,102,102);
}

#content.content3cols .blok {
  margin: 0px;
  margin-bottom: 6px;
	width: 480px;
  color: rgb(102,102,102);
}

.blok table.normal {
	color: #333333;
}

#content.content2cols .blok .top_line {
  background-image: url(../img/topline.gif);
  background-repeat: no-repeat;
  height: 18px;
  width: 740px;
}

#content.content2cols .blok .bottom_line {
  background-image: url(../img/bottomline.gif);
  background-repeat: no-repeat;
  height: 18px;
  width: 740px;
}

#content.content3cols .blok .top_line {
  background-image: url(../img/topline480.gif);
  background-repeat: no-repeat;
  height: 18px;
  width: 480px;
}

#content.content3cols .blok .bottom_line {
  background-image: url(../img/bottomline480.gif);
  background-repeat: no-repeat;
  height: 18px;
  width: 480px;
}

.blok .blok_obsah {
  border-left: 2px solid rgb(204,204,204);
  border-right: 2px solid rgb(204,204,204);
  padding-left: 15px;
  padding-right: 15px;
  background-color: white;
  background-image: url(../img/pozadiblok.png);
  background-position: right;
  background-repeat: repeat-y;
}

.blok h3 {
  margin: 0;
  font-size: 95%;
}

.blok table {
  font-size: 80%;
}

.blok table th{
  color: rgb(0,102,153);
}

.blok table th a:link{
  color: rgb(0,102,153);
}

.blok table th a:hover{
  text-decoration: none;
}

.blok .blok_text {
  font-size: 80%;
  margin: 10px 10px 0 0; text-align: justify;
  padding-bottom: 6px;
  text-indent: 15px;
}

.blok .blok_foto {
  float: left;
  margin-top: 10px;
  margin-right: 16px;
  margin-bottom: 5px;
}

.lichy h3{
  color: rgb(198,19,62);
}

.sudy h3{
  color: rgb(0,102,153);
}

.blok a:link {
  color: rgb(198,19,62);
}

.blok a:hover {
  color: rgb(0,102,153);
  text-decoration: none;
}

#footer {
  height: 250px;
  clear: both;
  background-color: white;
  background-image: url(../img/pozadifooter.gif);
  background-repeat: no-repeat;
  background-position: 0 82px;
  /*padding-left: 24px;*/
}

#eu_logo {
  /*margin-top: 55px;*/
  float: left
}

#eu_text {
  float: left;
  margin-top: 55px;
  margin-left: 10px;
  font-size: 90%;
}

#eu_modre {
  margin: 0;
  color: rgb(13,68,114);
}

#eu_sede {
  margin: 0;
  color: rgb(51,51,51);
}

#footer_leva {
  float: left;
  margin-top: 80px;
  font-size: 70%;
  color: rgb(51,51,51);
}

#footer_prava {
  float: right;
  margin-top: 80px;
  font-size: 70%;
  color: rgb(51,51,51);
}

#footer a {
  color: rgb(0,102,153);
}

#footer a:hover {
  color: rgb(198,19,62);
  text-decoration: none;
}

.pokyny_formular {
  font-size: 80%;
  color: rgb(0,102,153);
}


#horni_menu ul {
	font-size: 80%;
	list-style: none;
}

#horni_menu ul li {float: left; position: relative;}

#horni_menu ul li ul {display: none;}

#horni_menu ul li:hover ul {
	display: block;
	position: absolute;
	top: 37px; left: 0px;
  width: 150px;
  background: rgb(51,51,51);
  border: 1px solid rgb(51,51,51);
  border-bottom: none;
  margin: 0;
  padding: 0;
  background-image: none;
}

#horni_menu ul li ul li {
  float: none;
  margin: 0;
  padding: 0;

}
#horni_menu ul li ul li a {
  display: block;
  color: rgb(51,51,51);
  background-color: white;
  height: 18px;
  padding-top: 6px;
  padding-left: 6px;
  background-image: none;
  font-size: 110%;
  margin: 0;
  border: none;
  border-bottom: 1px solid rgb(51,51,51);
  text-align: left;
}
#horni_menu ul li ul li a:hover {
  font-weight: bold;
}


#horni_menu ul li:hover ul li ul {display: none;}

#horni_menu ul li:hover ul li:hover ul {
	display: block;
	position: absolute;
	top: 0px; left: -202px;
  width: 200px;
	margin-top:-1px;
}





#prihl_form {
margin-left:20px;
margin-bottom: 20px;
float:left;
font-family:Arial, Verdana, Helvetica, sans-serif;
width: 700px;
width:500px;
}

#prihl_form table {
font-size:11px;
font-weight:bold;
width:500px;
text-align:left;
}

#prihl_form td.hlavny {
font-size:13px;
/*font-weight:bold;*/
color:#919496;
}

#prihl_form h1 {
font-size:14px;
font-weight:bold;
color:#c6133e;
}

#prihl_form h2 {
font-size:14px;
font-weight:bold;
color: #919496;
}

#prihl_form input {
font-weight:bold;
color: #333333;
border-collapse:separate;
border-color:#000000 #848484 #848484 #000000;
width: 200px;
}

#prihl_form textarea {
font-size:12px;
font-weight:bold;
color: #333333;
border-collapse:separate;
border-color:#000000 #848484 #848484 #000000;
width: 200px;
height: 75px;
}

#prihl_form select {
font-size:12px;
font-weight:bold;
color: #333333;
border-collapse:separate;
border-color:#000000 #848484 #848484 #000000;
width: 200px;
height:21px;
}

#prihl_form span {
font-size:11px;
/*font-weight:bold;*/
color:#53ac53;
padding-top: 10px;
padding-bottom:10px;
display:block;
}

.subject, .orderForm, .subjectDetail {
	font-size: 80%;
	margin-left: 20px;
	clear: both;
}

.subject a:hover {
	color: #006699;
	text-decoration: none;
}

.emph {
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
}

.submenu {
	margin-bottom: 30px;
}

#right {
  width: 252px;
  background-color: white;
  background-image: url(../img/pozadimenu.jpg);
  background-repeat: no-repeat;
  float: right;
  padding-top: 18px;
  padding-left: 6px;
}

#right .odkaz{
  height: 15px;
  font-size: 80%;
  margin-bottom: 5px;
}

#right .odkaz a{
  text-decoration: none;
  color: white;
}

#right .cerveny{
  background-color: rgb(198,19,62);
  margin-left: 7px;
  padding-left: 30px;
  width: 197px;
}

#right .sedy{
  background-color: rgb(145,148,150);
  margin-left: 15px;
  padding-left: 20px;
  width: 207px;
}

#right .prvni{
  margin-left: 101px;
  padding-left: 20px;
  width: 130px;
}

#right .druhy{
  margin-left: 42px;
  padding-left: 20px;
  width: 180px;
}

#right .menu_blok .top_line {
	  background-image: url(../img/menutoplineright.gif);
}

#right .menu_blok .bottom_line {
  background-image: url(../img/menubottomlineright.gif);
}

#right .menu_blok .blok_obsah {
  border-left: 2px solid rgb(204,204,204);
	border-right: 0;
}

#kalendar_akci{
  background-image: url(../img/kalendarakci.png);
  background-repeat: no-repeat;
  width: 161px;
  height: 22px;
}

#kalendar_akci h2{
  visibility: hidden;
  font-size: 100%;
  margin: 0;
}
