body{
  margin:0;
  padding:0;
  line-height: 1.5em;
  color: black;
  font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-image: url(../images/background-strip.png);
  background-repeat: repeat-x;
  background-color: #fff468;
}


b {font-size: 110%;}

h1 {
	font-size: 30px;
	font-weight: bold;
  color: #b36622;
  line-height: 110%;
  padding: 0;
  padding-bottom: 3px;
  margin: 0;

}

h1.detail {
	font-size: 32px;
	font-weight: bold;
  color: #b36622;
  padding: 0;
  margin: 0;

}

h2 {
	font-size: 20px;
  color: #c9bd55;
  padding: 0;
  margin: 0;
  padding-bottom: 3px;
  
}

h2.green {
	font-size: 20px;
  color: #5B8101;
  font-weight: normal;
}

h3 {
	font-size: 120%;
	color: #5B8101;
	/*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;  */
}


#maincontainer{
  width: 938px; /*Width of main container*/
  margin: 0 auto; /*Center container on page*/
  position: relative;

  background-image: url(../images/main-back.jpg);
  background-repeat: repeat-y;
  
}

#topsection{
  width: 938px;
  height: 215px;
  margin: 0;
  padding-top: 10px;

}

#topsectioninner{
  margin-left: 20px;
  background-image: url(../images/top.jpg);
  background-repeat: no-repeat;
  height: 178px;
}

#menusection{
  margin-left: 20px;
  background-image: url(../images/menu-back.jpg);
  background-repeat: repeat-x;
  width: 900px;
  height: 30px;
  color: black;
}

#contentsection{
  width: 900px;
  min-height: 300px;

}

#contentsection #content{
  width: 900px;
  background-image: url(../images/content-back.jpg);
  background-repeat: repeat-x;
  margin-left: 20px;
  background-color: #fefbd0;
}

#contentsection #content a{
   color: black;
   text-decoration: underline;
   
}

#contentsection #content a:hover{
   color: black;
   text-decoration: none;
}



#menusection div.menu{
  float: left;
  height: 30px;
  
}



#menusection a{
  font-weight: bold;
  text-decoration: none;
  color: black;
  font-size: 13px;
  letter-spacing: 0.7px;
  display: block;
  color: #F9ECC0;
  padding: 6px;
  padding-left: 20px;
  padding-right: 20px;
}

#menusection a:hover{
  font-weight: bold;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0.7px;
  display: block;
  color: #fefbcc;
  background-color: #b88409;
  padding-left: 20px;
  padding-right: 20px;
}

#menusection a.selected{
  font-weight: bold;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0.7px;
  display: block;
  color: #C9672E;
  background-color: #F9EDC0;
  padding-left: 20px;
  padding-right: 20px;

}

#menusection a.menu:hover{
  color: black;
}


#leftsection{
  width: 380px;
  height: 150px;
  float: left;
}


#leftsection div.title{
  padding-left: 40px;
  padding-top: 8px;
}

#rightsection {
  width: 370px;

  height: 150px;
  float: left;
  margin-left: 20px;
}

#rightsection div.title{
  padding-left: 40px;
  padding-top: 8px;

}

#rightsection div.text{
  padding-left: 15px

}

#leftsection div.text{
  padding-left: 15px
}




#menusection{
  width: 900px;
  height: 30px;
  color: black;


}




#banner{
   background-color: #fefbd7;
   width: 612px;
   border: 2px solid #f9f5c1;
   

}

#leftcontent{
   float: left;
   width: 260px;
 
}

#rightcontent{
   float: left;
   width: 606px;
   margin-top: 5px;
   margin-left: 15px;
   

}

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

.cb{
  clear: both;
}

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

div.blockLong{
   float: left;
   width: 595px;
   padding: 8px;
   background-color: #fefbcd;
   background-image: url(../images/block-back.jpg);
   background-repeat: repeat-x;
   border: 2px solid #f0da9a;
   margin-top: 8px;

}

div.blockLong div.title span{
  color: black;
  font-weight: bold;
  padding-right: 10px;

}

div.infoLong{

  width: 580px;
  padding-top: 5px;
  color: black;
  
}

.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: 15px;
  padding-bottom: 3px;
  font-weight: bold;
}

div.title a{
  color: #B55C27 !important;
  font-size: 15px;
  padding-bottom: 3px;
  font-weight: bold;
  text-decoration: none !important;
}


div.title a:hover{
  color: #B55C27 !important;
  font-size: 15px;
  padding-bottom: 3px;
  font-weight: bold;
  text-decoration: underline !important;
}

div.picture{
  float: left;
  width: 80px;
}

div.info{
  float: left;
  width: 230px;
  padding-left: 5px;
  color: black;
}

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

div.price{
  color: #ad682c;
  font-size: 20px;
  margin-top: 10px;
  text-align: right;
  padding-bottom: 2px;

}

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

div.searchbox{

   width: 260px;
   padding: 10px;
   padding-top: 15px;
   background-color: #f7f0ab;
   border: 2px solid #f5eaac;
   margin-top: 15px;
    background-image:url('../images/box-title-bg.jpg');
    background-repeat:no-repeat;
}


.searchBox{

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

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

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

div.categorybox{
   width: 260px;
   background-color: #f7f0ab;
   border: 2px solid #f5eaac;
   margin-top: 5px;
}

div.categorytitle{
   width: 260px;
   color: #7A3118;
   font-size: 14px;
   height: 25px;
  background-image:url('../images/box-title-bg.jpg');
  background-repeat:no-repeat;
}

div.categorytitle strong{
  padding-top: 3px;
  padding-left: 10px;
  display: block;
}
/* #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-left-element.gif');
}


#leftcontent ul li ul li {
  margin-top: 0px !important;
  margin-left: -16px;
  list-style-type: none;
  list-style-image: url('../images/li-left2-element.gif');

}
 */ 
 

 #leftcontent ul{
  margin: 0;
  padding-left: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
/*   padding-bottom: 5px;
  margin-top: 5px; */

}

