/**********************************************************************
  __      __ _                   _____
  \ \    / /(_)                 / ____|
   \ \  / /  _   ___ __      __| (___    ___   _   _  _ __  ___  ___
    \ \/ /  | | / _ \\ \ /\ / / \___ \  / _ \ | | | || '__|/ __|/ _ \
     \  /   | ||  __/ \ V  V /  ____) || (_) || |_| || |  | (__|  __/
      \/    |_| \___|  \_/\_/  |_____/  \___/  \__,_||_|   \___|\___|
          web: www.viewsource.biz  email: office@viewsource.biz
                    Copyright (c) 2005-2009 ViewSource
                    
***********************************************************************/


/* C O M M O N ********************************************************/

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

h1 {margin: 0px 0px 10px 0px; font-size: 16px;}
h2 {margin: 0 0 0px 0;
	font-size: 11px;
	background: url("/design/images/h2.gif") no-repeat left center;
	padding-left: 26px;}
h3 {
	margin: 0 0 0px 0;
	font: bold 12px verdana;
	color: #42b649;
	background: url("/design/images/tackice-braon.gif") repeat-x bottom;
	padding: 0 0 11px 3px;
	width: 230px;
}

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

li
{
	margin: 1px 0 1px 0;
	padding: 0px;
	list-style-type: none;
	background: url("/design/images/li.gif") no-repeat 0px 6px;
	padding-left: 11px;
}

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

select
{
	margin: 2px 0 0 0;
	width: 204px;
	border: 1px solid #a0cda3;
	font: 10px Verdana, Arial, sans-serif;
	color: #7c8083;
	height: 18px;
}

p
{
	margin: 0;
	padding: 0;
	text-indent: 25px;
	text-align: justify;
}

