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

h1 {margin: 0px 0px 10px 0px; color: #006cc4; padding: 0 0 15px 12px; font-size: 14px; background: url("/design/images/h1.gif") no-repeat bottom;}
h2 {margin: 0px 0px 10px 0px; font-size: 14px;}
h3 {margin: 0px 0px 5px 0px; font-size: 13px; color: #50a6eb;}

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

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

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; }
form {margin: 0px;	padding: 0px;}


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

#Wrapper            {width: 1024px; padding: 0px 0px 0px 0px; margin: 0px auto 0px auto; }
#WrapperTopLeft     {width: 32px; height: 0px; font-size: 0px;}
#WrapperTop         {height: 0px; font-size: 0px;}
#WrapperTopRight    {width: 32px; height: 0px; font-size: 0px;}
#WrapperMiddleLeft  {background: url("/design/images/wraper-middle-left.jpg") no-repeat top; width: 32px;}
#WrapperMiddle      {}
#WrapperMiddleRight {background: url("/design/images/wraper-middle-right.jpg") no-repeat top; width: 32px;}
#WrapperBottomLeft  {width: 32px; 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: 32px; 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          {margin: 0px;}
#Footer        {}

#LeftCol       {background: #ffffff; width: 202px; color: #5a5a5a;}
#CenterCol     {background: #ffffff; padding: 0 8px 0 16px;}
#RightCol      {background: #ffffff; width: 202px; color: #5a5a5a}

#CenterCol a {color: #56911f; text-decoration: none;}
#CenterCol a:visited {color: #56911f; text-decoration: none;}
#CenterCol a:hover {color: #56911f; text-decoration: underline;}

#RightCol a {color: #56911f; text-decoration: none;}
#RightCol a:visited {color: #56911f; text-decoration: none;}
#RightCol a:hover {color: #56911f; text-decoration: underline;}


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

#HeaderLeft             {background: url("/design/images/header-levo-pozadina.jpg") no-repeat; width: 203px; height: 305px;}
#HeaderRight            {}
#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      {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 				{color: #ffffff; font: 12px Tahoma;}
#HeaderTopDole			{background: url("/design/images/header-top-dole.gif") no-repeat; height: 5px; font-size: 0px;}
#HeaderTopGore			{background: url("/design/images/header-top-gore.gif") repeat-x; width: 961px;}
#HeaderNavigacija		{width: 196px;}
#HeaderTopLevo			{background: url("/design/images/header-top-levo.gif") no-repeat; height: 36px; width: 7px;}
#HeaderTopDesno			{background: url("/design/images/header-top-desno.gif") no-repeat; height: 36px; width: 7px;}

#HeaderLeft img {display: block}
#HeaderRight img {display: block}

#BodyContent			{width:100%;}

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

#CenterColContent       {background: #f8f8f8 url("/design/images/center-cel-bottom.gif") no-repeat bottom; border: 1px solid #f8f8f8; color: #5a5a5a; padding: 3px 7px 15px 7px;}

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

#FooterContent          {border-top: 1px solid #cccccc; margin: 25px 0 0 0px;}
#Footer a, #Footer a:visited 		{color:#5a5a5a;text-decoration:none;}
#Footer a:hover 		{text-decoration:underline;}
#FooterBottom           {width: 790px; height: 4px;}
#Footer b				{color: #006cc4;}
#FooterPrava			{margin: 10px 0 10px 0; color: #999999;}
#FooterBottomContent	{margin: 17px 8px 8px 23px;}

#FooterPrava a{color: #999999; text-decoration: none;}
#FooterPrava a:visited{color: #999999; text-decoration: none;}
#FooterPrava a:hover{color: #999999; text-decoration: underline;}



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

.box-left-cel {margin: 0px 0 0px 0px; width: 203px;}
.box-header-left-cel {background: url("/design/images/box-header.jpg") no-repeat; height: 48px; }
.box-header-left-left-cel {background: url("/design/images/box-header-left.gif") no-repeat;	width: 7px;	height: 48px; font-size: 0px;}
.box-header-right-left-cel {background: #f5f5f5; width: 6px; height: 48px; font-size: 0px;}
.box-header-left-content {margin: 13px 0 0 18px;}
.box-wrap-left-cel {background: #f5f5f5;}
.box-wrap-left-left-cel {background: #ffffff; width: 7px;}
.box-wrap-right-left-cel {background: #f5f5f5; width: 6px;}
.box-footer-left-left-cel {background: #ffffff;	width: 7px;	height: 6px; font-size: 0px;}
.box-footer-left-cel {background: url("/design/images/box-footer.gif") no-repeat; 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: 5px; height: 6px; font-size: 0px; font-size: 0px;}

.box-right-cel {margin: 0px 0 0px 0px; width: 202px;}
.box-header-right-cel {background: url("/design/images/box-header.jpg") no-repeat; height: 48px; }
.box-header-left-right-cel {background: url("/design/images/box-header-left.gif") no-repeat; width: 7px; height: 48px; font-size: 0px;}
.box-header-right-right-cel {background: #f5f5f5; width: 5px; height: 48px; font-size: 0px;}
.box-header-right-content {margin: 13px 0 0 10px;}
.box-wrap-right-cel {background: #f5f5f5;}
.box-wrap-left-right-cel {background: #ffffff; width: 7px;}
.box-wrap-right-right-cel {background: #f5f5f5; width: 5px;}
.box-footer-left-right-cel {background: #ffffff; width: 7px; height: 6px;}
.box-footer-right-cel {background: url("/design/images/box-footer.gif") no-repeat; font-size: 0px; padding: 0px; margin: 0px;}
.box-footer-right-right-cel {background: url("/design/images/box-footer-right.gif") no-repeat; width: 5px; height: 6px; font-size: 0px;}

.box-banner {margin: 0px 0 0 0; width: 202px; margin: 10px 0 0 0;}
.box-banner-content {margin: 0 0 15px 0;}

.box-content {margin: 8px 3px 10px 12px;}

.box-left-cel a {color: #56911f; text-decoration: none;}
.box-left-cel a:visited {color: #56911f; text-decoration: none;}
.box-left-cel a:hover {color: #56911f; text-decoration: underline;}


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

.one-item {margin: 0 0 30px 0px;}
.one-item-picture {border: 1px solid #cccccc; margin: 3px;}
.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;}
.category-items-parameter {width: 230px;}
.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;}


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

.galleryThumbs { margin: 0px 10px 10px 0;}

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

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

.strelica {background: url("/design/images/strelica.gif") no-repeat left; padding: 0 0 0 10px;}

.kockice {background: url("/design/images/kockica.gif") no-repeat left; padding: 0 0 0 10px; margin: 2px 0 2px 0;}

.menu-container-content {margin: 0 0 0px 7px; background: #f5f5f5; padding: 0 0 5px 0;}

.menu-container-opcije a {background: url("/design/images/bulletlist.gif") no-repeat 17px center; display: block; padding: 5px 0 5px 33px; color: #5a5a5a;}

.menu-container-opcije a:hover {color: #5a5a5a; background-color: #dce3e9; text-decoration: none;}

.menu-container-opcije a:visited {color: #5a5a5a; text-decoration: none;}

.menu-container-crtice {background: url("/design/images/crtice-navigacija.gif") repeat-x center; height: 3px; font-size: 0px;}

.box-container-footer {background: url("/design/images/box-container-footer.gif") no-repeat; hright: 6px; margin: 0 0 0 7px;}

.header-top-meni {background: url("/design/images/header-top-crtice.gif") no-repeat right; height: 23px; margin: 6px 0px 0 0px; padding: 2px 20px 0 20px;}

.header-top-meni-kontakt {height: 23px; margin: 6px 0px 0 0px; padding: 2px 20px 0 20px;}

.header-top-meni a {color: #ffffff; text-decoration: none}
.header-top-meni a:visited {color: #ffffff; text-decoration: none}
.header-top-meni a:hover {color: #ffffff; text-decoration: underline;}

.header-top-meni-kontakt a {color: #ffffff; text-decoration: none}
.header-top-meni-kontakt a:visited {color: #ffffff; text-decoration: none}
.header-top-meni-kontakt a:hover {color: #ffffff; text-decoration: underline;}

.footer-opcije {margin: 0 0 15px 0px;}


.newsletter-form {margin: 10px 0 0 100px;}
.newsletter-form input {border: 1px solid #e3e9ef; font: 11px Verdana; color: #5a5a5a; padding: 1px 0 1px 5px;}
.newsletter-form .dugmici {background: url("/design/images/dugmici.jpg") no-repeat; width: 65px; height: 21px; color: #ffffff; font: 11px Verdana; border: 0px; padding: 0px;}

.kontakt-form {margin: 10px 0 0 100px;}
.kontakt-form input, textarea, select {border: 1px solid #e3e9ef; font: 11px Verdana; color: #5a5a5a; padding: 1px 0 1px 5px;}
.kontakt-form .dugmici {background: url("/design/images/dugmici.jpg") no-repeat; width: 65px; height: 21px; color: #ffffff; font: 11px Verdana; border: 0px; padding: 0px;}

.prijava-form input, textarea, select {border: 1px solid #e3e9ef; font: 11px Verdana; color: #5a5a5a; padding: 1px 0 1px 5px;}
.prijava-form .dugmici {background: url("/design/images/dugmici.jpg") no-repeat; width: 65px; height: 21px; color: #ffffff; font: 11px Verdana; border: 0px; padding: 0px;}

#IntroIndex {color: #ffffff; font-size: 13px;}
#IntroIndex a {color: #ffffff;}