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

body {
	margin: 0;
	background: url(images/bg.jpg) repeat;
	background-position: top left;
	font-family: "Lucida Sans Unicode", Helvetica, sans-serif;
	font-size: 62.5%;
	line-height: 2em;
	color: #aaa;
	}
	
a { outline: none;
	text-decoration:none;
	color: #fff;
	border: 0;
}

a:hover {color: #e50e5a;}

a img {border: none; }

p {font-size: 1.1em;}

span.highlight-white {color: #fff;}
span.highlight-purple {color: #bb44ff;}
span.highlight-blue {color: #00a8ff;}
span.highlight-green {color: #bdf301;}
span.highlight-purple:hover {color: #fff;}
span.highlight-blue:hover {color: #fff;}
span.highlight-green:hover {color: #fff;}

#wrap-wrapper {width: 890px; margin: 0 auto;
		background: #111 repeat;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;}

div#wrapper { width: 880px; padding: 10px;}

div#gloss {background: url(images/gloss.jpg) repeat-x;
		height: 484px; }
		
div#header {background: url(images/header-bg.png) repeat-x;
			height: 108px;
			margin-top: -460px;}
			
div#header-wrap {width: 900px; margin: 0 auto 40px auto;}
			
div#logo {
		display:block;
		width: 447px;
		height: 135px;
		float: left;
		margin-top: -50px;
		margin-left: 8px;
		}
			
ul#nav {margin-left: 450px;
		margin-top: -55px;
		list-style: none;
		text-indent: -9999px;
		height: 36px;
		padding-top: 1px;}
		
		ul#nav li a { display: block; float: left;
					 margin-left: 30px;}
					
		li#home-a a {background: url(images/home-h.png) no-repeat;
					width: 57px; height: 36px; }
		li#home a {background: url(images/home.png) no-repeat;
					width: 57px; height: 36px; }
		li#home a:hover {background: url(images/home-h.png) no-repeat;
					width: 57px; height: 36px; }
					
		li#katalog-a a {background: url(images/katalog-h.png) no-repeat;
					width: 81px; height: 36px; }
					
		li#katalog a {background: url(images/katalog.png) no-repeat;
					width: 81px; height: 36px; }
		li#katalog a:hover {background: url(images/katalog-h.png) no-repeat;
					width: 81px; height: 36px; }
		
		li#vesti-a a {background: url(images/vesti-h.png) no-repeat;
					width: 55px; height: 36px; }
		li#vesti a {background: url(images/vesti.png) no-repeat;
					width: 55px; height: 36px; }
		li#vesti a:hover {background: url(images/vesti-h.png) no-repeat;
					width: 55px; height: 36px; }
		
		li#kontakt-a a {background: url(../images/kontakt-h.png) no-repeat;
					width: 83px; height: 36px; }
		li#kontakt a {background: url(images/kontakt.png) no-repeat;
					width: 83px; height: 36px; }
		li#kontakt a:hover {background: url(images/kontakt-h.png) no-repeat;
					width: 83px; height: 36px; }
		
	div#content-left {float: left; width: 250px; padding: 8px 40px 10px 25px;}
	div#content-center {float: left; width: 250px; padding: 8px 40px 10px 0px;}
	div#content-right {float: left; width: 250px; padding: 8px 0 10px 0;}
		
	div#content-left h1 {text-indent: -9999px; background: url(images/stajekaraja.png) no-repeat; width: 236px; height: 35px;}
	div#content-left p {padding: 10px 10px 10px 5px; }
	
	div#content-center h1 {text-indent: -9999px; background: url(images/gde.png) no-repeat; width: 236px; height: 35px;}
	div#content-center p {padding: 10px 5px; }
	
	div#content-right h1 {text-indent: -9999px; background: url(images/partner.png) no-repeat; width: 236px; height: 35px;}
	div#content-right p {padding: 10px 5px; }

.clear {clear: both; }

div.separator {margin:0; background: url(images/separator.png) repeat-x; width: 870px; height: 2px;}
	
	div#najnovije {margin: 25px 25px 10px 25px;}
	div#najnovije h1 { text-indent: -9999px; background: url(images/najnovije.png) no-repeat; width: 236px; height: 30px;}
		
		div.thumbs {width: 110px; text-align: center; font-size: 1.2em; line-height: 1.4em; float: left; padding: 20px 14px 10px 14px;}
		div.thumbs img {display: block; padding:1px; border: 4px solid #444; background-color: #000; margin-bottom: 4px;}
		div.thumbs img:hover {padding:1px; border: 4px solid #cc0c50; background-color: #111; margin-bottom: 4px;}
		
		div.thumbs1 {width: 137px; text-align: center; font-size: 1.4em; line-height: 1.4em; float: left; padding: 5px 14px 20px 14px;}
		div.thumbs1 img {text-align:center; vertical-align:middle; margin:0 auto 4px auto; display: block; padding:1px; border: 4px solid #444; background-color: #000;}
		div.thumbs1 img:hover {padding:1px; border: 4px solid #cc0c50; background-color: #111; margin-bottom: 4px;}

		div#katalog-link {padding: 0 14px 40px 0; float: right;}

div#footer {background: url(images/footer-bg.jpg) repeat-x; height: 59px; margin: 30px 0 20px 0;}
			
p#copyright {float:left;}

p#credits {float: right;}

div#footwrap { width: 880px; margin: 0 auto; padding-top: 10px;}

#footwrap p {font-size: 1.1em;}

div#karaja-s { text-indent: -9999px; background:url(images/karaja-s.png) no-repeat; width: 89px; height: 32px; margin: -8px auto;}


/* ~~~~~~~~~~~~~~~ KATALOG ~~~~~~~~~~~~~~~ */

#izaberite-kategoriju {margin: 25px 25px 10px 25px; text-indent: -9999px; background: url(images/kategorije.png) no-repeat; width: 236px; height: 35px;}
div#kategorije {margin: 25px 25px 10px 25px;}
div#preuzimanje {margin: 15px 25px 10px 25px; float: left;}
div#katalog-download {margin: 15px 25px 25px 25px; float: right;}