html {
	height: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #000000;
	height: 100%;
}

#main {
	color: #ffffff;
	background-color: #00699d;
	background-image: url(../images/main-background.gif);
	background-position: left top;
	background-repeat: repeat-x;
}

#main a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: underline;
}

#main a:hover {
	text-decoration: none;
}

#wrapper {
	width: 990px;
	margin: 0 auto;
	background-image: url(../images/content-shade.gif);
	background-position: right 123px;
	background-repeat: no-repeat;
}

#header {
	position: relative;
	height: 129px;
}

#logo {
	position: absolute;
	left: 1px;
	top: 24px;
	display: block;
	width: 232px;
	height: 74px;
}

#navigation {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0 10px 0 0;
}

#navigation .item {
	float: left;
	display: inline;
	margin: 0 0 0 52px;
	color: #a9a9a9;
	font-size: 10px;
	height: 64px;
}

#navigation .item a {
	display: block;
	line-height: 24px;
	text-decoration: none;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
}

#navigation .item a:hover {
	color: #bdced6;
}

#navigation div.active a:hover {
	color: #ff3399;
}

#navigation div.active {
	background-image: url(../images/menu-arrow.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
}

#navigation div.active a {
	color: #ff3399;
}

#content {
	min-height: 480px;
}

#footer {
	position: relative;
	width: 990px;
	height: 230px;
	margin: 0 auto;
	background-image: url(../images/footer-arrow.gif);
	background-position: center top;
	background-repeat: no-repeat;
	border-bottom: 30px solid #000000;
}

#footer-logo {
	position: absolute;
	right: 12px;
	bottom: 0;
}

#footer-company {
	position: absolute;
	top: 203px;
	left: 0;
	line-height: 21px;
	color: #ffffff;
}

#footer-company a {
	color: #ffffff;
	text-decoration: none;
}

#footer-company a:hover {
	color: #bdced6;
}

#footer-company span.blue {
	font-weight: bold;
	color: #0081bf;
	padding: 0 5px 0 0;
}

#footer-company span.separator {
	padding: 0 14px;
}

#footer-quote {
	font-family: "Trebuchet MS", sans-serif, Verdana;
	width: 510px;
	position: absolute;
	top: 38px;
	right: 64px;
	color: #757575;
	line-height: 20px;
	font-size: 14px;
	font-style: italic;
}

#footer-quote span.curly {
	font-size: 16px;
}

#footer-quote .author {
	text-align: right;
	font-size: 11px;
	padding: 6px 30px 0 0;
	color: #4f4f4f;
}

#footer-keywords {
	position: absolute;
	left: 0;
	top: 35px;
	line-height: 21px;
}

#footer-keywords h3 {
	color: #0080bf;
	font-weight: bold;
	font-size: 15px;
	line-height: 24px;
}

#footer-keywords a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0 0 0 1px;
	font-size: 13px;
}

#footer-keywords a:hover {
	color: #bdced6;
}

#ie_dummy {
	display: none;
}

/* KONTAKT */

#kontakt_left {
	float: left;
	display: inline;
	width: 306px;
	margin: 32px 40px 40px 0;
}

#kontakt_right {
	position: relative;
	float: left;
	display: inline;
	width: 644px;
	padding: 32px 0 0 0;
	margin: 0 0 40px 0;
}

#kontakt_paper_plane {
	position: absolute;
	top: 16px;
	right: 13px;
}

#kontakt_box {
	position: relative;
	border: 1px solid #4f5fa7;
	background-image: url(../images/box-background.png);
	background-position: left top;
	background-repeat: repeat;
	height: 570px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#kontakt_box_fields {
	position: absolute;
	left: 40px;
	top: 106px;
	width: 567px;
}

#kontakt_box_fields label {
	display: block;
	line-height: 24px;
	font-style: italic;
	font-weight: bold;
	font-size: 12px;
}

#kontakt_box_fields label.optional {
	color: #b5d7e7;
}

#kontakt_box_fields input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #ffffff;
	border: 1px solid #0376ad;
	padding: 3px;
	margin: 0 0 11px 0;
	width: 259px;
	height: 20px;
	line-height: 20px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#kontakt_box_fields input.optional {
	background-color: #b5d7e7;
}

#kontakt_box_fields input.error, #kontakt_box_fields .right textarea.error {
	background-color: #FFA8AA;
}

