body{
	font-family: Arial,sans-serif;
	font-size: 16px;
margin: 0px;
	padding: 0px;
	background: #ffffff;
}

table {
	font-size: 12px;
}

img {
	border: none 0px;
}
/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	color: #222222;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

/************** header tag styles **************/

h1{
 font: bold 120% Arial,sans-serif;
 color: #222222;
 margin: 0px;
 padding: 0px;
}

h2{
 font: bold 114% Arial,sans-serif;
 color: #222222;
 margin: 0px;
 padding: 0px;
}

h3{
 font: bold 100% Arial,sans-serif;
 color: #222222;
 margin: 0px;
 padding: 0px;
}

h4{
 font: 100% Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font: 100% Arial,sans-serif;
 color: #222222;
 margin: 0px;
 padding: 0px;
}


/*************** list tag styles ***************/

ul{
 list-style-type: disc;
}

ul ul{
 list-style-type: square;
}

ul ul ul{
 list-style-type: none;
}

/********* form and related tag styles *********/

form {
	margin: 0;
	padding: 0;
}

label{
 font: bold 0.8em Arial,sans-serif;
 color: #334d55;
}
				
input{
font-family: Arial,sans-serif;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#header{
	position:absolute;
	top: 2px;


	background-color: #FFF8EE;
}


#pagecell1{
	position:absolute;
	width:600px;
	background-color: #ffffff;
}

#tl {
	position:absolute;
	top: -1px;
	left: -1px;
	margin: 0px;
	padding: 0px;
}

#tr {
	position:absolute;
	top: -1px;
	right: -1px;
	margin: 0px;
	padding: 0px;
}

#masthead{
	position: absolute;
	top: 110px;
	left: 10px;
	right: 10px;
	width:600px;
	z-index:200;
	
}

#pageNav{
	float: left;
	width:178px;
	height: 100%;
	padding: 0px 0px 20px 0px;
	background-color: #fff8ee;
	border-right: 1px solid #FBD9A2;
	font: 12px Verdana,sans-serif;
}

#globalNav{
	padding: 156px 0px 0px 10px;
	z-index: 201;
	background:url(menu_background.gif) no-repeat;
}

#content{
	padding: 0px 10px 0px 0px;
	margin:0px 0px 0px 178px;
	border-left: 1px solid #FBD9A2;
	min-height: 300px;
}

#contentnomarg{
	padding: 0px 10px 0px 0px;
	margin:0px 0px 0px 10px;
	border-left: 0px solid #FBD9A2;
}

/***********************************************/
/* Pretraga resultati                          */
/***********************************************/
#pbox{position:absolute; top: 80px; left: 330px; width: 315px; repeat-y top; background:#FFFFFF;}

#formCell {padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; width: 295px; height: 30px; border: none; clear:both;}

#NL {float: left; margin: 1px 0px 0px 0px; width: 115px; padding: 0px 0px 0px 0px; border: none;}
#NR {float: left; margin: 1px 0px 0px 0px; width: 150px; padding: 0px 0px 0px 0px; border: none;}

.pretraga {
	padding: 10px 340px 0px 10px;
	font-size: 12px;
}

.pretraga h3{
	font: bold 125% Arial,sans-serif;
	color: #000000;
}

.pretraga p {
	padding: 0px 0px 0px 0px;
}

.pretbox {
	padding: 0px 10px 0px 10px;
	font-size: 12px;
}

.pretbox h3{
	font: bold 125% Arial,sans-serif;
	color: #000000;
	padding: 10px 0px 10px 0px;
}

.pretbox p {
	padding: 0px 0px 0px 0px;
}


#formRezultat {padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; width: 680px; height: 40px; border: none; clear:both;}

#N1 {float: left; margin: 1px 0px 0px 0px; width: 130px; padding: 0px 5px 0px 5px; border: none;}
#N2 {float: left; margin: 1px 0px 0px 0px; width: 120px; padding: 0px 5px 0px 5px; border: none;}
#N3 {float: left; margin: 1px 0px 0px 0px; width: 130px; padding: 0px 5px 0px 5px; border: none;}
#N4 {float: left; margin: 1px 0px 0px 0px; width: 130px; padding: 0px 5px 0px 5px; border: none;}
#N5 {float: left; margin: 1px 0px 0px 0px; width: 70px; padding: 0px 5px 0px 5px; border: none;}

