@import url('hover.css');


/*
	naslovi: font-family: 'Raleway', sans-serif;
	besedila: font-family: 'Open Sans', sans-serif;
*/

button {outline: none;}

page{
	text-align: center;
	margin:0 0 0 0;
	padding:0 0 0 0;
	}

body{
	font-family: 'Open Sans', sans-serif;
	font-weight:100;
	font-size:17px;
	color:white;
	background-color:#283138;
	margin:0;
	padding:0;
}


#qrKoda{
	display:none;
}

.hidePhone{
	display:none;
	visibility:hidden;
}


h1{width:100%;
		padding:0;
		margin:0;
		font-size: 44px;
		font-weight:100;
}		

h2{width:100%;
		padding:0;
		margin:0;
		font-size: 20px;
		font-weight:100;
}		

h3{width:100%;
		padding:0;
		margin:0;
		font-size: 18px;
		font-weight:100;
}

.center{text-align:center;}
.boldCenter{text-align:center; font-weight:bold;}
.bold{font-weight:bold;}
.underline{text-decoration:underline;}


li {
    list-style-image: url('slike/rekruter-tarca-rdeca-small.png');
}


.svetlo{
	color:#FFFFFF;
}

.temno{
	color:#283138;
}

.rdece{
	color:#CF1F2C;
}


a{
	text-decoration:none;
	color:#C7C7C7;
}
			

#fakeGlava{
	/*background-color:aqua;*/
	height:90px;
	display:none;
}


#glava{
	position:fixed;
	top:0;
	left:0;
	right:0;
	background-color:#16181B;
	z-index:1000;
	padding:0 10px 0 10px;
	/*overflow:hidden;*/
}



#glavaCenter{
	width:100%; 
	margin:0 auto;
	padding:0px;
	position:relative;
	top: 0px;
}

#logo{
	position:relative;
	top: 0;
	left: 0;
	width:100%;
	text-align: left;
	height:70px;

}

#logo img{
	width:250px;
	margin-top:15px;
	}

/*#menu{
	font-family: 'Open Sans', sans-serif;
	font-weight:100;
	font-size:16px;
	position:relative;
	width: 100%;
	text-align: left;
	left: 0px;
	vertical-align:middle;
	margin-left: 0px;
	display:none;
}*/


#menu{
	background-color:#16181B;
	font-family: 'Open Sans', sans-serif;
	font-weight:100;
	font-size:18px;
	position:absolute;
	top:70px;
	right: -10px;
	width: 150px;
	text-align: left;
	vertical-align:middle;
	display:none;
	border-left: thin white solid;
	border-bottom:thin white solid;
	opacity:.9;

}


#menu a{
	display:inline-block;
	width:130px;
	text-decoration:none;
	color:#FFFFFF;
	transition: 200ms linear;
	padding:8px 0 8px 20px;
	
}

#menu a:hover{
	background-color:#CF1F2D;
	transition: 200ms linear;
}

#menLangSelect{visibility:collapse;display:none}

#menJkps{
	font-family: 'Open Sans', sans-serif;
	font-weight:100;
	font-size:16px;
	position:absolute;
	width: 95px;
	top: 0px;
	text-align: left;
	left: 1079px;
	vertical-align:middle;
	height:90px;
}

#vsebina{
	/*border: 1px chartreuse dashed;*/
	margin:0;
	padding:0;
	height:auto;
	overflow:visible;
	/*background-color:aqua*/
	overflow:hidden;
}

#vsebinaCenter{
	/*background-color:#3D4954;*/
	width:100%; 
	margin:0px auto;
	padding:0 0 0 0;
}

#prijavljenCenter{
	width:100%; 
	margin:5px auto 5px;
	padding:0 0 0 0;
	font-size:12px;
	text-align:right;
	border-bottom:thin #CF1F2C dashed;
}




#noga{
	position:fixed;
	bottom:0;left:0;
	width:100%;
	right:0;
	background-color:#16181B;
	color:#FFFFFF;
	z-index:1000;
	display:none;
}

#podpis{
	margin-left:0;width:100%;	
}

#podpisKontejner{
	text-align:center;
	width:100%;border-radius:5px;background-color:#F4F4F4;border:thin #CCCCCC solid;
}

