body{
  margin:0;
  padding:0;
  color: black;
  font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;  
  background-repeat: repeat-x;
  background-color: #F8F2DA;
  width: 90%;
}


b {font-size: 110%;}

em {color: red;}

h1 {
	font-size: 24px;
	font-weight: bold;
  color: #7B2E00;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
  line-height:110%;
  margin-bottom: 4px;
}

h1.detail {
	font-size: 24px;
	font-weight: bold;
  color: #7B2E00;
  padding: 0;
  margin: 0;
  padding-bottom: 0px;
  margin-bottom: 4px;

}

h2 {
	font-size: 18px;
  color: #7B2E00;
  padding-bottom: 0px;
  margin-bottom: 4px;
  margin-top: 4px;
}

h2.green {
	font-size: 18px;
  color: #7B2E00;
  font-weight: normal;
  padding-bottom: 0px;
  margin-bottom: 4px;
  margin-top: 0px;
}

h3 {
	font-size: 120%;
	color: #7B2E00;
	/*padding-bottom: 8px; */
}
h4, h5 {
	font-size: 100%;
	color: #B55B26;
	font-weight: normal;
	/*padding-bottom: 5px; */
}

h6 {
	font-size: 80%;
	/*padding-bottom: 5px; */
}

p {
	/*padding-bottom:1.2em;  */
}



#topsection{
display: none;

}







#footerback{

  display: none;
}



#leftcontent{
   display: none;
}

.clear{
  clear: both;
  margin: 0;
  padding: 0;
}

div.block{
   float: left;
   
   padding: 8px;
   background-color: #EDE2BC;
   background-image: url(../images/block-back.jpg);
   background-repeat: repeat-x;
   
}

div.blockLong{
   display: none;

}

div.infoLong{
  float: left;
  
  padding-left: 5px;
}

.space{
  margin-left: 10px;
}

.spacetop{
  margin: 0px;
  padding: 0px;
  height: 1px;

}

.clearspacetop{
  clear: both;
  margin: 0;
  padding: 0;
  height: 6px;

}

p {
  margin: 0;
}

div.title{
  color: #B55C27;
  font-size: 14px;
  padding-bottom: 3px;
}

div.picture{
  float: left;
  
}

div.info{
  float: left;
  
  padding-left: 5px;
}

p.info{
  color: black;
  font-size: 12px;
  line-height: 1.1em;
}

div.price{
  color: #7B2E00;
  font-size: 20px;
  margin-top: 12px;
  text-align: right;

}

div.buttons{
  margin-top: 12px;
  text-align: right;
}

div.searchbox{

   
   padding: 10px;
   padding-top: 15px;
   background-color: #E4D8AB;
   
   margin-top: 15px;
}


.searchBox{

  background-image:url('../images/search.gif');
  background-repeat:no-repeat;

  padding-left:30px;
  padding-top:8px;
  
  font-size: 12px;
  height: 20px;
  width: 120px;
  
}

.searchButton{
  background-image: url('../images/hledej.gif');
  color: black;
  
  width: 40px;
  height: 20px;
  position: absolute;
  margin-top: 5px;
}

div.categorybox{
   width: 230px;
   background-color: #E4D8AB;
   
   margin-top: 5px;
}

div.categorytitle{
   width: 219px;
   background-color: #D5C89C;
   padding-left: 10px;
   color: #7A3118;
   font-size: 14px;
   height: 25px;
   padding-top: 5px;
}

#leftcontent ul{
  margin: 0;
  padding-left: 25px;
  padding-bottom: 5px;
  margin-top: 5px;

}
                
#leftcontent li{

  list-style-type: none;
  list-style-image: url('../images/li-element.gif');
}



#leftcontent ul li ul li {


  margin-left: -18px;
  list-style-type: none;
  list-style-image: url("../images/li-element-sub.gif");

}

 
#leftcontent li a{
  display: block;
  text-decoration: none !important;
  background-image:url('../images/li-separator.gif');
  background-repeat: repeat-x;
  background-position: bottom;
  height: 21px;
  width: 200px;
}

#leftcontent li li a{
  display: block;
  text-decoration: none !important;
  background-image:url('../images/li-separator.gif');
  background-repeat: repeat-x;
  background-position: bottom;
  height: 21px;
  width: 195px;
}

