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

body{
  font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
  background: url(../imgs/top-bg.png) repeat-x;
  text-align: center;
  font-size: 12px;
}

/* obecne definice */

a{
color: #9C4D08;
text-decoration: underline;
}

a:hover{
text-decoration: none;
}

h1{font-size:14px;
   font-weight:bold;
  }

h2{font-size:12px; color:#49381C; text-align:left;}  
h3{font-size:12px;} 
a img{border:none;}  
    
/* pomocne definice */
.cleaner{
 clear: both;
 visibility: hidden;
}

.msg{
  display: block;
  margin: 10px; 
  font-weight: bold;
  text-align: center;
}
.input{padding-left:3px;}
/* --- layout --- */
/* hlavni */
#main{
  width: 977px;
  margin: auto;
}
   
  /* hlavni / hlavicka */  
  #hlavicka{
    height: 89px;
    background: url(../imgs/header.png) repeat-x;
  }
    
    /* hlavicka / nadpis */
    #hlavicka h2 a{
      position: absolute;
      display: block;
      width: 400px;
      height: 40px;
      text-decoration: none;
      margin-top: 20px;
      margin-left: 94px; 
    }
      
      #hlavicka h2 a span{
        visibility: hidden;
      }
    
    /* hlavicka / menu */
    #hlavicka ul{
      margin-top: 43px;
      margin-right: 40px;
      float: right;
    }
    
      #hlavicka ul li{
        list-style: none;
        float: left;
        margin-left: 10px;
        padding-left: 15px;
        background: url(../imgs/menu-point.gif) no-repeat left center;
      }
      
        #hlavicka ul li a{
          color: #3B9E03;
          text-decoration: none;
        }
        
        #hlavicka ul li a:hover{
          text-decoration: underline;
        }
        
  /* obsah / sloupky */
  #main-content{

  }
    
    /* sloupky / levy, sted obal */
    #left-container{
    float: left;
    width: 792px;
    
    }
    
      #left-container #left{
        float: left;
        width: 174px;
      }
      
        /* levy / nadpisy */
        #left h2{
          margin-bottom: 5px;
          height: 33px;
          color: white;
          text-align: left;
          padding-left: 20px;
          font-size: 10pt;
          font-weight: bold;
        }
		h2 a{text-decoration:none; color:white;}
          
          .blue{
            line-height: 23px !important;
            background: url(../imgs/m-header-blue.gif) no-repeat;
			margin-bottom:0px !important;
          }

          .green{
            line-height: 27px !important;
            background: url(../imgs/m-header-green.gif) no-repeat;
          }
          
            
           /* pravy h2 */
           #right h2.tip{
            margin-bottom: 5px;
            height: 37px;
            color: white;
            text-align: left;
            padding-left: 20px;
            font-size: 10pt;
            font-weight: bold;
            line-height: 27px !important;
            background: url(../imgs/m-header-orange.gif) no-repeat;
           }
          
        /* levy / katalog menu */
		UL#catalog-menu UL {
			list-style: none;
		}
		UL#catalog-menu{
			list-style: none;
			text-align: left;
			margin-left: 10px;
			font-size: 12px;
			margin-bottom: 15px;
			font-weight: bold;
			}
			
				UL#catalog-menu li{
					padding: 5px;
					border-bottom: 1px dashed #F8CF80;
				}
			
				UL#catalog-menu li a{
					color: #159BFF;
					text-decoration: none;
				}
			
				UL#catalog-menu li a:hover{
					text-decoration: underline;
				}
				
				UL#catalog-menu li.sub{padding-left: 10px; font-size:11px }
				UL#catalog-menu li.sub a{
					color: #06457A;
					font-weight: normal;
				}
				
				UL#catalog-menu li.sub a span{
					padding-right: 3px;
				}
				
				UL#catalog-menu li.sub a:hover{
					text-decoration: underline;
				}
				UL#catalog-menu li.last { border:0px }
        
        /* levy/ top-sold ol */
        #top-sold{
          margin-left: 30px;
          text-align: left;
          font-size: 8pt;
          margin-bottom: 15px;   
          margin-top:13px;     
        }
        
          #top-sold li{
           margin-bottom: 7px;
          }
          
            #top-sold li a{
             color: #289700;
             text-decoration: underline;
            }
            
            #top-sold li a:hover{
              text-decoration: none;
            }
                
      #left-container #content{
        float: right;
        width: 608px;
      }

 
      
        /* kolaz */
        #big-header{
          width: 608px;
          height: 202px;
          background: url(../imgs/big-stonozka-header.png) no-repeat 
        }
        #big-header h1{
        position: absolute;
        display: block;
        } 
        #big-header h1 span{
        visibility: hidden;
        }
  
  /* sloupky / pravy */  
  #right{
    float: right;
    width: 174px;
    font-size: 8pt;
  }
  
    /* pravy / login blok */
    #login-block{
      background: url(../imgs/right-login-block.gif) repeat-y;
      padding-top: 5px;
      text-align: justify;
      margin-bottom: 15px;
	  line-height:16px;
    }
    
      #login-block h2{
        color: #F68310;
        font-size: 9pt;
        margin-left: 15px;
        margin-right: 10px;
      }
      
      /* search form */   
      #login-block #frm_search{
        margin-left: 15px;
        margin-right: 10px;
        margin-bottom: 10px;
      }
      
        #frm_search #input-find{
          width: 120px;
          font-size: 9pt;
          padding: 1px;
		  padding-left:3px;
          border: 1px solid #F68310;
        }
        
        #frm_search #submit-find{
          border: none;
          background: none;
          margin: 0 0 2px 0 !important;
          position: relative;
          top: 7px;
          margin-left: 2px;
        }
        
      #login-block p{
        margin-left: 15px;
        margin-right: 10px;
      }
      
      #login-block a{
        color: #9C4D08;
        text-decoration: underline;
      }
      
      #login-block a:hover{
        text-decoration: none;
      }
      
        /* kosik v menu */
        #login-block #kosik-ico{
          display: block;
          float: left;
          width: 21px;
          height: 15px;
          margin-right: 3px;
          background: url(../imgs/kosik-ico.gif) no-repeat;
        }
        
        .bottom10px{
          margin-bottom: 10px !important;
        }

        .bottom5px{
          margin-bottom: 5px !important;
        }
        
        .hidden{
          visibility: hidden; height:7px; line-height:7px;
        }

        
      /* prihlaseni */
      #login-block #login{
        margin-left: 15px;
        margin-right: 10px;
        margin-top: 5px;
      }
        
        .nomargin{
          margin: 0 !important;
          margin-bottom: 6px !important;
        }
      
        #login label{
          display: block;
          width: 35px;
          float: left;
          text-align: left;
          line-height: 11pt;
        }
        
          #login #login-name{
            width: 105px;
            font-size: 9pt;
            padding: 1px;
			padding-left:3px;
            border: 1px solid #F68310;
          }
          
          #login #login-pass{
            width: 105px;          
            font-size: 9pt;
            padding: 1px;
			padding-left:3px;
            border: 1px solid #F68310;
          }
          
            .right-align{
              text-align: right;
            }
          
          #login #submit-login{
            border: none;
            background: none;
          }
    
      #login-block hr{
        height: 1px;
		margin:0px;
		padding:0px;
		line-height:0px;
        color: #F9CE82;
        background-color: #F9CE82;
        border: 0px solid #F9CE82;
        margin-bottom: 7px;
        clear: both;
      }
      
      /* kontakty */
      
      .tel{
        font-weight: bold;
        color: #299E00;
      }
    
      #login-block-bottom{
        clear:both;
        height: 24px;
        background: url(../imgs/right-login-block-bottom.gif) no-repeat 
      }
  
  /* paticka */  
  #footer{
  margin: auto;
  width: 977px;
    margin-top: 25px;
    background: url(../imgs/footer-bg.gif) repeat-x;
    padding-top: 15px;
    font-size: 8pt;
    color: #F4BA3D;
    margin-bottom: 15px;
  }
    
    /* paticka / odkazy */
    #footer a{
      color: #F4BA3D;
      text-decoration: underline;
    }
    
    #footer a:hover{
      text-decoration: none;
    }

  /* produkt show */
  
  .product{
    text-align: center;
  }
  #content #detail h2{ padding-bottom:3px; padding-left:15px;}
  
    .product h3{
     margin-bottom: 2px;
    }
    
      .product h3 a{
        color: #FF8700;  
        text-decoration: none;
      }
      
      .product h3 a:hover{
        text-decoration: underline;
      }
    
    .flags{
      text-transform: uppercase;
      font-size: 95%;
      font-weight: bold;
    }
    
      .akce{
        color: #349802;
      }
      
      .novinka{
        color: #189BF6;
      }
      
      .sleva{
        color: #FF877F;
      }
     
    .katalog-product-img{
      text-align: center; margin-top:2px; margin-bottom:2px; height:106px; line-height:106px;
    }
      .katalog-product-img img{
        margin: auto;
      }
		  
    .img{
      text-align: center;
    }
    
      .img img{
        margin: auto;
      }
      
    .popis{
      height:25px;
      margin-bottom: 7px;
    }      
    
    .cena{
      display: block;
      margin-bottom: 7px;
    }
    
      .cena-cislo{
        color: #FF8700;
        font-weight: bold;
		font-size:12px;      
      }
      
    .pr-buttons{
      width: 117px;
      height: 20px;
      background: url(../imgs/detail-koupit.gif) no-repeat;
      margin: auto;
      line-height: 19px;
    }
    
      .pr-buttons a{
        color: #FFFFFF;
        font-weight: bold;
        text-decoration: none;
      }
      
      .pr-buttons a:hover{
        text-decoration: none;
      }
    
      .bt-detail{
        display: block;
        width: 58px;
        float: left;
      }
      
      .bt-koupit{
        display: block;
        width: 58px;
        float: right;
      }
      
      
      .emp{
        border: none !important;
      }
      
