@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*kraj reseta*/

body{
background:url(images/main_bg.jpg) repeat-x top;
}

#main_wrap{
width:995px;
margin: 0 auto;

}

#header{
height:262px;
background:url(images/header_bg.jpg) no-repeat;
}

/*__________________________-navigacija__________________________*/
#top_nav{
padding-left:150px;
}
#top_nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  }

#top_nav li{

  float: left;
  position: relative;
  background:url(images/top_nav_btn_bg.gif) bottom right no-repeat;
  height:27px;
  padding-top:12px;

}


#top_nav li a{
padding:12px 15px;
font-family:Georgia, "Times New Roman", Times, serif;

font-size:12px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}

#top_nav li a:hover{
color:#FFFF00;
}

#top_nav li ul{
width:190px;
}
#top_nav li ul li{
padding:1px 1px 1px 0;
background:none;
width:180px;
height:30px;
background-color:#136089;
}

#top_nav li ul li a{
font-weight:normal;
padding:10px 15px;
margin:0;
height:10px;
display:block;
background:url(images/top_nav_sub_btn_bg.gif) no-repeat bottom;
}

#top_nav li ul li a:hover{
background:url(images/top_nav_sub_btn_bg_hover.gif) no-repeat bottom;
}


#top_nav li ul {
  display: none;
  position: absolute;
  padding-top:13px;
  top: 26px;

  }
  
#top_nav li > ul {
	top: auto;
	left: auto;
	}
#top_nav li:hover ul, #top_nav li.over ul{ display: block; }

#top_nav li:hover, #top_nav li.over {
position: static; /* make menus not sticky in ie7 */
} 


#top_nav #left_border{
float:left;
}

/*__________________struktura____________________*/

#col_1, #col_2, #col_3, #col_4{
float:left;
padding:0;
padding-top:10px;

}


#col_1{
width:156px;
}
#col_1 p{
		color : black;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#333333;
		text-decoration : none;
		padding :0 0 0 10px;
}

#col_2{
width:461px;
background:url(images/content_column_bg.jpg) no-repeat top;
padding:0;
}

#col_3{
width:200px;
padding:10px;

}
#col_4{
width:130px;

}
#main_col{
width:430px;
padding:0 15px;
}
.clear{
clear:both;}

/*___________________________lijeva navigacija_______________________*/




#left_nav, #left_nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 150px;
		background-color:#FFFFFF;
	}
#left_nav{

background:url(images/left_nav_bottom_img.jpg) no-repeat bottom center;
padding-bottom:30px;}
	#left_nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 26px;
		margin-bottom : -1px;
		width: 150px;
	}
	
	#left_nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 150px;
		margin-top : -26px;
		background-color:#FFFFFF;
		background:url(images/left_nav_sub_bg.gif) top repeat-x;
		border:1px solid white;
	}
	
	#left_nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#left_nav li a {
		width: 130px;
		display : block;
		color : black;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#333333;
		text-decoration : none;
		background:url(images/left_nav_link_btn.gif) no-repeat left top;
		padding :0 0 0 20px;
		
	}
	
	#left_nav li a:hover {
	background:url(images/left_nav_over_btn.gif) no-repeat left top;
	background-color:#dbdddf;
	color:#0066FF;
	}
	
	#left_nav li:hover ul ul, #left_nav li:hover ul ul ul, #left_nav li.sfhover ul ul, #left_nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#left_nav li:hover ul, #left_nav li li:hover ul, #left_nav li li li:hover ul, #left_nav li.sfhover ul, #left_nav li li.sfhover ul, #left_nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
	
 #left_nav li:hover, #left_nav li.hover {  
     position: static;  
   }  
   
   /*____________________________________________________sadrzaj____________________________________-*/
   
   #main_col h3{
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   font-weight:bold;
     color:#aeafaf; 
   }
   #main_col h2, #main_col h2 a{
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:15px;
   font-weight:bold;
   color:#015988;
   line-height:1.3em;
   text-decoration:none;
   }
   
   #main_col h2 a:hover{
   color:#999999;
   }
   
      #main_col p, #main_col ul,  #main_col ol{
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   font-weight:normal;
   color:#38393a; 
	line-height:1.3em;
	padding-top:5px;
	text-align:justify;
   }
   
   #main_col ul li{
   background:url(images/bullet.jpg) no-repeat left center;
   padding-left:15px;
   }
   
   #main_col a{
    color:#0066CC;
	text-decoration:underline;
   }
   
     #main_col a:hover{
	text-decoration:none;
   }
   
   
   #main_col #breadcrumb_nav{
	padding-bottom:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#888686;
	line-height: 20px;
    }
   
   #main_col .news_post{
   
   padding:20px 0;
   background:url(images/post_divider.gif) bottom center no-repeat;
    }
	
   #main_col .news_post div{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:normal;
    color:#38393a; 
	line-height:1.3em;
	padding-top:5px;
    }	   
  
   
     #main_col .news_post img{
	 float:left;
	 margin-right:15px;
	 border:3px solid #96afcc;

   }
  #main_col ol{
  list-style:decimal inside;
  }
   
 #search_field{
 height:50px;
 width:181px;
 background:url(images/search_field_bg.gif) no-repeat;
 
 }
 #search_field .search_text{
 width:123px;
 height:26px;
 float:left;
 }
 
  #search_field .search_btn{
  
  float:right;
  padding:12px 12px 0 0;}
 
 #search_field .search_text .textfield{
 width:120px;
 background:url(images/search_textfield_bg.gif) no-repeat;
 padding:5px;
 border:none;
 margin:11px;
 color:#666666;
 }
 #search_field .search_btn a{
 display:block;
 width:26px;
 height:26px;
 
 
 }
 
