/* -------------------- tag styles --------------------*/
body,td,div {font-family: Trebuchet MS; font-size: 12px;}
html,body{margin:0;padding:0;height:100%;border:none;}
table {border-spacing: 0px; border-collapse: collapse;}
td {vertical-align: top; padding:0px;}
img {border: 0px;}
form{margin:0px; padding:0px;}

h1, h2, h3, h4, h5, h6 {margin: 0px; font-weight: bold; color: silver;}
h1 {font-size: 20px;}
h2 {font-size: 18px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}
h6 {font-size: 10px;}

a {}
a:hover {}
a:focus {outline: none;}
a:active {}
a:visited {}

/* -------------------- standard styles --------------------*/
.b {font-weight: bold;}
.n {font-weight: normal;}
.i {font-style: italic;}

.tr{text-align:right;}
.tl{text-align:left;}
.tc{text-align:center;}

.pa {position: absolute;}
.pr {position: relative;}

.fl {float: left;}
.fr {float: right;}

.fs10 {font-size: 10px;}
.fs11 {font-size: 11px;}
.fs12 {font-size: 12px;}
.fs13 {font-size: 13px;}
.fs14 {font-size: 14px;}
.fs16 {font-size: 16px;}
.fs18 {font-size: 18px;}
.fs20 {font-size: 20px;}

