body,img,h1,h2,h3,h4,h5,h6,p,form,li,td,th {margin:0;padding:0;}

/*******************************LAYOUT****************************************/


body{

    background: #ededed url('../images/ukoncovaci_lista.gif') repeat-x bottom left; 
    font-family: Arial;
    font-size: 13px;
    text-align: center;
    color: black;

}

#wrap{
    
    background: url('../images/bg_all_web.gif') repeat-y;
    position: relative;
    text-align: left;
    width: 976px;
    margin: 0px auto;
    margin-top: 14px;
      
}

#wrap-bezpozadi {
   position: relative;
   width: 976px;
}

#top-web-corners{
     
     background: url('../images/top_web_corner.png') top left no-repeat;
     width: 976px; 
     height: 30px;     
     
}


#top-left{
     float: left;
    
     width: 763px;
     


}
     #top-header{
         
         
          background: url('../images/top_banner.png') top left no-repeat;
          width: 755px;
          position: relative;
          height: 100px;
          margin-left: 8px;
          margin-top: -20px;
          margin-bottom:5px;
     
     }
        #flag-ru {
            background: url('../images/flag_03.jpg') top left no-repeat;    
            position: absolute;
            top: 5px;
            left: 651px;
            width: 25px;
            height: 20px;
            
        }
     
        #flag-cz {
            background: url('../images/flag_05.jpg') top left no-repeat;    
            position: absolute;
            width: 25px;
            top: 5px;
            left: 681px;
            height: 20px;
           
        }
        
        #flag-en {
            background: url('../images/flag_07.png') top left no-repeat;    
            position: absolute;
            top: 5px;
            left: 709px;
            width: 25px;
            height: 20px;
            
            
        }
          
     
     #newsletter {
          position: absolute;
               
          z-index: 0;
          top: 40px;
          left: 490px;
          background: url('../images/bg_newsletter.png') top left no-repeat;
          width: 263px;
          height: 60px;
               
          }
     
     #left-column{
          float: left;
          width: 203px;
     }

          #vyhledat {width:192px; height: 22px; margin-left: 7px; margin-bottom: 0px;}
          
          .round-box-top-left{
               clear: both;
               font-size: 0px;
               background: url('../images/box_corner_top_left.png') top left no-repeat;
               margin-left: 3px;
               width: 200px; 
               height: 14px;
               
     
          }
     
          .round-box-content-left{
               background: url('../images/box_corner_content_left.png') repeat-y;
               width: 200px; 
               margin-left: 3px;
          }
     
          .round-box-bottom-left{
               font-size: 0px;
               background: url('../images/box_corner_bottom_left.png') top left no-repeat;
               width: 200px; 
               height: 10px;
               
               margin-left: 3px;
          }
          
     
     #content{
          float: right;
          width: 560px;
     
     }
          #banner{
               
               /*background: url('../images/banner.jpg') top left no-repeat;*/
               width: 560px;
               /*height: 248px;*/     
               
               margin-bottom: 17px;
               
          }
            #banner img { display: block; }
          
            #banner_menu {
                width: 560px;
                height: 30px;
                background-image: url('../images/bg.banner_menu.jpg');
                Overflow: hidden;
            }

                #banner_menu ul {
            	    margin: 0;
            	    padding: 0;
                    display: block;
                    float: left;
                    margin-left: 31px;
                    list-style-type: none;
                    background-image: url('../images/bg.banner_ul.jpg');
                    background-repeat: no-repeat;
                    background-position: right 0px;
                    padding-right: 1px;    
                    display: inline;
                }
                    
                    #banner_menu ul li {
                        float: left;
                        height: 30px;
                        display: block;
                        background-image: url('../images/bg.banner_li.jpg');
                        background-repeat: no-repeat;
                        background-position: right 0px;
                        padding-right: 1px;
                        _width: 50px;
                        min-width: 50px;
                        
                    }
                    
                        #banner_menu ul li a {
                            display: block;
                            height: 30px;
                            background-image: url('../images/bg.banner_btn.jpg');
                            line-height: 30px;
                            padding: 0px 11px 0px 12px;
                            color: white;
                            font-weight: bold;
                            text-decoration: none;
                            font-size: 11px;
                            text-transform: uppercase;
                            white-space: nowrap;
                        }
                            #banner_menu ul li a:Hover { text-decoration: none; }
                        
                        #banner_menu ul .select a { background-image: url('../images/bg.banner_btnHover.jpg'); color: #cbb9b4; }
                    
                #banner_menu ol {
                    display: block;
                    float: right;
                    margin: 0px;
                    /*margin-right: 23px;
                    _margin-right: 12px;*/
                    padding-right: 23px;
                    list-style-type: none;
                }
                
                    #banner_menu ol li {
                        display: block;
                        float: left; 
                    }
                    
                        #banner_menu ol li a { width: 41px; height: 30px; display: block; }
                        #banner_menu ol li a span { display: none; }
                        #banner_menu ol li .stop_select { background-image: url('../images/btn.banner_stop_select.jpg'); }
                        #banner_menu ol li .play_select { background-image: url('../images/btn.banner_play_select.jpg'); }
                        
                
                
                
                
          .box-product{
               position: relative;
               display: inline;
               background: url('../images/window_item.png') top left no-repeat;
               float: left;
               width: 184px;
               margin-right: 4px;
               height: 300px;
               margin-bottom: 4px;
          
          }

          .box-product-last {
               
               position: relative;
               display: inline;
               background: url('../images/window_item.png') top left no-repeat;
               float: left;
               width: 184px;
               margin-right: 0px;
               height: 300px;
               margin-bottom: 4px;
          
          }
          
          
          
          
             
               
                    div.image-product {
                    	text-align: center;
                    	width: 159px;
                    	height: 172px;
                    	margin-left: 11px;
                         margin-top: 14px;
                    	position: relative;
                         overflow: hidden;
                    }
                    div.image-product div {
                    	display: table-cell;
                    	vertical-align: middle;
                    	text-align: center;
                    	width: 159px;
                    	height: 172px;	
                    	
                    	_position: absolute;
                    	_height: auto;
                    	_top: 50%;
                    	_left: 50%;
                    }
                    div.image-product a {
                    	background: none !important;
                    }
                    div.image-product img {
                    	margin: 0;
                    	padding: 0;
                    	border:0;
                    	
                    	_top: -50%;
                    	_left: -50%;
                    	_position: relative;
                    	
                    }               
               
               
               .text-product {
                    
                    width: 165px;
                    margin-left: 11px;
               
               }

