*{ margin: 0; padding: 0; }
body{ font-family: Arial; margin: 0; padding: 0; }

html{ height: 100%; }

a img{ border: 0; }

h2{ font-size: 18px; font-weight: normal; }
h3{ font-size: 12px; font-weight: bold; }

table{ /*border-collapse: collapse; border: 0;*/ margin-left: -2px; }
table tr td{ background-color: #eee; padding: 5px; }

.wrap{ width: 960px; margin: 0 auto; }

#header{ background-color: #1d2452; }

#meni{ position: relative; background-color: #fff; }
#meni ul{ padding: 9px 0; width: 960px; margin: 0 auto; }
#meni li{ display: inline; margin: 0 12px; }
#meni li.pomak{ margin-left: 460px; }
#meni a{ font-size: 10px; font-weight: bold; text-transform: uppercase; text-decoration: none; color: #222; background: url('strelica-crna.gif') no-repeat 2px; padding-left: 10px; }
#meni a:hover{ text-decoration: underline; }
#meni a.trenutni{ color: #ce0000; background-image: url('strelica-crvena.gif'); }

#naslovnica_head, #katalog_head{ width: 960px; margin: 0 auto;  padding-top: 16px; position: relative; color: #fff; font-size: 12px; }
#naslovnica_head{ height: 328px; }
#naslovnica_head h1{ display: none; }
#naslovnica_head img{ margin: 17px 25px 0 25px; float: left; }
#naslovnica_head h2{ float: right; width: 500px; margin-top: 25px; }
#naslovnica_head p{ float: right; width: 500px; margin-top: 20px; }

#katalog_head{ height: 145px; }
#katalog_head h1{ float: left; margin: 20px 0 0 20px; width: 400px; text-indent: -9999px; display: inline; }
.katalog-vozila{ background: url('katalog-vozila.gif') no-repeat; }
.o-nama{ background: url('o-nama.gif') no-repeat; }
.kontakt{ background: url('kontakt.gif') no-repeat; }
.kako-do-nas{ background: url('kako-do-nas.gif') no-repeat; }
.skojo-grupa{ background: url('skojo-grupa.gif') no-repeat; }
.fof{ background: url('404.gif') no-repeat; }

#logo{ background: url('automobili_skojo.gif') no-repeat; display: block; width: 430px; height: 60px; text-indent: -9999px; float: left; }
#flashdiv{ float: right; width: 500px; display: block; }
#flashdiv img{ margin: 0; }

#sortiranje{ width: 890px; height: 56px; margin: 0 auto; background: #a5a7aa url("sortbg.gif") repeat-x; font-size: 12px; clear: both; }
#sortiranje p{ display: inline; float: left; margin-top: 20px; margin-left: 15px; }
#sortiranje form{ float: right; margin-top: 20px; margin-right: 15px; display: inline; }
#sortiranje option{ padding: 0 3px; }
#sortiranje select{ float: left; height: 20px; }
#sortiranje label{ float: left; padding: 3px; }

#main{ width: 960px; margin: 0 auto; font-size: 12px; color: #002222; padding-bottom: 45px; }
#main a{ color: #ce0000; text-decoration: none; }
#main a:hover{ text-decoration: underline; }
#main.katalog h2{ margin: 15px 37px; }
#main.katalog #error, #main.auto #error{ margin: 15px 37px; }

/*items*/

#main div.item { width: 404px; height: 142px; float: left; margin: 0 37px; display: inline; position: relative; border: #ccc 1px solid; margin-bottom: 10px; }
#main div.blue { background: #eff1f0 url("itemblue.jpg") no-repeat; width: 404px; border: #ccc 1px solid; }

#main div.item a{ color:#1d2452; font-weight: bold; text-decoration: none; }
#main div.item a:hover{ text-decoration: underline; }
#main div.item .id{ position: absolute; bottom: 0; right: 0; background: url('id-back.gif') no-repeat; display: block; width: 53px; height: 18px; color: #222; font-weight: bold; text-align: center; padding-top: 3px; }
#main div.item .picture{ display: block; float: left; padding: 14px; width: 150px; height: 112px; }
#main div.item .picture a { display: block; height: 112px; overflow: hidden; }
#main div.item .picture img{ border: #ccc 1px solid; }
#main div.blue .picture img{ border: #fff 1px solid; }
#main div.item .picture img{ width: 150px; height: 112px; }
#main div.item .picture img.prodano{ position: relative; width: 61px; height: 61px; border: 0; top: -114px; left: 0; }

#main div.item .name{ float: left; display: block; width: 210px; margin-top: 15px; text-transform: uppercase; }
#main div.item .price{ float: left;  display: block; width: 170px; /*font-weight: bold;*/ margin-top: 5px; /*13*/ }
#main div.item .price span { font-weight: normal; }
#main div.item .price small{ margin-left: 5px; }
#main div.item .year{ float: left; display: block; width: 80px;  /*font-weight: bold;*/ }
#main div.item .year span { font-weight: normal; }

#main div.item .predjeno{ float: left; display: block; width: 120px;  /*font-weight: bold;*/ }

#main div.item .more{ display: block; width: 170px; position: absolute; bottom: 12px; left: 180px; }
#main div.item .more a{ background: url('more-link.gif') no-repeat 0 2px; padding-left: 20px; display: block; height: 20px; }
#main div.item .info{ float: left; display: block; width: 170px; font-size: 10px; text-transform: uppercase; font-weight: bold; color: #ce0000; margin-top: 5px; };


#main.naslovnica{ width: 960px; }
#main.naslovnica #content{ width: 430px; float: left; margin: 0 25px; display: inline; }
#main.naslovnica #items{ width: 480px; float: right; }
#main.naslovnica #items h2{ margin: 20px 37px; }
#main.naslovnica #links{ width: 406px; float: right; padding: 0 37px;  }
#main.naslovnica #links h2{ margin: 20px 0; }

#main.naslovnica #newsletter { width: 406px; float: right; margin: 0 37px; }
#main.naslovnica #newsletter h2 { margin: 20px 0; }
#main.naslovnica #newsletter div { display: block; width: 406px; height: 85px; background: transparent url("nwslttr.jpg") no-repeat; color: #fff; }
#main.naslovnica #newsletter div p { padding: 10px 10px 0 10px; }
#main.naslovnica #newsletter form { padding: 8px 20px 0 20px; }
#main.naslovnica #newsletter label{ float: left; padding-top: 3px;  }
#main.naslovnica #newsletter input{ float: left; margin-left: 5px; }
#main.naslovnica #newsletter input.submit{ width: 70px; height: 22px; font-size: 11px; font-family: Arial; }
#main.naslovnica #newsletter #newsletterform-message { font-size: 11px; padding: 4px 20px 0 20px; clear: both; }
#main.naslovnica #newsletter #newsletterform-loader { background: transparent url("ajax-loader2.gif") no-repeat; display: block; width: 16px; height: 16px; float: left; margin: 2px 0 0 5px; visibility: hidden; }


#content .datum { font-weight: bold; font-size: 10px; color: #1d2452; }
#main.naslovnica #content img { margin-bottom: 10px; }

#main.page #content{ width: 910px; margin: 0 auto; }
#content h2{ margin: 20px 0; }
#content p{ margin: 15px 0; }


#main.auto #content { width: 910px; margin: 0 auto; }
#main.auto #content #full{ width: 700px; float: right; }
#full div.blue { position: relative; margin: 15px 0; height: 100%; width: 100%; }
#full span.id { position: absolute; bottom: 0; right: 0; background: url('id-back.gif') no-repeat; display: block; width: 53px; height: 18px; color: #222; font-weight: bold; text-align: center; padding-top: 3px; }
#full p { margin: 0; padding: 5px 15px 15px 15px; }
#full h2 { margin: 0; padding: 15px 15px 10px 15px; color: #1d2452; }
#full p.rez { font-size: 10px; text-transform: uppercase; font-weight: bold; color: #ce0000; }
#full pre { padding: 15px; background-color: #eee; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#full strong { color: #1d2452; }
#full strong.dvored { display: block; padding-bottom: 5px; }

#main.auto #content #slike{ width: 200px; float: left; }
#slike p.fotoinfo { font-size: 10px; text-transform: uppercase; font-weight: bold; color: #aaa; }
#slike img.prodano { position: absolute; width: 61px; height: 61px; }
#slike img.rub { border: #888 1px solid; }
#slike img.pov{ margin-left: -21px; border: 0; }
#main #slike a{ text-decoration: none; }

#main:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div.onama img { padding: 10px 30px 0 0; }
.skojogrupa p img{  margin: 0 20px 0 0; }

#printer { display: block; margin: 15px 0 0 10px; background-color: #eee; border: 1px solid #aaa; padding: 5px 10px; width: 80px; }

#footer{ clear: both; background-color: #1d2452; padding: 11px 0; width: 100%; /*margin-top: 30px;*/ }

#footer div{ width: 960px; margin: 0 auto; height: 16px; }
#footer, #footer a{ font-size: 10px; color: #fff; text-transform: uppercase; }
#footer a{ text-decoration: none; }
#footer a:hover{ text-decoration: underline; }

#footer p{ /*display: inline;*/  position: relative; float: right; }
#footer ul{ /*margin-right: 120px;*/ display: inline; float: left; }
#footer ul li{  margin: 0 15px; display: inline; }
#footer img{ position: absolute; top: -40px; right: 395px; }

/*forma*/
#kontakt label{ display: block; margin: 5px 0 2px 0; }
#kontakt input, #kontakt textarea{ width: 350px; display: block; border: 1px #ccc solid; }
#kontakt textarea{ height: 100px; overflow: auto; }
#kontakt .button{ width: 50px; height: 25px; float: left; margin-top: 10px; background-color: #fff; }
#kontakt-loader{ float: left; margin: 14px 0 0 10px; border: 0; visibility: hidden; }
#kontakt-message{ clear: both; height: 10px; padding-top: 5px; }

#karta, #gmap{ border: 1px #ccc solid; width: 600px; }

#prodaja-logo{ background: url('prodaja-vozila.gif') no-repeat; display: block; width: 430px; height: 60px; text-indent: -9999px; float: left; }