/*--------------------------------------
   POSEBNOSTI // Height Spec.
-------------------------------------- */
body.pos                               { background: #d0cfcf url(../images/layout/body-bg-pos.gif) no-repeat center top; }
#blank.pos #container-wrapper          { background: transparent url(../images/layout/container-pos.gif) no-repeat 0 0; }
#blank.pos #container-top              { height: 621px; }
#blank.pos #mainContent                {
	background: transparent url(../images/layout/content-pos.gif) no-repeat 0 0;
	height: 470px;
	}
/*--------------------------------------
   STANJE NA GRAD. // Height Spec.
-------------------------------------- */
body.stanje                            { background: #d0cfcf url(../images/layout/body-bg-stanje.gif) no-repeat center top; }
#blank.stanje #container-wrapper       { background: transparent url(../images/layout/container-stanje.gif) no-repeat 0 0; }
#blank.stanje #container-top           { height: 820px; }
#blank.stanje #mainContent             {
	background: transparent url(../images/layout/content-stanje.gif) no-repeat 0 0;
	height: 668px;
	}	
/*--------------------------------------
   PRODAJA // Height Spec.
-------------------------------------- */
body.prodaja                           { background: #d0cfcf url(../images/layout/body-bg-pro.gif) no-repeat center top; }
#blank.prodaja #container-wrapper      { background: transparent url(../images/layout/container-pro.gif) no-repeat 0 0; }
#blank.prodaja #container-top          {	height: 822px; }
#blank.prodaja #mainContent            {
	background: transparent url(../images/layout/content-pro.gif) no-repeat 0 0;
	height: 670px;
	}
	
body.objekti { background: #d0cfcf url(../images/layout/body-bg-obj.gif) no-repeat center top; }
/*--------------------------------------
   STAN // Height Spec.
-------------------------------------- */
body.c                                 { background: #d0cfcf url(../images/layout/body-bg-c.gif) no-repeat center top; }
#blank.c #container-wrapper            { background: transparent url(../images/layout/container-c.gif) no-repeat 0 0; }
#blank.c #container-top                { height: 775px; }
#blank.c #mainContent                  {
	background: transparent url(../images/layout/content-c.gif) no-repeat 0 0;
	height: 623px;
	}
/*--------------------------------------
   OPREMA // Height Spec.
-------------------------------------- */
body.oprema                            { background: #d0cfcf url(../images/layout/body-bg-op.gif) no-repeat center top; }
#blank.oprema #container-wrapper       { background: transparent url(../images/layout/container-op.gif) no-repeat 0 0; }
#blank.oprema #container-top           { height: 900px; }
#blank.oprema #mainContent             {
	background: transparent url(../images/layout/content-op.gif) no-repeat 0 0;
	height: 748px;
	}
/*--------------------------------------
   VIZUALIZACIJE // Height Spec.
-------------------------------------- */
body.viz                               { background: #d0cfcf url(../images/layout/body-bg-viz.gif) no-repeat center top; }
#blank.viz #container-wrapper          { background: transparent url(../images/layout/container-viz.gif) no-repeat 0 0; }
#blank.viz #container-top              { height: 962px; }
#blank.viz #mainContent                {
	background: transparent url(../images/layout/content-viz.gif) no-repeat 0 0;
	height: 810px;
	}		
.qt { vertical-align: middle; }
/*--------------------------------------
   BLANK
-------------------------------------- */
#blank #container-wrapper              { background: transparent url(../images/layout/container.gif) no-repeat 0 0; }
#blank #container-top                  {
	width: 906px;
	height: 465px;
        }
#blank #content                        {
	width: 470px;
	height: 355px;
	padding: 70px 0 0 0;
	float: left;
	background: none;
        }
#content a:link, #content a:visited    { color: #1f1a17; text-decoration: underline; }
#content a:hover, #content a:active    { color: #84c225; text-decoration: underline; }

#blank #mainContent                    {
	background: transparent url(../images/layout/content.gif) no-repeat 0 0;
	padding: 15px;
	height: 283px;
	}
