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

h1 {margin: 0px 0px 0px 0px; font: bold 15px Arial; color: #ffffff; background: #999999 url("/design/images/h1.gif") no-repeat 10px 12px; padding: 8px 5px 8px 28px; border-bottom: 1px solid #ff6600;}
h2 {margin: 0px 0px 10px 0px; font-size: 14px;}
h3 {margin: 5px 0px 0px 0px; font: bold 12px Arial; padding: 0px; color: #ff6600;}

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

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

a, a:visited {color:#302f2f; text-decoration:none; outline: 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 {padding: 0; margin: 0px;}
/* W R A P P E R ******************************************************/

#Wrapper            {width: 900px; padding: 0px 0px 0px 0px; margin: 0px auto 0px auto; color: #302f2f;}
#WrapperTopLeft     {width: 5px; height: 4px;}
#WrapperTop         {height: 4px; font-size: 0px;}
#WrapperTopRight    {width: 5px; height: 4px; font-size: 0px;}
#WrapperMiddleLeft  {}
#WrapperMiddle      {}
#WrapperMiddleRight {}
#WrapperBottomLeft  {width: 5px; height: 4px; font-size: 0px;}
#WrapperBottom      {height: 4px; font-size: 0px;}
#WrapperBottomRight {width: 5px; height: 4px; font-size: 0px;}

#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        {font-size: 11px;}

#LeftCol       {width: 229px; padding: 0 13px 0 px;}
#CenterCol     {padding: 0 0 0 0px;}
#RightCol      {width: 200px;}

#LeftCol ul		{list-style-type: none; margin: 0px; padding: 0px;}
#LeftCol li		{margin: 0px; background: url("/design/images/catalog-meni-tackice.gif") repeat-x bottom; padding: 9px 0 9px 0;}
#LeftCol li a   { background: url("/design/images/catalog-meni-strelice.gif") no-repeat left; padding: 0 0 0 21px; color: #302f2f;}

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

#HeaderLeft             {margin:0px 0px 0px 0px; height: 40px;}
#HeaderRight            {margin:0px 0px 0px 0px;}
#HeaderLogo             {}
#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      {}
#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;}

.HeaderMeniTop			{font: 12px Arial; padding: 6px 15px 6px 15px; background: url("/design/images/crtice-meni-top.gif") repeat-y right;}
.HeaderMeniTop a		{color: #ff6600;}
#HederBennerOptions		{height: 40px; background: url("/design/images/meni-banner-pozadina.png") repeat-x; position: absolute; z-index: 1000; width: 900px; margin: 214px 0 0 0;}
.HeaderBennerMeni		{background: url("/design/images/meni-strelice.gif") no-repeat 0px 4px; padding: 0 10px 0 27px;}

#BodyContent			{width:100%; margin: 11px 0 0 0;}

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

#CenterColContent       {background: #e7e7e7; padding: 0px 0 10px 0;}

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

#FooterContent          {margin: 5px 0 0 0px;}
#Footer a, #Footer a:visited 		{color:#302f2f;text-decoration:underline;}
#Footer a:hover 		{text-decoration:underline;}
#FooterBottom           {width: 790px; height: 4px;}
.FooterMeniBox			{background: #e7e7e7; width: 216px;}
.FooterMeniBoxContent   {margin: 8px 10px 8px 10px;}
.FooterInput			{width: 130px; border: 1px solid #bfbfbf; font: 12px Arial; padding: 2px 0 2px 2px;}
.FooterButton			{font: 12px Arial; color: #ffffff; background: #ff6600; border: 1px solid #bfbfbf; padding: 2px 5px 2px 5px;}

#FooterDown				{width: 100%; background: #ff6600 url("/design/images/footer-tackice.gif") repeat-x top;}
#FooterDownContent		{padding: 11px 0 11px 0; margin: 0 auto 0 auto; width: 900px; font-size: 12px; color: #ffffff;}
.FooterMeni				{color: #ffffff; padding: 0 6px 0 6px;}
#FooterDown a			{color: #ffffff;}



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

.box-left-cel {margin: 0px 0 0px 0px; width: 216px;}
.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 {background: #e7e7e7;}
.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: 0px 20px 0 20px;}


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

.one-item {margin: 0px 0px 0px 0px;}
.one-item-picture {border: 1px solid #999999; margin: 2px 5px 7px 0px; min-width: 40px;}
.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 0px 0px;}
.category-items-parameter {width: 230px;}
.category-items-picture {border: 1px solid #cccccc; margin: 0 19px 0 0; width: 195px; min-height: 114px;}
.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;}
.CategoryItemTitle {margin: 9px 0 18px 0;}
.CategoryItemTitle a {color: #ff6600;}
.Podkategorije {margin: 10px 20px 10px 20px;}

.Podkategorije a   {color: #ff6600;}
#OneItemOtherPicture	{position: absolute; margin: 300px 0 0 1px; width: 630px; visibility: hidden;}


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

.NovostiPicture {margin: 0 0 5px 5px; border: 1px solid #999999;}

.Paginacija a {color: #ff6600;}

.NewsletterForm input {border: 1px solid #bfbfbf; font: 12px Arial; padding: 2px 5px 2px 5px;}
.NewsletterForm .dugmici {background: #ff6600; color: #ffffff;}

.ContactFrom input {border: 1px solid #bfbfbf; font: 12px Arial; padding: 2px 5px 2px 5px; width: 130px;}
.ContactFrom select {border: 1px solid #bfbfbf; font: 12px Arial; padding: 2px 0px 0px 5px; width: 142px;}
.ContactFrom textarea {border: 1px solid #bfbfbf; font: 12px Arial; padding: 2px 5px 2px 5px; width: 130px;}
.ContactFrom .dugmici {background: #ff6600; color: #ffffff; width: 70px;}

.GalleryPicture {border: 1px solid #9b9b9b;}
.galleryTitle  {margin: 5px 0 15px 0;}
.galleryTitle a {color: #ff6600;}
.jedna_foto_u_galeriji {margin: 10px 20px 10px 20px;}
.ArticleCategoryTitle {margin: 2px 0 8px 0; width: 190px;}
.ArticleCategoryTitle a {color: #ff6600;}