@charset "utf-8";





/* Reset */
* {
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;
	font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	line-height: 20px;
	color: #2A2C2E;
	}
a, a:hover {
	text-decoration: none;
	}
a:hover {
	color: #70C5DA;
	}
ul {
	list-style: none;
	}


/* Layout */
body {
	background-color: #F8F8F8;
	}
.inner {
	width: 960px;
	margin: 0px auto;
	}
.outer {
	width: 100%;
	margin: 0px auto;
	}


/* Typography */
strong {
	font-weight: bold;
	}
h1, strong, th {
	font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
	}
h2, h3, h4, h4 a, #hmenu a {
	font-family: 'OpenSansSemibold', Arial, Helvetica, sans-serif;
	}
h1 {
	clear: both;
	font-size: 30px;
	line-height: 30px;
	text-transform: uppercase;
	color: #70C5DA;
	}
h2 {
	font-size: 22px;
	}	
h3 {
	font-size: 17px;
	text-transform: uppercase;
	}
p {
	line-height: 22px;
	}
h1 + p, h1 + h2, h1 + h3, h2 + h3, h2 + p, p + h3, p + p {
	margin-top: 20px;
	}
p + h1, p + h2, p + h3, ul + h2 {
	margin-top: 30px;
	}	
sub {
	font-size: 12px;
	line-height: 0px;
	}
#copy a {
	color: #70C5DA;
	}	
#copy ul {
	margin: 20px 0 20px 20px;
	list-style-position: outside;
	list-style: circle;
	}
#copy ul li {
	margin: 0 0 10px 0;
	}
.note {
	color: #999999;
	font-size: 13px;
	line-height: 20px;
	}

.rqf {
	background-color: #e6e6e6;
}

/* Menu */
#lmenu li, #hmenu li, #flinks li, #fmenu li {
	display: inline;
	}
#lmenu, #hmenu {
	float: right;
	clear: right;
	}
#lmenu {
	margin: 20px 0 40px 0;
	}
#lmenu li {
	float: left;
	padding: 0 0 2px 10px;
	background-image: url(../img/lmenu-background.png);
	background-repeat: no-repeat;
	background-position: 4px 3px;
	}
#lmenu .menu1 {
	background-image: none;
	}
#lmenu a {
	font-size: 13px;
	}
#hmenu {
	margin: 0 0 5px 0;
	}	
#hmenu a, #vmenu h4 {
	font-size: 17px;
	line-height: 15px;
	text-transform: uppercase;
	color: #818285;
	}
#hmenu li {
	float: left;
	padding: 5px 0px 10px 40px;
	background-image: url(../img/hmenu-background.png);
	background-repeat: no-repeat;
	background-position: 19px 0;
	}
#hmenu .menu1 {
	background-image: none;
	}	
#lmenu a:hover, #hmenu a:hover, #vmenu a:hover {
	color: #70C5DA;
	}
#vmenu {
	width: 180px;
	float: left;
	margin: 35px 0 35px 0;
	}
#vmenu h4 {
	padding: 0 0 0 2px;
	margin: 20px 0 3px 0;
	}
#vmenu li {
	padding: 2px 0 3px 3px;
	background-image: url(../img/vmenu-background.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
#vmenu li a {
	color: #747474;
	}
.page100 #vmenu .page100 a, .page110 #vmenu .page110 a, .page120 #vmenu .page120 a, .page130 #vmenu .page130 a, .page140 #vmenu .page140 a, .page150 #vmenu .page150 a, .page160 #vmenu .page160 a, .page200 #vmenu .page200 a, .page210 #vmenu .page210 a, .page220 #vmenu .page220 a, .page230 #vmenu .page230 a, .page240 #vmenu .page240 a, .page250 #vmenu .page250 a, .page260 #vmenu .page260 a, .page270 #vmenu .page270 a, .page280 #vmenu .page280 a, .page290 #vmenu .page290 a, .page300 #vmenu .page300 a, .page310 #vmenu .page310 a, .page320 #vmenu .page320 a, .page330 #vmenu .page330 a {
	color: #70C5DA;
	}	
#flinks li, #fmenu li {
	float: left;
	padding: 0 0 0 20px;
	background-image: url(../img/fmenu-background.png);
	background-repeat: no-repeat;
	background-position: 9px 2px;
	}
#flinks .menu1, #fmenu .menu1 {
	background-image: none;
	}
#flinks li, #flinks li a, #fmenu li, #fmenu a {
	font-size: 14px;
	}
#flinks {
	float: left;
	}
#fmenu {
	float: right;
	}

/*
.cz #lmenu .menu1 a, .de #lmenu .menu2 a, .en #lmenu .menu3 a {
	color: #BCBEC0;
*/  

#lmenu .menusel a {
	color: #BCBEC0;
}

/* Header */
#header {
	background-color: #FFFFFF;
	}
#logo {
	float: left;
	margin: 30px 0 0 -47px;
	}
#nav {
	float: right;
	}


/* Homepage */
.banner.top {
	position: relative;
	float: left;
	width: 960px;
	height: 302px;
	margin: 35px 0 15px 0;
	background-image: url(../img/banner.jpg);
	background-position: 8px 7px;
	background-repeat: no-repeat;
	}
.banner #claim {
	position: absolute;
	left: 30px;
	top: 80px;
	}
.banner #claim span {
	display: block;
	float: left;
	clear: both;
	padding: 7px 10px 7px 10px;
	margin-bottom: 7px;
	font-size: 25px;
	color: #FFFFFF;
	background-color: #25859b;
	-moz-box-shadow: 2px 2px 2px rgba(153, 153, 153, 0.6);
	-webkit-box-shadow: 2px 2px 2px rgba(153, 153, 153, 0.6);
	box-shadow: 2px 2px 2px rgba(153, 153, 153, 0.6);
	}