.fc1 {color: #000;}
.fc2 {color: #FFF;}
.fc3 {color: #2A2E64;} /*navy*/
.fc4 {color: #595959;} /*gray*/
.fc5 {color: #32336A;} /*navy*/
.fc6 {color: #D7151D;} /*red*/

.ls25 {letter-spacing: 0.025em;}

a.tdn {text-decoration: none;}
a.tdn:hover {text-decoration: underline;}

a.lnk2 {color: red;}
a.lnk2:hover {color: blue;}

a.lnk3 {color: green;}
a.lnk3:hover {color: purple;}

.clear {clear: both;}
.h50 {height: 50px;}
.m30 {margin: 0 30px;}
.vab {vertical-align: bottom;}
.lh20 {line-height: 20px;}
.mt3 {margin-top: 3px;}
.mt20 {margin-top: 20px;}
.mb20 {margin-bottom: 20px;}
.pre {white-space: pre;}
/* -------------------------------------------------------------------------------------------*/
body {background: #e8e8e8 url(../images/bck_body.gif) repeat-x left top;}
/* -------------------- HEAD start --------------------*/
div#header {
	background: url(../images/bck_header.gif) repeat-x left top;
	height: 141px;
}

table#head-table {
	height: 100%;
	width: 100%;
}

td#h-center {width: 929px;}

td#h-right {
	background: url(../images/bck_head_right_x.gif) repeat-x left top;
}

div#head {width: 929px; height: 141px; background: yellow; margin: 0 auto; background: url(../images/bck_head.gif) no-repeat left top;}

img#logo-smarteh {left: 0; top: 16px;}

img#head-left {top: 0; left: -20px;}

img#head-prijava {top: 0; left: 629px;}

img#head-right {top: 0; left: 929px;}

img#lang-en {top: 0; left: 748px;}
img#lang-si {top: 0; left: 839px;}

ul#head-menu {
	margin: 0;
	padding: 0;
	right: 0;
	list-style-type: none;
	left: 0;
	bottom: 0;
	width: 929px;
	height: 50px;
}

ul#head-menu.si li, ul#head-menu.en li {float: left; margin-left: 2px;}

ul#head-menu.si li.first, ul#head-menu.en li.first {float: left; margin-left: 0;}

ul#head-menu.si li a, ul#head-menu.en li a{display: block; height: 50px; float: left; text-decoration: none;}
ul#head-menu.si li a:hover, ul#head-menu.en li a:hover{display: block; height: 50px; float: left; text-decoration: none;}

ul#head-menu.si li a#resitve {width: 152px; background: url(../images/menu_resitve_si_on.png) no-repeat 0 7px;}
ul#head-menu.si li a#prodajni-program {width: 160px; background: url(../images/menu_prodajni-program_si_on.png) no-repeat 0 7px;}
ul#head-menu.si li a#reference {width: 110px; background: url(../images/menu_reference_si_on.png) no-repeat 0 7px;}
ul#head-menu.si li a#partnerji {width: 138px; background: url(../images/menu_partnerji_si_on.png) no-repeat 0 7px;}
ul#head-menu.si li a#aktualno {width: 112px; background: url(../images/menu_aktualno_si_on.png) no-repeat 0 7px;}
ul#head-menu.si li a#kontakt {width: 101px; background: url(../images/menu_kontakt_si_on.png) no-repeat 0 7px;}
ul#head-menu.si li a#smarteh {width: 144px; background: url(../images/menu_smarteh_si_on.png) no-repeat 0 7px;}

ul#head-menu.si li a#resitve:hover, ul#head-menu.si li a#resitve.active {width: 152px; background: url(../images/menu_resitve_si_on.png) no-repeat left top;}
ul#head-menu.si li a#prodajni-program:hover, ul#head-menu.si li a#prodajni-program.active {width: 160px; background: url(../images/menu_prodajni-program_si_on.png) no-repeat left top;}
ul#head-menu.si li a#reference:hover, ul#head-menu.si li a#reference.active {width: 110px; background: url(../images/menu_reference_si_on.png) no-repeat left top;}
ul#head-menu.si li a#partnerji:hover, ul#head-menu.si li a#partnerji.active {width: 138px; background: url(../images/menu_partnerji_si_on.png) no-repeat left top;}
ul#head-menu.si li a#aktualno:hover, ul#head-menu.si li a#aktualno.active {width: 112px; background: url(../images/menu_aktualno_si_on.png) no-repeat left top;}
ul#head-menu.si li a#kontakt:hover, ul#head-menu.si li a#kontakt.active {width: 101px; background: url(../images/menu_kontakt_si_on.png) no-repeat left top;}
ul#head-menu.si li a#smarteh:hover, ul#head-menu.si li a#smarteh.active {width: 144px; background: url(../images/menu_smarteh_si_on.png) no-repeat left top;}

ul#head-menu.en li a#resitve {width: 152px; background: url(../images/menu_solutions_en_on.png) no-repeat 0 7px;}
ul#head-menu.en li a#prodajni-program {width: 160px; background: url(../images/menu_products_en_on.png) no-repeat 0 7px;}
ul#head-menu.en li a#reference {width: 110px; background: url(../images/menu_references_en_on.png) no-repeat 0 7px;}
ul#head-menu.en li a#partnerji {width: 138px; background: url(../images/menu_partners_en_on.png) no-repeat 0 7px;}
ul#head-menu.en li a#aktualno {width: 112px; background: url(../images/menu_press_en_on.png) no-repeat 0 7px;}
ul#head-menu.en li a#kontakt {width: 101px; background: url(../images/menu_contact_en_on.png) no-repeat 0 7px;}
ul#head-menu.en li a#smarteh {width: 144px; background: url(../images/menu_smarteh_si_on.png) no-repeat 0 7px;}

ul#head-menu.en li a#resitve:hover, ul#head-menu.en li a#resitve.active {width: 152px; background: url(../images/menu_solutions_en_on.png) no-repeat left top;}
ul#head-menu.en li a#prodajni-program:hover, ul#head-menu.en li a#prodajni-program.active {width: 160px; background: url(../images/menu_products_en_on.png) no-repeat left top;}
ul#head-menu.en li a#reference:hover, ul#head-menu.en li a#reference.active {width: 110px; background: url(../images/menu_references_en_on.png) no-repeat left top;}
ul#head-menu.en li a#partnerji:hover, ul#head-menu.en li a#partnerji.active {width: 138px; background: url(../images/menu_partners_en_on.png) no-repeat left top;}
ul#head-menu.en li a#aktualno:hover, ul#head-menu.en li a#aktualno.active {width: 112px; background: url(../images/menu_press_en_on.png) no-repeat left top;}
ul#head-menu.en li a#kontakt:hover, ul#head-menu.en li a#kontakt.active {width: 101px; background: url(../images/menu_contact_en_on.png) no-repeat left top;}
ul#head-menu.en li a#smarteh:hover, ul#head-menu.en li a#smarteh.active {width: 144px; background: url(../images/menu_smarteh_si_on.png) no-repeat left top;}

/* --------------------- HEAD end ---------------------*/

/* -------------------- MAIN start --------------------*/
div#login {
	height: 50px;
	background-color: #cecece;
}

div.loginContent {
	height: 50px;
	width: 929px; 
	margin: 0 auto;
}
div.loginContent form {width: 300px;}

div.loginContent table {margin-top: 3px; margin-left: 20px;}
div.loginContent td {line-height: 15px;}
div.loginContent td.vam {vertical-align: middle;}
div.loginContent div.logged_id {padding-top: 13px; margin-left: 20px;}

div.loginContent input {
	border: 1px solid silver; 
	background-color: #E1E1E1; 
	font-size: 11px; 
	margin: 1px 0;
	width: 140px;
	height: 15px;
	line-height: 15px;
}
div.loginContent input#login_submit {
	border: 0; 
	color: #fff; 
	cursor: pointer; 
	background: url(../images/but_preberi_vec.gif) no-repeat left top;
	width: 90px;
	height: 21px;
	line-height: 21px;
	font-size: 12px;
	font-weight: bold;
}

div.loginContent span#login_error {
	right: 3px;
	bottom: 3px;
}

