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

@import url(//fonts.googleapis.com/css?family=Ubuntu);

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

body {margin: 0px; padding: 0px; background: #f4f2f0; font-family: 'Ubuntu','Arial', sans-serif; font-size:13px; color:#8d8d8d;}

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: 0px; padding: 0px 0px 0px 0px;list-style-type:none;}
li {margin: 0px;padding:4px 0 4px 15px;}
ul li{background:url("/design/images/li.png") no-repeat left center;}

ol {margin: 0px; padding: 0px 0px 0px 15px;}
ol li{padding:4px 0 4px 0px;}

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

a	{outline: none;color: #659BCD; 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: 100%; padding: 0px 0px 0px 0px; margin: 0px auto 0px auto; }
#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      {background: #ffffff;}
#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: 112px; font-size: 10px;}
#Body          {}
#Footer        {padding-top:20px;}

#LeftCol       {width: 200px;}
#CenterCol     {padding-top:40px;}
#RightCol      {width: 250px;float:left; padding-top:30px;}



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

#HeaderTop				{width: 1200px;height:78px;margin: 0px auto 0px auto;}
#HeaderTopLanguageWrapper	{height:33px;border-bottom:1px solid #f2f2f2; font-size:13px;}
#HeaderTopLanguage		{width:1200px; margin: 0px auto 0px auto;}
#HeaderInfo				{float:left;}
#HeaderBottom			{width:100%;margin-top:112px;}
#HeaderLeft             {height:78px;margin:0px;}
#HeaderRight            {margin:0px;}
#HeaderLogo             {padding-top:18px;}
#HeaderLang             {height:33px;float:right;margin: 0px;}
#HeaderLang a           {color:#858585; text-decoration:none;}
#HeaderLang a:visited   {color:#858585; text-decoration:none;}
#HeaderLang a:hover     {color:#659BCD; }

#HeaderFixedContainer	{width:100%; background: #fff;position: fixed;z-index:2;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);}
#HeaderFixed			{width:100%; margin:0px;}
#HeaderMenu				{float:right; margin:29px 35px 0px 0px;}
#HeaderMenu	ul			{padding:0px}
#HeaderMenu	li			{float:left; list-style: none; padding:0px 16px 0px 16px;font-size:14px; position: relative;background:none;}
#HeaderMenu	li a		{color:#858585; text-decoration:none; padding-bottom:11px; margin:0px;-webkit-transition-property:border-bottom; -webkit-transition-duration: 0.3s, 0.3s; -webkit-transition-timing-function: linear, ease-in; -moz-transition-property:border-bottom; -moz-transition-duration:0.3s; -moz-transition-timing-function: linear, ease-in; -o-transition-property:border-bottom; -o-transition-duration:0.3s; -o-transition-timing-function: linear, ease-in;}
#HeaderMenu	li a:hover	{color:#627f92; text-decoration: none; border-bottom:2px solid #627f92;}
#HeaderMenu	li span		{color:#858585; text-decoration:none; padding-bottom:11px; margin:0px;-webkit-transition-property:border-bottom; -webkit-transition-duration: 0.3s, 0.3s; -webkit-transition-timing-function: linear, ease-in; -moz-transition-property:border-bottom; -moz-transition-duration:0.3s; -moz-transition-timing-function: linear, ease-in; -o-transition-property:border-bottom; -o-transition-duration:0.3s; -o-transition-timing-function: linear, ease-in;}
#HeaderMenu	li span:hover	{color:#627f92; text-decoration: none; border-bottom:2px solid #627f92; cursor: pointer;}


#HeaderMenu	ul ul { width:140%;background:#fff;display: none; position: absolute; top:29px; z-index:2; background-color: #FFFFFF;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}
#HeaderMenu	ul ul li	{float: left; width:100%; padding:8px 0px 0px 10px;border-bottom: 1px solid #DDDDDD; -webkit-box-sizing: border-box;	-moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background 400ms ;-moz-transition: background 400ms ;-o-transition: background 400ms ;transition: background 400ms;}
#HeaderMenu	ul ul li:hover	{background:#f2f2f2;}
#HeaderMenu	ul ul li a{ display:block;text-align:left;}
#HeaderMenu	ul ul li a:hover{color:#659BCD; border:0px;}

#HeaderMenuPhone		{display:none;}

#HeaderRightSearch		{float:right;margin-top:21px;position:relative;}
#HeaderRightSearchContent{height:36px;padding:0 4px 0 3px;}
#HeaderSearchButton		{height:36px;width:36px;background:url("/design/images/header-search-right.png") no-repeat right center;cursor:pointer;}
#HeaderSearchTD			{width:47px;}
#HeaderSearch           {position:absolute;top:0;}
#HeaderSearchFormContainerHidden{width:0px;overflow:hidden; position: absolute;right:36px;top:0px; z-index:1;}
#HeaderSearchFormContainer{}
#HeaderSearchFormContainer input{width:260px;height:34px;background:#ffffff;font: 14px 'Ubuntu', Verdana, Arial, sans-serif;padding:0px 0px 0px 5px;color:#6f6f6f;border:1px solid #e4e4e4; border-radius:2px;}

#HeaderSearch           {padding-top:10px;}
#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;}

#HeaderSocialIcons		{float:right;}

#BodyContent			{width:1200px;margin: 0px auto 0px auto;}

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

#CenterColContent       {background: #fff; padding:0px;}
#CenterColContentInner	{float:left; width:905px;padding-top:40px;margin-right:45px;}
#CenterColCntact		{float:left; width:805px;margin-right:45px;}

#RightColContent        {}
#RightColContact {width: 350px;float:left; line-height:20px;}

#Footer a			 	{color:#858585;text-decoration:none;}
#FooterTop				{width:100%;height:100px; margin-top:40px;background: #c6c6c6; color:#fff;}
#FooterContentTop		{width:1200px;margin:0px auto 0px auto;}
#FooterTopLeft			{width:969px;float:left;margin-top:25px;}
#FooterTopRight			{width:225px;float:right;margin-top:25px;}
#FooterMiddle			{width:100%;border-bottom:1px solid #e1e1e1;background: #f2f2f2;}
#FooterMiddle a:hover	{text-decoration: underline;}
#FooterContentMiddle	{width:1200px;margin:0px auto 0px auto;}
#FooterBottom			{width:100%;height:80px;background: #f7f7f7;}
#FooterContentBottom	{width:1200px;margin:0px auto 0px auto; font-size:13px; color:#858585;}
#FooterBottomLeft		{float:left; margin-top:33px;}
#FooterBottomLeft a:hover{text-decoration: underline;}
#FooterBottomRight		{float:right;margin-top:20px;}
#FooterTopLeftImage		{float:left;margin:0px 16px 0px 16px;}
#FooterTopLeftText		{font-size:14px;color:#eee;}
#FooterTopLeftTitle		{font-size:28px; color:#fff;}

#IndexRedIspodBanneraPrvi{margin-top:60px;}
#IndexRedIspodBannera	{width:100%; margin-top:40px;}
#IndexTitleIspodBannera	{width:100%;margin:0px 0px 16px 0px; padding-top:65px;text-align: center; font-size:16px;font-weight: bold;}
#IndexRedIspodBannera a	{color:#8D8D8D; text-decoration: none;}
#IndexTextIspodBannera	{line-height:18px;font-size:13px; text-align: center;margin-bottom:10px;color:#858585;}
#IndexLinkIspodBannera	{width:100%;text-align: center;}
#IndexLinkIspodBannera a{color:#659bcd; text-decoration: none; font-size:13px;}
#IndexLinkIspodBannera a:hover	{text-decoration: underline;}

#IndexDrugiRed			{width:100%;padding-top:40px;}
#IndexDrugiRedVesti		{width:577px;height:138px; float:left;margin-right:45px;}
#IndexDrugiRedBlog		{width:577px;height:138px; float:left;}
#IndexDrugiRedHeading	{width:100%; padding-bottom:8px; margin-bottom:19px;font-size:16px;font-weight: bold;color:#444444; background: url("/design/images/index-drugi-red-heading.png") no-repeat left bottom;}
#IndexDrugiRedNaslov	{font-size:16px;font-weight: bold;color:#444444;}
#IndexDrugiRedDatum		{color:#a9a9a9; font-size:12px;margin-bottom:2px;}
#IndexDrugiRedText		{font-size:13px;margin-bottom:3px; color:#858585;}
#IndexDrugiRedText p	{margin:0px;}
#IndexDrugiRedLink		{font-size:13px;}
#IndexDrugiRedLink a	{color:#659bcd; text-decoration: none;}
#IndexDrugiRedLink a:hover{text-decoration: underline;}
#IndexDrugiRedLink span	{margin-right:30px;}

#IndexTreciRed			{width:100%; height:99px;margin-top:26px;background:#627f9a; border-radius:10px;margin-bottom:37px;}
#IndexTreciRedText		{float:left;margin:26px 0px 0px 37px;font-size:38px; color:#fff; letter-spacing: 1px;}

#IndexCetvrtiRed			{width:100%; margin-top:74px;}
#IndexCetvrtiRedHeading		{width:100%;margin-bottom:19px;font-size:16px;font-weight: bold;color:#444444;border-bottom:1px solid #dedede; position:relative;}
#IndexCetvrtiRedHeading span{position:absolute; bottom:-1px; padding-right:5px;padding-bottom:8px;border-bottom:1px solid #659bcd;}
#IndexCetvrtiRedMisljenja	{width:577px;float:left;}
#IndexCetvrtiRedMisljenja p	{font-size:14px; line-height: 18px;}
#IndexCetvrtiRedTextWrapper	{}
#IndexCetvrtiRedMisljenjaWrapper{}
#IndexCetvrtiRedMisljenjaText p{margin:0px;}
#IndexCetvrtiRedTextIme		{margin-bottom:30px; margin-top:15px;color:#888; font-weight:bold;}
#IndexCetvrtiRedLink		{margin-top:15px;margin-left:95px;font-size:13px;}
#IndexCetvrtiRedLink a	{color:#659bcd; text-decoration: none;}
#IndexCetvrtiRedLink a:hover{text-decoration: underline;}
#IndexCetvrtiRedQnaLink	a	{color:#659bcd; text-decoration: none;font-size:13px;}
#IndexCetvrtiRedQnaLink	a:hover{text-decoration: underline;}
#IndexCetvrtiRedQnaLink span	{margin-right:30px;}
#IndexCetvrtiRedMisljenjaSlika	{float:left;margin-right:15px;}
#IndexCetvrtiRedQna			{width:577px;float:left;margin-right:45px;}


#BreadCramp				{width:100%; height: 94px;position:absolute; left:0px; background:url("/design/images/bread-crump-pozadina.jpg") repeat-x;}
#BreadCrampContent		{width:1200px; margin:0px auto 0px auto; color:#fff;}
#BreadCrampContent a	{color:#fff; text-decoration: none;}
#BreadCrampContent a:hover	{text-decoration: underline;}
#BreadCrampTitle		{float:left;font-size:23px; margin:34px 0px 0px 0px;}
#BreadCrampPath			{float:right; margin-top:43px;}
#BreadCrampTitleNews		{float:left;font-size:23px; margin:25px 0px 0px 0px;}

#ArticleText			{line-height:18px;}
#ArticleText p 			{margin-top:0px;}

#AplicirajRightCol		{height:362px;background:#627f9a;border-radius:5px;}
#AplicirajRightColText		{color:#fff; font-size:22px;text-align: center;padding-top:20px;}
#AplicirajRightColImage	img	{width:250px;border-top-left-radius:5px;border-top-right-radius:5px;}

#VestiNaslov		{font-size:16px;font-weight: bold;color:#444444;}
#VestiNaslov a		{font-size:16px;font-weight: bold;color:#444444;}
#VestiNaslov a:hover{color:#659BCD; text-decoration: none;}


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


.KontrolaListContainer{padding:25px 0 25px 0;border-bottom:1px solid #dedede;}
.KontrolaListContainer h3{color:#647E97;font-size:16px;text-decoration:underline;font-weight:normal;}
.KontrolaTable{}
.KontrolaTable td{padding:5px;}
.KontrolaTable .Subtitle{font-weight:bold;padding:15px 0 0px 0;}
.KontrolaTable .Subtitle.First{}

.header-phone	{float:left;}
.header-separator{width:2px;height:100%;float:left;margin:10px 8px 0px 8px;}
.header-envelope{float:left;}
.header-envelope a	{color:#8D8D8D;}
.header-envelope a:hover{text-decoration: none; color:#659BCD;}

.facebook-header	{width:33px;height:33px;float:left;background: url("/design/images/facebook-header.png") no-repeat; border-left:1px solid #f2f2f2;}
.facebook-header:hover	{background: url("/design/images/facebook-header-hover.png") no-repeat;}

.twitter-header	{width:33px;height:33px;float:left;background: url("/design/images/twitter-header.png") no-repeat; border-left:1px solid #f2f2f2;}
.twitter-header:hover	{background: url("/design/images/twitter-header-hover.png") no-repeat;}

.google-plus-header	{width:33px;height:33px;float:left;background: url("/design/images/google-plus-header.png") no-repeat; border-left:1px solid #f2f2f2;}
.google-plus-header:hover	{background: url("/design/images/google-plus-header-hover.png") no-repeat;}

.rss-header	{width:32px;height:33px;float:left;background: url("/design/images/rss-header.png") no-repeat; border-left:1px solid #f2f2f2;}
.rss-header:hover	{background: url("/design/images/rss-header-hover.png") no-repeat;}

.facebook-footer	{width:40px;height:40px;float:left;background-image:url("/design/images/facebook-footer-hover.png"); margin-right:10px;opacity:0.35;-webkit-transition: opacity 0.3s ease-in-out;-moz-transition: opacity 0.3s ease-in-out;-o-transition: opacity 0.3s ease-in-out;transition: opacity 0.3s ease-in-out;}
.facebook-footer:hover	{opacity:1;}

.twitter-footer	{width:40px;height:40px;float:left;background: url("/design/images/twitter-footer-hover.png") no-repeat; margin-right:10px;opacity:0.35;-webkit-transition: opacity 0.3s ease-in-out;-moz-transition: opacity 0.3s ease-in-out;-o-transition: opacity 0.3s ease-in-out;transition: opacity 0.3s ease-in-out;}
.twitter-footer:hover	{opacity:1;}

.google-plus-footer	{width:40px;height:40px;float:left;background: url("/design/images/google-plus-footer-hover.png") no-repeat;margin-right:10px;opacity:0.35;-webkit-transition: opacity 0.3s ease-in-out;-moz-transition: opacity 0.3s ease-in-out;-o-transition: opacity 0.3s ease-in-out;transition: opacity 0.3s ease-in-out;}
.google-plus-footer:hover	{opacity:1;}

.linked-in-footer	{width:40px;height:40px;float:left;background: url("/design/images/linked-in-footer-hover.png") no-repeat; opacity:0.35;-webkit-transition: opacity 0.3s ease-in-out;-moz-transition: opacity 0.3s ease-in-out;-o-transition: opacity 0.3s ease-in-out;transition: opacity 0.3s ease-in-out;}
.linked-in-footer:hover{opacity:1;}

.back-to-top:hover	{cursor: pointer; opacity:0.8;}

.prijavite-se		{width:198px; height:49px; background:#fff; border-radius:5px;text-align: center;}
.prijavite-se:hover	{background:#f2f2f2;}
.prijavite-se a		{display:block; width:100%;padding:15px 0px 15px 0px;color:#797979;font-size:18px; font-weight: bold;}
.prijavite-se a:hover{text-decoration: none;}

.apliciraj-sada		{width:198px; height:49px; float:right; background:#fff; border-radius:5px;text-align: center; margin:25px 27px 0px 0px;}
.apliciraj-sada:hover	{background:#f2f2f2;}
.apliciraj-sada a		{display:block; width:100%;padding:15px 0px 15px 0px;color:#627f9a;font-size:18px; font-weight: bold;text-decoration: none;}

.apliciraj-sada-inner	{width:198px; height:49px; background:#fff; border-radius:5px;text-align: center;margin: 20px 26px 0px 26px;}
.apliciraj-sada-inner:hover	{background:#f2f2f2;}
.apliciraj-sada-inner a		{display:block; width:100%;padding:15px 0px 15px 0px;color:#627f9a;font-size:18px; font-weight: bold;text-decoration: none;}

.footer-middle-box-1	{width:266px;float:left;padding:60px 45px 40px 0px; line-height: 18px; font-size:12px;}
.footer-middle-box-2	{width:266px;float:left;padding:60px 45px 40px 0px; font-size:12px;}
.footer-middle-box-3	{width:266px;float:left;padding:60px 45px 40px 0px; font-size:12px;}
.footer-middle-box-4	{width:266px;float:left;padding:60px 0px 40px 0px;line-height: 18px;}
.footer-middle-heading	{width:100%; height:18px;margin-bottom:19px;font-size:16px;padding-bottom:9px;font-weight: bold;color:#444444;border-bottom:1px solid #dedede;}
.footer-middle-heading span{height:100%;padding-bottom:9px;padding-right:10px;border-bottom:1px solid #797979;}


.newsletter-footer-input	{width:100%;border: 1px solid #E1E1E1; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px #FFFFFF, 0 1px 4px rgba(0, 0, 0, 0.15) inset; font-size: 12px;  padding: 12px 12px;margin:0px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.newsletter-footer-input:hover	{ border-color: #ccc; text-decoration: none;}
.newsletter-footer-input:focus	{-webkit-box-shadow: 0 0 10px rgba(248,185,183,1);-moz-box-shadow: 0 0 10px rgba(248,185,183,1);box-shadow: 0 0 10px rgba(248,185,183,1);border: solid 1px #E9322D;outline: none;-webkit-transition: border linear .2s, box-shadow linear .2s; -moz-transition: border linear .2s, box-shadow linear .2s;-o-transition: border linear .2s, box-shadow linear .2s;transition: border linear .2s, box-shadow linear .2s;}
.newsletter-footer-submit		{background: url("/design/images/footer-newsletter-arrow.png") no-repeat center center; color: #CCCCCC; height: 38px; outline: medium none; padding: 0; position: absolute; right: 1px; top: 1px; width: 38px; border:0px;}
.newsletter-footer-submit:hover	{cursor: pointer;}

.input-kontakt			{font-family: 'Ubuntu','Arial', sans-serif;width:250px; border: 1px solid #dedede; border-radius: 2px 2px 2px 2px; color: #858585;  font-size: 13px; outline: medium none; padding: 7px 14px; margin:0px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.input-kontakt:hover	{border-color: #ccc; text-decoration: none;}
.input-kontakt:focus	{-webkit-box-shadow: 0 0 10px rgba(101, 155, 205, 0.6);-moz-box-shadow: 0 0 10px rgba(101, 155, 205, 0.6);box-shadow: 0 0 10px rgba(101, 155, 205, 0.6);border: solid 1px #659bcd;outline: none;-webkit-transition: border linear .2s, box-shadow linear .2s; -moz-transition: border linear .2s, box-shadow linear .2s;-o-transition: border linear .2s, box-shadow linear .2s;transition: border linear .2s, box-shadow linear .2s;}

.textarea-kontakt		{font-family: 'Ubuntu','Arial', sans-serif;min-width:250px;min-height:150px;border: 1px solid #dedede; border-radius: 2px 2px 2px 2px; color: #858585;  font-size: 13px; outline: medium none; padding: 7px 14px; margin:0px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.textarea-kontakt:hover	{border-color: #ccc; text-decoration: none;}
.textarea-kontakt:focus	{-webkit-box-shadow: 0 0 10px rgba(101, 155, 205, 0.6);-moz-box-shadow: 0 0 10px rgba(101, 155, 205, 0.6);box-shadow: 0 0 10px rgba(101, 155, 205, 0.6);border: solid 1px #659bcd;outline: none;-webkit-transition: border linear .2s, box-shadow linear .2s; -moz-transition: border linear .2s, box-shadow linear .2s;-o-transition: border linear .2s, box-shadow linear .2s;transition: border linear .2s, box-shadow linear .2s;}

.textarea-kontakt-responsive		{font-family: 'Ubuntu','Arial', sans-serif;width:805px;min-height:150px;border: 1px solid #dedede; border-radius: 2px 2px 2px 2px; color: #858585;  font-size: 13px; outline: medium none; padding: 7px 14px; margin:0px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.textarea-kontakt-responsive:hover	{border-color: #ccc; text-decoration: none;}
.textarea-kontakt-responsive:focus	{-webkit-box-shadow: 0 0 10px rgba(101, 155, 205, 0.6);-moz-box-shadow: 0 0 10px rgba(101, 155, 205, 0.6);box-shadow: 0 0 10px rgba(101, 155, 205, 0.6);border: solid 1px #659bcd;outline: none;-webkit-transition: border linear .2s, box-shadow linear .2s; -moz-transition: border linear .2s, box-shadow linear .2s;-o-transition: border linear .2s, box-shadow linear .2s;transition: border linear .2s, box-shadow linear .2s;}

.dugmici				{background: none repeat scroll 0 0 transparent; border:1px solid #627F9A;fonts-size:14px; transition: background 0.2s ease-out 0s;border-radius: 3px 3px 3px 3px; padding: 6px 18px 5px 18px;margin:10px 0 0 0;}
.dugmici:hover			{background: #627F9A; color:#fff; cursor: pointer;box-shadow: none;box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1) inset;}

.dugmici.Link			{text-decoration:none;color:#000000;}
.dugmici.Link:hover		{text-decoration:none;color:#fff;}

.postavi-pitanje-dugme	{float:left;background: none repeat scroll 0 0 transparent;border:1px solid #627F9A;color:#627F9A;fonts-size:14px; transition: background 0.2s ease-out 0s;padding:0px;border-radius: 3px 3px 3px 3px;}
.postavi-pitanje-dugme:hover{ background: #627F9A; cursor: pointer;box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1) inset;}
.postavi-pitanje-dugme a	{color:#627f9a; display:block; padding: 12px 18px; min-width:90px;}
.postavi-pitanje-dugme a:hover	{ color:#fff;text-decoration: none;}

.postavi-pitanje-dugme.Webinar{float:right;}

.postavi-pitanje-tekst	{width:755px;padding-right:22px;float:left;}
.postavi-pitanje-tekst.webinar{width:678px;}

.select-wrapper			{border: 1px solid #dedede; border-radius: 2px 2px 2px 2px; color: #858585; font-size: 13px;  padding: 7px 12px 5px 8px;margin:0px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; overflow: hidden; width: 250px;}
.select-wrapper select	{background: url("/design/images/arrow-language.png") no-repeat scroll 220px 7px transparent; border: 0 none; color: #858585; font-size: 13px;outline: medium none; padding: 0 15px 0 5px; width: 272px; }
.select-wrapper select:hover{cursor: pointer;}
.select-wrapper:hover	{border-color: #ccc; text-decoration: none; cursor: pointer;}

.footer-list ul			{list-style:none;margin:0px; padding:0px;}
.footer-list li			{background:none;padding:0px;}
.footer-list li a		{}

.contact-captcha		{ display: table-cell; height: 40px; padding: 0 7px 0 0; vertical-align: middle;}
.contact-captcha-1		{ display: table-cell; height: 40px; padding: 0 7px 0 0; vertical-align: middle;}
.contact-captcha-wrapper{float:left;}
.submit-wrapper			{float:right;}

.zaposlenje		{width:266px; height:227px; float:left; margin-right:45px; background: url("/design/images/zaposlenje-index.png") no-repeat center top;}
.zaposlenje:hover{background: url("/design/images/zaposlenje-index-hover.png")no-repeat center top;}
.zaposlenje:hover #IndexTitleIspodBannera	{color:#627f9a;}
.skolovanje		{width:266px; height:227px; float:left; margin-right:45px;background: url("/design/images/skolovanje-index.png") no-repeat center top;}
.skolovanje:hover{background: url("/design/images/skolovanje-index-hover.png")no-repeat center top;}
.skolovanje:hover #IndexTitleIspodBannera	{color:#627f9a;}
.kursevi		{width:266px; height:227px; float:left; margin-right:45px;background: url("/design/images/kursevi-index.png") no-repeat center top;}
.kursevi:hover{background: url("/design/images/kursevi-index-hover.png")no-repeat center top;}
.kursevi:hover #IndexTitleIspodBannera	{color:#627f9a;}
.procedura		{width:266px; height:227px; float:left;background: url("/design/images/procedura-index.png") no-repeat center top;}
.procedura:hover{background: url("/design/images/procedura-index-hover.png")no-repeat center top;}
.procedura:hover #IndexTitleIspodBannera	{color:#627f9a;}


.IndexLinkIspodBannera	{width:100%;text-align: center;}
.IndexLinkIspodBannera a{color:#659bcd; text-decoration: none; font-size:13px;}
.IndexLinkIspodBannera a:hover	{text-decoration: underline;}
.IndexTitleIspodBannera	{width:100%;margin:0px 0px 16px 0px; padding-top:65px;text-align: center; font-size:16px;font-weight: bold;}
.IndexTextIspodBannera	{line-height:18px;font-size:13px; text-align: center;margin-bottom:10px;color:#858585;}

.HomeBoxUser			{width:265px; height:175px; float:left; margin-right:45px;}
.HomeBoxUser:hover .IndexTitleIspodBannera	{color:#627f9a;}

.HomeBoxUser.MojProfil {background: url("/design/images/home-profil-off.png") no-repeat center top;}
.HomeBoxUser.MojProfil:hover{background: url("/design/images/home-profil-on.png")no-repeat center top;}

.HomeBoxUser.MojCV {background: url("/design/images/home-cv-off.png") no-repeat center top;}
.HomeBoxUser.MojCV:hover{background: url("/design/images/home-cv-on.png")no-repeat center top;}

.HomeBoxUser.UplatiClanarinu {background: url("/design/images/izaberi-paket-off.png") no-repeat center top;}
.HomeBoxUser.UplatiClanarinu:hover{background: url("/design/images/izaberi-paket-on.png")no-repeat center top;}

.HomeBoxUser.History {background: url("/design/images/home-uplati-clanarinu-off.png") no-repeat center top;margin-right:0px;}
.HomeBoxUser.History:hover{background: url("/design/images/home-uplati-clanarinu-on.png")no-repeat center top;}

.HomeBoxUser.ClanarinaPlacena {background: url("/design/images/home-clanarina-placena-off.png") no-repeat center top;}

.HomeBoxUser.IzlogujSe {background: url("/design/images/home-izloguj-se-off.png") no-repeat center top;margin-right:0px;margin-top:50px;}
.HomeBoxUser.IzlogujSe:hover{background: url("/design/images/home-izloguj-se-on.png")no-repeat center top;}

.HomeBoxUser.OriginaPDF {margin-top:50px;}
.HomeBoxUser.OriginaPDF.Pay {background: url("/design/images/home-original-pdf-off.png") no-repeat center top;}
.HomeBoxUser.OriginaPDF.Pay:hover{background: url("/design/images/home-original-pdf-on.png")no-repeat center top;}
.HomeBoxUser.OriginaPDF.UnPay {background: url("/design/images/home-original-pdf-unactive.png") no-repeat center top;}

.HomeBoxUser.NorveskiPDF {margin-top:50px;}
.HomeBoxUser.NorveskiPDF.Pay {background: url("/design/images/home-norveski-pdf-off.png") no-repeat center top;}
.HomeBoxUser.NorveskiPDF.Pay:hover{background: url("/design/images/home-norveskil-pdf-on.png")no-repeat center top;}
.HomeBoxUser.NorveskiPDF.UnPay {background: url("/design/images/home-norveskil-pdf-unactive.png") no-repeat center top;}



.Pagination			{}
.Pagination td			{ padding: 5px 2px 2px;}
.Pagination td a		{display:block;background-color: #888888;border:1px solid #e0e0e0;border-radius:3px;-moz-border-radius:3px;color:#777777;padding:2px 11px 2px 11px;height: 24px; line-height: 24px; background: #F2F2F2;}
.Pagination td a:hover	{background-color:#627F9A;color:#ffffff;text-decoration:none;border:1px solid #627F9A;}
.Pagination td div		{background-color: #888888; border:1px solid #e0e0e0;border-radius:3px;-moz-border-radius:3px;color:#fff;padding:2px 10px 2px 11px;height: 24px; line-height: 24px; background: #F2F2F2;}
.Pagination td div.Active{background-color: #627F9A;color:#ffffff;font-weight:bold; border:1px solid #627F9A;}

#IndexPitanje	{padding:12px 0px 12px 12px; border-radius:5px;border:1px solid #dddddd; color:#444444; font-weight: bold; font-size:14px;margin-bottom:15px;}
#IndexPitanje:hover	{cursor: pointer;}
.pitanje-arrow	{width:13px;height:13px;float:left;margin-right:14px;background: url("/design/images/index-qna-arrow.png") no-repeat center bottom;}
#IndexOdgovor	{padding-bottom:15px; font-size: 13px; line-height: 18px;display: none;}
#IndexOdgovor1	{padding-bottom:15px; font-size: 13px; line-height: 18px;display: block;}

#accordion	span{margin-left:5px;}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon{background:url("/design/images/index-qna-arrow.png") no-repeat scroll 2px 1px transparent;}
.ui-accordion .ui-accordion-header-active .ui-accordion-header-icon{background:url("/design/images/index-qna-arrow-active.png") no-repeat scroll 2px 5px transparent;}
#slider			{max-height:446px;}
.news-picture	{max-width:266px;margin-left:20px; float:right;}

.clear			{clear: both;}

/* General dropdown styles */
.dropdown	{height:34px;margin:0px; border-left:1px solid #f2f2f2;border-right:1px solid #f2f2f2;}
.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px;}
.dropdown dd { position:relative; }
/* DT styles for sliding doors */
.dropdown dt div {width:102px; height:24px; background: url("/design/images/arrow-language.png") no-repeat; background-position: right 8px center; padding:9px 0px 0px 8px;}
.dropdown dt div:hover{text-decoration: none;}
.dropdown dt div {cursor:pointer;}
/* UL styles */
.dropdown dd ul {display:none; list-style:none; position:absolute; left:-1px; top:0px; width:auto; min-width:110px; z-index:1; border:1px solid #f2f2f2; background:#fff;}
.dropdown span.value { display:none;}
.dropdown dd ul li{ border-top:1px solid #f2f2f2;}
.dropdown dd ul li:first-child {border-top:0px;}
.dropdown dd ul li a { padding:3px; display:block;}
.dropdown dd ul li a:hover {background:#f2f2f2;}

.proba	{display:none;height:0px;}

.HeaderUserOption{display:table-cell;height:33px;vertical-align:middle;padding:0 10px 0 10px;color:#858585;}
.HeaderOptionSocial{display:table-cell;}
.HeaderUserOption:hover{text-decoration:none;}
.HeaderUserOption.CV{background:url("/design/images/header-cv.gif") no-repeat left center;padding:0 20px 0 23px;}
.HeaderUserOption.Profile{background:url("/design/images/header-profil.gif") no-repeat left center;padding:0 20px 0 28px;}
.HeaderUserOption.Logout{background:url("/design/images/header-logout.gif") no-repeat left center;padding:0 10px 0 21px;}
.HeaderUserOption.Active{background: #74b395 url("/design/images/header-active.png") no-repeat 10px center;padding:0px 15px 0 34px;text-align:center;border-left:1px solid #f2f2f2;color:#ffffff;}
.HeaderUserOption.Unactive{background: #627f9a url("/design/images/header-unactive.png") no-repeat 10px center;padding:0px 15px 0 34px;text-align:center;border-left:1px solid #f2f2f2;color:#ffffff;}
.HeaderUserOption.Member{background:url("/design/images/header-user.gif") no-repeat left center;padding:0 20px 0 28px;}
.HeaderUserOption.App{background: #627f9a url("/design/images/header-app.png") no-repeat 10px center;padding:0px 15px 0 34px;text-align:center;border-left:1px solid #f2f2f2;color:#ffffff;}


.ui-datepicker-current-day .ui-state-active {background:#617f99;color:#ffffff;}

.ContactFormElementContainer{float:left;padding:0 27px 0 0;}
.ContactFormElementContainer.Treci{padding:0px;}
.ContactFormElementContainer.TextArea{float:none;clear:both;padding:0px;}

.AppsTabsContainr{padding:20px 0 0 0;}
.AppsTabsContainr a{color:#8d8d8d;display:table-cell;height:35px;vertical-align:middle;}
.AppsTabsContainr a:hover{text-decoration:none;color:#647e97;background:url("/design/images/tabs-bottom-on.gif") repeat-x left bottom;}
.AppsTabsContainr div{float:left;background:url("/design/images/tabs-bottom.gif") repeat-x left bottom;}
.AppsTabsContainr span{display:table-cell;height:35px;vertical-align:middle;padding:0 2px 0 2px;}
.AppsTabsContainr span.Active{font-size:16px;color:#647e97;padding:0px;background:url("/design/images/tabs-bottom-on.gif") repeat-x left bottom;}
.AppsTabsContainr span.Unactive{padding:0px;}
.AppsTabsContainr div.clear{float:none;background:none;}

.HeaderWelcome{display:table-cell;height:33px;vertical-align:middle;}

.ArticlePasus{padding:15px 0 15px 38px;font-size:16px;}
.ArticlePasus .Data{border-left:5px solid #62809a;padding:15px 45px 15px 25px;}

.WebinarListImage{padding:0 0 0 15px;}

.SliderHomeContent{width:1200px;margin:0 auto 0 auto;}
.SliderHomeContainer{padding:30px 0 0 700px;}
.SliderHomeContainer .TextContainer{padding:5px 0 0 0;}
.SliderHomeContainer td{background:#000;padding:7px 10px 7px 10px;background:url("/design/images/slider-title.png");}
.SliderHomeContainer td.Title{font-size:25px;font-weight:bold;}
.SliderHomeContainer td.Text{font-size:15px}
.SliderHomeContainer .More{padding:15px 0 0 0;}

.SliderHomeContainer .More .Button				{background: #627F9A; color:#fff; cursor: pointer;box-shadow: none;box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1) inset;font-size:14px;margin:0px;display:table-cell;padding:6px 13px 6px 13px;border-radius:7px;-moz-border-radius:7px;}
.SliderHomeContainer .More .Button:hover{text-decoration:none;background:#888888;}

label.Hover{color:#003e8c;}

.TabsLeftData{}
.TabsRightData{float:right;padding-top:43px;}

.CVFotoLeft{float:left;width:645px;}
.CVFotoRight{float:left;width:250px;}
.PackageGlobalContainer{padding-bottom:15px;}
.PackageContainer{padding-top:35px;}
.PackageContainer .TitleContainer{background:url("/design/images/title-bg-point.gif") repeat-x left bottom;}
.PackageContainer .TitleContainer .Title{background:url("/design/images/title-bg-line.gif") repeat-x left bottom;display:table-cell;padding-bottom:8px;font-weight:bold;font-size:16px;padding-right:5px;color:#444444;}
.PackageContainer .Text{padding-top:15px;}
.PackageContainer .Notice{padding-top:15px;}
.PackageContainer .Notice span{color:#E9322D;}
.PackageContainer .Price{padding-top:15px;}
.PackageContainer .Price .Option{display:table-cell;vertical-align:middle;}
.PackageContainer .Price .Option.PriceData{font-weight:bold;font-size:16px;padding-left:10px;}
.PackageContainer .Price .Option .Link{display:block;margin:0;}
.UserOrderList{background:#dedede;width:100%;margin-bottom:20px;}
.UserOrderList td, .UserOrderList th{padding:5px 15px;background:#fff;}
.UserOrderList th{padding:10px 15px;background:#627F9A;color:#fff;}
.UserOrderList tr th:first-child{text-align:left;}
.UserOrderList tr td{text-align:center;}
.UserOrderList tr td:first-child{text-align:left;}
.Share{padding-top:15px;}
.Share .Table{padding-top:10px;}
.Share .Table .Option{padding-right:10px;}
.Table{display:table;}
.TableCell{display:table-cell;}
.Top{vertical-align:top;}