/***************************************************
    MASTER CSS file for ADIVA Ljekarne
    Author: WEB Marketing (www.wem.hr)
    Media: Screen    
***************************************************/

/*
  BASIC SETTINGS
==================================================*/
*             {margin: 0; padding: 0; list-style: none; outline: none;}
body          {font: normal 12px/1em Arial, Helvetica, sans-serif; color: #525254; background: #fff; text-align: center;}
a img         {border: none;}

a,a img,a:link,a:visited, a:hover,a:active {outline: none;}
input:focus, textarea:focus, select:focus  {outline: none;} /* Safari Fix. */
#printLogo, #printContacts                 {display: none;}
/*
  LAYOUT / Basics
==================================================*/
#wrapper {width: 990px; height: 100%; text-align: left; margin: 0 auto; background: transparent url(../images/layout/wrapper-shadow-bg.gif) repeat-y 0 0;}

/*
  HEADER
==================================================*/
#header    {height: 81px; overflow: hidden; margin: 10px 0 15px 0; }
#logo      {display: inline; float: left; width: 188px; height: 58px; background: transparent url(../images/layout/adiva-logo-intranet.gif) no-repeat 0 0; margin: 10px 0 0 60px;}
#logo span {display: none;}
#banner    {display: inline; float: right; width: 673px; height: 81px; margin: 0 14px 0 0; line-height: normal; text-indent: -9999px; background: transparent url(../images/layout/header.gif) no-repeat 0 0; }

/*
  PATH
==================================================*/
#pathNav    {height: 100%; overflow: hidden; font-size: 10px; position: relative;}
#path       {float: right; padding: 12px 50px 0 0;}
#path li    {float: left; margin: 0 0 0 5px; padding-right: 7px; background: transparent url(../images/layout/path-slash.gif) no-repeat right center;}
#path a     {color: #c0c2C4; text-decoration: none;}
#path .on   {background: none; padding: 0;}
#path .on a {color: #525254;}

/*
  MAIN WRAPPER
  (mainNav, container, secContainer)
==================================================*/
#mainWrapper      {height: 100%; overflow: hidden; padding: 10px 30px 50px 50px;}
#mainNav          {display: inline; float: left; width: 210px; margin-right: 42px;}
#container        {display: inline; float: left; width: 650px; height: 100%; overflow: hidden;}
#mainContainer    {display: inline; float: left; width: 470px;}
#secContainer     {display: inline; float: right; width: 155px; margin-top: 2px; margin-bottom: 10px;}
#secContainer img {margin-bottom: 15px; display: block;}
#image            {margin: 15px 0 0 0;}
#heading          {margin: 0;}

/*
	OPTIONS
==================================================*/
#options                    {height: 100%; overflow: hidden; margin: 10px 0 25px 0; line-height: 18px;}
#mainContainer #print       {display: inline; float: left; background: transparent url(../images/layout/printicon.gif) no-repeat left center; padding-left: 20px; margin-left: 10px; font-size: 10px; color: #5d5d5d; text-decoration: none;}
#mainContainer #print:hover {color: #525252; text-decoration: underline;}
#fontSize                   {display: inline; float: right; margin-right: 10px; font-size: 11px;}

#small  {font-size: 10px;}
#normal {font-size: 12px;}
#large  {font-size: 15px;}

#mainContainer #fontSize a       {color: #525252; text-decoration: none;}
#mainContainer #fontSize a:hover {color: #525252; text-decoration: underline;}

/*
	FB, Share
==================================================*/
#facebook-box { margin: 20px 0; }

#share-box { width: 130px; padding-left: 30px; margin: 20px 0; }
#facebook-link { margin: 0 0 10px -13px; padding: 0; }
#add-this { text-align: left !important; }


/*
	FOOTER
==================================================*/	
#footer,#development {width: 990px; margin: 0 auto;}
#footer              {height: 60px; position: relative; background: transparent url(../images/layout/footer.gif) no-repeat 0 0; color: #fff; text-align: left; font-size: 11px; overflow: hidden;}
#copyright           {display: inline; float: left; padding: 11px 0 0 235px; line-height: 1.3em; font-size: 10px;}
#copyright a         {color: #fff; text-decoration: none;}
#copyright a.on,
#copyright a:hover   {color: #fff; text-decoration: underline;}

#topLink             {display: inline; float: left; padding: 25px 0 0 35px; background: transparent url(../images/layout/toplink.gif) no-repeat 35px 26px; text-align: center; width: 82px; font-size: 10px;}
#topLink a           {color: #fff; text-decoration: none;}
#topLink a:hover     {color: #fff; text-decoration: underline;}

#phoenixBanner,
#hljkBanner          {display: block; text-indent: -9999px; position: absolute;}
#phoenixBanner       {width: 53px; height: 46px; background: transparent url(../images/layout/phoenix.gif) no-repeat 0 0; top: 10px; left: 65px;}
#hljkBanner          {width: 68px; height: 31px; background: transparent url(../images/layout/hljk.gif) no-repeat 0 0; top: 15px; right: 65px;}
#development         {text-align: center; padding: 15px 0 40px 0; font-size: 11px; color: #909090;}
#development a       {color: #909090; text-decoration: underline;}
#development a:hover {color: #666; text-decoration: underline;}
#development a.wem,
#development a.wem:hover {color: #909090; text-decoration: none;}