/* ___| CSS document |_____________________ */


body { 
	margin: 0;
	padding: 0;
	font: .7em 'Trebuchet MS', Verdana, 'Geneva CE', lucida, sans-serif;
	/*color: #555;*/
	color: #000;
	background: #fff url("../bg.png") repeat-x top;
	}
a img {
  	border: 0;
	}
h1, h2, h3, h4, h5, p {
	margin: 0;
	}
.none {
	display: none;
	}
.hidden {
	visibility: hidden;
	}

.blind,
hr { display: none; }

.clear {
	margin: 0;
	height: 0;
	float: left;
	clear: both;
	}


/* ___| container |_____________________ */


#container {
	margin: 0 auto 0 auto;
	width: 950px;
	position: relative;
	}


/* ___| top |_____________________ */


#top {
	margin: 0;
	width: 950px;
	float: left;
	clear: both;
	position: relative;
	}
#top .languages  { position: absolute; width: 90px; height: 11px; right: 0 !important; top: 97px; }
#top .languages a  { display: block; width: 20px; height: 11px; position: relative; left: 4px; top: 7px; overflow: hidden; line-height: 30px; text-align: center; float: left; text-decoration: none; }
#top .languages a em { position: absolute; left: 0; top: 0; width: 20px; height: 11px; cursor: pointer; cursor: hand; }
#top .languages a.cz { margin-right: 5px; }
#top .languages a.cz em  { background: transparent url(../cz-flag.png) no-repeat 0 0; }
#top .languages a.en em  { background: transparent url(../en-flag.png) no-repeat 0 0; } 
#top .languages a.cn em  { background: transparent url(../cn-flag.png) no-repeat 0 0; } 
#logo {
	margin: 0;
	width: 345px;
	height: 136px;
	background: #fff url("../logo_grumant.png") no-repeat;
	float: left;
	}
#logo.en {background: #fff url("../logo_grumant_eng.png") no-repeat;}	
#logo.ch {background: #fff url("../logo_grumant_cn.png") no-repeat;}	
#logo a {
	text-decoration: none;
	display: block;
	width: 345px;
	height: 136px;
	}
ul#top_menu {
	margin: 20px 12px 0 0;
	padding: 0;
	width: 450px;
	float: right;
	}
ul#top_menu li {
	margin: 0;
	list-style: none;
	font-size: 11px;
	text-transform: uppercase;
	float: left;
	}
ul#top_menu li a {
	margin: 2px 4px 0 0;
	padding-left: 10px;
	display: block;
	text-decoration: none;
	width: 205px;
	height: 27px;
	line-height: 27px;
	vertical-align: middle;
	color: #fff;
	background: #305bc9 url("../bg_top_item.png") no-repeat;	
	background-position: right 0;
	float: left;
	}
ul#top_menu li a:hover {
	background: #517be6 url("../bg_top_item.png") no-repeat;	
	background-position: right -27px;
	}
#top_submenu {
	margin: 0;
	padding: 0;	
  position: absolute;	
	background: #8BACFF;
	position: absolute;
	top: 97px;
	right: 97px;
	color: #fff;
	text-transform: uppercase;
	text-align: right; 
	}
#top_submenu a {	
	text-decoration: underline;
	color: #fff;
	font-size: 90%
	}
#top_submenu a:hover {
	text-decoration: none;
	font-size: 90%;
	}
form#login {
	margin: 0;
	padding: 0;
	width: 450px;
  position: absolute;
  top: 99px;
  right: 70px; 	
	}
form#login p {
	margin: 7px 10px 0 0;
	font-size: 1.2em;
	color: #fff;
	float: left;
	}
form#login p a {color: #fff; font-weight: bold;}
form#login p a:hover { text-decoration: none; }

/* ___| left |_____________________ */


#left {
	margin: 0;
	width: 340px;
	float: left;
	}
menu {
	margin: 18px 0 0 3px;
	padding: 0 0 0 12px;
	width: 315px;
	background: url("../bg_menu.png") repeat-y left;
	}