#leftcontent li li li a{
  display: block;
  text-decoration: none !important;
  background-image:url('../images/li-separator.gif');
  background-repeat: repeat-x;
  background-position: bottom;
  height: 21px;
  width: 188px;
}

#leftcontent li a:hover{
  color: #7B2E00 !important;
  display: block;
  text-decoration: underline !important;
  background-color: #EFE5BC;
}


div.casopisbox{
   width: 230px;
   background-color: #E4D8AB;
   
   margin-top: 5px;
}

div.casopistitle{
   width: 219px;
   background-color: #D5C89C;
   padding-left: 10px;
   color: #7A3118;
   font-size: 14px;
   height: 25px;
   padding-top: 5px;
   text-align: left;
}

div.casopiscontent{
  padding: 5px;
  text-align: left;
}

div.advbox{
   width: 230px;
   background-color: #E4D8AB;
   
   margin-top: 5px;
}

div.advcontent{
  padding: 5px;
  min-height: 170px;
}

.hneda{
   color: #7A3118;
}

.litehneda{
   color: #B55C27;
}

a.leftLink{
   color: #7A3118 !important;
   text-decoration: none !important;
}

a.leftLinklite {
   color: #B55C27 !important;
   text-decoration: none !important;
}

a.leftLink:hover{
   text-decoration: underline !important;
}

a.leftLinklite:hover {
   text-decoration: underline !important;
}



img.advpic{
  margin-right: 5px;
  padding-top: 5px;
}

p.advinfotext{
  font-size: 11px;
  line-height: 1.1em;
  color: #7B2E00;
}

p.advcena{
   margin-top: 5px;
   text-align: right;
   font-size: 15px;
   color: #7B2E00;
}

#footcontent{
   margin: 0 auto; /*Center container on page*/
   width: 940px;
   height: 30px;
   margin-top: 70px;
}

#footcontent p, a{
   color: #CA672D;
}

#footcontent p.small{
   color: #C0B48A;
   font-size: 11px;
}


#nakupnikosik{
  margin-top: 40px;
  margin-left: 775px;
  position: absolute;
  color: white;
}

#breadcrumbs{
  color: #7A3118;
}

#breadcrumbs a {
  color: #7A3118 !important;
}

#contentBanner {
  margin-left: 2px;
  background-image:url('../images/content-banner.jpg');
  background-repeat: no-repeat;
  height: 95px;
}

#contentBanner div.text1{
  padding-top: 20px;
  padding-left: 100px;
  font-size: 20px;
  font-weight: bold;
  color: #f9edc0;
}
#contentBanner div.text2{
  padding-top: 10px;
  padding-left: 150px;
  font-size: 18px;
  font-weight: bold;
  color: #FFFFE5;
}

#contentBanner div.procenta{
  font-size: 22px;
  font-weight: bold;
  color: #FFFFE5;
  float: left;
  margin-top: 25px;
  margin-left: 17px;
}

#filter{
  width: 680px;
  height: 35px;
  background-color: #D7CB9E;
  
  margin-bottom: 5px;
}


#detailPic{
  float: left;
  width: 230px;
}


#detailCena{
   text-align: right;
   margin-right: 15px;
   font-size: 24px;
   font-weight: bold;
   color: #7A3118;
}

li.arrow{
  list-style-type: none;
  list-style-image: url('../images/li-element.gif');
}

a.titlecl{
  text-decoration: none !important;
}

a.titlecl:hover{
  text-decoration: underline!important;
}

#strankovani{
  text-align: center;
  margin-left: 120px;
}


#strankovani a.strana{
   display: block;
   
   min-width: 19px;
   height: 20px;
   float: left;
   margin-left: 3px;
   background-image: url('../images/page-back.jpg');
   background-repeat: repeat-x;
   text-decoration: none !important;
}

#strankovani div.strana{
   display: block;
   
   min-width: 19px;
   height: 20px;
   float: left;
   margin-left: 3px;
   background-image: url('../images/page-back.jpg');
   background-repeat: repeat-x;
   text-decoration: none !important;
}


#strankovani a.strana:hover{
   display: block;
   border: 1px solid #a24b08;
   min-width: 19px;
   height: 20px;
   float: left;
   margin-left: 3px;
   background-image: url('../images/page-back.jpg');
   background-repeat: repeat-x;
   text-decoration: underline !important;
}

