@charset "utf-8";
/* CSS Document */

body { background:#e2e2e2 url(images/background.gif) repeat-x; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
h1 { font-family:Arial, Helvetica, sans-serif; font-size:20px; margin:5px 0 15px 0; }
h1 a { text-decoration:none; color:#333333; }
h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:bold; font-style:italic; color:#ffffff; margin:0px; padding:0px; }
h4 { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#000000; margin:0px; padding:0px; }
.fl_left { float:left; }
.novost { float:left; width:100%; border-bottom:1px dashed #999999; margin:0 0 10px 0; }

#container { width:810px; height:500px; margin:0 auto; z-index:0; }

#header { float:left; width:935px; height:202px; background:url(images/background_header.jpg) no-repeat; margin:1px 0 0 -70px; padding:0 0 0 70px;
position:relative; z-index:100; }
#header_img { float:left; width:584px; height:201px; margin:0 0 0 20px; }
#header_img img { float:left; }

#logo { float:left; width:330px; height:80px; margin:70px 0; }
#logo img { float:left; }
#logo h1 { margin:0px; padding:0px; font-size:15px; font-weight:normal; color:#ffffff; }

#nav { float:left; width:100%; height:50px; z-index:101; position:relative;  }
#nav ul { margin:8px 0; padding:0px; list-style:none; float:left; }
#nav ul li { float:left; position:relative; }
#nav ul li a { display:block; height:29px; font-size:15px; color:#000000; text-decoration:none; padding:10px 24px 0 20px; float:left; }

#nav ul li:hover, #nav ul li.active { background:url(images/hover_left.gif) no-repeat; }
#nav ul li:hover a, #nav ul li.active a { background:url(images/hover_right.gif) right no-repeat; color:#ffffff; }

#nav li ul, #nav li.active ul { position:absolute; top:31px; left:0px; background:#202020 url(images/background_submenu.gif) repeat-x; width:200px; display:none; padding:10px 0 0 0; }
#nav li:hover li, #nav li.active li { background:url(images/submenu_sep.png) 20px bottom no-repeat; padding:0 0 2px 0; } 
#nav li:hover li a, #nav li.active li a  { float:left; background:none; text-transform:uppercase; font-size:12px; font-weight:bold; color:#ffffff; display:block; width:180px; padding:15px 0px 15px 20px; height:auto; }
#nav li li a:hover, #nav li.active li a:hover { background:#000000; } 

#nav li li.last, #nav ul li.active li.last { background:#202020 url(images/submenu_bottom.gif) bottom no-repeat; height:15px; width:200px; } 

#content { float:left; width:100%; margin:25px 0 0 0; }

#main { float:left; width:410px; margin:0 0 0 10px; }
#sidebar_left { float:left; width:180px; }
#sidebar_right { float:left; width:200px; margin:0 0 0 10px; }

.box { float:left; width:180px; margin:0 0 10px 0; }
.box_header { float:left; width:100%; height:31px; background:url(images/box_header.gif) no-repeat; text-align:center; padding:9px 0 0 0; }
.box_body { float:left; width:158px; border:1px solid #7d7d7d; border-top:none; background:#ffffff; padding:10px 10px 15px 10px; }
.box_body p { color:#4b4a4a; font-size:13px; margin:0px; padding:0px; line-height:18px; }

#gray_box { float:left; width:368px; background:#e1e1e1; padding:20px; }
#gray_box p { margin:15px 0 0 0; padding:0px; line-height:18px; }

#anketa, #newsletter { margin:10px 0px 0px 0px; padding:0px; font-size:12px; color:#4b4a4a; float:left; line-height:18px; }
#anketa label { margin:5px 0px 0px 0px; float:left; width:155px; }
#anketa .button, #newsletter .button, #kontakt .button, #narudzba .button, #probna_voznja .button { width:76px; height:21px; background:url(images/button.gif) no-repeat; border:none; color:#ffffff; text-transform:uppercase; font-size:10px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding:0px; margin:13px 0px 0px 3px; float:right; }
.bar_cont { float:left; width:100%; background:#f1f1f1; }
.bar { float:left; height:10px; background:#F00; font-size:0px; }

#newsletter input { width:149px; background:#f3f3f3 url(images/input_back.gif) top repeat-x; border:1px solid #999999;
font-size:11px; color:#4b4a4a; padding:3px;}

#box_main { float:left; width:408px; background:#ffffff; border:1px solid #ffffff; }
#box_main .header { width:388px; height:31px; background:url(images/box_main_header.gif) no-repeat; padding:8px 0 0 20px; }
#box_main .body { float:left; padding:10px 0 0 0; }

.oglas { float:left; margin:0 0 20px 0; padding:0 0 10px 20px; width:385px; border-bottom:1px solid #e1e1e1; }
.oglas h4 { margin:0 0 15px 0; }
.oglas h4 a { text-decoration:none; color:#000000; }
.oglas h4.price { color:#F00; font-size:18px; margin-top:25px; } 
.oglas img { float:left; border:1px solid #000000;  }
.oglas_info { float:left; margin:0 0 0 20px; width:210px; }
.oglas p { margin:-20px 0 0 0; padding:0px; line-height:20px; z-index:100; position:relative; }

#box_sidebar { float:left; width:198px; background:#ffffff; border:1px solid #ffffff; }
#box_sidebar .header { width:173px; height:31px; background:url(images/box_sidebar_header.gif) no-repeat; padding:8px 0 0 25px; }
#box_sidebar .body { float:left; width:178px; padding:10px 10px 15px 10px; border-bottom:1px solid #e1e1e1; }
#box_sidebar .body p { color:#000000; font-size:12px; margin:10px 0px 0px 0px; padding:0px; line-height:18px; }
#box_sidebar .body a { color:#515151; font-weight:bold; font-style:italic; text-decoration:none; float:right; }
#box_sidebar .body a:hover { text-decoration:underline; }

#subpage_header { float:left; width:790px; height:33px; background:url(images/subpage_header.gif) no-repeat; padding:8px 0 0 20px; }
#subpage_header h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#d6d6d6; font-weight:bold; font-style:italic;
text-transform:uppercase;}
#subpage_body, #subpage_body_ponuda, #subpage_body_detalji { float:left; width:770px; background:#ffffff; padding:20px 20px 20px 20px; }
#subpage_body_ponuda { padding:0px 0px 0px 0px; width:810px; background: #ffffff url(images/ponuda_back.gif) 405px 0px repeat-y; }
#subpage_body_detalji { padding:0px 0px 20px 0px; width:810px; background:#ffffff; }

#subpage_body img.onama, #subpage_body img.onama2{ float:left; margin:0 0 30px 0; }
#subpage_body img.onama2{ margin-left:10px; }
#subpage_body p { font-size:12px; line-height:18px; margin:0 0 15px 0; }
#subpage_body ul { list-style: square; line-height:20px; }


#kontakt { float:right; width:493px; background:#f2f2f2 url(images/kontakt_body.gif) repeat-y; }
#kontakt .top { float:left; width:100%; height:6px; background:url(images/kontakt_top.gif) no-repeat; margin:0 0 15px 0; }
#kontakt .bottom { float:left; width:100%; height:6px; background:url(images/kontakt_bottom.gif) no-repeat; margin:20px 0 0 0; }
#kontakt h4, #karta h4 { font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-style:italic; font-weight:bold; margin:0 0 0 25px; }
#kontakt form { margin:20px 0 0 0; padding:0px; }
#kontakt input { border:1px solid #b9b9b9; width:270px; padding:5px; margin:8px 0; }
#kontakt label { font-size:12px; text-transform:uppercase; font-weight:bold; width:150px; float:left; text-align:right; margin:17px 10px 0 0; }
#kontakt textarea { border:1px solid #b9b9b9; width:270px; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:10px 0 0 0; }
#kontakt .button { float:left; margin:20px 0 0 365px; }

#karta { float:left; width:790px; background:#f2f2f2; border-top:1px solid #b9b9b9; margin:25px 0 -20px -20px; padding:20px 0 20px 20px; }
#karta h4 { display:inline; float:left; margin:0px; }
#karta .adresa { float:left; margin:0 0 0 50px; }
#map { float:left; width:768px; height:500px; border:1px solid #000000; }


#narudzba .left { float:left; width:375px; }
#narudzba .right { float:left; width:375px; margin:0 0 0 14px; }
#narudzba .block1 { float:left; width:240px; border:1px solid #cccccc; background:url(images/1.png) no-repeat; padding:15px 35px 20px 100px; }
#narudzba .block2 { float:left; width:240px; border:1px solid #cccccc; background:url(images/2.png) no-repeat; padding:15px 35px 20px 100px; }
#narudzba .block3 { float:left; width:265px; border:1px solid #cccccc; background:url(images/3.png) no-repeat; margin:15px 0 0 0; padding:15px 10px 20px 100px; }
#narudzba .block4 { float:left; width:240px; border:1px solid #cccccc; background:url(images/4.png) no-repeat; margin:15px 0 0 0; padding:15px 35px 20px 100px; }
#narudzba .block5 { float:left; width:240px; border:1px solid #cccccc; background:url(images/5.png) no-repeat; margin:15px 0 0 0; padding:15px 35px 20px 100px; }
#narudzba form { margin:0px; padding:0px; }
#narudzba input.text { border:1px solid #b9b9b9; background:#f0f0f0; font-size:13px; padding:9px; width:220px; }
#narudzba label.text { float:left; width:100%; margin:15px 0 0 0; }
#narudzba textarea { border:1px solid #b9b9b9; background:#f0f0f0; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:5px; width:230px; }
#narudzba .button { margin-right:0px; }

#probna_voznja .left { float:left; width:300px; margin:0 60px 0 0; }
#probna_voznja .right { float:left; width:270px; }
#probna_voznja form { margin:0px; padding:0 0 0 50px; }
#probna_voznja input.text { border:1px solid #b9b9b9; background:#f0f0f0; font-size:13px; padding:9px; width:250px; }
#probna_voznja label.text { float:left; width:100%; margin:15px 0 5px 0; text-transform:uppercase; font-weight:bold; }
#probna_voznja .spacer{ width:100%; height:1px; border-bottom:1px solid #b9b9b9; margin:10px 0 0 0; }

#datepicker { float:left;width:100%; height:220px; }
#datepicker1, #datepicker2 { margin-bottom:5px; }

#footer { float:left; width:809px; height:100px; background:url(images/footer.gif) no-repeat; margin:20px 0 0 -20px; z-index:100; position:relative;
padding:25px 22px 0 20px; }
#footer p { margin:0px; padding:0px; font-size:11px; color:#515151; line-height:18px; }
#footer ul { margin:0px; padding:0px; list-style:none; float:left; }
#footer ul li { float:left; background:url(images/footer_sep.gif) right no-repeat; padding:0 15px 0 15px; }
#footer ul li.last { background:none; padding-right:0px; }
#footer ul li a { color:#515151; font-size:12px; font-weight:bold; text-decoration:none; }
#footer ul li a:hover { color:#000000; }
#footer .left { float:left; }
#footer .right { float:right; }

#success, #error { float:left; width:765px; margin:0 0 10px 0; border:1px solid #209800; background:#e2ffda; }
#error { border:1px solid #c32e06; background:#ffe4dd; }
#success p, #error p { margin:0px; padding:10px; }


#ponuda_nav { float:left; width:100%; height:100px; background:url(images/ponuda_border.gif) right 35px no-repeat; }
#ponuda_nav p { display:inline; float:left; margin:4px 10px 0 20px; padding:0px; font-size:14px; font-weight:bold; color:#515151; }
.top_nav { margin-bottom:30px; width:100%; }

#ponuda_nav ul.top { float:left; margin:0px; padding:0px; list-style:none; }
#ponuda_nav ul.top li { float:left; background:url(images/ponuda_spacer.gif) no-repeat right 7px; padding:0 12px 0 10px; }
#ponuda_nav ul.top li.last { background:none; }
#ponuda_nav ul.top li a { font-size:12px; color:#515151; font-weight:bold; text-decoration:none; display:block; padding:5px 10px 5px 28px; }
#ponuda_nav ul.top li a:hover { background:#ffffff; }

#ponuda_nav ul.top li a.sva { padding-left:8px; }
#ponuda_nav ul.top li a.demo { background:url(images/demo.gif) no-repeat 8px 6px; }
#ponuda_nav ul.top li a.rabljena { background:url(images/rabljena.gif) no-repeat 8px 6px; }
#ponuda_nav ul.top li a.nova { background:url(images/nova.gif) no-repeat 8px 6px; }
#ponuda_nav ul.top li a.posebna_ponuda { background:url(images/posebna_ponuda.gif) no-repeat 8px 6px; }
#ponuda_nav ul.top li a.probna_voznja { background:url(images/probna_voznja.gif) no-repeat 8px 6px; }

#ponuda_nav ul.top li a.active { background:#ffffff; }
#ponuda_nav ul.top li a:hover.demo, #ponuda_nav ul.top li a.active_demo { background:#ffffff url(images/demo.gif) no-repeat 8px 6px; }
#ponuda_nav ul.top li a:hover.rabljena, #ponuda_nav ul.top li a.active_rabljena { background:#ffffff url(images/rabljena.gif) no-repeat 8px 6px; }
#ponuda_nav ul.top li a:hover.nova, #ponuda_nav ul.top li a.active_nova { background:#ffffff url(images/nova.gif) no-repeat 8px 6px; }
#ponuda_nav ul.top li a:hover.posebna_ponuda, #ponuda_nav ul.top li a.active_posebna_ponuda { background:#ffffff url(images/posebna_ponuda.gif) no-repeat 8px 6px; }
#ponuda_nav ul.top li a:hover.probna_voznja, #ponuda_nav ul.top li a.active_probna_voznja  { background:#ffffff url(images/probna_voznja.gif) no-repeat 8px 6px; }

#ponuda_nav ul.bottom { float:left; margin:0px; padding:0px; list-style:none; }
#ponuda_nav ul.bottom li { float:left; background:url(images/ponuda_spacer.gif) no-repeat right 7px; padding:0 12px 0 10px; }
#ponuda_nav ul.bottom li.last { background:none; } 
#ponuda_nav ul.bottom li a { font-size:12px; color:#515151; font-weight:bold; text-decoration:none; display:block; padding:5px 10px 5px 10px; }
#ponuda_nav ul.bottom li a:hover, #ponuda_nav ul.bottom li a.active { background:#ffffff; }

.sort { float:right; margin:-18px 20px 0 0; }
.sort label { color:#ffffff; float:left; margin:3px 10px 0 0; }
.car_box { float:left; width:364px; height:140px; border-bottom:1px solid #515151; padding:20px; }
.car_box h4 { display:inline; }
.car_box h4 a { color:#000000; text-decoration:none; }
.car_box_header { float:left; border-bottom:1px solid #b9b9b9; width:100%; padding:0 0 8px 0; margin:0 0 10px 0; }
.car_box img { float:left; margin:0 20px 0 0; }
.car_box p { margin:0px; font-size:12px; color:#000000; font-weight:normal; line-height:18px; }
.car_box_cijena { float:left; background:#e1e1e1; width:199px; padding:5px 0 5px 5px; margin:25px 0; }
.legend { float:right; margin:-15px -20px 0 0; }


.auto { float:left; width:365px; height:185px; padding:20px 20px 0 20px; position:relative; margin:0 0 0 0; z-index:0; display:inline; border-bottom:1px solid #b9b9b9; }
.auto img { width:140px; height:105px; border:1px solid #000000; float:left; margin:0 15px 0 0; }
.auto h3 { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#000000; margin:0px; padding:0px; border-bottom:1px solid #b9b9b9; font-style:normal; padding:0 0 8px 0; margin:0 0 10px 0; }
.auto h3 a { text-decoration:none; color:#000000; }
.auto h4 { font-size:12px; margin:0px; }
.auto h4.cijena { background:#E1E1E1; padding:3px 0 3px 157px; font-size:14px; width:210px; position:absolute; float:none; left:20px; bottom:0px; margin:0 0 15px 0; }
.auto p { margin:0 0 10px 0; }
.podaci { float:left; width:200px; }

.auto_details th { background:#e1e1e1; text-transform:uppercase; text-align:left; border-bottom:1px solid #b9b9b9; padding-left:10px; width:160px; }
.auto_details td { border-bottom:1px solid #b9b9b9; width:200px; padding-left:15px; }

#detalji_slike { float:left; width:355px; margin:20px 0 0 30px; }
#detalji_slike img { border:1px solid #000000; }
.slika_glavna { float:left; width:355px; height:270px; margin:0 0 15px 0; }
.slika_mala, .slika_mala_last { float:left; width:110px; height:85px; margin:0 12px 0 0; cursor:pointer; }
.slika_mala_last { margin:0px; }
#slika2, #slika3 { display:none; }

.upit { float:right; width:200px; text-align:right; margin:30px 40px 0 0; }


.ajax-loading { background:url(images/preloader.gif) no-repeat 370px top; width:100%; height:30px; }

.hidden { display:none; }

/**********************
 ***NOVO mojauto API***
 **********************/
#content .main .auto{ margin:15px 0px; padding:10px; border:1px solid #3996c4; width:935px; overflow:auto; background:#f7f6ee; clear:both; }
#content .main .auto:hover{ background:#EAEAEA; }
#content .main .auto img{ margin:0 10px 0 0; padding:2px; border:1px solid #fff; float:left; width:150px;}
#content .main .auto img:hover{ border:1px solid #3996c4; }
#content .main .auto small{ float:right; display:block; font-size:16px; font-weight:bold; margin-bottom:10px; }
#content .main .auto h3{ float:left; display:inline; font-weight:bold; margin-bottom:10px; width:650px; }
#content .main .auto h3 a{ color:#013c5a; text-decoration:none; font-size:14px; text-transform:none; }
#content .main .auto h3 a:visited{ color:#777; }
#content .main .auto h3 a:hover, #content .main .auto h3 a:active{ color:#000; }
#content .main .auto h4{ margin:5px 0 0 0; float:left; font-size:12px; display:block; color:#666; width:650px; }
#content .main .auto p{ float:left; width:760px; font-size:12px; margin:0; font-weight:normal; color:#000; line-height:normal; }
#content .main .auto.hidden{ display:none; }
#content .main #ukupni_broj_automobila{ display:none; }

#content.ponuda{ padding-bottom:10px; height:auto; background:url(../design/content_background_bottom.jpg) no-repeat bottom #eaf6c4; }
#content.ponuda #controls{ padding:20px 0 0 0; background:url(../design/content_background_top.jpg) no-repeat top; } 
#white_back { float:left; width:100%; height:85px; background:#ffffff; }
#pagination{ margin:20px 28px 15px 500px; float:right; display:inline; }
#pagination a{ margin:0 0 0 5px; float:left; display:inline; width:35px; height:30px; line-height:30px; text-align:center; 
			  color:#666; background:#F7F6EE; border:1px solid #ccc; font-size:12px; text-decoration:none; }
#pagination a:visited, #pagination a.visited{ color:#999;  border:1px solid #e7f6b3; }
#pagination a:hover{ color:#333; border:1px solid #999; }
#content #pagination a.selected{ color:#fff; background:#333333; border:1px solid #ccc; text-decoration:underline; }
#pagination a.hidden{ display:none; }

.auto_details{ margin:15px auto; padding:10px; width:760px; overflow:auto; position:relative; }
.auto_details h2{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#000000; margin:0 0 20px 0; padding:0 0 8px 0; border-bottom:1px solid #B9B9B9; }
.auto_details h2 a{  text-decoration:none; }
.auto_details h2 a:hover, .auto h3 a:active{ color:#000; }
.auto_details img{ margin:0 2px; padding:2px; border:1px solid #ccc; float:left; width:80px; }
.auto_details img:hover{ border:1px solid #3996c4; }
.auto_details h4{ margin:0; float:left; font-size:12px; display:block; color:#000; width:450px; }
.auto_details p{  margin:0 0 25px 0; float:left;  font-size:12px; width:450px; color:#333; }
.auto_details p strong{ font-size:16px; color:#000; }
.auto_details img.big{ width:250px; float:left; margin:0 2px 5px 0; padding:7px; }
.auto_details .imgs{ width:280px; float:right; }
#h3_salon, #h4_salon{ display:none; }

#back_btn{ margin:0 0 20px 87px; padding:5px 10px; width:60px; clear:both; display:block; color:#666; background:#F7F6EE;  border:1px solid #ccc; 
           text-decoration:none; text-align:center; font-size:12px; }
#back_btn:hover{ color:#000; border:1px solid #3996c4; background:#EAEAEA; }

.auto_details .print{ margin-top:20px; padding:10px 5px; position:absolute; left:0px; bottom:0px; float:left; line-height:25px; font-size:12px; clear:both;
                     color:#333; outline:none; }
.auto_details .print:hover{ color:#000; outline:none; }
.auto_details .print img{ margin:0; width:auto; float:left; border:none; }

/* Kontrole za sortiranje rezultata - dodava ih jquery */
#controls{ margin:10px 0 0 0; }

#controls div{ width:auto; display:none; }

#sortiraj{ float:right; width:100%; display:block; margin:-40px 0 0 0; position:relative; z-index:100; }
#controls #sortiraj a.selected{ margin:0; } 

#br_rezultata{ float:right; margin:0 0px 20px 0; position:relative; overflow:visible; display:none; }
#controls #br_rezultata h6{ margin:0 0 0 40px; }
#controls #br_rezultata ul{ margin:0 0 0 30px;}
#ukupni_broj_automobila { display:none; }

#controls h6{ margin:0 0 0 10px; font-size:12px; color:#ffffff; float:left; display:inline; font-weight:normal;	}
#controls ul{ margin:0px; top:23px; left:85px; width:163px; height:160px; font-size:12px; list-style:none; cursor:pointer; position:absolute; z-index:500; display:none; background:#ffffff; border:1px solid #999; border-top:none; padding:0px; }
#controls ul li{ margin:0; height:32px; line-height:32px; }
#controls ul li.hidden{ display:none; }
#controls ul a, #controls a{ color:#333; text-decoration:none; padding:5px; display:block; height:22px; line-height:22px; text-indent:15px; outline:none;
							 background:url(../design/ponuda_vozila_sort.jpg) no-repeat; }
#controls ul a:hover{ background: #e1e1e1; }
#controls a.selected{ margin:0 0 0 30px; width:150px; text-indent:5px; font-size:12px; font-weight:bold; float:left; padding:0px; line-height:15px; color:#cccccc; background:url(images/trokut.gif) no-repeat 133px 6px; }