/* CSS Document */

/**************** BASIC ELEMENTS ****************/

body, h1, h2, h3, h4, h5, h6, ul, li, ol, p, input, fieldset, legend {
	padding: 0;
	margin: 0;
}
body {
  	background: #fafafa url(../images/bg_body.png) repeat-x left top;
  	padding: 0;
  	margin: 0;
  	font-family: Arial, sans-serif;
  	font-size: 13px;
  	color: #666666;
    text-align: center;
}

input {
  	font-size: 12px;
  	color: black;
}

input:focus {
  	/*border: 2px #F5A302 solid;*/
  	background: #FFFFDD;
}

a img {
  	border: 0;
}

ul, li {
  	margin: 0;
  	padding: 0;
}

img, div, a {
  	/*behavior: url(styles/iepngfix.htc);*/ /* IE PNG Fix v1.0, (c) 2004-2008 Angus Turnbull http://www.twinhelix.com */
}

h2.top_content  {
  color:#069ace;
  font-size:26px;
  display:block;
  font-weight:bold;
}

.blue-nadpis h1, h2 {
  color:#069ace;
}
.velky h1 {
  font-size:29pt;
  line-height: 40px;
}
.red-nadpis h1, h2 {
  color:#e85776;
}
.green-nadpis h1, h2 {
  color:#008674;
}
.purple-nadpis h1, h2 {
  color:#bb61a1;
}

h2 {color: #666666;}

/**************** FRAMEHOLDER ****************/

div#frameholder {
	width: 995px;
	position: relative;
	background: white;
	margin: 0 auto;
	min-height: 670px;
	padding: 0 0 45px 0;
  text-align: left;
}

div.left, div.right {
	width: 61px;
	height: 668px;
	position: absolute;
}

div.left {
	background: url(../images/bg_lr.jpg) no-repeat left top;
	left: -61px;
}

div.right {
	background: url(../images/bg_lr.jpg) no-repeat right top;
	margin: 0 0 0 0;
	right: -61px;
}


/**************** HEADER ****************/

div#header {
	width: 995px;
	height: 179px;
  position: relative;
}

div#headertop {
	background: transparent url(../images/bg_header-top.png) no-repeat left top;
	width: 995px;
	height: 60px;
	position: relative;
}

div#headerbot-left {
	width: 794px;
	height: 124px;
	float:left;
	background: transparent url(../images/header_left.jpg) no-repeat left top;
}
div#headerbot-right {
	width: 201px;
	height: 124px;
	float:left;
}

div#headertop span {
	text-indent: -2000em;
	margin: 0;
	position: absolute;
	top: 0;
	left: 37px;
	padding: 0;
}

div#headertop span a {
	display: block;
	width: 290px;
	height: 60px;
	overflow: hidden;
}

div#langselect {
	width: 175px;
	height: 15px;
	position: absolute;
	top: 4px;
	left: 375px;
}

div#langselect a {
	display: block;
	width: 16px;
	height: 11px;
	margin: 0 10px 0 0;
	float: left;
}

div#minimenu {
	text-align: right;
	width: 200px;
	height: 19px;
	position: absolute;
	right: 0;
	padding: 3px 7px 0 0;
}

div#minimenu a {
	color: #626262;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	padding: 0 12px 0 16px;
	background: transparent url(../images/bg_minimenu2.gif) no-repeat left 1px;
}

div#minicont {
	width: 93px;
	height: 21px;
	padding: 7px 7px 0 0;
	position: absolute;
	top: 178px;
	right: 0;
}

div#minicont a {
	color: #1e78b1;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	padding: 0 12px 0 16px;
	background: transparent url(../images/bg_minimenu2.gif) no-repeat left -37px;
}

div#minimenu a:hover {
	text-decoration: underline;
}

div#minimenu a.home {
	background: transparent url(../images/bg_minimenu.gif) no-repeat left 2px;
}

div#minimenu a.mapa {
	background: transparent url(../images/bg_minimenu.gif) no-repeat left -18px;
}

div#minimenu a.cont {
	background: transparent url(../images/bg_minimenu.gif) no-repeat left -39px;
}

/**************** MIDDLE (menu, search) ****************/
div#middle {
	background: transparent url(../images/header_bottom_line.gif) no-repeat left top; /*bg_middle.png*/
	width: 995px;
	height: 40px;
}
div.menu {
	padding: 10px 0 0 15px; /*4 0 0 15*/
	&padding: 10px 0 0 15px;
	/*width: 756px;*/
	float:left;
}

