/*
 jknanka.cz - Screen CSS
 Last Update: 5.2.2004 18:00:00
*/
html, body {
  height: 100%;
}
body {
 color: #FFFFFF;
 background: #004083;
 font-family: "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif;
 font-size: 84%;
 text-align: center;
 margin: 0;
 padding: 0;
}
h1 {
  width: 171px;
  height: 98px;
  overflow: hidden;
  position: absolute;
  top: 210px;
  left: 30px;
  margin: 0;
  padding: 0;
}
h1 a {
  text-decoration: none;
}
h1 span {
  background: url("../images/logo.gif") top left no-repeat;
  display: block;
  width: 171px;
  height: 98px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  cursor: hand;
}
img {
  border: 0;
}
a, a:link {
  color: black;
  text-decoration: underline;
}
a:visited {
  color: #5C8FBA;
}
a:hover, a:link:hover, a:visited:hover {
  color: #000000;
}
ul {
  margin-top: 0;
}
.clear {
  clear: both;
}
.tc {
  text-align: center;
}
/* ------------ BOX ---------- */
#main {
  background: url(../images/body.gif) repeat-y top center;
  width: 739px;
  min-height: 100%;
  _height: 100%;
  margin: 0 auto;
}
#box {
  background: url(../images/back.jpg) no-repeat top center;
  text-align: left;
  width: 695px;
  min-height: 100%;
  _height: 100%;
  margin: 0 auto;
  position: relative;
}
/* ------------ MENU ---------- */
#topmenu {
  color: #003A76;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 320px;
  top: 5px;
  left: 390px;
}
#topmenu li {
  float: left;
  padding-right: 15px;
}
#topmenu a, #topmenu a:visited {
  color: #003A76;
  font-size: 90%;
  font-style: italic;
  font-weight: bold;
  text-decoration: none;
}
#topmenu a:hover, #topmenu a:visited:hover, #topmenu a:focus, #topmenu a:active {
  color: #000;
}
/* ------------ KREDO ---------- */
#kredo {
  width: 238px;
  height: 668px;
  overflow: hidden;
  position: absolute;
  top: 340px;
  left: 1px;
  text-align: center;
}
SPAN.kredo-cz {
  background: url("../images/kredo.gif") center center no-repeat;
  background-color: #F7FFFF;
  display: block;
  width: 238px;
  height: 120px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  text-align: center;
}
#kredo p {
}

