/* ******************************************************************** */ 
html, body{ 
    margin:0; 
    padding:0;   
    font-family: Arial, Helvetica, sans-serif, 'Calibri';
    font-size:  13px;

} 

#pagewidth{ 
    width:1000px; 
    text-align:left; 
    margin:0 auto;
    background-color: white;

} 

#header{
    position:relative; 
    height: 123px !important;  
    width: 1000px;
    display: block;
    color: white;


} 

h1{
    margin: 0;

}

h2{
    margin: 0;
}

a.index{
    display:block;

    width: 220px;
    height: 120px;
    position:absolute;
    top: 0px;
} 

#topbanner{
    display:block;

    width: 510px;
    height: 120px;
    position:absolute;
    top: 0px;
    left: 220px;  
} 

#topkosik{
    display:block;  
    width: 250px;
    height: 120px;
    position:absolute;
    top: 0px;
    left: 730px;  
} 

#topkosikobsah{
    margin-top: 40px; 
    margin-left: 10px; 
    line-height: 160%;
}

#topkosikobsahbuttons{
    padding-top: 10px !important;  

}

#topmenuSection{
    position:relative; 
    height: 52px !important;  
    width: 1000px;
    display: block;

}


#topmenuSection a.topmenuSectionKnihy{
    display: block;
    width: 181px;
    height: 45px;
    float: left; 
    margin-right: 5px;
    background-image: url('../images/menu-knihy-off.jpg');
}

#topmenuSection a.topmenuSectionKnihy:hover{
    background-image: url('../images/menu-knihy.jpg');
    width: 181px;
    height: 45px;

}

#topmenuSection a.topmenuSectionKameny{
    display: block;
    width: 181px;
    height: 45px;
    float: left; 
    margin-right: 5px;
    background-image: url('../images/menu-kameny-off.jpg');
}

#topmenuSection a.topmenuSectionKameny:hover{
    background-image: url('../images/menu-kameny.jpg');
    width: 181px;
    height: 45px;
}

#topmenuSection a.topmenuSectionRitualy{
    display: block;
    width: 181px;
    height: 45px;
    float: left; 
    margin-right: 5px;
    background-image: url('../images/menu-ritualy-off.jpg');
}

#topmenuSection a.topmenuSectionRitualy:hover{
    background-image: url('../images/menu-ritualy.jpg');
    width: 181px;
    height: 45px;
}

#searchbox{
    width: 262px;
    height: 45px;
    float: right; 
    background-color: #ffc20e;   
}
#searchboxInputBox{
    float: left; 
    height: 21px; 
    line-height:21px; 
    vertical-align: middle; 
    margin-top: 5px; 
    margin-left: 10px;
}

#searchboxInputBox input{
    width: 210px; 
    height: 18px; 

}

#searchboxInputPictureBox{
    float: left; 
    margin-top: 5px; 
    margin-left: 3px;  

}

#searchboxInputAuthorBox{
    margin-left: 10px;
}

div.carouselenenvelop{
    width: 521px;
    height: 188px;
    position: relative; 
    float: left;   
    margin-right: 5px;
    margin-left: 8px;
}

.disabled {
    visibility: hidden !important;
}

#slides {
    border: 3px solid #FFC20E;
    height: 180px;


}
#slides div {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	height: 180px;
	font-size:12px;
        margin: 3px;
}

#slides div img{
    height: 160px;
}

.slidetabs {
    clear:both;   
    position: absolute;
}

#slides h3 {
    color: #B00F1F;
    font-size: 18px;
    line-height: 20px;
    margin: 5px;
}

div.indexBanners{
    
}

div.indexBanners img{
    margin-bottom: 5px;
    
}

#leftcol{
    width:210px; 
    float:left; 
    position:relative; 
    background-color:#FFFFFF; 
}

#left-menu-bigger{
    background-color: #ffc20e; 
    list-style: none; 
    margin: 0px; 
    padding: 0px; 
    margin-top: 6px;
} 


#left-menu-bigger li{
    height: 31px;
    line-height: 31px; 
    vertical-align: middle;
} 

#left-menu-bigger li:hover{
    background-color: #b00f1f; 
    color: #ffc20e;
    background-image: url('../images/icon-left-arrow-big-knihy.png');
    background-position: right;
    background-repeat: no-repeat;
    height: 31px;

} 

#left-menu-bigger li span{
    padding-left: 5px; 
    font-size: 14px;

}

#left-menu, #left-menu1{
    background-color: #ffc20e; 
    list-style: none; 
    margin: 0px; 
    padding: 0px;
} 


