/* Glavna crvena: #A52D15 -> #98402B   Ostale crvene: #6D2E1F */
/* Glavna plava: #?????? -> #589EE4 */


/* Raspored */

body { margin: 0; height: 100%; background: #589EE4 }
div#prozor { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 500px }
div#pozadina5k { width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: 1 }
#pozadina5k img, #pozadina100k img { width: 100%; height: 100% }
div#slikokvir { position: absolute; top: 50%; left: 50%; z-index: 5; background: #98402B; width: 300px; height: 300px; display: none }
div#slikopribor { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
div#jezik { position: absolute; top: 10px; left: 50%; width: 696px; margin-left: -350px; z-index: 4; text-align: right }
div#dokument { width: 696px; height: 400px; top: 50%; left: 50%; margin-left: -350px; margin-top: -170px; background: #98402B; position: absolute; z-index: 3 }
div#logo { position: absolute; left: 25px; bottom: 415px }
div#izbornik { position: absolute; right: 0; bottom: 400px }
div#sadrzaj { padding: 50px 30px 30px 246px; xxxwidth: 420px; xxxheight: 320px; overflow: auto }
div#stupac { position: absolute; top: 50px; right: 30px; width: 420px; height: 320px; overflow: auto }
div#prilog { position: absolute; left: 22px; bottom: 70px; width: 200px; xheight: 300px }
#prilog img { margin: 0 3px 3px 0 }
h1 { position: absolute; left: 22px; top: 33px }
div#podnozje { position: absolute; bottom: 6px; left: 0px; width: 696px; text-align: center }
div#copyright { position: absolute; bottom: -20px; left: 10px; width: 696px; text-align: center }


/* Pojedinosti */

#slikokvir #slika { position: absolute; top: 20px; left: 20px }
#slikokvir #zatvaralo { position: absolute; bottom: 20px; right: 20px }
#slikopribor { background-image: url('/images/loading.gif'); background-position: center; background-repeat: no-repeat }

#izbornik a, #izbornik a:visited { padding: 6px 18px; background: #6D2E1F; float: right; margin-left: 3px }
#izbornik a.naprijed, #izbornik a:visited.naprijed { background: #98402B }

.upit { background: #c55D45; border: 6px solid #c55D45 }

.google-src-text { display: none }


/* Tipografija */

a:link, a:active, a:hover, a:visited { font-family: Arial; font: bold 100% Arial; color: #FFD8B3; text-decoration: none }
body, table, td { font: normal 12px Arial; color: white; line-height: 150% }
a:hover { color: white }
h1 { color: #FFD8B3; font-size: 160%; font-weight: normal; line-height: 260%; margin: 0 }
h2 { display: inline; margin-top: 0px; font-size: 150% }
h3 { xxxcolor: #FFD8B3; margin-top: 20px; margin-bottom: 8px; font-size: 120% }
p { margin: 0 0 10px 0 }
.p { margin: 0 0 10px 0 }
#copyright { font-size: 80%; color: #222 }
#copyright a, #copyright a:visited { font-weight: normal; color: #333 }
#jezik a, #jezik a:visited { color: #98402B }
#jezik a:hover { color: #662200 }

ul, ol { margin: 0 0 10px 15px; padding: 0 }
li { margin: 0; padding: 0 } /*-top: 0; margin-bottom: 0px; padding-top: 0; padding-bottom: 0 }*/
li a { margin: 0; padding: 0 }

input, select { font: normal 12px Arial; border: 0; xxxbackground: #fff9f0 }

.marginTop { margin: 10px 0 0 0 !important }
.marginBottom { margin: 0 0 10px 0 !important }
.marginBoth { margin: 10px 0 10px 0 !important }
.marginNone { margin: 0 0 0 0 !important }