body	{font-family: Tahoma; margin:0px; padding:0px; background-color: #F5F5F5; }
* {margin:0; padding:0;}
div#mainwrap {width:680px; margin-left:auto; margin-right:auto;  text-align:left;}

div#contentarea {width: 680px; background-color:#FFFFFF; background-image: none; background-repeat: no-repeat;}




.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

div {text-align: center;}

div#column2 {width: 510px; float:left;}

div#column2 table {width: 480px; margin-left: 10px;}

* html div#column2 table {width: 480px;}

div#column2 table td.gr {margin-bottom: 10px; background-color: #000000; text-align: center; font-size: 9pt; font-weight: bold; color: #ffffff; padding-bottom:2px; padding-top:2px;}
div#column2 table td.d {text-align: right; font-size: 9pt; height: 16px;}
div#column2 table td.l {padding-left: 1px; text-align: left; font-size: 9pt; width: 450px; }


div#column2			A.orange { font-size : 14pt; color: #ffcc00; font-weight : bold;  background-color: transparent;  }
div#column2			A.orange:hover {  font-size : 14pt; color: #c0c0c0; font-weight : bold;  background-color: transparent;  }
						
div#column2 		A.mali {	font-weight : normal; font-size : 10pt; color: #ffa500;  background-color: transparent; text-align: center; }
div#column2			A.mali:hover {	font-weight : normal; font-size : 10pt; color: #c0c0c0;  background-color: transparent; }
  
div#column2	table td.levo  { width: 180px; vertical-align: middle; background-image: url(images/okvir2.jpg); background-repeat: no-repeat;
								background-position: center; text-align: center; } 
div#column2	table td.desno { vertical-align: top; padding-bottom: 10px; padding-top: 10px; text-align: left;} 			

div#column2	table td.levo0  { width: 130px; vertical-align: middle; background-image: none; background-repeat: no-repeat; background-position: center; text-align: center; } 
div#column2	table td.desno0 { vertical-align: top; padding-bottom: 10px; padding-top: 10px; text-align: left;} 			

div#column2	table td.levo6  { width: 130px; vertical-align: top; background-image: none; background-repeat: no-repeat; background-position: center; text-align: center; } 


div#column2	table td.desno1 { padding-top: 10px; vertical-align: top; padding-bottom: 10px; padding-top: 10px; text-align: left;} 			
div#column2	table td.levo1  { width: 180px; vertical-align: middle; background-image: none; background-repeat: no-repeat;
								background-position: center; text-align: center; } 

div#column2	table td.levo2  { width: 300px; padding-bottom: 10px; padding-top: 10px; text-align: left; border-bottom: 1px dotted #c0c0c0;} 
div#column2	table td.desno2  { background-image:  url(images/okvir2.jpg); background-repeat: no-repeat; background-position: center; text-align: center; } 
div#column2	table td.desno3  { background-image:  none; background-repeat: no-repeat; background-position: center; text-align: center; border-bottom: 1px dotted #c0c0c0;} 

div#column2	table td.levo4  { border-bottom:1px dotted #c0c0c0; border-top:1px dotted #c0c0c0; width: 180px; vertical-align: middle; background-image: url(images/okvir2.jpg); background-repeat: no-repeat;
								background-position: center; text-align: center;  } 
div#column2	table td.desno4 { border-top:1px dotted #c0c0c0; border-bottom:1px dotted #c0c0c0; vertical-align: top; padding-bottom: 10px; padding-top: 10px; text-align: left;} 			



div#column2	table td.centar  { width: 160px; text-align: center; border-bottom: 1px dotted #c0c0c0; } 
div#column2	table td.dva  { width: 240px; text-align: center; border-bottom: 1px dotted #c0c0c0; } 
div#column2	table p.dva  { padding-left: 10px; text-align: left; font-size: 7.2pt; font-weight: normal; color: #000000; padding-top: 10px;} 
div#column2	table p.tri  { padding-left: 0px; text-align: left; font-size: 7.2pt; font-weight: normal; color: #000000; } 

div#column2	p.cetiri  { padding-top: 10px; padding-left: 15px; text-align: left; font-size: 8pt; font-weight: normal; color: #000000; } 