/***** sekce obecne *****/
      
  /* tabulka produktu */
  .product-table{
    clear: both;
    font-size: 8pt;
    border: none !important;
    border-spacing: 0px;  
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
    margin-left: 1px;
    vertical-align: top;
  }

    .product-table tr{
      border: none;
    }
  
    .product-table tr td{
      padding: 10px;
      border: 1px dashed #F5D082;
      vertical-align: top;
    }
    
  /* oranzovy nadpisek */
  .header-orange{
    width: 608px;
    height: 47px;
    background: url(../imgs/header-orange.gif) no-repeat ;
    line-height: 35px;
    text-align: left;
    margin-top:-3px;
    margin-bottom: 7px;
  }
  
   .header-orange h1{
      margin-left: 20px;
      color: #ff8207;
    }
    
    .header-orange a{
      display: block;
      width: 50px;
      height: 18px;
      background: url(../imgs/back.gif) no-repeat;
      position: absolute;
      margin-top: 5px;
      margin-left: 541px;
    }
    
    .header-orange a span{
      display: none;
    } 
      
/*** hlavni strana ***/
#main-page{
}
  
  #main-page h2{
    text-align: center;
    color: #1899FF;
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 10px;
  }
  
  #main-page #title {
	padding: 10px 0;
  }
  
  
