body {
	margin: 5px 0 20px 0; 
	padding: 0; 
	background: #c5c5c5 url("../layouts/img/bg-page.jpg") repeat-x top;
	text-align: center;
	min-height: 101%;
	font: 12px/16px Arial, Helvetica, sans-serif; 
	color: #3b3b3b;
}

html {
	margin: 5px 0 20px 0; 
	padding: 0; 
	background: #c5c5c5 url("../layouts/img/bg-page.jpg") repeat-x top;
	text-align: center;
	min-height: 101%;
	font: 12px/16px Arial, Helvetica, sans-serif; 
	color: #3b3b3b;
}

select {
	font: 12px/16px Arial, Helvetica, sans-serif; 
	color: #3b3b3b;
}

form {
	font: 12px/16px Arial, Helvetica, sans-serif; 
	color: #3b3b3b;
}

td {
	font: 14px/18px Arial, Helvetica, sans-serif;
	color: #5b5b5b;
}


textarea {
	font: 12px/16px Arial, Helvetica, sans-serif; 
	color: #3b3b3b;
}

input {
	font: 12px/16px Arial, Helvetica, sans-serif; 
	color: #3b3b3b;
}

/*
span {
	font: 12px/16px Arial, Helvetica, sans-serif; 
	color: #3b3b3b;
}
*/

p {
	font: 12px/16px Arial, Helvetica, sans-serif; 
	color: #3b3b3b;
}

div {
	font: 14px/18px Arial, Helvetica, sans-serif;
	color: #5b5b5b;
}

img {
	border: none;
}

img.submit {
	cursor: hand;
}

.clear {
	clear: both;
	margin: 0;
	padding: 0;
}

.leftPadding {
	padding-left: 50px;
}


div#zacetek {
	width: 959px;
	margin: 0 auto;
	text-align: left;
	background: #fff url("../layouts/img/bg-container.gif") repeat-y center;
}

div#vrh {
	margin: 0;
	padding: 0;
	height: 115px;
}

div#mostTopLinks {
	height: 23px;
	width: 959px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

div#glava {
	height: 82px;
}

div#znak {
	margin-top: -1px;
	width: 319px; 
	height: 82px; 
	float: left;
}

div#logoArea a {
	display: block;
	width: 100%;
	height: 100%;
}

.znakLevo {
	margin: 15px 0 0 11px;
}

.EngznakLevo {
	margin: 7px 0 0 11px;
}

.znakSredina {
	margin-top: 10px;
}

.znakDesno {
	float: right; 
	margin-top: 5px;
	margin-right: 15px;
}

div#launchArea {
	float: left; 
	width: 298px;
	text-align: right;
	margin-top: 26px;
}

div#launchArea img {
	margin: 0 10px 0 0;
}

div#glavaLevo {
	height: 82px;
	width: 9px;
	float: left;
	background: #444 url("../layouts/img/header-leftcorner.gif") no-repeat;
}

div#glavaSredina {
	height: 82px;
	width: 941px;
	float: left;
	background: #444 url("../layouts/img/header-bg.gif") repeat-x;
}

div#glavaDesno {
	height: 82px;
	width: 9px;
	float: left;
	background: #444 url("../layouts/img/header-rightcorner.gif") no-repeat;
}

div#topNavigation {
	height: 33px;
	margin: 0;
	padding: 0px 7px 0px 17px;
	background: #4f4f4f url("../layouts/img/bg-topnavigation.gif") no-repeat top;
}

div#topNavigation img {
	height: 23px;
	margin: 6px 0 0 1px;
}

div#leftBorder {
	width: 2px;
	float: left;
	background: url(/demo2/layouts/img/bg-leftborder.gif) repeat-y;
}

div#rightBorder {
	width: 2px;
	float: right;
	background: url(/demo2/layouts/img/bg-leftborder.gif) repeat-y;
}

div#leftColumn {
	float: left;
	width: 170px;
	background: url(/demo2/layouts/img/bg-leftcolumn.jpg) no-repeat center top;
}