div#column2	img.okvir  { border: 1px #f5f5f5; padding: 10px 10px 10px 10px;  border-style: dotted; } 
div#column2	table td.okvir  { width: 480px; text-align: center; background-color: #f5f5f5; border: 1px dotted #c0c0c0; padding: 10px 20px 20px 20px;} 


div#column2	p.mon { text-align: center; background-color: #000000; font-size : 8pt; color : #ffffff; font-weight: bold; padding-top: 3px; padding-bottom: 3px; margin-bottom: 10px; margin-top: 10px;} 
div#column2	p.mon1 { text-align: center; font-size : 7.2pt; color : #000000; padding-top: 10px; padding-bottom: 10px;}  
div#column2	p.mon2 { text-align: left; font-size : 7.2pt; color : #000000; padding-top: 10px; padding-bottom: 10px; padding-left:10px; }  
div#column2	p.mon3 { background-image: url(images/trougao1.jpg); background-color: #808080; background-repeat: no-repeat; background-position: left;text-align: left; font-size : 8pt; color : #ffffff; font-weight: bold; padding-top: 3px; padding-bottom: 3px; margin-bottom: 10px; margin-top: 10px; padding-left: 14px;}  
div#column2	p.mon4 { background-image: url(images/trougao1.jpg); background-color: #808080; background-repeat: no-repeat; background-position: left;text-align: left; font-size : 8pt; color : #ffffff; font-weight: bold; padding-top: 3px; padding-bottom: 3px; margin-bottom: 0px; margin-top: 10px; padding-left: 14px;}  



div#column2 form label { width: 150px; padding-right: 20px; vertical-align: middle; text-align: right; font-size: 10pt; color: #000000; float: left;}
div#column2 form textarea { font-size: 10pt; color: #000000; font-family: Tahoma;}
div#column2 form input { font-size: 10pt; color: #000000; font-family: Tahoma; }
div#column2 form input.submit { font-size: 10pt; color: #ffffff; font-family: Tahoma; text-align: center; font-weight: bold; background-color: #ffcc00;}

*html div#column2 table td.tab1 { margin-left:0px; padding: 2px 2px 2px 4px; border: 1px solid silver; vertical-align: top; text-align: left; font: Tahoma; font-size: 7.2pt; font-weight: bold; width: 130px;  border-style: solid; }
div#column2	table td.tab2 { padding: 2px 2px 2px 4px; border: 1px solid silver; text-align: left; font: Tahoma; font-size: 7.2pt; font-weight: normal; width: 300px; border-style: solid;   }
div#column2 table td.tab1 { padding: 2px 2px 2px 4px; border: 1px solid silver; vertical-align: top; text-align: left; font: Tahoma; font-size: 7.2pt; font-weight: bold; width: 120px;  border-style: solid; }
div#column2	table td.tab3 { padding: 2px 2px 2px 4px; border: 1px solid silver; text-align: center; font: Tahoma; font-size: 7.2pt; font-weight: normal; width: 130px; border-style: solid;   }

div#column2 table td.tab4 { color: #808080; padding: 2px 2px 2px 4px; border: 1px solid silver; vertical-align: top; text-align: left; font: Tahoma; font-size: 7.2pt; font-weight: bold; width: 280px;  border-style: solid; }
div#column2 table td.tab5 { padding: 2px 2px 2px 4px; border: 1px solid silver;  vertical-align: top; text-align: center; font: Tahoma; font-size: 7.2pt; width: 100px;  border-style: solid; }
div#column2 table td.tab6 { padding: 2px 2px 2px 4px; border: 0px solid silver;  vertical-align: top; text-align: left; font: Tahoma; font-size: 7.2pt; font-weight: bold; width: 480px;  border-style: solid; }

div#column2 table td.tab7 { padding: 2px 2px 2px 4px; border: 1px solid silver;  vertical-align: top; text-align: center; font: Tahoma; font-size: 7.2pt; width: 60px;  border-style: solid; font-weight: normal; }


div#column2 p.centar {	text-align: center; }

div#column2 table.tab { margin-left: 12px; }
*html div#column2 table.tab { margin-left: 10px; }

*html div#column2 table.tabb { margin-left: 0px; }
div#column2 table.tabb { margin-left: 0px; }
div#column2 table.tabb1 { margin-left: 0px; border: 0px solid silver; }



