/* propisi.css */

body {
	margin: 0;
	padding: 0;
	background: url(../images/top_bg.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	}

/* glavna struktura ***************************************/
	
.container {
	width: 990px;
	height: auto;
	margin: 0 auto;
	}
	
.header {
	position: relative;
	height: 103px;
	}
	
.topNav {
	position: relative;
	padding-top: 5px;
	*/padding-top: 10px;
	*/margin-bottom: -5px;
	height: 30px;
	width: 800px;
	}	

.wrapper {
	float: left;
	width: auto;
	}
	
.content {
	margin: 0 201px 0 249px;
	min-height: 1px;
	/*border: 1px solid lime;*/
	font-size: 11px;
	color: #666;
	height: auto;
	line-height: 18px;
	}
	
.leftCell {
	float: left;
	width: 250px;
	margin-left: -990px;
	border-right: 1px solid white;
	line-height: 18px;
	background: url(../images/leftCell_bottom_bg.gif) no-repeat bottom #F9F9F9;
	padding-bottom: 40px;
	/*border-bottom: 10px solid #EC0000;*/
	}
	
.rightCell {
	float: left;
	width: 200px;
	margin-left: -200px;
	line-height: 18px;
	}
	
.footer {
	clear: left;
	width: 100%;
	background: #000000;
	height: 40px;
	padding: 10px;
	}
	
ul {
	list-style-type: none;
	margin: 5px 10px 30px;
	padding: 0;
	}
	
li {
	list-style-type: none;
	margin: 0;
	padding: 0px 0 0px 10px;
	background: url(../images/arrow.gif) no-repeat 0px 9px;
	}
	
.logo {
	width: 257px;
	height: 81px;
	position: absolute;
	top: 0;
	left: 0;
	}

.home_icon {
	width: 15px;
	height: 13px;
	position: absolute;
	left:700px;
	top: 25px;
	border: 0;
	}
	
.home_icon:hover {
	width: 15px;
	height: 13px;
	position: absolute;
	left: 700px;
	top: 25px;
	}
	
.email_icon {
	width: 14px;
	height: 10px;
	position: absolute;
	left:740px;
	top: 24px;
	*/top: 27px;
	border: 0;
	}
	
.email_icon:hover {
	width: 14px;
	height: 10px;
	position: absolute;
	left: 740px;
	top: 24px;
	*/top: 27px;
	}






/* login forma ****************************************************/

.login {
	background: url(../images/login_bg.gif) no-repeat;
	width: 180px;
	height: 60px;
	border-top: 1px solid white;
	margin-bottom: 10px;
	font-size: 11px;
	color: #666666;
	padding: 10px;
	display: block;
	}
	
.username_field {
	width: 115px;
	height: 13px;
	font-size: 11px;
	color: #666666;
	margin-left: 3px;
	margin-bottom: 1px;
	}
	
.password_field {
	width: 75px;
	height: 13px;
	font-size: 11px;
	color: #666666;
	margin-left: 18px;
	}

.botun {
	display: inline;
	background: none;
	color: #666;	
	border: 0;
	padding: 1px;
	font-size: 11px;
	cursor: pointer;
	}
	
.new_user {
	font-size: 11px;
	color: #666;
	text-decoration: none;
	margin-left: 54px;
	}
	
.new_user:hover {
	color: #999;
	text-decoration: underline;
	}	



/* glavna navigacija ********************************************/

.topLink {
	font-size: 11px;
	color: black;
	text-decoration: none;
	display: inline;
	margin: 0 5px 0 7px;
	}
	
.topLink:hover {
	text-decoration: underline;
	}


.topLink_selected {
	background: url(../images/topLink_selected.gif) no-repeat bottom center;
	font-size: 11px;
	color: black;
	text-decoration: none;
	display: inline;
	margin: 0 5px 0 7px;
	padding-bottom:11px;
	*/padding-bottom: 10px;
	}
	
.topLink_selected:hover {
	background: url(../images/topLink_selected.gif) no-repeat bottom center;
	font-size: 11px;
	color: black;
	text-decoration: underline;
	display: inline;
	margin: 0 5px 0 7px;
	padding-bottom: 11px;
	*/padding-bottom: 10px;
	}	

/* banneri *************************************************/

.pair_banner {
	width: 250px;
	height: 184px;
	background: url(../images/pair_image.jpg) no-repeat;
	}

.right_banner {
	width: 200px;	
	margin-bottom: 10px;
	}
	
.glavni_banner {
	width: 990px;
	height: 184px;
	margin: 0 auto;
	background: url(../images/glavni_banner.jpg) no-repeat;
	}

/* navigacija lijevo  *******************************************/

.leftLink {
	font-size: 11px;
	color: #999999;
	text-decoration: none;
	}
	
.leftLink:hover {
	text-decoration: underline;
	}

.expand_0 {
	font-size: 11px;
	color: #666;
	text-decoration: none;
	padding-left: 15px;
	display: block;
	background: url(../images/arrow.gif) no-repeat 5px 6px;
	margin: 2px 10px;
	font-weight: bold;
	}
	
.expand_0:hover {
	text-decoration: underline;
	}

.expand_1 {
	font-size: 11px;
	color: #990000;
	text-decoration: none;
	padding-left: 15px;
	display: block;
	background: url(../images/red_arrow.gif) no-repeat 5px 7px;
	margin: 2px 20px;
	
	}
	
.expand_1:hover {
	text-decoration: underline;
	}
	
.expand_2 {
	font-size: 11px;
	color: #FF6600;
	text-decoration: none;
	padding-left: 15px;
	display: block;
	background: url(../images/orange_arrow.gif) no-repeat 5px 7px;
	margin: 2px 30px;
	
	}
	
.expand_2:hover {
	text-decoration: underline;
	}	
	
	
	
	

/* zakoni i propisi *********************************************/

.contentLink {
	font-size: 11px;
	color: #999;
	text-decoration: none;
	display: block;
	}
	
.contentLink:hover {
	text-decoration: underline;
	}
	
	

.contentLink2 {
	font-size: 11px;
	color: #666;
	text-decoration: none;
	display: block;
	}
	
.contentLink2:hover {
	text-decoration: underline;
	}

/* naslovi  ****************************************************/
	
.leftHdg_bg {
	background: url(../images/hdg_bg_left.gif) no-repeat;
	width: 238px;
	height: 23px;
	border-top: 1px solid white;
	padding: 6px 5px 0 7px;
	font-size: 13px;
	color: white;
	}
	
.content_hdg_bg {
	background: url(../images/content_hdg_bg.gif) no-repeat;
	width: 525px;
	height: 23px;
	border-top: 1px solid white;
	padding: 6px 5px 0 10px;
	font-size: 13px;
	color: white;
	}
	
.rightHdg_bg {
	background: url(../images/right_hdg_bg.gif) no-repeat;
	width: 188px;
	height: 23px;
	border-top: 1px solid white;
	padding: 6px 5px 0 7px;
	font-size: 13px;
	color: white;
	}	
	
	
	
	
	
	
/*  jednostavno pretraživanje ***********************************************/

.simple_search {
	width: 176px;
	height: 185px;
	background: #CCCCCC;
	position: relative;
	top: 10px;
	left: 786px;
	*/margin-bottom: -107px;
	background: url(../images/simple_search_bg_v2.jpg) repeat-x;
	font-size: 11px;
	padding: 10px 10px 10px 20px;
	color: #666;
	}

.pretraga_hdg {
	font-size: 12px;
	color: #333;
	font-weight: bold;
	}

.txts {
	color: #333;
	margin-bottom: 2px;
	}

.select_field_1 {
	width: 50px;
	font-size: 11px;
	color: #999;
	margin-bottom: 1px;
	display: inline;
	margin: 5px 0 2px 3px;
	}
	
.select_field_2 {
	width: 50px;
	font-size: 11px;
	color: #999;
	margin-bottom: 1px;
	display: inline;
	margin: 5px 0 2px 7px;
	}

.trazi_field {
	width: 115px;
	height: 13px;
	font-size: 11px;
	color: #666666;
	margin-bottom: 2px;
	}

.botun_trazi {
	display: inline;
	background: none;
	color: white;
	border: 0;
	padding: 1px;
	font-size: 11px;
	width: 40px;
	background: #666;
	margin-left: 5px;
	}

	

	
	
/* scroll ****************************************/

.vazeci {
	padding: 5px 15px 5px 15px;
	background: #E9E9E9;
	width: 506px;
	margin: 0 auto;
	text-align: right;
	}

.left_scroll {
	overflow: auto;
	overflow-x: hidden; 
	height: 302px;
	*/height: 300px;
	width: auto;
	}
	
.content_scroll {
	overflow: auto;
	overflow-x: hidden; 
	height: 379px;
	//height: 351px;
	width: auto;
	padding: 15px;
	line-height: 18px;
	margin-bottom: 10px;
	}
	
	
	
	
/* tablica *******************************************/

.table_wrapper {
	background: #F4F4F4;
	padding: 10px 10px 10px 12px;
	}

.tablica {
	margin: 0 auto;	
	border-collapse: collapse;
	width: 100%;
	background: white;
	}
	
td {
	border: 1px solid #E4E4E4;
	padding: 5px 5px;
	font-size: 11px;
	}

.table_hdg_bg {
	background: url(../images/table_hdg_bg.gif) repeat-x;
	font-size: 11px;
	font-weight: bold;	
	color: #666;
	}
	
.bold_grey {
	font-weight: bold;
	color: #666;
	}
	
.bold_red {
	font-weight: bold;
	color: #660000;
	}
	
.bold_red_upper {
	font-weight: bold;
	color: #660000;
	text-transform: uppercase; 
	}
	



/* plavi linkovi *********************************************/

.highlight {
	color: #3399CC;
	text-decoration: none;
	}
	
.highlight:hover {
	text-decoration: underline;
	}
	
	
.blutxt {
	color: #3399CC;
	}	
	

.kontakt_info a {
	color: #3399CC;
	text-decoration: none;
	} 	
	
.kontakt_info a:hover {
	text-decoration: underline;
	}


	
/* o nama *****************************************************/

.txt_1 {
	font-size: 11px;
	color: #999;
	padding: 17px 17px 17px 19px;
	}
	
.txt_1_title {
	font-size: 12px;
	color: #999;
	font-weight: bold;
	padding: 17px 0px 0px 19px;
	}
	
.fotka {
	float: right;
	padding: 6px;
	}





/* logotipi ***************************************/

.logotip {
	float: left;
	padding: 0px 8px 8px 0px;
	}
	
	

/* details **************************************************/

.details_hdg {
	font-size: 11px;
	color: #666;
	padding: 5px 17px 3px 19px;
	text-align: center;
	}

.txt_2 {
	font-size: 11px;
	color: #999;
	padding: 17px 17px 17px 19px;
	text-align: center;
	}

.italic {
	font-style: italic;
	color: #666;
	display: block;
	}

.content_2_scroll {
	overflow: auto;
	overflow-x: hidden; 
	height: 597px;
	*/height: 569px;
	width: auto;
	padding: 15px;
	line-height: 18px;
	/*text-align: center;*/
	}

.content_3_scroll {
	padding: 15px;
	line-height: 18px;
	text-align: center;
	}

.ispis {
	text-decoration: none;
	padding-right: 15px;
	font-size: 10px;
	color: white;
	background: url(../images/printer.gif) no-repeat right;
	float: right;
	}
	
.ispis:hover {
	text-decoration: underline;
	}


.ispis2 {
	text-decoration: none;
	padding-right: 15px;
	font-size: 10px;
	color: white;
	background: url(../images/external.png) no-repeat right;
	float: right;
	margin-right: 10px;
	}
	
.ispis2:hover {
	text-decoration: underline;
	}




/* embed fonts ***************************/

/*@font-face {
    font-family: Broken15;
    font-style:  normal;
    font-weight: normal;
    src: url(../fonts/PALATINO.eot);
}*/

/******************************************/




/* pretplata ***************************************************/

.subscribe {
	width: 300px;
	text-align: right;
	padding: 0;
	margin: 5px 20px 5px 20px;
	}
	
.data {
	margin-bottom: 3px;
	}
	
.sfield {
	width: 160px;
	height: 13px;
	font-size: 11px;
	color: #666666;
	border: 1px solid #E1E1E1;
	margin-left: 10px;
	}
	
.item {
	width: 220px;
	padding-top: 20px;
	/*padding-top: 0;
	margin-bottom: 0;
	margin-bottom: 20px;*/
	margin: 0 auto;
	}

.botun_div {
	width: 220px;
	padding-top: 20px;
	margin: 0 auto 80px auto;
	text-align: right;
	
	}
		
.botuni {
	background: #666;
	color: white;
	border: 0;
	padding: 1px;
	font-size: 11px;
	width: 40px;
	margin-right: 5px;
	}
	
	
	
	
	
/* knjige *******************************************************/

.book {
	padding-bottom: 30px;
	}

.book_hdg {
	font-size: 12px;
	font-weight: bold;
	color: #666;
	}
	
.book_info {
	color: #666;
	}
	
	
	


/* korisni linkovi **********************************************/

.txt_3 {
	font-size: 11px;
	color: #999;
	padding: 0px 17px 0 17px;
	border: 10px solid #F0F0F0;
	margin-left: 2px;
	}

.linkovi {
	padding: 10px;
	display: none;
	}
	
.display {
	color: #990000;
	text-decoration: none;
	background: url(../images/display_arrow.gif) no-repeat left;
	padding: 2px 5px 2px 10px;
	display: block;
	font-weight: bold;
	border-bottom: 1px solid #F0F0F0;
	}
	
.display:hover {
	text-decoration: underline;
	}
	
.listLinks {
	font-size: 11px;
	color: #666;
	text-decoration: none;
	display: block;
	background: url(../images/arrow.gif) no-repeat 0 7px;
	padding-left: 11px;
	}
	
.listLinks:hover {
	text-decoration: underline;
	color: #9F9F9F;
	}
	
	
#linkovi {
	border-bottom: 1px solid #F0F0F0;
	padding: 0 20px 10px 20px;
	}
	
