@charset "utf-8";
/* CSS Document */
img, a {border:none; text-decoration:none; outline: 0;}
body {
	padding: 0px;
	margin: 0px;
	height: 100%;
	font-family: Book Antiqua;
	font-size: 14px;
	color: #000000;
	background-image:url(../images/background.jpg);
	background-repeat:repeat-x;
	background-color:#e6e6e6;
}
#main{
	float:left;
	width: 100%;
	height: 386px;
	background: url(../images/header-bg.jpg) top center no-repeat;
}
#header{
	width: 960px;
	margin: 0 auto;
}
#logo{
	float:left;
	margin-top: 2px;
	padding-right: 20px;
}
/*------------------------------------------------------------- NAVIGATION START --------------------------------------------------------------*/
#menu ul{float:left; width:645px; list-style:none; padding-left:24px;}
#menu li{text-indent:-9999px;}
#menu ul li{float:left; display:block; margin-top:20px; height:60px;}
#menu li a{ background:url('../images/menu.png') no-repeat; width:100%; height:100%; display:block;}

#menu li.domov{width:108px; height:60px;}
#menu li.domov a{background-position:0px 0px;}
#menu li.domov a:hover{background-position:0px -59px;}
#menu li.domov a.selected{background-position:0px -123px;}
			
#menu li.storitve{width:116px; height:60px;}
#menu li.storitve a{background-position:-116px 0px;}
#menu li.storitve a:hover{background-position:-116px -59px;}
#menu li.storitve a.selected{background-position:-116px -123px;}
			
#menu li.reference{width:131px; height:60px;}
#menu li.reference a{background-position:-224px 0px;}
#menu li.reference a:hover{background-position:-224px -59px;}
#menu li.reference a.selected{background-position:-224px -123px;}
				
#menu li.povprasevanje{width:176px; height:60px;}
#menu li.povprasevanje a{background-position:-355px 0px;}
#menu li.povprasevanje a:hover{background-position:-355px -59px;}
#menu li.povprasevanje a.selected{background-position:-355px -123px;}
				
