@charset "utf-8";
/*
LAYOUT
zakladni rozlozeni sranek
*/
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0;
	padding:0;
	background-color:#080c1b;
	background-image:url(/images/bg_top.png);
	background-repeat:repeat-x;
}
.wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 980px;
	background-image:url(/images/ch/page_bg.png);
}
.header {
	background-image:url(/images/ch/header_bg.png);
	height:297px;
}
.container {

}
.page {
	float:left;
	width:715px;
	padding: 10px 10px 20px 25px;
}

/* ADMIN */
.admin_links {
	position:absolute;
	width:700px;
	text-align:right;
	color:#666;
}
.admin_links a {
	color:#666;
	padding: 0 5px;
	text-decoration:none;
}
/* ADMIN */

.left_menu {
	float:left;
	width:200px;
	margin: 5px 0 5px 0px;
	padding: 0 0 0 17px;
}
.footer {
	clear:both;
	background-image:url(/images/ch/footer_bg.jpg);
	height:48px;
	color:#900;
	font-weight:bold;
}

/* 
HEADER
rozlozeni hlaviky, kolaz
*/
.header .head_img {
	background-image:url(/images/ch/head_vrtule2.jpg);
	width:959px;
	height:239px;
	margin: 48px 0 0 10px;
	position:absolute;
}
.header .head_img.img1 { background-image:url(/images/ch/head_vrtule2.jpg); }

/* 
POZICE
pozice_href
*/
.pozice {
	font-size:9px;
	color:#900;
	padding:2px 0 10px;
}
.pozice b {
	color:#900;
}
.pozice a {
	color:#900;
	text-decoration:none;
}
.pozice a:hover {
	color:#000;
}


/*
LANG MENU 
jazykove menu
*/ 

.lang_menu {
	position:absolute;
	width:300px;
	margin: 14px 0 0 585px;
	color:#999;
	text-align:right;
	z-index:10;
}
.lang_menu a {
	font-weight:bold;
	color:#999;
	margin:0 5px;
	text-decoration:underline;
}
.lang_menu a.sel {
	color:#fff;
	text-decoration:none;
}


/*
SITE MENU 
home, print, tree, back
*/ 
.site_menu {
	position:absolute;
	width:90px;
	margin: 13px 0 0 0;
	padding: 0 0 0 892px;
	color:#fff;
	text-align:right;
}
.footer .site_menu {
	margin-top:55px;
}
.site_menu ul {
	list-style:none;
	margin:0;
	padding:0;
}
.site_menu ul li {
	margin:0;
	padding:0;
	display:inline;
}
.site_menu a {
	float:left;
	display:block;
    margin:0 0 0 4px;
	width:16px;
	height:17px;
	background-color:#fff;
}
.site_menu a b {
	 display:none;
}
.site_menu ul li a.home {
	background-image:url(/images/home-top.png);
}
.site_menu ul li a.home:hover {
	background-image:url(/images/home-over.png);
}
.site_menu ul li a.tree {
	background-image:url(/images/tree-top.png);
}
.site_menu ul li a.tree:hover {
	background-image:url(/images/tree-over.png);
}
.site_menu ul li a.print {
	background-image:url(/images/print-top.png);
}
.site_menu ul li a.print:hover {
	background-image:url(/images/print-over.png);
}
.site_menu ul li a.back {
	background-image:url(/images/back-top.png);
}
.site_menu ul li a.back:hover {
	background-image:url(/images/back-over.png);
}


