/* -------------------- tag styles --------------------*/
body,td,div {font-family: verdana; font-size: 11px;}
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;}

.fc1 {color: #000;}
.fc2 {color: #FFF;}
.fc3 {color: #7B8088;} /*gray*/
.fc4 {color: #D00200;} /*red*/

.ls25 {letter-spacing: 0.025em;}
.ls75 {letter-spacing: 0.075em;}

.op50 {
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
}

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

.mb10 {margin-bottom: 10px;}

.dn {display: none;}
.db {display: block;}

.clear {clear: both;}

img.thumb {margin:4px; border: solid #B8B8B8 2px; width:62px; height:54px;}
img#nnextpic {top:135px; left:172px; display:none;cursor:pointer;}
img#pprevpic {top:135px; left:10px; display:none;cursor:pointer;}
	
/* -------------------------------------------------------------------------------------------*/
body {
	background: #f2f2f2 url(../images/bck_body.gif) repeat-x left top;
}
/* -------------------- HEAD start --------------------*/
div#header {
	height: 531px;
}

div#head {width: 920px; height: 531px; margin: 0 auto;}

div#header-in {
	height: 358px;
}

div#head-in {width: 920px; height: 358px; margin: 0 auto;}

	div#head img#logo {top: 0; left: 0;}
	
	div#search {
		width: 250px;
		height: 41px;
		background: url(../images/bck_search.gif) no-repeat left top;
		top: 0;
		right: -6px;
	}
	
		img#print {
			top: 9px;
			right: 28px;
		}
		
		div#search form {
			padding: 0;
			margin: 0;
		}
		
			div#search form fieldset{
				border: 0;
				padding: 0;
				margin: 0;
			}
			
				input#search-string {
					border: 0;
					background: none;
					width: 143px;
					height: 15px;
					top: 9px;
					left: 42px;
				}
				
				input#search-submit {
					border: 0;
					background: url(../images/search.gif) no-repeat left top;
					width: 19px;
					height: 19px;
					top: 7px;
					left: 15px;
					cursor: pointer;
				}
	
		div#head div#intro-photo {
			top: 137px;
			left: 2px;
			width: 918px;
			height: 350px;
		}
	
		div#intro-photo img{
			top: 0;
			left: 0;
		}
		
		div#head-in div#in-photo {
			top: 137px;
			left: 2px;
			width: 918px;
			height: 176px;
		}
	
		div#in-photo img{
			top: 0;
			left: 0;
		}
		
		div#left-overlay {
			height: 109px;
			width: 670px;
			/*width: 918px;*/
			background-color: #000;
			bottom: 0;
			left: 0;
			opacity: 0.5;
			-moz-opacity: 0.5;
			filter: alpha(opacity=50);
		}
		
		div#left-overlay-text {
			height: 75px;
			width: 600px;
			/*width: 850px;*/
			bottom: 22px;
			left: 16px;
			border-left: 3px solid #D61C19;
			padding-left: 8px;
		}
		
		div#right-overlay {
			/*display:none;*/
			height: 109px;
			width: 240px;
			background-color: #000;
			bottom: 0;
			right: 0;
			opacity: 0.5;
			-moz-opacity: 0.5;
			filter: alpha(opacity=50);
		}
		
		div#right-overlay-text {
			/*display:none;*/
			height: 75px;
			width: 165px;
			bottom: 22px;
			right: 52px;
			border-left: 3px solid #D61C19;
			padding-left: 8px;
		}
	
	div#head ul#menu {
		padding: 0;
		margin: 0;
		list-style-type: none;
		height: 45px;
		right: 0;
		top: 92px;
		clear: both;
	}
	
	div#head  ul#menu2 {
		padding: 0;
		margin: 0;
		list-style-type: none;
		height: 44px;
		right: 0;
		top: 487px;
		clear: both;
	}
	
	div#head-in ul#menu {
		padding: 0;
		margin: 0;
		list-style-type: none;
		height: 45px;
		right: 0;
		top: 92px;
		clear: both;
	}
	
	div#head-in  ul#menu2 {
		padding: 0;
		margin: 0;
		list-style-type: none;
		height: 44px;
		right: 0;
		top: 313px;
		clear: both;
	}