#left-menu li{
    line-height: 21px; 
    vertical-align: middle;
    border-bottom: 1px solid #b00f1f;     
} 



#left-menu  li:hover{
    background-color: #b00f1f; 
    color: #ffc20e;
    background-image: url('../images/right-end-arrow-knihy.jpg');
    background-position: right;
    background-repeat: no-repeat;
/*    height: 21px;*/
} 


#left-menu li.leftMenuLiselected{
    background-color: #b00f1f; 
    color: #ffc20e;
    background-image: url('../images/right-end-arrow-knihy.jpg');
    background-position: right;
    background-repeat: no-repeat;    
}



#left-menu li span{
    padding-left: 5px; 

}

#left-menu ul.level-1 li span{
    padding-left: 15px; 

}




#left-menu li span a{
    color: black;
    text-decoration: none;
}

#left-menu li span a:hover{
    color: white;
}

a.leftMenuCatTitle{
    text-transform: uppercase; 
    font-size: 15px; 
    font-weight: bold; 
    color: #B00F1F; 
    padding-top: 8px;
    padding-bottom: 3px; 
    text-decoration: none; 
    display: block; 
    background-color: white !important;
    
}

div.leftbox{

    background-color: #ffc20e; 
    width: 100%;
    min-height: 20px; 
    line-height: 25px;
    vertical-align: middle;

} 

div.leftbox img{
    vertical-align: middle;
    padding: 3px;  
}


#maincol{
    background-color: #FFFFFF;  
    position: relative; 
    width:790px;
    float:right;

}

#maincolContent{
    padding: 5px;
    padding-top: 0px;
} 

#categoryInfoBox{
    width: 758px; 
    margin-left: 8px; 
    border: 5px solid #ffc20f;
    min-height: 100px; 
    margin-bottom: 5px;
    padding: 5px;
}

#maincolContent{
    padding: 5px;
    padding-top: 0px;

} 

#categoryInfoPicBox{
    float:left; 
    width: 300px; 
    padding-top: 5px;
}

#categoryInfoPicBox img{
    border: 2px solid #7B2E00;
}

#categoryInfoTextBox{
    float:left; 
    width: 450px; 
    text-align: justify;
}

#categoryInfoTextBox h1{
    font-size: 18px; 
    margin: 0px; 
    margin-bottom: 5px;    
}


#maincolContent h2{

    margin-left: 8px;
    border-bottom: 1px solid #ffc20e; 
    margin-bottom: 3px;
}

div.productBoxEnvelope{
    float: left; 
    width: 250px; 
    height: 220px; 
    margin-left: 8px; 
    margin-bottom: 8px;
}
div.productBoxTitleBox{

    width: 100%; 
    height: 40px;
    color: white;
    background-color: #b00f1f; 

}

div.productBoxTitleAuthor{
    padding-left: 3px; 
    padding-top: 3px;
    margin: 0px;    
}


div.productBoxTitleName{
    font-weight: bold; 
    overflow: hidden; 
    line-height: 41px;
    height: 41px;
    padding-left: 3px; 
    margin: 0px;
    font-size: 15px;

}


div.productBoxTitleAuthor a{
    color: white;
    text-decoration: none;
}


div.productBoxTitleName a{
    color: white;
    text-decoration: none;

}

div.productBoxTitleAuthor a:hover{
    text-decoration: underline;
}


div.productBoxTitleName a:hover{
    text-decoration: underline;
}

div.productBoxProductInfoIMG{
    float: left; 
    width: 87px; 
    height: 110px; 
    padding: 3px; 
    overflow: hidden;

}

div.productBoxProductInfoIMG img{
    width: 85px; 
    height: 110px;    
}

div.productBoxProductInfoText{
    float: left; 
    width: 145px; 
    height: 110px;  
    padding: 3px; overflow: hidden;
}

div.productBoxProductPrice{
    height: 42px; 
    width: 100%; 

}

div.productBoxProductInstock{
    float: left; 
    width: 87px; 
    padding-left: 3px;  
}

span.skladem{

    color: white;
    padding: 3px; 
    line-height: 40px;
    vertical-align: middle;
    background-color: #2cce00;
    font-size: 12px;
    font-weight: bold; 
}

span.neniskladem{

    color: white;
    padding: 3px; 
    line-height: 40px;
    vertical-align: middle;
    background-color: gray;
    font-size: 12px;
    font-weight: bold; 
}

div.productBoxProductPricePrice{    
    float: left;
    width: 145px;
    color: #b00f1f; 
}

span.retailListPrice{
    font-size: 18px; 
    font-weight: bold;

}

div.productBoxProductInfo{    
    height: 120px; 
    width: 100%;
}

