.font1 {  font-family: $VARS[font_face]; font-size: $VARS[tb_font_1]; color: $VARS[text_color] }
.font2 {  font-family: $VARS[font_face]; font-size: $VARS[tb_font_2]; color: $VARS[text_color] }
.font3 { font-family: Arial, Helvetica, sans-serif; font-size: 7.5pt; color: $VARS[text_color]; font-weight: bold}
.select {  font-family: $VARS[font_face]; font-size: 12pt}
.input {  font-family: $VARS[font_face]; font-size: 12pt}

FONT	{FONT-FAMILY: Arial, Verdana,Helvetica; FONT-SIZE: 11px}
TD		{FONT-FAMILY: Arial, Verdana,Helvetica; FONT-SIZE: 11px}
P		{FONT-FAMILY: Arial, Verdana,Helvetica;}
DIV		{FONT-FAMILY: Arial, Verdana,Helvetica; FONT-SIZE: 11px} 


.PlavoDugme {
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	background-color: #223D9B;
	color: #fff;
	font-weight: bold;
	border-top: solid 1px #69c;
	border-right: solid 1px #069;
	border-bottom: solid 1px #069;
	border-left: solid 1px #69c;
}

.BELI{
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
}
A.BELI:link {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
}
A.BELI:visited {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	}
A.BELI:hover {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #325A54;
	font-weight: bold;
text-decoration: none;
}
.VEZE_W{
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
}
A.VEZE_W:link {
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
}
A.VEZE_W:visited {
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	}
A.VEZE_W:hover {
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #66CCFF;
	font-weight: bold;
text-decoration: underline;
}