#kontakt_box_fields .right {
	float: right;
	display: inline;
	width: 267px;
}

#kontakt_box_fields .right textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #ffffff;
	border: 1px solid #0376ad;
	padding: 3px;
	margin: 0;
	line-height: 18px;
	width: 259px;
	height: 209px;
	overflow: auto;
	resize: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#kontakt_box_type {
	position: absolute;
	top: 29px;
	left: 40px;
}

#kontakt_box_type label {
	display: block;
	line-height: 24px;
	font-style: italic;
	font-weight: bold;
	font-size: 12px;
}

#kontakt_box_type select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin: 0;
	padding: 1px;
	width: 267px;
}

#kontakt_box .number {
	position: absolute;
	left: 16px;
	color: #ff3399;
	font-weight: bold;
	font-size: 26px;
	line-height: 26px;
}

#kontakt_box_type_number {
	top: 28px;
}

#kontakt_box_fields_number {
	top: 105px;
}

#kontakt_box #kontakt_box_features_number {
	top: 374px;
	color: #b5469e;
}

#kontakt_box_submit_number {
	top: 512px;
}

#kontakt_box_submit {
	position: absolute;
	top: 511px;
	left: 40px;
}

#kontakt_box_submit input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	width: 77px;
	height: 28px;
	line-height: 28px;
	margin: 0;
	padding: 0 22px 0 0;
	border: 0;
	background-color: transparent;
	background-image: url(../images/contact-submit.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#kontakt_box_features {
	position: absolute;
	left: 40px;
	top: 374px;
	width: 567px;
}

#kontakt_box_features .title {
	display: block;
	line-height: 24px;
	font-style: italic;
	font-weight: normal;
	font-size: 12px;
	color: #b5d7e7;
	margin: 0 0 3px 0;
}

#kontakt_box_features .chkbox {
	float: left;
	display: inline;
	width: 189px;
	line-height: 13px;
	padding: 6px 0;
}

#kontakt_box_features .chkbox input {
	float: left;
	display: inline;
	width: 13px;
	height: 13px;
	margin: 0 8px 0 0;
	padding: 0;
}

#kontakt_box_features .chkbox label {
	float: left;
	display: inline;
	color: #b6d6e6;
	cursor: pointer;
}

#kontakt_box_features .notice {
	display: block;
	font-size: 11px;
	color: #b8d6e5;
	line-height: 12px;
	padding: 18px 0 0 0;
	font-style: italic;
}

#kontakt_left {
	color: #333333;
	line-height: 20px;
	font-size: 13px;
}

#kontakt_left h1 {
	font-family: "Trebuchet MS", sans-serif, Verdana;
	font-size: 26px;
	font-style: italic;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 26px;
	padding: 32px 0 20px 0;
}

#kontakt_card {
	color: #FFFFFF;
	font-size: 16px;
	line-height: 24px;
	padding: 40px 0 20px 0;
}

#kontakt_numbers {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 16px 0;
}

#kontakt_numbers span {
	font-weight: normal;
	font-size: 12px;
	font-style: italic;
	line-height: 24px;
}

#kontakt_companydetails {
	font-size: 12px;
	color: #FFFFFF;
	padding: 0 0 20px 0;
}

#kontakt_trademark {
	font-size: 11px;
	font-style: italic;
	line-height: 16px;
	color: #30373a;
}

#kontakt_box #captcha_box {
	position: absolute;
	top: 200px;
	left: 200px;
}

#kontakt_box #captcha_success {
	position: absolute;
	top: 230px;
	left: 185px;
}

/* REFERENCE */

#reference_list {
	padding: 0 0 40px 0;
}

#reference_list .item {
	float: left;
	display: inline;
	width: 296px;
	height: 280px;
	margin: 0 51px 0 0;
	background-image: url(../images/reference-frame-bg.gif);
	background-position: left 1px;
	background-repeat: repeat-x;
}

#reference_list .separator {
	clear: both;
	font-size: 0;
	line-height: 20px;
	height: 20px;
	border-top: 1px solid #368fbb;
}

#reference_list .item div.image img {
	background-position: 4px 4px;
	background-repeat: no-repeat;
	border: 1px solid #4aa8d6;
}

#reference_list .item a.image img {
	background-position: 4px 4px;
	background-repeat: no-repeat;
	border: 1px solid #4aa8d6;
}

