/*
Glavni stil
Copyright 2007 noviSplet.com
Zadnji popravek: 08-november-2007
*/

* {
	margin: 0px;
	padding: 0px;
}
body {
	font:76%/1.5 Arial, Helvetica, sans-serif;
	line-height:1.1;
	background:#f0f0f0;
}
p {
	font-size:0.9em;
	line-height:1.3;
}
h3 {						/* naslov na posameznih straneh */
	font-size:1.2em;
	color:#ff5e0f;
	margin:15px 0 10px 0;
}
.clear {
	clear:both;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
a:link, a:visited {
	color:#000;
	text-decoration:underline;
}
a:hover {
	color:#000;
	text-decoration:none;
}

#outerTop {
	height:108px;
	border-bottom:1px solid #fff;
	background:url(../images/bg_top.gif) repeat-x bottom #fff;
}
.wrap {
	margin:0 auto;
	width:950px;
}
#header {
	padding-bottom:4px;
	margin:0 auto;
	width:950px;
}
#header h1 {
	font-size:1.5em;
	font-weight:bold;
	color:#d0d0d0;
	font-style:italic;
	background:url(../images/novisplet.gif) no-repeat;
	padding:3px 0 6px 195px;
	margin:24px 0 0 0;
	float:left;
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
}
#header h1 a {
	text-decoration:none;
	color:#d0d0d0;
}
#header ul {
	list-style:none;
}
#header li {
	display:inline;
	font-size:0.9em;
}
	#header ul#menuTop {
		background:url(../images/top_menu.gif) repeat-x;
		float:right;
	}
	#header ul#menuTop li a {
		padding:8px 10px 8px 10px;
		color:#8c8c8c;
		text-decoration:none;
		display:block;
		float:left;
		border-left:1px solid #fff;
	}
	#header ul#menuTop li a span{
		background:url(../images/si.png) no-repeat 0px 1px;
		display:block;
		width:16px;
		height:12px;
		margin:0px 6px 0 0;
		float:left;
	}
	#header ul#menuTop li a:hover {
		background:url(../images/top_menu_active.gif) repeat-x top;
		color:#8c8c8c;
	}
	#header ul#menu {
		clear:both;
		float:left;
		width:100%;
		margin-top:21px;
	}
	#header ul#menu li a {
		padding:8px 20px 9px 20px;
		color:#000;
		font-weight:bold;
		text-decoration:none;
		display:block;
		float:left;
		border-left:1px solid #fff;
	}
	#header ul#menu span {
		display:block;
		height:29px;
		float:left;
		border-left:1px solid #fff;
	}
	#header ul#menu li a:hover {
		background:url(../images/bg-over.gif) repeat-x center bottom;
		color:#000;
		padding:10px 20px 7px 20px;
	}
	#header ul#menu li.active a, #header ul#menu li.active a:hover {
		background:url(../images/menu_active.gif) repeat-x;
		padding:8px 23px 9px 23px;
		color:#fff;
	}
#mainIndex {
	margin:0 auto;
	width:950px;
	height:222px;
}
	#flash {
		margin:30px 0 0 430px;
		position:absolute;
	}
	#mainIndex dl {
		float:right;
		margin-right:5px;
	}
	#mainIndex dt {
		font-size:1.3em;
		font-weight:bold;
		color:#7bd3f1;
		background:url(../images/tick.gif) no-repeat;
		padding:0px 0px 5px 25px;
		margin:40px 0 10px 0;
	}
	#mainIndex dd {
		font-size:1em;
		line-height:1.5;
		font-weight:bold;
		color:#fff;
		background:url(../images/arrow.gif) no-repeat 0px 5px;
		padding-left:12px;
	}
	#mainIndex dd a {
		color:#fff;
		text-decoration:none;
	}
	#mainIndex dd a:hover {
		text-decoration:underline;
	}
#mainPodstran {
	margin:0 auto;
	width:950px;
	height:141px;
}
	#mainPodstran h2 {
		color:#7bd3f1;
		font-size:1.5em;
		float:left;
		width:500px;
		margin:60px 0 0 0;
		padding-left:15px;
	}
	#mainPodstran p {
		color:#fff;
	}
	#mainPodstran a {
		color:#fff;
	}
	#mainPodstran p.modra {
		color:#7bd3f1;
		font-size:1.1em;
		font-weight:bold;
		padding:12px 0 4px 0;
	}
	#mainPodstranKontakt {
		float:right;
		width:237px;
	}
