/*-----------------------------------------------------
   NOVOSTI
----------------------------------------------------- */
#mainContent .izdvojena-novost h2                     { font-size: 12px; color: #0a2972; }
#mainContent .izdvojena-novost h2 a                   { text-decoration: none; }
	
#mainContent #novosti a:link,
#mainContent #novosti a:visited                       { color: #0a2972; }
#mainContent #novosti a:hover,
#mainContent #novosti a:active                        { color: #9699a1; }

.izdvojena-novost img,
#mainContent #novost img                              {
	display: inline;
	float: left;
	width: 150px;
	padding: 1px;
	border: 1px solid #0a2972;
	margin: 0;
	}
#mainContent #novosti p                               { margin-top: 0; }	
#mainContent #novost img                              { margin: 5px; width: auto; }
.izdvojena-novost div                                 {
	display: inline;
	float: left;
	width: 430px;
	margin: 0 0 0 15px;
	}
.izdvojena-novost div#novost                          { margin: 0 0 0 15px; padding: 10px 0 0 0; }
#mainContent #popis-novosti                           { font-size: 12px; padding-top: 20px; margin: 0; }
#mainContent #popis-novosti li                        { margin: 3px 0; padding: 0 0 0 15px; background: transparent url(../images/layout/popis-arrow.gif) no-repeat 0 4px; }
	
/*-----------------------------------------------------
   Paginator
----------------------------------------------------- */
#mainContent #paginator                               {
	display: table;
	float: right;
	margin: 20px 0 10px 0;
	padding: 0;
	}
#mainContent #paginator a                             {
	display: block;
	float: left;
	padding: 2px;
	border: 1px solid #5a5a5a;
	width: 15px;
	text-align: center;
	margin-right: 5px;
	text-decoration: none;
	}
#mainContent #paginator a:hover                       { border: 1px solid #5a5a5a; }
#mainContent #paginator a.on,
#mainContent #paginator a.on:hover                    { font-weight: bold; text-decoration: none; color: #fff; background: #0a2972; border: 1px solid #5a5a5a; }
#mainContent #paginator a.disabled,
#mainContent #paginator a.disabled:hover              { color: #c2c2c2; text-decoration: none; border: 1px solid #e3e3e3; }
#mainContent #paginator li                            { background: none; padding: 0; margin: 0; line-height: normal; display: inline; }
#mainContent ul#paginator li a.on:link,
#mainContent ul#paginator li a.on:visited             { color: #fff; }
/*-----------------------------------------------------
   NewsNavigator
----------------------------------------------------- */
#mainContent #news-navigator                          {
	display: table;
	float: right;
	margin: 20px 0 10px 0;
	padding: 0;
	}
#mainContent #news-navigator a                        {
	display: block;
	float: left;
	padding: 2px;
	border: 1px solid #5a5a5a;
	width: 120px;
	text-align: center;
	margin-right: 5px;
	text-decoration: none;
	}
#mainContent #news-navigator a:hover                  { border: 1px solid #5a5a5a; }
#mainContent #news-navigator a.on,
#mainContent #news-navigator a.on:hover               { font-weight: bold; text-decoration: none; color: #fff; background: #0a2972; border: 1px solid #5a5a5a; }
#mainContent #news-navigator a.disabled,
#mainContent #news-navigator a.disabled:hover         { color: #c2c2c2; text-decoration: none; border: 1px solid #5a5a5a; }
#mainContent #news-navigator li                       { background: none; padding: 0; margin: 0; line-height: normal; display: inline; }

/*-----------------------------------------------------
   TABLICE (oprema/cijene)
----------------------------------------------------- */
#mainContent table                                    { margin: 10px 0; width: 100%; }
#mainContent table td                                 { border-bottom: 1px solid #e6e6e6; text-align: center; padding: 3px 5px; }
	
#mainContent table td.left                            { text-align: left; }
#mainContent table th                                 {
	background: #0a2972;
	font-weight: normal;
	padding: 3px 5px;
	text-align: center;
	color: #fff;
	border-right: 1px solid #fff;
	border-bottom:  1px solid #fff; 
	}
#mainContent table td.popust                          { background: #0a2972; color: #fff; border-right: 1px solid #fff; font-weight: bold; }
#mainContent table img                                { border: none; padding: 0; margin: 0; }	

