body {
background: #343339;
font-family:  Arial, Verdana, Helvetica,  sans-serif;
font-family:  "Arial", "Verdana", "sans-serif";
font-size:80%;
text-align: left;
color:#000;
font-weight:normal;
 margin: 0; padding: 0;
}


form {margin-top: 0px; margin-bottom: 0px;}
   
ul, li {
border:0;
margin: 0;
padding: 0;
list-style-type: none;
}

.clear
{
    clear:both;
    overflow:hidden;
    height:1px;
}

img{  border:0; padding:0;}


a 
{ 
  color:#2e4e0d;
  text-decoration:none;
  font-weight:bold;
}

a:hover
{
  text-decoration:underline;
}

strong
{
  font-weight:normal;
}

.bolder
{
  font-weight:bold;
}

.logInfo
{
  font-size:85%;
  padding:20px 10px 10px 10px;
}


#main
{
  width:935px;
  padding:238px 0 0 0;
  margin:20px auto;
  position:relative;
  background:#fff;
}


/*  ================ hlavicka =============    */

#menu
{
  position:absolute;
  top:0;
  left:0;
  
}

#menu ul
{
  padding:0 0 0 20px;
  width:915px;
}

#menu ul.menu1
{
    background:#6a8029 url(images/bg-menu1.gif) left bottom repeat-x;
    height:25px;
}

#menu ul li
{
  display:inline;
}

#menu ul li a
{
  display:block;
  float:left;
  color:#fff;
  text-transform:uppercase;
  text-decoration:none;
  font-weight:normal;
  padding:0 40px;
  line-height:25px;
}

#menu ul.menu1 li a
{
  height:25px;
  background:url(images/bg-menu1-left.gif) left bottom no-repeat;
  font-weight:bold;
}

#menu ul.menu1 li a:hover
{
   background:url(images/bg-menu1-on.gif) left bottom repeat-x;
}


#menu ul.menu2
{
    background:#6a8029 url(images/bg-menu2.gif) left bottom repeat-x;
    height:28px;
}

#menu ul.menu2 li a
{
  height:28px;
  line-height:28px;
  background:url(images/bg-menu2-left.gif) left bottom no-repeat;
  font-weight:bold;
}

#menu ul.menu2 li a:hover
{
   background:url(images/bg-menu2-on.gif) left bottom repeat-x;
}

#header
{
  width:935px;
  height:184px;
  background:url(images/header.jpg) left top no-repeat;
}




/*  ================ OBSAH =============    */

h1
{
   height:30px;
   line-height:30px;
   color:#fff;
   font-weight:normal;
   font-size:140%;
   background:#618831 url(images/bg-h1.gif) left bottom repeat-x;
   margin:0;
   padding:0 20px;
}

h2
{
   height:21px;
   line-height:21px;
   color:#fff;
   font-weight:normal;
   font-size:100%;
   background:#618831 url(images/bg-h2.gif) left bottom repeat-x;
   margin:0;
   padding:0 20px;
}

h2 a
{
  color:#fff;
  text-decoration:none;
}

h2 a:hover
{
  text-decoration:underline;
}

#content
{
  padding:20px;
}

#content p
{
  padding:10px 5px;
}

#content .left
{
  width:55%;
  float:left;
}


#content .right
{
  width:42%;
  float:left;
  margin:0 0 0 2%;
}

#content .right img
{
  margin:5px 0;
}


/*   ===== LEFTPANEL =====*/

#leftPanel
{
  width:232px;
  float:left;
}

#leftPanel h2
{
    height:30px;
    line-height:30px;
    background:#99b253 url(images/bg-h2-leftPanel.gif) left bottom repeat-x;
    text-transform:uppercase;
    font-weight:bold;
    text-align:center;
}

.panel
{
  padding:15px 20px 20px 30px;
  background:url(images/bg-leftPanel.gif) left bottom no-repeat;
  margin:0 0 10px 0;
}

#leftPanel ul
{
  margin:0 0 5px 0;
}

#leftPanel ul li a
{
  font-weight:normal;
  border-bottom:1px dotted #666;
  display:block;
  height:30px; 
  line-height:30px;
  margin:2px 0;
}

#leftPanel ul li ul li a
{
  text-transform:uppercase;
  border:0;
  padding:0 0 0 30px;
  background:url(images/li.gif) 15px 2px no-repeat;
   height:auto;
  line-height:22px;
}

#leftPanel ul li ul li ul li a
{
  background:none;
  text-decoration:underline;
  text-transform:none;
  height:16px;
  line-height:16px;
  padding:0 0 0 60px;
}


#leftPanel label
{
  line-height:18px;
}

a.bolder
{
  font-weight:bold;
  text-decoration:underline;
  text-transform:uppercase;
  float:right;
  margin:10px 10px 5px 0;
  display:block;
}


/*  ================ rightpanel + item  =============    */

#rightPanel
{
  width:658px;
  float:right;
}

#rightPanel h1
{
  background:#87453a;
  font-size:110%;
}






