#content {
	width: 200px;
	background-color:transparent;#000000;
	margin:0;
	padding:0;
	border:0;
	
	}
html>body #content {	
	text-align: center;
	} 
a { text-decoration: none;font:normal 11px arial, helvetica, serif;}
a:link {
	color: #006;
	font-family: arial, helvetica, serif;
	font-size: 11px;
	font-style: bold;
	font-weight: bold;
	font-variant: normal;
} 
a:visited { color:#006;font:normal 11px arial, helvetica, serif;}
a:active { color: red;font:normal 11px arial, helvetica, serif;}
a:hover { text-decoration: underline;font:bold 11px arial, helvetica, serif; 
	}
ol {
	list-style: none; 
	margin:0;
	border:0;
	padding:0px 0 0px 0; /* 1px 0 1px 0*/
	
	 
	/*
position:absolute; top: 82px;
*/ 	
 	}
	ol.ol {
	list-style: lower-latin auto;
	 
	}
	
#nav a { 
	font: 11px arial, helvetica, serif; 	
	color: #000099; 
	text-decoration: none;
	text-transform:none;
	width:auto;
	}
#nav a:hover { 
	font: 11px arial, helvetica, serif; 	
	color: #ffffff; 
	text-decoration: none;
	text-transform:bold;
	width:auto;
	}

/*
div{
float:none;
	border-right:1px solid #cccccc;
	padding: 3px 20px 3px 20px;
	border-bottom:1px solid #cccccc;
	width:141px;
	margin:10px 0 4px 0;
	background:transparent;#990099;
	}
*/

#nav li.li li.li a {
	display: block;
	color:#000099;
	padding:1px 10px 1px 15px;  /*  1px 1px 1px 15px;*/
	border-bottom:0px solid #e8e8e8;
	background-color: #dddddd;	
	text-align: left;
	margin:0;
	font:11px arial, helvetica, serif;

	
	/*
position:relative; left: 219px; top:-23px;
*/
	}
#nav li.li li.li a:hover {
	display: block;
	color:#ffffff;
	padding:1px 10px 1px 15px;
	border:0;  /*1px solid red;#ff9900; red*/
	border-top:0px solid gray;
	border-bottom:0px solid gray;
	background-color: #000099;
	margin:0;
	font:11px arial, helvetica, serif;
	/*
position:relative; left: 219px; top:-23px;
*/   	

	}
li.li { 

	float: left; 
	position: relative;
	width: 220px;  /* velicina DESNE strane 
	text-align: center;  */
	cursor: default;
	background-color: transparent;
	border: 0px dotted transparent; 
	border:0;
	margin:0;	
	padding:0;
	 
	}

/*li.li#first {	
	border-left-width: 0px;width:163px ;
	}
li.li#last {	
	border-right-width: 0px;
	}
*/
li.li ol {
	display: none; 

position: absolute;
 left:220px; top: 2px;
	/*left:0px;  top: 100%; bilo prije       OVDE JE KLJUC ZA POMARANJE NA DESNO*/
	background:#eeeeee ;
	padding: 0px 0 0px 0;
	border-top: 0px solid #666666;
	border-right:  0px solid #cccccc;
	border-left:  0px solid #eeeeee;
	border-bottom: 1px solid #cccccc;
	font: normal 9px arial, helvetica, serif; /*borders okolo mogu biti 1px*/
	margin:0;
	}
li.li>ol { 	
	top: auto;	
	left: auto;
	border:0;
	margin:0;
	padding:0;
	position: absolute;
 left:220px; top: 2px;
	}
li.li li.li {	
	display: block;	
	/*
float: none;          OVO JE SUMNJIVO ALI UKIDA PROSTOR OKOLO DESNE STRANE LINKOVA kad ga skinem
*/
	background-color: transparent;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 0px solid #cccccc; 
	margin:0;
	padding:0; 
	
	}