/*-----------------------------------------------------
   GALERIJA
----------------------------------------------------- */	
#mainContent #galerija                                { margin: -14px 0 0 -10px; }
#mainContent #galerija img                            { margin: 0; padding: 0; border: 0; }

#mainContent #galerija img#velika                     { width: 646px; height: 325px; }
#mainContent #galerija-title                          {
	margin: 15px 20px 5px 0;
	padding: 0;
	text-align: right;
	height: 27px;
	}
#mainContent #galerija-title span                     { display: none; }
#mainContent #popisSlika                              {
	position: absolute;
	margin: 10px 0 0 0;
	width: 100px;
	z-index: 0;
	}
#mainContent #popisSlika li                           {
	margin: 0 8px 9px 8px;
	display: inline;
	float: left;
	clear: both;
	padding: 0;
	background: none;
	}
#mainContent #popisSlika li img                       { padding: 2px; width: 80px; height: 40px; }
#mainContent #popisSlika li img.on                    { border: 1px solid #0a2972; padding: 1px; background: #fff; }
#mainContent #popisSlika li img:hover                 { border: 1px solid #0a2972; padding: 1px; background: #fff; }

#mainContent #popisSlika.boje li img                  { width: 80px; height: 20px;  }

#mainContent #popisSlika li#scrollUp,
#mainContent #popisSlika li#scrollDown                { text-align: center; width: 80px;  }

#mainContent #popisSlika li#scrollUp img,
#mainContent #popisSlika li#scrollDown img            { width: 15px; height: 8px; padding: 0; border: none; background: none; }

#mainContent #popisSlika li#scrollUp                  { margin-bottom: 6px; }
#mainContent #popisSlika li#scrollDown                { margin-top: -3px; }

/*-----------------------------------------------------
   GALERIJA // Boje Spec.
----------------------------------------------------- */	
#mainContent #popisSlika.boje                         { margin: 10px 0 0 0; }
#mainContent #popisSlika.boje li                      { margin: 0 8px 4px 8px; }
	
#mainContent #popisSlika.boje li#scrollUp             { margin-bottom: 6px; }
#mainContent #popisSlika.boje li#scrollDown           { margin-top: 2px; }

#naziv-boje                                           {
	position: absolute;
	top: 450px;
	z-index: 100;
	margin: 0 0 0 100px;
	width: 520px;
	text-align: center;
	font-weight: bold;
	}

/*-----------------------------------------------------
   VIDEO
----------------------------------------------------- */
#mainContent #video                                   { margin: -14px 0 0 -10px; }
#mainContent #video img                               { margin: 0; padding: 0; border: 0; }

#mainContent #popisVideo                              {
	width: 100px;
	height: 316px;
	margin: 10px 0 0 0;
	z-index: 0;
	margin: 0;
	padding: 10px 0 0 0;
	background: #f0f0f0;
	display: inline;
	float: left;
	}
	
#mainContent #popisVideo li                           {
	margin: 0 8px 9px 8px;
	display: inline;
	float: left;
	clear: both;
	padding: 0;
	background: none;
	}
	
#mainContent #popisVideo li img                       { padding: 2px; }
#mainContent #popisVideo li img.on                    { border: 1px solid #0a2972; padding: 1px; background: #fff; }
#mainContent #popisVideo li img:hover                 { border: 1px solid #0a2972; padding: 1px; background: #fff; }

#mainContent #popisVideo li#scrollUp,
#mainContent #popisVideo li#scrollDown                { text-align: center; width: 80px;  }

#mainContent #popisVideo li#scrollUp img,
#mainContent #popisVideo li#scrollDown img            { width: 15px; height: 8px; padding: 0; border: none; background: none; }

#mainContent #popisVideo li#scrollUp                  { margin-bottom: 6px; }
#mainContent #popisVideo li#scrollDown                { margin-top: -3px; }

#playerWrapper                                        { display: inline; float: left; height: 325px; }
	
.video-box                                            {
	width: 384px;
	height: 288px;
	position: relative;
	top: 20px;
	left: 80px;
	}

#mainContent #video #galerija-title                   { clear: both; padding-top: 14px; }
	
