body         {background-color:#D2E983;
              text-align:center;
              color:black;
              font-size:80%;
              margin:0px;
              padding:0px;
              font-family:"Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
              text-decoration:none;
             }

#telo        {position:relative;
              width:875px;
              height:auto;
              margin:auto;
              text-align:left;
              background-image:url('pictures/layout.jpg');
              background-repeat:repeat-y;
             }

#vrsek       {position:relative;
              width:875px;
              height:139px;
              background-image:url('pictures/header.jpg');
              background-repeat:repeat-y;
              overflow:hidden;
             }
#vrsek h1 a  {display:block;
              position:relative;
              left:0px;
              top:7px;
              width:363px;
              height:100px;
              text-decoration:none;
              border:0;
              float:left;
             }                          
#vrsek h1 span {display:none;}
#vrsek h1      {margin:0;}
#vrsek h1 a:hover {background:none;
                  border-bottom:0px;
                 }
#vrsek img.reklama {position:absolute;
                 top:22px;
                 left:392px;
                } 
                 
ul#eshop-menu {list-style:none; margin:0px; padding:0px; position:absolute; top:108px; left:485px;}
ul#eshop-menu li  {list-style:none; display:inline; width:auto;}
.prvni       {padding-right:5px; border-right:1px solid black; margin-right:5px; font-size:110%;}
ul#eshop-menu a, a:link , a:visited , a:active   {text-decoration:none; color:black; font-weight:bold;}
ul#eshop-menu a:hover   {color:#8AA13B;}
ul#eshop-menu li.prvni a, a:link , a:visited , a:active {color:#EF5400;}

#stred       {position:relative;
              width:875px;
              height:auto;
             }             

#menu        {position:relative;
              top:-10px;
              left:12px;              
              width:206px;
              height:auto;
              float:left;
              background-image:url('pictures/menu.jpg');
              background-repeat:repeat-y;
              overflow:hidden;
             }             
#menu form   {width:206px; color:#546B05; margin-bottom:0px; margin-top:0px; clear:both; overflow:hidden;}
#menu ul     {margin:0px; padding:0px; list-style-type:none; margin-left:3px; width:200px; background-color:#EDFFAB; overflow:hidden;}
#menu li     {width:200px; list-style-type:none; display:block; clear:both;}
#menu li a, a:link , a:visited , a:active   {line-height:18px; text-decoration:none; color:black; font-weight:bold; padding-left:20px; width:180px; _width:200px; display:block; clear:both;}
#menu li a:hover   {line-height:18px; text-decoration:none; color:white; background-color:#7B922C; font-weight:bold; padding-left:20px; width:180px; _width:200px; display:block; clear:both;}
#menu ul li ul {margin:0px;}
#menu ul li ul a, a:link , a:visited , a:active   {line-height:18px; text-decoration:none; color:#8AA13B; font-weight:bold; padding-left:40px; width:160px; _width:200px; display:block; clear:both;}
#menu ul li ul a:hover   {line-height:18px; text-decoration:none; color:white; background-color:#7B922C; font-weight:bold; padding-left:40px; width:160px; _width:200px; display:block; clear:both;}

#menu-dole   {position:relative;
              width:206px;
              height:110px;
              margin:0px;
              background-image:url('pictures/menu-dole.jpg');
              background-repeat:no-repeat;
             }             

#obsah       {position:relative;
              padding:0px 39px 0px 10px;
              width:590px !important;
              _width:639px;
              height:auto;
              float:right;
             }             

#reklama     {position:relative;
              margin-left:228px;
              width:610px;
              padding-top:3px;
              padding-bottom:3px;
              border-top:1px solid #7B922C;
              height:auto;
              text-align:center;
             }  
#reklama img {margin-right:2px;}
     
#paticka     {position:relative;
              margin-left:228px;
              width:610px;
              padding-top:3px;
              padding-bottom:3px;
              border-top:1px solid #7B922C;
              height:auto;
             }  
             
a , a:link , a:visited , a:active {color:blue; text-decoration:underline;  display:inline; float:none; width:auto; margin:0px; padding:0px; font-weight:normal; background:transparent;}
a:hover                           {color:red;}

h2	                   {color:#485C01; font-size:130%; font-weight:bold; text-decoration:none;}
h3	                   {color:#485C01; font-size:120%; font-weight:bold; text-decoration:none;}
h4                     {color:#485C01; font-size:110%; font-weight:bold; text-decoration:none;}

input                  {border:1px solid #546B05; background-color:white; margin-bottom:2px;}
textarea               {border:1px solid #546B05; background-color: white;}
input.tlacitko         {border:2px solid #546B05; background-color:white; color:black; font-weight:bold; cursor:pointer;}
input.tlacitko2        {border:2px solid #546B05; background-color:white; color:black; font-weight:bold; font-size:80%; cursor:pointer; width:auto;}
label                  {width:150px; float:left; display:block; clear:both;}

.justify               {text-align:justify;} 
.center                {text-align:center;}
.left                  {text-align:left;}
.right                 {text-align:right;}
.middle                {vertical-align:middle;}
.top                   {vertical-align:top;}

p                      {text-align:justify;}
strong                 {color:black;}

ul                     {list-style-type:square;}

img                    {border-color:white; border:none;}

hr                     {height:1px; color:black;}
hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; padding:0;
      border:none;
      font-size:1px;
      visibility:hidden;
      overflow:hidden;
      color:white;
      } 
      
legend {
  padding: 0.2em 0.5em;
  border:1px solid #546B05;
  color:#546B05;
  background-color:white;
  font-size:90%;
  text-align:right;
  }
  
fieldset {border:1px solid #546B05; background-color:transparent; padding:4px; margin-bottom:10px;}

.red, .hvezdicka {color:red;}

.info_div {text-align:right; padding-top:5px;}

table {font-size:95%;}

	/* detail produktu */
div.picture {float:right; text-align:center; position:relative; height:230px; top:-13px; margin: 1em; margin-right:0px; width:170px; border: 1px solid #7D942E; background-color:#EDFFAB;}
div.cena {float: right; margin: 0.5em;}
span.dph { font-size: 200%; font-weight: bold; color: #f00;}
span.bezdph {font-size:90%; color: #000;}
div.koupit {text-align: center;}
#detail-top {border:1px solid #7D942E; background-color:#EDFFAB; width:400px; height:230px;}
#form label {width:80px; float:left;}
#form input {width:183px;}
p.prispevek {background-color:#EDFFAB;}
	/* prehled produktu */
span.cena-prehled {color: #f00; font-weight: bold;}
div.cena-box {clear:both; text-align: right; float:right; margin-top:5px; border-left:3px solid #7D942E; width:120px;}
td.prehled {width:292px; margin: 0.7em; border: 1px solid #7D942E; padding: 0.7em; vertical-align: top; background-image:url('layout/shoptd.jpg'); background-repeat:repeat-x; font-size:90%;}
.cistic {clear: both; text-align: center; padding-top:5px;}