div.menu ul li {
	list-style-type: none;
	float: left;
}
div.menu ul li a {
	color: white;
	padding: 0 18px 0 12px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	text-transform: uppercase;
}

div.menu ul li a:hover {
	color: #bce1f9;
	text-decoration: none;
}

/**************** SEARCH ****************/
div#search {
	position:absolute;
	right:0px;
	top:30px;
}

div.search {
	width: 200px;
	height: 35px;
	float:right; /*left*/
	padding-top: 0; /*5px*/
	&padding-top: 0px;
	/*margin-left:22px;*/
	/*edited by Zdeněk Suda*/
	
}

div.search input {
	padding: 2px 3px;
	border-left: 1px solid #7e7f80;
	border-top: 1px solid #7e7f80;
	border-bottom: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	float: left;
	margin: 0 3px 0 0;
	color: gray;
	width: 115px;
}

div.search a#searchButton {
	display: block;
	width: 58px;
	height: 17px;
	background: url(../images/bg_menu.gif) no-repeat -676px -37px;
	float: left;
	margin: 1px 0 0 0; /*2*/
}

div.search a#searchButton:hover {
	background: url(../images/bg_menu.gif) no-repeat -734px -37px;
}

div.search input.search {
	background-color: #e9ebf5;
	border:1px solid #1d6097;
	width:60px;
	height:20px;
	padding-top:1px;
	color:#666666;
}
/**************** HORMENU ****************/

div#hormenu {
}

/**************** MAINHOLDER ****************/

div#mainholder {
	background: url(../images/bg_mainholder.jpg) no-repeat left top;
}

div#left {
	width: 214px;
	float: left;
	padding: 0 0 0 18px;
}

div#right {
	width: 169px;
	float: right;/*left*/
	padding: 0 30px 0 0; /*0 18px 0 45px*/
}

div#content {
	width: 531px;
	float: left;
}
div#content-2 {
	width: 715px;
	margin-left:30px;
	float: left;
}

div.categories {
	width: 531px;
	height: 231px;
}

div.cup, div.cbot {
	width: 531px;
	height: 50px;
}

div.cup {
	background: url(../images/bg_categ.jpg) no-repeat left 0;
}

div.cbot {
	background: url(../images/bg_categ.jpg) no-repeat left -50px;
}

div.cmid {
	width: 525px;
	height: 131px;
	background: url(../images/img_categories.jpg) no-repeat left top;
	margin: 0 0 0 3px;
}

div.cmid a {
	display: block;
	width: 169px;
	height: 20px;
	margin: 0 1px 0 0;
	padding: 111px 5px 0 0;
	float: left;
	color: white;
	text-decoration: none;
	text-align: right;
	font-size: 12px;
}

div.cmid a:hover {
	color: #e6e6e6;
}

div.cmid a span {
	background: transparent url(../images/bg_minimenu2.gif) no-repeat left -118px;
	padding: 0 0 0 12px;
}

/**************** LEFTMENU ****************/
div.leftmenu {
  margin-right:43px;
  padding-top:20px;
}
div.leftmenu ul li {
	list-style-position: outside;
	list-style-type: none;
	border-bottom:1px dotted #a0a0a0;
}
div.leftmenu ul li a {
	display: block;
  width: 150px;
	padding-left:10px;
	padding-top:7px;
	padding-bottom:6px;
	text-decoration: none;
	font-weight:normal;
	font-size: 14px;
}
div.leftmenu ul li a:hover {
	color: #274a6d;
}

.blue div.leftmenu ul li a {
	background: url(../images/bg_menu_blue.gif) no-repeat left top;
	color: #656565;
}
.blue div.leftmenu ul li a:hover {
	color: #274a6d;
}
.green div.leftmenu ul li a {
	background: url(../images/bg_menu_green.gif) no-repeat left top;
	color: #4b7faf;
}
.green div.leftmenu ul li a:hover {
	color: #274a6d;
}
.red  div.leftmenu ul li a {
	background: url(../images/bg_menu_red.gif) no-repeat left top;
	color: #4580b8;
}
.red div.leftmenu ul li a:hover {
	color: #274a6d;
}
.purple div.leftmenu ul li a {
	background: url(../images/bg_menu_purple.gif) no-repeat left top;
	color: #4572a9;
}
.purple ul li a:hover {
	color: #274a6d;
}

