/**********************************************************************
  __      __ _                   _____
  \ \    / /(_)                 / ____|
   \ \  / /  _   ___ __      __| (___    ___   _   _  _ __  ___  ___
    \ \/ /  | | / _ \\ \ /\ / / \___ \  / _ \ | | | || '__|/ __|/ _ \
     \  /   | ||  __/ \ 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; font: 13px  "Trebuchet MS",Trebuchet, Verdana, Arial, sans-serif;color:#5b5b5b;background:url("/design/images/body.gif") repeat-x;}
#BodyIndex {background: #ffffff url("/design/images/body.gif") repeat-x;}
#BodyAll {background: #ffffff url("/design/images/body-all.gif") repeat-x;}

h1 {margin: 0px 0px 0px 0px;padding:0px;font:20px "Trebuchet MS",Trebuchet;font-weight:bold;color:#01557d;}
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 {color:#3237a3; 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 ******************************************************/

#SumadinacPozadina	{background:url("/design/images/sumadinac.jpg") no-repeat;width:190px;height:360px;position:absolute;margin:180px 0 0 0;z-index:2;}
#VitezPozadina		{background:url("/design/images/vitez-2.jpg") no-repeat;width:190px;height:360px;position:absolute;margin:180px 0 0 0;right:0;z-index:2;}
#Wrapper            {width: 900px; padding: 0px 0px 0px 0px; margin: 0px auto 0px auto;z-index:10;}
#WrapperMiddle      {}
#box { border: 1px solid #ccc; margin: 2px 0 2px 0px; }
.clear{clear:both;}

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

#MainContainer {width:100%;}

#Header        {}
#HeaderAll	   {}
#Body          {padding:10px 0 0 0;}
#Footer        {padding:25px 0 0 0;}

#LeftCol       {width: 200px;}
#CenterCol     {}
#RightCol      {width: 240px;float:left;}


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

