body {
  margin: 0;
  padding: 0;
  background: #DFE3EA url(/images/bckg-gradient.gif) repeat-x top left;
  color: #333;
  line-height: 1.4;
  font-size: 80%;
  text-align: center;
}
body,td,th,input,select,textarea {font-family: Verdana, Tahoma, Arial, lucida, sans-serif;}
textarea {font-size: 90%;}

table {border-collapse: collapse; }
td,th {padding: 0.1em 0.2em; border: 1px #aaa solid; line-height: 1.4;}
th, thead td {background-color: #ACE;}
.no-border td,.no-border th {border: 0;}
table p {margin: 0.1em;}
img {vertical-align: bottom;}


hr {border:0; border-bottom: 2px #3678cf solid;}

/*odkazy*/
a {color: #222; text-decoration: underline;}
a:hover {color: #22d;}
a img {
  border: 0px white solid;
  /*border-bottom: 1px blue solid;*/
  text-decoration: none;
}
a:hover img {
  /*border-bottom: 1px black solid;*/
  text-decoration: none;
}
div a.as-text {
  color: black;
  text-decoration: none;
}
div a.as-text:hover {
  color: black;
  text-decoration: underline;
}
.like-a {
  color: blue;
  text-decoration: underline;
  cursor: pointer;
}
.like-a:hover {color: black;}

a img.smilie {text-decoration: underline; border: 0;}


/*formulare*/
form {
  margin: 0;
  padding: 0;
  margin-top: 1em;
}
form fieldset {
  border: 1px gray solid;
  padding: 0.5em;
  margin-top: 0.3em;
}
form legend {
  color: black;
  font-weight: bold;
}
form .label,.labelset label {
  display: block;
  width: 6em;
  float: left;
}
form p {
margin: 0.7em auto;
line-height: 1.2em;
text-indent: 0;
}

/*nadpisy*/
h1,h2,h3,h4,h5 {
  font-family: Arial, sans-serif;
  margin: 1em auto 0.2em auto;
}
h1 {font-size: 200%; margin-top: 0;}
h2 {font-size: 160%;}
h3 {font-size: 145%;}
h4 {font-size: 130%;}
h5 {font-size: 110%;}

/*seznamy
#obsah ol, #obsah ul{
margin: 0.1em auto 0.7em auto;
}*/
#obsah li {margin-top: 0.3em;}

/*tridy*/
.hidden {display: none;}
.red {color: red;}
.left,.fleft {float: left;}
.right,.fright {float: right;}
.aright {text-align: right;}
.acenter {text-align: center;}
.aleft {text-align: left;}
.clear {clear: both;}
.border {border: 1px black solid;}
.zprava,.chyba {
	font-size: 130%;
  color: red;
  margin: 1em 0.5em;
  padding: 0.5em;
  background-color: #FDB;
}
#obsah .title {
  border-bottom: 1px dashed #aaa;
  cursor: help;
}







#hlavni {
  width: 960px;
  text-align: left;
  margin: 0 auto;
  background: #fff url(/images/bckg-column.gif) repeat-y left top;
}
#levy, #obsah, #pravy {font-size: 90%;}


/****** ZAHLAVI */
#zahlavi {
	height: 124px;
	position:relative;
}
#zahlavi .rollover {
  height: 124px; width: 960px;
  position: absolute; z-index: 1;
	background: url(/images/cs/zahlavi.gif) no-repeat left top;
  cursor: hand;
}
#zahlavi .title {
	padding: 1em;
}
a.skipmenu {
	position:absolute; top: 73px;
	padding:0.2em 0.5em;
	z-index:0;
	color: #fff;
}
a.skipmenu:focus, a.skipmenu:active {
	z-index:2;
	color: #000;
	background: #f00;
}
#zahlavi .jazyky {
position: absolute;
right: 8px; top:0;
z-index: 4;
font-size: 80%;
}
#zahlavi a {
	display:block;
	float:left;
	width: 24px; height: 17px;

}
#zahlavi a span {
	position:absolute;
	cursor: hand;
	width: 24px; height: 17px;
		
}
#zahlavi a.en span {}
#zahlavi a:hover span {
}

#zahlavi .jazyky a:link{
color:#000;
text-decoration:none;
}

#zahlavi .jazyky a:visited{
color:#000;
text-decoration:none;
}

#zahlavi .jazyky a:hover{color:#000;
text-decoration:none;}

.r{
border-right:1px solid #000;
}

/****** TOPMENU */
#tm {
	border-top: 1px #001f57 solid;
	border-bottom: 1px #617497 solid;
	height: 30px;
	padding-left: 24px;
	overflow: hidden;
	background: #fef url(/images/tm-gradient.gif) repeat-x left top;
}
#tm ul {
  list-style-type: none;
  padding: 0; margin: 0;
}
#tm li {
  float: left;
	height: 30px;
	line-height: 125%; /*IE-hack*/
}
#tm li a span {
	position: absolute;
	height: 30px;
  cursor: hand;
	background: url(/images/cs/tm-m1.gif) no-repeat left top;
}
#tm li a:hover span, #tm li a:active span, #tm li a:focus span {
	background-position: left bottom;
}
#tm .m1 span {background-image:url(/images/cs/tm-m1.gif)}
#tm .m1,#tm .m1 span {width: 82px}
#tm .m2 span {background-image:url(/images/cs/tm-m2.gif)}
#tm .m2,#tm .m2 span {width: 64px}
#tm .m3 span {background-image:url(/images/cs/tm-m3.gif)}
#tm .m3,#tm .m3 span {width: 214px}
#tm .m4 span {background-image:url(/images/cs/tm-m4.gif)}
#tm .m4,#tm .m4 span {width: 186px}
#tm .m5 span {background-image:url(/images/cs/tm-m5.gif)}
#tm .m5,#tm .m5 span {width: 86px}
#tm .m6 span {background-image:url(/images/cs/tm-m6.gif)}
#tm .m6,#tm .m6 span {width: 86px}
#tm .m7 span {background-image:url(/images/cs/tm-m7.gif)}
#tm .m7,#tm .m7 span {width: 107px}
#tm .m8 span {background-image:url(/images/cs/tm-m8.gif)}
#tm .m8,#tm .m8 span {width: 78px}


