@charset "utf-8";

/****************/
/* Reset rules */
/****************/
body, div, h1, h2, h3, h4, h5, h6, img, ul, li, p, small{ margin:0; padding:0; }
h1,h2,h3,h4,h5,h6,input, textarea{ font-family:Arial, Helvetica, sans-serif; }
img{ border:none; }

/****************/
/* General rules */
/****************/
body{ background:url(../design/body_background.jpg) top repeat-x #fff; font-family:Arial, Helvetica, sans-serif;  }
.clear_float{ clear:both; font-size:1px; height:1px; }
.message_error{ color:#9e0b0f; margin:0 20px; font-weight:bold; }
.message_ok{ color:#055f1a; margin:0 20px; font-weight:bold; }

/****************/
/* Header rules */
/****************/
#header{ background:url(../design/header_background.jpg) center top no-repeat; width:100%; height:282px; }
#header_content{ margin:0 auto; width:955px; position:relative; }

/********/
/* Logo */
/********/
#header h1{ float:left; display:inline; margin-left:-10px; }
#header h1 a{ outline:none; }
#header h1 a img{ margin:0; float:left; display:inline; } 
#powered_by_primaco{ position:absolute; /*top:78px; left:95px;*/ top:38px; left:-5px; outline:none; }

/* Meni */
#header ul{ margin:0px 0 0 0; width:550px; height:50px; float:right; font-size:16px; font-weight:bold; line-height:26px; }
#header ul li{ padding-top:10px; float:left; display:inline-block; width:110px; height:40px; background:url(../design/menu_li_background.jpg) right no-repeat; }
#header ul li a{ color:#cff0ff; text-decoration:none; display:block; font-size:16px; text-transform:uppercase; text-align:center; outline:none; }
#header ul li a:hover, #header ul li a:active, #header ul li a.selected{ color:#013c5a; }
#header ul li a span{ display:block; font-size:10px; line-height:normal; font-weight:normal;}

/***********/
/* Content */
/***********/
#content{ margin:-20px auto 0 auto; width:955px; }

a{ color:#3489B4; }
a:hover{ color:#013c5a; }

.box{ margin:0 0 0px 0; width:205px; }
.box h2{ font-size:36px; color:#3489b4; }
.box h2.kontakt{ margin:20px 0 20px 0; }
.box h2 a{ color:#3489b4; text-decoration:none; }
.box h2 a:hover{ color:#013c5a; }
.box p{ font-size:13px; line-height:20px; color:#777; }

.vise{ margin:20px 0 30px 0; padding:0 0 0 7px; width:auto; height:20px; line-height:20px; display:inline-block; font-weight:bold; text-transform:uppercase; text-decoration:none; 
		background:url(../design/a_vise_background_left.jpg) left no-repeat; font-size:10px; color:#fff; float:right;  }
.vise span{ background:url(../design/a_vise_background_right.jpg) right no-repeat; display:block; padding:0 11px 0 0; font-weight:bold; }
a.vise:hover{ color:#013c5a; }

#sidebar, #sidebar1{ margin:-27px 0 0 0; float:left; display:inline; position:relative; }
#sidebar1{ margin:10px 0 0 0; }

#izdvojeno{ margin:20px 0 0 0; padding:35px 0 20px 25px; width:670px; float:right;  border:2px solid #77abc5; position:relative;  }
#izdvojeno .vise{ float:none; position:absolute; top:-31px; left:25px; }
/* .auto bilo .kamion - zbog prilagodbe za skriptu */
#izdvojeno .auto{ margin:0 14px 20px 0; float:left; display:inline; }
#izdvojeno .auto h3{ width:200px; display:block; }
#izdvojeno .auto h3 a, #izdvojeno .auto p{ font-size:11px; color:#000; font-weight:bold; text-transform:uppercase; text-decoration:none; }
#izdvojeno .auto h3 a:hover{ color:#3489B4; }
#izdvojeno .auto p{ margin:5px 0 0 0; text-transform:none; position:relative; display:block; width:205px; }
#izdvojeno .auto p span{ position:absolute; right:0; }
#izdvojeno .auto img{ border:1px solid #c2bdb8; width:204px; }
#izdvojeno .auto img:hover{ border:1px solid #013c5a; }


.main{ font-size:13px; color:#777; line-height:20px; position:relative; }
.ponuda_vozila_ikonice{ position:absolute; left:213px; top:65px; display:none; }
.main h2{ margin:10px 0 25px 0; font-size:36px; color:#3489b4; }
.main h2.detalji_vozila{ margin-left:83px; }
#gmap{ margin:60px 0 0 25px; width:420px; height:308px; float:left; display:inline; }

#kontakt{ margin:60px 0 0 0; padding:10px 0 10px 0; border:1px solid #1e4b62; background:#2e789e; width:280px; min-height:285px !important; height:285px; float:right; display:inline; font-size:12px; color:#fff;}
#kontakt label{ margin:10px 0 0 26px; display:block; }
#kontakt input{ margin:0 10px; padding:0; border:none; outline:none; font-size:12px; border:none; background:none; width:215px; color:#041b38; }
#kontakt span.inpt{ margin:0 0 0 20px; padding:6px 0 0 0; background:url(../design/input_background.jpg) no-repeat; display:inline-block; line-height:29px; height:25px; width:235px; }
#kontakt textarea{ margin:5px; width:225px; height:82px; background:none; border:none; font-size:12px; overflow:auto; }
#kontakt span.textar{ margin:0 0 0 20px; background:url(../design/textarea_background.jpg) no-repeat; display:inline-block; height:92px; width:235px; }
#kontakt input.input_submit{ margin:17px 0 0 190px; background:url(../design/form_submit_background.jpg) top no-repeat; width:66px; height:26px; cursor:pointer; }
#kontakt input.input_submit:hover{ background-position:bottom; }

ol li{ margin:10px 0; }

/**********/
/* Footer */
/**********/
#footer{ margin:10px 0 0 0; float:left; width:100%; height:282px; background:url(../design/footer_background_repeat.jpg) repeat-x; }
#footer_content{ width:100%; background:url(../design/footer_background.jpg) no-repeat; }
.copyright{ margin:0 auto; padding:40px 0; width:955px; color:#82afc6; font-size:10px; position:relative; }
.copyright a{ text-decoration:none; color:#82afc6; }
.copyright a:hover{ color:#fff; }
/*#powered_by_primaco{ position:absolute; top:28px; right:0px; }*/


/**********************
 ***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; }  
#pagination{ margin:0 0 15px 0px; 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:#3996c4; border:1px solid #ccc; text-decoration:underline; }
#pagination a.hidden{ display:none; }

.auto_details{ margin:15px auto; padding:10px; border:1px solid #ccc; width:760px; overflow:auto; position:relative; background:#f7f6ee; }
.auto_details:hover{ border:1px solid #3996c4; }
.auto_details h2{ margin:0 0 25px 0; float:left; display:inline; font-size:18px; font-weight:bold; color:#013c5a; width:450px; }
.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:left; display:inline; margin:0 0 20px 0; position:relative; }
#controls #sortiraj a.selected{ margin:0; } 

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

#controls h6{ margin:0 0 0 10px; font-size:12px; color:#3489B4;	}
#controls ul{ margin:0 0 0 0px; top:53px; left:0; width:201px; height:160px; font-size:12px; list-style:none; cursor:pointer; position:absolute; z-index:100; display:none; }
#controls ul li{ margin:0; background:#EAF6C4; 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:url(../design/ponuda_vozila_sort_hover.jpg) no-repeat; }
#controls a.selected{ margin:0 0 0 30px; width:201px; background:url(../design/ponuda_vozila_sort_selected.jpg) no-repeat; text-indent:5px; font-size:12px; font-weight:bold; }
#controls a.selected:hover{ background:url(../design/ponuda_vozila_sort_selected_hover.jpg) no-repeat; }