div#wideColumn {
	float: left;
	width: 900px;
	padding: 7px 25px 30px 30px;
	background: url(/demo2/layouts/img/bg-widecolumn.gif) no-repeat center top;
}

div#wideColumnPadded {
	padding: 7px 200px 30px 200px;
	background: url(/demo2/layouts/img/bg-widecolumn.gif) no-repeat center top;
}

div#columnSeparator {
	width: 10px;
	float: left;
	background: url(/demo2/layouts/img/bg-columnseparator.jpg) no-repeat top;
}

div#rightColumn {
	float: right;
	width: 750px;
	padding: 7px 11px 30px 14px;
	background: url(/demo2/layouts/img/bg-rightcolumn.jpg) no-repeat center top;
}

div#vsebina {
	width: 955px;
	float: left;
	padding: 0;
	margin: 0;
	background: #fff url(/demo2/layouts/img/bg-content.jpg) repeat-y;
}
/*
div#mainContent {
}
*/
div#Podstran {
	text-align: left;
	width: 905px;
	margin-left: 25px;
	margin-right: 25px;
	background: white;
}

div#PodstranTop {
	width: 955px;
	height: 8px;
	padding: 0;
	margin: 0;
	background: url("/layouts/img/bg-contenttop.jpg") no-repeat center top;
}

.PodstranNaslov {
	font: 1.4em Arial, Helvetica, sans-serif; 
	color: #E10019;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 10px;
	line-height: 120%;
	letter-spacing: -0.01em;
	padding-bottom: 7px;
	background: url(/slike/dotted1.gif) repeat-x bottom;
}

.EngCrta {
	margin-bottom: 2px;
	margin-top: 2px;
	background: url(/slike/dotted1.gif) repeat-x bottom;
}	

div#sideContent {
	width: 245px;
	float: right;
	padding-top: 5px;
}

div.interior {
	height: auto !important; 
	height: 699px; /* IE */ 
	min-height: 699px; 
}

div#footer {
	width: 959px;
	margin: 0 auto;
	clear: both;
	/*padding: 0 60px 0 22px;*/
	height: 68px;
}

div.shortcutsMenu {
	padding: 7px 0 0 0;
	margin: 0;
	width: 240px;
	color: #919191;
	text-align: left;
}

div.shortcutsMenu li {
	padding: 8px 0;
	color: #919191;
}

.noBackground {
	background: #fff !important;
}

.column33percent {
	width: 288px;
	margin-right: 15px;
	float: left;
}

.column33percent.last {
	margin-right: 0 !important;
}

/* Flash movies for management
----------------------------------------------- */
.flv {
	float: left;
	margin: 8px 8px 8px 0;
}


/* PODS
----------------------------------------------- */		
div.pod {
	float: right;
	width: 228px;
	background: url("../layouts/img/bg-pod.jpg") repeat-y;
	margin-bottom: 10px;
}

div.podHead {
	height: 30px;
	background: url("../layouts/img/bg-pod-head.jpg") no-repeat top;
}

div.podHead span {
	display: block;
	padding: 8px 0 0 11px;
	font-weight: bold;
	color: #3b3b3b;
}

div.podBody {
	/* height: auto !important; 
	height: 50px;
	min-height: 50px; */
	padding: 7px 0 23px 11px;
	background: url("../layouts/img/bg-pod-foot.jpg") no-repeat bottom;
}

div.podLinks {
	line-height: 22px;
}

a .nextSteps  {
	background: url("/slike/puscica-rdeca.gif") no-repeat center left;
	line-height: 23px;
	color: #3b3b3b;
	padding-left: 17px;
}

.nextSteps  {
	background: url("/slike/puscica-rdeca.gif") no-repeat center left;
	line-height: 23px;
	color: #3b3b3b;
	padding-left: 17px;
}

a:hover .nextSteps  {
	color: #D00000;
}


/* TEXT 
----------------------------------------------- */		