/*
TOP MENU 
home, e-exam, e-learning
*/ 
.top_menu {
	background-image:url(/images/ch/menu_bg.png);
	height:36px;
}
.top_menu ul {
	margin:0 0 0 320px;
	padding:0;
	text-align:right;
	list-style:none;
}
.top_menu ul li {
	display:inline;
}
.top_menu ul li a {
	display:block;
	float:left;
	background-image:url(/images/cs/home.png);
	width:156px;
	height:36px;
	text-decoration:none;
}
.top_menu ul li a b {
	visibility:hidden;
}
.top_menu ul li a#fair {
	background-image:url(/images/cs/home.png);
}
.top_menu ul li a#fair:hover, .top_menu ul li a#fair.act, .top_menu ul li a#fair.sel {
	background-image:url(/images/cs/home-over.png);
}
.top_menu ul li a#fly {
	background-image:url(/images/cs/fly.png);
}
.top_menu ul li a#fly:hover, .top_menu ul li a#fly.act, .top_menu ul li a#fly.sel {
	background-image:url(/images/cs/fly-over.png);
}
.top_menu ul li a#learning {
	background-image:url(/images/cs/learning.png);
}
.top_menu ul li a#learning:hover, .top_menu ul li a#learning.sel, .top_menu ul li a#learning.act {
	background-image:url(/images/cs/learning-over.png);
}
.top_menu ul li a#exam {
	background-image:url(/images/cs/exam.png);
}
.top_menu ul li a#exam:hover, .top_menu ul li a#exam.sel, .top_menu ul li a#exam.act {
	background-image:url(/images/cs/exam-over.png);
}


/* 
LEFT MENU
leve menu kategorii
*/
.left_menu ul {
	list-style:none;
	margin:0;
	padding:0;
}
.left_menu ul li {

}
#btn_skola {
	background-image:url(/images/left_menu_skola.png);
}
#btn_skola:hover {
	background-image:url(/images/left_menu_act_skola.png);
}
#btn_skola.act {
	background-image:url(/images/left_menu_act_skola.png);
}
#btn_skola.sel {
	background-image:url(/images/left_menu_act_skola.png);
}

#btn_tecnam {
	background-image:url(/images/left_menu_tecnam.png);
}
#btn_tecnam:hover {
	background-image:url(/images/left_menu_act_tecnam.png);
}
#btn_tecnam.act {
	background-image:url(/images/left_menu_act_tecnam.png);
}
#btn_tecnam.sel {
	background-image:url(/images/left_menu_act_tecnam.png);
}

.left_menu ul li a {
	display:block;
	background-image:url(/images/ch/left_menu.png);
	width:190px;
	height:22px;
	margin:3px 0;
	padding: 8px 0 0 10px;
	color:#36322f;
	font-weight:bold;
	text-decoration:none;
}
.left_menu ul li a:hover {
	background-image:url(/images/ch/left_menu_over.png);
	color:#FFF;
}
.left_menu ul li a.act {
	background-image:url(/images/ch/left_menu_over.png);
	color:#FFF;
}
.left_menu ul li a.sel {
	background-image:url(/images/ch/left_menu_over.png);
	color:#FFF;
}

.left_menu ul ul {
	padding:5px 0 5px;
}
.left_menu ul ul li a {
	color:#333;
	font-weight:bold;
	height:auto;
	margin:0;
	padding:6px 0 6px 10px;
	width:190px;
	background-image:none;
	background:none;
	background-repeat:no-repeat;
	background-position: 0px 7px;
}

.left_menu ul ul li a:hover {
	color:#fff;
	background-image:none;
	background-color:#4b75af;
}
.left_menu ul ul li a.act {
	color:#333;
	background-image:none;
	background:none;
}
.left_menu ul ul li a.act:hover {
	color:#fff;
	background:none;
	background-color:#4b75af;
}
.left_menu ul ul li a.sel {
	color:#fff;
	background:none;
	background-color:#4b75af;
}

.left_menu ul ul ul {
	padding:0;
	border-top: dashed 1px #CCC;
	border-bottom: dashed 1px #CCC;
}
.left_menu ul ul ul li a {
	background-image:url(/images/bod.png);
	color:#333;
	font-weight:normal;
	height:auto;
	padding:3px 0 3px 25px;
	width:175px;
	background-position: 15px 9px;
	border-bottom:none;
}
.left_menu ul ul ul ul {
	padding:0;
	border:none;
}
.left_menu ul ul ul ul li a {
	color:#333;
	font-weight:normal;
	height:auto;
	padding:2px 0 2px 45px;
	width:155px;
	background-position: 35px 7px;
}


