/*
--------------------------------------------------------------------------------------------
1. DEFAULT ELEMENTI - HTML, BODY, H1, H2, P...
--------------------------------------------------------------------------------------------
*/
html, div, form, textarea, input, img, label, table, tr, td, p, hr, h1, h2, h3, h4, h5, em, span{ 
  margin: 0;
  padding: 0;
  border: none;
}
body{
  color: #4c4c4c;
  background-color: #e2e2e2;
  font-family: 'Lucida Sans Unicode', 'Trebuchet MS', Verdana, Arial, 'Times New Roman', Georgia;
  font-size: 12px;
  letter-spacing: -1px;
  margin: 0;
  padding: 0;
}

a{
  color: #004c99;
  text-decoration: none;
}
a:hover, a:focus, a.active{
  color: #004c99;
  text-decoration: underline;
}
a.box{
  background-color: #fff;
  border: 1px solid #ccd9e5;
  padding: 2px 5px;
}
a.box_active, a.box:hover, a.box:focus{
  color: #fff;
  background-color: #006699;
  border: 1px solid #006699;
  padding: 2px 5px;
  text-decoration: none;
}

h3{
  color: #990000;
  font-family: 'Trebuchet MS';
  font-size: 1.6em;
  font-weight: bold;
  text-align: right;
  letter-spacing: -1.6px;
}
h1.blue{
  font-size: 1.6em;
  color: #004c99;
  text-align: left;
  padding: 0 0 10px;
}
h2{
  color: #004c99;
  font-family: 'Trebuchet MS';
  font-size: 1.1em;
  font-weight: bold;
  padding-bottom: 1px;
}
h2.podnaslov_lijevo, h2.podnaslov_desno{
  font-family: 'Lucida Sans Unicode';
  color:#999;
  font-size: 13px;
  font-weight:normal;
}
h2.podnaslov_lijevo{text-align:left;}
h2.podnaslov_desno{text-align:right;}
h2.podnaslov_produzenje{text-align:right;text-decoration:blink;}
h2.podnaslov_produzenje:hover{text-align:right;text-decoration:underline;}
h1{
  font-family: 'Trebuchet MS';
  color:#4c4c4c;
  font-size: 1.0em;
  font-weight: normal;
  text-align: left;
}

h1.title{
  color: #990000;
  font-size: 1.6em;
  font-weight: bold;
  text-align: right;
  letter-spacing: -1.6px;
}

h1.navigacija{
  color: #900;
  font-weight: bold;
}

h4{
  font-family: 'Trebuchet MS';
  font-size: 1.6em;
  font-weight: bold;
}

strong{
  color: #000;
  font-size: 1.2em;
  font-family: 'Trebuchet MS';
}
b{
  color: #4c4c4c;
  font-family: 'Trebuchet MS';
}
b.bold{font-size:1.2em}
em{
  color: #990000;
  font-weight: bold;
  font-family: 'Trebuchet MS';
  font-style: normal;
}
em.big{font-size:1.4em;font-weight:normal}
em.big2{font-size:1.6em}
span.big{
  color: #7c7c7c;
  font-family: 'Trebuchet MS';
  font-size: 1.3em;
  font-weight: bold;
}
span.big2{
  color: #7c7c7c;
  font-family: 'Trebuchet MS';
  font-size: 1.3em;
  font-weight: normal;
}

