/**********************************************************************
  __      __ _                   _____
  \ \    / /(_)                 / ____|
   \ \  / /  _   ___ __      __| (___    ___   _   _  _ __  ___  ___
    \ \/ /  | | / _ \\ \ /\ / / \___ \  / _ \ | | | || '__|/ __|/ _ \
     \  /   | ||  __/ \ 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/background.jpg) repeat; font-family: 'Droid Sans', regular, serif;font-size: 12px;}

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

a, a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a img, a:visited img, a:hover img {border: 0px;}

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


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

#Wrapper            {width: 996px; padding: 0px 0px 0px 0px; margin: 0px auto 0px auto; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);background: #ffffff;border-top: 4px solid #ECECEC;}
#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: 996px;}

#Header        { font-size: 10px;padding-bottom: 28px;}
#Body          {}
#Footer        {height: 30px;}

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


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

#HeaderTop				{width: 100%;}
#HeaderBottom			{}
#HeaderLeft             {margin:10px 0px 0px 0px;}
#HeaderRight            {margin:0px 2px 0px 0px;height: 95px;margin-top: -4px;}
#HeaderLogo             {margin-left: 28px;padding-top: 5px;}
#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;}
.HeaderMenu{color:#000000;font-weight: bold;padding-right: 20px;text-transform: uppercase;font-size: 12px;padding-top: 25px;padding-bottom: 35px;padding-left: 20px;margin-top: 5px;border-left: 1px solid #ffffff;border-right: 1px solid #ffffff;display: block;}
.HeaderMenu a{text-decoration: none;color:black;font-weight: bold;color:#000000;}
.HeaderMenu:hover{border-left: 1px solid #FAFAFA;border-right: 1px solid #FAFAFA;background-color: #FCFCFC;cursor: pointer;text-decoration: none;color:#00377b;}
.HeaderBorder:hover{border-top: 4px solid #00377b;}
.HeaderBorder{border-top: 4px solid #ECECEC;}
.HeaderBottomSmall{font-size: 8px;text-align: center;color:#bababa;font-weight: normal;}

#BodyContent			{width:100%;}

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

#CenterColContent       {padding-left: 28px;padding-right: 28px;}

#RightColContent        {background: #fff;}

#FooterContent          {margin: 10px 0 0 0px;background-color: #333333;color:#ffffff;border-top: 4px solid #ededed;}
#Footer a, #Footer a:visited 		{text-decoration:none;}
#Footer a:hover 		{text-decoration:underline;}
#FooterBottom           {width: 790px; height: 4px;}

.nivoSlider.rightcol		{width:290px; height:193px;}

/* 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 #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 { padding-bottom: 20px;}

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

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

.ArticlePocetnaTittle{text-align: center;margin-top: 37px;font-weight: bold;font-size: 16px;}
.ArticlePocetnaText{text-align: center;font-size: 15px;color: #686868;}

.IndexImgOkvir{border: 1px solid #ededed;display: table-cell;padding: 2px;}
.IndexImgOkvir img{display: block; max-width:296px;}
.IndexContent{background: url(/design/images/center-bg-top.jpg) repeat-x;padding-top: 37px;}
.IndexContetValue{}
.IndexContentTittle{margin-top: 19px;font-weight: bold;font-size: 16px;}
.IndexContentTittle a {color:#000; text-decoration:none;}
.IndexContentTittle a:hover {color:#00377B;}
.IndexContentText{margin-top: 19px;font-size: 12px; color: #686868;padding-right: 15px;}
.IndexContentLine{background: url(/design/images/center-bg-top.jpg) repeat-x;margin-top: 12px;margin-right: 15px;}
.IndexContentLine2{background: url(/design/images/center-bg-top.jpg) repeat-x;margin-top: 12px;}
.IndexArticlesWrapper {width:300px;float:left;margin-right:20px;}
.IndexBannerBottomWrapper {padding:37px 0px 20px 0px;background: url("/design/images/center-bg-top.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);}
.BannerBottom{border: 1px solid #ededed;width: 169px;height: 79px;text-align: center;display: table-cell;vertical-align: middle;}
.FooterNavContent{margin-left: 28px;margin-top: 23px;font-size: 16px;margin-bottom: 23px;}
.FooterText{font-size: 12px;vertical-align: text-top;color:#8f8f8f;}
.FooterCopyRight{background-color: #2a2a2a;border-top: 1px solid #242424;font-size: 12px;padding-top: 19px;padding-bottom: 19px;padding-left: 28px;color:#8f8f8f;}
.FooterCopyRight a{color: #8f8f8f;}
.FooterCopyRight a:hover{color: #ffffff;}
.FooterMenu {width:123px;padding-left:30px;}
.FooterMenu ul {list-style:none;padding-left:0px; font-size:12px;}
.FooterMenu li {padding:2px 0px;}
.FooterMenu a {color:#8F8F8F; padding-left:3px;}
.FoterTitle {font-size:15px;padding-bottom:8px;}

.BannerBottomTittle{font-weight: bold;font-size: 16px;margin-bottom: 10px;margin-left: 4px;}

.HeaderNotIndex{background: url(/design/images/header2.gif);height: 91px;}
.ArticleTitle{font-size: 22px;margin: 25px 28px 28px 28px;color:#565656;}

.RighTitle{font-size: 18px; color: #565656;}
.RightMenuElement{border-bottom: 1px solid #efefef;padding:14px 0 14px 30px; ;color:#565656;background-image: url(/design/images/strelica.png);background-repeat: no-repeat;background-position: 10px center;margin-right: 28px;}
.RightMenuElement a{text-decoration: none;color:#565656;}
.RightMenuElementList a{text-decoration: none;color:#565656;float: right;margin-right: 28px;}

.ArticleText{color:#565656;font-size: 13px;text-align: justify;padding-top: 20px;margin-bottom: 28px;}
.ArticleImgOkvir {width:194px;border: 1px solid #ededed;float:left;padding: 2px; margin:0px 10px 10px 0px;}
.ArticleImgOkvir img {display: block; max-width:194px;}
.inputText{padding:5px;border:1px solid #d2d2d1; border-radius:3px;color: #7C7C7C;width: 500px;font-family: 'Droid Sans', regular, serif;font-size: 13px;}
.inputTextArea{color: #7C7C7C;border:1px solid #d2d2d1;border-radius:3px;padding: 5px;width: 500px;max-width: 500px;min-width: 500px;height: 160px;min-height: 160px;font-family: 'Droid Sans', regular, serif;font-size: 13px;}
.inputbutton {width: 109px;height: 27px;background-color: #00377b;border: 1px solid #00377b;border-radius: 3px 3px 3px 3px;color: #FFFFFF;font-family: 'Open Sans',Arial,Helvetica,sans-serif;font-size: 10px;font-weight: bold;line-height: 18px;padding: 0 8px;position: relative;text-transform: uppercase;}
.inputText2{width: 150px;padding:5px;margin-right:8px;color: #7C7C7C;border:1px solid #d2d2d1; border-radius:3px;font-family: 'Droid Sans', regular, serif;font-size: 13px;}
.Gallery{margin:25px 0 0 0;}
.GalleryName {text-align: center;padding-bottom: 20px;color: #7C7C7C;padding-top: 10px;}
.GalleryName a{color: #7C7C7C;}
.GalleryName a:hover{text-decoration: none;}

.GalleryBack {text-align: center;color: #7C7C7C;}
.GalleryBack:hover{text-decoration: none;}
.GalleryImgOkvir{border: 1px solid #ededed;display: table-cell;padding: 2px;width: 187px;}
.GalleryImgOkvir img{display: block;}

.ContactTitle{font-size: 18px;margin: 0px 28px 28px 0px;color:#565656;}
.clear {clear:both;}
#foo4 {list-style: none; padding-left:0px;}
#foo4 li {float:left;padding-left:14px;}
#CarouselList	{visibility:hidden;}
#fancybox-title-over {color: #ffffff;}