/* --------------------- HEAD end ---------------------*/

/* -------------------- MAIN start --------------------*/
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: 920px; 
	margin: 0 auto;
	padding-bottom: 220px;
	padding-top: 36px;
}

	div#left {
		width: 675px;
	}
	
		div.text-holder {
			width: 675px;
			height:auto !important;
			height: 460px;
			min-height: 460px;
			background: url(../images/bck_text.gif) repeat-y left top;
			margin-bottom: 6px;
			left: -3px;
		}
		
		div.text-holder-top {
			width: 675px;
			height:auto !important;
			height: 460px;
			min-height: 460px;
			background: url(../images/bck_text_top.gif) no-repeat left top;
		}
		
		div.text-holder-bottom {
			width: 675px;
			height:auto !important;
			height: 460px;
			min-height: 460px;
			background: url(../images/bck_text_bottom.gif) no-repeat left bottom;
			padding: 12px 0 40px 0;
		}
		
		/*div.text-holder-bottom a{
			color: #CE000C;
			text-decoration: none;
			letter-spacing: 0.050em;
		}
		
		div.text-holder-bottom a:hover{
			text-decoration: underline;
		}*/
	
		div.text {
			margin: 0 14px 0 15px;
		}
		
		div.text a{
			color: #D00200;
			text-decoration: none;
		}
		
		div.text a:hover {
			text-decoration: underline;
		}
		
			div.text h2{
				margin-top: -7px;
				margin-bottom: 5px;
			}
		
			div.text div.txt-caption {
				border-bottom: 1px solid #D00200;
				margin-bottom: 12px;
			}
			
			div.text ul {
				margin: 10px 0 0 60px;
				padding: 0;
				list-style-type: none;
			}
			
				div.text ul li {
					padding-left: 15px;
					background: url(../images/text_li_dot.gif) no-repeat 0 6px;
					line-height: 18px;
				}
	
		div.intro-holder {
			width: 675px;
			height: 254px;
			background: url(../images/bck_intro_holder.gif) no-repeat left top;
			margin-bottom: 6px;
			left: -3px;
		}
		
			div.intro-holder img.holder-caption {
				top: 13px;
				left: 13px;
			}
			
			div.products-2-holder {
				width: 433px;
				height: 199px;
				background: url(../images/products-2-holder.gif) no-repeat left top;
				top: 40px;
				left: 14px;
			}
			
			div.rabljeni-holder {
				width: 209px;
				height: 95px;
				background: url(../images/rabljeni-holder.gif) no-repeat left top;
				top: 40px;
				right: 15px;
			}
			div.zaloga-holder {
				width: 209px;
				height: 95px;
				background: url(../images/rabljeni-holder.gif) no-repeat left top;
				top: 145px;
				right: 15px;
			}
			
				img.caption-rabljeni {
					top: 1px;
					left: 67px;
				}
				
				div.holders-rabljeni {
					top: 22px;
					left: 9px;
				}
				
				img.intro-zaloga {bottom:-42px; left:0;}
				
				div.intro-rabljeni-holder {
					width: 192px;
					height: 74px;
					background: url(../images/intro-rabljeni-holder.gif) no-repeat left top;
				}
				
					img.rabljeni-image {
						top: 3px;
						left: 5px;
					}
					
					div.rabljeni-name {
						width: 75px;
						height: 40px;
						overflow: hidden;
						top: 8px;
						left: 103px;
					}
					
					a.rabljeni-a-vec {
						width: 84px;
						height: 21px;
						line-height: 16px;
						display: block;
						left: 99px;
						top: 46px;
						background: url(../images/rabljeni-a-vec.gif) no-repeat left top;
						text-decoration: none;
					}
					
					a.rabljeni-a-vec:hover {
						background: url(../images/rabljeni-a-vec-over.gif) no-repeat left top;
					}
			
			div.products-3-holder {
				width: 646px;
				height: 199px;
				background: url(../images/products-3-holder.gif) no-repeat left top;
				top: 40px;
				left: 14px;
			}
			
			div.products-wide-holder {
				width: 646px;
				height: 199px;
				background: url(../images/products-3-holder.gif) no-repeat left top;
				margin: 0 0 10px 0;
				padding: 0;
				clear: both;
			}
			
				div.intro-image-holder {
					width: 201px;
					height: 193px;
					background: url(../images/intro-image-holder.gif) no-repeat left top;
					margin: 3px 0 0 10px;
					display: inline;
				}
				
					div.intro-image-holder h3{
						margin: 9px 10px;
						clear: both;
						font-size: 11px;
					}
				
				div.intro-image-holder-2 {
					width: 307px;
					height: 193px;
					background: url(../images/intro-image-holder-2.gif) no-repeat left top;
					margin: 3px 0 0 10px;
					display: inline;
				}
				
				img.intro-image {
					margin: 10px 0 0 10px;
				}
				
				img.intro-logo {
					margin: 0 0 0 10px;
				}
								
				div.specs {
					width: 170px;
					display: inline;
					margin: 12px 0 0 35px;
				}
				div.sp-main {width: 360px;}
				
					div.specs h2{
						background: url(../images/dots-red.gif) repeat-x left bottom;
						line-height: 25px;
						margin-bottom: 14px;
					}
					
				a.product-more {	
					width: 82px;
					height: 28px;
					line-height: 28px;
					display: block;
					bottom: 2px;
					right: 4px;
					text-decoration: none;
					background: url(../images/product-more.gif) no-repeat left top;
					color: #fff;
				}
				
				a.product-more:hover {	
					text-decoration: none;
					background: url(../images/product-more-over.gif) no-repeat left top;
				}
				
				a.product-inquiry {	
					width: 102px;
					height: 28px;
					line-height: 28px;
					display: block;
					bottom: 2px;
					right: 4px;
					text-decoration: none;
					background: url(../images/product-inquiry.gif) no-repeat left top;
					color: #fff;
				}
				
				a.product-inquiry:hover {	
					text-decoration: none;
					background: url(../images/product-inquiry-over.gif) no-repeat left top;
				}
		
		form#spare {
			margin: 40px 0;
			padding: 0;
		}
		
		form#spare fieldset{
			border: 0;
			margin-left: 110px;
			padding: 10px;
		}
		
		form#spare legend{
			border: 0;
			width: 200px;
			margin-left: 110px;
			line-height: 27px;
		}
		
		form#spare label {
			height: 20px;
			line-height: 20px;
			padding-right: 13px;
			text-align: right;
			width: 200px;
			margin-bottom: 6px;
		}
		
		form#spare input {
			border: 0;
			background: none;
			height: 18px;
			margin: 1px 0 6px 5px;
			width: 185px;
			font-size: 12px;
		}
		
		form#spare input#sp-submit {
			border: 0;
			width: 82px;
			height: 28px;
			background: url(../images/bck_submit.gif) no-repeat left top;
			cursor: pointer;
			left: 334px;
			top: 0;
			margin: 0;
			padding: 0;
		}
		
		form#spare input#inq-submit {
			border: 0;
			width: 82px;
			height: 28px;
			background: url(../images/bck_submit_2.gif) no-repeat left top;
			cursor: pointer;
			left: 334px;
			top: 0;
			margin: 0;
			padding: 0;
		}
		
		form#spare input.fail, form#spare textarea.fail {
			border-left: 3px solid red;
		}
		form#spare input.optfail, form#spare textarea.optfail {
			border-left: 3px solid orange;
		}
		
		form#spare textarea {
			border: 0;
			background: none;
			height: 45px;
			margin: 3px 0 0 5px;
			width: 188px;
			font-size: 10px;
			font-family: verdana;
			margin-bottom: 6px;
			overflow-y: auto;
		}
		
		div.input {
			width: 199px;
			height: 22px;
			background: url(../images/bck_input.gif) no-repeat left top;
		}
		
		div.textarea {
			width: 199px;
			height: 52px;
			background: url(../images/bck_textarea.gif) no-repeat left top;
		}
	
	span.news_date {
		border-bottom: 3px solid #787878;
		color: #000;
		padding: 0 2px;
		letter-spacing: 2px;
	}
	
	a.news_image {
		display: block;
		float: left;
		width: 184px;
		height: 146px;
		border: 1px solid #960502;
		font-size: 1px;
		line-height: 1px;
		margin-right: 10px;
		margin-bottom: 5px;
	}
	
	a.news_image img{
		vertical-align: top;
		margin: 2px;
	}
	
	div#right {
		width: 245px;
	}
	
		div#novice {
			width: 245px;
			height: 515px;
			right: -3px;
			background: url(../images/bck_novice.gif) no-repeat left top;
			margin-bottom: 6px;
		}
		
			div#novice ul {
				top: 43px;
				left: 16px;
				width: 213px;
				margin: 0;
				padding: 0;
				list-style-type: none;
			}
			
				div#novice ul li{
					height: 52px;
					background: url(../images/novice_li_dots.gif) repeat-x left bottom;
				}
				
					div#novice ul li div.post{
						color: #fff;
						display: block;
						width: 172px;
						padding-top: 7px;
						margin-left: 7px;
					}
					
						div#novice ul li div.post a.novice-vec{
							background: url(../images/novice-vec.png) no-repeat left top;
							width: 39px;
							height: 31px;
							display: block;
							right: -35px;
							top: 7px;
							line-height: 26px;
							text-align: center;
							color: #fff;
							text-decoration: none;
						}
						
						div#novice ul li div.post a.novice-vec:hover{
							background: url(../images/novice-vec-over.png) no-repeat left top;
						}
						
				a#novice-arhiv {
					background: url(../images/novice-arhiv.gif) no-repeat left top;
					width: 119px;
					height: 27px;
					display: block;
					right: 15px;
					bottom: 17px;
					line-height: 25px;
					text-align: center;
					color: #fff;
					text-decoration: none;
				}
				
				a#novice-arhiv:hover {
					background: url(../images/novice-arhiv-over.gif) no-repeat left top;
				}
		
		div.side-menu {
			width: 245px;
			height:auto !important;
			height: 81px;
			min-height: 81px;
			background: url(../images/side-menu.gif) repeat-y left top;
			right: -3px;
			margin-bottom: 6px;
		}
		
			div.side-menu-top {
				width: 245px;
				height:auto !important;
				height: 81px;
				min-height: 81px;
				background: url(../images/side-menu-top.gif) no-repeat left top;
			}
			
				div.side-menu-bottom {
					width: 245px;
					height:auto !important;
					height: 81px;
					min-height: 81px;
					background: url(../images/side-menu-bottom.gif) no-repeat left bottom;
					padding: 14px 0 22px 0;
				}
				
					div.side-menu-bottom ul {
						margin: 0 0 0 14px;
						padding: 0;
						list-style-type: none;
					}
					
						div.side-menu-bottom ul li {
							background: url(../images/side-menu-li.gif) no-repeat left top;
							margin: 0;
							padding: 0;
							vertical-align: top;
						}
						
						div.side-menu-bottom ul li.last {
							background: url(../images/side-menu-li-last.gif) no-repeat left top;
							margin: 0;
							padding: 0;
							height: 39px;
						}
						
						div.side-menu-bottom ul li a, div.side-menu-bottom ul li.last a{
							display: block;
							background: url(../images/li_a_main_arrow.gif) no-repeat 14px 12px;
							padding: 13px 0;
						}
						
						div.side-menu-bottom ul li a:hover, div.side-menu-bottom ul li.last a:hover, div.side-menu-bottom ul li a.active, div.side-menu-bottom ul li.last a.active {
							background: url(../images/li_a_main_arrow_down.gif) no-repeat 14px 12px;
						}
					
						div.side-menu-bottom ul li.submenu {
							background: none;
							margin: 0;
							padding: 0;
							height: auto !important;
							height: 10px;
							min-height: 10px;
						}
						
							div.side-menu-bottom ul li.submenu ul{
								margin: 8px 0 0 40px;
								padding: 0;
								list-style-type: none;
							}
							
								div.side-menu-bottom ul li.submenu ul li{
									background: none;
									padding-left: 40px;
									margin: 0;
									height: auto !important;
									height: 10px;
									min-height: 10px;
								}
								
									div.side-menu-bottom ul li.submenu ul li a{
										text-decoration: none;
										height: 16px;
										line-height: 16px;
										background: url(../images/li_a_arrow.gif) no-repeat 0 3px;
										display: block;
										padding: 0 0 8px 16px; 
									}
									
									div.side-menu-bottom ul li.submenu ul li a:hover, div.side-menu-bottom ul li.submenu ul li a.active{
										background: url(../images/li_a_arrow_down.gif) no-repeat 0 3px;
									}
		
		div#kontakt {
			width: 245px;
			height: 255px;
			right: -3px;
			background: url(../images/bck_kontakt.gif) no-repeat left top;
		}
		
			div#kontakt div {
				width: 180px;
				left: 34px;
				top: 55px;
				line-height: 14px;
			}
			
				div#kontakt div a{
					text-decoration: none;
				}
				
				div#kontakt div a:hover{
					text-decoration: underline;
				}
				
				div#kontakt a#kakodonas {
					background: url(../images/kontakt_a_kakodonas.gif);
					width: 121px;
					height: 29px;
					display: block;
					line-height: 26px;
					right: 14px;
					bottom: 17px;
					text-decoration: none;
				}
				
				div#kontakt a#kakodonas:hover {
					background: url(../images/kontakt_a_kakodonas-over.gif);
				}
				
