* { margin: 0; padding: 0; }
body { background: #000 url("img/bodybg.jpg") top center no-repeat; font: 12px Arial, Helvetica, sans-serif; }
a, a:visited { color: #0083d7; }
a:hover { color: #fff; }

h1, h2 { display: none; }
br.clear { clear: both; }

#main { width: 950px; margin: 0 auto; }

/* HEADER */
#head { height: 145px; background: #000 url("img/headbg.jpg") no-repeat; color: #666; }
#head ul { float: left; width: 400px; list-style: none; font-size: 12px; }
#head ul li { float: left; margin-top: 18px; }
#head ul li img { float: left; }
#head ul li a { float: left; margin: 0 15px 0 5px; letter-spacing: 1px; }
#head p { float: right; margin-top: 18px; font-size: 11px; letter-spacing: 1px; }

/* NASLOVNICA */
#nasl div { width: 308px; height: 398px; border: 1px #333 solid; float: left; color: #999; line-height: 18px; position: relative; margin-bottom: 10px; cursor: pointer; }
#nasl div:hover, #nasl div.hover{ border: 1px #fff solid; }
#nasl div:hover p, #nasl div.hover p{ color: #fff; }

#nasl div.onama { background: #000 url("img/n-onama.jpg") no-repeat; }
#nasl div.usluge { margin-left: 10px; background: #000 url("img/n-usluge.jpg") no-repeat; }
#nasl div.projekti { margin-left: 10px; background: #000 url("img/n-projekti.jpg") no-repeat; }
#nasl div p { padding: 170px 20px 0 20px; }
#nasl div a.vise { position: absolute; left: 20px; bottom: 15px; font-size: 11px; letter-spacing: 1px; background: #000 url("img/vise-str.gif") no-repeat; padding-left: 7px; }

#nasl2 div { width: 308px; border: 1px #333 solid; float: left; color: #999; line-height: 18px; cursor: pointer; position: relative; padding-bottom: 25px; margin-bottom: 20px; }
#nasl2 div:hover, #nasl2 div.hover{ border: 1px #fff solid; }
#nasl2 div:hover p, #nasl2 div.hover p{ color: #fff; }
#nasl2 div a.vise { position: absolute; left: 20px; bottom: 15px; font-size: 11px; letter-spacing: 1px; background: #000 url("img/vise-str.gif") no-repeat; padding-left: 7px; }
#nasl2 div.mleft { margin-left: 10px; }
#nasl2 div p { padding: 15px 20px; font-size: 12px; }

/* OSTALO */
#cont { border: 1px #333 solid; background: #000 url("img/contbg.gif") repeat-y; display: inline-block; margin-bottom: 10px; }

/* općenito nav */
#nav { height: 59px; }
#nav p { float: left; font-size: 24px; margin: 10px 0 0 25px; width: 400px; padding: 0; }
#nav a { font-weight: bold; }

/* nav na projektima */
#nav2 form { padding: 18px 15px 0 0; text-align: right; }
#nav2 label { font-size: 16px; letter-spacing: 1px; font-weight: bold; color: #666; background: transparent url(img/nn.gif) no-repeat scroll right 2px; padding-right: 20px; margin-right: 3px;  }
#nav2 select { width: 200px; font-size: 14px; font-weight: bold; border: 0; background-color: #333; color: #999; }

#sadrzaj { width: 639px; float: left; color: #999; }
#sadrzaj img { float: left; }

#right { width: 307px; float:left; margin-left: 1px; color: #999; }
#right, #right p { font-size: 12px; color: #999; }
#right p { padding: 10px 20px; }
#right cite, h3 { padding: 0 20px 15px 20px; }
#right blockquote { padding: 0 20px 5px 20px; color: #0083d7; font-style: normal; }
#right cite { padding: 0 20px 15px 20px; font-style: normal; color: #0083d7; }
#right h3 { padding: 15px 20px 10px 20px; color: #0083d7; }
#right ul { margin: 0 35px 15px 35px; font-size: 12px; }

/* FOOTER */
#cont2 div { width: 308px; border: 1px #333 solid; float: left; color: #999; line-height: 18px; cursor: pointer; position: relative; padding-bottom: 25px; margin-bottom: 20px; }
#cont2 div:hover, #cont2 div.hover{ border: 1px #fff solid; }
#cont2 div:hover p, #cont2 div.hover p{ color: #fff; }
#cont2 div a.vise { position: absolute; left: 20px; bottom: 15px; font-size: 11px; letter-spacing: 1px; background: #000 url("img/vise-str.gif") no-repeat; padding-left: 7px; }
#cont2 div.mleft { margin-left: 10px; }
#cont2 div p { padding: 15px 20px; font-size: 12px; }


/* KONTAKT */
#right.kontakt { font-size: 12px; color: #999; }
#right.kontakt img { float: left; }
/* #right.kontakt p {  float: right; width: 170px; padding-top: 6px; } */
#right.kontakt form { display: block; clear: both; padding: 10px 20px; }
#right.kontakt label { color: #0083d7; }
#right.kontakt input, #right.kontakt textarea, #right.kontakt select { border: 0; background-color: #333; color: #999; margin: 3px 0; font: 12px Arial, Helvetica, sans-serif; letter-spacing: 1px; }
#right.kontakt input {  height: 20px; width: 268px; display: block; }
#right.kontakt textarea { height: 50px;  width: 268px; overflow: hidden; display: block; }
#right.kontakt select { width: 160px; height: 20px; padding-top: 2px; float: right; margin-top: 8px; }
#right.kontakt label.lselect { display: block; float: left; padding-top: 8px; margin-top: 4px; }
#right.kontakt input.submit { width: 60px; margin-top: 15px; float: left; background: #333 url("img/send.gif") no-repeat; text-indent: -9999px; }
#kontaktforma-loading { float: left; display: block; width: 16px; text-indent: -9999px; margin: 15px 0 0 10px; background: transparent url("img/loading.gif") no-repeat; visibility: hidden; }
#kontaktforma-message { display: block; padding-top: 18px; clear: both; visibility: hidden; }