/* CSS Document */
html {height:100%;}
body { 
    margin:0; 
    padding:0;
    height:100%;
    font-family:Arial, sans-serif;
    background:#000103 url("../images/bg.jpg") repeat-x left top;
}

.aright {text-align:right;}
.acenter { text-align:center;}
.clear {clear:both;line-height:0;}


#page {
  position:relative;
  width:100%;
  min-height:809px;
  background:url("../images/page-bg.jpg") no-repeat center top;
}
#head {
  position:relative;
  margin:auto;
  width:1002px;
  height:245px;
}
#helma {position:absolute;}
#head.v1 div#helma {
  top:18px;
  right:39px;
  width:235px;
  height:226px;
  background:url("../images/helma-v1.jpg") no-repeat left top;
}
#head.v2 div#helma {
  top:18px;
  left:24px;
  width:238px;
  height:226px;
  background:url("../images/helma-v2.jpg") no-repeat left top;
}
#himg {position:absolute;}
#head.v1 div#himg {
  top:94px;
  left:21px;
  width:439px;
  height:93px;
  background:url("../images/himg-v1.jpg") no-repeat left top;
}

#head.v2 div#himg {
  top:104px;
  right:56px;
  width:419px;
  height:83px;
  background:url("../images/himg-v2.jpg") no-repeat left top;
}
#menu {
    margin:auto;
    padding:0;
    width:1002px;
    height:102px;
}
#cnt {
  margin:auto;
  padding:0;
  width:1002px;
}
.boxes3 {
  background:url("../images/boxes3.gif") repeat-y left top;
}
.boxes2 {
  background:url("../images/boxes2.gif") repeat-y left top;
}
.box1 {
  float:left;
  padding:0 31px;
  width:264px;
}
.box2 {
  float:left;
  padding:0 31px;
  width:598px;
}
#foot {
  position:relative;
  margin:30px auto 0 auto;
  padding:0;
  width:1002px;
  height:80px;
  border:solid #1a1e25;
  border-width:1px 0 0 0;
}

/*LOGO*/
#logo {
    position:absolute;
    display:block;
    margin:0; 
    padding:0;
    overflow:hidden;
    z-index:8;
}
#logo span {
    display:block;
    position:absolute; 
    margin:0; 
    padding:0;
    left:0; 
    top:0; 
    z-index:0;
    cursor:pointer;
}
#head.v1 h1#logo {
    right:264px;
    top:104px;
    width:276px; 
    height:75px;
}
#head.v1 h1#logo span {
    width:278px; 
    height:77px;
    background:url("../images/logo-v1.jpg") no-repeat left top;
}
#head.v2 h1#logo {
    left:230px;
    top:105px;
    width:276px; 
    height:75px;
}
#head.v2 h1#logo span {
    width:276px; 
    height:75px;
    background:url("../images/logo-v2.jpg") no-repeat left top;
}

/*MENU*/
#menu ul {
  margin:0 0 0 65px;
  padding:0;
  height:46px;
}
#menu ul li {
  position:relative;
  margin:0;
  padding:0;
  display:block;
  float:left;
  list-style:none;
}
#menu ul li a {
  display:block;
	position:relative;
  height:46px;
  line-height:46px;
  color:#fff;
	overflow:hidden;
	text-align:center;
  background-color:#be3601;
}
#menu ul li a:hover {color:#fff;background-color:#662209;}
#menu ul li a span {
	display:block;
	position:absolute; 
	left:0; 
  top:0; 
	margin:0; 
	padding:0;
  height:46px;
	z-index:0;
	cursor:pointer; 
}
#mainmenu li a:hover span {}

#m1 a {width:82px;}
#m1 a span {width:82px;background:url("../images/menu/m1.jpg") no-repeat left top;}
#m1 a:hover span, #m1 a.selected span {background-position:-82px top;}

#m2 a {width:85px;}
#m2 a span {width:85px;background:url("../images/menu/m2.jpg") no-repeat left top;}
#m2 a:hover span, #m2 a.selected span {background-position:-85px top;}

#m3 a {width:90px;}
#m3 a span {width:90px;background:url("../images/menu/m3.jpg") no-repeat left top;}
#m3 a:hover span, #m3 a.selected span {background-position:-90px top;}

#m4 a {width:98px;}
#m4 a span {width:98px;background:url("../images/menu/m4.jpg") no-repeat left top;}
#m4 a:hover span, #m4 a.selected span {background-position:-98px top;}

