body {
padding: 0;
margin: 0;
	background-image: url(grafika/background.gif);
	background-repeat: repeat;
	background-color: #FFFFFF;
text-align: center;
}

*{
font: 11px tahoma, verdana, helvetica, arial, sans-serif;
color: #525452;
}

#back {
background:  #fff;
text-align: left;
margin: 0 auto;
width: 780px;
background: #fff url(grafika/back.gif);
} 

#top {
height: 109px;
background: #fff;
width: 100%;
}

#head {
height: 90px;
width: 780px;
background: #fff url(grafika/head.jpg);
text-align: right;
color: #8C9EA5;
} 

#left {
padding: 0; 
float: left; 
margin: 0; 
width: 201px;
}

#br {
width: 100%;
height: 26px;
background: #fff url(grafika/br.gif);
}

#line {
height: 10px;
width: 100%;
background: #003463;
}

.kropka {
background: url(grafika/dot.gif); 
width: 100%; 
height: 3px; 
font-size: 1px; 
float: left;
}

#right {
margin: 0 0 0 200px; 
padding: 4px; 
text-align: justify;
}

#midd {
width: 370px;
height: 400px;
float: left;
margin: 0;
padding: 1px;
}

#middraks {
width: 370px;
height: 600px;
float: left;
margin: 0;
padding: 1px;
}

#main {
margin: 0 0 0 370px;
padding: 5px;
color: #315D84;
text-align: justify;
}

#bott {
height: 86px;
width: 100%;
clear: both; 
color: #8C9EA5; 
text-align: center;
background: #fff url(grafika/bott.jpg);
padding: 10px 0 0 0;
}


a, a:link {
color: #315D84;
font-weight: normal;
text-decoration: none;
font-family: verdana, tahoma, arial, sans-serif;
font-size: 10px;
}

a:visited {
color: #8C8C8C;
}

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

.list {
padding-left: 8px;
margin-left: 10px;
list-style-image: url(grafika/list.gif);
color: #002042;
}