/*-----------------------------------------------------
   360 PRIKAZ
----------------------------------------------------- */	
#mainContent #pregled360                              { margin: -14px 0 0 -10px; height: 360px; position: relative; }
#mainContent #pregled360 img                          { margin: 0; padding: 0; border: 0; }
#player360                                            {
	width: 520px;
	height: 360px;
	position: absolute;
	margin: 0 0 0 5px;
	}
#mainContent #pregled360 #galerija-title              { bottom: -12px; right: 0; position: absolute; }
#player360 .video-box                                 { position: relative; text-align: center; }
#player360 .video-box p                               { position: absolute; bottom: 50px; left: 45px; width: 290px; text-align: center; }
	
/*-----------------------------------------------------
   PITANJA I ODGOVORI
----------------------------------------------------- */
.box                                                  { margin-bottom: 20px; }
.pitanje                                              { padding: 5px; background: #0a2972; color: #fff; }
#mainContent .odgovor                                 { margin: 5px 0 0 10px; padding: 5px 10px; border-left: 1px solid #0a2972; }
#postavite-pitanje                                    { text-align: right; }

/*-----------------------------------------------------
   PITANJA I ODGOVORI // Forma
----------------------------------------------------- */
#pitanja                                              { margin-bottom: 10px; }
#pitanja fieldset                                     { border: 1px solid #0a2972; padding: 5px 5px 15px 5px; }
	
#formWrap                                             { padding: 20px 20px 40px 20px; }
	
#pitanja legend                                       { color: #0a2972; padding: 0 10px; font-weight: bold; }

#podaci                                               {
	display: inline;
	float: left;
	width: 160px;
	margin: 0 15px 0 0;
	}
	
#podaci input                                         {
	width: 152px;
	height: 13px;
	background: #fff;
	border: 1px solid #bdbdbd;
	color: #9b9b9b;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 4px;
	margin: 3px 0 5px 0;
	}	
	
#podaci input.gumb                                    {
	display: inline;
	width: 75px;
	height: 19px;
	padding: 0;
	text-align: center;
	}	
	
#pitanje                                              {
	display: inline;
	float: left;
	width: 400px;
	height: 88px;
	margin: 16px 0 0 0;
	}
	
#pitanje textarea                                     {
	width: 392px;
	height: 84px;
	background: #fff;
	border: 1px solid #bdbdbd;
	color: #9b9b9b;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 4px;
	overflow: auto;
	}		

/*-----------------------------------------------------
   MAPA STRANICE
----------------------------------------------------- */
#mainContent #mapa-stranice ul                        { padding: 0 0 0 40px; margin: 0 0 10px 0; }
#mainContent #mapa-stranice ul li                     {
	margin: 0;
	padding: 0;
	background: none;
	line-height: 20px;
	font-size: 12px;
	}
#mainContent #mapa-stranice ul ul ul                  { margin-bottom: 20px; }
#mainContent #mapa-stranice ul ul ul li               { font-size: 10px; line-height: 15px; }
#mainContent #mapa-stranice ul.vozilo                 {
	display: inline;
	float: left;
	margin: 0 0 25px 60px;
	padding: 0;
	width: 200px;
	}
#mainContent #mapa-stranice ul.vozilo ul              { padding: 0 0 0 25px;  }
#mainContent #mapa-stranice ul.vozilo ul li           { font-size: 10px; line-height: 15px; }

/*-----------------------------------------------------
   TRAZILICA
----------------------------------------------------- */
#trazilica form                                       { padding: 0 0 20px 25px; }
	
#trazilica form .input                                {
	background: #fff;
	border: 1px solid #bdbdbd;
	color: #9b9b9b;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 4px;
	width: 150px;
	}	
	
#trazilica form .gumb                                 {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	background: #0a2972;
	border: 1px solid #0a2972;
	color: #fff;
	height: 18px;
	position: relative;
	bottom: -1px !important;
	bottom: 0;
	z-index: 0;
	text-align: center;
	width: 45px;
	}	
	
#trazilica form select                                { width: 120px; font: normal 10px Verdana, Arial, Helvetica, sans-serif; border: 1px solid #bdbdbd; }
	