#contentIndex {
	margin:0 auto;
	width:920px;
	background:url(../images/bg_content_index.jpg) no-repeat bottom;
	padding:15px;
}
	#contentIndex span.vse {
		margin:-35px 0 0 0;
		position:absolute;
	}
	#contentIndex p {
		font-size:0.9em;
		/*margin-bottom:5px;*/
	}
	#contentIndex p.odlasate {
		color:#ff5e0f;
		font-size:1.2em;
		font-weight:bold;
		padding:5px 0 0 105px;
		margin:0;
	}
	#contentIndex p.potrebujete {
		font-size:1em;
		font-weight:bold;
		padding:0 0 0 105px;
		margin:0 0 25px 0;
	}
	#contentIndex p.modra {
		font-size:0.95em;
		font-weight:bold;
		color:#176297;
		margin-bottom:10px;
	}
	#contentIndex p.povprasevanje {
		margin:10px 5px 0px 0;
		float:right;
	}
	#contentIndex p.povprasevanje img {
		float:left;
	}
	#contentIndex p.povprasevanje span {
		float:left;
		margin:3px 6px 0 0;
	}
	.levo {
		float:left;
		width:670px;
	}
	.desno {
		float:left;
		margin-left:30px;
		width:220px;
	}
	 div.hr {
		height: 15px;
		margin:5px 0 5px 0;
		background: #fdfdfd url(../images/hr.gif) repeat-x center center;
	}
	div.hr hr {
		display: none;
	}
