body, img {padding: 0; margin: 0; border: 0;}

body {font-family: "Arial", arial; font-size: 12px; color: #1a4377; padding-bottom: 3px; background: #000 url(images/web/bg_repeat.gif) repeat-x  0px 21px;}
h1 {font: bold 20px "Arial"; padding: 5px 0; margin: 0;}
h2 {font: bold 14px "Arial"; padding: 10px 0 3px 0; margin: 0;}
h3 {margin: 0; padding: 10px 0;}
sup {font: bold 14px "Arial"; color: #e4341c;}
.ClearBoth {clear: both;}


.form_product {
    margin: 0px;
    padding: 0px;
}
#lista {
    height: 21px;
    width: 100%;
}
#lista_blue_bg {
    background: url("images/web/lista_blue_bg.gif") repeat-x top left;
    float: left; 
    width: 50%;
    text-align: right;
    height: 20px;
}
#lista_blue_arrow_bg {
    background: url("images/web/lista_blue_arrow_bg.gif") no-repeat top right;
    padding-right: 15px;
}
#lista_green_bg {
    background: url("images/web/lista_green_bg.gif") repeat-x top left;
    height: 20px;
    width: 49.999999%;
    float: left;
    text-align: left;
}
#lista_green_arrow_bg {
    background: url("images/web/lista_green_arrow_bg.gif") no-repeat top left;
    padding-left: 15px;
}
.lista_green_link_zbrane {
    background: url(images/web/lista_button_zbrane.gif) no-repeat top left;
    width: 95px;
    height: 20px;
    display: block;
}
.lista_green_link_zbrane:hover {
    background: url(images/web/lista_button_zbrane_active.gif) no-repeat top left;
}

#Page {
    background: url("images/web/body_bg.jpg") no-repeat top center;
}

#Obsah {padding: 0 20px 0 0px; color: #1a4377;}
#Obsah p {line-height: 18px;}
#Container {width: 989px; margin: 0 auto;}
#Logo {padding-top: 0px; float: left; width: 187px;}

#HeaderRight {
    float: right;
    width: 798px;
    padding-bottom: 5px;
}

#menu {margin: 5px 0 12px 0; padding: 0; height: 15px; position: relative; z-index: 20;}
#menu, #menu ul { list-style: none }    
#menu ul {
      background-color: #AFD5FF;
      display: none;
      
      height: auto !important;
      width: 12.5em;
      z-index: 1;
      margin-top: 5px !important;
      padding: 5px;
      
    }
#menu a {
    float: left; 
    display: block;
    background: none;
    font: 11px "Arial";
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 11px;
    
    }
#menu li:hover a {text-decoration: underline;
    color: #fff; }
#menu li {
      float: left;
    
      position: relative;
          display: block; 
    float: left;
    background: url("images/web/menu_top_bg.gif") no-repeat center right;
    padding: 5px 10px;
    line-height: 20px;    
    }
#menu li li {
      float: none;
      margin: 0;
      padding: 0px;
     
      
    }
    #menu li li a {
      text-align: left;
      text-decoration: none !important;
      padding: 5px 0px;
      width: 100%; font-size:11px; /*100%*/
      border-bottom: 1px solid #8CAACC;
      color: #387CB7 !important;
    }
    #menu li li a:hover {
     color: #387CB7;
      text-decoration: underline !important;
      
    }
    #menu li:hover ul, #menu li.hover ul { /* 2. uroven, vysouva se dolu */
        display: block;
        position: absolute; left: 0em; top: 1.3em;
              border-left: 1px solid #387CB7;
    }
    #menu li:hover li, #menu li.hover li { display: block; }
    #menu li:hover ul ul, #menu li:hover li:hover ul ul,
    #menu li:hover li:hover li:hover ul ul,
    #menu li:hover li:hover li:hover li:hover ul ul,
    #menu li.hover ul ul, #menu li.hover li.hover ul ul,
    #menu li.hover li.hover li.hover ul ul,
    #menu li.hover li.hover li.hover li.hover ul ul { display: none }
    #menu li:hover li:hover ul, #menu li:hover li:hover li:hover ul,
    #menu li:hover li:hover li:hover li:hover ul,
    #menu li:hover li:hover li:hover li:hover li:hover ul,
    #menu li.hover li.hover ul, #menu li.hover li.hover li.hover ul,
    #menu li.hover li.hover li.hover li.hover ul,
    #menu li.hover li.hover li.hover li.hover li.hover ul {
                                           /* 3. az 6. uroven, vysouva se doprava */
        display: block;
        position: absolute; left: 101%; top: -0.8em; 
    }
    #menu p {
      clear: left;
      padding-top: 1em;
    }

 
 
/* 
#HeaderMenu ul {
    list-style-type: none;
    
    margin: 10px 0 0 0;
    padding: 0;
     
}
#HeaderMenu {margin: 0 0 5px;}
#HeaderMenu ul li {

}
#HeaderMenu, #HeaderMenu a {
    background: none;
    font: 11px "Arial";
    font-weight: bold;
    color: #afd5ff;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 11px;
}

#HeaderMenu a:hover {
    text-decoration: underline;
    color: #fff;
    
}*/
#SearchLang {float: right; padding: 20px 13px 0 0;}
#SearchLang form, #SearchLang table, #SearchLang input {padding: 0; margin: 0; border-collapse: collapse;}