#blank #container-bottom               {
	padding: 0;
	background: #fff;
	height: 118px;
	background: #fff url(../images/layout/container-bottom-bg.gif) no-repeat -59px bottom;
        }
#blank #container-bottom p             {
	width: 445px;
	margin: 0 0 0 28px;
	position: relative;
	top: -10px;
	color: #84c225;
	font-size: 14px;
	font-weight: bold;
	}
#blank #footer-wrapper                 { height: 23px; background: transparent url(../images/layout/footer.gif) no-repeat 0 0; }
#blank #nav,
#blank #content,
#blank #secContent                     { display: inline; }
/*--------------------------------------
   TYP.
-------------------------------------- */
#blank #content h1                     {
	margin: 0 0 25px 0;
	color: #7a896c;
	font-size: 14px;
	font-weight: bold;
	}
#blank #content h2                     {
	margin: 15px 0 5px 0;
	color: #1f1a17;
	font-size: 10px;
	font-weight: bold;
	}
#blank #content p                      { margin: 5px 0; }
#blank #content ul li                  {
	padding-left: 10px;
	background: transparent url(../images/layout/secmenu-sub.gif) no-repeat 0 4px;
	margin-bottom: 8px;
	}
#blank #content ul li ul               { margin: 5px 5px 0px 20px;}
#blank #content p#zaba                 { clear: both; padding: 10px 0; }
#blank #content p#zaba img             { margin: 10px 0; }
#blank #content a.external             { background: transparent url(../images/layout/external.gif) no-repeat right center; padding: 0 15px 0 0; }
#blank #content a.external2            {
	background: transparent url(../images/layout/external.gif) no-repeat 75px 14px;
	padding: 0 15px 0 0;
	display: inline-block;
	}
.uvlaka                                { padding: 0 0 0 50px; }
/*--------------------------------------
   BLANK // secMenu
-------------------------------------- */
#blank #nav                            { display: inline; float: left; width: 170px; }
#blank .secMenu                        { clear: both; margin: 35px 0 0 10px; font-size: 10px; }
#blank .secMenu li                     { display: block; margin: 0 0 9px 0; }
#blank .secMenu ul                     { margin: 10px 0 15px 15px; }
#blank .secMenu ul li                  { margin: 3px 0; }
#blank .secMenu ul li a                { background: transparent url(../images/layout/secmenu-sub.gif) no-repeat left center; padding-left: 12px; }
#blank .secMenu a.on,
#blank #info a.on                      { color: #676767; text-decoration: none; }
#blank .secMenu#mapa-weba              { margin: 10px 0 0 10px; }
#blank #newsletter                     {
	float: none;
	width: 160px;
	height: 70px !important;
	position: relative;
	margin: 25px 0 0 5px;
	padding: 10px 0 10px 5px;
	border-top: 1px solid #ddeebf;
	border-bottom: 1px solid #ddeebf;
        }
#blank #newsletter p                   {
	font-size: 9px;
	margin: 0 0 5px -5px;
	padding: 0;
	text-align: center;
	}
#blank #newsletter legend              { display: none; }
#blank #newsletter fieldset            { border: none; }
#blank #newsletter label               { padding-left: 30px; color: #979695; }
#blank #newsletter input               {
	border: 1px solid #979695;
	margin: 5px 0 0 0;
	width: 130px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #979695;
	padding: 1px 0 1px 0;
	}
#blank #newsletter #radio input        {
	border: none;
	width: auto;
	display: inline;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	}
#blank #newsletter #radio label        { margin: 0 10px 0 5px; padding: 0; }
#blank #newsletter input#make_call     {
	position: absolute;
	width: 13px;
	height: 12px;
	padding: 0;
	border: none;
	margin: 6px 0 0 4px;
	}
/*--------------------------------------
   BLANK // SecContent
-------------------------------------- */
.objekti #secContent h2,
.objekti #secContent h3,
.objekti #secContent p,
.objekti #secContent ul,
.objekti #secContent ol                { margin-left: 5px; margin-right: 10px; }