#col_3 .short_news{
background-color:#d7e0e5;
width:182px;
margin-top:15px;

}

#col_3 .short_news_top{
height:10px;
background:url(images/column_3_news_top.jpg) no-repeat top;
padding:10px 0 5px 6px;;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#015684;
font-weight:bold;
padding:5px;

}
#col_3 .short_news_bottom{
height:19px;
background:url(images/column_3_news_bottom.jpg) no-repeat top;

}

#col_3 .short_news_content{

}

#col_3 .short_news_content a, #col_3 .short_news_content a:visited{
display:block;
padding:10px;
background:url(images/column_3_news_post_bg.jpg) top no-repeat;
background-color:#d7e0e5;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
line-height:1.2em;

}

#col_3 .short_news_content a h3, #col_3 .short_news_content a:visited h3{
font-size:11px;
color:#0285ca;
}

#col_3 .short_news_content a h2, #col_3 .short_news_content a:visited h2{
font-size:12px;
color:#015684;
font-weight:bold;
}

#col_3 .short_news_content a p, #col_3 .short_news_content a:visited p{

font-size:11px;
color:#666666;
}


#col_3 .short_news_content a:hover{
background-image:url(images/column_3_news_post_bg_rollover.jpg);
color:#333333;
text-decoration:underline;
}



table.calendar{ 
padding:1px; 
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}


table.calendar tr td{
padding:4px;
}
table.calendar tr.month{ 
color:#666666;
font-size:12px;
 }

table.calendar tr.month th{ 
padding:3px 0;  }

table.calendar tr.month a:link,table.calendar tr.month a:visited{ 
color:#000; 
background-color:inherit; 
font-weight:bold; 
font-size:125%; 
display:block; 
}

tr.month a:hover, tr.month a:active, tr.month a:focus{ 
color:#8baed8; 
background-color:inherit; 
font-weight:bold; 
display:block; }

table.calendar tr.days th{ 
padding:3px 0; 
color:#FFFFFF;
background-color:#90afb7;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
 }

table.calendar tr.current td{ 
border:none; 
}

table.calendar tr.current a{
color:#3333CC;
text-decoration:none;
}
table.calendar tr.current a:hover{
text-decoration:underline;
}

table.calendar th{ 
color:#000; 
text-align:center; 
padding:0 0 .5em 0; 
}

table.calendar td{ 
	padding:.2em; 
	text-align:center; 
	vertical-align:middle; 
	}

#col_4 .other_links a{

		width: 130px;
		display : block;
		color : black;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#333333;
		text-decoration : none;
		background:url(images/left_nav_link_btn.gif) no-repeat left top;
		padding :0 0 0 20px;
		
	
}

#col_4 .other_links a:hover {
	background:url(images/left_nav_over_btn.gif) no-repeat left top;
	background-color:#dbdddf;
	color:#0066FF;
	}
	
