*
{
    margin: 0;
    padding: 0;
}
body
{
    padding: 0px;
    margin: 0px;
    text-align: center;
    font: 0.75em 'Palatino Linotype';
    color: #000;
    background-color: #8B8D90;
    border-top-width: 6px;
    border-top-style: solid;
    border-top-color: #003446;
}

#omotac
{
    width: 780px; /* korištenje 20px manje nego punih 800px širine pomaže izbjegavanje horizontalnog skrol-bara */
    background: #FFFFFF;
    margin: 0 auto; /*  auto margine (u spoju sa širinom) centrira stranicu */
    text-align: left; /* prepisuje text-align: center od body elementa. */
}

#header
{
    background-image: url('../../slike/ekipa.png');
    padding: 0;
    margin: 0 auto;
    text-align: left;
    height: 245px;
    background-repeat: no-repeat;
    width: 780px;
}
#header h1
{
    margin: 0; /* nula margin posljednjeg elementa u #header div spriječava širenje margina - na prostor između divs.  	Ako div ima border oko sebe, ovo nije neophodno no spriječava širenje margina */
    padding: 10px 0;
    visibility: hidden;
}
#smp
{
    padding: 0.2em;
    margin: 0 auto;
    height: 30px;
    background: #202221;
    color:White;
    width: 775px;
    border-top:2px solid #999793;
    border-bottom:2px solid #999793;
}
#lijeviStupac
{
    float: left; /* širina mora biti zadana kada element ima float */
    width: 220px; /* točna širina div, u standardnim pretraživačima,  	ili standardnom modu Internet Explorera uključiti će pading i border u dodatku na širinu */
    background: #202221; /* pozadinska boja biti će prikazana za dužinu sadržaja, ali ne više */
    padding: 0 5px; /* padding čuva sadržaj dalje od ruba */
    margin: 0;
    line-height: 1.2em;
    border-right:2px solid #8C908F;
}
#lijeviStupac h2
{
    background-image: url('../../slike/pozH2.png');
    background-repeat: repeat-x;
    background-position: top;
    color: #FFFFFF;
}
#lijeviStupac ul
{
    padding: 10px;
}
#lijeviStupac ul li
{
    border-bottom: 1px solid;
    border-bottom-color: #202221;
    font-family: Arial, Helvetica, sans-serif;
    list-style: square;
    list-style-position: inside;
}
#lijeviStupac a
{
    text-decoration: none;
    display:inline-block;
    line-height: 1.5em;
    color: White;
}

#lijeviStupac a:hover
{
    letter-spacing: .1em;
}

#sadrzaj
{
    margin: 0px; /* desna i lijeva margina od div elementa stvara dva  stupca sa svake strane stranice.  	Bez obzira koliko sadržaja div ima, razmak među stupcima će ostati isti.  	Možeš maknuti ove margine ako želiš da #mainContent div text da ispuni strane gdje se nalaze stupci. */
    padding: 20px 10px;
    width: 520px;
    float: right;
    line-height: 1.5em;
}
#sadrzaj h1, h2
{
    padding: 4px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    background-color: #202221;
    color: White;
    text-align: center;
    letter-spacing: .1em;
    border:1px solid #999793;
}
#footer
{
    padding: 0 10px 0 20px; /* ovaj padding ima lijevo poravnanje sa ostalim elementima koji se nalaze iznad. */
    background: #333230;
    color: White;
}
#footer p
{
    text-align: right;
    margin: 0; /* nulta margina prvog elementa u footeru izbjegava mogućnost istjecaanja sadržaja - razmak među divom */
    padding: 10px 0;
    font-size: 0.9em;
}
.fltrt
{
    /* ova klasa može biti korištena za float elementa desno u stranici.  Floated element mora imati prednost ispred drugog elementa treba biti slijedeći do elementa. */
    float: right;
    margin: 10px 2px 5px 2px;
    background-color: #CCFF99;
}

.fltlft
{
    /* ova klasa može biti korištena za float lijevo elementa na stranici */
    float: left;
    margin-right: 8px;
    padding: 0 0 5px 2px;
}
.clearfloat
{
    /* ova clasa treba biti stavljena na div ili prelama element i treba biti zadnji  element prije zatvaranja omotača koji mora skroz zatvarati sadržaj od float elementa */
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}
.malaSlova
{
    font-size: 0.75em;
    font-family: 'Palatino Linotype';
}
.debSlova
{
    font-weight: bold;
    padding: 0.2em;
    text-decoration: underline;
    font: 1em Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    background-color: #003399;
}
.tablica
{
    margin: 0 30px;
    padding: 0.1em;
    width: 410px;
    font-size: 1em;
}
.sredina
{
    text-align: center;
}
.txtleft
{
    text-align: left;
}

@font-face
{
    font-family: Arial;
    font-style: normal;
    font-weight: 700;
    src: url('ARIAL0.eot');
}
@font-face
{
    font-family: Palatino Linotype;
    font-style: normal;
    font-weight: normal;
    src: url('PALATIN0.eot');
}
@font-face
{
    font-family: Georgia;
    font-style: normal;
    font-weight: normal;
    src: url('GEORGIA0.eot')  ;
}

.vijestiDatalist
{
    background-color: #FFFFFF;
    border-color: #dedfde;
    border-width: 1px;
    padding: 1em;
    color: Black;
}

.padingLabel
{
    padding: 0.8em;
}