body{
  background:  url(../images/bg.png) #000000 repeat-x center top;
  font: 12px Arial;
  color:#909090;
  margin: 0;
  padding: 0;  
}

#map_canvas{color:black;}

a{
  color:#969696;
  text-decoration: underline;
}

a:hover{
  text-decoration: none;
}

h1{ font-size: 28px; color:#E0E0E0}
h2{margin: 20px 0 0 0 ;font-size: 18px;font-weight: normal;color: #E0E0E0; }
h2.helv{color:#D0D0D0;margin: 0 ;}
h3 {color:#D0D0D0;font-weight:normal;}


.title a{text-decoration: none;}
.title a:hover{text-decoration: underline;}

p{
  line-height: 18px;
}

.red{
  color:#D96363;
}

p.big{
  margin: 0 ;
  font-size: 14px;
}

ul { 
  list-style-image: url("../images/arrow.png");
  padding-left: 20px;
  &padding-left: 0px;
  &margin-left: 20px;
  padding-top: 10px;
  &padding-top: 0px;
  line-height: 30px;
  &line-height: 18px;
}

li{
  padding-left: 5px;
  &padding-bottom: 10px;
}

img{border: none;}

.hidden{display: none;}
h2.item{font-size: 12px;margin: 0; padding: 0; }
.item p{margin-top: 0;}
.list .item img{
  border: 5px #232323 solid;
  float: left;
  margin-right: 20px;
}

.show_all{display:block; margin-left:5px;margin-top:20px;}    
.archive {display:block;position:relative;top:-15px; left:180px; width:85px;}
.archive2{display:block;position:relative;top:-15px; left:500px; width:85px;}
.nopaddingbottom{padding-bottom: 0;}
.nopaddingtop {padding-top: 0;}
.gray{color:#666666;}


#container{
  position: relative;
}

#page{
  background: url(../images/light.png) no-repeat center top;

}

#rt{
  position: absolute;
  top:178px;
  left:941px;
  z-index: 999999 !important;

}

#rb{
  position: absolute;
  top:469px;
  left:941px;
  z-index: 999999 !important;
}

.in_grid{
  padding:15px 40px 15px 30px ;
}

#logo{height: 150px; width:200px; margin: 5px 100px 0 20px; _margin-right:0px;}

#menu{height: 177px; _height:187px; _width:650px;}
#menu #main_menu a{cursor: pointer; text-decoration: none; }

#menu #main_menu a .middle{
  display: block;
  padding-top: 30px;
  float: left;
  color: white;
  text-decoration: none;
  font-size: 16px;
  padding-bottom: 20px;
  padding-left: 12px;
  padding-right: 12px;
  
}

#menu #main_menu a:hover .middle{
  background: url(../images/menu_middle_hover.png) repeat-x center top;  
}

#menu #main_menu a.active .middle{
  background: url(../images/menu_middle.png) repeat-x center top;  
}

#menu #main_menu a .left{
  width:6px;
  height:64px;
  float: left;

}

#menu #main_menu a:hover .left{
  background: url(../images/menu_left_hover.png) no-repeat right top;
}

#menu #main_menu a.active .left{
  background: url(../images/menu_left.png) no-repeat right top;
}

#menu #main_menu a .right{
  width:6px;
  height:64px;
  float: left;

  margin-right: 4px;
}

#menu #main_menu a:hover .right{
  background: url(../images/menu_right_hover.png) no-repeat left top;  
}

#menu #main_menu a.active .right{
  background: url(../images/menu_right.png) no-repeat left top;  
}

#menu #second_menu a{
  color:#999999; 
  text-decoration: none;
  display: block;
  width: 125px;
  height: 60px;
  float: left;
  font-size: 17px;
  margin-top: 20px; 
  margin-left: 0px;
  padding-top: 20px;
  padding-left: 75px;
}

#menu #second_menu a:hover{
 color:white; 
}

#menu #second_menu a .addition{
  color:#DB0000;
  display: block;
  font-size: 12px;
}