#informacije {
	border-bottom: 1px solid #F0F0F0;
	padding: 0 20px 10px 20px;
	}
	
#tisak {
	border-bottom: 1px solid #F0F0F0;
	padding: 0 20px 10px 20px;
	}
	
#financije {
	border-bottom: 1px solid #F0F0F0;
	padding: 0 20px 10px 20px;
	}
	
#tecajevi {
	border-bottom: 1px solid #F0F0F0;
	padding: 0 20px 10px 20px;
	}

#drzava {
	border-bottom: 1px solid #F0F0F0;
	padding: 0 20px 10px 20px;
	}
	
#komore {
	border-bottom: 1px solid #F0F0F0;
	padding: 0 20px 10px 20px;
	}
	
#stranice {
	border-bottom: 1px solid #F0F0F0;
	padding: 0 20px 10px 20px;
	}
	
#udruzenja {
	border-bottom: 1px solid #F0F0F0;
	padding: 0 20px 10px 20px;
	}
		
#unija {
	border-bottom: 1px solid #F0F0F0;
	padding: 0 20px 10px 20px;
	}
	
	
	
	
/* kontakt ***********************************************/

.formwrapper {
	float: left;
	}

.kontakt_forma {
	width: 220px;
	padding: 0;
	margin: 0px 10px 5px 20px;
	}
	
