@charset "utf-8";

body {
	background-color:#4d4d4d;
	color:#43464a;
	font: 12px/1.1em Arial, Helvetica, sans-serif;
}
strong {font-weight:bold}

#page {
	margin:0 auto;
	width:960px;
}

.white {color:#FFF}
.gray {color:#8e8e8e}
.silver {color:#43464a}
.blue {color:#0b22a6}
.orange {color:#000}
.black {color:#000}

.XS {font-size:.8em}
.S {font-size:.9em}
.L {font-size:1.2em}
.XXL {font-size:1.7em}

.upper {text-transform:uppercase}
.nowrap {white-space:nowrap}

a.lnk {text-decoration:none}
a.lnk:hover {text-decoration:underline}

/*---- HEADER ----*/
#header {
	float:left;
	height:30px;
	padding:20px 20px 0 20px;
	width:920px
}

#header #date {float:left}
#header #info {float:right}

/*---- WRAPPER ----*/
#wrapper {
	background: #FFF url(../images/bg.jpg) repeat-x top;
	padding:20px 20px 0 20px;
	float:left;
	width:920px
}
/*top*/
#logo {
	float:left;
	height: 80px;
	position: relative;
	width: 124px
}

#logo span {
	cursor:pointer;
	background: url(../images/gradbena-dela-rusitvena-dela.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

#kontakt {border-left:solid 1px #e5e5e5;padding:0 0 5px 30px;float:left;margin:5px 0 0 30px;}
#kontakt li {margin:6px;}

/*navigation*/
#topnav {float:right;}
#topnav li {float:left;padding: 0 10px;line-height:1.8em}
#topnav li.bull {padding:0}
#topnav li.bull img {float:left;padding-top:10px}
#topnav .end {padding-right:0}
#topnav li a {text-decoration:none}
#topnav li a:hover {text-decoration:underline}

#nav {clear:both; background-color:#051c9e; float:left; margin-top:20px; width:100%}
#nav li {float:left;}
#nav li a {cursor:pointer; float:left; text-decoration:none;background-color:#051c9e;}
#nav li a span {
	background:url("../images/nav-left.jpg") no-repeat right top;
	color:#FFF;
	display:block;
	float:left;
	font-size:1.2em;
	font-weight:bold;
	padding:13px 20px;
}
#nav li a:hover span {text-decoration:underline;}
/*---- CONTENT ----*/
#content {clear:both;float:left;width:100%}
/*top content*/
#top-left {background:url(../images/index-slemensek.jpg) no-repeat top left; float:left; height:212px; margin-top:20px; width:606px}
#top-left h3 {
	background:url(../images/h3transparent.png) no-repeat top left;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/h3transparent.png)');
	color: #FFF; 
	font-weight:bold;
	margin:2px;
	height:23px;
	padding: 12px 0 0 11px;
	text-transform:uppercase;
	width:268px
}
#top-left a {color:#FFF; position:relative; text-decoration:none}
#top-left #h3left, #top-left #h3right {float:left; padding:120px 0 0 0}
#top-left #h3left {padding:120px 16px 0 12px}

#top-right {
	background:#e3e3e3 url(../images/right-sep.jpg) no-repeat 0px 106px;
	float:left;
	height:197px;
	padding:0 0 15px 15px;
	margin:20px 0 0 20px;
	width:278px;
}

#top-right h4 {font-weight:bold; padding-top:15px;}
#top-right a {clear:left; color:#000; display:inline-block; font-weight:bold; padding:2px 0 0 0}
a.lnkBtn {padding:2px 0 0 0}
#top-right a:hover {text-decoration:none}
#top-right ul {float:left; font-size:.9em; list-style:inside square;margin:5px 0 0 0}
#tlleft {width:115px}
#tlright {width:140px}
#top-right ul li {color:#000;padding:2px;}

/*middle content*/
#news, #ref, #comp {float:left; line-height:1.3em; padding:20px 0 0 0; width:292px}
#news {margin-right:26px;}
#news p.date {padding: 0 0 5px 0;text-transform:uppercase}
#news a.more {background:url(../images/left.jpg) no-repeat 22% 60%; display:block; font-weight:bold; padding: 5px 10px 5px 0}
#news a.more:hover {text-decoration:none}