h1.privacypolicy {
	color: #000;
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

h2.privacypolicy {
	color: #000;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

h3.privacypolicy {
	color: #666;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

blockquote.privacypolicy {
	margin-left: 15px;
}

h3.title {
	margin-top: 0;
}

.small {
	font-size: 9px;
}

.larger {
	font-size: 14px !important;
}

.big {
	font-size: 16px !important;
}

.expanded {
	letter-spacing: 2px;
}

.justified {
	text-align: justify;
}

p {
	margin-top: 0;
	margin-bottom: 12px;
	padding-top: 0;
}

br.spacer {
	height: 5px;
	font-size: 5px;
	line-height: 5px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.hidden {
	display: none;
}

.code {
	font-family: Courier New, Courier, Monaco, monospace;
}

.required {
	color: #b43866;
}

span.noteRequired {
	float: right;
	color: #b43866;
}

div.hr {
	height: 1px;
	background: #dad7d7;
	margin: 3px 0;
}

.borderBottom {
	border-bottom: solid 1px #dad7d7;
}

div.hr hr {
	display: none;
}

div.hr_width1 {
	width: 500px;
}

.centerAlign {
	text-align: center;
}

.paddedBlock {
	padding-left: 20px;
}

.contactTitle {
	padding-left: 20px;
	background: transparent url("../layouts/img/arrow-darkGreen.gif") no-repeat center left;
	margin-bottom: 5px;
}

.missing {
	color: #f00 !important;
	font-weight: bold !important;
	font-style: italic !important;
}


/* LINKS
----------------------------------------------- */	
a:visited {
	color: #5f9ba2;
	font-weight: normal;
	text-decoration: none;
	border-bottom: none;
}

a:link {
	color: #5f9ba2;
	font-weight: normal;
	text-decoration: none;
	border-bottom: none;
}

a:hover {
	color: #b43866;
	font-weight: normal;	
	text-decoration: none;
	/*border-bottom: 1px dotted #689dc7;*/
}

a:active {
	color: #b43866;
	font-weight: normal;	
	text-decoration: none;
	/*border-bottom: 1px dotted #689dc7;*/
}

a.noborder:hover {
	border-bottom: none;
}


a.noborder:active {
	border-bottom: none;
}


a.noborder {
	border-bottom: none;
}


/* LISTS
----------------------------------------------- */		

ol.upperalpha {
	list-style-type: upper-alpha;
}

ol.alpha {
	list-style-type: lower-alpha;
}

ol.upperroman {
	list-style-type: upper-roman;
}

ol.roman {
	list-style-type: lower-roman;
}

ol#termsandconditions li p {
	margin-top: 10px;
}

ul.circle li {
	list-style-type: square !important;
	margin-left: 15px;
	padding: 10px 0;
}

ul#peopleList {
	padding: 0;
	margin: 0 0 0 1px;
}

ul#peopleList li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background: none;
}

ul#peopleList li .name {
	display: block;
	font-size: 16px;
	color: #5f9ba2;
	line-height: 22px;
}

ul#peopleList li .title {
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	color: #999;
}

ul#publicationList li {
	padding: 0 0 10px 0;
}

ul#publicationList li.category {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	margin: 30px 0 20px 0;
}

ul#publicationList li .name {
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #555;
	margin-bottom: 1px;
}

ul#publicationList li .match {
	color: #919191;
	font-size:11px;
}

ul#publicationList li .url {
	color: #919191;
	font-size:11px;
}

ul#publicationList li .date {
	color: #919191;
}

ul#publicationList li .author {
	display: block;
	color: #919191;
}

ul#publicationList li .description {
	display: block;
	margin: 3px 0 20px 0;
}

ul#publicationList li .description p {
	padding: 0;
	margin: 0;
}

ul.siteMap {
	margin: 5px 0 0 20px;
}

ul.siteMap li {
	list-style-image: url("../layouts/img/bullet-platform.gif");
	padding: 0 0 3px 0;
}


/* FORMS
----------------------------------------------- */	
form {
	margin: 0; 
	padding: 0;
}

