/* remember to define focus styles! */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}

:focus {
	outline: 0 !important;
}

html, body, #contents {
  /*  min-height: 100%;
  width:      100%;
  height:     100%;
  */
}

html > body, html > body#contents {
  height: auto;
}

body {
	background: #000 url("../images/www_background.png") top center repeat-y;
	color: #fff;
	font-family: Corbel, Verdana, "Bitstream Vera Sans", sans-serif;
	line-height: 1;
}

.clear {
	clear: both;
}

.products img{
    float: left;
    padding: 4px 15px 15px 0px;
}  

img.left {
        float: left;
        padding: 4px 15px 15px 0px;
}

img.right {
        float: right;
        padding: 4px 0px 15px 15px;
}

ul.kontakt {
	font-size: 1.1em;
}

ul.kontakt li {
	background: url("../images/li-more.gif") 0px 5px no-repeat;
	padding-bottom: 20px;
}


.grey, .custom_note {
	color: #7b7c7c;
}

.custom_note {
	font-size: 0.8em;
}

.red {

}

.blue {
	
}

.white {
	color: #fff;
}

.label {
	display: block;
	float: left;
	width: 70px;
	padding-top: 8px;
}

.value {
	display: block;
	float: left;
	clear: right;
	padding-top: 8px;
}

hr {
		  width: 100%;
		  border-top: none;
		  border-left: none;
		  border-right: none;
		  border-bottom: 1px solid #3a3a3a;
		  height: 1px;
		  overflow: hidden;
		  text-align: left;
		  margin-left: 0;
		  clear: left;
		  padding-top: 10px;	
}

hr.grey {
	border-bottom: 1px solid #7b7c7c;
}

.btn {
	background: #3a3a3a;
	color: #fff;
	font-weight: bold;
	border: 2px solid #3a3a3a;
}

.hidden {
	display: none;
	visibility: hidden;
}

#contents  {
    position: absolute;
	 /*	background: url('/images/page_background.gif') top center repeat-y;*/
    top:      0;
    left:     0;
    width:    100%;
    text-align: center;
    font-size: 0.75em;
}

.subCont {
	font-size: 1.1em;
	line-height: 1.3em;
}

#sub #contentsCon {
	 	width:    100%;
		background: url('../images/page_background_sub.gif') top center no-repeat;
}

#hp #contentsCon {
	 	width:    100%;
		background: url('../images/page_background_hp.gif') top center no-repeat;
}

#container {
	width: 972px;
	margin: auto;
	text-align: left;
	border: 0px red solid;
	position: relative;
	border: 0px yellow solid;
	padding: 0px;
}

#header {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 972px;
	height: 99px;
	border: 0px black solid;
	/*background: red;*/
	vertical-align: top;
	overflow: hidden;
}

#hp #header {

}

#headerContainer {
	position: relative;
}

#header h1, #header a span, #header a strong {
	display: none;
}

#logo {
	position: absolute;
	top: 0px;
	left: 0px;
}


#topMenu {
	position: absolute;
	top: 16px;
	right: 60px;
	/*width: 270px;*/
}

#topMenu ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	border: 0px red solid;
	float: left;
	padding-top: 3px;
	padding-right: 10px;
	font-family: Candara, "Trebuchet MS", Trebuchet, sans-serif;
	font-size: 1.0em;
}

#topMenu li {
	padding: 0px;
	text-transform: uppercase;	
	display: inline;
	padding-right: 15px;
	padding-left: 8px;
	color: #fff;
	background: url('../images/list_header_menu.gif') 100% 2px no-repeat;
}

#topMenu li a, #topMenu li a:visited {
	color: #ffffff;
	text-decoration: none;
	font-size: 0.9em;
}

#topMenu li a:hover {
	color: #226aa5;
	background: none;
}

.searchBox {
	width: 151px;
	height: 19px;
	background: #fff;
	border: 0px red solid;
	float: left;
}

.searchBox .searchBoxInput {
	width: 133px;
	height: 19px;
	float: left;
	padding-top: 0px;
	padding-left: 0px;
	background: url("../images/vyhledat_back.gif") 0px 0px no-repeat;
}

.searchBox input.button {
	width: 18px;
	height: 19px;
	border: none;
	margin: 0px;
	padding: 0px;
	float: left;
}

#search {
	margin-top: 3px;
	_margin-top: 2px;
	margin-left: 7px;
	border: 0px #017bab solid;
	font-size: 0.99em;
	width: 120px;
	color: #666666;
	height: 13px;
}

.faketextSearch {
	background: #fff url("../images/fake_search_text.gif") 0px 45% no-repeat;
}

#header .menu {
	position: absolute;
	top:60px;
	left: 270px;
}

