@charset "utf-8";
/* CSS Document */


@import "reset.css";

#preload, .preload {display:none;}

a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

body {
	background:url(images/body_bg.jpg) left top repeat-x; 
	font-family:"Tahoma", Arial, sans-serif; 
	}
	
html, body {height: 100%; width:100%;}	
	
.clear {clear:both; height:0; line-height:0; overflow:hidden;}

#container {margin:0 auto; width:983px;}

/************************** HEAD AND TOP MENU *****************************/

#head {
	width:983px;
	height:204px;
	background:url(images/head_spacer.jpg) left 107px no-repeat;
}

#logo {
	width:269px;
	height:58px;
	float:left;
	padding:24px 0 0 30px;
	display:block;
}

h1 {
	width:250px;
	height:26px;
	font-size:16px;
	color:#275D9E;
	float:left;
	margin:44px 0 0 15px;
}

#language {
	width:77px;
	height:21px;
	background:url(images/top_right_bg.jpg) left top no-repeat;
	float:right;
	padding:86px 0 0 215px;
	position:relative;
	zoom:1;
}

#language .slo, #language .eng {
	width:17px;
	height:12px;
	display:block;
	float:left;
	cursor:pointer;
	font-family: Arial, sans-serif;
	color:#333;
	font-size:11px;
	padding:18px 0 0 2px;
	position:absolute;
}

#language .slo {
	background:url(images/slo_a.jpg) left top no-repeat;
	padding:18px 0 0 3px;
	margin:0 0 0 0px;
}

#language .slo:hover {
	background:url(images/slo_a.jpg) left top no-repeat;
	padding:18px 0 0 3px;
	text-decoration:none;
}

#language .eng {
	background:url(images/eng.jpg) left top no-repeat;
	margin:0 0 0 1px;
	padding:18px 0 0 2px;
	margin:0 0 0 21px;
}

#language .eng:hover {
	background:url(images/eng_a.jpg) left top no-repeat;
	text-decoration:none;
}

ul#menu {
	width:963px;
	height:84px;
	margin:13px 0 0 0;
	position:relative;
	display:block;
	padding:0 0 0 20px;
	background:url(images/menu_bg.jpg) left top no-repeat;
}

ul#menu li {
	display:block;
	float:left;
	position:relative;
	zoom:1;
	padding:0;
	margin:0;
}

.hid {
	text-indent:-9999px;
}

