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

div{
	zoom:1;
}

div:after{
	content:" ";
	clear:both;
	display:block;
}
img{
	border:0px;
	margin:0px;
}

body{
	background:#fff url('../images/bg-green-top.png') repeat-x left top;
    margin-top:35px;
    font-family:Arial, Helvetica, sans-serif;
}

#main-wraper{
	margin: 0px auto;
	width:980px;
	padding-bottom:22px
	}
	
/*-- LEFT --*/
#main-left{
	width:235px;
	float:left;
}
#linkovi-levo{
	padding-right:3px;
	 border-right:solid 1px #f1f0f0;
}

#logo{
	background:url("..images/logo.png");
}
.quick-links{

  width:232px;
  margin-top:20px;
  padding-right:2px;
  
   

}
.quick-links .border-bottom{
	width:220px;
	border-bottom:2px solid #f1f0f0;
	margin:-6px 0 0 3px	;
	height:0;
	
}

.quick-links .korisni{
	
	background: url('../images/korisni-bg.png') no-repeat right top;
}
.quick-links .ostanati{
	
	background: url('../images/ostanati-bg.png') no-repeat right top;
}
.quick-links .zabava{
	
	background: url('../images/zabava-bg.png') no-repeat right top;
}

.quick-links .klienti{
	
	background: url('../images/klienti-bg.png') no-repeat right top;
	margin-right:3px;
}

.quick-links .title {
    margin-right:1px;
	height:43px;
	padding-left:19px;
	padding-top:3px;
   
   }
   
.quick-links .title p{
    
	font-size:14px;
	color:#626262;
    float:left;
	display:block;
	padding-top:8px;
	
}

.quick-links p.redtop{

    border-top:3px solid #cb4b4b;
}

.quick-links p.orangetop{

    border-top:3px solid #fc7329;
}
.quick-links p.greenlighttop{

    border-top:3px solid #9ed130;
}
.quick-links p.greendarktop{

    border-top:3px solid #6f9019;
}
.quick-links p.bluetop{

    border-top:3px solid #219ae6;
}
.quick-links p.purpletop{

    border-top:3px solid #614e9e;
}
.quick-links .links{
	
	margin-left:3px;
	margin-right:2px;
	background:#f1f0f0;
}

.quick-links a{
	
	
	color:#626262;
	font-size:13px;
	
	text-decoration:none;
	margin:0 19px 8px 19px;
	display:block;
	border-bottom:solid 1px #dbdada;
	padding-bottom:8px;

}

#main-right{
	width:725px;
	float:left;
    margin-left:20px;	  

}

/*--HEADER-- */
#header{
 width:718px;
 height:164px;
 background:url('../images/header-bg.jpg') repeat-x left bottom;
 position:relative;
 }
 #header-right{
	width:725px;
	float:left;
    margin-left:20px;
    
}

    #header-left{
	width:235px;
	float:left;
}
    
 #welcome{
   position:absolute;
   	z-index:1000;
   	width:100%;
}
#header #welcome p.welcome{
   float:left;
	color:#636363;
    font-size:26px;
    margin:15px 0 0 15px;
}
#header #welcome p.tel{
 float:right;
	color:#548f23;
    font-size:16px;
    margin:0 127px 0 0;
}
#header #welcome p.br{
 float:right;
	color:#548f23;
    font-size:24px;
    margin:0 10px 0 0;
}

/* -- MENU -- */
#menu{
	
		padding-left:15px;
	    position:absolute;
	    z-index:999;
	    top:56px;
	    width:100%;
}
#menu ul {
   
   list-style:none;
   margin-top:-50px;
   display:block;
   
}

#menu ul li {
 display:block;
 float:left;
 color:#626262;
 font-size:14px;
 min-width:60px;
 text-align:center;
 height:66px;
  padding-top:90px;
 padding-right:15px;
 padding-left:8px;
 vertical-align:bottom;
 background:url('../images/li-bg-right.jpg') no-repeat right top;
}

#menu ul li a {
display:block;
  
  padding-top:4px;
  text-decoration:none;
  color:#616161;
 
  
}
#menu ul li.home  {
   padding-left:0px;
   
   
}