div.leftmenu ul li ul {
	display: none;
	position: absolute;
	left: 190px;
	margin: -30px 0 0 0;
	background: white;
	border-top: 1px dotted #888888;
	border-left: 1px dotted #888888;
	border-right: 1px dotted #888888;
	z-index: 10009;
	zoom: 1;
	width:190px;
}

#frameholder div.leftmenu ul li ul li a {
	background: none;
	padding-left:10px;
	padding-right:10px;
	padding-top:7px;
	padding-bottom:7px;
	font-size: 12px;
	font-weight: normal;
	display:block;
	width:auto;
}

div.leftmenu ul li ul li a:hover {
	background: none;
	color: black;
}
/**************** NEWS ****************/

div#news {
	padding: 20px 0 0 0;
	width: 169px;
	overflow: hidden;
	font-size: 11px;
}

div.nitem {
	padding: 12px 0 0 0;
}
div#news  div.Active span {
 background:#3AA9E0;
 color:#FFF;
 padding:3px;
}

div#news h3 {
	width: 169px;
	height: 30px;
	background: url(../images/bg_menu.gif) no-repeat -338px 0;
	font-size: 20px;
	margin: 0;
}

.green div#news h3 {
	background: url(../images/bg_menu.gif) no-repeat -338px -30px;
	color: #0091C7;
}

.red div#news h3 {
	background: url(../images/bg_menu.gif) no-repeat -338px -60px;
	color: #0091C7;
}

div#news span {
	color: #0091C7;
	font-weight: bold;
	display: block;
}

div#news p {
	margin: 0;

}
div#news .nitem.First p {
	margin: 0;
  color:#a9398b;
}
div#news .nitem.First p span {
  color:#a9398b;
  font-weight: bold;
}
div#news a.more {
	display: block;
	width: 169px;
	height: 23px;
	padding: 7px 0 0 12px;
	background: url(../images/bg_menu.gif) no-repeat -507px 0px;
}

div#news a.more:hover {
	display: block;
	width: 169px;
	height: 23px;
	padding: 7px 0 0 12px;
	background: url(../images/bg_menu.gif) no-repeat -676px 0px;
}

div#news a.more2 {
	display: block;
	width: 169px;
	height: 22px;
	padding: 7px 0 0 12px;
	background: url(../images/bg_menu.gif) no-repeat -507px 0px;
}

div#news a.more2:hover {
	display: block;
	width: 169px;
	height: 22px;
	padding: 7px 0 0 12px;
	background: url(../images/bg_menu.gif) no-repeat -676px 0px;
}

div.advert {
	padding: 10px 0 0 0;
	display:none;
}


/**************** CONTENT ****************/


/**************** GALERIE (homepage) ****************/


/**************** FOOTER ****************/

div#footer {
	height: 79px;
	background: url(../images/bg_footer.png) repeat-x left top;
	font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

div#footerin {
	width: 925px;
	margin: 0 auto;
	padding: 13px 15px 0;
	color: #bababa;
}

div#footerin span a {
	color: #bababa;
	text-decoration: none;
	font-weight: normal;
}

div#footerin span.left {
	float: left;
}

div#footerin span.right {
	float: right;
}






/**************** UTILS ****************/

.no_display, .none {
  display: none;
}

.clear {
  clear: both;
}

.cspan {
	display: block;
}

.fuc {
	display: none;
}

.linka {
	margin-bottom: 10px;
	height: 2px;
	overflow: hidden;
	background: #CCC;
}

.pinputs {
	margin: 0;
	padding: 0;
}


a.cont-cz {
	display: block;
	background: url(../images/btn_cont_cz.jpg) no-repeat left top;
	width: 171px;
	height: 73px;
	position: relative;
	top: 35px;
}
a.teho-cz {
	display: block;
	background: url(../images/btn_tk_cz.jpg) no-repeat left top;
	width: 171px;
	height: 73px;
	position: relative;
	top: 35px;
}
a.cont-en {
	display: block;
	background: url(../images/btn_cont_en.jpg) no-repeat left top;
	width: 171px;
	height: 73px;
	position: relative;
	top: 35px;
}
a.cont-de {
	display: block;
	background: url(../images/btn_cont_de.jpg) no-repeat left top;
	width: 171px;
	height: 73px;
	position: relative;
	top: 35px;
}
a.cont-it {
	display: block;
	background: url(../images/btn_cont_it.jpg) no-repeat left top;
	width: 171px;
	height: 73px;
	position: relative;
	top: 35px;
}

