/* MAIN STRUCTURE CSS */

/* VARIABLES */
:root {
  --main: #f33;
  --primary_green: #278;
  --pg: #f33;
	--slyel_20:rgba(254,193,39,.2);
	--slg_20:rgba(86,191,152,.2);
	--fl:24px;
	--fxl:36px;
	--fm:20px;
	--fn:16px;
	--fs:14px;
	--fxs:12px;
	--th:rgba(86,191,12,.05);
}

*{padding:0px; margin:0px; }
@font-face {font-family: icons; src: url(font-awesome/fonts/FontAwesome.otf);}
@font-face {font-family: asap; src: url('fonts/asap_regular.ttf');}
@font-face {font-family: cherokee; src: url('fonts/plantagenet_cherokee.ttf');}
@font-face {font-family: numbers; src: url('fonts/PlayfairDisplayRegular.ttf');}
/* ELEMENTS*/

.buttons{
	background:var(--pg);
	min-width:200px;
	max-width:240px;
	margin:auto;
	box-sizing: border-box;
	padding:10px 16px;
	border-radius:6px;
	color:#eee;
	cursor: pointer;
	text-decoration: none;
}

/*OFF*/
.appLogin,
.userBar,
.catalog_search{
	display: none
}

HTML{width:100%;}
BODY {width:100%; font-size:14px; font-family:asap,sans-serif;background-image: url('../../cms_upload/pages/files/131_doncafe-1.jpg');
 background-size: cover}
img {border:0}
a{color:inherit;font-size:inherit;}
p{font-family: sans-serif; font-size: 16px; line-height: 1.5em}
.oblast_strane{width:100%; margin:auto; }
.oblast_zaglavlja{position:fixed;width:100%;top:0;
  background: rgba(255,255,255,.4);
  font-family: asap ;
  border-bottom:1px solid #ddd;
}
.oblast_zaglavlja_inner{width:960px;margin: auto; position:relative;}
.oblast_sadrzaja{width:100%; min-height:700px;  margin:0 auto;}
p, a, h1,h2,h3,h4,h5,h6,li, label{color:#444;}
.top_baner, .mainTopBannerInner{width:100%;}

.oblast_zaglavlja .logoHeader{
	background: red
}
.oblast_zaglavlja .logoHeader a{
	width: 300px;
	display: block;
	margin: auto;
}
.oblast_zaglavlja .logoHeader img{
	display: block;
	width: 100%;
	filter: invert(1)
}