div#content {
	
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}
div#main {
	width: 929px; 
	margin: 0 auto;
	padding-bottom: 164px;
	background: #E8E8E8 url(../images/bck_content.gif) repeat-x left top;
}

div#welcome {
	height: 250px;
	background: url(../images/pametna-hisa.gif) no-repeat right top;
	margin-bottom: 12px;
}

	div#welcome-inner {
		width: 513px;
		margin-left: 15px;
		padding-top: 18px;
	}
	
	div#welcome-inner b {
		color: #E21E25;
		font-weight: normal;
	}
	
	div.white-line {
		background: url(../images/white_line.gif) repeat-x left top;
		height: 9px;
		margin-bottom: 15px;
	}
	
	a.readmore {
		background: url(../images/but_preberi_vec.gif) no-repeat left top;
		display: block;
		width: 90px;
		height: 21px;
		line-height: 21px;
		text-align: center;
		text-decoration: none;
		color: #fff;
	}
	
	a.readmore:hover {
		background: url(../images/but_preberi_vec_over.gif) no-repeat left top;
		color: #e3e3e3;
	}
	
div#slider {
	overflow: hidden; 
	height: 252px;
	margin-bottom: 35px;
}

div#sliding-images {
	top: 14px;
}

div#slider-cover {
	top: 0; 
	left: 0;
	background: url(../images/slider.png) no-repeat left top;
	width: 929px;
	height: 252px;
}

img#slider-cover-corn {
	top: 0; 
	left: 0;
}

div#studija {
	bottom: 20px; 
	opacity: 0.7; 
	filter: alpha(opacity=70); 
	height: 28px; 
	background-color: #fff; 
	overflow: hidden;
}

div#studija-top {
	line-height: 28px;
	padding: 0 8px;
}

a#studija_desc {
	display: block;
	line-height: 16px;
	padding: 8px;
	color: #000;
	text-decoration: none;
}

a#studija_desc:hover {
	background-color: #FFCFD2;
}

a#plus_minus {
	display: block;
	width: 10px;
	height: 10px;
	line-height: 9px;
	top: 9px;
	right: 5px;
	background-color: #fff;
	font-size: 16px;
	color: #E11E25;
	text-decoration: none;
	border: 1px solid #ddd;
}

span#studija_caption {
	font-size: 16px;
	color: #E11E25;
}

img#slider-left {left: 21px; top: 116px;}
img#slider-right {right: 21px; top: 116px;}

div#intro-bottom {
	background: url(../images/bck_intro_bottom.gif) repeat-x left top;
	height: auto !important;
	min-height: 372px;
	height: 372px;
}

div.intro-block {
	width: 290px;
	margin-left: 15px;
}

div.whiter-line {
	background: url(../images/whiter_line.gif) repeat-x left top;
	height: 9px;
	margin-bottom: 15px;
}

a.rss {
	right: 1px; 
	top: 3px;
	display: block;
	width: 14px;
	height: 14px;
	background: url(../images/rss.gif) no-repeat left top;
	text-decoration: none;
}

div#laktualno a.rss {
	background: url(../images/rss_blue.gif) no-repeat left top;
}

div.datum {
	width: 40px;
	height: 33px;
	margin-right: 10px;
	background: url(../images/bck_datum.gif) no-repeat left top;
}

	div.datum div {
		width: 33px;
		font-size: 11px;
		font-family: Trebuchet MS;
		color: #fff;
		line-height: 16px;
	}
	
	div.block-text {
		margin-top: 10px;
		margin-bottom: 14px;
	}
	
	img.sejem {
		margin-right: 13px;
	}
	
	div.kontakt b {color: #C70810;}

div#main-left {
	margin-top: 30px;
	width: 286px;
}

div#main-right {
	margin-top: 30px;
	width: 643px;
	background: url(../images/bck_text.gif);
}

	div#main-right-top {
		margin: 0;
		padding: 0;
		background: url(../images/bck_text_top.gif) repeat-x left top;
	}
	
		div#main-right-bot {
			margin: 0;
			padding: 0;
			background: url(../images/bck_text_bot.gif) repeat-x left bottom;
			height: auto !important;
			min-height: 560px;
			height: 560px;
		}

div#left-menu {
	margin-bottom: 30px;
}

div#left-menu-caption {
	width: 265px;
	height: 45px;
	background: url(../images/left-menu-top.gif) no-repeat left top;
}

	div#left-menu-caption img {
		margin: 15px 0;
	}

div#left-menu-middle {
	width: 265px;
	background: url(../images/left-menu-middle.gif) repeat-y left top;
}

