html {
    background-color: #fff;
}
body {
    font-family: "Verdana", "Arial", "Helvetica", sans-serif;
}
#navigacija {
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 5px;
    font-size:90%;
    position: absolute;
    top: 0;
    left: 74%;
    width:75%;
    float:left;
    height: 64px;
}
#navigacija2 { 
    font-size:90%;
    position: relative;
    background: #ededed;
    border-top: thin solid #999;
    top: 0%;
    margin-top: 9px;
    left: 0%;
    width: 100%;
    padding: 0px;
}
#navigacija_test {
    font-size:90%;
    position: relative;
    top: 0;
    left: 0;
    margin-top: 9px;
    margin-bottom: 9px;
    width: 100%;
    padding: 0;
    background-image: url('/media/slike_meni/meni_strafta.gif');
    background-repeat: repeat-x;
    border-bottom: #ce6102 1px solid;
}
table#ebart_meni {
    border-collapse: collapse;
    vertical-align: middle;
}
table#ebart_meni td {
    padding: 0 .5em 0 0;
    margin: 0;
    height: 40px;
}

#navigacija div {
    border-bottom: #aaaaaa .1em solid;
    background-color: #ededed;
    position: relative;
    padding:0;
    height: 54px;
    width: 49.4%;
}
#navigacija div h2.title {
    background-color: #aaaaaa;
    text-align: right;
    padding-right:.5em;
    color: #fff;
    font-size:100%;
    font-weight:bold;
    margin: 0;
    line-height: 1.4em;
}
#navigacija div ul,
#navigacija2 ul {
    width:100%;
    margin-top:-.2em;
    margin-left: -3em;
    text-align: center;
}
#putanja  ul {
    margin: -.5em 0 .5em -2.4em;
}
#navigacija div ul li,
#navigacija2 ul li,
#putanja ul li { display:inline; }
#navigacija div ul li:before,
#navigacija2 ul li:before { content: "• "; }
#putanja ul li:before { content: "» ";}
#navigacija div ul li:first-child:before,
#navigacija2 ul li:first-child:before,
#putanja ul li:first-child:before { content: none; }
#navigacija div ul li a,
#navigacija2 ul li a {
    text-decoration:none;
    font-size:85%;
    font-weight: bold;
}
#usluge {
    left:0;
    margin-right:4px;
    float:left;
}
#impresum {clear:both;}
/* General styles */
body {
    margin:0;
    padding:0;
    border:0;           /* This removes the border around the viewport in old versions of IE */
    width:100%;
    min-width:600px;    /* Minimum width of layout - remove line if not required */
                    /* The min-width property does not work in old versions of Internet Explorer */
    max-width:1024px;
    margin-left: auto;
    margin-right:auto;
    font-size:90%;
}
a {
    color:#369;
}
a:hover {
    color:#fff;
    background:#369;
    text-decoration:none;
}

#navigacija_test a,
#search_results #kolona1 a {
    text-decoration: none;
    font-weight: bold;
    color: #28166f;
}
#navigacija_test a:hover {
    background-color: #28166f;
    color: #ededed;
}
#navigacija_test a > img {
    border: 0;
    padding: 0;
}
#header {
    clear:both;
    float:left;
    width:100%;
    background-image: url('/media/slike_meni/heder_strafta.gif');
    background-repeat: repeat-x;
}
#header_smaller {
    clear:both;
    float:left;
    width:100%;
    background-image: url('/media/slike_meni/heder_strafta2.gif');
    background-repeat: repeat-x;
    /*background-color: #aabebe;*/
    /* zelena: 2f6c6b */
}
#header { height:100px; }
#header_smaller { height:65px; margin-bottom: 9px; }
#red_slika a img,
#slika_naslovna a img,
#header #logo a img,
#header #logo a:hover {
    border: none;
    text-decoration: none;
    background:none;}