/* 
FOOTER
paticka stranky, copy, datum, footer site menu
*/
.footer a {
	color:#900;
}
.footer a:hover {
	color:#000;
}
.footer .copy {
	position:absolute;
	margin:12px 0 0 20px;
}
.footer .menu {
	position:absolute;
	margin:12px 0 0 260px;
}
.footer .menu ul {
	margin:0;
	padding:0;
}
.footer .menu ul li {
	display:inline;
	padding:0 10px;
	border-left:solid 1px #a4b6c9;
}
.footer .day {
	position:absolute;
	text-align:right;
	width:400px;
	margin:12px 0 0 555px;	
}

/* 
TIPS
moootools tip class
*/
.tip {
	background-color:#000;
	color:#FFFFFF;
	padding:5px 10px;
	border:solid 1px #666666;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
	font-weight:bold;
}
.tip-text {
	display:none;
}
.tipp {

}
.tipp .tip, .fairtip {
	background-image:url(/images/tp.png);
	width:470px;
	height:150px;
	color:#fff;
	background-color:#4b75af;
	border:none;
	background-color:transparent;
	overflow:hidden;
}
div.fairtip div#fairtiptext {
	width:470px;
	overflow:hidden;
	padding:10px 10px;
}
div.fairtip div#fairtiptext b {
	display:block;
	padding-bottom:5px;
	font-size:14px;
}
.tipp .tip-title {
	display:none;
}
.tipp .tip-text {
	padding:10px 20px;
	font-weight:normal;
	display:block;
}
.tipp .tip-text img, .fairtip img {
	float:left;
	margin: 0 15px 0 0;
	border:solid 1px #275288;
/* 	margin:0 10px 5px 0; */
}



/* ODPOVEDI */
#exam_answers input { 
	margin-top:22px;
	float:left;
	margin-left:20px;
	margin-right:20px;
}
#exam_answers label { 
	width:580px;
	display:block;
	margin-top:10px;
	padding:10px 10px;
	float:left;
	background-color:#e7eff5;
	border: solid 1px #e7eff5;
}
#exam_answers label.q_right {
	background-color:#00cc00;
	color:#FFF;
}
#exam_answers label.q_false {
	background-color:#9b0008;
	color:#FFF;
}
#exam_answers label.q_neutral {
	background-color:#738eab;
	color:#FFF;
}
#exam_answers label.q_hover {
	background-color:#fff;
	cursor:pointer;
	color:#000;
	border: solid 1px #CCC;
}
.q_hover {
	background-color:#fff;
	cursor:pointer;
	color:#000;
	border: solid 1px #CCC;
}

.errorMsg {
	padding:20px;
	background-color:#F00;
	color:#FFF;
	margin:10px 0;
	font-weight:bold;
}
.warningMsg {
	padding:20px;
	background-color:#738eab;
	color:#FFF;
	margin:10px 0;
	font-weight:bold;
}
.errorMsg h1, .warningMsg h1 {
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	padding:0;
	margin:0;
}

.header .user {
	margin:15px 0 0 5px;
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	z-index:10;
}
.header .user label {
	color:#CCC;
	display:block;
	float:left;
	padding:0 10px;
}
.header .user var {
	display:block;
	float:left;
	font-style:normal;
	font-weight:bold;
}
.header .user ul {
	float:left;
	margin:0 0 0 10px;
	padding:0;
}
.header .user ul li {
	display:inline;
}
.header .user ul li a {
	color:#FFF;
	font-weight:bold;
	padding:0 10px;
	border-left: solid 1px #CCC;
}




