@import url('../Galerije.css');
@import url('SplosneStrani.css');
@import url('../DWMjrFonti/Awesome/font-awesome.css');
@import url('../DWMjrFonti/IBM-Plex-Sans/font-IBMSans.css');

BODY {
        padding:0px;
        margin:0;
        font-family: 'IBMPlexSans', sans-serif ;
        color:#1e1e1e;
        font-size:20px;
        text-align:left;
}

P {
        font-size:20px;
        color:#1e1e1e;
		line-height:40px;
}
*:hover {-webkit-transition: all 0.5s ease; /* Safari 3.1 to 6.0 */ transition: all 0.5s ease;}

A {color:#1e1e1e; text-decoration:underline;}
A:visited {color:#1e1e1e; text-decoration:underline;}
A:hover {color:#bda449; text-decoration:none;}
A:active {color:#bda449; text-decoration:none;}

H1 {font-weight:600; font-size:50px;
background: url('/P/Pix/MainDesign/gold.png'); 
/*background: #bda449; okvir_napis
background: -moz-linear-gradient(top, #ebd197 0%, #b48811 50%, #a2790d 51%, #bb9b49 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebd197), color-stop(50%,#b48811), color-stop(51%,#a2790d), color-stop(100%,#bb9b49)); 
background: -webkit-linear-gradient(top, #ebd197 0%,#b48811 50%,#a2790d 51%,#bb9b49 100%); 
background: -o-linear-gradient(top, #ebd197 0%,#b48811 50%,#a2790d 51%,#bb9b49 100%); 
background: -ms-linear-gradient(top, #ebd197 0%,#b48811 50%,#a2790d 51%,#bb9b49 100%); 
background: linear-gradient(to bottom, #ebd197 0%,#b48811 50%,#a2790d 51%,#bb9b49 100%); */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebd197', endColorstr='#b48811',GradientType=0 );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;*/

}
H2 {font-weight:600; font-size:40px; color:#1e1e1e;}
H3 {font-weight:600; font-size:25px; color:#1e1e1e;}

ul {padding:0px 10px 10px 10px; margin:0; color:#1e1e1e;}

#vsebina ul li a {text-decoration:none;}
#vsebina ul li a:hover {text-decoration:underline;}
#vsebina ul li {list-style-type:none; padding:5px 15px;}
#vsebina ul li:before {content: "\f0c6";  padding:0px 10px; font-family:'FontAwesome' ; color:#bda449;}

img {border:0;}

#pozicija {
    position:relative;
    width:100%;
    margin:0 auto;
	padding:0;
    background-color:#ffffff;
}



#header_mobile {display:none;}


.slika_ps, .slika_ns {position:relative;}
.okvir_napis {position:absolute; top:50%; left:0; z-index:99 !important; width:100%;}
.okvir_napis_cont {max-width:1160px; width:100%; z-index:99 !important;  margin:0 auto; padding:0 10px; box-sizing:border-box;}

.MenjavaTxt img {max-width:100%; width:100%; height:auto;  z-index:10;  padding:0; margin:0;}

.okvir_napis H4 {font-weight:600; font-size:24px; color:#ffffff; text-shadow:2px 3px #1e1e1e;}



#header_ps #menu_sr {position:absolute; width:100%; z-index:999 !important; background:rgba(0, 0, 0, 0.6)}
#header #menu_sr {position:relative; width:100%; z-index:999 !important; background:rgba(0, 0, 0, 0.9)}

#menu_sr_cont {position:relative; max-width:1200px; width:100%; z-index:999 !important; margin:0 auto;}
	.jeziki {float:right; padding:10px 0;}
	
	.header_meni ul li {list-style-type:none; text-transform:uppercase;}
	.header_meni ul li a {text-decoration:none; text-transform:uppercase;}
	#header_web .header_logo {float:left; margin:10px 0;}
	#header_web .header_meni {clear:right; float:right; margin:10px 0; padding-top:10px;}
	#header_web .header_meni ul li {position:relative; display:inline; padding:10px 0;}
	#header_web .header_meni ul li a {color:#ffffff; font-weight:400; font-size:18px; margin:0 10px; padding:10px 0;  display:inline;}
	#header_web .header_meni ul li a:hover {color:#bda449;}
	#header_web .header_meni ul li ul {position:absolute; top:15px; left:0px; opacity:0; height:0; font-size:0; padding:0; margin:0;}
	#header_web .header_meni ul li ul li {padding:0; margin:0;font-size:0;}
	#header_web .header_meni ul li ul li a {padding:0; margin:0;font-size:0;}
	#header_web .header_meni ul li:hover ul:before {content: "\f0d8"; color:#bda449; padding-left:20px; font-family:'FontAwesome' ; font-size:25px;}
	#header_web .header_meni ul li:hover ul {position:absolute; top:30px; left:0px; opacity:1; height:auto; width:auto; font-size:16px;  margin:0; background:rgba(0, 0, 0, 0.6); -webkit-transition: all 0.5s ease; /* Safari 3.1 to 6.0 */ transition: all 0.5s ease;}
	#header_web .header_meni ul li:hover ul li a {white-space:nowrap; display:block; height:auto; width:auto; font-size:16px;  margin:5px; padding:10px 10px;}
	.header_meni ul li a.a_hmeni_on {color:#bda449 !important;}	
	

#vsebina {position:relative; max-width:1200px; width:100%; z-index:10 !important; margin:0 auto; min-height:400px; padding:30px 0;}


#footer {background-color:#1e1e1e; padding:50px 0;}
#footer_sr {max-width:1200px; width:100%; margin:0 auto;}
#footer_sr,
#footer_sr p,
#footer_sr a {color:#ffffff;}
#footer_sr h1 {font-size:25px;}
#footer_sr em {
		margin-right:5px;
		background: #b48811; 
		background: -moz-linear-gradient(top, #ebd197 0%, #b48811 50%, #a2790d 51%, #bb9b49 100%); 
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebd197), color-stop(50%,#b48811), color-stop(51%,#a2790d), color-stop(100%,#bb9b49)); 
		background: -webkit-linear-gradient(top, #ebd197 0%,#b48811 50%,#a2790d 51%,#bb9b49 100%); 
		background: -o-linear-gradient(top, #ebd197 0%,#b48811 50%,#a2790d 51%,#bb9b49 100%); 
		background: -ms-linear-gradient(top, #ebd197 0%,#b48811 50%,#a2790d 51%,#bb9b49 100%); 
		background: linear-gradient(to bottom, #ebd197 0%,#b48811 50%,#a2790d 51%,#bb9b49 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebd197', endColorstr='#b48811',GradientType=0 );
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;		
}

/*Novice prva stran*/
.novice_ps_con {display:table-cell; width:33%; padding:20px; margin-bottom:20px; vertical-align:top; box-sizing:border-box;} 
.novice_ps h3:before {content: "\f08d";  padding:0 10px 0 0; font-family:'FontAwesome' ; color:#bda449; font-size:20px;} 
.novice_ps {border:1px solid #ccc; padding:0px; height:100%;  max-height:350px; min-height:350px; box-sizing:border-box; overflow:hidden; cursor:pointer; border-radius:2px;} 
.novice_ps:hover {background:rgba(0, 0, 0, 0.1); box-shadow:2px 2px 5px #000000;}
.novice_ps:hover h3:before {content:''; padding:0 11px;}
.novice_ps h3 {color:#bda449; padding:10px; margin:0 0;  background: rgba(0, 0, 0, 1);} 
.povzetek_novice {padding:0 10px;}
.povzetek_novice p:last-child:after {content:'...';}

.clear {clear:both;}

.ajaxWait {display:none;}



@media only screen and (max-width : 800px)  {
	h3, p {font-size:95%;}
#header_web {display:none;}
#header_mobile {display:block; min-height:250px;}
	.logo_mobil {text-align:center; padding:20px 0; margin:0 auto; clear:both;}
	.meni_mobil {text-align:center; position:relative;  z-index:1000 !important;}
	#header_ps #menu_sr {position:relative; width:100%; z-index:999 !important; background:rgba(0, 0, 0, 0.9);}
	H1 {font-weight:600; font-size:25px; text-align:center;}
	.meni_mobil i {
		font-weight:600; font-size:50px;
		background: #b48811; 
		background: -moz-linear-gradient(top, #ebd197 0%, #b48811 50%, #a2790d 51%, #bb9b49 100%); 
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebd197), color-stop(50%,#b48811), color-stop(51%,#a2790d), color-stop(100%,#bb9b49)); 
		background: -webkit-linear-gradient(top, #ebd197 0%,#b48811 50%,#a2790d 51%,#bb9b49 100%); 
		background: -o-linear-gradient(top, #ebd197 0%,#b48811 50%,#a2790d 51%,#bb9b49 100%); 
		background: -ms-linear-gradient(top, #ebd197 0%,#b48811 50%,#a2790d 51%,#bb9b49 100%); 
		background: linear-gradient(to bottom, #ebd197 0%,#b48811 50%,#a2790d 51%,#bb9b49 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebd197', endColorstr='#b48811',GradientType=0 );
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;		
	}

a.a_hmeni_on,
a.a_hmeni_off {text-transform:uppercase;}

.okvir_napis {top:5% !important;}
.okvir_napis H1 {padding:0; margin-bottom:0; font-size:22px;}
.okvir_napis H4 {font-size:14px; text-align:center; margin-top:10px;}

		.gmeni_ico_off {opacity:0; position:absolute; margin:0 50%; -webkit-transition: all 1s ease; transition: all 1s ease;}
		.gmeni_ico_on {opacity:1; position:absolute; margin:0 50%; -webkit-transition: all 1s ease; transition: all 1s ease;}
			
			.gl_meni_on {position:absolute; opacity:1; width:100%; height:auto; padding:20px;  margin-top:50px; background:rgba(0, 0, 0, 0.9); z-index:1000 !important;  -webkit-transition: all 1s ease; transition: all 1s ease; box-sizing:border-box;}
			.gl_meni_on a, .gl_meni_on summary {display:block; color:#ffffff; text-decoration:none; padding:5px 0; cursor:pointer;}
			.gl_meni_on a:hover, .gl_meni_on summary:hover, details[open] summary {color:#bda449;}
			 
			 details[open] a {padding:5px 5px 5px 20px;}
	#vsebina {padding:20px 10px;  box-sizing:border-box; z-index:10;}
	#footer_sr {padding:30px 10px;  box-sizing:border-box; z-index:10;}
	
#footer H1 {text-align:left;}
.novice_ps_con {display:block; width:100%; padding:10px; margin-bottom:20px; vertical-align:top;} 
.novice_ps {height:100%;  max-height:auto; min-height:auto; box-sizing:border-box; overflow:hidden; cursor:pointer; border-radius:2px;} 
	
}