#reference_list .item a.image:hover img {
	border: 1px solid #74b9db;
}

#reference_list .item .description {
	height: 60px;
	font-size: 13px;
	color: #bfdfed;
	line-height: 18px;
	padding: 10px 5px 0 5px;
}

#reference_list .item .description strong {
	color: #ffffff;
}

#reference_list .item .description img {
	vertical-align: middle;
	padding: 0 0 0 3px;
}

#reference_list .item .logo {
	width: 296px;
	height: 50px;
}

#reference_list .item .logo .right {
	float: right;
	display: inline;
}

#reference_left {
	float: left;
	display: inline;
	width: 642px;
	margin: 0 53px 34px 0;
	line-height: 20px;
	font-size: 13px;
}

#reference_right {
	position: relative;
	float: left;
	display: inline;
	width: 295px;
	margin: 17px 0 34px 0;
	padding: 49px 0 0 0;
}

#reference_palette {
	position: absolute;
	top: 0;
	right: 15px;
}

#reference_panel {
	position: relative;
	border: 1px solid #4f5fa7;
	background-image: url(../images/box-background.png);
	background-position: left top;
	background-repeat: repeat;
	padding: 15px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#reference_panel label {
	float: left;
	display: inline;
	width: 100px;
	line-height: 20px;
	color: #bddceb;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
}

#reference_panel .field {
	line-height: 20px;
}

#reference_panel select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding: 1px;
	width: 160px;
	margin: 0 0 8px 0;
}
#reference_panel input {
	float: left;
	display: inline;
	width: 13px;
	height: 13px;
	margin: 4px 3px 0 0;
	padding: 0;
}

#reference_panel span.label {
	float: left;
	display: inline;
}

#reference_left h1 {
	font-family: "Trebuchet MS", sans-serif, Verdana;
	font-size: 26px;
	font-style: italic;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 26px;
	padding: 63px 0 18px 0;
}

/* KAJ DELAMO */

#kaj_left {
	float: left;
	display: inline;
	width: 644px;
	margin: 0 50px 0 0;
	padding: 0 0 20px 0;
}

#kaj_right {
	position: relative;
	float: left;
	display: inline;
	width: 296px;
	padding: 32px 0 0 0;
}

#kaj_intro {
	text-align: justify;
	color: #333333;
	line-height: 20px;
	font-size: 13px;
	padding: 0 0 50px 0;
}

#kaj_left .kaj_text {
	text-align: justify;
	color: #ffffff;
	line-height: 20px;
	font-size: 13px;
	padding: 0 0 30px 0;
}

#kaj_left h1 {
	font-family: "Trebuchet MS", sans-serif, Verdana;
	font-size: 26px;
	font-style: italic;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 26px;
	padding: 65px 0 20px 0;
}

#kaj_left h2 {
	font-family: "Trebuchet MS", sans-serif, Verdana;
	font-size: 19px;
	font-weight: normal;
	font-style: italic;
	color: #a6cee2;
	line-height: 19px;
	padding: 0 0 8px 0;
}

#kaj_sidebar {
	padding: 0 0 0 15px;
}

#kaj_sidebar h3 {
	font-family: "Trebuchet MS", sans-serif, Verdana;
	font-size: 16px;
	font-weight: normal;
	color: #002a3e;
	line-height: 16px;
	padding: 30px 0 6px 0;
}

#kaj_sidebar a {
	display: block;
	line-height: 22px;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	padding: 0 0 0 1px;
}

/* BOX POVPRASEVANJE */

#kontakt_box_mini {
	position: relative;
	border: 1px solid #4f5fa7;
	background-image: url(../images/box-background.png);
	background-position: left top;
	background-repeat: repeat;
	height: 250px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#kontakt_box_mini h2 {
	position: absolute;
	left: 15px;
	top: 15px;
	font-family: "Trebuchet MS", sans-serif, Verdana;
	font-size: 20px;
	font-weight: normal;
	font-style: italic;
	color: #ffffff;
	line-height: 20px;
}

#kontakt_box_mini_fields {
	position: absolute;
	left: 15px;
	top: 44px;
	width: 267px;
}

#kontakt_box_mini_fields label {
	display: block;
	line-height: 24px;
	font-style: italic;
	font-weight: bold;
	font-size: 11px;
	color: #8ec4de;
}