.exam_new_test {
	overflow: hidden; 
	/* background: #e7eff5; */
	/* border: 4px solid #2a568c; */
	margin:10px 0 0 0;
	padding:0;
}
.exam_new_test select {
	font-family:Verdana, Geneva, sans-serif;
	width:550px;
	font-size:12px;
}
.exam_new_test input.submit {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	border:solid 2px #b83333;
	color:#FFF;
	background-color:#9f0005;
}
.exam_new_test form {
	margin:0;
	padding:10px;
}
.exam_new_test .description {
	padding: 10px 0 10px 0;
	margin-bottom:10px;
	border-bottom:dashed 1px #2a568c;
	font-weight:bold;
}
.exam_new_test small {
	color:#666;
	font-size:10px;
}
.exam_new_test .exam_test_options {
	overflow:hidden;	
}
.exam_new_test .exam_test_options label {
	margin:5px 0 0 0;
	display:block;
	width:150px;
	float:left;
}
.exam_new_test .exam_test_options input {
	margin:2px 0 0 0;
	font-size:12px;
	display:block;
	width:50px;
	float:left;	
}
.exam_new_test .exam_test_options br {
	clear:both;
}
.exam_new_test .exam_test_options .ch {
	margin:5px 0 0 0;
	width:auto;
}



/* PREHLED TESTU */


.test_prehled {
	color:#2a568c;
	padding-bottom:10px;
	border-bottom:dashed 1px #CCC;
	margin-bottom:10px;
}
.test_prehled label {
	display:block;
	float:left;
	text-align:right;
	width:80px;
	margin-right:10px;
}
.test_prehled var {
	display:block;
	float:left;
	color:#212532;
	font-weight:bold;
	font-style:normal;
}
.test_prehled br {
	clear:both;
}
table.t_prehled_test {
	text-align:center;	
	border:solid 3px #2a568c;
	border-collapse:collapse;
	margin-left:2px;
}
table.t_prehled_test td {
	border:solid 1px #CCC;
}
table.t_prehled_test td a {
	color:#333;
	text-decoration:none;
	display:block;
	width:27px;
	text-align:center;
	padding:3px 0;
}
table.t_prehled_test td.a a {
	border:solid 3px #000;
	padding: 0px;
	width:21px;
	font-weight:bold;
}
table.t_prehled_test td.f a {
	background-color:#9b0008;
	color:#FFF;
}
table.t_prehled_test td.t a {
	background-color:#0C0;
	color:#FFF;
}
table.t_prehled_test td.n a {
	background-color:#2a568c;
	color:#fff;
}
table.t_prehled_test td.b a {
	background-image:url(/images/bookmark.png);
	background-repeat:no-repeat;
}
table.t_prehled_test td a:hover {
	background-color:#FF0;
	color:#000;
	font-weight:bold;
}
#test_info {
	text-align:center;
/*	margin-bottom:10px; */
}
#test_zbyva_cas {
	text-align:center;
	background-color:#2a568c;
	color:#FFF;
	padding:5px 0;
}
#test_zbyva_cas b {
	display:block;
	color:#FFF;
	font-size:18px;
}

.login_page {
	width:400px;
	background: #e7eff5; 
	border: 4px solid #2a568c;
	text-align:center;
	margin: 0 auto;
	padding:20px;
}
.login_page label {
	font-weight:bold;
}
.login_page input {
	border: solid 1px #333;
}
.login_page input.submit {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	border:solid 2px #b83333;
	color:#FFF;
	background-color:#9f0005;
}


div.gallery {
	
}
div.gallery div {
	float:left;
	padding:10px;
}
div.gallery div {
	float:left;
	padding:10px;
	text-align:center;
}
div.gallery div a {
	display:block;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
div.gallery div a img {
	border: solid 2px #CCC;
}
div.gallery div a:hover img {
	border: solid 2px #666;
}
div.gallery div a:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

h1 {
	color:#900;	
}

a {
	color:#900;	
}