/* CSS Document */

/*** GLOBAL RESET ***/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


html, body {
	/*height: 100%;*/ /*min-weight fix*/
}


/* da prisilim Firefox, da naredi vertical scroll
/* hide from IE mac \*/
html {
    min-height: 100%;
    margin-bottom: 1px;
}
/* end hiding from IE5 mac */


.clearer {
	clear: left;
	line-height:0;
	height:0;
}

body {
	/*background:url(backPattern-winter.gif) repeat;*/
	background:url(backPattern.gif) repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CCCCCC;
}

#page {
	background:url(page.jpg) no-repeat;
	margin-left: auto;
	margin-right: auto;
	width:996px;
	height: 1404px;
	display: block;
}


/*** HEADER ***/
#pageHeader {
	margin-left:auto;
	margin-right: auto;
	width: 980px;
	height:162px;
	display:block;
}

#pageHeader img {
	margin-top: 20px;
}

#pageHeader a {
	float: left;
	width: 128px;
	display: block;
}

#txtSlogan {
	height: 162px;
	width: 830px;
	float: right;
	display: block;
	
	line-height: 162px;
	font-family: Georgia;
	font-size: 28px;
	font-style: italic;
	color: #CCCCCC;
}

/*** END HEADER ***/


/*** TEASER ***/
#pageTeaser {
	margin-left:auto;
	margin-right: auto;
	width: 963px;
	height:97px;
	display:block;
	
	background:url(pageTeaser.jpg) no-repeat;
	margin-bottom: 11px;
}

/*** END TEASER ***/




/*** NAVIGATION ***/
#pageNav {
	margin-left:auto;
	margin-right: auto;
	width: 963px;
	height:98px;
	display:block;
}

#pageNav ul {
	height:98px;
	list-style:none;
}

#pageNav ul li {
	float: left;
}

#pageNav ul {
	height: 98px;
	width: 963px;
	background: url(pageNavBack.jpg) no-repeat;
	position: relative;
}

#pageNav ul.oneColumn {
	height: 98px;
	width: 963px;
	background: url(pageNavBackOneColumn.jpg) no-repeat;
	position: relative;
}

#pageNav ul li {
  margin: 0;
	padding: 0;
	list-style: none;
  position: absolute;
	top: 0;
	}

#pageNav ul li, #pageNav ul a {
   height: 98px;
	display: block;
	}

#pageNav ul li.okvir1 {
	width: 183px;
	left: 0px;
	}

#pageNav ul li.okvir2 {
	width: 145px;
	left: 183px;
	}

#pageNav ul li.okvir3 {
	width: 187px;
	left: 328px;
	}

#pageNav ul li.okvir4 {
	width: 108px;
	left: 515px;
	}

#pageNav ul li a {
	display: block;
	height: 46px;
	
	font-size:12px;
	color: #000000;
	text-decoration:none;
	font-weight: bold;
	
	line-height: 50px;
	text-align:center;
	}
	
#pageNav ul li a:hover,
#pageNav ul li.menu-current {
	background: url(pageNavBack.jpg) no-repeat;
}

#pageNav ul.oneColumn li a:hover,
#pageNav ul.oneColumn li.menu-current {
	background: url(pageNavBackOneColumn.jpg) no-repeat;
}

#pageNav ul li.okvir1 a:hover {
	background-position: 0 -98px;
	}

#pageNav ul li.okvir2 a:hover {
	background-position: -183px -98px;
	}

#pageNav ul li.okvir3 a:hover {
	background-position: -328px -98px;
	}
	
#pageNav ul li.okvir4 a:hover {
	background-position: -461px -98px;
	}

#pageNav ul li.okvir1.menu-current {
	background-position: 0 -196px;
	}

#pageNav ul li.okvir2.menu-current {
	background-position: -183px -196px;
	}

#pageNav ul li.okvir3.menu-current {
	background-position: -328px -196px;
	}

#pageNav ul li.okvir4.menu-current {
	background-position: -467px -196px;
	}
	
	
/*** END NAVIGATION ***/


/*** PAGE CONTENT ***/
#pageContentWrapper {
	margin-left:auto;
	margin-right: auto;
	width: 963px;
	display:block;
	background:url(pageContentBack.gif) repeat-y;
}

/* oneColumn */
#contentOneColumn {
	margin-left:auto;
	margin-right: auto;
	width: 963px;
	display:block;
	background:url(pageContentBackOneColumn.gif) repeat-y;	
}

#contentOneColumnWithTopGradient {
	background:url(pageContentOneColumnBack.gif) no-repeat;
	width: 891px;
	display: block;
	margin-left: 1px;
	text-align:justify;
	line-height:20px;
	
	padding-left: 35px;
	padding-right: 35px;
}

#contentOneColumn .introShortDesc {
	display: block;
	width: 205px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	height: 370px;
	border-right: dotted 1px #7d7d7d;
}

#contentOneColumn .introShortDesc ul {
	margin:10px;
	text-align: left;
}

#contentOneColumn .introShortDesc.first {
	padding-left: 0px;
}

#contentOneColumn .introShortDesc.last {
	border-right: none;
	padding-right: 0px;
}

/* leftColumn */
#leftContentColumn {
	width: 586px;/*656px;*/
	padding-left: 35px;
	padding-right: 35px;
	display:block;
	float:left;
	background:url(leftContentColumnBack.gif) no-repeat;
	
	text-align:justify;
	line-height:20px;
}

#leftContentColumn h1,
#rightContentColumn h1,
#contentOneColumn h1 {
	color: #B7C72A;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
	text-transform:uppercase;
}


#leftContentColumn h2 {
	color: #B7C72A;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px;
}


