/* CSS Document */

/***********/
/* GENERAL */
/***********/

body, fieldset, form, ul, li  {
	margin: 0px;
	padding: 0px;
	border: none;
}

input {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

body {
	background-color: #b2d2eb;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

.bgWrapper {
	width: 100%;
	background: url(/images/colours/body_bg.gif) top left repeat-x #FFFFFF;
	clear: both;
}

.wrapper {
	width: 951px;
	text-align: left;
	color: #000000;
	margin: 0 auto;
	position: relative;
}

.pathWrapper {
	width: 100%;
	background: #8eb1e3;
	height: 20px;
}

.leftColumn {
	width: 192px;
	float: left;
	#margin-top: 10px;
}

.rightColumn {
	width: 741px;
	float: right;
}

.headerWrapper {
	width: 100%;
	background: url(/images/colours/header_bg_sides.jpg) top left repeat-x #FFFFFF;
	border-bottom: 1px solid #000000;
	height: auto;
}

.headerTop {
	height: 74px;
	width: 950px;
	background: #FFFFFF;
	margin: 0 auto;
	position: relative;
	z-index: 100;
}

.article table {
	border: 1px solid #c7e2f1;
	margin: 0px 15px;
	background: #c7e2f1;
}

.article table.noStyle, .content table.noStyle {
	border: none;
	background: none;
}

.article table.noStyle tr, .content table.noStyle tr {
	background: none;
}

.article table.noStyle td, .content table.noStyle td {
	border: none;
	background: none;
	padding: 0px;
	text-align: left;
}

.article table tr th {
	background-color: #c7e2f1;
	padding: 20px 3px 3px 3px;
}

.article table tr {
	background: #FFFFFF;
}

.article table tr td {
	a-border-bottom: 1px solid #c7e2f1;
	padding: 10px 3px 5px 3px;
}

.imgLeft {
	margin: 0px 15px 15px 0px; 
}

.imgRight {
	margin: 0px 0px 15px 15px; 
}

.txtLeft {
	display: block; 
	text-align: left;
}

.txtCenter {
	display: block; 
	text-align: center;
}

.txtRight {
	display: block; 
	text-align: right;
}

.txtJustify {
	display: block; 
	text-align: justify;
}


/**********/
/* HEADER */
/**********/

.header {
	width: 950px;
	margin: 0 auto;
	position: relative;
	background: url(/images/colours/header_bg.jpg) top left repeat-x #FFFFFF;
}

.logo {
	position: absolute;
	top: 20px;
	left: 0px;
	z-index: 1000;
}

.logoSlo {
	position: absolute;
	top: 0px;
	left: 129px;
	z-index: 1000;
}

.logo a img {
		behavior: url("/css/iepngfix.htc");
}

.flag {
	position: absolute;
	left: 263px;
	top: 44px;
}

.flagSlo {
	position: absolute;
	left: 0px;
	top: 0px;
}

.language {
	float: right;
	width: 170px;
	height: 33px;
	position: absolute;
	top: 10px;
	right: -3px;
	background: url(/images/colours/language_bg.gif) no-repeat;
	color: #FFFFFF;
	font-size: 0.75em;
}

.language a {
	display: block;
	width: 170px;
	height: 33px;
	color: #FFFFFF;
	text-decoration: none;
}

.language a span {
	padding: 7px 0px 0px 15px;
	display: block;
}

.languageOpen {
	display: none;
	float: right;
	width: 170px;
	position: absolute;
	top: 10px;
	right: -3px;
	background: url(/images/colours/language_top_bg.gif) top left no-repeat;
	color: #FFFFFF;
	font-size: 0.75em;
	z-index: 1000;
}

.languageOpen img {
	behavior: url("css/iepngfix.htc");
}

.languageOpen a {
	display: block;
	width: 170px;
	height: 33px;
	color: #FFFFFF;
	text-decoration: none;
}

.languageOpen a span {
	padding: 7px 0px 0px 15px;
	display: block;
}

.languageOpen ul {
	margin: 0px;
	padding: 0px;
	background: url(/images/colours/language_list_bg.png) bottom no-repeat;
	behavior: url("css/iepngfix.htc");
	height: auto;
}

.languageOpen li {
	list-style: none;
	height: 20px;
}

.languageOpen li a span {
	margin: 0px 0px 0px 15px;
	padding: 0px;
}

.languageOpen li a {
	display: block;
	width: 170px;
	height: 20px;
	color: #FFFFFF;
	text-decoration: none;
}

.languageOpen li a:hover {
	background: url(/images/colours/language_rollover.gif) no-repeat;
	text-decoration: none;
}

.menu {
	width: 100%;
}

.menu span {
	display: block;
	padding: 10px 5px 5px 10px;
	text-transform: uppercase;
	font-style: italic;
	font-weight: bold;
	font-size: 0.82em;
	color: #FFFFFF;
}


.menu td {
	vertical-align: top;
}

.menu th {
	vertical-align: bottom;
	text-align: left;
}

.menu th.menu0 {
	width: 128px;
	background: #4ac417 url(/images/colours/menu.gif) top left no-repeat;
}

.menu th.menu1 {
	width: 170px;
	background: #4ac417 url(/images/colours/menu.gif) top left no-repeat;
}

.menu th.menu2 {
	width: 164px;
	background: #4ac417 url(/images/colours/menu.gif) top left no-repeat;
}

.menu th.menu3 {
	width: 154px;
	background: #4ac417 url(/images/colours/menu.gif) top left no-repeat;
}

.menu th.menu4 {
	width: 170px;
	background: #4ac417 url(/images/colours/menu.gif) top left no-repeat;
}

.menu th.menu5 {
	width: 164px;
	background: url(/images/colours/menu_last_bg.gif) top left no-repeat;
}

.menu th.menuRoll {
	background: none #267f01;
}

.menu a {
	text-decoration: none;
}

.menu .active a {
	background: #267f01;
}

.menu .submenu li {
	font-size: 0.75em;
	color: #082376;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
	background: none;
	height: auto;
	width: 100%;
	line-height: 1em;
	clear: both;
}

.menu .submenu li a span {
	padding: 0px 10px 0px 10px;
	margin: 0px;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	font-size: 1em;
}

.menu .submenu li a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	background: none;
}

.menu .submenu li a:hover {
	text-decoration: underline;
	font-weight: normal;
}

/***********/
/* CONTENT */
/***********/

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

.formatContent li a span {
	display: none;
}

.formatContent ul li {
	display: inline;
	list-style: none;
	padding-left: 1px;
}

.path {
	width: 941px;
	color: #FFFFFF;
	font-size: 0.75em;
	margin: 0 auto;
}

.path a {
	color: #FFFFFF;
	text-decoration: underline;
}

.path a:hover {
	text-decoration: none;
}

.banner {
	background: url(/images/colours/banner_bg.png) top left no-repeat;
	height: 50px;
	width: 178px;
	display: block;
	behavior: url("/css/iepngfix.htc");
	margin-bottom: 0px;
}

.banner span {
	padding-top: 17px;
	font-size: 1em;
	font-style: italic;	
	line-height: 1em;
	color: #7e8182;
	text-transform: uppercase;
	display: block;
}

.banner span a {
	text-decoration: none;
	color: #7e8182;
}

.banner img {
	behavior: url("/css/iepngfix.htc");
	float: left;
	margin-top: 5px;
	vertical-align: middle;
}

.description {
	font-size: 0.81em;
	color: #0a0a0a;
	padding: 0px 5px 5px 5px;
}

.article {
	font-size: 0.81em;
	width: 100%;
	text-align: justify;
}

.noTabs {
	background: none;
	padding: 0px;
}

.article fieldset {
	width: 741px;
	text-align: left;
}

.article fieldset .contentDiv {
	padding: 0px 10px;
}

.article fieldset h2 {
	font-size: 1.6em;
	color: #FFFFFF;
	padding: 5px 0px 5px 15px;
	background: url(/images/colours/title_bg.gif) top left no-repeat;
}

.article fieldset h2.light {
	font-size: 1.6em;
	color: #082376;
	padding: 5px 0px 5px 15px;
	background: url(/images/colours/title_light_bg.gif) top left no-repeat;
}

.article fieldset h2.sub {
	font-size: 1.6em;
	color: #082376;
	padding: 5px 0px 5px 15px;
	background: url(/images/colours/title_sub_bg.gif) top left no-repeat;
	margin-bottom: 0px;
	position: relative;
	top: -19px;
}

.article fieldset h3.sub {
	font-size: 1.6em;
	color: #082376;
	padding: 0px 0px 0px 15px;
	margin: 0px;
}

.article fieldset h2.light span {
	font-size: 0.7em;
	color: #0A0A0A;
	margin-top: 20px;
	display: block;
	width: 85%;
}

.article fieldset label.main {
	float: left;
	display: block;
	width: 112px;
}

.article fieldset label.error {
	display: inline;
	width: auto;
	color: red;
	margin-left: 10px;
}

.article fieldset .errorMsg {
	padding: 10px;
	font-size: 0.9em;
	color: 5d150a;
	background-color: #ffd8d2;
	border: 1px solid red;
	margin-left: 15px;
	margin-bottom: 13px;
}

.article fieldset input, .article fieldset select {
	border: 1px solid #a9cfeb;
	width: 200px;
}

.article textarea {
	border: 1px solid #a9cfeb;
	a-width: 200px;
}

.article fieldset ul.faq,
.article fieldset ul.sistemi {
	margin: 0px;
	padding: 0px;
}

.article fieldset ul.faq li {
	float: left;
	margin-left: 15px;
	margin-bottom: 10px;
	display: inline;
	width: 145px;
	list-style: none;
	height: 210px;
}

.article fieldset ul.sistemi li {
	float: left;
	margin-left: 0px;
	margin-bottom: 10px;
	display: inline;
	list-style: none;
	width: 100%;
}

.article fieldset ul.sistemi li a {
	font-weight: bold;
}

.article fieldset ul.sistemi li img.thumb {
	margin-right: 10px;
	margin-bottom: 5px;
}

.article fieldset ul.sistemi li div div {
	background: url(/images/colours/plus_bg.gif) top left no-repeat;
	font-size: 1.2em;
	color: #082376;
	padding: 0px 0px 2px 180px;
}

.article fieldset ul.sistemi li a {
	padding-top: 30px;
}

.article fieldset ul.sistemi li div {
	background: url(/images/colours/title_sub_bg.gif) top left repeat-y;
	clear: both;
}

.article fieldset ul.sistemi li div a {
	font-weight: normal;
}

.faqClear {
	clear: both;
	height: 4px;
	background: url(/images/colours/faq_divider.gif) top left no-repeat;
	margin-bottom: 5px;
}

.article fieldset img.captcha {
	margin-left: 15px;
}

.article fieldset p {
	margin: 0px 10px 0px 15px;
	padding-bottom: 10px;
}

.article fieldset p.requiredField {
	background: #e2f0f8;
	margin: 0px 0px 4px 0px;
	padding: 5px 10px 5px 15px;
}

.article fieldset a {
	color: #2e8e06;
	text-decoration: underline;
}

.article fieldset a:hover {
	color: #2e8e06;
	text-decoration: none;
}

.greenBtn, .greenBtn span {
	background: url(/images/colours/btn_green_bg.gif) no-repeat top left;
}

.article fieldset .greenBtn {
	padding: 3px 10px 3px 10px;
	a-background-position: right 0;
	position: relative;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.1em;
	background: url(/images/colours/btn_green_bg.gif) no-repeat right top;
}

.article fieldset .greenBtn:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.greenBtn span {
	background-position: left top;
	width: 10px;
	height: 23px;
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	cursor: pointer; /* mostly needed for internet explorer */
}

.innerBtn span {
	#margin-top: 12px;
}

.opomba {
	display: block;
	position: relative;
	left: 127px;
	width: 300px;
	font-size: 0.9em;
}

.article h1,
.article h2,
.article h3,
.article h4 {
	color: #082376;
	text-align: left;
	font-weight: normal;
}

.article h2 {
	font-size: 1.67em;
	margin-top: 0px;
	padding-top: 15px;
}

.article h3 {
	margin-left: 15px;
	font-size: 1.6em;
}

.article h4 {
	margin: 20px 0px 0px 15px;
	font-size: 1.5em;
}

.article hr {
	height: 1px;
	color: #aca899;
	background: #aca899;
	a-border-bottom: 1px solid #ece9d8;
}

.articleLead {
	font-size: 1.25em;
	color: #082376;
}

.article ul {
	margin: 0px 0px 0px 30px;
	padding: 0px;
}

.article li {
	list-style: url(/images/colours/bullet.gif);
	padding-left: 10px;
	margin: 0px;
	padding: 0px;
}

.article div.highlight {
	background: url(/images/colours/highlight_bg.gif) top left repeat-y;
	display: block;
	position: relative;
	left: -15px;
	padding-left: 15px;
}

.articleTabs {
	height: 45px;
	width: auto;
	float: right;
}

.articleTabs ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.articleTabs li {
	line-height: 45px;
	float: left;
	margin: 0 0 0 2px;
	background: url(/images/colours/tab_bg_left.gif) top left no-repeat;
}

.articleTabs li a span {
	padding-left: 70px;
	padding-right: 70px;
	font-size: 0.82em;
	color: #082376;
	height: 45px;
}

.articleTabs a {
	height: 45px;
	text-decoration: none;
	display: block;
	background: url(/images/colours/tab_bg_right.gif) top right no-repeat;
	float: left;
}

.articleTabs li a:hover {
	background: url(/images/colours/tab_bg_left_active.gif) top left no-repeat;
}

.articleTabs li a:hover span {
	float: left;
	background: url(/images/colours/tab_bg_right_active.gif) top right no-repeat;
	color: #082376;
	cursor: pointer;
}

.articleTabs li.active {
	background: url(/images/colours/tab_bg_left_active.gif) top left no-repeat;
}

.articleTabs li.active a span {
	float: left;
	background: url(/images/colours/tab_bg_right_active.gif) top right no-repeat;
}

.article .articleAttachments {
	background: #bee1fb;
	margin: 15px;
	display: block;
	position: relative;
	padding: 0px 10px 10px 15px;
	color: #515151;
	clear: both;
}

.article .articleAttachments h3 {
	margin-bottom: 0px;
	padding-top: 5px;
}

.article .articleAttachments span {
	font-size: 0.92em;
}

.article .articleAttachments a {
	color: #2e8e06;
	text-decoration: underline;
}

.article .articleAttachments a:hover {
	color: #2e8e06;
	text-decoration: none;
}

.article .picture {
	border: 1px solid #cfcfcf;
	padding: 5px;
	margin: 5px;
}

.sideList ul {
	margin: 0px;
	padding: 0px;
}

.sideList li {
	list-style: none;
	background: url(/images/colours/bullet_side.gif) 0px 2px no-repeat;
	font-size: 0.7em;
	line-height: 1.2em;
	padding-left: 17px;
	margin-bottom: 10px;
}

.heliomixApp li {
	list-style: none;
	padding-top: 5px;
}

.heliomixApp li img {
	vertical-align: middle;
}

.heliomixApp ul {
	margin-left: 15px;
}

.relatedContent ul {
	margin: 0px;
	padding: 0px;
	clear: both;
}

.relatedContent h3 {
	color: #082376;
	margin-bottom: 10px;
	font-size: 1em;
	margin-top: 0px;
	clear: both;
}

.relatedContent li {
	list-style: none;
	font-size: 0.75em;
	line-height: 1.3em;
	margin-bottom: 10px;
}

.relatedContent a {
	color: #2e8e06;
	text-decoration: underline;
}

.relatedContent a:hover {
	color: #2e8e06;
	text-decoration: none;
}

.date {
	background: url(/images/colours/date_bg.png) top left no-repeat;
	width: 26px;
	height: 43px;
	color: #FFFFFF;
	font-size: 10px;
	text-align: center;
	padding-top: 11px;
	line-height: 11px;
	text-transform: uppercase;
	float: left;
	margin-right: 10px;
}

.date span {
	display: block;
	font-size: 9px;
}

.listDates div {
	clear: both;
	margin-bottom: 10px;
}

.listDates h1 {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	color: #082376;
	font-style: italic;
	font-size: 1em;
	text-transform: uppercase;
}

.listDates div h2 {
	float: right;
	width: 154px;
	margin: 0px;
	padding: 0px;
	color: #082376;
	font-size: 0.7em;
}

.listDates div h2 a {
	margin: 0px;
	padding: 0px;
	color: #082376;
	text-decoration: none;
}

.listDates div h2 a:hover {
	text-decoration: underline;
}

.listDates div p {
	float: right;
	width: 154px;
	font-size: 0.7em;
	margin-bottom: 10px;
	#margin-bottom: 0px;
}

.listDates p {
	width: 154px;
	font-size: 0.75em;
}

.listDates p a {
	margin: 0px;
	padding: 0px;
	color: #2E8E06;
}

.listDates a.more {
	clear: both;
	display: block;
	background: url(/images/colours/more_bg.gif) top left no-repeat;
	width: 32px;
	height: 11px;
	color: #FFFFFF;
	font-size: 1em;
	line-height: 10px;
	padding-left: 4px;
	text-decoration: none;
}

.active .date {
	background: url(/images/colours/date_active_bg.gif) top left no-repeat;
}

.listDates div.active h2 {
	color: #000000;
	padding-bottom: 10px;
}

.listDates div.active p {
	display: none;
}

.archiveBtn {
	background: url(/images/colours/archive_button_bg.gif) top left no-repeat;
	width: 173px;
	height: 22px;
	display: block;
	clear: both;
}

.archiveBtn a {
	color: #4d4d4d;
	font-size: .75em;
	text-decoration: none;
	position: relative;
	top: 2px;
	left: 15px;
}

.article fieldset ul.grid {
	background: url(/images/colours/grid_bg.gif) top left repeat-y;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: auto;
}


.article fieldset ul.grid li {
	float: left;
	display: block;
	list-style: none;
	width: 25%;
	height: 243px;
}

.article fieldset ul.grid li a {
	font-weight: bold;
	font-size: 1.15em;
}

.article fieldset ul.grid li div {
	padding-left: 25px;
	padding-top: 15px;
}

.program {
	background: url(/images/colours/program_bg.gif) top left repeat-x;
	margin-top: 10px;
	font-size: 0.75em;
}

.program h2 {
	color: #082376;
	font-size: 1.6em;
	font-weight: normal;
	padding: 0px;
	margin: 15px 0px 0px 0px;
}

.program ul {
	margin: 0px;
	padding: 0px;
	clear: both;
}

.program img.icon {
	margin: 10px;
	behavior: url("/css/iepngfix.htc");
}

.program ul li {
	list-style: url(/images/colours/bullet_green.gif);
	margin-left: 25px;
}

.width258 {
	width: 258px;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.titleHeader {
	background: url(/images/colours/header_title_bg.gif) top left repeat-y;
	padding-top: 15px;
}

.titleHeader h1 {
	float: left;
	width: 300px;
	color: #FFFFFF;
	font-size: 1.25em;
	padding-left: 10px;
	margin: 0px;
	line-height: 1em;
	position: relative;
	top: -5px;
}

.titleHeader h1 span {
	font-style: italic;
	font-weight: normal;
}

.collapseList {
	width: 100%;
	background: #FFFFFF;
}

.collapseList h3 {
	background: #d2eafc;
	margin: 0px 0px 1px 10px;
	font-size: 0.85em;
	font-weight: normal;
	padding: 0px;
}

.collapseList h3 img {
	padding: 3px 10px 3px 5px;
	vertical-align: middle;
}

.collapseList a {
	color: #000000;
	text-decoration: none;
}

.collapseList a:hover {
	color: #000000;
	text-decoration: none;
}

.collapseList ul {
	margin: 5px 0px 5px 80px;
	padding: 0px;
	font-size: 0.85em;
}

.collapseList ul li {
	list-style: none;
}

.collapseList ul li a {
	color: #2e8e06;
	text-decoration: none;
}

.collapseList ul li a:hover {
	color: #2e8e06;
	text-decoration: underline;
}

.boxoverHeader {
	width: 300px;
	background: #34910d;
	border: 1px solid #C4D5E3;
	font-weight: bold;
	padding: 5px;
	color: #FFFFFF;
	font-size: 0.85em;
	line-height: 1em;
}

.boxoverHeader spam {
	font-weight: normal;
	display: block;
}

.boxoverBody {
	width:300px;
	font-size: 0.7em;
	background:#FFFFFF;
	color: #000000;
	border-left:1px solid #a4c9e5;
	border-right:1px solid #a4c9e5;
	border-bottom:1px solid #a4c9e5;
	padding: 5px;
}

.boxoverBody p {
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

.rightColumnInfo h2 {
	font-size: 1.5em;
	color: #082376;
	margin: 0px;
	clear: both;
}

.rightColumnInfo a {
	color: #2e8e06;
	text-decoration: underline;
}

.rightColumnInfo a:hover {
	color: #2e8e06;
	text-decoration: none;
}

.rightColumnInfo h3 {
	font-size: 1.25em;
	color: #082376;
	margin: 0px;
	clear: both;
}

.rightColumnInfo p {
	margin-top: 0px;
}

.rightColumnInfo li {
	list-style: none;
	clear: both;
}

.rightColumnInfo li img {
	padding-bottom: 10px;
	padding-right: 10px;
}

.substituti {
	margin-top: 20px;
	background: #bee1fb;
	display: block;
	position: relative;
	padding: 0px 0px 10px 0px;
	color: #515151;
	clear: both;
}

.substituti h3 {
	margin-bottom: 0px;
	padding-top: 5px;
}

.substituti span {
	font-size: 0.92em;
}

.substituti a {
	color: #2e8e06;
	text-decoration: underline;
}

.substituti a:hover {
	color: #2e8e06;
	text-decoration: none;
}

.substituti ul {
	margin: 0px 0px 0px 10px;
	padding: 10px 0px 0px 0px;
	display: block;
	width: 100%;
	height: auto;
}

.substituti li {
	margin: 0px;
	padding: 0px;
	width: 185px;
	height: 262px;
	list-style: none;
	float: left;
	font-size: 0.9em;
}

.ikone {
	padding-right: 5px;
	padding-bottom: 10px;
}

.ikoneSmall {
	padding: 3px 2px 0px 0px;
}

.thumbRight {
	float: right;
	a-padding-right: 10px;
	position: relative;
}

.eWaterBased {
	position: absolute;
	top: -10px;
	right: 10px;
}

/**********/
/* FOOTER */
/**********/

.footer {
	padding-top: 40px;
	clear: both;
	width: 100%;
	height: 92px;
	background: url(/images/colours/footer_bg.gif) top left repeat-x;
}

.footer div {
	width: 951px;
	position: relative;
	margin: 0 auto;
	color: #001955;
	font-size: 0.75em;
}

.footer div span {
	position: absolute;
	display: block;
	top: 20px;
	left: 20px;
}

.footer div ul {
	position: absolute;
	top: 20px;
	right: 5px;
}

.footer div ul li {
	display: inline;
	list-style: none;
	padding-left: 10px;
}

.footer a {
	color: #001955;
	text-decoration: underline;
}

.footer a:hover {
	color: #001955;
	text-decoration: none;
}

.check {
	padding-bottom: 7px;
	float: left;
}

span.brand {
	text-transform: uppercase;
}