#col_4 .other_links li { /* all list items */
		position : relative;
		float : left;
		line-height : 26px;
		margin-bottom : -1px;
		width: 150px;
	}
#col_4 .other_links h2{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#015684;
font-weight:bold;
padding:5px;
}

#footer{
background:url(images/footer_bg.jpg) repeat-x top;
height:20px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#b1d2e3;
background-color:#117bb4;
padding-top:15px;

}

#footer a{
text-decoration:underline;
color:#b1d2e3;
}
#footer a:hover{
color:#FFFFFF;

}



/* ovo je za onu tablicu, ako sam te dobro shvatio*/
#main_col .news_post p table, #main_col .news_post p table tr, #main_col .news_post p table tr td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	border-collapse: collapse;
	border-spacing: 0px;
	text-decoration: none;
	quotes: none;
}


#col_4 .icon_nav ul{

  padding: 0;
  padding-top:10px;
  margin: 0;
  list-style: none;
  width:140px;

}
#col_4 .icon_nav ul li{
padding-bottom:4px;
}

#col_4 .icon_nav ul li a{
 display:block;
 height:28px;
 background:url(images/icon_btn/vi_pitate.jpg) bottom left no-repeat;



}
#col_4 .icon_nav ul li a:hover{
background-position:top left;
}
#col_4 .icon_nav ul li a.vi_pitate{
background-image:url(images/icon_btn/vi_pitate.jpg);

}
#col_4 .icon_nav ul li a.industrijska{
background-image:url(images/icon_btn/industrijska.jpg);

}

#col_4 .icon_nav ul li a.turisticka{
background-image:url(images/icon_btn/turisticka.jpg);

}
#col_4 .icon_nav ul li a.dobra{
background-image:url(images/icon_btn/dobra.jpg);

}
#col_4 .icon_nav ul li a.gradska{
background-image:url(images/icon_btn/gradska.jpg);

}

#col_4 .icon_nav ul li a.margaretino{
background-image:url(images/icon_btn/margaretino.jpg);

}

#col_4 .icon_nav ul li a.djecji{
background-image:url(images/icon_btn/djecji.jpg);

}

#col_4 .icon_nav ul li a.skole{
background-image:url(images/icon_btn/skole.jpg);

}

#col_4 .icon_nav ul li a.ambulante{
background-image:url(images/icon_btn/ambulante.jpg);

}

#col_4 .icon_nav ul li a.sport{
background-image:url(images/icon_btn/sport.jpg);

}

#col_4 .icon_nav ul li a.vatrogasci{
background-image:url(images/icon_btn/vatrogasci.jpg);

}

#col_4 .icon_nav ul li a.izdavastvo{
background-image:url(images/icon_btn/izdavastvo.jpg);

}

#col_4 .icon_nav ul li a.kultura{
background-image:url(images/icon_btn/kultura.jpg);

}

#col_4 .icon_nav ul li a.vozni{
background-image:url(images/icon_btn/vozni.jpg);

}







#ctl00_Panel1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#333333;
	width: 181px;
	background-image: url(images/weather_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 140px;
	margin-bottom:10px;
}
#ctl00_Panel1 span {
	display: block;
	padding:5px 8px;
}
#ctl00_Panel1 #ctl00_lblVrime2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #017ec1;
	font-style: italic;
}
#main_col .news_post img{
margin-right:2px;
margin-top:2px;
padding-top:0px;
border: 0px;
}


#main_col .pitate td {
vertical-align:top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
#main_col #formular {
	width: 400px;
}
#main_col #formular .pitate input, #main_col #formular .pitate textarea {
	width: 100%;
}


#main_col #formular .pitate input{
background:url(images/form_field_bg.gif) repeat-x bottom;
border:1px solid #d0d3d3;

}

#main_col #formular .pitate textarea{

background:url(images/text_field_bg.gif) repeat-x bottom;
border:1px solid #d0d3d3;

}

#main_col #formular .pitate textarea:focus{

background:url(images/text_field_bg_hover.gif) repeat-x bottom;
border:1px solid #b3d5e6;

}

#main_col #formular .pitate input:focus{
border:1px solid #b3d5e6;
background:url(images/form_field_bg_hover.gif);

}
#main_col #formular .pitate td {
	padding: 5px;
}
#main_wrap #main_content #col_2 #main_col #formular .pitate #ctl00_ContentPlaceHolder1_Button1 {
	width: 100%;
}