#menu #second_menu a.ref{
  background: url(../images/icon_reference.png) no-repeat left center;
  background-position: 25px;/
background-position: 25px 28px;
  margin-right: 1px;
} 

#menu #second_menu a.eshop{
  background: url(../images/icon_eshop.png) no-repeat left center;
  background-position: 25px;
  margin-left: 1px;
  margin-right: 1px;
} 

#menu #second_menu a.deliv{
  width: 138px;
  background: url(../images/icon_delivery.png) no-repeat left center;
  background-position: 25px;
  margin-left: 1px;
}

#menu #second_menu .spacer{
  width: 1px;
  height: 51px;
  margin-top: 30px;
  float:left;
  background-color: #2F2F2F;
} 


#reference_main{
  margin-bottom: 27px;
  _height:301px;
}

#reference_main a.detail{
  color:#ECA4A4;
  margin-top: 10px;
  text-decoration: underline;
  padding-left: 10px;
  background: url(../images/arrow_small.png) no-repeat left center;
}

#reference_main a.detail:hover{
  text-decoration: none;
}

#reference_main .navigate a{
  position: absolute;
  top:260px;
  text-decoration: none;
  line-height: 20px;
  display: block;
  color:white;
  height: 25px;
  float:left; 
}

#reference_main .navigate a.prev{
  background: url(../images/prev_arrow.png) no-repeat;
  background-position: 2px 2px;
  padding-left: 35px;
  margin-right: 40px;
  padding-right:10px;
  padding-top: 2px;
}
#reference_main .navigate a.prev:hover{font-weight: bolder;}
#reference_main .navigate a.next{
  background: url(../images/next_arrow.png) no-repeat right center;
  background-position: 49px 2px;
  padding-right: 35px;
  left:210px;
  padding-left:10px;
  padding-top: 2px;
}
#reference_main .navigate a.next:hover{font-weight: bolder;}
.reference_text{
  background: url(../images/bg_reference.png) no-repeat;
  width:320px;
  height:301px;
  float: left;
  margin: 0;  
}

.reference_photo,.reference_photo img{
  width: 620px;
  height:300px;
  float:left;
  margin: 0;
  padding:0; 

}

.reference_photo img{
  margin-top: 1px;
}

.r_item{background: none !important;}
.r_item.hidden{display: none;}
.r_item .reference_photo img{display: none;}




.contact_page table td{vertical-align:top; line-height: 18px;}
.contact_page h2{color:white;}
.contact_page .name{color:white;}

#param_text{background-color: #151515; color:white; border-width: 1px; }
.input_text{background-color: #151515;width: 170px;color:white;border-width: 1px;}

a.send{display: block;background: url(../images/send_button.png) repeat; width:81px;height:22px;
font-size: 12px; font-weight: bolder; text-decoration: none; color: white; padding: 4px 0 0 0px; text-align:center; }

a.send2{display: block;background: url(../images/send_button2.png) repeat; width:145px;height:22px;
font-size: 12px; font-weight: bolder; text-decoration: none; color: white; padding: 4px 0 0 0px; text-align:center; }

a.send3{display: block;background: url(../images/send_button2.png) repeat; width:145px;height:22px;
font-size: 12px; font-weight: bolder; text-decoration: none; color: white; padding: 4px 0 0 0px;text-align:center; }

a.send:hover,
a.send2:hover,
a.send3:hover{background-position: 0px 26px;}


.sub_menu .middle{
  min-height: 150px;
  padding:25px 15px 25px 25px ;
  background: #330000 url(../images/sub_menu_middle.png) repeat-x ;
 
}

.sub_menu .top{
  height: 10px;
  width: 300px;
  background: url(../images/sub_menu_top.png) no-repeat;
  font-size: 1px;  
}

.sub_menu .bottom{
  height: 10px;
  width: 300px;
  background: url(../images/sub_menu_bottom.png) no-repeat; 
  margin-bottom: 20px; 
}

.sub_menu a.sub_menu_item{
  display: block;
  color:white;
  font-size: 16px;
  text-decoration: none;
  width:220px;
  border-bottom: 1px #861A1A solid;
  padding: 10px 0 6px 30px;
  background: url(../images/sub_menu_arrow.png) no-repeat left center ;
}

.sub_menu a.sub_menu_item:hover{
  background: url(../images/sub_menu_arrow_active.png) no-repeat left center ;
  color: #FF0000; 
}

.sub_menu a.sub_menu_item.active{
    background: #990202 url(../images/sub_menu_arrow.png) no-repeat left center ; 
}

#left_col .box{
  background: url(../images/bg_service.png) no-repeat;
  margin-bottom: 30px;
  _height:1px;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_service.png', sizingMethod='scale');
  _background: none;
}

