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

body {
  margin: 0;
  padding: 0;
  background: #ffd395 url(slike1/bgt.gif) repeat-x;
  font: normal 13px/1.4em Arial, Helvetica, sans-serif;
  text-align:center;
  color: #555;
  background: #900;
}

a {
  color: #fff;
}
a:hover {
  color: #000;
}

/* HOME */
#home {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
}
#home a {
  background: url(slike1/home.gif) no-repeat;
  display: block;
  height: 120px;
  width: 90px;
}
#home a span {
  display: none;
}

/* Pretraga */
#search {
  position: absolute;
  top: 120px;
  right: 24px;
  margin: 0;
  padding: 0;
}
#search form {
  margin: 0;
  padding: 0;
}
#search input {
  width: 124px;
  height: 14px;
}

/* Banner */
#head {
  height: 120px;
  margin: 0 0 0 60px;
  padding: 0;
  position: relative;
  background: url(slike1/banner2.jpg) no-repeat center left;
}

/* Meni */
#prvimeni {
  margin: 0;
  padding: 0;
  height: 20px;
  background: #c00;
  font: normal normal 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#prvimeni ul {
  margin: 0;
  padding: 0;
  list-style: none outside none;
}
@media all {
  #prvimeni ul {
    text-align: center;
  }
}
#prvimeni ul li {
  position: relative;
  display: inline;
  margin: 0;
  padding: 0;
  top: 11px;
  line-height: 1.2em;
}
html>body #prvimeni ul li {
  background: #000;
  margin: 0 3px 0 0;
  padding: 4px 0px;
}
#prvimeni ul a, #prvimeni ul a:link, #prvimeni ul a:visited {
  background: #900;
  border: 1px solid #FFF;
  bottom: 2px;
  color: #FFF;
  cursor: pointer;
  display: inline;
  height: 1em;
  margin: 0;
  padding: 3px 5px 3px 5px;
  position: relative;
  right: 2px;
  text-decoration: none;
}
#prvimeni ul a:hover {
  background: #C00;
  bottom: 1px;
  color: #FFF;
  position: relative;
  right: 1px;
}
#prvimeni ul a:active {
  background: #c00;
  bottom: 0px;
  color: #FFF;
  position: relative;
  right: 0px;
}

#prvimeni ul li#active {
  background: #369;
  bottom: 13px;
  display: inline;
  margin: 0 3px 0 0;
  padding: 0;
  position: relative;
}

html>body #prvimeni ul li#active {
  background: #000;
  margin: 0 4px 0 4px;
}

#prvimeni ul #active a, #prvimeni ul #active a:link, #prvimeni ul #active a:visited, #prvimeni ul #active a:hover {
  background: #c00;
  border: 1px solid #fff;
  bottom: 0px;
  color: #FFF;
  cursor: text;
  margin: 0;
  position: relative;
  right: 0px;
}

/* Razmak */
.razmak20 {
  display: block;
  height: 15px;
}

/* Pocetak sajta */
#sajt {
  text-align: left;
  width: 960px;
  margin: 0 auto;
}

/* Leva strana */
#meni {
  float: left;
  width: 210px;
  height: auto;
  background: #c30;
}

#meni table {
  width: 180px;
  margin: 15px;
}
#meni table td {
  background: #900;
  padding: 0px 5px;
}

#meni table a {
  font: normal 14px Georgia, "Times New Roman", Times, serif;
  color: #fff;
  text-decoration: none;
}
#meni table a:hover {
  color: #f60;
}

#meni #marka {
  display: none;
  margin: 0;
  padding: 0;
}
#meni #marka a {
  display: block;
  margin-left: 10px;
  color: #aaa;
}
#meni #marka a:hover {
  color: #f60;
}

#meni #vestikat {
  display: none;
  margin: 0;
  padding: 0;
}
#meni #vestikat a {
  display: block;
  margin-left: 10px;
  color: #aaa;
}
#meni #vestikat a:hover {
  color: #f60;
}

#meni #linkkategorije {
  display: none;
  margin: 0;
  padding: 0;
}
#meni #linkkategorije a {
  display: block;
  margin-left: 10px;
  color: #aaa;
}
#meni #linkkategorije a:hover {
  color: #f60;
}