/* edited by Zdeněk Suda 30/4/10 */

a.down-cz, a.down-en, a.down-de, a.down-it {
	display: block;
	background: url(../images/btn_ss_en.jpg) no-repeat left top;
	width: 171px;
	height: 73px;
	position: relative;
	top: 35px;
}
a.down-cz {
	display: block;
	background: url(../images/btn_ss_cz.jpg) no-repeat left top;
	width: 171px;
	height: 73px;
	position: relative;
	top: 35px;
}

/*********************************/

div#path {
	margin-top:0px;
	margin-bottom:10px;
	color:#919191;
}
div#path a {
  font-weight: normal;
  color:#919191;
  text-decoration: none;
}
div#path a:hover {
  text-decoration: underline;
}

/* END of CSS Document*/

/*edited by Zdenek Suda 8/4/2010*/
.RedStar {color: red;}
#career_form1 textarea {width: 325px; height: 150px;}
#career_form1 input[type=text] {width: 320px;}
#career_form1 input#titul {width: 140px;}
/*edited by Zdenek Suda 12/4/2010*/
a.schuzka {background: url("../images/schuzka_bg.gif") no-repeat; display: block; width: 133px; height: 22px; float: right; color: #5f5f5f; text-align: center;
 font-weight: normal; text-decoration: none; padding-top: 6px;}
a.schuzka:hover {text-decoration: none; color: #3781c2;}

/*edited by Zdenek Suda 3/5/2010*/
#Flash {height: 119px; width: 995px; /*background: url("../images/gen_liberec.jpg") no-repeat;*/}

#homeBox {
	width:534px;
	margin-left:-5px;
}
#homeBox .boxItem {
	background: url('../images/boxItem.jpg') no-repeat left top;
	display:block;
	width:178px;
	height:138px;
  position: relative;
  float:left;
  margin-bottom:20px;
}
#content #homeBox .boxItem .imageItem a img {
	border:none;
	padding:0px;
	margin:0px;
	width:157px;
	height:119px;
	margin-left:10px;
	margin-top:11px;
	&z-index:-1;
}
#homeBox .linkItem {
	background: url('../images/linkItem.png') no-repeat left top;
	width:159px;
	height:38px;
  position: absolute;
  right:0px;
  bottom:-5px;
  display:block;
  z-index:500;
}
#homeBox .linkItem a.linkItemHref {
	width:144px;
	height:30px;
	display:block;
	color:#FFF;
  font-weight: bold;
  text-decoration: none;
	padding-top:13px;
  font-size: 13pt;
  padding-left:10px;
}
#homeBox.czBox .linkItem a.linkItemHref {
  font-size: 10pt;
  padding-top:15px;
  height:28px;
}
.gradientContent {
	background: url('../images/gradient.jpg') no-repeat left top;
	display:block;
	width:527px;
	padding-top:20px;
	margin-top:10px;
}
#showForm {
	display:none;
}
.gradientContent h2 {
	margin-top:10px;
}
#news .firstNewsITem {
  font-weight: bold;
  text-transform: uppercase;
  color:#0091C7;
}
.cp {
  cursor: pointer;
}
.subMenu {
	display:block;
  position: absolute;
  top:143px;
  right:0px;
  display:none;
  width:159px;
}
.subMenu a.subMenuItem {
	width:144px;
	padding:5px;
	padding-left:10px;
	display:block;
	background:#21c0ff;
	color:#fff;
  text-decoration: none;
}
.subMenu a.subMenuItem:hover {
	background:#009bd9;
}

/*help*/
.event-content-help {
    background-color: #F8F8F8;
    border: 1px solid #0086BA;
    border-radius: 6px 6px 6px 6px;
    color: black;
    margin-left: 2px;
    margin-top: 1px;
    padding: 6px 12px;
    position: absolute;
    white-space: normal;
    width: 411px;
}

.event-content-help span.close-help {
    background: url("/images/dialog_close.png") no-repeat scroll 4px 2px #0086BA;
    border-radius: 0 6px 0 6px;
    color: white;
    cursor: pointer;
    height: 16px;
    padding: 2px 0 3px 22px;
    position: absolute;
    right: -1px;
    top: -1px;
    width: 3px;
}