/* CSS Document */
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
	}
	
html, body {
	text-align: center;
	font-family: arial, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background-image: url(img/background3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}

h1 {
	font-size: 28px;
	color: #f00;
	float: left;
	font-weight: normal;
	width: 950px;
	text-align: left;
	padding-top: 7px;
	padding-bottom: 10px;
	padding-left: 5px;
	}
	
h2 {
	font-size: 26px;	
	font-weight: normal;
	color: #f00;
	/* width: 500px; 
	float: left;
	text-align: left;*/
	padding-bottom: 10px;
	display: block;
	clear: both;
	}
	
.spacer {
		/* width: 950px; */
		height: 20px;
		clear: both;
		display: block;
		}
	
#container {
	width: 968px;
	margin: 0 auto;

	}

	#top {
		width: 968px;
		height: 37px;
		clear: both;
		}
	
		#logo {
			width: 200px;
			height: 34px;
			float: left;
			}
		
		#sitemap {
			width: 390px;
			height: 34px;
			float: right;
			text-align: right;
			}
			
		#sitemap #input {
			width: 300px;
			float: left;
			padding-top: 11px;
			}
			
		#sitemap #input input {
			border: solid 1px #666666;
			/* line-height: 22px; */
			background-color: #f1f1f1;
			}			
			
		#input #ajaxSearch_submit {
			width: 60px;
			height: 18px;
			/* border: dotted 1px #f00; */
			padding: 0px;
			font-size: 11px;
			}
			
		#sitemap ul {
			list-style: none;
			padding-top: 8px;
			}
		
		#sitemap ul li {
			float: left;
			}

				#sitemap ul li.home a {
					background-image: url(img/home.gif);
					width: 28px;
					height: 25px;
					display: block;
					}
				
				#sitemap ul li.contact a {
					background-image: url(img/contact.gif);
					width: 26px;
					height: 25px;
					display: block;
					}
				
				#sitemap ul li.sitemap a {
					background-image: url(img/sitemap.gif);
					width: 28px;
					height: 25px;
					display: block;
					}
				
				#sitemap ul li a:hover {
					background-position: 0px -25px;
					} 

	#menu {
		margin: 0px; padding: 0px;
		width: 968px;
		height: 111px; /* 91 */
		display: block;
		clear: both;
		/* background-image:url(img/top_background.gif); */
		}
	
	#reklama-top {
		width:500px;
		height: 48px;
		margin-left: 5px;
		margin-top: 10px;
		float: left;
		}
		
		
	#breadcrumbs {
		width: 960px;
		/* float: left; */
		height: 18px;
		font-size: 12px;
		font-weight: normal;
		color: #ccc;
		text-align: left;
		padding-left: 0px;
		padding-top: 2px;
		clear: both;
		}
		
	#breadcrumbs a {
		color: #fff;
		font-size: 13px;
		font-weight: bold;
		text-decoration: none;
		}
		
	#breadcrumbs a:hover {
		color: #ccc;
		}
				
	
	#main-menu {
		width: 960px;
		display: block;
		text-align: right;
		/* float: right; */
		height: 50px;
		clear: both;
		}
		
	#main-content{
		float: left;
		clear:  both;
		width: 968px;
		display: block;
		}
		
	#main-content ul {
		padding-left: 30px;
		}
		
	#main-content ul ul {
		padding-left: 50px;
		}
		
	#main-content ul li a {
		color: #f00;
		text-decoration: none;
		}
		
	#main-content ul li ul li a {
		color: #000;
		text-decoration: none;
		}
		
	#main-content ul li ul li ul li a {
		color: #f00;
		text-decoration: none;
		}		
	
	ul.menu {
		list-style: none;
		padding-top: 0px;
		text-align: right; 
		/* display:table;           */
		list-style-type:none;
		float: right;
		}	
	  
	ul.menu li {
	  float: left; 
	  }		

	ul.menu li a {
		padding-left: 13px;
		padding-right: 13px;
		float: left;
		font-weight: normal;
		font-size: 14px;
		text-decoration: none;
		color: #000;
		background-color: #fff;
		border: solid 1px #ccc;
		margin-right: 1px;
		padding-top: 5px;
		padding-bottom: 5px;
		}
		
	ul.menu li.active a {
		color: #f00;
		}

	ul.menu li a:hover {
		color: #f00;
		/* background-color: #f1f1f1; */
		border: solid 1px #000;		
		}

	#main-content ul.lista-gradova-menu {
		list-style: none;
		padding: 0px;
		margin: 0px;
		}
		
	#main-content ul.lista-gradova-menu li{
		clear: both;
		padding: 0px;
		margin: 0px;
		}
		
	#main-content  ul.lista-gradova-menu li ul {
		padding: 0px;
		padding-left: 5px;
		margin: 0px;
		}

	#main-content  ul.lista-gradova-menu li ul li {
		/* width: 90px;
		display: block; */
		padding: 0px;
		margin: 0px; 
		/* border: solid 1px #f1f1f1; */
		}

		
	#main-content ul.lista-gradova-menu li a {
		font-size: 14px;
		text-decoration: none;
		font-weight: normal;
		color: #000;
		}
		
	#main-content ul.lista-gradova-menu li a:hover {
		color: #f00;
		}
		
	#main-content ul.lista-gradova-menu li ul li a {
			width: 125px;
		display: block;

		font-size: 10px;
		color: #f00;
		}
	
	#main-content ul.lista-gradova-menu li ul li a:hover {
		color: #000;
		}
		
	#content {
		width: 948px;
		clear: both;
		text-align: left;
		padding-top: 5px;
		padding-left: 0px;
		padding-right: 10px;
		font-size: 12px;	
		padding-bottom: 20px;	
		}

		

		.logo {
			width: 100px;
			height: 100px;
			margin-left: 12px;
			margin-right: 7px;
			margin-bottom: 13px;
			display: block;
			float: left;
		
			/* cursor: hand; */
			}

		.prodajni-centri {
			margin-bottom: 20px;
			display: block;
			float: left;
			clear: both;
			border-bottom: solid 1px #ccc;
			/* cursor: hand; */
			font-size: 13px;
			color: #666;
			}
			
		.centar {
			width: 450px;
			height:200px;
			float: left;
			
			margin-bottom: 20px;
			display: block;
			border-bottom: solid 1px #ccc;
			/* cursor: hand; */
			font-size: 13px;
			color: #666;
			}
			
		.centar a {
			color: #000;
			text-decoration: none;
			font-size: 16px;
			font-weight: bold;
			}
			
		.centar a:hover {
			color: #f00;
			}
			
		.centar p {
			padding-bottom:10px;
			}

		.vesti a {
			color: #f00;
			text-decoration: none;
			}
			
		.salon {
			width: 590px; /*  350 */
			 /* height:100px;  */
			float: left;
			padding: 10px;
			margin-bottom: 10px;
			display: block;			
			/* cursor: hand; */
			font-size: 11px;
			color: #666;
			margin-right: 5px;
			border-left: solid 1px #ccc;
			border-bottom: solid 1px #ccc;
			background-color: #f8f8f8;
			}
			
		.salon:hover {
			background-color: #e1e1e1;
			color: #000;
			}

			
		
			
		.lista-salona-desno {
			width: 590px;
			float: left;
			display: block; 
			}
		
			
		.salon a {
			width: 100%;
			color: #000;
			text-decoration: none;
			font-size: 24px;
			
			font-weight: normal;
			padding-bottom: 0px;
			display: block;
			height: 24px;
			/* background-color: #ccc; */
			}
			
		.salon a:hover {
			color: #f00;
			}
			
		.salon p {
			padding-bottom:10px;
			}

			
		.centar-img {
			width: 250px;
			float: left;
			display: block;
			font-size: 12px;
			padding-top: 7px;
			text-align: center; 
			}
			
		.centar-img a {
			text-decoration: none;
			color: #f00;
			}
			
		.centar-img a:hover {
			color: #000;
			}
			
		.centar-text {
			width: 450px;
			display: block;
			float: left;
			padding-top: 7px; 
			}
					
		.right-text {
			width: 230px;
			float: left; 
			padding-left: 20px;
			margin-left: 0px;
			padding-bottom: 30px;
			padding-top:40px;
			}
			
		.right-text a {
			color: #f00;
			text-decoration: none;
			font-weight: normal;
			font-weight: bold;
			}
		
		.right-text a:hover {
			color: #000;
			}
			
			
		.lista-desno {
			width:200px;
			}
			
			
		.salon-img {
			width: 60px;
			float: left;
			padding-top: 5px;
			}
			
		.salon-adresa{
			width: 195px;
			float: left;
			padding-top: 5px;
			display: block;
			font-size: 11px;
			}
			
		.salon-adresa a {
			color: #000;
			text-decoration: none;
			margin: 0px;
			padding: 0px;
			font-size: 11px;
			height: 12px;
			line-height: 12px;
			}
			
		.salon-adresa a:hover {
			color: #f00;
			}

		.salon-text {
			width: 395px;
			float: right;
			display: block;
			padding-top: 5px;
			font-size: 11px;
			}

			
		.lista-gradova {
			width: 190px;
			/*height: 200px;
			 float: left; */
			display: block;
			font-size: 13px;
			padding-top: 5px;
			}
			
		.lista-gradova a {
			text-decoration: none;
			color: #666;
			}
			
		.lista-gradova a:hover {
			color: #000;
			}
			
		.lista-gradova ul {
			padding-left: 12px;
			list-style: none;
			}
		
		.naziv-grada {
			width: 170px; 
			height: 13px;
			display: block;
			line-height: 13px;
			padding-top: 4px;
			/* background-color: #e8e8e8;
			border: solid 1px #ccc; */
			padding-left: 10px;
			color: #000;
			font-size: 14px;
			font-weight: bold;
			padding-bottom: 5px;
			margin-bottom: 4px;
			}

			
			
			
		.akcija-naslov {
			font-size: 12px; font-weight: bold; width: 50px; float: left; color: #f00; padding-top: 10px; 
			}
			
		.akcija-text {
			font-size: 12px; font-weight: normal; float: left; width: 300px; padding-top: 10px; padding-bottom: 10px;
			}
			
		.akcija-text  p{
			padding: 0px;
			margin: 0px; 
			}
			
		.salon-akcija {
			font-size: 18px;
			font-weight: normal;
			padding-left:17px;
			padding-bottom: 4px;
			padding-top: 7px;
			}

		.salon-akcija-text {
			font-size: 13px;
			line-height:16px;
			padding: 5px;
			}
			
			
		.banka {
			width:700px; /*390 */ 
			float: left;
			font-size: 12px;
			color: #000;
			display: block;
			margin-right: 0px;
			margin-bottom: 15px;
			padding-left: 10px;
			border-bottom: solid 1px #e1e1e1;
			border-left: solid 1px #e1e1e1;
			padding-bottom: 10px;
			}
			
		.banka a.naziv-banke {
			height: 17px;
			display: block;
			/* clear: both; */
			font-size: 18px; 
			padding-top: 1px;
			padding-bottom: 5px;
			color: #f00;
			text-decoration: none;
			}
			
		.banka a.naziv-banke:hover {		
			color: #000;
			}
			
		.banka-akcija {
			width: 500px;
			height: 70px;
			display: block;
			/*clear: both;*/
			overflow: hidden;
			float: left;
			/* border-bottom: solid 1px #e1e1e1; */
			}
		
		#vesti {
			width: 720px;
			height: 400px;
			display: block;
			float: left;
			
			}
			
		.vest {
			width: 320px;
			padding-right: 10px;
			height: 60px;
			float: left;
			display: block;
			margin-bottom: 10px;
			padding-bottom: 3px;
			border-bottom: solid 1px #ccc;
			border-left: solid 1px #eee;
			overflow: hidden;
			margin-right: 10px;
			padding-left: 10px;
			}
			
		.news-pic {
			float: left;
			margin-right: 10px;
			}
		
		.news-text {
			height: 32px;
			overflow: hidden;
			}
			
		.news-link {
			padding-left: 60px;
			padding-top: 0px;
			}
			
		.news-link a {
			color: #f00;
			font-weight: bold;
			text-decoration: none;
			}
			
		.news-link a:hover {
			color: #000;
			}
		
		#linkovi {
			width: 200px;
			height: 400px;
			float: right;
			}
			
		#linkovi p {
			padding-bottom: 10px;
			}
			
		#linkovi a {
			color: #f00;
			font-weight: bold;
			text-decoration: none;
			}
			
		#linkovi a:hover {
			color: #000;
			}
			
	#footer-container {
		width: 100%;
		clear: both;
		display: block;
		height: 47px;
		margin-top: 20px;
		background-color: #000;	
		}
			
	#footer {
		margin: 0 auto;
		width: 968px;
		height: 40px;
		clear: both;
		font-size: 11px;
		padding-top: 7px;
		margin-top: 15px;
		color: #01d2ff;
		/* border-top: solid 1px #666; */
		}
		
	#footer a {
		color: #fff;
		text-decoration: none;
		}
		
	#footer a:hover {
		color: #0156ff;
		}
		
	