#Search {color: #888888; font: bold 12px arial; border-bottom: 1px solid #e1e1e1; padding-bottom: 14px;}
#Search input.Text {background: url("images/web/search_text.gif") no-repeat; width: 136px; height: 17px; border: 0; padding-left: 5px; margin-right: 3px;}
#Search input.Button {background: url("images/web/search_button.gif") no-repeat; width: 23px; height: 17px; border: 0;}

#SearchBox {float: right; margin-right:80px;  line-height: 26px; height: 26px; position: relative; z-index: 2;}
#SearchBox strong {float: left; display: block; margin-right: 5px;}
#SearchBox input.Text {width: 102px; height: 16px; border: none; background: url(images/web/search_input.gif) no-repeat top left; margin-top: 5px; margin-right: 5px; font-size: 9px; line-height: 16px; padding: 0 5px; color: #fff; float: left;}
#SearchBox input.Button {width: 15px; height: 16px; display: block; background: url(images/web/search_submit.gif) no-repeat top left; border:  none; float: left; margin-top: 5px; cursor: pointer;}

#Lang {padding-top: 14px; text-align: center;}
#Flags {white-space: normal; padding-left: 12px;}
#Flags a {margin: 0px 0px 0px 6px;white-space: normal; display: block; float: left;}


/*
#TopMenu ul {padding: 7px 0 0 0; margin: 0; list-style: none;}
#TopMenu ul li {float: left;}
#TopMenu ul li a {font: bold 12px "Trebuchet MS"; color: #ffffff; text-decoration: none; float: left; margin: 0 11px;}
#TopMenu ul li a:hover {color: #E4341C;}
*/

#TopImg {background: url("images/web/top_img.jpg") 0 -100px no-repeat; width: 988px; height: 80px;}

#TopForms {background: url("images/web/top_forms.gif") repeat-x; height: 138px;}

/*****************************************************/
#formulare {text-align: left; padding-top: 15px;}
#formulare td {height: 25px; padding: 0; color: #ffffff; font: bold 12px arial;}
#formulare a {color: #ffffff; font-weight: normal;}

#tit-prihlaseni {float: left; padding-left: 7px; width: 150px; color: #afd5ff; margin-right: 20px;}
#tit-prihlaseni table {width: 150px;}
#login-input input, #password-input input {background: url(images/web/login_input_bg.gif) no-repeat top left; height: 11px; width: 102px; border: none; font-size: 9px; line-height: 9px; padding: 0 5px 2px 5px;}
#prihlaseni-submit input {background: url("images/web/login_submit.gif") no-repeat top left; width: 16px; height: 14px; font: bold 12px arial; color: #000000; border: 0; cursor: pointer;}
#formulare td.Reg {padding: 0 !important;}
#login-text, #password-text {font-size: 11px; color: #afd5ff; font-weight: bold; text-transform: uppercase; }
#tit-prihlaseni .logout-button {
    background: #3475AD; border: 1px solid #6595D2; width: 86px; height: 22px; color: white; font-size: 11px; text-transform: uppercase; font-weight: bold;
    margin-top: 4px; border-radius: 5px; cursor: pointer;    
}
#tit-prihlaseni a {color: #fff;}
.loginlink {
    font: 10px arial;
    color: #afd5ff;
    text-decoration: underline;
    margin-right: 5px;
    margin-top: 5px;
}

#serazeni-submit input {background: #ffffff; width: 90px; height: 19px; font: bold 12px arial; color: #000000; border: 0;}
#filtr_line {padding: 0 25px; background: #afd5ff url(images/web/filtr_bg.gif) no-repeat top left;  height: 26px; width: 721px; font: bold 11px "arial";}
#tit-filtr {float: left;  width: 55%; line-height: 26px;}

#tit-filtr .sort_btn {background: url(images/web/sort_button.gif) no-repeat top left; width: 64px; height: 18px; border: none; margin-top: 4px; display: block; float: right; cursor: pointer; margin-right: 0px;}
#tit-filtr .filtr_select {font-size: 10px; margin-right: 10px; float: left; display: block; margin-top: 4px; margin-left: 5px;}
#tit-filtr .filtr_radio {float: left; display: block; margin-top: 5px; margin-right: 10px; line-height: 26px;}
#tit-filtr strong {float: left; }
#seradit-select {}
#seradit-select select {width: 70px;}
#seradit-text {width: 90px;}
#serazeni-submit {width: 130px;}
#serazeni-submit input {width: 80px;}



#tit-kosik {float: left; padding-left: 20px; color: #fff; font-size: 11px;}
#tit-kosik strong {text-transform: uppercase; color: #afd5ff; }
#kosik {background: url("images/web/linka-kosik.gif") 2px bottom no-repeat; text-transform: uppercase;}
#kosik-submit {text-align: center;}
#kosik-submit a { color: #ffffff; font: bold 12px arial; border: 0; text-decoration: underline !important;  background: url(images/web/show_basket.gif) no-repeat top left; width: 154px; height: 22px; display: block;}

#Content{background: url("images/web/content_bg.gif") top left repeat-y; float: left; width: 989px; }
#ContentTop {background: url("images/web/content_top_bg.gif") top left no-repeat; float: left;  width: 989px;}
#ContentBottom {background: url("images/web/content_bottom_bg.gif") bottom left no-repeat; float: left;  width: 989px; padding-bottom: 50px; position: relative;}

#LeftSide {width: 199px; float: left; background: transparent; color: #ffffff; padding-top: 25px;}
#LeftSide ul {list-style-type: none; padding: 0; margin: 0 0 20px 6px;  width: 172px;}
#LeftSide ul li {}
#LeftSide ul li a {color: #ffffff;  display: block; width: 149px; background: url("images/web/leftside_li.gif") 5% 50% no-repeat; text-transform: uppercase; border-bottom: 1px solid #42699b; border-top: 1px solid #245488;
 padding: 3px 0 3px 23px; text-decoration: none; line-height: 20px; font-weight: bold;}
#LeftSide ul li a:hover {text-decoration: underline;}
#LeftSide ul li a.Active {background: url("images/web/leftside_li_active.gif") 5% 50%  no-repeat; }
/* 2. úroveň */
#LeftSide ul li ul {margin: 0;}
#LeftSide ul li ul li a {color: #ffffff; border-bottom: 1px solid #42699b; border-top: 1px solid #245488; display: block;  width: 129px; background: url("images/web/leftside_li.gif") 14% 50%  no-repeat;
 padding: 3px 0 3px 43px; text-decoration: none; font-weight: normal;}
#LeftSide ul li ul li a:hover {background: url("images/web/leftside_li.gif") 14% 50% no-repeat;}
 #LeftSide ul li ul li a.Active {background: url("images/web/leftside_li_active.gif") 14% 50%  no-repeat; }

/* 3. úroveň */
 #LeftSide ul ul li ul{margin: 0;}
#LeftSide ul li ul li ul li a {color: #ffffff; border-bottom: 1px solid #42699b; border-top: 1px solid #245488; display: block; width: 125px; background: url("images/web/leftside_li.gif") 18% 50%  no-repeat;
 padding: 3px 0 3px 48px; text-decoration: none; font-weight: normal;}
#LeftSide ul li ul li ul li a:hover {background: url("images/web/leftside_li.gif") 18% 50% no-repeat;}
 #LeftSide ul li ul li ul li a.Active {background: url("images/web/leftside_li_active.gif") 18% 50%  no-repeat; }
/* 4. úroveń */
#LeftSide ul ul ul li ul{margin: 0;}
#LeftSide ul li ul li ul li ul li a {color: #ffffff; border-bottom: 1px solid #42699b; border-top: 1px solid #245488; display: block; width: 120px; background: url("images/web/leftside_li.gif") 22% 50%  no-repeat;
 padding: 3px 0 3px 53px; text-decoration: none; font-weight: normal;}
#LeftSide ul li ul li ul li ul li a:hover {background: url("images/web/leftside_li.gif") 22% 50% no-repeat;}
 #LeftSide ul li ul li ul li ul li a.Active {background: url("images/web/leftside_li_active.gif") 22% 50%  no-repeat; }
/* 5. úroveň */
#LeftSide ul ul ul ul li ul{margin: 0;}
#LeftSide ul li ul li ul li ul li ul li a {color: #ffffff; border-bottom: 1px solid #42699b; border-top: 1px solid #245488; display: block; width: 113px; background: url("images/web/leftside_li.gif") 26% 50%  no-repeat;
 padding: 3px 0 3px 60px; text-decoration: none; font-weight: normal;}
#LeftSide ul li ul li ul li ul li ul li a:hover {background: url("images/web/leftside_li.gif") 26% 50% no-repeat;}
 #LeftSide ul li ul li ul li ul li ul li a.Active {background: url("images/web/leftside_li_active.gif") 26% 50%  no-repeat; }



