body {
  margin:0 0 0px 0;
  padding:0;
  background:url(/img/bg.jpg) repeat-x #478daf;
  font:75% arial, tahoma, verdana, sans serif;
  color:#000;
  text-align:center;
}


/*** default ***/
td, th {
	_font-size /**/:80%;
	padding:0;
}
a {
  text-decoration:underline;
  color:#005ba2;
}
a:hover {
  text-decoration:none;
}
img {
	border:0;
}
hr {
	border-top:1px solid #999;
	border-bottom:1px solid #eee;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
form {
	margin:0;
	padding:0;
}
input.submit {
	font-weight:bold;
	width:auto!important;
	cursor:hand;
	cursor:pointer;
	text-transform:uppercase;
	font-size:90%;
}
input.kod {
	width:198px!important;
}
.check {
	width:auto!important;
	border:0;
	margin:0;
	padding:0;
	background:none;
}
a.to-home {
	display:block;
	position:absolute;
	top:0;
}
a.to-home span {
	display:none;
}
.hidden {
	display:none;
}
p {
	margin:0 0 0 0;
	padding:0 0 7px 0;
}
.clear {
	clear:both;
	font-size:0px;
	line-height:0px;
	height:0px;
}
.t-center {
	text-align:center!important;
}
.t-left {
	text-align:left!important;
}
.t-right {
	text-align:right!important;
}
.no-float {
	float:none!important;
}
.f-right {
	float:right!important;
}
.f-left {
	float:left!important;
}
.small {
	font-size:90%!important;
}
.big {
	font-size:110%!important;
}
.no-bord {
	border:0!important;
}
.no-r-mg {
	margin-right:0!important;
}
.no-padd {
	padding:0!important;
}
ul.def {
	margin:5px 0 5px 25px;
	padding:0;
}
ul.def li {
	margin:0 0 4px 0;
	padding:0;
	list-style-type:square;
}
.v-top {
	vertical-align:top;
}
.v-bott {
	vertical-align:bottom;
}


/*** default define ***/
a {
  color:#000;
}
a.to-home {
	width:340px;
	height:90px;
	margin:0 0 0 0;
}
input, select, textarea {
	background:#fff;
	border:1px solid #333333;
}
input.submit {
	background:#008000!important;
	color:white;
	border:1px solid #008000!important;
}
h1 {
	margin:0 0 7px 0; 
	padding:0;
	font-size:150%;
	font-weight:normal;
}
h2 {
	margin:0 0 15px 0; 
	padding:0;
	font-size:120%;
	font-weight:bold;
	color:#ff9900;
}
h2 strong {
	font-size:150%;
	color:#478daf
}
h3 {
	padding:5px 0 0 0;
	font-size:130%;
	margin:10px 0 5px 0;
	color:#cf5315;
}
h4 {
	padding:0 0 0 0;
	font-size:100%;
	margin:0 0 3px 0;
	color:#000;
}


/*** page ***/
div.screen {
	width:990px;
	margin:90px auto 0 auto;
	padding:15px 0 15px 0;
	text-align:left;
	background:#478daf;
}
div.screen div.screen-in {
	padding:20px 40px 15px 20px;
	margin:0 15px 0 15px;
	border:3px solid white;
	background:url(/img/screen_bg.jpg) repeat-x white;
}
div.head {
	width:990px;
	height:90px;
	background:url(/img/logo.jpg) no-repeat top left;
	position:absolute;
	top:0;
}
div.l {
	float:left;
	width:200px;
}
div.r {
	width:650px;
	margin:0 0 0 0;
	float:right;
}

div.top-bann {
	width:468px;
	height:60px;
	position:absolute;
	top:15px;
	margin:0 0 0 507px;
	background:#cccccc;
}
div.full-bann {
	text-align:center;
	margin:10px 0 0 0;
}


/*** menu ***/
ul.menu {
	margin:7px 0 10px 0;
	padding:0;
}
ul.menu li {
	margin:0 0 1px 0;
	padding:0;
	list-style:none;
	_height:1px;
}
ul.menu li a {
	display:block;
	font-weight:bold;
	text-transform:uppercase;
	text-align:left;
	color:#000;
	text-decoration:none;
	_height:1px;
	border-bottom:1px solid #ccc;
	padding:4px 0 4px 15px;
	font-size:90%;
	border-left:10px solid #478daf;
}
ul.menu li a:hover, ul.menu li a.act {
	color:#FF9900;
	border-left:10px solid #FF9900;
}
ul.menu li.li-test {
	margin:8px 0 0 0;
}
ul.menu li.li-test a {
	border-left:10px solid #ff9900;
	color:black;
	border-top:1px solid #ff9900;
	border-bottom:1px solid #ff9900;
	padding:6px 0 4px 15px;
}
ul.menu li.li-test a:hover, ul.menu li.li-test a.act {
	background:#478daf;
	color:#fff;
}

a.home-button {
	background:#ff9900;
	display:block;
	height:25px;
	border:5px double #ff9900;
	padding:5px 3px 0 3px;
	color:#FFF;
	font-weight:bold;
	font-size:140%;
	text-align:center;
	margin:0 0 0 0;
	text-decoration:none;
}
:root a.home-button {
	border:4px double #fff;
}
a.home-button:hover {
	background:#478daf!important;
	border:5px double #478daf;
}
:root a.home-button:hover {
	border:4px double #fff;
}

/***** znacky *****/

table.znacky {
	margin:10px 0 0 0;
	border:2px solid black;
}
table.znacky td {
	text-align:center;
	border:1px solid #ccc;
	padding:4px 0 4px 0;
	width:162px;
}
table.znacky td a {
	text-decoration:none;
}
table.znacky td a:hover {
	text-decoration:underline;
}
table.znacky td span {	
	display:block;
	font-size:80%;
	padding:0 4px 0 4px;
	font-weight:normal;
	color:#38718e;
}
table.znacky td strong {
	color:black;
}
table.znacky td img, table.znacky td strong {
	display:block;
	padding:0 4px 0 4px;
}
table.znacky td img {
	border:none;
	margin:auto;
}
table.znacky td.vert-bott {
	border-bottom:none!important;
}
table.znacky td.vert-top {
	border-top:none!important;
}
.vert-top {
	vertical-align:top!important;
}
.vert-bott {
	vertical-align:bottom!important;
}


/*** uvod ***/
.znaceni-menu td {
	text-align:center;
	font-size:120%;
	padding:10px;
	vertical-align:bottom;
}
.znaceni-menu td a {
	display:block;
	margin-top:15px;
	cursor:hand;
	cursor:pointer;
	text-decoration:none;
}

.znaceni-menu td a span {
	background:#478daf;
	display:block;
	min-height:20px;
	_height:20px;
	border:5px double #478daf;
	padding:5px 10px 0 10px;
	color:#FFF;
	font-weight:bold;
}
:root .znaceni-menu td a span {
	border:4px double #fff;
}
.znaceni-menu td a:hover span {
	background:#ff9900!important;
	border:5px double #ff9900;
}
:root .znaceni-menu td a:hover span {
	border:4px double #fff;
}
.znaceni-menu td a img {
	display:block;
	margin:0 auto 5px auto; 
}



/*** test ***/
a.otazky, a.odpovedi {
	display:block;
	padding:4px 10px 4px 10px;
	margin:0 auto 2px auto;
	background:#478daf;
	color:white;
	font-weight:bold;
	text-decoration:none;
	border-left:12px solid #ff9900;
	text-align:left;
}
a.otazky:hover {
	background:#ff9900;
}
div.test {
	margin:0 260px 0 0;
}
div.test img {
	margin:40px auto 10px auto;
}
a.odpovedi {
	background:#e5e5e5;
	color:#999;
	border-left:12px solid #aaa;
}
a.answ-set, a.answ-set-good {
	font-size:160%;
	background:red;
	color:white;
}
a.answ-good, a.answ-set-good {
	background:green!important;
	color:white;
}
div.test a.button {
	display:block;
	margin:5px 0 0 0;
	padding:3px 7px 3px 7px;
	background:#22485b;
	color:white;
	text-decoration:none;
	font-weight:bold;
	width:100px;
	text-transform:uppercase;
	font-size:90%;
	text-align:center;
}
div.test a.button:hover {
	background:#ff9900;
}


/* hlink */

div#hlink {
	text-align: center;
	margin: 0;
	padding:10px 0 10px 0;
	font-size: 90%;
	line-height:19px;
}
div#hlink ul {
	margin: 0;
	padding: 0;
	text-align: center;
}
div#hlink li {
	list-style: none!important;
	background-image: none!important;
	display: inline;
	padding: 0 3px;
	color: #ffffff;
}
div#hlink li a {
	color: #ffffff;
	font-weight:normal;
}


