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

body {
  margin:0; 
	padding:0;
/*background-color:#161415;*/
  background-color:#f0fafb;
  background-image:url(images/bg_pattern.png);
  background-repeat:repeat-x;
  background-position:center;
  background-position:top;
  }
  
  /* === floatFIX === */				/* Modern browser float fix. Show PARENT even if CHILDREN are float. */
.floatFIX:after {
	content:"";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
  
img {
  border-style:none;
  }
  
.body_bg {
  margin:0; 
	padding:0;
  background-image:url(images/body_bg.jpg);
  background-repeat:no-repeat;
  background-color:#none;
  background-position:center;
  background-position:top;
  }

/*
=====================	
	LAYOUT				
=====================
*/	

.naruci {
  cursor:pointer;
  display:block;
  height:160px;
  position:absolute;
  right:0;
  top:0;
  width:160px;
  z-index:10001;
  background-color:none;
  background-image:url(images/naruci.png);
  background-repeat:no-repeat;
  }
  
.naruci a {
  color:#FFF;
  }
  
.naruci a:hover {
  color:#FFF;
  }
  
.naruci a:focus {outline-style:none;}


.top_menu {
  width:100%;
  height:36px;
/*  background-color:#ffbc6e;*/
  filter:alpha(opacity=90);
  -moz-opacity:90;
   opacity:.90;
  margin-bottom:26px;
  background-image:url(images/top_menu_pattern.png);
  background-repeat:repeat-x;
  padding-top:0px;
  border-bottom:solid 1px #fff;
  }
  
.top_menu_center_image {
  background-color:fff;
  height:36px;
  width:980px;
/*  background-image:url(images/menu_center.png);*/
  background-repeat:no-repeat;
  margin:0 auto;
/*  padding-top:10px; */
  }

.top_menu_center_image  ul {
  margin:0;
  }

.top_menu_center_image  ul li {
  display:inline;
  }
  
.top_menu_center_image  ul li a {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	text-decoration:none;
  line-height:35px;
 	padding:0;
  margin-left:50px;
	color:#fff;
	letter-spacing:0.2px;
  font-style:italic;
 /* font-weight:bold;*/
/*  text-transform:uppercase;*/
	}
  
.top_menu_center_image ul li a:hover {
	color:#ffcc66;
	}
  
.container {
  width:980px;
 /* height:1100px;*/
  background-color:#fbc36b;
  margin:0 auto;
  }
  
.header {
  width:980px;
  height:290px;
  background-color:#fbc36b;
  background-image:url(images/header.jpg);
  background-repeat:no-repeat;
  }
  
.naslov {
  height:100px;
  width:980px;
  background-color:#fbc36b;
  text-align:center;
  }
  
.naslov span {
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:26px;
  color:#fffffe;
  }
  
.vest {
  height:236px;
  width:900px;
  background-color:#fbc36b;
  padding-left:40px;
  padding-right:40px;
  margin-bottom:30px;
  }
  
.vest_links {
  height:236px;
  width:900px;
  background-color:#fbc36b;
  padding-left:40px;
  padding-right:40px;
  margin-bottom:30px;
  }
  
.vest_left {
  width:680px;
/*  height:236px;*/
  background-color:#fbc36b;
  padding-right:10px;
  float:left;
  }
  
.vest_right {
  width:210px;
  height:236px;
  background-color:#fbc36b;
  float:right;
  }
  
.vest_right_top {
  width:175px;
  height:205px;
/*  padding-left:25px;*/
  background-color:#fbc36b;
  }
  
.vest_right_bottom {
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:16px;
  color:#fff;
  line-height:18px;
  text-align:center;
 /* text-transform:uppercase;*/
  }
  
.vest p {
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:16px;
  color:#4f3919;
  line-height:18px;
  line-height:24px;
  margin:5px 0px;
  }
  
.vest_links p {
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:16px;
  color:#4f3919;
  line-height:18px;
 /* float:left;*/
  line-height:24px;
  margin:5px 0px;
  }
  
.vest_links a {
  color:#401D00;
  text-decoration:none;
  }

.vest_links a:hover {
  color:#FFF;
  text-decoration:underline;
  }
  
.vest_links a:focus {outline-style:none;}
  
ul.styled {
  list-style:none;
  padding:0;
  margin:0;
  font-family:Arial, Helvetica, sans-serif;			/* font family (ako nije vec setovan */
}
ul.styled li {
  background-image:url(images/jedan.png);				/* slika koja ide iza broja */
  background-repeat:no-repeat;
  background-position:0 0;
  margin:10px 0;										/* razmak izmedju liste (broj upisan sa leve strane je vrednost za koju ce se liste razmaknuti) */

  height:100%;										/* ie7 fix */

  background-color:#fbc36b;
}
ul.styled li:after {
  content:"";
  height:0;
  visibility:hidden;
  clear:both;
  display:block;
}
ul.styled li div.number {
/*	background-color:#f0f;*/
  float:left;
  width:38px;
  text-align:center;
  padding-top:8px;
  height:30px;x
  font-size:18px;										/* velicina fonta za broj */
  color:#fff;												/* boja za broj */
	font-family:Georgia, "Times New Roman", Times, serif;
  font-weight:bold;
}
ul.styled li div.text {
  background-color:#fbc36b;
  padding-left:5px;
  float:left;
  line-height:18px;									/* visina linije (red slova) */
  font-size:12px;										/* velicina fonta za text */
  color:#000;											/* boja za text */
  margin-top:2px;
  }			

.vest h2 {
  background-color:#fbc36b;
  border-bottom:1px solid #DE902E;
  color:#fff;
	padding-bottom:6px;
  margin:0;
  }
  
.vest_links h2 {
  background-color:#fbc36b;
  border-bottom:1px solid #de902e;
  color:#fff;
	padding-bottom:6px;
  margin:0;
  } 
 
.footer  {
  width:980px;
  height:158px;
  background-image:url(images/footer.jpg);
  background-repeat:no-repeat;
  font-family:Georgia, "Times New Roman", Times, serif 14px #FFF;
  }
  
.footer a {
  color:#4F3919;
  }
  
.footer a:hover {
  color:#FFF;
  }
  
.footer a:focus {outline-style:none;}
  
.footer p  {
  font-family:Verdana, Geneva, sans-serif;
  font-size:12px;
  color:#4F3919;
  font-weight:normal;
  text-align:center;
  line-height:18px;
  padding:65px 30px 20px 30px;
  }

.footer_re {
  width:980px;
  height:116px;
  background-image:url(images/footer_refleksija_ff.jpg);
  background-repeat:no-repeat;
  }
  
.bottom_line {
background-color:#181818;
border-top:3px solid #666666;
bottom:0;
color:#FFb515;
/*height:75px;*/
position:fixed;
width:100%;
line-height:10px;
text-align:center;
}

.bottom_line a {
  color:#FFCC66;
  }
  
.bottom_line a:hover {
  color:#FFF;
  }
  
.bottom_line a:focus {outline-style:none;}