#secContent                            {
	float: left;
	width: 235px;
	margin: 0 0 0 10px;
	padding: 25px 0 0 0;
	font-size: 10px;
	}
#secContent p,
#secContent ul,
#secContent ol,
#secContent h1,
#secContent h2,
#secContent h3,
#secContent h4,
#secContent h5,
#secContent h6                         { margin: 10px 0; }

#secContent h1,
#secContent h2                         { margin-top: 0; }

#secContent h1                         { font-size: 18px; font-weight: bold; color: #fff; }
#secContent h2                         { font-size: 14px; font-weight: bold; color: #99ae6a; }
#secContent h3,
#secContent h4,
#secContent h5,
#secContent h6                          { font-size: 12px; font-weight: bold; color: #7a896c; }
	
#secContent a:link,	
#secContent a:visited                   { color: #99ae6a; text-decoration: underline; }
#secContent a:hover,	
#secContent a:active                    { color: #99ae6a; text-decoration: none; }

#secContent img                         { margin: 0 0 10px 0; }

#secContent div                         { margin-bottom: 10px !important; margin-bottom: 5px; width: 195px; height: 130px; margin-left: 2px; }
#secContent div.last                    { margin-bottom: 0; }
/*--------------------------------------
   PRODAJA
-------------------------------------- */
#mainContent form                      { width: 450px; }
#mainContent fieldset                  { display: inline; border: none; }
#mainContent fieldset#inputs           { float: left; display: inline; width: 215px; height: 100px !important; height: 90px; position: absolute; margin-left: 45px; }
#mainContent fieldset#textarea         { float: right; display: inline; width: 215px; margin-top: 0 !important; margin-top: 10px; height: 100px !important; height: 90px; position: absolute; margin-left: 240px; }
#inputs br                             { clear: both; }
#inputs p                              { padding: 30px 0 0 0; }
#inputs label                          {
	display: block;
	float: left;
	width: 85px;
	text-align: right;
	margin: 2px 10px 0 0;
	}
#inputs input                          {
	width: 105px;
	margin-bottom: 2px;
	border: 1px solid #bfbebe;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	float: left;
	}
#captInput                             {
	width: 105px;
	margin-bottom: 2px;
	border: 1px solid #bfbebe;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	}	
	
#textarea label                        {
	display: block;
	float: left;
	width: 65px;
	text-align: right;
	margin: 0 10px 0 0;
	}
#textarea textarea                     {
	width: 120px;
	height: 93px;
	margin-bottom: 5px;
	border: 1px solid #bfbebe;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	overflow: auto !important;
	overflow: hidden;
	}
.gumb                                  {
	color: #8c8f84;
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	background: transparent url(../images/layout/posalji.gif) no-repeat 0 0;
	border: none;
	width: 68px;
	height: 16px;
	float: right;
	clear: both;
	margin-right: 40px;
	}
#captchaWrapper                        {
	clear: both;
	margin: 0 10px 10px 10px;
	padding-top: 130px;
	text-align: center;
	}
