/**********************************************************************
  __      __ _                   _____
  \ \    / /(_)                 / ____|
   \ \  / /  _   ___ __      __| (___    ___   _   _  _ __  ___  ___
    \ \/ /  | | / _ \\ \ /\ / / \___ \  / _ \ | | | || '__|/ __|/ _ \
     \  /   | ||  __/ \ V  V /  ____) || (_) || |_| || |  | (__|  __/
      \/    |_| \___|  \_/\_/  |_____/  \___/  \__,_||_|   \___|\___|
          web: www.viewsource.biz  email: office@viewsource.biz
                    Copyright (c) 2005-2009 ViewSource
                    
***********************************************************************/


/* C O M M O N ********************************************************/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700,800&subset=latin,cyrillic-ext,latin-ext,cyrillic);
body {margin: 0px; padding: 0px; background: #000000; font-size: 16px;font-family: 'Open Sans', sans-serif;}

h1 {margin: 0px 0px 10px 0px; font-size: 22px;text-transform:uppercase;}
h2 {margin: 0px 0px 0px 0px; font-size: 22px;text-transform:uppercase;}
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 {color:#000; 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;}

.clear{clear:both;}
header				{}
footer				{}
section				{float:left;}
aside				{float:left;}

.SiteWidth			{width:1180px;margin:0 auto 0 auto;}

#box { border: 1px solid #ccc; margin: 2px 0 2px 0px; }


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

#Header        {width:100%;height:84px;background:url("/design/images/pozadina.png") repeat;box-shadow:0 2px 4px rgba(0, 0, 0, 0.3);position:fixed;top:0px;z-index:600;border-bottom: 3px solid #ae0000;}
#Body          {}
#Footer        {width:100%;border-top:3px solid #b80000;background:url("/design/images/pozadina.png") repeat;box-shadow:0 2px 4px rgba(0, 0, 0, 0.3);position:fixed;bottom:0px;z-index:600;}

#ColContainer	{}
#LeftCol       {width: 200px;float:left;}
#CenterCol     {width:100%;}
#RightCol      {width: 200px;float:left;}


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

#HeaderWrapper			{}

.HeaderManu				{float:right;}
.HeaderManu a			{text-decoration:none;color:#ffffff;font-size:20px; text-transform: lowercase;display:table-cell;height:84px;vertical-align:middle;}
.HeaderManu a:hover		{background:url("/design/images/border.gif") bottom repeat-x;}
.HeaderManuOption.Active a{background:url("/design/images/border.gif") bottom repeat-x;}

.HeaderManu.HeaderManuOption.First	{padding:0px;}
.HeaderManuOption		{padding:0 0 0 40px;}


#HeaderLogo             {float:left;padding:26px 0 26px 0;}
#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;}


#FooterLang				{height:36px;vertical-align:middle;display:table-cell;padding:0 0 0 8px;}
#Bottom					{bottom:43px;z-index:700;position:absolute;padding: 0 0 30px 0;}
.FooterLangDropMenu		{display:none;padding:7px 35px 7px 7px;margin-top:-30px;}
.FooterLangDropMenu a:hover	{}
.FooterLangDropMenu.Active {display:block;}
.LangDropOption			{padding:2px 0 2px 28px;color:#ffffff;}
.LangDropOption.English{background:url("/design/images/gb.png")left center no-repeat;}
.LangDropOption.Srpski	{background:url("/design/images/rs.png")left center no-repeat;}
.LangDropOption.German	{background:url("/design/images/de.png")left center no-repeat;}
#FooterLangCurrent		{border:1px solid #2a2a2a;height:29px;display:table-cell;vertical-align:middle;color:#ffffff;cursor: pointer;padding: 0 10px 0 10px;}
#FooterLangCurrent img	{padding:0 7px 0 7px;}
.FooterFb 				{background:url("/design/images/fb.png")center no-repeat;height:29px;padding:0 14px 0 14px;border:1px solid #2a2a2a;}
.FooterText				{padding-right:10px;color:#ffffff;}
.FooterIcon				{padding:0 12px 0 28px;}

.ContactForm h2			{padding-bottom:40px;}
.ContactForm input 		{width:375px;height:25px;border:1px solid #d5d5d5;margin-bottom:5px; box-shadow: 1px 1px 1px #f4f4f4;}
.ContactForm textarea	{width:375px;height:165px;border:1px solid #d5d5d5;box-shadow: 1px 1px 1px #f4f4f4;}
.ContactForm label		{color:#848484;padding-right:40px;}
.captcha_code			{color:#848484;}
.captcha_code img		{padding-top:10px;}
.Botton					{float:right;padding-top:5px;}
.Botton input			{width:80px;height:30px;border-radius:0;text-transform: lowercase;background:#ffffff;border:1px solid #959595;}

#HeaderOpcije a 		{color:#000; text-decoration:none;}
#HeaderOpcije a:visited {color:#000; text-decoration:none;}
#HeaderOpcije a:hover 	{color:#000; text-decoration:underline;}

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

#CenterColContent       {}

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

.Top					{padding:120px 0 120px 0;}
.NewsContent			{padding-top:20px;}
.NewsContent img		{padding:0px 26px 26px 0px;}
.NewsPicture			{float:left;}
.NewsText				{font-style: italic;width:auto;height:auto;}
.NewsTitle				{font-weight:bold;font-size:22px;border-bottom:1px solid #000;padding:60px 0 10px 0;}
.NewsBox				{background: #fff;padding:0 53px 20px 53px;}
.NewsLink				{float:right;border:1px solid #959595;padding:10px 30px 10px 20px;text-transform: lowercase;font-weight:bold;}
.NewsLink a				{color:#b80000;border-color:#b80000;text-decoration:none;}

.LinkTop a:hover		{color:#b80000;border-color:#b80000;text-decoration:none;}
.pagination td			{padding: 0px 3px 0px 0px;}
.pagination	td a 		{display: table-cell;width: 28px; height: 28px;border: 1px solid #DCDCDC; background: #FFF none repeat scroll 0% 0%;color: #777; vertical-align: middle;text-align: center;}
.pagination	td span 	{display: table-cell;width: 28px; height: 28px;border: 1px solid #DCDCDC; background: #b80000 none repeat scroll 0% 0%;color: #fff; vertical-align: middle;text-align: center;}
.pagination a:hover		{text-decoration:none;}

.ArticleContent			{background: #fff;padding:64px 50px 45px 50px;}
.ArticleContent img     {max-width:100%;}
.ArticleImg				{float:left;padding:0px 20px 60px 0px;border-right:1px solid #000;}
.ArticleText img		{max-width:100%;}
.ArticleText			{float:right;font-style: italic;width: 600px;}
.ArticleText.Full		{float:none;width:100%;font-style: normal;}
.ArticlePicture			{float:left;}
.ArticlePicture img		{border:none;padding:0;}


.ContactContainer		{background: #fff;padding:60px 100px 95px 50px;}
.Contact				{float:left;width:352px;height:585px;padding-right:115px;border-right:1px solid #000;}
.ContactForm			{float:right;}
.ContactLogo			{background:url("/design/images/logo-1.png") no-repeat;height:40px;width:300px;}
.ContactName			{padding:20px 0 20px 0;font-size:22px;}
.ContactPhone			{background:url("/design/images/telefon.png")left center no-repeat;height:50px;vertical-align: middle;padding-left:55px;}
.ContactMail			{background:url("/design/images/pismo.png")left center no-repeat;height:50px;vertical-align: middle;padding-left:55px;}
.ContactText			{font-style: italic;padding-bottom:50px;}


.FooterInfo				{float:left;}
.FooterInfoText			{height:29px;display:table-cell;vertical-align:middle;}
.FooterContainer		{float:right;}
.FooterContent          {padding:10px 0 10px 0;color:#ffffff;font-size:13px;}
#Footer a, #Footer a:visited {color:#ffffff;text-decoration:none;}
#Footer a:hover 		{text-decoration:underline;}
#FooterBottom           {width: 790px; height: 4px;}
.GalleryTop				{padding:110px 0 88px 0;}
.GalleryTop1			{padding:110px 0 88px 0;}
.GalleryContainer		{width:378px;height:506px;text-align:center;background:#ffffff;}
.GalleryContent			{padding:55px 55px 49px 49px;}
.white-right:before {display:block;content:''; height:0; width:0; border-width:12px 12px 12px 12px; border-style:solid; border-color:rgba(251,251,251,0) rgba(255,255,255,1) rgba(255,255,255,0) rgba(255,255,255,0); position:absolute; margin-top:57px; margin-left: -24px; border-left-style:inset; }
.white-right2:before {content:''; height:0; width:0; border-width:12px 12px 12px 12px; border-style:solid; border-color:rgba(251,251,251,0) rgba(255,255,255,1) rgba(255,255,255,0) rgba(255,255,255,0); position:absolute; margin-top:57px; margin-left: -213px; border-left-style:inset; }
.white-left:before {content:''; height:0; width:0; border-width:12px 12px 12px 12px; border-style:solid; border-color:rgba(251,251,251,0) rgba(255,255,255,0) rgba(255,255,255,0) rgba(255,255,255,1); position:absolute; margin-top:57px; margin-left: 189px; border-right-style:inset; }
.white-bottom:before {content:''; height:0; width:0; border-width:12px 12px 12px 12px; border-style:solid; border-color:rgba(251,251,251,0) rgba(255,255,255,0) rgba(255,255,255,1) rgba(255,255,255,0); position:absolute; top:-24px; margin-left:40px; border-top-style:inset; }
.GalleryTitle			{text-transform:uppercase;font-weight:bold;font-size:22px;padding-bottom:43px;border-bottom:1px solid #000000;}
.GalleryTitle a, .GalleryTitle a:visited	{color:#000000;text-decoration:none;}
.GalleryTitle a:hover	{color:#ae0000;text-decoration:none;}
.GalleryText			{font-size:14px;font-style: italic;padding-top:25px;text-align: justify;padding-bottom:25px;}
.GalleryText a, .GalleryText a:visited	{color:#000000; text-decoration:none;}
.GalleryContainer1		{display:none;}
.GalleryBox				{float:left;}
.GalleryLine			{padding:0px 0 23px 0;}
.GalleryLine.Last		{padding:0px;}
.GalleryLeft			{padding-left:23px;}
.Picture img			{padding:0px;display:block;}
.Picture a img, a:visited img, a:hover img 	{color:transparent; text-decoration:none;}
.ContactFormLabel		{font-size:14px;}

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

.box-left-cel {margin: 5px 0 5px 0px; width: 190px;}
.box-header-left-cel {background:#ccc; padding-left:5px; height: 25px;}

.box-right-cel {margin: 5px 0 5px 0px; widh: 190px;}
.box-wrap-right-cel {}

.box-footer-right-cel {border-bottom: 2px solid #cccccc; font-size: 0px; padding: 0px; margin: 0px;}


.box-banner {margin: 5px 0 0 0; width: 190px;}
.box-banner-content {}

.box-content {border:2px solid #ccc;padding: 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;}

.thumb-tray{display:block;}

.Controls-Top{padding:48px 0 0 20px;float:right;}
.ThumbBar	{ -moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000; box-shadow: 0px 0px 4px #000; padding:0px 0 0px 0px;float:left;width:600px; background:url(/design/images/bg-black.png); }

.Controls-Container{float:right;}
.ControlsGalleryContainer{position:absolute;width:1180px;height:150px;bottom:-1px;}

.SildeText		{font-size:25px;}
.SildeTitle		{font-size:52px;font-weight:bold;}
.SlideContainer	{position:absolute;width:1180px;height:auto;bottom:70px;}
.SlideContent	{width:570px;padding:20px;}
.Right			{float:right;text-align:right;}
.Left			{float:left;text-align:left;}

#HeaderMenuPhone{display:none;}
#HeaderMenuPhoneButton{color:#1a1a1a;background:#ffffff;padding:5px 0 5px 0;cursor:pointer;text-align:center;font-weight: bold;font-size:16px;}
#HeaderMenuPhoneMenu	{position:absolute;z-index:900;display:none;}
#HeaderMenuPhoneMenu .Content{background:url("/design/images/pozadina.png") repeat;}
#HeaderMenuPhoneMenu .Content a{display:block;padding:7px 0 7px 15px;border-top:1px solid #ffffff;color:#ffffff;}
#HeaderMenuPhoneMenu .Content a:hover{background:#ffffff;color:#000000;text-decoration:none;}
.Title			{font-size:36px;padding:25px 0 25px 0;display:table;margin:0 auto 0 auto;}