@media screen {
body {
	font-family: Arial, sans-serif;
	font-size: 0.76em;
	line-height:1.5em;
	color : #000;
	background: #00366f url("../images/bg.gif") top center repeat-x;
	margin:0;padding:0;
	text-align:center;
  }

a {text-decoration: underline; border: none; color : #00aff0;font-weight:bold}
a:hover {color : #004b9b; cursor:pointer; text-decoration: none}
a img {border-style: none}

.clr{clear: both; height: 1px; overflow: hidden; margin-top:-1px;}
.uppercase{text-transform:uppercase;}

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

p{padding:.5em 0;margin:0;}
/*h2{margin:1.5em 0 0 0; padding:0; color:#004b9b;font-size:1.6em}*/
h3{color: #004b9b; font-size: 1.2em; margin: 1em 0 .5em 0}
h4{color: #004b9b; font-size: 1em; margin:0;padding:.5em 0 .2em}
h5{color: #004b9b; font-size: 1em; margin:0;padding:.5em 0 .2em}

#body-bg {
  background: url("../images/bg-top.gif") top center no-repeat;
  }
#container{
	width:785px;
	margin:0 auto;
	text-align:left;
}

/* HEADER */
#header{
  background: url("../images/bg-header.gif") top center no-repeat;
}
#headerContent{
	width:785px;
	height:117px;
	position:relative;
	margin:0 auto;
	text-align:left;
}
h1{
	padding:29px 0 0 40px;
	margin:0;
}
#header p{
	position:absolute;
	right:30px;
	top:49px;
}
#header p a{
	color:#FFF;
}

/* MENU */
#menuHolder{
	background: url("../images/bg-menu.gif") center top no-repeat;

}
#menu{
	width:785px;
	height:59px;
	margin:0 auto;
}
.menu-cs{background: url("../images/menu-bg.gif") bottom left no-repeat;}
.menu-en{background: url("../images/menu-en-bg.gif") bottom left no-repeat;}
#menu ul{
	list-style:none;
}
#menu li{
	display:inline;
}
#menu li a{
	display:block;
	color:#FFF;
	text-decoration:none;
	float:left;
 	height:59px;
	text-align:center;
	font-weight:bold;
}
#menu li a span{
	display:block;
	margin-top:30px;
}
/* CS MENU */	
.menu-cs li.uvod a, .menu-cs li.uvod-active a{
	width:106px;
}
.menu-cs li.uvod a:hover{
	background: url("../images/menu/uvod-hover.gif") top left no-repeat;
}
.menu-cs li.uvod-active a{
	background: url("../images/menu/uvod.gif") top left no-repeat;
}
.menu-cs li.o-spolecnosti a, .menu-cs li.o-spolecnosti-active a{
	width:150px;
	margin-left:1px;
}
.menu-cs li.o-spolecnosti a:hover{
	background: url("../images/menu/o-spolecnosti-hover.gif") top left no-repeat;
}
.menu-cs li.o-spolecnosti-active a{
	background: url("../images/menu/o-spolecnosti.gif") top left no-repeat;
}
.menu-cs li.pripadove-studie a, .menu-cs li.pripadove-studie-active a{
	width:165px;
	margin-left:1px;
}
.menu-cs li.pripadove-studie a:hover{
	background: url("../images/menu/pripadove-studie-hover.gif") top left no-repeat;
}
.menu-cs li.pripadove-studie-active a{
	background: url("../images/menu/pripadove-studie.gif") top left no-repeat;
}	
.menu-cs li.materialy a, .menu-cs li.materialy-active a{
	width:118px;
	margin-left:1px;
}
.menu-cs li.materialy a:hover{
	background: url("../images/menu/materialy-hover.gif") top left no-repeat;
}
.menu-cs li.materialy-active a{
	background: url("../images/menu/materialy.gif") top left no-repeat;
}	
.menu-cs li.reference a, .menu-cs li.reference-active a{
	width:129px;
	margin-left:1px;
}
.menu-cs li.reference a:hover{
	background: url("../images/menu/reference-hover.gif") top left no-repeat;
}
.menu-cs li.reference-active a{
	background: url("../images/menu/reference.gif") top left no-repeat;
}	
.menu-cs li.kontakt a, .menu-cs li.kontakt-active a{
	width:112px;
	margin-left:1px;
}
.menu-cs li.kontakt a:hover{
	background: url("../images/menu/kontakt-hover.gif") top left no-repeat;
}
.menu-cs li.kontakt-active a{
	background: url("../images/menu/kontakt.gif") top left no-repeat;
}