#meni #download {
  display: none;
  margin: 0;
  padding: 0;
}
#meni #download a {
  display: block;
  margin-left: 10px;
  color: #aaa;
}
#meni #download a:hover {
  color: #f60;
}

#meni center {
  background: #900;
  color: #f90;
  font: bold 16px Georgia, "Times New Roman", Times, serif;
}

#meni .cinjenice {
  color: #f90;
}
#meni .cinjenice div {
  font: normal 13px Arial, Helvetica, sans-serif;
  color: #ff0;
  text-align: center;
  margin: 5px auto;
}


/* Desna strana */
#sadrzaj {
  width: 750px;
  float:left;
  background: #f60;
  padding: 0;
}

/* Spisak 3 auta */
#homeauto {
  display: block;
  position: relative;
  width: 750px;
  height: 265px;
  background: #f60;
}
#homeauto table .vestnaslov {
  display: block;
  width: 224px;
  height: 30px;
  margin: 0;
  padding: 3px;
  background: #900;
  font: bold 12px Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
}
#homeauto table .vestnaslov a {
  color: #fff;
  text-decoration: none;
}
#homeauto table .vestnaslov a:hover {
  color: #f60;
}
#homeauto table .slika {
  width: 230px;
  text-align: center;
  background: #900;
}
#homeauto table .opis {
  width: 200px;
  height: 77px;
  padding: 3px 15px;
  background: #900;
  color: #f60;
}
#homeauto table .opis i {
  font: bold 11px Arial, Helvetica, sans-serif;
}


/* Spisak vesti */
#homevesti {
  display: block;
  position: relative;
  width: 750px;
  height: auto;
  background: #f50;
}
#homevesti table .vestnaslov {
  display: block;
  width: 714px;
  height: 20px;
  margin: 0;
  padding: 3px;
  background: #900;
  font: bold 14px Georgia, "Times New Roman", Times, serif;
  text-align: center;
}
#homevesti table .vestnaslov a {
  color: #fff;
  text-decoration: none;
}
#homevesti table .vestnaslov a:hover {
  color: #f60;
}
#homevesti table td {
  font: normal 13px Verdana, Arial, Helvetica, sans-serif;
  color: #900;
}

#homevesti table .slika {
  width: 200px;
  text-align: center;
}

#homevesti table .opis {
  width: 420px;
  padding: 3px 15px;
  color: #900;
}
#homevesti table .opis i {
  font: bold 12px Arial, Helvetica, sans-serif;
}
#homevesti table .opis a {
  color: #fff;
  text-decoration: none;
  display: inline;
}
#homevesti table .opis a:hover {
  color: #900;
}




/* Spisak automobila */
#noviauto {
  display: block;
  position: relative;
  width: 750px;
  height: auto;
  background: #f60;
}

#noviauto #lista {
  display: block;
  width: 735px;
  height: auto;
  padding: 15px 0 15px 15px;
}
#noviauto #lista .auto {
  float: left;
  width: 230px;
  height: auto;
  margin: 0 15px 15px 0;
  background: #900;
}
#noviauto #lista .auto .vestnaslov {
  display: block;
  width: 224px;
  height: 30px;
  margin: 0;
  padding: 3px;
  font: bold 12px Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
}
#noviauto #lista .auto .vestnaslov a {
  color: #fff;
  text-decoration: none;
}
#noviauto #lista .auto .vestnaslov a:hover {
  color: #f60;
}
#noviauto #lista .auto .slika {
  width: 230px;
  text-align: center;
  background: #900;
}
#noviauto #lista .auto .opis {
  width: 200px;
  height: 77px;
  padding: 3px 15px;
  background: #900;
  color: #f60;
}
#noviauto #lista .auto .opis i {
  font: bold 11px Arial, Helvetica, sans-serif;
}

/* Spisak po markama */
#markaauto {
  display: block;
  position: relative;
  width: 750px;
  height: auto;
  background: #f60;
}

