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

body                                   {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background: #f2f2f2;
	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                                                         {
	width: 936px;
	margin: 0 auto;
	text-align: left;
	background: transparent url(../images/layout/wrapper-top.jpg) no-repeat 0 0;
	padding: 121px 0 0 0;
	}	
	
#containerWrapper                                               {
	width: 936px;
	background: transparent url(../images/layout/container-top.gif) no-repeat 0 0;
	padding-top: 20px;
	margin: 15px 0 0 0;
	}
	
#container                                                       {
	width: 866px;
	background: transparent url(../images/layout/container-bottom.gif) no-repeat left bottom;
	padding: 15px 35px 40px 35px;
	}	
	
#nav,
#mainContent,
#izdvojeno                                                       { display: inline; float: left; }

#nav                                                             { width: 190px; margin: 0 20px 0 0; }
	
#mainContent                                                     { width: 440px; margin: 0 20px 0 0; }
#izdvojeno                                                       { width: 190px; }

#development                                                     { text-align: center; padding: 10px 0 20px 0; color: #333333; }
#development a                                                   { color: #333333; text-decoration: underline; }
#development a:hover                                             { color: #333333; text-decoration: none; }
#development a.wem                                               { color: #333333; text-decoration: none; }
/*---------------------------------------------------------------
   mainMenu
---------------------------------------------------------------- */	
#mainMenu                                                        { width: 660px; height: 46px; margin: -2px 0 0 139px; }

#mainMenu li                                                     { display: inline; }
#mainMenu a                                                      {
	display: block;
	float: left;
	width: 123px;
	height: 32px;
	text-align: center;
	margin: 0 4px;
	padding: 18px 0 0 0;
	font-size: 11px;
	color: #808080;
	text-decoration: none;
	}
	
#mainMenu a#mm-pocetna                                           { background: transparent url(../images/layout/menu-a.jpg) no-repeat -191px 0px; }
#mainMenu a#mm-pocetna:hover                                     { background: transparent url(../images/layout/menu-a.jpg) no-repeat -191px -50px; }
#mainMenu a#mm-pocetna.on,
#mainMenu a#mm-pocetna.on:hover                                  { background: transparent url(../images/layout/menu-a.jpg) no-repeat -191px -100px; }

#mainMenu a#mm-referentna-lista                                  { background: transparent url(../images/layout/menu-a.jpg) no-repeat -322px 0; }
#mainMenu a#mm-referentna-lista:hover                            { background: transparent url(../images/layout/menu-a.jpg) no-repeat -322px -50px; }
#mainMenu a#mm-referentna-lista.on,
#mainMenu a#mm-referentna-lista.on:hover                         { background: transparent url(../images/layout/menu-a.jpg) no-repeat -322px -100px; }

#mainMenu a#mm-ekologija                                         { background: transparent url(../images/layout/menu-a.jpg) no-repeat -450px 0; }
#mainMenu a#mm-ekologija:hover                                   { background: transparent url(../images/layout/menu-a.jpg) no-repeat -450px -50px; }
#mainMenu a#mm-ekologija.on,
#mainMenu a#mm-ekologija.on:hover                                { background: transparent url(../images/layout/menu-a.jpg) no-repeat -450px -100px; }

#mainMenu a#mm-onama                                             { background: transparent url(../images/layout/menu-a.jpg) no-repeat -580px 0; }
#mainMenu a#mm-onama:hover                                       { background: transparent url(../images/layout/menu-a.jpg) no-repeat -580px -50px; }
#mainMenu a#mm-onama.on,
#mainMenu a#mm-onama.on:hover                                    { background: transparent url(../images/layout/menu-a.jpg) no-repeat -580px -100px; }

#mainMenu a#mm-kontakt                                           { background: transparent url(../images/layout/menu-a.jpg) no-repeat -710px 0; }
#mainMenu a#mm-kontakt:hover                                     { background: transparent url(../images/layout/menu-a.jpg) no-repeat -710px -50px; }
#mainMenu a#mm-kontakt.on,
#mainMenu a#mm-kontakt.on:hover                                  { background: transparent url(../images/layout/menu-a.jpg) no-repeat -710px -100px; }
	
#mainMenu a:hover                                                { text-decoration: none; color: #808080; }
#mainMenu a.on                                                   { text-decoration: none; color: #333333; }

