body
{
	margin: 0px;
    padding: 0px;
    border: 0px;
	font-family: Arial;
	font-size: 12px;
	color: #302f0f;
	background-color: #ffffff;
}

/* text */
.logintext  {font-weight: bold; font-size: 12pt; color: #FFFFFF; text-align: center; vertical-align: middle;}
.boldtext   {font-weight: bold; font-size: 10pt; color: #666666; text-align: center; vertical-align: middle;}
.headertext {font-weight: bold; font-size: 12pt; color: #344163; text-align: center; vertical-align: middle;}
.menutext   {font-weight: bold; font-size: 10pt; color: #800000; text-align: center; vertical-align: middle;}  
.whitetext  {font-weight: bold; font-size: 10pt;  color: #FFFFFF; text-align: left;   vertical-align: middle;}
.bluetext   {font-weight: bold; font-size: 10pt; color: #344163; text-align: center; vertical-align: middle;}
.redtext    {font-weight: bold; font-size: 12pt; color: #800000; text-align: left;   vertical-align: middle;}
.warningtext {font-weight: bold; font-size: 10pt; color: #ff0000; text-align: left;   vertical-align: middle;}
.infotext    {font-weight: bold; font-size: 10pt; color: #009900; text-align: left;   vertical-align: middle;}
.separator   {font-weight: bold; font-size: 10pt; color: #C2C1B0; text-align: left;   vertical-align: middle;}
.darkfont    {font-weight: normal; font-size: 10pt; color: #565526; text-align: left; vertical-align: middle;}
.darkboldfont {font-weight: bold; font-size: 10pt; color: #565526; text-align: left; vertical-align: middle;}
.darkbigfont {font-weight: bold; font-size: 14pt; color: #565526; text-align: left; vertical-align: middle;}
.pinkfont     {font-weight: bold; font-size: 12pt; color: #d485cb; text-align: left; vertical-align: middle;}
.bluefont     {font-weight: bold; font-size: 12pt; color: #16bccf; text-align: left; vertical-align: middle;}

.titlefont {font-family: Trebuchet MS; font-size: 12pt; font-weight: bold; color: #565526;}
.leftfont {font-family: Trebuchet MS; font-size: 12pt; font-weight: bold; color: #16BCCF;}


/* golemkonzol */
.box_user
{
	background-color: #edede4;
    color: #565526;
    font-family: Trebuchet MS;
    font-size: 10pt;
    padding: 10px 5px 5px 10px;
}

.box_kosar
{
	background-image: url('images/top_kosar.jpg');
    background-repeat: no-repeat;
    background-position: top left;
    color: #565526;
    font-family: Trebuchet MS;
    font-size: 10pt;
    padding-left: 50px;
    padding-top: 10px;
}

.menu_separator
{
	background-image: url('images/menu_separator.jpg');
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
}

.shop_title
{
	background-color: #edede4;
	padding: 10px;
}

.shop_title_dark
{
	background-color: #d9d6c7;
	margin-top: 10px;
	padding: 10px 10px 10px 10px;
}

.product_box
{
	border: solid 1px #d4d6cb;
	padding: 5px 5px 5px 5px;
}

.price_box
{
	background-color: #edede4;
	border: solid 1px #d9d6c7;
	padding: 2px 0px 2px 0px;
	margin-top: 3px;
}

.product_title
{
	background-color: #ecf2f4;
	border: solid 1px #bdd3da;
	padding: 10px 10px 10px 10px;
	font-size: 14pt;
	color: #5f5f32;
	font-weight: bold;
}

.login_box
{
	height: 20px;
	width: 180px;
}

.forumtitle
{
	border: solid 1px #373618;
	background-color: #C0BBA0;
	padding: 10px 10px 10px 10px;
	color: #3B3A15;
	font-size: 11pt;
}

.forumcomment
{
	border: solid 1px #373618;
	background-color: #DAD7C8;
	padding: 3px 3px 3px 3px;
	color: #3B3A15;
	font-size: 10pt;
}

.box1
{
	border: solid 1px #CEDCE1;
	background-color: #ECF2F4;
	padding: 5px 10px 5px 10px;
}

.box2
{
	border: solid 1px #D7D7CF;
	background-color: #EDEDED;
	padding: 5px 10px 5px 10px;
}

.boxtext
{
	padding: 3px 10px 0px 10px;
}

/* div */
.header
{
	line-height: 100px;
	margin: 0;
	padding-left: 10px;
}

.headerlogo
{
	float: left;
	clear: left;
}

.wrappercontent
{
    float: right;
    width: 100%;
    margin-left: 0px;
}

.content
{
    margin-left: 200px;
    padding: 5px 10px 15px 10px;
}

.wrapperlogin
{
    float: left;
    clear: left;
    width: 200px;
}

.logintop
{
	margin-left: 5px;
	margin-right: 3px;
	padding: 5px;
	background-color: #344163;	
}

.login
{
	padding: 5px;
	margin-bottom: 3px;
	margin-left: 5px;
	margin-right: 3px;
	background-color: #F0F0F0;
	border: solid 1px #344163;	
	text-align: center;	
}

.wrappermenu
{
    float: left;
    clear: left;
    width: 200px;
}

.menu
{
	margin: 5px 0px 5px 5px;
}

.menubg
{
	background-image: url('images/menu_bg.jpg');
    background-repeat: no-repeat;
    background-position: top left;
    height: 30px;
    width: 190px;
    text-align: center;
}

.bottom
{
	clear: both;
	width: 100%;
	padding: 10px;
	background-color: #344163;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
}

/* list */
.title
{
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #d9d6c7;
	color: #565526;	
	font-weight: bold;
	padding: 5px 5px 5px 5px;
}

.arrow
{
	float: left;
    clear: left;
    cursor: pointer;
}

.listtd
{
	border-bottom: solid 1px #373618;
	background-color: #DAD7C8;
	padding: 5px 10px 5px 10px;
	color: #565656;
}

.listtd2
{
	border-bottom: solid 1px #373618;
	background-color: #EDEDED;
	padding: 5px 10px 5px 10px;
	color: #565656;
}

.detailtitle
{
	background-color: #DBE5F8;
	border-top: solid 1px #BDCDEC;
	border-left: solid 1px #BDCDEC;
	border-right: solid 1px #BDCDEC;
	font: normal normal bold 10pt Arial;
	color: #344163;
	width: 98%;
	margin: 5px 5px 0px 5px;
}

.detail
{
	background-color: #F8FAFE;
	border: solid 1px #BDCDEC;
	width: 98%;
	margin: 0px 5px 10px 5px;
	padding-bottom: 10px;
}

.label
{
	font: normal normal normal 10pt Arial;
	font-weight: bold;
    text-align: left;
}

.data
{
	font: normal normal normal 10pt Arial;
    color: #000000;
    text-align: left;
    vertical-align: middle;
}

/* page */
.pagenumber:link 
{
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	color: #344163;
	background-color: #FFFFFF;
	border: solid 1px #B5B5B5;
	padding-left: 5px;
	padding-right: 5px;
}

.pagenumber:visited 
{
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	color: #344163;
	background-color: colorhere;
	border: none;
	padding-left: 5px;
	padding-right: 5px;
}

.pagenumber:hover 
{
	text-decoration: none;
	color: #FFFFFF;
	background-color: #800000;
	border: none;
	padding-left: 5px;
	padding-right: 5px;
}

.pagenumber:active 
{
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	background-color: colohere;
	border: none;
	padding-left: 5px;
	padding-right: 5px;
}

.activepage
{
	background-color: #F0F0F0;
	border: solid 1px #B5B5B5;
	color: #9B9B9B;
	font: normal normal bold 10pt Arial;
	padding-left: 5px;
	padding-right: 5px;
}

/* image */
.imgborder
{
	padding: 1px 1px 1px 1px;
	border: solid 1px #A5A5A5;
	vertical-align: middle;
}

/* button */
.button
{
	height: 25px;
	font-size: 12px;
	font-weight:bold;
	color: #344163;
	background-color: #F0F0F0;
	padding-left: 8px;
	padding-right: 8px;
	border: 1px solid #A4A4A4;
	cursor: pointer;
}

.buttondark
{
	height: 21px;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #565526;
	padding-left: 8px;
	padding-right: 8px;
	border: 1px solid #373618;
	cursor: pointer;
}

/* search */
.textsearch
{
	float:left;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
}

/* link */
a:link 
{
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	color: #16bccf;
	background-color: colorhere;
	border: none;
}

a:visited 
{
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	color: #16bccf;
	background-color: colorhere;
	border: none;
}

a:hover 
{
	text-decoration: none;
	color: #565526;
	border: none;
}

.smalla:link 
{
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	color: #565526;
	background-color: colorhere;
	border: none;
}

.smalla:visited 
{
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	color: #565526;
	background-color: colorhere;
	border: none;
}

.smalla:hover 
{
	text-decoration: none;
	color: #16BCCF;
	border: none;
}

.weblink:link 
{
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	background-color: colorhere;
	border: none;
}

.weblink:visited 
{
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	background-color: colorhere;
	border: none;
}

.weblink:hover 
{
	text-decoration: none;
	color: #FFFFFF;
	background-color: #800000;
	border: none;
}

.weblink:active 
{
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	background-color: colohere;
	border: none;
}

.pagelink:link 
{
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
	color: #373618;
	background-color: colorhere;
	border: solid 1px #373618;
	padding: 2px 5px 2px 5px;
}

.pagelink:visited 
{
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
	color: #373618;
	background-color: colorhere;
	border: solid 1px #373618;
	padding: 2px 5px 2px 5px;
}

.pagelink:hover 
{
	text-decoration: none;
	color: #373618;
	background-color: #DAD7C8;
	border: solid 1px #373618;
	padding: 2px 5px 2px 5px;
}

table
{
	font-family: Arial;
	font-size: 12px;
}



/* div */
.popuptitle
{
	width: 90%;
	background-color: #344163;
	text-align: center;
	color: #FFFFFF;
	font: normal normal bold 10pt Arial;
	padding: 10px 0px 10px 0px;
	margin: 20px 0px 20px 0px;
}

.contentbox
{
	width: 700px;
	background-color: #DBE5F8;
	border: solid 1px #A5A5A5;
}

.label
{
	width: 150px;
	font: normal normal normal 10pt Arial;
    color: #5D5D5D;
    text-align: left;
    vertical-align: middle;
    padding-left: 5px;
}

.data
{
	font: normal normal normal 10pt Arial;
    color: #000000;
    text-align: left;
    vertical-align: middle;
    
}

.title2
{
	width: 700px;
	font: normal normal bold 10pt Arial;
	color: #344163;
	padding: 10px 0px 0px 0px;
	text-align: left;
}

/* input */
.text
{
	height: 20px;
	border: solid 1px #A5A5A5;
    background-color: #F8FAFE;
}

/* button */
.button
{
	height: 25px;
	font-size: 12px;
	font-weight:bold;
	color: #344163;
	background-color: #FFFFFF;
	padding-left: 8px;
	padding-right: 8px;
	border: 1px solid #344163;
	cursor: pointer;
}

/* mydesign */
.orange
{
	background-color: #1C1C1C;
	padding: 10px 0px 10px 0px;
}

.darkgreen
{
	background-color: #179ECB;
	padding: 10px 10px 10px 10px;
}

.green
{
	border: solid 1px #00694A;
	padding: 10px 10px 10px 10px;
}

.boxgrey
{
	margin: 0px 10px 30px 10px;
	padding: 5px 5px 5px 5px;
}

.boximg
{
	border: solid 1px #B1B1B1;
    margin-top: 20px;
    margin-left: 5px;
    margin-bottom: 20px;
    float: left;
    clear: left;	
}

.menulink:link 
{
	font-family: Trebuchet MS;
	font-size: 12pt;
	font-weight: bold;
	text-decoration: none;
	color: #565526;
	background-color: colorhere;
	border: none;
}

.menulink:visited 
{
	font-family: Trebuchet MS;
	font-size: 12pt;
	font-weight: bold;
	text-decoration: none;
	color: #565526;
	background-color: colorhere;
	border: none;
}

.menulink:hover 
{
	text-decoration: none;
	color: #16BCCF;
	border: none;
}

.menubottom:link 
{
	font-family: Trebuchet MS;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
	color: #16BCCF;
	background-color: colorhere;
	border: none;
}

.menubottom:visited 
{
	font-family: Trebuchet MS;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
	color: #16BCCF;
	background-color: colorhere;
	border: none;
}

.menubottom:hover 
{
	text-decoration: none;
	color: #565526;
	border: none;
}

.acat:link 
{
	font-family: Trebuchet MS;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	color: #565526;
	background-color: colorhere;
	border: none;
}

.acat:visited 
{
	font-family: Trebuchet MS;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	color: #565526;
	background-color: colorhere;
	border: none;
}

.acat:hover 
{
	text-decoration: none;
	color: #16BCCF;
	border: none;
}

.greenlink:link 
{
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	color: #AFAFAF;
	border: none;
}

.greenlink:visited 
{
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	color: #AFAFAF;
	border: none;
}

.greenlink:hover 
{
	text-decoration: none;
	color: #FFFFFF;
	border: none;
}