body         {background-color:#5A79B0;
              text-align:center;
              color:#444444;
              font-size:80%;
              margin:0px;
              padding:0px;
              background-image:url('pozadi.jpg');
              font-family:"Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
             }

#telo        {position:relative;
              width:964px;
              padding-left:15px;
              padding-right:15px;
              background-color:white;
              background-image:url('layout.jpg');
              background-repeat:repeat-y;
              height:auto;
              text-align:left;    
              margin:auto;   
             }

#logo        {position:relative;
              width:964px;
              height:227px;
              background-image:url('logo.jpg');
              background-repeat:no-repeat;
             }

#logo h1 a   {display:block;
              width:964px;
              height:100px;
              text-decoration:none;
              border:0;
             }
#logo h1 span    {display:none;}
#logo h1         {margin:0;}
#logo h1 a:hover {background:none; border-bottom:0px;}

#logo h2 a   {display:block;
              width:964px;
              height:80px;
              text-decoration:none;
              border:0;
             }
#logo h2 span    {display:none;}
#logo h2         {margin:0;}
#logo h2 a:hover {background:none; border-bottom:0px;}
              

#stred       {position:relative;
              width:964px;
              height:auto;
              background-image:url('stred.jpg');
             }

#menu        {position:relative;
              width:153px;
              height:auto;
              margin-right:2px;
              float:left;
	      overflow: hidden;
             }
#menu ul     {list-style:none; margin:0; margin-bottom:20px; padding:0;}
#menu ul li  {list-style:none; width:153px; padding-left:0; padding-right:0;}
#menu h3     {padding-left:10px; padding-bottom:3px; background-image:url('menu.jpg'); background-repeat:no-repeat; background-position:left bottom;}  
#menu label  {padding-left:5px; width:50px; _width:55px; display:block; float:left;}
.ul-menu     {text-transform:uppercase;} 
             
#obsah       {position:relative;
	            width:646px;
              height:auto;
              float:left;
              padding-left:8px;
              padding-right:8px;
              top:-30px;
	            margin: 0;
             }
#obsah table {margin:auto; width:auto;}
#obsah p     {margin-top:10px;}
#obsah ul    {list-style-type:square; margin-left:40px; width:auto;}
#obsah ul li {list-style-type:square; width:auto;}
             
#novinky     {position:relative;
              width:147px;
              height:auto;
              float:right;
	      overflow: hidden;
             }                          
#novinky h3  {padding-left:10px; padding-bottom:3px; background-image:url('nov.jpg'); background-repeat:no-repeat; background-position:left bottom;}
#novinky p   {padding:5px; padding-top:0px; padding-bottom:0px; text-align:left; font-size:80%; margin-top:8px; margin-bottom:8px;} 
#novinky div {padding:5px; padding-top:0px; padding-bottom:0px;} 
             
#paticka     {position:relative;
              width:964px;
              height:37px;
              background-image:url('paticka.jpg');
              background-repeat:no-repeat;
             }
#paticka span {display:none;}
                             
a , a:link , a:visited , a:active {color:red; text-decoration:underline;}
a:hover                           {color:blue;}

.menu, .zastavmenu                                                        {font-weight:bold; display:block; float:left; padding-left:10px; width:143px; padding-top:3px; padding-bottom:5px;}

