body { 
margin : 0;
padding : 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 1.0em;
background-image : url('slike/panorama.jpg');
}  
.strana { 
width : min: 770px, max: 1026px;
position : absolute;
left : 0%;
margin-left : 3px;
} 
.header { 
height : 70px;
} 
.menu { 
position : absolute;
left : 0;
width : 135px;
height : 300px;
} 
.frame { 
border-style : inset;
border-width : 2px;
margin-left : 140px;
width : auto;
height : 310px;
overflow : auto;
color : #666666;
padding-left : 10px;
padding-right : 1px;
padding-top : 1px;
padding-bottom : 1px;
font-size : 80%;
background-color :transparent;
} 
p { 
margin : 0 0 5px 0;
} 
.kocka { 
list-style-type : none;
padding :0;
margin:0; 
} 
.kocka li { 
margin-bottom : 5px;
} 
.kocka a { 
font-size : 60%;
padding :2px 0 0 2px;
margin : 0 ;
width : 130px;
height : 12px;
display : block;
text-align : left;
border-style : inset;
border-width : 1px;
text-decoration : none;
color : #000;
background-color : #ffd9ec;
} 

.kocka a:hover { 
background : #c0ffff;
color : #ff0000;
text-decoration : none;
} 
.kocka a:active { 
background : #c0ffff;
color : #00ffff;
} 
h1 { 
color : #8080ff;
margin-top : 0;
margin-bottom : 0;
text-align : right;
background-color :transparent;
} 
h2 { 
color : #ff8080;
margin-top : 0;
margin-bottom : 0;
background-color :transparent;
} 
h3 {
	color: #c0c0c0;
	font-size: 140%;
	background-color: #ffd9ec; 
	margin: 0 5px 0 0;
		}
h4 {
	color: #4040FF;
	font-size: 140%;
	background-color: #80ff80; 
	text-align : center; 
	font-weight:bold; 
	margin: 0 5px 0 0;
	}
.dno { 
font-size : 70%;
width : auto;
height : 28px;
border-style : inset;
border-width : 1px;
text-align:center; 
margin:0 0 2px 0;
}

.footer { 
font-size : 70%;
width : auto;
height : 20px;
border-style : inset;
border-width : 1px;
text-align:center; 
} 


a.top {
	font-size: 70%;
	text-align: center;
	height: 100%;
	width: 100%;
	display: block
	}
	
#lengv {
	height: 22px;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
	background-color: transparent;
	border-style : inset;
    border-width: 1px;
	color : #000;
}

.kutija {
	width: 60px;
	height: 18px;
	margin: 0px 2px 0px 2px;
    padding: 0px 0px 0px 0px;
    float: right;
	}
	
a:link.top, a:visited.top, a:active.top {
    border-style : inset;
    border-width : 1px;
    text-decoration : none;
    color : #000;
    background : #ffd9ec;
	padding: 2px 0px 0px 0px;
	}
	
a:hover.top  {
    background : #c0ffff;
    color : #ff0000;
	text-decoration : none; 
	}
a {
color: #808080;
text-decoration : none; 
}	
a:hover   {
color: #c00000;
text-decoration : underline; 
}
.imgright { 
text-align : right;
border : 1px dashed #FF0000;
margin : 2px;
padding : 3px;
float : right; 
background-color:#40FF40;
} 
.imgleft { 
text-align : left;
border : 1px dashed #ff0000;
margin : 2px;
padding : 3px;
float : left; 
background-color:#40FF40;
}
.imgsredina { 
border : 1px dashed #ff0000;
margin : 2px;
padding : 3px;
position : relative; 
background-color:#40FF40;
float : left; 
}