li.li:hover ol, li.over ol {
	display: block;
	margin:0;
	padding:0;
	}
	
	
	
	
ul{	padding:5px 25px 5px 20px;
	margin:0 0 0 20px;
	}
li{
	font: normal 11px arial, helvetica, serif; 
	margin:0;
	padding:0 25px 0 0;
	}
p {
	font: normal 11px arial, helvetica, serif; 
	margin:0;
	padding:3px 25px 5px 20px;
	}
h3 {
	padding:0px 0 0 0;
	margin:15px 25px 3px 20px;
	text-transform:uppercase;
	}

p:first-line{
	font:bold 11px arial, sans-serif;
	padding:0 0 0  0;
	}
/*
p:first-letter{
	font:bold 11px arial, sans-serif;
	padding:0 0 0  0;
	}
	------------------------------------------------------------------------------------------------------
*/

.l1:link,.l1:visited,.l1:active{

color: blue;
display:block;
font: bold  11px  arial, helvetica, serif;
text-decoration: none;
text-align: left;
padding-bottom: 0px; 
padding-top: 2px; 
padding-left: 30px;
border: 1px solid #cccccc; 
/*width: 220px; */
height: 20px;
background:url(images/6.gif) no-repeat right;
background-color: #e8e8e8;
margin: 2px;
/*
text-transform:uppercase;
*/
}
.l1:hover{
color: white;
display:block;
font: bold  11px  arial, helvetica, serif;
text-decoration: none;
text-align: left;
padding-bottom: 0px; 
padding-top: 2px; 
padding-left: 30px;
border: 1px solid blue; 
/*width: 220px;*/ 
height: 20px;
background:blue url(images/6.gif) no-repeat right;
margin: 2px;


/*
text-transform:uppercase;
*/
}


