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

h1 {margin: 0px 0px 10px 0px; font-size: 16px; color: #38a200; border-bottom: 1px solid #b9d17b; padding: 0 0 9px 5px;}
h2 {margin: 0px 0px 10px 0px; font-size: 14px;}
h3 {margin: 0px 0px 2px 0px; font-size: 12px; color: #38a200; font-weight: normal;}

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:0; margin: 2px 0 2px 0;}

a, a:visited {color:#ff6603; 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;}
h1 a {color: #38a200;}


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

#Wrapper            {width: 916px; padding: 0px 0px 0px 0px; margin: 0px auto 0px auto; color: #000000;}
#WrapperMiddleLeft  {width: 31px; background: url("/design/images/wrapper-middle-left.gif") no-repeat top left}
#WrapperMiddle      {}
#WrapperMiddleRight {width: 32px; background: url("/design/images/wrapper-middle-right.gif") no-repeat top right; }

#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 0 0 0;}
#Footer        {height: 74px; background: url("/design/images/footer-pozadina.gif") repeat-x; margin: 30px 0 0 0;}

#LeftCol       {width: 234px;}
#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:35px 0px 0px 34px; display: inline;}
#HeaderRight            {float:right; margin:10px 4px 0px 0px; text-align: right;}
#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           {margin: 30px 0 0 0;}
#HeaderSearch input     {}
#HeaderSearchInput		{border: 1px solid #ccc; height: 21px; color: #919194; margin: 0px; padding: 3px 10px 0 10px; background: url("/design/images/pozadina-input.gif") repeat-x bottom; font: 11px Verdana; width: 150px;}
#HeaderSearchButon      {color:#444; font-size: 10px; height: 26px; width: 48px; border: 0px;}
#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;}
#HeaderNavigacija 		{height: 252px; background: url("/design/images/header-pozadina.gif") no-repeat; margin: 16px 0 0 0; padding: 19px 0 0 0;}

#BodyContent			{width:100%;}

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

#CenterColContent       {padding:0px 0 0 30px;}

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

#FooterContent          {margin: 0px auto 0 auto; width: 832px; padding: 19px 0 0 0; color:#646569;}
#Footer a, #Footer a:visited 		{color:#646569;text-decoration:none;}
#Footer a:hover 		{text-decoration:underline;}
#FooterBottom           {width: 790px; height: 4px;}
.FooterNavigacija		{border-right: 1px solid #646569; padding: 0 14px 0 14px;}



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

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

.box-header-left-cel-sivi {background: url("/design/images/box-header-center-sivi.gif") repeat-x; height: 5px; font-size: 0px;}
.box-header-left-left-cel-sivi {background: url("/design/images/box-header-left-sivi.gif") no-repeat;	width: 6px;	height: 5px; font-size: 0px;}
.box-header-right-left-cel-sivi {background: url("/design/images/box-header-right-sivi.gif") no-repeat; width: 6px; height: 5px; font-size: 0px;}
.box-wrap-left-left-cel-content {background: url("/design/images/box-wrap-left-content.gif") no-repeat; height: 72px; width: 6px;}
.box-wrap-right-left-cel-content {background: url("/design/images/box-wrap-right-content.gif") no-repeat; height: 72px; width: 6px;}
.NavigacijaLeviMeni {margin: 0 0 2px 0;}
.menutitle {margin: 0 0 2px 0;}
.NavigacijaNivo1 {list-style-type: none; margin: 5px 0 5px 30px; padding: 0;}
.NavigacijaOpcijaNivo1 {background: url("/design/images/navigacija-li-1.gif") no-repeat 0 5px; padding: 0 0 0 10px;}
.NavigacijaOpcijaNivo1 a {color: #636365;}
.NavigacijaNivo2 {list-style-type: none; margin: 0px 0 0px 10px; padding: 0;}
.NavigacijaOpcijaNivo2 {background: url("/design/images/navigacija-li-2.gif") no-repeat 0 7px; padding: 0 0 0 10px;}
.NavigacijaOpcijaNivo2 a {color: #636365;}

/* 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 #38a200; margin: 2px; padding: 2px; background: #ffffff;}
.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: 3px;}

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

.info {background: #f9f9f9; border: 1px solid #eeeeee; padding: 5px; margin: 5px;}
.Opsirnije {background: url("/design/images/opsirnije.gif") no-repeat left; padding: 0 0 0 15px;}
.ArticlePicture {padding: 3px; margin: 0 0 10px 10px; border: 1px solid #7db70d;}
.GalerijaPicture {padding: 3px; margin: 0 0 10px 10px; border: 1px solid #7db70d; margin: 0 18px 10px 0;}
.GalerijaPictureLast {padding: 3px; margin: 0 0 10px 10px; border: 1px solid #7db70d; margin: 0 0px 10px 0;}
.GalerijaTitle {margin: 0px 0 35px 0; text-align: center; width: 123px;}
.GalerijaTitle a {color: #38a200;}

#slider{}	
#slider ul, #slider li{margin:0; padding:0; list-style:none;}
#slider li{ width:600px; height:230px; overflow:hidden; float: left;}	
#content{position:relative;}
#container{	margin:0 auto; position:relative; text-align:left; width:600px;background:#fff;}
#prevBtn, #nextBtn {display: none;}
.ZadovopljenjeContainer input {margin: 3px 0 3px 0;}
.ZadovopljenjeContainer select {margin: 3px 0 3px 0;}
.EmploymentList {margin: 10px 0 0 0;}
.OneEmployment {margin: 10px 0 0 0;}