p{padding-bottom:12px;line-height:1.5}
p.align_center{text-align:center;padding:0}
p.gray{color:#a6a6a6}
p.gray2{color:#838383}

ul{list-style-image:none;list-style:none;margin:0;padding:0}
ul li{margin:0;padding:0}
.box ul{list-style-type:disc;padding:0 0 18px 30px}
.box ul li{padding:1px 0}

ul.oglasnik{margin-left:20px;letter-spacing:-1px;font-family:'Trebuchet MS';}
ul.oglasnik li{margin-left:20px;padding-top:10px;font-size:1.2em;font-weight:bold;list-style-image:url('../images/list-style1.jpg');}
ul.oglasnik li ul li{margin-left:20px;padding-top:5px;font-size:0.9em;font-weight:bold;list-style-image:url('../images/list-style2.jpg');}
ul.oglasnik li ul li ul li{margin-left:15px;padding:0px;font-size:0.9em;font-weight:bold;list-style-image:url('../images/list-style3.jpg');}
ul.oglasnik li ul li a{color:#3f78b2;}
ul.oglasnik li ul li ul li a{color:#99b7d6;}
img.slika, img.slika_l, img.slika_r{
  padding: 2px;
  background-color: #fff;
  border: 1px solid #ccc;
}
img.slika{
  margin: 0pt 1px 1px 0pt;
}
img.slika_r{
  float: right;
  margin-left: 8px;
}
img.slika_l{
  float: left;
  margin-right: 8px;
}
a:hover img.slika, a:focus img.slika, a:hover img.slika_l, a:focus img.slika_l, a:hover img.slika_r, a:focus img.slika_r{
  border-color: #004c99;
}

.float{float:left;width:50%}
.clear{clear:both}

hr{
border-top: 1px solid #E8E8E8; padding:0 0 10px 0; margin:0;
}

a.facebook, a.twitter, a.parking, a.slanje, a.ispis{
background-repeat:no-repeat;	
}

a.facebook {
background-image:url("../images/icons/facebook.jpg");
padding:0px 28px 0px 20px;
}

a.twitter {
background-image:url("../images/icons/twitter.jpg");
padding:0px 28px 0px 20px;
}

a.parking {
background-image:url("../images/icons/favorit.png");
padding:0px 28px 0px 20px;
}

a.slanje {
background-image:url("../images/icons/send.jpg");
padding:0px 28px 0px 20px;
}

a.ispis {
background-image:url("../images/icons/print.jpg");
padding:0px 0px 0px 20px;
}

/*
-------------------------------------------------------------------------------------------
2. STRUKTURA STRANICE - WRAPERI I CONTAINERI
-------------------------------------------------------------------------------------------
*/
#wrapper_header{
  background: #970102 url('../images/header_background2.jpg') no-repeat;
  width: 100%;
  min-width: 985px;
  height: 159px;
  background-color: #990000;
  overflow: hidden;
}
#container_header{
  width: 985px;
  margin: 0 auto;
  color: #fff;
}
#container_all{
  width: 985px;
  margin: 0px auto;
}
#container_left{
  float: left;
  width: 355px;
  margin-right: 10px;
}
#container_right{
  float: left;
  width: 620px;
}
#container_top{
  float: left;
  width: 980px;
  text-align:center;
  margin: 5px auto;
}

/*
-------------------------------------------------------------------------------------------
3. HEADER STRANICE - LOGOTIP, NAVIGACIJA, USER
-------------------------------------------------------------------------------------------
*/
#header_left{
  float: left;
  width: 600px;
}
#header_left p{
  width: 300px;
  text-align:center;
  height: 43px;
  font-size: 1.1em;
  line-height: 1.1;
  letter-spacing: -0.8px;
  padding: 15px 0 0 30px;
}

#header_right{
  float: right;
  width: 330px;
}
#box_user{
  width: 291px;
  height: 100px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  padding: 3px 18px 0;
  text-align: right;
  overflow: hidden;
}
#box_user form{
  padding-top: 10px;
}
#box_user ul{
  padding-top: 0;
}
#box_user ul li{
  font-size: 0.9em;
  text-transform: uppercase;
  letter-spacing: -0.4px;
  padding-bottom: 3px;
}
#box_user p, #box_user_border p{
  letter-spacing: -0.4px;
  padding-bottom: 0;
}
#box_user strong, #box_user_border strong{
  font-weight: normal;
}
#box_user_left{
  float: left;
  width: 122px;
  padding: 5px 4px 0 0;
}
#box_user_left p{
  font-size: 0.9em;
  text-align: left;
  padding-bottom: 4px;
}
#box_user_left ul li{
  letter-spacing: 0;
  font-size: 0.9em;
  line-height: 1.2;
}
#box_user_right{
  float: left;
  width: 165px;
  padding-top: 11px;
}
#box_user_right strong{
  color: #fff;
  font-size: 1.4em;
}
#box_user_border{
  width: 329px;
  height: 20px;
  background: url('../images/box_user_border.gif') no-repeat;
}
#box_user_border #float{
  float: right;
  color: #999;
  background-color: #990000;
  font-size: 1.0em;
  letter-spacing: 0;
  text-align: right;
  padding: 0 6px;
  margin-right: 20px;
}
#box_user a{
  color: #fff;
}
#box_user a:hover, #box_user a:focus{
  color: #fff;
  text-decoration: underline;
}