/*** katalog ***/
#katalog{
  text-align: left;
  font-size: 8pt;
}

  #katalog .katalog-kategorie{
    display: block;
    padding-left: 20px;
	font-size:12px;
	padding-bottom:3px;
  }
  
    #katalog .katalog-kategorie b{
      color: #48381c;
    }
    
  #katalog .katalog-navigace{
    padding-bottom: 35px;
    padding-left: 20px;
	font-size:12px;
  }

    #katalog .katalog-navigace b{
      color: #48381c;
    }
  
    #katalog .katalog-navigace .katalog-razeni{
      float:left;
      width: 230px;
    }
      
      #katalog .katalog-navigace .katalog-razeni form{
        display: inline;
      }
      
      #katalog .katalog-navigace .katalog-razeni select{
        width: 100px;
        font-size: 8pt;
      }

   .katalog-strankovani{
      float: right;
      width: 300px;
      text-align: right;
      color: #ff8207;
	  padding-right:10px;
    }


  #katalog .katalog-bottom-navigace{
    margin-top: 20px;
    padding-left: 20px;
  }

    #katalog .katalog-bottom-navigace b{
      color: #48381c;
    }
  
    #katalog .katalog-bottom-navigace .katalog-razeni{
      float:left;
      width: 230px;
    }
      
      #katalog .katalog-bottom-navigace .katalog-razeni form{
        display: inline;
      }
      
      #katalog .katalog-bottom-navigace .katalog-razeni select{
        width: 50px;
        font-size: 8pt;
      }



