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

h1 {margin: 0px 0px 0px 0px; font-size: 16px;color:#ffe401;padding:0px;}
h2 {margin: 0px 0px 10px 0px; font-size: 14px;}
h3 {margin: 0px 0px 2px 0px; font-size: 13px;color:#ffffff;font-weight:bold;}

ul {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
li {margin: 0px 0 0px 0px;	padding: 0px;}

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

a, a:visited {color:#ffffff; 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: 990px; padding: 0px 0px 0px 0px; margin: 0px auto 0px auto;background:url("/design/images/wrapper.gif") no-repeat;}
#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      {}
#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        {height:176px; background: url("/design/images/body.png") repeat-x;}
#Body          {padding:20px 0 0 0;}
#Footer        {background:#070707;padding:15px 0 15px 0;color:#ffffff;font-size:11px;}

#LeftCol       {width: 200px;}
#CenterCol     {background:#121212;border-top:1px solid #4f4c47;padding:32px;color:#ffffff;}
#RightCol      {width: 283px;background:#121212;color:#ffffff;}
#RightColHelp  {width:10px;}


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

#HeaderTop				{height: 122px;}
#HeaderBottom			{height: 60px;}
#HeaderLeft             {margin:10px 0px 0px 10px;}
#HeaderRight            {margin:10px 10px 0px 0px;}
#HeaderLogo             {}
#HeaderLang             {margin: 0px 0px 0px 0px; background: url("/design/images/head-lang-back.png");}
#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;}
#HeaderMiddle			{height: 84px;}
.HeaderIcon				{padding: 0 0 0 2px;}
.HeaderIcon a			{background: url("/design/images/head-lang-back.png"); display: block;}
.HeaderIcon a:hover		{background: #ffe401;}

#BodyContent			{width:100%;}

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

#CenterColContent       {}
#CenterColContent p		{padding:0px;margin:0px;}

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

#FooterContainer		{padding:20px 0 0 0;}
#FooterContent          {width:990px;}
#Footer a, #Footer a:visited 		{color:#ffffff;text-decoration:none;}
#Footer a:hover 		{text-decoration:none;color:#ffe401;}



/* 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 { margin: 3px;}

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

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

.tableNewEditMain {background: #ffffff; margin: 10px 0 0 20px;}
	.tableNewEditMain td {background: #cccccc; width: 150px;}
	.tableNewEditMain th {font: 12px Verdana; font-weight: normal;}
.IndexBottomBack {background: url("/design/images/transparent_background.png"); padding: 10px; width: 303px;}
.IndexBottomTextContainer {background: #cdcdcd url("/design/images/index-text-back.png") no-repeat bottom; padding: 20px;}
.IndexBottomTitle {background: url("/design/images/index-bottom-title.png") repeat-x bottom; height: 26px; font-size: 18px;}
.IndexBottomText {margin: 10px 0 0 0; height: 90px;}
#IndexBottomInfo {margin: 20px 0 0 0; background: url("/design/images/transparent_background.png"); padding: 20px 0px 20px 0;}
.IndexBottomInfoContainer {padding: 10px; width: 303px;}
.IndexBottomInfoTextContainer {padding: 0px 20px 0 20px;}
.IndexBottomInfoTitle {background: url("/design/images/index-bottom-title.png") repeat-x bottom; padding: 0 0 15px 0; font-size: 18px; color: #ffffff;}
.IndexBottomInfoText {margin: 10px 0 0 0; color: #ffffff;}


.GalleryImageBorder{background:#000000;padding:4px;border:1px solid #4d4d4d;}
.GalleryImageBorder img {display:block;}
.GalleryList{padding:0 30px 35px 0;}
.GalleryList2{padding:0 0 35px 0;}
.GalleryListImage{padding:0 10px 35px 0;}
.GalleryListImage2{padding:0 0 35px 0;}

.GalleryImageBorderMain{background:#ffe401;padding:5px;}
.GalleryTitleMain{text-align:center;padding:8px 0 0 0;font-size:14px;color:#ffe401;text-transform:uppercase;}
.GalleryTitleMain a{color:#ffe401;}

.GalleryTitle{text-align:center;padding:6px 0 0 0;font-size:13px;}
.GalleryImageListBorder{background:#000000;border:1px solid #4d4d4d;width:148px;height:111px;}
.GalleryImageListBorder img {display:block;}

.PageTitleContainer{background:url("/design/images/title-container.gif") repeat-x left bottom;padding:0 0 10px 0;}
.PageDataContainer{padding:12px 0 0px 0;}
.GalleryImageListContImage{width:140px;height:103px;overflow:hidden;}

.HeaderOptionMenu{border-right:1px solid #fff8c0;padding:2px 15px 2px 15px;}
.HeaderOptionMenu img{display:block;}
.HeaderOptionMenuLast{padding:2px 15px 2px 15px;}
.HeaderOptionMenuLast img{display:block;}
.FooterOption{border-right:1px solid #525252;padding:1px 7px 1px 7px;}
.FooterOptionLast{padding:1px 7px 1px 7px;}

.ListNewsOneContainer{background:url("/design/images/title-container.gif") repeat-x bottom;padding:10px 0 10px 0;}
.ListNewsMore{color:#ffe401;}
.ListNewsMore a{color:#ffe401;}

.pageTitle{margin: 0px 0px 0px 0px; font-size: 16px;color:#ffe401;padding:0px;font-weight:bold;}

.catalogTabsContainer{background:#000000;}
.CatalogTabTitleContainer{padding:0 3px 0 3px;}
.CatalogTabTitle{padding:15px 11px 15px 11px;font-size:14px;cursor:pointer;}

.TableRodovnik {background: #a3a3a3;color:#ffffff;}
.TableRodovnik td {background: #404040; width: 208px;}
.TableRodovnik th {font: 12px Verdana; font-weight: normal;}

.VideoFrameContainer{border:1px solid #4d4d4d;padding:5px;background:#000000;}

.PaginationTable{}
.PaginationTable td{padding:0 5px 0 5px;}
.PaginationTable div{border:1px solid #ffe401;background:#ffe401;color:#000000;padding:3px 5px 3px 5px;}
.PaginationTable a{display:block;border:1px solid #4d4d4d;padding:3px 5px 3px 5px;}
.PaginationTable a:hover{border:1px solid #ffffff;background:#ffffff;color:#000000;text-decoration:none;}
.PaginationDots{border:1px solid #4d4d4d;padding:3px 5px 3px 5px;color:#ffffff;}

.FormInputText{width:200px;}
.FormInputTextArea{width:200px;}

.ArticleCategoryListArticle{padding:10px 0 0 0;font-size:14px;}
.ArticleCategoryListArticle a{display:block;background:#000000;color:#ffffff;padding:13px 13px 13px 18px;border:1px solid #ffe401;}
.ArticleCategoryListArticle a span{color:#ffe401;}

#loading_wrap{display:none;}
#top_link img{display:none;}