#m5 a {width:75px;}
#m5 a span {width:75px;background:url("../images/menu/m5.jpg") no-repeat left top;}
#m5 a:hover span, #m5 a.selected span {background-position:-75px top;}

#m6 a {width:94px;}
#m6 a span {width:94px;background:url("../images/menu/m6.jpg") no-repeat left top;}
#m6 a:hover span, #m6 a.selected span {background-position:-94px top;}

#m7 a {width:113px;}
#m7 a span {width:113px;background:url("../images/menu/m7.jpg") no-repeat left top;}
#m7 a:hover span, #m7 a.selected span {background-position:-113px top;}

#m8 a {width:127px;}
#m8 a span {width:127px;background:url("../images/menu/m8.jpg") no-repeat left top;}
#m8 a:hover span, #m8 a.selected span {background-position:-127px top;}

#m9 a {width:87px;}
#m9 a span {width:87px;background:url("../images/menu/m9.jpg") no-repeat left top;}
#m9 a:hover span, #m9 a.selected span {background-position:-87px top;}

/*content*/
#cnt h2 {
  margin:0;
  padding:0 0 0 45px;
  height:35px;
  color:#fff;
  font-weight:normal;
  font-size:1.2em;
}
.iconchat {background:url("../images/icon-chat.gif") no-repeat left top;}
.iconfoto {background:url("../images/icon-foto.gif") no-repeat left top;}
.iconhelma {background:url("../images/icon-helma.gif") no-repeat left top;}
.iconpeople {background:url("../images/icon-people.gif") no-repeat left top;}
#cnt h3 {
  margin:0 0 15px 0;
  padding:0;
  color:#F17240;
  font-weight:normal;
  font-size:0.85em;
  font-weight:bold;
}
#cnt p {
  margin:10px 0 20px 0;
  padding:0;
  color:#fff;
  line-height:1.5em;
  font-size:0.7em;
}
#cnt p a {color:#ec4300;text-decoration:none;}
#cnt p a:hover {text-decoration:underline;}
#cnt p a img {
  padding:1px;
  border:1px solid #ec4300;
}

#cnt img.okraj {
  padding:1px;
  border:1px solid #2d3f5c;
}
#cnt ul {
  margin:5px 8px;
  padding:0;
}
#cnt ul li {
  margin:0;
  padding:0;
  list-style:none;
  color:#fff;
  font-size:0.7em;
  line-height:20px;
}
#cnt ul li a {color:#ec4300;text-decoration:none;}
#cnt ul li a:hover {text-decoration:underline;}
#cnt table td{
  color:#fff;
  line-height:1.5em;
  font-size:0.7em;
  width:250px;
  vertical-align:top;
}
#cnt table td a {color:#ec4300;text-decoration:none;}
#cnt table th{
  color:#fff;
  font-weight:bold;
  line-height:1.5em;
  font-size:0.7em;
  vertical-align:top;
  text-align:left;
}
.news {
  margin:10px 0 20px 0;
}
.title {
  padding:0 5px;
  height:21px;
  line-height:21px;
  font-size:0.7em;
  color:#fff;
  font-weight:bold;
  background:url("../images/title-bg.png") no-repeat left top;  
}
.news span {
  color:#ec4300;
}
.news span.date {
  color:#afaeae;
}
.news p {
  margin:0 0 20px 0 !important;
  padding:0 5px !important;
}
.arrow {
  display:block;
  padding:0 25px 0 0;
  height:15px;
  line-height:15px;
  background:url("../images/arrow.gif") no-repeat right top; 
}

.gallery {
  margin:10px 0 20px 0;
}
.gallery a {
  float:left;
  margin:0 10px 10px 5px;
}
.gallery a img {
  padding:1px;
  border:1px solid #2d3f5c;
}
.gallery p a.arrow {
  float:none;
}

/*foot*/
#foot p {
  font-size:0.7em;
}
#fautor {
  position:absolute;
  top:23px;
  right:24px;
  color:#717171;
}
#fautor a {
  color:#ec4300;
  text-decoration:none;
}
#fautor a:hover {text-decoration:underline;}
#ftext {
  position:absolute;
  left:12px;
  top:12px;
  color:#fff;
}
#ftext span {color:#ec4300;}

.vpravo {
  float:right;
  margin-left:20px;
}

img.no {
  border:0;
}