/* EN MENU*/
.menu-en li.uvod a, .menu-en li.uvod-active a{
	width:117px;
}
.menu-en li.uvod a:hover{
	background: url("../images/menu-en/uvod-hover.gif") top left no-repeat;
}
.menu-en li.uvod-active a{
	background: url("../images/menu-en/uvod.gif") top left no-repeat;
}
.menu-en li.o-spolecnosti a, .menu-en li.o-spolecnosti-active a{
	width:177px;
	margin-left:1px;
}
.menu-en li.o-spolecnosti a:hover{
	background: url("../images/menu-en/o-spolecnosti-hover.gif") top left no-repeat;
}
.menu-en li.o-spolecnosti-active a{
	background: url("../images/menu-en/o-spolecnosti.gif") top left no-repeat;
}
.menu-en li.materialy a, .menu-en li.materialy-active a{
	width:174px;
	margin-left:1px;
}
.menu-en li.materialy a:hover{
	background: url("../images/menu-en/materialy-hover.gif") top left no-repeat;
}
.menu-en li.materialy-active a{
	background: url("../images/menu-en/materialy.gif") top left no-repeat;
}	
.menu-en li.reference a, .menu-en li.reference-active a{
	width:181px;
	margin-left:1px;
}
.menu-en li.reference a:hover{
	background: url("../images/menu-en/reference-hover.gif") top left no-repeat;
}
.menu-en li.reference-active a{
	background: url("../images/menu-en/reference.gif") top left no-repeat;
}	
.menu-en li.kontakt a, .menu-en li.kontakt-active a{
	width:132px;
	margin-left:1px;
}
.menu-en li.kontakt a:hover{
	background: url("../images/menu-en/kontakt-hover.gif") top left no-repeat;
}
.menu-en li.kontakt-active a{
	background: url("../images/menu-en/kontakt.gif") top left no-repeat;
}		
	
/* CONTENT */
#contentBg{
	background: #FFF url("../images/bg-content.gif") left top repeat-x;
}
#contentSubBg{
	background: url("../images/bg-subcontent.gif") center 22px no-repeat;
}
#contentHolder{
	width:785px;
	margin:0 auto;
	background:#FFF;
}
#content{
	margin:0 40px;
	padding: 1.5em 0 3em;
	text-align:left;
}
#leftCol{
	width:410px;
	float:left;
}
#rightCol{
	width:246px;
	float:right;
}
#rightColStudie{
	width:268px;
	float:right;
}
.leftHalfCol{
	width:340px;
	float:left;
}
.rightHalfCol{
	width:340px;
	float:right;
}	
#content ul{
	list-style:none;
}	
#content li{
	background: url("../images/cube-blue.gif") left .8em no-repeat;
	padding:.2em 0 .2em 10px;
	margin-left:10px;
}	
p.drobky{
	font-size:.9em;
	padding:0;
	margin:.2em 0 1.8em;
}	
p.drobky em{
	font-weight:bold;
	font-style:normal;
}	
		
/* BOXES */	
.box{
	width:122px;
	height:122px;
	position:relative;
	background:#0c5098;
	float:left;
	margin-right:22px;
	margin-bottom: 20px;
}
.box a, .boxIn{
	display:block;	
	width:122px;
	background-color:#0c5098;
	padding-top:80px;
	color:#FFF;
	font-size:.9em;
	text-decoration:none;
	height:42px;
	overflow: hidden;
	font-weight:bold;
}
.box a:hover{
	background-color:#00b0f1;
	color: #fff;
}	
.box a:hover span{
	text-decoration:underline;
}
.box a span, .boxIn span {
	padding-left:7px;
	padding-right:7px;
	padding-top:5px;
	display:block;
	line-height:1.4em;
}	
.box a img, .boxIn img{
	position:absolute;
	top:0;left:0;
}
.fifth, .third, .second{
	margin-right:0 !important;
}

