/*---------------------------------------------------------------
   BASIC
---------------------------------------------------------------- */
*                                                                { margin: 0; padding: 0; list-style: none; }

body                                                             {
	font: normal .7em/1.4em Arial, Helvetica, sans-serif;
	color: #1f1a17;
	background: #fff url(../images/layout/body-bg.gif) repeat-x;
	text-align: center;
	}


a img                                                            { border: none; }
a, a img, 
a:link, a:visited, 
a:hover, a:active                                                { outline: none; }
br.clear                                                         { line-height: 0; height: 0; clear: both; font-size: 0; }
#print-logo,
#print-footer                                                    { display: none; }

/*---------------------------------------------------------------
   LAYOUT
---------------------------------------------------------------- */
#wrapper                                                         { margin: 0 auto; width: 930px; text-align: left; }
#header                                                          {
	background: transparent url(../images/layout/header.jpg) no-repeat 0 0;
	width: 930px;
	height: 328px;
	position: relative;
	}
#flash                                                           {
	position: absolute;
	width: 820px;
	height: 140px;
	bottom: 15px;
	left: 55px;
	text-align: center;
	}
#flash a                                                         { color: #333333; text-decoration: underline; }
#flash a:hover                                                   { color: #333333; text-decoration: none; }
#containerWrap                                                   { background: #c2c1c1 url(../images/layout/container-wrapper-bg.jpg) repeat-x 0 0; }
	
#container                                                       {
	width: 840px;
	margin: 0 auto;
	background: transparent url(../images/layout/container-bg.gif) repeat-y 0 0;
	}	
	
#leftCol                                                         {
	display: inline;
	float: left;
	width: 418px;
	margin-top: -15px;
	}
#rightCol                                                        {
	display: inline;
	float: right;
	width: 420px;
	margin-top: -15px;
	}
#containerFoot                                                   {
	clear: both;
	background: transparent url(../images/layout/container-bottom-bg.gif) no-repeat 0 0;
	height: 20px;
	}
#footer                                                          {
	height: 21px;
	font-size: .9em;
	background: transparent url(../images/layout/footer-bg.gif) repeat-x 0 0;
	text-align: right;
	color: #969594;
	padding: 18px 0 0 0;
	}	
	
#footer p                                                        { display: inline; float: right; }
#footer p#development                                            { display: inline; float: left; margin-left: 50px; }

#footer a                                                        { color: #969594; text-decoration: underline; }
#footer a:hover                                                  { color: #969594; text-decoration: none; }
#footer a.wem                                                    { text-decoration: none; }

#kontaktLink                                                     {
	display: block;
	float: right;
	width: 39px;
	height: 29px;
	background: transparent url(../images/layout/footer-email.jpg) no-repeat 0 0;
	margin: -18px 10px 0 10px;
	}
	
#kontaktLink span                                                { display: none; }
	
/*---------------------------------------------------------------
   mainMenu
---------------------------------------------------------------- */	
#mainMenu                                                        {
	height: 37px;
	margin: 0 0 0 6px;
	position: relative;
	top: -15px;
	padding-left: 1px;
	font-weight: bold;
	}
#mainMenu li                                                     {
	display: block;
	float: left;
	background: transparent url(../images/layout/mainmenu-a-right.jpg) no-repeat right top;
	padding: 0 16px 0 0;
	margin: 0 2px 0 0;
	height: 36px;
	}	
#mainMenu a                                                      {
	display: block;
	float: left;
	height: 29px;
	background: transparent url(../images/layout/mainmenu-a.jpg) no-repeat 0 0;
	margin: 0;
	padding: 8px 0 0 16px;
	font-size: 1.1em;
	text-align: center;
	color: #828180;
	text-decoration: none;
	width: 132px;
	}
#mainMenu a:hover,
#mainMenu a:active                                               { color: #1f1a17; }
#mainMenu a.on                                                   { color: #218e9e; }

