@charset "utf-8";
/* CSS Document */
html, div, ul{margin:0; padding:0; list-style:none}
body{margin:0; background:url(../images/ui/body_back.jpg) center top no-repeat;font-family: Tahoma, Geneva, sans-serif;font-size: 13px;overflow:scroll; overflow-x: hidden}
a{ text-decoration:none; color:#333}
a:hover{text-decoration:underline}
img{border:none}
#main_background{ background:#fff; width:1008px;margin:50px auto 0 auto; background:url(../images/ui/back_shadow.png) repeat-y 0 top }
.logo{float:left; margin-top:-20px;  margin-left:30px}
#header{width:1002px; background: url(../images/ui/header_back.jpg) repeat-x left bottom; height:74px; margin:0 3px 0px 4px; float:left }
h3{margin:0 0 10px 0; padding:0; font-weight:300; font-size:1.4em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#7a9aa9}
p{ margin:0; padding:10px 0px}

/************* top meni - gornji desni *************************/
#top_menu {float:right;position:relative;z-index:999;  margin:-10px 25px 0 0;  }
#top_menu li{display:inline; color:#b7b7b7}
#top_menu li a {color:#b7b7b7; }
#top_menu li a:hover{color:#7a9aa9; font-weight:400}
/**************** glavni meni ********************/
#main_menu {width:80%; float:right; position:relative;margin-top:-35px; height:auto; text-align:right; padding-right:15px; z-index:1 }
#main_menu li{ display:inline}
#main_menu li a{color:#dbdbdb; display:inline-block;  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.8em; padding:65px 10px 11px 8px}
#main_menu li a:hover{text-decoration:none; color:#7a9aa9; background-image:url(../images/ui/back_link.jpg); background-position:left bottom; background-repeat:repeat-x; background-color:#CCC}
#main_menu li a.active_link{color:#7a9aa9}

/********************* glavni sadrzaj *******************/
#main_content{padding:0 5px }
#left_content{margin-left:30px;width:300px; float:left }
#right_content{float:left; margin-left:20px; margin-top:15px; width:628px; background: url(../images/ui/content_back.jpg) no-repeat -1px bottom; padding-bottom:10px; }
.news_box{margin-top:15px;}
h2{margin:0;font-weight:300; color:#fff;  padding:3px 20px 7px 20px; background:url(../images/ui/h2_back.jpg) no-repeat; width:260px;  font-size:1.5em; height:20px }
#left_content p,#right_content p{ padding:5px 20px; margin:0px 0px -9px 0px;border:solid 1px #d8e3ff; border-bottom:none; border-top:none}	
#right_content h2{background:url(../images/ui/h2_back_wide.jpg) no-repeat; width:590px;} 
#right_content .cont {font-size:1.1em;border:solid 1px #d8e3ff;  border-bottom:none; border-top:none; padding:10px 20px; min-height:357px}
.detaljnije{ background:url(../images/ui/detaljnije_link.jpg) no-repeat left top; display:block; text-align:right;margin:-6px 0px 0px 0px ;padding:5px 18px 7px 0px; width:287px; color:#7a9aa9 }
#right_content .cont p { border:none; padding:0; margin-bottom:10px; font-size:.95em }
.detaljnije img{position:relative;top:2px; left:5px}



/************** footer ******************/
#footer{width:1008px; margin:0 auto; background:url(../images/ui/footer_back.jpg) no-repeat 1px top; text-align:center; padding:20px 0; font-size:12px; background-color:#FFF; color:#999; clear:both}

/*********************** donji meni ***************************/
#bottom_menu{width:100%; text-align:center; clear:both; color:#999; position:relative; padding-top:15px; bottom:-5px}
#bottom_menu li{display:inline}
#bottom_menu li a{color:#999}
#bottom_menu li a:hover{color:#7a9aa9}

/******************** sitemap *****************/
.sitemap { }
.sitemap li a { padding:3px 0px; margin:0; display:block; font-size:1.2em}
.sitemap li a:hover{color:#7fa5bb}

#right_box{background:url(../images/ui/right_box_back.png) repeat-x left bottom; width:25%; float:right; clear:right; padding-bottom:6px; margin:0 0 15px 20px; }
#right_box div{border:solid 1px #cddcf5; border-bottom:none;display:block;padding:10px;  display:block; }
#heading .cont #right_box div p,#right_box div a{margin:3px 0px; padding:0}
#right_box div  p.pitanje{color:#7a9aa9; }
#right_box div a{font-size:.85em; color:#333; padding-top:10px; display:block}
.blue_link {color:#7a9aa9 }

/********************* contact ***********************************/
#contact_form{ padding:5px 0 5px 10px}
#contact_form label{width:100%; display:block; font-size:.85em; padding:5px 0 3px 3px; color:#663}
#contact_form input, #contact_form textarea{padding:2px 0 4px 3px; margin-top:10px; color:#666; font-family: Tahoma, Geneva, sans-serif; font-size:.9em; width:88%}
#contact_form textarea{height:80px;margin-bottom:10px}
.border_div{float:left; margin:0 15px 10px 10px;DISPLAY:block;}
.border_div strong{height:25px; display:block; padding:10px 0 0 10px;}
.border_div p, .border_div .date,.border_div .bbot{padding:10px 0 0 10px;}
.black_box_link, .blue_box_link{color:#fff; font-size:.5em; padding:0px 5px; height:22px; background: #4F4F4F; width:auto; position:relative;right:50px; float:right; top:-23px; display:inline}
.blue_box_link{ background: #1d80b6}
.blue_box_link:hover{color:#12638f; background:#e5e5e5}
.black_box_link:hover{ background:#ccc; color:#333}
.rght_box_act, .rght_box_part {width:300px; background:url(../images/wide_box_back.png); margin:20px 15px 10px 15px; float:left }
.rght_box_act .btop {background: url(../images/wide_top_back.png)}
.rght_box_act .bbot {background: url(../images/wide_bottom_back.png) left bottom}
#left_box, .rght_box,.border_div,.rght_box_act { width:350px; background:url(../images/box_back.png) repeat-y; margin-top:40px; }
div.rght_box_act img {border:solid 1px #dcdcdc; margin:10px 0 15px 10px; display:block}