.item
{
  width:256px;
  height:247px;
  padding:10px 20px 20px 20px;
  background:url(images/bg-item.gif) left bottom no-repeat;
  float:left;
  margin:9px;
  text-align:center;
  display:block;
}

.item span
{
  display:block;
}

.item h2
{
  background:none;
  font-weight:normal;
  border-bottom:1px dotted #666; 
  color:#000;
  }

.item .detailLink
{
  float:left;
}

.item .cart
{
  float:right;
}

.item img.itemImg
{
  height:130px;
  margin:10px
}


.item .leftAlign
{
  text-align:left;
  margin:5px 0;
  font-size:90%;
  width:100%;
  height:60px;
}

.item .left
{
  text-align:left;
}




.category
{
  width:563px;
  height:166px;
  padding:20px 20px 20px 20px;
  background:url(images/bg-cat.gif) left bottom no-repeat;
}

#rightPanel h1.normal
{
  background:none;
  font-weight:bold;
  color:#000; 
  padding:0;
  text-transform:uppercase;
}

#rightPanel .category h2
{
  background:none;
  border-bottom:1px dotted #666; 
}

#rightPanel .category h2 a
{
  text-transform:uppercase;
  color:#000;
  font-weight:bold;
}


.category img
{
  float:left;
  margin:15px 40px 0 15px;
}

.category .info
{
  float:left;
  width:360px;
  padding:15px 0 0 0;
}

.category p
{
  margin:0;
}




.detail
{
  padding:20px;
}

#content .detail h1
{
  background:none;
  color:#000;
  padding:0;
  margin:0 0 3px 0;
  text-transform:uppercase;
  border-bottom:1px dotted #666; 
  font-weight:bold;
  font-size:150%;
}

#content .detail h2
{
  background:none;
  color:#000;
  padding:0;
  margin:0 0 3px 0;
  text-transform:uppercase;
  border:0;
  font-size:100%;
  font-weight:bold;
}

#content .detail p
{
  margin:0;
  padding:0;
  font-size:90%;
}

.detail .small
{
   font-size:90%;
}

.detail .first
{
  float:left;
  font-size:90%;

}

.detail .first .prices
{
  line-height:24px;
  font-size:120%;
}

.detail .second
{
  margin:10px 40px;
  float:left;
}



.detail .third
{
  width:260px;
  float:left;
  font-size:90%;
}








td.field
{
   text-align: right;
   font-size: 10pt;
   font-weight: bold;   
}

.fieldname
{
	font-weight: bold;
	font-size:10pt;	
}

.textbox
{
 border-style:solid;
 border-width:1px;
 border-color:Silver;    
}


/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(images/FilledStar.gif);

}

.emptyRatingStar {
    background-image: url(images/EmptyStar.gif);
}

.savedRatingStar {
    background-image: url(images/SavedStar.gif);
}

.ikona
{
  width:16px;
  text-align:center;
  height:16px;
    }
    
    
    /* Photo Border for All Pages Except the Image Page */

.photo-frame .topx-- {
	background-image: url(images/frame-topx--.gif);
	background-repeat: no-repeat;
	width: auto;
	height: 4px;
	vertical-align: top;
}
.photo-frame .top-x- {
	background-image: url(images/frame-top-x-.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 4px;
}
.photo-frame .top--x {
	background-image: url(images/frame-top--x.gif);
	background-repeat: no-repeat;
	width: auto;
	height: 4px;
	vertical-align: top;
}

.photo-frame .midx-- {
	background-image: url(images/frame-midx--.gif);
	background-repeat: repeat-y;
	width: 4px;
	height: auto;
}
.photo-frame .mid--x {
	background-image: url(images/frame-mid--x.gif);
	background-repeat: repeat-y;
	width: 4px;
	height: auto;
}

.photo-frame .botx-- {
	background-image: url(images/frame-botx--.gif);
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
	vertical-align: top;
}
.photo-frame .bot-x- {
	background-image: url(images/frame-bot-x-.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 4px;
}
.photo-frame .bot--x {
	background-image: url(images/frame-bot--x.gif);
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
	vertical-align: bottom;
}


/* ========= text ======== */
#text
{
  padding:0 40px 30px 40px;
}

#text h2
{
  background:none;
  color:#2e4e0d;
  font-size:120%;
  margin:15px 0 5px 0;
  padding:0;
  font-weight:bold;
}

#text ul
{
  width:700px;
}

#text ul li
{
  background: url(images/liBig.png) left 2px no-repeat;
  padding:0 0 0 15px;
  margin:5px 0 0 25px;
}


.sitemRoot
{
    FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #A8B5BF; TEXT-DECORATION: none;
    letter-spacing:1px;
}

.sitemRoot:Hover
{
    FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #404040; TEXT-DECORATION: none;
    letter-spacing:1px;
}

.sitemCurrent
{
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #838383; TEXT-DECORATION: none;
	letter-spacing:1px;
}