#right{
     float: left;
     width: 213px;
     
    
     
    
}

     #login-box{
          position: relative;
          background: url('../images/login.png') top left no-repeat;
          width: 200px;
          height: 100px;
          margin-left: 5px;
          margin-top: -20px;
          
     }

     #shopping-cart-box{
          position: relative;
          background: url('../images/shopping_cart_box.png') top left no-repeat;
          width: 200px;
          height: 100px;
          margin-top: 5px;
          margin-left: 5px;
          margin-bottom: 2px;
          color: white;
     }

     .round-box-top{
          font-size: 0px;
          background: url('../images/box_round_top.png') top left no-repeat;
          width: 210px; 
          height: 14px;
               
     
     }

     .round-box-content{
          position: relative;
          background: url('../images/box_round_content.png') repeat-y;
          width: 210px; 
     
     }

     .round-box-bottom{
          background: url('../images/box_round_bottom.png') top left no-repeat;
          width: 210px; 
          font-size: 0px;
          height: 13px;
          
     }

#bottom-menu {
     
     clear: both;
     
     
     font-size: 12px;
     text-align: center;
     
     
     color: #666666;

}


#cards {
     margin-top: 5px;
     margin-left: 12px;
     margin-bottom: 5px;
     border-bottom: 1px solid #cfcfcf;
     width: 950px;
     text-align: center;


}


#bottom-web-corners{
     background: url('../images/bottom_web_corner.png') top left no-repeat;
     clear: both;
     width: 976px; 
     height: 26px;     

}


#firmy {margin-left: 38px; text-align: left; }

#copyright{text-align:center;  font-size: 11px; color: #333333; padding-top: 5px; padding-bottom: 15px; line-height: 1.4}


/****************************************LAYOUT OSTATNI***************************************************/

#detail-product {width: 550px; margin-left: 4px;}
#kategorie {width: 550px; margin-left: 4px;}
#popis {width: 257px; float: right;}

.produkt-doporucujeme { background: url('../images/box_product_doporucujeme.png') top left no-repeat; width: 137px; height: 300px; float: left; margin-right: 4px; margin-bottom: 5px; margin-top: 5px; display: inline; }
.produkt-doporucujeme-last { background: url('../images/box_product_doporucujeme.png') top left no-repeat; width: 137px; height: 300px; float: left; margin-right: 0px;  margin-bottom: 5px; margin-top: 5px; display: inline; }
.produkt-doporucujeme div.image-doporucujeme {
                    	text-align: center;
                    	width: 126px;
                    	height: 125px;
                    	margin-left: 5px;
                         margin-top: 10px;
                    	position: relative;
                         overflow: hidden;
                    }
div.image-doporucujeme div {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 126px;
	height: 125px;	
	
	_position: absolute;
	_height: auto;
	_top: 50%;
	_left: 50%;
}
div.image-doporucujeme a {
	background: none !important;
}
div.image-doporucujeme img {
	margin: 0;
	padding: 0;
	border:0;
	height:125px;
	
	_top: -50%;
	_left: -50%;
	_position: relative;
	
}               


.text-doporucujeme {
                    
                    width: 111px;
                    margin-left: 11px;
                    height: 98px;
                    overflow: hidden;
               
               }

.produkt-doporucujeme-last div.image-doporucujeme {
                    	text-align: center;
                    	width: 126px;
                    	height: 125px;
                    	margin-left: 5px;
                         margin-top: 10px;
                    	position: relative;
                         overflow: hidden;
                    }
div.image-doporucujeme-last div {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 126px;
	height: 125px;	
	
	_position: absolute;
	_height: auto;
	_top: 50%;
	_left: 50%;
}
div.image-doporucujeme-last a {
	background: none !important;
}
div.image-doporucujeme-last img {
	margin: 0;
	padding: 0;
	border:0;
	height:125px;
	
	_top: -50%;
	_left: -50%;
	_position: relative;
	
}               


.text-doporucujeme-last {
                    
                    width: 111px;
                    margin-left: 11px;
               
               }







.strankovani { clear: both; width: 559px; height: 29px; background: url('../images/bg_strankovani.png') top left no-repeat; margin-left: 0px; margin-bottom: 4px; margin-top: 8px;} 
.strankovani-bottom { clear: both; width: 559px; height: 29px; margin-left: 0px; margin-bottom: 4px;} 


