/*--------------------------------------
   BASIC
-------------------------------------- */
*                                      { margin: 0; padding: 0; list-style: none; }
body                                   {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #1f1a17;
	text-align: center;
	background: #d0cfcf url(../images/layout/body-bg.gif) no-repeat center top;
	padding: 15px 0 0 0;
        }
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; }
/*--------------------------------------
   LAYOUT
-------------------------------------- */
#wrapper                               { width: 906px; margin: 0 auto; text-align: left; }
/*--------------------------------------
   HEADER
-------------------------------------- */	
#header-wrapper                        {
	position: relative;
	width: 906px;
	height: 178px;
	background: transparent url(../images/layout/header.gif) no-repeat 0px bottom;
        }
#header                                { padding: 20px 50px 0 125px; }
#logo                                  { display: inline; float: left; margin: 11px 0 0 0; }
#header-wrapper p                      {
	width: 432px;
	height: 71px;
	display: inline;
	position: absolute;
	top: 20px;
	right: 35px;
        }
#header-wrapper p span {
	position: absolute;
	width: 432px;
	height: 71px;
	background: transparent url(../images/layout/perivoj-mira-i-luksuza.gif) no-repeat 0 0;
	}
/*--------------------------------------
   HEADER // mainMenu
-------------------------------------- */	
#mainMenu                              {
	position: absolute;
	left: 420px;
	bottom: 10px;
	width: 500px;
	font-size: 12px;
        }
#mainMenu li                           { display: inline; margin-right: 30px; }
#mainMenu a                            {
	background: transparent url(../images/layout/mainmenu-bullet.jpg) no-repeat left center;
	padding: 0 0 0 15px;
	color: #979695;
	text-decoration: none;
        }
#mainMenu a:hover                      { color: #676767; text-decoration: underline; }
#mainMenu a.on, #mainMenu a.on:hover   { color: #84c225; text-decoration: none; }
/*--------------------------------------
   CONTAINER 
-------------------------------------- */	
#container                             { margin: 0; width: 906px; }
#slogan span                           { display: block; }
#home #container-top,
#mjesto #container-top,
#luksuz #container-top,
#tris #container-top,
#pogled #container-top                 { position: relative; width: 906px; height: 366px; }
#home #content,
#mjesto #content,
#luksuz #content,
#tris #content,
#pogled #content                       {
	width: 276px;
	height: 274px;
	top: 25px;
	left: 50px;
	padding: 20px 15px 0 150px;
	position: relative;
        }
#content h1                            {
	font-size: 20px;
	font-weight: normal;
	color: #fff;
	margin: 0 0 20px -130px;
        }
#content p                             { margin-bottom: 20px; }
#content a:link,
#content a:visited                     { color: #1f1a17; text-decoration: underline; }
#content a:hover,
#content a:active                      { color: #fff; text-decoration: underline; }
#container-bottom                      {
	padding: 25px 0 0 25px;
	background: #fff;
	height: 170px;
	background: #fff url(../images/layout/container-bottom-bg.gif) no-repeat -59px bottom;
        }
#izdvojeno                             { display: inline; float: left; width: 635px; }
#izdvojeno div                         {
	display: inline;
	float: left;
	width: 147px;
	height: 141px;
	margin-right: 8px !important;
	margin-right: 4px;
	position: relative;
        }
#newsletter                            {
	float: right;
	width: 190px;
	height: 80px;
	margin: 25px 10px 0 0;
	padding: 10px 0 10px 0;
	border-top: 1px solid #ddeebf;
	border-bottom: 1px solid #ddeebf;
        }
#newsletter p                          {
	font-size: 9px;
	margin: 0 0 5px 0;
	padding: 6px 0 6px 0;
	text-align: center;
	}
#newsletter legend                     { display: none; }
#newsletter fieldset                   { border: none; }
#newsletter label                      { padding-left: 30px; color: #979695; }
#home #newsletter input,
#mjesto #newsletter input,
#tris #newsletter input,
#luksuz #newsletter input,
#pogled #newsletter input              {
	border: 1px solid #979695;
	margin: 5px 0 0 0px;
	width: 170px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #979695;
	padding: 1px 0 1px 0;
	}
#home #newsletter #radio input,
#mjesto #newsletter #radio input,
#tris #newsletter #radio input,
#luksuz #newsletter #radio input,
#pogled #newsletter #radio input       {
	border: none;
	width: auto;
	display: inline;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	}
#radio                                 { margin: 5px 0 0 0;  }
#home #newsletter #radio label,
#mjesto #newsletter #radio label,
#tris #newsletter #radio label,
#luksuz #newsletter #radio label,
#pogled #newsletter #radio label       { margin: 0 10px 0 5px; padding: 0; }
#newsletter input#make_call            {
	position: absolute;
	width: 13px;
	height: 12px;
	padding: 0;
	border: none;
	margin: 6px 0 0 2px;
	text-indent: -9999px;
	background: transparent url(../images/layout/newsletter-gumb.gif) no-repeat 0 0;
	}
