body {
margin: 0px;
padding: 10px 20px 10px 20px;
word-spacing:0;
font-family: Verdana CE, Tahoma, "Helvetica CE", Verdana CE, "Arial CE", sans-serif;
font-size: 9pt;
color:#C0C0C0;
background-color:#000000;
}

table {
word-spacing:0;
font-family: Verdana CE, Tahoma, "Helvetica CE", Verdana CE, "Arial CE", sans-serif;
font-size: 9pt;
border-collapse: collapse;
table-layout: auto;
}

td {
vertical-align:top;
}

a {
text-decoration: underline;
color: #FFCC00;
}

a:hover {
text-decoration: none;
color: #D2BA99;
}


#hlavicka {
   width: auto;
   height: 126px;
   background-image: url('images/top_bot.jpg');
} 

#hlavicka_m {
   float:left;
   width: 661px;
   height: 126px;
   background-image: url('images/top.jpg');
} 

#hlavicka_l {
   float:left;
   width: 4px;
   height: 126px;
   background-image: url('images/top_left.jpg');
} 

#hlavicka_r {
   float:right;
   width: 4px;
   height: 126px;
   background-image: url('images/top_right.jpg');
} 

#paticka {
   float:left;
   width: 100%; 
   height: 22px;
   background-image: url('images/bot_poz.jpg');
   line-height: 22px;
} 

#paticka_l {
   float:left;
   width: 3px; 
   height: 22px;
   background-image: url('images/bot_left.jpg');
} 

#paticka_r {
   float:right;
   width: 3px; 
   height: 22px;
   background-image: url('images/bot_right.jpg');
} 

#lista {
   width: 100%;
   height: 41px;
   background-image: url('images/lista_poz.jpg');
} 

#lista_l {
   float:left;
   width: 26px;
   height: 41px;
   background-image: url('images/lista_left.jpg');
} 

#lista_r {
   float:right;
   width: 37px;
   height: 41px;
   background-image: url('images/lista_right.jpg');
} 



#left {
	float:left;
	width:179px;
}

#right {
	float:right;
	width:179px;
}

#main1 {
	margin:0; padding:0;
	background:url("images/left.jpg") top left repeat-y;
	}
#main2 {
	margin:0; padding:0;
	background:url("images/right.jpg") top right repeat-y;
	}
#middle {
	margin:0 179px 0 179px;
	}
	
.column-in {
	margin:0; padding:0.5em 1em;
	}
.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
	}

.float_left {
   float: left;
}
.float_right {
   float: right;
}

.menu {
font-size: 10pt;
letter-spacing: 3px;
width: 179px;
height: 45px;
background-image: url('images/but.jpg');
line-height: 45px;
}

.sto_p {
width:100%;
}

.pad_deset {
	padding: 0px 10px 0px 10px;
}		

h1 {
font-size: 120%;
margin: 0.3em 0 0.5em 0;
color:#FFCC00;
font-weight:bolder;
background:url('images/tecka.jpg') no-repeat 0 0.4em;
padding:0 0 0 12px;
}		

.menu_podklad {
width: 179px;
background-image: url('images/menu_podklad.jpg');
}

.form_pevna {
width: 300px;
}

.button {
width: auto;
}

h2 {
font-size: 120%;
margin: 0.2em 0 0.2em 0;
color:#FFCC00;
font-weight:bolder;
padding:0;
}		

div#goods table {
width: 95%;

}
div#goods tr {
border-top: 1px dashed #000066;
border-bottom: 1px dashed #000066;
padding: 5px 0px 5px 0px;
}

.goods_top {
border-top: 1px dashed #000066;
border-bottom: 1px dashed #000066;
padding: 5px 0px 5px 0px;
}

img {
border: 0;
}


div#goods td.obr {
width:110px;
padding-top:5px;
}

.pad_tri {
padding: 3px 0px 3px 0px;
}


TABLE#form {

border: 1px solid #000000;
width:100%;
}

.form {
border: 2px solid #000000;
background-color:#000066;
padding-left:5px;
}

.form_nic {
border: 2px solid #000000;
background-color:#000000;
padding-left:5px;
}

.form_err {
border: 2px solid #000000;
background-color:#990000;
padding-left:5px;
}

