/* resetiranje prikaza */
* {
	padding: 0;
	margin: 0;
	text-align: left;
	vertical-align: top;
	list-style: none;
}
a img,:link img,:visited img{border:none}
ul, li { padding:0; }

/* /resetiranje prikaza */

body {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

p {
	line-height: 18px;
}

a { text-decoration: none; color: #2D68BC }
a:hover { text-decoration: underline; }

br.clear { clear: both; height: 0; font-size: 0; line-height: 0px; }

div.head div.holder,
div.body div.holder,
div.foot div.holder {
	width: 917px;
	margin: 0 auto;
}


div.head {
	height: 68px;
	background: url(/Static/images/gui/head_background.gif) repeat-x;
}

	/*div.head img { display: block; } */
	div.head a.logo { float: left; }
	
	div.head div.hotline { float: right; }
	


	div.head div.language_selector {
		font-size: 9px;
		display: block;
		padding-top: 24px;
		float: left;
	}	
	


	
div.body-stripe {
	background: url(/Static/images/gui/body_stripe.gif) repeat-x left -8px;
}
	

	div.body-stripe div.stripe-shadow {
		padding-right: 8px;
		width: 917px;
		margin: 0 auto;	
		background: url(/Static/images/gui/body_stripe_shadow.gif) no-repeat right -8px;
	}
/*div.body { background: url(/Static/images/gui/content_bgstripes.gif) repeat; }*/
div.body { background: url(/Static/images/gui/bg_stripes_fade.png) repeat-y center 0; }

div.body div.holder { background: url(/Static/images/gui/navigation_bg.gif) repeat-y left top white; }
	
	div.body div.navigation,
	div.body div.content {
		float: left;
	}
	
	div.body div.navigation {
		/*margin-top: 8px;*/
		width: 218px;
		height: 400px;
	}
	
		div.navigation div.main-first {
			padding-top:8px;
			background: #F0F0F0;
			margin-bottom: 3px;
		}
		div.navigation div.main-second {
			background: url(/Static/images/gui/navigation_main_bottombg.gif) no-repeat left top;
			padding-top: 5px;
			height: 200px;
			background-color:#FFFFFF;
		}
	
		div.body div.navigation a {
			display: block;
			padding-top: 8px;
			padding-left: 41px;
		}
		
		
		div.navigation div.main { background: #F0F0F0; }
		div.navigation div.main div.item,
		div.navigation div.main div.item-selected {
			background-repeat: no-repeat;
			background-position: 5px 0px;
			background-image: url(/Static/images/gui/navigation_main_bullet.gif);
		}

		div.navigation div.main div.item-expanded {
			background-repeat: no-repeat;
			background-position: 5px 0px;	
			background-image: url(/Static/images/gui/navigation_main_bullet_down.gif);
			}
	
		div.navigation div.main div.item a,
		div.navigation div.main div.item-selected a,
		div.navigation div.main div.item-expanded a
		 {
			color: black;
			font-size: 14px;
			height: 23px; /* 31 - 8 */
		}
		
		
		div.navigation div.main div a.disabled:hover {
			text-decoration: none;
		}
		
		div.navigation div.sub div.item a,
		div.navigation div.sub div.item-selected a {
			font-size: 12px;
			color: #838383;
			border-top: 1px #C9C8C9 solid;
			padding-left: 30px; /* 41 - 11 */
			margin-left: 11px;
			height: 23px; /* 31 - 6 */
		}
		div.navigation div.sub div.item-selected a { margin-left:0px; padding-left:41px; }
		
			div.navigation div.sub div.item { background: none; }
			div.navigation div.sub div.item-last {
				background: url(/Static/images/gui/navigation_sub_lastitem.gif) left bottom repeat-x;
				height: 8px;  /* 29 +17 */
			}
		div.navigation div div.item-selected {
			background-color: #E0082A;
		}
		div.navigation div.main div.item-selected {
			background-image: url(/Static/images/gui/navigation_main_bullet_selected.gif);
			background-repeat: no-repeat;
		}
		div.navigation div.main div.selected div div.item {
			background: none;
		}
		div.navigation div.main div.item-selected a,
		div.navigation div.sub div.item-selected a {
			color: white;
		}

		div.navigation div.sub div.item,
		div.navigation div.sub div.item-selected {
			background-image: url(/Static/images/gui/navigation_sub_bullet.gif);
			background-repeat: no-repeat;
			/*background-position: 28px 10px;*/
			background-position: 19px 10px;
		}
		div.navigation div.sub div.item-selected {
			background-image: url(/Static/images/gui/navigation_sub_bullet_selected.gif);
		}
		
	div.body div.content {
		width: 699px;
	}
		div.body div.contentScroller {
			background: url(/Static/images/gui/scroller_bg.gif) repeat-y;
		}
	
		div.body div.content div.firstpage {}
			div.firstpage div.flash {
				background: blue;
				height: 199px;
				padding-bottom: 8px;
				background: url(/Static/images/gui/navigation_sub_lastitem.gif) left bottom repeat-x;
			}
			
		div.body div.content div.scroller {
			width: 119px;
			height: 435px;
			position: relative;
			float: left;
			background: url(/Static/images/gui/scroller_bg.gif) repeat-y;
			/*background-color:#00CCFF;*/
		}
		
			/*div.scroller a.up,
			div.scroller a.down {
				display: block;
				background: #57757;
				background-repeat: no-repeat;
				background-position: center 5px;
				background-color: #575757;
				height: 17px;
				
				display: none;
			}*/
			
			div.scroller div.items {
				/*height: 421px;*/ /* 441 - 20 */
				height: 411px;
				/*overflow: auto;*/
				posittion:relative;
				padding: 10px 0;
			}
			
			div.scroller div.items a.name {
				display: block;
				color: #FFFFFF;
				font-weight: bold;
				/*padding-left: 10px;*/
				padding-left: 18px;
				padding-right: 18px;
				
				padding-top: 3px;
				padding-bottom: 3px;
				
				margin: 3px 0;
			}
			div.scroller div.items div.selected {
				background: url(/Static/images/gui/scroller_bg_active.gif) repeat-y;
			}
			div.scroller div.items div.selected a.name {
				background-image: url(/Static/images/gui/scroller_bullet.gif);
				background-position: 10px 6px;
				background-repeat: no-repeat;
			}
			div.scroller div.items div.desc {
				color: #D1D1D1;
				margin-left: 10px;
				
				display: none;
			}
			div.scroller div.items div.separator {
				background: url(/Static/images/gui/scroller_separator.gif) repeat-x;
				width: 100px;
				height: 1px;
				margin: 10px 0 10px 10px;
				
				display: none;
			}
			
			/*div.scroller a.up { background-image: url(/Static/images/gui/scroller_up.gif); }
			div.scroller a.down { background-image: url(/Static/images/gui/scroller_down.gif); }*/
			
		div.body div.content div.detail {
			float: left;
			width: 563px; /* 580 - 17 */ 
			margin-left: 17px;
			margin-top: 10px;
			display: inline;
		}
		div.body div.content div.detailService {
			float: left;
			width: 580px; /* 580 - 17 */ 
			/*height: 475px;*/
			height: 435px;
			background: #c9c9c9;
		}
		
			h1 {
				font-size: 30px;
				font-weight: bold;
				color: #697271;
			}
			div.body div.content div.detail div.description p {
				font-size: 12px;
				color: #737373;
				margin-right: 17px;
			}
			
		div.body div.content div.detailSub {
			clear: both;
			margin-top: 1px;
			padding-top: 10px;
			padding-bottom: 28px;
			background: url(/Static/images/gui/services_sub_bg.gif) bottom repeat-x #EEEDEE;
			
		}
			div.body div.content div.detailSub div.inner {
				width: 100%;
				position:relative;
				background: url(/Static/images/gui/service_sub_inner_bg.gif) repeat-y 476px top;
				
			}
			
				div.body div.content div.detailSub div.left {
					width: 449px;
					padding: 0 13px;
					line-height: 18px;
					float:left;
				}
				div.body div.content div.machinesMargin {
					padding: 0 13px;
				}
				
				
				div.body div.content div.detailSub div.left h2 {
					font-size: 12px;
					padding-top:12px;
				}
				div.body div.content div.detailSub div.title {
					font-weight: bold;
					color: #666666;
				}
				
				div.body div.content div.detailSub div.right {
					/*width: 449px;*/
					margin: 0 0 0 13px;
					line-height: 18px;
					/*background-color:#FF0000;*/
					float:left;
					width:185px;
				}
				
	
		div.body div.content div.teasers {
			clear: both;
		}
				
			div.teasers div.block {
				float: left;
				width: 223px;
				margin-right: 15px;
				background: url(/Static/images/gui/teasers_block_background.gif) repeat-x;
				height: 121px;
			}
				div.teasers div.block div.quicktip,
				div.teasers div.block div.inquiry {
					margin: 11px 14px;
				}
				


div.foot {
	height: 55px; /* 65 - 10 */
	padding-top: 10px;
	background: url(/Static/images/gui/foot_background.png) repeat-x;
	clear: both;
}
	div.foot a.logotip,
	div.foot div.supportNavigation {
		float: right;
	}
		
		div.foot a.logotip img { display: block; }
		
	div.foot div.supportNavigation,
	div.foot div.innovatif {
		margin-top: 4px;
	}
		
	div.foot div.supportNavigation { margin-left: 35px; }

		div.foot div.supportNavigation a {
			float: left;
			height: 19px;
			background: url(/Static/images/gui/foot_link_bg.gif) repeat left top;
			padding: 4px 12px 0 12px;
			border-color: #C4C5C4;
			border-style: solid;
			border-width: 0 1px 0 0;
		}
	
	div.foot div.innovatif {
		float: right;
		padding: 4px 0 0 12px;
		height: 19px;
	}
	
	
/*

Naslovka teaserji

*/

.teaser_left_holder {
	padding: 0;
 	margin:0;
 	width: 477px;
	float:left;
}

.teaser {
	margin:0;
	padding:0;
	margin-top: 10px;
	margin-right: 16px;
	width: 222px;
	background-image:url(../images/gui/default_teaser_bg.gif);
	background-repeat:no-repeat;
	height: 220px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#595959;
}

.teaser p{
	margin:0;
	padding: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#595959;
}

.teaser_right {
	margin:0;
	padding:0;
	margin-top: 10px;
  width: 222px;
	height: 175px;
	background-image:url(../images/gui/default_teaser_bg.gif);
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#595959;
}

.teaser_right p{
	margin:0;
	padding: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#595959;
}

.teaser div.link{
	margin:0;
	padding: 10px;
}

.teaser div.link a {
	margin:0;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;	
	color:#df0023;	
}

.teaser_right div.link{
	margin:0;
	padding: 10px;
}

.teaser_right div.link a {
	margin:0;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;	
	color:#df0023;	
}

/* ### Naslovi teaserjev ### */
div.teaser div.teaserTitle, div.teaser_right div.teaserTitle {
	width:222px;
	height:17px;
	float:none;
	clear:both;
}
div.teaser div.teaserTitle a, div.teaser_right div.teaserTitle a  {
	display:block;
	width:222px;
	height:17px;
	font-size:0px;
	line-height:0px;
}

div.teaser a.randomImg {
	margin:7px;
	display:block;
	}
			
/* quick demand */

.teaser_right select {
	width: 200px;
	height: 20px;
	margin-left:10px;
	margin-bottom: 5px;
}

.services {
	width: 200px;
	height: 18px;
	margin-left:10px;
	margin-bottom: 5px;
}

/* sub page titles */ 

.pageTitle {
	margin:0;
	padding:0;
	margin-left:15px;
	margin-top: 20px;
	font-family:Arial;
	font-size:30px;
	font-weight:bold;
	color:#697271;
	height: 60px;
	width: 677px;
	/*background: url(/Static/images/gui/subpage_title_line.gif);	
	background-repeat:no-repeat;*/
}

/* o podjetju */ 

.two_column_content_holder {
	float: left;
	width: 678px; /* 580 - 17 */	
	margin-left: 17px;
	margin-top: 10px;
	display: inline;
	font-size:12px;
	background: url(/Static/images/gui/vertical_dotted_separator.gif);		
}

.two_column_content_holder b {
	font-weight:bold;
	font-size:14px;
	color: #000000;
}

.two_column_content_holder p {
	padding-bottom:24px;
}

.two_column_content_holder div.left_content {
	float: left;
	width: 410px;
}
.heighter { min-height:400px; _height:400px; }

.two_column_content_holder div.right_content {
	float: left;
	width: 210px;
	padding-left:45px;
}



/******  POVPRASEVANJE  *********/

.uses, .services, .other, .materials {
	width:390px;
	border:1px solid #7E9CB8;
	margin:0 0 10px 0;
}
.other2 {
	border:1px solid #7E9CB8;
}
.Tdemand { font-weight:bold; color:black; }
.formaAligner { vertical-align:middle; line-height:1.4em; margin-left:-4px; /* ie hack */ }
html > body .formaAligner { margin-left:-1px;}
.formaAligner input { vertical-align:middle; }
.sepMiddle { padding-top:12px; padding-bottom:10px; }
.sepMiddle2 { padding-top:2px; padding-bottom:10px; }

input.txtField { width:390px; border:1px solid #7E9CB8; }
textarea.txtArea { height:85px; width:390px; border:1px solid #7E9CB8; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.personalDetails {

}
.cleard { clear:both; padding:1px 0 0 0; /* ie hack */ vertical-align:middle; overflow:hidden; }
html > body .cleard { padding:4px 0 0 0;}
.personalLeft { float:left; vertical-align:middle; line-height:1.4em; }
.personalRight { float:right;  margin-right:6px; /* ie hack */ vertical-align:middle; line-height:1.4em; }
html > body .personalRight {margin-right:18px;}
div.personalRight {
	display:inline;
	float:right;
	}
.personalRight input { border:1px solid #7E9CB8; }
input.redfield { border:1px solid red; }
.errorTxt { color:red; }

form img {
	/*border:solid 5px #C00;*/
	}



/********** KONTAKTI ***********/

.kontakt h2 { color:#E00023; font-size:16px; padding-bottom:10px; }



/******** FAQ ***************/
.questions li {
	margin:10px 0;
	background: url(/Static/images/gui/bullet_minus.gif) 0 7px no-repeat;
	padding-left:7px;
}



/************* SITEMAP ***********************/
.sitemap {
	float: left;
	width: 678px; /* 580 - 17 */	
	margin-left: 17px;
	margin-top: 10px;
	display: inline;
	font-size:12px;		
}
.sitemap .column {
	float:left;
	width:320px;
	background-color:#00CCFF;
	margin-right:10px;
}
.sitemap h2 { font-size:16px; padding-bottom:10px; }
.sitemap h2 a { color:#E00023; }
.sitemap h3 { font-size:14px; padding-bottom:10px; }
.sitemap h3 a { color:black; }




.left_content h2 { font-size:16px; padding-bottom:10px; }
.left_content h3 { font-size:14px; padding-bottom:10px; }

/* Digitalni tisk navigacija slik */

.pictureNaviHolder {
	background-color:#404040;
	height: 21px;
	text-align:right;
}

/* End of Digitalni tisk navigacija slik*/

#narocilo {background:url(/Static/images/gui/form_bg.gif) 0 0 repeat-x; font-size:12px;}
#narocilo .inputError {border:1px solid #FF0000;}
#narocilo input { }