/*---------------------------------------------------------------
   PONUDA
---------------------------------------------------------------- */	
#ponuda h2                                                       { display: none; }
#ponuda                                                          { margin: 0 0 0 17px; width: 400px; background: transparent url(../images/layout/ponuda-home-top.jpg) no-repeat left top; }
#ponuda ul                                                       { padding: 16px 0 11px 45px; background: transparent url(../images/layout/ponuda-home-bottom.jpg) no-repeat left bottom; }
#ponuda a                                                        {
	display: block;
	background: transparent url(../images/layout/menu-a.gif) no-repeat 0 0;
	margin: 0 0 3px 0;
	padding: 3px 0 5px 40px;
	color: #000;
	text-decoration: none;
	font-size: 1.1em;
	}
#ponuda a:hover                                                  { background: transparent url(../images/layout/menu-a.gif) no-repeat 0 -24px; color: #8a8a8a; }
#ponuda a.on                                                     { background: transparent url(../images/layout/menu-a.gif) no-repeat left bottom; color: #8a8a8a; }
#ponuda ul ul                                                    { padding: 5px 10px 10px 45px; background: none; }
#ponuda ul ul li { font-weight: bold; }
#ponuda ul ul li a                                               {
	display: block;
	background: none;
	width: auto;
	height: auto;
	margin: 0 0 2px 0;
	padding: 0;
	color: #000;
	text-decoration: underline;
	font-weight: normal;
	font-size: 1.1em;
	padding-left: 5px;
	border-left: 2px solid #ccc;
	}
#ponuda ul ul a	                                                 { width: 200px; }
#ponuda ul ul a:hover                                            { background: none; border-left: 2px solid #1f1a17; }
#ponuda ul ul a.on                                               { background: none; font-weight: bold; border-left: 2px solid #1f1a17; }

/*---------------------------------------------------------------
   NEWSLETTER
---------------------------------------------------------------- */		
#newsletter	                                                 {
	width: 333px;
	height: 71px;
	background: transparent url(../images/layout/newsletter-bg.gif) no-repeat 0 0;
	position: relative;
	float: right;
	margin: 15px 0 0 0;
	padding: 15px 0 0 20px;
	color: #666666;
	}
#newsletter legend                                               { display: none; }
#newsletter fieldset                                             { border: none; }
#newsletter .gumb { 
	position: absolute; 
	margin: 0 0 0 10px !important;
	margin: 0 0 0 7px;
	width: 94px;
	height: 25px;
	background: transparent url(../images/layout/posalji-gumb.jpg) no-repeat 0 0;
	border: none;
	outline: none;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #666666;
	}
#newsletterEmail                                                 {
	width: 204px;
	font: normal .9em Arial, Helvetica, sans-serif;
	padding: 3px;
	border: 1px solid #97d2f2;
	}
#radioPrijava                                                    {
	position: absolute;
	top: 60px;
	left: 210px;
	width: 150px;
	font-size: 10px;
	}
#radioPrijava  input                                             { margin-left: 5px; vertical-align: middle; }
#newsletter a                                                    { color: #666666; text-decoration: underline; }
#newsletter a:hover                                              { color: #666666; text-decoration: none; }

/*---------------------------------------------------------------
   IZDVAJAMO (left)
---------------------------------------------------------------- */	
#izdvajamo                                                       {
	float: right;
	width: 353px;
	clear: both;
	font-size: .9em;
	}
#izdvajamo h2                                                    {
	width: 106px;
	height: 20px;
	background: transparent url(../images/layout/h2-bg.jpg) no-repeat 0 0;
	padding: 5px 0 0 35px;
	color: #888888;
	font-size: 1.1em;
	}
#izdvajamo div                                                   {
	display: inline;
	float: left;
	width: 165px;
	height: 200px;
	margin: 0 3px;
	background: transparent url(../images/layout/izdvajamo-hr.jpg) no-repeat center top;
	padding: 10px 0 0 0;
	position: relative;
	}
#izdvajamo h3                                                    {
	font-size: 1.3em;
	font-weight: bold;
	height: 30px;
	color: #888888;
	margin-bottom: 10px;
	}
#izdvajamo h3 a                                                  { color: #888888; text-decoration: none; }
#izdvajamo h3 a:hover                                            { color: #888888; text-decoration: underline; }
#izdvajamo img                                                   { margin-bottom: 10px; }
.description                                                     {
	background: transparent url(../images/layout/izdvajamo-hr.jpg) no-repeat center top;
	padding: 10px 0 0 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #1f1a17;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 165px;
	height: 30px;
	}