body {  margin: 0; padding: 0; font: normal 12px Verdana, Tahoma, Verdana, Arial, Helvetica, Sans-Serif; line-height: 15px; color: #333; background-color: #fff; }

.clear { clear: both; }

#w { width: 780px; margin: 0px auto;  }

#l { width: 170px; float: left; }
#r { width: 780px; float: right; }
#h { width: 780px; }
#c { width: 780px; margin-top: 4px; }
#c1{ width: 780px; margin-top: 4px; background-color:#e9e9e9; }
#t { width: 780px; height: 30px; }
#f { width: 780px; }

/* jedna kolona u sredini */
#cs { width: 780px; margin-bottom: 10px; }

#l .tc {  margin-right: 2px;  overflow: hidden;   }  /* lijeva kolona */
#h .tc {  margin-left: 2px; height: 170px; overflow: hidden;  padding: 10px;  } /* header */
#f .tc { text-align: center; font-size: 11px; color: #999; margin-bottom: 30px; font-style: italic; }
#f .tc a { color: #666; text-decoration: none; }
#f .tc a:hover { text-decoration: underline; }

#t .tc {  line-height: 25px; font-size: 12px; padding-left: 20px; padding-top: 2px; color: #999; }
#t .tc .hh { font-size: 18px; }

#cs .tc {  overflow: hidden; margin-left: 2px; border: solid 1px #fff;} /* centar - jedna kolona  */
#c .tc1 {  background-image:url(images/tourist_map1.jpg); background-repeat:no-repeat; width:100%;   

            
            } /* centar - jedna kolona  */