#markaauto table .vestnaslov {
  display: block;
  width: 714px;
  height: 20px;
  margin: 0;
  padding: 3px;
  background: #900;
  font: bold 14px Georgia, "Times New Roman", Times, serif;
  text-align: center;
}
#markaauto table .vestnaslov a {
  color: #fff;
  text-decoration: none;
}
#markaauto table .vestnaslov a:hover {
  color: #f60;
}

#markaauto table td {
  font: normal 13px Verdana, Arial, Helvetica, sans-serif;
  color: #900;
}

#markaauto table .slika {
  width: 236px;
  text-align: center;
}

#markaauto table .opis {
  width: 420px;
  padding: 3px 15px;
  color: #900;
}
#markaauto table .opis i {
  font: bold 12px Arial, Helvetica, sans-serif;
}
#markaauto table .opis a {
  color: #fff;
  text-decoration: none;
  display: inline;
}
#markaauto table .opis a:hover {
  color: #900;
}

/* Strane */
#markaauto table .strane {
  margin: 0;
  padding: 0;
  height: 20px;
  background: #900;
  font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#markaauto table .strane ul {
  margin: 0;
  padding: 0;
  list-style: none outside none;
}
@media all {
  #markaauto table .strane ul {
    text-align: center;
  }
}
#markaauto table .strane ul li {
  position: relative;
  display: inline;
  margin: 0;
  padding: 0;
  top: 15px;
  line-height: 1.2em;
}
html>body #markaauto table .strane ul li {
  background: #000;
  margin: 0 1px 0 0;
  padding: 4px 0px;
}
#markaauto table .strane ul li span {
  border: 1px solid #ccc;
  background: #fff;
}
#markaauto table .strane ul a, #markaauto table .strane ul a:link, #markaauto table .strane ul a:visited {
  background: #900;
  border: 1px solid #FFF;
  bottom: 2px;
  color: #FFF;
  cursor: pointer;
  display: inline;
  height: 1em;
  margin: 0;
  padding: 2px 5px;
  position: relative;
  right: 2px;
  text-decoration: none;
}
#markaauto table .strane ul a:hover {
  background: #C00;
  bottom: 1px;
  color: #FFF;
  position: relative;
  right: 1px;
}
#markaauto table .strane ul a:#cur {
  background: #c00;
  bottom: 0px;
  color: #FFF;
  position: relative;
  right: 0px;
}

#markaauto table .strane ul li#curx {
  background: #369;
  bottom: 13px;
  display: inline;
  margin: 0 3px 0 0;
  padding: 0;
  position: relative;
}

html>body #markaauto table .strane ul li#curx {
  background: #000;
  margin: 0 4px;
}

#markaauto table .strane ul #curx a, #markaauto table .strane ul #curx a:link, #markaauto table .strane ul #curx a:visited, #markaauto table .strane ul #curx a:hover {
  background: #c00;
  border: 1px solid #fff;
  bottom: 0px;
  color: #FFF;
  cursor: text;
  margin: 0;
  position: relative;
  right: 0px;
}

/* Prikaz automobila pojedinacno */
#singleauto {
  display: block;
  position: relative;
  width: 750px;
  height: auto;
  background: #f60;
}

#singleauto table .vestnaslov {
  display: block;
  width: 714px;
  height: 20px;
  margin: 0;
  padding: 3px;
  background: #900;
  font: bold 14px Georgia, "Times New Roman", Times, serif;
  text-align: center;
}
#singleauto table .vestnaslov a {
  color: #fff;
  text-decoration: none;
}
#singleauto table .vestnaslov a:hover {
  color: #f60;
}

#singleauto table td {
  font: normal 13px Verdana, Arial, Helvetica, sans-serif;
  color: #900;
}

#singleauto table .slika {
  width: 350px;
  text-align: center;
}
#singleauto table .slika i {
  font: bold 12px Arial, Helvetica, sans-serif;
}

#singleauto table .opis {
  width: 355px;
  padding: 0;
  margin: 0;
  color: #900;
}
#singleauto table .opis i {
  font: bold 12px Arial, Helvetica, sans-serif;
}

#singleauto table .uslovi {
  padding: 3px;
  margin: 0;
  color: #f60;
  background: #900;
}