.data {
	margin-bottom: 3px;
	}
	
.kontakt_field {
	width: 190px;
	height: 13px;
	font-size: 11px;
	color: #666666;
	border: 1px solid #E1E1E1;
	}
	
.item {
	width: 220px;
	padding-top: 20px;
	/*padding-top: 0;
	margin-bottom: 0;
	margin-bottom: 20px;*/
	margin: 0 auto;
	}

.kontakt_botuni {
	background: #666;
	color: white;
	border: 0;
	padding: 1px;
	font-size: 11px;
	width: 40px;
	margin: 5px 5px 0 0;
	}
	
.upit_field {
	width: 190px;
	height: 100px;
	font-size: 11px;
	color: #666666;
	border: 1px solid #E1E1E1;
	}
	
.kontakt_info {
	display: inline;
	float: left;
	width: 250px;
	line-height: 14px;
	}
	
	
	

/* novosti ukratko ****************************************/

.shortNews {
	font-size: 11px;
	color: #666666;
	margin-left: 2px;
	padding: 15px;
	}
	
.shortNewsHdg {
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	}
	
.shortNewsHdg a{
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	}
	
.shortNewsHdg a:hover{
	text-decoration: underline;
}
/* karte ***************************************************/

.malakarta {
	padding: 10px;
	background: #F9F9F9;
	width: 120px;
	height: 120px;
	}
	
	
	
	