#mainContent #match-found,
#mainContent #trazilica h2,
#mainContent #results-no                              { margin: 0 0 5px 60px; }

#results-nav                                          { margin-top: 20px; }

#mainContent .result-item                             { margin-bottom: 15px; }
#mainContent .result-item p                           { margin: 2px 0;  }
.url                                                  { font-size: 10px; }
.result-link a                                        { font-weight: bold; }
.result-description                                   { padding-top: 5px; }

/*-----------------------------------------------------
   PRIJAVA ZA NEWSLETTER
----------------------------------------------------- */
#newsletter                                           { padding: 20px 0 0 0; }

#newsletter legend                                    { display: none; }
#newsletter fieldset                                  { border: none; }
#newsletter label                                     {
	display: block;
	float: left;
	width: 250px;
	text-align: right;
	margin: 0 15px 0 0;
	padding: 5px 0 0 0;
	}
#newsletter input,
#newsletter textarea                                  {
	background: #fff;
	border: 1px solid #bdbdbd;
	color: #9b9b9b;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 4px;
	width: 150px;
	margin: 0 0 5px 0;
	}
#newsletter textarea { height: 80px; overflow: hidden; }
#newsletter select                                    {
	background: #fff;
	border: 1px solid #bdbdbd;
	color: #9b9b9b;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 2px 2px 4px;
	margin: 0 0 5px 0;
	width: 70px;
	}
	
#newsletter select#danrodjenja                        { width: 55px; }
#newsletter select#zanimamehyundai                    { width: 200px; }
	
#newsletter input#nl-submit                           {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	background: #0a2972;
	border: 1px solid #0a2972;
	color: #fff;
	height: 18px;
	text-align: center;
	width: 50px;
	margin: 0 0 0 265px;
	}
#captcha                                              { margin: 15px 0 15px 265px; }
#captcha img                                          {
	padding: 2px;
	border: 1px solid #ccc;
	width: 100px;
	height: 50px;
	margin: 0;
	}	
	
/*-----------------------------------------------------
   KONFIGURATOR
----------------------------------------------------- */	
.conf #mainContent { padding-top: 0; padding-left: 1px; padding-right: 0; }

#conf-heading { width: 648px; height: 39px; overflow: hidden; background: url(../images/layout/conf-heading.gif) repeat-x 0 0; }
#conf-title { width: 400px; display: inline; float: left; color: #fff; font-size: 11px; padding: 10px 0 0 10px; }
#conf-title .large { font-size: 18px; }

#conf-options { display: inline; float: right; width: auto; padding: 14px 10px 0 0; font-size: 10px; text-align: right; }
#conf-options ul { margin: 0 !important; padding: 0 !important; }
#conf-options ul li { background: 0 !important; margin: 0 0 0 10px !important; padding: 0; }
#conf-options a { color: #fff !important; text-decoration: underline; background: url(../images/layout/conf-button.jpg) no-repeat left center; padding-left: 17px; }
#conf-options a:hover { text-decoration: none !important; }

#conf-steps { width: 648px; height: 201px; position: relative; background: url(../images/layout/conf-car-bg.gif) repeat-x 0 0; overflow: hidden; border-bottom: 1px solid #b5b5b5; }
#conf-car-image { height: 155px; overflow: hidden; margin: 17px 0 0 0; text-align: center; }
#conf-steps-list { width: 648px; position: absolute; height: 28px; overflow: hidden; bottom: 0; left: 0; }

#conf-last-steps { display: inline; float: left; margin: 7px 0 0 100px !Important; margin: 7px 0 0 20px; width: auto !important; width: 190px; }
#conf-last-steps ul { margin: 0 !important; padding: 0 !important; }
#conf-last-steps ul li { display: inline; float: left; width: 28px; height: 21px; overflow: hidden; margin: 0 5px 0 0 !important; padding: 0 !important; background: 0 !important; font-size: 14px; text-align: center; }
#conf-last-steps ul li a { display: block; width: 28px; height: 21px; line-height: 21px; overflow: hidden; background: url(../images/layout/conf-step-done.gif) no-repeat 0 0; color: #fff !important; text-decoration: none !important; }
#conf-last-steps ul li a:hover { color: #e0e0e0 !important; }