.menu , .menu:link , .menu:visited , .menu:active                         {text-decoration:none; color:#5A79B0; background-image:url('menu.jpg'); background-repeat:no-repeat; background-position:left bottom;}
.menu:hover                                                               {color:red; text-decoration:none; background-image:url('menu_over.jpg'); background-repeat:no-repeat; background-position:left bottom;}

.zastavmenu , .zastavmenu:link , .zastavmenu:visited , .zastavmenu:active, .zastavmenu:hover {color:red; text-decoration:none; background-image:url('menu_over.jpg'); background-repeat:no-repeat; background-position:left bottom;}

.pat , .pat:link , .pat:visited , .pat:active , .pat:hover                {display:block; float:right; width:116px; height:15px; margin-top:18px; margin-bottom:4px; text-decoration:none;}

.aktivni {font-weight:bold; display:block; float:left; padding-left:20px; width:143px; padding-top:3px; padding-bottom:5px; color:red; text-decoration:none; background-image:url('menu_over.jpg'); background-repeat:no-repeat; background-position:left bottom;}

h1	                   {color:#1A659E; font-size:130%; font-weight:bold; text-decoration:none;}
h2	                   {color:#1A659E; font-size:120%; font-weight:bold; text-decoration:none;}
h3	                   {color:#1A659E; font-size:110%; font-weight:bold; text-decoration:none; margin-top:5px;}
h4                     {color:#1A659E; font-size:100%; font-weight:bold; text-decoration:none;}

input                  {border:1px solid #444444; background-color:white; margin-bottom:2px;}
textarea               {border:1px solid #444444; background-color: white;}
input.tlacitko         {border:2px solid #444444; background-color:white; color:#444444; font-weight:bold; cursor:pointer;}
input.tlacitko2        {border:2px solid #444444; background-color:white; color:#444444; padding-left:5px; padding-right:5px; font-weight:bold; font-size:80%; cursor:pointer;}

.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:square;}
ul li                  {clear:both;}

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;
      visibility: hidden;
      color:white;
      _display:none;
      } 
      
legend {
  padding: 0.2em 0.5em;
  border:1px solid #1A659E;
  color:#1A659E;
  font-size:90%;
  text-align:right;
  }
  
fieldset {border:1px solid #1A659E; padding:4px; margin-bottom:15px;}

table {font-size: 90%;}
ul ul li {color: #000;}
#obsah label {width:120px; float:left; display:block;}
.red {color: #f00; font-weight: bold;}
.hvezdicka {color: #f00; font-weight: bold; font-size: 150%;}
td {padding: 0.5em 0 0 0.5em;}

/* eshop menu */
ul#shop, ul  {
        color:black;
		    padding:0;
		    margin:0;
		    width:135px;
		    list-style-type:none;
	   }  
	
    ul#shop li {
        float:left;
        display:block;
        width:135px;
        margin:0px;
        padding-top:2px;
    }	

    ul#shop li ul li {padding-top:0px;}
    
    ul#shop li a  {
        color:red;
		    display:block;
		    float:left;
		    padding-top:2px;
		    padding-bottom:2px;
        width:135px;		    
		    text-align:left;
		    font-weight:bold;
	text-decoration: none;
	   }

    ul#shop li a:hover  {
		    color:blue;
	   }
	  
	  ul#shop li ul li a  {
	      font-weight:normal;
        color:black;
        padding-left:10px;
        width:125px;   
	   }

    ul#shop li ul li a:hover  {
		    color:blue;
	   }
	  
    ul#shop li ul li a  {
        float:left;
	   }	
	
    ul#shop li ul {
        visibility:hidden;
        display:none;
        width:135px;
	   }

    ul#shop li:hover ul, ul#shop li.hover ul {
        visibility:visible;
        display:block;
	   }	
	       	
    ul li {
          background-color: expression(
            this.onmouseover = new Function("this.className += ' hover';"),
            this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
          );
        }	

	/* detail produktu */
img.picture {float: left; margin: 1em;}
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;}

	/* prehled produktu */
span.cena-prehled {position:relative; color: #f00; font-weight: bold;}
div.cena-box {position:relative; clear:both; text-align: right; float:right; margin-top:5px; border-left:3px solid #91A1D7; width:120px;}
td.prehled {position:relative; height:320px; width:207px; margin: 0.7em; border: 1px solid #91A1D7; padding: 0.7em; vertical-align: top; background-image:url('shoptd.jpg'); background-repeat:repeat-x;}
div.cistic {_position:absolute; _left:0px; _bottom:0px; clear: both; text-align: center; padding-top:5px;}
table {position:relative;}
span:first-letter {text-transform: capitalize;}