a			{font: 11px Verdana, Arial, sans-serif; color: #42b649; text-decoration: none;}
a:visited	{font: 11px Verdana, Arial, sans-serif; color: #42b649; text-decoration: none;}
a:hover		{font: 11px Verdana, Arial, sans-serif; color: #42b649; text-decoration: underline;}
a img, a:visited img, a:hover img {border: 0px;}

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


/* W R A P P E R ******************************************************/

#Wrapper            {width: 953px; padding: 0px 0px 0px 0px; margin: 0px auto 20px auto; }
#WrapperTopLeft     {width: 5px; height: 4px; font-size: 0px; background: url("/design/images/wraper-top-left.gif") no-repeat; }
#WrapperTop         {height: 4px; font-size: 0px; background: url("/design/images/wraper-top-center.gif") repeat-x;}
#WrapperTopRight    {width: 5px; height: 4px; font-size: 0px; background: url("/design/images/wraper-top-right.gif") no-repeat;}
#WrapperMiddleLeft  {background: url("/design/images/wraper-middle-left.gif") repeat-y left;}
#WrapperMiddle      {background: #ffffff;}
#WrapperMiddleRight {background: url("/design/images/wraper-middle-right.gif") repeat-y right; }
#WrapperBottomLeft  {width: 5px; height: 4px; font-size: 0px; background: url("/design/images/wraper-bottom-left.gif") no-repeat;}
#WrapperBottom      {height: 4px; font-size: 0px; background: url("/design/images/wraper-bottom.gif") repeat-x bottom;}
#WrapperBottomRight {width: 5px; height: 4px; font-size: 0px; background: url("/design/images/wraper-bottom-right.gif") no-repeat;}

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


/* M A I N   C O N T A I N E R S **************************************/

#MainContainer {width:100%;}

#Header        {height: 70px; font-size: 10px;}
#Body          {}
#Footer        {height: 30px;}

#LeftCol       {width: 200px;}
#CenterCol     {}
#RightCol      {width: 200px;}


/* C O N T A I N E R S   E L E M E N T S ******************************/

#HeaderLeft             {float:left; margin:10px 0px 0px 10px;}
#HeaderRight            {float:right; margin:10px 10px 0px 0px;}
#HeaderLogo             {width: 145px; height: 68px;}
#HeaderLang             {margin: 0px 0px 5px 0px;}
#HeaderLang a           {color:#000; text-decoration:none;}
#HeaderLang a:visited   {color:#000; text-decoration:none;}
#HeaderLang a:hover     {color:#000; text-decoration:underline;}
#HeaderSearch           {}
#HeaderSearch input     {border: 1px solid #ccc; background: #f9f9f9;}
#HeaderSearchButon      {color:#444; font-size: 10px; height: 20px;}
#HeaderOpcije           {margin: 5px 0 0 0px; }
#HeaderOpcije a 		{color:#000; text-decoration:none;}
#HeaderOpcije a:visited {color:#000; text-decoration:none;}
#HeaderOpcije a:hover 	{color:#000; text-decoration:underline;}

#HeaderTop
{
	width: 953px;
	height: 68px;
	background: #fff;
}

#HeaderOptions
{
	afloat: right;
	background: #fff;
	awidth: 440px;
	height: 68px;
}

#HeaderOptionsTop
{
	afloat: right;
	awidth: 440px;
	height: 15px;
	background: #fff;
}

#HeaderOptionsTop a			{font: 10px Verdana, Arial, sans-serif; color: #979797; text-decoration: none;}
#HeaderOptionsTop a:visited	{font: 10px Verdana, Arial, sans-serif; color: #979797; text-decoration: none;}
#HeaderOptionsTop a:hover	{font: 10px Verdana, Arial, sans-serif; color: #979797; text-decoration: underline;}


#HeaderOptionsBottom
{
	afloat: right;
	width: 213px;
	height: 23px;
	background: #fff;
	margin-top: 30px;
}

#HeaderOptionsBottom a			{font: bold 13px Tahoma, Arial, sans-serif; color: #fff; text-decoration: none;}
#HeaderOptionsBottom a:visited	{font: bold 13px Tahoma, Arial, sans-serif; color: #fff; text-decoration: none;}
#HeaderOptionsBottom a:hover	{font: bold 13px Tahoma, Arial, sans-serif; color: #fff; text-decoration: underline;}

#HeaderMenu
{
	width: 953px;
	height: 34px;
	background: #3b3b3b;
}

#HeaderKatalozi
{
	afloat: left;
	width: 93px;
	height: 19px;
	padding: 4px 0px 0px 12px;
	background: #42b649 url("/design/images/header-katalozi.gif") no-repeat right;
}

#Header3dPlaner
{
	afloat: left;
	width: 93px;
	height: 19px;
	padding: 4px 0px 0px 12px;
	margin-left: 3px;
	background: #42b649 url("/design/images/header-3d-planer.gif") no-repeat right;
}

#HeaderMenu a			{font: 11px Verdana, Arial, sans-serif; color: #fff; text-decoration: none;}
#HeaderMenu a:visited	{font: 11px Verdana, Arial, sans-serif; color: #fff; text-decoration: none;}
#HeaderMenu a:hover		{font: 11px Verdana, Arial, sans-serif; color: #fff; text-decoration: none;}

.HeadImage
{
	afloat: left;
	awidth: 953px;
	aheight: 61px;
	margin-top: 5px;
}

#BodyContent			{width:100%;}

#LeftColContent         {background: #fff; padding:0px 5px 0px 5px;}

#CenterColContent       {background: #fff; padding:0px;}

#RightColContent        {background: #fff; padding:0px 5px 0px 5px;}

#FooterContent          {margin: 5px 0 0 0px; font-size: 10px;}
#Footer a			{font: 10px Tahoma, Arial, sans-serif; color: #bababa; text-decoration: none;}
#Footer a:visited	{font: 10px Tahoma, Arial, sans-serif; color: #bababa; text-decoration: none;}
#Footer a:hover		{font: 10px Tahoma, Arial, sans-serif; color: #bababa; text-decoration: underline;}
#FooterBottom           {width: 790px; height: 4px;}



/* C L A S S   B O X **************************************************/

.box-left-cel {margin: 5px 0 5px 0px; width: 190px;}
.box-header-left-cel {background: url("/design/images/box-header.gif") repeat-x; height: 25px; }
.box-header-left-left-cel {background: url("/design/images/box-header-left.gif") no-repeat;	width: 6px;	height: 25px; font-size: 0px;}
.box-header-right-left-cel {background: url("/design/images/box-header-right.gif") no-repeat; width: 6px; height: 25px; font-size: 0px;}
.box-wrap-left-cel {}
.box-wrap-left-left-cel {background: url("/design/images/box-wrap-left.gif") repeat-y left;	width: 6px;}
.box-wrap-right-left-cel {background: url("/design/images/box-wrap-right.gif") repeat-y right; width: 6px;}
.box-footer-left-left-cel {background: url("/design/images/box-footer-left.gif") no-repeat;	width: 6px;	height: 6px; font-size: 0px;}
.box-footer-left-cel {border-bottom: 2px solid #cccccc; font-size: 0px; padding: 0px; margin: 0px; font-size: 0px;}
.box-footer-right-left-cel {background: url("/design/images/box-footer-right.gif") no-repeat; width: 6px; height: 6px; font-size: 0px; font-size: 0px;}

.box-right-cel {margin: 5px 0 5px 0px; width: 190px;}
.box-header-right-cel {background: url("/design/images/box-header.gif") repeat-x; height: 25px; }
.box-header-left-right-cel {background: url("/design/images/box-header-left.gif") no-repeat; width: 6px; height: 25px; font-size: 0px;}
.box-header-right-right-cel {background: url("/design/images/box-header-right.gif") no-repeat; width: 6px; height: 25px; font-size: 0px;}
.box-wrap-right-cel {}
.box-wrap-left-right-cel {background: url("/design/images/box-wrap-left.gif") repeat-y left; width: 6px;}
.box-wrap-right-right-cel {background: url("/design/images/box-wrap-right.gif") repeat-y right;width: 6px;}
.box-footer-left-right-cel {background: url("/design/images/box-footer-left.gif") no-repeat; width: 6px; height: 6px;}
.box-footer-right-cel {border-bottom: 2px solid #cccccc; font-size: 0px; padding: 0px; margin: 0px;}
.box-footer-right-right-cel {background: url("/design/images/box-footer-right.gif") no-repeat; width: 6px; height: 6px; font-size: 0px;}

.box-banner {margin: 5px 0 0 0; width: 190px;}
.box-banner-content {}

.box-content {margin: 3px;}


/* C L A S S   C A T A L O G ******************************************/

.one-item {margin: 0 0 30px 0px;}
.one-item-picture {width: 350px; height: 350px; text-align: center;}
.one-item-parameter {width: 230px;}
.one-item-group-filter {width: 395px;}
.one-item-group-items {margin: 0 0 30px 30px;}
.one-item-group-items-parameter {width: 200px;}
.one-item-group-items-picture {border: 1px solid #cccccc;}
.category-items {margin: 0 0 30px 0px;margin: 10px 10px 0 10px;}
.category-items-parameter {width: 160px; height:200px; padding: 0px;}
.category-items-picture { height:140px; width: 140px; margin: 10px 0 0 10px;}
.category-items-parameters { height: 45px;}
.category-items-group-items-filter {width: 395px;}
.category-items-group-items {margin: 0 0 30px 30px;}
.category-items-group-items-parameter {width: 200px;}
.category-items-group-items-picture {border: 1px solid #cccccc;}

.category-items-parameter a			{font: 10px Verdana, Arial, sans-serif; color: #7c6f57; text-decoration: none;}
.category-items-parameter a:visited	{font: 10px Verdana, Arial, sans-serif; color: #7c6f57; text-decoration: none;}
.category-items-parameter a:hover		{font: 10px Verdana, Arial, sans-serif; color: #7c6f57; text-decoration: underline;}


.boja-slika {cursor: pointer;}
.boja-tekst {cursor: pointer}



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

.galleryThumbs { margin: 3px;}

.galleryThumbs img {padding:0px;margin:0px;border: 0px;}

.info {background: #f9f9f9; border: 1px solid #eeeeee; padding: 5px; margin: 5px;}

.point_brown
{
	background: url("/design/images/tackice-braon.gif") repeat-x bottom;
	padding: 12px 0 6px 0;
}

#TablePorucivanje td
{

}

.loginFrom
{
	margin-top: 50px; 
}

.loginFrom input
{
	border: 1px solid #a0cda3;
	font: 10px Verdana, Arial, sans-serif;
	color: #7c8083;
	height: 18px;
}

.loginFrom .dugmici
{
	font: bold 10px Verdana, Arial, sans-serif;
	color: #ffffff;
	background: #42b649;
	border: 1px solid #42b649;
	height:20px;
}

#index-wrap
{
	
	background: #dedede url("/design/images/index-wrap.gif") repeat-y;
	width: 953px;
	margin: auto;
	border-top: 1px solid #dedede;
}

#index-logo
{
	margin: 34px 0 0 414px;
	background: url("/design/images/index-logo-pozadina.gif") no-repeat;
	width: 172px;
	height: 66px;
}

.pretraga
{
	font: 10px verdana;
	height: 14px;
	margin: 0;
	width: 228px;
	padding-left: 8px;
	border: 1px solid #a0cda3;
	color: #7c8083;
}

#HeaderSearchButon
{
	width: 20px;
	height: 16px;
	margin: 0;
	padding: 0;
	
}

.ContactForm input
{
	border: 1px solid #a0cda3;
	font: 10px Verdana, Arial, sans-serif;
	color: #7c8083;
	height: 18px;
	width: 198px;
}

.ContactForm select
{
	width: 200px;
	height: 20px;
}

.ContactForm textarea
{
	
	border: 1px solid #a0cda3;
	font: 10px Verdana, Arial, sans-serif;
	color: #7c8083;
	
	width: 198px;
}

.ContactForm .dugmici
{
	font: bold 10px Verdana, Arial, sans-serif;
	color: #ffffff;
	background: #42b649;
	border: 1px solid #42b649;
	height:20px;
	width: 80px;
}

.ServisForma input
{
	border: 1px solid #a0cda3;
	font: 10px Verdana, Arial, sans-serif;
	color: #7c8083;
	height: 18px;
	width: 198px;
}

.ServisForma textarea
{
	border: 1px solid #a0cda3;
	font: 10px Verdana, Arial, sans-serif;
	color: #7c8083;
	
	width: 198px;
}

.ServisForma .dugmici
{
	font: bold 10px Verdana, Arial, sans-serif;
	color: #ffffff;
	background: #42b649;
	border: 1px solid #42b649;
	height:20px;
	width: 80px;
}

.NewsletterForm input
{
	border: 1px solid #a0cda3;
	font: 10px Verdana, Arial, sans-serif;
	color: #7c8083;
	height: 18px;
	width: 198px;
}

.NewsletterForm .dugmici
{
	font: bold 10px Verdana, Arial, sans-serif;
	color: #ffffff;
	background: #42b649;
	border: 1px solid #42b649;
	height:20px;
	width: 80px;
}

.porucivanjeProgram  {margin: 0 10px 0 10px; height: 60px;}

#posao li
{
	background: url("/design/images/li-posao.gif") no-repeat 0px 6px;
}

.point
{
	background: url("/design/images/tackice.gif") repeat-x bottom;
	padding-bottom: 6px;
}

.prodajna-mreza-gradovi
{
	margin: 10px 10px 10px 20px;
}

#CatalogNavigation
{
	width: 195px;
	overflow:hidden;
}

.CategoryTitle
{
	afloat: left;
	width: 195px;
	height: 24px;
	margin-bottom: 48px;
}

.GrupeElemenata
{
	float: left;
	width: 169px;
	height: 20px;
}

.CategoryList
{
	afloat: left;
	width: 160px;
	height: 14px;
	background: #fff url('/design/images/arrow.gif') no-repeat left;
	padding-left: 25px;
	margin-top: 10px;
}

.CategoryList a			{letter-spacing: 2px; font: bold 11px Tahoma, Arial, sans-serif; color: #7c8083; text-decoration: none;}
.CategoryList a:visited	{letter-spacing: 2px; font: bold 11px Tahoma, Arial, sans-serif; color: #7c8083; text-decoration: none;}
.CategoryList a:hover	{letter-spacing: 2px; font: bold 11px Tahoma, Arial, sans-serif; color: #7c8083; text-decoration: underline;}

.CategoryItemMore
{
	float: right;
	padding-right: 15px;
	background: #fff url('/design/images/more.gif') no-repeat right;
	color: #f26522;
	font-size: 10px;
	height: 12px;
}

.CategoryItemMore a			{font: 10px Verdana, Arial, sans-serif; color: #f26522; text-decoration: none;}
.CategoryItemMore a:visited	{font: 10px Verdana, Arial, sans-serif; color: #f26522; text-decoration: none;}
.CategoryItemMore a:hover	{font: 10px Verdana, Arial, sans-serif; color: #f26522; text-decoration: underline;}

.ZaposlenjeForm input {margin: 0px 0 0px 0; border: 1px solid #a0cda3; color: #7c8083; font: 10px Verdana; height: 16px; width: 190px;}
.ZaposlenjeForm select {width: 192px;}
.ZaposlenjeForm .button {background: #42b649; color: #ffffff; border: 1px solid #42b649; font: bold 10px verdana; width: 70px; height: 18px;}

.porucivanje
{
	width: 155px;	
	background: url("/design/images/strelica-porucivanje.gif") no-repeat right center;
}

.porucivanje-stampa
{
	width: 155px;
	background: url("/design/images/stapmac.gif") no-repeat right center;
	height: 17px;
}

.userForm textarea {border: 1px solid #a0cda3; color: #7c8083; font: 10px Verdana;}
.userForm .dugmici {background: #42b649; color: #ffffff; border: 1px solid #42b649; font: bold 10px verdana;}

.mreza-link
{
	font-size: 12px;
	font-weight: bold;
	margin-top: 6px;
}

.mreza-link a
{
	color: #959595;
	font-weight: bold;
	font-size: 12px;
}

.mreza-link a:visited
{
	color: #959595;
	font-weight: bold;
	font-size: 12px;
}

.mreza-link a:hover
{
	color: #959595;
	font-weight: bold;
	font-size: 12px;
}

.ReclamationForm input {margin: 0px 0 0px 0; border: 1px solid #a0cda3; color: #7c8083; font: 10px Verdana; height: 16px; width: 190px;}
.ReclamationForm select {width: 192px;}
.ReclamationForm .dugmici {background: #42b649; color: #ffffff; border: 1px solid #42b649; font: bold 10px verdana; width: 70px; height: 18px;}

.AnketaForm .FormInput {margin: 0px 0 0px 0; border: 1px solid #a0cda3; color: #7c8083; font: 10px Verdana; height: 16px; width: 190px;}
.AnketaForm textarea {margin: 0px 0 0px 0; border: 1px solid #a0cda3; color: #7c8083; font: 10px Verdana; height: 80px; width: 190px;}
.AnketaForm .dugmici {background: #42b649; color: #ffffff; border: 1px solid #42b649; font: bold 10px verdana; width: 70px; height: 18px;}