body
{
	margin: 0;
	padding: 0;
	background: #333;
	font: 11px Tahoma, Arial, sans-serif;
	color: #959595;
}



/***************************** G L O B A L ******************************/


h1
{
	font-size: 12px;
	text-decoration: underline;
	color: #fb8b09;
	margin: 0px 0px 10px 0px;
}

h2
{
	font-size: 12px;
	margin: 11px 0px 0px 0px;
	color: #fb8b09;
}

h3
{
	margin: 0 0 2px 0;
	font-size: 12px;
}



ul
{
	margin: 0px;
	padding: 5px 0px 5px 20px;
}

li
{
	margin: 0px;
	padding: 0px;
}

hr
{
	border: 0px;
	border-top: 1px solid #ddd;
}

a, a:visited	{color:#009;text-decoration:none;}
a:hover 	{text-decoration:underline;}
a img, a:visited img, a:hover img {border: 0px;}

img 		{ border: 0px; }


input
{
	border: 1px solid #959595;
	background-color: #3c3c3c;
	color: #9d9d9d;
	font-size: 11px;
}


textarea
{
	border: 1px solid #959595;
	background-color: #3c3c3c;
	color: #9d9d9d;
	font-size: 11px;
	height: 82px;
}

form
{
	margin: 0px;
	border: 0px;
	padding: 0px;
}

#Wraper
{
	background: #333;
	width: 774px;
	margin: auto;
}

.clear		{clear:both;}

#box
{
	border: 1px solid #ccc;
	margin: 2px 0 2px 0;
}

/****************************** H E A D E R ******************************/

#Header
{
	float:left;
	width: 770px;
	height: 50px;
	margin: 0px 0 0px 0;
	padding: 0px;
	font-size: 10px;
}

#HeaderLeft
{
	float:left;
	width: 300px;
}

#HeaderRight
{
	float:right;
	width: 300px;
}

#HeaderLogo
{
	float: left;
}

#HeaderLang
{
	float: right;
	margin: 0 0 5px 0;
}


#HeaderLang a 		{color:#000;text-decoration:none;}
#HeaderLang a:visited 	{color:#000;text-decoration:none;}
#HeaderLang a:hover 		{color:#000;text-decoration:underline;}


#HeaderSearch
{
	float: right;
}

#HeaderSearch input
{
	border: 1px solid #ccc;
	background: #f9f9f9;
}

#HeaderSearchButon
{
	color:#444;
	font-size: 10px;
	height: 20px;
}


#HeaderOpcije
{
	margin: 5px 0 0 0px;
	float: right;
}

#HeaderOpcije a 		{color:#000;text-decoration:none;}
#HeaderOpcije a:visited {color:#000;text-decoration:none;}
#HeaderOpcije a:hover 	{color:#000;text-decoration:underline;}



/***************************** M A I N   C E L ******************************/
#MainCel
{
	float:left;
	width: 774px;

}

#MainCelPath
{
	float:left;
}

#MainCelPath a 		{color:#000;text-decoration:none;}
#MainCelPath a:visited  	{color:#000;text-decoration:none;}
#MainCelPath a:hover 	{color:#000;text-decoration:underline;}






/***************************** L E F T   C E L ******************************/

#LeftCel
{
	float:left;
	border: 1px solid #eee;
	padding:5px;
	width: 149px;

}


/***************************** C E N T E R   C E L ******************************/

#CenterCel
{
	float:left;
	background: #2b2b2b;
	width: 423px;
	height: 642px;
}


/***************************** R I G H T   C E L ******************************/

#RightCel
{
	float:left;
	background: #333;
	width: 351px;
	height: 642px;
}

#RightCel img
{
	float: left;
}


/***************************** F O O T E R ******************************/

#Footer
{
	float: left;
	width: 774px;
	height: 60px;
	background: #333;
}

#Footer a, #Footer a:visited	{color:#959595; text-decoration:none;}
#Footer a:hover					{text-decoration:underline;}


#Footer-right
{
	float: right;
	width: 322px;
	height: 24px;
	background: #333 url("/pub/logo.gif") no-repeat right;
	margin-top: 12px;
}

#Footer-left
{
	float: left;
	margin-top: 23px;
	margin-left: 32px;
}

#Footer-menu
{
	float: left;
	margin-top: 14px;
}

#Footer-menu img
{
	float: left;
}




/***************************** C U S T O M ******************************/


.tabela_poruke
{
	margin: 15px;
}

.naslov_poruke
{
	float: left;
	font-weight: bold;
	font-size: 11px;
	border-bottom: 1px solid silver;
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 2px 0px;
}

.tekst_poruke
{
	clear: both;
}

/******* G A L L E R Y *********/

#galleryThumbs
{
	float: left;
	margin: 3px;
}
#galleryThumbs img {padding:0px;margin:0px;border: 0px;}





#o-nama
{
	margin: 40px 0px 0px 60px;
}

#kontakt
{
	margin: 0px 0px 0px 60px;
}


#spisak
{
	color: #fb8b09;
	line-height: 1.4em;
}



/***************************** K A T A L O G ******************************/

#proizvod
{
	float: left;
	width: 423px;
	height: 322px;
}

#proizvod img
{
	float: left;
}


#lista-proizvoda
{
	float: left;
	width: 423px;
	height: 320px;
	background: #2b2b2b url("/pub/promo-co-yu.gif") no-repeat;
}

.imglink
{
	cursor: pointer;
}


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXx*/



#page-scroll
{
	width: 320px;
	height: 180px;
	overflow: auto;
	position: relative;
	xmargin: 0.3em auto;
	outline: none;
}


/*Page related styles for you to view*/
#mycustomscroll {
/* Typical fixed height and fixed width example */
	width: 375px;
	height: 220px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #2b2b2b;
margin: 0.3em auto;
xpadding: 15px;
	margin-top: 45px;
	margin-left: 24px;
	border: none;
	outline: none;
}








/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbar {
width: 16px;
background: #3f3f3f;
margin-left: 2px;
/* do not forget to put colors for backgrounds for before image(s) can load , this is more important for
the scrollbar itself than the scrollbase, as user can live without an image on the base but cannot see
any scrollbar when images cannot load. */
}

.vscrollerbase {
width: 20px;
background: #2b2b2b url(/pub/scroller-base.gif) repeat-y;
}
.vscrollerbasebeg {
/* height of this element is auto set to fit the scrollbase, to cover the base */
/* this element can be used to place a faux top arrow image */
width: 20px;
height: 20px !important; /*Again, the safari fix, normally this line is not needed.*/
background: #2b2b2b url(/pub/top.gif) no-repeat;
}
.vscrollerbaseend {
/* height of this element should be set */
/* this element can be used to place a faux bottom arrow image */
height: 20px;
width: 20px;
background: #2b2b2b url(/pub/bottom.gif) no-repeat;
}

/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */
.hscrollerbase {
height: 16px; background-color: white;
}
.hscrollerbar {
height: 16px; background-color: black;
}

.vscrollerbar, .hscrollerbar {
/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually
used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
padding: 20px;
z-index: 2;
}

/* properties for scroller jog box, just in case */
.scrollerjogbox {
width: 36px;
height: 16px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #37917A;
}


/* Scroll Bar Master Styling Ends Here */