/*  reset  */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, form, fieldset, input, textarea, p, blockquote { margin:0; padding:0; }
fieldset, img { border:0; }
caption, cite, strong { font-style:normal; font-weight:normal; }
ol, ul { list-style:none; }
h1, h2, h3, h4 { font-size:100%; font-weight:normal; }
abbr, acronym { border:0; }
/*  zajednicko  */
body { text-align: center; background: #004964 url(../images/46.gif) repeat-x left top; }
#wrapper { position: relative; width: 753px; margin: 0 auto; text-align: left; background-color: #1b6a8b; }
#header { height: 69px; width: 751px; margin: 0 auto; background: url(../images/45.gif) repeat-x left top; border: 1px solid #4192b8; border-bottom: 1px solid #81B838; border-top: none; position: absolute; top: 0; left: 0; }
#header a img { margin-left: 15px; }
/*  Pocetna  */
#content { width: 751px; border: 1px solid #3d8baf; border-top: none; background: url(../images/44.gif) repeat-x top left; padding-top: 65px; }
#primary { float: left; width: 485px; margin-top: 40px; }
#primary div { width: 460px; background: url(../images/16.gif) no-repeat bottom left; margin-left: 20px; }
#primary h1 { width: 425px; height: 19px; overflow: hidden; text-indent: -9999px; margin-bottom: 10px; }
#home #primary h1 a { display: block; width: 425px; height: 19px; overflow: hidden; background: url(../images/17.gif) no-repeat top left; text-indent: -9999px; margin-bottom: 10px; }
#primary h2 { width: 134px; height: 19px; overflow: hidden; text-indent: -9999px; margin-bottom: 10px; margin-top: 20px; }
#home #primary h2 a { display: block; width: 134px; height: 19px; overflow: hidden; background: url(../images/13.gif) no-repeat top left; }
#primary h3 { width: 139px; height: 16px; overflow: hidden; text-indent: -9999px; margin-bottom: 10px; margin-top: 20px; }
#home #primary h3 a { display: block; width: 139px; height: 16px; overflow: hidden; background: url(../images/14.gif) no-repeat top left;}
#home #secondary { width: 230px; }
#secondary { float: right; width: 215px; margin: 42px 18px 20px auto; }
#secondary h3 { width:85px; height: 11px; overflow: hidden; background: url(../images/reference.gif) no-repeat; text-indent: -9999px; margin-bottom: 18px; margin-left: 8px; }
#secondary img { float: right; margin-bottom: 20px; }
#primary div.noLine { background: none; }
#primary p { padding-bottom: 5px; }
#primary p.saznajteVise { padding-bottom: 20px; }
/*  blog najava  */
#blog { width: 713px; background: #145874 url(../images/50.png) no-repeat left top; margin-top: 10px; margin-left: 20px; clear: both; }
#blogTekst { float: left; width: 430px; }
#blogTekst h2, #blogTekst h3 { margin-top: 15px; margin-left: 25px; }
#blogTekst p, #blogTekst blockquote { padding-bottom: 5px; margin: 5px 20px 0 25px; }
#blogTekst p.objavljeno span { margin-left: 10px; }
#blogNaslovi { float: right; width: 279px; }
#blogNaslovi h2 { padding-left: 15px; margin: 15px 15px 0 10px; padding-bottom: 5px; }
#blogNaslovi h3 { padding-left: 15px; margin: 15px 15px 0 10px; background: url(../images/53.gif) no-repeat left top; }
#blogNaslovi p { padding-left: 15px; margin: 5px 25px 5px 10px; }
.clearing { clear: both; width: 713px; height: 24px; background: url(../images/49.gif) no-repeat bottom; }
#blogTekst p.procitajteCeo { background: url(../images/52.gif) no-repeat left center; padding: 0 13px; }
#usluge #blogTekst p.procitajteCeo { padding-top: 0; }
.imgNajava { float: left; margin: 7px 15px 3px 0; border: 1px solid #3487AE; }
/*	USLUGE  */
#usluge #content { padding-top: 95px; }
#usluge #primary { width: 355px; margin: 10px auto auto 20px; }
#usluge #primary.secUsluge { width: 330px; margin-left: 30px; }
#usluge #secondary { float: right; width: 315px; margin: 10px 20px 35px auto; }
#usluge #secondary.secUsluge { margin-right: 40px; }
#usluge #content h1 { width: 712px; height: 21px; overflow: hidden; background: url(../images/42.gif) no-repeat left top; text-indent: -9999px; margin: auto auto 5px 20px; }
#usluge #primary h2, #usluge #secondary h2 { overflow: hidden; background-repeat: no-repeat; text-indent: -9999px; margin-bottom: 5px; margin-top: 10px; }
h2#stat { width: 210px; height: 17px; background-image: url(../images/37.gif); }
#usluge #primary h2#din { width: 225px; height: 17px; background-image: url(../images/36.gif); margin-top: 10px; }
#usluge #primary h2#redizajn { width: 235px; height: 17px; background-image: url(../images/39.gif); margin-top: 10px; }
#usluge #primary h2#dizajnLogo { width: 351px; height: 30px; background-image: url(../images/35.gif); margin-top: 20px; }
h2#odrzavanje { width: 174px; height: 17px; background-image: url(../images/38.gif); }
h2#seo { width: 256px; height: 17px; background-image: url(../images/40.gif); }
#usluge #secondary h2#hosting { width: 89px; height: 16px; background-image: url(../images/43.gif); margin-top: 10px; }
#usluge #primary p, #usluge #secondary p { padding-bottom: 10px; }
#usluge #blog { margin-top: 10px; }
/*   PITANJA   */
#pitanja #content { padding-top: 90px; }
#pitanja #primary { width: 355px; margin-top: 10px; margin-left: 20px; }
#pitanja #secondary { float: right; width: 315px; margin-top: 10px; margin-bottom: 15px; }
#pitanja #content h1 { width: 712px; height: 22px; overflow: hidden; background: url(../images/20.gif) no-repeat top left; text-indent: -9999px; margin-bottom: 5px; margin-left: 20px; }
#pitanja #primary h2, #pitanja #secondary h2 { overflow: hidden; background-repeat: no-repeat; text-indent: -9999px; margin-bottom: 5px; margin-top: 10px; }
#pitanja h2#cena { width: 347px; height: 17px; background-image: url(../images/21.gif); }
#pitanja h2#templejt { width: 356px; height: 15px; background-image: url(../images/25.gif); }
#pitanja h2#pHosting { width: 317px; height: 30px; background-image: url(../images/22.gif); }
#pitanja #secondary h2#pOdrzavanje { width: 307px; height: 17px; background-image: url(../images/24.gif); }
#pitanja #secondary h2#pLogo { width: 298px; height: 17px; background-image: url(../images/23.gif); margin-top: 7px; }
#pitanja p.dodatnaPitanja { margin: 5px 20px 25px; clear: both; }
#pitanja #primary p, #pitanja #secondary p { padding-bottom: 15px; }
#pitanja #blogTekst p.procitajteCeo { padding-top: 0; }
/*  online formular */
#formular #content { padding-top: 95px; width: 751px; border: 1px solid #3d8baf; border-top: none; border-bottom: none; min-height: 700px; }
#formular #content h1 { width: 717px; height: 20px; overflow: hidden; background: url(../images/9.gif) no-repeat top left; text-indent: -9999px; margin-bottom: 0; margin-left: 20px; }
#formular form { width: 450px; margin: 30px auto 0; padding-bottom: 30px; }
#formular fieldset { margin: 1.5em 0 0; padding: 0; border: 1px solid #3f8eb1; }
#formular fieldset.submit { border: none; padding-left: 3em; }
#formular legend { margin-left: 1em; padding: 0 0.5em; }
#formular label { display: block; padding-bottom: 0.5em; }
#formular fieldset ol { padding: 1.5em 1em 0 1.5em; list-style: none; }
#formular fieldset li { padding-bottom: 1.3em; margin-left: 1em; margin-bottom: 1em; padding-left: 10px; }
#formular #ime, #formular #email, #formular #telefon, #formular #redizajn { width: 29em; height: 1.4em; }
#formular textarea { width: 30em; height: 5em; }
#formular textarea#vizuelni { height: 10em;}
#formular #odrzavanje, #formular #primer { height: 4em; }
#formular #hosting, #formular #rok { height: 5em; }
#formular #content p { margin: 2em; }
#formular fieldset h2 { margin-bottom: 1em; margin-left: 20px; }
#formular input.radio { margin-right: 0.5em; }
#formular label.proba { display: inline; }
#formular li.razmak { margin-bottom: 0; padding-bottom: 0; }
#formular li.razmak2 { margin-bottom: 1.8em; padding-bottom: 0; }
#formular input.zemSubmit { width: 105px; background-color: #3784A8; border: 1px solid #4A9BC0; color: #E5EFF4; margin-left: 0; padding: 1px; }
#formular div.zemThanks { margin-left: 25px; }
#formular #footer { width: 753px; }
/*  reference  */
#reference #content { padding-top: 90px; padding-bottom: 25px; }
#reference #content div { width: 710px; margin: 30px auto 0 20px; border: 1px solid #4598BE; background-color: #2E7CA0; }
#reference #content div a { width: 360px; height: 130px;}
#reference #content h1 { width: 715px; height: 20px; overflow: hidden; background: url(../images/32.gif) no-repeat top left; text-indent: -9999px; margin-bottom: 30px; margin-left: 20px; }
#reference #content div img {border: 3px solid #4598BE; margin: 5px;}
#reference dl { margin-left: 10px; float: right; width: 260px; margin-top: 20px; margin-right: 20px; }
#reference dt { margin-top: 5px; padding-left: 10px; background: url(../images/34.gif) no-repeat left center; }
#reference dd { padding-left: 10px; margin-top: 2px; }
#reference #footer { width: 753px; }
/*  BLOG  */

/*  KONTAKT  */
#kontakt #content { padding-top: 95px; }
#kontakt #primary { width: 400px; margin: 0 auto 40px 25px; }
#kontakt #primary div { background-image: none; width: 400px; margin-left: 0; }
#kontakt #content h1 { width: 715px; height: 20px; overflow: hidden; background: url(../images/18.gif) no-repeat top left; text-indent: -9999px; margin: 5px auto 0 20px; }
#kontakt #secondary { width: 280px; margin: 40px 10px 40px 5px; }
#kontakt fieldset { margin: 0; padding: 0; float: left; clear: left; width: 410px; }
#kontakt legend { margin-left: 1em; padding: 0 0.5em; }
#kontakt label { float: left; width: 6em; margin-right: 1em; }
#kontakt fieldset ol { padding: 0.5em 1em 0 0; list-style: none; border: none; }
#kontakt fieldset li { padding-bottom: 1.5em; float: left; clear: left; width: 100%; background-image: none; }
#ime, #email, #sajt, #tema { width: 20em; }
#tekstPoruke { width: 270px; }
#forma { float: left; width: 380px; margin-top: 40px; margin-left: 25px; }
button.zemSubmit { width: 108px; height: 22px; margin: 0; padding: 0; border: none; margin-left: 85px; }
html>body button.zemSubmit img { margin-left: -3px; margin-top: -1px; }
#kontakt #secondary p { padding-right: 20px; }
#kontakt #secondary p.tel { margin-top: 30px; margin-bottom: 10px; }
input.button { width: 140px; background-color: #3784A8; border: 1px solid #4A9BC0; color: #E5EFF4; }
input.disabled { width: 140px; background-color: #f1eedf; border: none; color: #a8a69c; }
input.zemSubmit { width: 105px; background-color: #3784A8; border: 1px solid #4A9BC0; color: #E5EFF4; margin-left: 85px; padding: 1px; }
/*   footer   */
#footer { clear: both; width: 751px; text-align: center; }
#footer p { padding-bottom: 20px; padding-top: 20px; }
/*   navigacija   _*/
#nav { position: absolute; top: 28px; right: 15px; width: 450px; margin: 0; padding: 0; }
#nav li { margin: 0; float: right; padding: 0 6px; }
#nav a { float: left; }
#home #navPocetna a, #home.about #navAbout a, #usluge #navUsluge a, #reference #navReference a, #kontakt #navKontakt a, #bLog #navBlog a { border-bottom: 2px solid #8cc63f; }
#usluge #navUsluge a.navLinkovi { border-bottom: none; }
#usluge #navUsluge a.navLinkovi:hover { border-bottom: 2px solid #8cc63f; }
/*   error    */
#error #content h3 { padding-top: 50px; font-size: 2em; color: #ccc; text-align: center; }
#error #content p { font-size: 1.2em; color: #ccc; text-align: left; margin: 40px 50px; line-height: 1.6em; letter-spacing: 0.03em; }
#error #footer p { text-align: center; margin-bottom: 20px; }
#error #content form p { margin-bottom: 250px; }
#error #content form input { margin-right: 10px; }
/*   search */
.napomena { margin-top: 25px; color: #C660;}
/*	pagination  */
/*  typography and color */
body { font-size:62.5%; font-family:Verdana, Arial, Helvetica, sans-serif; }
#primary p, #usluge #primary p, #usluge #secondary p, #pitanja #primary p, #pitanja #secondary p, #pitanja p, #primary blockquote { font-size:1.3em; color:#E2EFE0; line-height:1.6em; }
#primary p.font14 { font-size:1.4em; }
abbr { border-bottom: 1px dotted #ccc; cursor: help; font-variant: small-caps; }
/*  navigacija  */
#nav a { font-family:"Trebuchet MS", "Times New Roman", serif; color:#fff; text-decoration:none; text-align:center; }
#nav a:link, #nav a:visited { color:#fff; text-decoration:none; font-size:1.3em; letter-spacing:0; }
#nav a:hover, #nav a:active { color:#8CC63F; text-decoration:none; border-bottom:2px solid #8cc63f; }
/*  home */
#primary p.saznajteVise { color:#8cc63f; font-size:1.2em; }
#primary p span { font-size:1.2em; text-align:justify; }
#primary p.saznajteVise a:link, #primary p.saznajteVise a:visited, #error p a:link, #error p a:visited, #search p.small a:link, #search p.small a:visited { text-decoration:none; color:#8cc63f; }
/*   Pitanja  */
#pitanja p.dodatnaPitanja a:link, #pitanja #primary a:link, #pitanja p.dodatnaPitanja a:visited, #pitanja #primary a:visited { color:#97cb51; text-decoration:underline; }
/*  Online-formular  */
#formular legend { font-size:1.4em; color:#A4D63F; }
#formular #footer { background-color:#004964; border-top:1px solid #3d8baf; }
#formular div.zemThanks { font-size:1.4em; color:#CFE4CC; line-height:1.8em; }
#formular #content li a {color: #A4D63F; }
#formular #content li a:hover { color: #CFE4CC; text-decoration: none;}
/*   Reference i usluge  */
#reference dd { color:#E2EFE0; font-size:1.2em; }
#reference dt { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.3em; color:#afe2fa; }
#reference #footer { background-color:#004964; }
#usluge #secondary a, #usluge #secondary a:visited { color: #B0DF53; text-decoration: none;}
#usluge #secondary a:hover { text-decoration: underline;}
/*  blog najava  */
#blogTekst h2 { font-size:1.8em; color:#8fc8e3; }
#blogTekst h3 { font-size:1.4em; color:#8cc63f; line-height: 1.8em; }
#blogTekst p.objavljeno, #blogNaslovi p { font-size:0.9em; color:#95D5EF; }
#blogTekst p, #blogTekst blockquote { font-size:1.2em; color:#E2EFE0; line-height:1.7em; text-align: justify;}
#blogNaslovi h2 { font-size:1.7em; color:#8fc8e3; }
#blogNaslovi h3 { font-size:1.2em; color:#8cc63f; }
#blogTekst p.procitajteCeo { color:#8cc63f; }
#blogTekst p.procitajteCeo span { padding-left:20px; margin-left:20px; background:url(../images/51.gif) no-repeat left bottom; }
#blogTekst p.objavljeno a:link, #blogTekst p.objavljeno a:visited, #blogTekst p.procitajteCeo a:link, #blogTekst p.procitajteCeo a:visited, #bLog #primary h1 a:link, #bLog #primary h1 a:visited, #search #content h3 a:link, #search #content h3 a:visited, #blog #blogNaslovi a:link, #blog #blogNaslovi a:visited, #blog #blogTekst a:link, #blog #blogTekst a:visited, #bLog #primary p.objavljeno span a:link, #bLog #primary p.objavljeno span a:visited, #bLog #primary p a:link, #bLog #primary p a:visited { text-decoration:none; color:#BBEF77; }
#bLog #primary .clanak a:link, #bLog #primary .clanak a:visited { color:#BBEF77; text-decoration: underline; }
#bLog #primary .clanak a:hover, #bLog #primary .clanak a:active { color: #DFD63F; text-decoration: none; }
#bLog #primary div.clanak a.imgLink:link, #bLog #primary div.clanak a.imgLink:visited { border:none; }
#bLog #primary div.clanak a.imgLink:hover, #bLog #primary div.clanak a.imgLink:active { border:none; }
/*  Blog stranica   */

/*   footer */
#footer p { color:#afe2fa; line-height:1.9em; font-size:1.1em; }
#footer p a:hover, #footer p a:active { color:#8cc63f; text-decoration:underline; }
/*   Kontakt  */
#kontakt #secondary p, #kontakt div.zemThanks, #kontakt ul.zemError { font-size:1.3em; color:#E2EFE0; line-height:1.7em; letter-spacing:0.03em; }
#kontakt #secondary p.tel { color:#A1D145; letter-spacing:0.05em; line-height:1.5em; font-family:Arial, Helvetica, sans-serif; }
#kontakt #secondary p.email { color:#A1D145; letter-spacing:0.05em; font-family:Arial, Helvetica, sans-serif; }
#kontakt #secondary p.tel span, #kontakt #secondary p.email span { font-weight:700; letter-spacing:0.05em; }
#kontakt form label { font-size:1.2em; color:#e6e4e4; }
#kontakt #secondary a:link, #kontakt #secondary a:visited { color:#A4D63F; text-decoration:underline; }
#kontakt #secondary a:hover, #kontakt #secondary a:active { text-decoration:none; }
#primary p.saznajteVise a:hover, #primary p.saznajteVise a:active, #error p a:hover, #error p a:active, #search p.small a:hover, #search p.small a:active, #blogTekst p.objavljeno a:hover, #blogTekst p.objavljeno a:active, #blogTekst p.procitajteCeo a:hover, #blogTekst p.procitajteCeo a:active, #bLog #primary h1 a:hover, #bLog #primary h1 a:active, #search #content h3 a:hover, #search #content h3 a:active, #blog #blogNaslovi a:hover, #blog #blogNaslovi a:active, #blog #blogTekst a:hover, #blog #blogTekst a:active, #bLog #primary p.objavljeno span a:hover, #bLog #primary p.objavljeno span a:active, #bLog #primary p a:hover, #bLog #primary p a:active { text-decoration:underline; color:#ccc; }
#pitanja p.dodatnaPitanja a:hover, #pitanja #primary a:hover, #pitanja p.dodatnaPitanja a:active, #pitanja #primary a:active, #reference dt a:hover, #reference dt a:active, #kontakt #secondary a:hover, #kontakt #secondary a:active { color:#f1eeee; text-decoration:underline; }
#formular, #kontakt { font-family:Verdana, Arial, Helvetica, sans-serif; }
#formular label, #formular fieldset li.radio { font-size:1.2em; color:#cfe4cc; }
#formular #content p, #formular fieldset h2 { font-size:1.2em; color:#cfe4cc; line-height:1.5em; }
#reference dt a:link, #reference dt a:visited, #reference dd a:link, #reference dd a:visited, #footer p a:link, #footer p a:visited { color:#afe2fa; text-decoration:none; }
#reference dt a:hover, #reference dt a:active, #footer p a:hover, #footer p a:active { color:#f1eeee; text-decoration:underline; }
/*  Vredne adrese   */
/* english */
#primary h1.en { width: 296px; height: 24px;}
#home #primary h1.en a{background: url(../images/eng/web-design.gif) no-repeat; width: 296px; height: 24px;}
#primary h2.en { width: 269px; height: 21px;}
#home #primary h2.en a {background: url(../images/eng/faq.gif) no-repeat;width: 269px; height: 21px;}
#primary h3.en { width: 269px; height: 21px;}
#home #primary h3.en a {background: url(../images/eng/free-quote.gif) no-repeat;width: 269px; height: 21px;}
#primary p { font-size: 1.3em; letter-spacing: 0.5px;}
#secondary h3.en { background: url(../images/eng/our-clients.gif) no-repeat; width:84px; height: 12px;}
#kontakt #content h1.english {background: url(../images/eng/contact-us.gif) no-repeat; height: 23px;}
#reference #content h1.english {background: url(../images/eng/portfolio.gif) no-repeat; height: 22px;}
#usluge #content h1.english {background: url(../images/eng/our-services.gif) no-repeat; height: 22px; width: 715px;}
#usluge h2.webDesign { background: url(../images/eng/services-web-design.gif) no-repeat; width: 240px; height: 16px;}
#usluge h2.frontEndDev { background: url(../images/eng/services-front-end-dev.gif) no-repeat; width: 240px; height: 16px;}
#usluge h2.backEndDev { background: url(../images/eng/services-back-end-dev.gif) no-repeat; width: 240px; height: 16px;}
#usluge h2.seo { background: url(../images/eng/services-seo.gif) no-repeat; width: 240px; height: 16px;}
#usluge h2.webHosting { background: url(../images/eng/services-web-hosting.gif) no-repeat; width: 240px; height: 16px;}
#usluge h2.maintenance { background: url(../images/eng/services-maintenance.gif) no-repeat; width: 240px; height: 16px;}
#usluge #content a, #home #content a.english {color: #9C3; text-decoration: none;}
#usluge #content a:hover, #home #content a.english:hover { text-decoration: underline;}
#formular #content h1.english {background: url(../images/eng/request-a-free-quote.gif) no-repeat; width: 715px; height: 23px;}
#home #primary div.english { background: none;}
#home.about #primary h1.en {background: url(../images/eng/about-us.gif) no-repeat; width: 296px; height: 24px;}
#home.faq #primary h1.en {background: url(../images/eng/faq2.gif) no-repeat; width: 296px; height: 24px;}
#home.faq #primary, #home.faq #primary div.english { width: auto;}
#home.faq #primary div.english { margin-bottom: 20px;}
#home.faq #primary div.english p { margin-right: 20px;}
#home.faq #primary h3, #home.blog .english h3 {text-indent: 0; width: auto; height: auto; color: #C7EF77; font-size: 16px; }
#home.blog .english h3 { margin-top: 0;}
#usluge #footer p a { color: #AFE2FA;}