.mTbl { border-collapse: collapse; border: 0px; width: 770px;}
.mTbl td { }
.mTbl .t1 { padding: 5px; width: 200px; text-align: right; font-size: 14px; vertical-align: top; padding-top: 7px;  }
.mTbl .t2 { padding: 3px; width: 550px; text-align: left; text-transform:uppercase;}
.mTbl .t2 img { cursor: pointer; }
/*.mTbl .t3o { padding: 2px; width: 20px; background: transparent url(Images/exclamation.gif) no-repeat left 5px; }*/
.mTbl .t3 { padding: 2px; width: 20px; }
.mtbl .th { background-color: #FFCC99;}


.lTbl { border-collapse: collapse; border: 0px;  margin-left: 10px; border: solid 1px #999;}
.lTbl td, .lTbl th { border-bottom: solid 1px #ccc; }
.lTbl th { font-style: italic; font-weight: normal; color: #999; font-size: 12px; text-align: left;padding: 5px; background-color: #FFCC99; }
.lTbl .t1 { font-size: 12px; padding: 5px; text-align: center; }
.lTbl .t2 { font-size: 12px; padding: 5px; text-align:center; text-transform:uppercase;}
.lTbl .t2a { font-size: 12px; text-align: left; padding: 5px; position: relative; }
.lTbl .t3 { font-size: 12px; padding: 5px; }
.lTbl .t4 { font-size: 12px; padding: 5px; }
.lTbl .t4 input { font-size: 11px; }
.lTbl .t5 { padding-left: 5px; }
.lTbl .t6 {font-size: 15px; padding: 5px; text-align:left;}


.lTblL { border-collapse: collapse; border: 0px;  margin-left: 10px; border: solid 1px #999; }
.lTblL td, .lTblL th {  vertical-align: top;  }

.lTblL tr.brd td, .lTblL tr.brd th { border-top: solid 1px #ccc;  }

.lTblL th { font-style: italic; font-weight: normal; color: #999; font-size: 11px; text-align: left;padding: 2px; background-color: #fff; }
.lTblL .t1 { font-size: 10px; padding: 2px; text-align: center; }
.lTblL .t2 { font-size: 10px; padding: 2px; }
.lTblL .t2a { font-size: 10px; text-align: left; padding: 2px; position: relative; }
.lTblL .t3 { font-size: 10px; padding: 2px; }
.lTblL .t4 { font-size: 10px; padding: 2px; }
.lTblL .t4 input { font-size: 10px; }
.lTblL .t5 { padding-left: 1px; }
.lTblL .t6 {font-size: 15px; padding: 5px; text-align:left;}
.lTblL .t7 {font-size: 10px; padding: 2px; text-align:center;}
.lTblL .t8 {font-size: 10px; padding: 2px; text-align:center; border-bottom:0px;}

.lTblM { border-collapse :collapse; border: 0px; margin-left:10px; border:solid 1px #999; width:100%;}
.lTblM .t1 { font-size:12px; padding:5px; text-align:right;}
.lTblM .t2 { font-size:12px; padding:5px; text-align:left;}



/* FORM section */
input, textarea, select { border: solid 1px #999; font-size: 14px; font-family: Verdana; }
input, textarea { padding: 2px; }

.dat, .datT { background-color: #efffff;  }
.datT { width: 135px; }
.dat { width: 85px; }
.str { width: 530px; text-transform:uppercase; }


.num { width: 50px; background-color: #ffefff; }
.dec { width: 50px; background-color: #ffffef; }


.link_save { text-decoration: none; color: #C34D34; font-size: 16px; background: transparent url(Images/database_go.gif) no-repeat left center; padding-left: 20px;   cursor: pointer;   }
.link_odjavi { text-decoration: none; color: #C34D34; font-size: 12px; background: transparent url(Images/user_go.gif) no-repeat left center; padding-left:20px;   cursor: pointer;   }
.link_obrisi { text-decoration: none; color: #C34D34; font-size: 12px; background: transparent url(Images/cancel.gif) no-repeat left center; padding-left: 20px;  cursor: pointer;    }
.link_otvori { text-decoration: none; color: #C34D34; font-size: 12px; background: transparent url(Images/database_go.gif) no-repeat left center; padding-left: 20px;  cursor: pointer;  }
.link_print { text-decoration:none;color:#C34D34; font-size:12px; background: transparent url(Images/printer.png) no-repeat left center; padding:20px; cursor: pointer;}
.link_email {text-decoration:none;color:#C34D34; font-size:12px; background: transparent url(Images/mail.gif) no-repeat left center; padding:20px; cursor: pointer;}
.link_trazi {text-decoration:none;color:#C34D34; font-size:12px; background: transparent url(Images/search.png) no-repeat left center; padding:20px; cursor: pointer;}
.link_gear {text-decoration:none;color:#C34D34; font-size:12px; background: transparent url(Images/document_gear.ico) no-repeat left center; padding:20px; cursor: pointer;}
.link_racun {text-decoration:none;color:#C34D34; font-size:12px; background: transparent url(Images/form_blue.gif) no-repeat left center; padding:20px; cursor: pointer;}
.Obavijest {font-size:12px;text-decoration:Underline;color:Red; font-weight:bold;display:inline;cursor:pointer;}
h2 { font-size: 20px; font-weight: normal; margin: 5px; padding-left: 20px; padding-bottom: 10px; border-bottom: solid 1px #ccc; }
h4 { margin: 0px; padding: 0px; font-size: 16px; font-weight: normal; margin: 5px; padding-left: 10px; padding-bottom: 5px; border-bottom: solid 1px #ccc; }


/*#pop_overlay {  z-index: 1; width: 100%; height: 500%; top: 0px; left: 0px; background: #fff; 
	filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; } /*display: none;*/
	
div#pop_overlay { position: absolute; left: 0px; top: 0px; } /* za IE6 */
body > div#pop_overlay { position: fixed; } /* za ostale */
.info { color: #666; padding: 5px; padding-left: 20px; margin: 5px 20px; background: transparent url(Images/help.gif) no-repeat left 7px; line-height: 20px; }
.info p { padding: 3px 0px 3px 0px; }
.info ul { margin-left: 20px; }
.info .m { color: #C34D34; }

.shc { text-align: right; margin-right: 10px; }
.shc a { font-size: 11px; font-style: italic; color: #666; text-decoration: none; }
.shc a:hover { text-decoration: underline; }


.mLink { display: block; width: 238px; text-decoration: none; font-weight: bold; 
	height: 36px;   vertical-align: middle; text-align: center; 
	background: transparent url(Images/link.gif) no-repeat center top; }
.mLink:hover { background-position: center bottom; }
.mLink span {display: block; padding-top: 8px;font-size: 16px;color: #fff; line-height: 20px; }

.mLink1 { display: block; width: 180px; text-decoration: none; font-weight: bold; 
	height: 36px;   vertical-align: middle; text-align: center; 
	background: transparent url(Images/link1.png) no-repeat center top; }
.mLink1:hover { background-position: center bottom; }
.mLink1 span {display: block; padding-top: 8px;font-size: 16px;color: #fff; line-height: 20px; }

.bRow { background-color: #FFFFFF; }
.sRow { background-color: #ffffc0;  }
.hRow { background-color: #FFE079;  }


.dani { font-size: 12px; color: #C34D34;  }

a.menu:link {
 text-decoration: none;
 color: black;
 display: block;
 width: 100%;
 height: 100%;
 
}

a.menu:visited {
 text-decoration: none;
 color: red;
 display: block;
 width: 100%;
 height: 100%;
 }

a.menu:hover {
 text-decoration: none;
 color:  Aqua;
 display: block;
 width: 100%;
 height: 100%;
}

a.menu:active 
{
	font-size:8px;
 text-decoration: none;
 color: red;
 display: block;
 width: 100%;
 height: 100%;

}
a.lnkBtn:visited 
{
	font-size:10px;
	text-decoration:none;
	color:Black;
	 font-weight:bold;
	  display:inline;
}
a.lnkBtn:link 
{
	font-size:10px;
	text-decoration:none;
	color:Black;
	 font-weight:bold;
	  display:inline;
	}
	a.lnkBtn:hover
	{
		font-size:10px;
		text-decoration:underline;
		color:Red;
		font-weight:bold;
		display:inline;
	}
	a.lnkBtn:active
	{
		font-size:10px;
		text-decoration:none;
		font-weight:bolder;
		display:inline;
		
	}
	  

















.toph1 { margin: 0px; padding: 0px; font-size: 16px; float: left;  color: #999; margin-top: 5px; padding-top: 3px; font-weight: normal;  }

.mmDiv {   }
ul.mm { margin: 0; padding: 0; list-style: none; }
ul.mm li ul {  margin: 0; padding: 0; list-style: none; padding-bottom: 5px; margin-bottom: 2px; 
		background: transparent url(Images/mbg_b.gif) no-repeat left bottom;}
ul.mm li { margin: 0px; padding: 0px; }
ul.mm { list-style-type: none; }
ul.mm li ul li { border: none; }
ul.mm li h3 { margin: 0px; padding: 0px; font-family: Tahoma; padding: 2px; padding-top: 1px; padding-bottom: 6px; padding-left: 10px; 
	margin-bottom: 0px; color: #fff; line-height: 16px; 
	text-transform: uppercase;
	 background: #FEAC00 url(Images/mbg.gif) no-repeat left top; font-size: 12px; font-weight: bold; }
ul.mm li ul li { font-weight: normal; font-size: 10px; padding: 0px; }
ul.mm li ul li a { line-height: 16px; font-weight: normal; 
	display: block;  font-size: 11px;  padding: 2px; padding-left: 10px; padding-right: 5px; 
	text-decoration: none; color: #CC6600; 
	background: transparent url(Images/mbg_i.gif) repeat-y left top;}
ul.mm li ul li a:hover { color: #330000; text-decoration: underline; }
h2.mmh2 { font-family: Tahoma; margin-bottom: 5px; margin-top: 5px; font-size: 13px; text-align: center; font-weight: normal; }

#mml { margin: 0; padding: 0; list-style: none;  margin-bottom: 3px; }
#mml li { list-style: none; }
#mml li a { display: block; color: #fff; font-family: Tahoma; margin-bottom: 2px; text-align: center; padding: 8px 5px 8px 5px; font-size: 13px;  
		text-decoration: none; font-weight: bold; 
		background: #F0230E url(Images/Design/tlnk.gif) no-repeat left top; 
	}
#mml li a:hover { background: #F0230E url(Images/Design/tlnk.gif) no-repeat left bottom; color: #F0230E;  }

#tm { margin: 0px; padding: 0px; list-style: none; float: right; margin-top: 10px; }
#tm li { float: left; width: 80px; }
#tm li a { display: block; text-decoration: none; font-size: 14px;  letter-spacing: 1px; font-family: Tahoma; color: #666; text-align: center; }
#tm li a:hover { text-decoration: underline; }  





#mjesto_rodjenja_div { position: absolute; margin-left: 0px; display:inline; background-color: #fff; }
#granica_div { position: absolute; margin-left: 0px; display:inline; background-color: #fff; }
.mjesta { list-style-type: none; width: 500px; overflow: hidden; }
.mjesta li { border: solid 1px #ccc; background-color: #fff; padding: 2px; margin-bottom: 1px; font-size: 11px; color: #666; }
.mjesta li { cursor: pointer; }
.mjesta li:hover { background-color: #ccc; }

.emp { border: none; }  