#left_col .box a{
  _position: relative;
}

#left_col .box .in_grid{
  padding-right: 5px;
}

#left_col .box .new{
  margin-top: 30px;
}

#left_col .box .new img{
  border: 5px #232323 solid;
  float: left;
  margin-right: 20px;
}

#left_col .box .new .date{
  color:#818181;
  font-weight: bolder;
}

#left_col .box .new .title{
  font-weight: bolder;
  font-size: 18px;
  margin-bottom: 5px;
  color: #818181;
}
#left_col .box .new p, .new_text p{
  font-size: 11px;
  margin-top: 0px;
}

/****************** right_col ************************/

#right_col .in_grid {
  background: url(../images/article_middle.png) repeat-y ;
  _height: 1px;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/article_middle_ie6.png', sizingMethod='scale');
  _background: none;
  padding:1px 40px 15px 30px;
}

#right_col .in_grid a{_position: relative;color: red;}
#right_col .in_grid a.send,
#right_col .in_grid a.send2,
#right_col .in_grid a.send3 {color:#FFFFFF;}

#right_col .top {
  background: url(../images/article_top.png)  no-repeat  ;
  height: 10px;
  font-size: 1px;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/article_top.png', sizingMethod='scale');
  _background: none;
}

#right_col .bottom {
  background: url(../images/article_bottom.png)  no-repeat  ;
  height: 10px;
  font-size: 1px;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/article_bottom.png', sizingMethod='scale');
  _background: none;

}
#right_col h1 { margin-top: 5px;}

.home #right_col .in_grid,
.home #right_col .top,
.home #right_col .bottom {background:none;}


.home #right_col{
  background: url(../images/bg_new.png) no-repeat ;
  _height:1px;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_new.png', sizingMethod='scale');
  _background: none;
}

.home #right_col img, 
.home #right_col a {_position: relative;}

/****************** right_col_content ************************/
            
#right_col_content{ padding-top: 15px;}
#right_col_content img{border: 5px #232323 solid;float: left;margin-right: 20px;}
#right_col_content .date{color:#818181;font-weight: bolder;}
#right_col_content .title{margin-bottom: 5px;color: #818181;font-weight: bolder;font-size: 18px;}
#right_col_content p{font-size: 11px;margin-top: 0px;}
#right_col_content .alpha .new{padding-left: 30px;}
#right_col_content .omega .new{padding-left: 25px;padding-right: 5px;}

.main_foto{float:left;margin-right: 15px;}        

                   
/****************** footer ****************************************/

#copyright{margin-left: 35px;margin-top: 15px;}
#footer_menu{display: block;position: relative;width:440px;left:485px;top:-45px;}
#footer_menu a{
  display: block;
  text-decoration: none;
  color:#6F6F6F;
  float:left;
  margin-left: 10px;
  margin-right: 10px;
}
#footer_menu a:hover{text-decoration: underline;}
#footer_menu a.active{color:white;}
#footer_menu .spacer{display: block;width: 1px;height: 10px;float:left;margin-top: 3px;background-color: #6E4B4B;}

#footer #footer_bm {
  position: absolute;
  top:77px;
  left:780px;
  width:150px;
}
#footer #footer_bm a{color:#666666;}
#footer_img{_display: none;}
#footer_img_ie6{
  display: none;
  _display: block;
  _width:960px;
  _height:28px;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/footer.png', sizingMethod='scale');
  _background: none;
  
}