#podpisKontejner a{
	color:#666666;
}

#nogaCenter{
	width:100%; 
	margin:0 auto;
	padding:0;
	height:40px;
	position:relative;
	top: 0px;
	vertical-align:middle;
	font-size:15px;
}
#nogaCenter2{
	width:100%; 
	height:40px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}



/* - PIĹ KOTKI - */
#piskotkiPozor{
	font-size:12px;
	height:auto;
	widows:100%;
	background-color:#C1272D; /*#3c47ae*/
	color:white;
	position:absolute;
	z-index:2000;
	top:0;
	left:0;
}

#piskotkiCenter{
	width:100%; 
	margin:0 auto;
	padding:0px;
	height:auto;
}


#piskotkiBtn{
	border-style: none;
	background-color:white;
	width:80px;
	height:20px;
	border-radius:3px;
}

#piskotkiBtn:hover{
	background-color:#FFFF66;
}

#pageDomov{
	/*background-color:#1F2429;*/
	/*background-image:url('slike/ozadje-slika1.jpg');*/
	background-color:#283138
}

#pageDomovCenter{
	/*background-color:#283037;*/
	width:100%; 
	margin:0 auto;
	padding:0;
	position:relative;
	text-align: center;
}

#pageOglasi{
	background-color:#CF1F2D;
}


#pageOglasiCenter{
	/*background-color:#283037;*/
	width:100%; 
	margin:0 auto;
	padding:0;
	position:relative;
	text-align: center;
}


#slideBtn1{margin-top:10px;width:70%}
#slideBtn2{margin-top:10px;width:70%}

#ponudbaTabela{width:100%;}

#pageOnasCenter{
	height:1150px;
	/*background-color:#283037;*/
	width:100%; 
	margin:0 auto;
	padding:0;
	position:relative;
	text-align: center;
}

#divhelp{display:none;}



#pageJobOffers{
	width:100%; 
	margin:0 auto;
	padding:0;
	position:relative;
	text-align: left;
}

.seznam{
	border-bottom:thin black solid;
	font-size:14px;
	cursor:pointer;
	vertical-align:middle;
	transition: background-color 100ms linear;
	padding-bottom: 30px;
}

.seznam:hover {
	background-color:#9E1822;

}

.selectedBG{
	background-color:#DE2533;
}

.seznam2{
	border-bottom:thin black solid;
	font-size:14px;
	cursor:pointer;
	height:70px;
	transition: background-color 100ms linear;
}

.seznam2:hover {
	background-color:#9E1822;

}


.seznam3{
	border-bottom:thin black solid;
	font-size:12px;
	cursor:pointer;
	height:25px;
	transition: background-color 100ms linear;
}

.seznam3:hover {
	background-color:#16181B;

}


.glavaSeznama{
	border-bottom:thin black solid;
	background-color:#16181B;
	color:white;
	font-size:12px;
}


.glavaSeznama2{
	border-bottom:thin whit solid;
	background-color:#16181B;
	color:white;
	font-size:14px;
	/*height:50px;*/
}

.seznamItemGlava{
	display:list-item;
}

.seznamItemGlava:hover{
	background-color:#FFCC00;
	color:black;
}

.seznamItem{
	
}

.seznamItemGlava2{
	display:inline-block;
}


.seznamItem2{
	display:inline-block;
}

.ikonaNovo{	display:none;}

.si2r1{width:100%;font-weight:bold;}
.si2r2{width:100x;}
.si2r3{width:100%; text-align:right;display:none;}
.si2r4{position:absolute; right:5px;}


#pageONas{
	background-image:url('slike/ozadje-slika2.jpg');
	padding: 0 10px 0 10px;
}

#pageGallery{
	background-image:url('slike/ozadje-slika2.jpg')
}

#pageONasCenter{
	width:100%; 
	margin:0 auto;
	padding:0;
	position:relative;
	text-align: center;

}

#pageGalleryCenter{
	min-height:550px;
	width:100%; 
	margin:0 auto;
	padding:0;
	position:relative;
	/*background-color:#CF1F2D;*/
	text-align: center;

}

#prikazGalerije{
	text-align:left;
}