#NN1 {float: left; margin: 10px 2px 0px 0px; width: 148px; padding: 0px 5px 0px 5px; background:#FFFFFF; border:}
#NN2 {float: left; margin: 10px 2px 0px 0px; width: 118px; padding: 0px 5px 0px 5px; background:#FFFFFF; border:}
#NN3 {float: left; margin: 10px 2px 0px 0px; width: 148px; padding: 0px 5px 0px 5px; background:#FFFFFF; border:}
#NN4 {float: left; margin: 10px 2px 0px 0px; width: 148px; padding: 0px 5px 0px 5px; background:#FFFFFF; border:}
#NN5 {float: left; margin: 10px 0px 0px 0px; width: 70px; padding: 0px 5px 0px 5px; border:none;}

/***********************************************/
/* Component Divs                              */
/***********************************************/
#siteName{
	margin: 0px;
	padding: 16px 0px 8px 0px;
	color: #ffffff;
	font-weight: normal;
}


/************** pageName styles ****************/

#pageName{
	padding: 0px 0px 14px 10px;
	margin: 0px;
	background-color:#FFFFFF;
}

#pageName h2{
	font: bold 150% Arial,sans-serif;
	color: #333333;
	margin:0px;
	padding: 0px;
}

#pageName img{
	position: absolute;
	top: 0px;
	right: 6px;
	padding: 0px;
	margin: 0px;
}

.skipLinks {display: none;}

/*************** search styles *****************/

#search{
	position: absolute;
	top: 15px;
	right: 5px;
	z-index: 101;
}

#search input{
  font-size: 11px;
  margin: 0px 0px 0px 5px;
 }
 
#search a:link, #search a:visited {
	font-size: 11px;
	font-weight: bold;
	
}

#search a:hover{
	margin: 0px;
}


/************* breadCrumb styles ***************/

#breadCrumb{
	padding: 5px 0px 5px 10px;
	font: 12px Verdana,sans-serif;
	color: #AAAAAA;
	background-color:#FFFFFF;
}

#breadCrumb a{
	color: #AAAAAA;
}

#breadCrumb a:hover{
	color: #222222;
	text-decoration: underline;
}


/************** feature styles *****************/
.image{
	padding: 0px 0px 0px 0px;
	margin: 10px 9px 10px 9px;
	border: solid 1px #fbd9a2;
}

.feature{
	padding: 10px 0px 10px 10px;
	font-size: 11px;
	background: url(separ_doted.gif) bottom repeat-x;
}
html>body .feature {height: auto;}

.feature h3{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	padding: 20px 0px 5px 0px;
}

.feature h2{
	font: bold 110% Arial,sans-serif;
	color: #000000;
	padding: 0px 0px 0px 0px;
}

.feature img{
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 5px 0px;
	border: solid 1px #fbd9a2;
}

.feature2{
	padding: 0px 10px 10px 10px;
	font-size: 12px;
	min-height: 200px;
	height: 200px;
}
html>body .feature2 {height: auto;}

.feature2 h3{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	padding: 30px 0px 5px 0px;
}

.feature2 img{
	float: right;
	padding: 0px 0px 0px 10px;
}

/*************** kontakt styles ******************/

.kontakt img{
	float: left;
	padding: 0px 10px 10px 10px
}

.kontakt {
	padding: 10px 0px 10px 20px;
	font-size: 12px;
}

.kontakt p{
	padding: 0px 0px 0px 0px;
}

.kontakt h3{
	font: bold 105% Arial,sans-serif;
	color: #000000;
	padding: 0px 0px 0px 0px;
}

.kontakt h5.capsule{
	font: bold 1em Arial,sans-serif;
	color: #222222;
	display:block;
	padding-bottom: 5px;
}

.kontakt a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #222222;
	display:block;
	padding-bottom: 5px;
}

.kontakt a.capsule:hover{
	text-decoration: underline;
}

.kontakt2{
	padding: 0px 0px 0px 0px;
	margin: 5px 10px 10px 20px;
	font-size: 12px;
	font-weight: bold;
	color: #222222;
}

.kontakt2 p{
	padding: 0px 0px 0px 0px;
}