div.productBoxProductIcons{
    height: 25px; 
    width: 100%; 
}

div.productBoxProductIconDetail{
    float: left; 
    width: 87px; 
    padding-left: 3px; 
}

div.productBoxProductIconICON{
    background-repeat: no-repeat;  
    padding-left: 20px;

}

div.productBoxProductIconCart{
    float: left; 
    width: 145px;
    color: #b00f1f; 
}

div.productBoxProductIconCartICON{
    background-repeat: no-repeat; 
    padding-left: 20px;
}

#footer{
    height:80px; 
    clear:both;
    display:block;
    background-image: url('../images/footer-line.png');
    background-position: top;
    background-repeat: no-repeat;

} 


#productDetailInfoBox {
    width: 762px;
    margin-left: 8px;
    border: 5px solid #FFC20F;
    min-height: 100px;
    margin-bottom: 15px;

}
#productDetailInfoBoxLeft{
    float:left; 
    width: 235px;
    padding-top: 5px;
}

#productDetailInfoBoxLeft img.mainPicture{
    border: 2px solid #FFC20E;
    width: 210px;
    margin-left: 5px;
}


#productDetailInfoBoxRight{
    float:left; 
    width: 510px; 
    text-align: justify;   
    padding-top: 3px;
}

#productDetailInfoBoxRight h1{
    font-size: 18px; 
    margin: 0px; 
    margin-bottom: 5px;    
}

#productDetailInfoBoxRight h2{
    margin-left: 0px;
    border: 0px;
    font-size:15px;

}

#productDetailInfoBoxLeftShare{
    width: 214px; 
    min-height: 80px; 
    background-color: #FFC20E; 
    margin-left: 5px; 
    margin-bottom: 5px;
}

#productDetailInfoBoxLeftShare div.shareButton{
    background-repeat: no-repeat; 
    width: 145px; 
    height: 25px;  
    float: left; 
    margin-left: 10px; 

}

img.shareButtonFacebook{
    padding-left: 65px; 
    border: 0;
    margin-top: 5px; 
    width: 15px; 
    height: 15px;
    border: 0;
}

img.shareButtonCommon{
    border: 0;
    margin-top: 5px;  
    width: 15px; 
    height: 15px;
     border: 0;
}

img.shareButtonTisk{
    border: 0;
    margin-left: 8px;  
    width: 41px; 
    height: 25px; 
    float: left;
     border: 0;

}

img.shareButtonDotaz{
    border: 0; 
    margin-left: 10px; 
    width: 193px; 
    height: 24px; 
}

#productDetailInfoBoxRightInfo{
    float: left; 
    width: 250px; 
    line-height: 25px;  
    margin-top: 10px; 
}

#productDetailInfoBoxRightPriceInfo{    
    float: left; 
    width: 250px; 
    color: #b00f1f; 
    line-height: 25px;  
    margin-top: 10px;  
}

#productDetailInfoBoxRightPriceInfo div.price{
    margin-top: 10px; 
    margin-bottom: 10px; 
    width: 250px; 
    height: 41px; 
    line-height: 41px; 
    vertical-align: middle; 
    padding-left: 10px;  
    font-size: 18px; 
    font-weight: bold; 
    background-color: #ffc20e;
}


div.footerblock{
    float: left; 
    width: 250px; 
    margin-top: 15px; 
    line-height: 160%; 
}

p{
    margin-top: 0px;
}


#ecartbox{    
    margin-left: 8px;
}

#ecartbox div.krok{    
    float: left;  
    background-repeat: no-repeat; 
    background-position: right; 
    width: 257px; 
    height: 76px;
}

#ecartbox .krok1{
    background-image: url('../images/krok1.png');    
}

#ecartbox .krok2off{
    background-image:  url('../images/krok2-off.png');         
}

#ecartbox .krok2on{
    background-image:  url('../images/krok2-on.png');         
}

#ecartbox .krok3off{
    background-image:  url('../images/krok3-off.png');    
}

#ecartbox .krok3on{
    background-image:  url('../images/krok3-on.png');    
}



#ecartbox .krokTextON{
    color: white; 
    margin-left: 60px; 
    margin-top: 30px; 
    font-size: 15px; 
    font-weight: bold; 

}
#ecartbox .krokTextOFF{
    color: #B00F1F; 
    margin-left: 60px; 
    margin-top: 30px; 
    font-size: 15px; 
    font-weight: bold; 
}



div.breadcrumb{
    margin: 7px; 
    margin-left: 8px; 
    color: #B00F1F;

}

#cartTable{
    width: 775px; 
    padding-left: 3px; 

}

