/*
* @SLIKE ZA ZID
* @version 1.0
* @Slobodan Kovacevic - www.evron.info
* @copyright 2009
*/

/* Font families
font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; 
font-family: "Lucida Grande", Arial, "Lucida Sans Unicode", Verdana,sans-serif,Tahoma;
font-family: Arial, Helvetica, sans-serif;
font-family: "Times New Roman", Times, serif;
font-family: "Courier New", Courier, monospace;
font-family: Georgia, "Times New Roman", Times, serif;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-family: Geneva, Arial, Helvetica, sans-serif;
*/

@import url("css/reset.css");
@import url("css/lightview.css");


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

body {
	background:#000 url(images/body_bg.jpg);
	}

#header {
	margin:0 auto 0 auto;
	height:258px;
	background:#8a0000 url(images/head.jpg) no-repeat center;
	}
	
	#nav {
		margin:0 auto 0 auto;
		width:906px;
		padding:68px 12px 0 12px;
		}
		
		#logo {
			float:left;
			}
			
			#logo h1 {
				width:230px;
				height:70px;
				font-size:60px;
				text-indent:-30000px;
				overflow:hidden;
				}
		
				#logo h1 a {
					display:block;
					width:245px;
					height:70px;
					}
		
		.navigacija {
			float:right;
			width:638px;
			height:31px;
			background:#710000;
			padding-left: 35px;
			}
		
		#nav li{
			float:left;
			}
			
		.linkovi {
			display:block;
			width:125px;
			height:30px;
			overflow:hidden;
			text-indent:-30000px;
			font-family: Arial, Helvetica, sans-serif;
			font-size:24px;
			}
			
		.naslovna {
			background:url(images/nav/naslovna.gif) no-repeat;
			}
		
		a.naslovna:hover {
			background:url(images/nav/naslovna.gif) 0 -30px  no-repeat;
			}
		
		.galerija {
			background:url(images/nav/galerija.gif) no-repeat;
			}
		
		a.galerija:hover {
			background:url(images/nav/galerija.gif) 0 -30px no-repeat;
			}
		
		.kvality {
			background:url(images/nav/kvalitet.gif) no-repeat;
			}

		a.kvality:hover {
			background:url(images/nav/kvalitet.gif) 0 -30px no-repeat;
			}

		.o_nama {
			background:url(images/nav/o_nama.gif) no-repeat;
			}

		a.o_nama:hover {
			background:url(images/nav/o_nama.gif) 0 -30px no-repeat;
			}

		.kontakt {
			background:url(images/nav/kontakt.gif) no-repeat;
			}

		a.kontakt:hover {
			background:url(images/nav/kontakt.gif) 0 -30px no-repeat;
			}
			
		.clear {
			clear:both;
			}