#kredo p a {
  display: block;
  margin-top: 10px;
}
SPAN.kredo-en {
  background: url("../images/kredo_en.gif") center center no-repeat;
  background-color: #F7FFFF;
  display: block;
  width: 238px;
  height: 120px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  text-align: center;
}
SPAN.kredo-pl {
  background: url("../images/kredo_pl.gif") center center no-repeat;
  background-color: #F7FFFF;
  display: block;
  width: 238px;
  height: 120px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  text-align: center;
}
SPAN.kredo-de {
  background: url("../images/kredo_de.gif") center center no-repeat;
  background-color: #F7FFFF;
  display: block;
  width: 238px;
  height: 120px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  text-align: center;
}
/* ------------ CONTENT ---------- */
#content {
  width: 455px;
  margin-left: 239px;
  padding: 163px 0 0 0;
  _padding: 163px 0 0 0;
}
#content-top {
  background: #004083;
  padding: 27px 10px 25px 27px;
  min-height: 600px;
  *height: 600px;
}
#content-bottom {
  color: #003A76;
  font-size: 90%;
  padding: 25px 25px 100px 25px;
  border-top: 15px solid #F2FFFF;
}
#content-bottom a {
  color: #004083;
}
#content-bottom a:hover {
  color: #FFFFFF;
}
#content-bottom p {
  padding-left: 50px;
  padding-top: 50px;
}
#home {
  margin-top: 25px;
  width: 408px;
  height: 127px;
  position: relative;
  overflow: hidden;
}
#home a {
  color: #FFFFFF;
  display: block;
  width: 408px;
}
#home a span {
  background: url("../images/projekty.jpg") no-repeat;
  display: block;
  width: 361px;
  height: 561px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  cursor: hand;
}
#home-en {
  margin-top: 25px;
  width: 408px;
  height: 127px;
  position: relative;
  overflow: hidden;
}
#home-en a {
  color: #FFFFFF;
  display: block;
  width: 408px;
}
#home-en a span {
  background: url("../images/projekty_en.gif") no-repeat;
  display: block;
  width: 408px;
  height: 181px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  cursor: hand;
}
#home-de {
  margin-top: 25px;
  width: 408px;
  height: 127px;
  position: relative;
  overflow: hidden;
}
#home-de a {
  color: #FFFFFF;
  display: block;
  width: 408px;
}
#home-de a span {
  background: url("../images/projekty_de.gif") no-repeat;
  display: block;
  width: 408px;
  height: 181px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  cursor: hand;
}
#home-pl {
  margin-top: 25px;
  width: 408px;
  height: 127px;
  position: relative;
  overflow: hidden;
}
#home-pl a {
  color: #FFFFFF;
  display: block;
  width: 408px;
}
#home-pl a span {
  background: url("../images/projekty_pl.gif") no-repeat;
  display: block;
  width: 408px;
  height: 181px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  cursor: hand;
}
#home a:visited {
  color: #F2FFFF;
}
#text {
  color: #003A76;
  background: #FFF url("../images/text.jpg") repeat-y;
  width: 400px;
  padding-bottom: 30px;
}
#text h2 {
  font-size: 140%;
  font-style: italic;
  text-transform: uppercase;
  margin: 0; padding: 25px 20px 10px 20px;
}
#text h3 {
  font-size: 100%;
  font-style: italic;
  text-transform: uppercase;
  margin: 0; padding: 10px 20px 5px 20px;
}
#text p {
  margin: 0; padding: 0 20px 10px 20px;
}
#text table {
  padding-left: 20px;
  color: Black;
}
#text table tr.licha {
  background: #003A76;
  color: #ffffff;
}
#text p#no-padd {
  margin: 0; padding: 0;
  padding-right: 18px;
  padding-bottom: 15px;
  text-align: right;
}
#text p#no-padd img {
  margin: 0; padding: 0;
  padding-left: 5px;
  margin-bottom: 5px;
}
#text em {
  font-size: 110%;
  font-weight: bold;
}
#text img {
  vertical-align: middle;
  margin-right: 35px;
}
#text ul#submenu-projekty li {
  color: #005a96;
  list-style-type: decimal;
}
#text ul#submenu-projekty li a {
  color: #003A76;
  text-decoration: underline;
}
#text ul#submenu-projekty li a:hover {
  color: #003A76;
  font-weight: bold;
  text-decoration: underline;
}
#thumb a {
  background: url("../images/thumb-back.gif") bottom right no-repeat;
  display: block;
  float: left;
  width: 119px;
  height: 105px;
  margin: 10px 0 0 10px;
  _margin: 0 0 0 7px;
}
#sthumb a {
  background: url("../images/thumb-back.gif") bottom right no-repeat;
  display: block;
  float: left;
  width: 88px;
  height: 69px;
  margin: 0 0 0 10px;
  _margin: 0 0 10px 7px;
  padding: 20px 0 12px 0;
}
#thumb img, #sthumb img, #logo img {
  margin: 0;
}
#logo, #no-logo {
  width: 400px;
  margin: 5px 0 0 0;
  padding: 0 0 0 40px;
}
#no-logo {
  padding-bottom: 30px;
}
#logo li, #no-logo li {
  font-size: 80%;
  list-style-type: none;
  float: left;
  width: 130px;
  margin: 0 50px 15px 0;
  _margin: 0 30px 15px 0;
}
#logo img {
  margin-bottom: 3px;
}
hr.clear {
  width: 320px;
  height: 1px;
  margin: 15px auto;
  _margin-left: 40px;
}
/* ------------ SUBMENU ---------- */
#submenu {
  width: 400px;
  height: 104px;
  margin: 0; padding: 0;
  position: relative;
  overflow: hidden;
}
span.submenu-cz {
  background: url("../images/submenu.jpg") no-repeat;
  display: block; width: 100px; height: 104px;
  position: absolute; top: 0; left: 0; z-index: 1;
  margin: 0; padding: 0;
}
SPAN.submenu-en {
  background: url("../images/submenu_en.jpg") no-repeat;
  display: block; width: 100px; height: 104px;
  position: absolute; top: 0; left: 0; z-index: 1;
  margin: 0; padding: 0;
}
SPAN.submenu-pl {
  background: url("../images/submenu_pl.jpg") no-repeat;
  display: block; width: 100px; height: 104px;
  position: absolute; top: 0; left: 0; z-index: 1;
  margin: 0; padding: 0;
}
SPAN.submenu-de {
  background: url("../images/submenu_de.jpg") no-repeat;
  display: block; width: 100px; height: 104px;
  position: absolute; top: 0; left: 0; z-index: 1;
  margin: 0; padding: 0;
}
#submenu li {
  list-style-type: none;
  float: left;
  margin: 0;
  padding: 0;
}
#submenu a {
  cursor: hand;
}
#submenu li, #submenu a {
  text-align: left;
  width: 100px;
  height: 104px;
  margin: 0; padding: 0;
}
#klubova-cinnost span { left: 0; }
#hiporehabilitace span { left: 100px; }
#sport span { left: 200px; }
#sponzori span { left: 300px; }