/* Sortiranje */
#sort {
  margin: 0;
  padding: 0;
  height: 40px;
  background: #900;
  font: normal normal 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#sort ul {
  margin: 0;
  padding: 0;
  list-style: none outside none;
}
@media all {
  #sort ul {
    text-align: center;
  }
}
#sort ul li {
  position: relative;
  display: inline;
  margin: 0;
  padding: 0;
  top: 11px;
  line-height: 1.2em;
}
html>body #sort ul li {
  background: #000;
  margin: 0 3px 0 0;
  padding: 4px 0px;
}
#sort ul a, #sort ul a:link, #sort ul a:visited {
  background: #900;
  border: 1px solid #FFF;
  bottom: 2px;
  color: #FFF;
  cursor: pointer;
  display: inline;
  height: 1em;
  margin: 0;
  padding: 3px 5px 3px 5px;
  position: relative;
  right: 2px;
  text-decoration: none;
}
#sort ul a:hover {
  background: #C00;
  bottom: 1px;
  color: #FFF;
  position: relative;
  right: 1px;
}
#sort ul a:active {
  background: #c00;
  bottom: 0px;
  color: #FFF;
  position: relative;
  right: 0px;
}

#sort ul li#activex {
  background: #369;
  bottom: 13px;
  display: inline;
  margin: 0 3px 0 0;
  padding: 0;
  position: relative;
}

html>body #sort ul li#activex {
  background: #000;
  margin: 0 4px 0 4px;
}

#sort ul #activex a, #sort ul #activex a:link, #sort ul #activex a:visited, #sort ul #activex a:hover {
  background: #c00;
  border: 1px solid #fff;
  bottom: 0px;
  color: #FFF;
  cursor: text;
  margin: 0;
  position: relative;
  right: 0px;
}



/* Spisak svih vesti */
.homevesti {
  margin: 0;
  padding: 0;
  height: 20px;
  background: #900;
  font: normal normal 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#homevesti ul {
  margin: 0;
  padding: 0;
  list-style: none outside none;
}
@media all {
  #homevesti ul {
    text-align: center;
  }
}
#homevesti ul li {
  position: relative;
  display: inline;
  margin: 0;
  padding: 0;
  top: 11px;
  line-height: 1.2em;
}
html>body #homevesti ul li {
  background: #000;
  margin: 0 3px 0 0;
  padding: 4px 0px;
}
#homevesti ul a, #homevesti ul a:link, #homevesti ul a:visited {
  background: #900;
  border: 1px solid #FFF;
  bottom: 2px;
  color: #FFF;
  cursor: pointer;
  display: inline;
  height: 1em;
  margin: 0;
  padding: 3px 5px 3px 5px;
  position: relative;
  right: 2px;
  text-decoration: none;
}
#homevesti ul a:hover {
  background: #C00;
  bottom: 1px;
  color: #FFF;
  position: relative;
  right: 1px;
}
#homevesti ul a:active {
  background: #c00;
  bottom: 0px;
  color: #FFF;
  position: relative;
  right: 0px;
}

#homevesti ul li#curx {
  background: #369;
  bottom: 13px;
  display: inline;
  margin: 0 3px 0 0;
  padding: 0;
  position: relative;
}

html>body #homevesti ul li#curx {
  background: #000;
  margin: 0 4px 0 4px;
}

#homevesti ul #curx a, #homevesti ul #curx a:link, #homevesti ul #curx a:visited, #homevesti ul #curx a:hover {
  background: #c00;
  border: 1px solid #fff;
  bottom: 0px;
  color: #FFF;
  cursor: text;
  margin: 0;
  position: relative;
  right: 0px;
}



/* Linkovi prikaz kategorija */
#linkovi {
  display: block;
  position: relative;
  width: 750px;
  height: auto;
}