.gradovi-levo, .ditto_item {
	/*width: 140px;
	 padding-left: 4px;
	padding-right: 4px; */
	/* border-left: solid 1px #8e8e8e;
	border-right: solid 1px #8e8e8e;	 */
	display:block; 
	width: 150px;
	float: left;
	margin-right: 15px;
	font-size: 17px;
	color: #999;
	}
	
.gradovi-levo  ul {
	list-style: none;
	padding-left: 5px; padding-right: 5px;
	}
	
	
	
.gradovi-levo ul li a {
	font-family: arial, verdana, tahoma;
	font-size: 15px;
	color: #000;
	text-decoration: none;
	}
	
.gradovi-levo ul li a:hover {
	color: #f00;
	}
	
.gradovi-levo  a {
	font-family: arial, verdana, tahoma;
	font-size: 15px;
	color: #000;
	text-decoration: none;
	clear: both;
	width: 130px;
	padding-left: 0px;
	display: block;
	padding-bottom: 2px;
	padding-top: 2px;
	}
	
.gradovi-levo  a:hover {
	color: #f00;
	}	


.xsnazzy {background: transparent; margin:0px;}

.xsnazzy em {display:block; width:0; height:0; overflow:hidden; border-top:12px solid #fff; border-left:12px dotted transparent; border-right:12px dotted transparent; }
* html .xsnazzy em {width:24px; height:12px; w\idth:0; hei\ght:0;}
.xsnazzy span {display:block; width:0; height:0; color:#fff; overflow:hidden; border-top:10px solid #e9e9e9; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
* html .xsnazzy span {width:20px; height:10px; w\idth:0; hei\ght:0;}

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #fff;}

.xb1 {margin:0 8px; background:#fff;}
.xb2 {margin:0 6px; background:#fff;}
.xb3 {margin:0 4px; background:#fff;}
.xb4 {margin:0 3px; background:#e9e9e9; border-width:0 5px;}

.xb5 {margin:0 2px; background:#e9e9e9; border-width:0 4px;}
.xb6 {margin:0 2px; background:#e9e9e9; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#e9e9e9; border-width:0 3px; height:2px;} 

.xboxcontent {display:block; background:#e9e9e9; border:3px solid #fff; border-width:0 3px; padding-left: 10px;}




.spiffy{ display:block;
 }
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#e9e9e9}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #000;
  border-right:1px solid #000;
  background:#000}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #000;
  border-right:1px solid #000;
  background:#000}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #000;
  border-right:1px solid #000;}
.spiffy4{
  border-left:1px solid #000;
  border-right:1px solid #000}
.spiffy5{
  border-left:1px solid #000;
  border-right:1px solid #000}
.spiffyfg{
  background:#e9e9e9;
 	font-size: 17px;
	color: #999;
	padding-left: 10px;	 
  
  }
  
  
		
a.proizv-lista {
	font-size: 11px;
	color: #999;
	padding-top: 2px;
	padding-bottom: 2px;
	}
	
a.proizv-lista:hover {
	color: #f00;
	}  
  

.ajaxSearch_result {
	font-size: 14px;
	width: 600px;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
.ajaxSearch_result a {
	text-decoration: none;
	color: #F00;
	font-weight: bold;
	}
	
.ajaxSearch_result a:hover {
  color: #000;
  }
  
.ajaxSearch_resultsInfo {
	font-size: 13px;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
	}
	
.ajaxSearch_paging {
	font-size: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
	}
  
.lefted {margin:0 auto 0 0;}
.centered {margin:0 auto;}
.righted {margin:0 0 0 auto;}


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

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */