@font-face {font-family: Font_Place_Name; src: url("../fonts/Font_Place_Name_01.ttf") format("opentype");}
@font-face {font-family: Font_Grupe_Artikala;src: url("../fonts/Font_Grupe_Artikala_01.ttf") format("opentype");}
@font-face {font-family: Font_Main; src: url("../fonts/Font_Main_01.ttf") format("opentype");}
@font-face {font-family: Font_Artikali; src: url("../fonts/Font_Artikali_01.ttf") format("opentype");}


* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	background:url(../images/background.jpg);
	font-family: 'Font_Grupe_Artikala', "Font_Place_Name", "Font_Main", "Font_Artikali", Tahoma;
}

ul {
	list-style-type: none;
}


/** =============== TOP AND BOTOM IMAGE ===========*/
div.top_img_div {
text-align:center;
}
div.bottom_img_div {
text-align:center;
}


/** =============== MENU =========================*/
.accordion {
 	width: 98%;
	max-width:700px;
 	margin: 30px auto 20px;
 	background:#CCCCCC;/** ==== GRUPA ARTIKALA - BACK COLOR ======*/
 	-webkit-border-radius: 4px;
 	-moz-border-radius: 4px;
 	border-radius: 4px;
 }
.accordion .link {
font-family:Font_Grupe_Artikala;
	cursor: pointer;
	padding: 10px 5px 10px 5px;
	color:#333333;/** ==== GRUPA ARTIKALA - FORE COLOR ======*/
	border-bottom: 1px solid #000000;/** ==== GRUPA ARTIKALA - BORDER COLOR ======*/
}
.accordion li:last-child .link {
	border-bottom: 0;
}
.accordion li.open .link {
	background-color:#FEBB26;/** ==== GRUPA ARTIKALA - SELECTED BACK COLOR ======*/
	color:#000000;/** ==== GRUPA ARTIKALA - SELECTED FORE COLOR ======*/
}
.accordion li.open i {
	color: #00FFFF;/** ==== GRUPA ARTIKALA - SELECTED ICON ARROW COLOR ======*/
}


/** =============== GRUPA ARTIKALA - TABLE =========================*/
.td_grupa{
	font-size: 28px; /** ==== GRUPA ARTIKALA NAME - FONT SIZE ======*/
	text-align:left;
	text-overflow:ellipsis;
}
.td_count{
	font-size: 20px; /** ==== GRUPA ARTIKALA COUNT - FONT SIZE ======*/
	font-weight:bold;
	text-align:right;
	white-space: nowrap;
}

 
/** =============== LISTA ARTIKALA - TABLE =========================*/
 .submenu {
 	display: none;
	background-color:#FFFFFF; /** ========= ARTIKLI AREA - BACK COLOR =============*/
	padding:5px;
 }
.table_grupa{
  	width: 100%; 
}
.table_artikli{
  	width: 100%; 
	border-bottom:solid;
	border-bottom-color:#CCCCCC; /** ========= ARTIKAL BORDER - BACK COLOR =============*/
	border-bottom-width:1px;
}
.td_artikal{
	font-family:Font_Artikali;
	font-size: 26px;
	color:#000000; /** ========= ARTIKAL NAZIV - FORE COLOR =============*/
	text-align:left;
}
.td_price{
	font-family:Font_Artikali;
	font-size: 23px;
	color: #000000; /** ========= ARTIKAL CIJENA - FORE COLOR =============*/
	text-align:right;
	white-space: nowrap;
}
.td_description{
	font-family:Font_Artikali;
	font-size: 16px;
	color:#777777; /** ========= ARTIKAL OPIS - FORE COLOR =============*/
	text-align:left;
}


/** =============== NASLOV - OBJEKT I TVRTKA =========================*/
.p_up_dots{
	font-family:Font_Main;
	font-size:14px;
	color:#FFFFD4;
}
.p_object_type{
	font-family:Font_Main;
	font-size:30px;
	color:#FFFFD4;
}
.p_object_name{
	font-family: Font_Place_Name;
	font-size:50px;
	color:#FEBB26;
	overflow: hidden;
}
.p_company{
	font-family:Font_Main;
	font-size:14px;
	color:#FFFFD4;
}
  
/** =============== DOWN PLAVO TEXT =========================*/
.p_down_dots{
	font-family:Font_Main;
	font-size:14px;
	color:#FFFFD4;
}
.p_plavo{
	font-family:Font_Main;
	font-size:14px;
	color:#FFFFD4;
}