html, body {
  margin: 0px;
	height: 100%;
	padding: 0px;
	font-size: 11px; 
	background: white url('kura.jpg');
  background-position: center 0px; 
	font-family: tahoma; 
	scrollbar-base-color: silver;
	scrollbar-arrow-color: black;  	
}

input{ background: white; border: 1px solid black; color: black; }
textarea {background: white; border:  1px solid black; color: black;}
#logo{background: url('logovoda.jpg'); width:710px;height:80px}
#logo .obr{ /*float:right; margin-top:10px; margin-right:10px;*/ display:block;}

h2 { font-size: 11px; margin: 0; font-weight: normal; }
h1, h3 {margin:0; font-weight: bold; font-size: 11px;}

#stranka{
	width: 710px;
	margin: 20px auto 0 auto;
	border: 1px solid black;
	background-color: #fff;
	}

#obsah {	
  background-image: url('pozadivnitrek.gif'); 
  background-repeat: repeat-x; 
  padding:20px;
  min-height: 289px;
	/*width: 670px;*/
}

#paticka{
	clear:both;
	text-align: center;
	font-size: 10px;
	/*font-weight: bold;*/
	background: #E1EAF2;
	padding: 1px;
}

#paticka a, #paticka a:visited{color:black;}
#paticka a:hover{color:#FF9908;}

#menu{
	width: 710px;
	margin: 0px auto;
	text-align: center;
	background: url('pozadi_menu.gif');
	border-bottom: 1px solid silver;
	height: 25px
}
#menu A, #menu A:visited {
	width: 85px;
	margin: 0px;
	text-decoration: none;
	border-right: 1px dotted silver;
	border-left: 1px dotted silver;
	float: left;
	font-weight: bold;
	background: url('m_back.gif');
	color: #595959;
	height: 15px; padding-left:0px; padding-right:0px; padding-top:5px; padding-bottom:5px
}

#menu A:hover{color:#FF9908;text-decoration: underline;}

#menu a#program { width: 135px; }

.ramecek{
float:right;
margin-right: 15px;
margin-top:20px;
border: 1px solid silver;
margin-left: 15px;
padding: 5px; 
}
.ramecek h3{
padding:0px;
margin-top:-2px;
margin-left: -1px;
margin-right: -1px;
background:url('ramecek_nadpis.gif');; margin-bottom:0px
}
.ramecekk{
float:left;
text-align: left;
margin:10px 0 15px 40px;
border: 1px solid silver;
padding: 5px;
width: 204px;
}
.ramecekk h3, #popis-produktu h3, #parametry h3 {
padding:0px;
margin-top:-2px;
margin-left: -1px;
margin-right: -1px;
background:url('ramecek_nadpis.gif');; margin-bottom:0px
}

.reka { width: 150px; }
.hvezdicka { color: #ff9900; }
.pozn { color: #666; font-size: 9px; }

#smlouva{
color: #595959;
width:630px;
height:390px;
overflow:auto;
margin:30px auto 0 auto;
}
#changelogBeta{
height:250px;
overflow:auto;
margin:10px;
}

.ramecek h3{text-align: center;}

.odkaz td {width:200px;}

.cena { text-align: right; width: 55px; }
.cenad { text-align: right; width: 80px; }

img{border:none}
.popis  {text-align: justify;padding-left:15px;}	

#parametry {
float:left;
text-align: left;
margin:30px 0 15px 40px;
border: 1px solid silver;
padding: 5px;
}
#popis-produktu {
float:left;
text-align: left;
margin:30px 0 15px 40px;
border: 1px solid silver;
padding: 5px;
width: 304px;
}

#obrazek { clear: both;  margin: 20px 0 20px 50px; }
#obrazek img { margin: 30px; }
#zpet { text-align: center; margin-top: 40px; }

ul {list-style-image: url('ul.gif')}
/*
ul .novinky_vlastni{list-style-image: url(plus.gif); padding-left:5px;}
ul .novinky_opsane{list-style-image: url(plus2.gif); padding-left:5px;}
ul .opravy{list-style-image: url(plus3.gif); padding-left:5px;}
ul .zmeny{list-style-image: url(plus4.gif); padding-left:5px;}
*/

#lyoness {
    width: 700px;
    height: 90px;
    background: url(lyoness-vd.png) no-repeat;
    clear: both;
    margin: 20px auto 20px auto;
}

#lyoness a.butony {
    float: right;
    display: block;
    width: 163px;
    height: 31px;
    overflow: hidden;
}

a#lyo-info {
    margin: 9px 0 0 0;
    background: url(info.png) no-repeat left top;
    text-decoration: none;
}

a:hover#lyo-info {
    background: url(info.png) no-repeat left bottom;    
}


a#lyo-reg {
    margin: 49px -163px 0 0;
    background: url(registrace.png) no-repeat left top;
    text-decoration: none;
}

a:hover#lyo-reg {
    background: url(registrace.png) no-repeat left bottom;    
}