/* Created by B&M - Benes&Michl - www.benes-michl.cz */
body {
  font-family: tahoma, arial, sans-serif;
  font-size: 11px;
  color: #000;
  margin: 0px; padding: 0px; 
  text-align: center;
  background: url(../images/bg.png) top left repeat-x #F6F5C5;
}

h1{font-family: Helvetica Neue LT Pro; font-size: 30px; color: #099909; margin-top: 0; font-weight: normal;}
h2{font-family: Helvetice Neue LT Pro; font-size: 18px; color: #099909; font-weight: normal;}
a{color:green;}
a:hover{text-decoration: none;}

.err{color: #FF0000;}
.not{color: #099909;}

#page{
  display: block;
  width: 900px;
  padding: 0px 30px;
  margin: auto;
  text-align: left;
  background: url(../images/bg_page.gif) no-repeat left top;
  position: relative;
}

#page #top{display: block; position: relative;}

#logo{
  display: block;
  margin-left: 30px;
  _margin-left: 12px;
  float: left;
  position: absolute;
  _position: relative;
  &left: 0;
  z-index: 30;
} 

#logo a{
 display: block;
 text-decoration: none;
 border: none;
}

#main_menu{
  display: block;
  float: left;
  height: 35px;
  margin-left: 15px;
  margin-top: 55px;
  position: relative;
  left: 200px;
  _left: 0px;
}
#main_menu .item{
  display: block;
  font-size: 12px;
  float: left;
  width: auto;
  height: 12px;
  text-decoration: none;
}
#main_menu .item a{
  display: block;
  color:#FFF;
  padding: 8px 12px 14px 12px;
  margin: 0 2px;
  text-decoration: none;
}
#main_menu .item a:hover{ color: #FFF; padding-bottom: 5px; border-bottom: 2px solid #FFF;}
#main_menu .item.active a:hover, #main_menu .item.active a{color: #000; padding-bottom: 14px; border: none; font-weight: bold; background: url(../images/bg_menu_active.png) repeat-x left top;}
#main_menu .item.active{position: relative; z-index: 100;}
#main_menu .item.active .decor_left{
  display: block;
  width: 5px; 
  height: 35px;
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 10;
  background: url(../images/decor_menu_left.png) no-repeat left top;
}
#main_menu .item.active .decor_right{
  display: block;
  width: 5px; 
  height: 35px;
  position: absolute;
  top: 0px;
  right: 2px;
  _right: 1px;
  z-index: 10;
  background: url(../images/decor_menu_right.png) no-repeat left top;
}

#sub_menu{display: block; margin-bottom: 25px;}
#sub_menu a {
  display: block;
  border-bottom: 1px solid #099909;
  padding: 3px 0px 3px 20px;
  margin-bottom: 5px;
  color:#000;
  background: url(../images/bullet_crumb.gif) no-repeat 6px center;
  text-decoration: none;
  font-weight: bold;
}
#sub_menu a:hover{color:#099909;}
#sub_menu a.active{color:#099909; font-weight: bold; background-position: 9px center;}

#lang_menu{
  display: block;
  color: #84DC49;
  position: absolute;
  top: 12px;
  right: 40px;
}
#lang_menu a{text-decoration: none; color: #84DC49; margin-left: 10px;}
#lang_menu a:hover{text-decoration: underline;}
#lang_menu a.active, #lang_menu a.active:hover{text-decoration: underline; font-weight: bold; color: #85FF33;}

#banner{
  display: block;
  height: 248px;
  width: 100%;
  background: url(../images/banner_home.jpg) no-repeat center top;
  position: absolute;
  top: 89px;
  &left: 0;
  z-index: 20;
  &z-index: 0;
}

.decor_top_content{
  display: block;
  width: 900px;
  height: 41px;
  background: url(../images/decor_top_content.png) no-repeat center top;
  position: absolute;
  top: 208px;
  position: relative;
  z-index: 40;
}

#content{
  display: block;
  background: #FFF;
  width: 840px;
  margin-top: 200px;
  padding: 0 30px;
  /*position: absolute;
  top: 336px;*/
}