menu li {
	list-style: none;
	font-size: 15px;
	}
menu li a {
	margin: 0 0 2px 0;
	padding-left: 30px;
	width: 247px;
	height: 35px;
	line-height: 35px;
	vertical-align: middle;
	text-decoration: none;
	font-weight: bold;
	color: #5d85ec;
	display: block;
	background: #f3f6ff url("../bg_menu_item.png") no-repeat;
	background-position: right 0;
	}
menu li a:hover {
	background: #E9EDF9 url("../bg_menu_item.png") no-repeat;
	background-position: right -35px;
	}
#box {
	margin: 40px 0 210px 0;
	width: 340px;
	}
#box_t {
	margin: 0;
	width: 340px;
	height: 9px;
	background: url("../bg_box_t.png") no-repeat;
	font-size: 0;
	}
#box_m {
	margin: 0;
	padding: 0 40px 10px 40px;
	width: 260px;
	min-height: 30px;
	background: url("../bg_box.png") repeat-y;
	}
#box_b {
	margin: 0;
	width: 340px;
	height: 9px;
	background: url("../bg_box_b.png") no-repeat;
	font-size: 0;
	}
#box img {
	margin: 0 14px 10px 0;
	float: left;
	border-bottom: 4px solid #4374ef;
	}
#box h3 {
	margin: 0 0 12px 0;
	padding-bottom: 1px;
	text-align: center;
	color: #4374ef;
	text-transform: uppercase;
	font-size: 1.8em;
	font-weight: normal;
	background: url("../bg_inbox.png") no-repeat center bottom;
	}
#box h4 {
	margin: 0;
	font-size: 1.1em;
	color: #000;
	}
#box p {
	margin: 0 0 4px 0;
	line-height: 1.5em;
	color: #000;
	font-size: 1.1em;
	}
#box a {
	text-decoration: none !important;
	color: #4374ef;
	}
#box a:hover {
	text-decoration: underline;
	}
#bbox {
	margin: -190px 25px 0 0;
	width: 340px;
	height: 308px;
	background: url("../bg_bbox.png") no-repeat;
	position: relative;
	float: left;
	}
#bbox h3 {
	margin: 0 0 11px 0;
	padding: 20px 0 1px 0;
	text-align: center;
	color: #6b6b6b;
	text-transform: uppercase;
	font-size: 1.8em;
	font-weight: normal;
	background: url("../bg_inbox_g.png") no-repeat center bottom;
	}
#bbox img {
	margin: 0;
	border-bottom: 4px solid #4374ef;
	}
#bbox p {
	text-align: center;
	width:270px;
	margin: 20px 0 0 35px;
	}
p#cite {
	margin-left: 0;
	width: 270px;
	color: #5b5b5b;
	font-size: 1.2em;
	text-align: left;
	}
	
/* ___| content |_____________________ */


#content {
	margin: 0;
	width: 610px;
	float: left;
	}
#img_top {
	margin: 17px 0 80px -10px;
	clear: both;
	position: relative;
	}
#img_top img {
	position: relative;
	}
#img_top h2 {
	margin: -130px 30px 2px 0;
	color: #93cbe5;
	font-size: 2.5em;
	font-weight: normal;
	text-transform: uppercase;
	text-align: right;
	position: relative;
	}
#img_top h2#img_top_small {
	margin: -90px 30px 2px 0;
	}
#img_top h3 {
	margin: 0 30px 0 0;
	color: #fff;
	font-size: 2em;
	font-weight: normal;
	text-align: right;
	position: relative;
	}
#main {
	margin: -40px 0 0 10px;
	width: 590px;
	}
#main h2 {
	margin: 0 0 10px 0;
	color: #bd00b6;
	font-size: 1.6em;
	text-transform: uppercase;
	}
#main h3 {
	margin: 0 0 5px 0;
	color: #13358b;
	font-size: 1.4em;
	text-transform: uppercase;
	}
#main p {
	margin-bottom: 10px;
/*	color: #787878; */
color: #000;
	font-size: 1.2em;
	}