#menu li.naroci{width:111px; height:60px;}
#menu li.naroci a{background-position:-533px 0px;}
#menu li.naroci a:hover{background-position:-533px -59px;}
#menu li.naroci a.selected{background-position:-533px -123px;}
/*------------------------------------------------------------- NAVIGATION END --------------------------------------------------------------*/
#headline{
	float:left;
	width: 645px;
	text-align:center;
	margin-top: 10px;
}
/*------------------------------------------------------------- SLIDER START --------------------------------------------------------------*/
#slider{
	width: 973px;
	margin: 0 auto;
}
#slider-container{
	float:left;
	width: 973px;
	margin-top: 20px;
	height: 220px;
	color:#fff;
	background: url(../images/slider-bg.png) no-repeat;
}
.slider-content{
	float:left;
	width: 895px;
	padding-top: 25px;
	padding-left: 44px;
}
.slider-text{
	float:left;
	font-size: 16px;
	width: 415px;
	padding-top: 15px;
}
.slider-img{
	float:left;
	width: 450px;
	margin-left: 30px;
	margin-top: -30px;
}
/*------------------------------------------------------------- SLIDER END --------------------------------------------------------------*/
.info{
	float:left;
	width: 973px;
	text-align:center;
}
#main-container{
	width: 960px;
	margin: 0 auto;
}
#main-wrapper{
	float:left;
	width: 960px;
	padding-top: 10px;
}
#slogan{
	float:left;
	width: 960px;
	text-align: center;
	font-size: 18px;
	text-transform:uppercase;
	color:#737171;
	text-shadow: 1px 1px 0 #ffffff;
	padding-bottom: 3px;
}
#left-wrapper{
	float:left;
	width: 621px;
	height: 100%;
}
#left-wrapper-big{
	float:left;
	width: 960px;
	height: 100%;
}
#left-upper{
	float:left;
	width: 621px;
	height: 54px;
	margin-top: 10px;
}
.headline-2{
	float:left;
	margin-top: 23px;
	margin-left: 10px;
}
.left-content{
	float:left;
	width: 595px;
	height: 100%;
}
#left-content-big{
	float:left;
	width: 960px;
	height: 100%;
}
.index-last{
	float:left;
	margin-top: 30px;
}
.last-wrapper{
	float:left;
	width: 610px;
	padding-bottom: 42px;
}
.latest-slider-content{
	float:left;
	width: 200px;
	height: 100%;
	margin-top: 10px;
}
#right-wrapper{
	float:right;
	width: 339px;
	height: 100%;
	margin-top: 30px;
}
.box{
	float:right;
	width: 296px;
	height: 100%;
}
.box-top{
	float:left;
	width: 296px;
	height: 9px;
	background: url(../images/box-top.jpg) no-repeat;
	
}
.box-middle{
	float:left;
	border-left:1px solid #cecdcd;
	border-right:1px solid #cecdcd;
	width: 294px;
	height: 100%;
	
}
.box-wrapper{
	float:left;
	width: 264px;
	height: 100%;
	margin-left: 16px;
	margin-top: 5px;
	
}
/*-------------------------------------------------------------------- FORMA HITRI KONTAKT START -------------------------------------------------------------*/
.quote_box{
	float:left;
	border: 0px;
	width: 258px;
	margin-left: -2px;
}
.quote_box fieldset{
	width: 100%;
	overflow: hidden;
	padding: 9px 0 0 0;
	border: 0px;
}
.quote_box .text{
	width: 258px;
	border: 1px solid #979797;
	background: #fff;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	margin: 0 0 9px 0;
}
.quote_box .select{
	border:0;
	background: none;
}
.quote_box .text input, .quote_box .text textarea{
	border: 0;
	background: #fff;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	font-family: Book Antiqua;
	font-size: 14px;
	color: #888888;
}
.quote_box .text select{
	font-family: Book Antiqua;
	font-size: 14px;
	color: #888888;
	width: 224px;
}
.quote_box #submit{
	padding: 5px 0 0 0;
	display: block;
	cursor: pointer;
	background: url(../images/submit.jpg) no-repeat;
	width: 90px;
	height: 29px;
	border:0;
}
.quote_box .error {
	font-family: Book Antiqua;
	font-size:12px;
	display: block;
	color: #c00505;
	text-align:center; padding-top: 7px;
}
textarea {
	overflow:hidden;
	width: 250px;
	height: 100px;

}
/*-------------------------------------------------------------------- FORMA HITRI KONTAKT END -------------------------------------------------------------*/
.box-content{
	float:left;
	color:#828080;
}
.box-bottom{
	float:left;
	width: 296px;
	height: 9px;
	margin-bottom: 32px;
	background: url(../images/box-bottom.jpg) no-repeat;
}
#on-top{
	float:left;
	width: 960px;
}
#links a{
	float:right;
	width: 120px;
	height: 26px;
	background: url(../images/links.jpg) no-repeat;
	cursor: pointer;
	text-indent:-9999px;
	margin-top: 30px;
}
#links a:hover{
	background-position:  0 -27px;
}
#on-top-wrapper a{
	float:right;
	width: 105px;
	height: 56px;
	background: url(../images/on-top.jpg) no-repeat;
	cursor: pointer;
	text-indent:-9999px;
}
#on-top-wrapper a:hover{
	background-position:  0 -56px;
}
#footer{
	float:left;
	width: 100%;
	height: 96px;
	background: url(../images/footer-bg.jpg) no-repeat;
}
#footer-wrapper{
	margin: 0 auto;
	width: 960px;
}
#footer-container{
	float:left;
	width: 960px;
}
#copyright{
	float:left;
	width: 960px;
	text-align:center;
	color:#616262;
	font-size: 12px;
	margin-top: 10px;
}
#footer-bottom{
	float:left;
	width:960px;
	text-align:center;
	margin-top: 20px;
}
li.footer-menu {
	display:inline;
	list-style-type: none;
	color:#474848;
	padding-right: 10px;
}
li.footer-menu a{
	color:#474848;
	padding-right: 10px;
	border-right: 1px solid #474848;
}
li.footer-menu a:hover{
	color:#364a4d;
	text-decoration:underline;
}
li.footer-last {
	display:inline;
	list-style-type: none;
	color:#474848;
	padding-right: 10px;
}
li.footer-last a{
	color:#474848;
	padding-right: 10px;
}
li.footer-last a:hover{
	color:#364a4d;
	text-decoration:underline;
}
/*------------------------------------------------------------------- STORITVE TAB START -----------------------------------------------------*/
.tab-main {
	float:left;
	width: 597px;
	margin-top: 10px;
	height: 320px;
}
h4.acc_trigger {
	padding: 0;	margin: 0;
	background: url(../images/tab-bg.png) no-repeat;
	height: 38px;	
	width: 597px;
	font-size: 16px;
	font-weight: normal;
	float: left;
	text-shadow: 1px 1px 0 #ffffff;
	text-transform:uppercase;
	line-height: 40px;

}
h4.acc_trigger a {
	color:#9b9c9c;
	text-decoration: none;
	display: block;
	padding-left: 10px;
}
h4.acc_trigger a:hover {
	color: #6a6b6b;
}
h4.active {
	background-position: left bottom; 	
	height: 47px;
}
.acc_container {
	overflow: hidden;
	font-size: 14px;
	width: 595px;
	clear: both;
	background: #e0e0e0;
	border-left: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
}
.acc_container .block{
	padding-left:10px;
	padding-right:10px;
}

