* { margin:0; padding:0;}
body{ /*background:#ffffff;*/ background-image:url(../images/body_bg_lightblue.gif); background-repeat:repeat-x; line-height:16px; text-align:center; /*For IE*/}
html, input, textarea{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666}

input, select{ vertical-align:middle; font-weight:normal;}
img{ border:0; vertical-align:top; text-align:left;}
ul{ list-style:none;}

.column { float:left;}
.clear { clear:both;}
.right{ float:right}
.right_text{ text-align:right}

.title{ display:block}
.indent_image{ float:left}

p{ margin:0; padding:0;}

strong{ color:#ffffff}

a{ color:#000000; text-decoration:underline}
a:hover{ text-decoration:none}

span a{ font-size:11px}

.main_table{ width:800px; background:#FFFFFF; margin:0 auto}
.site_center{ text-align:center; width:100%;}
.site_center1{ margin:0 auto; text-align:left; width:800px }

.separate{ background:url(images/separate.gif) repeat-x; height:12px; width:auto}

strong{ color:#000000}

/*header*/
#header .title{ height:171px; text-align:right; background-image:url(../images/header_bg.jpg)}
#header .menu{ height:35px; font:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:center; padding:7px 0 0 0}
#header .menu a{ color:#000000; text-decoration:none}
#header .menu a:hover{ color:#C3D9FF; text-decoration:none}

/*footer*/
#footer{ background:#ffffff; color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; border-top:1px solid #CCCCCC}
#footer .developed{ float:left; padding:10px 0 5px 15px; width:250px}
#footer .menu_right{ float:right; padding:10px 15px 5px 0; width:520px; text-align:right}
#footer a{ color:#000000; text-decoration:none}
#footer a:hover{ text-decoration:none}

/*content*/
ul{margin:0px; padding:0px; list-style:none; line-height:20px}
ul li{ /*background:url(images/list_bg.gif) no-repeat 0 8px;*/ padding-left:10px}
ul li a{text-decoration: underline; color:#000000; font-size:11px}
ul li a:hover{ color:#C3D9FF; text-decoration: none}

/*==================index.html==================*/
#index #content .row1{ height:15px; width:800px}
#index #content .row2{ width:800px}
#index #content .row2 .left_column{ width:530px}
#index #content .row2 .left_column .indent_top_75_years{ padding:7px 20px 7px 20px}
#index #content .row2 .left_column .indent_top_75_years .title{ margin-bottom:18px}
#index #content .row2 .left_column .indent_top_75_years strong{ color:#000000; line-height:14px; display:block; margin-bottom:15px}
#index #content .row2 .left_column .indent_top_75_years .block{ width:490px; margin-bottom:7px}

#index #content .row2 .left_column .indent_top_75_years .block .col{ display:block; padding:5px 0 15px 0; margin-right:10px}
#index #content .row2 .left_column .indent_top_75_years .block .col .title{ display:block; font-weight:bold; padding:0 0 5px 0; margin:0}
#index #content .row2 .left_column .indent_top_75_years .block .col .img{ margin:0 5px 5px 0; float:left}

#index #content .row2 .left_column .indent_top_75_years .block .col1{ width:320px; padding:0; margin-right:10px}
#index #content .row2 .left_column .indent_top_75_years .block .col1 .img{width:320px; height:160px; padding:0; margin:0}
#index #content .row2 .left_column .indent_top_75_years .block .col2{ width:160px; padding:0; margin:0}
#index #content .row2 .left_column .indent_top_75_years .separate{ margin:0 30px 0 30px}
#index #content .row2 .left_column .separate{ margin:0 30px 0 30px; background-image:url(../images/separate.gif); background-repeat:repeat-x}
#index #content .row2 .left_column .indent_bot{ padding:7px 20px 7px 20px}
#index #content .row2 .left_column .indent_bot .title{ margin-bottom:18px; font-weight:bold}
#index #content .row2 .left_column .indent_bot .block{ width:490px; margin-bottom:16px}
#index #content .row2 .left_column .indent_bot .block .col1{ width:235px; padding:0; margin-right:10px;}
#index #content .row2 .left_column .indent_bot .block .col1 .news{ display:block; padding:5px 0 15px 0;}
#index #content .row2 .left_column .indent_bot .block .col1 .news .title{ display:block; font-weight:bold; padding:0; margin:0}
#index #content .row2 .left_column .indent_bot .block .col1 .news .img{ margin:0 5px 5px 0; float:left}
#index #content .row2 .left_column .indent_bot .block .col2{ width:235px; padding:0 0 0 0px}
#index #content .row2 .left_column .indent_bot .block .col2 .top_bar{ background-image:url(../images/top_bar.gif); height:10px}
#index #content .row2 .left_column .indent_bot .block .col2 .inner_bar{ min-height:300px; border:1px solid #EEEEEE; background-color:#EEEEEE; padding:0 7px 0 7px}
#index #content .row2 .left_column .indent_bot .block .col2 .bottom_bar{ background-image:url(../images/bottom_bar.gif); height:10px}

#index #content .row2 .right_column{ width:270px}
#index #content .row2 .right_column .indent{ padding:7px 20px 0 20px}
#index #content .row2 .right_column .indent .obavijestbartop{ background-image:url(../images/tab_obavijesti.jpg); height:30px}
#index #content .row2 .right_column .indent .obavijest{ padding:5px 0px 5px 5px; text-align:right; /*color:#000000; border-bottom:1px solid #c3d9ff; border-left:1px solid #c3d9ff; border-right:1px solid #c3d9ff; background-color:#c3d9ff; background-image:url(../images/obavijest_tab.gif); background-position:right; background-repeat:no-repeat;*/ }
#index #content .row2 .right_column .indent .obavijestbarbottom{ background-image:url(../images/obavijest_bar_bottom.gif); height:10px}
#index #content .row2 .right_column .indent .javna_nabavabartop{ background-image:url(../images/tab_javna_nabava.jpg); height:30px}
#index #content .row2 .right_column .indent .javna_nabava{ padding:5px 0px 5px 5px; text-align:right; /*color:#000000; border-bottom:1px solid #c3d9ff; border-left:1px solid #c3d9ff; border-right:1px solid #c3d9ff; background-color:#c3d9ff; background-image:url(../images/obavijest_tab.gif); background-position:right; background-repeat:no-repeat;*/ }
#index #content .row2 .right_column .indent .javna_nabavabarbottom{ background-image:url(../images/obavijest_bar_bottom.gif); height:10px}
#index #content .row2 .right_column .indent .dokumentibartop{ background-image:url(../images/tab_dokumenti.jpg); height:30px}
#index #content .row2 .right_column .indent .dokumenti{ padding:5px 0px 5px 5px; text-align:right; /*color:#000000; border-bottom:1px solid #c3d9ff; border-left:1px solid #c3d9ff; border-right:1px solid #c3d9ff; background-color:#c3d9ff; background-image:url(../images/obavijest_tab.gif); background-position:right; background-repeat:no-repeat;*/ }
#index #content .row2 .right_column .indent .dokumentibarbottom{ background-image:url(../images/obavijest_bar_bottom.gif); height:10px}
#index #content .row2 .right_column .indent .infobartop{ background-image:url(../images/tab_info.jpg); height:30px}
#index #content .row2 .right_column .indent .info{ padding:5px 0px 5px 5px; text-align:right; /*color:#000000; border-bottom:1px solid #c3d9ff; border-left:1px solid #c3d9ff; border-right:1px solid #c3d9ff; background-color:#c3d9ff; background-image:url(../images/info_tab.gif); background-position:right; background-repeat:no-repeat;*/ }
#index #content .row2 .right_column .indent .infobarbottom{ background-image:url(../images/info_bar_bottom.gif); height:10px}
#index #content .row2 .right_column .indent .title{ margin:7px 0 20px 0}
#index #content .row2 .right_column .indent .img{ display:block; margin:14px 0 14px 0}

#index #content .row3{ height:25px; width:800px}
/*=====*/

/*==================o_vodovodu.html==================*/
#o_vodovodu #content .row1{ height:15px}
#o_vodovodu #content .row2 .left_column .indent_top_75_years{ padding:7px 20px 7px 20px}
#o_vodovodu #content .row2 .left_column .indent_top_75_years .title{ margin-bottom:18px}
#o_vodovodu #content .row2 .left_column .indent_top_75_years strong{ color:#000000; line-height:14px; display:block; margin-bottom:15px}
#o_vodovodu #content .row2 .left_column .indent_top_75_years .block{ margin-bottom:16px}
#o_vodovodu #content .row2 .left_column .indent_top_75_years .block .col{ display:block; padding:5px 0 15px 0; margin-right:10px}
#o_vodovodu #content .row2 .left_column .indent_top_75_years .block .col .title{ display:block; font-weight:bold; padding:0 0 5px 0; margin:0}
#o_vodovodu #content .row2 .left_column .indent_top_75_years .block .col .img{ margin:0 5px 5px 0; float:left}
#o_vodovodu #content .row2 .left_column .indent_top_75_years .separate{ margin:0 30px 0 30px}
#o_vodovodu #content .row2 .left_column .separate{ margin:0 30px 0 30px; background-image:url(../images/separate.gif); background-repeat:repeat-x}
#o_vodovodu #content .row2 .left_column .indent_bot{ padding:7px 20px 7px 20px}
#o_vodovodu #content .row2 .left_column .indent_bot .title{ margin-bottom:18px; font-weight:bold}
#o_vodovodu #content .row2 .left_column .indent_bot .block{ margin-bottom:16px}
#o_vodovodu #content .row2 .left_column .indent_bot .block .col1{ padding:0; margin-right:10px;}
#o_vodovodu #content .row2 .left_column .indent_bot .block .col1 .news{ display:block; padding:5px 0 15px 0;}
#o_vodovodu #content .row2 .left_column .indent_bot .block .col1 .news .title{ display:block; font-weight:bold; padding:0; margin:0}
#o_vodovodu #content .row2 .left_column .indent_bot .block .col1 .news .img{ margin:0 5px 5px 0; float:left}
#o_vodovodu #content .row2 .left_column .indent_bot .block .col2{ padding:0 0 0 10px}
#o_vodovodu #content .row2 .left_column .indent_bot .block .col2 .top_bar_povijesne{ background-image:url(../images/top_bar_osnovni_podaci.gif); height:30px}
#o_vodovodu #content .row2 .left_column .indent_bot .block .col2 .top_bar_vodoopskrbni{ background-image:url(../images/top_bar_vodoopskrbni.gif); height:30px}
#o_vodovodu #content .row2 .left_column .indent_bot .block .col2 .inner_bar{ min-height:200px; border:1px solid #EEEEEE; background-color:#EEEEEE; padding:0 7px 0 7px}
#o_vodovodu #content .row2 .left_column .indent_bot .block .col2 .bottom_bar{ background-image:url(../images/bottom_bar.gif); height:10px}

#o_vodovodu #content .row2 .right_column .indent{ padding:7px 20px 0 20px}
#o_vodovodu #content .row2 .right_column .indent .obavijestbartop{ background-image:url(../images/tab_org_shema.jpg); height:30px}
#o_vodovodu #content .row2 .right_column .indent .obavijest{ padding:5px 0px 5px 0px; text-align:right}
#o_vodovodu #content .row2 .right_column .indent .obavijestbarbottom{ background-image:url(../images/obavijest_bar_bottom.gif); height:10px}
#o_vodovodu #content .row2 .right_column .indent .infobartop{ background-image:url(../images/tab_karta_distrib.jpg); height:30px}
#o_vodovodu #content .row2 .right_column .indent .info{ padding:5px 0px 5px 0px; text-align:right}
#o_vodovodu #content .row2 .right_column .indent .infobarbottom{ background-image:url(../images/info_bar_bottom.gif); height:10px}
#o_vodovodu #content .row2 .right_column .indent .title{ margin:7px 0 20px 0}
#o_vodovodu #content .row2 .right_column .indent .img{ display:block; margin:14px 0 14px 0}

#o_vodovodu #content .row3{ height:25px}
/*=====*/

/*==================povijest.html==================*/
#povijest #content .row1{ height:15px}
#povijest #content .row2 .left_column .indent_top_75_years{ padding:7px 20px 7px 20px}
#povijest #content .row2 .left_column .indent_top_75_years .title{ margin-bottom:18px}
#povijest #content .row2 .left_column .indent_top_75_years strong{ color:#000000; line-height:14px; display:block; margin-bottom:15px}
#povijest #content .row2 .left_column .indent_top_75_years .block{ margin-bottom:16px}
#povijest #content .row2 .left_column .indent_top_75_years .block .col{ display:block; padding:5px 0 15px 0; margin-right:10px}
#povijest #content .row2 .left_column .indent_top_75_years .block .col .title{ display:block; font-weight:bold; padding:0 0 5px 0; margin:0}
#povijest #content .row2 .left_column .indent_top_75_years .block .col .img{ margin:0 5px 5px 0; float:left}
#povijest #content .row2 .left_column .indent_top_75_years .separate{ margin:0 30px 0 30px}
#povijest #content .row2 .left_column .separate{ margin:0 30px 0 30px; background-image:url(../images/separate.gif); background-repeat:repeat-x}
#povijest #content .row2 .left_column .indent_bot{ padding:7px 20px 7px 20px}
#povijest #content .row2 .left_column .indent_bot .title{ margin-bottom:18px; font-weight:bold}
#povijest #content .row2 .left_column .indent_bot .block{ margin-bottom:16px}
#povijest #content .row2 .left_column .indent_bot .block .col1{ padding:0; margin-right:10px;}
#povijest #content .row2 .left_column .indent_bot .block .col1 .news{ display:block; padding:5px 0 15px 0;}
#povijest #content .row2 .left_column .indent_bot .block .col1 .news .title{ display:block; font-weight:bold; padding:0; margin:0}
#povijest #content .row2 .left_column .indent_bot .block .col1 .news .img{ margin:0 5px 5px 0; float:left}
#povijest #content .row2 .left_column .indent_bot .block .col2{ padding:0 0 0 0px}
#povijest #content .row2 .left_column .indent_bot .block .col2 .top_bar_povijesne{ background-image:url(../images/top_bar_no_title.gif); height:10px}
#povijest #content .row2 .left_column .indent_bot .block .col2 .top_bar_vodoopskrbni{ background-image:url(../images/top_bar_vodoopskrbni.gif); height:30px}
#povijest #content .row2 .left_column .indent_bot .block .col2 .inner_bar{ min-height:300px; border:1px solid #EEEEEE; background-color:#EEEEEE; padding:0 7px 0 7px}
#povijest #content .row2 .left_column .indent_bot .block .col2 .bottom_bar{ background-image:url(../images/bottom_bar.gif); height:10px}

#povijest #content .row2 .right_column .indent{ padding:7px 20px 0 20px}
#povijest #content .row2 .right_column .indent .obavijestbartop{ background-image:url(../images/tab_vazni_datumi.jpg); height:30px}
#povijest #content .row2 .right_column .indent .obavijest{ padding:5px 0px 5px 5px; text-align:right}
#povijest #content .row2 .right_column .indent .obavijestbarbottom{ background-image:url(../images/obavijest_bar_bottom.gif); height:10px}
#povijest #content .row2 .right_column .indent .infobartop{ background-image:url(../images/tab_certifikati.jpg); height:30px}
#povijest #content .row2 .right_column .indent .info{ padding:5px 0px 5px 5px; text-align:right}
#povijest #content .row2 .right_column .indent .infobarbottom{ background-image:url(../images/info_bar_bottom.gif); height:10px}
#povijest #content .row2 .right_column .indent .title{ margin:7px 0 20px 0}
#povijest #content .row2 .right_column .indent .img{ display:block; margin:14px 0 14px 0}

#povijest #content .row3{ height:25px}
/*=====*/

/*==================cijena_vode.html==================*/
#cijena_vode #content .row1{ height:15px}
#cijena_vode #content .row2 .left_column .indent_top_75_years{ padding:7px 20px 7px 20px}
#cijena_vode #content .row2 .left_column .indent_top_75_years .title{ margin-bottom:18px}
#cijena_vode #content .row2 .left_column .indent_top_75_years strong{ color:#000000; line-height:14px; display:block; margin-bottom:15px}
#cijena_vode #content .row2 .left_column .indent_top_75_years .block{ margin-bottom:16px}
#cijena_vode #content .row2 .left_column .indent_top_75_years .block .col{ display:block; padding:5px 0 15px 0; margin-right:10px}
#cijena_vode #content .row2 .left_column .indent_top_75_years .block .col .title{ display:block; font-weight:bold; padding:0 0 5px 0; margin:0}
#cijena_vode #content .row2 .left_column .indent_top_75_years .block .col .img{ margin:0 5px 5px 0; float:left}
#cijena_vode #content .row2 .left_column .indent_top_75_years .separate{ margin:0 30px 0 30px}
#cijena_vode #content .row2 .left_column .separate{ margin:0 30px 0 30px; background-image:url(../images/separate.gif); background-repeat:repeat-x}
#cijena_vode #content .row2 .left_column .indent_bot{ padding:7px 20px 7px 20px}
#cijena_vode #content .row2 .left_column .indent_bot .title{ margin-bottom:18px; font-weight:bold}
#cijena_vode #content .row2 .left_column .indent_bot .block{ margin-bottom:16px}
#cijena_vode #content .row2 .left_column .indent_bot .block .col1{ padding:0; margin-right:10px;}
#cijena_vode #content .row2 .left_column .indent_bot .block .col1 .news{ display:block; padding:5px 0 15px 0;}
#cijena_vode #content .row2 .left_column .indent_bot .block .col1 .news .title{ display:block; font-weight:bold; padding:0; margin:0}
#cijena_vode #content .row2 .left_column .indent_bot .block .col1 .news .img{ margin:0 5px 5px 0; float:left}
#cijena_vode #content .row2 .left_column .indent_bot .block .col2{ padding:0 0 0 10px}
#cijena_vode #content .row2 .left_column .indent_bot .block .col2 .top_bar_povijesne{ background-image:url(../images/top_bar_povijesne.gif); height:30px}
#cijena_vode #content .row2 .left_column .indent_bot .block .col2 .top_bar_vodoopskrbni{ background-image:url(../images/top_bar_vodoopskrbni.gif); height:30px}
#cijena_vode #content .row2 .left_column .indent_bot .block .col2 .inner_bar{ min-height:300px; border:1px solid #EEEEEE; background-color:#EEEEEE; padding:0 7px 0 7px}
#cijena_vode #content .row2 .left_column .indent_bot .block .col2 .bottom_bar{ background-image:url(../images/bottom_bar.gif); height:10px}

#cijena_vode #content .row2 .right_column .indent{ padding:7px 20px 0 20px}
#cijena_vode #content .row2 .right_column .indent .obavijestbartop{ background-image:url(../images/tab_cijena_vode.jpg); height:30px}
#cijena_vode #content .row2 .right_column .indent .obavijest{ padding:5px 0px 5px 5px; text-align:left}
#cijena_vode #content .row2 .right_column .indent .obavijestbarbottom{ background-image:url(../images/obavijest_bar_bottom.gif); height:10px}
#cijena_vode #content .row2 .right_column .indent .infobartop{ background-image:url(../images/tab_karta_distrib.jpg); height:30px}
#cijena_vode #content .row2 .right_column .indent .info{ padding:5px 0px 5px 5px; text-align:right}
#cijena_vode #content .row2 .right_column .indent .infobarbottom{ background-image:url(../images/info_bar_bottom.gif); height:10px}
#cijena_vode #content .row2 .right_column .indent .title{ margin:7px 0 20px 0}
#cijena_vode #content .row2 .right_column .indent .img{ display:block; margin:14px 0 14px 0}

#cijena_vode #content .row3{ height:25px}

#cijena_vode .tablica td{ border-bottom:1px solid #ededed}
/*=====*/

/*==================kvaliteta_vode.html==================*/
#kvaliteta_vode #content .row1{ height:15px}
#kvaliteta_vode #content .row2 .left_column .indent_top_75_years{ padding:7px 20px 7px 20px}
#kvaliteta_vode #content .row2 .left_column .indent_top_75_years .title{ margin-bottom:18px}
#kvaliteta_vode #content .row2 .left_column .indent_top_75_years strong{ color:#000000; line-height:14px; display:block; margin-bottom:15px}
#kvaliteta_vode #content .row2 .left_column .indent_top_75_years .block{ margin-bottom:16px}
#kvaliteta_vode #content .row2 .left_column .indent_top_75_years .block .col{ display:block; padding:5px 0 15px 0; margin-right:10px}
#kvaliteta_vode #content .row2 .left_column .indent_top_75_years .block .col .title{ display:block; font-weight:bold; padding:0 0 5px 0; margin:0}
#kvaliteta_vode #content .row2 .left_column .indent_top_75_years .block .col .img{ margin:0 5px 5px 0; float:left}
#kvaliteta_vode #content .row2 .left_column .indent_top_75_years .separate{ margin:0 30px 0 30px}
#cijena_vode #content .row2 .left_column .separate{ margin:0 30px 0 30px; background-image:url(../images/separate.gif); background-repeat:repeat-x}
#kvaliteta_vode #content .row2 .left_column .indent_bot{ padding:7px 20px 7px 20px}
#kvaliteta_vode #content .row2 .left_column .indent_bot .title{ margin-bottom:18px; font-weight:bold}
#kvaliteta_vode #content .row2 .left_column .indent_bot .block{ margin-bottom:16px}
#kvaliteta_vode #content .row2 .left_column .indent_bot .block .col1{ padding:0; margin-right:10px;}
#kvaliteta_vode #content .row2 .left_column .indent_bot .block .col1 .news{ display:block; padding:5px 0 15px 0;}
#kvaliteta_vode #content .row2 .left_column .indent_bot .block .col1 .news .title{ display:block; font-weight:bold; padding:0; margin:0}
#kvaliteta_vode #content .row2 .left_column .indent_bot .block .col1 .news .img{ margin:0 5px 5px 0; float:left}
#kvaliteta_vode #content .row2 .left_column .indent_bot .block .col2{ padding:0 0 0 0px}
#kvaliteta_vode #content .row2 .left_column .indent_bot .block .col2 .top_bar_povijesne{ background-image:url(../images/top_bar_no_title.gif); height:10px}
#kvaliteta_vode #content .row2 .left_column .indent_bot .block .col2 .top_bar_vodoopskrbni{ background-image:url(../images/top_bar_vodoopskrbni.gif); height:30px}
#kvaliteta_vode #content .row2 .left_column .indent_bot .block .col2 .inner_bar{ min-height:300px; border:1px solid #EEEEEE; background-color:#EEEEEE; padding:0 6px 0 6px}
#kvaliteta_vode #content .row2 .left_column .indent_bot .block .col2 .bottom_bar{ background-image:url(../images/bottom_bar.gif); height:10px}

#kvaliteta_vode #content .row2 .right_column .indent{ padding:7px 20px 0 20px}
#kvaliteta_vode #content .row2 .right_column .indent .obavijestbartop{ background-image:url(../images/tab_izvjesca.jpg); height:30px}
#kvaliteta_vode #content .row2 .right_column .indent .obavijest{ padding:5px 0px 5px 0px; text-align:right}
#kvaliteta_vode #content .row2 .right_column .indent .obavijestbarbottom{ background-image:url(../images/obavijest_bar_bottom.gif); height:10px}
#kvaliteta_vode #content .row2 .right_column .indent .infobartop{ background-image:url(../images/tab_certifikati.jpg); height:30px}
#kvaliteta_vode #content .row2 .right_column .indent .info{ padding:5px 0px 5px 0px; text-align:right}
#kvaliteta_vode #content .row2 .right_column .indent .infobarbottom{ background-image:url(../images/info_bar_bottom.gif); height:10px}
#kvaliteta_vode #content .row2 .right_column .indent .title{ margin:7px 0 20px 0}
#kvaliteta_vode #content .row2 .right_column .indent .img{ display:block; margin:14px 0 14px 0}

#kvaliteta_vode #content .row3{ height:25px}
/*=====*/

/*==================prikljucenje.html==================*/
#prikljucenje #content .row1{ height:15px}
#prikljucenje #content .row2 .left_column .indent_top_75_years{ padding:7px 20px 7px 20px}
#prikljucenje #content .row2 .left_column .indent_top_75_years .title{ margin-bottom:18px}
#prikljucenje #content .row2 .left_column .indent_top_75_years strong{ color:#000000; line-height:14px; display:block; margin-bottom:15px}
#prikljucenje #content .row2 .left_column .indent_top_75_years .block{ margin-bottom:16px}
#prikljucenje #content .row2 .left_column .indent_top_75_years .block .col{ display:block; padding:5px 0 15px 0; margin-right:10px}
#prikljucenje #content .row2 .left_column .indent_top_75_years .block .col .title{ display:block; font-weight:bold; padding:0 0 5px 0; margin:0}
#prikljucenje #content .row2 .left_column .indent_top_75_years .block .col .img{ margin:0 5px 5px 0; float:left}
#prikljucenje #content .row2 .left_column .indent_top_75_years .separate{ margin:0 30px 0 30px}
#prikljucenje #content .row2 .left_column .separate{ margin:0 30px 0 30px; background-image:url(../images/separate.gif); background-repeat:repeat-x}
#prikljucenje #content .row2 .left_column .indent_bot{ padding:7px 20px 7px 20px}
#prikljucenje #content .row2 .left_column .indent_bot .title{ margin-bottom:18px; font-weight:bold}
#prikljucenje #content .row2 .left_column .indent_bot .block{ margin-bottom:16px}
#prikljucenje #content .row2 .left_column .indent_bot .block .col1{ padding:0; margin-right:10px;}
#prikljucenje #content .row2 .left_column .indent_bot .block .col1 .news{ display:block; padding:5px 0 15px 0;}
#prikljucenje #content .row2 .left_column .indent_bot .block .col1 .news .title{ display:block; font-weight:bold; padding:0; margin:0}
#prikljucenje #content .row2 .left_column .indent_bot .block .col1 .news .img{ margin:0 5px 5px 0; float:left}
#prikljucenje #content .row2 .left_column .indent_bot .block .col2{ padding:0 0 0 10px}
#prikljucenje #content .row2 .left_column .indent_bot .block .col2 .top_bar_povijesne{ background-image:url(../images/top_bar_povijesne.gif); height:30px}
#prikljucenje #content .row2 .left_column .indent_bot .block .col2 .top_bar_vodoopskrbni{ background-image:url(../images/top_bar_vodoopskrbni.gif); height:30px}
#prikljucenje #content .row2 .left_column .indent_bot .block .col2 .inner_bar{ min-height:300px; border:1px solid #EEEEEE; background-color:#EEEEEE; padding:0 7px 0 7px}
#prikljucenje #content .row2 .left_column .indent_bot .block .col2 .bottom_bar{ background-image:url(../images/bottom_bar.gif); height:10px}

#prikljucenje #content .row2 .right_column .indent{ padding:7px 20px 0 20px}
#prikljucenje #content .row2 .right_column .indent .obavijestbartop{ background-image:url(../images/tab_cijena_vode.jpg); height:30px}
#cijena_vode #content .row2 .right_column .indent .obavijest{ padding:5px 0px 5px 5px; text-align:left}
#cijena_vode #content .row2 .right_column .indent .obavijestbarbottom{ background-image:url(../images/obavijest_bar_bottom.gif); height:10px}
#cijena_vode #content .row2 .right_column .indent .infobartop{ background-image:url(../images/tab_karta_distrib.jpg); height:30px}
#cijena_vode #content .row2 .right_column .indent .info{ padding:5px 0px 5px 5px; text-align:right}
#cijena_vode #content .row2 .right_column .indent .infobarbottom{ background-image:url(../images/info_bar_bottom.gif); height:10px}
#cijena_vode #content .row2 .right_column .indent .title{ margin:7px 0 20px 0}
#cijena_vode #content .row2 .right_column .indent .img{ display:block; margin:14px 0 14px 0}

#cijena_vode #content .row3{ height:25px}
/*=====*/

/*==================kontakt.html==================*/
#kontakt #content .row1{ height:15px; width:800px}
#kontakt #content .row2{ width:800px}
#kontakt #content .row2 .left_column{ width:530px}
#kontakt #content .row2 .left_column .indent_top_75_years{ padding:7px 20px 7px 20px}
#kontakt #content .row2 .left_column .indent_top_75_years .title{ margin-bottom:18px}
#kontakt #content .row2 .left_column .indent_top_75_years strong{ color:#000000; line-height:14px; display:block; margin-bottom:15px}
#kontakt #content .row2 .left_column .indent_top_75_years .block{ width:490px; margin-bottom:7px}
#kontakt #content .row2 .left_column .indent_top_75_years .block .col1{ width:280px; padding:0; margin-right:10px}
#kontakt #content .row2 .left_column .indent_top_75_years .block .col1 .img{width:280px; height:160px; padding:0; margin:0}
#kontakt #content .row2 .left_column .indent_top_75_years .block .col2{ width:200px; padding:0; margin:0}
#kontakt #content .row2 .left_column .indent_top_75_years .separate{ margin:0 30px 0 30px}
#kontakt #content .row2 .left_column .separate{ margin:0 30px 0 30px; background-image:url(../images/separate.gif); background-repeat:repeat-x}
#kontakt #content .row2 .left_column .indent_bot{ padding:7px 20px 7px 20px}
#kontakt #content .row2 .left_column .indent_bot .title{ margin-bottom:18px; font-weight:bold}
#kontakt #content .row2 .left_column .indent_bot .block{ width:490px; margin-bottom:16px}
#kontakt #content .row2 .left_column .indent_bot .block .col1{ width:235px; padding:0; margin-right:10px;}
#kontakt #content .row2 .left_column .indent_bot .block .col1 .news{ display:block; padding:5px 0 15px 0;}
#kontakt #content .row2 .left_column .indent_bot .block .col1 .news .title{ display:block; font-weight:bold; padding:0; margin:0}
#kontakt #content .row2 .left_column .indent_bot .block .col1 .news .img{ margin:0 5px 5px 0; float:left}
#kontakt #content .row2 .left_column .indent_bot .block .col2{ width:235px; padding:0 0 0 10px}
#kontakt #content .row2 .left_column .indent_bot .block .col2 .top_bar{ background-image:url(../images/top_bar_title.gif); height:30px}
#kontakt #content .row2 .left_column .indent_bot .block .col2 .inner_bar{ min-height:300px; border:1px solid #EEEEEE; background-color:#EEEEEE; padding:0 7px 0 7px}
#kontakt #content .row2 .left_column .indent_bot .block .col2 .bottom_bar{ background-image:url(../images/bottom_bar.gif); height:10px}

#kontakt #content .row2 .right_column{ width:270px}
#kontakt #content .row2 .right_column .indent{ padding:7px 20px 0 20px}
#kontakt #content .row2 .right_column .indent .obavijestbartop{ background-image:url(../images/tab_obavijesti.jpg); height:30px}
#kontakt #content .row2 .right_column .indent .obavijest{ padding:5px 0px 5px 5px; text-align:right}
#kontakt #content .row2 .right_column .indent .obavijestbarbottom{ background-image:url(../images/obavijest_bar_bottom.gif); height:10px}
#kontakt #content .row2 .right_column .indent .infobartop{ background-image:url(../images/tab_info.jpg); height:30px}
#kontakt #content .row2 .right_column .indent .info{ padding:5px 0px 5px 5px; text-align:right}
#kontakt #content .row2 .right_column .indent .infobarbottom{ background-image:url(../images/info_bar_bottom.gif); height:10px}
#kontakt #content .row2 .right_column .indent .title{ margin:7px 0 20px 0}
#kontakt #content .row2 .right_column .indent .img{ display:block; margin:14px 0 14px 0}

#kontakt #content .row3{ height:25px; width:800px}
/*=====*/