#header .menu {position:relative; height:40px; width:700px; font-size: 1.15em; text-transform: uppercase;}
#header .menu ul {list-style:none; z-index:10; position:absolute; z-index:100; padding:9px 5px 0px 0px;}
#header .menu li {float:left; background: url("../images/menu_separator.gif") bottom right no-repeat; border-left: 0px red solid;height:36px; padding-top: 5px;}
#header .menu a, .menu a:active, .menu a:visited, .menu a:hover {text-decoration:none; color:#FFF; padding:10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px;}
#header .menu a:hover, .menu li.selected a {color: #c1c0c0; background: url("../images/menu_background.gif") bottom left repeat-x;}
#header .menu li.login a {color: #ff7e00;}
#slide {position:absolute; top:0px; height:40px;  background: url("../images/menu_background.gif") bottom left repeat-x; z-index:10}

#hp #breadNav {
	
}

#strip {
	margin-top: 106px;
	float: left;
	width: 972px;
	border: 0px black solid;
	background: black;
	margin-bottom: 10px;
}

#hp #strip {
	height: 374px;
}

#sub #strip {
	height: 197px;
}

#stripMenu {
	position: absolute;
	top: 106px;
	left: 0px;
	z-index: 10;
}

#stripMenu ul li {
	padding: 0px;
	margin: 0px;
}

#stripMenu ul {
	*margin-top: 3px;
}

#stripMenu a {
	display: block;
	width: 229px;
	height: 94px;
	border: 0px red solid;
	cursor: hand;
	_cursor: pointer;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	*margin-top: -3px;
}

#stripMenu a strong {
	display: none;
}

#stripMenu a.stripLink1 {
	background: url("../images/stripLink1_off.png") top left no-repeat;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/stripLink1_off.png", sizingMethod="crop");
	border: 0px red solid;
	width: 229px;
	height: 94px;
}

#stripMenu a.stripLink1 strong {
	background: url('../images/stripLink1_on.png') top left no-repeat;
}

#stripMenu a.stripLink1_over {
	background: url('../images/stripLink1_on.png') top left no-repeat;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/stripLink1_on.png", sizingMethod="crop");
	border: 0px red solid;
	width: 229px;
	height: 94px;
}

#stripMenu a.stripLink2 {
	background: url('../images/stripLink2_off.png') top left no-repeat;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/stripLink2_off.png", sizingMethod="crop");
	border: 0px red solid;
	width: 229px;
	height: 94px;
}

#stripMenu a.stripLink2 strong {
	background: url('../images/stripLink2_on.png') top left no-repeat;
}

#stripMenu a.stripLink2_over {
	background: url('../images/stripLink2_on.png') top left no-repeat;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/stripLink2_on.png", sizingMethod="crop");
	border: 0px red solid;
	width: 229px;
	height: 94px;
}

#stripMenu a.stripLink3 {
	background: url('../images/stripLink3_off.png') top left no-repeat;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/stripLink3_off.png", sizingMethod="crop");
	border: 0px red solid;
	width: 229px;
	height: 94px;
}

#stripMenu a.stripLink3 strong {
	background: url('../images/stripLink3_on.png') top left no-repeat;
}

#stripMenu a.stripLink3_over {
	background: url('../images/stripLink3_on.png') top left no-repeat;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/stripLink3_on.png", sizingMethod="crop");
	border: 0px red solid;
	width: 229px;
	height: 94px;
}

#stripMenu a.stripLink4 {
	background: url('../images/stripLink4_off.png') top left no-repeat;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/stripLink4_off.png", sizingMethod="crop");
	border: 0px red solid;
	width: 229px;
	height: 92px;
}

#stripMenu a.stripLink4 strong {
	background: url('../images/stripLink4_on.png') top left no-repeat;
}

#stripMenu a.stripLink4_over {
	background: url('../images/stripLink4_on.png') top left no-repeat;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/stripLink4_on.png", sizingMethod="crop");
	border: 0px red solid;
	width: 229px;
	height: 92px;
}

#strip a.stripLinkOn {
	background: url('../images/stripLink_on.png') top left no-repeat;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/stripLink_on.png", sizingMethod="crop");
	border: 0px red solid;
	width: 23px;
	height: 23px;
}

#strip a.stripLinkOff {
	background: url('../images/stripLink_off.png') top left no-repeat;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/stripLink_off.png", sizingMethod="crop");
	border: 0px red solid;
	width: 23px;
	height: 23px;
}

#strip #stripLinks {
	position: absolute;
	top: 120px;
	right: 10px;
	display: none;
	z-index: 10;
}

#strip #stripLinks a {
	display: block;
	float: left;
	padding-right: 5px;
	text-align: center;
	padding-top: 6px;
	color: #000;
	text-decoration: none;
	width: 23px;
	height: 23px;
	overflow: hidden;
	cursor: hand;
	_cursor: pointer;
}

#strip #stripLinks a:hover, #strip #stripLinks a.stripLinkActive {
	color: #fff;
}