div#column2 img.dno { padding-bottom: 10px;}

div#column1 { width: 170px; float:left;}
div#column1 p {text-align: center; }
div#column1 ul { margin-top: 10px; margin-left: 23px; width:132px;}
div#column1 li { list-style: none; padding-left: 16px; text-align: left; vertical-align: top; background-image: url(images/okvir1.jpg); background-repeat: no-repeat; 
					 background-position: bottom; padding-bottom: 2px; height:21px;}			

			
		

					 
					 
div#column1 li.podmeni { list-style: none; font-weight: normal; background-image: url(images/trougao.jpg); background-repeat: no-repeat; padding-left: 16px; text-align: left; vertical-align: top;  
					 background-position: left;}			
div#column1 a.podmeni { vertical-align: middle; font-weight : normal; font-size : 8pt; color: black ; text-decoration: none; }
		
div#column1 a.podmeni:hover { font-weight:normal; font-size : 8pt; color: #ffcc00; text-decoration: none; }
					 
* html div#column1 ul { margin-top: 10px; margin-left: 0px; width:132px; }
					
					
					
div#column1 a { font-weight : bold; font-size : 8pt; color: black ; text-decoration: none; }

						
div#column1 a:hover { font-weight : bold; font-size : 8pt; color: #ffcc00; text-decoration: none;  }



div#column2 ul	{ font-size : 7.2pt; color : #000000; margin-left : 15px; text-align : left;	padding-bottom:10px;}
div#column2 ul.detaljno	{ font-size : 8pt; color : #000000; margin-left : 15px; text-align : left;	padding-bottom:10px;}

div#column2 li	{ font-size : 7.2pt; color : #000000; margin-left : 10px; text-align : left;  list-style-type: square; }

div#column2 li.crta	{ font-size : 8pt; color : #000000; padding-bottom: 10px; margin-left : 10px; text-align : left; list-style-image: url(images/trougao.jpg);  }
div#column2 li.crta1	{ font-size : 7.2pt; color : #000000; padding-bottom: 10px; margin-left : 10px; text-align : left; list-style-image: url(images/trougao.jpg);  }
div#column2 li.crta2	{ color: #808080; font-weight: normal; font-size : 8pt; color : #000000; padding-bottom: 3px; margin-left : 00px; text-align : left; list-style-image: url(images/trougao.jpg); }
div#column2 li.crta3	{ color: #808080; font-weight: normal; font-size : 7.2pt; color : #000000; padding-bottom: 2px; margin-left : 10px; text-align : left; list-style-image: url(images/trougao.jpg); }
div#column2 li.crta4	{ color: #808080; font-weight: normal; font-size : 8pt; color : #000000; padding-bottom: 2px; margin-left : 15px; text-align : left; list-style-image: url(images/trougao.jpg);  }
div#column2 li.crta5	{ font-size : 8pt; color : #808080; padding-bottom: 5px; text-align : left; list-style-image: url(images/trougao.jpg) ;  }
div#column2 li.tacka3	{ color: #808080; font-weight: normal; font-size : 7.2pt; color : #000000; padding-bottom: 2px; margin-left : 10px; text-align : left; list-style-image: url(images/tacka1.jpg); }



div#column2 li.avast	{ vertical-align:middle; color: #808080; font-weight: bold; font-size : 8pt; padding-bottom: 8px; margin-left : 15px; text-align : left; list-style-image: url(images/avast/yes.jpg);  white-space: normal;  }

div#column2 li.avast1	{ vertical-align:middle; color: #808080; font-weight: bold; font-size : 8pt; padding-bottom: 8px; margin-left : 15px; text-align : left; list-style-image: url(images/avast/no.jpg);  white-space: normal;  }


div#column2 ul.crtica { font-size : 7.2pt; color : #000000; margin-left : 0px; text-align : left;	padding-bottom:0px;}



div#column2	p.text {	font-size : 8pt;	color : #000000;	font-weight : normal; margin-left: 0px; margin-right: 0px; text-align: left; padding-bottom: 10px; padding-top: 5px; padding-left: 0px; padding-right: 0px;}
div#column2	p.text1 {	font-size : 7.2pt;	color : #000000;	font-weight : normal; margin-left: 0px; margin-right: 0px; text-align: left; padding-bottom: 10px; padding-top: 5px; padding-left: 0px; padding-right: 0px;}
div#column2	p.text2 {	font-size : 8pt;	color : #808080;	font-weight : bold; margin-left: 0px; margin-right: 0px; text-align: left; padding-bottom: 10px; padding-top: 5px; padding-left: 0px; padding-right: 0px;}


