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

h1 {background: url('/design/images/h_1.gif') no-repeat; background-position: left 4px; margin: 0px 0px 8px 0px; padding: 0 0 4px 12px; font-weight: bold; font-size: 10px; height: 15px;}
h2 {font: 10px Verdana, Arial, sans-serif; margin: 0 0 2px 0; padding: 0 0 2px 5px; color: #999999; font-weight:bold; border-bottom: 1px solid #eeeeee;}
h3 {font: 10px Verdana, Arial, sans-serif; margin: 0 0 2px 0; padding: 0 0 2px 5px; color: #999999; font-weight:bold;}

ul {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 15px;}
li {margin: 2px 0 0 0; padding: 0 0 0 11px; background: url('/design/images/ul-1.gif') no-repeat; background-position: left 4px; list-style-type: none;}

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

a, a:visited {color:#ff6600; text-decoration:none; outline-style: none;}
a:hover {text-decoration:underline; outline-style: none;}
a img, a:visited img, a:hover img {border: 0px; outline-style: none;}
p {margin: 3px 0 3px 0; padding: 0}

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

input, textarea, select {border: 1px solid #ccc; color: #555; background-color: #eaeaea; padding: 2px; font-size: 10px;}


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

#Wrapper            {width: 662px; padding: 0px 0px 0px 0px; margin: 40px 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        {font-size: 10px;}
#Body          {padding: 15px 28px 0 28px;}
#Footer        {}

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

#Header a {color: #999999;}
#Header a:visited {color: #999999;}



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

#HeaderLeft             {float:left; margin:15px 0px 0px 20px; display: inline;}
#HeaderRight            {float:right; margin:15px 22px 0px 0px; display: inline;}
#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:1px 15px 5px 0px; margin: 0 25px 0 0; border-right: 1px solid #e1e1e1;}
#LeftColContentCms      {background: #fff; margin: 0 25px 0 0;}

#CenterColContent       {background: #fff;}

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

#FooterContent          {margin: 15px 25px 7px 0px; font-size: 9px; color: #bbbbbb;}
#Footer a, #Footer a:visited 		{color:#bbbbbb;text-decoration:none;}
#Footer a:hover 		{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 {border: 1px solid #e1e1e1; margin: 0 0px 3px 5px; padding: 5px;}
.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: 0px 12px 17px 0px;}
.category-items-parameter {width: 230px;}
.category-items-picture {border: 1px solid #e1e1e1; margin: 0 4px 0 3px; padding: 5px;}
.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;}

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

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

.header-meni {font-weight: bold; border-left: 1px solid #e1e1e1; padding: 16px 20px 4px 3px; font-size: 11px;}
.header-meni-last {font-weight: bold; border-left: 1px solid #e1e1e1; padding: 16px 0px 4px 3px; font-size: 11px;}
#header-banner {background: #fff url('/design/images/header-slika-okvir.gif') no-repeat; width: 620px; height: 128px; margin: 15px 0px 0px 15px;}
#header-banner img {}

.catalogLeftItems {padding: 0 0 0 10px; margin: 2px 0 2px 2px ; background: url('/design/images/ul-1.gif') no-repeat; background-position: left 5px;}


.catalogLeftScrollItems
{
	padding: 0 0 0 0px;
	margin: 2px 0 2px 2px ;
}

.catalogLeftItems a, .catalogLeftItems a:visited, .catalogLeftScrollItems a, .catalogLeftScrollItems a:visited
{
	color:#999999;
}

#navUp
{
	font-size: 0; 
	height:7px;
	width:114px;
	background:url('/design/images/navUp.gif');
	cursor: pointer;
}

#navDown
{
	font-size: 0; 
	height:7px;
	width:114px;
	background:url('/design/images/navDown.gif');
	cursor: pointer;
	
}

#ReferencList
{
	width:112px;
	overflow:hidden; 
}

#imgHolder
{
	cursor: url('/design/images/zoom.cur'), pointer;
	xcursor: pointer;
}


#leftShade
{
	display:block;
	background:#f4f2f0;
	position: absolute;
	z-index: 1;
	top:0px;
	opacity:0.85;
	filter: alpha(opacity = 85);
	overflow:hidden;
}

#imageHolder
{
	display:block;
	position: absolute;
	z-index: 2;
	
	top:0px;
	overflow:hidden;
}


#zoomImage
{
	background:white;
	padding:5px;
	border:2px solid #e1e1e1;
}

#closeZoomImage
{
	background:white;
	width:300px;	
}

.slike {margin: 5px 0 5px 0px;}

#cms-left ul {margin: 0px; padding: 0px;}
#cms-left li {margin: 0px; background: #ffffff; padding: 0px;}
#cms-left .podopcija {margin-left: 8px;}
#cms-left .pod-podopcija {margin-left: 16px;}

#cms-center ul {margin: 0px; padding: 0px;}
#cms-center li {margin: 0px;}
#cms-center .podopcija {margin-left: 8px;}
#cms-center .pod-podopcija {margin-left: 16px;}

#ViewSourceDiv img {border: 1px solid #e1e1e1; padding: 3px;}