#main p#big {
/*		color: #5381f5; */
color: #000;	
	font-size: 1.5em;
	}
#main a {
	text-decoration: none;
	color: #0d97a7;
	}
#main a:hover {
	text-decoration: underline;
	}
#main fieldset#field_ping {
	margin: 20px 20px 0 0;
	padding: 4px 11px 4px 11px;
	width: 260px;
	border: 1px solid #f7c4f5;
	float: left;
	}
#main fieldset#field_ping legend {
	text-transform: uppercase;
	color: #d700cf;
	font-size: 1.2em;
	font-weight: bold;
	}
#main fieldset#field_ping ul {
	margin: 0;
	padding: 0;
	}
#main fieldset#field_ping ul li {
	margin: 0;
	padding-left: 24px;
	list-style: none;
	background: url("../bg_arr_p.png") no-repeat left 9px;
	line-height: 1.9em;
	font-size: 1.2em;
	}
#main fieldset#field_ping ul li a {
	text-decoration: underline;
	color: #bd00b6;
	}
#main fieldset#field_ping ul li a:hover {
	text-decoration: none;
	}
#main fieldset#field_blue {
	margin: 20px 0 0 0;
	padding: 4px 11px 4px 11px;
	width: 260px;
	border: 1px solid #cfe9f5;
	float: left;
	}
#main fieldset#field_blue legend {
	text-transform: uppercase;
	color: #0d97a7;
	font-size: 1.2em;
	font-weight: bold;
	}
#main fieldset#field_blue ul {
	margin: 0;
	padding: 0;
	}
#main fieldset#field_blue ul li {
	margin: 0;
	padding-left: 24px;
	list-style: none;
	background: url("../bg_arr_b.png") no-repeat left 9px;
	line-height: 1.9em;
	font-size: 1.2em;
	}
#main fieldset#field_blue ul li a {
	text-decoration: underline;
	color: #009ae2;
	}
#main fieldset#field_blue ul li a:hover {
	text-decoration: none;
	}
#podmenu {
	margin: 0 0 14px 0;
	width: 576px;
	padding: 11px 0 1px 10px;
	background: #ebebeb;
	border-left: 4px solid #4374ef;
	float: left;
	clear: both;
	}
#podmenu p {
	font-weight: bold;
	color: #1b48b8;
	}
#podmenu p strong {
	color: #000;
	}
#podmenu a {
	text-decoration: none;
	color: #1b48b8;
	}
#podmenu a:hover {
	text-decoration: underline;
	}
.con {
	margin: 0 10px 0 10px;
	width: 284px !important;
	float: left;
	}
.con h2 {
	margin: 20px 0 10px 0 !important;
	padding: 2px 0 2px 7px !important;
	background: #ebebeb !important;
	border-left: 4px solid #4374ef !important;
	font-size: 1.3em !important;
	color: #000 !important;
	}
.con h2 span {
	font-weight: normal;
	}
.con p {
	margin-bottom: 10px;
	font-size: 1.1em;
	color: #000;
	line-height: 1.4em;
	}
.con img.con_img {
	margin: 10px 0 30px 10px;
	float: right;
	clear: both;
	}
ul.blue_ul {
	margin: 0;
	padding: 0;
	}
ul.blue_ul li {
	margin: 0 0 6px 0;
	padding-left: 26px;
	list-style: none;
	font-size: 1.1em;
	color: #000;
	background: url("../bg_arr_b.png") no-repeat left 6px;
	}
ul.blue_ul li a {
	text-decoration: underline;
	color: #009ae2;
	font-size: 1.1em;
	font-weight: bold;
	}
ul.blue_ul li a:hover {
	text-decoration: none;
	}
ul.grey_ul {
	margin: 0 0 20px 0;
	padding: 0;
	}
ul.grey_ul li {
	margin: 0 0 6px 0;
	padding-left: 26px;
	list-style: none;
	font-size: 1.1em;
	color: #787878;
	background: url("../bg_arr_g.png") no-repeat left 6px;
	font-weight: bold;
	}