.galerijaGrupa{
	border-bottom:thin black solid;
}


#pageZaPodjetja{
	/*background-image:url('slike/ozadje-slika3.jpg'); 
	background-repeat:no-repeat;*/
	background-color:#283138;
}

#pageZaPodjetjaCenter{
	min-height:725px;
	/*background-color:#283037;*/
	width:100%; 
	margin:0 auto;
	padding:0;
	position:relative;
	text-align: center;
}

.zaPodjetjaHolder{
	width:90%;
	/*background-color:aqua;*/
	margin: 5px 10px 10px 10px;
	padding: 5px 5px 5px 5px;
	display:inline-block;
	text-align:left;
	vertical-align:top;
	text-align:justify;
    position:relative;
    overflow:hidden;
    height:200px;
}

.zaPodjetjaHolder:hover{
	background-color:#39424A;
}


.skritoOzadje{
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    height:50px;
    background: -moz-linear-gradient(top,  rgba(137,255,241,0) 0%, rgba(46,55,62,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(137,255,241,0)), color-stop(100%,rgba(46,55,62,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(137,255,241,0) 0%,rgba(46,55,62,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(137,255,241,0) 0%,rgba(46,55,62,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(137,255,241,0) 0%,rgba(46,55,62,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(137,255,241,0) 0%,rgba(46,55,62,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0089fff1', endColorstr='#2B343B',GradientType=0 ); /* IE6-9 */

}




.zaPodjetjaCrta1{
	height:1px;
	border:0px;
	background-color:#999999;
}

#pageZaIskalce{
	padding: 0 10px 0 10px;
	background-color:#FAFAFA;
}

#pageZaIskalceCenter{
	min-height:850px;
	width:100%; 
	padding:0;
	position:relative;
	text-align: center;
	background-color:#FFFFFF;
	color:black;
}

#pageZaIskalceCenterJobList{
	text-align:left;
}

#pageEkipa{
	min-height:850px;
	background-color:#FAFAFA;
}

#pageEkipaCenter{
	min-height:850px;
	width:100%; 
	margin:0 auto;
	padding:0;
	position:relative;
	background-color:#FFFFFF;
	color:black;
	text-align: center;
}

#pageBlog{
	background-color:#283138;
	/*background-image:url('slike/ozadje-slika3.jpg'); */
	background-repeat:no-repeat;
}

#pageBlogCenter{
	min-height:725px;
	/*background-color:#283037;*/
	width:100%; 
	margin:0 auto;
	padding:0;
	position:relative;
	text-align: center;
}

#pageBlogDisplayCenter img{
	max-width:100%;
}


.ekipaHolder{
	width:260px;
	/*background-color:aqua;*/
	margin: 10px 15px 100px 15px;
	display:inline-block;
	text-align:left;
	vertical-align:top;
	text-align:justify;
}


#pageApplyForJob{
	background-color:white;
	min-height:850px;
	padding:0 6px 0 6px;
	margin-top:90px;
	/*background-color:white;*/
}

#pageApplyForJobCenter{
	min-height:850px;
	width:100%; 
	margin:0 auto;
	padding:0;
	position:relative;
	background-color:white;
	color:black;
	text-align: left;
}

#pageBlogDisplayCenter{
	min-height:850px;
	width:100%; 
	margin:0 auto;
	padding:0;
	position:relative;
	background-color:white;
	color:black;
	text-align: left;
}



#prijavaFloat{
	position:fixed;
	top:120px;
	left:20px;
	width:250px;
	display:none;
	opacity:0.3;
}

#prijavaFloat:hover{
	position:fixed;
	top:120px;
	left:20px;
	width:250px;
	display:none;
	opacity:0.9;
	z-index:100;
}

#prijavaFloat a{color:black;
}


#afj_1{display:inline-block;width:96%}
#afj_1a{display:inline-block; width:100%;}
#afj_1b{display:inline-block; width:100%;}
#afj_1c{width:100%;}
#afj_2{display:inline-block;width:96%;vertical-align:top;}
#afj_2a{display:inline-block; width:100%;}
#afj_2b{display:inline-block; width:100%;}
#afj_2c{width:100%;}
#afj_3{vertical-align:top;width:96%}
#afj_3b{vertical-align:top;width:96%}
#afj_4{display:inline-block;vertical-align:top;width:100%;}
#afj_5{display:inline-block;vertical-align:top;width:100%; text-align: center; margin-top:40px;margin-bottom:50px;}