#menu a {
	display:block;
	position:relative;
	zoom:1;
}

	li#button1 a.hid, li#button2 a.hid, li#button3 a.hid, li#button4 a.hid, li#button5 a.hid { cursor:pointer; height:84px;}
		
	li#button1 { width:117px; height:84px; }	
	li#button2 { width:161px; height:84px; }	
	li#button3 { width:251px; height:84px; }	
	li#button4 { width:163px; height:84px; }	
	li#button5 { width:251px; height:84px; }		
		
	li#button1 a.hid { width:117px; background:url(images/button1.jpg) left top no-repeat; position:absolute;}	
	li#button1 a.hid:hover { height:99px; background:url(images/button1_hover.png) 11px 10px no-repeat; }	
	li#button1 a.active { height:99px; background:url(images/button1_hover.png) 11px 10px no-repeat; _background:url(images/button1_hover.gif) 11px 10px no-repeat;  }	
	
	li#button2 a.hid { width:161px; background:url(images/button2.jpg) left top no-repeat;}	
	li#button2 a.active { height:99px; background:url(images/button2_hover2.png) left 10px no-repeat; margin:0 0 0 -1px; width:164px; _background:url(images/button2_hover2.gif) left 10px no-repeat; margin:0 0 0 -1px; _margin:0 0 0 0px; width:164px;}
	
	li#button3 a.hid { width:251px; background:url(images/button3.jpg) left top no-repeat; }	
	li#button3 a.active { height:99px; background:url(images/button3_hover3.png) 12px 10px no-repeat; _background:url(images/button3_hover2.gif) 12px 10px no-repeat; }
	
	li#button4 a.hid { width:163px; background:url(images/button4.jpg) left top no-repeat; position:absolute;}	
	li#button4 a.hid:hover { height:99px; background:url(images/button4_hover.png) left 10px no-repeat; }
	li#button4 a.active { height:99px; background:url(images/button4_hover.png) left 10px no-repeat; _background:url(images/button4_hover.gif) left 10px no-repeat; }		
	
	li#button5 a.hid { width:251px; background:url(images/button5.jpg) left top no-repeat; position:absolute;}	
	li#button5 a.hid:hover { height:99px; background:url(images/button5_hover.png) left 10px no-repeat; }	
	li#button5 a.active { height:99px; background:url(images/button5_hover.png) left 10px no-repeat; _background:url(images/button5_hover.gif) left 10px no-repeat; }	
		
	ul#menu li#button2 ul#sub-menu-1 {
		margin:0 0 0 -1px;
		display:block;
		position:absolute;
		padding:90px 0 0 0;
		_padding:85px 0 0 0;
		top:0px;
		left:0;
		width:164px;
		height:107px; 
		background:url(images/button2_hover.png) left 10px no-repeat;
		_background:url(images/button2_hover.gif) left top no-repeat;
		_margin:10px 0 0 0px;
	}	
	
	ul#menu li#button3 ul#sub-menu-2 {
		display:block;
		position:absolute;
		padding:90px 0 0 0;
		_padding:85px 0 0 0;
		top:0px;
		left:12px;
		width:224px;
		height:196px; 
		background:url(images/button3_hover.png) 0px 10px no-repeat;
		_background:url(images/button3_hover.gif) 0px 0px no-repeat;
		_margin:10px 0 0 0;
	}	
	
	ul#menu li#button2 ul#sub-menu-1 li { 
	background:url(images/menu_spacer1.png) 16px bottom no-repeat; 
	_background:url(images/menu_spacer1.gif) 16px bottom no-repeat;
	}
	
	ul#menu li#button3 ul#sub-menu-2 li {  
	background:url(images/menu_spacer2.png) 20px bottom no-repeat;
	_background:url(images/menu_spacer2.gif) 20px bottom no-repeat;
	}
	
	
	ul#menu li#button2 ul#sub-menu-1 a, ul#menu li#button3 ul#sub-menu-2 a {
		font-size:12px;
		color:#FFF;
		font-weight:bold;
		padding:9px 31px 9px 32px;
		background: url(images/puscica.png) 15px center no-repeat;
		_background: url(images/puscica.gif) 15px center no-repeat;
		line-height:130%;
	}	
	
	ul#menu li#button2 ul#sub-menu-1 a {width:96px;}
	ul#menu li#button3 ul#sub-menu-2 a {width:157px;}
	
	
	/* ENG START */
	li#button1_en a.hid, li#button2_en a.hid, li#button3_en a.hid, li#button4_en a.hid, li#button5_en a.hid { cursor:pointer; height:84px;}
		
	li#button1_en { width:117px; height:84px; }	
	li#button2_en{ width:161px; height:84px; }	
	li#button3_en { width:251px; height:84px; }	
	li#button4_en { width:163px; height:84px; }	
	li#button5_en { width:251px; height:84px; }		
		
	li#button1_en a.hid { width:117px; background:url(images/button1_en.jpg) left top no-repeat; position:absolute;}	
	li#button1_en a.hid:hover { height:99px; background:url(images/button1_hover_en.png) 11px 10px no-repeat; }	
	li#button1_en a.active { height:99px; background:url(images/button1_hover_en.png) 11px 10px no-repeat; _background:url(images/button1_hover.gif) 11px 10px no-repeat;  }	
	
	li#button2_en a.hid { width:161px; background:url(images/button2_en.jpg) left top no-repeat;}	
	li#button2_en a.active { height:99px; background:url(images/button2_hover2_en.png) left 10px no-repeat; margin:0 0 0 -1px; width:164px; _background:url(images/button2_hover2.gif) left 10px no-repeat; margin:0 0 0 -1px; _margin:0 0 0 0px; width:164px;}
	
	li#button3_en a.hid { width:251px; background:url(images/button3_en.jpg) left top no-repeat; }	
	li#button3_en a.active { height:99px; background:url(images/button3_hover3_en.png) 12px 10px no-repeat; _background:url(images/button3_hover2.gif) 12px 10px no-repeat; }
	
	li#button4_en a.hid { width:163px; background:url(images/button4_en.jpg) left top no-repeat; position:absolute;}	
	li#button4_en a.hid:hover { height:99px; background:url(images/button4_hover_en.png) left 10px no-repeat; }
	li#button4_en a.active { height:99px; background:url(images/button4_hover_en.png) left 10px no-repeat; _background:url(images/button4_hover.gif) left 10px no-repeat; }		
	
	li#button5_en a.hid { width:251px; background:url(images/button5_en.jpg) left top no-repeat; position:absolute;}	
	li#button5_en a.hid:hover { height:99px; background:url(images/button5_hover_en.png) left 10px no-repeat; }	
	li#button5_en a.active { height:99px; background:url(images/button5_hover_en.png) left 10px no-repeat; _background:url(images/button5_hover.gif) left 10px no-repeat; }	
		
	ul#menu li#button2_en ul#sub-menu-1 {
		margin:0 0 0 -1px;
		display:block;
		position:absolute;
		padding:90px 0 0 0;
		_padding:85px 0 0 0;
		top:0px;
		left:0;
		width:164px;
		height:107px; 
		background:url(images/button2_hover_en.png) left 10px no-repeat;
		_background:url(images/button2_hover_en.gif) left top no-repeat;
		_margin:10px 0 0 0px;
	}	
	
	ul#menu li#button3_en ul#sub-menu-2 {
		display:block;
		position:absolute;
		padding:90px 0 0 0;
		_padding:85px 0 0 0;
		top:0px;
		left:12px;
		width:224px;
		height:196px; 
		background:url(images/button3_hover_en.png) 0px 10px no-repeat;
		_background:url(images/button3_hover_en.gif) 0px 0px no-repeat;
		_margin:10px 0 0 0;
	}	
	
	ul#menu li#button2_en ul#sub-menu-1 li { 
	background:url(images/menu_spacer1.png) 16px bottom no-repeat; 
	_background:url(images/menu_spacer1.gif) 16px bottom no-repeat;
	}
	
	ul#menu li#button3_en ul#sub-menu-2 li {  
	background:url(images/menu_spacer2.png) 20px bottom no-repeat;
	_background:url(images/menu_spacer2.gif) 20px bottom no-repeat;
	}
	
	
	ul#menu li#button2_en ul#sub-menu-1 a, ul#menu li#button3_en ul#sub-menu-2 a {
		font-size:12px;
		color:#FFF;
		font-weight:bold;
		padding:9px 31px 9px 32px;
		background: url(images/puscica.png) 15px center no-repeat;
		_background: url(images/puscica.gif) 15px center no-repeat;
		line-height:130%;
	}	
	
	ul#menu li#button2_en ul#sub-menu-1 a {width:96px;}
	ul#menu li#button3_en ul#sub-menu-2 a {width:157px;}
	/** ENG END **/
	