/* 'widths' sub menu */
#layoutdims {
    clear:both;
    background:#eee;
    border-top:4px solid #000;
    margin:0;
    padding:6px 15px !important;
    text-align:right;
}
/* column container */
.colmask {
    position:relative;  /* This fixes the IE7 overflow hidden bug */
    clear:both;
    float:left;
    width:100%;         /* width of whole page */
    overflow:hidden;        /* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
    float:left;
    width:100%;         /* width of page */
    position:relative;
}
.col1,
.col2,
.col3 {
    float:left;
    position:relative;
    padding:0 0 1em 0;  /* no left and right padding on columns, we just make them narrower instead 
                    only padding top and bottom is included here, make it whatever value you need */
    overflow:hidden;
}
/* 3 Column settings */
.threecol .colmid {
    right:25%;          /* width of the right column */
}
.threecol .colleft {
    right:50%;          /* width of the middle column */
}
.threecol .col1 {
    width:50%;          /* width of center column content (column width minus padding on either side) */
    left:100%;          /* 100% plus left padding of center column */
    margin-top: 0;
    /*padding: 0 9px 0 9px;*/
}
.threecol .col2 {
    width:24%;          /* Width of left column content (column width minus padding on either side) */
    left:25%;           /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
    margin-top: 0;
    /*padding: 0 9px 0 18px;*/
}
.threecol .col3 {
    width:24%;          /* Width of right column content (column width minus padding on either side) */
    left:77%;           /* Please make note of the brackets here:
                    (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
    /*margin-bottom: 53px;*/
    margin-top: -59px;
    padding: 0;/* 9px 0 9px;*/
}
/* XXX test */
#kolona3.col3 {
    margin-top: -53px;
}
.twocol .colleft {
    left: 0%;
    width: 75%;
    overflow: hidden;
}
.twocol .colright {
    left: 1%;
    width: 24%;
    overflow: hidden;
}
/* desna kolona kada imamo samo dve */
div.colright#kolona2 {
    margin-top: 9px;
}
#header ul li,
#header_smaller ul li
{
    display:inline;
    margin:0;
    padding:0;
}
#header > #logo {
    position: relative;
    bottom: 0;
    left: 19px;
    float:left;
}
#header_smaller #logo {
    position: relative;
    bottom: 0px;
    left: 19px;
}
#langsel {
    position: relative;
    top: 0px;
    right: 0px;
}
#langsel li a {
    font-size: 90%;
    color:#fff;
    text-decoration:none;
    text-align: right;
    line-height:1.3em;
}
#langsel li:before {
    content: "|";
    margin-left: -.5em;
    color: #fff;
}
#langsel li:first-child:before {
    content: none;
}

#header_smaller #langsel {
    top: -50px;
}
#prijava {
    position: relative;
    text-align: right;
    top: -1em;
    right: 0px;
}
#prijava a {
    font-size: 115%;
    color:#fff;
    text-decoration:none;
    line-height:1.3em;
}

#topnav {
    padding-right: .2em;
    position: relative;
    text-align:right;
    right: 0px;
    top: 0px;
}
#searchform {
    position: relative;
    top: 40px;
    right: .5em;
    text-align: right;
    height: 1.8em;
    padding: 0;
    margin-left: 300px;/*sirina slike + odmak logoa od leve strane + odmak forme od desne strane (otprilike) */
}
#searchform > form > p:first-child {
    font-size: 90%;
    padding-right: 5em;
    line-height: .8em;
    color: #fff;
}
#searchform form p input {
    margin-top: -.8em;
    border: none;
    vertical-align: top;
}
#searchform form p input[type=text] {
    border: 0;
    /*border-top: thin inset;
    border-left: thin inset;*/
}
#searchform form p input[type=submit] {
    background-image: url('/media/slike_meni/dugme_strafta.gif');
    background-repeat: repeat-x;
    color: #ffffff;
    font-weight: bold;
    /*background-color: #aaaaaa;
    color: #28166f;*/
}
#searchform form p input[type=submit]:hover {
    background-image: none;
    background-color: #fff;
    color: #ce6102;
}

