/* Created by B&M - Benes&Michl - www.benes-michl.cz */

body {
  font-family: tahoma, arial, sans-serif;
  font-size: 11px;
  color: #666666;
  margin: 0px; padding: 0px; 
  text-align: center;
  background-color: #FFF;
}

ul {  list-style-image: url('../images/bullet_arrow.gif');}
li { padding: 0px 0px 0px 0px;}

a{text-decoration: none; color:#F5811E;}
a:hover{text-decoration: underline;}
a img{border: none;}

h1{ color:#F5821E;  font-weight: normal; font-size: 24px; border-bottom: 1px solid #F5821E; margin: 0px; padding: 0px; text-transform: uppercase;}
h2{font-size: 14px;}
h3{font-size: 12px;}

/* ------------ LAYOUT ------------ */
#page{
  display: block;
  width: 900px;
  margin: auto;
  text-align: left;
}
#top{
  display: block;
  height: 110px;
  position: relative;
}
#shadow_left{
  position: absolute;
  left: -19px;
  top: 130px;
}
#shadow_right{
  position: absolute;
  right: -19px;
  top: 130px;
}  

#logo{
  position: absolute;
  top:35px;
  left:25px;
}
#main_menu{
  background: url('../images/bg_main_menu.gif') repeat-x left top;
  border:1px solid #DDDDDD;
  width: 675px;
  text-align: center;
  position: absolute;
  left:210px;
  top:69px;
}
#main_menu a{
  display: block;
  width: 135px;
  height: 30px;
  font-size: 14px;
  color: #656565;
  text-transform: uppercase;
  font-weight: bold;
  float: left;
  padding-top: 10px;
}
#main_menu a:hover, #main_menu a.active{text-decoration: none; color:#000000; background-color: #DDDDDD;}
#main_menu a .number{
  font-family: arial;
  font-weight: normal;
  color: #F5821F;
}
#search_line{
  display: block;
  height: 44px;
  background-color: #DDDDDD;
  color:#737373;
}
.search{
  position: relative;
  top:10px;
  left: 50px;
}
.search .input{
  height: 13px;
  border: 2px inset;
  color:#737373;
  font-size: 10px;
  width: 125px;
  position: relative;
  margin: 0px 5px 0px 5px;
}
.search .submit{position: relative; top: 2px;}

#footer{
  display: block;
  height: 34px;
  background: url('../images/bg_footer.gif') repeat-x left top;
  margin-top: 20px;
}
#footer .date{
  color: #AFAFAF;
  position: relative;
  top:10px;
  left: 20px;
}
#footer .date img{
  margin-right: 5px;
}
#copyright{display: block; margin-top: 10px;}
#copyright .logo{
  display: block;
  height: 35px;
  width: 115px;
  float: left;
  border-right: 6px solid #EDEDED;
  text-align: center;
}
#copyright .text{
  display: block;
  height: 35px;
  width: 400px;
  float: left;
  padding-left: 15px;
  color: #898989;
}
#copyright .text a{ color: #F5811E; line-height: 18px;}
#copyright .text a.gray{ color: #A2A2A2;  text-decoration: underline;}
#copyright .text a.gray:hover{ text-decoration: none;}

/* ------------ CONTENT ------------ */
#content{
  display: block;
  background: url('../images/bg_content.gif') repeat-x left top;
  margin-top: 1px;
  padding: 0px;
  position: relative;
  width: 900px;
  _height:250px;
  min-height:250px;

}
#content.home{
  width: 850px;
  padding: 25px;
  position: relative;
}

#content.home p{
  width: 400px;
}
#content .title{
  color:#000000;
  font-size: 36px;
  text-transform: uppercase;
  line-height: 30px;
}

.orange{
  color: #F5821E;
}
#content .pc{
  position: absolute;
  right: 40px;
  top: -15px;
}

#content .col1, #content .col2{
  display: block;
  width: 199px;
  float: left;
  padding: 10px 20px; 
  border-right: 1px dotted #AEAEAE;
  margin: 5px 0px; 
  position: relative;
}
#content .col2{
  width: 580px;
  border: none;
  padding: 10px 40px;
}

#content .col2 p{
  line-height: 16px;
}

.submenu a {
  display: block;
  position:relative;
  color: #666666;
  padding: 5px 5px;
  border-bottom: 1px dotted #AEAEAE;
}


/* ------------ DECOR ------------ */
.decor{
  display: block;
  width: 6px; height: 6px;
  position: absolute;

}
.lt{left:-1px; top:-1px; background: url('../images/decor_lt.gif') repeat-x left top;}
.rt{right:-1px; top:-1px; background: url('../images/decor_rt.gif') repeat-x left top;}

/* ------------ OTHER ------------ */
.bm{clear: both;}