/* CSS Document */


/*-------CSS reset---------*/
/*html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}*/

* {margin:0px; padding:0px;}
/*-------------------------BASIC-------------------------------*/
html {width:100%; height:100%; margin:0px; padding:0px;}
body {width:100%; height:100%; margin:0px; padding:0px; background:#efefef; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; background:#efefef; margin-top:5px; }
#wrap {width:100%; height:100%;}


/*-------------------------header-start------------------------*/
#header_wrap {width:100%;  background:#efefef url(../images/back_mid.gif) repeat-y center; clear:both;}
#header {width:742px; margin:auto; padding:17px 20px 0px 20px; background:url(../images/back_top.gif) no-repeat top center; }
#header h1.siteName {width:736px; padding:3px 5px; background:#dfdfdf; font-size:12px; text-align:left; color:#666666; }
.header_inner { width:746px; margin: 0px auto; font-size:2px;}
.logo { width:100px; height:120px; display:block; margin:0px 20px;}
.logo span {width:100px; height:120px; display:block; cursor:pointer;}
.line_horiz { height:11px; width:100%; background:url(../images/line_horiz.gif) repeat-x left center; clear:both; font-size:2px;}
.header_img { height:135px; width:746px; background:url(../images/heder.jpg) no-repeat;}
/*-------------------------header-end--------------------------*/

/*-------------------------content-start-------------------------*/
#content_wrap {width:100%; clear:both; background:#efefef url(../images/back_mid.gif) repeat-y center;}
#content {width:746px; margin:auto;}
#content_left {width:200px; float:left; clear:left; }
#content_center {width:540px; float:right; clear:right; }
.title_line { height:16px; background:#677c99; padding:4px 0px 2px 10px;}
.content_txt {  border:1px #CCCCCC solid; margin-top:2px; padding:20px 20px 30px 20px; color:#333333; text-align:justify;}
.title_line h2 { color:#FFFFFF; font-size:11px;}
.content_txt a { text-decoration:underline; color:#0000FF; text-align:left;}
.content_txt a:hover {color:#5b81b6; text-align:left;}

a.naslov { text-decoration:none; color:#333333; font-weight:bold; font-size:11px; text-align:left;}
a.naslov:hover {text-decoration:none; color:#333333; font-weight:bold; font-size:11px; text-align:left;}

a.naslov_link { text-decoration:none; color:#333333; font-weight:bold; font-size:11px; text-align:left;}
a.naslov_link:hover {text-decoration:underline; color:#333333; font-weight:bold; font-size:11px; text-align:left;}

.sub_header {width:746px; height:18px; margin:auto; background:#9aafcc; text-align:right; padding:4px 2px 0px 0px;}
.flag a { width:50px; height:22px; color:#fff; font-size:9px; font-weight:bold; text-decoration:none; background:url(../images/flag.jpg) no-repeat center right; padding:0px 30px 2px 0px;}
.flag a:hover { text-decoration:underline; } 
 
  /*------------menu-start-------------*/
#menu_wrap { width:200px; text-align:left;}
#menu {width:200px; }
#menu ul {list-style:none; list-style-position:outside;}
#menu li {list-style:none; list-style-position:outside;}
#menu li h1 {font-size:10px; font-weight:normal;}
#menu li h1 img { float:left;}
#menu li a {height:16px; padding:4px 20px 2px 40px; font-size:11px; font-weight:bold; display:block; color:#ffffff; text-decoration:none; background:#344966 url(../images/arrows.gif) no-repeat 0px 0px; margin-bottom:2px;}
#menu li a:hover { background:#8390a1 url(../images/arrows.gif) no-repeat 0px -22px;}
a.glavni_meni {height:16px; padding:4px 20px 2px 40px; font-size:11px; font-weight:bold; display:block; color:#ffffff; text-decoration:none; background:#344966 url(../images/arrows.gif) no-repeat 0px 0px; border-bottom:2px #FFFFFF solid;}
a.glavni_meni:hover {height:16px; padding:4px 20px 2px 40px; font-size:11px; font-weight:bold; display:block; color:#ffffff; text-decoration:none; background:#8390a1 url(../images/arrows.gif) no-repeat 0px 0px; border-bottom:2px #FFFFFF solid;}

/*-----------armonika-------------*/
#basic-accordian {width:200px; z-index:2;}
.accordion_headings a {height:16px; padding:4px 20px 2px 40px; border-bottom:2px #FFFFFF solid; font-size:11px; font-weight:bold; display:block; color:#ffffff; text-decoration:none; background:#344966 url(../images/arrows.gif) no-repeat 0px 0px; cursor:pointer;}
.accordion_headings a:hover {background:#8390a1 url(../images/arrows.gif) no-repeat 0px -22px;}
.accordion_child{/*padding:15px;*/ margin:0px; background:#8390a1; font-weight:normal; font-size:9px; border-bottom:2px #FFFFFF solid;}
.header_highlight {background:#8390a1 url(../images/arrows.gif) no-repeat 0px -22px; display:block;}
a.podmeni {width:140px; padding:2px 10px 2px 30px; font-weight:normal; text-decoration:none; color:#FFFFFF; display:block;}
a.podmeni:hover {font-weight:normal; text-decoration:underline;}

/*------------menu-end-------------*/

/*-------------------------content-end-------------------------*/

/*-------------------------footer-end--------------------------*/
#footer_wrap {width:100%; background:#efefef url(../images/back_mid.gif) repeat-y center; clear:both;}
#footer {width:782px; height:120px; margin:auto; background:url(../images/back_bot.gif) no-repeat bottom center;}
.foot_inner { width:746px; margin:auto;}
  /*------------menu_foot-start-------------*/
.menu_footWrap { width:746px; padding:0px; height:20px; background:#9aafcc;}
.menu_foot {  width:100%; }
.menu_foot ul {list-style:none; list-style-position:outside;}
.menu_foot li {list-style:none; list-style-position:outside; float:left;}
.menu_foot li h1 {font-size:10px; font-weight:normal;}
.menu_foot li a { padding:3px 20px 3px 20px; display:block; color:#ffffff; text-decoration:none; background:#9aafcc; font-weight:bold;}
.menu_foot li a:hover { text-decoration:underline;}
  /*------------menu_foot-end-------------*/
  /*------------copy-start------------*/  
.signature { text-align:center; color:#666666; font-size:10px;}
.signature a { color:#344966; font-weight:bold; text-decoration:none; }
.signature a:hover { text-decoration:underline;}
.foot_logo {}
.copy { color:#666666; text-align:center; font-size:9px;}
.copy a { color:#FF6600; text-decoration:none; font-weight:bold;}
.copy a:hover {text-decoration:underline; } 
   /*------------copy-end-------------*/ 

/*-------------------------footer-end--------------------------*/

.najave { background:#DDDDDD; padding:10px; border:1px #666666 dashed;}
.najave a { color:#990000; text-decoration:none; }
.text_crn_glavni_bold {font-weight:bold;}
.text_crn_glavni_bold002 { font-weight:bold;}
.clear_both { clear:both}
.image_float_right { float:right; margin:0px 0px 5px 10px; padding:5px 5px 5px 5px; border:1px #cccccc solid; background:#ebebeb;}
.image_float_left { float:left; margin:0px 10px 5px 0px; padding:5px 5px 5px 5px; border:1px #cccccc solid; background:#ebebeb;}
.float_right { float:right; padding:0px 0px 5px 5px;}
.txt_just { text-align:justify;}
.txt_center { text-align:center;}
.potpis_desno { float:right;}

.google_search { border:1px #CCCCCC dashed; padding:5px;}

/*-------------------------SPACERI-----------------------------*/
.spacer_1px {margin:0px; padding:0px; clear:both; height:1px; font-size:1px; line-height:1px;}
.spacer_2px {margin:0px; padding:0px; clear:both; height:2px; font-size:2px; line-height:2px;}
.spacer_5px {margin:0px; padding:0px; clear:both; height:5px; font-size:2px; line-height:2px;}
.spacer_15px {margin:0px; padding:0px; clear:both; height:15px; font-size:2px; line-height:2px;}
.spacer_10px {margin:0px; padding:0px; clear:both; height:10px; font-size:2px; line-height:2px;}
.spacer_20px {margin:0px; padding:0px; clear:both; height:20px; font-size:2px; line-height:2px;}
.spacer_30px {margin:0px; padding:0px; clear:both; height:30px; font-size:2px; line-height:2px;}
.spacer_10x10px {margin:0px; padding:0px; clear:both; height:10px; width:10px; font-size:2px;}