@import url('Shop.css');
@import url('../Kosarica.css');
@import url('../Galerije.css');
@import url('../SplosneStrani.css');

@import url('../DWMjrFonti/Awesome/font-awesome.css');
@import url('../DWMjrFonti/HelveticaNeue/font-helvetica-neue.css');


 
 :root {
  --font40 : calc( 20px + (40 - 20) * (130vw - 400px) / (3000 - 400));
  --font29 : calc( 22px + (29 - 22) * (120vw - 400px) / (3000 - 400));
  --font22 : calc( 18px + (22 - 18) * (110vw - 400px) / (3000 - 400));
  --font20 : calc( 16px + (16 - 14) * (100vw - 400px) / (3000 - 400));
  --font16 : calc( 14px + (14 - 12) * (100vw - 400px) / (3000 - 400));

  --line40 : calc( 28px + (88 - 64) * (130vw - 400px) / (3000 - 400));
  --line29 : calc( 20px + (62 - 40) * (110vw - 400px) / (3000 - 400));
  --line22 : calc( 30px + (48 - 40) * (100vw - 400px) / (3000 - 400));
  --line20 : calc( 20px + (44 - 30) * (90vw - 400px) / (3000 - 400));
	 
}

  * {box-sizing:border-box;}
  img  {max-width:100%; height:auto;}        

a,  *:hover { -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition:all .3s ease;
  transition: all .3s ease;}
  
  
BODY {
		background-color:#ffffff;
        padding:0px 20px;
        margin:0;
		font-size:var(--font20);
        font-family: 'Helvetic', 'HelveticaNeue', sans-serif ;
        color:#000000;
		font-weight: normal;
		font-style: normal;	}
 
 
P {
		font-size:var(--font20);
        line-height:var(--line20);
}

A {color:#D60245; }
A:visited {color:#D60245; }
A:hover {color:#337ab7;}
A:active {color:#000000; }

H1 {font-size:var(--font40); color:#D60245;}
H2 {font-size:var(--font29); color:#D60245;}
H3 {font-size:var(--font22); color:#D60245;}

ul {font-size:var(--font20);}

ul li {list-style-type:disc; line-height:var(--line22);}

img {border:0;}

.web {display:block;}
.mobi {display:none;}
.poudarek {color:#D60245; font-weight:600;}

#pozicija_ra {max-width:1150px; min-width:360px; margin:0 auto;}

#header_ra {display:table; width:100%; margin-top:50px;}
.logotip_skuc,
.logotip_ra {display:table-cell;}

.logotip_skuc img {width:150px; height:auto;}
.logotip_skuc{width:250px;}
.logotip_ra {text-align:center;}

#sredina_ra {display:table; width:100%; margin:50px 0px;}
	#levo_ra {display:table-cell; width:450px; padding-right:100px;}
	#levo_ra .meni {margin:5px 0;}
		#levo_ra .meni a { line-height:18px; text-decoration:none; display:block; padding:10px;}
		#levo_ra .meni a:hover {background-color:#D60245; color:#ffffff;}
		#levo_ra .meni a.izbranM {background-color:#D60245; color:#ffffff;}
	#vsebina_ra {display:table-cell;}
	
#footer_ra .gumb_prijava a {display:block; background-color:#D60245; color:#ffffff; max-width:350px; text-align:center; text-decoration:none; padding:20px;}
#footer_ra .gumb_prijava a:before {content: "\f298"; font-family: 'FontAwesome';  margin-right:20px;}

@media only screen and (max-width : 900px)  {
	#header_ra,
	#sredina_ra {display:block; margin-right:20px; margin-left:20px;}

.h_meni_mobil {float:left;}
.logotip_skuc1 {float:right;}
	.logotip_skuc1 img {width:100px; height:auto;}

#header_ra {margin:20px 20px 50px  20px;}
.logotip_ra {clear:both; display:block; text-align:center;}
#footer_ra {margin:0px auto;}

    .mobi {display:block;}
    .web {display:none !important;}
    .logotip_ra1 {text-align:center;}
    .logotip_ra1 img {height:50px; width:auto; margin:0 auto;}
    .izbirnik {font-size:30px; padding:0 20px; color:#D60245;}
    .izbirnik1 {font-size:30px; padding:0px; color:#D60245;}
		.g_meni {-webkit-transition: all .3s ease;
				-moz-transition: all .3s ease;
				-o-transition:all .3s ease;
				transition: all .3s ease;
				width:0% !important; 
				visibility: hidden;
				opacity: 0;}
		.g_meni > div,
		.g_meni > a,
		.g_meni > i,
		.g_meni > span { width:0px!important; font-size:0; display:none;  transition: all 0s ease;}
		.gl_meni_on { position:absolute;
			left:0;
			top:20px;
			background-color:#ffffff;
			width:100%;
			text-align:left;
				-webkit-transition: all .3s ease;
				-moz-transition: all .3s ease;
				-o-transition:all .3s ease;
				transition: all .3s ease;
				height:100vw;
				min-height:60px; 
				visibility: visible;
				opacity: 1;
				padding:25px 20px;
			}   
		.gl_meni_on a {font-weight:bold; padding:7px 0;  display:block; text-decoration:none;}

}