.banner {
	border: 1px solid #737071;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	background-color: #FFFFFF;
	}
.banner.top h2, .banner.top p {
	padding-top: 5px;	
	}
.banner.top a {
	float: left;
	width: 100%;
	height: 100%;
	}
.teaser {
	float: left;
	width: 310px;
	margin: 0 0 10px 15px;
	}
.teaser.menu1 {
	margin-left: 0;
	}
.teaser h2, .teaser p {
	color: #818285;
	text-align: center;
	}
.teaser p {
	margin: 0 0 5px 0;
	}
.more {
	color: #70C5DA;
	}
.teaser .banner {
	display: block;
	height: 155px;
	}
.teaser.menu1 .banner, .teaser.menu2 .banner, .teaser.menu3 .banner {
	background-position: 5px 5px;
	background-repeat: no-repeat;
	}
.teaser.menu1 .banner {
	background-image: url(../img/teaser1-background.jpg);
	}
.teaser.menu2 .banner {
	background-image: url(../img/teaser2-background.jpg);
	}
.teaser.menu3 .banner {
	background-image: url(../img/teaser3-background.jpg);
	}


/* Content */
#content {
	background-color: #FFFFFF;
	background-image: url(../img/content-background.png);
	background-repeat: repeat-x;
	}
#content .outer {
	background-image: url(../img/content-outer-background.png);
	background-repeat: no-repeat;
	}
.page110 #copy, .page120 #copy, .page130 #copy, .page140 #copy, .page150 #copy, .page160 #copy {
	padding-top: 230px;
	background-position: 9px 9px;
	background-repeat: no-repeat;
	}
.page110 #copy {
	background-image: url(../img/zdrave-osvetleni-background.jpg);
	}
.page120 #copy {
	background-image: url(../img/vyvoj-background.jpg);
	}
.page130 #copy {
	background-image: url(../img/laborator-background.jpg);
	}
.page140 #copy {
	background-image: url(../img/technologie-background.jpg);
	}
.page150 #copy {
	background-image: url(../img/vlastnosti-svetla-background.jpg);
	}
.page160 #copy {
	background-image: url(../img/vyzkum-background.jpg);
	}
.pdf {
	float: left;
	padding-right: 25px;
	background-image: url(../img/pdf.png);
	background-position: center right;
	background-repeat: no-repeat;
	}


/* Copy */
#copy, #copy-outer {
	float: right;
	}
#copy {
	width: 650px;
	padding: 30px 60px 60px 40px;
	border: 1px solid #737071;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	background-color: #FFFFFF;
	}
#copy-outer {
	width: 750px;
	padding: 0 0 4px 0;
	margin: 20px 0 40px 0;
	background-image: url(../img/copy-outer-background.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	

/* Products */	
.product {
	float: left;
	width: 150px;
	height: 200px;	
	margin: 10px 10px 0 0;
	border: 1px solid #C1C1C0;
	text-align: center;
	}
.product a {
	display: block;
	height: 185px;
	padding: 10px 0 5px 0;
	position: relative;
	}
.product a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	}	
.product span {
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 0 5px 0 5px;
	position: absolute;
	left: 0px;
	bottom: 10px;
	}
.product span, .product span br {
	font-size: 14px;
	line-height: 16px;
	color: #818285;
	text-align: center;	
	/* text-transform: uppercase; */
	}
h3, .productgroup {
	clear: both;
	}
.productgroup {
	float: left;
	padding-top: 5px;
	padding-bottom: 40px;
	}


/* Tables */
table {
	border-collapse: collapse;
	}
tr {
	border-bottom: 1px solid #BCBEC0;
	}
th {
	text-align: left;
	font-weight: bold;
	}
th, td {
	padding: 10px 20px 10px 5px;
	}
#research .col1 {
	width: 275px;
	}
#research .col2 {
	width: 225px;
	}
#research .col3 {
	width: 50px;
	white-space: nowrap;
	text-align: right;
	}
#research .col2 img {
	width: 225px;
	height: 20px;
	}

#datatable .row0 {
  background-color: #F6F6F6;
}   

#datatable .row1 {
  background-color: #ffffff;
}   

#datatable .strng {
font-weight: bold;
} 

#datatable .col1 {
	text-align: left;
	font-size: 12px;
	line-height: 14px;
  	
}  

#datatable .col2 {
	text-align: center;
 	font-size: 12px;
	line-height: 14px;
	
}

#datatable .coln {
	text-align: center;
	font-size: 12px;
	line-height: 14px;
}

#datatable .colnmini {
	text-align: center;
  font-size: 10px;
  line-height: 12px;
}


/* Footer */
#footer {
	margin-bottom: 40px;
	}
#footer .inner {
	padding-top: 10px;
	}
#copyright {
	clear: both;
	padding: 50px 0 0 0;
	}
#copyright p {
	font-size: 12px;
	text-align: center;
	}
#flinks li, #flinks li a, #fmenu a {
	color: #70C5DA;
	}
#footer .outer {
	background-image: url(../img/footer-outer-background.png);
	background-repeat: no-repeat;
	}


/* Floats */
.floatleft {
	float: left;
	}
.floatright {
	float: right;
	}
.clearfloat {
	clear: both;
	}
	

/* Temp */
.comment {
	padding: 5px 5px 5px 5px;
	margin: 20px 0 20px 0;
	background-color: #FFFF00;
	}