/********************* MAIN CONTENT **************************/

	#main {
		width:983px;
		background:url(images/main_bg.jpg) left top repeat-y;
		_overflow:hidden;
		_margin:hidden;
	}
	
	#top_bg {
		width:983px;
		height:23px;
		background:url(images/podstran_top_bg.jpg) left top no-repeat;
	}
	
	#left {
		width:225px;
		float:left;
		_overflow:hidden;
	}
	
	.podstran #container #main #left {
		width:231px;
		overflow:hidden;
	}
	
	#left .contact {
		margin:0 0 0 20px;
		width:157px;
		line-height:110%;
	}
	
	.c_front {
		padding:80px 24px 20px 24px;
		}
		
	.c_podstran {
		padding:20px 24px 20px 24px;
		}			
	
	.senca {
		background: url(images/index_contact_top_bg.jpg) left top no-repeat;
		}
	
	#left .contact p {
		color:#454444;
		font-size:12px;
		margin:0 0 0 4px;
	}
	
	#left .contact a {
		color:#454444;
		font-size:12px;
		text-decoration:none;
	}
	
	#left .contact a:hover {
		text-decoration:underline;
	}
	
	.line {
		background:url(images/kontakt_crtica.jpg) left top no-repeat;
		height:2px;
		width:205px;
		margin:7px 0 2px -23px;
	}
	
	#left .contact a.info_l, #left .contact a.rabljeni_l {
		width:130px;
		height:53px;
		display:block;
		margin:0 0 0 -23px;
		color:#FFF;
		font-size:14px;
		padding:15px 0px 0 75px;
		line-height:105%;
		font-weight:bold;
		text-decoration:none;
		letter-spacing:-0.5px;
	}
	
	#left .contact a.info_l:hover , #left .contact a.rabljeni_l:hover {
		text-decoration:underline;
	}
	
	#left .contact a.rabljeni_l {
		margin:25px 0 0 -23px;
		background:url(images/rabljeni_link.jpg) left top no-repeat;
	}
	
	#left .contact a.info_l {
		background:url(images/vec_info_link.jpg) left top no-repeat;
	}
	
	#left .contact span {
		color:#2C66AC;
		font-weight:bold;
	}
	
	#left .sub-menu-podjetje {
		padding:20px 0px 20px 0px;
		margin:0 0 0 0px;
		width:205px;
	}
	
	#left .sub-menu-podjetje .c_h{ 
		color:#999;
		font-size:22px;
		font-weight:normal;
		margin:0 0 10px 43px;
	}
	
	#left .sub-menu-podjetje a.button {
		text-decoration:none;
		padding:23px 0px 25px 36px;
		display:block;
		width:161px;
		/*height:60px;*/
		background:url(images/button_podstran_bg.png) left top no-repeat;
		color:#2E4E93;
		font-size:12px;
		line-height:130%;
		overflow:hidden;
	}
	
	#left .sub-menu-podjetje li {
		margin:0px 0 -14px 34px;
		width:197px;
	}
	
	#left .sub-menu-podjetje a.button:hover {
		text-decoration:underline;
	}
	
	#left .contact .c_h {
		color:#999;
		font-size:22px;
		font-weight:normal;
		margin:0 0 0 0px;
	}
	
	#right {
		width:758px;
		_overflow:hidden;
		float:left;
	}
	
		#right ul li {
			font-size:12px;
			color:#333;
			font-weight:normal;
			line-height:140%;
			padding:0 0 0 10px;
			background:url(images/square.jpg) left center no-repeat;
			margin:4px 0 0 17px;
		}
	
	#right .thumb {
		width:215px;
		height:152px;
		background:url(images/thumbs_bg.jpg) left top no-repeat;
		padding:17px;
	}
	
	#right .r_i {
		float:right;
		margin:-10px 0 0 40px;
	}
	
	.podstran #container #main #right {
		width:751px;
		overflow:hidden;
		margin:0;
		border-left:1px solid #E9E9E9; 
		margin:17px 0 0 0;
	}
	
	.podstran #container #main #right h2 {
		margin:0 0 15px 17px;
		width:686px;
		border-bottom:1px solid #E9E9E9;
		font-size:19px;
		color:#333;
		font-weight:normal;
		line-height:150%;
	}
	
	.podstran #container #main #right h3 {
		margin:20px 0 0 17px;
		width:680px;
		font-size:17px;
		color:#008000;
		font-weight:normal;
		line-height:140%;
		letter-spacing:0.4px;
		text-align:justify;
	}
	
	.podstran #container #main #right p {
		margin:10px 0 0 17px;
		width:680px;
		font-size:12px;
		color:#333;
		font-weight:normal;
		line-height:140%;
	}
	
	.podstran #container #main #right b {
		font-size:12px;
		/*color:#333;*/
		color: 2c66ac;
		margin:0px 0 0 17px;
	}
	
	#vizitka {
		font-size:12px;
		color:#333;
		width:639px;
		text-align:left;
		margin:10px 0 0 17px;
	}
	
	#vizitka td, #vizitka th {
		padding:4px 0 4px 0;
		border-top:1px solid #E9E9E9;
		border-bottom:1px solid #E9E9E9;
		text-align: left;
	}
	
	#vizitka th {
		width:145px;
	}
	
	.podstran #container #main #right a.povprasevanje {
		font-size:16px;
		color:#265A9A;
		padding:23px 0 0 65px;
		margin:25px 0 0 10px;
		display:block;
		background: url(images/povprasevanje_button.jpg) left top no-repeat;
		width:308px;
		height:89px;
		font-weight:bold;
		line-height:130%;
		text-decoration:none;
	}
	
	.podstran #container #main #right a.povprasevanje:hover {
		text-decoration:none;
		background: url(images/povprasevanje_button_hover.jpg) left top no-repeat;
	}
	
	.zeleno {
		background: url(images/index_right_top_bg.jpg) left top no-repeat;
	}
	
	#right h2.main_h {
		padding:39px 0 0 248px;
		width:419px;
		font-size:14px;
		color:#333;
		font-weight:normal;
		line-height:150%;
	}
	
	
	
	#index_kat1, #index_kat2, #index_kat3, #index_kat4 {
		float:left;
		margin:60px 0px 0 0;
		height:417px;
	}
	
	#index_kat1 {width:191px; background:url(images/kat_bg.jpg) 16px 138px no-repeat;}
	#index_kat2 {width:180px; background:url(images/kat_bg.jpg) 5px 138px no-repeat;}
	#index_kat3 {width:180px; background:url(images/kat_bg.jpg) 6px 138px no-repeat;}
	#index_kat4 {width:207px; background:url(images/kat_bg.jpg) 6px 138px no-repeat;}
	
	#index_kat1 h2, #index_kat2 h2, #index_kat3 h2, #index_kat4 h2 {
		color:#7DB839;
		font-size:14px;
		font-weight:bold;
		width:146px;
		padding:35px 0 0 25px;
		line-height:130%;
		height:31px;
	}
	
	#index_kat1 p, #index_kat2 p, #index_kat3 p, #index_kat4 p {
		color:#333;
		font-size:12px;
		font-weight:normal;
		line-height:130%;
		width:143px;
		margin:20px 8px 0 25px;
		line-height:170%;
		height:125px;
	}
	
	a.kat_vec {
		background:url(images/preberi_vec_button.jpg) left top no-repeat;
		width:110px;
		height:44px;
		display:block;
		margin:20px 0 0 15px;
	}
	
	a.kat_vec:hover {
		background:url(images/preberi_vec_button_hover.jpg) left top no-repeat;
	}
	
	a.kat_vec_en {
		background:url(images/preberi_vec_button_en.jpg) left top no-repeat;
		width:110px;
		height:44px;
		display:block;
		margin:20px 0 0 15px;
	}
	
	a.kat_vec_en:hover {
		background:url(images/preberi_vec_button_hover_en.jpg) left top no-repeat;
	}
	
	.zemljevid {
		margin:20px 0 0 20px;
		padding:2px;
		border: 3px solid #808080;
	}
	
	#right .povprasevanje_forma {
		width:340px;
		float:left;
		margin:20px 0 0 20px;
	}
	
	#right .povprasevanje_forma .labela {
		font-size:12px;
		font-weight:bold;
		color:#3c443f;
		padding:8px 0 3px 0;
		margin:0;
	}
	
	#right .povprasevanje_forma .inputs {
		font-size:12px;
		font-weight:normal;
		color:#004080;
	}
	
	#right .povprasevanje_forma #email {
		width:130px;
	}
	
	/* LV_invalid */
	/*  Validacija e-maila  */
	.LV_validation_message {
		font-size:12px;
		font-weight:bold;
		color:#ff0000;;
		padding:0 0 0 10px;
	}
	
	.vizitka_povprasevanje {
		width:310px;
		float:right;
		font-size:12px;
		font-weight:normal;
		color:#666;
		margin:28px 0 0 0;
		padding:0 35px 0 0;
		line-height:140%;
		text-align:left;
	}
	
	h4.p_v {
		padding:0 0 0 1px;
		height:22px;
		font-size:15px;
		font-weight:bold;
		color:#2e2e2e;;
		width:100px;
	}
	
	.vizitka_povprasevanje table tr th {
		color:#2C66AC;
		font-weight:bold;
		padding:2px;
		width:100%;
	}
	
	.vizitka_povprasevanje table tr td {
		color:#666;
		font-weight:normal;
		padding:0 2px 2px 2px;
		width:100%;
	}
	
	#ie6_fuck-off {
		width:1000px;
		height:1000px;
		position:absolute;
		z-index:2000;
		text-align:center;
		vertical-align:middle;
		color:#FFF;
		background-color:#000000;
		display:table-cell;
		left:0;
		top:0;
	}
	
	.content_photo {
		padding:1px;
		border:1px solid #CCC;
		margin:15px 0px 15px 0px;
	}
	
	
/*********************** FOOTER ***************************************/

#footer {
	background:url(images/footer_bg.jpg) left top repeat-x;
	height:216px;
}

#footer_container {
	background:url(images/footer_container_bg.jpg) left top repeat-x;
	height:216px;
	width:983px;
	margin:0 auto;
	text-align:center;
}

.copyright, .authors, .authors a {
	color:#888;
	font-size:12px;
	line-height:130%;
}

.authors a {
	text-decoration:none;
}

.authors a:hover {
	text-decoration:underline;
}

.copyright {
	padding:120px 0 0 0;
}

.authors {
	padding:5px 0 0 0;
}

.poslani_kontakti tr td {
	padding:3px;
	color:#004080;
}

strong { color: #2c66ac; }

div.box-left, div.box-right {float: left;}
div.box-left {width: 460px; padding: 10px 0 0 20px;}
div.box-left strong {font-size: 12px;}
div.box-right {width: 210px;}

#main {
	/*background: url(images/bg.jpg) no-repeat 300px 10px;*/
}