#content img{
  border: 4px solid #F6F5C5;
}

#content p{font-size: 13px; line-height: 18px;}
#content .perex_text{font-weight: bold;}
#content .detail .perex{display: block; float: left; width: 180px;}
#content .detail .perex_text{display: block; float: left; width: 320px;}

#content .col_left{
  display: block;
  width: 388px;
  padding-right: 20px;
  &padding-bottom: 20px;
  float: left;
}
#content .col_right{
  display: block;
  width: 408px;
  padding-left: 20px;
  float: left;
}


#content .aktualita{
float:left;
width: 250px;\
height:120px;
margin: 4px 4px 4px 4px;
padding: 5px 10px 5px 10px;
background: url(../images/bg_box_red.png) repeat-x left top;
border: 1px #CFC6CF solid; 

}

#content .aktualita p{font-size: 11px; line-height: 16px; &padding-bottom: 5px;}
#content .aktualita p.name{font-weight: bold; font-size: 13px;}

#content .shop {
margin: 10px 10px 10px 10px;
padding: 5px 10px 10px 10px;
background: url(../images/bg_bottom_box.png) repeat-x left top;
}
#content .shop .shop_name{
font-size: 18px;
color: #996109;
background: url(../images/bg_box_red.png) repeat-x left top;
padding: 3px 0px 3px 5px;
}
#content .shop .shop_address{padding-left: 10px; padding-top: 5px; font-size: 15px;}
#content .shop .shop_address .map{font-size: 10px;}
#content .shop .shop_contact{padding-left: 10px;padding-top: 5px; }


#content .box, #content .item_list .item{
  display: block; 
  margin-bottom: 20px;
  width: 388px;
  font-size: 11px;
  padding-top: 8px;
  padding-left: 12px; 
  background: url(../images/bg_box_green.png) repeat-x left top;
}
#content .item_list .item{width: 500px;}
#content .box.red, #content .item_list .item{background: url(../images/bg_box_red.png) repeat-x left top;}
#content .box p, #content .item_list .item p{font-size: 11px; line-height: 16px; &padding-bottom: 5px;}
#content .box p.name{font-weight: bold; font-size: 13px;}
#content .box .left, #content .item_list .item .left{display: block; float: left; width: 220px; margin-right: 20px; _margin-right: 12px;}
#content .item_list .item .left{width: 340px; _width: 330px; &padding-top: 5px;}
#content .box img, #content .item_list .item img{margin-top: 22px;}

#content .box .top .topic, #content .item_list .item .top .topic{
  display: block;
  float: left;
  width: 200px;
  color: #099909;
  font-size: 18px;
  font-family: Helvetica Neue LT Pro;
}
#content .item_list .item .top .topic{width: 400px;}
#content .box.red .top .topic, #content .item_list .item .top .topic{color: #996109;}
#content .box .top a{
  color: #099909;
  display: block; 
  float: right;
  width: 100px;
  position: relative; 
  top: 4px;
}
#content .box.blue .top .topic {color:#4C3107;}
#content .box.blue .top a {color:#4C3107;}
#content .box.blue a.more{color: #4C3107;}
#content .box.blue .text_long{width:370px;}
#content .box.blue .autor{position: relative; left:250px;}

#content .box .top a:hover{text-decoration: none;}
#content .box.red .top a{color: #996109;}
#content .box a.more, #content .item_list .item a.more{padding-left: 21px; padding-bottom: 2px; background: url(../images/bg_button_more_green.png) no-repeat left 1px;}
#content .box.green a.more{color: #099909;}
#content .box.red a.more, #content .item_list .item a.more{color: #996109; background-image: url(../images/bg_button_more_red.png);}
#content .box a.more:hover, #content .item_list .item a.more:hover{text-decoration: none;}


#content .col_bottom, #content .green_box{
  display: block;
  background: url(../images/bg_bottom_box.png) repeat-x left top;
}
#content .col_bottom{&border: 1px solid #FFF;}