/****** LEVY a PRAVY SLOUPEC + PATKA */
#levy, #obsah, #pravy {
	border-top: 1px #ccd2dd solid;
}
#levy {
	float: left;
	width: 250px;
	overflow: hidden;
}
#levy .title {
	height: 30px;
	overflow: hidden;
	margin: 0; padding: 0;
}
#levy .title h2 {
	font-size: 120%;
	margin: 0; padding: 0.2em;
}
#levy .title div {
  height: 30px; width: 250px;
  position: absolute;
	background: url(/images/cs/navi-main.gif) no-repeat left top;
}
#levy .title.m1 div {background-image:url(/images/cs/navi-m1.gif)}
#levy .title.m2 div {background-image:url(/images/cs/navi-m2.gif)}
#levy .title.m3 div {background-image:url(/images/cs/navi-m3.gif)}
#levy .title.m4 div {background-image:url(/images/cs/navi-m4.gif)}
#levy .title.m5 div {background-image:url(/images/cs/navi-m5.gif)}
#levy .title.m6 div {background-image:url(/images/cs/navi-m6.gif)}
#levy .title.m7 div {background-image:url(/images/cs/navi-m7.gif)}
#levy .title.m8 div {background-image:url(/images/cs/navi-m8.gif)}

#levy .navi {
	list-style-type: none;
	padding:0; margin:0;
	padding-top: 5px;
	background: url(/images/navi-gradient.gif) repeat-x left top;
}
#levy .navi ul {
	border-bottom: 1px #b2bbcc solid;
	list-style-type: none;
	padding:0; margin:0;
}
#levy .navi li {
	width: 250px;
}
#levy .navi a {
	display: block;
	line-height: 24px;
	border-bottom: 1px #b2bbcc solid;
	text-decoration: none;
	font-weight: bold;
	padding-left: 32px;
	background: url(/images/ball-1a.gif) no-repeat 10px 5px;
	color: #fd4243;
}
#levy .navi a:hover {
	background: url(/images/ball-1a-h.gif) no-repeat 10px 5px;
	font-variant: small-caps;
}
#levy .navi a.opened {background: url(/images/ball-1b.gif) no-repeat 10px 5px;}
#levy .navi a.opened:hover {background: url(/images/ball-1b-h.gif) no-repeat 10px 5px;}


#levy .navi ul a {
	border:0;
	border-top: 1px #e5e8ee solid;
	font-weight: normal;
	background: #fff url(/images/ball-2a.gif) no-repeat 10px 5px;
	color: #66799a;
}
#levy .navi .first a {border:0;}
#levy .navi .first ul a {border-top: 1px #e5e8ee solid;}
#levy .navi ul a:hover {
	color: #001f57;
	background: #f2f4f6 url(/images/ball-2a-h.gif) no-repeat 10px 5px;
	font-variant: normal;
}
#levy .navi ul a.opened {background: #fff url(/images/ball-2b.gif) no-repeat 10px 5px;}
#levy .navi ul a.opened:hover {background: #f2f4f6 url(/images/ball-2b-h.gif) no-repeat 10px 5px;}

#levy .navi ul li {
	margin-left: 26px; width: 224px;
}
#levy .navi ul ul li {
	margin-left: 14px; width: 210px;
	background: green
}

#pravy {
	float: right;
	width: 150px;
	overflow: hidden;
}
#pravy h2 {
	font-size: 110%;
	line-height: 110%;
	margin: 0;
	height: 35px;
}
#pravy h2 span {
	position: absolute;
	width: 150px; height: 51px;
	background: no-repeat left top;
}
#pravy h2.zpr span {background-image: url(/images/cs/pravy-zpr.gif)}
#pravy h2.nov span {background-image: url(/images/cs/pravy-nov.gif)}

#pravy h3 {
	position: relative;
	margin: 0;
	padding: 0.2em 1em 0 1em;
	border-top: 1px #b2bbcc solid;
	color: #001f57;
	font-size: 100%;
}
#pravy h3.first {border:0;}
#pravy p {margin: 0 1em 0.2em 1em;}

#patka {
	clear: both;
	height: 20px;
	background: #ddd url(/images/patka.gif) repeat-x;
	color: #78a;
	padding: 0 0.5em;
	font-size: 70%;
	line-height: 20px;
}
#patka a {color: #78a; text-decoration:none;}
#patka a:hover {color: #78a; text-decoration: underline;}



/****** OBSAH */
#obsah {
	float: left;
	width: 560px;
	color: #444;
}
#obsah .box {
	border-left: 1px #ccd2dd solid;
	padding: 1em;
}
#obsah .nadpis {
	border-left: 1px #ccd2dd solid;
	height: 109px;
	background: #38e url(/images/obsah-a.jpg) no-repeat left top;
	margin:0;
}
#obsah .nadpis h1 {
	margin: 0; padding: 10px 15px;
	color: #fff;
	text-transform: uppercase;
	font-family: Palatino, 'palatino linotype', serif;
	font-size: 290%;
}

#obsah h2 {
	font-size: 120%;
	color: #fd4243;
}
#obsah h3 {
	font-size: 100%;
	color: #001f57;
}