* {
    margin: 0;
    padding: 0;
    font-size: 0;
}

img {
	border: 0;
}

a, a:visited, a:hover, a:active  {
    text-decoration: none;
    color: inherit;
}

html{
    width: 750px;
    height: 100px;
}

body {
    display:inline-block;
    font-family: Arial;
    font-size: 16px;
    color: #3c3c3c;
    background: #fafafa;
}

h2, h3 {
    color: #1678b8;
}

div.clear {
    clear: both;
}

.valuta{
    display:inline-block;
    width:38px;
    height:38px;
    background:url("../img/valuta.png") no-repeat top center;
    margin-right: 0px;
}

#mnb {
    margin: auto;
    background: #e3e3e3 url("../img/bg_box_mnb.gif") repeat-x;
}

#mnb>*{
    margin: auto;
    text-align: center;
}

#mnb h2 {
    font-weight: normal;
    font-size: 24px;
    float: left;
    height: 40px;
    font-family: 'Museo700';
}

.link{
    text-align: center;
    height: 11px;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #CBCBCB;
    border-top: 0;
}

.link div{
    line-height: 10px;
    font-size: 10px;
    color: #00f;
    font-family: 'Oswald';
}

#mnb a {
    color: #00f;
    font-weight: normal;
    display: inline-block;
}

#mnb h2 a {
    
    margin-right: 28px;
    color: #1678b8;
    font-weight: bold;
    display: inline-block;
    margin-top: 7px;
}

#mnb .currency {
    float: left;
    clear: both;
    background-color: #fafafa;
    box-sizing:border-box;
}

#mnb .currency .box {
    display: inline-block;
    padding: 0 1px;
    background: url("../img/bg_currency.gif") repeat-x;
    border-right: 1px solid #cbcbcb;
}
#mnb .currency .box.nomarg{
    margin-right: 0px;
}

.left{
    padding: 0;
    display: inline-block;
}

.right{
    padding: 0;
    padding-right: 1px;
    display: inline-block;
    text-align: right;
}

#mnb .currency .box .name {
    font-weight: bold;
    font-size: 9px;
    height: 14px;
    padding-left: 18px;
}

#mnb .currency .box .diff.up{
    background: url("../img/ups.png") no-repeat bottom left;
}

#mnb .currency .box .diff.down{
    background: url("../img/downs.png") no-repeat bottom left;
}

#mnb .currency .box .graficon{
    display: inline-block;
    margin:0px;
    font-size: 16px;
}

#mnb .currency .box .graficon i{
    color: #222;
    font-size: 16px;
    display: block;
}

.trendUp {
    background: url("../img/trend_up.gif") left 12px no-repeat;
}

.trendDown {
    background: url("../img/trend_down.gif") left 12px no-repeat;
}

#mnb .currency .box .value {
    font-size: 14px;
    font-family: 'Oswald', sans-serif;
    padding:0;
    margin-right:0px;
    background: #e2e2e2;
    border: 1px solid #cbcbcb;
    text-align: right;
    display:block;
    color: #3c3c3c;
    font-weight:400;
    height: 22px;
    line-height: 20px;
}

#mnb .currency .box .value span.decimal{
    font-size:11px;
}

#mnb .currency .box .diff{
    font-size: 14px;
    font-family: 'Oswald', sans-serif;
    padding-left: 0px;
     text-align: right;
    width:40px;
}

#mnb .currency .box .diff.up{
    background: url("../img/ups.png") no-repeat bottom left;
}
#mnb .currency .box .diff.down{
    background: url("../img/downs.png") no-repeat bottom left;
}
#mnb .currency .box .diff span.decimal{
    font-size:11px;
}

#mnb .currency .box p.diff{

}
.trendUp {
    background: url("../img/trend_up.gif") left 12px no-repeat;
}

.trendDown {
    background: url("../img/trend_down.gif") left 12px no-repeat;
}



#mnb .currency .box .EUR {
    background: url("../img/euro.png") left 2px no-repeat;
}