#klubova-cinnost span { background-position: 0 0; }
#hiporehabilitace span { background-position: -100px 0; }
#sport span { background-position: -200px 0; }
#sponzori span { background-position: -300px 0; }

#klubova-cinnost a.active span, #klubova-cinnost a.active:hover span { background-position: 0 -208px; }
#hiporehabilitace a.active span, #hiporehabilitace a.active:hover span { background-position: -100px -208px; }
#sport a.active span, #sport a.active:hover span { background-position: -200px -208px; }
#sponzori a.active span, #sponzori a.active:hover span { background-position: -300px -208px; }

#klubova-cinnost a:hover span, #klubova-cinnost a:hover span { background-position: 0 -104px; }
#hiporehabilitace a:hover span, #hiporehabilitace a:hover span { background-position: -100px -104px; }
#sport a:hover span, #sport a:hover span { background-position: -200px -104px; }
#sponzori a:hover span, #sponzori a:hover span { background-position: -300px -104px; }

/* ------------ Jazyky ---------- */
#vlajky {
  width: 198px;
  height: 20px;
  overflow: visible;
  position: absolute;
  top: 140px;
  left: -15px;
  list-style-type: none;
}
#vlajky img 
{
	visibility: hidden;
}
#cesky
{
	list-style-type: none;
	float: left;
	padding-left: 8px;
}

#cesky a	
{
	background: url("../images/vlajka_cz.gif") no-repeat;
	z-index: 1;
}
#cesky a:hover	
{
	background: url("../images/vlajka_cz_aktivni.gif") no-repeat;
	z-index: 1;
}
#cesky-a
{
	list-style-type: none;
	float: left;
	padding-left: 8px;
}
#cesky-a a
{
	background: url("../images/vlajka_cz_aktivni.gif") no-repeat;
	z-index: 1;
	cursor: default;
}
#polsky 
{
	list-style-type: none;
	float: left;
	padding-left: 8px;
}