#conf-active-step { display: inline; float: left; margin: 0 0 0 10px; width: 350px; }
#conf-active-step ul { margin: 0 !important; padding: 0 !important; }
#active-step-no { float: left; width: 31px; height: 28px; overflow: hidden; line-height: 28px; font-size: 17px; color: #fff; text-align: center; margin: 0 1px 0 0 !important; padding: 0 !important; background: url(../images/layout/conf-active-step-no.gif) no-repeat 0 0 !important; }
#active-step-title { float: left; height: 28px; overflow: hidden; line-height: 28px; font-size: 13px; color: #fff; margin: 0 !important; padding: 0 10px !important; background: url(../images/layout/conf-active-step-info.gif) no-repeat right top !important;  }

#cont-next { width: 75px; height: 21px; overflow: hidden; line-height: 21px; font-size: 12px; color: #fff !important; text-decoration: none !important; background: url(../images/layout/conf-next-step.gif) no-repeat 0 0; text-align: center; position: absolute; bottom: 0; right: 20px; }
#cont-next:hover { color: #e0e0e0 !important; }

#conf-parameters { width: 648px; background: #eaeaea url(../images/layout/conf-parameters-bg.gif) repeat-x 0 2px; min-height: 145px; height: auto !important; height: 145px; color: #666; }
#conf-parameters .inner { height: 100%; overflow: hidden !Important; overflow: visible; padding: 20px; }
#conf-parameters a { color: #666 !important; text-decoration: none !important; }

.conf-engine { display: inline; float: left; margin: 0 75px 0 0 !important; padding: 0 !important; }
.conf-engine li { padding: 0!important; margin: 0 0 5px 0 !important; background: 0 !important; }
.conf-engine a { background: url(../images/layout/conf-bullet.gif) no-repeat left center; padding-left: 10px; }
#conf-parameters .conf-engine a:hover { color: #000 !important; }
#conf-parameters .conf-engine .active,
#conf-parameters .conf-engine .active:hover { color: #2754d3 !important; background: url(../images/layout/conf-bullet-on.gif) no-repeat left center !important; }

.conf-color { margin: 0 !important; padding: 0 !important; font-size: 9px; }
.conf-color li { float: left; margin: 0 10px 0 0 !important; padding: 0 !important; background: 0 !important; text-align: center; }
.conf-color img { margin: 0 0 3px 0; }
#conf-parameters .conf-color a:hover { color: #000 !important; }
#conf-parameters .conf-color  .active,
#conf-parameters .conf-color  .active:hover { color: #2754d3 !important; }

.conf-enquipment { margin: 0 !important; padding: 0 0 0 60px !important; }
.conf-enquipment li { margin: 0 0 5px 0 !important; padding: 0 !important; background: 0 !important; }
.conf-enquipment input { margin-right: 3px; }
.conf-enquipment label { cursor: pointer; }
.conf-enquipment label:hover { color: #000; }
.conf-enquipment li.active { color: #2754d3; }

.conf-price-final table { margin: 0 0 20px 0 !important; font-size: 14px; }
.conf-price-final th { background: #666 !important; color: #fff; border: 0 !important; text-align: left !important; padding: 5px 10px !important; }
.conf-price-final td { padding: 5px 10px !important; font-size: 14px; font-weight: bold; border: 0 !important; text-align: left !important; }
.conf-price-final-info { line-height: 130%; }

#conf-price { width: 648px; overflow: hidden; }
#conf-price table { width: 648px; margin: 0 !important; border: 0 !important; padding: 0 !important; border-collapse: collapse; }
#conf-price th { background: transparent url(../images/layout/conf-price-heading-left.gif) no-repeat 0 0 !important; line-height: 21px; padding: 0 1px 0 10px !important; border: 0 !important; text-align: left !important; }
#conf-price th span { display: block; background: transparent url(../images/layout/conf-price-heading-right.gif) no-repeat right top;}
#conf-price td { height: 34px; background: transparent url(../images/layout/conf-price.gif) no-repeat right top !important; line-height: 34px; text-align: left !important; padding: 0 0 0 10px !important; font-size: 14px; border: 0 !important; color: #fff; }
#conf-price td.last-price-td { background: transparent url(../images/layout/conf-price-last.gif) no-repeat right top !important; }