@charset "utf-8";
*{margin:0px; padding:0px;}
a {outline: none;}
img {border:0;}
ul,li{list-style-type: none;}
h1, h2, h3, h4 {font-weight:normal}
img, div, a { behavior: url(iepngfix.htc) }
body { 
   background:#BCBDBD url(../../img/bg.gif) repeat-x;
   }
.container {
	width: 927px;
	margin: auto;
	}
.container .header {
	width: 927px;
	margin-top: 2px;
	height: 75px;
	}
.container .header img {
	float: left;
	margin-right: 483px;
	}	
.container .header input.search {
	background: url(../../img/search_bg.gif) ;
	width: 133px;
	height: 18px;
	float: left;
	border: 0;
	margin-top: 47px;
	font: 9px tahoma;
	color: #878686;
	padding: 6px 5px 0px 5px;
	}
.container .header input.btn {
	background: url(../../img/search_btn_bg.gif) ;
	width: 33px;
	height: 24px;
	float: left;
	border: 0;
	margin-top: 47px;
	cursor: pointer;
	}
.container .wraper {
	width: 927px;
	background:url(../../img/wraper_bg.jpg) repeat-y;
	overflow: hidden;
	}	
.container .wraper .nav {
	width: 927px;
	background:url(../../img/nav_bg.jpg) no-repeat;
	overflow: hidden;
	}
.container .wraper .nav ul {
	background: url(../../img/nav_ul_bg.gif) repeat-x left bottom;
	width: 879px;
	margin:0px 20px 0px 23px;
	height: 65px;
	}
.container .wraper .nav ul li {
	display: inline;
	height: 40px;
	float: left;
	text-align: center;
	padding:12px 0px 0px 0px
	}
.container .wraper .nav ul li.separator {
	background: url(../../img/nav_sep.gif) no-repeat 0px 27px;
	width: 1px;
	margin-right: 5px;
	}		
.container .wraper .nav ul li a {
	font: bold 13px tahoma;
	color: #B9B8B9;
	display: block;
	text-decoration: none;
	padding:15px 3px 0px 0px;
	width: 117px;
	height: 35px;
	}
.container .wraper .nav ul li a:hover {
    background: url(../../img/nav_hoverh.jpg) no-repeat;
	color: #FFF;
	}
.container .wraper .nav ul li a.active {
    background: url(../../img/nav_hover.jpg) no-repeat;
	color: #FFF;
	}	
.container .content_wrap {
   padding-left: 23px;
  }
.container .content_header {
   width: 880px;
   height: 11px;
   float: left;
   background: url(../../img/img_bg.gif) repeat-x;
  }	  	
.container .content_wrap .img_placeholder {
   background: url(../../img/img_bg.gif) repeat-x;
   width: 880px;
   height: 344px;
   margin: 0px 0px 0px 0px;
   position: relative;
   float: left;
  }	
.container .content_wrap .img_placeholder img.one {
  position: absolute;
  left: 0px;
  top: 12px;
  z-index: 2;
  }	
.container .content_wrap .img_placeholder img.two {
  position: absolute;
  left: 0px;
  top: 12px;
  z-index: 1;
  } 
.container .content_wrap .img_placeholder .info_phone {
  position: absolute;
  right: 0px;
  top: 12px;
  }
.container  .content_wrap .img_placeholder .hok_online {
  position: absolute;
  right: 0px;
  top: 205px;
  }
.container  .content_wrap .img_placeholder .hok_bureau {
  position: absolute;
  right: 0px;
  top: 269px;
  } 
.container .content_wrap .content {
   background: url(../../img/content_bg_new.gif) repeat-y 0px 0px ; 
   width: 880px;
   margin: 1px 0px 2px 0px;
   float: left;
  }
.container .content_wrap .content .content_left {
  float: left;
  width: 301px;
  padding: 0px 10px 10px 0px;
   }    
