body {
margin:0 auto; 
bbackground:url(hdvm1/pozadi/background.jpg) #ffff90 repeat-x;

background: #ffff90 url("hdvm1/pozadi/background.jpg") 0 0 repeat-x fixed;
 
}

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

.lnk { color: #ff0000; }


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


#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: #ffffff; /* 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: #000000;
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; 
}


#i3 { 
font-family: Tahoma; font-size: 12px; text-align: left; width: 730px; _width: 750px;
color: #000000;
background: #ffffff url(./hdvm1/picts_czech/info3.png) no-repeat;
padding: 10px;
}

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

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

#i3 textarea:focus, #i3 input:focus {
background-color: #ffffcc; 
}

#i4 { 
font-family: Tahoma; font-size: 12px; text-align: left; width: 980px;
color: #000000;
background: #ffffff url(./hdvm1/picts_czech/info4.png) no-repeat;
padding: 10px;
}

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

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

/*
#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;
}

*/
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;
}


.akt { /* barva aktivni polozky */
border-left: 10px solid #000000; 
border-right: 10px solid #ffffff; 
background-color: #ffffff; 

}


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

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


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


.go {
font-family: arial; font-size: 12px; font-weight: bold;
color: #000000;
line-height: 34px;
padding: 5px;
margin-top: 10px;
padding-left: 26px;
background: #ffffff url('hdvm1/info/go.png') 5px center no-repeat; /* dfdfdf */
border: 1px solid #808080;
-moz-border-radius: 5px;
border-radius: 5px;
}
.go:hover {
background-color: #000000; /* f1f1f1 */
border-color: #000000;
color: #ffffff;
text-decoration: none;
}


.ogo {
font-family: arial; font-size: 12px; font-weight: bold;
color: #ffffff;
line-height: 34px;
padding: 5px;
margin-top: 10px;
padding-left: 26px;
background: #000000 url('hdvm1/info/go.png') 5px center no-repeat; /* dfdfdf */
border: 1px solid #808080;
-moz-border-radius: 5px;
border-radius: 5px;
}


#hlavicka{
height: 70px;
margin: 0px 0px 0px 0px;
background-image: url('hdvm1/images/logo.jpg');
background-repeat: no-repeat; 
background-position: top left;
}

#hlavicka2{
height: 100%;
margin: 0px 0px 0px 0px;
background-image: url('hdvm1/images/logo.jpg');
background-repeat: no-repeat; 
background-position: top left;
}

#nabidka {
height: 600px; 
width: 217px;
margin: 0px 0px 0px 0px;
background: #ffff90 url('hdvm1/pozadi/back-menu.jpg') no-repeat;
_background: url('hdvm1/pozadi/back-menu.jpg') no-repeat;
}

.kontakt {
font-family: Tahoma; font-size: 12px; text-align: left; 
color: #505050; font-weight: bold; font-style: italic;
}

.kontakt:hover {
color: #000000;
}

#obsah {
width: 1010px;
font-family: Arial; font-size: 12px; text-align: left;
letter-spacing: 2pt;
font-weight: bold;
}

#obsahin {
width: 1010px; height: 30px;
font-family: Arial; font-size: 12px; text-align: left;
letter-spacing: 2pt;
font-weight: bold;
line-height: 10px;
padding-left: 10px;
background: url('hdvm1/pozadi/nabidka-in.jpg') no-repeat;  
}

#obsahmaly {
width: 1000px; _width: 995px;
font-family: arial; font-size: 9px;
color: #000000;
font-weight: bold;
}

#pat:hover {  text-decoration: underline; }

#ram {
width: 470px;
height: 300px;
font-family: Tahoma; font-size: 12px; text-align: left;
background-color: #dae7df; border: solid black 1px; 
padding: 5px;
margin: 0px 0px 0px 0px;
}

#ram2 {
width: 470px;
/*height: 450px;*/
font-family: Tahoma; font-size: 12px; text-align: left;
background-color: #dae7df; border: solid black 1px; 
padding: 5px;
margin: 0px 0px 0px 0px;
}

#ram3 {
width: 470px;
height: 700px;
font-family: Tahoma; font-size: 12px; text-align: left;
background-color: #dae7df; border: solid black 1px; 
padding: 5px;
margin: 0px 0px 0px 0px;
}

#ramvelky { 
width: 960px;
font-family: Tahoma; font-size: 12px; text-align: left;
background-color: #dae7df; border: solid black 1px; 
padding: 5px;
margin: 0px 0px 0px 0px;
}


.x {
/* display:inline; */
color: #808080;
background: #ffffff url(hdvm1/xbg.jpg) repeat-x;
font-family: tahoma;
text-align: center;
font-size: 12px;
font-weight: bold;
padding: 5px;
border: 3px solid #C0C0C0;
height: 185px; _height: 200px; 
width: 230px; _width: 246px;
text-decoration: none;
}

.x a { color: #505050; }
.x a:hover { color: #000000; }

.x input {
background-color: rgb(214,214,214);
border: 1px black solid;
font-family: tahoma;
font-size: 12px;
}

.x input:hover, .x input.hover { background-color: #ffffff; }



.kosik {
margin: 2px;
border: 1px solid black;
font: 10px tahoma;
text-align: center;
font-weight: bold;
width: 50px;
}

.kosik:focus {
background-color: #ffffcc;
}

.sndbtn {
margin: 2px;
border: 1px solid black;
font: 10px tahoma;
width: 50px;
}

.vkosik {
margin: 2px;
padding-right: 3px;
border: 1px solid black;
font: 12px tahoma;
text-align: right;
font-weight: bold;
width: 30px;
}

.vkosik:focus {
background-color: #ffffcc;
}

.vsndbtn {
margin: 2px;
border: 1px solid black;
font: 12px tahoma;
}

.vsndbtn:hover {
margin: 2px;
border: 1px solid black;
font: 12px tahoma ;
color: #ffffff;
background: #000000;
}

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}

#search_box	{	
padding-left: 25px;	
background: url("search.png") #ffffcc no-repeat;	
background-position: 3 2;	
border: 1px solid #000000; 
width: 300px; 
font: 14px tahoma; 
}

#search_button { 
border:#000000 solid 1px; 
color:#000000; 
font-size:14px;
}