body{font:small arial,helvetica,clean,sans-serif;
text-align:center;
background:#fff;

}
img,a {
border:none;
}
div {
text-align: left;
}
#main {
width: 890px;
margin: 0 auto ;

}
#top {
margin: 0 auto ;
position: relative;

width: 863px;
height: 144px;
background-color: #3274d0;

}
#bottom {
margin: 0 auto ;
position: relative;

width: 863px;

border-top: 3px solid #3274d0;

}

#br {
margin: 0 auto ;
position: relative;

width: 863px;

border-top: 3px solid #ccc;

}




#logo {
position: absolute ;
bottom: -54px;
left:  10px;
background-image: url(../logo.png);

width:244px;
height: 138px;
}
#tekst {

position: absolute;
left: 300px;
top: 20px;

}
#tekst h1 {
font-size:  250% ;
font-weight: bold; 
color: white;

}
#tekst h2 {
font-size:  110% ;
font-weight: bold; 
color: white;
}


#odstep{
height:60px;
}
#tresc{
font-size:100%;
margin:15px;
color:#666;
}

a {
color:#666;
}
a:hover {
color: #3274d0;
}






ul{
padding:20px;
margin:0;
}
li {
padding:1px;
margin:0;
}
ul#nav {
	
	position: absolute;
	bottom:-30px;
	right:15px;
	width:100%;
	float:left;
	margin:0;
	border:0;
	padding: 0;
	list-style: none;

}
#nav li {
	
	float:right;
	margin-right:2px;
	padding:0;
	font-family:  "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
}
#nav a {
	font-weight: bold; 
	
	float:left;
	display:block;
	margin: 0 1px 0 0;
	padding: 4px 8px;
	color:#fff;
	text-decoration:none;
	
	
	
	background:  #aaa;
}
#nav a:hover {
font-weight: bold; 
	border-bottom:none;
	
	background: #555 !important ;
	
}
 #activ  {
background:  #3274d0 !important ;

}



#xhtmlvalid {
position: relative;
top: 3px;

}

#cssvalid {
position: relative;
top: 3px;

}


input,textarea {
position: absolute;
right: 20px;
width:200px;
}