#leftcontent li{
  list-style-type: none;

}



#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: 225px;
}

#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: 216px;
}

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


div.casopisbox{
   width: 260px;
   background-color: #f7f0ab;
   border: 2px solid #f5eaac;
   margin-top: 5px;
 
}

div.casopistitle{
   width: 260px;
   
   color: #7A3118;
   font-size: 14px;
   height: 25px;
   text-align: left;
    background-image:url('../images/box-title-bg.jpg');
    background-repeat:no-repeat;
}


div.casopistitle strong{
  padding-top: 3px;
  padding-left: 10px;
  display: block;
}

div.casopiscontent{
  text-align: left;
}

div.advbox{
   width: 260px;
   background-color: #f7f0ab;
   border: 2px solid #f5eaac;
   margin-top: 5px;
}

div.advcontent{
  padding: 5px;
  padding-left: 15px;
  min-height: 140px;
}

.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: #5C823A;
}

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

#footersection{
   margin: 0 auto; /*Center container on page*/


}

#footcontent{
  margin-left: 20px;
  width: 900px;
  height: 50px;
  color: black;
  background-color: #b65506;

}


#footcontent2{
  margin-left: 20px;
  width: 900px;
  height: 30px;
  color: #b65506;
  text-align: center;
  line-height: 30px;
  vertical-align: middle;
  font-size: 11px;
 
}

#footcontent p, #footcontent a{
   color: #fefbcc;
   font-weight: bold;
   text-align: center;
   line-height: 50px;
   vertical-align: middle;
   text-decoration: none;
}

#footcontent a:hover{
   color: #fefbcc;
   font-weight: bold;
   text-align: center;
   line-height: 50px;
   vertical-align: middle;
   text-decoration: underline;
}

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


#nakupnikosik{
  margin-top: 100px;
  margin-left: 755px;
  position: absolute;
  color: black;
  font-size: 12px !important;
}

#nakupnikosik a{
  color: black;
  text-decoration: none;
}

#nakupnikosik a:hover{
  color: black;
  text-decoration: underline;
}

#breadcrumbs{
  color: #7A3118;
}

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

#contentBanner {
  margin: 5px;
}

#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: 611px;
  height: 35px;
  background-color: #FEFCCC;
  border: 2px solid #f0da9a;
  margin-bottom: 5px;
  margin-top: 5px;
}

#detail{
  width: 620px;
}

#detailText{
  float: left;
  width: 445px;
  margin-right: 5px;
}

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

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

#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;
   border: 1px solid #ccc092;
   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;
   border: 1px solid #ccc092;
   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;
  font-size: 12px;
}



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

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

}

table.nakupni_kosik td.odd{
  background-color: #F7F0AB;
  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: #FEFCCC;
  border: 1px solid #E8D77F;
  
  background-repeat: no-repeat;
  background-position: right center;

}

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

}

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

}

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

}

.active{
  background-color: #E8D77F;
  border: 2px solid #B36622;

}

.nonactive{
  background-color: #F7F0AB;
  border: 1px solid #E8D680;

}

.now{
  font-weight: bold;
}


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

}

fieldset{
  background-color: #FEFCCC;
  border: 1px solid #E8D77F;
}

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

.rating {

  margin: 5px;
}

input.radio{
  border: 0;
}


#rightcontent ul {

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

}


div.rozcestnik{
  width: 620px;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
}

div.rozcestnik img{
  border: 2px solid #e8d881;
}

div.rozcestnikblok{
  width: 32%;
  float: left;
}

div.podnadpisText{
   width: 597px;
   padding: 8px;
   border: 1px solid #f7f4bc;
   background-color: #fdfbd6;
}

span.vicezde{
  font-style: italic;
  padding-right: 16px;
  padding-top: -10px;
  background-image: url(../images/info.gif);
  background-position: right;
  background-repeat: no-repeat;

}


   .PDF
        {
		    background-image:url(../images/page_white_acrobat.png);
		    background-repeat:no-repeat;
		    background-position:top left;
		    padding-left:18px;
        }

        .DOC
        {
		    background-image:url(../images/page_white_word.png);
		    background-repeat:no-repeat;
		    background-position:top left;
		    padding-left:18px;
        }

        .XLS
        {
		    background-image:url(../images/page_white_excel.png);
		    background-repeat:no-repeat;
		    background-position:top left;
		    padding-left:18px;
        }

        .PPT
        {
		    background-image:url(../images/page_white_powerpoint.png);
		    background-repeat:no-repeat;
		    background-position:top left;
		    padding-left:18px;
        }

        .Image
        {
		    background-image:url(../images/picture.png);
		    background-repeat:no-repeat;
		    background-position:top left;
		    padding-left:18px;
        }

        .ExternalLink
        {
		    background-image:url(../images/world_link.png);
		    background-repeat:no-repeat;
		    background-position:top left;
		    padding-left:18px;
        }

        .Mail
        {
		    background-image:url(../images/email_edit.png);
		    background-repeat:no-repeat;
		    background-position:top left;
		    padding-left:18px;
        }





#rs h1 {
	font-size: 30px;
	font-weight: bold;
  color: #b36622;
  line-height: 110%;
  padding: 0;
  padding-bottom: 8px;
  margin: 0;

}


#rs h2 {
	font-size: 20px;
  color: #c9bd55;
  padding: 0;
  margin: 0;
  padding-bottom: 5px;

}


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

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

#rs p{
  padding-bottom: 5px;

}