.container .content_wrap .content h2 {
   background:  url(../../img/h2_left_bg.jpg) no-repeat;
   height: 31px;
   padding: 0px 0px 0px  8px;
   margin-bottom: 15px;
  }
.container .content_wrap .content h2 span {
   background:  url(../../img/h2_right_bg.jpg) no-repeat right top;
   height: 23px;
   padding: 8px 12px 0px 4px;
   font:bold 11px tahoma;
   color: #fff;
   float: left;
   }
.container .content_wrap .content .content_left h3 a,
.container .content_wrap .content .content_right h3 a {
   font: bold 11px tahoma;
   margin:0px 0px 3px 0px;
   color: #525252;
   text-decoration: none;
   } 
.container .content_wrap .content .content_left a:hover,
.container .content_wrap .content .content_right a:hover {
   text-decoration: underline;
   }    
.container .content_wrap .content .content_left p,
.container .content_wrap .content .content_right p {
   font: 10px tahoma;
   margin:0px 0px 10px 0px;
   color: #747474;
   line-height: 15px;
    }
.container .content_wrap .content .content_right {
  float: left;
  width: 321px;
  padding: 0px 10px 10px 10px;
   }
.container .content_wrap .content .content_right .apart_box {
  float: left;
  }
.container .content_wrap .content .content_right .apart_box img{
  float: left;
  margin-right: 10px;
  }
.container .content_wrap .icon_box {
   background: url(../../img/nav_ul_bg.gif) repeat-x left top;
   width: 880px;
   float: left;
   padding: 5px 0px;
 }
.container .content_wrap .icon_box img {
  float: left;
 }
.container .footer {
  clear: both;
  background: url(../../img/footer_bg_png.png) no-repeat left top;
  width: 926px;
  margin-bottom: 10px;
  }
.container .footer ul li {
   display: inline;
   float: left;
   margin-top: 6px;
 }
.container .footer ul li.sep {
   background:#FFF;
   width:1px;
   height: 16px;
   margin-top: 10px;
   line-height: 0px;
   font: 0px arial;
 } 
.container .footer ul  {
   width: 547px;
   float: left;
 }
.container .footer ul li a {
   font: bold 11px tahoma;
   color: #fff;
   padding: 5px 20px 20px 20px;
   text-decoration: none;
   display: block;
 } 
.container .footer ul li a:hover {
   text-decoration: underline;
 } 
.container .footer span {
   font: 10px tahoma;
   color:#ddd;
   padding-top: 11px;
   float: left;
   } 
.container .footer a.powered {
   font: 10px tahoma;
   color:#ddd;
   text-decoration: none;
   padding: 11px 5px 0px 5px;
   float: left;
 }
 .container .footer .fbBtn { 
 float: right;
 margin-right: 3px;
 margin-top: -2px;
 }
 .container .footer .fbBtn span {
 text-transform: uppercase;
 color: #878787;
 font: bold 11px Tahoma;
 }
 .container .footer .fbBtn .fbIcon {
 display: block;
 width: 34px;
 height: 34px;
 background: transparent url(../../img/fbLogo.png) no-repeat left top;
 text-indent: -999em;
 float: left;
 margin-left: 5px;
 }
 .container .footer .fbBtn .fbIcon:hover { 
 background-position: left bottom; 
 }
/*clanak*/

.container .content_wrap .left_nav {
 float: left;
 width: 180px;
  }
.container .content_wrap .left_nav  ul {
 width: 170px;
 padding: 1px 0px 5px 0px;
 margin-bottom: 10px;
 font: 0px arail;
 line-height: normal;
  }	
.container .content_wrap .left_nav  ul li {
 border-left: 1px solid #E5E5E5;
 border-right: 1px solid #E5E5E5;
 width: 180px;
 font: 0px Arial;
 line-height: normal;
 border-bottom: 0px;
 }	
