@import url('../Galerije.css');
@import url('../SplosneStrani.css');
@import url('Shop.css');
@import url('Kosarica.css');
@import url('../DWMjrFonti/Awesome/font-awesome.css');
@import url('../DWMjrFonti/Awesome/font-awesome.min.css');
@import url('../DWMjrFonti/OpenSans/font-opensans.css');


BODY {  padding:0px;
        margin:0;
        font-family: OpenSans, Tahoma, Verdana, arial, helvetica, sans-serif ;
        color:#000000;
        font-size:14px;
		background-color:#fafafa;
		width:100%;
		height:100%;
		counter-reset: Paragraf;
}

P {font-family: OpenSans, Tahoma, Verdana, arial, helvetica, sans-serif ; font-stretch:ultra-expanded;}
 
A:link {color:#000000; text-decoration:underline;}
A:visited {color:#000000; text-decoration:underline; }
A:hover {color:#527dff; text-decoration:none;}
A:active {color:#527dff; text-decoration:none;}

H1 {font-size:20px; color:#527dff;}
H2 {font-size:18px; color:#69bd2e;}
H3 {font-size:16px; color:#823db5;}

H4 {font-size:14px; color:#000000;}
a[href*=".pdf"]::after {content:"[pdf]"; font-size:10pt; font-style:italic; margin:0 0 0 05px; color:#666; text-decoration:none !important;}

em.fa-step-forward {display:block; margin:20px; font-size:11px;
    background-color: #8a365d;
    border-radius: 5px;
    color: #ffffff;
    display: table-cell;
    font-weight: 900;
    text-align: center;
    vertical-align: middle;
	height:18px;
	width:18px;
	padding-left:3px;
	padding-top:1px;
	box-sizing:border-box;
}


.stolpec2 {column-count: 2; -webkit-column-count: 2;  -moz-column-count: 2; column-gap: 40px;}
.stolpec3 {column-count: 3; -webkit-column-count: 3;  -moz-column-count: 3; column-gap: 40px;}
 span.poudarek {}
.poseben {}
.pos_tabela  { border:1px solid #000000; outline:1px solid #ff0000; outline-offset:10px; margin:10px;}

.skrij_vsebina {display:none;}
.prikazi_vsebina {display:block;}
input {font-size:18px; width:350px; padding:1px 2px;}

#vsebina {background-color:#ffffff; padding:50px;}
.oblika {margin:10px;}
/* .font_oblikovanje {display:table-cell; width:36px; height:36px; color:#ffffff; font-weight:900; background-color:#365b8a; border-radius:5px; text-align:center; vertical-align:middle; font-size:22px;} */
.font_oblikovanje {display:table-cell; width:19px; height:19px; color:#ffffff; font-weight:900; background-color:#365b8a; border-radius:5px; text-align:center; vertical-align:middle; font-size:12px;}

@media only screen 
and (min-width : 600px)  {
	#pozicija {width:100%; height:100%; display:table;}
			#header {width:100%; height:160px;}
				#header_poz {width:calc(100% -20px); max-width:1200px; margin:0 auto;}
					#header .header_meni_mobil {display:none;}

					#header .logo {float:left; width:auto; padding:10px 0 0 10px;}
					#header .header_meni {float:right;  width:auto;}
					#header .header_meni ul {padding:10px 0; margin:0;}
					#header .header_meni ul li {display:inline; padding:0 5px 0 5px; border-right:1px solid #ffffff;}
					#header .header_meni ul li:last-child {border-right:none;}

					#header .header_meni ul li A:link {color:#ffffff; text-decoration:none;}
					#header .header_meni ul li A:visited {color:#ffffff; text-decoration:underline;}
					#header .header_meni ul li A:hover {color:#00ff00; text-decoration:none;}
					#header .header_meni ul li A:active {color:#ffffff; text-decoration:none; font-weight:bold;}

	
			#sredina {width:100%; height:auto;}
				#sredina_poz {width:calc(100% -20px); padding:10px; max-width:1200px; margin:0 auto}
				#levo {display:table-cell; width:190px;}
					#levo ul {padding:o; margin:0;}
					#levo ul li {list-style:none;}
					#levo ul li a {font-size:12px; font-weight:bold; text-decoration:none;}
					#levo ul li a:before {content:' ➠'; font-size:14px; color:#527dff; font-weight:bold;}
					#levo ul li a:visited {font-size:12px; font-weight:bold; text-decoration:none;}
					#levo ul li a:active {font-size:12px; font-weight:bold; text-decoration:none;}
					#levo ul li a:hover {font-size:12px; font-weight:bold; text-decoration:none; color:#527dff;}

	
				#vsebina {display:table-cell; padding:0 10px; min-height:500px; width:100% !important;}
				#desno {display:table-cell; width:190px;}
			#footer {width:100%;}
				#footer_poz {width:calc(100% -20px); padding:0 10px; max-width:1200px; margin:0 auto;}
}


@media only screen 
and (max-width : 600px)  {
	#pozicija {width:100%; height:100%; display:table;}
			#header {width:100%; height:200px;}
			#header .header_meni {display:none;}
			#header .header_meni_mobil {display:block;}
				#header .logo {float:left; width:calc(100% - 70px); padding:10px 0 0 10px;}
				#header .izbirnik {float:right; padding:10px;}
				#header .izbirnik .fa {font-size:24px; z-index:65; color:#ffffff; text-shadow:1px 1px #555;}
					#header .g_meni {display:none;}
					#header .gl_meni_on {display:block; background-color:#0e0e15; position:absolute; top:40px; height:120px; opacity:0.8; width:100%; z-index:20; padding:10px 0 30px 0;}
				
			#header .gl_meni_on p {margin:0; padding:0;}
			#header .gl_meni_on div {display:inline; margin:0 auto; }
				#header .gl_meni_on ul {display:table-cell;text-align:left; list-style:none; vertical-align:top;}
				#header .gl_meni_on ul li {padding:0; margin:0; list-style:none;}
				#header .gl_meni_on ul ul {padding:5px 5px; margin:0;}
				#header .gl_meni_on ul:first-child {padding:20px 0px 0 10px ; }
				#header .gl_meni_on ul:nth-child(2) {padding:20px 10px; }
					#header .gl_meni_on ul li a {text-decoration:none; font-size:16px; opacity:1 !important;}
					#header .gl_meni_on ul:first-child li a {color:#ffffff;}
					#header .gl_meni_on ul:first-child ul li a {color:#ffffff;}
					#header .gl_meni_on ul:nth-child(2) li a {color:#ffffff;}
					#header .gl_meni_on ul:nth-child(2)  ul li a {color:#ffffff;}
			#sredina {width:calc(100% - 20px); height:auto; padding:10px;}
				#levo {display:none;}
				#vsebina {display:block;}
				#desno {display:block; padding-top:20px;}
			#footer {width:100%;}
}

#header {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#527dff), to(#ffffff), to(#527dff));
	background: -webkit-linear-gradient(top, #527dff, #ffffff, #527dff);
	background: -moz-linear-gradient(top, #527dff, #ffffff, #527dff);
	background: -ms-linear-gradient(top, #527dff, #ffffff, #527dff);
	background: -o-linear-gradient(top, #527dff, #ffffff, #527dff); 
	box-shadow:0px 7px 15px #aaaaaa;
	margin:0 0 10px 0;
}
#sredina {clear:both;}

#footer { clear:both;
	min-height:80px; 
	background:#888;
	box-shadow:0 -7px 15px #aaaaaa;
	margin:10px 0 0 0;
	padding:20px 0 20px 0;
}
	#footer_poz, #footer_poz p, #footer_poz a, #footer_poz div {color:#ffffff; padding:0 10px;}
.clear {clear:both;}