div#ddmenu1,div#ddmenu2,div#ddmenu3,div#ddmenu4,div#ddmenu5 {top: -4px; left: 0; display:none; opacity: 0.9; -moz-opacity: 0.9; filter: alpha(opacity=90); padding:0;}
div#ddmenu1 div.fl,div#ddmenu2 div.fl,div#ddmenu3 div.fl,div#ddmenu4 div.fl,div#ddmenu5 div.fl {margin:10px 10px 8px 20px;clear:right;display:inline;}
div#ddmenu1 div.pa,div#ddmenu2 div.pa,div#ddmenu3 div.pa,div#ddmenu4 div.pa,div#ddmenu5 div.pa {width:100%; height:6px; bottom:-6px; left:0;}
div#ddmenu13 {width:151px; bottom: 43px; left: 0; display:none; opacity: 0.9; -moz-opacity: 0.9; filter: alpha(opacity=90); padding:0;}
div#ddmenu13 div.fl {margin:8px 10px 10px 20px;clear:right;display:inline;}
div#ddmenu13 div.pa {width:100%; height:6px; top:-6px; left:0;}
ul#menu li div a, ul#menu2 li div a, ul#menu2 li div span, ul#menu li div span {left:-10px; padding:0 0 0 10px; color: #FFF; text-decoration:none; display:block; margin: 5px 0; clear:both; line-height:12px; background:none;}
ul#menu li div a:hover, ul#menu2 li div a:hover {text-decoration:underline; background:url(../images/submenu_over.gif) no-repeat top left;}

table.razlicice {background: #E0E0E0; width:643px;}
table.razlicice tr {}
table.razlicice .left {width:200px; padding-right:10px;}
table.razlicice td {margin:4px; padding:6px; border-top: 1px solid #EBEBEB;}

div#top-print-console {
	background-color: #EDEDED; 
	border-bottom: 2px solid silver; 
	padding: 10px 0; 
	margin-bottom: 20px;
}

	div#top-print-console a {
		color: gray;
		text-decoration: none;
	}
	
	div#top-print-console a:hover {
		color: black;
		text-decoration: underline;
	}
/* --------------------- MAIN end ---------------------*/

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

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

	span#rights {
		bottom: 0;
		left: 0;
		height: 33px;
		line-height: 33px;
	}
	
	a#author {
		bottom: 0;
		right: 0;
		height: 33px;
		line-height: 33px;
		text-decoration: none;
	}
	
	a#author:hover {
		text-decoration: underline;
	}
/* --------------------- FOOT end ---------------------*/