.button {
margin: 5px;
background-color:#990000;
color:#CCCCCC;
font-weight: bold;
border: 1px solid #FFCC00;
cursor: pointer;
}

input, textarea, select {
margin: 2px;
background: #000000;
color: #C0C0C0;
font-size: 90%;
border: 1px solid #C0C0C0;
font-family: "Helvetica CE", Verdana, "Arial CE", Arial, sans-serif;
}

div#nejpr ol               { padding: 2px 0px 40px 10px; margin: 0px 0px 0px 15px; background:url("images/penize.gif") bottom right no-repeat; }
div#nejpr li               { padding-bottom:10px; font-weight: bold; }
div#nejpr li a             { font-weight: bold; }
div#nejpr li a:hover       { font-weight: bold; }

div#nejn ol               { padding: 2px 0px 40px 10px; margin: 0px 0px 0px 15px; background:url("images/kalen.gif") bottom right no-repeat; }
div#nejn li               { padding-bottom:10px; font-weight: bold; }
div#nejn li a             { font-weight: bold; }
div#nejn li a:hover       { font-weight: bold; }

div#menu ul               { padding: 2px 0px 0px 0px; margin: 0px 0px 0px 15px; list-style-type:square; }
div#menu li               { padding-bottom:10px; font-weight: bold; }
div#menu li a             { font-weight: bold; }
div#menu li a:hover       { font-weight: bold; }


ul.makeMenu {
padding: 5px 0px 0px 0px; 
margin: 0px 3px 0px 3px; 
list-style-type:square;
font-size:120%;
text-transform:uppercase;		
}

ul.makeMenu ul {
  width: 150px;                 /* sets the size of the menu blocks */
  border: 1px solid #FFF;      /* puts a black border around the menu blocks */
  padding-left: 0px;           /* stops the usual indent from ul */
  cursor: default;             /* gives an arrow cursor */
  margin-left: 0px;            /* Opera 7 final's margin and margin-box model cause problems */
background-color:#9E3613;

 text-transform:none; 
}


ul.makeMenu li {
						     /* removes the bullet points */
  margin: 0px;                 /* Opera 7 puts large spacings between li elements */
  position: relative;          /* makes the menu blocks be positioned relative to their parent menu item*/
 padding:3px 0px 3px 10px; 
 font-weight: bold;		
}

ul.makeMenu li ul li {
						     /* removes the bullet points */
  margin: 0px;                 /* Opera 7 puts large spacings between li elements */
  position: relative;          /* makes the menu blocks be positioned relative to their parent menu item*/
 padding:1px 0px 1px 5px; 
	font-size:10px;
 font-weight:normal;		
}

ul.makeMenu li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  display: none;               /* hides child menu blocks - one of the most important declarations */
  position: absolute;          /* make child blocks hover without leaving space for them */
  top: 2px;                    /* position slightly lower than the parent menu item */
  left: 160px;                  /* this must not be more than the width of the parent block, or the mouse will*/
 text-transform:none;                              /*  have to move off the element to move between blocks, and the menu will close */
}
ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
  background-color:#B9571D;    /* gives the active menu items a yellow background */
  color: #000;                 /* makes the active menu item text black */ 
}
ul.makeMenu ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
  display: block;              /* specially to go with the className changes in the behaviour file */
}
ul.makeMenu li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
  display: block;              /* makes the child block visible - one of the most important declarations */
}
/* and some link styles */
ul.makeMenu li a { display: block; width: 100%; text-decoration: none; }


.strankovani {
width:auto;
background-color:#000066;
padding: 5px;
}

.pad_pet {
padding: 10px;
}

.tl_kosik {
width: 18px;
height: 22px;
cursor:pointer;

border-width:0; 
background-image: url('images/basket.gif'); 
background-repeat: no-repeat; 
background-position: center 50%; 
color:#000000; 
background-color:#000000;
}

/* that IE 5+ conditional comment makes this only visible in IE 5+ */
ul.makeMenu li {  /* the behaviour to mimic the li:hover rules in IE 5+ */
behavior: url( IEmen.htc );
}
ul.makeMenu ul {  /* copy of above declaration without the > selector */
display: none; position: absolute; top: 2px; left: 160px;
}

img.vlevo {
float:left;
margin: 0px 4px 4px 0px;
}