.l2:link,.l2:visited,.l2:active{
color: #aaaaaa;
font: bold  9px arial, sans-serif;
text-decoration: none;
text-align: left;
padding-bottom: 2px; 
padding-top: 2px; 
padding-left: 0px;
border: 0px solid #cccccc; 
}
.l2:hover{
color: #ffffff;
font: bold  9px arial, sans-serif;
text-decoration: none;
text-align: left;
padding-bottom: 2px; 
padding-top: 2px; 
padding-left: 0px;
border: 0px solid #cccccc; 
}
.l3:link,.l3:visited,.l3:active,.l3{
color: blue;
font: bold  11px arial, sans-serif;
text-decoration: none;
text-align: left;
padding-bottom: 3px; 
padding-top: 3px; 
padding-left: 40px;
padding-right:20px;
border: #e8e8e8 2px outset; 
width: 120px; height: 20px;
background:#e8e8e8 url(images/6.gif) no-repeat right;
margin: 20px;
}
.l3:hover{
color: white;
font: bold  11px arial, sans-serif;
text-decoration: none;
text-align: left;
padding-bottom: 3px; 
padding-top: 3px; 
padding-left: 40px;
border:#cccccc 2px inset; 
width: 120px; height: 20px;
background:blue url(images/6.gif) no-repeat right;
margin: 20px;
}
.l4:link,.l4:visited,.l4:active{
color: gray;
font: bold  11px arial, sans-serif;
text-decoration: none;
text-align: left;
padding-bottom: 2px; 
padding-top: 2px; 
padding-left: 0px;
border: 0px solid #ffffff; 
}
.l4:hover{
color: #blue;
font: bold 11px arial, sans-serif;
text-decoration: none;
text-align: left;
padding-bottom: 2px; 
padding-top: 2px; 
padding-left: 0px;
border: 0px solid #ffffff; 
}
.f1,select{
color: blue;
font: 11px arial, sans-serif;
text-decoration: none;
text-align: left 10px;
padding-bottom: 0px; 
padding-top: 0px; 
padding-left: 0px;
border: 0px solid #e8e8e8; 
width: 220px; height: 20px;
background:url(images/buttlogo.jpg) no-repeat left;
background-color: #e8e8e8;
}
select{padding-left:10px;} 
body{
	background:#0066cc url(images/2.gif) repeat-x;
	font: 9px arial, helvetica, sans-serif;
	border-collapse:collapse;
	margin:0px;
	padding:0px;
	vertical-align:top;
	color:#aaaaaa;
	text-align:center;
	position: relative;
	left: 400px;
}
.t1{
background:#ffffff;
width:711px;
border-collapse:collapse;
margin:0px;
padding:0px;
vertical-align:top;
border-left: #808080 1px solid;
border-right: #808080 1px solid;
border-top: #808080 1px solid;

}
.t2{
width:711px;
border-collapse:collapse;
margin:0px;
padding:0px;
vertical-align:top;
background: url(images/5.gif) no-repeat top;
font: 9px arial, helvetica, sans-serif;
color:#aaaaaa;
text-align:center;
}
table.t3{
width:713px;
border-collapse:collapse;
margin:0px;
padding:0px;
vertical-align:top;
background-color: none;
font: 9px arial, helvetica, sans-serif;
color:#aaaaaa;
text-align:center;
}
td.left{padding:0px;
padding-top:20px;
padding-right:20px;
padding-left:20px;
vertical-align:top;
width:220px;
border-right: orange 1px dotted;
}
td{
	width:100%;
	vertical-align: top;
	position: relative;
}
h1{
color:#06C;
font: bold  13px arial, sans-serif;
text-decoration: none;
text-align: left;
padding-bottom: 2px; 
padding-top: 2px; 
padding-left: 40px;
 height: 20px;
margin: 0px 20px 0px 20px;
border-bottom: #cccccc 5px solid;
}
h2{
border-collapse:collapse;
color: #06C;
font: bold  16px arial, sans-serif;
text-decoration: none;
text-align: left;
padding-bottom: 2px; 
padding-top: 3px; 
padding-left: 2px;
border: 1px solid #ffffff;
height: 20px;
border-bottom: 3px solid #e8e8e8;
margin: 20px 20px 5px 20px;
}
h3{
color:#06C;
font: 10px Arial,Helvetica,sans-serif;
border-bottom: 3px solid #e8e8e8;
/*
margin: 30px 50px 5px 20px;
*/
}
h4{
	color:#960;
	border-bottom: 2px solid #e8e8e8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 20px 20px 5px 20px;
}

h6{
font: 12px Arial,Helvetica,sans-serif;   
}


p{
color:#666666;
font:11px Arial,Helvetica,sans-serif;
padding-right: 0px;
padding: 0px;
margin: 10px 20px 5px 20px;
} 

p1{
	color:#666666;
    font:11px Arial,Helvetica,sans-serif;
    padding-right: 0px;
    padding: 0px;
    margin: 10px 20px 5px 20px;
    border-bottom: 1px solid #e8e8e8;
	text-align:center;
} 

li{
color:#666666;
font:11px Arial,Helvetica,sans-serif;
margin: 3px 20px 2px 0px;
}

hr{
height: 0px;
width: 100%;
margin: 0px 20px 0px 20px;
color: #e8e8e8;
}
:link,:active{
color:#006;
text-decoration:none;
font: bold arial, sans-serif;
text-decoration: none;
} 
:visited{
color: gray;
font: bold arial, sans-serif;
text-decoration: none;
}
:hover{
color: #b22222;
font: bold  arial, sans-serif;
text-decoration: underline;
} 
.p1{
font: 11px;
text-align: center;
margin: 10px 10px 15px 10px;
} 
.cc1{
	position: relative;
	top: -200px;left:-70px;
}
.cc2{
	position: relative;
	top: 4px;
}    
 .l2 {font-size: 12px}
 strong{
 color:#996600;
 font-size-adjust:;
 border-bottom-style: solid;
  border-color: #e8e8e8;
  border-bottom-width: 0px;
  }