#kategorie h1 {font-size: 14px; color: #805547; padding-bottom: 5px;}
#detail-product h1 {font-size: 14px; color: #805547; border-bottom: 1px solid #805547; padding-bottom: 5px; margin-bottom: 5px;}
p.nadpis  {font-size: 13px; color: black; border-bottom: 1px solid #805547; padding-bottom: 5px; font-weight: bold;}
#detail-product h2 {font-size: 13px; color: #6d9d31; margin-bottom: 6px; clear: both;}
#kategorie h2 {font-size: 13px; color: #6d9d31; margin-bottom: 4px; clear: both; margin-top: 5px;}
#detail-product p.nadpis-doporucujeme {font-size: 13px; color: #6d9d31; margin-bottom: 2px; clear: both; font-weight: bold;}


#detail-product table {font-size: 11px; border-collapse: collapse; width: 100%; margin-bottom: 20px;}
#detail-product table td {border-bottom: 1px solid #e7e8e9; padding: 5px 0px; vertical-align: middle;}
#detail-product table td.first_column {width: 106px;}
#detail-product table td.pul {width: 50%;}

table.top5 {font-size: 11px; margin-left: 14px;}
table.top5 td.top5img {text-align: center;}
table.top5 span.cena2 {position: relative; top: 3px; font-size: 11px;}
.cena {font-size: 14px; color: #805547; font-weight: bold;}
.sleva {font-size: 13px; color: #6d9d31; font-weight: bold;}
.zdarma {color: #6d9d31; font-weight: bold;}
.darek {font-size: 12px; color: #805547; font-weight: bold;}


.box-kategorie {float: left; width: 102px; height: 94px; background: url('../images/box_kategorie.png') top left no-repeat; margin-right: 9px; margin-bottom: 9px; }
.box-kategorie-last {float: left; width: 102px; height: 94px; background: url('../images/box_kategorie.png') top left no-repeat; margin-right: 0px; margin-bottom: 9px; }
.box-kategorie div.image-kategorie {
                    	text-align: center;
                    	width: 89px;
                    	height: 50px;
                    	margin-left: 6px;
                         margin-top: 11px;
                    	position: relative;
                         overflow: hidden;
                    }
.box-kategorie div.image-kategorie div{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 89px;
	height: 50px;	
	
	_position: absolute;
	_height: auto;
	_top: 50%;
	_left: 50%;
}
.box-kategorie div.image-kategorie a {
	background: none !important;
}
.box-kategorie div.image-kategorie img {
	margin: 0;
	padding: 0;
	border:0;
	height:50px;
	
	_top: -50%;
	_left: -50%;
	_position: relative;
	
}               

.box-kategorie p {text-align: center;}


.box-kategorie-last div.image-kategorie {
                    	text-align: center;
                    	width: 89px;
                    	height: 50px;
                    	margin-left: 6px;
                         margin-top: 11px;
                    	position: relative;
                         overflow: hidden;
                    }
.box-kategorie-last div.image-kategorie div{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 89px;
	height: 50px;	
	
	_position: absolute;
	_height: auto;
	_top: 50%;
	_left: 50%;
}
.box-kategorie-last div.image-kategorie a {
	background: none !important;
}
.box-kategorie-last div.image-kategorie img {
	margin: 0;
	padding: 0;
	border:0;
	
	_top: -50%;
	_left: -50%;
	_position: relative;
	
}               

.box-kategorie-last p {text-align: center;}










#prihlaseni {position: relative; width: auto; height: 30px; background: url('../images/bg_prihlaseni.png') top left no-repeat; margin-bottom: 20px; margin-top: 15px;}

/************************************objednavka KROKY***********************************************/
#krok-1 { width: 550px; height: 55px; background: url('../images/krok1.png') top left no-repeat; margin-bottom: 22px; position: relative;} 
#krok-2 { width: 550px; height: 55px; background: url('../images/krok2.png') top left no-repeat; margin-bottom: 22px; position: relative;} 
#krok-3 { width: 550px; height: 55px; background: url('../images/krok3.png') top left no-repeat; margin-bottom: 22px; position: relative;} 
#krok-4 { width: 550px; height: 55px; background: url('../images/krok4.png') top left no-repeat; margin-bottom: 22px; position: relative;}
#krok-5 { width: 550px; height: 55px; background: url('../images/krok5.png') top left no-repeat; margin-bottom: 22px; position: relative;}  

#krok-1,#krok-2,#krok-3,#krok-4,#krok-5 p {font-size: 12px; font-weight: bold;}
p.krok1 {position: absolute; bottom: -15px; left: 0px;}
p.krok2 {position: absolute; bottom: -15px; left: 75px; text-align: center; width:150px;}
p.krok3 {position: absolute; bottom: -15px; left: 200px; text-align: center; width:150px;}
p.krok4 {position: absolute; bottom: -15px; left: 323px; text-align: center; width:150px;}
p.krok5 {position: absolute; bottom: -15px; right: 5px; text-align: right; width: 150px;}





/*******************************ODSTAVCE*********************************************/
#newsletter p {color: white; padding-top: 5px; padding-left: 10px;}

#shopping-cart-box p.items {position: absolute; top: 35px; left: 9px; font-size: 11px;  line-height: 1.5}
#shopping-cart-box p.cost {position: absolute; top: 35px; left: 119px; font-size: 11px; line-height: 1.5}
#shopping-cart-box p span {font-size: 14px; font-weight: bold;}

.round-box-content-left p.name, .round-box-content p.name {padding-left: 14px; font-size: 11px; padding-bottom: 2px; color: #805547; font-weight: bold; line-height: 1.4;}
.round-box-content-left p {padding-left: 10px; padding-right: 10px; font-size: 12px; color: #333333; line-height: 1.4}
.round-box-content p {padding-left: 14px; padding-right: 10px; font-size: 11px; color: #333333; line-height: 1.4}
p.okraje {padding-left: 12px; padding-top:15px; padding-bottom: 7px;}

#bottom-menu p {padding-top: 5px; padding-bottom: 9px; border-bottom: 1px solid #cfcfcf; width: 950px;
     border-top: 1px solid #cfcfcf; margin: 0 auto; font-size: 11px;}

p.nova-registrace {margin-left: 135px; padding-top: 32px; font-size: 11px;}
p.sleva {margin-left: 135px; padding-top: 32px; font-size: 11px; color: white;}
p.ztrata-hesla {margin-left: 135px; padding-top: 5px; font-size: 11px;}
p.jmeno {font-size: 11px; color: white; padding-top: 36px; padding-left: 10px;}
p.prijmeni {font-size: 11px; color: white; padding-left: 10px; padding-top: 5px;}

#login-box span {float: left; width: 45px;}

p.nazev_box_product {font-size: 11px; font-weight: bold; padding-bottom: 4px; }
p.cena_box_product {font-weight: bold; font-size: 11px;   }
p.popis_box_product {font-size: 10px; width: 163px; height: 38px; overflow: hidden;   }

p.nazev_box_product_doporucujeme {font-size: 11px; font-weight: bold; padding-bottom: 4px; }
p.cena_box_product_doporucujeme {font-weight: bold; font-size: 11px;   }
p.popis_box_product_doporucujeme {font-size: 10px; width: 111px; height: 52px; overflow: hidden; }


p.navigation {padding-left: 4px; padding-bottom: 15px; font-size: 11px;}
#detail-product p {padding-bottom: 8px; font-size: 11px; line-height: 1.4}
#kategorie p {padding-bottom: 8px; line-height: 1.4; font-size: 11px; }
.strankovani p {float:right; color: white; font-weight: bold; padding-right: 10px; padding-top: 5px;}
.strankovani-bottom p {float:right; color: #666666; font-weight: bold; padding-right: 10px; padding-top: 5px;}
#banner p {padding-left: 5px; font-size: 11px;}

.vydelavejte span.vyd {position: absolute; top: 15px;  font-weight: bold; color: #805547; left: 15px;}
.vydelavejte span.prov {position: absolute; top: 52px; left: 15px;}
.vydelavejte span.inf {position: absolute; left: 15px; top: 90px; font-size: 11px; text-decoration: underline;}
p.odrazka {background: url('../images/arrow.gif') top left no-repeat; padding-left: 10px; padding-bottom: 2px;}
/************************************ODKAZY*********************************************/
a {color: #805547;} 
a.dark {color: #333333;} 

a:hover {text-decoration: none;}
a img {border: none;}
#top-header a {display: block; width: 280px; height: 100px;}

#bottom-menu a {color: #333333; text-decoration: none;}
#bottom-menu a:hover {color: #805547;}

#login-box a {color: white;}

ul.menu a.aktiv {color: #805547;}
ul.menu a {text-decoration: none; color: black;}
ul.menu a:hover {text-decoration: none; color: #805547;}            

p.nazev_box_product_doporucujeme a {color: black; font-size: 11px;}
p.nazev_box_product_doporucujeme a:hover {color: #805547; font-size: 11px;}

p.nazev_box_product a {color: black; font-size: 11px;}
p.nazev_box_product a:hover {color: #805547; font-size: 11px;}

p.navigation a {font-size: 11px; color: black; text-decoration: none;}
p.navigation a:hover {color: #805547;}

table.top5 a {color: black;}
table.top5 a:hover {color: #805547;}
table {line-height: 1.4}

a.zpet_katalog {display: block; width: 120px; height: 22px; background: url('../images/button_zpet_do_katalogu.png') no-repeat;}
input.koupit {display: block; width: 92px; height: 30px; background: url('../images/button_koupit.png') no-repeat;}
input.objednavka {display: block; width: 208px; height: 30px; background: url('../images/button_objednavka.png') no-repeat;}
input.potvrdit {display: block; width: 208px; height: 30px; background: url('../images/potvrditaprejit.png') no-repeat; float: right;}
a.potvrdit {display: block; width: 208px; height: 30px; background: url('../images/potvrditaprejit.png') no-repeat; float: right;}
input.smazat {display: block; display: inline; width: 101px; height: 22px; background: url('../images/button_smazatpolozku.png') no-repeat; float: right; margin-right: 27px;  margin-top: 5px;}
a.krok-zpet {display: block; width: 95px; height: 22px; background: url('../images/button_krokzpet.png') no-repeat;}
a.ukazat {display: block; width: 77px; height: 18px; background: url('../images/button_ukazat.jpg') no-repeat; position: absolute; top: 76px; left: 40px;}

a.obrazky-clanky {display: block; float: left; margin-right: 15px; margin-top: 15px;}

.strankovani a {color:white; text-decoration: none;}
.strankovani a.aktiv {color: #d2c2bd;}
.strankovani a:hover {color: #d2c2bd;}

.strankovani-bottom a {color:#666666; text-decoration: none;}
.strankovani-bottom a.aktiv {color: #805547;}
.strankovani-bottom a:hover {color: #805547;}

.box-kategorie p a {color: #666666; text-decoration: none; font-weight: bold; font-size: 11px; display: block; width: 100px; height: 50px;}
.box-kategorie p a.aktiv {color: #805547; text-decoration: none; font-weight: bold; font-size: 11px;}
.box-kategorie p a:hover {color: #805547;}

.box-kategorie-last p a {color: #666666; text-decoration: none; font-weight: bold; font-size: 11px;}
.box-kategorie-last p a.aktiv {color: #805547; text-decoration: none; font-weight: bold; font-size: 11px;}
.box-kategorie-last p a:hover {color: #805547;}

a.vydelavejte {position: relative; background: url('../images/vydelavejte.jpg') no-repeat; width: 200px; height: 135px; display: block; margin-left: 3px; font-size: 12px; color: #333333; text-decoration: none; overflow: hidden;}


.celkova_cena {font-size: 14px; color: #805547; font-weight: bold; position: relative; top: 5px;}

.mini-banner1 {background: url('../images/mini_banner1.png') no-repeat; width: 210px; height: 61px; display: block; font-size: 12px; color: #333333; text-decoration: none; position: relative;}
.mini-banner2 {background: url('../images/mini_banner2.png') no-repeat; width: 210px; height: 60px; display: block; font-size: 12px; color: #333333; text-decoration: none; position: relative;}
.mini-banner3 {background: url('../images/mini_banner3.png') no-repeat; width: 210px; height: 60px; display: block; font-size: 12px; color: #333333; text-decoration: none; position: relative;}
.mini-banner4 {background: url('../images/mini_banner4.png') no-repeat; width: 210px; height: 79px; display: block; font-size: 12px; color: #333333; text-decoration: none; position: relative;}



a.mini-banner1 span, a.mini-banner2 span, a.mini-banner3 span, a.mini-banner4 span {position: absolute; left:15px; top: 15px;}

a.mini-banner4 span span {font-size: 10px; text-decoration: underline; position: absolute; left: 0px; top: 30px; }

/*****************************************OBRAZKY*******************************************/
img.mini-banner {margin-bottom: 4px; margin-left: 4px;}
img.colors {float: left; margin-top: 6px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; }
img.banner-vydelavejte {margin-left: 7px;}
img.skype {position: absolute; top: 2px; left: 164px; }
img.hr1 {position: absolute; top: 40px; left: 103px;}
img.hr2 {position: absolute; top: 0px; left: 149px;}
img.main-banner {margin-top: 2px;  margin-bottom: 4px;}
img.heart {float: right; margin-right: 20px; margin-top: 15px; margin-left: 5px; margin-bottom: 10px;}
img.video {float: right; margin-right: 20px; margin-top: 7px; margin-left: 5px; margin-bottom: 10px;}
img.karta {margin-right: 69px;}
img.loga-firem { margin: 0px; padding: 0px;}
img.odhlasit {margin-left: 43px; margin-top: 5px;}
img.tip {position: absolute; top: 10px; right: 10px; z-index: 10;}
/******************************OBECNE TRIDY*********************************************/

hr.clear {clear: both; margin: -1px 0 0 0; padding: 0px; height: 1px; border: none; visibility: hidden;}
/*.clear {clear: both; height: 0; overflow: hidden; line-height: 0;}*/
.clear {clear: both;}  
.clanky {display: block; margin-bottom: 1px;}
.center {text-align: center;}
.pink {color: #805547;}
.green {color: #6d9d31;}
.red {color: #ff0000;}
.povin {font-size: 18px;color: #805547; position: relative; left: 6px;}
.pozn {position: relative; left: 10px;}
.hr {background-color: #e7e8e9; height: 1px; font-size: 0px;}

.fl_vlevo {float: left;}
.fl_vpravo {float: right;}
/***************************FORM************/

#newsletter form {margin-top: 7px;}
#newsletter form input { float: left; background: url('../images/input_newsletter.png') no-repeat; width: 164px; height: 19px; _height: 22px; border: 0px;  padding-top: 3px; text-indent: 4px; font-size: 12px; _background-attachment: fixed; &background-attachment: fixed; }
#newsletter form input.submit {
        margin-top: -5px;
        width: 81px;
        height: 22px;
        display: block;
      
        background-image: url('../images/button_odeslat.png');
        cursor: pointer;
        border: 0px;
}


#vyhledat form {}
#vyhledat form input { float: left;  background: url('../images/input_vyhledat.png') no-repeat; width: 149px; _width: 155px; height: 18px; _height: 22px; border: 0px;  padding-top: 4px; padding-left: 6px; font-size: 11px; color:#333333; _background-attachment: fixed; &background-attachment: fixed; }
#vyhledat form input.submit {
        
        margin-left: 4px;
        width: 32px;
        height: 22px;
        display: block;
        background: url('../images/button_hledat.png') no-repeat;
        cursor: pointer;
        border: 0px;
}




#login-box form p {margin-bottom: -3px;}
#login-box form {position: absolute; top: 35px; left: 10px;}
#login-box form label {color: white; font-size: 11px; float: left; width: 38px;}
#login-box form input {background: url('../images/input_login.png') no-repeat; width: 78px; height: 19px; _height: 21px; border: 0px;  padding-top: 2px; text-indent: 2px; font-size: 11px; }
#login-box form input.submit {
        margin-top: 3px;
        
        margin-left: 38px;
        width: 77px;
        height: 18px;
        display: block;
        background-image: url('../images/button_prihlasit.png');
        cursor: pointer;
        border: 0px;
}


form.do-kosiku input {width: 40px;}
form.do-kosiku select {margin-top: 5px;margin-bottom: 5px;}
form.do-kosiku input.submit {
        
        
        float: right;
        width: 109px;
        height: 30px;
        display: block;
        background-image: url('../images/do_kosiku.png');
        cursor: pointer;
        border: 0px;
}

form.zmen-mnozstvi {margin-bottom: -5px; margin-top: 5px;}

form.zmen-mnozstvi input {width: 40px; border: 1px solid #a4b97f;}

form.zmen-mnozstvi p.zmen {float: left; margin-right: 10px; display: inline;}

form.zmen-mnozstvi input.submit {
        
        
        
        width: 87px;
        height: 22px;
        display: block;
        background-image: url('../images/button_zmenitpocet.png');
        cursor: pointer;
        border: 0px;
} 
form.do-kosiku select {margin-top: 5px;margin-bottom: 5px;}
form.do-kosiku label {float: left; margin-top: 7px; margin-right: 3px; }
form.do-kosiku label.mnozstvi {float: left; margin-top: 4px;}

form.do-kosiku p {margin-top: 4px;}

form.do-kosiku input.submit {
        display: inline;
        margin-right: 30px;
        margin-top: 0px;
        float: right;
        width: 109px;
        height: 30px;
        display: block;
        _display: inline;
        background-image: url('../images/do_kosiku.png');
        cursor: pointer;
        border: 0px;
}


form.form_product {margin-left: 11px; font-size: 10px; margin-top: 10px; position: relative;}
form.form_product input {width: 16px; _width: 18px;  border: 1px solid #a2a2a2; margin-left: 5px;}
form.form_product input.submit {
        
        position: absolute;
        right: 35px;
        top: 2px;
        width: 57px;
        height: 18px;
        display: block;
        display: inline;
        background-image: url('../images/button_koupit_pr.png');
        cursor: pointer;
        border: 0px;
}


form.form_product_doporucujeme {margin-left: 11px; font-size: 10px; margin-top: 10px; position: relative;}
form.form_product_doporucujeme  input {width: 16px; _width: 18px;  border: 1px solid #a2a2a2; margin-left: 5px;}
form.form_product_doporucujeme input.submit {
        
        
        margin-left: 23px;
        margin-top: 10px;
        width: 70px;
        height: 18px;
        display: block;
        display: inline;
        background-image: url('../images/button_dokosiku.png');
        cursor: pointer;
        border: 0px;
}







form.stranky {margin-left: 10px; padding-top: 5px; }

form.stranky select {font-weight: bold; color: #666666; font-size: 11px; padding: 1px;}

form#registrace input {border: 1px solid #a4b97f; padding: 2px 3px; font-size: 11px;}
form#registrace label {float: left; width: 135px;}
form#registrace p {border-bottom: 1px solid #e7e8e9;}
form#registrace textarea {font-size: 11px; width: 98%; padding: 2px 3px; height:116px;  border: 1px solid #a4b97f;}
form#registrace input.submit {
        
        
        width: 116px;
        height: 30px;
        display: block;
        float: right;
        background-image: url('../images/button_pokracovat.png');
        cursor: pointer;
        border: 0px;
}

form#registrace input.registrovat {
        
        
        width: 116px;
        height: 30px;
        display: block;
        float: right;
        background-image: url('../images/button_registrovat.png');
        cursor: pointer;
        border: 0px;
}


form#wishlist input {border: 1px solid #a4b97f; padding: 2px 3px; font-size: 11px;}
form#wishlist label {float: left; width: 135px;}
form#wishlist p {border-bottom: 1px solid #e7e8e9;}
form#wishlist textarea {font-size: 11px; width: 98%; padding: 2px 3px; height:116px;  border: 1px solid #a4b97f;}
form#wishlist input.submit {
        
        
        width: 126px;
        height: 30px;
        display: block;
        float: right;
        background-image: url('../images/button_wishlist.png');
        cursor: pointer;
        border: 0px;
}

form#prihlaseni_form {padding-top: 5px; padding-left: 50px;}
form#prihlaseni_form label {color: white; font-size: 11px; vertical-align: top; position: relative; top: 3px;}
form#prihlaseni_form input {background: url('../images/input_login.png') no-repeat top left; width: 78px; height: 17px; _height: 19px; border: 0px;  padding-top: 2px; font-size: 11px; margin-left: 10px; _background-attachment: fixed; &background-attachment: fixed;}

form#prihlaseni_form input.submit {
        
        position: absolute;
        
        top: 0px;
        right: 0px;
        
        width: 116px;
        height: 30px;
        display: block;
        
        background-image: url('../images/button_prihlasit2.png');
        cursor: pointer;
        border: 0px;
}

/******************************NADPISY******************************************/
#banner h1 {font-size: 14px; color: #805547; text-decoration: underline; margin-top: 12px; margin-left: 5px; margin-bottom: 3px; }
#banner h2 {font-size: 14px; color: #805547; text-decoration: underline; margin-top: 12px; margin-left: 5px; margin-bottom: 3px; }









/****************************SEZNAMY**************************************************/

ul, li, li a { vertical-align:bottom;}

ul.menu {margin:0; padding:0; list-style: none; margin-left: 14px; font-size: 11px; margin-bottom: 5px; width: 170px;}
ul.menu li {padding-bottom: 4px; _padding-bottom: 3px; padding-top: 1px;}
ul.menu li.oddelovac {padding-bottom: 5px; _padding-bottom: 4px; border-bottom: 1px solid #e7e8e9;}
ul.menu li ol {list-style: none; padding:0; margin-left: 20px; font-size: 11px; margin-top: 4px; margin-bottom: -6px;}
ul.menu li ol li {} 

ul.menu li.close ol {display: none;}
ul.menu li.open ol {display: block;}

ul.menu li div.plus {width: 7px; height: 7px; background: url('../images/menu_plus.gif'); float: left; margin-top: 4px; margin-right: 4px; font-size: 0px;}
ul.menu li div.minus {width: 7px; height: 7px; background: url('../images/menu_minus.gif'); float: left; margin-top: 4px; margin-right: 4px; font-size: 0px;}

ul.podmenu {margin:0; padding:0; list-style: none; margin-left: 14px; font-size: 11px; margin-bottom: 0px; font-weight: bold; margin-top: -3px;}
ul.podmenu li {padding-bottom: 5px; _padding-bottom: 4px;}
ul.podmenu li a {text-decoration: none;}
ul.podmenu li a:hover {color: black;}
/****************************myAlert**************************************************/
.myAlert {
    width: 500px;
    background-image: url('../images/bg.alert_top.jpg');
    background-repeat: no-repeat;
    text-align: left;
    position: absolute;
    padding-top: 15px;
} 

    .myAlert .myAlert_close {
        display: block;
        width: 25px;
        height: 25px;
        background-image: url('../images/btn.alert_close.jpg');
        background-repeat: no-repeat;
        background-position: left bottom;
        margin-left: 460px;
        &margin-left: 448px;
        
    }
    
        .myAlert .myAlert_close span {display: none; }
        
    .myAlert .myAlert_content {
        background-image: url('../images/bg.alert_middle.jpg');
        min-height: 30px;
        
        padding-left: 30px;
        padding-bottom: 20px; 
        _height: 30px;
        color: #8cc63f;
        font-size: 14px;
        font-weight: bold;
        font-family: Arial;
    }
    
    .myAlert .myAlert_footer {
        background-image: url('../images/bg.alert_bottom.jpg');
        width: 500px;
        height: 18px;
    }
    
    

.myAlertWide {
    width: 800px !important;
    background-image: url('../images/bg.alert_top_wide.jpg') !important;
    background-repeat: no-repeat !important;
    text-align: left;
    position: absolute;
    padding-top: 15px;
} 

    .myAlertWide .myAlert_close {
        display: block;
        width: 25px;
        height: 25px;
        background-image: url('../images/btn.alert_close.jpg');
        background-repeat: no-repeat;
        background-position: left bottom;
        margin-left: 760px;
        &margin-left: 448px;
        
    }
    
        .myAlert .myAlert_close span {display: none; }
        
    .myAlertWide .myAlert_content {
        background-image: url('../images/bg.alert_middle_wide.jpg');
        min-height: 30px;
        padding-left: 50px;
        padding-right: 30px;
        padding-bottom: 20px; 
        _height: 30px;
        font-family: Arial;
    }
    
    .myAlertWide .myAlert_footer {
        background-image: url('../images/bg.alert_bottom_wide.jpg');
        width: 800px;
        height: 18px;
    }
    
    
/**********************************GALERIE***********************************************/

#galerie {
     width:272px;
     margin-bottom: 20px;
     float: left;
     border-bottom: 1px solid #e7e8e9;

}

#galerie div.img-big {
                    	text-align: center;
                    	width: 272px;
                    	height: 340px;
                    	border-bottom: 1px solid #e7e8e9;
                    	position: relative;
                         overflow: hidden;
                    }
#galerie div.img-big div {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 272px;
	height: 329px;	
	
	_position: absolute;
	_height: auto;
	_top: 50%;
	_left: 50%;
}
#galerie div.img-big a {
	background: none !important;
}

#galerie div.img-big img {
	margin: 0;
	padding: 0;
	border:0;
	
	_top: -50%;
	_left: -50%;
	_position: relative;
	
}               

#galerie div.img-small {
                    	float: left;
                         text-align: center;
                    	width: 68px;
                    	height: 64px;
                    	
                    	position: relative;
                         overflow: hidden;
                    }
#galerie div.img-small div {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 68px;
	height: 64px;	
	
	_position: absolute;
	_height: auto;
	_top: 50%;
	_left: 50%;
}
#galerie div.img-small a {
	background: none !important;
}

#galerie div.img-small img {
	margin: 0;
	padding: 0;
	border:0;
	
	_top: -50%;
	_left: -50%;
	_position: relative;
	
}               

/***************************ZALOZKY*********************************************/
#zalozky {
    float: right;
    height: 26px;
    background-image: url('../images/bg.zalozky.jpg');
    background-position: left bottom;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 5px;
    margin-right: 10px;
    margin-top: -30px;
    _width: 300px;
    position: relative;
    
    
}
    #zalozky ul {
        display: block;
        list-style-type: none;
        height: 26px;
        background-image: url('../images/bg.zalozky_ul.jpg');
        background-position: right bottom;
        background-repeat: no-repeat;
        margin: 0px;
        padding: 0px 5px 0px 0px;
        White-space: nowrap;
        _float: right;
    }

        #zalozky ul li {
            display: inline;
            float: left;
            background-image: url('../images/bg.zalozky_li.jpg');
            background-repeat: no-repeat;
            height: 26px;
            padding-left: 20px;
            _width: 50px;
            
        }
        
            #zalozky ul li a {
                display: block;
                height: 26px;
                background-image: url('../images/bg.zalozky_li_a.jpg');
                background-repeat: no-repeat;
                background-position: right top;
                padding-right: 10px;
                line-height: 26px;
                color: #666666;
                font-size: 12px;
                text-decoration: none;
               font-weight: normal;    
            }
                #zalozky ul li a:Hover { color: #805547; }
            
        #zalozky ul .select {
            background-image: url('../images/bg.zalozky_li.h.jpg');
        }
        
            #zalozky ul .select a {
                background-image: url('../images/bg.zalozky_li_a.h.jpg');
                color: #805547;
            }
            


/***************************ZALOZKY*********************************************/
#platba {
     margin-top: -1px;
     position: relative;
     width: 538px;
     _width: 530px;  
     border-left: 1px solid #d1d1d1;
     border-right: 1px solid #d1d1d1;
     border-bottom: 1px solid #d1d1d1;     

}

#platba_content1 {
     padding-left: 10px;
     padding-top: 20px;
     padding-bottom: 20px;


}

#platba_content2 {
     padding-left: 10px;
     padding-top: 20px;
     padding-bottom: 20px;


}

#platba_content3 {
     padding-left: 10px;
     padding-top: 20px;
     padding-bottom: 20px;


}

#platba_content4 {
     padding-left: 10px;
     padding-top: 20px;
     padding-bottom: 20px;


}

#platba_content5 {
     padding-left: 10px;
     padding-top: 20px;
     padding-bottom: 20px;


}

#platba table.metody {border: 0; padding: 0px; margin: 0px;}
#platba table.metody td {border: 0; padding: 0px; padding-bottom: 3px; }
#platba table.metody td.column1 {width: 30px;}
#platba table.metody td.column2 {width: 300px; font-weight: bold;}
#platba table.metody td.column3 {font-weight: bold; color: #805547; width: 300px; }


form#metody input {}

#zalozky2 {
    
    height: 26px;
    background: url('../images/bg.zalozky.jpg') left bottom repeat-x;
    
    
    padding: 0px 0px 0px 0px;
    
    width: 540px;    
    
    
    
}
#zalozky2 ul {
    display: block;
    list-style-type: none;
    height: 26px;
    background-image: url('../images/bg.zalozky_ul.jpg');
    background-position: right bottom;
    background-repeat: no-repeat;
    margin: 0px;
    width: 540px;
    padding: 0px 0px 0px 0px;
    White-space: nowrap;
}

#zalozky2 ul li {
    display: inline;
    float: left;
    background-image: url('../images/bg.zalozky_li.jpg');
    background-repeat: no-repeat;
    height: 26px;
    padding-left: 18px;
    _width: 50px;
}

#zalozky2 ul li a {
    display: block;
    height: 26px;
    background-image: url('../images/bg.zalozky_li_a.jpg');
    background-repeat: no-repeat;
    background-position: right top;
    padding-right: 10px;
    line-height: 26px;
    color: #666666;
    font-size: 12px;
    text-decoration: none;
    font-weight: normal;    
}
#zalozky2 ul li a:Hover { color: #805547; }

#zalozky2 ul .select {
    background-image: url('../images/bg.zalozky_li.h.jpg');
}

#zalozky2 ul .select a {
    background-image: url('../images/bg.zalozky_li_a.h.jpg');
    color: #805547;
}

div#text_content1, div#text_content2, div#text_content3 {margin-bottom: 15px;}

h3 {color: #6d9d31;}


/* the overlayed element */
div.overlay {
	
	/* growing background image */
	background-image:url(../images/overlay/white.png);
	
	/* dimensions after the growing animation finishes  */
	width:600px;
	height:470px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(../images/overlay/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/* black */
div.overlay.black {
	background:url(../images/overlay/transparent.png) no-repeat !important;
	color:#fff;
}

/* petrol */
div.overlay.petrol {
	background:url(../images/overlay/petrol.png) no-repeat !important;
	color:#fff;
}

div.black h2, div.petrol h2 {
	color:#ddd;		
}

#sitemap {
    margin-bottom: 20px;
}

#sitemap div.odsazeni{
    margin-left: 20px;
    margin-bottom:10px;
}

#sitemap div.odsazeni h4{
    margin-left: 30px;
}

.staraCena {
	margin: 0;
	padding: 0;
	color: #f70028;
	font-weight: normal;
	text-decoration: line-through;
}
p.zpet {
    position:absolute;
    top:144px;
    left: 598px;
    width: 160px;
}

p.zpet a {
    text-decoration: none;
    color: black;
    font-size: 12px;
    font-weight: bold;
}