@charset "utf-8";
/* CSS Document */

body {
	height:auto;
	margin:0px;
	background-color:#ddd;  
	padding:0px;
	font-size:14px;
	font-family:"Arial";
	border-color:#666;
	border-style:none;
	border-width:1px;
	
} 



  
.container	{
	width:998px;
	margin:auto;
	
	border-style:solid;
	border-width:1px;
	border-color:#666;
	margin-top:10px;
	
	}


.header {
	margin:0px;
	padding:0px;
	width:998px;
	height:114px;
	background:url(../backgrounds/header.jpg) repeat-x;
	
}


.icons {

 width:auto ;
 margin-top:42px;
 margin-left:27px;
 margin-right:0px;
 float:left;
 border-color:#dddddd;
 border-bottom-style:solid;
 border-bottom-width:1px;
 padding:2px;
 padding-left:10px;
 
}


		.icons ul {
		height:auto;
		padding:0px;
		margin:0px;}

 		.icons li{
		display: block;
		cursor: pointer;
		float: left;
		width: 30px;
		height: 30px;
		text-indent:-500px;
		background-image:url(../backgrounds/icons.jpg);
	  	}



.click    	{ 
					position: relative; 
					display: block; 
					width: 30px; 
					height: 30px; 
					border:none; 
					float: right; 
					}

				#home {
				background-position:0px 0px;
				padding:0px;
				
				}
				
				#mail {
				background-position:-30px 0px;
				padding:0px;
				margin:0px;
				
				}
				
				#calculator {
				background-position:-60px 0px;
				padding:0px;
				margin:0px;
				
				
				}

				#map {
				background-position:-90px 0px;
				padding:0px;
				margin:0px;
				
				
				}

				#home.active, #home:hover {
				background-position: 0 bottom;
				}

				#mail.active, #mail:hover {
				background-position:-30px bottom;
				}

				#calculator.active, #calculator:hover {
				background-position: -60px bottom;
				}
				
				#map.active, #map:hover {
				background-position: -90px bottom;
				}

				#separator {
				background-position: -120px 0px;
				width:30px;
				}
				
				
				
				
.main3 {
	width:998px;
	height:auto;
	margin:auto;
	
	background-color:#ddd;
	margin-top:10px;
	
	padding:0px;
}



.main {
	width:761px;
	height:auto;
	background-color:#ddd;
	float:left;
	border-color:#666	;
	border-width:1px;
	border-style:solid;
	padding:0px;
	margin:0px;
	}
	
	
	
	
	
	
.menuMain {
	float:left;
	width:auto;
	margin:0px;
	padding:0px;
	font-family:"Arial";
	border:none;
	}
		
								                       
							.menuMain ul{
                    			padding:0px;
								list-style:none;
								margin:auto;
								padding:0px;
								border:none;
								float:left;
								
								
                       			}
                       
										.menuMain ul li{
											float:left;
											
											}
									
													.menuMain a{
														height:auto;
														
														font-size:14px;
														display:block;
														border:none;
														background:url(../backgrounds/menuMain3.jpg);
														float:left;
														text-decoration:none;
													
														color:#ffffff;
														padding:8px;
														padding-bottom:6px;
														padding-left:37px;
														text-transform:uppercase;
														padding-right:36px;
														margin-top:0px;
														font-weight:bold;	
														border-bottom-style:solid;
														border-bottom-width:3px;
														border-bottom-color:#666
														
														
														}
													   
													.menuMain a:hover{
														padding-top:6px;
														padding-bottom:8px;
														color:#cccccc;
														border-bottom-color:#fff
														
														}
									
									
													#menuMainActive a{
														height:auto;
														font-size:14px;
														display:block;
														border:none;
														background:url(../backgrounds/menuMain3.jpg);
														float:left;
														color:#aaa;
														text-decoration:none;
														
														padding:8px;
														padding-bottom:6px;
														padding-left:37px;
														text-transform:uppercase;
														padding-right:36px;
														margin-top:0px;
														font-weight:bold;	
														border-bottom-style:solid;
														border-bottom-width:3px;
														border-bottom-color:#fff
														
														}	
														
														