#leftContentColumn p,
#rightContentColumn p {
	margin-bottom: 35px;
}

#leftContentColumn strong,
#rightContentColumn strong {
	font-weight: bold;
	color: #FFFFFF;
}

#leftContentColumn table  {
	border-spacing: 0px;
	border-collapse: collapse;
	color: #000000;
	text-align: right;
	width: 280px;
	float: left;
	margin-left: 6px;
	margin-right: 6px;
	margin-bottom: 20px;
	display: block;
}

#leftContentColumn table caption {
	font-style:italic;
	text-align: left;
	color:#CCCCCC;
	margin-bottom: 5px;
}

#leftContentColumn table th {
	text-align: left;
	width:220px;
	padding: 4px;
	border-right: solid 1px #000000;
}

#leftContentColumn table td {
	padding: 4px;
	width: 60px;
}

#leftContentColumn table tr {

}

#leftContentColumn table tr.light {
	background-color: #efefb2;
}

#leftContentColumn table tr.dark {
	background-color: #c9d74e;
}

#leftContentColumn table tr.footer {
	background-color: #ff7878;
	font-weight: bold;
}

#leftContentColumn address {
	font-family: Georgia;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	font-size: 16px;
	font-style: italic;
	color: #B7C72A;
}

#leftContentColumn ul {
}

#leftContentColumn li {
	margin-left: 20px;
}
/* END leftColumn */

/* rightColumn */
#rightContentColumn {
	width: 237px;/*307px;*/
	padding-left: 35px;
	padding-right: 35px;
	
	display:block;
	float:left;
	background:url(rightContentColumnBack.gif) no-repeat;
	
	text-align:justify;
	line-height:20px;
}

#rightContentColumn ul {
	list-style: none;
	padding-bottom:10px;
}

#rightContentColumn li {
	margin-bottom: 10px;
	padding-left: 20px;
	background: transparent url(bulletPink.gif) no-repeat;
	background-position: 0 0px;	
}

#rightContentColumn table {
	width:237px;
	border-width: 0px;
	border-spacing: 4px;
	border-style: none;
	border-collapse: separate;
	display: block;
	float: left;
}
#rightContentColumn td {
	/*width: 110px;*/
	border-width: 1px;
	padding: 5px;
	border-style: none;
	background-color: #323232;
	-moz-border-radius: 3px;
}

#rightContentColumn th {
	width: 77px;
	border-width: 1px;
	padding: 5px;
	border-style: none;
	background-color: #323232;
	-moz-border-radius: 3px;
	vertical-align: top;
}

#rightContentColumn td input.textfield,
#rightContentColumn td input.email,
#rightContentColumn td textarea.textarea {
	width: 130px;
}
/* END rightColumn */



#pageContentWrapper a {
	color: #B7C72A;
	text-decoration:none;
}

#pageContentWrapper a:hover {
	color: #B7C72A;
		
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #B7C72A;
}

#leftContentColumn img {
	background-color:#CCCCCC;
	padding: 5px;
	border: solid 1px #000000;
} 

img.left {
	float: left; 
	margin: 10px;
	margin-left: 0px;
}


img.last {
	float: left; 
	margin-right: 0px;
	margin-left: 0px;
}

img.right {
	float: right;
	clear: right;
	margin: 10px;
	margin-left: 30px;
	margin-right: 0px;
}

#leftContentColumn .imagesWrapper {
	display: block;
	width: 130px;
	float: right;
	margin:0;
	padding:0;
}

#pageContentBottomBorder,
#pageContentOneColumnBottomBorder {
	margin-left:auto;
	margin-right: auto;
	width: 963px;
	height: 85px;
	display:block;
/*	float: left;*/
	background:url(pageContentBottomBorder.gif) no-repeat;
}


#pageContentOneColumnBottomBorder {
	background:url(pageContentOneColumnBottomBorder.gif) no-repeat;
}

#contentOneColumn a.nounderline:hover {
	text-decoration:none;
	border:none;
}

/*
#pageContentWrapper img {
	border: none;
	float:left; /* IE6 fix 
}*/

/*** END PAGE CONTENT ***/


/*** PAGE FOOTER ***/
#pageFooter {
	margin-left:auto;
	margin-right: auto;
	width: 963px;
	display:block;
	padding-top: 15px;
}

#footerLinks {
	display:block;
	float: left;
	width: 656px;
	font-size:10px;
	text-align: left;
}

#footerLinks ul {
	list-style:none;
}

#footerLinks li {
	float: left;
	display: block;
	margin-left: 15px;
}

#footerLinks li a {
	text-decoration: none;
 	color:#CCCCCC;
	font-size: 12px;
	font-weight: bold;
}

#footerLinks li a:hover {
	color: #B7C72A;

	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #B7C72A;
}

#footerLinks li.linksLimiter {
	color: #BE0076;
	font-size: 16px;
	font-weight: bold;
	line-height: 12px;
}

#footerInfo {
	display:block;
	float: right;
	width: 287px;
	font-size:11px;
	line-height: 16px;
	text-align: left;
	padding-left: 20px;
}

#footerInfo img {
	margin-bottom: -2px;
}


/* FLOAT IMG FOOTER TO THE BOTTOM */
html, body {
	height: 100%;
}

#pageWrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -305px; /* the bottom margin is the negative value of the footer's height */
}

#footerImg, #pageFooterPush {
	height: 305px; /* .push must be the same height as .footer */
}

#footerImg {
	margin-left:auto;
	margin-right:auto;
	display: block;
	/* background:url(footerImg-winter.png) no-repeat bottom;*/
	background:url(footerImg.png) no-repeat bottom;
}
/* END FLOAT IMG FOOTER TO THE BOTTOM */

/*** END PAGE FOOTER ***/