/*boxes for content */
.box {
    border-bottom: #ce6102 solid .1em;
    background-color: #ededed;
    position: relative;
    font-size: 90%;
    margin-bottom: 9px;
}

#videobox .box_sadrzaj {
    padding-top: .8em;
}

body#press-clipping div#gl_sadrzaj:before {
content: url('/media/slike_meni/press_clipping-velika.png');
position: relative;
top:0;
left: 0;
float: left;
height: 0;
} 
body#video-clipping div#gl_sadrzaj:before {
content: url('/media/slike_meni/video_clipping-velika.png');
position: relative;
top:0;
left: 0;
float: left;
height: 0;
}
body#video-arhiva div#gl_sadrzaj:before {
content: url('/media/slike_meni/video_arhiva-velika.png');
position: relative;
top:0;
left: 0;
float: left;
height: 0;
}
body#novinska-arhiva div#gl_sadrzaj:before {
content: url('/media/slike_meni/novinska_arhiva-velika.png');
position: relative;
top:0;
left: 0;
float: left;
height: 0;
}

body#projekti div#gl_sadrzaj:before {
content: url('/media/slike_meni/projekti-velika.png');
position: relative;
top:0;
left: 0;
float: left;
height: 0;
}
body#glasonose div#gl_sadrzaj:before {
content: url('/media/slike_meni/glasonose-velika.png');
position: relative;
top:0;
left: 0;
float: left;
height: 0;
}
body#hronologija div#gl_sadrzaj:before {
content: url('/media/slike_meni/hronologija-velika.png');
position: relative;
top:0;
left: 0;
float: left;
height: 0;
}
body#evropske-integracije div#gl_sadrzaj:before {
content: url('/media/slike_meni/evropske_integracije-velika.png');
position: relative;
top:0;
left: 0;
float: left;
height: 0;
}
body#biografije-licnosti div#gl_sadrzaj:before {
content: url('/media/slike_meni/biografije_licnosti-velika.png');
position: relative;
top:0;
left: 0;
float: left;
height: 0;
}
body#monitoring div#gl_sadrzaj:before {
content: url('/media/slike_meni/monitoring-velika.png');
position: relative;
top:0;
left: 0;
float: left;
height: 0;
}
body#pravosudna-arhiva div#gl_sadrzaj:before {
content: url('/media/slike_meni/pravosudna_novinska-velika.png');
position: relative;
top:0;
left: 0;
float: left;
height: 0;
}
body#bankarska-arhiva div#gl_sadrzaj:before {
content: url('/media/slike_meni/bankarska_arhiva-velika.png');
position: relative;
top:0;
left: 0;
float: left;
height: 0;
}
body#medijske-analize div#gl_sadrzaj:before {
content: url('/media/slike_meni/medijske_analize-velika.png');
position: relative;
top:0;
left: 0;
float: left;
height: 0;
}
body#wikinews div#gl_sadrzaj:before {
content: url('/media/slike_meni/wikinews-velika.png');
position: relative;
top:0;
left: 0;
float: left;
height: 0;
}
body.column div#gl_sadrzaj {
    margin-bottom: 18px;
}
body.column div#gl_sadrzaj .cat_desc {
    padding-top: 18px;
}
div#moj_ebart_content {
    padding: 0;
    margin: 0;
    border-bottom: none;
}
div#moj_ebart_content hr {
    width:90%;
    margin: auto;
}
.box .box_sadrzaj p,
.box#moj_ebart_content p,
.box_sadrzaj sub {
    padding: 0 .8em 0 .8em;
    text-align: left;
}
.box#gl_sadrzaj p {
    text-align: left;
    padding-left: .8em;
    padding-right: .8em;
    margin-bottom: .1em;
}
.box#gl_sadrzaj ul {
    padding-right: .8em;
}
#gl_sadrzaj iframe {
    min-height: 500px;
}
.cat_desc > h2, 
#gl_sadrzaj > h2,
#moj_ebart > h2 {
    margin: .2em .5em 0 .5em;
    font-size: 115%;
}
#gl_sadrzaj > h2:first-child,
#moj_ebart > h2:first-child {
    font-size: 100%;
    margin: 0;
}
.box h2,
.box h3,
.box .box_sadrzaj h2,
.box .box_sadrzaj h3 {
    padding:0 .5em 0 0;
    font-size:100%;
    font-weight:bold;
    margin: 0;
}
.box > h2:first-child,
#gl_sadrzaj > h2:first-child,
.box .box_sadrzaj > h2:first-child {
    text-align: right;
    background-color: #28166f;
    color: #fff;
    line-height: 1.4em;
}
/* dodatno pomeranje za kontakt stranu */
body#contactpage #gl_sadrzaj {
    margin-bottom: 18px;
    min-height: 360px;
}
body#contactpage #gl_sadrzaj p {
    padding-right: .8em;
}
.meni_naslov {
    font-size: 100%;
    text-align: right;
    background-color: #aabebe;
    color: #28166f;
    margin: 0;
    padding-right: .5em;
    line-height: 1.4em;
}
.box h3,
.box .box_sadrzaj > h3:first-child {
    font-size: 110%;
    text-align: left;
    text-indent: .8em;
}
.box h3 a,
.box .box_sadrzaj h3 a {
    color: #28166f;
    text-decoration: none;
}
h3 a:hover {
    color: #ededed;
    background-color: #28166f;
}
.box .box_sadrzaj p:first-line {
    padding-left: 2em;
}
/* Footer styles */
#footer {
    background-image: url('/media/slike_meni/footer_strafta.gif');
    background-repeat: repeat-x;
    clear:both;
    float:left;
    width:100%;
    font-size: 75%;
    height:20px;
    padding: 0;
    margin: 0;
    position: fixed;
    bottom:0;
    min-width: 600px;
    max-width: 1024px;
}
#kolona1 {
    margin-bottom: 9px;
}
#search_result #kolona1 {
   margin-bottom: 18px;
}
#search_result h3.naslov {
    margin-top: .8em;
    margin-bottom: -.8em;
}
#baneri {
    /*position: relative;
    left:25%;
    bottom: 86px;
    margin-bottom: -93px;
    margin-top:93px;*/
    width: 75%;
    margin-top: -1em;
    height:53px;
    clear:both;
    float:right;
}