.submenu {
	
	width:auto;
	float:left;
	width:auto;
	margin:0px;
	padding:0px;
	font-family:"arial";

	}
		
								                       
							.submenu ul{
                    			padding:0px;
								list-style:none;
								margin:auto;
								padding:0px;
								border:none;
								float:left;
								border-left-style:solid;
														border-left-color:#cccccc;
														border-left-width:1px;
                       			}
                       
										.submenu ul li{
											float:left;
											text-decoration:none;
										
											padding-left:0px;
											padding-right:0px;
											padding-top:0px;
											margin-top:0px;
											font-weight:bold;
											margin-right:0Px;
											color: #FF0000;
											margin-top:0px;
											font-weight:bold;
											border-top-style:solid;
											border-right-style:solid;
											border-top-width:0px;
											border-right-width:0px;
											border-right-color:#cccccc;
											border-top-color:#FF0000;
											background-position:bottom;
											border-width:0px;
											}
									
													.submenu a{
														height:auto;
														font-size:14px;
														display:block;
														float:left;
														color:#000000;
														
														color:#666666;
														padding:4px;
														padding-left:21px;
														background:url(../backgrounds/submenu.jpg) repeat-x;
														padding-right:21px;
														font-weight:normal;	
														border-right-style:solid;
														border-right-color:#cccccc;
														border-right-width:1px;
														text-transform:none;
														text-decoration:none
														
														
														}
													   
													.submenu a:hover{
													
														color:#333333;
														}
									
									
													#submenuActive a{
														height:auto;
														font-size:14px;
														display:block;
														float:left;
														color:#fff;
														text-decoration:none;
																					
														padding:4px;
														padding-left:21px;
														background:url(../backgrounds/submenuRed.jpg) repeat-x;
														padding-right:22px;
														margin-top:0px;
														font-weight:normal;	
														border-right-style:solid;
														border-right-color:#cccccc;
														border-right-width:1px;
														
														}															
													
	
	
.submenu2 {
	
	width:auto;
	float:left;
	width:auto;
	margin:0px;
	padding:0px;
	font-family:"arial";

	}
		
								                       
							.submenu2 ul{
                    			padding:0px;
								list-style:none;
								margin:auto;
								padding:0px;
								border:none;
								float:left;
								
														background:url(../backgrounds/submenu.jpg) repeat-x;
                       			}
                       
										.submenu2 ul li{
											float:left;
											text-decoration:none;
											
											padding-left:0px;
											padding-right:0px;
											padding-top:0px;
											margin-top:0px;
											font-weight:bold;
											margin-right:0Px;
											color: #FF0000;
											margin-top:0px;
											font-weight:bold;
											border-top-style:solid;
											border-right-style:solid;
											border-top-width:0px;
											border-right-width:0px;
											border-right-color:#cccccc;
											border-top-color:#FF0000;
											background-position:bottom;
											border-width:0px;
											}
									
													.submenu2 ul li a{
													height:auto;
														font-size:13px;
														display:block;
														float:left;
														color:#000000;
														
														color:#666666;
														padding:4px;
														padding-left:33px;
														background:url(../backgrounds/submenu.jpg) repeat-x;
														padding-right:32px;
														font-weight:bold;	
														border-right-style:solid;
														border-right-color:#cccccc;
														border-right-width:1px;
														text-transform:none;
														text-decoration:none
														
														
														}
													   
													.submenu2 a:hover{
													
														color:#900;
														}
														
														#manji a{
															
															
																height:auto;
														font-size:13px;
														display:block;
														float:left;
														color:#000000;
														
														color:#666666;
														padding:4px;
														padding-left:34px;
														background:url(../backgrounds/submenu.jpg) repeat-x;
														padding-right:34px;
														font-weight:bold;	
														
														text-transform:none;
														text-decoration:none} 
														
														#manji a:hover {
															color:#900;
														}
				
										#submenu2Active a{
														height:auto;
														font-size:13px;
														display:block;
														float:left;
														color:#000000;
														text-align:abscenter;
														color:#fff;
														padding:4px;
														padding-left:34px;
														background:url(../backgrounds/submenuRed.jpg) repeat-x;
														padding-right:34px;
														font-weight:bold;	
														border-right-style:solid;
														border-right-color:#cccccc;
														border-right-width:1px;
														text-transform:none;
														text-decoration:none
														}
							
		
										#submenu2Active a:hover {
											color:#fff;
											background:url(../backgrounds/submenuRed.jpg);
											}
									
									
											
	
	