#captchaWrapper img                    { width: 120px; height: 70px; }
#captchaWrapper #captchaInput          { text-align: right; padding: 0 30px 0 0; }
#captchaInput input                    { vertical-align: middle; }
	
	
	input.normal                   { border: 1px solid #bfbebe; }
	input.error                    { border: 1px solid  red; }
	textarea.normal                { border: 1px solid #bfbebe; }
	textarea.error                 { border: 1px solid red; }
	span.error_message_field       { color:#84c225; height: auto; display: block; width: 200px; }
	select.error                   { border: 1px solid red; }

#tel                                   { font-size: 10px; clear: both; margin: 10px 0; }
a#o-investitoru                        { display: block; float: right; margin: -40px 0 0 0; }
/*--------------------------------------
   STAN
-------------------------------------- */
.stan-kvadrature                       { width: 225px; text-align: right; font-size: 9px; color: #666; background: none; }
.stan-kvadrature td                    { padding: 3px; border-bottom: 1px solid #cdcdcd; }
.stan-kvadrature th                    { padding: 8px 3px 4px 3px; border-bottom: 1px solid #1f1a17; font-weight: normal; text-align: center; }

p.center                               { text-align: center; }

.stan-kvadrature .center               { text-align: center; }
.stan-kvadrature .left                 { text-align: left; }
.stan-kvadrature .right                { text-align: right; }
	
.bg-1                                  { background: #fafafa; }
.bg-2                                  { background: #efefef; }

.bg-1-on                               { color: #A2BC25; }
.bg-2-on                               { color: #b5d129;  }

.bg-1-on:hover,
.bg-2-on:hover                         { cursor: pointer; }

#tlocrt-stana                          {
	margin: 0 auto;
	width: 440px;
	height: 500px;
	text-align: center;
	padding-top: 25px;
	}
#content #tlocrt-stana p.center        { margin: 10px 0; }
#tlocrt-skripta                        { width: 440px; height: 500px; margin: 0; position: relative; }
/*--------------------------------------
   STAN // Tabovi
-------------------------------------- */
#tabs                                  {
	background: #fff;
	margin: -30px 0 0 -15px;
	position: absolute;
	height: 40px;
	}
#blank #content #tabs li               {
	float: left;
	background: transparent url(../images/layout/tab-left-z.gif) no-repeat 0 0;
	padding: 0;
	margin: 0;
	}
#content #tabs a                       {
	display: block;
	background: transparent url(../images/layout/tab-right-z.gif) no-repeat top right;
	text-align: center;
	padding: 2px 20px 4px 20px;
	text-decoration: none;
	width: 50px;
	}
#blank #content #tabs li.on            { background: transparent url(../images/layout/tab-left.gif) no-repeat 0 0; }
#content #tabs a.on                    { color: #84c225; background: transparent url(../images/layout/tab-right.gif) no-repeat top right; }
/*--------------------------------------
   STAN // Podaci i vizualizacije
-------------------------------------- */
#vizualizacije,
#podaci,
#podaci-right                          {
	width: 220px;
	height: 150px;
	margin: -5px 0 0 30px;
	font-size: 10px;
	position: absolute;
	line-height: 13px;
	}
#podaci                                { margin-left: 280px; width: 220px; }
#podaci-right                          { margin: 17px 0 0 535px; height: 146px; }
#vizualizacije h3,
#podaci h3                             { font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #84c225; margin-bottom: 10px; }

#vizualizacije a:link,
#vizualizacije a:visited,
#podaci	a:link,
#podaci	a:visited,
#podaci-right a:link,
#podaci-right a:visited                { color: #84c225; text-decoration: underline;  }

#vizualizacije a:hover,
#vizualizacije a:active,
#podaci	a:hover,
#podaci	a:active,
#podaci-right a:hover,
#podaci-right a:active                 { color: #1f1a17; text-decoration: underline;  }
/*--------------------------------------
   STAN // Statusi
-------------------------------------- */
.zaprod, .rez, .prod                   { font-weight: bold; padding: 0 4px; }
.zaprod                                { background: #84c225; color: #fff;  }
.rez                                   { background: #b9b9b9; color: #fff; }
.prod                                  { background: #000; color: #fff;  }
/*--------------------------------------
   MAPA WEBA
-------------------------------------- */
#blank #content ul.mweba               { display: inline; float: left; margin: 0 60px 30px 0; }
#blank #content ul.mweba li            { padding-left: 10px; margin-bottom: 5px; background: none; }
#blank #content ul.mweba li ul li      { margin: 0 0 3px 0; background: transparent url(../images/layout/secmenu-sub.gif) no-repeat 0 4px; font-size: 100%; }
/*--------------------------------------
   GALERIJA
-------------------------------------- */
#galleryHolder img                     { margin: 0 2px 2px 0; }
