body
{
	margin: 0;
	padding: 0;
	background: #ffffff url("/pub/images/body.gif") repeat-x top;
	font: 11px Lucida Sans Unicode, Verdana, Arial, sans-serif;
	color: #676767;
}



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


h1
{
	margin: 0 0 0px 0;
	font: 15px Lucida Sans Unicode, Verdana, Arial, sans-serif;
	color: #00aeef;
	background: url("/pub/images/h1.gif") no-repeat left center;
	padding-left: 10px;
	aborder: 1px solid red;
	afloat: left;
	padding-top: 0px;
	
}

h2
{
	margin: 0 0 10px 0;
	font-size: 14px;
}

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



ul
{
	margin: 2px 0 2px 0;
	padding: 0px 0px 0px 15px;
}

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

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

p
{
	padding: 0;
	margin: 10px 0 10px 0;
}

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

img 
{
	border: 0px;
	
}

#Wrapper
{
	xborder: 1px solid #000;
	background: #ffffff;
	width: 980px;
	padding: 0px 0 0px 0;
	margin: auto;
}

form
{
	margin: 0;
	padding: 0;
}

input
{
	margin: 0px 0 5px 3px;
	border: 1px solid #cdcdcd;
	font: 11px Lucida Sans Unicode, Verdana, Arial, sans-serif;
	color: #676767;
	width: 150px;
}

select
{
	margin: 0px 0 5px 3px;
	border: 1px solid #cdcdcd;
	font: 11px Lucida Sans Unicode, Verdana, Arial, sans-serif;
	color: #676767;
	width: 152px;
}

textarea
{
	margin: 0px 0 5px 3px;
	border: 1px solid #cdcdcd;
	font: 11px Lucida Sans Unicode, Verdana, Arial, sans-serif;
	color: #676767;
}


.clear		{clear:both;}

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

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

#Header
{
	aborder: 1px solid red;
	afloat:left;
	width: 980px;
	aheight: 50px;
	margin: 0px 0 0px 0;
	padding: 0px;
	font-size: 10px;
}

#HeaderTop
{
	width: 980px;
	height: 50px;
	background: url("/pub/images/head-top.gif") no-repeat;
	font: bold 11px Tahoma;
	color: #ffffff;
}

#HeaderTop a
{
	color: #ffffff;
	text-decoration: none;
}

#HeaderTop a:visited
{
	color: #ffffff;
	text-decoration: none;
}

#HeaderTop a:hover
{
	color: #ffffff;
	text-decoration: underline;
}

.meni
{
	background: url("/pub/images/head-strelica.gif") no-repeat left;
	padding: 0 0 0 23px;
}

#HeaderBottom
{
	width: 980px;
	height: 263px;
	background: url("/pub/images/head-okvir.gif") no-repeat;
	aborder: 1px solid red;
}

#HeaderLeft
{
	xborder: 1px solid #ccc;
	afloat:left;
	width: 300px;
}

#HeaderRight
{
	xborder: 1px solid #090;
	float: left;
	awidth: 300px;
	margin: 5px 0 0 0;
}

#HeaderLogo
{
	float: left;
	margin: 5px 0 0 5px;
	font-size: 0px;
	display: inline;
}