.container .content_wrap .left_nav  ul li.sep {
 border-bottom:1px solid #E5E5E5; 
 border-left: none;
 width: 180px;
 font: 0px arail;
 line-height: normal;
 height: 1px;
 }	    
.container .content_wrap .left_nav  ul li a {
 font:  11px tahoma;
 color: #000;
 text-decoration: none;
 padding: 8px 8px 8px 8px;
 display: block;
 line-height: 15px;
 width: 155px;
 }
.container .content_wrap .left_nav  ul li a:hover {
 color: #C91A21;
 } 
.container .content_wrap .left_nav  ul li.active {
 font-weight: bold;
 border-left: 1px solid #C91A21;
 padding-bottom: 5px;
}
.container .content_wrap .left_nav  ul li.active a {
 font-weight: bold;
 padding-bottom: 0px;
}		 	  	
.container .content_wrap .left_nav  ul.sub {
  margin-bottom: 0px;
  }
.container .content_wrap .left_nav  ul.sub li {
   border: none;
  } 
.container .content_wrap .left_nav  ul.sub li a {
 font:bold 10px tahoma;
 color: #747474;
 text-decoration: none;
 padding: 3px 0px 3px 10px;
 display: block;
 line-height: 15px;
 width: 155px;
 border: none;
  } 
.container .content_wrap .left_nav  ul.sub li a:hover,
 .container .content_wrap .left_nav  ul.sub li a.active {
 color: #D12A31;
 } 
 
.container .content_wrap .article_content {
  width: 480px;
  float: left;
  padding: 0px 0px 10px 3px;
 }
.container .content_wrap .article_content .article_box {
  float: left;
  }
.container .content_wrap .article_content .article_box .article_head {
  background: url(../../img/article_box_head.gif);
  width: 447px;
  height: 22px;
  padding: 10px 5px 0px 25px
  } 
.container .content_wrap .article_content .article_box .article_head h1 {
  font:bold 11px tahoma;
  color: #525151;
  float: left;
  }
  
  .container .content_wrap .article_content .article_box .article_head h2 {
-x-system-font:none;
color:#525151;
float:left;
font-family:tahoma;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
}
 
.container .content_wrap .article_content .article_box .article_head a {
  background: url(../../img/article_box_btn.gif) top left;
  width: 21px;
  height: 21px;
  float: right;
  margin:-5px 5px 0px 0px;
  }
.container .content_wrap .article_content .article_box .article_head a:hover,
.container .content_wrap .article_content .article_box .article_head a.active {
  background-position: bottom right;
  }        
.container .content_wrap .article_content .article_box .article_txt {
  width: 459px;
  border: 1px solid #EBEAEA;
  padding: 8px;
  }
 .container .content_wrap .article_content .article_box .article_txt a {
  font: 11px tahoma;
  color: #D12A31;
  text-decoration: none;
  }
  .container .content_wrap .article_content .article_box .article_txt a:hover {
 text-decoration: underline;
  }
.container .content_wrap .article_content .article_box .article_txt p {
  font: 11px tahoma;
  color: #747474;
  margin-bottom: 5px;
  line-height: 15px;
  } 
.container .content_wrap .article_content .article_box .article_txt h2 {
  font:bold 11px tahoma;
  color: #747474;
  margin-bottom: 5px;
  display: block;
  } 
.container .content_wrap .article_content a.print {
  background: url(../../img/print_icon.gif) top left;
  width: 16px;
  height: 15px;
  float: right;
  margin: 10px 15px 0px 0px;
  font: 0px arial;
  } 
.container .content_wrap .article_content a.print:hover {
  background-position: bottom right;
  } 
.container .content_wrap .article_right {
  float: left;
  width: 218px;
  padding: 2px 0px;
  }
.container .content_wrap .article_right a {
 margin-top: 2px;
 display: block;
  } 
.container .content_wrap .article_right .connected_articles {
  float: left;
  margin-top: 2px;
  } 