.animation {
	
	margin:0 0 0 13px;
	
	padding:0px;
	width:450px;
	height:550px;
	background-color:#eee;
	border-color:#666;
	border-style:solid;
	border-width:1px;
	background:url(../images/kljuc.jpg);
	float:left;
	
	
	}
	
.vijestActive {
	
	margin:0 0 0 13px;
	background:#FFF;	
	padding:10px;
	width:480px;
	height:auto;
	border-color:#666;
	border-style:solid;
	border-width:1px;
	float:left;
	font-size:14px;
	color:#900;
	padding-top:15px;
	font-weight:bold;
	
	
	}
	
.imageMain {
	
	margin-top:0px;
	
	padding:0px;
	width:761px;
	height:200px;
	background-color:#eee;
	border-color:#666;
	border-style:solid;
	border-width:0px;
	
	float:left;
	
	
	}
	
	
	
.main2 {
	padding:0px;
	margin:0px;
	width:220px;
	height:auto;
	background-color:#ddd;
	float:right;
	border-color:#666;
	border-width:0px;
	border-style:solid;
	
	
	}
	
	
	
	
.right  {	
	margin:0px;
	width:220px;
	padding:0px;
	height:auto;
	background-color:#fff;
	float:right;
	border:none;
	border-color:#666;
	border-width:1px;
	border-style:solid;

}



.banner {
	width:220px;
	float:left;
	margin:0px;
	margin-bottom:13px;
	padding:0px;
	border:0px;
	margin-left:0px}													
					