#contentPodstran {
	margin:0 auto;
	width:950px;
	background:url(../images/bg_content_left.jpg) no-repeat bottom left #fff;
}
	#contentPodstran ul {
		list-style:none;
	}
	#contentPodstran li {
		background:url(../images/arrow.gif) no-repeat 0 4px;
		line-height:1.5;
		font-size:0.9em;
		padding:0 0 0 13px;
	}
	#podstranLevo {
		float:left;
		width:668px;
		padding:15px 15px 25px 15px;
	}
	#podstranLevo h2 {
		font-size:1.5em;
		color:#ff5e0f;
		margin:5px 0 10px 0;
	}
	#podstranLevo h3 {
		font-size:1.3em;
	}
	#podstranLevo p {
		margin:9px 0;
		font-size:0.9em;
	}
	#podstranLevo p.larger {
		font-size:0.95em;
	}
	#podstranLevo p.kvadrat {
		padding:15px 20px 15px 110px;
		line-height:1.4;
		font-size:0.95em;
		background:url(../images/pozor.jpg) 15px 8px no-repeat #ebebeb;
		margin:15px 0 30px 0;
	}
	#podstranLevo p.kvadrat2 {
		padding:15px 20px 15px 110px;
		line-height:1.4;
		font-size:0.95em;
		background:url(../images/opt_g.png) 15px 8px no-repeat #ebebeb;
		margin:15px 0 30px 0;
	}
	#podstranLevo p.ponudba a {
		font-weight:bold;
		color:#176297;
	}
	#podstranLevo p.priporocila2 {
		background:url(../images/priporocila2.jpg) no-repeat 4px 5px;
		padding:0 0 0 30px;
		line-height:1.4;
	}
	#podstranLevo p.podpriporocila {
		padding-bottom:10px;
		font-style:italic;
	}
	#podstranLevo p.podpriporocila img {
		float:right;
		margin:0 0 5px 20px;
	}
	#podstranLevo p.knof {
		padding:15px 0;
	}
	#podstranLevo p.knof a {
		background:#ff8601;
		padding:5px 8px;
		border-top:1px solid #feab72;
		border-left:1px solid #feab72;
		border-bottom:1px solid #d75700;
		border-right:1px solid #d75700;
		text-decoration:none;
		color:#fff;
	}
	#podstranLevo li {
		font-size:0.9em;
	}
	#podstranLevo div#levo {
		float:left;
		width:300px;
		}
	#podstranLevo div#desno {
		float:left;
		width:320px;
		margin:0 0 0 30px;
		}
	#menuPodstran ul {
		list-style:none;
	}
	#menuPodstran li {
		display:block;
		width:313px;
		height:32px;
		float:left;
		padding:0;
		background:url(../images/meni-izdelava.gif) no-repeat;
		margin:0 14px 10px 0;
	}
	#menuPodstran ul li a {
		color:#176297;
		text-decoration:none;
		width:293px;
		height:27px;
		display:block;
		float:left;
		font-size:1.2em;
		font-weight:bold;
		padding:5px 0 0 20px;
	}
	#menuPodstran ul li a:hover {
		color:#ff5e0f;
		background:url(../images/meni-izdelava-over.gif) no-repeat;
	}
	#podstranDesno {
		background:url(../images/bg_desno_podstran.gif) repeat-x #fff;
		float:left;
		width:239px;
		padding:20px 0 0 13px;
	}
	#podstranDesno dl {
		float:left;
		margin:0 5px 10px 0;
	}
	#podstranDesno dt {
		font-size:1.2em;
		color:#176297;
		font-weight:bold;
		background:url(../images/tick2.gif) no-repeat;
		padding:0px 0px 5px 25px;
	}
	#podstranDesno dd {
		font-size:0.9em;
		line-height:1.6;
		font-weight:bold;
		color:#000;
		background:url(../images/arrow.gif) no-repeat 0px 5px;
		padding-left:12px;
	}
	#podstranDesno dd a {
		text-decoration:none;
	}
	#podstranDesno dd a:hover {
		text-decoration:underline;
	}
	#priporocila {
		margin:10px 0 0 0;
		float:left;
		width:235px;
		padding-bottom:20px;
	}
	#priporocila p.ekipa {
		background:url(../images/ekipa1.gif) no-repeat;
		font-size:1.2em;
		color:#176297;
		font-weight:bold;
		padding-left:25px;
		padding-bottom:6px;
	}
	#priporocila p.priporocila {
		background:url(../images/priporocila.jpg) no-repeat;
		font-size:1.2em;
		color:#176297;
		font-weight:bold;
		padding-left:25px;
	}
	#priporocila p.domena {
		background:url(../images/domena.jpg) no-repeat;
		font-size:1.2em;
		color:#176297;
		font-weight:bold;
		padding-left:25px;
	}
	#priporocila p.visje {
		background:url(../images/storitve_06.gif) no-repeat 0 2px;
		font-size:1.2em;
		color:#176297;
		font-weight:bold;
		padding-left:25px;
	}
	#priporocila p.vprasanje {
		background:url(../images/vprasanje.gif) no-repeat;
		font-size:1.2em;
		color:#176297;
		font-weight:bold;
		padding-left:25px;
	}
	#priporocila p.hvala {
		padding:7px 0;
	}
	.c1 {
		float:left;
		width:50px;
		display:block;
	}
	.c2 {
		clear:left;
		float:left;
		width:50px;
		display:block;
	}
/*
	#podstranLevo table.reference tr td {
		padding-bottom:8px;
	}
	#podstranLevo table.reference tr td p {
		font-size:0.9em;
		line-height:1.1;
		margin:5px 0;
	}
*/
	#podstranLevo ul.reference {
		padding:0;
		width:665px;
		list-style:none;
		overflow:hidden;
		margin-top:10px;
	}
	
	#podstranLevo ul.reference li {
		list-style:none;
		float:left;
		font-size:.9em;
		line-height:1.1;
		margin:8px 0 8px 0;
		padding:0;
		padding-left:30px;
		width:190px;
		background:none;
	}
	
	#podstranLevo ul.reference li div {padding-top:3px}
	
	#podstranLevo ul.categories {
		padding:0;
		margin:0;
		width:665px;
		list-style:none;
		overflow:hidden;
	}
	
	#podstranLevo ul.categories li {
		background:url(../images/bg-ref.png) repeat-x top;
		float:left;
		font-size:1.0em;
		height:36px;
		line-height:2.2em;
		list-style:none;
		padding:0px;
	}
	
	#podstranLevo ul.categories li a:hover {
		background:url(../images/bg-ref-on.png) repeat-x bottom;
	}
	
	#podstranLevo ul.categories li a {
		color:#000;
		text-decoration:none;
		padding: 0 6px;
		float:left;
	}
	
	#podstranLevo ul.categories li span {
		background:#fff;
		width:1px;
		height:25px;
		float:left;
	}
	
	#podstranLevo ul.categories .active { background:url(../images/bg-ref-over.png) repeat-x top }
	
	#podstranLevo ul.categories .active a{ color:#FFF }
	
	.ref-border {
		cursor:pointer;
		position:absolute; 
		width:150px; height:110px; 
		background:transparent url(../images/ref-okvir.png) no-repeat top left;
  		_background:none;
  		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../test_reference/ref-okvir.png');
  		z-index:10;
	}
	