#pageKontakt{
	background-image:url('slike/ozadje-slika5.jpg')
}

#pageKontaktCenter{
	min-height:725px;
	/*background-color:#283037;*/
	width:100%; 
	margin:0 auto;
	padding:0;
	position:relative;
	text-align: center;
}

#domovBesedilo{
	text-align:justify;
    -webkit-columns: 400px 2; /* Chrome, Safari, Opera */
    -moz-columns: 400px 2; /* Firefox */
    columns: 400px 2;	
    -webkit-column-gap: 50px; /* Chrome, Safari, Opera */
    -moz-column-gap: 50px; /* Firefox */
    column-gap: 50px;    
}


#domovBesedilo2
	text-align:center;
}


#kontaktBesedilo{
	text-align:justify;
}

#kontaktNaslov{display:inline-block;width:100%;height:200px;vertical-align:top; margin-bottom:50px;}
#kontaktTelefon{display:inline-block;width:100%;height:200px;vertical-align:top;margin-bottom:50px;}
#kontaktMail{display:inline-block;width:100%;height:200px;vertical-align:top;margin-bottom:10px;}



#kontaktBesedilo table{
	visibility:collapse;
}

#vrtiljak{
	/*position:relative;*/
	text-align:center;
	width:100%;
	height:709px;	
	margin:0;
	/*background-color:bisque;*/
}

.vrtiljakHolder{
	text-align:center;
	display:block;
	width:100%;
	height:710px;
	/*background-color:aqua;*/
	overflow:hidden;
}



.redButton{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	border-radius: 3px;
	padding: 4px 5px 3px 5px;
	margin: 1px 4px 0 2px;
	background-color:#CF1F2C;
	color:white;
	height: 31px;
}

.redButton:hover{
	background-color:#9E1822;
	color:white;
}

.redButton:active{
	background-color:white;
	color:#CF1F2C;
}

.redButton:disabled{
	background-color:#999999;
	color:#666666;
}


.yellowButton{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	border-radius: 3px;
	padding: 4px 5px 3px 5px;
	margin: 1px 4px 0 2px;
	background-color:#FFFF99;
	color:black;
	height: 31px;
}

.yellowButton:hover{
	background-color:#FFCC00;
	color:black;
}

.yellowButton:active{
	background-color:white;
	color:#CF1F2C;
}


.grayButton{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	border-radius: 3px;
	padding: 4px 5px 3px 5px;
	margin: 1px 4px 0 2px;
	background-color:#999999;
	color:black;
	height: 31px;
}

.grayButton:hover{
	background-color:#FFCC00;
	color:black;
}

.grayButton:active{
	background-color:white;
	color:#CF1F2C;
}



.redButton2{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	border-radius: 3px;
	padding: 4px 5px 3px 5px;
	margin: 1px 4px 0 2px;
	background-color:#CF1F2C;
	color:white;
	height: 58px;
	box-shadow:1 1 2 2 black;
	width: 237px;
	font-family: 'Raleway';
	font-size:27px;
	font-weight:100;
}

.redButton2:hover{
	background-color:#9E1822;
	color:white;
}

.redButton3{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	padding: 0;
	margin: 0;
	background-color:#CF1F2C;
	color:white;
	height: 58px;
	width: 237px;
	font-family: 'Raleway';
	font-size:27px;
	font-weight:100;
}

.redButton3:focus { outline:0; }

.redButton3:hover{
	background-color:#9E1822;
	color:white;
}

.naprednoIskanje{
	color:white;
	border:thin #283138 solid;
	background-color: #B11B26;
	display:inline-block;
	border-radius:4px;
	padding:10px 10px 10px 10px;
	margin:5px;
}

.naprednoIskanje:hover{
	background-color:#16181B;
	color:white;
}

.naprednoIskanje:active{
	background-color:white;
	color:black;
}


.naprednoIskanjeSelected{
	background-color:#16181B;
	color:white;
}