/* hlink END  */


/*** adfox ***/

div#adfox-l2 {
	margin:30px 0 10px 0;
	border-top:1px solid #e5e5e5;
}
div#adfox-l2 h2 {
	position:static;
	font-size:80%;
	margin:4px 0 0 0;
	padding:0;
}
div#adfox-l2 h2 a {
	color:#e5e5e5;
	text-decoration:none;
}
div#adfox-l2 h3 {
	font-size:120%;
	margin:0px 0 2px 0;
	padding:2px 0 2px 0;
	border-top:0;
}
div#adfox-l2 h3 a {
	color:#d25920;
}
div#adfox-l2 p {
	margin:0;
	padding:0 0 1px 0;
}
div#adfox-l2 div.adfox-box div {
	padding:0 0 10px 0;
	font-weight:normal;
}
div#adfox-l2 div.adfox-box div a {
  font-weight:normal;
  text-decoration:none;
  color:#3480b4;
}

/*** hlasky a chyby ***/

tr.formerror label {
	color:white!important;
	background:red!important;
	padding:2px 4px 2px 4px;
}
tr.formerror input, tr.formerror textarea {
	border:1px solid red!important;
}
.err, .ok, .info {
	padding:4px;
	text-align:center;
	margin:1px 0 5px 0;
	letter-spacing:2px;
	font-weight:bold;
	line-height:20px;
}
.err, .ok, .err a, .ok a {
	color:white!important;
} 
.err {
	background:red;
}
.ok {
	background:green;
}