.submita {background:url(../images/left.jpg) no-repeat 100%; font-weight:bold; padding: 5px 10px 5px 0; width:100px;}

#ref {margin-right:17px;}
#ref img, #comp img {border:solid 1px #CCC; padding:1px}
#ref ul {color:#0b22a6; float:left; list-style:inside square;padding:10px 30px 0 0}
#ref ul li a {font-weight:bold}
#ref ul li a:hover {text-decoration:none}

#comp img {float:right;}
#comp a.more {background:url(../images/left.jpg) no-repeat 75px 60%; display:block; font-weight:bold; padding: 5px 10px 5px 0}
#comp a.more:hover {text-decoration:none}


/*---- FOOTER ----*/
#footer {float:left;padding:10px 20px 0 20px;width:920px}
#footer a {text-decoration:none}
#slemensek {float:left}
#copy, #novisplet {float:right}

/*---- SUBPAGE ----*/
#sub-left, #sub-right {float:left;margin-top:20px}
/*sub-left*/
#sub-left {color:#000;margin-right:20px;width:200px}
#sub-left h3 {
	background:url(../images/h4sub.jpg) no-repeat top right;
	display:block;
	font-weight:bold;
	padding:9px 0 6px 15px;
	text-transform:uppercase
}
#sub-left ul {list-style:inside square;margin-bottom:25px}
#sub-left ul li {border-bottom:solid 1px silver; padding: 7px 15px; }
#sub-left ul li a {color:#000;text-decoration:none}
#sub-left ul li a:hover {text-decoration:underline}
#sub-left ul li a.active {font-weight:bold}

#sub-left div {line-height:1.7em}
.box {background:#f0f0f1 url(../images/box-bottom.jpg) no-repeat bottom right; margin-bottom:10px; padding:10px 15px 25px 10px}
#tel {background:url(../images/ico-tel.jpg) no-repeat 0% 50%;padding-left:20px;}
#mail {background:url(../images/ico-mail.jpg) no-repeat 0% 50%;padding-left:20px;}

/*sub-right*/	
#sub-right {width:700px;padding-bottom:20px}
#sub-right h1 {
	display:block; 
	font-weight:bold;
	padding:31px 0 38px 15px;
	text-transform:uppercase
}
#sub-right .news {list-style-position:outside;list-style:none}
#sub-right .news li {border-bottom:solid 1px #d8d8d8; display:inline-block; padding: 10px 0 0 0}
#sub-right .news img {float:right;padding:10px 0;}

#storitve {background:url(../images/bg-storitve.jpg) no-repeat top right}
#promet {background:url(../images/bg-aktualno.jpg) no-repeat top right}

#sub-right-content {line-height:1.6em; padding:10px 15px; float:left; width:670px}
#sub-right-content ul {list-style-position:outside; list-style:square;margin-left:15px}

.subnews {
	background-color:#f0f0f1; 
	display:inline; 
	float:left;
	font-size:0.9em;
	line-height:1.7em; 
	margin:0 0 0 15px;
	padding:10px 5px 5px 10px;
	position:relative;
	width:200px
}
.subnews img {float:right}

/*---gallery---*/
.gallery {
  width:650px;
  list-style:none;
  overflow:hidden;
}

.gallery li {
  float:left;
  padding:5px 10px 5px 0;
}

.gallery li a img {
  border:1px solid #43464a;
  padding:1px;
}

.gallery li a img:hover {
  border-color:#0b22a6;
}

#refnav li {float:left; margin:0px 0 10px 0; padding:0 4px; text-transform:lowercase}
#refnav li a {color:#0b22a6; text-decoration:none; font-size:10px}
#refnav li a:hover {color:#000; text-decoration:underline}
#refnav li a.on {color:#000; text-decoration:underline}

/*FCK styles*/
.fck-orange {color:#000; font-size:1.35em; font-weight:bold}
.fck-blue {color:#0b22a6;font-size:1.1em}
.fck-navaden {color:#43464a;font-size:1em;}