#strip #stripLinks a.stripLinkActive {
	font-weight: bold;
}

#hp #stripImage {
	position: relative;
	width: 972px;
	height: 374px;
	z-index: 0px;
}

#hp #stripImage img {
	position: absolute;
	top:  0px; 
  left: 0px;
} 

#hp #stripImage img#stripImageSrc {
	z-index: 2;
}

#hp #stripImage img#stripImageSrc0nd {
	z-index: 0;
}


#rightContent {
	float: right;
	width: 743px;
	line-height: 1.15em;
}

#leftContent {
	
	float: left;
	width: 229px;
	line-height: 1.15em;
	_overflow: hidden;
}

#footer {
	float: left;
	width: 972px;
	clear: both;
	border-top: 1px #868585 solid;
	margin-top: 15px;
}

#footer div {
	padding: 15px 0px 30px 40px;
}


.content {
	padding: 20px 13px 20px 14px;
}

.newsDate {

}

#hp .date {
	font-size: 1.15em;
}

.newsTitle {
	text-transform: uppercase;
	font-size: 1.15em;
}

.newsAbstract {
	text-align: justify;
}


.hpText {
	float: left;
	width: 220px;
	padding-right: 25px;
}

.hpBanner {
	float: right;
	width: 209px;
	overflow: hidden;
}

#subMenu {
	width: 208px;
	font-size: 1.1em;
}

#subMenu ul li {
	background: #080808 url("../images/submenu_sep.gif") bottom center no-repeat;
}

#subMenu ul li a {
	color: #fff;
}

#subMenu ul li a {
	display: block;
	padding: 15px 10px 15px 15px;
	text-transform: uppercase;
	background: transparent;
	text-decoration: none;
}

#subMenu ul li a:hover, #subMenu ul li a.active {
	color: #ffa800;
	background: url("../images/li-more.gif") 5px 50% no-repeat;
}

#subMenu ul li.last {
	background-image: none;
}

#Menu3 {
  padding-left :  15px;        
}

#Menu3 ul li {
	background-image: none;
}

.breadNav {
	font-size: 0.9em;
	padding-bottom: 15px;
	text-transform: uppercase;
}

.breadNav a {
	color: #ffa800 !important;
}



div.pages {padding: 15px 5px; border-top: 1px solid #3a3a3a; width: 100%;}
div.pages .pagecount {line-height: 24px; padding-left: 5px; float: left;}
div.pages .pagenav {float: right;}
div.pages .first, div.pages .prev, div.pages .next, div.pages .last, div.pages .pagenum {display: block; line-height: 24px; float: left;}
div.pages .first, div.pages .prev, div.pages .next, div.pages .last {margin: 0px 5px;}
div.pages .first, div.pages .last {height: 19px; width: 0px; padding-left: 19px; margin-top: 3px; overflow: hidden;}
div.pages .prev, div.pages .next {height: 24px; width: 0px; padding-left: 24px; overflow: hidden;}
div.pages .pagenum {padding: 0px 10px;}

div.pages span.first {background: url("../images/gray_a_first.jpg") 0 0 no-repeat;}
div.pages span.last {background: url("../images/gray_a_last.jpg") 0 0 no-repeat;}
div.pages span.prev {background: url("../images/gray_a_prev.jpg") 0 0 no-repeat;}
div.pages span.next {background: url("../images/gray_a_next.jpg") 0 0 no-repeat;}

.novinka-abstrakt {background: #868585; position: relative; _display: inline-block; padding: 10px 15px;}
.date {font-weight: normal; font-family: Calibri, Helvetica, Arial, sans-serif;}


/*  vyhledavani  */

	#selectNavigator {
		position: relative;
		display: inline;
	}
	#selectNavigator-cont {
		position: absolute;
		top: -180px;
		*top: -165px;
		left: -99px;
		height: 160px;
		width: 100px;
		overflow-y: auto;
		overflow-x: hidden;
		border: 1px #cccccc solid;
	}
	#selectNavigator-cont a {
		height: 19px;
		border-bottom: 1px #cccccc solid;
		background: #ebeef5;
		text-align: center;
		padding-top: 2px;
		display: block;
		text-decoration: none;
		color: #000000 !important;
	}
	#selectNavigator-cont a:hover {
		background: #7b7c7c;
		color: #fff !important;
	}
	#selectNavigatorValue {
		/*width: 100px;*/
		display: inline;
		border: 1px #cccccc solid;
		padding: 2px 2px 4px 2px;
		*padding: 2px;
		margin: 5px;
	}	
	#selectNavigatorValue a#selectToggle {
		display: inline;
		color: #fff;
		text-decoration: none !important;
	}
	.path_smaller {
		font-size: 0.8em !important;
	}
	
/*  eo - vyhledavani  */

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #226aa5;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 12px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}