.rw{
	font-family: 'Raleway';
}

.fs100{font-weight:100;}
.fs200{font-weight:200;}
.fs300{font-weight:300;}
.fs400{font-weight:400;}
.fs500{font-weight:500;}
.fs600{font-weight:600;}
.fs700{font-weight:700;}
.fs800{font-weight:800;}
.fs900{font-weight:900;}


.InputText1{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	margin-top: 7px;
	background-color:#262626;
	font-size:14px;
	color:#FFFF99;
	padding:5px;
	height: 30px;
	width: 167px;
}

.fly {
  opacity: 0;
  transition: all 400ms ease-in-out;
  transform: translateY(100px) translateZ(100px) scale(1.1) translate3d(0, 0, 0);
}

 

.show-block {
  opacity: 1;
  transform: translateY(0) translateZ(0) scale(1) translate3d(0, 0, 0);
}


.hoverToColor{
	filter: grayscale(100%);	
}

.hoverToColor:hover{
	filter: grayscale(0%);	
}

.picUploadDiv{
	border: 4px red dotted;	
	min-height:200px;
}

.picHolder{
}

.thumbHolder{
	display:inline-block;
	max-height:400px;
	/*max-width:400px;*/
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
	border:thin black solid;
	background-color:#0D1013;
	text-align:center;
	border-radius: 4px;
}

.thumbHolder2{
	margin: 10px 10px 10px 10px;
	background-color:#283138;
	height:300px;
}

.karuselcek{
	width:70%;
	margin:0 auto;
	border:thin #800000 solid;
	padding:10px 10px 10px 10px;
}

#karuselcekHolder{
	margin:0 auto;
	/*height:500px;*/
}

.karuselcekImg{
	display:block;max-height:170px; max-width:auto;margin: 0 auto;
}

#mobileMenuOpen{z-index:5000;position:absolute;top:25px;right:-5px;}

#popDownDiv{background-color:#273037;border:thin black solid;width:300px;overflow:hidden;}

.paginatorNr{
	border:thin #CC3300 solid; border-radius:5px; padding:0 5px 0 5px;cursor:pointer;background-color:none;
}
.pntSelected{
	background-color:#CC3300;
	
}
	

#karuselMnenjaS1{background-color:#39424A;width:80%; margin:0 auto;}
#karuselMnenjaS2{background-color:#B11B26;width:80%; margin:0 auto;}

.mnenjaKH{padding:15px;}
podpis{color:#C0C0C0;}

.slick-dots li button:before {color: white;}
.slick-dots li.slick-active button:before{color: yellow;text-shadow:0 0 8px yellow;font-size:15px;}





#pRekruteck {
    position: fixed;
    bottom: -250px;
    left: 10px;
    right: 10px;
    /*width: 300px;*/
    height: 230px;
    border-radius: 20px 20px 0 0;
    background-color: white;
    z-index: 2000;
    box-shadow: 5px 9px 40px 5px black;
    opacity:0.1;
    padding:0 20px 0 20px;
}

.rekrutechLogo {
    position: absolute;
    top: 40px;
    left: 20px;
    right: 20px;
    color:black;
    text-align:center;
}

.rekrutechLogo img{
	width:200px;
}

.rpClose {
    position: absolute;
    top: 11px;
    right: 11px;
    cursor:pointer;
}

.rpText {
    position: absolute;
    top: 90px;
    left: 20px;
    right:20px;
    /*width: 100%;*/
    text-align: center;
    color: black;
}


.rpText .redButton {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    border-radius: 20px;
    padding: 10px 10px 10px 10px;
    margin: 1px 4px 0 2px;
    background-color: #CF1F2C;
    color: white;
    height: 31px;
}

.mgSlika {
    /* max-width: 30%; */
    /*height: 200px;*/
    border: thin white solid;
    box-shadow: #191616 2px 2px 13px 2px;
    width:100%;
}

.galerijaPicHolder{
	position:relative;
}

.galerijaNapisHolder {
    position: absolute;
    bottom: 8px;
    width: 100%;
    left: 0;
    font-weight: 700;
    text-shadow: black 2px 2px 5px;
    color: white;
}