#bottom {
	margin:0 auto;
	width:935px;
	padding:20px 0 0 15px;
	background:url(../images/bg_bottom.jpg) no-repeat;
}
	.kocka {
		background:url(../images/bg_kocka.gif) repeat-x;
		width:192px;
		padding:10px;
		margin-right:15px;
		float:left;
	}
	.kocka p.naslov {
		color:#ff5e0f;
		font-size:1.2em;
		font-weight:bold;
	}
	.kocka p.zakaj {
		font-size:0.9em;
		padding:6px 0 7px 0;
	}
	.kocka p.zakaj img {
		float:right;
		padding:6px 0 0 12px;
	}
	.cf_wrap {
		margin:10px 0 0 20px;
		float:left;
		width:230px;
	}
	.kocka p.vec {
		font-size:0.9em;
		font-weight:bold;
		background:url(../images/arrow.gif) no-repeat 0px 2px;
		padding-left:13px;
	}
	.slider {
		float:left;
		width:230px;
	}
	.slider p.priporocila {
		background:url(../images/priporocila.jpg) no-repeat #fff;
		font-size:1.2em;
		color:#176297;
		font-weight:bold;
		padding-left:25px;
		line-height:normal;
	}
	.slider p.hvala {
		padding:3px 0;
		line-height:normal;
	}

#bottomPodstran {
	margin:0 auto;
	width:935px;
	padding:15px 0 0 15px;
	background:url(../images/bg_bottom_podstran.jpg) no-repeat;
}
	.poklicemo {
		float:left;
		width:230px;
		padding:0 0 0 15px;
	}
	.poklicemo p {
		float:left;
		clear:left;
		padding-bottom:13px;
	}
	.poklicemo p.dovolite {
		padding:0 0 5px 32px;
		background:url(../images/poklicemo.gif) no-repeat 0 3px;
		font-size:1.2em;
		color:#176297;
		font-weight:bold;
	}
	.poklicemo p.dovolite span {
		font-size:0.7em;
		color:#000;
		font-weight:normal;
	}
	.poklicemo p.spodnji {
		padding-bottom:0;
	}
	.poklicemo input {
		float:right;
		height:16px;
		font-size:0.9em;
		width:153px;
		margin:0 5px 4px 0;
	}
	.poklicemo select {
		float:right;
		height:17px;
		font-size:0.9em;
		width:116px;
		margin:0 5px 5px 0;
	}
	.kocka2 {
		background:url(../images/bg_kocka2.gif) repeat-x;
		width:192px;
		padding:10px;
		margin-right:15px;
		float:left;
	}
	.kocka2 p.naslov {
		color:#ff5e0f;
		font-size:1.2em;
		font-weight:bold;
		margin-bottom:10px;
	}
	.kocka2 p.naslov img {
		float:right;
		margin-top:5px;
	}
	.kocka2 p.vec {
		font-size:0.9em;
		font-weight:bold;
		background:url(../images/arrow.gif) no-repeat 0px 2px;
		padding-left:13px;
	}

#footer {
	margin:15px auto;
	width:950px;
	clear:both;
}
	#footer p {
		font-size:0.9em;
		color:#adaaac;
		margin-bottom:1px;
	}
	#footer img {
		margin:0 3px -2px 0;
	}
	#footer p a {
		font-size:0.8em;
		color:#adaaac;
		text-decoration:none;
	}

#ajax-loader{
	position:absolute;
	margin:-10px 0 0 640px;
	display:none;
}

.error {
	color: red;
	font-weight: bold;
}
div#podstranLevo h2.trenutna {
	color:#176297;
	background:url(../images/prosta_delovna.jpg) no-repeat;
	padding:10px 0 10px 50px;
}