/*---------------------------------------------------------------
   MENU - Ponuda
---------------------------------------------------------------- */	
#menu                                                            { width: 190px; margin: 0 0 20px 0; }
#menu li                                                         {
	background: #99ccde;
	height: auto;
	padding: 4px 10px 4px 10px;
	width: 170px;
	border-top: 1px solid #fff;
	}
#menu ul li                                                      { border-top: 1px solid #fff; width: 170px; }
#menu ul li span                                                 { color: #3399ff; font-weight: bold; }
#menu ul ul li                                                   {
	padding-left: 20px;
	width: 160px;
	border: none;
	}
#menu ul ul ul li                                                {
	padding-left: 20px;
	width: 140px;
	border: none;
	}
#menu ul                                                         {
	margin: 0 -10px 0 -10px;
	height: 1%;
	position: relative;
	top: 5px;
	}
#menu ul ul                                                      { padding-top: 0px; padding-bottom: 10px; }
#menu ul ul a                                                    { border: none; }
#menu ul li,
#menu ul ul li                                                   { background: #e6e6e6; }
	
#menu li#first                                                   { background: #fff url(../images/layout/li-first.gif) no-repeat right top; }
#menu li#last                                                    { background: #99ccde url(../images/layout/li-blue-last.gif) no-repeat left bottom; }

#menu a                                                          { color: #333333; text-decoration: none; display: block; }
	
#menu a:hover                                                    { text-decoration: underline; }
#menu a.on                                                       { font-weight: bold; }
#menu a.on:hover                                                 { text-decoration: none; }

/*---------------------------------------------------------------
   BOX
---------------------------------------------------------------- */	
.box                                                             {
	background: transparent url(../images/layout/box-bottom.gif) no-repeat left bottom;
	text-align: center;
	margin-bottom: 20px;
	padding-bottom: 20px;
	}
	
.box h2                                                          {
	background: transparent url(../images/layout/box-top.gif) no-repeat 0 0;
	width: 190px;
	height: 25px;
	font-size: 14px;
	text-align: center;
	padding: 12px 0 0 0;
	}
	
.box h2 a                                                        { color: #333333; text-decoration: none; }
.box p                                                           { padding: 10px 16px; text-align: left;  }
.box img                                                         { border: 1px solid #cbd0d5; }

.box#istobal h2                                                  {
	background: transparent url(../images/layout/istobal-logo.gif) no-repeat 0 0;
	width: 190px;
	height: 48px;
	font-size: 14px;
	text-align: center;
	text-indent: -9999px;
	}
	
/*---------------------------------------------------------------
   NEWSLETTER
---------------------------------------------------------------- */	
#newsletter                                                      {
	width: 161px; height: 88px;
	background: transparent url(../images/layout/newsletter-bg.gif) no-repeat 0 0;
	padding: 20px 15px 0 15px;
	position: relative;
	}	
	
#newsletter fieldset                                             { border: none; }
#newsletter legend                                               { display: none; }

#newsletterEmail                                                 {
	margin: 10px 0 0 6px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	width: 147px;
	border: none;
	background: #fff;
	padding: 3px 0;
	}	
	
.gumb                                                            {
	position: absolute;
	background: transparent url(../images/layout/submit.gif) no-repeat 0 0;
	width: 65px;
	height: 22px !important;
	height: 25px;
	bottom: 15px !important;
	bottom: 13px;
	right: 18px;
	border: none;
	outline: none;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	line-height: 10px;
	text-align: center;
	vertical-align: middle;
	}	
	
#newsletter p#radioPrijava                                       {
	position: absolute;
	height: 25px;
	width: 75px;
	left: 23px;
	top: 65px;
	line-height: 10px;
	}	
	
#newsletter #radioPrijava input, #newsletter #radioPrijava label {
	margin: 0 0 3px 0; padding: 0;
	line-height: 10px;
	font-size: 10px;
	outline: none;
	border: none;
	}	
	
#newsletter #radioPrijava input                                  { vertical-align: middle; }
span#odjava	                                                 { display: block; margin-top: 0; }
	
#newsletter a                                                    { color: #333333; text-decoration: underline; }
#newsletter a:hover                                              { color: #333333; text-decoration: none; }