#footer ul li {
    display:inline;
}
#footer ul li:before {
    content: "• ";
}
#footer ul#o_nama li:before {
    color: #fff;
}
#footer ul li:first-child:before {
    content: none;
}

#footer ul li a {
    text-decoration:none;
    font-weight: bold;
    color: #fff;
}
#footer #o_nama {
    text-align:left;
    position: relative;
    left: -20px;
    bottom: 9px;
    width:20%;
}
#footer ul#o_nama li a {
    color: #fff;
}
#druga #footer {
    margin-top: 9px;
}
.box_image_right {
    position:relative;
    right: 0px;
    top:0px;
    float: right;
    clear: right;
    margin: 0;
    padding: 0;
}
.box_image_right img {
    margin-left: .8em;
}
.box_image_left {
    position:relative;
    left: 0px;
    top:0px;
    float: left;
    clear: left;
    margin: 0;
    padding: 0;
}
.box_image_left img {
    margin-right: .8em;
}
/* stilovi za desnu kolonu u dvokolonskoj */
#usluga_navig>p {
    margin-left: 1em;
}
#usluga_navig>p>span.userlink>a:after {
    content:url(/media/uploads/katanac.gif);
    margin-left: .2em;
    vertical-align:bottom;
    text-decoration: none;
}
.cat_desc>p>img {
    margin-left: -.8em;
    margin-top: -.8em;
    margin-bottom: -.8em;
}

a.morelink {
    color: #28166f;
    position:relative;
    top: -.2em;
    right: -15em;
}
#centralni>.box_sadrzaj>a.morelink {
    position: relative;
    bottom: 1px;
    right: -80%;
}
.slika_levo {
    padding-right: .8em;
}
.slika_desno {
    padding-right: .8em;
}