#header_navigation{
  clear: both;
}
#header_navigation ul li{
  float: left;
}
#header_navigation ul li a, #header_navigation ul li a span, #header_navigation ul li .left, #header_navigation ul li .right{display:block;float:left}
#header_navigation ul li a{
  cursor: pointer;
  color: #fff;
  font-family: 'Trebuchet MS';
  font-size: 1.2em;
  font-weight: bold;
  padding: 0;
}
#header_navigation ul li .left, #header_navigation ul li .right{
  width: 20px;
  height: 40px;
}
#header_navigation ul li a span{
  padding: 10px 0;
}
#header_navigation ul li.active a span{
  background-color: #e4e4e4;
}
#header_navigation ul li.active .left{
  background: url('../images/navigation_border_left.gif') left top no-repeat;
}
#header_navigation ul li.active .right{
  background: url('../images/navigation_border_right.gif') right top no-repeat;
}
#header_navigation ul li.active a{
  color: #9A0000;
  text-decoration: none;
}
#header_navigation ul li.active a:hover, #header_navigation ul li.active a:focus{
  text-decoration: underline;
}



/*
-------------------------------------------------------------------------------------------
4. LIJEVA KOLONA - BOXOVI, TRAZILICA
-------------------------------------------------------------------------------------------
*/
#container_left .box1{
  width: 315px;
  background: #fff url('../images/border_column_top.gif') no-repeat;
  padding: 10px 20px 0;
}
#container_left .box1_border{
  width: 355px;
  height: 10px;
  background: #fff url('../images/border_column_bottom.gif') no-repeat;
  margin-bottom: 10px;
  font-size: 2px;
}
#container_left .box2{
  width: 315px;
  background: #ffffcc url('../images/border_column_top2.gif') no-repeat;
  padding: 10px 20px 0;
}
#container_left .box2_border{
  width: 355px;
  height: 10px;
  background: #ffffcc url('../images/border_column_bottom2.gif') no-repeat;
  margin-bottom: 10px;
  font-size: 2px;
}

span.trazilica_tekst{
  float: left;
  width: 80px;
  font-family: 'Trebuchet MS';
  font-weight: bold;
  text-transform: lowercase;
  letter-spacing: -0.4px;
  text-align: right;
  padding: 2px 10px 0 0;
}

p.izracun{
  float: left;
  width: 85px;
}

#container_left .oglas{
  min-height: 100px;
  margin-bottom: 10px;
}
.oglas b, .oglas_mali b, .oglas_izdvojeni b{
  color: #4c4c4c;
  font-family: 'Lucida Sans Unicode';
  font-weight: normal;
  font-size: 1.2em;
}
.oglas_slika{
  float: left;
  width: 90px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 0;
  margin-right: 8px;
}
.oglas_slika img.slika{
  border: 2px solid #fff;
  margin: 0;
}




/*
-------------------------------------------------------------------------------------------
5. SREDINA STRANICE - GLAVNI SADRZAJ
-------------------------------------------------------------------------------------------
*/
#container_right .box1{
  background: #fff url('../images/border_main_top.gif') no-repeat;
  padding: 10px 20px 0;
}
#container_right .box1_border{
  height: 10px;
  background: #fff url('../images/border_main_bottom.gif') no-repeat;
  margin-bottom: 10px;
  font-size: 2px;
}
#container_right .box2{
  background: #ffffcc url('../images/border_main_top2.gif') no-repeat;
  padding: 10px 20px 0;
}
#container_right .box2_border{
  height: 10px;
  background: #ffffcc url('../images/border_main_bottom2.gif') no-repeat;
  margin-bottom: 10px;
  font-size: 2px;
}

#container_right .oglas_mali{
  float: left;
  width: 280px;
  height: 100px;
  margin: 0 0px 5px;
  padding: 0 5px;
}

.autokuca{
  float: left;
  width: 260px;
  height: 80px;
  padding: 8px 5px 0;
  margin: 0 5px 10px 6px;
  text-align: center;
  border: 1px solid #f5f5f5;
}
.autokuca a{font-size:1.2em;}
.autokuca:hover{
  border-color: #004c99;
}
.autokuca p{padding:0}

.vozilo_info{
  color: #a6a6a6;
  padding-bottom: 0px;
}
.vozilo_info p{
  border-top: 1px dashed #ccc;
  padding: 4px 0 3px;
}
.vozilo_info span, .oprema_vozila span{
  float: left;
  width: 110px;
  text-align: right;
  padding-right: 10px;
}
.oprema_vozila span{
  color: #a6a6a6;
}
.oprema_vozila{
  padding: 4px 0 3px;
}
.oprema_vozila p{
  padding-left: 120px;
  word-wrap: break-word;
}

