/* Hilbert CSS Default */

body {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  color: #666666;
  background: url("../images/bg_bg.jpg") no-repeat center top;
}

/************* FRAMEHOLDER ***************/

div#frameholder {
  width: 908px;
  margin: 0 auto;
}

/************** TOP ********************/

a#logo {
  float: left;
}

div#vlajky {
  background: url("../images/bg_vlajky.gif") no-repeat;
  float: left;
  padding: 20px 0 0 0;
  width: 235px;
  height: 77px;
}

div#vlajky img {
  margin: 0 5px 0 0;
  border: 3px solid #d9d9d9;
  float: left;
}

div#vlajky a, div#top_right a {
  text-decoration: none;
  color: #999999;
  font-size: 11px;
}

div#vlajky a:hover, div#top_right a:hover {
	color: #222;
}

div#vlajky span {
  padding: 2px 10px 0 0;
  float: left;
  cursor: pointer;
}

div#top_right {
  background: url("../images/bg_top_right.jpg") no-repeat;
  float: left;
  width: 320px;
  height: 77px;
  padding: 20px 0 0 20px;
}

div#top_right a.home {
  background: url("../images/ico_home.gif") no-repeat left center;
  padding: 0 10px 0 16px;
}

div#top_right a.contact {
  background: url("../images/ico_contact.gif") no-repeat left center;
  padding: 0 0 0 16px;
}


/*********************** HORMENU *****************/

div#hormenu {
  background: url("../images/bg_mainmenu.jpg") no-repeat;
  height: 39px;
  width: 908px;
}

div#hormenu ul li {
  float: left;
  list-style-type: none;
  padding: 0 20px;
  background: url("../images/bg_hormenu_li.gif") no-repeat left center;
}

div#hormenu ul li:first-child {
  background: none
}

div#hormenu ul li a {
  color: #ffffff;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 33px;
}

div#hormenu ul li a:hover {
	color: #d4dffa;	
}

/*************** LEFT *************/

div#left {
  background: #ffffff url("../images/bg_topimage_left.jpg") no-repeat left top;
  float: left;
  padding: 0 0 0 26px;
  width: 243px;
}

div#neprehlednete div.top {
  background: url("../images/bg_top_neprehlednete.jpg") no-repeat;
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #ffffff;
  padding: 32px 0 0 19px;
  height: 23px;
}

div#neprehlednete div.item {
  padding: 10px 10px 15px 13px;
  font-size: 10px;
  color: #778d9c;
  line-height: 14px;
  border-bottom: 2px solid #0a1648;
}

div#neprehlednete div.item .orange {
  color: #f07912;
  font-size: 12px;
}

div#neprehlednete div.item .blue {
  color: #1761aa;
  font-size: 12px;
}

div#neprehlednete div.item img {
  border-style: solid;
  border-color: #d9d9d9;
  border: 2px solid;
  margin: 0 10px 0 0;
}

div#neprehlednete div.item a {
  text-decoration: none;
  color: #0a1648;
}

/*************** NEWS ***************/

div#news {
  background: #ededed;  
  margin: 0 0 1px 0;
  padding: 0 0 15px 0;
}

div#news .item {
  padding: 15px 10px 0 16px;
  line-height: 14px;
  color: #778d9c;
  font-size: 10px;
}

div#news strong {
  background: url("../images/bg_o.gif") no-repeat left center;
  color: #39729c;
  display: block;
  padding: 0 0 0 15px;
}

div#news p {
  padding: 0 0 0 15px;
}

div#news p a {
  color: #0a1648;
}

div#news p a:hover {
  text-decoration: none;
}

/************ CENTER ********************/

div#center {
  float: left;
  width: 639px;
  overflow: hidden;
}

div#content {
  width: 639px;
}

div#content div.text {
  padding: 0 20px 0 29px; 
}

div#content div.photo_gal {
	float: left;
	width: 25%
}

div#content div.photo_gal a {
	display: block;
	margin: 5px;
	text-align: center;
}

div#content div.photo_gal a img {
	border: 3px double #DADADA;
	filter:alpha(opacity=85);
  	-moz-opacity: 0.85;
  	opacity: 0.85;
  	_filter:alpha(opacity=100);
}

div#content div.photo_gal a img:hover {
	border: 3px double #AAAAAA;
	filter:alpha(opacity=100);
  	-moz-opacity: 1;
  	opacity: 1;	
}

div#content p {
  padding: 0 0 15px 0;
}

div#content h1 {
  background: url("../images/bg_h1.jpg") no-repeat left top;
  height: 61px;
  width: 609px;
  display: block;
  padding: 14px 0 0 47px;
  font-weight: bold;
  text-transform: uppercase;
}

div#content h1.nobg {
  background: none;
  padding-left: 29px;
  height: 23px;
  color: #0a1648;
}

div#content h2 {
  background: url(../images/bg_linka.gif) no-repeat 20px 17px;
  height: 61px;
  font-size: 14px;
  display: block;
  padding-left: 29px;
  margin: 0 10px 10px -29px;
  height: 23px;
  font-weight: bold;
  text-transform: uppercase;
  color: #0a1648;
}

div#contentmenu {
  padding: 0 0 45px 0;
}

div#contentmenu table tr td {
	border-bottom: 1px solid #aaa;
	padding: 5px;
}

div#contentmenu .item {
  float: left;
  padding: 0 20px 0 0;
  text-align: center;
}

div#contentmenu a {

}

div#contentmenu a.link {
  background: url(../images/bg_arrow.gif) no-repeat left center;
  color: #0a1648;
  font-weight: bold;
  font-size: 11px;
  text-align: center;
  text-decoration: none;
  padding: 0 0 0 15px;
  margin: 0 0 15px 0;
}

div#contentmenu a.link:hover {
  background: url(../images/bg_arrow_hover.gif) no-repeat left center;
}

div#contentmenu a img {
  border: 2px solid #dadada;  
  display: block;
  margin-bottom: 5px;
}

div#contentmenu a img:hover {
	border: 2px solid #bbb;
}

div#content div.linka {
    background: url("../images/bg_linka.gif") no-repeat 15px top; 
    height: 2px;
    width: 626px;
    padding-bottom: 8px;
}

div#content a.olink {
  background: url("../images/bg_o2.gif") no-repeat left 3px;
  padding: 0 0 0 15px;
  line-height: 20px;
}

div#content ul li {
	list-style-type: none;
}

div#content ul li a {
  background: url("../images/bg_o2.gif") no-repeat left 3px;
  padding: 0 0 0 15px;
  line-height: 20px;
}

/*************** FOOTER ************/

div#footer {
  background: url("../images/bg_hardlink.gif") repeat-x left 25px;
  font-size: 10px;
  color: #4d6880;
  padding: 50px 20px 20px 0;
  text-align: right;
}


/******************************/

div.viceinfo {
  text-align: right;
}

div.viceinfo a {
  background: url("../images/bg_arrow.gif") no-repeat left center;
  color: #0a1648;
  font-style: italic;
  font-size: 10px;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0 15px 0 15px;
}

div.viceinfo a:hover {
  background: url("../images/bg_arrow_hover.gif") no-repeat left center;
}


.WebCam img {margin-top: 2px;}