html{
	background:url('img/bg-pattern.jpg');
	margin:0px;
	padding:0px;
	height:100%;

}

body{
	background:url('img/body-bg.jpg') no-repeat center top;
	margin:0px;
	padding:0px;
	text-align:center;
	font:normal 12px Georgia,sans-serif;
	margin:0px auto;
	line-height:1.5em;

}
/*
#bg-wrap{
	
	
	height:1041px;
	
}
*/

.png{
	behavior: url("js/iepngfix_v2/iepngfix.htc");
}


 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */
.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 */

#container{

	width:1006px;
	
	margin:0px auto;	
	text-align:left;
}

#header{
	height:264px;
	
	position:relative;
}

#menu{
	width:742px;
	height:100px;
	background:url('img/menu-bg.jpg') no-repeat;
	position:absolute;
	left:3px;
	bottom:0px;
	
}

#menu ul{
	margin:0px;
	padding:0px;
	list-style:none;
}


#menu ul li{
	margin:0px;
	padding:0px;
	float:left;
	display:inline;
}
#menu ul li a{
	margin:0px;
	padding:0px;
	float:left;
	display:inline;
	height:100px;
	
}

#menu ul li a span{
	display:none;
}

#menu ul li a.m1{
	width:114px;
}

#menu ul li a.m2{
	width:130px;
}

#menu ul li a.m3{
	width:109px;
}

#menu ul li a.m4{
	width:117px;
}

#menu ul li a.m5{
	width:106px;
}

#menu ul li a.m6{
	width:141px;
}


#content{
	width:745px;
	float:left;
	display:inline;
}
#content-top{
	background:url('img/content-top.jpg') no-repeat;
	height:24px;
	line-height:0px;
	margin:0px;
}

#content-bottom{
	background:url('img/content-bottom.jpg') no-repeat;
	height:72px;
	line-height:0px;
	margin:0px;
}

#content-main{
	background:url('img/content-pattern.jpg') repeat-y;
	padding:10px 55px 20px 45px;
	
}

#content-left{
	width:310px;
	float:left;
	display:inline;
}
#content-right{
	width:310px;
	float:right;
	display:inline;
}

.column-left{
	width:310px;
	float:left;
	display:inline;
}
.column-right{
	width:310px;
	float:right;
	display:inline;
}


h1{
	font:normal 30px Georgia,sans-serif;
	color:#a90502;
}

h2{
	font:normal 20px Georgia,sans-serif;
	
}

h2.italic{
	font:italic 20px Georgia,sans-serif;
	color:#6d5c51;
}

h4.italic{
	font:italic 18px Georgia,sans-serif;
	color:#4a3c3c;
}
h2.italic span{
	color:#a90502
}
.new{
	font: 20px Georgia,sans-serif;
	font-style:italic;
	line-height:30px;
}
#content-main p{
	font:normal 16px Arial,sans-serif;
	color:#4a3c3c;
	line-height:22px;
}

#sidebar p{
	font:normal 16px Georgia,sans-serif;
	color:#4a3c3c;
}

#sidebar{
	width:261px;
	float:right;
	display:inline;
	
	
	position:relative;
}
#sidebar h4{
	margin-top:0px;
	margin-left:5px;
	margin-bottom:10px;
}
#rajf-01{
	position:absolute;
	top:-25px;
	left:0px;
	height:60px;
	width:241px;
	background:url('img/rajf-01.jpg') ;
	
}

#crveno{
	height:198px;
	background:url('img/rajf-03-konac.jpg') no-repeat;
	position:relative;
}
#crveno p{
	margin-top:0px;
	margin-left:5px;
}
#crveno h1{
	margin-bottom:10px;
	margin-left:5px;
}
#crveno a{
	color:#a90502;	
	text-decoration:none;
}

#logo{
	position:absolute;
	
	width:300px;
	height:90px;
	top:10px;
	
}
#logo span{
	display:none;
}
.mega-large{
	font:italic 72px Georgia,sans-serif;	
	font-weight:bold;
}	

