body {
	margin:20px 0; 
	padding:0; 
	font:0.8em/1.6em tahoma,arial,sans-serif; 
	background:#fff; 
	color:#000
}

a {	color:#ff7a00 }
a:hover {	color:#000 }
p, address { margin:10px 0 }

#main {	width:1024px; margin:0 auto; background:url("/images/bg_body.gif") repeat-y}
#header { width:1024px; height:14px; background:url("/images/bg_top.gif") no-repeat}
#footer { width:1024px; background:url("/images/bg_bottom.gif") bottom left no-repeat; font:70% verdana, sans-serif }

h1#logo, h1#logo_gr, h1#logo_b, h1#logo_o, h1#logo_r, h1#logo_y, h1#logo_g 
{
	position:relative; 
	width:150px; 
	height:130px; 
	margin:0; 
	padding:0; 
	overflow:hidden
}

h1#logo span, h1#logo_gr span, h1#logo_b span, h1#logo_o span, h1#logo_r span, h1#logo_y span, h1#logo_g span
{
	display:block; 
	position:absolute; 
	left:0; 
	top:0; 
	z-index:1; 
	width:150px; 
	height:130px; 
	margin:0; 
	padding:0; 
	background:url("../images/logo_o.gif");
}

h1#logo_gr span {background:url("../images/logo_gr.gif")}
h1#logo_g span {background:url("../images/logo_g.gif")}
h1#logo_b span {background:url("../images/logo_b.gif")}
h1#logo_o span {background:url("../images/logo_o.gif")}
h1#logo_r span {background:url("../images/logo_r.gif")}
h1#logo_y span {background:url("../images/logo_y.gif")}


h2 {color:#ff9a00; margin:0; font:160% "trebuchet ms",trebuchet,sans-serif}
h3 {color:#028; margin:10px 0; font-size:120%}
h4 {font-size:100%; margin:10px 0}

#quick_tip {float:left; width:200px}
hr {height:1px; color:#ddd; background-color:#ddd; border: 0px solid #ddd}


#panel 
{
	float:left; 
	width:144px; 
	margin:6px 0 0 20px;
}

#content 
{
	float:right; 
	width:780px; 
	margin:6px 20px 20px 20px; 
	background:url("../images/header.gif") no-repeat;
}

#contentHeader 
{
	margin-left:20px; 
	margin-top: 90px;
	margin-bottom:30px; 
	font-size:200%; 
	color:#FF9933; 
	font-weight:bold;
}

#contentBody 
{
	width:	780px;
}

#tip {margin:10px 0 115px 10px; color:#555}
#tip a {color:#555}
#tip a:hover {color:#000}

#menu {background:url("../images/menu_body.gif") repeat-y; width:150px; margin:15px 0}
#menu_top {width:150px; height:10px; background:url("../images/menu_top.gif") no-repeat}
#menu_bottom {width:150px; height:10px; background:url("../images/menu_bottom.gif") bottom left no-repeat}

#menu h4 {margin:0 0 5px 10px; font-size:100%}
#menu ul {margin:0 1px; padding:0; border-top:1px solid #ddd}
#menu ul li {margin:0; padding:0; list-style:none; border-bottom:1px solid #ddd}
#menu ul li a {display:block; text-decoration:none; padding:4px 0 4px 10px}
#menu ul li a:hover {color:#000; background:url("../images/arrow.gif") center right no-repeat}
#menu ul li a#active2 {color:#000; background:#f7f7f7 url("../images/arrow.gif") center right no-repeat}
#menu ul li a:active {background:#FFEDD7 url("../images/arror.gif") center right no-repeat}

#hmenu {width: 50%; margin-left: auto; margin-right: auto; margin-top: 15px; text-align: center; clear:both}
#hmenu ul {float:left; margin: 0 1px;}
#hmenu ul li { float:left; border: solid #888888 1px; margin: 2px; padding-left: 5px; padding-right: 5px}
#hmenu ul li a {display:block; text-decoration:none; padding:1px 0 1px 1px}
#hmenu ul li a:hover {color:#000;}

.table {background:#FFEDD7}
.table_top div {background: url("../images/corner_top_left.gif") no-repeat top left}
.table_top {background: url("../images/corner_top_right.gif") no-repeat top right}
.table_bottom div {background: url("../images/corner_bottom_left.gif") no-repeat bottom left}
.table_bottom {background: url("../images/corner_bottom_right.gif") no-repeat bottom right}
.table_top div, .table_top, .table_bottom div, .table_bottom {width:100%; height:7px; font-size:1px}
.table_content  {margin:0 7px;}

.galtable {background:#FFEDD7; float:left; margin: 10px;}
.galtable_top div {background: url("../images/corner_top_left.gif") no-repeat top left}
.galtable_top {background: url("../images/corner_top_right.gif") no-repeat top right}
.galtable_bottom div {background: url("../images/corner_bottom_left.gif") no-repeat bottom left}
.galtable_bottom {background: url("../images/corner_bottom_right.gif") no-repeat bottom right}
.galtable_top, .galtable_bottom { height:7px; font-size:1px}
.galtable_top div, .galtable_bottom div { width:7px; height:7px; font-size:1px}
.galtable_content  {margin:0 7px;}
.galtable_content p {margin: 0; }

#tab { padding-left: 50px; }

#copyright {clear:both; margin:0 4px; padding:15px; padding-top:5px; color:#999}
#copyright a {color:#999}
#copyright a:hover {color:#ff9a00}
#copyright p {margin:0}

#submenu {float:right}

.table_content ul.bullets, .table_content ul.bullets2 {margin:10px 0 10px 15px; padding:0}
ul.bullets, ul.bullets2 {margin:10px 0 10px 25px; padding:0}
ul.bullets li {padding-left:10px; background:url("../images/odrazka.gif") no-repeat; list-style:none}
ul.bullets2 li {padding-left:10px; background:url("../images/odrazka2.gif") no-repeat; list-style:none}

.dot {width:9px; height:5px}
.small {font:90% verdana, sans-serif}

.male {	background-color:#CCCCCC; vertical-align:top; text-align:left; padding: 5px; border:#808080 solid 1px; }
.female { background-color:#FFD2A6; vertical-align:top;	text-align:left; padding: 5px; border:#808080 solid 1px; }
.black {
	background-color:#666666;
	vertical-align:top;
	text-align:left;
	padding: 5px;
	border:#808080 solid 1px;
	color: #FFCC66;
}
.yellow {
	background-color:#FFCC99;
	vertical-align:top;
	text-align:left;
	padding: 5px;
	border:#808080 solid 1px;
	color: #000000;
}
.brown {
	background-color:#660000;
	vertical-align:top;
	text-align:left;
	padding: 5px;
	border:#808080 solid 1px;
	color: #FFCC99;
}

.lgold { background:url("../images/labmini_g.gif") no-repeat; width: 50px; height:	42px; }
.lblack { background:url("../images/labmini_b.gif") no-repeat; width: 50px; height:	42px; }
.lbrown { background:url("../images/labmini_br.gif") no-repeat; width: 50px;	height:	42px; }

legend {color:#028; border:1px solid #ddd; font-weight:bold; padding:0 5px}

.verticaltop {vertical-align:top}
.textright {text-align:right}
.textcenter {text-align:center}

.floatleft { float: left; }
.floatright { float:right;}

.noscreen {display:none}