/***************************************************
    MASTER CSS file for Sigma
    Author: WEB Marketing (www.wem.hr)
    Media: Screen
    
    STRUCTURE:
    01/ BASIC SETTINGS 
    02/ LAYOUT & GRID
    03/ NAVIGATION
    04/ CONTENT
	
***************************************************/

/*
01/ BASIC SETTINGS
==================================================*/
*    { margin: 0; padding: 0; list-style: none; outline: none; }
body { font: normal .8em/1em Arial, Helvetica, sans-serif; color: #333; background: #595959; }

/**** RESET ***/
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 { display: none; }

/*** headings ***/
h1, h2, h3, h4, h5, h6                     { clear: both; line-height: 1.5em; }

/*
02/ LAYOUT & GRID
==================================================*/
#wrapper { width: 100%; min-width: 980px; background: #fff url(../images/layout/body.gif) repeat-y center top; }
#mainWrapper { width: 960px; height: 100%; margin: 0 auto; overflow: hidden; /*background: transparent url(../images/layout/main-bg.gif) repeat-y 0 0;*/ }

#headerWrapper { height: 122px; overflow: hidden; background: transparent url(../images/layout/header-bg.png) repeat-x 0 0; }
#headerHolder { height: 122px; background: transparent url(../images/layout/header-bottom.png) no-repeat center bottom; }
#mainHeader { width: 960px; height: 122px; position: relative; overflow: hidden; margin: 0 auto; background: transparent url(../images/layout/header-main.png) no-repeat 0 0; }

#secContainer { display: inline; float: left; width: 123px; height: 100%; overflow: hidden; margin: 0 16px 0 0; padding: 70px 0 30px 0; }

#container { display: inline; float: left; width: 793px; height: 100%; overflow: hidden; }
#topNav { height: 100%; overflow: hidden; padding: 8px 0; background: transparent url(../images/layout/topnav-border.png) no-repeat right bottom; }
	#topMenu { display: inline; float: left; width: 665px; }

#topContainer { width: 792px; height: 100%; overflow: hidden; margin-bottom: 10px; background: #fff; }

.containersHolder { width: 792px; height: 100%; overflow: hidden; background: transparent url(../images/layout/container-bottom-bg.gif) repeat-y left bottom;  clear: both; }
.containersHolder#catalog { background: none; }
#mainContainer { display: inline; float: left; width: 475px; height: 100%; overflow: hidden; }
#mainContent { padding: 15px 20px 40px 20px; background: #fff; }
#catalog #mainContent { padding: 10px 15px 10px 15px; }

#wide #mainContainer { width: 100%; float: none; }

#subContainerHolder { display: inline; float: right; width: 305px; }
#ekoBanner { height: 100%; margin-bottom: 10px; }
#subContent { height: 100%; overflow: hidden; }
#leftCol { display: inline; float: left; width: 180px; height: 100%; overflow: hidden; padding: 5px 4px 35px 3px; background: #fff; }
#rightCol { display: inline; float: right; width: 98px; }

.noscript { padding: 20px; }

#footer { height: 107px; overflow: hidden; background: transparent url(../images/layout/footer-bg.gif) repeat-x 0 0; }
#footerContent { width: 960px; height: 107px; position: relative; margin: 0 auto; overflow: hidden; background: transparent url(../images/layout/footer.gif) no-repeat 0 0; }


/*
03/ NAVIGATION
==================================================*/

/*** TOP MENU ***/
#topMenu li { float: left; margin-right: 15px; padding-top: 5px; }
#topMenu a { color: #1a1a1a; text-decoration: none; }
#topMenu a:hover,
#topMenu .on a,
#topMenu .on a:hover { color: #990000; text-decoration: none; }

/*** MAIN MENU ***/
#mainMenu { line-height: 1.2em; }
#mainMenu li { padding: 0 0 6px 0; margin-bottom: 3px; background: transparent url(../images/layout/mainmenu-bottom-border.gif) repeat-x left bottom; }
#mainMenu a { color: #1a1a1a; text-decoration: none; cursor: pointer; display: block; height: 1%; padding-left: 5px; }
#mainMenu a:hover { color: #c1272d; text-decoration: none; }

#mainMenu .on a { color: #c1272d; text-decoration: none; }

#mainMenu ul { margin-top: 5px; padding-top: 5px; margin-bottom: -9px; background: transparent url(../images/layout/mainmenu-bottom-border.gif) repeat-x left top; }
#mainMenu ul li { padding-left: 25px; }
#mainMenu ul li.last { margin-bottom: 0; padding-bottom: 0; background: none; }

#mainMenu .on ul a { color: #1a1a1a; text-decoration: none; background: transparent url(../images/layout/mainmenu-bullet.gif) no-repeat 0 7px; padding-left: 8px; display: block; height: 1%; }
#mainMenu .on ul a:hover { color: #c1272d; text-decoration: none; }
#mainMenu .on ul a.on,
#mainMenu .on ul a.on:hover { color: #c1272d; text-decoration: none; }

/*** SUB CONTENT MENU ***/
#subContentMenu { margin: 10px 0; padding: 0 5px; }
#subContent #subContentMenu .on a { color: #1a1a1a; text-decoration: none; }

/*
04/ CONTENT
==================================================*/

/*** HEADER ***/
#logo { display: block; width: 244px; height: 71px; position: absolute; background: transparent url(../images/layout/modul-logo.gif) no-repeat 0 0; text-indent: -9999px; top: 37px; left: 137px; cursor: pointer; }
#mainHeader h2 { display: none; }
#sigmastanLogo { display: block; width: 56px; height: 95px; position: absolute; background: transparent url(../images/layout/sigma-stan-logo.gif) no-repeat 0 0; top: 5px; right: 60px; text-indent: -9999px; cursor: pointer; }

/*** OPTIONS ***/
#options     { display: inline; float: right; }
#printIcon   { display: inline; float: right; width: 22px; height: 23px; background: transparent url(../images/layout/print.png) no-repeat 0 0; margin: 0 20px; text-indent: -9999px; }

#fontSize    { display: inline; float: left; height: 100%; overflow: hidden; padding-top: 5px; }
#fontSize a  { color: #1a1a1a; text-decoration: none; }
#fontSize a:hover { color: #990000; text-decoration: none; }

#small  { font-size: 11px; }
#normal { font-size: 13px; }
#large  { font-size: 16px; }

/*** PATH ***/
#path { height: 100%; overflow: hidden; padding: 10px 5px; font-size: 11px; }
#path li { float: left; margin-right: 8px; padding-right: 10px; background: transparent url(../images/layout/path.gif) no-repeat right center; }
#path .on { background: none; margin: 0; padding: 0; }
#path a { color: #666; text-decoration: none; }

/*** BANNERS ***/
#banners { border-bottom: 1px solid #bebcb9; margin-bottom: 10px; width: 795px; }
#banners img { margin: 0 5px 5px 0; }
#banners span { display: none; }

#bannerHolder { width: 305px; height: 116px; overflow: hidden; background: transparent url(../images/layout/eko-banner-bg.gif) no-repeat 0 0; margin-bottom: 10px; line-height: 100%; }
#bannerHolder a { display: block; height: 100%; overflow: hidden; padding: 25px 70px 0 55px; color: #fff; text-decoration: none; }
#bannerHolder a span { display: block; }
.bannerTitle { font-size: 24px; font-weight: bold; margin-bottom: 10px; }
.bannerItem { font-size: 11px; padding-left: 10px; background: transparent url(../images/layout/eko-banner-bullet.gif) no-repeat 0 7px; margin-bottom: 2px; }

#fbLink { width: 100%; height: 100%; overflow: hidden; }
#fbLink a { display: block; height: 1%; background: transparent url(../images/layout/fb-link.gif) no-repeat 0 0; line-height: 11px; font-size: 11px; color: #333 !important; text-decoration: none !important; padding-left: 25px;  }
#fbLink a:hover { color: #990000 !important; }

/*** FOOTER ***/
#footerContent { font-size: 10px; color: #ccc; line-height: 12px; }
#footerContent a { color: #ccc; text-decoration: underline; }
#footerContent a:hover { color: #ccc; text-decoration: none; }
#copyright { position: absolute; top: 45px; left: 140px; width: 82px; }
#topLink { position: absolute; top: 45px; right: 155px;}
#topLink a { background: transparent url(../images/layout/toplink.gif) no-repeat right 5px; padding-right: 15px; }
#projekt { display: inline; float: left; }
#modul { display: inline; float: right; width: 45px; height: 8px; text-indent: -99999px; background: transparent url(../images/layout/modul-logo-small.gif) no-repeat 0 0; margin: 2px 0 0 5px; }

#development { text-align: center; padding-top: 85px; color: #808080; }
#footer #development a { color: #949494; text-decoration: underline; }
#footer #development a:hover { color: #949494; text-decoration: none; }