div#column2	p.fusnota {	font-size : 7.2pt;	color : #000000;	font-weight : normal; margin-left: 5px; margin-right: 0px; text-align: left; padding-bottom: 10px; padding-top: 10px; padding-left: 0px; padding-right: 0px;}

div#column2 p {margin-left: 0px; padding-bottom: 10px;}
div#column2 p.naslov {font-size : 9pt; color: #ffffff; font-weight : bold; margin-left: 0px; padding-top: 3px; padding-bottom: 3px; padding-left: 3px; text-align: left; background-color: #000000;}
div#column2 p.podnaslov {border-bottom: 1px dotted #f5f5f5; letter-spacing: 1px; font-size : 11pt; color: #000000; font-weight : normal; text-align: left; }
div#column2 p.preporuka {font-size : 7.2pt; color: #ffcc00; font-weight : bold; padding-bottom: 10px; text-align: center;}

div#column2 img.logo {padding-left: 3px; padding-top: 7px;}


div#column2 p.karakt {font-size : 8pt; color : #000000; font-weight : bold; margin-left : 5px; padding-top: 10px; padding-bottom: 10px; text-align: left;}
div#column2 p.karakt1 {font-size : 8pt; color : #ffffff; font-weight : bold; margin-left : 0px; padding-bottom: 3px; padding-top: 3px; padding-left: 3px; text-align: left; background-color: #000000;}
div#column2 p.karakt2 {border-bottom: 1px solid; border-color: #808080; background-image: none; background-repeat: no-repeat; font-size : 10pt; color: #808080; font-weight : bold; margin-left : 0px; padding-bottom: 3px; padding-top: 2px; padding-left: 10px; text-align: left; background-color: #ffffff;}
div#column2 p.karakt3 {background-image: none; background-repeat: no-repeat; font-size : 10pt; color : #ffffff;  font-weight : bold; margin-left : 0px; padding-bottom: 3px; padding-top: 2px; padding-left: 10px; text-align: left; background-color: #000000;}
div#column2 p.karakt4 {font-size : 8pt; color : #ffffff; font-weight : bold; margin-left : 0px; padding-bottom: 3px; padding-top: 3px; padding-left: 3px; text-align: left; background-color: #ffcc00;}
div#column2 p.karakt5 {background-image: url(images/trougao.jpg); border-bottom: 1px solid; background-position: left; border-color: #808080;background-repeat: no-repeat; font-size : 10pt; color: #808080; font-weight : bold; margin-left : 0px; padding-bottom: 3px; padding-top: 2px; padding-left: 15px; text-align: left; background-color: #ffffff;}
div#column2 p.karakt6 {background-image: none; background-repeat: no-repeat; font-size : 10pt; color : #ffffff;  font-weight : bold; margin-left : 0px; padding-bottom: 3px; padding-top: 2px; padding-left: 10px; text-align: left; background-color: orange;}

div#column2 p.karakt7 {padding-bottom:  10px; padding-top: 0px; background-color: #ffffff; font-size : 8pt; color : #808080; font-weight : bold; margin-left : 0px; text-align: left; margin-top:5px;}
div#column2 p.karakt8 {background-image: url(images/trougao.jpg); border-bottom: 1px solid; border-top: 1px solid; border-left: 1px solid; border-right: 1px solid; background-position: left; border-color: #ffcc00;background-repeat: no-repeat; font-size : 10pt; color: #808080; font-weight : bold; margin-left : 0px; padding-bottom: 3px; padding-top: 2px; padding-left: 15px; text-align: left; background-color: #ffffff;}
div#column2 p.karakt9 {background-image: url(images/mod/x.jpg); font-size : 8pt; color: black; font-weight : bold; margin-left : 0px; padding-bottom: 3px; padding-top: 3px; text-align: left; background-color: #ffffff; margin-top:5px;  background-position: left;  background-repeat: repeat-x;  }

div#column2 img.ms {padding-top: 10px; padding-bottom: 10px;}