#content .col_bottom .img{display: block; text-align: center;}
#content .col_bottom .img.win{position:relative; top:-50px; left:60px;}
#content .col_bottom p, #content .green_box p{font-size: 11px; line-height: 16px;}
#content .col_bottom a, #content .green_box a{color: #099909;}
#content .col_bottom a:hover, #content .green_box a:hover{text-decoration: none;}
#content .col_bottom img{border: none; margin: auto;}
#content .col_bottom .bottom_left, #content .col_bottom .bottom_center, #content .col_bottom .bottom_right{
  display: block;
  float: left;
  width: 220px;
  padding: 10px 30px 10px 30px; 
}

.crumb_menu{margin-bottom: 10px;}
.crumb_menu a{
  color: #996109;
  text-decoration: none;
  font-weight: bold;
  padding-right: 20px;
  margin-right: 5px;
  background: url(../images/bullet_crumb.gif) no-repeat 95% center;
}
.crumb_menu a:hover{text-decoration: underline;}

.list_navigation{display: block; border-top: 1px solid #996109; padding-top: 5px; text-align: center;}
.list_navigation a{color: #996109; text-decoration: none; font-weight: bold; margin: 2px;}
.list_navigation a:hover, .list_navigation a.active{color: #000;}

.button{background-color: #088808; padding: 3px 6px; color:#fff !important; text-decoration: none; margin: 0px 3px;}
.button:hover{background-color: #099909;}

a{ outline:none;}
a img{ border: none;}

.cleaner{ clear: both;}

/*---------------------- GALERIE ----------------------------*/
.gallery a{ display: block; float:left; margin-right: 8px; margin-bottom: 8px; &margin-bottom: 0px; border: 2px solid #F6F5C5; padding: 0px; width: 154px; height: 116px;}
.gallery a:hover{border-color: #000;}
.gallery a img{margin: 0px;}

/*------ FOOTER -------*/
#footer{
  display: block;
  height: 142px;
  background: #E6E5A6;
  clear: both;
  text-align: center;
  position: relative;
  top: -11px;
  z-index: 100;
}
#footer .footer_content{
  display: block;
  width: 900px;
  margin: auto;
  padding-top: 46px;
  padding-left: 40px;
  background: url(../images/bg_footer.png) no-repeat center top;
  text-align: left;
  color: #82814D;
}
#footer .footer_content .col_left{
  display: block;
  float: left;
  width: 640px;
}
#footer .footer_content .col_right{
  display: block; 
  float: left;
  width: 240px;
  padding: 0;  
}
#footer .footer_content .logo_small{display: block; float: left; margin-right: 20px; position: relative; top: -2px;}
#footer .footer_content .col_right p{display: block; float: left; width: 120px; position: relative; top: -6px; &top: 6px;}
#footer .footer_content a{ color: #FFCC6A; text-decoration: none;}
#footer .footer_content a:hover{ text-decoration: underline;}
#footer .footer_content .menu{
  text-align: left;
  display: block;
  color: #FFF;
  margin-bottom: 6px;
}
#footer .footer_content .menu a{ color: #AA9000; margin-right: 12px;}
#footer .footer_content .menu a.active{ color: #AA9000; text-decoration: underline;}

/*---------------------------- ARTICLE ------------------------------*/
.article #banner{background-image: url(../images/banner_article.jpg);}
.article #content p{font-size: 11px; line-height: 16px;}
.article #content .col_left{width: 512px;}
.article #content .col_right{width: 272px;}
.article #content img{border: 1px solid #F6F5C5;}
.article #content{padding-bottom: 34px; margin-top: 106px; position: relative; z-index: 50;}
.article .decor_top_content{top: 124px;}

#content .green_box{padding: 20px 24px 10px 22px; margin-top: 20px;}
#content h1{margin-bottom: 10px;}
#content .green_box h2{margin-bottom: 0px; margin-top: 28px;}
#content .green_box p{margin-top: 4px;}

img.right{display: block; float: right; margin: 12px 8px 8px 16px;}
img.left{display: block; float: left; margin: 6px 22px 10px 8px;}