body { margin: 0px; font-family:Arial, sans-serif; 
background-color: #FFF;}
body {  overflow-x: hidden;
}

.polje4 { width: 440px; height: auto; 
position:absolute; top: 178px; left: 196px;  
background-color: #FFF; color: #444; 
	font-family: Verdana, sans-serif;
	font-size: 14px;
padding: 26px;
	border-top: 0px solid white;
	border-bottom:0px solid white;
	border-left: 8px solid #0060B6;
	border-right: 0px solid white;
		z-index: 777;	text-indent: 3em;
}

a:link       { font-family: Arial, sans-serif; text-decoration: none; font-size: 100%; color:#4682B4  }
a:active     { color: #FF0000; font-family: Arial, sans-serif; text-decoration: none; font-size: 100% }
a:visited    { color: #4682B4; font-family: Arial, sans-serif; text-decoration: none; font-size: 100% }
a:hover      { font-size: 100%; text-decoration: underline; color: #0000FF }


/* polja */
.polje1 { width: 196px; height: 158px; 
position:absolute; top: 0px; left: 0px;  
background-color: #FFF; color: black; 
	font-family: Verdana, sans-serif;
z-index: 778;		
}

.polje2 { width: 570px; height: 154px; 
position:absolute; top: 0px; left: 196px;  overflow: hidden; 
background-color: transparent; color: black; 
	font-family: Verdana, sans-serif;
		z-index: 322;
}

.polje3 { width: 192px; height: auto; 
position:absolute; top: 174px; left: 0px;  overflow: hidden; 
background-color: transparent; color: #E7E7E6; 
		font-family: Tahoma, Verdana, sans-serif;
		font-size: 220px;
		font-weight: bold;
	text-align: center;
text-transform: uppercase;
	line-height: 80%;
		z-index: 99;
}

/* sadržaji polja */

.polje2novi { width: 530px; height: 36px; 
position:absolute; top: 20px; left: 60px;  overflow: hidden; display: inline; 
text-align: Center; text-decoration: underline overline;
background-color: transparent; color: #999; 
	font-family:  Arial, sans-serif;
		font-size: 20px;
letter-spacing:0.1em;
		z-index: 50;
}

.polje2velika { width: 560px; height: 56px; 
position:absolute; bottom: 10px; left: 20px;  overflow: hidden; 
background-color: transparent; color: #0060B6; 
	font-family:  Arial, sans-serif;
		font-size: 56px;
		font-weight: bold;
		white-space: nowrap;
		text-align: left;
	z-index: 51;
}

/* ovo je kvadrat */
.polje4lin { width: 10px; height: 3px; 
position:absolute; top: -16px; left: -9px;  overflow: hidden; 
background-color: #FFF; color: #000099; 
z-index: 900;
}

/* krst */
.horiz {
	color: #000000;
	background-color: #0060B6;
	display: block;
	overflow: hidden;
	z-index: 105;
	position: absolute;
	height: 3px;
	width: 1100px;
	top: 162px;
	right: 0px;
}

.vert {
	color: #000000;
	background-color: #0060B6;
	display: block;
	overflow: hidden;
	position: absolute;
	height: 178px;
	width: 8px;
	left: 196px;
	top: 0px;
	z-index: 107;
	}

/* ostatak */

.smile {
font-size:150px; font-family: "Times New Roman", Times, serif; writing-mode: tb-rl; position:relative; left: 20px;
}

/* Drugi Deo */


h1{
 font-family: Verdana, sans-serif;
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial, sans-serif;
 font-size: 114%;
 color: #666666;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Arial, sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Arial, sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #777;
 margin: 0px;
 padding: 0px;
}

h5{
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

sup  { font-size: 75%; color: #990099; font-family: Verdana, sans-serif; position:relative; top: .3em; }

/* menu-ji :) */

#menu {width:100px; text-align:right; position:relative; padding-left:50px; padding-top:5px;
z-index: 4;	top: 30px;
}
#menu:hover {background-color:#FFF;}
.box {position:relative;}
#menu a:visited {text-decoration:none; background-color:#FFF; color:#0060B6; font-family:"courier new", sans-serif; font-weight:bold; display:block; width:100%; height:16px; font-size:14px; border:1px solid #FFF; padding:5px;}

#menu a {text-decoration:none; background-color:#FFF; color:#0060B6; font-family:"courier new", sans-serif; font-weight:bold; display:block; width:100%; height:16px; font-size:14px; border:1px solid #FFF; padding:5px;}

#menu a span {display:none;}

#menu a:hover {text-decoration:none; background-color:#FFF; color:#0060B6; font-family:"courier new", sans-serif; font-weight:bold; display:block; width:100%; height:16px; font-size:14px; border:1px solid transparent; padding:5px;}

#menu a:hover span.left {display:block; position:absolute; left:-5px; top:5px; height:0px; width:0px; overflow:hidden; border-top:8px solid #FFF; border-bottom:8px solid #FFF; border-left:8px solid #0060B6;}
#menu a:hover span.right {display:block; position:absolute; left:116px; top:10px; height:0px; width:0px; overflow:hidden; border-top:8px solid #FFF; border-bottom:8px solid #FFF; border-right:8px solid #0060B6;}
#menu a:hover span.lk {display:block; position:absolute; left:146px; top:0px; padding:5px; width:180px;background-color:#FFF; color:#0060B6; border:8px solid #0060B6; 
border-left:0px solid #FFF;
		z-index: 400;
}
#menu a:hover span.dk {display:block; position:absolute; left:-246px; top:0px; padding:5px; width:180px;background-color:#FFF; color:#0060B6; border:8px solid #0060B6; 
border-left:0px solid #FFF;
		z-index: 601;
}

#menu a:active {text-decoration:none; background-color:#FFF; color:#abc; font-family:"courier new", sans-serif; font-weight:bold; display:block; width:100%; height:16px; font-size:14px; border:1px solid #FFF; padding:5px;}

.p3v { width: 560px; height: 160px; 
position:absolute; bottom: -26px; left: 14px;  overflow: hidden; 
background-color: transparent; color: #AFCFE5; 
	font-family:  Arial, Verdana, sans-serif;
		font-size: 140px;
		font-weight: bold;
		white-space: nowrap;
		text-align: left;
	z-index: 51;
}

table  { text-indent: 0em; 
}

/* okvir za sitemap        */
.mreza { width: 260px; height: 90px; position:relative; overflow: auto;
 top: 360px; left: 10px; 
background-color: #FFF ; color: #000  ; 
		font-size: x-small;
	border-top: 1px dotted #4682B4;
	border-bottom:1px dotted #4682B4;
	border-left: 0px dotted #4682B4;
	border-right: 0px dotted #4682B4;
margin: 0px; 
padding: 6px;
		z-index: 4;
}

/* okvir za linkove      */
.mreza02 { width: 260px; height: 90px; position:relative; overflow: auto;
 top: 520px; left: 10px; 
background-color: #FFF ; color: #000  ; 
		font-size: x-small;
	border-top: 1px dotted #4682B4;
	border-bottom:1px dotted #4682B4;
	border-left: 0px dotted #4682B4;
	border-right: 0px dotted #4682B4;
margin: 0px; 
padding: 6px;
		z-index: 4;
}

/* footer trampa      */
.underfooter { width: 560px; height: 80px; position:relative; overflow: auto;
 top: 300px; left: 10px; 
background-color: #FFF ; color: #000  ; 
		font-size: x-small;
	border: 1px solid #4682B4;
margin: 0px; 
padding: 5px;
		z-index: 4;
}