ul.grey_ul li a {
	text-decoration: underline !important;
	color: #787878 !important;
	}
ul.grey_ul li a:hover {
	text-decoration: none;
	}
#log_box_t {
	margin: 0;
	width: 283px;
	height: 18px;
	background: url("../bg_log_t.png") no-repeat;
	}
#log_box_m {
	margin: 0;
	padding: 0 15px 0 15px;
	width: 253px;
	min-height: 20px;
	background: #dfedff;
	}
#log_box_b {
	margin: 0;
	width: 283px;
	height: 18px;
	background: url("../bg_log_b.png") no-repeat;
	}
#log_box_m h4 {
	margin: 0 0 3px 0;
	color: #3160d5;
	font-size: 1.2em;
	}
.con #log_box_m p {
	margin-bottom: 0;
	color: #000;
	font-size: 1.1em;
	font-weight: bold;
	}
#log_box_m a {
	text-decoration: underline;
	color: #3263de;
	}
#log_box_m a:hover {
	text-decoration: none;
	}
#log_box_m form {
	margin: 0;
	padding: 0;
	}
#log_box_m input, form#login input {
	margin: 4px 4px 0 0;
	padding: 3px;
	width: 66px;
	background: #fff;
	border: 1px solid #547cdd;
	color: #4571da;
	}
#log_box_m input#butt, form#login input#butt {
	margin: 0;
	width: 85px;
	height: 24px;
	color: #fff;
	font-weight: bold;
	background: #3e63c2 url("../bg_button.png") no-repeat -1px;
	border: none;
	font-size: 1em;
	}
	
	
/* ___| footer |_____________________ */


#footer {
	margin: 0;
	width: 100%;
	height: 118px;
	background: #ebebeb;
	border-top: 16px solid #acacac;
	float: left;
	}
#cont {
	margin: 0 auto 0 auto;
	width: 950px;
	}
#cont p.fot {
	margin: 40px 0 0 0;
	padding-left: 10px;
	line-height: 1.5em;
	color: #6b6b6b;
	width: 200px;
	border-left: 3px solid #4374ef;
	float: left;
	}
#cont p.small {
	margin: 40px 0 0 0;
	padding-left: 10px;
	line-height: 1.5em;
	color: #6b6b6b;
	width: 145px;
	border-left: 3px solid #4374ef;
	float: left;
	}
#cont a {
	text-decoration: none;
	color: #6b6b6b;
	}
#cont a:hover {
	text-decoration: underline;
	color: #393939;
	}
	
		

/**
 * Core styles.
 */

.Bold
{
	font-weight: bold;
}

.Italic
{
	font-style: italic;
}

.Underline
{
	text-decoration: underline;
}

.StrikeThrough
{
	text-decoration: line-through;
}

.Subscript
{
	vertical-align: sub;
	font-size: smaller;
}

.Superscript
{
	vertical-align: super;
	font-size: smaller;
}

/**
 * Font faces.
 */

.FontComic
{
	font-family: 'Comic Sans MS';
}

.FontCourier
{
	font-family: 'Courier New';
}

.FontTimes
{
	font-family: 'Times New Roman';
}

/**
 * Font sizes.
 */

.FontSmaller
{
	font-size: smaller;
}

.FontLarger
{
	font-size: larger;
}

.FontSmall
{
	font-size: 8pt;
}

.FontBig
{
	font-size: 14pt;
}

.FontDouble
{
	font-size: 200%;
}

/**
 * Alignment.
 */

.JustifyLeft
{
	text-align: left;
}

.JustifyRight
{
	text-align: right;
}

.JustifyCenter
{
	text-align: center;
}

.JustifyFull
{
	text-align: justify;
}

/**
 * Font faces.
 */

.FontComic
{
	font-family: 'Comic Sans MS';
}

.FontCourier
{
	font-family: 'Courier New';
}

.FontTimes
{
	font-family: 'Times New Roman';
}

/**
 * Font sizes.
 */

.FontSmaller
{
	font-size: smaller;
}