#cartTable th{
    padding: 5px; 
    color: black; 
    background-color: #FFC20E; 
    font-weight: bold;

}

#cartTable td.kod{
    padding: 5px; 
    width: 40px; 
    border-left: 1px dashed #FFC20E; 
    border-right: 1px dashed #FFC20E;

}

#cartTable td.jmeno{
    padding: 5px; 
    width: 350px; 
    border-right: 1px dashed #FFC20E;
}

#cartTable td.pocet{
    padding: 5px; 
    width: 30px; 
    border-right: 1px dashed #FFC20E;
}

#cartTable td.cena{    
    padding: 5px; 
    width: 100px; 
    border-right: 1px dashed #FFC20E; 
    text-align: right;
}

#cartTable td.cenaCelkem{   
    padding: 5px; 
    width: 100px;  
    text-align: right; 
}

#cartTable  td.storno{   
    padding: 5px;  
    border-right: 1px dashed #FFC20E; 
    text-align: right;
}

#cartTable td.footcell{
    background-color: #B00F1F; 
    font-weight: bold; 
    font-size: 14px; 
    color: white; 
}


#cartTable td.footcellCenaCelkem{
    padding: 5px; 
    background-color: #B00F1F; 
    font-weight: bold; 
    font-size: 14px; 
    color: white; 
}

#cartTable td.footcellCena{
    background-color: #B00F1F; 
    font-weight: bold; 
    font-size: 16px; 
    color: white; 
    text-align: right; 
}

#buttonSpace{
    width: 772px; 
    margin-left: 3px; 
    margin-top: 1px; 
    height: 70px; 
    background-color: #FFC20E;
    padding-top: 10px;
}                                        

#buttonSpace div.buttonSpaceEcart{
    margin-top: 10px; 
    margin-left: 85px;
    color: black;
}

/* ******************************************************************** */ 
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


#strankovani{
  padding: 5px;
  float: right;
    
}

#strankovani a.strana{
   display: block;
   vertical-align: middle;
   text-align: center;
   min-width: 14px;
   height: 14px;
   line-height: 14px; 
   margin-left: 3px;
   float: left;
   text-decoration: none !important;
   text-align: center;
}

#strankovani div.strana{
   display: block;
   min-width: 14px;
   float: left;
   margin-left: 3px;
   vertical-align: middle;
   text-align: center;
   min-width: 14px;
   height: 14px;
   line-height: 14px;   
}



#strankovani a.stranasel{
   display: block;
   vertical-align: middle;
   text-align: center;
   min-width: 14px;
   height: 14px;
   line-height: 14px;
   float: left;
   margin-left: 3px;
   background-color: #FFC20F;
   color: #b10d25 !important;
   font-weight: bold;
   text-decoration: none !important;
}


fieldset{
    border: 3px solid #FFC20F; 
    line-height: 160%;
}

legend{
    font-size: 18px;
    font-weight: bold;
    color: #b00f1f;
    
    
}

li.imageDetails{
    float: left;
    list-style: none; 
    margin: 5px; 
    background-color: #FAF2D4; 
    padding: 5px; border: 1px solid #FFC20E;
    
}

div.flagNovinka{
     right: 0px; 
     top: -0px;
     position: absolute;  
     width: 44px;  
     height: 44px; 
     background-image: url('../images/flag-novinka.png');
     background-repeat: no-repeat;
    
}
div.flagNasTip{
     right: 0px; 
     top: -0px;
     position: absolute;  
     width: 44px;  
     height: 44px; 
     background-image: url('../images/flag-tip.png');
     background-repeat: no-repeat;
    
}
div.flagAkce{
     right: 0px; 
     top: -0px;
     position: absolute;  
     width: 44px;  
     height: 44px; 
     background-image: url('../images/flag-sleva.png');
     background-repeat: no-repeat;
    
}
/* ******************************************************************** */ 
/*                      printer styles                                  */ 
/* ******************************************************************** */ 

@media print{ 
    /*hide the left column when printing*/ 
    #leftcol{display:none;} 
    #twocols, #maincol{width:100%; float:none;}
}



/* single tab */

.slidetabs {
	clear:both;

  position: absolute;
  top: 165px;
  left: 440px;

}

.slidetabs a {
       
    width:10px;
    height:10px;
    float:left;
    margin:3px;
  background-color: gray;
    display:block;
    font-size:1px;

}

/* mouseover state 
.slidetabs a:hover {
    background-position:0 -8px;      
}
*/

/* active state (current page state) */
 
    
.slide-out-div {
   padding: 20px;
    width: 250px;
    background: #f2f2f2;
    border: #29216d 2px solid;

}