/* -------------------- tag styles --------------------*/
body,td,div {font-family: verdana; font-size: 12px; line-height: 16px;}

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: 24px; color: #58595B; font-weight: normal;}
h2 {font-size: 18px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}
h6 {font-size: 10px;}

a {text-decoration: none; color: #FCBE16;}
a:hover {text-decoration: underline;}
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;}
.fs28 {font-size: 28px;}

.fc1 {color: #000;}
.fc2 {color: #FFF;}
.fc3 {color: #505050;} /*dark gray*/
.fc4 {color: #606060;} /*gray */
.fc5 {color: #FF0000;} /*red*/
.fc6 {color: #2689B2;} /*blue*/
.fc7 {color: #AEADAB;} /*silver*/
.fc8 {color: #68AAEE} /* blue */
.fc9 {color: #B9B9B9;} /*silver*/
.fc10 {color: #7D7D7D;} /*dark gray*/

hr {background: url(../images/dotts.gif) repeat-x; border: 0; margin: 0 10px;}
.tdn {text-decoration: none;}
.tdu {text-decoration: underline;}

.vab {vertical-align: bottom;}
.ls25 {letter-spacing: 0.025em;}
.lh18  {line-height: 18px;}


/* -------------------------------------------------------------------------------------------*/

/* -------------------- MAIN structure start --------------------*/
table#main-h {width: 100%; height: 100%; background: #D9EFFF;}	
	td#content-left, td#content-right {background: #D9EFFF url(../images/bck_gradient.gif) repeat-x;}
	td#content-center {width: 860px; background: url(../images/bck_center.gif) repeat-y;}	
	td#content-left div {background: url(../images/bck_clouds-l.jpg) repeat-x right top; height: 625px;}
	td#content-right div {background: url(../images/bck_clouds-r.jpg) repeat-x left top; height: 625px;}	
/* --------------------- MAIN structure end ---------------------*/



/* -------------------- HEAD start --------------------*/
div#head {	
	height: 114px;
	background: url(../images/bck_head.jpg) no-repeat;
	width: 860px;
}

img.head-end {left: 860px; top: 54px;}

div#podjetje, div#produkti, div#povprasevanje, div#katalog, div#reference, div#akcije {
	top: 80px;
	cursor: pointer;
}

div#podjetje {left: 176px;}
div#produkti {left: 281px;}
div#povprasevanje {left: 399px;}
div#katalog {left: 514px;}
div#reference {left: 629px;}
div#akcije {left: 743px;} 

	div#menidrop1, div#menidrop2, div#menidrop3, div#menidrop4, div#menidrop5, div#menidrop6 {top: 97px; text-align:center; padding-bottom: 5px; padding-top: 5px;}
	div#menidrop1 {left: 176px; width: 105px; background: url(../images/bck-menu_yellow_105.gif) no-repeat bottom;}
	div#menidrop2 {left: 281px; width: 119px; background: url(../images/bck-menu_silver_119.gif) no-repeat bottom;}
	div#menidrop3 {left: 399px; width: 115px; background: url(../images/bck-menu_yellow_115.gif) no-repeat bottom;}
	div#menidrop4 {left: 514px; width: 115px; background: url(../images/bck-menu_silver_115.gif) no-repeat bottom;}
	div#menidrop5 {left: 629px; width: 114px; background: url(../images/bck-menu_yellow_114.gif) no-repeat bottom;}
	div#menidrop6 {left: 743px; width: 118px; background: url(../images/bck-menu_silver_118.gif) no-repeat bottom;}

a.menu-lnk, a.menu-lnk2 {position: relative; top: 5px; text-decoration: none; display: block; padding: 5px 0; margin: 0 7px;}
a.menu-lnk:hover {position: relative; top: 5px; background: #FFE500;}
a.menu-lnk2:hover {position: relative; top: 5px; background: #FAFAFA;}

img.home {top: 30px; left: 10px;}
img.login-b {top: 2px; left: 653px; cursor: pointer;}
div#login {
	top: 30px;
	left: 536px;
}

input.user, input.pass {
	height: 12px; 
	font-size: 10px; 
	width: 80px;
	
	opacity:.50;
	filter: alpha(opacity=50); 
	-moz-opacity: 0.5;
	
}
input.user {}
input.pass {}

input.login {		
	background: transparent;
	border: 0px solid;	
	font-weight: bold;
	cursor: pointer;
	
	opacity:.30;
	filter: alpha(opacity=30); 
	-moz-opacity: 0.3;
}

/* --------------------- HEAD end ---------------------*/

/* -------------------- MAIN start --------------------*/
div#content {
	padding: 0 10px;
	background: url(../images/bck_inner-top.jpg) no-repeat;
}

div#intro-top {
	background: url(../images/bck_intro-top.jpg) no-repeat;
	height: 246px;
}

div#intro-top img {margin: 26px 33px 0 24px;}
	div#intro-top div.txt {width: 360px; padding-top: 80px; font-size: 10px;}
	div#intro-top div.txt a {font-size: 14px; font-weight: bold;}

div#intro-menu {
	height: 194px;
	background: url(../images/bck_intro-menu.gif) no-repeat;
}

	div#intro-menu img {margin-top: 13px;}
	div#intro-menu img#first {margin-left: 15px;}
	


div#intro-block_h {padding: 8px 0 0 21px;}
	div#intro-block_h div.mrg {margin-right: 10px;}
	div#intro-block_h div.first {background: url(../images/bck_intro-f_block.gif) no-repeat;}
	div#intro-block_h div.first img.dotts {margin: 24px 0 16px 0;}
	div.intro_block {width: 260px;}	
		div.intro_block a.pdf {
			display: block;
			background: url(../images/ico_pdf.gif) no-repeat left;
			padding: 10px 0 10px 25px;
			text-decoration: underline;
			margin-left: 5px;
		}		
		div.intro_block a.pdf:hover {text-decoration: none;}
		
		div.intro_block img.pic {margin: 0 11px 0 12px;}
		div.intro_block img.button {margin: 20px 0 0 9px;}		
		
		div.intro_block div.title-h {
			border-bottom: 1px solid #C8C8C8;
			padding: 16px 0 4px 5px;					
		}	
		
		div.intro_block div.tit-f {margin: 0 0 20px 10px;}
		div.intro_block div.tit {margin: 0 0 20px 0;}
		
		div#intro-block_h div#contact-h {
			background: #F8F8F8;
			border: 1px solid #F3F3F3;
			padding: 7px 11px;
		}
		
		div#intro-block_h div#contact-h b {color: #FEB018;}
		div#intro-block_h div#contact-h ul {
			margin: 0; padding-left: 15px;
			list-style: none;			
		}
		
		div#intro-block_h div#contact-h ul li {
			list-style-image: url(../images/dott.gif);			
		}

		
		div#intro-block_h span.text-h {
			margin: 0 10px;
			display: block;
		}

div#main-pic {
	height: 184px;
	background: url(../images/bck_image.gif) no-repeat;
	padding: 16px 0 0 24px;
}

div#padding {padding: 0 15px 0 30px;}
div#content-h {width: 500px; margin-right: 30px;}
div#right-h {width: 260px;}

div.title-1, div.title-2 {
	padding: 14px 0 6px 0;
}

	div.title-1 {border-bottom: 1px solid #F2C327;}
	div.title-2 {border-bottom: 1px solid #68AAEE;}

div.summary {background: #E9E9E8; margin: 0; padding: 10px 18px;}

div.r-block {
	background: url(../images/bck_r-block.gif) no-repeat;
}

div.contact ul {margin: 0; padding-left: 15px; list-style: none; color: #7D7D7D;}
div.contact ul li {list-style-image: url(../images/dott.gif);}

div.contact {padding: 7px 11px;}
	div.contact b {color: #FEB018;}
	
img.r-pic {
	margin: 0 12px 0 17px;
}

div.r-block img.dotts {margin: 20px 0;}

div.product-h {	
	/*background: url(../images/bck_product.gif) repeat-x bottom;*/
	/*background: #ECEBEA;*/
}

div.product-h img {border: 1px solid #fff; margin: 4px 0 0px 6px;}
div.product-h div.txt {
	/*width: 150px;*/
	margin: 10px 0 0 8px;
}

div.product-h span {border-bottom: 1px solid #ECEBEA; display: block;}

div.product-h div.txt span {display: block; margin-bottom: 10px;}
div.product-h div.txt a {display: block;}
div.product-h a {text-decoration: none;}
div.product-h a:hover {text-decoration: underline;}


div.product_left-h {width: 260px;}
div.product_right-h {width: 235px;}

	a.pdf-link {
		display: block;
		background: url(../images/bck_pdf-links.gif) no-repeat;	
		padding: 6px 0 6px 30px;
		margin: 2px 0 2px 11px;
	}
		
	div.product_right-h div.txt {
		padding-left: 11px;
		/*font-size: 11px;*/
	}
		div.product_right-h div.txt h1 {
			font-size: 16px; 
			color: #68AAEE; 
			font-weight: bold;
			background: url(../images/dotts.gif) repeat-x bottom;
			padding-bottom: 5px;
			margin-bottom: 13px;
			line-height: 18px;
		}
		
		div.product_right-h div.txt h2 {font-size: 12px; color: #68AAEE; font-weight: normal;}

div.sub-links {padding: 7px 0 0 0;}

div.product_left-h div.img-h {background: url(../images/dotts2.gif) bottom repeat-x;}

span.studios{
	margin: 0 0 0 738px;
}

div.img-h2 img {border: 2px solid #B5B5B5; margin: 15px;}

img.main-img {margin: 0 10px 10px 0;}

div.povp-h {
	padding: 13px 0 18px 10px;
}

div.back-print {padding: 10px 0;}

div.product_title-h { padding-bottom: 10px;}

div.product-category-h img {margin: 0 10px 10px 5px; border: 1px solid #CACACA;}


img.print-icon {top: 17px; left: 470px;}

/* --------------------- MAIN end ---------------------*/

/* -------------------- FOOT start --------------------*/
td#foot-left {background: #68B013 url(../images/bck_grass.jpg) repeat-x top right;}
td#foot-center {height: 84px; background: #68B013 url(../images/bck_foot.jpg) no-repeat top;}
td#foot-right {background: #68B013 url(../images/bck_grass.jpg) repeat-x top left;}

td#foot-center div.pr span {top: 65px; left: 35px;}
td#foot-center div.pr a {top: 65px; left: 620px;}
/* --------------------- FOOT end ---------------------*/

.lower {text-transform: lowercase;}