div#column2 p.datum {margin-left: 0px; font-size : 9pt; color : #000000; font-weight : normal; padding-left : 1px; text-align: left;}

div#column2 p.linija {border-bottom: 1px dotted #c0c0c0; width: auto;}



div#column2 a.pocetak {	font-weight : normal; font-size : 10pt; color: #ffa500;  background-color: transparent; margin-left: 1px; text-align: left; }
div#column2	a.pocetak:hover {	font-weight : normal; font-size : 10pt; color: #c0c0c0;  background-color: transparent; text-align: left; }
div#column2 a.link {	font-weight : bold; font-size : 8pt; color: #ffa500;  background-color: transparent; margin-left: 15px; }
div#column2 a.link:hover {	font-weight : bold; font-size : 8pt; color: #c0c0c0; }

div#column2 a {font-size : 8pt; color : #000000; font-weight : bold; margin-left : 5px; padding-bottom: 10px; text-align: left; text-decoration: none;}
div#column2 a:hover {font-size : 8pt; color : #c0c0c0; }
div#column2 p.levo {text-align: left; margin-left: 0px}
div#column2 p.levo1 {text-align: left; margin-left: 10px; margin-top: 10px; margin-bottom: 10px;}
*html div#column2 p.levo1 {text-align: left; margin-left: 20px; margin-top: 10px; margin-bottom: 10px;}
 

div#column2 p.desno {text-align: right;}
div#column2 p.centar {text-align: center;}

div#column2 img.float {float: left; margin-bottom:10px;  margin-top: 10px; margin-left: 10px; margin-right: 20px; padding: 5px 5px 5px 5px;}

div#column2 img.float1 {float: right; margin-bottom:10px;  margin-top: 10px; margin-left: 10px; margin-right: 20px; padding: 5px 5px 5px 5px;}

div#column2 img.float2 {float: left; margin-bottom:10px;  margin-top: 0px; margin-left: 0px; margin-right: 20px; padding: 5px 5px 5px 0px;}

div#header {width: 680px; height: 65px; background-position: top;  
				background-image: url(images/bar9.jpg); background-repeat: no-repeat; text-align:center; 
				}

div#listmenu {	width: 100%; float: left; border-top:1px solid #000000; border-bottom:2px solid #ffcc00; font-size: 10pt; 
background-image: url(images/bar8.jpg); margin-top:65px;}


.menu {font-weight: bold; font-size: 10pt; float: left;	color: #ffffff; padding-top: 0px; padding-bottom: 0px;
padding-left: 0px; padding-right: 0px; background-image: url(images/bar8.jpg); background-repeat: no-repeat; }

.menu a {text-decoration: none; color: #ffffff; }
.menu a:hover { border-bottom: 1px solid white; background-image: url(images/bar10.jpg); background-repeat: no-repeat;}

div#listmenu ul {margin:0px 0px 0px 30px;}
div#listmenu li {float:left; list-style-type: none; background-image: url(images/bar8.jpg); border-right:1px solid #ffcc00; }
div#listmenu li:first-child {	border-left:1px solid #ffcc00; }

div#listmenu a {padding:0 8px; text-decoration: none; color: #ffffff; font-weight: bold; text-align: center; background-image: url(images/bar8.jpg); background-repeat: no-repeat;}
div#listmenu a:hover { background-image: url(images/bar10.jpg); background-repeat: no-repeat;}
* html div#listmenu ul { margin-top: 0px; float:left; border-left:1px solid #ffcc00; margin-left: 14px; }
/*html>div#listmenu ul { margin-top: 0px; float:left; border-left:1px solid #ffcc00; margin-left: 14px; }*/




div#footer {width:680px; height: 40px;  background-image:  url(images/bar1.jpg); background-color: #F5F5F5; background-repeat: no-repeat; text-align:left; padding-top:8px; }
div#footer p.footer { text-align: center; font-size: 8pt; color: #FFFFFF; }

div#footer p.kopi { margin-top: 10px; text-align: center; font-size: 7.2pt; color: #808080; }

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail img{
border-color: #c0c0c0;
padding: 5px;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px solid #c0c0c0;
visibility: hidden;
color: black;
text-decoration: none;
font-weight: normal;
text-align: left;
font-size: 7.2pt;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}