/**************************************************************************************/
/*                                                                                    */
/* CST Standard website CSS                                                           */
/*                                                                                    */
/* Central menu:    top, horizontal                                                   */
/* Submenu:         none                                                              */
/*                                                                                    */
/* Version:         2009-05-04 08:00                                                  */
/*                  Prema Svoboda                                                     */
/*                                                                                    */
/**************************************************************************************/

* { margin: 0; padding: 0; outline: none;}
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans;
	font-family: "Verdana", "Arial", "Helvetica", "sans";
	font-size: 92%;
	background: #211801 url(/images/design/bgr_html.jpg) center top repeat-x fixed;
	color: black;
}
a { color: black; text-decoration: none; }
a img { border: none; }
input, textarea {
	font-family: Arial, Helvetica, sans;
	font-family: "Arial", "Helvetica", sans;
	font-size: 12px;
}
#page { 
	width: 990px;
	margin: 20px auto 0 auto;
	padding: 0;
	position: relative;
	padding: 0;
	background: #FFF;
	border: 1px solid #000;
}

.alignLeft {	text-align: left;	}
.alignRight {	text-align: right;	}
.alignCenter {	text-align: center;	}
.alignJustify {	text-align: justify;	}

.clear,
.clearLeft,
.clearRight {
	height: 1px;
	overflow: hidden;
}

.clear {	clear: both;	}
.clearLeft {	clear: left;	}
.clearRight {	clear: right;	}

.floatLeft {	float: left;	}
.floatRight {	float: left;	}

#bannersLeft,
#bannersRight,
#bannersCenter
{
	text-align: center;
}

/* ====================== copyright ======================== */

#underPage
{
	width: 990px;
	margin: 0 auto 40px auto;
	color: #999;
	font-size: 70%;
}

#underPage a
{
	color: #CCC;
}

#underPage #copyright
{
	float: left;
}

#underPage #creator
{
	text-align: right;
}

/* ====================== header ======================== */

#header {
	position: relative;
	margin: 0;
/*	padding: 0 0 30px 0;	*/
	text-align: center;
/*	background: url(/images/design/bgr_nav.jpg) bottom repeat-x;	*/
}
/* ========================= menu ========================= */

#menu {
	display: none;
	width: 513px;
	position: absolute;
	top: 137px;
	left: 219px;
	text-align: center;
	background: #FFF url(/images/design/bgr_menu.jpg) right top repeat-y;
	border: 1px solid #000;
	border-left: none;
	border-right: none;
}
#menu table {
	width: 100%;
	height: 100%;
	border-bottom: 4px solid #cae131;
}

#menu td {
	height: 28px;
	background: url(/images/design/bgr_menu.gif) left bottom repeat-x;
}

#menu td.space {
	display: none;
}

#menu a {
	display: block;
	height: 28px;
	line-height: 22px;
	text-align: center;
	text-decoration: none;
	color: #000;
}

#menu a {
	behavior: url(styles/hover.htc);
}

#menu a:hover,
#menu .select a{
/*	border-bottom: 5px solid #82aebb;	*/
}

#logoPrint {	display: none;	}

#logo {
	width: 153px;
	height: 51px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 17px;
	left: 19px;
	text-align: center;
}

/* ===================== content ======================== */

#content {
	width: 990px;
	padding: 0;
	margin: 0;
	background: url(/images/design/bgr_content.gif) 184px repeat-y;
}
#content #rightPanel {
	width: 294px;
	margin: 0;
	padding: 0;
	border: none;
	float: right;
}
#content #leftPanel {
	width: 696px;
	margin: 0;
	padding: 0;
	float: left;
	background: url(/images/design/bgr_nav.jpg) left top repeat-x;
}

#content #leftContent {
	width: 184px;
	padding: 0;
	margin: 0;
	float: left;
}

#content #rightContent {
	width: 510px;
	float: right;
	padding: 0 1px 0 0;
	margin: 30px 0 0 0;
}

#content .head {
	color: #FFF;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	background: #122862 url(/images/design/bgr_nav.jpg) left top repeat-x;
	border-bottom: 1px solid #000;
}

#content .head .li {
	padding: 7px 8px 5px 33px;
	font-family: Arial, "Arial";
	font-weight: bold;
	font-size: 100%;
	letter-spacing: -1px;
	background: url(/images/design/li_nav.gif) 9px 5px no-repeat;
}

#content .head .li.noli {	background: none;	}

#content #leftPanel .content,
#content #rightPanel .content {
	padding: 10px;
}

#content .grad_01 {	background: url(/images/design/grad_01.gif) left top repeat-x;	min-height: 90px;		height: auto;	_height: 90px;	}
#content .grad_02 {	background: url(/images/design/grad_02.gif) left top repeat-x;	min-height: 69px;		height: auto;	_height: 69px;	}
#content .grad_03 {	background: url(/images/design/grad_03.gif) left top repeat-x;	min-height: 41px;		height: auto;	_height: 41px;	}

/* ===================== left menu ======================== */

#content #leftMenu {
/*	width: 219px;		_width: 218px;	*/
	padding: 12px 0;
	font-size: 90%;
/*	line-height: 130%;	*/
}

#content #leftMenu li {
	margin: 0;
	padding: 0;
	display: inline;
}

#content #leftMenu ul {	list-style: none;	}

#content #leftMenu li a {
	display: block;
	padding: 3px 5px 2px 20px;
	background-image: url(/images/design/li_sub1.gif);
	background-position: 10px -23px;
	background-repeat: no-repeat;
}
#content #leftMenu li li a{
	padding-left: 56px;
}

#content #leftMenu li a:hover,
#content #leftMenu li.select a {
	font-weight: bold;
}

#content #leftMenu li.sub a:hover,
#content #leftMenu li.sub a {
	background-position: -8px 7px;
}


#content #leftMenu li a li a,
#content #leftMenu li.select li a {
	font-weight: normal;
	color: #000;
	background-image: url(/images/design/li_sub1.gif);
	background-position: 43px -23px;
}

#content #leftMenu li li a:hover,
#content #leftMenu li.select li.select a,
#content #leftMenu li.sub li a:hover,
#content #leftMenu li.sub li.select a {
	font-weight: bold;
	background-position: 43px -23px;
}

/* ===================== links ========================= */

#links {
	font-size: 76%;
	text-align: center;
	background: #a1a1a1;
	padding: 5px;
	border-top: 1px solid #000;
}

#links,
#links a {
	color: #3c3c3c;
}

/* ===================== footer ========================= */

#footer {
	padding: 0;
	background: #3c3c3c;
	padding: 12px;
	border-top: 1px solid #000;
}
#footer,
#footer a {
	color: #a1a1a1;
}
#footer p {
	position: relative;
	top: 2px;
	font-size: 11px;
}
#footer p.copy {
	float: left;
	left: 10px;
}
#footer p.klats {
	float: right;
	right: 10px;
}
#footer .img {
	display: none;
}