div#podstranLevo h3.posta_modra {
	color:#176297;
	padding-top:10px;
	}

/********/
/* NEWS */
/********/
#news { width: 235px; height: 135px; position: absolute; top: 546px; _top:560px; overflow:hidden; font-size:11px; line-height: 14px;}
#news p { margin: 0px; padding: 0px; }
#news .slide-wrapper { width: 225px; height: 106px; margin: 0px; padding: 0px; overflow: hidden;}

#news .more a { font-size: 11px; line-height:20px; }
#news .slide { width: 225px; height: 110px; float: left; position: relative; margin-right: 10px; overflow:hidden;}
#news #slide-position { position: relative; left: 0px; height: 110px; overflow: hidden; }
#news .slide p { font-size: 11px; color: #202220; line-height: 14px; }
#news .slide h3 {margin: 0px; padding: 0 0 5px 0; font-weight: bold; font-size: 14px; color:#176297; }

/* NAV */
#news #nav {padding-left: 166px; padding-bottom:6px; color: #70776F; font-size: 11px; line-height: 14px; }
#news #nav span { font-size: 11px; }
#news #nav a img { position: relative; top: 2px; }

/********/
/* NEWS */
/*******
#news { width: 235px; height: 215px; position: absolute; top: 142px; right: 10px; overflow: hidden; }
#news h2 { font-size: 15px; letter-spacing: -1px; line-height: 100%; font-weight: normal; padding: 0px; margin: 0px; padding-left: 10px; line-height: 19px; width: 215px; }
#news h2 strong { font-weight: bold; display: inline; font-size: 15px; line-height: 100%;  }
#news h2 span { height: 20px; width: 225px; background: url(/img/title-gauzy-aktualne.gif) no-repeat left top; }
#news p { margin: 0px; padding: 0px; }
#news .slide-wrapper { width: 225px; height: 180px; margin: 0px; padding: 0px; overflow: hidden;}

#news .more a { background: url(/img/arrow-blue.gif) no-repeat left center; line-height: 20px; padding-left: 14px; color: #70776F; font-size: 11px; }
#news .slide { width: 225px; height: 180px; float: left; position: relative; margin-right: 10px;}
#news #slide-position { position: relative; left: 0px; height: 180px; overflow: hidden; }
#news .slide p { font-size: 12px; color: #202220; padding-left: 10px; line-height: 17px; }
#news .slide h3 { color: #E03434; margin: 0px; padding: 24px 0px 5px 10px; font-weight: bold; font-size: 12px; line-height: 100%; }
#news .slide .date { position: absolute; top: 0px; left: 0px; line-height: 24px; }

/* NAV 
#news #nav { position: absolute; top: 190px; right: 0px; text-align: right; padding-right: 10px; color: #70776F; font-size: 12px; line-height: 15px; }
#news #nav span { font-size: 12px; }
#news #nav a img { position: relative; top: 3px; }*/

#memuRight {
	width:259px;
	margin-left:-20px;
	margin-bottom:15px;
}
#memuRight li {
	padding:0;
	margin:0;
}
#memuRight li a {
	display:block;
	width:239px;
	height:20px;
	background:url(../images/menu.png) no-repeat 0px -30px;
	padding:5px 0 5px 20px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
#memuRight li a:hover {
	background:url(../images/menu.png) no-repeat 0px -30px;
	text-decoration:underline;
}
#memuRight li.aktiven a, #memuRight li.aktiven a:hover {
	background:url(../images/menu.png) no-repeat 0 0;
	color:#fff;
	text-decoration:none;
}
#memuRight h4 {
		font-size:1.2em;
		color:#176297;
		font-weight:bold;
		background:url(../images/tick2.gif) no-repeat;
		padding:0px 0px 5px 25px;
		margin:0 0 5px 20px;
	}
.levoIco {
	float:left;
	margin:0 10px 8px 0;
}
div#podstranLevo h3.hIzdelava {
	margin:20px 0 2px 0;
	clear:both;
}
div#podstranLevo h3.hIzdelava a {
	color:#176297;
	text-decoration:none;
}
div#podstranLevo p.nula {
	margin-top:0;
}
div#podstranLevo p.nula a {
	color:#176297;
	font-weight:bold;
}