* { margin: 0; padding: 0; border: 0;}


body {
	font-family: 'Ubuntu', arial, serif;
	font-size:11px;
	color:#000;
	background: #999;
}
		
h1 {
	font-weight:100;
	font-size:18px;
	color:#F60;
	margin: 12px 0 5px 0;
}


h2 {
	font-weight:100;
	font-size:15px;
	color:#F90;
	margin: 10px 0 10px 0;
}

p {
	font-size:13px;
	line-height:140%;
	color: #CCC;
}

#kontejner {
	margin: 0 auto;
	position:relative;
	padding:0;
	width:950px;
	background-color: f49c00;
}
		
#header { 	margin:0 auto;
			padding:0;
			width:950px;
			height:240px;
			background: url(../images/header.jpg) no-repeat #ECECEC;
}

#logo {
	position:absolute;
	top:-7px;
	left:688px;
	z-index:100;
}

#jezici {	position:absolute;
			top:20px;
			right:25px;
			width:80px;
			height:10px;
			text-align:right;
			font-size:13px;
}

#jezici a {	color:#9dc1ce;
			text-decoration:none;
}

#jezici a:hover { color: #004f79;
}

#jezici a.current { color: #004f79;
}

#tekst_levo {
	position:absolute;
	top:30px;
	left:264px;
	width:419px;
	height:219px;
	line-height:140%;
	font-size:13px;
	color:#333;
	padding:0;
}

#tekst_desno {
	position:absolute;
	top:105px;
	right:483px;
	width:250px;
	height:130px;
	text-align:right;
	line-height:140%;
	font-size:13px;
	color:#333;
}
				
				
#navigacija {
	position:absolute;
	left:21px;
	top:30px;
	margin:0 auto;
	width:235px;
	height:227px;
	z-index:1000;
}	


#navigacija ul {
	list-style-type:none;
	position: relative;
	padding:0;
	text-align: left;
}

#navigacija li {	text-align:center;
					text-transform:uppercase;
					height:21px;
					padding:0 10px 0 10px;
}


#navigacija li a {
	height:90px;
	text-decoration:none;
	color:#F60;
	font-size:15px;
	padding:0px;
}

#navigacija li a:hover {
	color:#F30;
	text-align: left;
}

#navigacija li a.current {
	color:#FF0;
}

.logo {
	position:absolute;
	top:13px;
	left:19px;
	font-size:21px;
	color:#F60;
	width:250px;
	height:40px;
}

#slogan {	position:absolute;
			left:600px;
			margin:0 auto;
			width:250px;
			height:40px;
			top:16px;
			z-index:1000;
}


#podaci {	position:absolute;
			top:221px;
			right:320px;
			height:10px;
			font-size:13px;
			text-align:left;
			color:#004f79;
}			
		
#glavni{ 	position:relative;
			width:950px;
			height:555px;
			padding-top:13px;
			background:url(../images/dno.jpg) no-repeat bottom #F59c00;}
}

#glavni p {	font-size:13px;
			color:#626262;
			margin-bottom:25px;
}

#omotac {
	position:relative;
	width:900px;
	left:25px;
	left:25px;
	height:505px;
	margin-top:5px;
}
			
#slike {
	position: relative;
	width:850px;
	height:500px;
	margin: 0 auto;
	padding-top:22px;
	background-color: #333333;
}


.povratak { z-index:100px;
			position:absolute;
			top:400px;
			left:0;
			display:block;
}


.povratak h2 a {	margin-left:15px;
					font-size:12px;
					color:white;
					text-decoration:none;
					padding:10px 0 10px 40px;
					width:800px;
					height:400px;

}

.povratak h2 a:hover {	text-decoration:none;
						background:url(../images/arrows.png) no-repeat left bottom;

}


#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
		display:block;
		width:27px;
		height:25px;
		position:absolute;
		left:393px;
		bottom:45px;
		z-index:1000;
}

#nextBtn, #slider1next{ 
		left:420px;
}
																
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:27px;
		height:25px;
		background:url(../images/navigacija_levo.png) no-repeat 0 0;	
}	

#nextBtn a, #slider1next a{ 
		background:url(../images/navigacija_desno.png) no-repeat 0 0;	
}

#sadrzaj_levo {
	width:200px;
	border-right: dotted 1px #A4A4A4;
	height:452px;
	float:left;
	font-size:13px;
	line-height:130%;
	padding-left: 15px;
}

#sadrzaj_levo a {
	color:#FF0;
	text-decoration:none;
}

#sadrzaj_levo a:hover {
	color:#FF0;
	text-decoration:none;
}
			
#sadrzaj_levo ul {		list-style-type:none;
						position: relative;
						padding-right:15px;
						text-align:left;
}

#sadrzaj_levo  li {
	color:#FC0;
	height:17px;
}

#sadrzaj_levo  li a {
	height:90px;
	text-decoration:none;
	color:#FF0;
	font-size:13px;
	padding:0px;
}

#sadrzaj_levo  li a:hover {
	color:#F90;
}

#sadrzaj_desno {	position:relative;
					float:right;
					width:630px;
					height:452px;
					padding:0;
					margin:0;
}

#sadrzaj_o_nama {		position:relative;
						float:left;
						width:610px;
						height:452px;
						padding: 0px 0px 20px 20px;
						border-right: dotted 1px #A4A4A4;
						}

#sadrzaj_proizvodi {	width:200px;
						height:452px;
						float:left;
						padding-left:15px;
}


#sadrzaj_proizvodi ul {		list-style-type:none;
							position: relative;
							padding-right:15px;
							text-align:left;
}

#sadrzaj_proizvodi  li {
	font-size:13px;
	color:#626262;
	height:17px;
	color:#F30;
}

#sadrzaj_proizvodi  li a {
	height:90px;
	text-decoration:none;
	color:#F30;
	font-size:13px;
	padding:0px;
}

#sadrzaj_proizvodi  li a:hover {
	color:#FFF;
}

/*--Column Styles--*/
ul.columns {
	width: 645px;
	height:452px;
	list-style: none;
	margin: 0 auto; padding-top:5px;
}
ul.columns li {
	width: 195px;
	float: left; display: inline;
	margin: 10px; padding: 0;
	position: relative;
}
ul.columns li:hover {z-index: 99;}

/*--Thumbnail Styles--*/
ul.columns li img {
	position: relative;
	filter: alpha(opacity=30);
	opacity: 0.6;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /*--IE8 Specific--*/
}
ul.columns li:hover img{
	z-index: 999;
	filter: alpha(opacity=100);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/*--Details Style--*/
ul.columns li .info {
	position: absolute;
	left: -10px; top: -10px;
	padding: 177px 10px 5px;
	width: 175px;
	display: none;
	background:white;
	border:solid 1px #9dc1ce;
	font-size: 1.2em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
ul.columns li:hover .info {display: block;}

ul.columns li h2 {
	font-size: 1.2em;
	font-weight: normal;
	margin: 0; padding: 5px 0;
	color:#004f79;
}
ul.columns li p {padding: 0; margin: 0; font-size: 0.9em;}

#footer {
	position:absolute;
	bottom:5px;
	font-weight:100;
	width:100%;
	text-align:right;
	font-size:13px;
	color:#666;
	padding:0;
	left: -12px;
}
			
#header #navigacija ul li .current {
	text-align: left;
}
#header #navigacija ul li a {
	text-align: left;
}