*{font-family: Arial;margin: 0; padding: 0;}
body{
background: #000;
background-image: url('bg.jpg');
background-repeat: repeat-x;
}
.clear{clear: both;}
.pos{display: none !important;}
.hidden{display: none;}
ul{list-style: inside circle;margin-bottom: 10px;}
a{color: #fff;margin: 0; padding: 0;}
a:active{color:#fff;}
a:visited{color:#fff;}

h1{margin-top: 10px; margin-bottom: 10px; font-size: 19pt;}
#template-homepage h1{
margin-top:40px;
}
h2{
margin-left:13px;
margin-right:13px;
margin-bottom: 10px; 
font-size: 17px; 
color: #d6d6d6;
font-family:tahoma;
font-weight: normal;
}
h3{margin-bottom: 10px; font-size: 11pt;}
h4{margin-bottom: 10px;}
thead{text-align: left;}
td{padding-left: 15px;padding-right: 15px;}
th{padding-left: 15px;padding-right: 15px;}
#content{color: #fff;}

p{
margin-left:13px;
margin-right:13px;
margin-bottom: 20px;
border-top:1px solid #3f3e3e;
border-bottom:1px solid #3f3e3e;
background-color: #353434;
padding:10px;
font-size:13px;
}

#page{
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  
}

#work .boxLeft{
width:470px;
float:left;
background-color: #323131;
border-top:1px dotted #3f3e3e;
border-bottom:1px dotted #3f3e3e;
margin-left:13px;
margin-bottom:20px;
}

#work .boxRight{
width:470px;
float: right;
background-color: #323131;
border-top:1px dotted #3f3e3e;
border-bottom:1px dotted #3f3e3e;
margin-right:13px;
margin-bottom:20px;
}

#work .boxLeft p, #work .boxRight p{
border:0px;
background:none;
margin:0px;
}

#work .boxLeft h2, #work .boxRight h2{
margin-left: 0px;
margin-bottom:0px;
}

.boxLeft h2 a, .boxRight h2 a{
width:455px;
height:40px;
line-height: 40px;
background-color: #353434;
display: block;
border-bottom:1px dotted #3f3e3e;
border-right:5px solid #622727;
padding-left:10px;
text-decoration: none;
font-size: 17px;
text-transform: uppercase;
font-weight: bold;
}

.boxLeft h2 a:hover, .boxRight h2 a:hover{
text-decoration: underline;
}


#mainmenu ul{
  position: absolute;
   width: 1000px;

}
#area{
background-color: #2e2d2d;
padding-bottom: 30px;
}
#header{


}
#headermenu{
  width: 1000px;
  height: 36px;
  margin: 0;
  padding: 0;
}
#headermenu ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  width:1000px;
}
#headermenu ul li{
margin: 0;
padding: 0;
display: inline-block;
font-size: 12px;
font-weight: bold;
}

#headermenu ul li.ccs-0{
float:left;
}

#headermenu ul li.ccs-1{
float:right;
}

#headermenu ul li.ccs-0 a{
display: block;
float:left;
background: url('headermenu-left.jpg') top left no-repeat;
width: 282px;
padding-left:20px;
height: 36px;  
font-size: 14px; 
text-align: left;
line-height: 36px;
text-decoration: none;
}
#menuFaker {
height:48px;
}
#headermenu ul li.ccs-0 a:hover{
background: url('headermenu-left-hover.jpg') top left no-repeat;
}

#headermenu ul li.ccs-1 a{
display: block;
float:right;
background: url('headermenu-right.jpg') top left no-repeat;
width: 282px;
height: 36px;  
font-size: 14px; 
text-align: right;
line-height: 36px;
text-decoration: none;
padding-right:20px;
}

#headermenu ul li.ccs-1 a:hover{
background: url('headermenu-right-hover.jpg') top left no-repeat;
}

#headermenu ul li.active{

}

#headermenu span.pos{
display: none;
padding:0;}

/*HLAVNI MENU*/
#mainmenu a{
color: #878787;
font-size: 12px;
text-decoration: none;
}

#mainmenu{
width:1000px;
height:48px;
background-image: url('menu-bg.jpg');
}

#mainmenu ul li{
display: block; 
float: left; 
}



#mainmenu ul li:hover a{
color: #f2dada;
}

#mainmenu ul li a{
margin-top:7px;
display: inline-block;
height: 35px;
line-height: 35px;
text-align: center;
border-right:1px solid #474747;
text-transform: uppercase;
padding-left:25px;
padding-right:25px;
text-align: left;
font-size: 14px;
}

#mainmenu ul li a:hover{
background: url(mainmenu-hover.png) repeat-x;
}

#mainmenu ul li a span{
display: block; 
color:white;
}

#mainmenu ul li a:hover span{

}

  /*POPUP MENU*/
#mainmenu ul li ul{
  display: none;
  width: 300px;
  text-align: left;
  background-color:white;
  color:black;
  /*position: relative;*/
  /*left: -58px;*/
}
#mainmenu ul li:hover ul,#mainmenu ul li.mnhover ul{
  /*display: inline;*/
  display: block;
}
#mainmenu ul li ul li{
  display: block;
  width: 300px;
  background: none!important;
  text-align: left;
  margin-bottom:0px;
  margin-top:0px;
}
#mainmenu ul ul a{
  width: 250px!important;
  height: 26px!important;
  line-height:26px;
  color:black;  
  font-size: 12px;
  text-decoration: none;
  font-weight: normal;
  text-align: left;
  text-transform: none;
  margin-top:3px;
  margin-bottom:3px;
}

#mainmenu ul li ul li a span{
display: block;      
color:black;
}

#mainmenu ul li ul li.ccs-0 a span{
display: block;
color:black;
}
#mainmenu ul li ul li a:hover{
color:black;
width:220px;
background-image: url('pop-hover.jpg');
}


#content{
margin: 0 8px 8px 8px;
}

#footer{
  color: #944d4d;
  font-size: 11px;
  width: 980px;
  height:133px;
  background-image: url('footer_bg.jpg');
  background-repeat: repeat-x;
  display: block;
  padding:10px;
}
#footer a{
  color: red;
  font-weight: bold;
  text-decoration: none;
}
#footer a:hover{
text-decoration: underline;
}

#copyright{
  display: block;
  float: left;
  color:white;
}
#geneslink{
  display: block;
  float: right;
  color:white;
}
.menu-106366{
  float: right!important;
  
}
.headerImgHid{
  display: none;
}
.headerImgShow{
  display: block;
  width: 1000px;
  height: 256px;
  background: url(header_image_main.jpg) top left no-repeat;
}
#headerImg2{
	display: block;
	width: 785px;
  	height: 256px;
  	float: left;
}

.headerImg2Cont.newHeader {
	background: url(header_image_security_1000x256.jpg) top left no-repeat;
}

.headerImg2Cont {
	background: url(headerimg.jpg) top left no-repeat;
	width: 1000px;	
}
.headerImg3Cont {
	width: 1000px;
	background: url(header_image_security.jpg) top left no-repeat;
}
#headerImg3 {
	display: block;
	width: 785px;
  	height: 256px;
  	float: left;
}

#work ul, li{
font-size: 12px;
margin-left:10px;
}

#work ul#hlavnimenu, ul#hlavnimenu li{
margin-left:0px;
}

#work span{
font-family: arial;
}

table{
font-size: 12px;
padding:3px;
}

table p{
background: none;
border:0px;
}

.onPageGaleriTitle h3 {
	margin-left: 14px;
}

.onPageGaleriImages ul, .headerGaleriImages ul {
	list-style: none;
}
.headerGaleriImages ul {
	width: 201px;
}

.onPageGaleriImages ul li {
	float: left;
	height: 200px;
	margin-left: 37px;
}

.onPageGaleriTitle {
	margin-bottom: 18px;
}

.onPageGaleriImages .imagepopis {
 	display: block;
    width: 195px;
}
.headerGallery {
	float: right;
	margin-right: 14px;
	height: 217px;	
	width: 196px;
	margin-bottom: 16px;
    margin-top: 21px;
    background: none repeat scroll 0 0 #282626;
    border: 2px solid #353535;
}
hr.cleaner {
	clear: both;
}
.headerGaleriImages {
	height: 142px !important;
	margin-bottom: 10px;
	margin-top: 10px;	
}
.headerGaleriImages img {
	border: medium none;
}
.headerGaleriImages li {
	margin-left: 3px;
}
.sliderNext, .sliderPrev {
	margin-left: 87px;
	 width: 30px;
	 cursor: pointer;
}
.sliderNext span, .sliderPrev span {
	visibility: hidden;
}
.sliderNext {
	background: url(arrow_bottom.gif) no-repeat;
}
.sliderPrev {
	background: url(arrow_top.gif) no-repeat;
	margin-top: 7px;
}
