/****************

    ERIC MEYER'S RESET

****************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
body {
  line-height: 1;
  color: black;
  background:#fbfcfe url(bg/body.jpg) repeat-x 0 0;
  font:normal 12px/1.3em "Trebuchet MS",Arial,sans-serif;
  color:#0f1216;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
strong{
    font-weight:bold; 
}
em{ 
    font-style:italic; 
}

/****************

    STRUCTURE

****************/

#container{ width:960px; margin:0 auto; }
    #header{ /**/ height:150px; border-bottom:1px solid #e6e6e6; position:relative; }
        #navigation{}
    #subhead{ height:350px; background:url(bg/subimg.png) no-repeat 0 100%; }
    #main{ padding:15px 0; }
        #content{ width:696px; padding-right:20px; float:left; }
        #sidebar{ width:244px; float:left; }
        #outer-footer{ background-color:#373d46; clear:both; width:100%; }
    #footer{ position:relative; margin:0 auto; width:960px; height:50px; }

/****************

    TEXT

****************/

h1{ color:#373d46; font:normal 24px/1.4em "Trebuchet MS",Arial,sans-serif; padding-bottom:20px; }
h2{ color:#373d46; font:normal 24px/1.4em "Trebuchet MS",Arial,sans-serif; padding-bottom:20px; }
h3{ color:#596270; font:normal 14px/1.3em "Trebuchet MS",Arial,sans-serif; padding-bottom:10px; }
h4{}
h5{}
h6{}
p{ padding-bottom:15px; }

/****************

    LINKS

****************/

a{ color:#ff9f21; text-decoration:none; }
a:hover{ text-decoration:underline; }

/****************

    IMAGES

****************/

img{}

/****************

    LISTS

****************/

ul, ol, dl{ list-style-position:inside; }
    dt{}
    dd, li{}
#content ul{ padding-left:20px; }
/****************

    TABLES

****************/

table{}
    thead, tbody, tfoot{}
        th, td{}

/****************

    FORMS

****************/

fieldset{}
    legend{}
    select{}
        option{}
    label{}
    input, textarea{}
        .submit{}


/*
usefull classes
*/
.clear{ width:100%; clear:both; height:1%; font-size:1px; }
.flash-replaced .alt { display: block; height: 0; position: absolute; overflow: hidden; width: 0; }

/* footer */
#footer-logo{ background:url(bg/footer-logo.jpg) no-repeat 0 100%; width:116px; height:41px; padding-top:4px; float:left; }
#footer p{ float:right; padding-top:19px; color:#e2e8f3; }

/* subhead */
#slides{ width:960px; height:299px; }
.slides_container div.sliding{ width:960px; height:299px; position:relative; overflow:hidden; }
.slides_container img.bigimg{ position:absolute; right:0; bottom:0; }
.pagination{ list-style:none; text-align:center; padding-top:15px; }
.pagination li{ display:inline-block; width:23px; height:25px; background:url(bg/deselected.png) no-repeat 0 0; }
.pagination li.current {background:url(bg/selected.png) no-repeat 0 0; }
.pagination a{ text-indent:-9999em; width:23px; height:25px; display:block; }
.left-txt{ width:375px; height:299px; }
.left-txt .title{ color:#ff9f21; font:bold 24px/2em Arial,sans-serif; }
.left-txt .description{ color:#828d9e; }
.left-txt a{ width:62px; height:27px; margin-top:10px; display:block; }


/* header */
#logo{ position:absolute; top:57px; left:0; }

#socials{ position:absolute; right:110px; top:20px; height:33px; width:210px; text-align:right; }
#socials a{ width:33px; height:33px; float:right; margin-left:3px; }
#facebook{ background:url(bg/contacts.jpg) no-repeat 0 0; }
#twitter{ background:url(bg/contacts.jpg) no-repeat -66px 0; }
#skype{ background:url(bg/contacts.jpg) no-repeat -33px 0; }
#facebook:hover{ background:url(bg/contacts.jpg) no-repeat 0 -33px; }
#twitter:hover{ background:url(bg/contacts.jpg) no-repeat -66px -33px; }
#skype:hover{ background:url(bg/contacts.jpg) no-repeat -33px -33px; }
#socials span{ font:normal 12px/1.2em Arial,sans-serif; color:#8791a3; position:absolute; top:9px; left:0; }

#language{ position:absolute; right:0; top:20px; height:33px; width:70px; padding-left:20px; background:url(bg/splitter.png) no-repeat 0 7px; }
#hr{ width:33px; height:33px; background:url(bg/langs.png) no-repeat 0 0; display:block; float:left; }
#en{ width:33px; height:33px; background:url(bg/langs.png) no-repeat -37px 0; display:block; margin-left:4px; float:left; }
#hr:hover{ background:url(bg/langs.png) no-repeat 0 -33px; }
#en:hover{ background:url(bg/langs.png) no-repeat -37px -33px; }

/* navigation */
#navigation{ position:absolute; right:0; top:80px; }
#navigation .nav{ list-style:none; }
.nav li{ width:120px; height:60px; background:url(bg/nav-border.jpg) no-repeat 0 17px; float:left; text-align:center; padding-left:1px; }
.nav li:first-child{ background:none; }
.nav a{ color:#0d1012; font:normal 16px/60px Arial,sans-serif; letter-spacing:-1.1px; }
.nav a:hover, .nav li.active a{ text-decoration:none; color:#fff; background:url(bg/nav-back.jpg) no-repeat 0 0; width:120px; height:60px; display:block; }

/* home */
#news{ width:456px; padding-right:20px; float:left; }
#news .news-list{ list-style:none; padding-left:0; }
#news li{ padding-bottom:20px; float:left; }
.news-slika{ border:solid 3px #cdd6e5; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; float:left; margin:0 10px 10px 0; }
#news li p,#news li .more{ padding-bottom:5px; }

#new-websites{ width:220px; float:left; }
#new-websites .references{ list-style:none; padding-left:0; }
.references li{ margin-bottom:20px; }
.references .news-slika{ margin:0 0 5px 0; }
.references h3{ padding-bottom:3px; }

/* reference / pitanja */
.reference,.pitanja{ -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; border:solid 1px #828D9E; width:100%; float:left; width:658px; padding:10px 20px; margin-bottom:10px; background-color:#fff; }
.reference .left{ float:left; width:208px; }
.reference .center{ float:left; width:100px; padding-left:20px; }
.reference .right{ float:left; width:310px; padding-left:20px; }

/* kontakt */
.hdnSpam{ display:none; }
.kontakt{ width:300px; float:left; }
#content .kontakt .contact-form{ padding-left:0; }
.kontakt input,.kontakt textarea{ background:#fff; width:300px; padding:5px 8px; border:1px solid #888; font:normal 12px/1.3em Arial,sans-serif; color:#555; }
.kontakt li{ list-style:none; margin-bottom:10px; }
.kontakt-right{ float:right; width:350px; }
.kontakt .form-send{ width:100px; background-color:#FF9F21; color:#fff; cursor:pointer; }

/* sidebar */
#sidebar a{ margin-bottom:10px; display:block; }
#sidebar h3{ padding-bottom:0; margin-bottom:3px; }
#sidebar h2{ padding-left:8px; }

#sidebar a{ display:block; border:2px solid #CDD6E5; }

/* editor */
.rte img{ float:left; padding:2px; border:1px solid #828D9E; margin:0 20px 10px 0; display:block; }

/* paging */
#content .paging{ list-style:none; padding-left:0; margin:10px 0; float:left; }
.paging li{ float:left; margin-right:5px; }
.paging a{ color:#fff; background-color:#FF9F21; padding:5px 8px; display:block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size:13px; }
.paging a.current, .paging a:hover{ background-color:#596270; text-decoration:none;  }






















/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */