body {
background: #ffffff;
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
text-align: center;
/*display: table;
width: 100%;
min-height:590px;*/
}

a {
outline: none;
}

html, body {
height: 100%;
}

#center {
/*position: absolute;
top: 50%;
margin-top: -295px;  half main elements height
left: 0;
width: 100%;*/
}

#container {
width: 790px;
margin: 5% auto 0;
/*height: 590px;*/
}

.box, .box_last {
background: url(../../images/home_box.gif) no-repeat;
width: 186px;
height: 186px;
float: left;
margin: 0 15px 15px 0;
}

.box_last {
margin-right: 0;
}

#korisnicka, #upute, #tekstualne, #impressum {
margin-bottom: 0;
}

.box a, .box_last a {
display: block;
width: 186px;
height: 36px;
float: left;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
padding-top: 150px;
background: url(../../images/home_box_h.gif) no-repeat 0 200px;
}

.box a:hover, .box_last a:hover {
background: url(../../images/home_box_h.gif) no-repeat;
}

#logo {
background: url(../../images/logo.gif) no-repeat;
}

#logo a em {
visibility: hidden;
}

#logo a:hover {
background: none;
}

#art {
background: url(../../images/home/art.jpg) no-repeat;
}

#geometrija {
background: url(../../images/home/geometrija.jpg) no-repeat;
}

#priroda {
background: url(../../images/home/priroda.jpg) no-repeat;
}

#djecje {
background: url(../../images/home/djecje.jpg) no-repeat;
}

#tekstualne {
background: url(../../images/home/tekstualne.jpg) no-repeat;
}

#art a, #geometrija a, #priroda a, #djecje a, #tekstualne a {
color: #6e6e70;
}

#art a {
background: url(../../images/home/art_h.jpg) no-repeat 0 200px;
}

#art a:hover {
background: url(../../images/home/art_h.jpg) no-repeat;
}

#geometrija a {
background: url(../../images/home/geometrija_h.jpg) no-repeat 0 200px;
}

#geometrija a:hover {
background: url(../../images/home/geometrija_h.jpg) no-repeat;
}

#priroda a {
background: url(../../images/home/priroda_h.jpg) no-repeat 0 200px;
}

#priroda a:hover {
background: url(../../images/home/priroda_h.jpg) no-repeat;
}

#djecje a {
background: url(../../images/home/djecje_h.jpg) no-repeat 0 200px;
}

#djecje a:hover {
background: url(../../images/home/djecje_h.jpg) no-repeat;
}

#tekstualne a {
background: url(../../images/home/tekstualne_h.jpg) no-repeat 0 200px;
}

#tekstualne a:hover {
background: url(../../images/home/tekstualne_h.jpg) no-repeat;
}