#kbox1{
	position:absolute;
	top: 47px;
	left: 300px;
	right: 20px;
	width: 419px;
	background:url(mail_up.gif) no-repeat top;	
}

#kbox2{
	position:absolute;
	top: 72px;
	left: 300px;
	right: 20px;
	width: 419px;
	border-right: 1px solid #F9DEA7;
	border-left: 1px solid #F9DEA7;
	border-bottom: 1px solid #F9DEA7;
	background-color: #ffffff;
}

.knapp {
	background-color : #FFFFFF;
	border-right : 1px solid #000000;
	border-bottom : 1px solid #000000;
	border-top : 1px solid #999999;
	border-left : 1px solid #999999;
	font-size : 12px;
	color : #222222;
	margin: 3px 0px 3px 0px;
	font-family: Arial, sans-serif;
}

.knapp a:hover{
	border-top : 2px solid #336813;
	border-left : 2px solid #336813;
}

/*************** story styles ******************/

.story {
	padding: 10px 0px 0px 10px;
	font-size: 12px;
}

.story h3{
	font: bold 125% Arial,sans-serif;
	color: #000000;
}

.story p {
	padding: 0px 0px 0px 0px;
}

.story h5.capsule{
	font: bold 1em Arial,sans-serif;
	color: #222222;
	display:block;
	padding-bottom: 5px;
}

td.storyLeft{
	padding-right: 10px;
}


/************** siteInfo styles ****************/

#siteInfo{
	clear: both;
	font-size: 12px;
	color: #fbd9a2;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
	background-color: #ffffff;
}

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}


/************ sectionLinks styles **************/

#sectionLinks{margin: 0px; padding: 0px;}
#sectionLinks h3{padding: 10px 0px 0px 10px; border-bottom: 1px solid #fbd9a2;}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #fbd9a2;
	background-color: #fdeed7;
	font-weight: bold;
	padding: 3px 3px 3px 10px;
	color: #000000;
}

#sectionLinks a:hover{
	display: block;
	border-top: 1px solid #fceed7;
	border-bottom: 1px solid #fbd9a2;
	background-color: #D4ECC5;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
	padding: 3px 3px 3px 10px;
}

#sectionLinksBlock a:link, #sectionLinksBlock a:visited {
	disply: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #fbd9a2;
	background-color: #fff8ee;
	font-weight: bold;
	padding: 3px 3px 3px 20px;
	color: #000000;
}

#sectionLinksBlock a:hover{
	display: block;
	border-top: 1px solid #fceed7;
	border-bottom: 1px solid #fbd9a2;
	background-color: #D4ECC5;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
	padding: 3px 3px 3px 20px;
}
/**************** fotogalerija *****************/

.fotogal {
	font-size:12px;
}

.slika img{
	 border: #222222 1px solid;
}

.crveni {
	color:#FF0000;	
}

.zeleni {
	color:#222222;	
}

.plavi {color: #0000FF;}

.courier {font-family: "Courier New", Courier, mono }


/********************* end **********************/

.table img{
	float: none;
	padding: 0px 0px 0px 0px;
}

.projects blockquote{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 15px;
}

/********************* pretraga **********************/

.pretrazivac {
	background-color : #FFFFFF;
	border-right : 1px solid #000000;
	border-bottom : 1px solid #000000;
	border-top : 1px solid #999999;
	border-left : 1px solid #999999;
	font-size : 12px;
	color : #333333;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-family: Arial, sans-serif;
}

#formNavigacija {padding: 10px 10px 10px 0px; margin:0px 0px 0px 0px; width: 550px; height: 30px; border: none; clear:both;}

#PL {margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; width: 120px; border: none; float:left;}
#PC {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 300px; border: none; float:left;}
#PR {margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; width: 105px; border: none; float:left;}

.kampimg {
	margin: 5px 0x 10px 0px;
	float: left;
	text-align: center!important;
	color: #fff;
}

.kampimg img{
	margin-right : 10px;
	padding: 0px;
	border: 1px solid #333;
	
}

.mravi_td {
	position: relative;
	top: 1px;
	margin: 8px 5px 81px 8px;
	padding: 1px 5px;
	background-color:#FFFFFF;
	border: #555555 solid 1px;
}

.SVE img{
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 5px 30px 10px 0px;
	border: none;
}

.clearing {
	clear:both;
}