.banner a {color:#f00}					


.banner a:hover {background-color:#eee;
border-color:#F00; 
border-width:1px;
border-style:solid;
border-left-width:0px;
border-right-width:0px;
}



	



.homebox    { 
					position: relative; 
					display: block; 
					width: 220px; 
					font-family: arial, helvetica, sens-serif; 
					text-decoration: none; 
					height: 35px; 
					color:#000066;
					border: 1px solid #666; 
					float: right; 
					margin:0px;
					border-left-style:none;
					border-right-style:none;}


					
.homebox span   { 
					display: block; 
					margin: 0 5px 0 110px; }
					

.homebox span.title { font-size: 14px; 
					color: #090; 
					font-weight: bold;
					margin: 5px 5px 6px 110px;
					border:0px;}
.homebox span.txt { 
					
					font-size:14px;
					margin:0;
					padding:0;
					
					margin-top:11px;
					text-align:center;
					font-weight:bold;
					border:0px;}
					
					

					
.homebox span.more  {
					position: absolute; 
					bottom: 5px; right: 0; 
					cursor: pointer;
					color:#ff0000;
					font-weight:normal; 
					font-size: 11px; 
					padding-left: 14px; 
					}


.main4 {
	
	padding:0px;
	margin:0px;
	margin-top:15px;
	width:763px;
	
	background-color:#ddd;
	float:left;
	
	
	}


.left {
	margin:0px;
	margin-top:0px;
	padding:0px;
	
	margin-left:0px;
	width:157px;
	height:auto;
	background-color:#ffffff;
	float:left;
	padding-top:0px;
	padding-bottom:17px;
	border-color:#666;
	border-width:1px;
	border-style:solid;
	}




.menuLeft {
	width:auto;
	float:left;
	background-color:#ffffff;
	text-indent:0px;
	font-family:"arial";
	font-size:14px;
	font-weight:bold;
	
	text-indent:0px; 
	
	border-color:#f00;
	border-width:1px;
	border-style:none;
	
	}
	
	.menuLeft
	{float:left; margin:0px; padding:0px; width:auto; height:auto; background-color:#ffffff; display:block}
	
		.menuLeft ul {margin:0px; padding:0px; border:0px; background:none; width:auto; height:auto; display:block;  border-style:solid; border-color:#ccc; border-width:0px; margin-top:10px;
				   border-top-width:1px;}
				
				.menuLeft li {display:block; padding:0px; margin:0px; margin:0px; float:left; width:auto; height:auto; margin-left:0px; }
	
					.menuLeft a{  margin-bottom:0px;
						width:145px;
                        height:auto;
                        display:block;
                        background:#fff; 
                        border-bottom-width:1px;
						border-bottom-color:#CCcccc;
						border-bottom-style:solid;
						color:#000000;
						font-family:Arial, Helvetica, sans-serif;
						font-size:11px;
						font-weight:normal;
						text-indent:0px;
						text-decoration:none;
						padding-bottom:5px;
						padding-top:5px;
						padding-right:0px; margin:0px; border:0px; padding-left:12px ; color:#666; font:Arial, Helvetica, sans-serif; font-size:12px;  background-color:#FFFfff; 			text-decoration	:none; height:auto; display:block;
						margin:0px; border-style:solid; border-color:#ccc; border-width:0px;
				   border-bottom-width:1px;}

					.menuLeft a:hover {border-bottom-color:#F00; text-decoration:none; color:#f00; Padding-left:7px; width:150px;}



						#menuLeftVrstaActive a{ 
                   background:none; margin:0px; 
                   color:#900; border-style:solid; border-color:#900; border-width:0px;
				   border-bottom-width:1px; padding-left:5px; width:152px; font-weight:bold}

					#menuLeftFirst a:hover {border-bottom-color:#900; text-decoration:none; color:#900;}


								
						#menuLeftVrstaFirst a{ 
                   background:none; 
                   color:#666; border-style:solid; border-color:#aaa; border-width:0px;
				   border-bottom-width:1px; margin:10px 0 0 0;font-weight:bold}

					#menuLeftVrstaFirst a:hover {border-bottom-color:#F00; text-decoration:none; color:#f00;}
					
						#menuLeftVrsta a{ 
                   background:none; 
                   color:#666; border-style:solid; border-color:#aaa; border-width:0px;
				   border-bottom-width:1px; margin:0px 0 0 0; font-weight:bold}

					#menuLeftVrsta a:hover {border-bottom-color:#F00; text-decoration:none; color:#f00;}
					
					
					
							#menuActivated a{
								  margin-bottom:0px;
						width:147px;
                        height:auto;
                        display:block;
                       background:none;
                        border-bottom-width:1px;
						border-bottom-color:#CCcccc;
						border-bottom-style:solid;
						color:#000000;
						font-family:Arial, Helvetica, sans-serif;
						font-size:11px;
						font-weight:normal;
						text-indent:0px;
						text-decoration:none;
						padding-bottom:5px;
						padding-top:5px;
						padding-right:0px; margin:0px; border:0px; padding-left:10px ; color:#990000; font:Arial, Helvetica, sans-serif; font-size:12px;  background-color:#FFFfff; text-decoration:none; height:auto; display:block;
						margin:0px; border-left-color:#ff0000; border-left-style:solid; border-left-width:0px;  border-style:solid; border-color:#900; border-width:0px;
				   border-bottom-width:1px;
								
							}


   #popis {display:block; padding:2px 3px 0 3px; float:left; width:auto; height:auto; margin-left:0px; font-size:13px; color:#666; margin:15px 0 0 5px; border-bottom:1px solid #aaa}



.content2 {
	font-family:"Arial";
	margin:0px;
	padding:20px;
	
	width:549px;
	height:200px;
	height:auto;
	
	background-color:#Fff;
	float:right;
	border-style:solid;
	border-color:#666;
	border-width:1px;

	}
	
	
	.content2 ul{
				
                    			padding:0px;
								list-style:none;
								margin:auto;
								padding:0px;
								border:none;
								float:left;
								padding-left:40px;
								margin-top:0px;
								width:525px;
								margin-bottom:13px;
								color:#666;
											
											
								
								
                       			}
								
								
								
                       
										.content2 ul li{
											color:#666;
											padding:2px 20px 2px 5px;
											margin-left:10px;
											list-style:disc;
											text-align:justify
											
											
											
											}

		
		.content2 ul li a{
			color:#666;
			
			padding-left:15px;
			background:url(../backgrounds/webmap.jpg)  no-repeat;
			background-color:#fff;
			margin-top:5px;
			}
			.content2 ul li a:hover{
			color:#f00;
			text-decoration:none;
			
			}
	
	


.content2 a {
	text-decoration:none;
	color:#666;
	padding-left:15px;
	}
	
