html
{
  padding:0;
  margin:0;
  min-height: 100%;
}


body    
{ 
  margin: 0; 
  padding: 0; 
  font: 75%/1.2 tahoma, arial; 
  position: relative;
  background-color: #000;
  text-align: center;
  color:#fff;
}
  
h1, h2
{
  font-size: 2em;
  margin: 0 0 10px 0;
  text-align: left;
  font-weight: normal;
}

h2
{
  font-size: 1.5em;
  margin: 30px 0 10px 0;
}


img
{
  border: none;
}

a{text-decoration: none;color:#fff; }

#page
{
  width: 925px;  
  margin: 0 auto;
  overflow: hidden;
  position: relative;
      
}
  
#header{
  width:925px;
  height: 457px;
  background: url(../img/header.jpg) top left no-repeat;  
}

#center{
  position: relative;
  text-align: justify;
  padding:0 31px 0px 24px; 
  background:#fff url(../img/bg.jpg) top left repeat-x;  
}
#content{
  background:#378eee; 
  padding:35px 15px 20px 15px;
  font-size: 11px;   
}
#divider{
  background: url(../img/divider.jpg) top left no-repeat;
  height:168px;
  font-size: 11px; 
  padding:40px 0 0 0;      
}


#footer{
  background-color: #fff;
  padding:0 31px 0px 24px;      
}
#heel{
  text-align: left;
  height:211px;
  background: url(../img/footer.jpg) top left no-repeat;
  padding:26px 0 0 390px;
  color:#000;
}
#heel a{
  color:#000;
}
.poj{
  background: url(../img/pojistovna.jpg) bottom left no-repeat;
  width:846px;
  text-align: center;
  height:115px;
  padding:0 20px;
  margin:20px 0;
  font-size: 13px;  
}
.poj a{
  float:left;
}
.poj img{
  margin:15px 25px 0 15px;
}





.line{
  border-left:1px solid #fff;
  padding:0 0 0 15px;
}
.line_height{
  line-height:79px;
}
.line_height2{
  line-height:35px;
}
.float_left{
  float:left;
}
.float_right{
  float:right;
}
.margin_top{
  margin-top:25px;
}
.margin_right{
  margin-right:20px;
}
.margin_right2{
  margin-right:10px;
}
.margin_left{
  margin-left:30px;
}
.margin_bottom{
  margin-bottom:20px;
}
.clear_both{
  clear:both;
}
.bigger{
  font-size: 1.3em;
}
.black{
  color:#000;
}
.white{
  color:#fff;
}
.blue{
  background-color:#3887de;
  width:435px;
  padding:0 15px;
}
.blue_top{
  background: url(../img/top.jpg) top left no-repeat;
  height:8px;
  width:465px;
}
.blue_bottom{
  background: url(../img/bottom.jpg) top left no-repeat;
  height:8px;
  width:465px;
}


#menu
{
  position: absolute;
  top:430px;
  left:293px;
  height:27px;
  line-height:27px;
  padding: 0;
  margin:0;
  list-style: none;
}


#menu li
{
  padding: 0;
  list-style-type: none;
  float:left;
  margin:0 1px 0 0;
}
#menu li.m1{width:110px;}
#menu li.m2{width: 129px;}
#menu li.m3{width:118px;}
#menu li.m4{width:121px;} 
#menu li.m5{width:119px;} 

#menu li a
{
  padding: 0px 0px;
  margin: 0;
  display: block;
  line-height: 27px;
  color:#fff;
  text-decoration: none;
  overflow: hidden;
  text-align: center;
  font-size: 11px;
}

#menu li a:hover, #menu li a.active
{
  background: url(../img/menu.jpg) top left repeat-x; 
  font-weight: bold;  
}
