/**********************************************************************
  __      __ _                   _____
  \ \    / /(_)                 / ____|
   \ \  / /  _   ___ __      __| (___    ___   _   _  _ __  ___  ___
    \ \/ /  | | / _ \\ \ /\ / / \___ \  / _ \ | | | || '__|/ __|/ _ \
     \  /   | ||  __/ \ 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: #f2f2f2 url("/design/images/footer_bg.gif") repeat-x bottom; font: 11px Verdana, Arial, sans-serif;}

h1 {margin: 0px 0px 2px 0px; color: #ed2024; font: bold 15px Tahoma;}
h2 {margin: 0px 0px 10px 0px; font-size: 14px;}
h3 {margin: 0px 0px 0px 0px; font-size: 12px; color: #ed2024; padding: 0px 0 0 0px;}
h6 {margin: 0 0 5px 0; font: bold 12px verdana; color: #0c355b;}

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

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

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

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

p  {margin: 0px 0 5px 0;}


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

#Wrapper            {width: 100%; padding: 0px 0px 0px 0px; margin: 0px auto 0px auto; }
#WrapperTopLeft     {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    {height: 4px; font-size: 0px; background: url("/design/images/wraper-top-right.gif") no-repeat;}
#WrapperMiddleLeft  {background: url("/design/images/wrapper-middle-left.gif") repeat-x top;}
#WrapperMiddle      {background: #ffffff; width: 983px;}
#WrapperMiddleRight {background: url("/design/images/wrapper-middle-right.gif") repeat-x top;}
#WrapperBottomLeft  {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 {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        {font-size: 10px;}
#Body          {}
#Footer        {height: 110px; background: #f2f2f2;}

#LeftCol       {width: 224px; background: #f2f2f2;}
#CenterCol     {background: #f2f2f2;}
#RightCol      {width: 224px; background: #f2f2f2;}


/* 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             {height: 207px;}
#HeaderLang             {margin: 0px 0px 5px 0px;}
#HeaderLang a           {color:#ed2024; text-decoration:none;}
#HeaderLang a:visited   {color:#ed2024; text-decoration:none;}
#HeaderLang a:hover     {color:#ed2024; text-decoration:underline;}
#HeaderSearch           {position: absolute; background: url("/design/images/pretraga-pozadina.png") repeat-x; width: 312px; height: 33px; margin: 174px 0 0 0; color: #ffffff; z-index: 150;}
#HeaderSearchInput      {border: 1px solid #00529c; background: #ffffff; width: 150px; font: 11px verdana; padding: 2px 0 0 5px; height: 16px;}
#HeaderSearchButon      {color:#ffffff; font-size: 10px; height: 18px; width: 63px; margin: 1px 0 0 10px;}
#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				{height: 25px; background: #f2f2f2; width: 100%; color: #969696; font-size: 11px; }
#HeaderTop a			{color: #969696; text-decoration: none;}
#HeaderTop a:visited	{color: #969696; text-decoration: none;}
#HeaderTop a:hover		{color: #969696; text-decoration: underline;}
.HeaderTopOpcije		{padding: 0 15px 0 15px;}
#HeaderMiddle			{height: 80px; border-top: 1px solid #ffffff;}
#HeaderMiddle a			{color: #a0a0a0; text-decoration: none;}
#HeaderMiddle a:visited	{color: #a0a0a0; text-decoration: none;}
#HeaderMiddle a:hover	{color: #4eabff; text-decoration: none;}
.HeaderMiddleOpcije		{background: url("/design/images/header-middle-opcije.gif") no-repeat; height: 50px; padding: 5px 49px 0 16px;}
.HeaderMiddleOpcijeLast	{background: url("/design/images/header-middle-opcije.gif") no-repeat; height: 50px; padding: 5px 0px 0 16px;}



#BodyContent			{width:100%;}

#LeftColContent         {margin: 12px 0 0 0;}

#CenterColContent       {background: #fff url("/design/images/center-cel-pozadina.gif") repeat-x top; padding: 8px 20px 17px 20px; margin: 12px 0 0 0;}
#CenterColContent a 	{color: #ed2024}

#RightColContent        {padding:0px 0px 0px 0px; margin: 12px 0 0 0;}

#FooterContent          {margin: 30px 0 0 0px; height: 110px; background: #ed2024 url("/design/images/footer_new.gif") no-repeat; color: #ffffff;}
#Footer a, #Footer a:visited 		{color:#ffffff;text-decoration:none;}
#Footer a:hover 		{text-decoration:underline;}
#FooterBottom           {width: 790px; height: 4px;}
.FooterOpcije			{padding: 0 6px 0 6px; color: #ffffff;}



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

.box-left-cel {margin: 0px 0 0px 0px; width: 209px;}
.box-header-left-cel {height: 38px; background: #ffffff;}
.box-header-left-left-cel {background: url("/design/images/box-header-left.gif") no-repeat;	width: 6px;	height: 38px; font-size: 0px;}
.box-header-right-left-cel {background: url("/design/images/box-header-right.gif") no-repeat; width: 6px; height: 38px; font-size: 0px;}
.box-wrap-left-cel {background: #ffffff;}
.box-wrap-left-left-cel {border-left: 1px solid #e5e5e5; width: 5px; background: #ffffff;}
.box-wrap-right-left-cel {border-right: 1px solid #e5e5e5; width: 5px; background: #ffffff;}
.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 #e5e5e5; font-size: 0px; padding: 0px; margin: 0px; font-size: 0px; background: #ffffff;}
.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: 0px 0 0px 0px; width: 209px;}
.box-header-right-cel {background: url("/design/images/box-header.gif") repeat-x; height: 37px; }
.box-header-left-right-cel {background: url("/design/images/box-header-left.gif") no-repeat; width: 6px; height: 38px; font-size: 0px;}
.box-header-right-right-cel {background: url("/design/images/box-header-right.gif") no-repeat; width: 6px; height: 38px; font-size: 0px;}
.box-wrap-right-cel {background: #ffffff;}
.box-wrap-left-right-cel {border-left: 1px solid #e5e5e5; width: 5px; background: #ffffff;}
.box-wrap-right-right-cel {border-right: 1px solid #e5e5e5; width: 5px; background: #ffffff;}
.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 #e5e5e5; font-size: 0px; padding: 0px; margin: 0px; background: #ffffff;}
.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: 10px 0 0 0; width: 209px;}
.box-banner-content {margin: 10px 0 0 0;}

.box-content {margin: 0px;}
.box-content-promocija {margin: 8px 0px 0px 0px;}
.box-content-news {margin: 9px 12px 9px 22px; color: #000000;}
.box-content-anketa {margin: 21px 12px 8px 20px; color: #2b4660;}
.box-content-anketa a {color: #3f3e3e;}
.box-content-korpa   {margin: 16px 15px 8px 17px; color: #9f9f9f;}
.box-content-korpa ul  {padding: 0px; margin: 8px 0 0 0;}
.box-content-korpa li  {list-style-type: none; background: url("/design/images/box-news-lista.gif") no-repeat left; padding: 0 0 0 20px;}
.box-content-korpa li a {color: #0076e1}
.box-content-oprema     {border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;}

.box-content-news ul  {padding: 0px; margin: 8px 0 0 0;}
.box-content-news li  {list-style-type: none; background: url("/design/images/box-news-lista.gif") no-repeat left; padding: 0 0 0 20px;}
.box-content-news li a {color: #0076e1}
.BoxLeftUl    {margin: 2px 0px 0 15px; width: 159px; padding: 0px;}
.BoxLeftUl a  {color: #383838;}

.BoxLeftLi	  {font-size: 12px; list-style-type: none; padding: 12px 0px 12px 14px; background: url("/design/images/levi-meni-lista.gif") no-repeat left; border-top: 1px solid #ffffff; border-bottom: 1px solid #e5e5e5;}
.BoxLeftLiFirst{font-size: 12px; list-style-type: none; padding: 12px 0px 12px 14px; background: url("/design/images/levi-meni-lista.gif") no-repeat left; border-bottom: 1px solid #e5e5e5;}
.BoxLeftLiLast {font-size: 12px; list-style-type: none; padding: 12px 0px 12px 14px; background: url("/design/images/levi-meni-lista.gif") no-repeat left; border-top: 1px solid #ffffff;}


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

.one-item {margin: 0px 0 30px 0px;}
.one-item-picture {border: 1px solid #bfbfbf; margin: 2px;}
.one-item-picture-boje {border: 1px solid #bfbfbf; margin: 2px; width: 100px;}
.one-item-parameter {}
.one-item-group-filter {margin: 45px 0 0 117px; position: absolute; z-index: 100; color: #224460;}
.one-item-group-items {margin: 0 0 30px 0px;}
.one-item-group-items-parameter {width: 200px;}
.one-item-group-items-picture {border: 1px solid #cccccc;}
.category-items {margin: 0 0 0px 0px; padding: 6px 6px 6px 6px;}
.category-items-parameter {width: 143px; color: #224460;}
.category-items-parameter ul {margin: 0 0 0 0px;}
.category-items-parameter li {list-style-type: none; background: url("/design/images/box-news-lista.gif") no-repeat left; padding: 0 0 0 20px; margin: 3px 0 3px 0;}
.category-items-picture {border: 1px solid #cccccc;}
.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;}

.naslovKategorije {background: url("/design/images/header-kategorija.jpg") no-repeat; height: 27px; color: #ffffff; font: bold 15px Tahoma; padding: 7px 0 0 15px;}


/***************************** 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;}

.NewsletterBox		{width: 197px; margin: 19px 0 0 6px;}
.NewsletterBox a	{color: #0c355b; text-decoration: underline; font-weight: bold;}

.CenovnikBox		{margin: 0px 0 0 6px; width: 197px; padding: 20px 0 0 0;}
.CenovnikBox a		{color: #0c355b; text-decoration: underline; font-weight: bold;}

.NewsPicture		{margin: 0 0 15px 15px;}
.NewsMore			{background: url("/design/images/box-news-lista.gif") no-repeat left; padding: 0 0 0 16px; margin: 15px 0 0 0;}
.NewsList			{margin: 12px 0 0 0; background: url("/design/images/razdvojna-linija.jpg") no-repeat bottom; padding: 0 0 12px 0;}
.NewsDate			{color: #a2a2a2;}
.NewsletterForm {margin: 10px 0 0 0;}
.NewsletterForm input{border: 1px solid #bfbfbf;}
.NewsletterForm .dugmici {color: #ffffff; border: 1px solid #339efc; background: #02519c; font: bold 11px verdana; padding: 2px 5px 2px 5px;}

.ContactForm input{border: 1px solid #bfbfbf;}
.ContactForm .dugmici {color: #ffffff; border: 1px solid #339efc; background: #02519c; font: bold 11px verdana; padding: 2px 5px 2px 5px;}

.QnaForm input{border: 1px solid #bfbfbf;}
.QnaForm .dugmici {color: #ffffff; border: 1px solid #339efc; background: #02519c; font: bold 11px verdana; padding: 2px 5px 2px 5px;}
.naslovProizvodjac {width: 477px; height: 25px; background: #4881b6; color: #ffffff; font: bold 14px Tahoma; padding: 7px 0 0 15px; border: 1px solid #c3c3c5; border-bottom: 0px;}
.naslovProizvodjac a {color: #ffffff;}
.naslovProizvodjacDrugi {width: 477px; height: 25px; background: #4881b6; color: #ffffff; font: bold 14px Tahoma; padding: 7px 0 0 15px; border: 1px solid #c3c3c5; border-bottom: 0px; border-top: 0px;}

.UserForm input{border: 1px solid #bfbfbf;}
.UserForm .dugmici {color: #ffffff; border: 1px solid #339efc; background: #02519c; font: bold 11px verdana; padding: 2px 5px 2px 5px;}
.naslov-galerije
{
	margin: 0 0 10px 12px;
	aheight: 30px;
	width: 140px;
	text-align: center;
}

.lista-svih-galerija
{
	margin: 10px 12px 10px 12px;
}

.lista-galerija
{
	margin: 10px 0px 10px 12px;
}

.korpa {color: #969696}
.korpa a {color: #ed2024;}