.content2 a:hover {
	color:#f00;
	text-decoration:underline; }

.contentuvjeti {
	font-family:"Arial";
	margin:0px;
	padding:20px;
	padding-left:40px;
	
	width:529px;
	height:200px;
	height:auto;
	
	background-color:#Fff;
	float:right;
	border-style:solid;
	border-color:#666;
	border-width:1px;
	font-family:"Arial";
	font-size:16px;
	color:#F00;
	font-weight:bold;

	}
	
	
	.contentuvjeti ul{
		list-style:none;
		
	}
		
		.contentuvjeti ul li a{
			color:#666;
			
			padding-left:15px;
			background:url(../backgrounds/webmap.jpg)  no-repeat;
			background-color:#fff;
			margin-top:5px;
			}
			.content2 ul li a:hover{
			color:#f00;
			text-decoration:none;
			
			}
	
	


.contentuvjeti a {
	text-decoration:none;
	color:#666;
	padding-left:0px;
	font-weight:normal;
	font-size:14px
	}
	
.contentuvjeti a:hover {
	color:#f00;
	text-decoration:underline; }

.menuSmall {
	padding:0px;
	margin:0px;
	margin-top:3px;
	padding-left:0px;
	margin-bottom:0px;
	
	background:none;
	float:right;
	width:auto;
	border-right-style:solid;
	border-right-color:#999999;
	border-right-width:0px;
	font-family:"arial";
	}
		
								                       
							.menuSmall ul{
                    			padding:0px;
								list-style:none;
								margin:auto;
								padding:0px;
								border:none;
								float:left;
                       			}
                       
										.menuSmall ul li{
											float:left;
											text-decoration:none;
										
											padding-left:0px;
											padding-right:0px;
											padding-top:0px;
											margin-top:0px;
											font-weight:bold;
											margin:0Px;
											color: #666666;
											font-size:12px;
											margin-top:0px;
											font-weight:bold;
											padding:1px;
											border-top-style:solid;
											border-right-style:solid;
											border-top-width:0px;
											border-right-width:0px;
											border-right-color:#FF0000;
											border-top-color:#FF0000;
											background-position:bottom;
											list-style:none;
											}
									
													.menuSmall ul li a{
														height:auto;
														
														font-size:12px;
														display:block;
														border:none;
														background:none;
														float:left;
														
														text-decoration:none;
												
														color:#ff0000;
														padding:2px;
														padding-left:4px;
														
														padding-right:4px;
														margin:0px;
														font-weight:normal;	
														border-left-style:solid;
														border-left-color:#999999;
														border-left-width:1px;
														border-bottom-style:none;
														border-bottom-color:#ffffff;
														border-bottom-width:4px;
														text-transform:none;
														text-decoration:none;
														list-style:none;
														}
													   
													   	#menusmallL a{
															height:auto;
														
														font-size:12px;
														display:block;
														border:none;
														background:none;
														float:left;
														
														text-decoration:none;
													
														color:#ff0000;
														padding:2px;
														padding-left:4px;
														
														padding-right:4px;
														margin-top:0px;
														font-weight:normal;	
														border-left-style:solid;
														border-left-color:#999999;
														border-left-width:0px;
														border-bottom-style:none;
														border-bottom-color:#ffffff;
														border-bottom-width:4px;
														text-transform:none;
														text-decoration:none;list-style:none; }
																												
													   
													   .menuSmall ul li a:hover{
														text-decoration:underline;
														color:#900;
														}
														
														#menusmallL a:hover{
														text-decoration:underline;
														color:#900;
														}
									
									
													#menuSmallActive a{
														height:auto;
														font:Arial, Helvetica, sans-serif;
														font-size:12px;
														display:block;
														border:none;
														background:url(../backgrounds/menuSmall.jpg);
														float:left;
														color:#000000;
														text-decoration:none;
													
														color:#000000;
														padding:3px;
														padding-left:38px;
														padding-right:38px;
														margin-top:0px;
														font-weight:normal;	
														border-left-style:solid;
														border-left-color:#999999;
														border-left-width:1px;
														border-bottom-style:none;
														border-bottom-color:#ffffff;
														border-bottom-width:4px;
														text-transform:none;list-style:none;
														}	
														
														
														#menuSmallctive a:hover{
														padding-top:3px;
														padding-bottom:1px;							                         	
														text-decoration:none;
														}
									


