body { 
margin: 0; 
background-color: #2d434e;
}


#hlavicka{
height: 70px;
margin: 0px 0px 0px 0px;
background-image: url('hdvm1/images/logo.jpg');

background-repeat: no-repeat; 
background-position: top left;
}


#nabidka {
height: 100%;
width: 217px;
margin: 0px 0px 0px 0px;

background-image: url('hdvm1/pozadi/productvideor4c1-n.jpg');
background-repeat: no-repeat; 

}


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

#obsahmaly {
width: 960px;
font-family: arial; font-size: 9px;
color: #ffffff;
/* letter-spacing: 1pt; */
font-weight: bold;
}


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