.title_1	 {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 16px; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Verdana, Helvetica; TEXT-DECORATION: none}
a.title_1:link	 {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 16px; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Verdana, Helvetica; TEXT-DECORATION: none}
a.title_1:visited	 {BACKGROUND: none; COLOR: #919191; FONT-SIZE: 16px; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Verdana, Helvetica; TEXT-DECORATION: none} 
a.title_1:hover	 {BACKGROUND: none; COLOR: #FF9900; FONT-SIZE: 16px; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Verdana, Helvetica; TEXT-DECORATION: underline} 

.title_2	 {BACKGROUND: none; COLOR: #CC3300; FONT-SIZE: 16px; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Verdana, Helvetica; TEXT-DECORATION: none}
a.title_2:link	 {BACKGROUND: none; COLOR: #CC3300; FONT-SIZE: 16px; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Verdana, Helvetica; TEXT-DECORATION: none}
a.title_2:visited	 {BACKGROUND: none; COLOR: #FF8B64; FONT-SIZE: 16px; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Verdana, Helvetica; TEXT-DECORATION: none} 
a.title_2:hover	 {BACKGROUND: none; COLOR: #FF9900; FONT-SIZE: 16px; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Verdana, Helvetica; TEXT-DECORATION: underline} 

.title_3	 {BACKGROUND: none; COLOR: #FF9900; FONT-SIZE: 16px; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Verdana, Helvetica; TEXT-DECORATION: none}
a.title_3:link	 {BACKGROUND: none; COLOR: #FF9900; FONT-SIZE: 16px; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Verdana, Helvetica; TEXT-DECORATION: none}
a.title_3:visited	 {BACKGROUND: none; COLOR: #FF9900; FONT-SIZE: 16px; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Verdana, Helvetica; TEXT-DECORATION: none} 
a.title_3:hover	 {BACKGROUND: none; COLOR: red; FONT-SIZE: 16px; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Verdana, Helvetica; TEXT-DECORATION: underline} 


.orange16	 {BACKGROUND: none; COLOR: #FF9900; FONT-SIZE: 16px; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Verdana, Helvetica; TEXT-DECORATION: none}
a.orange16:link	 {BACKGROUND: none; COLOR: #FF9900; FONT-SIZE: 16px; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Verdana, Helvetica; TEXT-DECORATION: none}
a.orange16:visited	 {BACKGROUND: none; COLOR: #FF9900; FONT-SIZE: 16px; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Verdana, Helvetica; TEXT-DECORATION: none} 
a.orange16:hover	 {BACKGROUND: none; COLOR: red; FONT-SIZE: 16px; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Verdana, Helvetica; TEXT-DECORATION: underline} 




.title 		 {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 14px; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Verdana, Helvetica; TEXT-DECORATION: none}
.title_1a  {BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Verdana, Helvetica; TEXT-DECORATION: none}
.title_4	 {BACKGROUND: none; COLOR: #ECDECA; FONT-SIZE: 16px; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Verdana, Helvetica; TEXT-DECORATION: none}
.title_5	 {BACKGROUND: none; COLOR: #FF9900; FONT-SIZE: 12px; FONT-WEIGHT: normal; FONT-FAMILY: Arial,Verdana, Helvetica; TEXT-DECORATION: none}
.title_6	 {BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 14px; FONT-WEIGHT: bold; FONT-FAMILY: Arial,Verdana, Helvetica; TEXT-DECORATION: none; margin: 5px}
.title_7	 {BACKGROUND: none; COLOR: #325A54; FONT-SIZE: 24px; FONT-WEIGHT: bold; FONT-FAMILY: Arial Narrow, Verdana, Helvetica; TEXT-DECORATION: none}
.content_malo 	 {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica}
.content 	 {BACKGROUND: none; COLOR: #808080; FONT-SIZE: 11px; FONT-FAMILY: Arial, Verdana, Helvetica}
.content_belo 	 {BACKGROUND: none; COLOR: #ebebeb; FONT-SIZE: 11px; FONT-FAMILY: Arial, Verdana, Helvetica}
.content_1 	 {BACKGROUND: none; COLOR: #575757; FONT-SIZE: 11px; FONT-FAMILY: Arial, Verdana, Helvetica; align: left;}
.content_2 	 {BACKGROUND: none; COLOR: #CC3300; FONT-SIZE: 11px; FONT-FAMILY: Arial, Verdana, Helvetica}
.content_3 	 {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 14px; FONT-FAMILY: Verdana, Helvetica}
.belo 	 {BACKGROUND: none; COLOR: #ffffff; FONT-SIZE: 12px; FONT-FAMILY: Arial, Verdana, Helvetica}
a.belo:hover {color:	#ffffff; text-decoration: underline;}
a.belo:link {color:	#ffffff; text-decoration: underline;}
a.belo:active {color:	#FF0000; text-decoration: underline;}
.plavo1 { background-color: #6699FF; padding: 4px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; border-color: #FFFFFF; border-style: solid; border-width: 1px 1px 0px 1px; }
.zeleno1 { background-color: #D8EFB9; padding: 4px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; border-color: #FFFFFF; border-style: solid; border-width: 1px 1px 0px 1px; }
.block-title {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 12px; FONT-FAMILY: Arial, Verdana, Helvetica}
.storytitle  {BACKGROUND: none; COLOR: #808080; FONT-SIZE: 14px; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Verdana, Helvetica; TEXT-DECORATION: none}
.storycat	 {BACKGROUND: none; COLOR: #808080; FONT-SIZE: 14px; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Verdana, Helvetica; TEXT-DECORATION: underline}
.boxtitle 	 {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Verdana, Helvetica; TEXT-DECORATION: none}
.boxcontent  {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 12px; FONT-FAMILY: Arial, Verdana, Helvetica}
.option 	 {BACKGROUND: none; COLOR: #808080; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Verdana, Helvetica; TEXT-DECORATION: none}
.tiny_w		 {BACKGROUND: none; COLOR: #CCCCCC; FONT-SIZE: 10px; FONT-WEIGHT: normal; FONT-FAMILY: Arial, Verdana, Helvetica; TEXT-DECORATION: none}
.tiny_ww		 {BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 10px; FONT-WEIGHT: normal; FONT-FAMILY: Arial, Verdana, Helvetica; TEXT-DECORATION: none}
.tiny		 {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: normal; FONT-FAMILY: Arial, Verdana, Helvetica; TEXT-DECORATION: none}
.small		 {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 9px; FONT-WEIGHT: normal; FONT-FAMILY: Arial, Verdana, Helvetica; TEXT-DECORATION: none}
.link_mali {BACKGROUND: none; COLOR: #ffffff; FONT-SIZE: 12px; FONT-FAMILY: Arial, Verdana, Helvetica}

a.dugme{
	FONT-SIZE: 16px; font-weight: bold; COLOR: #ffffff; TEXT-DECORATION: none
}
a.dugme:visited {
	FONT-SIZE: 16px; font-weight: bold; COLOR: #ffffff; TEXT-DECORATION: none
}
a.dugme:hover {
	FONT-SIZE: 16px; font-weight: bold; COLOR: #000000; TEXT-DECORATION: none
}
a.dugme:activ{
	FONT-SIZE: 16px; font-weight: bold; COLOR: #ffffff; TEXT-DECORATION: none
}

.search {
	BORDER-RIGHT: #999999 1px; BORDER-TOP: #999999 1px; FONT: COLOR: #808080 bold 12px Arial, Verdana, Helvetica, sans-serif; BORDER-LEFT: #999999 1px; COLOR: #ffffff; BORDER-BOTTOM: #999999 1px; COLOR: #gray; 
}
a.search{
FONT-SIZE: 11px; FONT-WEIGHT: bold; COLOR: #808080 ; TEXT-DECORATION: underline;
}
a.search:visited {
FONT-SIZE: 11px; FONT-WEIGHT: bold; COLOR: #808020 ; TEXT-DECORATION: underline;
}
a.search:hover {
FONT-SIZE: 11px; FONT-WEIGHT: bold; COLOR: red ; TEXT-DECORATION: underline;
}
a.search:activ{
FONT-SIZE: 11px; FONT-WEIGHT: bold; COLOR: #808060 ; TEXT-DECORATION: underline;
}

/*
  The original BeatHeat Theme for phpBB version 2+
  Created by iOptional phpBB Style Gruop
  http://www.ioptional.com
*/

/* This is the border line & background colour round the entire page */
.bodyline	{ background-color: #808080; border: 1px #98AAB1 solid; }
.bodytext {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; WORD-SPACING: normal; COLOR: #333; FONT-STYLE: normal; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif; LETTER-SPACING: normal
}
.graysubtitle {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #1e475b; FONT-FAMILY: Verdana, Arial,Helvetica,Sans-serif
}

body { scrollbar-face-color: #808080; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #DEE3E7; scrollbar-3dlight-color: #D1D7DC; scrollbar-arrow-color: #006699; scrollbar-track-color: #EFEFEF; scrollbar-darkshadow-color: #98AAB1; margin: 0px; border: 0px; padding: 0px; background-color: white; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px}

h1 {; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; text-decoration: none; line-height : 120%; color : #000000; }
h2 { margin: 0px; font-family: Arial, Helvetica, sans-serif;; font-size: 20 px; text-decoration: none; line-height: 120%; }
h3 { margin: 0px; font-size: 20 px;; font-family: Verdana, serif; line-height: 120%; }
h4 { margin: 0px; font-size: 20 px;; }
h5 { margin: 0px; font-family: Helvetica, sans-serif;; font-size: 20 px; text-decoration: none; line-height: 120%; }

p.moderators { margin: 0px; float: left; color: black; font-size: 10px; }
p.linkmcp { margin: 0px; float: right; font-size: 10px; white-space: nowrap; }
p.breadcrumbs { margin: 0px; float: left; color: black; font-size: 10px; white-space: normal; }
p.datetime { margin: 0px; float: right; font-size: 10px; white-space: nowrap; }
p.searchbar { margin: 0px; font-size: 10px; white-space: nowrap; } 
p.searchbarreg { margin: 0px; float: right; font-size: 10px; white-space: nowrap; }

p.forumdesc { margin: 0px 4px 0px 0px; padding: 4px; font-size: 10px; }
a.forumlink { color: #069; font-size: 10px;; }

p.topictitle { margin: 1px 0px; display: inline; font-size: 10px; }
p.topicauthor { margin: 1px 0px; font-size: 10px; }
p.topicdetails { margin: 1px 0px; font-size: 10px; }

p.postreported { margin: 1px 0px; color: red; }
p.postapprove { margin: 1px 0px; color: green; }

.postauthor { color: #000000; font-size: 10px; }
.postdetails { color: #000000; font-size: 11 px; }
.postbody { font-size: 11 px; line-height: 140%; }
.posthilit { background-color: yellow; }


.nav { margin: 0px; color: black; font-size: 10px; }
.inline { position:relative;	float:left; 
padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 5px;
	margin:0;
  }
.caption { position:relative;	float:left;
  padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 0px;
	margin:0;

 }
.pagination { padding: 4px; color: black; font-size: 10px; }


.cattitle { margin: 1px 1px; font-size: 10px; }
.mainmenu { margin: 1px 1px; font-size: 10px; }
.topictitle { margin: 1px 1px; font-size: 10px; }

.gen { margin: 1px 1px; font-size: 12 px; }
.genmed { margin: 1px 1px; font-size: 10px; }
.gensmall { margin: 1px 1px; font-size: 10px; }
.genbig { margin: 1px 1px; font-size: 16 px; }

.copyright { color: #444; font-weight: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;letter-spacing: -1px;}
.titles { color: black; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none;  }
.error { color: red; }

/* 
	TABLE
*/
td { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px }
th { height: 25px; color: #444444; border-color: #FFFFFF; border-style: solid; font-size: 10px; background-color: #EAEAEA; white-space: nowrap; border-width: 1px 1px 0px 1px; }
.tablebg { background-color: #A9B8C2; }
.catdiv { height: 25px; border: 0px; background-color: white; background-image: url('./images/cellpic2.jpg'); background-repeat: repeat-y; font-size: 10px; }
.cat { height: 25px; border-color: #FFFFFF; border-style: solid; background-color: #EFEFEF; text-indent: 4px; border-width: 1px 1px 0px 1px; }
.row1 { background-color: #F7F7F7; padding: 4px; font-family: Verdana, Helvetica, sans-serif; font-size: 10px; border-color: #FFFFFF; border-style: solid; border-width: 1px 1px 0px 1px; }
.row2 { background-color: #ECECEC; padding: 4px; font-family: Verdana, Helvetica, sans-serif; font-size: 10px; border-color: #FFFFFF; border-style: solid; border-width: 1px 1px 0px 1px; }
.row3 { background-color: #EAEAEA; padding: 4px; font-family: Verdana, Helvetica, sans-serif; font-size: 10px; border-color: #FFFFFF; border-style: solid; border-width: 1px 1px 0px 1px; }
.row4 { background-color: #FFFFFF; padding: 4px; font-family: Verdana, Helvetica, sans-serif; font-size: 10px; border-color: #FFFFFF; border-style: solid; border-width: 1px 1px 0px 1px; }
.preliv1 { background-image: url(images/levo_preliv_600.gif);	background-repeat: repeat-y; padding: 4px; font-family: Verdana, Helvetica, sans-serif; font-size: 10px; border-color: #FFFFFF; border-style: solid; border-width: 1px 1px 0px 1px; }
.spacer { background-color: #D1D7DC; }
hr { height: 1px; border-width: 0px; background-color: #D1D7DC; color: #D1D7DC }


/* 
	ANCHOR
*/
a,a:link,a:active,a:visited { text-decoration: none; color : #535353; }
a:hover	{ text-decoration: underline; color : #0078B3; }

/*
	FORM
*/
form { margin: 0px; padding: 0px; border: 0px; } 
input { color: black; font-family: Verdana, serif; font-size: 10px; font-weight: normal; }
textarea { background-color: white; color: black; font-family: Arial, Verdana, serif; font-size: 12px; font-weight: normal; border-color: black; border-style: solid; border-width: 1px; }
select { color: black; background-color: white; font-family: Verdana, serif; font-size: 10px; font-weight: normal; border-color: black; border-style: solid; border-width: 1px; }
.post { background-color: white; border-style: solid; border-width: 1px; }
.btnbbcode { color: black; font-weight: normal; font-size: 10px; font-family: Verdana, Helvetica, sans-serif; background-color: #EFEFEF; border-style: solid; border-width: 1px; }
.btnmain {; background-color: #FAFAFA; border-style: solid; border-width: 1px; }
.btnlite { font-weight: normal; background-color: #FAFAFA; border-style: solid; border-width: 1px; }
.helpline { background-color: #DEE3E7; border-style: none; }
/*-- mod : profile cp --*/

.modcolor_1, a.modcolor_1, a.modcolor_1:link, a.modcolor_1:visited {
	color: #ffffff;
	font-weight: bold;
}
a.modcolor_1:hover {
	color:	#FF0000;
	text-decoration: underline;
}
a.modcolor_1:active {
	color: #ffffff;
	font-weight: bold;
}


.menu {
	FONT-SIZE: 11px; COLOR: #ffffff; TEXT-DECORATION: none
}
A.menu {
	FONT-SIZE: 11px; COLOR: #ffffff; TEXT-DECORATION: none
}
A.menu:visited {
	FONT-SIZE: 11px; COLOR: #ffffff; TEXT-DECORATION: none
}
A.menu:hover {
	FONT-SIZE: 11px; COLOR: #ffffff; TEXT-DECORATION: none
}
A.menu:active {
	FONT-SIZE: 11px; COLOR: #ffffff; TEXT-DECORATION: none
}
.menumali {
	FONT-SIZE: 8px; COLOR: #ffffff; TEXT-DECORATION: none
}
A.menumali {
	FONT-SIZE: 8px; COLOR: #ffffff; TEXT-DECORATION: none
}
A.menumali:visited {
	FONT-SIZE: 8px; COLOR: #ffffff; TEXT-DECORATION: none
}
A.menumali:hover {
	FONT-SIZE: 8px; COLOR: #ffffff; TEXT-DECORATION: underline
}
A.menumali:active {
	FONT-SIZE: 8px; COLOR: #ffffff; TEXT-DECORATION: none
}
.menu3 {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A.menu3 {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A.menu3:hover {
	FONT-SIZE: 11px; COLOR: #ffffff; TEXT-DECORATION: underline
}
A.menu3:active {
	FONT-SIZE: 11px; COLOR: #ffff00; TEXT-DECORATION: underline
}

/* 
	BBCODE 
*/
.quotetitle { margin: 10px 5px 0px 5px; padding: 4px; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #A9B8C2; color: black; background-color: #DCE1E5; font-size: 8pt; }
.quotetitle1 { margin: 2px; padding: 3px; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #A9B8C2; color: black; background-color: #CEF5FF; font-size: 11pt; }
.quotetitle2 { color: black; font-size: 11pt; }
.quotecontent { margin: 0px 5px 10px 5px; padding: 5px; border-color: #A9B8C2; border-width: 0px 1px 1px 1px; border-style: solid; color: black; font-weight: normal; font-size: 8pt; font-family: Verdana, sans-serif; background-color: #FAFAFA; }

.codetitle { margin: 10px 5px 0px 5px; padding: 4px; border-width: 1px 1px 0px 1px; border-style: solid; border-color: #A9B8C2; color: black; background-color: #A9B8C2; font-size: 8pt; }
.codecontent { margin: 0px 5px 10px 5px; padding: 5px; border-color: #A9B8C2; border-width: 0px 1px 1px 1px; border-style: solid; color: black; font-weight: normal; color: #006600; font-weight: normal; font-size: 8pt; font-family: 'Courier New', monospace; background-color: #FAFAFA; }

.syntaxbg { color: #FFFFFF; }
.syntaxcomment { color: #FF8000; }
.syntaxdefault { color: #0000BB; }
.syntaxhtml { color: #000000; }
.syntaxkeyword { color: #007700; }
.syntaxstring { color: #DD0000; }