.stete {
	height:150px;
	padding-top:5px;
	}
	
.stete a{
	font-size:16px}



.containerFooter	{
	width:998px;
	margin:auto;
	padding:0;
	padding-left:0px;

	background-color:#ddd;

	}
                               
.footer {
	
	width:998px;
	height:auto;
	padding-top:4px;
	padding-bottom:3px;
	background:#fff;
	border-color:#666;
	border-width:0px;
	border-bottom-style:none;
	border-top-style:solid;
	float:left;
	text-align:center;
	font:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
	margin-bottom:3px;
	margin-top:10px;
	border-style:solid;
	
	border-width:1px;
	
	}
	
		.footer a{
			text-align:center;
			font:Arial, Helvetica, sans-serif;
			font-size:13px;
			color:#FF0000;
			}															
													
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
p {
text-align:justify;
text-indent:0px;
font:Arial, Helvetica, sans-serif;
font-size:14px;
padding-right:7px;
color:#666666;
font-family:"arial";
font-weight:normal;


}




h1 {

text-align:left;
font-family:"Arial";
font-size:16px;
color:#F00;

text-transform:none;
padding-left:15px;
display:inline;
}

h2 {
text-align:justify;
font-family:"Arial";
font-size:14px;
color:#666;
font-weight:normal;
display:inline;
padding-left:0px;
}

h3 {
margin-top:2px;
margin-bottom:2px;
height:auto;
display:block;
background:#ffffff; 
border-right:1px;
border-right-color:#FF0000;
border-right-style:none;
color:#000000;
font-family:"Arial";
font-size:10px;
font-weight:normal;
padding-left:0px;
text-decoration:none;
padding-bottom:1px;
padding-top:1px;
display:inline;
text-indent:0px;}


h5 {
text-decoration:blink;
display:inline;}


h4 {

text-indent:15px;
font-family:"Arial";
font-size:14px;
color:#333333;
display:inline;
font-weight:normal;
padding-left:30px;text-align:justify;


}





h6 {

text-indent:0px;
font:Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
display:inline;
font-weight:normal;
padding-left:30px;
text-decoration:underline

}




	
.tablica {
	text-align:center;
font-family:"Arial";
font-size:14px;
color:#666;
font-weight:normal;
width:200px;
padding-left:0px;}

#datoteke a {
	padding-bottom:0px;
	margin-top:10px;
	padding-top:0px;
	background:none;
	font-size:16px;
	text-align:center;
	}
	
.rjecnik {
	list-style:none;
		padding:0px;
		margin:0px;
		text-indent:0px;}
		
		.rjecnik ul{
		list-style:none;
		
		padding:0px;
		padding-left:15px;
		margin:0px;
		margin-top:2px;
		text-indent:0px;
		text-align:justify;
		text-indent:5px;
		color:#666;
		
	}

	.rjecnik ul li{
		list-style:none;
		padding:2px;
		margin:0px;
		text-indent:0px;
		text-align:inherit;	
		
	}
		
		.rjecnik ul li a{
			color:#900;
			padding-left:15px;
			background:url(../backgrounds/webmap.jpg)  no-repeat;
			background-color:#fff;
			margin-top:15px;
			font-size:14px;
			}
			.rjecnik ul li a:hover{
			color:#f00;
			text-decoration:none;
			
			}
			
.preuzimanje {
	float:right;
	text-align:right;
	margin-right:15px;
	margin-top:15px;
	margin-bottom:15px;}
	
.preuzimanje a{
	color:#f00;
	font-weight:bold;
	text-decoration:underline;}
	
.preuzimanje a:hover {
	color:#900;}
	
.bonus {
	height:auto;
	margin-top:0px;
	margin-bottom:0px;
	padding:10px;
	border-color:#333;
	border-width:1px;
	border-style:solid;
	}
	
	#letak a {color:#f00;
           text-align:right;
		   text-decoration:none;
		   float:right;
		   font-size:14px;
		   margin-right:10px;
		   font-weight:bold
	
	}
	
#letak a:hover {color:#900;
           
		   text-decoration:underline;
	
	}