#newsletter p.feedback                 { text-align: center; }
#newsletter a:link,
#newsletter a:visited                  { color: #1f1a17; text-decoration: underline; }
#newsletter a:hover,
#newsletter a:active                   { color: #84c225; text-decoration: underline; }
/*--------------------------------------
   secMenu 
-------------------------------------- */
.secMenu                               { clear: both; margin: 55px 0 0 30px; font-size: 11px; }
.secMenu li                            { display: inline; margin-right: 10px; }
.secMenu a                             { padding: 0 0 0 15px; color: #979695; text-decoration: none; }
.secMenu a:hover                       { color: #676767; text-decoration: underline; }
.secMenu a.on, .secMenu a.on:hover     { color: #84c225; text-decoration: none; }
.secMenu a#sm-prodaja                  { background: transparent url(../images/layout/prodaja-bullet.gif) no-repeat left center; }
.secMenu a#sm-objekti                  { background: transparent url(../images/layout/objekti-bullet.gif) no-repeat left center; }
.secMenu a#sm-stanovi                  { background: transparent url(../images/layout/stanovi-bullet.gif) no-repeat left center; }
.secMenu a#sm-vizualizacije            { background: transparent url(../images/layout/vizualizacije-bullet.gif) no-repeat left center; }
.secMenu a#sm-tlocrti                  { background: transparent url(../images/layout/posebnosti-bullet.gif) no-repeat left center; }
.secMenu a#sm-oprema                   { background: transparent url(../images/layout/oprema-bullet.gif) no-repeat left center; }
.secMenu a#sm-posebnosti               { background: transparent url(../images/layout/posebnosti-bullet.gif) no-repeat left center; }
.secMenu a#sm-foto                     { background: transparent url(../images/layout/posebnosti-bullet.gif) no-repeat left center; }
/*--------------------------------------
   FOOTER 
-------------------------------------- */	
#footer-wrapper                        { height: 23px; background: transparent url(../images/layout/footer.gif) no-repeat 0 0; margin-bottom: 38px; }
#footer                                { padding: 35px 10px 0 10px; color: #737170; }
#copyright                             { display: inline; float: left; }
#copyright a:link, 
#copyright a:visited                   { color: #737170; text-decoration: underline; }
#copyright a:hover, 
#copyright a:active                    { color: #474544; text-decoration: none; }
#copyright a.wem:link, 
#copyright a.wem:visited,
#copyright a.wem:hover, 
#copyright a.wem:active                { color: #737170; text-decoration: none; }
#development                           { display: inline; float: right; }
#development a:link, 
#development a:visited                 { color: #737170; text-decoration: underline; }
#development a:hover, 
#development a:active                  { color: #474544; text-decoration: none; }
#development a.wem:link, 
#development a.wem:visited,
#development a.wem:hover, 
#development a.wem:active              { color: #737170; text-decoration: none; }
/*--------------------------------------
   HOME / PRICA
-------------------------------------- */
#home #container-wrapper               { background: transparent url(../images/layout/prica-container.jpg) no-repeat 0 0; }
#home #slogan                          { position: absolute; right: 36px; bottom: 46px; width: 141px; height: 61px; color: #84c225; font-weight: bold; }
#home .prvi                            { padding: 1px 0 0 10px; }
#home .drugi                           { padding: 1px 0 1px 28px; }
#home .treci                           { padding: 1px 0 1px 15px; }
#home .cetvrti                         { padding: 0 0 0 42px; }
#slogan span.useljivo                  { display: none; }
/*--------------------------------------
   LOKACIJA
-------------------------------------- */
#mjesto #container-wrapper             { background: transparent url(../images/layout/mjesto-container.jpg) no-repeat 0 0; }
#mjesto #slogan                        { position: absolute; right: 210px; bottom: 85px; width: 160px; height: 61px; color: #84c225; font-weight: bold; }
#mjesto .prvi                          { padding: 1px 0 0 10px; }
#mjesto .drugi                         { padding: 2px 0 0 22px; }
#mjesto .treci                         { padding: 2px 0 0 44px; }
#mjesto .cetvrti                       { padding: 0 0 0 55px; }
#mjesto #karta                         { position: absolute; bottom: 55px; left: 90px; }
/*--------------------------------------
   OBJEKTI
-------------------------------------- */
#tris #container-wrapper               { background: transparent url(../images/layout/objekti-container.jpg) no-repeat 0 0; }
#tris #slogan                          { position: absolute; right: 200px; bottom: 189px; width: 170px; height: 61px; color: #84c225; font-weight: bold; }
#tris .prvi                            { padding: 1px 0 0 10px; }
#tris .drugi                           { padding: 2px 0 0 28px; }
#tris .treci                           { padding: 2px 0 0 15px; }
#tris .cetvrti                         { padding: 0 0 0 70px; }
/*--------------------------------------
   LUKSUZ
-------------------------------------- */
#luksuz #container-wrapper             { background: transparent url(../images/layout/luksuz-container.jpg) no-repeat 0 0; }
#luksuz #slogan                        { position: absolute; right: 195px; bottom: 155px; width: 170px; height: 61px; color: #84c225; font-weight: bold; }
#luksuz .prvi                          { padding: 1px 0 0 10px; }
#luksuz .drugi                         { padding: 2px 0 0 28px; }
#luksuz .treci                         { padding: 2px 0 0 15px; }
#luksuz .cetvrti                       { padding: 2px 0 0 75px; }
/*--------------------------------------
   VIZURA
-------------------------------------- */
#pogled #container-wrapper             { background: transparent url(../images/layout/pogled-container.jpg) no-repeat 0 0; }
#pogled #slogan                        { position: absolute; right: 185px; bottom: 120px; width: 220px; height: 61px; color: #84c225; font-weight: bold; }
#pogled .prvi                          { padding: 1px 0 0 10px; font-weight: normal; color: #1f1a17; }
#pogled .drugi                         { padding: 2px 0 0 66px; }
#pogled .treci                         { padding: 2px 0 0 76px; }
#pogled .cetvrti                       { padding: 1px 0 0 70px; }
#pogled .peti                          { padding: 2px 0 0 120px; }