html, body {
    background-image:url(../images/pattern.jpg);
}
ul.nav {
    display:block; clear:both;
    text-shadow:none;
}
ul.nav li {
    list-style-type:none; float:left;
    padding:1px; background-color:#fff;
    border:4px solid #fff;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    margin:0px 8px 0px 0px; padding:0;
    text-shadow:none;
}
ul.nav li a {
    display:block;
    font-family:Georgia;
    font-size:11px;
    background-color:#000;
    padding:7px 20px;
    text-decoration:none;
    color:#fff;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    text-transform:uppercase;
    margin:0;
    text-shadow:none;
}
ul.nav li a:hover { background-color:#b1ca00; text-shadow:none; }
ul.nav li.active a { background-color:#b1ca00; text-shadow:none; }

ul.usluge { margin-left:15px; }
ul.usluge li { list-style-type:none; margin:0; padding:0; font-weight:normal; clear:both; }
ul.usluge li.l1 { font-weight:bold; }

ol.projekti { list-style-type:none; margin:0; padding:0; border-bottom:1px solid #000; }
ol.projekti li { clear:both; margin:0; padding:20px 0px; border-top:1px solid #000; float:left; width:100%; }
ol.projekti li span.info { color:#7c7c7c; font-size:10px; text-transform:uppercase; }
ol.projekti li div.grid_1 { font-size:48px; }
ol.projekti li a { color:#1a1a1a; text-decoration:none; font-size:18px; }

h2 { font-family:Georgia; font-size:112px; font-weight:normal; margin:0; color:#1a1a1a; }
h3 { font-family:Georgia; font-size:30px; font-weight:normal; margin:0; color:#1a1a1a; line-height:1.1; }

body, div, p, li { font-family:Georgia; font-size:14px; font-weight:normal; }
body, div, p, li, a, h1, h2, h3, h4 { text-shadow:0px 1px 1px #FFFFFF; }

div.container_12 {
    background-image:url(../images/01.jpg); background-position:top center; background-repeat:no-repeat;
}

a { color:#B1CA00; text-decoration:none; }
a:hover {color:#ff6c00; }

#header {
    height:960px;
}
#header h1 { display:none; }
#header ul.nav {
    padding:280px 0px 0px 235px;
}
#header p {
    margin:70px 0px 0px 235px;
    font-family:Georgia; font-size:36px; font-weight:normal; line-height:42px;
}

div.usluge h3 { font-size:44px; }

div#projekti { background-image:url(../images/02.jpg); background-position:top center; background-repeat:no-repeat; padding-top:260px; }
div#projekti h2 { position:relative; top:70px; float:right; margin:0; padding:0; line-height:130px; }
div#projekti ul.nav { margin-left:100px; margin-bottom:120px; }

div#kontakti { background-image:url(../images/03.jpg); background-position:top center; background-repeat:no-repeat; padding-top:100px; height:840px; z-index:2; }
div#kontakti h2 { font-size:90px; }
div#kontakti ul.nav { position:relative; top:-40px; float:right; }
div#kontakti div.lead { font-size:18px; font-style:italic; color:#6b6b6b; position:relative; top:-73px; padding-left:150px; }
div#kontakti label { font-size:11px; color:#231916; text-transform:uppercase; display:block; }
div#kontakti input, div#kontakti textarea { border:1px solid #c6cdd9; width:290px; -moz-border-radius:5px; -webkit-border-radius:5px; font-family:Georgia; font-size:20px; line-height:22px; padding:4px; }
div#kontakti input.active, div#kontakti textarea.active { border:1px solid #B1CA00; }
div#kontakti input.error, div#kontakti textarea.error { border:1px solid #ff0000; }
div#kontakti div.info p, div#kontakti div.info p strong { font-size:16px; color:#1a1a1a; }
div#kontakti strong { text-transform:uppercase; }
div#kontakti input.submit {
    font-size:11px; text-transform:uppercase; line-height:11px; height:22px;
    background-color:#231916; color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; width:auto; float:right; margin-right:80px; padding:0px 20px;  }

div#footer {
    /*
    position:relative; top:-400px; padding:380px 0px 0px 0px; z-index:1;
    height:421px; overflow:hidden; position:a; top:-400px; padding-top:380px;
    */
    position:relative; top:-300px; margin:0; padding:380px 0px 0px 0px; z-index:1; height:380px;
    background-image:url(../images/04.jpg); background-position:top center; background-repeat:no-repeat; }
div#footer div { padding-left:240px; font-size:10px; }
div#footer div p { padding-top:20px; font-size:10px; }

div#o-nama h2 { font-size:72px; line-height:72px; }
div#o-nama div.grid_6 h3 { margin-top:10px; }
div#o-nama h2 span { display:block; font-size:84px; line-height:84px; padding-left:80px; }
div#o-nama p.info { margin-top:50px; }
div#o-nama ul.nav { float:right; margin-right:80px; }

body.kontakt div.container_12 { background:none; }
body.kontakt div#kontakti form ul, body.kontakt div#kontakti form ul li { margin:0; padding:0; list-style-type:none; color:red; font-weight:bold; }