#HeaderLang
{
	xborder: 1px solid #ccc;
	afloat: 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
{
	xborder: 1px solid #ccc;
	afloat: 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;
	xborder: 1px solid #000;
}

#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
{
	afloat:left;
	aborder: 1px solid red;
	background: #fff;
	xpadding: 15px;
	width: 970px;		/* Total wight is 770px */
	margin: 11px 0 0 5px;
}

#MainCelPath
{
	afloat:left;
	padding: 0px 0 10px 0;
}

#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
{
	afloat:left;
	background: #fff;
	width: 225px;
	aborder: 1px solid red;

}


#LeftCel a
{
	color: #676767;
	text-decoration: none;
}

#LeftCel a:visited
{
	color: #676767;
	text-decoration: none;
}

#LeftCel a:hover
{
	color: #676767;
	text-decoration: underline;
}

.left-box-down
{
	background: url("/pub/images/box-levo-dole.gif") no-repeat;
	height: 12px;
}

.left-box-head
{
	background: url("/pub/images/left-box-head.gif") no-repeat;
	color: #ffffff;
	width: 215px;
	height: 15px;
	amargin: 9px 0 0 5px;
	padding: 0 0 0px 5px;
	aborder: 1px solid red;
	aclear: both;
	font-size: 10px;
}

.lista
{
	aborder: 1px solid red;
	background: url("/pub/images/left-box-tackice.gif") repeat-x bottom;
	margin: 6px 0 0 9px;
	width: 197px;
}

.opcije
{
	background: url("/pub/images/left-box-strelica.gif") no-repeat left;
	padding-left: 13px;
	margin: 0 0 3px 3px;
}



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

#CenterCel
{
	afloat:left;
	background: #fff;
	width: 500px;
	margin: 0 0px 0 25px;
}


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

#RightCel
{
	afloat:left;
	background: #fff;
	width: 194px;
	aborder: 1px solid red;
	margin: 0
}

#RightCel li
{
	color: #00aeef;
	list-style-type: disc;
}

.right-box-down
{
	background: url("/pub/images/box-desno-dole.gif") no-repeat;
	height: 12px;
}



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

#Footer
{
	awidth: 770px;
	height: 145px; 
	margin: 45px 0 0 0;
	aborder: 1px solid red;
	background: url("/pub/images/bg_footer.jpg") repeat-x bottom;
	width: 100%;
}

#FooterOpcije
{
	margin: auto;
	aborder: 1px solid red;
	width: 800px;
	aheight: 50px;
	color: #ffffff;
	
}

#Footer a, #Footer a:visited 		{font-weight: bold; color:#ffffff;text-decoration:none;}
#Footer a:hover 			{text-decoration:underline;}









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




.galleryThumbs
{
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #e0e0e0;
	width: 140px;
	height: 140px;
	background: #fafafa;
}

.galleryThumbs img {padding:0px;margin:0px;border: 0px; font-size: 0px; float: left;}

.gallery_list
{
	border: 1px solid #e0e0e0;
	background: #fafafa;
	padding: 10px;
	margin-bottom: 10px;
	afloat: left;
}

.gallery_list img
{
	display: block;
}

.article_right_picture
{
	afloat: left;
	margin: 0 0 10px 10px;
	border: 1px solid #cdcdcd;
	padding: 3px;
}

.article
{
	margin-top: 10px;
}

.article img
{
	float: left;
}


.info
{
	abackground: #f9f9f9;
	aborder: 1px solid #eeeeee;
	apadding: 5px;
	amargin: 15px 0 15px 0;
}

.naslov_novosti
{
	color: #9acb21;
	font-size: 12px;
	font-weight: bold;
}

.datum_novosti
{
	color: #b6b6b6;
	font-size: 10px;
}

.news_picture
{
	margin: 0 0 10px 10px;
	border: 1px solid #cdcdcd;
	padding: 3px;
}

.crtice
{
	background: url("/pub/images/crtice.gif") repeat-x;
	height: 1px;
	width: 452px;
	margin: 18px 0 18px 22px;
	font-size: 0px;
}

.crtice-catalog
{
	background: url("/pub/images/crtice.gif") repeat-x;
	height: 1px;
	width: 452px;
	margin: 0px 0 15px 22px;
	font-size: 0px;
	float: left;
	display: inline;
}

.jedna_foto_u_galeriji
{
	border: 1px solid #e0e0e0;
	background: #fafafa;
	padding: 10px;
}

.jedna_foto_u_galeriji img
{
	display: block;
}

.catalog-list
{
	float: left;
	margin: 11px 7px 8px 7px;
	display: inline;
}

.catalog-list-title
{
	height: 35px;
	width: 140px;
	text-align: center;
	padding-top: 5px;
}

.catalog-list-picture
{
	border: 1px solid #c1c1c1;
	padding: 5px;
}

.dugmici
{
	width: 54px;
	height: 21px;
	background: url("/pub/images/dugmici.gif") no-repeat;
	border: 0px;
	font: 11px Lucida Sans Unicode, Verdana, Arial, sans-serif;
	color: #ffffff;
	padding: 0px;
}