body
{ font-family: Verdana, Trebuchet MS, sans-serif; font-size: 0.7em; line-height: 1.3em; color: #000000; background: #cccccc; margin-top: 5px; padding-bottom: 5px; }

* { margin: 0; padding: 0;}

#side_bar em
{ margin-left: -9999px; }

img
{ border:none; }

a { outline: none; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#content
{ position: relative; padding-bottom: 15px; }

#container
{ width: 850px; background: #c7d5e1 url(/images/main_bg.gif) repeat-x 0 138px; margin: 0 auto; text-align: left; }

#side_bar
{ width: 163px; float: left; margin-right: 13px; margin-left: 12px; clear: both; }

#main_content
{ width: 610px; float: left; background: #ffffff url(/images/Podloga.jpg) repeat 0 0; padding: 20px; position: relative; }

#main_content h1
{ margin-bottom: 10px; padding-bottom: 5px; border-bottom: #000000 2px dotted; font-weight: normal; color: #005a9c; font-size: 1.5em; clear: both; }

#main_content h2
{ margin-top: 10px; margin-bottom: 10px; padding-bottom: 5px; border-bottom: #000000 1px dotted; font-weight: normal; color: #4F87AF; font-size: 1.2em;} 

#main_content ul
{ margin-left: 15px; }



#main_flash
{ margin-top: -2px; height: 150px;  }

.side_top
{ background: transparent url(/images/round_top_side_bar.gif) no-repeat; width: 163px; height: 5px;}

.side_bottom
{ background: transparent url(/images/round_bottom_side_bar.gif) no-repeat; width: 163px; height: 5px;}

#side_flash
{ background: #fff; padding-left: 10px; height: 150px;  }

.flash{ margin-top: 5px; }

* html .flash{ margin-top: 0; }
* html .meni { position: relative; zoom: 1; }
* html #side_flash { margin-top: -8px;  }
* html #counter { margin-top: -9px;  }
* html #container { width: 834px;  }
* html #side_bar { margin: -15px 9px 0 6px;}
* html #main_content { margin: -15px 0 0 0; width: 610px; position: relative; left: 4px; }

.round_top
{ background: url(/images/round_top.gif) no-repeat; display: block; width: 5px; height: 5px; position: absolute; top: 0; left: 0; }

.round_top_right
{ background: url(/images/round_top_right.gif) no-repeat; display: block; width: 5px; height: 5px; position: absolute; top: 0; right: 0; }

.round_bottom
{ background: transparent url(/images/main_bottom.gif) no-repeat; width: 650px; height: 8px; clear: both; position: absolute; bottom: -8px; left: 0; }



#start
{ padding: 5px 20px 15px 20px; }

#pretraga
{ float: left; padding: 0 0 5px 0; margin-left: -8px; }

* html #pretraga
{ margin-left: -4px; padding-top: 3px; }

#pretraga input
{ font-size: .8em; width: 160px; }

#pretraga fieldset
{ border: none; }


.hor
{ list-style: none; padding-left: 35px; float: left; font-weight: bold; }

* + html .hor { padding-left: 30px; }
* html .hor { position: relative; top: -25px; left: 140px; margin-bottom: 0; padding-bottom: 0; }



.hor li
{ display: inline; float: left; margin-right: 20px; }

.hor li a
{ color: #ffffff; text-decoration: none; }

.hor li a:hover
{ color: #7ac94b; }




/*Side bar*/

#counter
{ background: #fff; padding-left: 10px; text-align: left; }

#side_bar #main_nav
{ list-style: none; padding-left: 2.5px; background: #ffffff; margin-top: -5px; }


* html #side_bar #main_nav { margin-top: -10px; position: relative; zoom: 1;}
* + html #side_bar #main_nav { position: relative; top: 0;}

#side_bar #main_nav li
{ margin-top: 4px; }

#side_bar #main_nav .sub
{ display: none;  }

#side_bar #main_nav .active
{ display: block; margin-left: 15px; padding: 4px; margin-top: -10px; list-style: none; background: transparent; }

* + html #side_bar #main_nav .active {  margin-top: -24px; }
*  html #side_bar #main_nav .active {  margin-top: -24px;  }

#side_bar #main_nav .active li 
{ display: block; margin-top: 2px; }

#side_bar #main_nav .active li a
{ color: #4F87AF; text-decoration: none;}

#side_bar #main_nav .active li a:hover
{ color: #7ac94b; border-bottom: 1px dashed;}





.O-nama a
{ display: block; background: url(/images/menu/onama.jpg) no-repeat; width: 158px; height: 31px; }

.About-us a
{ display: block; background: url(/images/menu/about.gif) no-repeat; width: 158px; height: 31px; }

.Novosti a
{ display: block; background: url(/images/menu/novosti.jpg) no-repeat; width: 158px; height: 31px; }

.News a
{ display: block; background: url(/images/menu/news.gif) no-repeat; width: 158px; height: 31px; }

.Mreza-autocesta a
{ display: block; background: url(/images/menu/mreza.jpg) no-repeat; width: 158px; height: 31px; }

.Motorways-network a
{ display: block; background: url(/images/menu/motorway_network.jpg) no-repeat; width: 158px; height: 31px; }

.Cestarine a
{ display: block; background: url(/images/menu/cestarine.gif) no-repeat; width: 158px; height: 31px; }

.Pay-tol a
{ display: block; background: url(/images/menu/tolls.jpg) no-repeat; width: 158px; height: 31px; }

.Publikacije a
{ display: block; background: url(/images/menu/publikacije.jpg) no-repeat; width: 158px; height: 31px; }

.Publications a
{ display: block; background: url(/images/menu/publications.gif) no-repeat; width: 158px; height: 31px; }

.ASECAP a
{ display: block; background: url(/images/menu/asecap.jpg) no-repeat; width: 158px; height: 31px; }

.Zakonodavstvo a
{ display: block; background: url(/images/menu/zakonodavstvo.gif) no-repeat; width: 158px; height: 31px; }

.Legislation a
{ display: block; background: url(/images/menu/legislation.jpg) no-repeat; width: 158px; height: 31px; }

#side_bar ul .current a
{ background-position: right; }




/*Round image*/

.jquery-corner { position: relative; }


/*Footer*/

#footer
{ background: url(/images/footer.gif) no-repeat; width: 850px; height: 20px; padding-left: 15px; color: #fff; font-weight: bold; }

#footer .home
{ margin-left: 400px;  }

#footer .home_en
{ margin-left: 350px;  }

#footer a
{ color: #fff; text-decoration: none; }

#footer a:hover
{ color: #7ac94b; }

* html #footer { width: 835px; }


/*Content*/


.more
{ color: #7ac94b; text-decoration: none; font-weight: bold; }

a.more:hover
{ color: #888888; }

.article
{ width: 270px; margin-right: 20px; margin-bottom: 30px; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; }


.article_wide
{ width: 560px; clear: both; margin-bottom: 30px ;}

.article a
{ display: inline; }

.content
{ margin-bottom: 30px; clear: both; }

.content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.content a
{ color: #008569; text-decoration: none; }




/*Prikaz karata*/

.logo
{ margin-top: -225px; margin-left: 340px; margin-bottom: 50px; font-size: .9em;  }

.logo img
{ float: right; margin-top: -35px; }

.logo a
{ color: #575757; text-decoration: none; font-weight: bold; }

.logo a:hover
{ color: #7ac94b; }

#karte, #karte_en
{ float: left; margin-right: 5px; list-style: none; left: -20px; position: relative; margin-top: 20px; }

#karte li, #karte_en li
{ margin-bottom: 7px; }

#prikaz_karata
{ float: left; width: 500px; margin-top: 20px; }

* html #prikaz_karata
{ margin-right: 0; margin-left: -10px;  }

#karte em, #karte_en em
{ margin-left: -9999px; }

#karte .click a, #karte_en .click a
{ background-position: right; }

.a1 a
{ display: block; background: url(/images/mreza_autocesta/a1.gif) no-repeat; width: 80px; height: 25px; }

.a2 a
{ display: block; background: url(/images/mreza_autocesta/a2.gif) no-repeat; width: 80px; height: 25px; }

.a3 a
{ display: block; background: url(/images/mreza_autocesta/a3.gif) no-repeat; width: 82px; height: 25px; }

.a4 a
{ display: block; background: url(/images/mreza_autocesta/a4.gif) no-repeat; width: 82px; height: 25px; }

.a5 a
{ display: block; background: url(/images/mreza_autocesta/a5.gif) no-repeat; width: 82px; height: 25px; }

.a6 a
{ display: block; background: url(/images/mreza_autocesta/a6.gif) no-repeat; width: 82px; height: 25px; }

.a7 a
{ display: block; background: url(/images/mreza_autocesta/a7.gif) no-repeat; width: 82px; height: 25px; }

.a8 a
{ display: block; background: url(/images/mreza_autocesta/a8.gif) no-repeat; width: 82px; height: 25px; }

.a9 a
{ display: block; background: url(/images/mreza_autocesta/a9.gif) no-repeat; width: 82px; height: 25px; }

.a10 a
{ display: block; background: url(/images/mreza_autocesta/a10_2.gif) no-repeat; width: 82px; height: 25px; }

.a11 a
{ display: block; background: url(/images/mreza_autocesta/a11.gif) no-repeat; width: 82px; height: 25px; }

.a12 a
{ display: block; background: url(/images/mreza_autocesta/a12_2.gif) no-repeat; width: 82px; height: 36px; }

.a13 a
{ display: block; background: url(/images/mreza_autocesta/a13.gif) no-repeat; width: 82px; height: 36px; }


.a1 a:hover, .a2 a:hover, .a3 a:hover, .a4 a:hover, .a5 a:hover,.a6 a:hover, .a7 a:hover, .a8 a:hover, .a9 a:hover, .a10 a:hover, .a11 a:hover, .a12 a:hover, .a13 a:hover
{ background-position: right; }

/*Kontakt*/

#kontakt_forma fieldset
{ border: none; float: left; }

#kontakt_forma .first
{ margin-right: 30px; }

#kontakt_forma label
{ display: block; }

#kontakt_forma input
{ margin-bottom: 10px; padding: 2px; }

#kontakt_forma textarea
{ width: 400px; height: 165px; }

#kontakt_forma button
{clear: both;  margin-top: 30px; }


/*Članice lista*/

#clanice_lista
{ list-style: none; position: relative; left: -15px;  }

#clanice_lista li
{ float: left; margin-right: 13px; }

#clanice_lista .last
{ margin-right: 0; }

#clanice_lista #hac a
{ background: url(/images/clanice/hac.jpg) no-repeat; display: block; width: 139px; height: 137px; }

#clanice_lista #arz a
{ background: url(/images/clanice/ri-zg.jpg) no-repeat; display: block; width: 139px; height: 137px; }

#clanice_lista #istra a
{ background: url(/images/clanice/istra.jpg) no-repeat; display: block; width: 139px; height: 137px; }

#clanice_lista #azm a
{ background: url(/images/clanice/azm.jpg) no-repeat; display: block; width: 139px; height: 137px; }

#clanice_lista #hac a:hover, #clanice_lista #arz a:hover, #clanice_lista #istra a:hover, #clanice_lista #azm a:hover
{ background-position: right; }

/*Tijela*/

#tijela .parent, .round_txt
{ background: #009170; float: left; margin-top: 10px; min-height: 170px; height: auto !important; height: 170px; }

#tijela .inner, .round_txt p
{ background: #a3aab0; color: #fff; padding: 10px; min-height: 170px; height: auto !important; height: 170px; position: relative; }

#tijela .inner h2
{ color: #009170; border: none; font-weight: bold; font-size: 1.3em; }

#tijela .inner .second
{ width: 280px; position: absolute; right: 0; top: 38px; }

#tijela .half
{ width: 290px; }

#tijela .whole
{ width: 98%; }

#tijela .first, #tijela .pictures
{ margin-right: 10px;  }

#tijela .pictures span { display: block; }

#tijela .pictures p { float: left; width: 100px; margin-right: 20px; }

#tijela .pictures .first_child { margin-left: 20px; }

/*Linkovi */

.black a { color: #000; }

.black a:hover { color: #fff; }

.white a, #zakonodavstvo .white ul { color: #fff; }

.white a:hover { color: #339966; }

.green a { color: #888888; font-weight: bold;  }

.green a:hover { color: #339966; }

.real_green a { color: #339966; font-weight: bold; text-decoration: none; }

.real_green a:hover { color: #888888; }


.grey a { color: #339966; font-weight: bold; }

.grey a:hover { color: #888888; }

.round_txt_linkovi, .round_txt_zakon
{ background: #009170; margin-top: 10px; }

.round_txt_linkovi .inner, .round_txt_zakon .inner
{ background: #a3aab0; color: #fff; padding: 5px; position: relative; }

#korisni_linkovi a, #povelja a, #search_results a { color: #009170; text-decoration: none; }

#korisni_linkovi a:hover { color: rgb(0, 51, 102); }

#povelja a { font-weight: bold; }

#povelja a:hover { font-weight: bold; color: #888888; }

#search_results { margin-top: 20px; }

#search_results li { margin-bottom: 10px; }

#korisni_linkovi h2 { border-bottom: none; font-size: 1.5em; color: #2976d2; }

#asecap_clanice h2 { border-bottom: none; font-size: 1.5em; color: #2976d2; }

/*Zakonodavstvo*/

#zakonodavstvo h2 { border-bottom: none; color: #009170; font-weight: bold; }

#zakonodavstvo p { color: #fff;  margin-bottom: 20px; }

#zakonodavstvo ul { color: #000; margin-bottom: 20px; }

#zakonodavstvo .special { margin-top: -5px; }

#zakonodavstvo .special2 { margin-top: 15px; }

/*Cestarine cjenici*/

#cestarine_cjenik, #cestarine_cjenik_en { position: relative; left: -20px; list-style: none; margin-top: 10px; }

#cestarine_cjenik li, #cestarine_cjenik_en li { float: left; margin-right: 10px; }

	#cestarine_cjenik #cjenik_hac a { background: url(/images/cjenik_hac.jpg) no-repeat top; width: 57px; height: 74px; display: block;  }
	
	#cestarine_cjenik #cjenik_arz a { background: url(/images/cjenik_arz.jpg) no-repeat top; width: 57px; height: 74px; display: block;  }
	
	#cestarine_cjenik #cjenik_ina a { background: url(/images/cjenik_ina.jpg) no-repeat top; width: 57px; height: 74px; display: block;  }
	
	#cestarine_cjenik #cjenik_azm a { background: url(/images/cjenik_azm.jpg) no-repeat top; width: 57px; height: 74px; display: block;  }
	
	#cestarine_cjenik_en #cjenik_hac_en a { background: url(/images/cjenik_hac_en.jpg) no-repeat top; width: 57px; height: 74px; display: block;  }
	
	#cestarine_cjenik_en #cjenik_arz_en a { background: url(/images/cjenik_arz_en.jpg) no-repeat top; width: 57px; height: 74px; display: block;  }
	
	#cestarine_cjenik_en #cjenik_ina_en a { background: url(/images/cjenik_ina_en.jpg) no-repeat top; width: 57px; height: 74px; display: block;  }
	
	#cestarine_cjenik_en #cjenik_azm_en a { background: url(/images/cjenik_azm_en.jpg) no-repeat top; width: 57px; height: 74px; display: block;  }
	
	#cestarine_cjenik #cjenik_hac a:hover, #cestarine_cjenik #cjenik_arz a:hover, #cestarine_cjenik #cjenik_ina a:hover, #cestarine_cjenik #cjenik_azm a:hover { background-position: bottom; }
	
	#cestarine_cjenik_en #cjenik_hac_en a:hover, #cestarine_cjenik_en #cjenik_arz_en a:hover, #cestarine_cjenik_en #cjenik_ina_en a:hover, #cestarine_cjenik_en #cjenik_azm_en a:hover { background-position: bottom; }
	
/*Kontakt*/

#kontakt .kako_do_nas  { float: right; margin: -160px 0 30px 0; }

#kontakt_forma { clear: both; }


/*Ascecap*/

#asecap_projekti .round_txt .grey { background: #B3BEC2; }





.round_txt_zakon .inner { background: #a3aab0; }



table td { padding: 10px 2px 0 2px; text-align: left; }
table td.date { padding-left: 50px; padding-top: 0; }

.big_text { text-transform: uppercase; font-weight: bold; }


/* Misc */



#odluka_o_tranzitnim_pravcima .odluka { width: 260px; margin-right: 45px; float: left; background: url(/objekti/update/140109/text_thumb.gif) no-repeat; }
#odluka_o_tranzitnim_pravcima .odluka a { padding: 35px 0 10px 65px; display: block; }
#odluka_o_tranzitnim_pravcima .karta { width: 300px; float: left; background: url(/objekti/update/140109/karta_thumb.gif) no-repeat; text-align: left; }

#odluka_o_tranzitnim_pravcima .karta a { padding: 30px 0 20px 140px; display: block; }

#new_address { background: #fff; text-align: center; }

.toggle_archive { margin-bottom: 20px; }
#archive_list { display: none; }