#main {
	margin:0 auto 0 auto;
	background:url(images/main_bg.gif) repeat-y center;
	width: 930px;
	}
	
	#crveni_fazon {
		float:left;
		margin-top:274px;
		height:29px;
		width:12px;
		background:#710000;
		}

	#crveni_fazon01 {
		float:left;
		margin-top:272px;
		height:29px;
		width:12px;
		background:#710000;
		}

	#sadrzaj {
		margin-top: 10px;
		float: right;
		width: 918px;
		background:url(images/special_bg.gif) no-repeat 545px 0;
		}

	#sadrzaj p{
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
		color:#b8b8b8;
		}

	#page_sadrzaj p{
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
		color:#b8b8b8;
		float: right;
		margin:10px auto 10px 20px;
		width:898px;
		line-height:15px;
		}

	#page_sadrzaj a, #sadrzaj a{
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
		color:#b8b8b8;
		text-decoration:underline;
		}

	#page_sadrzaj a:hover, #sadrzaj a:hover{
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
		color:#b8b8b8;
		text-decoration:underline;
		}

	#page_sadrzaj {
		margin-top: 10px;
		float: left;
		width: 918px;
		}

	#page_sadrzaj h2 {
		float:left;
		width:210px;
		height:25px;
		padding-top:4px;
		padding-right:5px;
		background:#a60000;
		border-left:solid 12px #710000;
		color:#fff;
		font-family: Arial, Helvetica, sans-serif;
		font-size:10px;
		text-transform:uppercase;
		text-align:right;
		}

	#flash {
		float:left;
		width:546px;
		height:357px;
		}
	
	#sadrzaj h2 {
		float:right;
		width:210px;
		height:25px;
		padding-top:4px;
		padding-left:5px;
		background:#a60000;
		border-right:solid 12px #710000;
		color:#fff;
		font-family: Arial, Helvetica, sans-serif;
		font-size:10px;
		text-transform:uppercase;
		}
		
	.kvalitet {
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
		line-height:14px;
		color:#b8b8b8;
		float:right;
		margin: 10px 12px 0 0px;
		width:340px;
		height:310px;
		}
	
	#ponuda {
		width:918px;
		height:190px;
		background: url(images/ponuda.gif) repeat-y;
		padding-top:5px;
		clear:both;
		}
		
	#ponuda_gal {
		width:918px;
		height:190px;
		background: url(images/ponuda.gif) repeat-y 12px 0;
		padding-top:10px;
		margin-bottom:10px;
		float:right;
		}
		
	#ponuda_gal ul{
		margin-left:11px;
		margin-top:5px;
		}
	
	.formati li {
		float:left;
		}
	
	.block{
		width:918px;
		height:164px;
		margin-top:5px;
		clear:both;
		}
		
		.pic_hover {
			display:block;
			height:180px;
			overflow:hidden;
			text-indent:-30000px;
			font-family: Arial, Helvetica, sans-serif;
			font-size:36px;
			}
		
		.modern_art {
			width:184px;
			background:url(images/sub_nav/modern_art.jpg) no-repeat;
			}

		a.modern_art:hover{
			background:url(images/sub_nav/modern_art.jpg) no-repeat 0 -180px;
			}

		.banja_luka {
			width: 178px;
			background:url(images/sub_nav/banja_luka.jpg) no-repeat;
			}

		a.banja_luka:hover{
			background:url(images/sub_nav/banja_luka.jpg) no-repeat 0 -180px;
			}

		.fotografije{
			width:178px; 
			background:url(images/sub_nav/fotografije.jpg) no-repeat;
			}

		a.fotografije:hover{
			background:url(images/sub_nav/fotografije.jpg) no-repeat 0 -180px;
			}

		.umjetnicka_djela{
			width:178px;
			background:url(images/sub_nav/umjetnicka_djela.jpg) no-repeat;
			}
			
		a.umjetnicka_djela:hover{
			background:url(images/sub_nav/umjetnicka_djela.jpg) no-repeat 0 -180px;
			}

		.slike_u_setu{
			width:189px;
			background:url(images/sub_nav/slike_u_setu.jpg) no-repeat;
			}
			
		a.slike_u_setu:hover{
			background:url(images/sub_nav/slike_u_setu.jpg) no-repeat 0 -180px;
			}

	#kako {
		width:918px;
		height:187px;
		}
		
		.ListKako {
			float:right;
			width:918px;
			height:187px;
			}
		
		#kako li{
			float:left;
			}
			
		.prelaz {
			display:block;
			height:187px;
			overflow:hidden;
			text-indent:-30000px;
			font-family: Arial, Helvetica, sans-serif;
			font-size:24px;
			}
			
		.korak1 {
			width:296px;
			background: url(images/nav/korak001.jpg) no-repeat;
			}
		
		a.korak1:hover {
			background:url(images/nav/korak001.jpg) 0 -187px  no-repeat;
			}
		
		.korak2 {
			width:285px;
			background:url(images/nav/korak002.jpg) no-repeat;
			}
		
		a.korak2:hover {
			background:url(images/nav/korak002.jpg) 0 -187px no-repeat;
			}
		
		.korak3 {
			width:326px;
			background:url(images/nav/korak003.jpg) no-repeat;
			}

		a.korak3:hover {
			background:url(images/nav/korak003.jpg) 0 -187px no-repeat;
			}

#pic_gal {
	width:904px;
	margin:10px 0;
	float:right;
	}

#pic_gal p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1px;
	height:1px;
	width:1px;
	display:none;
	}

#pic_thumb {
	float:left;
	width:195px;
	border: solid 1px #757575;
	padding:8px;
	margin:6px;
	}
	
	#pic_thumb img {
		border: solid 1px #757575;
		}
	
	#pic_thumb h4 {
		font-size:12px;
		font-family: Arial, Helvetica, sans-serif;
		color:#fff;
		text-transform:uppercase;
		font-weight: bold;
		padding:10px 0 5px 0;
		width:190px;
		height:12px;
		}

.prednosti {
	color: #fff;
	background-color: #323232;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
	.prednosti dt {
		background:#323232;
		color:#b8b8b8;
		float: left; 
		width: 90px;
		}
			
	.prednosti dd { 
		float: left; 
		width: 100px;
		text-align: right;
		background:#323232;
		color:#b8b8b8;
		} 

	.clear {
		clear:both;
		font-size:1px;
		line-height:1px;
		}

#kvalitet_placeholder{
	width:915px;
	clear:both;
	}