.cleaner{
  clear:both;
}


/****************** reference ****************************************/


a.reference_rozc{
  display: block;
  position: relative;
  margin-bottom: 15px;
  float: left;
  text-decoration: none;
  width:262px;
  height:175px;
}

a.reference_rozc.cat_veltisk{background: url(../images/cat_veltisk.png) repeat 0px 174px; margin-right: 25px;}
a.reference_rozc.cat_veltisk:hover{background-position: 0px 0px;}
a.reference_rozc.cat_auta{background: url(../images/cat_auta.png) repeat 0px 174px;}
a.reference_rozc.cat_auta:hover{background-position: 0px 0px;}
a.reference_rozc.cat_extra{background: url(../images/cat_extra.png) repeat 0px 174px; margin-right: 25px;}
a.reference_rozc.cat_extra:hover{background-position: 0px 0px;}
a.reference_rozc.cat_stoj{background: url(../images/cat_stoj.png) repeat 0px 174px;}
a.reference_rozc.cat_stoj:hover{background-position: 0px 0px;}


a.reference_rozc span.button{
  display: block;
  position: absolute;
  width:216px;
  height: 21px;
  background: url(../images/button_rozc.png) repeat ;
  text-decoration: none;
  font-size: 14px;
  color:white;
  top:133px;
  left:22px;
  text-align: center;
  padding-top: 7px;

}                                      

a.reference_rozc:hover span.button{
  background-position: 0px 28px;
}

/****************** loga ****************************************/

#loga{width:900px;margin-left: 45px;margin-top: 30px;margin-bottom: 30px;}

#logo1{margin-left:55px;float:left;margin-top:18px;display: block; width:79px; height:16px; background: url(../images/logo_avon.png) repeat;background-position: 0px 16px;}
#logo1:hover{background-position: 0px 0px;}

#logo2{margin-left:55px;margin-top:20px;float:left;display: block; width:120px; height:16px; background: url(../images/logo_hannah.png) repeat;background-position: 0px 16px;}
#logo2:hover{background-position: 0px 0px;}

#logo3{margin-left:15px;margin-top:0px;float:left;display: block; width:56px; height:42px; background: url(../images/logo_prazdroj.png) repeat;background-position: 0px 42px;}
#logo3:hover{background-position: 0px 0px;}

#logo4{margin-left:55px;margin-top:0px;float:left;display: block; width:50px; height:42px; background: url(../images/logo_plaza.png) repeat;background-position: 0px 42px;}
#logo4:hover{background-position: 0px 0px;}

#logo5{margin-left:55px;margin-top:0px;float:left;display: block; width:68px; height:42px; background: url(../images/logo_birell.png) repeat;background-position: 0px 42px;}
#logo5:hover{background-position: 0px 0px;}

#logo6{margin-left:55px;margin-top:20px;float:left;display: block; width:116px; height:21px; background: url(../images/logo_porsche.png) repeat;background-position: 0px 21px;}
#logo6:hover{background-position: 0px 0px;}

#logo7{margin-left:55px;margin-top:0px;float:left;display: block; width:42px; height:42px; background: url(../images/logo_kiss.png) repeat;background-position: 0px 42px;}
#logo7:hover{background-position: 0px 0px;}

#logo8{margin-left:55px;margin-top:0px;float:left;display: block; width:45px; height:41px; background: url(../images/logo_gambrinus.png) repeat;background-position: 0px 41px;}
#logo8:hover{background-position: 0px 1px;}


.gallery .lightbox img{border: 5px #1E1E1E solid;}
.article_body .list a:hover{color:white;}

.list_navigation{text-align: center;margin: 20px 0 10px 0;}
#right_col .in_grid .list_navigation a,
.list_navigation a {color: #E0E0E0;}
.list_navigation .num {border: 1px grey solid; padding: 0 4px 0 4px; text-decoration: none;margin:0px 3px;}
.list_navigation .num:hover{border-color: red;}
.list_navigation .num.active{font-weight: bolder;}