div#left-menu-bottom {
	width: 265px;
	height: auto !important;
	min-height: 110px;
	height: 110px;
	background: url(../images/left-menu-bottom.gif) no-repeat left bottom;
	padding: 10px 0 30px 0;
}

ul#lmenu {
	margin: 0 20px;
	padding: 0;
	list-style-type: none;
}

	ul#lmenu li {
		border-top: 1px solid #EBEBEB;
		padding: 1px 0;
	}
	
	ul#lmenu li.first {
		border-top: 0;
	}
	
		ul#lmenu li a {
			display: block;
			padding: 5px 0;
			padding-left: 13px;
			background: url(../images/dot_red_li.gif) no-repeat 0 10px;
			font-size: 12px;
			color: #393A6F;
			letter-spacing: 0.025em;
			text-decoration: none;
		}
		
		ul#lmenu li a:hover, ul#lmenu li a.active {
			background-color: #E6E6E6;
		}
		
	div#laktualno {
		width: 257px;
		margin-left: 5px;
		margin-bottom: 30px;
	}
	
	div#lkontakt {
		width: 257px;
		margin-left: 5px;
		margin-bottom: 30px;
	}
	
div#text {
	margin: 0 30px;
}

	div#text a{
		font-weight: normal;
		color: #D00F17;
		text-decoration: none;
	}
	
	div#text b{
		color: #D00F17;
	}
	
	div#text div.datum div b{color: #fff;}
	
	div#text a:hover {text-decoration: underline;}

	div#text h1 {
		font-family: Trebuchet MS;
		margin: 0 0 15px 0;
		padding: 6px 0;
		background: url(../images/double_line.gif) repeat-x left bottom;
		color: #D7151D;
		font-size: 20px;
		font-weight: bold;
		letter-spacing: 0.025em;
	}
	
	div#text h2 {
		margin-bottom: 20px;
		background: url(../images/dots.gif) repeat-x left bottom;
		padding-bottom: 4px;
		color: #D7151D;
		font-size: 16px;
		font-weight: bold;
		letter-spacing: 0.025em;
	}
	
	div#text ul {
		margin: 10px 0;
		margin-bottom: 20px;
		padding: 0;
		list-style-type: none;
	}
	
		div#text ul li {
			padding-left: 20px;
			background: url(../images/dot_red_li.gif) no-repeat 0 5px;
		}
	
	img.dpic {
		margin: 5px 15px 10px 0;
	}
	
	a.print {
		display: block;
		height: 21px;
		line-height: 21px;
		background: url(../images/print.gif) no-repeat left center;
		padding-left: 31px;
		margin: 20px 0;
	}
	
	a.pdf {
		display: block;
		height: 21px;
		line-height: 21px;
		background: url(../images/pdf.gif) no-repeat left center;
		padding-left: 31px;
		margin: 20px 0;
	}
	
	div.dots	{
		background: url(../images/dots.gif) repeat-x left center;
		height: 1px;
	}
	
	div.reference {
		background: #fdfdfd url(../images/bck_reference.gif) repeat-x left top;
		height: auto !important;
		min-height: 130px;
		height: 130px;
	}
	
div.forms form {
	margin: 0;
	padding: 0;
}

div.forms form input{
	background: none;
	border: 1px solid #807E7F;
	margin-bottom: 10px;
	background-color: #e8e8e8;
}

div.forms form textarea{
	margin-bottom: 10px;
	background: none;
	border: 1px solid #807E7F;
	width: 300px;
	height: 150px;
	background-color: #e8e8e8;
}

div.forms form input.fail, div.forms form textarea.fail {
	border: 1px solid #E21E25;
	background-color: #FFEFF0;
}

div.forms span.error {color: #E21E25;}
/* --------------------- MAIN end ---------------------*/

/* -------------------- FOOT start --------------------*/
div#footer {
	position:absolute;
	bottom:0; /* stick to bottom */
	width:100%;
	clear:left;
	height: 164px;
	background: url(../images/bck_footer.gif) repeat-x left top;
}

table#foot-table {
	height: 100%;
	width: 100%;
}

td#foot-center {width: 929px;}

td#foot-right {
	background: url(../images/bck_foot_right.gif) repeat-x left top;
}

div#foot {width: 929px; height: 164px; margin: 0 auto; background: url(../images/bck_foot.gif) no-repeat left top;}

ul#foot-menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
	right: 0;
	top: 45px;
}

	ul#foot-menu li {
		float: left;
		background: url(../images/foot-menu-delimiter.gif) no-repeat left center;
	}
	
	ul#foot-menu li.first {
		float: left;
		background: none;
	}
	
		ul#foot-menu li a {
			padding: 0 15px;
		}

span#rights {top: 148px; left: 55px;}

a#author {top: 148px; right: 0;}

/* --------------------- FOOT end ---------------------*/