#kontakt_box_mini_fields input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #ffffff;
	border: 1px solid #0376ad;
	padding: 3px;
	margin: 0 0 7px 0;
	width: 259px;
	height: 20px;
	line-height: 20px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#kontakt_box_mini_fields textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #ffffff;
	border: 1px solid #0376ad;
	padding: 3px;
	margin: 0;
	line-height: 18px;
	width: 259px;
	height: 70px;
	overflow: auto;
	resize: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#kontakt_box_mini_fields input.error, #kontakt_box_mini_fields textarea.error {
	background-color: #FFA8AA;
}

#kontakt_box_mini_submit {
	position: absolute;
	bottom: 9px;
	right: 13px;
}

#kontakt_box_mini_submit input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	width: 77px;
	height: 28px;
	line-height: 28px;
	margin: 0;
	padding: 0 22px 0 0;
	border: 0;
	background-color: transparent;
	background-image: url(../images/contact-submit.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#kontakt_box_mini_detailed {
	position: absolute;
	left: 15px;
	bottom: 8px;
	line-height: 28px;
}

#kontakt_box_mini_detailed a {
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}

#kontakt_box_mini #captcha_box {
	position: absolute;
	left: 16px;
	bottom: 9px;
}

#kontakt_box_mini #captcha_success {
	position: absolute;
	left: 16px;
	top: 100px;
}

/* HOME */

#home_left {
	float: left;
	display: inline;
	width: 644px;
	margin: 0 50px 0 0;
	padding: 0 0 20px 0;
}

#home_right {
	position: relative;
	float: left;
	display: inline;
	width: 296px;
	padding: 32px 0 0 0;
}

#home_left h1 {
	font-family: "Trebuchet MS", sans-serif, Verdana;
	font-size: 26px;
	font-style: italic;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 26px;
	padding: 64px 0 20px 0;
}

#home_intro {
	text-align: justify;
	line-height: 20px;
	font-size: 13px;
}

#home_intro img {
	vertical-align: middle;
	padding: 0 0 0 3px;
}

#home_reference h2 {
	font-family: "Trebuchet MS", sans-serif, Verdana;
	font-size: 20px;
	font-style: italic;
	font-weight: normal;
	color: #bfdfee;
	line-height: 20px;
	padding: 12px 0 18px 0;
}

/* SPLETKO CMS */

#cms_list .item {
	text-align: justify;
	font-size: 13px;
	line-height: 20px;
}

#cms_list .item.first {
	color: #333333;
}

#cms_list .item .left .picture {
	float: left;
	display: inline;
	margin: 3px 25px 0 0;
}

#cms_list .item .right .picture {
	float: right;
	display: inline;
	margin: 3px 0 0 25px;
}

#cms_list .item h2 {
	font-family: "Trebuchet MS", sans-serif, Verdana;
	font-size: 19px;
	font-style: italic;
	font-weight: normal;
	color: #a6ccdf;
	line-height: 18px;
	padding: 0 0 10px 0;
}

#cms_list .item.first h2 {
	font-family: "Trebuchet MS", sans-serif, Verdana;
	font-size: 26px;
	font-style: italic;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 26px;
	padding: 62px 0 16px 0;
}

#cms_list .item.first .picture {
	padding-top: 62px;
}

#cms_list .item .cms_text {
	padding: 0;
}

#cms_list .item a.picture {
	text-decoration: none;
}

/* CAPTCHA */

#captcha_box {
	width: 265px;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 18px;
}

#captcha_box strong {
	display: block;
	padding: 0 0 10px 0;
	font-style: italic;
}

#captcha_box_holder {
	line-height: 28px;
	margin: 15px 0 10px 0;
	background-image: url(../images/more-arrow.gif);
	background-position: 98px center;
	background-repeat: no-repeat;
}

#captcha_box_captcha {
	float: left;
	display: inline;
}

#contactCaptcha {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #ffffff;
	border: 1px solid #0376ad;
	padding: 3px;
	margin: 0;
	width: 125px;
	height: 20px;
	line-height: 20px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#contactCaptcha.error {
	background-color: #FFA8AA;
}

#captcha_box #contactSubmit {
	float: right;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	width: 77px;
	height: 28px;
	line-height: 28px;
	margin: 0;
	padding: 0 22px 0 0;
	border: 0;
	background-color: transparent;
	background-image: url(../images/contact-submit.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#captcha_success {
	width: 265px;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
}