/* logout *******************************/

.welcome {
	font-weight: bold;
	}
	
.user {
	display: block;
	}
	
.logout {
	text-decoration: none;
	color: #666;
	background: url(../images/display_arrow.gif) no-repeat 0 5px;
	padding-left: 7px;
	}
	
.logout:hover {
	text-decoration: underline;
	color: #666;
	}
	
	
	
	
	
/* pageanje *******************************************/

.paging {
	margin-left: 2px;
	text-align: center;
	margin-top: 10px;
	font-size: 14px;
	}
	
.prva {
	padding: 0 5px;
	}
	
.prva:hover {
	padding: 0 5px;
	}
	
.prethodna {
	padding: 0 5px;
	}
	
.prethodna:hover {
	padding: 0 5px;
	}
	
.sljedeca {
	padding: 0 5px;
	}
	
.sljedeca:hover {
	padding: 0 5px;
	}

.zadnja {
	padding: 0 5px;
	}
	
.zadnja:hover {
	padding: 0 5px;
	}
	
.num {
	color: #333;
	text-decoration: none;
	padding: 0 2px;
	}
	
.num:hover {
	color: #333;
	text-decoration: underline;
	}
	
	
	
/* dimedia potpis **************************************/
.di {
 color: red;
 }
 
.sign {
 font-size: 11px;
 color: #FFF;
 font-family: "Tahoma", Arial, Helvetica, sans-serif;
 text-decoration: none;
 }
 
.sign:hover {
 color: red;
 }

/*******************************************************/

a {
	color: #3399CC;
	text-decoration: none;
	} 	

a:hover {
	text-decoration: underline;
	}