form.width500 {
	width: 500px;
}

input {
	border: 1px solid #ccc;
}

textarea {
	border: 1px solid #ccc;
}

select {
	border: 1px solid #ccc;
}

input.search {
	width: 127px; 
	border: 1px solid #ccc;
}

input.radio {
	width: 20px !important;
	height: 20px;
	margin: 1px 0 2px 0;
	border: none;
	vertical-align: middle;
}

input.checkbox {
	width: 20px !important;
	height: 20px;
	margin: 1px 0 2px 0;
	border: none;
	vertical-align: middle;
}

input.button {
	width: 20px !important;
	height: 20px;
	margin: 1px 0 2px 0;
	border: none;
	vertical-align: middle;
}

select.formField {
	width: 200px;
	height: 20px;
}

input.formField {
	width: 200px;
	height: 20px;
}

textarea.formField {
	width: 200px;
}

textarea.formFieldComment {
	width: 300px;
}

label {
	display: block;
	float: left;
	text-align: right;
	width: 160px;
	padding: 3px 6px 0 0;
}

label.wide {
	width: 100% !important;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
}

div.field {
	clear: both;
	padding: 5px 0;
}

div.fieldGroupLabel {
	margin: 10px 0;
	text-align: right;
	width: 160px;
	padding: 3px 6px 0 0;
	font-size: 14px;
	color: #b43866;
}
/*
.formField {
}
*/
div.formTitle {
	clear: both;
	padding: 3px 0;
	margin: 10px 1px;
	color: #5f9ba3;
}

div.spacer {
	clear: both;
	height: 3px;
	line-height: 1px;
}

div.buttons {
	text-align: left;
	padding-left: 230px;
	margin: 10px;
}

form p {
	margin: 3px 5px;
}

.formSeparator {
	font-size: 14px;
	background: url("../layouts/img/bg-rightcol-menu.gif") repeat-x left bottom;
}

.fieldRequired {
	font-size: 20px;
	font-weight: bold;
	color: #b43866;
	vertical-align: top;
}

.fieldNotRequired {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	vertical-align: bottom;
}

div.row {
	clear: both;
	padding: 3px 0;
}


/* CASE STUDIES
----------------------------------------------- */
.caseStudy {
	padding: 10px 0;
	margin: 0;
}

.caseStudyText {
	width: 340px;
}

.imageFrame {
	width: 132px;
	height: 102px;
	padding: 6px;
	background: url("../layouts/img/imageFrame.gif") no-repeat;
	margin: 0;
	float: left;
}

.itemLink {
	background: url("../layouts/img/arrow-green.gif") no-repeat center left;
	padding-left: 15px;
	margin: 3px 0;
}

.itemLink a:visited {
	color: #9eaf44;
}

.itemLink a:link {
	color: #9eaf44;
}

.itemLink a:active {
	color: #b43866;
}


.itemLink a:hover {
	color: #b43866;
}


/* FOOTER
----------------------------------------------- */	

.leftFooterLinks {
	float: left;
	text-align: left;
	width: 100px; 
}

.rightFooterLinks {
	float: right;
	text-align: right;
	width: 850px; 
}

.footerLinks {
	color: #b4d5f4;
	height: 37px;
	background: url("../layouts/img/bg-footer.jpg") no-repeat;
}

.footerLinks ul {
	margin: 9px 20px;
	padding: 0;
}

.footerLinks li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0 3px;
	color: #5b5b5b;
	background: none;
	font-size: 11px;
}

.footerlinks ul li.separator {
	color: #5b5b5b;
}

.footerLinks li a:visited {
	font-size: 11px;
	color: #5b5b5b;
	font-weight: normal;
	text-decoration: none;
}

.footerLinks a:link {
	font-size: 11px;
	color: #5b5b5b;
	font-weight: normal;
	text-decoration: none;
}

.footerLinks li a:active {
	font-size: 11px;
	color: #9d9d9d;
	font-weight: normal;	
	text-decoration: none;
	border-bottom: none;
}

