body {
margin:0 auto; 
background:url(background.jpg) #696969 repeat-x; 
}


#spodek { 
/* background-color: #b1b1b1; border: solid black 1px; */ 
background: url("background2.jpg") repeat-x; 
width: 100%;
height: 150px;
}


div.img-ilus { 
background: url('shadow.gif') no-repeat bottom right; 
margin: 10px 5px; padding: 0; position: relative; 
} 
  
div.img-ilus img { 
background-color: #fff; 
border: 1px solid #a9a9a9; 
margin: -5px 5px 5px -5px; 
padding: 4px; position: relative; vertical-align: bottom; 
} 

div.img-ram img { 
left: 5px; top: 5px;
background-color: #fff; 
border: 1px solid #a9a9a9; 
margin: -5px 5px 5px -5px; 
padding: 4px; position: relative; vertical-align: bottom; 
} 

#info { 
font-family: Tahoma; font-size: 10px; text-align: left;
background-color: #FDFDD1; border: solid black 1px; 
padding: 5px; margin: 5px;
}

#ram { 
font-family: Tahoma; font-size: 12px; text-align: left;
width: 400px;
background-color: #b1b1b1; border: solid black 1px; 
background-image: url("back.jpg"); background-position: bottom right;
padding: 5px; margin: 5px;
}

#ram:hover, #ram.hover {
background-image: url("back2.jpg"); background-position: bottom right;
}

#ram /* pro IE*/ {
  background-color: expression(
    this.onmouseover = new Function("this.className += ' hover';"),
    this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
  );
}


#kup { 
font-family: Tahoma; font-size: 12px; text-align: left;
width: 700px; 
_width: 720px; 
/* height: 280px; */
background-image: url("./hdvm1/picts_czech/text_ram.jpg"); background-repeat: no-repeat;
background-color: #527a88; /* 696969 toto zmenit */
padding: 10px; margin: 5px;
}

#reg { 
font-family: Tahoma; font-size: 12px; text-align: left;
background-color: #b1b1b1; border: solid black 1px; 
padding: 5px;
}

#reg:hover, #reg.hover {
background-color: #c5c5c5;
}


#reg /* pro IE*/ {
  background-color: expression(
    this.onmouseover = new Function("this.className += ' hover';"),
    this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
  );
}


#reg input {
font-family: Tahoma; font-size: 12px; 
background-color: #ffffff; border: solid black 1px; 
}

#reg textarea {
font-family: Tahoma; font-size: 12px; 
background-color: #ffffff; border: solid black 1px; 
}


#i1 { /* upravit video */
font-family: Tahoma; font-size: 12px; text-align: left;
color: #ffffff;
background:url(./hdvm1/picts_czech/info.png) no-repeat;
padding: 10px;
}

#i1 input {
font-family: Tahoma; font-size: 12px; 
background-color: #ffffff; border: solid black 1px; 
}

#i1 textarea {
font-family: Tahoma; font-size: 12px; 
background-color: #ffffff; border: solid black 1px; 
}

#i2 { /* upravit profil */
font-family: Tahoma; font-size: 12px; text-align: left;
color: #ffffff;
background:url(./hdvm1/picts_czech/info2.png) no-repeat;
padding: 10px;
}

#i2 input {
font-family: Tahoma; font-size: 12px; 
background-color: #ffffff; border: solid black 1px; 
}

#i2 textarea {
font-family: Tahoma; font-size: 12px; 
background-color: #ffffff; border: solid black 1px; 
}

.btn  {
font-family: Tahoma; text-align: center; font-weight: bold; 
}

.btn.active  {
background-color: lime;
}

/*
button  {
font-family: Tahoma; font-size: 10px; 
}
*/

#menu {
top: 5px; left: 10px; width: 1000px; height: 20px; 
float: left; background-color: #000000; 
border: 1px solid; border-color: #000000;  padding: 3px;
font-family: Tahoma; font-size: 9px; text-align: left; color: #eb7102;
}

a:link, a:visited {text-decoration: none; color: #000000; }
a:hover {text-decoration: underline; color: #000000; } /* eb7102 */

img#buy {
   position: absolute;
   top: 10;
   left: 620;
   display: block;
   border: none;
} 

img#waiting {
   position: absolute;
   top: 10;
   right: 20;
   display: block;
   border: none;
} 

img#zpet {
   position: absolute;
   top: 0;
   right: 5;
   display: block;
   border: none;
} 

img#logo {
   position: absolute;
   top: 0;
   left: -10;
   display: block;
   border: none;
} 
/*- Menu Tabs black -*/

#tabs1 {
float:left;
width:100%;
/* background:#696969; */
font-family: Tahoma;
font-size:12px;
line-height:normal;
border-bottom:0px solid #000000; 
}
#tabs1 ul {
margin:0;
padding: 0px 10px 0 10px;
list-style:none;
}
#tabs1 li {
display:inline;
margin:0;
padding:0;
}
#tabs1 a {
float:left;
background:url("tableft6.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabs1 a span {
float:left;
display:block;
background:url("tabright6.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs1 a span {float:none;}
/* End IE5-Mac hack */
#tabs1 a:hover span {
color:#FFF;
}
#tabs1 a:hover {
background-position:0% -42px;
}
#tabs1 a:hover span {
background-position:100% -42px;
}

#tabs1 #current a {
background-position:0% -42px;
}
#tabs1 #current a span {
background-position:100% -42px;
}

/*- Menu Tabs blue -*/

#tabs2 {
float:left;
width:100%;
font-family: Tahoma;
font-size:12px;
font-weight: bold;
border-bottom:0px solid #bfbfbf;
line-height:normal;
}
#tabs2 ul {
margin:0;
padding: 0px 10px 0 10px;
list-style:none;
}
#tabs2 li {
display:inline;
margin:0;
padding:0;
}
#tabs2 a {
float:left;
background:url("tableft10.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabs2 a span {
float:left;
display:block;
background:url("tabright10.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs2 a span {float:none;}
/* End IE5-Mac hack */
#tabs9 a:hover span {
color:#FFF;
}
#tabs2 a:hover {
background-position:0% -42px;
}
#tabs2 a:hover span {
background-position:100% -42px;
}

#tabs2 #current a {
background-position:0% -42px;
}
#tabs2 #current a span {
background-position:100% -42px;
}

/* ------------------------------- bocni menu ------------------------------- */
#button {
width: 217px;
border-right: 0px solid #000; /* bocni cara */ 
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: Tahoma, Arial, sans-serif;
/*'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;*/
font-size : 10px;
background-color: #3C5C67; /*#90bade; spodni podlista */
color: #3C5C67; /* #333; */
}

#button ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#button li {
border-bottom: 1px solid #466872; /* #90bade; /* mezicara */
margin: 0;
list-style: none;
list-style-image: none;
}

#button li a { /* barvy nabidky */
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 10px solid #3C5C67; /* #1958b7; */
border-right: 10px solid #3C5C67; /* #508fc4; */
background-color: #3C5C67; /* #2175bc; */
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #button li a {
width: auto;
}

#button li a:hover { /*  barvy nabidky po najeti mysi */
border-left: 10px solid #466872; /* #1c64d1; */
border-right: 10px solid #466872; /* #5ba3e0; */
background-color: #466872; /* #2586d7; */
color: #fff;
}

#button li #active {
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}

/*  strankovani */ 
#paging { 
font-family: Tahoma; font-size: 10px; 
color: #ffffff;
margin-left: 5px;  
}

#paging a { font-size: 10px; color: #ffffff; }
.page { color: #00baff; display: inline; text-decoration: none;  }
:visited { color: #afafaf; text-decoration: none; }