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

body {
  font-family: trebuchet MS;
  font-size: 12px;
  color: #000000;
  margin: 0px; padding: 0px; 
  text-align: center;
  background-color: #FFF;
  overflow-y: scroll;
  _overflow-y: none;
  &overflow-y: none;
}
.bg_body_top{background: url(../images/bg_page_nohomepage_top.gif) repeat-x top; text-align: center; width: 100%; min-width: 960px;}
.bg_body{background: url(../images/bg_page_nohomepage_top_2_short.gif) repeat-x top; text-align: center;}
.people .bg_body, .product .bg_body{background: url(../images/bg_page_nohomepage_top_2.gif) repeat-x top; text-align: center;}
.products .bg_body, .product_4 .bg_body{ background: url(../images/bg_top_product_list.gif) repeat-x top; text-align: center; position: relative; z-index: 10;}
.product_3 .bg_body, .product_1 .bg_body, .product_2 .bg_body, .product_4 .bg_body, .hostesky .bg_body{background: url(../images/bg_page_nohomepage_top_2.gif) repeat-x top; text-align: center;}
.contact .bg_body{ background: url(../images/bg_body_contact.gif) repeat-x top;}
.product_3 .bg_body{background: url(../images/bg_page_nohomepage_top_2_short.gif) repeat-x top; text-align: center;}
.product_3{color: #999;}

.home .bg_body_top{background: url(../images/bg_page_top.gif) repeat-x top; text-align: center;}
.home .bg_body{background: url(../images/bg_page_top_2.gif) repeat-x top; text-align: center;}
/*.product_3 .bg_page{background: url(../images/bg_body_product_3.gif) repeat-x top #000; color: #999;}*/
h1{font-size: 36px; font-weight:normal;}
.product_3 h1 {color: #FFF;}
h2{font-size: 24px; font-weight: normal;}
.home h1{font-family: Calibri; font-size:24px;}
.small{ font-size: 30px;}
h3{font-size: 18px; font-weight: normal; line-height: 20px; position: relative; z-index: 20;}


a{text-decoration: underline; color:#F78C1F; outline: 0;}
a:hover{text-decoration: none;}
a img{border: none;}

input.checkbox{ position: relative; top: 5px;}
ul{ margin-bottom: 20px; font-size: 13px; line-height: 18px;}
li{ padding-left: 34px; list-style-type: none; background: url(../images/icon_li.gif) no-repeat left 2px;}
.white{color: #fff;}
.black{color: #000;}
.light_orange{color: #FFD564;}
.orange{color: #F8931E;}
.margin_top_10{margin-top: 10px; _margin-top: 5px;}
.lh_14{line-height: 14px;}

/* ------------ LAYOUT ------------ */
.bg_page{ background: url(../images/bg_page_orange_nohomepage.gif) center 0px no-repeat; margin:auto;}
.contact .bg_page{width: 960px;}
.products .bg_page{ background: url(../images/bg_page_product_list.gif) center 0px no-repeat; position: relative; z-index: 5;}
.product_1 .bg_page{ background: url(../images/bg_page_orange_nohomepage.gif) center 0px no-repeat;}
.bg_page.article, .login .bg_page{ background: url(../images/bg_page_article.gif) center 1px no-repeat;}
.article .bg_page{ background: url(../images/bg_page_orange_nohomepage.gif) center 1px no-repeat;}
.product_2 .bg_page{ background: url(../images/bg_product_2.jpg) center 0px no-repeat;}
.product_4 .bg_page{ background: url(../images/bg_product_4.jpg) center 0px no-repeat;}
.contact .bg_page{ background: url(../images/bg_page_contact.gif) center -12px no-repeat;}
.home .bg_page{ background: url(../images/bg_page_orange.gif) center 0px no-repeat; width: auto;}
/***************************** LIDE POZADI *****************************/
.hostesky .bg_page{ background: url(../images/bg_page_hostesky.jpg) center 0px no-repeat;}
.vip .bg_page{ background: url(../images/bg_page_vip.jpg) center 0px no-repeat;}
.vip .bg_body{ background: url(../images/bg_body_vip.gif) 0px 0px repeat-x;}
.moderatori .bg_page{ background: url(../images/bg_page_moderatori.jpg) center -1px no-repeat;}
.djs .bg_page{ background: url(../images/bg_page_djs.jpg) center -1px no-repeat;}
.music-band .bg_page{ background: url(../images/bg_page_music-band.jpg) center -1px no-repeat;}
/******************************************************/



.product_3 .value{color: #FFF;}
.product_3 .bg_page{ background: url(../images/bg_product_3.jpg) no-repeat center 1px;}
.product_3  h3{color: #fff;}
.product_3 .bg_body{ background-color: #000;}



.page{
  display: block;
  width: 960px;
  margin: auto;
  text-align: left;
  position: relative;   
}

/* ------------ TOP ------------ */
#top{
  display: block;
  height: 92px;
  width: 920px;
  padding: 53px 20px 0px 20px;
}
#top #logo {
  padding-right: 40px;
  float: left;
}
#top .flash{
  float: left;
}
#top .lang_menu{
  display: block;
  float: right;
  padding-top: 3px;
  text-align: center;
  font-size: 12px;
}
#top .lang_menu .active{
  font-weight: bold;
  color: #000;
  text-decoration: none;
}
#top .login{
  padding: 5px 6px 0px 0px;
}
/* ------------ MAIN_MENU ------------ */
#main_menu{
  display: block;
  background: url(../images/bg_main_menu.gif) top left no-repeat;
  height: 48px;  
  width: 941px; 
  padding-left: 20px; 
}

/*.contact #main_menu{ background: url(../images/bg_main_menu_contact.gif) -1px -5px no-repeat;  &background-position: 1px -5px;}*/

#main_menu a{
  display: block;
  font-size: 15pt;  
  color: #000;
  float: left;
  height: 20px;
  padding: 7px 29px 11px 27px;
  text-decoration: none;
  text-transform: uppercase;
}
#main_menu a:hover{background: url(../images/bg_main_menu_hover.gif) repeat-x; color: #000;}
#main_menu a.active:hover, #main_menu a.active{background: url(../images/bg_main_menu_active.gif) repeat-x; color: #fff;}
/* ------------ CONTACT ------------ */
.contact .left_contact{ display: block; float: left; width: 250px; height: 250px; margin-top: 0px;}
.contact .right_contact .top_bg{
  display: block;
  position: absolute;   
  top: -12px;
  right: 92px;
  &right: 92px;
  _top: -12px;
  _right: -159px; 
}
.contact .contact_form{ margin-top: 0px;}
.contact input.input{ width: 135px; height: 20px; border: 1px solid #FFB500;}
.contact textarea.input{ height: 70px; &height: 60px; border: 1px solid #FFB500;}
.contact .map_link{ display: block; background: url(../images/icon_map_link.gif) no-repeat left center; padding: 5px 0px 5px 30px; font-size: 13px;}
.contact .button_delete, .contact .button_send{ display: block; float: left; margin-top: 4px; margin-left: 4px; margin-right: 4px; width: 95px; _width: 88px; height: 21px; text-align: center; border: 1px solid #FFB500; color: #FFF; font-size: 13px; font-weight: bold; text-decoration: none;}
.contact .button_send{ float: left; background: #CA4C00; padding: 1px 0px; border: none; margin-right: 268px;}
.contact .button_send:hover{ background: #E66D00;}
.contact .button_delete:hover{ background: #E66D00;}
.contact .content{ display: block; margin-top: 10px;}
.contact .items{ display: block; width: 660px; _width: 660px;}
.contact .item{ display: block; height: 110px; _width: 560px; border-bottom: 1px solid #DDD; padding-bottom: 15px; margin-top: 18px;}
.contact .item .intro_photo{ display: block; float: left; width: 80px; height: 80px; padding: 15px 15px; background: url(../images/bg_photo_contact.gif) no-repeat 2px 2px; margin-right: 10px;}
.contact .item .desc{ display: block; _width: 200px; float: left; margin-left: 12px; _margin-left: 0px; margin-top: 16px; }
/*************** LOGIN ***********************/
.login .col_content{ }
.login input {width: 140px;}
.login table {margin-top: 40px; margin-left: 40px;}
.login table tr th {padding-right: 10px;}
.login table tr th, .login table tr td{padding-bottom: 10px;}
/* ------------ SLICKBOX LIDE ------------ */
.slickbox{  
  display: block;
  width: 805px;  
  line-height: 16px;
  margin: -8px auto 10px auto;
  font-size: 14px;
  background: #FFF;
  color: #FFC017;
  text-align: left;  
  padding-left: 155px;
  position: relative;
  z-index: 10;
  &padding-left: -20px;
}
.slickbox a{color: #000; text-decoration: none;}
.slickbox a:hover{ text-decoration: underline;}
.slickbox a.active{font-weight: bold;}

/* ------------ quick_search_form ------------ */

.quick_search_form{ 
  display: block; 
  margin-top: 8px;
  height: 70px;
  color: #000;
  text-align: left;
  position: relative;
}
.quick_search_form table {margin-top: 4px;}
.quick_search_form li{ background: none;}
.quick_search_form input, .quick_search_form select{ height: 20px; border: 1px #FFD564 solid; margin-right: 5px;}
.quick_search_form input {height: 18px;}
.quick_search_form img.pripravuje_se{display: block; position: absolute; top: -60px; right: 50px; &width: 128px; &height: 128px;}
/* ------------ CONTENT ------------ */

#content{
  display: block;
  width: 940px;
  margin-left: 20px;
  position: relative;
}
#content #top_home_page{
  display: block;
  height: 324px;  
}

.contact .content{ margin-top: 70px;}

#top_home_page .video{
  float: left;
}
#top_home_page .banner{
  float:right;
  padding-right: 6px;
}

#banner_pas {
  position:absolute;
  left:540px;
  top:0px;
}

/* ------------ FOOTER ------------ */
#footer{
  display: block;
  width: 933px;
  background: url(../images/bg_footer.gif) no-repeat top;
  padding: 26px 0px 0px 27px;
  margin-left: 10px;
  margin-top: 20px;
}
.home #footer{&margin-top: -20px;}
.people #footer{margin-top: 50px;}
.product_3 #footer{background: url(../images/bg_footer_black.gif) no-repeat top;}

#footer .copyright{ font-weight: bold;}
.product_3 #footer .copyright {color: #FFF;}
#footer .text{ float: left; width: 458px;}
#footer .right{ float: right; padding: 0px 14px 0px 0px;}
#footer .svatek{ float: right; margin-right: 4px;}
#footer .logos{ padding-top: 8px;}
#footer p{ margin-top: 0px; margin-bottom: 10px;}
#footer a.contact {
  display: block; 
  padding-left: 18px; 
  width: 40px; 
  float: right;
  margin-top: -28px; 
  background: url(../images/icon_contact.png) no-repeat left 5px;
}
/*----------------------------------OLD-------------------------------------*/


.col_right{ 
  display: block;  
  float: right;  
  width: 324px;
  margin-right: 6px;
  padding-left: 10px;
  margin-top: -2px;
}
.article .col_right{margin-right: 10px;}

.col_content{
  display: block;
  float: left;
  width: 576px;
  margin-right: 20px;
  margin:0px 0px 0px 0px;
  padding-top: 0px;
}
.product_2 .col_content, .product_3 .col_content{margin-top: 180px;}
.product_3 .col_content{margin-top: 158px;}

.col_content p img {margin:5px 10px 5px 10px; padding:0px;}
.col_content p, .col_right p {font-size: 13px;}
.col_content .left{display: block; float:left; width: 264px;}

.col_right .margin_top_6{display:block; margin-top:6px;}

.col_right #search_form .text_input{width: 200px; margin-right: 6px;}
.product_3 .col_right #search_form .text_input{background: #333; border: 1px #666 solid;}
.col_right #search_form .button{width: 95px; height:26px; background-color: #FDB713; color: #fff; font-weight: bold;}

/************************ vocab *********************/
#content .col_right .dictionary .text{text-align: justify;}
#content .col_right .dictionary .text a{color: #000;  line-height: 25px; text-decoration: none;}
.product_3 #content .col_right .dictionary .text a{color: #FFF;}
#content .col_right .dictionary {padding: 10px 15px 10px 15px; background: url(../images/bg_vocab.gif) repeat-x left bottom; margin-bottom: 20px;}
.product_3 #content .col_right .dictionary { background: url(../images/bg_vocab_black.gif) repeat-x left top; }
/************************ vip persona blok *********************/
.vip_person_block{ 
  display: block; 
  width: 274px;
  height: 165px;
  background: url(../images/bg_vip_person.gif) repeat-y left top;
  padding: 16px 8px 16px 8px;
  _padding-bottom: 0px;
}  
.vip_bg {display: block; float: right; width: 290px; _width: 280px; height: 198px; &height: 195px; margin: 0px; padding: 0; background: url(../images/bg_vip_person.gif) repeat-y left top;}
.vip_person_block .text{
  display: block;
  width: 163px;
  height:180px;
  float: left;
  padding-left: 4px;
  padding-right: 2px;
  background: url(../images/bg_vip_person_block_p.gif) 0px 40px no-repeat;
}
.vip_person_block .text .name{ font-size: 18px; color: #fff;}
.vip_person_block .text .job{ font-size: 13px; color: #FFD387;}
.vip_person_block .text p{
  display: block; 
  font-family: Trebuchet MS; 
  font-size: 13px; 
  color: #FFF;  
  margin-top: 10px;
  line-height: 16px;
}
.vip_person_block .photo{display: block; width: 100px; height: 133px; float: right; margin-right: 4px;}
.vip_person_block .photo img{ border: 3px solid #FFD564;}


.col_right .vip_person_block{width: 304px; height: 150px; margin-right: 4px; margin-bottom: 0px; _margin-bottom: 10px; background: url(../images/bg_vip_person_2.gif) repeat-y left top;}
.col_right .vip_bg {float: none; margin-bottom: 15px; width: 320px; background: url(../images/bg_vip_person_2.gif) repeat-y left top;}
.col_right .product_detail .vip_bg{ margin-bottom: -160px;}
/************************ nasi zakaznici ikonky *********************/
  
.customers { margin: 15px 0px 15px 0px;}  

.customers .button{ display: block; width: 100px; height: 50px; float:left; margin-right:10px; margin-top:22px;  background-position: 0px 0px; background-repeat: no-repeat;}
.customers .button:hover{ background-position: 0px -50px;}

.customers .wrap ul{display: block; position: relative;}
.customers .wrap li{display: block; position: absolute; top: 0; left: 0;}

#customers_small{margin-top: 40px;}

/************************ nasi zakaznici pravy sloupec *********************/
.col_right .customers {margin: 0px 0px; margin-top: 10px;}
.col_right .customers .item{text-align: center;}
.col_right .customers .item .up_line{width: 320px; height: 10px; background: url(../images/bg_logo_up.gif); position: relative; _top: 10px;}
.col_right .customers .item .bot_line{width: 320px; height: 10px; background: url(../images/bg_logo_bot.gif); position: relative; _top: -10px;}
.col_right .customers .item .mid{width: 320px; background: url(../images/bg_logo_mid.gif) repeat-y left top; position: relative; z-index: 20;}
.col_right .customers a{display: block; text-align: center; color: #000; font-size: 11px; margin-top: 0px; font-weight: bold;} 
.col_right .customers .item a img{border: none; text-decoration: none;}

/************************ LIDE *********************/
.people_list .item, .similar .item{
  display: block; 
  width: 194px;
  height: 280px;
  float: left;
  margin: -1px 20px 15px 5px; 
  padding: 0px;
  font-size: 13px;
  line-height: 24px;
}
.people_list .item{position: relative;}
.people_list .item .title, .similar .item .title {font-size: 14px;}
.people_list .item a, .similar .item a{ text-decoration: none; color: #000;}
.people_list .item .intro_photo p, .similar .item .intro_photo p{ z-index: 40; position: absolute; margin-top: 160px;}
.people_list .item .desc, .similar .item .desc{ padding-left: 20px; margin-top: 190px; }
.people_list .item .desc {position: relative; &z-index: -1; }
.people_list .item .desc.mista {display: block; width: 180px; position: absolute; top: 36px;}
.people_list .item .desc p, .similar .item .desc p{line-height: 18px; font-size: 12px;}
.people_list .item .desc p.lh_14, .similar .item .desc p.lh_14{line-height: 14px;}
.people_list .item .intro_photo, .similar .item .intro_photo{margin: 0px; padding: 22px 20px 12px 20px; position: relative;}
/*.people_list .item .intro_photo_orange, .similar .item .intro_photo_orange{color: #000; margin: 0px; padding: 22px 20px 12px 20px; background: url(../images/bg_people_photo_orange.gif) no-repeat;}*/
.people_list .item .intro_photo .bg, .similar .item .intro_photo .bg{ display: block; width: 206px; height: 220px; position: absolute; top: 0px; left: -4px; z-index: 20; behavior: url(../css/pngbehavior.htc);}
.slickphoto_show img{ z-index: 40; position: absolute;}
.people_list .item .other_photo a, .similar .item .other_photo a{height: 160px; margin: 0px; padding: 0px;}
.people_list .item .intro_photo img, .people_list .item .intro_photo_orange img, .similar .item .intro_photo img{ margin-bottom: -6px;}
.people_list .item .other_photo img, .similar .item .other_photo img{float:left; margin: 0px 15px 15px 0px; width:80px; height:60px;}

input.short{ width: 40px; height: 18px;}
select.medium{ width: 80px;}
.plusminus{ padding-left: 7px; background: url(../images/plusminus.gif) left 4px no-repeat;}

.people .not, .product_list .not, .result_list .not{ display: block; height: 400px; margin-top: 160px; font-size: 20px; margin-left: 50px;}
.product_list .not {margin-top: 300px;}
.result_list .not {margin-top: 80px;}

/************************ LIDE - DETAIL *********************/
.people_detail{ margin-bottom: 20px;}
.people_detail .intro_photo{
  display: block;
  width: 430px;
  height: 430px;
  /*padding: 55px 60px 96px 60px;*/
  /*background: url(../images/bg_people_detail_photo.png) no-repeat left top;*/
  margin: 1px 0px 200px 0px;
  text-align: center;
  position: relative;
}
.people_detail .intro_photo .intro_img{ display: block; width: 546px; height: 582px; position: relative; behavior: url(../css/pngbehavior.htc);}
.people_detail .intro_photo a img{ position: absolute; top: 60px; left: 60px;}

.people_detail .descriptions{display: block; margin: 0px; padding: 0px; &border: 1px solid #FFF; padding-bottom: 20px; text-align: justify;}
.people_detail .descriptions table td{text-align: justify; padding-left: 25px;}
.people_detail .descriptions h3 {padding-bottom: 8px;}
.people_detail ul {padding: 8px 5px; margin: 0px;}
.people_detail .descriptions .item{display: block; width: 260px; float:left; margin-right: 20px; margin-bottom: 20px;}
.people_detail .details .item{display: block; margin-top: 20px; margin-bottom: 10px; padding-bottom: 20px; border-bottom: 1px solid #DEDEDE;}
.people_detail.col_content{padding: 0px;}
/*.people_detail.col_right{border: 5px solid yellow;}*/
.people_detail .details{
  display: block; 
  width: 280px;
  padding: 26px 20px 20px 20px;
  color: #000;
  text-align: justify;
}
.people_detail .details a{ color: #F8931E; font-weight: normal;}

.people_detail .photos{ margin-top: 60px; height: 160px;}
.people_detail .photos h3{ margin-left: 20px;}
.people_detail .details .photos .item{ display: block; float: left; width: 120px; height: 90px; margin: 2px 20px 15px 0px;}
.people_detail .details .photos .item img{ border: 3px solid #FFD564;}

.people_detail .details h3{margin: 8px 0px; color: #000;}

.people_detail .details table.top th{color: #F8931E; font-size: 12px; font-weight: normal; padding-left: 12px; width: 70px; line-height: 14px;}
.people_detail .details table.top td{font-size: 14px; font-weight: bold;}

.people_detail .details table.info{ font-size: 12px; line-height: 24px; text-align: left; border-collapse: collapse; margin-bottom: 50px;}
.people_detail .details table.info th{ font-weight: normal; width: 132px; border-right: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; vertical-align: top;}
.people_detail .details table.info td{ font-weight: bold; padding-left: 20px; width: 136px;  border-bottom: 1px solid #DEDEDE;}
.people_detail table td{text-align: left;}
/******** podobne *********/
.similar{ width: 924px; height: 280px; margin: 0px 0px 60px 0px;}
.similar .item{margin: 10px 15px 10px;}
/************************ Produkty *********************/
.product_list{ margin-top: 220px;}
.product_list_item{display: block; height: 200px; width: 575px; padding: 15px 0px 16px 0px; &height: 210px; _height: 250px; _padding: 0px 0px 0px 0px; margin-top: 0px; position: relative;}
.product_list_item .intro_photo{float:left; margin: 0px 40px 0px 0px;}
.product_list_item .intro_photo img{width:240px; height:180px; border:3px solid #CDCFCF;}
.product_list_item .desc {display: block; float:right; width: 257px; padding-right:27px; text-align: justify;}
.product_list_item .desc .name{font-size: 18px; color: #000; text-align: left; text-decoration: none;}
.product_list_item .desc .name:hover{text-decoration: underline;}
.product_list_item .desc .type{display: block; font-size: 10px; margin-bottom: 8px;}
.product_list_item .desc .icon{ display: block; padding-left: 28px;}
.product_list_item .desc .place{background: url(../images/icon_place.gif) no-repeat left top; padding-bottom: 5px;}
.product_list_item .desc .persons{background: url(../images/icon_persons.gif) no-repeat left top;}
.product_list_item .desc .price{font-size: 24px; color: #F8931E; background: url(../images/icon_price.gif) no-repeat left 5px;}

.icon_new{ width: 103px; height: 64px; position: absolute; top: 6px; _top: -10px; left: 36px; behavior: url(../css/pngbehavior.htc);}
.icon_new.no_action{ left: -16px;}
.icon_action{ width: 103px; height: 64px; position: absolute; top: 6px; _top: -10px; left: -16px; behavior: url(../css/pngbehavior.htc);}
.item .icon_new{ position: absolute; top: -15px; left: 36px; behavior: url(../css/pngbehavior.htc);}
.item .icon_new.no_action{ left: -16px;}
.item .icon_action{  position: absolute; top: -15px; left: -16px; behavior: url(../css/pngbehavior.htc);}


/************************ Detail produktu *********************/
.products .item{ position: relative;}
.products .item .photo{display: block; background-color: #000; padding: 30px 12px 30px 12px; text-align: center; margin: 16px 0px 4px 0px;}
.products .item .photo .icon_hdp{
  display: block; 
  width: 130px; 
  height: 20px;
  background: url(../images/icon_hdp.gif) no-repeat left top;
  position: relative;
  bottom: -5px;
  left: 420px;
}

.products .item .top{
  display: block; 
  height: 20px;
  background: url(../images/bg_content_top.gif) no-repeat left top;
  margin-bottom:10px;
}
.product_3.products .item .top{ background: none;}

/*.hr3{display: block; height: 20px; background: url(../images/bg_text_bottom.gif) repeat-x left top;}
.product_3 .hr3{ background: url(../images/bg_text_bottom_black.gif) repeat-x left top;}*/
.products .item .text{padding: 0px 20px 25px 20px; background: url(../images/bg_text_bottom.gif) repeat-x left bottom;}
.products .item .text .perex_text, .products .item .text .body{text-align: justify;}
.products.product_3 .item .text{ background: url(../images/bg_text_bottom_black.gif) repeat-x left bottom;}

.products #video{margin-top: 18px;}

.products .item .text table{display: block; float: left; width: 332px; border-collapse: collapse;}
.products .item .text table td.title{ border-right: 1px solid #D7D7D7; border-bottom: 1px solid #D7D7D7; width: 120px;}
.products .item .text table td.value{ padding-left: 20px; border-bottom: 1px solid #D7D7D7; width: 178px;}
.products .item .text table td.icon{width: 32px;}

.products.product_3 .item .text table td.title{ border-right: 1px solid #333; border-bottom: 1px solid #333;}
.products.product_3 .item .text table td.value{ border-bottom: 1px solid #333;}

.products .item .text .banner{display: block; float: right; width: 160px; margin-left: 20px;}
/************************ Novinky *********************/
.news{
  display: block; 
  background: url(../images/bg_right_col_1.gif) repeat-y left top;
  padding: 16px 14px 20px 16px;
  margin-top: 15px;
}
.news .item{ margin: 16px 0px 16px 0px;}
.news .item a.title { font-family: Calibri; font-weight: bold; font-size: 14px; color: #fff;}
 
.news .intro_photo{ float:left; margin: 0px 0px 0px 0px; width: 130px; _padding-top: 7px;}
.news .intro_photo img{border: 2px solid #FFD564;}
.news .intro_photo.no_photo{height: 98px;}
.news .desc{ display: block; float:right; width: 156px; font-size:10px; color: #FFD564;}
.news .desc p{line-height: 12px;}
.news .desc .type{ display: block; font-size: 10px; margin-bottom: 8px;}
.news .desc .icon{ display: block; padding-left: 28px;}
.news .desc .price{ font-size: 13px; font-weight: bold; color: #fff; background: url(../images/icon_price_2.gif) no-repeat left 0px; margin-bottom: 5px;}

.home .news{ padding:0px;}

.hr{display: block; height: 1px; font-size: 1px; background-color: #FFD564;}

/************************* lide akcni nabidky **************/
.people .news{ background: url(../images/bg_news_bottom.gif) repeat-x left top; height: 160px; margin-top: 20px;}
.people .news .item{ float: left; width: 300px;}
/************************* seznam produktu akcni nabidky **************/
.products .news{ background: none; padding-top: 0px; margin-top: -4px;}
.product_detail .news{ background: url(../images/bg_right_col_1.gif) repeat-y left top; margin-top: 15px; padding: 16px 14px 20px 16px;}
.products .news .white{ color: #000;}
/************************ nejoblibenejsi *********************/
.favourite{
  display: block; 
  background: url(../images/bg_right_col_2.gif) repeat-y left top;
  padding: 16px 14px 20px 16px;
  margin-top: 0px;
}
.favourite .item{ margin: 16px 0px 16px 0px;}
.favourite .item a.title { font-family: Calibri; font-weight: bold; font-size: 14px; color: #fff;}
 
.favourite .intro_photo{ float:left; margin: 0px 0px 0px 0px; width: 130px;}
.favourite .intro_photo img{border: 2px solid #636363;}
.favourite .desc{ display: block; float:right; width: 156px; font-size:10px; color: #CCCCCC;}
.favourite .desc p{line-height: 12px;}
.favourite .desc .type{ display: block; font-size: 10px; margin-bottom: 8px;}
.favourite .desc .icon{ display: block; padding-left: 28px;}
.favourite .desc .price{ font-size: 13px; font-weight: bold; color: #fff; background: url(../images/icon_price_3.gif) no-repeat left 0px; margin-bottom: 5px;}

.home .favourite{ padding:0px;}

.favourite .hr{display: block; height: 1px; background-color: #CCCCCC;}

/************************ Zkusenosti klientu *********************/
.products .experience{ margin-top: 190px;}
.products.product_3 .experience h3{ width: 302px; padding: 10px 0px 10px 18px; margin-bottom: -6px;}
.products.product_3 .experience h3{ background: #000;}
.products .experience .item{ width: 320px; margin: 6px 0px 6px 0px;}
.products .experience .item .top{ display: block; width: 320px; height: 16px; padding: 0px; margin: 0px; background: url(../images/bg_experience_top.gif) no-repeat left top;}
.products .experience .item .mid{ display: block; width: 290px; padding-left: 0px; padding-right: 30px; background: url(../images/bg_experience.gif) repeat-y left top;}
.products .experience .item .bottom{ display: block; width: 320px; height: 16px; background: url(../images/bg_experience_bottom.gif) no-repeat left top;}
.products .experience .item .text .name{ font-size: 18px; color: #000;}
.products.product_3 .experience .item .text .name{color: #FFF;}
.products .experience .item .text .city, .experience .item .text .company{ font-size: 12px; color: #F8931E; font-weight: bold; margin:0px;}
.products .experience .item .text a.company{text-decoration: none; font-weight: normal; margin:0px;}
.products .experience .item .text a.company:hover {text-decoration: underline;}
.products .experience .item .text{
  display: block;
  width: 160px;
  margin-bottom: 0px; 
  padding-bottom: 0px;
  float: left;
  background: none;
}
.products .experience .item .text.long{width: 270px;}
.products.product_3 .experience .item .text{color: #999;}
.products .experience .item .photo{display: block; margin: 5px 0px 10px 0px; padding: 0px; float: right; width: 75px; height: 100px; background: none;}
.products .experience .item .photo img{width: 75px;}
.products.product_3 .experience .item .photo img{ border: 3px solid #333;}

.products.product_3 .experience .item{ background: #000;}
.products.product_3 .experience .item .top, .products.product_3 .experience .item .bottom, .products.product_3 .experience .item .mid{background: none;}
.products.product_3 .experience .white{color: #000;}

/******************************** vysledky vyhledavani **************/
.result_list{ display: block; padding: 20px 15px; margin-top: 120px;}
.result_list a {color: #000;}

/*****************************************************/
.cleaner{
  clear: both;
}

img.left{
  float: left;
  display: block;
  border: 6px solid #CFCFCF;
  margin: 5px 15px 15px 0px;
}


/************************ Crumb menu *********************/
.crumb_menu{
  display: block;
  height: 10px;
  padding: 12px 0px 12px 0px;
  font-size: 12px;
  color: #fff;
  margin-bottom: 0px;
}

.crumb_menu a, .no_click_crumb{
  display:block;
  float:left;
  padding: 0px 25px 0px 0px;
  margin-right: 5px;
  background: url(../images/bullet_crumb_gray.gif) top right no-repeat;
  background-position: 100% 50%;
  color: #fff;
} 
.no_click_crumb{ text-decoration: underline; cursor: pointer;}
.product_2 .crumb_menu a, .product_3 .crumb_menu a{ background: url(../images/bullet_crumb_2.gif) right no-repeat;} 

/************************ category list *********************/
.category_list{
  height: 194px;
  width: 580px;  
  margin-top: 4px; 
  padding-top: 2px; 
  color: #000; 
  position: absolute; 
  _margin-top: 0px;
  _padding-top: 0px;
  top: 116px;
  _top: 116px;
  left: 34px;
}
.category_list a{
  display: block;
  text-decoration: none;
  color: #000;
  font-weight: bold;
  font-size: 13px;
  width: 250px;  
  height: 8px;
  _height: 16px;
  float: left;
  padding: 6px 0px 12px 14px;
  _padding: 6px 0px 6px 14px;
  margin-right: 20px; 
  margin-bottom: 4px;
  position: relative;
}
.category_list a .icon {
  display: block;
  float: left;
  width: 27px;
  height: 27px;
  background: url(../images/bg_category_list_item.png) no-repeat left top;
  position: absolute;
  top: 0px;
  left: 0px;
}
.category_list a.active .icon {background: none;}
.category_list a .text {margin-left: 27px;text-decoration: none;}

.category_list a.all span.icon { background: url(../images/icon_category_0.gif) 0px center no-repeat;}
.category_list a.category_1 span.icon { background: url(../images/icon_category_1.gif) 0px center no-repeat;}
.category_list a.category_2 span.icon { background: url(../images/icon_category_2.gif) 0px center no-repeat;}
.category_list a.category_3 span.icon { background: url(../images/icon_category_3.gif) 0px center no-repeat;}
.category_list a.category_4 span.icon { background: url(../images/icon_category_4.gif) 0px center no-repeat;}
.category_list a.category_5 span.icon { background: url(../images/icon_category_5.gif) 0px center no-repeat;}
.category_list a.category_6 span.icon { background: url(../images/icon_category_6.gif) 0px center no-repeat;}
.category_list a.category_7 span.icon { background: url(../images/icon_category_7.gif) 0px center no-repeat;}
.category_list a.category_8 span.icon { background: url(../images/icon_category_8.gif) 0px center no-repeat;}
.category_list a.category_9 span.icon { background: url(../images/icon_category_9.gif) 0px center no-repeat;}
.category_list a.category_10 span.icon { background: url(../images/icon_category_10.gif) 0px center no-repeat;}

.category_list a.active {text-decoration: none; color: #FFF; font-weight: bold; background: url(../images/bg_category_active.png) left top no-repeat;}
.category_list a.active .text{text-decoration: none;}
.category_list a:hover .text {text-decoration: underline;}
/*****************************************************/

.hidden{
  visibility:hidden;
  display:none;
}

.visible{
  visibility:visible;
  display:block;
}
/************************* Galerie ****************************/
.gallery {margin-top:14px;}
.gallery .item{
  display:block;
  float:left;
  background: none;
  text-align:center;
  margin: 0px 16px 10px 0px;
}

.gallery .item a img{ border: 3px solid #E5E5E5;}
.product_3 .gallery .item a img{ border: 3px solid #333;}
.gallery .item a:hover img{ border: 3px solid #FFA101;}
.gallery .item .title{ font-style: italic;}

/************************* ARTICLE ****************************/

.article .col_content .item{ margin: 30px 0px;}
.article .col_content h3, .article .col_content h2{margin: 15px 0px;}
.article .col_content .hr{ display: block; height: 20px; background: url(../images/bg_article_hr.gif) repeat-x left top;}
.article .perex{display: block; float: left; margin: 0px 15px 15px 0px;}
.article .gallery .item{ margin: 0px 15px 15px 0px;}
/************************* Objednavka ****************************/
.email_form{ 
  display: block;
  /*height: 386px;*/
  background: url(../images/bg_order.gif) #EFEFEF repeat-x left top;
  padding: 20px 14px 10px 14px;
}
.product_3 .email_form{ background: url(../images/bg_order_black.gif) repeat-x left top;}
.product_3 .email_form .note, .email_form .note{ color: #999; font-size: 11px; font-weight: normal;}
.email_form .note{ color: #000;}
.email_form table{ width: 550px;}
.email_form table th{width: 100px; padding-bottom: 7px; padding-right: 2px; text-align: right; font-weight:normal; font-size: 13px;}
.email_form table td input{width: 180px; height:22px; border: 1px #CBCBCB solid;}
.email_form table td textarea{width: 448px; border: 1px #CBCBCB solid;}
.product_3 .email_form table td input{background: #333; border: 1px #666 solid; color: #FFF;}
.product_3 .email_form table td textarea{background: #333; border: 1px #666 solid; color: #FFF;}
.email_form table td .left{width: 165px; height:22px; border: 1px #CBCBCB solid;}
.product_3 .email_form table td .left{ border: 1px #666 solid;}
.email_form table tr td.td_submit{ padding-left: 88px;}
/************************* Videa ****************************/
.videos .item{
  display:block;
  margin: 6px 8px 6px 8px;  
  float:left;
  background: none;
  text-align:center;
}

.videos .item a img{ border: 3px solid #E5E5E5;}
.product_3 .videos .item a img{ border: 3px solid #333;}
.videos .item a:hover img{ border: 3px solid #FFA101;}

.hr2{display: block; height: 14px; background: url(../images/bg_videos_top.gif) repeat-x left top;}
.product_3 .hr2{background: url(../images/bg_videos_top_black.gif) repeat-x left top;}
/***************** Sitemap ************************/
.sitemap{min-height: 200px;_height: 200px; margin-top: 80px; _margin-top: 60px; &margin-top: 60px;}
.sitemap li{margin-bottom:5px; }
.sitemap li.product{margin-bottom:5px; margin-left: 10px; font-weight: normal;}
.sitemap .sub1{font-weight:bold;}
.sitemap .sub2{margin-left:15px;}
/*************** CONTACT_FORM *******************/
.col_content .email input, .col_content .email textarea {background:#F8F8F8; color:#000;}
.col_content .email {display:block;}
.col_content .email input{border:1px solid #888;}
.col_content .email textarea{border:1px solid #888;}
.col_content .email .submit_button{padding: 2px 40px; background:#E5227A; color:#FFF; font-weight:bold;}
.col_content .email #send_copy{border:none; background:none;}
.col_content .email table th{text-align:right; color:#666;}
.col_content .email label{font-weight:bold; color:#666;}

.not{color:#E5227A;}
.err{color:red;}
.contact .err {
  display: block; 
  background: red; 
  color: #fff;
  font-size: 11px;
  line-height: 11px; 
  padding: 5px 10px 5px 10px; 
  width: 404px; 
  margin-top: -20px; 
  &margin-top: 0px;
  _margin-top: 0px;
  margin-bottom: 5px;
  _margin-bottom: 0px;
}

.contact #contact_form h3{
  display: block; 
  _margin-bottom: -15px; 
  &margin-bottom: -15px;
}

/*-------------- NAVIGACE --------------------*/
.nav{ float:right; color: #FFF; font-weight: bold; margin-right: 50px;}
.nav a{ color: #FFF; text-decoration: none;}
.nav a:hover{ text-decoration: underline;}

.list_navigation{
  display: block;
  height: 44px;
  text-align: center;
  padding-top: 12px;
  margin: 22px 0 16px 0;
  font-size: 14px;
  background: url(../images/bg_navigation.gif) repeat-x; 
}
.list_navigation a{
  text-decoration: none;
  padding: 0px 5px;
  color: #000;
  font-weight: bold;
  border: 1px solid #F6F6F6;
}
.list_navigation a.back{ 
  background: url(../images/bg_navigation_arrow_left.gif) no-repeat; 
  padding: 0px 6px; 
  margin-right: 15px;
}

.list_navigation a.forward{ 
  background: url(../images/bg_navigation_arrow_right.gif) no-repeat; 
  padding: 0px 6px; 
  margin-left: 15px;
}

.list_navigation a:hover{border: 1px solid #000;}
.list_navigation a.active{ color: #fff; background: url(../images/bg_navigation_active.gif) repeat-x; border: 1px solid #F6F6F6;}

.people .list_navigation{ margin-bottom: 0px;}
/*************************************************************************/


.button_orange, .button_more, a.button_grey{ 
  display: block; 
  width: 95px;
  height: 22px; 
  background: url(../images/bg_button_orange.gif) repeat-x left top;
  color: #fff; 
  text-align: center;
  text-decoration: none;
  padding-top: 3px;
  font-size:13px; 
  font-weight: bold;
}

a.button_grey{ 
  display: block;
  background: url(../images/bg_button_grey.gif) repeat-x left top;
  width: 120px;
  height: 25px; 
  color: #FFF;
}

#TB_window a.button_grey{ color: #FFF;}

.button_more{
  width: 58px; 
  height: 21px; 
  font-family: Tahoma;
  position: relative;
  bottom: 15px;
  left: 202px;
}
.button_more:hover, .button_orange:hover{ background: #FD7920; cursor: pointer;}

.products .news .item, .products .favourite .item {_width: 300px;}

.products .news .button_more, .products .favourite .button_more, .people .news .button_more, .article .news .button_more, .article .favourite .button_more{
  display: block;
  background: #ED5900; 
  width: 40px; 
  height: 20px; 
  text-align: center;
  margin-top: 10px; 
  position: relative;
  left: 0px;
  z-index: 100;
}
.products .favourite .button_more, .article .favourite .button_more{ background: #000;}
.products .favourite .button_more:hover, .article .favourite .button_more:hover{ background: #222;}
.products .news .button_more:hover, .people .news .button_more:hover, .article .news .button_more:hover{ background: #F96910;}
.people .news .button_more{ position: relative;}

.td_submit .button_orange{ width: 95px; padding: 0px; margin: 0px;}
.product_3 .td_submit .button_orange{ background: url(../images/bg_button_orange.gif) repeat-x left top;}
.people a.button_orange{display: block; height: 20px; margin-left: 10px; background: #ED5900; border:0px; text-align:center; text-decoration: none;}
.people a.button_orange:hover{background: #FD6900; cursor: pointer;}
/********************* THICKBOX ORDER ******************/
/*#TB_window{ background: none; padding: 0px; margin: 0px; border: none; color: #FFF; }*/
#TB_window.email {display: block; background: url(../images/order.png) no-repeat left top; padding: 0px; margin: 0px; border: none; color: #FFF; top: 260px;  behavior: url(../css/pngbehavior.htc);}
#TB_window.email #TB_ajaxContent .order{ display: block; visibility: visible; padding: 60px 0px 15px 50px; width: 500px; height: 300px; margin-top: 70px;}
#TB_window.email .TB_overlayMacFFBGHack{ background: none;}
/*.TB_overlayBG{ background: none;}*/
#TB_window.email #TB_title{ display: none;}
#TB_window.email .order p{ font-size: 13px; line-height: 18px; width: 290px;}
#TB_window.email .order h2{ font-weight: normal; font-size: 24px;}
#TB_window.email .order .button_grey{ margin-top: 80px;} 
/*************************/
.status{ display: block; float: left; width: 16px; height: 16px; position: relative; top: 2px;  margin-left: 46px; margin-right: 20px; _margin-left: 23px;}
.status.loading{ background: url(../images/loading.gif) no-repeat left top;}
.product_3 .status.loading{ background: url(../images/loading.gif) no-repeat left top;}

.products .td_submit .button_orange{display: block; float: left; margin-bottom: 14px; &margin: 0;}
.email_form table tr td.td_submit{padding: 0;}

.under_construction{display: block; padding: 20px 30px; text-align: center; font-size: 20px; font-weight: bold;}

/*********************** CAPTCHA *******************/
.email_form table td input.captcha{width: 40px; margin-bottom: 15px; &margin-bottom: 0; position: relative; top: -3px; &top: 0; height: 20px;}
img#captcha_image{position: relative; top: 4px;}
#contact_form input.captcha{border: 1px solid #FFB500; height: 20px; position: relative; top: -3px; &top: 1px;}
#contact_form td.td_submit{text-align: right;}
/************************ IE6 *************************/
.products .item .photo .icon_hdp{ _left: 200px;}
 
.people_list .item{ _margin-bottom: -9px;_margin-right: 34px;}
.similar .item{ _margin-right: 18px;}
.similar{ _margin-bottom: 0px; _padding-top: 140px;}
.people .intro_photo{ _margin-top: -7px;}
.people_detail{ _margin-right: 0px;}
.product_list_item{ _margin-bottom: -10px;}
.people_list .item .intro_photo .bg, .similar .item .intro_photo .bg{ _position: absolute; _top: 0px; _left: -24px; _z-index: 1;}
.people_list .item{ _margin-bottom: 16px; _z-index: 1;}
.people_detail .intro_photo{ _margin-bottom: 20px;}
#footer .logos{ _margin-left: 160px;}
.category_list a{ _margin-left: 2px; _width: 215px; _display: block;}
.product_3 .col_content{_margin-top: 150px;}
.products .experience{ _margin-top: 170px;}
.contact #content{ _width: 694px;}
.home .col_content, .home .col_right{ _margin-top: -50px;}
/************************ IE7 *************************/
.products .item .photo .icon_hdp{ &left: 200px;}
.home #top_home_page{ &margin-bottom: 50px;}
 
.similar{ &margin-top: 0px; _margin-top: -160px;}
input.checkbox{ &top: 0px;}
#footer .logos{ &margin-left: 90px;}
.contact .button_send{ &margin-right: 16px; _margin-right: 0px;}
.contact .button_delete{ &margin-right: 0px;}
.contact .content{ &margin-top: 60px;}
.tooltip{ 
  position: absolute;
  display: none; 
  width: 130px; 
  height: 170px; 
  background: #FFFFFF; 
  text-align: center; 
  padding-top: 5px;
  border: 3px solid #F0F0F0;
  z-index: 10000;
}

.no_right_col .col_right {display:none;}
.no_right_col .col_content {width:880px}

#banner_facebook{
  text-align: right;
}