#extranet-login{
	display:none;
	background:url('img/sidebar-extranet-bg.jpg') no-repeat;	
	height:300px;
}

#extranet-login form{
	margin:0px; 
	padding:0px;

	
	
}
#extranet-login-polja{
	width:170px;
	float:right;
	display:inline;
	margin-top:80px;
	color:#4463a1
}
.polja{
	border:solid 1px #4a3c3c;
	background:white;
	padding:2px;
	width:140px;
}

#extranet-login-dugme{
	background:transparent url('img/sidebar-dugme.jpg') no-repeat;
	height:69px;
	width:69px;
	cursor:pointer;
	border:none;
	color:transparent;
	float:right;
	display:inline;
	
}




#footer{
	
	height:290px;
	background:transparent url('img/footer-bg.jpg') repeat-x center top;
	margin:0px auto;
	text-align:center;	
}


#footer-content{
	text-align:left;
	height:280px;
	width:1006px;
	position:relative;
	margin:0px auto;	
	
}
#metar{
	float:right;
	display:inline;
	margin-top:60px;

}

#footer h1{
	color:#e8e853;
}
#footer-left{
	width:725px;
	float:left;
	display:inline;
	margin-top:60px;
	color:#d8d8ce;
	font-weight:normal;
	margin-left:30px;
	
}
#footer-left a{
		color:#d8d8ce;
		text-decoration:none;
}
#footer-left a:hover{
	color:white;
}


#klupko{
	position:absolute;
	top:-100px;
	left:-130px;
}

a img{
	border:none;
}

.pdf-icon{
	float:left;
	display: inline;
	margin-right:10px;
	}

#nasi-radovi tr td h2{
	float:left;
	display:inline;
	margin:0px 0px 0px 0px;
	font-size:18px;
}
	
#nasi-radovi tr td p{
	font-size:11px;
	float:right;
	display:inline;
	width:156px;
	margin:0px 10px 0px 0px;
	
	
}	

#nasi-radovi tr td {
	padding:0px 0px 30px 0px;
}

#lang-switch{
	position:absolute;
	width:240px;
	height:140px;
	top:80px;
	right:20px;

}
#lang-switch span{
	display:none;
}



#menu-en {
	width:742px;
	height:100px;
	background:url('img/menu-en-bg.jpg') no-repeat;
	position:absolute;
	left:3px;
	bottom:0px;

}


#menu-en ul{
	margin:0px;
	padding:0px;
	list-style:none;
}


#menu-en ul li{
	margin:0px;
	padding:0px;
	float:left;
	display:inline;
}
#menu-en  ul li a{
	margin:0px;
	padding:0px;
	float:left;
	display:inline;
	height:100px;

}

#menu-en ul li a span{
	display:none;
}

#menu-en ul li a.m1{
	width:114px;
}

#menu-en ul li a.m2{
	width:130px;
}

#menu-en ul li a.m3{
	width:109px;
}

#menu-en ul li a.m4{
	width:117px;
}

#menu-en ul li a.m5{
	width:106px;
}

#menu-en ul li a.m6{
	width:141px;
}

#menu-hr {
	width:742px;
	height:100px;
	background:url('img/menu-hr-bg.jpg') no-repeat;
	position:absolute;
	left:3px;
	bottom:0px;

}


#menu-hr ul{
	margin:0px;
	padding:0px;
	list-style:none;
}


#menu-hr ul li{
	margin:0px;
	padding:0px;
	float:left;
	display:inline;
}
#menu-hr  ul li a{
	margin:0px;
	padding:0px;
	float:left;
	display:inline;
	height:100px;

}

#menu-hr ul li a span{
	display:none;
}

#menu-hr ul li a.m1{
	width:114px;
}

#menu-hr ul li a.m2{
	width:130px;
}

#menu-hr ul li a.m3{
	width:109px;
}

#menu-hr ul li a.m4{
	width:117px;
}

#menu-hr ul li a.m5{
	width:106px;
}

#menu-hr ul li a.m6{
	width:141px;
}


.copyright{
	font: normal 10px Arial;
	color:#a38876;
	letter-spacing:3px;
	
}