.FontLarger
{
	font-size: larger;
}

.FontSmall
{
	font-size: 8pt;
}

.FontBig
{
	font-size: 14pt;
}

.FontDouble
{
	font-size: 200%;
}

/**
 * Font colors.
 */
.FontColor1
{
	color: #ff9900;
}

.FontColor2
{
	color: #0066cc;
}

.FontColor3
{
	color: #ff0000;
}

.FontColor1BG
{
	background-color: #ff9900;
}

.FontColor2BG
{
	background-color: #0066cc;
}

.FontColor3BG
{
	background-color: #ff0000;
}

/**
 * Other.
 */
#debilni-nejdebilnejsi-nadpis {margin-top: 51px !important; _margin-top: 34px !important;}


.google-search {display: inline !important; float: left; padding-top: 20px;}
.google-search form {display: inline !important;}
.google-search div {display: inline !important;}

.google-search-input {width: 140px;}
.google-search-button { margin: 0;
	width: 85px;
	height: 24px;
	color: #fff;
	font-weight: bold;
	background: #3e63c2 url("../bg_button.png") no-repeat -1px;
	border: none;
	font-size: 1em;
}

.top-subdmenu-content {float: right; width: 450px; overflow: auto; border: none;}


.search a {text-decoration: underline !important;}
.search a:hover {text-decoration: none !important;}

.search-form {padding: 0 0 0 35px;}

.search-form-input {
	margin: 0;
	width: 140px;
	height: 15px;
	background: #fff;
	border: 1px solid #547cdd;
	color: #4571da;
	margin-top: -1px;
	}
.search-form-button {
	margin-left: 5px;
	width: 85px;
	height: 24px;
	color: #fff;
	font-weight: bold;
	background: #3e63c2 url("../bg_button.png") no-repeat -1px;
	border: none;
	font-size: 1em;
}

.menu-private-page {color: #d9231a;}



.button {
	width: 72px;
	height: 20px;
	background: url('../img/button.gif');
	font-size: 9px;
	color: #fff;
	background-color: inherit;
	border: 0;
	margin-left: 7px;
	line-height: 2.3em;
	}
.button_svetly {
	width: 72px;
	height: 20px;
	background: url('../img/button_svetly.gif');
	font-size: 9px;
	color: #fff;
	background-color: inherit;
	border: 0;
	margin-left: 7px;
	line-height: 2.3em;
	}
	
a.button {
	width: 72px;
	height: 20px;
	background: url('../img/button.gif');
	font-size: 9px;
	color: #fff;
	background-color: inherit;
	border: 0;
	margin-left: 7px;
	line-height: 2.3em;
	display: block;
	text-decoration: none;
	text-align: center;
	}
a.button_svetly {
	width: 72px;
	height: 20px;
	background: url('../img/button_svetly.gif');
	font-size: 9px;
	color: #fff;
	background-color: inherit;
	border: 0;
	margin-left: 7px;
	line-height: 2.3em;
	display: block !important;
	text-align: center;
	text-decoration: none;
	}
		
	
button.btn_red, button.btn_blue {
	margin: 14px 0 0 62px;
	border: none;
	padding: 0 0 22px 0;
	width: 164px;
	height: 118px;
	color: #fff;
	background: #910707 url("../img/bg_box_red.png") no-repeat;
	font-size: 230%;
	text-align: center;
	font-weight: bold;
	position: relative;
	cursor: pointer;
	float: left;
	}
button.btn_red span, button.btn_blue span {
	text-decoration: underline;
	}
button.btn_blue {
	background: #17969e url("../img/bg_box_blue-mini.png") no-repeat;
	}
	
/*  links  */
#links {text-align: left;overflow:none; float:none;width:990px;padding-top:15px;}
#links ul {margin-left:5px;}
#links ul li {display: inline;font-size:100%;line-height:16px;}
#links ul li a {margin: 0 5px 0 0; text-decoration: none;	color: #6b6b6b;}
#links ul li a:hover {text-decoration: underline;}