@charset "utf-8";
/* CSS Document */

p, h1, ul, form {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height:1.4em;
}

a{
	color:#faf1b8;
}

#decorLetterPocetna, #decorLetterPocetnaEN, #decorLetterA, #decorLetterH, #decorLetterM, #decorLetterZ, #decorLetterS, #decorLetterU, #decorLetterI, #decorLetterK, #decorLetterL{
	background-image:url(../images/webelements/d.png);
	height:14px;
	padding-left:52px;
	padding-top:29px;
	background-repeat:no-repeat;
	margin-left:80px;
}

#decorLetterPocetnaEN{
	background-image:url(../images/webelements/w.png);
	height:14px;
	padding-left:53px;
	padding-top:31px;
}

#decorLetterA{
	background-image:url(../images/webelements/a.png);
	height:14px;
	padding-left:58px;
	padding-top:31px;
}

#decorLetterH{
	background-image:url(../images/webelements/h.png);
	height:14px;
	padding-left:55px;
	padding-top:32px;
	margin-left:0px;
}

#decorLetterM{
	background-image:url(../images/webelements/m.png);
	height:14px;
	padding-left:58px;
	padding-top:31px;
}

#decorLetterZ{
	background-image:url(../images/webelements/z.png);
	padding-left:32px;
	padding-top:48px;
	
}

#decorLetterS{
	background-image:url(../images/webelements/s.png);
	height:14px;
	padding-left:35px;
	padding-top:28px;
}

#decorLetterU{
	background-image:url(../images/webelements/u.png);
	height:14px;
	padding-left:55px;
	padding-top:31px;
}

#decorLetterI{
	background-image:url(../images/webelements/i.png);
	height:14px;
	padding-left:38px;
	padding-top:31px;
}

#decorLetterK{
	background-image:url(../images/webelements/k.png);
	height:14px;
	padding-left:55px;
	padding-top:33px;
	margin-left:0px;
}

#decorLetterL{
	background-image:url(../images/webelements/l.png);
	height:14px;
	padding-left:55px;
	padding-top:32px;
	margin-left:0px;
}

#text{
	padding-top:3px;
	padding-left:80px;
	padding-right:75px;
	text-align:justify;
}

#imgPocetna{
	margin-top:-50px;
	float:right;
	padding:10px;
	padding-left:30px;
}

#imgOnama{
	margin-top:-50px;
	float:right;
	padding:10px;
	padding-left:30px;
}

#alignerSplitPocetna{
	margin-left:5px;
}

#alignerSplitRuska{
	margin-left:22px;
}
#splitterSmall{
	background-image:url(../images/webelements/splitterSmall.png);
	width:373px;
	height:30px;
}

#splitterBig{
	background-image:url(../images/webelements/splitterBig.png);
	width:758px;
	height:28px;
}

#fifeLink{
	text-indent:-9999em;
	display:block;
	background-image:url(../images/webelements/fifeLogo.png);
	width:75px;
	height:74px;
}

#fbLink{
	text-indent:-9999em;
	display:block;
	background-image:url(../images/webelements/fbook_link.png);
	width:48px;
	height:49px;
}

#fbLink:hover{
	background-image:url(../images/webelements/fbook_link_hov.png);
}

ul{
	padding-left:30px;
	padding-right:30px;
}

#ruskaList{
	list-style:none;
}


#imglistCats,#map_canvas{
	border:solid;
	border-width:3px;
	border-color:#fef1b7;
}

#imglistCats{
	margin-left:50px;
	float:left;
}

#map_canvas{
	width:100%;
	height:300px;
	color:#000;
	font-family:Verdana, Geneva, sans-serif;
}

#rightdatacontainer{
	overflow:hidden;
}
#datacontainer{
	padding-left:450px;
}

#podaci{
	background-image:url(../images/webelements/podaci.png);
	background-repeat:no-repeat;
	width:71px;
	height:23px;
}

#details{
	background-image:url(../images/webelements/details.png);
	background-repeat:no-repeat;
	width:71px;
	height:23px;
}


/***************SUB MENU****************/
#submenu, #submenukittens{
	position:relative;
	margin-left:330px;
	height:41px;
}

#submenukittens{
		margin-left:300px;
}

#submenu ul, #submenukittens ul{
	list-style:none;
}

#submenu ul li, #submenukittens ul li {
	text-align:center;
	display:inline; 
	
}

#submenu li a, #submenukittens li a{
	padding-top:15px;
	width:143px;
	height:32px;
	color:#faf1b8;
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	text-decoration:none;
	background: url(../images/webelements/submenuBtn.png);
	margin-right:7px;
}

#submenu li a:hover, #submenukittens li a:hover, #submenu #selected_sub a{
	margin-left::3px;
	background: url(../images/webelements/submenuBtnHover.png);
}

#submenu p{
	padding-top:14px;
	padding-left: 160px;
}


/************** LISTS ***********************/

#catlist, #infolist{
	padding-top:20px;
	padding-left:50px;
	list-style:none;
	padding-bottom:90px;
}

#catlist{
	padding-bottom:0px;
}

#infolist{
		padding-bottom:0px;
}

#catlist li, #infolist li{
	background:url(../images/webelements/bullet.png) left no-repeat;
	padding-top:7px;
	padding-bottom:8px;
	padding-left:28px;
}

/********************TABLE VIEW ******************/
#tblView{
	border-collapse: collapse;
	width:700px;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
}

#tblView thead{
	color:#FFF;
	height:35px;
	background-position:10% 10%;
	background-color:#02615c;
	font-size:14px;
	font-weight:bold;
}

#tblView tr{
	text-align:center;
}

#tblView tr td{
	padding-top:5px;
}

table td{
	color:#FFF;
}

/******************PAGINATION ***************************/
div#pager{
	width:100%;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}
div.pagination {
	padding: 3px;
	margin: 3px;
	font-family:Arial, Helvetica, sans-serif;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #faf1b8;
	background-color: #ccc597;	
	text-decoration: none; /* no underline */
	color: #000;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #faf1b8;
	background-color: #ccc597;
	color: #faf1b8;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #027a74;
		background-color: #02615c;
		color: #faf1b8;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #4c4c4c;
	
		color: #4c4c4c;
	}
	
/****************** SUBHEADER ***********************/
#subheader{
	height:90px;
}

#subheader ul{
	float:left;
	overflow:hidden;
	list-style:none;
}
#phpMenu2{
	padding-left: 50px;
}
#phpMenu3{
	padding-left: 50px;
}
#phpMenu4{
	padding-left: 200px;
}