/*** detail ***/
#detail{
}

  #detail-top-container{
  
  }

    #detail #detail-obr{
      width: 280px;
      float: left;
      text-align: center;
      overflow: hidden;
	  padding-top:10px;
    }
    
      #detail #detail-obr{
        margin: auto;
      }
  
    #detail #detail-tab{
      width: 325px;
      float: right;     
    }
    
      #detail #detail-tab table{
        border-spacing: 0px;  
        border-collapse: collapse;
        table-layout: fixed;
        width: 324px;
        background-color: #FCE6C0;
        text-align: left;
        border: none;
        margin-left: 1px;
      }


        #detail #detail-tab table tr th{
          padding-top: 5px;
          padding-bottom: 5px;
          padding-left: 15px;
          width: 132px;
          border: 1px solid #ffffff;
          color: #49381C;
          border-left: none
        }        

        #detail #detail-tab table tr td{
          padding-top: 5px;
          padding-bottom: 5px;
          border: 1px solid #ffffff;
          border-right: none;
          padding-left: 10px;
          padding-right: 10px;
        }
        
        .table-bottom{
          width: 325px;
          height: 25px;
          background: url(../imgs/tab-bottom.gif) no-repeat;
        }
        
        .td-cena{
          font-weight: bold;
          color: #FF4D00;
        }
        
        .to-cart{
          padding-left: 15px;
          background-color: #FBF5E4;
          border: none;
          text-align: center;
        }
        
          .to-cart .to-cart-form{
           margin-bottom: 5px;
          } 
          
            .to-cart .to-cart-form form{
              display: inline;
            }
            
              .to-cart-form input#ks{
                width: 20px;
                font-size: 8pt;
                padding: 2px;
                border: 1px #FBCF82 solid;
              }
              
              .to-cart-form input#to-cart-butt{
                border: none;
                background: none;
                margin: 0 0 2px 0 !important;
                position: relative;
                top: 7px;
                margin-left: 10px;
              }
              
        .product-desc{
          margin-top: 10px;
          width: 300px;
          margin: auto;
          text-align: left;
          line-height: 150%;
        }
        
          .product-desc b{
            color: #49381C;
            display: block;
            padding-bottom: 10px;
          }
        
  #detail-bottom-container{
    margin-top: 20px;
  }
  
  #detail-bottom-container b{
    display: block;
    padding-left: 15px;
    color: #49381C;
    padding-bottom: 5px;
    text-align: left;
  }
  
    #detail-others-obr{
      width: 184px;
      float: left;
    }
      
      #det-obr-border{
        border: 1px solid #F9CE82;
      }
      
        #det-obr-border div{
          margin-bottom: 10px;
        }
    
    #detail-products{
      width: 412px;
      float: right;
      font-size: 8pt;
      
    }      
    
      #det-prod-border{
      padding: 10px;
        border: 1px solid #F9CE82;
      }
SPAN.Tips2 { cursor: help; border-bottom: 1px dotted black; }
      
/*** kosik ***/
#kosik{
 padding: 15px;
 padding-top: 5px;
}

  
  #page h2{
    color: #734900;
    text-align: left;
    font-size: 120%;
    margin-bottom: 7px;
  }
  
  #kosik table{
    width: 100%;
    margin-top: 15px;
    border-spacing: 0px;  
    border-collapse: collapse;
    table-layout: fixed;
    border: 1px solid #fce6c0;
    line-height: 150%;
  }
  
    #kosik table tr{
    
    }
    
    #kosik table th{
	color: #48381C;
	background: #fce6c0;
	padding: 5px;
    }
    
    #kosik table td{
      padding: 10px;
      border: 1px solid #fce6c0;
    }

  .center{
    text-align: center;
  }
  
  .right{
    text-align: right;
  }
  
  .bold{
    font-weight: bold;
  }
  
  #kosik-buttons{
    margin-top:20px;
    }
  
  #kosik-buttons a{
    border: none;
    text-decoration: none;
    color: white;
    background: none;
  }
  
    #kosik-buttons  #buttons-right{
      width: 270px;
      float: right;
      text-align: right;
    }
    
    #kosik-buttons #buttons-left{
      width: 270px;
      float: left;
      text-align: left;
    }
    