#linkovi #lista {
  float: left;
  width: 735px;
  height: auto;
  padding: 15px 0 0 15px;
  background: #f30;
}
#linkovi #lista .link {
  float: left;
  width: 132px;
  height: auto;
  margin: 0 15px 15px 0;
  background: #900;
}
#linkovi #lista .link .vestnaslov {
  display: block;
  width: 126px;
  height: 40px;
  margin: 0;
  padding: 3px;
  font: bold 12px Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
}
#linkovi #lista .link .vestnaslov a {
  color: #fff;
  text-decoration: none;
}
#linkovi #lista .link .vestnaslov a:hover {
  color: #f30;
}
#linkovi #lista .link .slika {
  width: 132px;
  text-align: center;
  background: #900;
}
#linkovi #lista .link .opis {
  width: 126px;
  height: 80px;
  padding: 3px;
  background: #900;
  color: #f60;
}
#linkovi #lista .link .opis i {
  font: bold 11px Arial, Helvetica, sans-serif;
}
#linkovi #lista .link .zastava {
  height: auto;
  text-align: center;
  margin-bottom: 6px;
}



/* Download */
#downauto {
  display: block;
  position: relative;
  width: 750px;
  height: auto;
}

#downauto #lista {
  float: left;
  width: 735px;
  height: auto;
  padding: 15px 0 0 15px;
  background: #f40;
}
#downauto #lista .auto {
  float: left;
  width: 230px;
  height: auto;
  margin: 0 15px 15px 0;
  background: #900;
}
#downauto #lista .auto .vestnaslov {
  display: block;
  width: 224px;
  height: 30px;
  margin: 0;
  padding: 3px;
  font: bold 12px Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
}
#downauto #lista .auto .vestnaslov a {
  color: #fff;
  text-decoration: none;
}
#downauto #lista .auto .vestnaslov a:hover {
  color: #f40;
}
#downauto #lista .auto .slika {
  width: 230px;
  text-align: center;
  background: #900;
  margin-bottom: 15px;
}

#downauto #lista .auto2 {
  float: left;
  width: 720px;
  height: auto;
  margin: 0 15px 15px 0;
  background: #900;
}
#downauto #lista .auto2 .vestnaslov {
  height: 15px;
  margin: 0;
  padding: 3px;
  font: bold 12px Verdana, Arial, Helvetica, sans-serif;
  color: #f40;
  text-align: center;
}
#downauto #lista .auto2 .slika {
  background: #900;
  margin-left: 15px;
  margin-bottom: 15px;
}



/* Strane */
#downauto .spstr .strane {
  margin: 0;
  padding: 0;
  height: 20px;
  background: #900;
  font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#downauto .spstr .strane ul {
  margin: 0;
  padding: 0;
  list-style: none outside none;
}
@media all {
  #downauto .spstr .strane ul {
    text-align: center;
  }
}
#downauto .spstr .strane ul li {
  position: relative;
  display: inline;
  margin: 0;
  padding: 0;
  top: 15px;
  line-height: 1.2em;
}
html>body #downauto .spstr .strane ul li {
  background: #000;
  margin: 0 1px 0 0;
  padding: 4px 0px;
}
#downauto .spstr .strane ul li span {
  border: 1px solid #ccc;
  background: #fff;
}
#downauto .spstr .strane ul a, #downauto .spstr .strane ul a:link, #downauto .spstr .strane ul a:visited {
  background: #900;
  border: 1px solid #FFF;
  bottom: 2px;
  color: #FFF;
  cursor: pointer;
  display: inline;
  height: 1em;
  margin: 0;
  padding: 2px 5px;
  position: relative;
  right: 2px;
  text-decoration: none;
}
#downauto .spstr .strane ul a:hover {
  background: #C00;
  bottom: 1px;
  color: #FFF;
  position: relative;
  right: 1px;
}
#downauto .spstr .strane ul a:#cur {
  background: #c00;
  bottom: 0px;
  color: #FFF;
  position: relative;
  right: 0px;
}

#downauto .spstr .strane ul li#curx {
  background: #369;
  bottom: 13px;
  display: inline;
  margin: 0 3px 0 0;
  padding: 0;
  position: relative;
}

html>body #downauto .spstr .strane ul li#curx {
  background: #000;
  margin: 0 4px;
}

#downauto .spstr .strane ul #curx a, #downauto .spstr .strane ul #curx a:link, #downauto .spstr .strane ul #curx a:visited, #downauto .spstr .strane ul #curx a:hover {
  background: #c00;
  border: 1px solid #fff;
  bottom: 0px;
  color: #FFF;
  cursor: text;
  margin: 0;
  position: relative;
  right: 0px;
}