.Block {width: 166px; border-bottom: 1px solid #36393f; margin-left: 16px; line-height: 14px; padding-bottom: 15px; color: #ffffff;}
.Block a {color: #ffffff;}

#RightPart {float: left; width: 790px; padding: 10px 0 0 0;}
#Middle {float: left; width: 601px; padding: 10px 9px 0 0px; min-height: 550px; position: relative;}
#Navi {color: #1a4377; font: 10px "arial"; text-transform: uppercase; margin: 0 0 10px 0;}
#Navi a {color: #1a4377; font: 10px "arial";}
#TitP, #DetP {padding: 0; margin: 0;}

#TitleProduct {margin-top: 25px; /*margin-left: -7px;*/ margin-bottom: 10px;}
#TittleProduct p {color: #1a4377;}

#TitleProduct a {color: #1a4377;}
/*#TitleProduct form {padding: 0; margin: 0 0 10px 5px; float: left;}*/


/* product style */
.product {
    background: #dfedfc url(images/web/product_bg.gif) no-repeat top left; 
    width: 598px;
    height: 134px;
    padding: 2px;
    margin-bottom: 3px;
}
.product-image {float: left; width: 170px; height: 134px; margin-right: 20px;}
.product-image img {
    width: 170px;
    border-radius: 5px;
    max-height: 134px;
} 
.product-info {
    float: left;
    width: 400px;
}
.product-info p {
    margin: 5px 0;
    font: 11px normal "arial";
    color: #1a4377;
    height: 65px;
    overflow: hidden;
}
.product-name {
    font: 14px bold "arial";
    text-decoration: none;
    color: #1a4377;
    padding: 5px 0;
    display: block;
}

.product-detail-btn {
    background: url(images/web/product_detail_btn.gif) top left no-repeat;
    color: #fff !important;
    text-transform: uppercase;
    width: 139px;
    height: 24px;
    display: block;
    float: right;
    text-decoration: none;
    font-weight: bold;
    text-align: right;
    line-height: 24px;
    padding-right: 15px;
    font-size: 11px;
    margin-top: 5px;
}

.product-span {
    background: url(images/web/product_span_left.gif) top left no-repeat;
    height: 28px;
    line-height: 28px;
    display: block; float: left;
    color: #fff;
    font-weight: bold;
    margin: 0 0 5px;
    line-height: 35px;
    padding: 0 12px 0 12px; 
    margin: 0 5px 0 0;
    position: relative;
}

.product-span span {
    background: url(images/web/product_span_right.gif) no-repeat top right;
    height: 28px;
    float: right;
    width: 7px;
    
    position: absolute;
    top: 0px;
    right: 0px;
}

.product-sklad{
float:right;
display:block;
margin-right:5px;
}

.product-sklad img{
margin-top:5px;
}

/* Product Detail */
.productDetailTitle {
    font: bold 20px "arial";
    text-decoration: none;
    color: #1a4377;
}

/*Product Child */
.product_child {
    width: 191px;
    background: url(images/web/recomendation_box_bottom.gif) bottom left no-repeat;
    padding-bottom: 4px;
    float: left;
    margin: 0 2px 2px 0; 

}
.product_child_title {
    display: table;
    margin-bottom: 5px;
    height: 45px;
    position: relative;
}
.product_child_title a {
    font-weight: bold;
    text-decoration: none;
    color: #1a4377;
    display: table-cell;
    vertical-align: middle; 
}
.product_child_top {
    background: url(images/web/recomendation_box_top.gif) bottom left no-repeat;
    width: 191px;
    height: 7px;
    display: block;
} 
.product_child_content {
    background: #afd5ff;
    border-left: 1px solid #9abde4;
    border-right: 1px solid #9abde4;
    padding: 5px;
    padding-top: 1px;
    height: 200px;
}

.product_child_image { display: table; position: relative; width: 181px; /*height: 60px;*/ background: #fff url(images/web/productchild_image_bg.gif) no-repeat top left; padding: 5px 0; overflow: hidden; text-align: center;  border-radius: 5px;}
.product_child_image a {vertical-align: middle; display: table-cell; /*height: 60px;*/}
.product_child_image img { height: 100px; max-width: 181px; clear: both; vertical-align: middle; position: relative;}
.product_child_span {
    background: url(images/web/recomendation_span_left.gif) top left no-repeat;
    height: 25px;
    line-height: 31px;
    display: block; float: left;
    font-size: 10px;
    color: #fff;
    font-weight: bold;
    padding: 0 10px; 
    margin: 5px 5px 0px 0;
    position: relative;
}
.product_child_span span {
    background: url(images/web/recomendation_span_right.gif) no-repeat top right;
    height: 25px;
    float: right;
    width: 7px;
    position: absolute;
    top: 0px;
    right: 0px;
}

table.Product {border: 1px solid #acaaa6; border-collapse: collapse; background: #ffffff; width: 198px; overflow: hidden;}
table.Product td {color: #000000; font: 12px "Arial"; line-height: 14px;}
.ProductName {padding: 8px 0 5px 8px;}
.ProductImg {width: 102px; text-align: center; padding-bottom: 5px;}
.PriceFlag {padding-right: 5px; width: 75px;}
.PriceFlag div {width: 70px; height: 20px; background: #e4341c; text-transform: uppercase; color: #ffffff !important; font: bold 14px "Arial" !important; text-align: right;
 padding-right: 8px;}
.KartForm .Text {width: 18px; border: 1px solid #acaaa6; height: 16px;}
.KartForm .Button {background: url("images/web/button_do_kosiku.gif") no-repeat; width: 52px; border: 0; height: 19px; font: bold 12px "Arial"; cursor: pointer;}
.Prices {padding-left: 8px;}
.Red {color: #e4341c; font-weight: bold;}


#RightSide {width: 161px; float: left;}
#RightSide h3 {padding-top: 30px;}
.Block2 {width: 161px; margin: 0px 0 3px 0px; line-height: 14px; padding-bottom: 4px;font: 10px "Arial";
 text-align: center; background: url(images/web/sidebox_bottom_bg.gif) no-repeat bottom left;}
 
.Block2 a:hover {text-decoration: underline;}
.Block2top {
    background: url(images/web/sidebox_top_bg.gif) no-repeat bottom left;
    width: 161px;
    height: 4px;
}
.Block2content {
       background: #afd5ff;
    border-left: 1px solid #9abde4;
    border-right: 1px solid #9abde4;
    padding: 5px;
    padding-top: 1px;
    
}
.BlockProductName a {display: block;
    font-weight: bold;
    text-decoration: none;
    color: #1a4377 !important; 
    padding-bottom: 5px;
    font: bold 11px "arial";
   }
.side_product_span {
    background: url(images/web/recomendation_span_left.gif) top left no-repeat;
    height: 25px;
    line-height: 31px;
    display: block; float: left;
    font-size: 10px;
    color: #fff;
    font-weight: bold;
    padding: 0 10px; 
    margin: 5px 5px 0px 0;
    position: relative;
}
.side_product_span span {
    background: url(images/web/recomendation_span_right.gif) no-repeat top right;
    height: 25px;
    float: right;
    width: 7px;
    position: absolute;
    top: 0px;
    right: 0px;
}
.ProductSideImage {background: #fff;
    /*rounded corners*/
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari, Chrome */
    border-radius: 5px; /* CSS3 */ 
    float: left; display: block; position: relative; width: 147px; /*height: 80px;*/ overflow: hidden; display: table-cell; vertical-align: middle; text-align: center; margin-bottom: 5px;}
.ProductSideImage img {/*max-height: 60px;*/ max-width: 136px; clear: both; vertical-align: middle; position: relative;}



.Block2 .Product {background: none; border: none; width: auto; text-align: left;}
.Block2 .Product td {color: #ffffff; font-size: 10px; padding: 0;}
.BlockProductName, .BlockProductDesc {text-align: left; }
.Block2 .Product .PriceFlag {width: 65px;}
.Block2 .KartForm input {margin-left: 3px;}
.BLeft {text-align: left;}
.Block2 .KartForm {padding-top: 3px !important;}
#Footer {background: none; height: 33px; clear: both; margin-top: 10px; color: #fff;}
#Rights { float: left; width: 350px; line-height: 30px; margin: 0px 0 0 0;}
#Rights a {color: #fff; text-decoration: none;}
#Rights a {color: #fff; text-decoration: none;}

#eshop4 {    float: right; width: 400px;    height: 20px;    line-height: 30px; text-align: right; margin: 0px;}

/************************************************ vypis ***************************************/
#Paging {margin-top: 8px; clear: both;}
#Paging a {width: 18px; border: 1px solid #acaaa6; background: #ffffff; color: #acaaa6; display: block; float: left; margin-left: 3px; text-align: center; text-decoration: none;}
#Paging a:hover {width: 18px; border: 1px solid #ffffff; display: block; background: #e4341c; color: #ffffff;}
#Paging a.Active {width: 18px; border: 1px solid #000000; display: block; background: #ffffff; color: #000000;}

/******************************************** detail ***************************************/
.DrobeckyNazev {font-weight: normal;}
#Gal {float: left; width: 270px;}
#Gal .mainImg {float: left; display: block; position: relative; width: 260px; height: auto; background: #fff url(images/web/productdetail_gal_bg.gif) no-repeat top left; padding: 5px; padding-bottom:7px; overflow: hidden; display: table-cell; vertical-align: middle; text-align: center; }
#Gal img {max-height: 206px; max-width: 260px; clear: both; vertical-align: middle; position: relative;}
#DetailThumbs {clear: both; margin-top: 6px; float: left; }
#DetailThumbs a {float: left; background: url(images/web/gal_img_bg.gif) no-repeat top left; width: 65px; height: 65px; display: table-cell; text-align: center; vertical-align: middle; margin: 0 15px 10px 0px; padding: 5px; overflow: hidden; display: block; float: left; }
#DetailThumbs a img {float: left; display: inline-table; position: relative; clear: both; max-width: 65px;}
.tag_span {position: absolute; top: 3px; left: 3px;}
.zoom {position: absolute; right: 3px; bottom: 3px;}


.dokosiku_btn {background: url(images/web/dokosiku_btn.gif) no-repeat top left; width: 104px; height: 22px; text-align: right; font-weight: bold; color: #fff; text-transform: uppercase; border: none; font-size: 11px; padding-right: 9px; display: block; float: left; line-height: 20px; margin-top: 6px;font-family: "Arial"; cursor: hand; cursor: pointer;}
.input_ks {background: url(images/web/input_ks.gif) no-repeat top left; width: 44px; height: 22px; border: none; text-align: center; font-size: 11px; line-height: 20px; float: left; margin-right: 5px;margin-top: 6px;}

.productdetail_span {
    background: url(images/web/productdetail_span_left.png) top left no-repeat;
    height: 28px;
    line-height: 28px;
    display: block; float: left;
    color: #fff;
    font-weight: bold;
    margin: 0 0 5px;
    line-height: 35px;
    padding: 0 5px 0 12px; 
    margin: 0 12px 0 0;
    position: relative;
    float: left;
}
.productdetail_span  span {
    background: url(images/web/productdetail_span_right.png) no-repeat top right;
    height: 28px;
    float: right;
    width: 7px;
    position: absolute;
    top: 0px;
    right: -7px;
}


#DetailParameters {float: left; margin-left: 20px;}
#DetailParameters table {}
#DetailParameters table td {width: 254px; font: 12px "Arial"; padding: 0; line-height: 21px; padding: 0 10px 0 15px;}
#DetailParameters table tr, #DetailParameters table tr.odd {padding: 0; margin: 0; height: 21px; background: url(images/web/productdetail_param_odd.gif) repeat-y top left; }
#DetailParameters table tr.even {padding: 0; margin: 0; height: 21px; background: url(images/web/productdetail_param_even.gif) no-repeat top left; }
#DetailParameters table td#Skladem {padding-bottom: 15px; background: url("images/web/detail_table.gif") bottom no-repeat; width: 291px;}
#DetailParameters table td#Skladem strong {color: #048613;}
#DetailParameters table td#DetailCenaBezDPH {padding-top: 15px; width: 291px;}
#DetailParameters .DetailKart {padding-top: 10px;}
#DetailParameters .Text {width: 18px; border: 1px solid #acaaa6; height: 16px; background: #ffffff;}
#DetailParameters .Button {background: url("images/web/button_do_kosiku.gif") no-repeat; width: 52px; border: 0; height: 19px; font: bold 12px "Arial";}

#Doporuceni, #PoslatKamaradovi, #Komentare {margin-top: 20px; width: 585px; }
#Doporuceni table {margin-top: 10px; background: #ffffff; border: 1px solid #acaaa6; width: 287px; padding: 8px;}
#Doporuceni table sup {font-size: 9px; font-weight: normal;}
#Doporuceni table img {margin-right: 5px;}
#Doporuceni table td {vertical-align: top; font: bold 12px "Arial"; letter-spacing: 0; line-height: 13px;}
#Doporuceni .DopImg {vertical-align: middle;}
#Doporuceni .Text {width: 18px; border: 1px solid #acaaa6; height: 16px; background: #ffffff;}
#Doporuceni .Button {background: url("images/web/button_do_kosiku.gif") no-repeat; width: 52px; border: 0; height: 19px; font: bold 12px "Arial";}
#Doporuceni .DopKart {background: url("images/web/detail_table.gif") 0 5px no-repeat; padding-top: 10px}
.LeftTab {float: left;}
.RightTab {float: right;}

#PoslatKamaradovi table, #Komentare table {margin-top: 10px;}
#PoslatKamaradovi table td {font: bold 12px "Arial";}
#VasMail {width: 65px;}
#PoslatKamaradovi input {width: 130px; height: 15px; border: 1px solid #000000;}
#MailKam {width: 100px; padding-left: 30px;}
#PoslatKamButton {padding-left: 30px;}
#PoslatKamButton input {width: 50px; background: #ffffff; border: none; height: 19px;}

/* Product detail comment/komentáře */

.add_comment {
    background: url(images/web/comment_submit.gif) no-repeat top left;
    width: 177px;
    height: 22px;
    line-height: 18px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    font-size: 11px;
    cursor: pointer;
    border: none;
    margin-top: 10px;
}
#comment_text_container {
    padding-top: 30px;
    background: url(images/web/comment_box_top.gif) no-repeat top center;
    margin-right: 9px;
}   
.comment_text {
    background: #1a4377 url(images/web/comment_box_bottom.gif) bottom center no-repeat;
    font-family:"arial";
    width: 365px;
    border: none;
    color: #fff;
    padding: 0px;
    margin: 0px;
    height: 80px;
    padding: 0 10px 10px 10px;
    resize: none;
}
.captchainput {
    width: 109px;
    height: 22px;
    color: #fff;
    line-height: 18px;
    padding: 0 5px;
    background: url(images/web/comment_input.gif) no-repeat top left;
    border: 0;
    float: left;
    display: block;
    margin-left: 5px;
    margin-top: 10px;
}
.kod {float: left;  margin-top: 10px; display: block;}

#Komentare table td {font: bold 12px "Arial"; vertical-align: top;}
#Komentare #KomentJmenoInp input {height: 15px; border: 1px solid #000000;}
#Komentare #KomentOpisKodInp input {height: 15px; border: 1px solid #000000; width: 60px;}

#KometText {vertical-align: top;}


#Historie {margin-top: 10px; width: 585px;  padding-top: 5px;}
#Historie table td {font: normal 12px "Arial";}
#Historie table .Odpoved td {padding-left: 30px; color: #e4341c;}

hr.cleaner {clear:both;display: none}
.brcko{clear: left;}
.clearboth { clear: both; }


/********************************************* zapomenute heslo **********************************/
#Heslo table {margin-left: 80px;}
#Heslo table td {text-align: right; font-size: 12px;}
#Heslo table td input {border: 1px solid #000000; background: #ffffff;}


/******************************************** objednavka ****************************************/
#KontrolaUdaju th, #VyberDopravy th, #Registrace th {font: bold 18px "Arial"; text-align: left; padding-bottom: 20px;}
#KontrolaUdaju .RightTab th, #VyberDopravy .RightTab th {padding-bottom: 10px;}
#KontrolaUdaju .RightTab #Nevyplnujte, #VyberDopravy .RightTab #Nevyplnujte, #Registrace .RightTab #Nevyplnujte {font: normal 10px "Arial";}
#KontrolaUdaju .RightTab, #VyberDopravy .RightTab {margin-right: 50px;}
#KontrolaUdaju td, #VyberDopravy td {font-size: 12px; line-height: 13px; padding-right: 5px;}
#KontrolaUdaju .BigRed, #VyberDopravy .BigRed {margin: 0;}
#KontrolaUdaju .BigRed a, #VyberDopravy .BigRed a {font: bold 18px "Arial"; color: #1a4377;}

.BigRed input {font: bold 18px "Arial"; color: #1a4377; background: none; border: 0; cursor: pointer !important;}

#VyberDopravy input {height: 15px; border: 1px solid #000000; background: #ffffff; width: 120px;}
#VyberDopravy select {height: 19px; border: 1px solid #000000; background: #ffffff; width: 120px;}
.Podminky input {width: 20px !important;}
.Podminky a {color: #000000;}

#VyberDopravyTop {width: 585px; background: url("images/web/detail_table.gif") 0 bottom repeat-x; margin-bottom: 15px; padding-bottom: 15px;}
#VyberDopravyTop form, #VyberDopravyTop table {padding: 0; margin: 0;}
#VyberDopravyTop table.Login td {padding: 0 25px 0 0;}
#VyberDopravyTop table.Login input {height: 15px; border: 1px solid #000000; background: #ffffff; width: 120px;}
#VyberDopravyTop table.Login input.button {height: 19px; border: 1px solid #000000; background: #ffffff; width: 120px;}

table#Kosik {border-collapse: collapse; width: 600px;}
#Kosik th {color: #ffffff; background: #2B588F; font-size: 11px; padding: 2px 5px;}
#Kosik td {font-size: 11px; color: #768390; padding: 5px; text-align: center; vertical-align: middle;}
#Kosik a {color: #768390;}
#Kosik a:hover {color: #979fa7;}
#Kosik .svetly td {background: #f2f2f2;}
#Kosik .tmavy td {background: #cdcdcd;}
#Kosik th.KosikNazev, #Kosik td.KosikNazev {text-align: left; width: 140px;}
.KosikMn input {border: 1px solid #768390; width: 30px; text-align: center;}
.KosikDel input {background: url("images/web/kosik_del.gif") no-repeat; width: 14px; height: 14px; border: 0; font-size: 1px; color: red; cursor: pointer;}

#Registrace input {height: 15px; border: 1px solid #000000; background: #ffffff; width: 120px;}

#Soucet {margin-top: 15px;}
#Soucet td {font-size: 11px; line-height: 13px;}
.BigRed a {font: bold 18px "Arial"; color: #1a4377;}

#RegistraceButton {padding-top: 30px;}
#RegistraceButton input {background: #e4341c; color: #ffffff; border: 1px solid #ffffff; height: 19px;}

#FaktZahlavi {background: url("images/web/faktura_zahlavi.jpg") no-repeat; height: 68px; width: 701px; text-align: center;}
#FaktZahlavi input {border: 0; background: none; text-align: center; margin-top: 25px; color: gray;}

.RegOkNot img {margin-left: 3px;}


.BigRed input {font: bold 18px "Arial"; color: #1a4377; background: none !important; border: 0 !important; width: auto !important; height: auto !important;
 text-decoration: underline !important;}
 
/*******************************************objednavka**********************/
.zrusit-objednavku-active, .zrusit-objednavku-deactive {border: 0; height: 16px; width: 16px; padding: 0; margin: 0;}
.zrusit-objednavku-active {background: url("images/web/zrusit-objednavku-active.gif") no-repeat;}
.zrusit-objednavku-deactive {background: url("images/web/zrusit-objednavku-deactive.gif") no-repeat;}
#seznam-objednavek th {border-right: 1px solid #5a5a5a; color: #5a5a5a; height: 12px; font: 10px verdana;}
#seznam-objednavek td {font: 10px verdana;}
#seznam-objednavek {width: 500px;}

#seznam-objednavek th.stav {width: 30px;}
#seznam-objednavek td.stav {text-align: center;}

#seznam-objednavek th.cislo-objednavky {text-align: left; width: 110px;}

#seznam-objednavek th.datumacas {text-align: left; width: 120px;}
#seznam-objednavek th.zobrazit {width: 50px;}
#seznam-objednavek td.zobrazit {text-align: center;}
#seznam-objednavek .pdf {width: 40px;}
#seznam-objednavek td.pdf {text-align: center;}
#seznam-objednavek td.zrusit {text-align: center;}
#seznam-objednavek-legenda {margin-top: 20px; width: 585px; background: url("images/web/detail_table.gif") repeat-x; padding-top: 10px;}
#legenda {margin-left: 25px;}
/*#seznam-objednavek .cislo-objednavky
#seznam-objednavek .datumacas
#seznam-objednavek .zobrazit
#seznam-objednavek .pdf
#seznam-objednavek .zrusit*/


#Registrace .RightTab {margin-right: 30px;}
 
 
 
 
 
 
 
/*menu*/

.default
{
font-weight:bold;
cursor:default;
padding:0px 0px 0px 0px;
}

a .menutext
{
font-weight:bold;
cursor:pointer;
cursor:hand;
}


    /** { margin: 0; padding: 0 }*/

/*#TopMenu ul {padding: 7px 0 0 0; margin: 0; list-style: none;}
#TopMenu ul li {float: left;}
#TopMenu ul li a {font: bold 12px "Trebuchet MS"; color: #ffffff; text-decoration: none; float: left; margin: 0 11px;}
#TopMenu ul li a:hover {color: #E4341C;}*/      

 
 
 
 
 
 
/* LIGHTBOX2 */
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/web/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/web/lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

/* What is this??
#imageData
{ 
    padding:0 10px; color: #666; background: url("../js") no-repeat;
    width: 0px;
    height: 0px;
}
*/

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }     
#imageData #caption{ font-weight: bold;     }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;     }               
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}           
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* .LIGHTBOX2 */

/* Two Column Content layout */
#RightColumn {
    float: right;
    width: 46%;
}

#LeftColumn {
    float: left;
    width: 52%;
}

#LeftColumn table, #RightColumn table {
    width: 100%;
    vertical-align: middle;
}

#LeftColumn h3, #RightColumn h3 {
    font-size: 14px;
    text-decoration: underline;
    font-weight: normal;
    margin: 15px 0 14px 0;
    padding: 0px;
}

#LeftColumn input, #RightColumn input {
    width: 140px;
}


/* default submit */
input.defaultSubmit {
    background: #666666 !important;
    border: 1px solid #333333;
    color: white !important;
    border-radius: 8px;
    padding: 4px 5px;
    cursor: pointer;
}

input.defaultSubmit:hover {
    background: #333 !important;
}

/* Form addition */
.check_button { 
    margin: 3px 10px 0 0;
}

.require_field {
    color: red;
    font-weight: bold;
}

.centering {
    text-align: center;
    margin-left: 0 auto;
    margin-right: 0 auto;
    margin-top: 15px;
    
}

/* define fontsize */
.fontsize-10 { font-size: 10px; }
.fontsize-11 { font-size: 11px; }
.fontsize-12 { font-size: 12px; }
.fontsize-13 { font-size: 13px; }

/* define fontstyle */

.italic { font-style: italic;}
.noitalic {font-style: normal !important;}

.bold { font-weight: bold;}
.nobold { font-weight: normal !important;}

/* define margin */
.nomarginbottom {
    margin-bottom: 0px !important;
}





#dalekohled {
    position: absolute;
    top: -70px;
    right: -20px;
    z-index: 1;
}
#pagination {
    text-align: left;
    float: right;
}
#pagination li { display: block; float: left;}

#pagination li a {
    background: #ffffff url("images/web/pagination.gif") no-repeat bottom left;
    text-align: center; 
    margin: 0 2px;
    line-height: 21px;
    color: #1a4377;
    text-decoration: none;
    overflow: hidden;
    width: 21px;
    font-weight: bold;
    display: block;
    float: left;
}

#pagination li.active a, #pagination li:hover a  {
    background: #ffffff url("images/web/pagination.gif") no-repeat top left;
    color: #fff;
}


/* Comment list */

.comment {
	width: 579px;
	background: url(images/web/comment_list_top.gif) no-repeat top left;
	padding: 32px 0 0 0;
    margin: 10px 0;
}
.commentContent {
	width: 539px;
	color: #1a4377;
	background: #afd5ff;
	font: normal 12px "Arial";
	padding: 5px 20px 5px 20px;
}
.commentBottom {
	width: 579px;
	height: 15px;
	background: url(images/web/comment_list_bottom.gif) no-repeat bottom left;
}
.commentContent a {
	font-style: italic;
	text-decoration: underline;
	color: #1a4377;
}
.alignright {
	text-align: right; 
}
.comment p {
margin: 5px 0;
}

#newitemnotify{
position:relative;top:10px;left:0px;
padding-top:10px;
text-align:center;
font-weight:bold;
color:red;
font-size:14px;
cursor: hand; cursor: pointer;
}


.categories{
float:left;
clear:both;
width:550px;
margin-bottom:30px;
}

.categories h2{
margin-left:20px;
font-size:16px;
}

.vyrobce, .category{
float:left;
width:150px;
height:120px;
padding:10px;
text-align:center;
}

.vyrobce img, .category img{
display:block;
margin:auto;
}

#prev_div, #prev_div img{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
#prev_div{
	border: 1px solid #AFD5FF;
	padding: 0px;
	background-color: #AFD5FF;
}

.galimg{
padding:1px;
}

#news_cont .news_item
{
clear:both;	
}

#news_cont .news_item p
{
padding:0px;
margin:0px;
text-align:justify;
margin-right:10px;
}

#news_cont img
{
	float:left;
	margin-right:10px;
	margin-bottom:5px;
}
.lowercase {text-transform: lowercase !important; text-decoration: none !important; }