#menu ul li.home a {
  
   border-top:3px #00a651 solid; 
}

#menu ul li.aboutus a{
  
   border-top:3px #27d2e6 solid; 
  
}
#menu ul li.services a{
  
 border-top:3px #c562cf solid; 

   }
#menu ul li.contact a {
  
  border-top:3px #cfa261 solid;  
   
   }
#menu ul li.lang {
  
     margin-right:10px;
   float:right;
   background:none;
}
#menu ul li.lang a {
  
  border-top:3px #754b0f solid;  
   margin-right:10px;
   float:right;
  }
 
#menu ul.level1 {
 position:absolute;
 z-index:2000;
 display:block;
 height:14px !important;


  
}
#menu ul.level1 li{
  background:none;
  display:block;
  padding-top:0 !important;
 margin-top:50px;
padding-right:5px !important;
 
}
#menu ul.level1 li a{
 border:none;
  background:#f5f5f5;
 font-size:13px;
 display:block;
   
  
}
  
#imageholder
{
    width:718px;
	float:left;
    margin-left:20px;
    margin-top:10px;
	height:155px;
	
	
}
#imageholder div
{
   margin-right:4px;
   float:left;
	
	
}

/* -- CONTENT -- */
#content-wraper
{
    width:980px;
}
#main-content{
	width:718px;
	float:left;
    margin-left:20px;
    margin-top:28px;
	
}

#content{
	width:516px;
	display:block;
	float:left;
	padding-right:24px;
	padding-top:5px;
}
.article-preview{
	padding-bottom:22px;
	background:url("../images/dot-bg.png") repeat-x left bottom;
	margin-bottom:23px;
}
.article-preview .date , #full-article .date{
   
   color:#88b524;
   font-size:11px;

}
.article-preview .title , #full-article .title , #content .title , .toc h3{
	color:#808080;
	font-size:18px;
	padding-bottom:12px;
	font-weight:lighter;
	
}
.article-preview .content , #full-article .content , #content .content {
	color:#4f4f4f;
	font-size:11px;
	line-height:130%;
	padding-bottom:16px
}
.article-preview .content img{
	float:right;
	margin-top:-30px;
}

.article-preview .more {
	display:block;
	color:#88b524;
	font-size:11px;
    background:url("../images/more-bg.png") no-repeat left top;
	width:55px;
	padding-left:3px;
	height:21px;
	line-height:19px;
}



#linkovi-desno{
	    
	display:block;
	float:left;
	 border-left:solid 1px #f1f0f0;
	 padding-left:3px;
	 width:174px;
	 height:100%;
}

#linkovi-desno div.quick-links
{
    
  width:174px;
  margin-top:0;
  padding-right:2px;
}
#linkovi-desno div.quick-links .border-bottom{
	width:170px;
	border-bottom:2px solid #f1f0f0;
	margin:-6px 0 0 3px	;
	height:0;
	
}
#linkovi-desno .quick-links .links{
	
	
	background:#f1f0f0;
	margin: 0 0 0 0;
}

#linkovi-desno .quick-links .links a{
	
	
	color:#626262;
	font-size:13px;
	
	text-decoration:none;
	margin:0 19px 8px 19px;
	display:block;
	border-bottom:none;
	padding-bottom:10px;

}

#footer {
   margin: 0px auto;

   background:#d0d0d0 url('../images/footer-bg.png') no-repeat center bottom;
   width:100%;
   height:30px;
    padding-top: 50px;
}

#footer #f-info 
{
   
    width: 980px;
    margin: 0px auto;
     
}

#footer div.f-txt  {

	float:left;
	font-size:10px;
	color:#6b6969;
	margin-left:45px;
}

#footer div.f-txt img {

    margin-top: -10px;
    
}
.toc ul li {

    list-style-type: none;
    padding: 5px 10px 0 20px;
}


.toc ul li a {
    padding: 5px;
    text-decoration: none;
    color: #538e21;
    
}

.toc ul li a:hover {

    text-decoration: none;
    
    background: #f1f0f0;
    
}