#HeaderTop				{height:128px;}
#HeaderTopContainer		{border-bottom:1px solid #e1e1e1;padding:5px 0 5px 0;}
#HeaderTopMenu			{float:left;}
.HeaderTopOptions		{float:left;padding:0 15px 0 15px;background:url("/design/images/header-top-menu.gif") no-repeat right center;}
.HeaderTopOptions.First	{padding-left:0px;}
.HeaderTopOptions.Last	{padding-right:0px;background:none;}
.HeaderTopOptions a		{color:#5b5b5b;}
#HeaderBottom			{}
#HeaderLeft             {float:left;}
#HeaderRight            {float:right;padding:20px 0 0 0;}
#HeaderLogo             {padding: 13px 0 0 0;}
#HeaderLogo img			{height:75px;}
#HeaderLang             {float:right;padding:0px 0 0 0;font-size:12px;color:#ADADAD;}
#HeaderLang select		{font: 12px  "Trebuchet MS",Trebuchet, Verdana, Arial, sans-serif;color:#ADADAD;}
#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;}
.HeaderContact			{padding: 5px 18px 5px 18px; border-right: 1px solid #9d9d9d;color: #adadad;}
.HeaderContactLast		{padding: 5px 0px 5px 18px;color: #adadad;}
#HeaderMenuSmall		{display:none;}
#BodyContent			{width:100%;}

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

#CenterColContent       {}

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

#FooterContent          {background:#92b6c7;padding:15px 0 15px 0;color:#ffffff;}
#Footer a, #Footer a:visited 		{color:#ffffff;text-decoration:none;}
#Footer a:hover 		{text-decoration:underline;}
#FooterBottom           {width: 790px; height: 4px;}
#FooterContentWidth		{width:900px;margin:0 auto 0 auto;text-align:center;}



/* 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 img {border: 1px solid #e8e8e8; display:block;}
.one-item-picture-list3{padding: 10px 0 0 0;}
.one-item-picture-list3 img {border: 1px solid #e8e8e8; display:block;cursor:pointer;}
.one-item-picture-list{padding:10px 10px 0 0;}
.one-item-picture-list img {border: 1px solid #e8e8e8; display:block;cursor:pointer;}
.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;}

#HomeProductList {width:900px;height:198px;background:url("/design/images/index-product-list.png") no-repeat;}
#HomeProductListContainer {padding: 2px 0 0 2px;}
#HomeProductWrap {width:794px;}
.HomeListProductOneContainer {border:1px solid #e4e4e4;width:152px;height:185px;background:#ffffff;}
.HomeListProductImageContainer{padding:5px 0 5px 5px;}
.HomeListProductImageContainer img {display:block;}
.HomeListProductTitle {border-top:1px solid #e4e4e4;padding:5px 2px 2px 2px;font-size:14px;font-weight:bold;text-align:center;height:20px;overflow: hidden;}
.HomeListProductTitle a {color:#5b5b5b;}

.IndexDataCont {width:450px;float:left;}
#IndexNewsContainer {padding: 0 10px 0 0;}
.TitlePage {background:url("/design/images/crte-title.gif") repeat-x bottom;font:20px "Trebuchet MS",Trebuchet;font-weight:bold;color:#b20838;padding:0 0 4px 0;}
.SubTitlePage{font-size:20px;font-weight:bold;padding:5px 0 5px 0;}
#IndexMrezaContainer {padding:0 0 0 10px;}
.TackeLista{background:url("/design/images/tacke-lista.gif") repeat-x bottom;padding:0 0 0 10px;}
.StreliceListCategory{background:url("/design/images/strelica-lista.gif") no-repeat left center;padding: 6px 5px 6px 15px;}
.StreliceListItems{padding:0px 0 0 11px;}
.StreliceListItems a {color:#5b5b5b;}
.ContactForm {padding:10px 0 0 0;}
.FormText {width:180px;}
.FormSelect {width:185px;}
.FormTextArea {width:180px;}
#ReklamacijeContainer .FormTextInput{width:300px;margin: 0 0 5px 0;font: 13px  "Trebuchet MS",Trebuchet, Verdana, Arial, sans-serif;}
#ReklamacijeContainer .FormTextArea {width:300px;margin: 0 0 5px 0;height:100px;font: 13px  "Trebuchet MS",Trebuchet, Verdana, Arial, sans-serif;}
#ReklamacijeContainer .FormTitleField{padding: 0 0 5px 0;}
.IndexContainer{padding:15px 0 10px 0;}
#HeaderImageIndex_900{height:382px;}
#HeaderImageIndex_480{display:none;height:128px;}
#HeaderImageIndex_767{display:none;height:188px;}
#HeaderImageAll_900{height:92px;}
#HeaderImageAll_480{display:none;height:31px;}
#HeaderImageIndex_760{display:none;height:289px;}
#HeaderImageAll_760{display:none;height:70px;}
#HeaderImageAll_767{display:none;height:45px;}
#HeaderMenuMiddle{display:none;}
.ContactContainerOpt{width:330px;float:left;}
.ContactRightContainer{padding: 0 0px 0 10px;}
.ArticleProdaja1{width:330px;float:left;text-align:center;border-bottom:1px solid #E4E4E4;font-weight:bold;}
.ArticleProdaja2{width:330px;float:left;text-align:center;border-bottom:1px solid #E4E4E4;font-weight:bold;}
.ArticleProdajaFirstRow{height:270px;}
.ArticleProdajaSecondRow{height:310px;padding:15px 0 0 0;}
.ArticleProdajaTrRow{padding:15px 0 15px 0;}
.ArticleProdajaFirstRow table {width:100%;}
.ArticleProdajaSecondRow table {width:100%;}
.ArticleProdajaTrRow table {width:100%;}
.ArticleProdajaFirstRow td {height:220px;}
.ArticleProdajaSecondRow td {height:260px;}
.ArticleProdajaTrRow td {height:180px;}
.ArticleProizvodTop{width:100%;}
.ArticleTable{width:100%;background:#9bbb59;}
.ArticleTable th {background:#ffffff;border-bottom:1px solid #9bbb59;}
.ArticleTable .ArticleFirstRow{background:#e6eed5;}
.ArticleTable .ArticleSecondRow{background:#ffffff;}
.ArticleProizvodKarakteristike{padding:0 0 8px 0;}
.ArticleVitlaRow{padding:10px 0 10px 0;}
.ArticleVitlaRowOpremaContainer{width:330px;float:left;text-align:center;border-bottom:1px solid #E4E4E4;font-weight:bold;}
.ArticleVitlaRowOpremaContainer2{width:330px;float:left;text-align:center;border-bottom:1px solid #E4E4E4;font-weight:bold;}
.ArticleVitlaRowOprema{height:270px;}
.ArticleVitlaRowOprema table {width:100%;}
.ArticleVitlaRowOprema td {height:220px;}

#PopupIndexBackground{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000;z-index:100;opacity:0.75;filter: alpha(opacity = 75);display:none;}
#PopupIndexContainer{z-index:102;top:100px;width:768px;position:fixed;border:4px solid #525252;margin:0 0 0 65px;display:none;}
.PopupIndexHeader{background:#e8e8e8;padding:5px 10px 5px 10px;color:#000000;}

#HeaderMenu{color:#ffffff;}
.HeaderMenuOption{height:51px;padding:0 18px 0 18px;font-size:14px;}
.HeaderMenuOption a{color:#ffffff;}

.ServisDataListContainer{padding:0 0 20px 0;}
.ServisDataList{width:100%;border-top:1px solid #808080;border-left:1px solid #808080;}
.ServisDataListTitleTD{background:#a0a0a0;border-bottom:1px solid #808080;border-right:1px solid #808080;width:20%;color:#ffffff;font-weight:bold;}
.ServisDataListFields{border-bottom:1px solid #808080;border-right:1px solid #808080;}

#IndexWrap{width:342px;margin:0 auto 0 auto;height:100%;}
#IndexWrap a {color:#ed1024;}
#IndexWrap .FormInputText{border-top:1px solid #abadb3;border-bottom:1px solid #e3e9ef;border-left:1px solid #e3e9ef;border-right:1px solid #e3e9ef;width:230px;}
#IndexWrap .FormInputButton{width:114px;border:0px;background:#ed1024;color:#ffffff;padding:3px 0 3px 0;cursor:pointer;}

.ReklamacijaFieldContainer{width:300px;float:left;padding:0 0 15px 0;}
#ReklamacijaDeloviForm .FormTextInput{width:200px;}
.TableReklmacijeList{background:#000000;width:280px;}
.TableReklmacijeList td{background:#ffffff;}
.TableReklmacijeList .ProdajaProductListTableFirstRow td{background:#01557d;color:#ffffff;font-weight:bold;}
.TableReklmacijeList .TitleTableData{background:#01557d;color:#ffffff;font-weight:bold;}
.ProdajaProductListTable{background:#000000;}
.ProdajaProductListTable td{background:#ffffff;}
.ProdajaProductListTable .ProdajaProductListTableFirstRow td{background:#01557d;color:#ffffff;font-weight:bold;}
.ProdajaProductListTable .TitleTableData{background:#01557d;color:#ffffff;font-weight:bold;}
.ProdajaProductListTable .StatusValue_1{font-weight:bold;}
.ProdajaProductListTable .StatusValue_2{font-weight:bold;color:#ff0000;}
.ProdajaProductListTable .StatusValue_3{font-weight:bold;color:#05c70a;}
#ProductList{padding:10px 0 0 0;}

.ProdajaProductListTable .InputNumber{width:50px;text-align:center;}

.SiteForm .FormTextInput{width:215px;}

#UputstvoContainerLeft{float:left;width:670px;}
#UputstvoContainerRight{float:left;width:200px;padding:0 0 0 30px;}
.UputstvaBoxCategoryTitle{font-size:15px;font-weight:bold;}
.UputstvaBoxOneTitle{padding:2px 0 2px 15px;}
#HomeSlideContainer {width: 430px; overflow: hidden; height: 286px;}
.HomeSlideImage{width: 430px; height: 286px; position:absolute;}
.TitleRightButton a {display:table-cell;padding:4px 10px 4px 10px;background:#b20838;color:#ffffff;border-radius:5px;-moz-border-radius:5px;}
.ButtonAddValue{background:#2e7fd1;color:#ffffff;border:none;border-radius:5px;-moz-border-radoius:5px;cursor:pointer;font-size:14px;padding:2px 10px 2px 10px;font: 13px  "Trebuchet MS",Trebuchet, Verdana, Arial, sans-serif;}
.PaginationTable td{padding:0 4px 0 4px;}
.PaginationTable td div{background:#01557d;color:#ffffff;font-weight:bold;padding:0 4px 0 4px;}

#ZapisnikLink{background:#92b6c7;border-radius:4px;-moz-border-radius:4px;padding:9px 7px 9px 7px;display:block;text-align:center;color:#ffffff;font-size:12px;}
#ZapisnikLink:hover{text-decoration:none;}

.UserEditContainer{float:left;}
.UserEditContainer.Left{width:440px;padding:0 10px 0 0;}
.UserEditContainer.Right{padding:0 0 0 10px;width:440px;}


@media only screen and (max-width: 920px)
{
	body{background:url("/design/images/body.gif") repeat-x;}
	#BodyIndex{background:url("/design/images/body-760.gif") repeat-x;}
	#BodyAll{background:url("/design/images/body-all-760.gif") repeat-x;}
	.HeaderContact{padding: 5px 10px 5px 10px;}
	#HeaderMenuMiddle{display:block;}
	#Wrapper{width:680px;}
	#CenterCol{width:440px;}	
	.IndexDataCont{width:340px;}
	#IndexMrezaContainer{padding:0px 0 0 0;}
	.IndexContainer{padding:0px 0 10px 0;}
	#HeaderImageIndex_900{display:none;}
	#HeaderImageIndex_480{display:none;}
	#HeaderImageIndex_760{display:block;}
	#HeaderImageIndex_767{display:none;}
	#HeaderImageAll_900{display:none;}
	#HeaderImageAll_480{display:none;}
	#HeaderImageAll_760{display:block;}
	#HeaderImageAll_767{display:none;}
	.ContactContainerOpt{width:260px;}
	.ArticleImageAll{width:440px;}
	.ArticleImageContactMapa{}
	iframe{width:440px;}
	#HeaderLogo{padding:10px 0 0 0;}	
	#HeaderLogo img {height:65px;}
	#HeaderRight{font-size:12px;padding:15px 0 0 0;}
	#FooterContentWidth{width:660px;}
	.TitlePage{font-size:18px;}
	h1{font-size:18px;}
	#PopupIndexContainer{margin-left:0px;}
	#SumadinacPozadina{display:none;}
	#VitezPozadina{display:none;}
	.UserEditContainer{float:none;}
	.UserEditContainer.Right{padding:15px 0 0 0;}
}
@media only screen and (max-width: 767px)
{
	body{background:url("/design/images/body-resize.gif") repeat-x;}
	#BodyIndex{background:url("/design/images/body-767.gif") repeat-x;}
	#BodyAll{background:url("/design/images/body-all-767.gif") repeat-x;}
	#HeaderMenuSmall{display:block;height:52px;}
	#HeaderMenuSmall select{width:420px;margin:15px 0 0 10px;}
	#HeaderMenuMiddle{display:none;}
	#Wrapper{width:440px;}
	#HeaderMenu{display:none;}
	#HeaderTop{height:221px;}
	#CenterCol{width:420px;padding:0 0 0 10px;}	
	#RightCol{width:420px;padding:0 0 0 10px;}
	#RightColContent{padding:15px 0 0 0;}
	.IndexDataCont{width:420px;padding:0 0 0 10px;}
	#IndexMrezaContainer{padding:30px 0 0 0;}
	.IndexContainer{padding:0px 0 10px 0;}
	#HeaderImageIndex_900{display:none;}
	#HeaderImageIndex_480{display:none;}
	#HeaderImageAll_900{display:none;}
	#HeaderImageAll_480{display:none;}
	#HeaderImageIndex_760{display:none;}
	#HeaderImageAll_760{display:none;}
	#HeaderImageIndex_767{display:block;}
	#HeaderImageAll_767{display:block;}
	.ContactContainerOpt{width:420px;}
	.ContactRightContainer{padding:10px 0 0 0;}
	.TitlePage{font-size:17px;}
	h1{font-size:17px;}
	.ArticleImageContactMapa{width:280px;}
	.ArticleImage{width:150px;}
	.ArticleImageAll{width:420px;}
	iframe{width:420px;}
	#HeaderLogo{padding-left:10px;}
	#HeaderRight{width:420px;float:left;}
	.NewsImage{width:80px;}
	#FooterContentWidth{width:420px;}
	#PopupIndexContainer{width:422px;}
	#PopupIndexContainer img{width:422px;}
	#HeaderLang{float:right;padding-left:10px;padding-right:10px;}
}
@media only screen and (max-width: 480px)
{
	body{background:url("/design/images/body-resize-480.gif") repeat-x;}
	#BodyIndex{background:url("/design/images/body-480.gif") repeat-x;}
	#BodyAll{background:url("/design/images/body-all-480.gif") repeat-x;}
	#HeaderMenuSmall{display:block;height:52px;}
	#HeaderMenuSmall select{width:280px;margin:15px 0 0 10px;}
	#HeaderMenuMiddle{display:none;}
	#Wrapper{width:300px;}
	#HeaderMenu{display:none;}
	#HeaderTop{height:271px;}
	#CenterCol{width:280px;padding:0 0 0 10px;}	
	#RightCol{width:280px;padding:0 0 0 10px;}
	#RightColContent{padding:15px 0 0 0;}
	.IndexDataCont{width:280px;padding:0 0 0 10px;}
	#IndexMrezaContainer{padding:30px 0 0 0;}
	#IndexMrezaContainer img {width:80px;height:40px;}
	#HeaderLogo{margin-top:0px;}
	#HeaderLogo img {width:280px;height:73px;}
	.IndexContainer{padding:0px 0 10px 0;}
	#HeaderImageIndex_900{display:none;}
	#HeaderImageIndex_480{display:block;}
	#HeaderImageAll_900{display:none;}
	#HeaderImageAll_480{display:block;}
	#HeaderImageIndex_760{display:none;}
	#HeaderImageIndex_767{display:none;}
	#HeaderImageAll_760{display:none;}
	#HeaderImageAll_767{display:none;}
	.ContactContainerOpt{width:280px;}
	.ContactRightContainer{padding:10px 0 0 0;}
	.TitlePage{font-size:17px;}
	h1{font-size:17px;}
	.ArticleImageContactMapa{width:280px;}
	.ArticleImage{width:100px;}
	.ArticleImageAll{width:280px;}
	iframe{width:280px;}
	#HeaderLogo{padding-left:10px;}
	#HeaderRight{width:280px;float:left;font-size:11px;}
	.NewsImage{width:80px;}
	#FooterContentWidth{width:280px;}
	.ArticleProdaja1{width:280px;}
	.ArticleProdaja1 img{width:280px;}
	.ArticleProdaja2{width:280px;}
	.ArticleProdaja2 img{width:280px;}
	#PopupIndexContainer{width:282px;}
	#PopupIndexContainer img{width:282px;}
	#HeaderLang{float:right;padding-left:10px;}
	
	.ArticleVitlaRowOpremaContainer{width:280px;}
	.ArticleVitlaRowOpremaContainer2{width:280px;}
	.HeaderContact{padding:2px 7px 2px 7px;}
	.HeaderContactLast{padding:2px 7px 2px 7px;}
}