span.currency.EUR{
    background: url("../img/euro.png") right 2px no-repeat;
}

#mnb .currency .box .HRK {
    background: url("../img/hr.png") left 2px no-repeat;
}


span.currency.HRK{
    background: url("../img/hr.png") right 2px no-repeat;   
}

#mnb .currency .box .USD {
    background: url("../img/us.png") left 2px no-repeat;
}

span.currency.USD{
    background: url("../img/us.png") right 2px no-repeat;   
}

#mnb .currency .box .CHF {
    background: url("../img/ch.png") 2px 2px no-repeat;
}

span.currency.CHF{
    background: url("../img/ch.png") right 2px no-repeat;   
}

#mnb .currency .box .GBP {
    background: url("../img/gb.png") left 2px no-repeat;
}

span.currency.GBP{
    background: url("../img/gb.png") right 2px no-repeat;   
}

#mnb .currency .box .JPY {
    background: url("../img/jp.png") left 1px no-repeat;
    /*height:15px;*/
    font-size:9px;
    line-height: 15px;
}

span.currency.JPY{
    background: url("../img/jp.png") right 1px no-repeat;
}

#mnb .currency .box .AUD {
    background: url("../img/au.png") left 2px no-repeat;
}

span.currency.AUD{
    background: url("../img/au.png") right 2px no-repeat;   
}

#mnb .currency .box .CAD {
    background: url("../img/ca.png") left 2px no-repeat;
}

span.currency.CAD{
    background: url("../img/ca.png") right 2px no-repeat;   
}

#mnb .currency .box .DKK {
    background: url("../img/dk.png") left 2px no-repeat;
}

span.currency.DKK{
    background: url("../img/dk.png") right 2px no-repeat;
}

#mnb .currency .box .SEK {
    background: url("../img/se.png") left 2px no-repeat;
}

span.currency.SEK{
    background: url("../img/se.png") right 2px no-repeat;   
}

#mnb .currency .box .CZK {
    background: url("../img/cz.png") left 2px no-repeat;
}

span.currency.CZK{
    background: url("../img/cz.png") right 2px no-repeat;   
}

#mnb .currency .box .PLN {
    background: url("../img/pl.png") left 2px no-repeat;
}

span.currency.PLN{
    background: url("../img/pl.png") right 2px no-repeat;
}

#mnb .currency .box .NOK {
    background: url("../img/no.png") left 2px no-repeat;
}

span.currency.NOK{
    background: url("../img/no.png") right 2px no-repeat;
}

span.currency.BGN{
    background: url("../img/bgn.jpg") right 2px no-repeat;
}

span.currency.BRL{
    background: url("../img/brl.jpg") right 2px no-repeat;
}

span.currency.CNY{
    background: url("../img/cny.jpg") right 2px no-repeat;
}

span.currency.HKD{
    background: url("../img/hkd.jpg") right 2px no-repeat;
}

span.currency.INR{
    background: url("../img/inr.jpg") right 2px no-repeat;
}

span.currency.ISK{
    background: url("../img/isk.jpg") right 2px no-repeat;
}

span.currency.KRW{
    background: url("../img/krw.jpg") right 2px no-repeat;
}

span.currency.MXN{
    background: url("../img/mxn.jpg") right 2px no-repeat;
}

span.currency.NZD{
    background: url("../img/nzd.jpg") right 2px no-repeat;
}

span.currency.RON{
    background: url("../img/ron.jpg") right 2px no-repeat;
}

span.currency.RSD{
    background: url("../img/rsd.jpg") right 2px no-repeat;
}

span.currency.RUB{
    background: url("../img/rub.jpg") right 2px no-repeat;
}

span.currency.SGD{
    background: url("../img/sgd.jpg") right 2px no-repeat;
}

span.currency.TRY{
    background: url("../img/try.jpg") right 2px no-repeat;
}

span.currency.UAH{
    background: url("../img/uah.jpg") right 2px no-repeat;
}

span.currency.ZAR{
    background: url("../img/zar.jpg") right 2px no-repeat;
}