/********** MAIN RESET **************/
html, body, ul, li, h1, h2, h3, h4 {margin: 0px; padding: 0px; list-style: none; }
img{margin:0; padding:0; border:none;}
.clear{clear:both;}
p{padding:0; margin:0;}
body{background:url(img/main-bck_02.jpg) repeat-x center top; margin:0 auto;}
#body_bottom{background:url(img/footer-bck.jpg) repeat-x bottom; margin:0 auto;}
a, a:link, a:active, a:visited, a:active {
	border: none;
	outline: none;
	color: #ed0677;
	text-decoration: none;
}
#wrap {margin:0 auto; width: 980px; position:relative; background:#fff;}
body{background:url(img/pattern1.jpg) repeat-y center #c7c8ca; }
/********** H E A D E R  **************/
#header{width:980px; height:155px; background:url(img/header_bck_02.jpg) no-repeat; position:relative; }
#lang{position:absolute; right:30px; top:25px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;}
#lang a{padding:0 7px;}

#logo{margin-left:25px; margin-top:25px; float:left;}
/**********  N A V  **************/
ul#nav{ float:right; margin-right:30px; border:1px solid #f3f3f4; 
	  font-family: Verdana, Geneva, sans-serif; font-size: 15px; margin-top: 115px; }
ul#nav li{float:left; border-right:1px solid #f3f3f4;  padding:10px 0 7px 0; }
ul#nav li.noborder{border:none;}
ul#nav a{color: #ed0677; text-decoration:none;  padding:0 10px;}
ul#nav a:hover{color: #666;}


/**********  CENTRAL **************/
#central{width:980px; height:450px; position:relative; background:url(img/central_bck.jpg) no-repeat; margin-bottom:15px; }
#creative_logo{position:absolute; left:25px; top:295px;}
#loznica_grb{position:absolute; left:25px; top:370px;}

#flekica{
	position:absolute; 
	left:265px; top:265px;
	background:url(img/flekica.png) no-repeat; 
	width:171px; height:83px; 
	z-index:100;
	padding:20px 30px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	color:#6d6e71;
}

#red_box{
	position:absolute; 
	left:40px; top:50px;
	width:200px; height:200px; 
	z-index:100;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#939598;
}



/* ************  SIMPLE TREE MENU ************ */
.treeview ul{ /*CSS for Simple Tree Menu*/
margin: 0;
padding: 0;
}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
background: white url(list.gif) no-repeat left center;
list-style-type: none;
padding-left: 22px;
margin-bottom: 3px;	
margin-left:0px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:240px;
	padding:5px 0 5px 0px;
	border-top:dotted 2px #c7c8ca;
}


.treeview li.last{border-bottom:dotted 2px #c7c8ca;}
.treeview li a{ font-size:14px;  color:#6d6e71;}
.treeview li a:hover{color:#ed0677;}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
background: white url(closed.gif) no-repeat left 1px;
cursor: hand !important;
cursor: pointer !important;
}


.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
margin-left:15px;
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}

.treeview .submenu ul li:first-child{border-top:none;}

/* ************  SIMPLE TREE MENU ************ */

#left_menu{min-width:270px; float:left; margin-left:20px; display:inline-block; min-height:10px;  }

ul#left_menu_index{padding-left:30px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width: 245px; float: left; }
ul#left_menu_index li{
	width:200px;
	padding:15px 0 15px 7px;
	border-top:dotted 2px #c7c8ca;
}
ul#left_menu_index li.last{border-bottom:dotted 2px #c7c8ca;}
ul#left_menu_index li a{ font-size: 28px; color:#ed0677;}