#container_right .oglas{
  min-height: 50px;
  margin-bottom: 10px;
  border: 1px solid #f5f5f5;
  border-top-color: #e0e0e0;
  padding: 5px 15px 5px 5px;
}
#container_right .oglas:hover{
  border-color: #004c99;
}
#container_right .oglas_izdvojeni{
  min-height: 50px;
  margin-bottom: 10px;
  border: 1px solid #e5e5e5;
  background-color: #FFFFCC;
  padding: 5px 15px 5px 5px;
}
#container_right .oglas_izdvojeni:hover{
  border-color: #990000;
}
#container_right .oglas_izdvojeni p, #container_right .oglas p{
  padding: 0;
}
#container_right .oglas_izdvojeni .oglas_slika{
  border: 1px solid #990000;
}
#container_right .oglas h2, #container_right .oglas_izdvojeni h2{
  font-size: 1.4em;
  font-weight: normal;
}

.predaja_oglasa{
  float: left;
  width: 50%;
}
.predaja_oglasa span{
  float: left;
  width: 130px;
  font-family: 'Trebuchet MS';
  font-weight: bold;
  letter-spacing: -0.4px;
  text-align: right;
  padding: 2px 10px 0 0;
}
.predaja_oglasa span.check{
  padding-top: 0;
}

#slika_velika{
  float: left;
  width: 366px;
  height:280px;
  text-align: right;
  margin: 0 7px 10px 0;
}

.marke_vozila{
width:105px;
float:left;
}


/*
-------------------------------------------------------------------------------------------
6. FOOTER STRANICE
-------------------------------------------------------------------------------------------
*/
#footer{
  text-align: right;
  margin-top: 15px;
}
#footer p{
  line-height: 2.1;
}


/*
-------------------------------------------------------------------------------------------
7. OSTALI ELEMENTI STRANICE - TEXT, BUTTON...
-------------------------------------------------------------------------------------------
*/
fieldset{
  border: 1px solid #e6e6e6;
  padding: 10px 18px 5px;
  margin: 0;
}
fieldset legend{
  color: #999999;
  font-size: 1.0em;
  font-weight: normal;
  padding: 0 6px;
  margin: 0;
}
.text{
  color: #000;
  background-color: #fff;
  font-size: 1.0em;
  border: 1px solid #e2e2e2;
  padding: 3px 5px;
  letter-spacing: 0;
}
#container_all .text{
  background-color: #e5ecf2;
  border: 1px solid #ccd9e5;
  padding: 2px 4px;
}
.text:focus, #container_all .text:focus{
  border: 1px solid #004c99;
}
.button,.button2{
  width: 90px;
  height: 25px;
  color: #fff;
  background: url('../images/button.gif') no-repeat;
  font-family: 'Trebuchet MS';
  font-size: 1.0em;
  font-weight: bold;
  padding: 3px 8px 5px;
  cursor: pointer;
}
#container_all .button{
  background: url('../images/button2.gif') no-repeat;
}

#container_all .button2{
  width:84px;
  color: #004C99;
  background: none;
  padding:0px;
}

.izracun_rezultat{
  border: 0;
}

p.ok{
  color: #000;
  background: #e5fcd9 url('../images/icons/icon_message_ok.gif') 10px center no-repeat;
  padding: 6px 10px 6px 35px;
  margin-bottom: 18px;
}
p.error{
  color: #000;
  background: #fceae3 url('../images/icons/icon_message_error.gif') 10px center no-repeat;
  padding: 6px 10px 6px 35px;
  margin-bottom: 18px;
}
p.error b, p.ok b{color:#000;font-size:1.1em}

a.rss{
  display: block;
  float: right;
  width: 80px;
  height: 30px;
  background: url('../images/icons/rss.gif') 87px 2px no-repeat;
  padding-right: 38px;
  line-height: 1.2em;
}

.pomoc{
display:none;
color:#990000;
border:1px solid #009;
}

.zv{
color:#CC0000;
font-size:12px;
}
.naslov{
	min-width:985px;
	background-color:#fff;
	border-top:1px solid #666666;
	background-image:url(../images/strelica.gif);
	background-repeat:no-repeat;
	padding-left:20px;
	height:18px;
	}

.fix_ie8{margin-top:16px}

.butan_plin, .butan_benzin{
background:#AED735 ; 
background-position:250px 0px;
background-repeat:no-repeat;
color:white;
}

.butan_plin:hover, .butan_benzin:hover{text-decoration:none;}

.butan_plin{
background-image:url(../marketing/banneri/butan-autoplin-plin-558-250x25.jpg); 
}

.butan_benzin{
background-image:url(../marketing/banneri/butan-autoplin-benzin-250x25.jpg); 
}

.onama{
color:#990000;	
}