.boxlist{
	margin-bottom:2px;
	width:705px;
	background: url("../images/boxlist-bg.gif") top left no-repeat;
	height:144px;
	margin-top:20px;
}	
.boxlistSmall{
	margin-bottom:2px;
	width:410px;
	background: url("../images/boxlistSmall-bg.gif") top left repeat-y;
	margin-top:20px;
}	
.boxlistSmaller{
	margin-bottom:2px;
	width:268px;
	background: url("../images/boxlistSmaller-bg.gif") top left no-repeat;
	height:144px;
	margin-top:20px;
}
.certificate {
	padding-top: 20px;
}
	
	
/* MATERIALS */
img.thumb{
	border:6px solid #0c5098;
}
h5.download{
	background:#00b0f1;
	display:block;
	padding: .4em .4em .4em 10px;
	color:#FFF;
	margin-top:1em;
	
}
ul#downloads{
	background: #0c5098 url("../images/downloads-bg.gif") right bottom no-repeat;
	padding:.5em 0;
}	
ul#downloads li{
	padding:.8em 0 .8em 30px;
	margin-left:10px;
}
ul#downloads li a{
	color:#FFF;
}		
ul#downloads li a:hover{
	color:#00aff0;
}		
ul#downloads li.pdf{
	background: url("../images/icon-pdf.gif") left center no-repeat;
}	

	
/* REFERENCE */	
ul#reference{
	list-style:none;
	margin-top:17px;
}
#referenceMain{
	background: #e0edfb;
	border:1px solid #e9ecef;
	padding: 20px 20px 0;
	margin-top:2em;
}
#referenceSecond{
	padding: 20px;
}
.referenceBox{
	margin-bottom:2.5em;
}
#referenceMain .box,#referenceSecond .box{
	margin-right:0
}	
.referenceBox .content{
	width: 523px;
	float:right;
}	
	
	
/* FOOTER */
#absolutefooter{
	background: url("../images/bg-absolutefooter.gif") center top no-repeat;
	height:320px;
	position:relative;
}
#footerHolder{
	width:785px;
	background: url("../images/bg-footer.gif") top left no-repeat;
	height:80px;
	margin: 0 auto;
	position:absolute;
	top:-5px;
	left:50%;
	margin-left: -392px;
}
#footer{
	margin:0;
	position:relative;
	text-align:left;
}
#footer h5{
	margin:0;
	padding:0;
}
#footer img{
	position:absolute;
	top:28px;
	left:40px;
}
#footer p{
	font-size:.9em;
	color:#FFF;
	position:absolute;
	margin:0;
	padding:0;
}
#footer p a{
	font-weight:bold;
	color:#00aff0;
}
#footer p.credits{
	top: 23px;
	left:130px;
}
#footer p.refresh{
	top: 30px;
	right:40px;
	color:#7fa1c5;
}
#footer p.refresh a{
	color:#7fa1c5;
}


/* GALLERY NAVIGATION BAR */

.galImg, .middleImg {border: 3px solid silver; cursor: pointer; display: block; overflow: hidden;} 
a.middleImg { }

a.galImg {display: block; overflow: hidden; line-height: 0; }

.gallery-bar {
	font-weight: bold;
	width: auto;
	margin: auto;
	text-align: center;
}
.gallery-bar a {
	background-color: #00B0F1;
	color: #FFF;
	padding: 0.5em 1em;
	cursor: pointer;
}
.gallery-bar a:hover {
	color: #FFF;
	text-decoration:none;
}
.gallery-controls {
	left: 0px;
	position: absolute;
	bottom: 15px;
	width: 100%;
	margin: auto;
	text-align:center;
}

.gallery-left {
	width: 100px;
	padding: 0.5em 1em;
}
.gallery-right {
	width: 100px;
	margin-left: 10px;
	padding: 0.5em 1em;
}
.gallery-close {
	position: absolute;
	top: 10px;
	right: 10px;
}
a.gallery-close{
	background-color: #00B0F1 !important;
}

.certificate{
	margin-bottom: 40px;

}	
	
}

@media print{
	body {font-family: Arial, sans-serif;font-size: 0.73em;}

	p{padding:.5em 0 1em;line-height:1.6em;margin:0;}

	a img,img {border:0}
	a{text-decoration:none;color:#006600;}
}