html, body {
    background-image:url(../images/pattern.jpg);
}

#langs {
    position:absolute;
    top:0;
    left:50%;
    z-index:99;
    float:left;
    margin-left:300px;
    padding:0px 5px;
    height:24px;
    background-color:#231916;
    -moz-border-radius:0px 0px 5px 5px;
    -webkit-border-radius:0px 0px 5px 5px;
}
#langs a { text-transform:uppercase; font-family:Georgia; font-size:9px; line-height:12px; color:#fff; cursor:pointer; padding:5px; }
#langs a.active, #langs a:hover { color:#b1ca00; }
#langs a.last { border-left:1px solid #464545; }

a { color:#84a500; text-decoration:none; text-shadow:none; }
a:hover { color:#ff6c00; }
a.lead { font-size:18px; }

ul.nav {
    display:block; overflow:auto; clear:both;
}
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;
}
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;
}
ul.nav li a:hover { background-color:#b1ca00; }
ul.nav li.active a { background-color:#b1ca00; }

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

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

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

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; }

ul.usluge { margin-left:15px; }
ul.usluge li { list-style-type:none; margin:0; padding:0; font-weight:normal; clear:both; text-shadow:#fff 0px 1px 0; }
ul.usluge li.l1 { font-weight:bold; }
div.usluge h3 { font-size:44px; }

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 #c2c6cd; float:left; width:100%; text-shadow:#fff 0px 1px 0;
    background-image:url(../images/white1x1.jpg); background-position:top left; background-repeat:repeat-x;
}
ol.projekti li span.info { color:#7c7c7c; font-size:11px; text-transform:uppercase; }
ol.projekti li span.klijent { color:#7c7c7c; font-size:11px; text-transform:uppercase; display:block; margin-bottom:10px; }
ol.projekti li div.grid_1 { font-size:48px; }
ol.projekti li h3 { line-height:34px; }

div#projekti { background-image:url(../images/02.jpg); background-position:top center; background-repeat:no-repeat; padding-top:230px; position:relative; }
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#projekti div.lead { position:absolute; }
div#projekti div.lead span { font-size:18px; font-style:italic; color:#6b6b6b; position:relative; top:-80px; padding-left:150px; }

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; }

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 span { font-size:18px; font-style:italic; color:#6b6b6b; position:relative; top:-40px; 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:arial; font-size:22px; line-height:22px; padding:4px; }
div#kontakti input:focus, div#kontakti textarea:focus { border-color:#b1ca00; }
div#kontakti div.info p, div#kontakti div.info p strong { font-size:16px; color:#1a1a1a; text-shadow:#fff 0px 1px 0; }
div#kontakti strong { text-transform:uppercase; }
div#kontakti input.submit {
    font-size:11px; text-transform:uppercase; line-height:11px; height:34px; font-family:Georgia; cursor:pointer; border:4px solid #fff;
    background-color:#231916; color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; width:auto; float:right; margin-right:80px; padding:0px 20px;  }
div#kontakti input.submit:hover { background:#b1ca00; }

div#footer {
    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:230px; font-size:10px; }
div#footer div p { padding-top:20px; font-size:10px; }

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; }

#kontakti p.contact-form-first_name,
#kontakti p.contact-form-last_name {
    display:none;
}