.footerLinks li a:hover {
	font-size: 11px;
	color: #9d9d9d;
	font-weight: normal;	
	text-decoration: none;
	border-bottom: none;
}

.bottomlinks {
	color: #7b7b7b;
	height: 34px;
}

.bottomlinks ul {
	margin: 2px 0 0 0;
	padding: 0;
}

.bottomlinks ul li {
	display: inline;
	list-style-type: none;
	color: #7b7b7b;
	margin: 0;
	padding: 0 3px;
	background: none;
	font-size: 11px;
}

.bottomlinks ul li.separator {
	color: #aaa;
}

.bottomlinks li a:visited {
	font-size: 11px;
	color: #7b7b7b;
	font-weight: normal;
	text-decoration: none;
}

.bottomlinks a:link {
	font-size: 11px;
	color: #7b7b7b;
	font-weight: normal;
	text-decoration: none;
}

.bottomlinks li a:active {
	font-size: 11px;
	color: #9d9d9d;
	font-weight: normal;	
	text-decoration: none;
	border-bottom: none;
}

.bottomlinks li a:hover {
	font-size: 11px;
	color: #9d9d9d;
	font-weight: normal;	
	text-decoration: none;
	border-bottom: none;
}

div#mostTopLinks ul {
	margin: 1px;
	padding: 0;
	padding-top: 1px;
}

div#mostTopLinks li {
	display: inline;
	list-style-type: none;
	padding: 0 4px;
	color: #fff;
	margin: 0;
	background: none;
	font-size: 10px;
}

div#mostTopLinks ul li.separator {
	color: #555;
}

div#mostTopLinks li a:visited {
	color: #7b7b7b;
	font-weight: normal;
	text-decoration: none;
	font-size: 10px;
}

div#mostTopLinks a:link {
	color: #7b7b7b;
	font-weight: normal;
	text-decoration: none;
	font-size: 10px;
}

div#mostTopLinks li a:active {
	color: #9d9d9d;
	font-weight: normal;	
	text-decoration: none;
	border-bottom: none;
	font-size: 10px;
}

div#mostTopLinks li a:hover {
	color: #9d9d9d;
	font-weight: normal;	
	text-decoration: none;
	border-bottom: none;
	font-size: 10px;
}

.divider {
	color: #545454;
	font-size: 8px;
	margin: 0 10px;
}

#mainNav {
	float: left;
	font-size: 10px;
	padding-left: 3px;
	padding-top: 2px;
	color: #fff;
}

#mainNav a:visited {
	font-size: 10px;
	color: #7b7b7b;
	text-decoration: none;	
}

#mainNav a:link {
	font-size: 10px;
	color: #7b7b7b;
	text-decoration: none;	
}

#mainNav a:active {
	font-size: 10px;
	color: #7b7b7b;
	text-decoration: none;	
}

#mainNav a.over {
	font-size: 10px;
	color: #9d9d9d;
}


#mainNav a:hover {
	font-size: 10px;
	color: #9d9d9d;
}


/* SEARCH
----------------------------------------------- */	

::root div#searchWindow {background: none;}

div#searchWindow {
	background: url("../layouts/img/search-pane.gif") no-repeat 0 3px;
	width: 300px;
	height: 31px;
	float: right;
	text-align: left;
	margin: 0;
	padding: 0;
}

span#magnifyingGlass {
	float: right;
	margin-right: 8px;
	margin-top: 1px;
}

div#searchWindow .searchField {
	border: 0;
	background: transparent;
	width: 230px;
	font-size: 12px;
	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #666;
	height: 16px;
	margin-left: 5px;
	margin-top: 6px;
}

input.searchField {
	background: transparent;
}

.navTable td {
	border: 0 !important;
	height: auto !important;
	font-size: 11px;
}

.navTable td.inactive {
	color: #b1b1b1;
}

.navTable td.page {
	color: #7b7b7b;
	width: 18px;
	height: 17px;
	text-align: center;
}