#kvalitet_placeholder p {
	float:left;
	width:420px;
	line-height:14px;
	}

#proizvodnja {
	width:468px;
	/* height:178px; */
	margin-top:40px;
	}

		#proizvodnja li{
			float:left;
			margin:0 3px 3px 0;
			}
			
		.hower {
			display:block;
			height:85px;
			overflow:hidden;
			text-indent:-30000px;
			font-family: Arial, Helvetica, sans-serif;
			font-size:24px;
			}
			
		.prvi {
			width:114px;
			background: url(images/proizvodnja/1.jpg) no-repeat;
			}
		
		a.prvi:hover {
			background:url(images/proizvodnja/1.jpg) 0 -85px  no-repeat;
			}
		
		.drugi {
			width:114px;
			background:url(images/proizvodnja/2.jpg) no-repeat;
			}
		
		a.drugi:hover {
			background:url(images/proizvodnja/2.jpg) 0 -85px no-repeat;
			}
		
		.treci {
			width:114px;
			background:url(images/proizvodnja/3.jpg) no-repeat;
			}

		a.treci:hover {
			background:url(images/proizvodnja/3.jpg) 0 -85px no-repeat;
			}

		.cetvrti {
			width:114px;
			background:url(images/proizvodnja/4.jpg) no-repeat;
			}
		
		a.cetvrti:hover {
			background:url(images/proizvodnja/4.jpg) 0 -85px  no-repeat;
			}
		
		.peti {
			width:114px;
			background:url(images/proizvodnja/5.jpg) no-repeat;
			}
		
		a.peti:hover {
			background:url(images/proizvodnja/5.jpg) 0 -85px no-repeat;
			}
		
		.sesti {
			width:114px;
			background:url(images/proizvodnja/6.jpg) no-repeat;
			}

		a.sesti:hover {
			background:url(images/proizvodnja/6.jpg) 0 -85px no-repeat;
			}

		.sedmi {
			width:114px;
			background: url(images/proizvodnja/7.jpg) no-repeat;
			}
		
		a.sedmi:hover {
			background:url(images/proizvodnja/7.jpg) 0 -85px  no-repeat;
			}
		
		.osmi {
			width:114px;
			background:url(images/proizvodnja/8.jpg) no-repeat;
			}
		
		a.osmi:hover {
			background:url(images/proizvodnja/8.jpg) 0 -85px no-repeat;
			}
		
		.deveti {
			width:114px;
			background:url(images/proizvodnja/9.jpg) no-repeat;
			}

		a.deveti:hover {
			background:url(images/proizvodnja/9.jpg) 0 -85px no-repeat;
			}

.contactform {
	float:right;
	width:480px;
	}

	.contactform input {
		background:#3f3f3f;
		border:1px solid #1e1e1e;
		height:22px;
		color:#b8b8b8;
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
		margin-top:-5px;
		}
		
	.contactform textarea {
		background:#3f3f3f;
		border:1px solid #1e1e1e;
		height:120px;
		color:#b8b8b8;
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
		}
	
	#contactsubmit {
		border:1px solid #1e1e1e;
		height:25px;
		}
		
.contactleft, .contactright{
	color:#b8b8b8;
	font-size:12px;
	font-family:Verdana;
	}


#clear_fazon {
	clear:both;
	margin:0 auto 0 auto;
	width:906px;
	height:8px;
	background:#a60000;
	}
	
	#clear_fazon p {
		color:#a60000;
		font-size:6px;
		}

#footer {
	margin:0 auto 0 auto;
	width:906px;
	height:55px;
	}
	
	#footer a {
		font-family:Verdana;
		font-size:12px;
		color:#545454;
		text-decoration:underline;
		}
	
	.evron {
		float:right;
		margin-right:-10px;
		}
	
	.copyrights {
		font-family:Verdana;
		font-size:12px;
		color:#545454;
		float:left;
		padding-top:20px;
		}


/* VASE FOTKE */

#page_sadrzaj .vase-fotke-text {
    float: left;
    width: 400px;
    }

    #page_sadrzaj .vase-fotke-text p {
        float: none;
        margin-bottom: 1.5em;
        line-height: 1.4em;
        width: auto;
        }    

#page_sadrzaj .vase-fotke-slika {
    float: right;
    width: 450px;
    margin-right: 35px;
    margin-top: -30px;
    }

#page_sadrzaj .vase-fotke-slika img {
    margin: 0;
    padding: 0;
    }

#page_sadrzaj .vase-fotke-slika p { 
        float: none;
        margin-bottom: 1.5em;
        line-height: 1.4em;
        width: auto;
        }