.container .content_wrap .article_right .connected_articles .connected_article_content {
 width: 198px;
 background:url(../../img/connected_articles_box.gif);
 padding:10px 10px 0px 10px;
 float:left;
  }
.container .content_wrap .article_right .connected_articles .connected_article_content h2 {
 font: bold 12px tahoma;
 color: #7B7B7B;
 margin-bottom:10px;
  } 
 .container .content_wrap .article_right .connected_articles .connected_article_content ul  {
 font:  0px tahoma;
 line-height: 0px;
  }  
.container .content_wrap .article_right .connected_articles .connected_article_content ul li a {
 font:  11px tahoma;
 color: #7B7B7B;
 text-decoration: none;
 display: block;
 background: url(../../img/connected_articles_li_icon.gif) no-repeat 0px 6px;
 padding: 3px 0px 0px 15px;
  } 
.container .content_wrap .article_right .connected_articles .connected_article_content ul li a:hover {
 text-decoration: underline;
  }     
.container .content_wrap .article_right .connected_articles .connected_articles_foot {
 width: 218px;
 background:  url(../../img/connected_articles_foot.gif) ;
 height: 11px;
 font: 0px arial;
 float:left;
  }  
  
   .container .content_wrap .article_content .article_box .search_head {
 margin-bottom: 10px;
  } 
.container .content_wrap .article_content .article_box .article_txt span {
  font: bold 10px tahoma;
  color: #525151;
  margin-right: 2px;
  }
.container .content_wrap .article_content .article_box .article_txt span.red {
  font: bold 10px tahoma;
  color: #ED1C24;
  }  
.container .content_wrap .article_content .article_box .article_txt p.search {
  margin:0px 0px 10px 10px;
  }    
.container .content_wrap .article_content .article_box .article_txt h3 a {
  font: bold 11px tahoma;
  text-decoration: underline;
  color: #525252;
  display: block;
  background: url(img/search_h3.gif) no-repeat 0px 6px;
  padding-left: 10px;
  } 
.container .content_wrap .article_content .article_box .article_txt h3 a:hover {
  color: #ED1C24;
 } 
 .container .content_wrap .article_content .article_box .article_txt .pagination  {
  float: right;
  }
.container .content_wrap .article_content .article_box .article_txt .pagination ul li  {
   display: inline; 
   margin-right: 1px;
  } 
 .container .content_wrap .article_content .article_box .article_txt .pagination ul li a {
  font: 9px tahoma;
  color: #525151;
  text-align: center;
  padding-top: 2px;
  float: left;
  text-decoration: none; 
  margin-right: 1px;
  } 
 .container .content_wrap .article_content .article_box .article_txt .pagination ul li a.numbers {
  background:  url(../../img/pag_numb_bg.gif);
  width: 15px;
  height: 13px;
 }
 .container .content_wrap .article_content .article_box .article_txt .pagination ul li a.big {
  background:  url(../../img/pag_big_bg.gif);
  width: 40px;
  height: 13px;
 }
.container .content_wrap .article_content .article_box .article_txt .pagination ul li a.left {
  background: url(../../img/pag_left.gif) no-repeat left top;
  width: 15px;
  height: 13px;
 }
.container .content_wrap .article_content .article_box .article_txt .pagination ul li a.right {
  background: url(../../img/pag_right.gif) no-repeat left top;
  width: 15px;
  height: 13px;
  }  
.container .content_wrap .article_content .article_box .article_txt .pagination ul li a.left:hover,
.container .content_wrap .article_content .article_box .article_txt .pagination ul li a.right:hover {
  background-position: bottom left;
  }           
 .container .content_wrap .article_content .article_box .article_txt .pagination ul li a:hover,
 .container .content_wrap .article_content .article_box .article_txt .pagination ul li a.active {
  color: #ED1C24;
  }
  
  .container .content_wrap .results {
  width: 660px;
  float: left;
  padding: 0px 0px 10px 0px;
 }
.container .content_wrap .article_content .article_box .results_head {
  width: 625px;
  }
.container .content_wrap .article_content .article_box .results_txt {
  width: 637px;
  }
  
  /*kontakt */ 
.container .content_wrap .article_content .article_box .article_txt_contact {
  border:1px solid #EBEAEA;
  overflow:hidden;
  padding:20px 8px 8px 36px;
  width: 431px; 
}
.container .content_wrap .article_txt_contact  .contact_wrap {  
  float: left;
  margin-bottom: 8px;
  width: 409px;
 }
.container .content_wrap .article_txt_contact  .contact_wrap  span {  
  font: 11px tahoma;
  color: #8F8F8F;
  float: left;
 } 
 .container .content_wrap .article_txt_contact  .contact_wrap  input.btn {  
  font: 10px tahoma;
  color: #fff;
  width: 65px;
  height: 18px;
  line-height: 13px;
  text-align: center;
  float: right;
  border: 0;
  padding:  0px 0px 2px 0px;
  cursor: pointer;
  background: #ED1C24;
  margin-right: 2px;
 } 
.container .content_wrap .article_txt_contact  label {  
  width: 190px;
  height: 17px;
  float: left;
  background: #A5A5A5;
  font: 11px tahoma;
  color: #fff; 
  margin-right: 9px;
  padding: 3px 0px 0px 10px;
 }
 .container .content_wrap .article_txt_contact  label.big {  
  width: 399px;
  margin-bottom: 8px;
  }
.container .content_wrap .article_txt_contact select { 
  width: 200px;
  height: 20px;
  float: left;
  background:   url(../../img/input_bg.gif) repeat-x;
  font: 11px tahoma;
  color: #666; 
  border: 1px solid #CCCACA;
 }
.container .content_wrap .article_txt_contact  input { 
  width: 188px;
  height: 15px;
  float: left;
  background:   url(../../img/input_bg.gif) repeat-x;
  font: 11px tahoma;
  color: #666; 
  border: 1px solid #CCCACA;
  padding: 3px 5px 0px 5px;
  }
.container .content_wrap .article_txt_contact  textarea { 
  width: 396px;
  height: 95px;
  float: left;
  background:   url(../../img/textarea_ng.gif) repeat-x;
  font: 11px tahoma;
  color: #666; 
  border: 1px solid #CCCACA;
  padding: 3px 5px 0px 5px;
  }   
.sitemap {
float:left;
padding:0 0 10px;
width:660px;
}
.sitemap .sitemap_list ul li a {
background: url(../../img/search_h3.gif) no-repeat scroll 0 6px;
color: #525252 !important;
display: block;
font: bold 11px tahoma;
text-decoration: underline;
margin: 8px 0px;
padding-left: 10px;
}
.sitemap .sitemap_list ul.sub li a {
background: none;
color: #525252 !important;
display: block;
font: bold 11px tahoma;
text-decoration: none;
margin: 5px 0px;
padding-left: 10px;
}
.sitemap .sitemap_list ul.sub_2 li a {
background: none;
color: #525252 !important;
display: block;
font:11px tahoma;
text-decoration: none;
margin: 2px 0px;
padding-left: 10px;
}
.sitemap .sitemap_list ul li a:hover {
color: #ED1C24 !important;
}  
.sitemap .head {
background: url(../../img/article_box_head.gif) repeat scroll 0 0;
height: 22px;
padding: 10px 5px 0 25px;
width: 624px;
}
.sitemap .head h2 {
color:#525151;
float:left;
font-family:tahoma;
font-size:11px;
line-height:normal;
}
/**** MAPS ****/
.mapsContainer {
float: left;
width: 694px;
margin: 5px 1px 20px 5px;
}
.mapsContainer .mapsShadow {
background: url(../../img/mapsShadowBg.gif) repeat-y left top;
padding: 5px 7px 4px 7px;
}
.mapsContainer .mapsShadowFooter {
background: url(../../img/mapsShadowFooter.gif) no-repeat left top;
height: 3px;
}
.mapsContainer .mapsNavigation {
background: url(../../img/mapsHeader.gif) no-repeat left top;
height: 35px;
position: relative;
font: 11px Tahoma;
color: #000;
padding: 0 2px;
}
.mapsContainer .mapsNavigation .select {
font: 11px Tahoma;
color: #000;
width: 150px;
height: 19px;
padding-left: 2px;
}
.mapsContainer .mapsShadow h2 {
font: bold 12px Tahoma;
color: #d12a31;
margin: 0 0 6px 0;
padding: 1px 0 4px 22px;
border-bottom: 1px solid #e5e5e5;
background: #fff url(../../img/mapsInfoLogo.gif) no-repeat left top;
}
.mapsContainer .mapsShadow .mapsAddress {
font: 11px Tahoma;
color: #000;
margin: 2px 0 12px 0;
}
.mapsContainer .mapsShadow dl {
font: 11px Tahoma;
color: #747474;
margin: 0px;
padding: 0px;
width: 217px;
}
.mapsContainer .mapsShadow dl dt {
display: block;
float: left;
width: 46px;
text-align: left;
padding: 4px 0;
}
.mapsContainer .mapsShadow dl dd {
display: block;
float: left;
width: 162px;
text-align: left;
padding: 4px 0;
color: #000;
}
.logoff {
    color: #000000;
    display: block;
    font: 11px/15px tahoma;
    padding: 8px;
    text-decoration: none;
    width: 164px;
    border-left: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    padding-bottom: 5px;
    margin-top: -14px;
}
.logoff:hover {
    color: #C91A21;
    border-left: 1px solid #C91A21;
}


.article_content.frame_content {
width: 610px !important;
background: #EFF0F4 !important;
float: left;
padding: 0 0 10px 3px;
}
.article_content.frame_content .article_box .article_head {
background: none !important;
padding: 10px 5px 0px 9px !important;
width: auto !important;
}
.article_content.frame_content .article_box .article_head a {
display: none !important;
}
.article_content.frame_content .article_box .article_head h2 {
font: bold 11px Arial,Helvetica,Sans-Serif;
}
.article_content.frame_content .article_box .article_txt_contact {
border: 1px solid #fff !important;
overflow: hidden;
padding: 20px 8px 8px 36px;
width: 431px;
}
.article_content.frame_content .article_txt_contact .contact_wrap input.btn {
background: #C21900 !important;
border: 0 none;
color: #FFFFFF;
cursor: pointer;
float: right;
font: 10px/13px tahoma;
height: 18px;
margin-right: 2px;
padding: 0 0 2px;
text-align: center;
width: 65px;
}
.article_content.frame_content .article_txt_contact .contact_wrap input.btn.logout
{
    float:left;
} 
.article_content.frame_content .article_txt_contact label {
background: none repeat scroll 0 0 #A5A5A5;
color: #FFFFFF;
float: left;
font: 11px tahoma;
height: 17px;
margin-right: 9px;
padding: 3px 0 0 10px;
width: 190px;
}
.article_content.frame_content .article_txt_contact input {
background: #fff;
border: 1px solid #CCCACA;
color: #666666;
float: left;
font: 11px tahoma;
height: 15px;
padding: 3px 5px 0;
width: 188px;
}
.article_content.frame_content .article_txt_contact .contact_wrap {
float: left;
margin-bottom: 8px;
width: 409px;
}
.article_content.frame_content .article_txt_contact select { 
width: 200px;
height: 20px;
float: left;
background: #fff;
font: 11px tahoma;
color: #666; 
border: 1px solid #CCCACA;
}
.article_content.frame_content .article_txt_contact textarea { 
width: 396px;
height: 95px;
float: left;
background: #fff;
font: 11px tahoma;
color: #666; 
border: 1px solid #CCCACA;
padding: 3px 5px 0px 5px;
}