#strankovani a.stranasel{
   display: block;
   border: 1px solid #a24b08;
   min-width: 19px;
   height: 20px;
   float: left;
   margin-left: 3px;
   background-color: #7f2300;
   color: #eddbab !important;
   font-weight: bold;
   text-decoration: none !important;
}


/* nakupni kosik */

table.nakupni_kosik{
 clear: both;
  width: 100%;
  padding: 0;
  margin: 0;

}


table.nakupni_kosik th{
   height: 30px;
   background-color: #E4D8AB;
   border-bottom: 1px dotted #C9BC8C;
   text-align: left;
   color: black;
}

table.nakupni_kosik td.even{
  background-color: #FEF9D5;
  border-bottom: 1px dotted #F4EBC9;
}

table.nakupni_kosik td.odd{
  background-color: #F3E9C5;
  border-bottom: 1px dotted #d4d0c8;
}

table.nakupni_kosik input.pocet{
  width: 20px;
  text-align: right;
}

.right_padding{
 text-align: right !important;
 padding-right: 10px;
}

td.cena_soucet{
  border-top: 1px solid black;
  text-align: right;
  padding-right: 10px;
}

p.prazdny_kosik{
  padding: 10px;
  margin: 0px;
  font-size: 120%;
  background-color: #F7F6F2;
  border: 1px solid #D8D8D8;
  background-image: url(../images/package.png);
  background-repeat: no-repeat;
  background-position: right top;
}

td.postovne{
  padding: 5px;
  background-color: #FAF2D4;
  border: 1px solid #D8D8D8;
/*
  background-image: url(../images/package.png);
  background-repeat: no-repeat;
  background-position: right top;
*/
}

div.krok1{
  text-align: center;
  float: left;
  padding-top: 9px;
  margin-bottom: 5px;
  margin-right: 5px;
  vertical-align: middle;
  height: 45px;
  color: black;
  width: 178px;

}

div.krok2{
  text-align: center;
  float: left;
  padding-top: 9px;
  margin-bottom: 5px;
  margin-right: 5px;
  vertical-align: middle;
  height: 45px;
  color: black;
  width: 278px;

}

div.krok3{
  text-align: center;
  float: left;
  padding-top: 9px;
  margin-bottom: 5px;
  vertical-align: middle;
  height: 45px;
  color: black;
  width: 205px;

}

.active{
  background-color: #D5C89C;
  border: 2px solid #FAF2D4;

}

.nonactive{
  background-color: #E4D8AB;
  border: 1px solid #FAF2D4;

}

.now{
  font-weight: bold;
}


legend{
  font-size: 150%;
  font-weight: bold;
  padding-bottom: 10px;
  color: #7B2E00;

}

fieldset{
  background-color: #FAF2D4;
  border: 2px solid #E4D8AB;
}

fieldset input, textarea{
   border: 1px solid #E4D8AB;
}

.rating {

  margin: 5px;
}

input.radio{
  border: 0;
}

#banner ul{
  margin-top: 0px;
  margin-bottom: 3px;
}

a.indexImageHref{
  text-decoration: none !important; 
  display: block; 
  width: 190px; 
  height: 97px;"
}

div.indexImageZZS{
  border: 2px solid #7B2E00; 
  background-image: url('../images/zdravy_zivotni_styl.jpg'); 
  background-repeat: no-repeat; 
  width: 190px; 
  height: 97px;
}

div.indexImageRO{
  border: 2px solid #7B2E00; 
  background-image: url('../images/rozvoj_osobnosti.jpg'); 
  background-repeat: no-repeat; 
  width: 190px; 
  height: 97px;
}

div.indexImageEZ{
  border: 2px solid #7B2E00; 
  background-image: url('../images/ezoterika.jpg'); 
  background-repeat: no-repeat; 
  width: 190px; 
  height: 97px;
}

div.indexImageTitleBox{
  background-color: white;
  height: 30px;
  margin-top: 65px;
  opacity: 0.5;
  filter: alpha(opacity = 50);
  width: 190px;
}

h2.indexImageTitle{
  line-height: 30px; 
  height: 30px; 
  vertical-align: middle;
}

#infoboxdetail{
display : none;
}

#h2doporucujeme{
display : none;

}