.clanak{width:345px;  float:left; font-family:Verdana, Geneva, sans-serif; overflow:hidden;  }
.clanak h3{
	width:305px;
	font-size:18px; 
	font-weight:normal;
	border-bottom:dotted 2px #c7c8ca; 
	border-top:dotted 2px #c7c8ca;
	padding:8px 0;
}
.clanak h3 span{
	color:#777;
	font-size:14px;
	font-weight:normal;
	color:#666666;
}
.clanak p{width:300px; font-size:14px; color:#939598; padding-top:5px;}
.clanak p span{ color:#666666; }

#central_bar{height:26px; background:url(img/bck_bar_03.jpg) repeat-x; }

.naslov {
	height:40px;
	padding:10px 0 0 60px;
	
	color:#ed167f; 
	font-family:Verdana, Geneva, sans-serif; 
	font-size:24px; 
	font-weight:normal;
}

.box_clanice{
	background:url(img/box_bck_07.jpg) repeat-x; 
	height:81px;	
}

.box{
	width:265px;
	padding:5px 0 0 60px;
	color:#231f20;	
	font-family:Verdana, Geneva, sans-serif; 
	font-size:14px; 
	font-weight:normal;
	float:left;
}

.box span{
	color:#939598;	
	font-size:12px; 
}

.podnaslov{
	background:url(img/podnaslov_bck_03.jpg) repeat-x;
	height:27px;
	color:#231f20;
	font-size:18px;
	font-weight:normal;
	font-family:Verdana, Geneva, sans-serif;
	padding:8px 0 0 60px;
}

.box_prijatelji{
	height:80px;
	border-bottom:1px dotted #c7c8ca;	
	color:#231f20;	
	font-family:Verdana, Geneva, sans-serif; 
	font-size:14px; 
}
.box_prijatelji_1{
	width:490px;
	float:left;
	padding-top:10px;
}
.box_prijatelji_logo{
	width:170px;
	height:70px;
	float:left;
	text-align:right;
}
.box_prijatelji_1 span{
	color:#939598;	
	font-size:12px; 
}

/**********  CENTRAL SMALL **************/
#central_small{
	width:980px; 
	height:290px; 
	position:relative; 
	background:url(img/central_bck.jpg) no-repeat; 
}

#grey_bar{height:36px; background:#939598;}

ul#left_menu_aktivnosti{padding-left:30px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
ul#left_menu_aktivnosti li{
	width:200px;
	padding:5px 0 5px 7px;
	border-top:dotted 2px #c7c8ca;
}
ul#left_menu_aktivnosti li.last{border-bottom:dotted 2px #c7c8ca;}
ul#left_menu_aktivnosti li a{ font-size: 14px; color:#6d6e71;}

#left h2{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#ed0677;
	margin:15px 0 10px 0px;
	border-top:dotted 2px #c7c8ca;
	margin-right:40px;
	padding-left:5px;
	padding-top:10px;
}

.clanak_aktivnost, .onama{
	width:690px; 
	float:left; 
	font-family:Verdana, Geneva, sans-serif;  
}

.onama{
		width:950px; 
		padding:25px;
		padding-top:0;
}
.clanak_aktivnost h3, .onama h3{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#ed0677;
	margin:15px 30px 15px 7px;
	border-top:dotted 2px #c7c8ca;
	border-bottom:dotted 2px #c7c8ca;
	padding:10px;
}

.onama h3{border-top:none; padding-bottom:5px;}

.clanak_aktivnost p, .onama p, .onama ul{
	padding:0px 30px 10px 15px;
	font-size:14px;
	color:#666;
}

.onama ul li{
	list-style:circle;
	list-style-position:outside;
	margin-left:20px;
}


.vest_img_box{margin:10px 0 15px 15px; }
.vest_img_box img{padding:3px; border:1px #d9dadc solid;}

.kontakt_line{
	height:64px; 
	border-bottom:solid 1px #c99ba4; 
	border-top:solid 1px #c99ba4; 
	padding:6px 0 0 50px;
	font-family:Verdana, Geneva, sans-serif; 
	font-weight:normal;
	color:#231f20;
	font-size:12px;
	margin-bottom:20px;
}
.kontakt_line img{float:left;}
.kontakt_line p{padding-top:6px; float:left; padding-left:50px;}
.kontakt_line a{color:#231f20; display:block;}
.kontakt_line a:hover{color:#ed0677;}

#kontakt_center{padding-left:60px; height:100px;}
.k_1, .korisni_linkovi{
	color:#ee127e;
	font-family:Verdana, Geneva, sans-serif; 
	font-weight:bold;
	font-size:16px;
	width:260px;
	float:left;
	width:360px;
}

.k_1 span, korisni_linkovi span{
	color:#231f20;
	font-family:Verdana, Geneva, sans-serif; 
	font-weight:normal;
	font-size:12px;
}

.k_1 a, .korisni_linkovi a{
	display:block;
	color:#231f20;
	font-family:Verdana, Geneva, sans-serif; 
	font-weight:normal;
	font-size:12px;
}
.k_1 a:hover, .korisni_linkovi a:hover{color:#ee127e;}

.korisni_linkovi{
	width:380px;
	border-left:2px dotted #d1d3d4;
	float:right;
	padding-left:25px;
}


/**********  FOOTER **************/
#footer{ height:95px; margin-top:15px; padding-top:10px; color:#2f2f32; 
		 border-top:solid #a0a2a5 1px; background:#c8c9cb; font-size: 10px; 
		 font-family:Verdana, Geneva, sans-serif;}
#footer p{padding-top:30px; letter-spacing: 1px; font-size: 13px;}
.f_logo{margin:0 10px; margin:0 25px; padding:0; float:left;}
#footer a { color:#2f2f32; text-transform:lowercase;}
#footer a:hover { color:#fff;}
.anagram_impresum{float:right; margin-top:70px; margin-right:23px; }