/**********************************************************************
  __      __ _                   _____
  \ \    / /(_)                 / ____|
   \ \  / /  _   ___ __      __| (___    ___   _   _  _ __  ___  ___
    \ \/ /  | | / _ \\ \ /\ / / \___ \  / _ \ | | | || '__|/ __|/ _ \
     \  /   | ||  __/ \ 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: #000000; font: 10px Verdana, Arial, sans-serif;}

h1 {margin: 0px 0px 10px 0px; font-size: 16px;}
h2 {margin: 0px 0px 10px 0px; font-size: 14px;}
h3 {margin: 0px 0px 2px 0px; font-size: 12px;}

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 {padding: 0px; margin: 0px;}
a, a:visited {color:#ff0000; text-decoration:none;}
a:hover {text-decoration:underline;}
a img, a:visited img, a:hover img {border: 0px; -moz-border-image: 0px;}

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

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


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

#Wrapper            {width: 910px; padding: 0px 0px 0px 0px; margin: 20px auto 20px auto;}
#WrapperTopLeft     {width: 5px; height: 4px; font-size: 0px;}
#WrapperTop         {height: 4px; font-size: 0px;}
#WrapperTopRight    {width: 5px; height: 4px; font-size: 0px;}
#WrapperMiddleLeft  {}
#WrapperMiddle      {background: #000000;}
#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        {}

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

#BodyContent			{width:100%;}

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

#CenterColContent       {padding:0px;}

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

#FooterContent          {margin: 4px 0 0 0px; color: #ffffff; font-size: 15px;}
#Footer a, #Footer a:visited 		{color:#ffffff;text-decoration:none;}
#Footer a:hover 		{text-decoration:none; color: #ff0000;}
#FooterBottom           {width: 790px; height: 4px;}

#FooterContent ul		{margin: 0px; padding: 0px;}
#FooterContent .meni	{list-style-type: none; float: left; padding: 0 23px 0px 22px; background: #000000;}
#FooterContent .meni-last{list-style-type: none; float: left; padding: 0 8px 0px 22px;}



/* 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 0px 0px;}
.one-item-picture {margin: 22px 0 0 59px;}
.one-item-parameter {width: 166px;}
.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: 0px 0px 0px 0px;}
.category-items-parameter {width: 230px;}
.category-items-picture {margin: 0 0px 0 0; background: url("/design/images/okvir-slike-catalog.jpg") no-repeat; width: 161px; height: 206px; padding: 6px 0 0 8px;}
.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: 3px 9px 2px 0px;}
.galleryThumbsLast { margin: 3px 0px 2px 0px;}
.galleryThumbsGore {background: url("/design/images/film-gore.gif") repeat-x; height: 18px; margin: 0 4px 0 4px;}
.galleryThumbsDole {background: url("/design/images/film-dole.gif") repeat-x; height: 19px; margin: 0 4px 0 4px;}

.galleryThumbs img {padding:0px;margin:0px;border: 0px;}
.galleryOnePicture {background: #feffa1; width: 417px; height: 315px; margin: 1px 0 0 0;padding: 11px 0 0 14px;}
#main_gallery_picture {}
#main_gallery_picture_background {background: #000000 url("/design/images/loading.gif") no-repeat center; width: 403px; height: 302px;}

.info {padding: 5px; margin: 5px; color: #ff0000;}
.infoMess {color: #ff0000;}

.novosti-gore {background: url("/design/images/novosti-gore.gif") no-repeat; width: 462px; height: 79px;}
.novosti-sredina {background: #ffffff;padding: 0 50px 0 50px; min-height: 400px;}
.novosti-dole {background: url("/design/images/novosti-dole.gif") no-repeat; width: 462px; height: 79px;}
.novosti-sredina-jedna-novost {background: #ffffff;padding: 0 50px 0 50px; min-height: 400px;}

.kontakt-form {background: url("/design/images/kontakt-okvir-forme.jpg") no-repeat; width: 453px; height: 461px; margin: 0 0 0 20px;}
.kontakt-form input{border: 1px solid #000000;}
.kontakt-form textarea{border: 1px solid #000000;}

#GallerySlidePicture {overflow:hidden;}
#NavLeft {width: 10px; background: url("/design/images/gallery-left.gif") no-repeat; height: 148px; cursor: pointer;}
#NavRight {width: 10px; background: url("/design/images/gallery-right.gif") no-repeat; height: 148px; cursor: pointer;}

.Newsletter {margin: 9px 0 0 0;}
.newsleter-forma {margin: 70px 0 0 105px;}
.newsleter-forma input {width: 100px; border: 1px solid #000000;}
.newsleter-forma .dugmici {width: 60px;}

.kokteli-list {font: 18px Tahoma;}
.kokteli-list a {color: #000000;}
.kokteli-list a:visited {color: #000000;}
.kokteli-list a:hover {color: #000000;}

.catalog-category-gore {width: 854px; height: 221px; background: url("/design/images/catalog-gore.jpg") no-repeat; margin: 0 0 0 12px;}
.catalog-item-desno {background: url("/design/images/catalog-desno.jpg") no-repeat; width: 531px; height: 409px;}
.catalog-postanicavanje {color: #ff0000; margin: 3px 0 0 0;}
.korpa {color: #ff0000; background: url("/design/images/catalog-korpa.jpg") no-repeat; width: 900px; min-height: 632px; border: 1px solid #000000; margin: 1px 0 0 0; overflow: auto}
.korpa-form {color: #ff0000;}
.korpa-polje {background: #caeb5e;}
.nagradna-igra-form {margin: 0px 0 0 30px;}
.nagradna-igra-form input {width: 180px; border: 1px solid #000000;}
.nagradna-igra-form .dugmici {width: 60px;}

#photoholder {
  background:#000000 url('/design/images/loading.gif') 50% 50% no-repeat;
  width: 900px;
  min-height: 632px;
}
#thephoto {
  width:900px;
  height:632px;
  visibility:hidden;
}

#TableComponent {background: #999999;}
#TableComponent td {background: #ffd37b; padding: 0 2px 0 6px;}