.acc_container h5 {
	font-family: Book Antiqua;
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}
.acc_container img {
	float: left;
	margin: 10px 15px 15px 0;
	padding: 5px;
	background: #ddd;
	border: 1px solid #ccc;
}
.tab-link a{
	color:#587f83;
	float:right;
	padding-bottom: 10px;
	padding-top: 5px;
}
.tab-link a:hover{
	text-decoration:underline;
}
/*------------------------------------------------------------------- STORITVE TAB END -----------------------------------------------------*/
#slide-navi{
	float:left;  
	width: 389px; 
	padding-left:10px;
	text-indent: -9999px;
	margin-top: 26px;
}
.spletne {
	float:left; 
	width: 152px;
	height: 28px;
	background: url(../images/tab-spletne-strani.jpg) no-repeat;
}
.spletne a{
	float:left;
	width: 130px;
	height: 30px;
	margin-left: 22px;
}
.spletne:hover{
	background-position: 0px -30px;

}
.logotipi {
	float:left; 
	width: 109px;
	height: 28px;
	background: url(../images/tab-logotipi.jpg) no-repeat;
}
.logotipi a{
	float:left;
	width: 89px;
	height: 30px;
	margin-left: 19px;
}
.logotipi:hover{
	background-position: 0px -30px;
}
.grafike {
	float:left; 
	width: 126px;
	height: 28px;
	background: url(../images/tab-grafike.jpg) no-repeat;
}
.grafike a{
	float:left;
	width: 84px;
	height: 30px;
	margin-left: 19px;
}
.grafike:hover{
	background-position: 0px -30px;
}
.reference-container{
	float:left;
	width: 960px;
	margin-top: 20px;
}
.reference-left{
	float:left;
	width: 448px;
}
.referenceBoxLeft{
	float:left;
	width: 496px;
	height: 209px;
	background: url(../images/reference-frame-2.png) no-repeat;
	padding-left: 6px;
	padding-top: 6px;
	margin-bottom: 30px;
	margin-top: 20px;
}
.referenceBoxRight{
	float:left;
	width: 452px;
	height: 209px;
	background: url(../images/reference-frame-2.png) no-repeat;
	padding-left: 6px;
	padding-top: 6px;
	margin-bottom: 30px;
	margin-top: 20px;
}
.reference-button{
	float:left;
	width: 448px;
	height: 23px;
	margin-top: 9px;
	text-indent: -9999px;
}
.reference-button a{
	float:left;
	width: 69px;
	height: 23px;
	background: url(../images/reference-button.png) no-repeat;
	cursor:pointer;
}
.reference-button a:hover {
	background-position: 0 -23px;
}
.reference-seperator{
	float:left;
	width:448px;
	height: 20px;
}
.tick{
	float:left;
	width: 448px;
}
.tick img{
	float:left;
	padding-right: 10px;
	padding-top: 3px;
}
.seperator-middle{
	float:left;
	width: 960px;
	height: 2px;
	text-align:center;
	margin-top: 30px;
	margin-bottom: 30px;
}
.logo-headline{
	font-size: 18px;
	font-weight: bold;
	text-align:center;
	color:#595858;
	text-transform: uppercase;
}
.invisible{display:none;}
td.col_0{
	float:left;
	width: 150px;
	text-transform:uppercase;
	color:#636363;
	font-size: 13px;
	padding-top: 7px;
}
#ctrl_2, #ctrl_3, #ctrl_4, #ctrl_5, #ctrl_9, #ctrl_10, #ctrl_11, #ctrl_12, #ctrl_16, #ctrl_17, #ctrl_18, #ctrl_19{
	float:left;
	height: 25px;
	width: 400px;
	border: 1px solid #cacaca;
	margin-bottom: 10px;
	font-size: 12px;
	color:#636363;
}
#ctrl_7{
	float:left;
	height: 100px;
	width: 400px;
	border: 1px solid #cacaca;
	margin-bottom: 10px;
	font-size: 12px;
	color:#636363;
}
.row_1, .row_2{
	padding-bottom: 10px;
}
#ctrl_8, #ctrl_15, #ctrl_22{
	float: left;
	width: 90px;
	height: 29px;
	background: url(../images/submit-2.jpg) no-repeat;
	cursor: pointer;
	text-indent: -9999px;
	border: none;
}
#ctrl_8:hover, #ctrl_15:hover, #ctrl_22:hover{
	background-position: 0 -30px;
}
/*------------------------------------------------------------- POVPRAŠEVANJE START ----------------------------------------------------------*/
#ctrl_13, #ctrl_20, #ctrl_23, #ctrl_24{
	float:left;
	margin-bottom: 8px;
}
#ctrl_13 span, #ctrl_20 span, #ctrl_23 span, #ctrl_24 span{
	float:left;
	width: 400px;
	margin-bottom: 2px;
}
#ctrl_14, #ctrl_21{
	float:left;
	height: 130px;
	width: 400px;
	border: 1px solid #cacaca;
	margin-bottom: 10px;
	font-size: 12px;
	color:#636363;
	vertical-align:top;
}
/*------------------------------------------------------------- POVPRAŠEVANJE END ----------------------------------------------------------*/
p.error{
	font-size: 12px;
	color:#C00505;
}
.mandatory-sign{
	color:#a41700;
}
.upload1 {
	float:left;
	width:402px;
	position:relative;
	height:29px;
	margin-bottom: 10px;
}
.upload1 .realfile,
.upload1 .fakefile {
	position:absolute;
	top:0;
	left:0;
	width:402px;
	height:29px;
}
.upload1 .realfile {
	z-index:2;
	/* file upload input control transparency, indispensable but jeopardize w3 css 2.1 validity */
	-moz-opacity:0;
	filter:alpha(opacity:0);
	opacity:0;
}
.upload1 .fakefile {
	width:402px;
	z-index:1;
}
.upload1 .fakefile input {
	width:300px;
	float:left;
	height: 25px;
	border: 1px solid #cacaca;
}
.upload1 .fakefile img {
	float:left;
	margin-left: 7px;
}
.previewLeft{
	float:left;
	width: 259px;
	height: 260px;
	padding-right: 77px;
	text-align:center;
}
.preveiwBox{
	float:left;
	width: 259px;
	height: 199px;
	margin-top:3px;
	background: url(../images/preview-bg.jpg) no-repeat;
}
.preveiwBox a{
	float:left;
	padding-left: 7px;
	padding-top: 7px;
}
.previewRight{
	float:left;
	width: 259px;
	height: 260px;
	text-align:center;

}
#screenshot{
	position:absolute;
	background:#424141;
	padding:5px;
	display:none;
	color:#fff;
	font-family: Trebuchet MS;
	text-align:center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #424141;
}