#polsky a	
{
	background: url("../images/vlajka_pl.gif") no-repeat;
	z-index: 1;
}
#polsky a:hover	
{
	background: url("../images/vlajka_pl_aktivni.gif") no-repeat;
	z-index: 1;
}
#polsky-a
{
	list-style-type: none;
	float: left;
	padding-left: 8px;
}
#polsky-a a
{
	background: url("../images/vlajka_pl_aktivni.gif") no-repeat;
	z-index: 1;
	cursor: default;
}
#anglicky
{
	list-style-type: none;
	float: left;
	padding-left: 8px;
}
#anglicky a	
{
	background: url("../images/vlajka_en.gif") no-repeat;
	z-index: 1;
}
#anglicky a:hover	
{
	background: url("../images/vlajka_en_aktivni.gif") no-repeat;
	z-index: 1;
}
#anglicky-a
{
	list-style-type: none;
	float: left;
	padding-left: 8px;
}
#anglicky-a a
{
	background: url("../images/vlajka_en_aktivni.gif") no-repeat;
	z-index: 1;
	cursor: default;
}
#nemecky
{
	list-style-type: none;
	float: left;
	padding-left: 8px;
}
#nemecky a	
{
	background: url("../images/vlajka_de.gif") no-repeat;
	z-index: 1;
}
#nemecky a:hover	
{
	background: url("../images/vlajka_de_aktivni.gif") no-repeat;
	z-index: 1;
}
#nemecky-a
{
	list-style-type: none;
	float: left;
	padding-left: 8px;
}
#nemecky-a a
{
	background: url("../images/vlajka_de_aktivni.gif") no-repeat;
	z-index: 1;
	cursor: default;
}
#funded 
{
	font-size: 10pt;
	font-weight: 600;
	color: #F7FFFF;
	text-align: center;
	text-decoration: none;
}
#Funded-logo 
{  
  height: 55px;
  background-color: transparent;
  padding: 10px;
  margin-top: 4px;

}

#Funded-logo img
{  
  margin: 10px;

}
#novinky-home {
	border: 1px solid #5C8FBA;
	padding-top: 4 px;
	padding-left: 4px;
	padding-right: 4px;
	margin-top: 24px;
	margin-right: 10px;
}
#novinky-home a {
	color: white;
	text-decoration: underline;
}

#novinky-home a:visited {
	color: lightgray;
	text-decoration: underline;
}

#novinky-home a:hover {
    color: yellow;
}

#novinky-preview {
	border-bottom: 1px solid #5C8FBA;
}

#novinky-admin-list {
	border: 1px solid darkgray;
	padding: 10px;
	margin-top: 10px;
}

#novinky-admin-list th {
	background-color: #5C8FBA;
}

#novinky-admin-edit {
	border: 1px solid darkgray;
	padding: 10px;
	margin-top: 10px;
}

#novinky-admin-edit th {
	background-color: #5C8FBA;
}

#novinky-preview a {
	color: #003A76;
}

#topmenudd {list-style-type:none; padding:0; margin-left: 380px; position: absolute; top: 0px; left: 0px; width: 320px;}

#topmenudd li {float:left; padding:0px; margin:0px 1px 0px 0px; position:relative; width: 60px; height:1px; z-index:100;}

/*#topmenudd li {position: relative; float: left; width: 60px; padding:0; margin: 0 1 0 0;} /* position: relative; padding:0; margin: 0 1 0 0; border: 0px; height: 2px;*/
*/
#topmenudd li a, #topmenudd li a:visited {text-decoration:none;}

#topmenudd dl {position:absolute; top:0; left:0; width: 50px; margin: 0; padding: 0; background: transparent url(transparency.gif); }
#topmenudd dt {background: transparent; margin:0; font-size: 12px; float:left; text-align: center; }
#topmenudd dd {display:none; background: transparent; border-bottom:1px solid #cce; clear:left; margin:0; padding:0; color: #fff; font-size: 12px; text-align:left; background-color: red;}

#topmenudd dt a, #topmenudd dt a:visited {display:block; color:#003A76; font-weight: bold; padding: 5px 5px 5px 5px; width:50px;}
#topmenudd dd a, #topmenudd dd a:visited {background:#5C8FBA; color:#ff8; text-decoration:none; display:block; padding:4px 5px 4px 4px; width:160px;}

#topmenudd li a:hover {border:0;}

#topmenudd li:hover dd, #topmenudd li a:hover dd {display:block; width:160px;}
#topmenudd li:hover dl, #topmenudd li a:hover dl {width:100px;}
#topmenudd li:hover dt a, #topmenudd li a:hover dt a, #topmenudd dd a:hover {background: #9CCFFA; color:#534;}