.navTable td.activePage {
	color: white;
	width: 18px;
	height: 17px;
	text-align: center;
	background: url("../layouts/img/pageActive.gif") no-repeat;
}

.navTable td a {
	color: #444 !important;
}

.horSpacer {
	width: 12px;
}

a.filterActive {
	color: #b43866;
}

.table-r {
	float: right;
	margin-left: 36px;
	margin-right: 10px;
}

.crta {
  /* only for first, no content - 1px height */
  height: 7px;
  line-height: 1px;
  background-image: url('/slike/dotted_line.gif');
  background-repeat: repeat-x;
  background-position: left top;
	margin-bottom: 7px;
	margin-top: 15px;
}

.crta1 {
  /* only for first, no content - 1px height */
	height: 20px;
	line-height: 1px;
	background-image: url('/slike/dotted_line.gif');
	background-repeat: repeat-x;
	background-position: left top;
	margin-bottom: 0px;
	margin-top: 3px;
}

.komentar {
	font-family: Georgia, Times;
	font-size: 12px;
	font-style:italic;
	color: #999999;
	margin-top: 5px;
	margin-bottom: 5px;
}

.foto {
	border: 1px solid #B3B3B3;
}

.navi {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 0.1em;
	color: #6C6C6C;
	line-height: 110%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.pnaslov {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #5b5b5b;
	margin-bottom: 5px;
}

.navi3 { 
	margin-bottom: 12px;
	display: block;
	padding: 0px 0px 0px 10px;
	background: transparent url(/slike/news.gif) 0 6px no-repeat;
}

.navedba {
	width:480px;
}

blockquote {
	font-size: 1.2em;
	font-style:italic;
	margin: 0px;
	padding: 1em;
	text-align: left;
	text-indent: 20px;
	background: url(/slike/quotes1.png);
	background-position: 10px 1.0em;
	background-repeat: no-repeat;
	background-color: #ffffff
}

blockquote p {
	font-family: Georgia, Times;
	font-size: 12pt;
	font-style: italic;
	margin-top: 0px;
	margin-bottom: 10px;
	line-height: 120%;
	letter-spacing: 0.00em;
	margin: 0px;
	padding: 0px;
	background: url(/slike/quotes2.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	color:#707070;
}

.tabela {
	border-collapse: collapse;
	border-style: solid;
	border-color: #C4C4C4;
	border-width: 1px;
	margin-left: 15px;
}

.redbold {
	color: #DA251E;
	font-weight:bold;
}

.redbold16 {
	color: #DA251E;
	font-weight:bold;
	font-size:16px;
}


.greenbold {
	color: #008000;
	font: 12px/16px Arial, Helvetica, sans-serif; 
	font-weight:bold;
	
}

.okvir {
	background-color:#e4e4e4;
	padding: 13px 9px 9px 9px;
}

.short { 
	font-family: tahoma, arial, helvetica, sans-serif;  
	font-size: 11px; 
	color: #5B5B5B; 
	text-decoration: none;
	margin-bottom: 0px;
	display: block;
	padding: 0px 0px 0px 20px;
	background: transparent url(/slike/1_arrow.gif) 0 5px no-repeat;
	font-weight: normal;
	text-decoration: none;
}

a.short1:active { 
	font-family: tahoma, arial, helvetica, sans-serif; 
	font-size: 11px; 
	color: #5B5B5B;
	text-align: left;
	text-decoration: none;
}

a.short1:link { 
	font-family: tahoma, arial, helvetica, sans-serif; 
	font-size: 11px; 
	color: #5B5B5B;
	text-align: left;
	text-decoration: none;
}

a.short1:visited { 
	font-family: tahoma, arial, helvetica, sans-serif; 
	font-size: 11px; 
	color: #5B5B5B;
	text-align: left;
	text-decoration: none;
}

a.short1:hover { 
	font-family: tahoma, arial, helvetica, sans-serif; 
	font-size: 11px; 
	color: #5B5B5B;
	text-align: left;
	text-decoration: underline;
}