/*** page ***/
#page{
  text-align: left;
  line-height: 150%;
  padding-left:15px; 
  padding-right:15px;

}

  #page p{
    margin-bottom: 15px;
  }
  
  #page ul{
    margin-left: 45px;
    margin-bottom: 15px;
    list-style: square;
  }
  
  #page ol{
    margin-left: 45px;
    margin-bottom: 15px;
  }
  
/*** registrace ***/

FIELDSET.left_fs {
	float:left;width:45%;height:130px;margin-right:10px; margin-bottom:5px;
	padding: 10px; padding-bottom:0px;
	border:1px solid #F5D082;
}
FIELDSET.left_fs LEGEND, FIELDSET.right_fs LEGEND {
	font-weight:bold; padding-left:5px; padding-right:5px; color:#FF8207; font-size:13px;
}
FIELDSET.right_fs {
	width:40%;height:130px; padding: 10px; padding-bottom:0px;
    border:1px solid #F5D082; float:left;  margin-bottom:5px;
}

DIV.clear { clear:both }

DIV#kontakt_form { width:280px; border-right:1px dashed #F5D082; float:left; height:100%; margin-left: 10px; }
DIV#kontakty_table { float:left; padding-left:23px; width:260px }
DIV#kontakty_table TABLE TD { padding:3px 0 3px 0 }

DIV#msg_OK { background-image: url(/images/ok.jpg); background-repeat: no-repeat; background-position: left; padding-left:25px; height:30px; line-height:30px; color:green; margin-bottom:10px; }
DIV#msg_NOK { background-image: url(/images/nok.jpg); background-repeat: no-repeat; background-position: left; padding-left:25px; height:30px; line-height:30px; color:red; margin-bottom:10px; }

/*** objednavky ***/
TABLE.kosik_table { margin-top: 5px; border: 1px solid #fce6c0; width:100%; background-color:white; border-collapse:collapse; font-size: 12px; line-height:17px;  border-collapse:collapse; }
TABLE.kosik_table THEAD TR { border: 1px solid #fce6c0; color: #696969; background: #fce6c0; font-weight:bold }
TABLE.kosik_table TFOOT TR { color:black; font-size:13px; border: 1px solid #fce6c0; font-weight:bold;  }
TABLE.kosik_table TD { border: 1px solid #fce6c0; padding: 7px; }
TABLE.kosik_table TH { border: 1px solid #fce6c0; padding: 7px; }

DIV.fieldset { background-color:#FFFFFF; background-repeat: repeat-x; background-position: 0 0; width: 100%;}
DIV.fieldset_top { background: url(/images/fieldset_top.gif);  background-position: 0 0; height:30px; background-repeat: no-repeat }
DIV.fieldset_top SPAN { background-color:white; margin-left:10px; padding: 20px 10px 20px 10px; font-weight:bold; font-size:12px; color:#650807 }
DIV.fieldset_inner { border-left:1px solid #FFDFB6; border-right:1px solid #FFDFB6; padding:0 10px 0 10px }
DIV.fieldset_bottom { background: url(/images/fieldset_bottom.gif); background-repeat: no-repeat; height:10px; width:100% }

.obj{
  padding: 10px;
  margin-bottom: 15px;
  border: 1px dashed #F5D082;
  
}

.obj legend{
 	font-weight:bold; padding-left:5px; padding-right:5px; color:#FF8207; font-size:13px;
}

.o-nas-img{text-align:center;}
.o-nas-img img{margin:10px; border:1px solid #F9CE82;}

.invisible { display: none; }