.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

*{
    margin:0;
    padding:0;
}

.body {
    background:white;
    color:#008000;
    font-family:Verdana;
    padding:20px;
    font-size:12px;
    width:900px;
    margin: 0 auto;
    position:relative;
    /* margin-top:2em; */
}


.h1, .h2 {
    font:bold 80% 'helvetica neue',sans-serif;
    letter-spacing:3px;
    text-transform:uppercase;
}

.a {
    color:#008000;
    text-decoration:none;
    outline:none;
}

.a:hover{
    text-decoration:underline;
}


.caption {
    /* color:#FFFFFF; */
    display: block;
    color: #008000;
    position:inherit;
    top:250px;
    left:3px;
    /*width:200px;*/
    width:400px;
}

/*
.demo {
    position:relative;
    margin-top:2em;
}*/

.galerija {
    width:200px;
    float:left;
}

.galerija li {
    width:55px;
    height:70px;
    border:3px double #eee;
    margin: 0 2px 2px 0;
    background:#eee;
}

.galerija li.hover {
    border-color:#bbb;
}

.galerija li.active {
    border-style:solid;border-color:#222;
}

.galerija li div {
    left:240px
}

.galerija li div .caption {
    font-family:Verdana;
}

.galleria_container {
    margin:0 auto 60px auto;
    height:438px;
    width:700px;
    float:right;
}

/*#opis-slike {
    float:right;
    position: static;
}*/

.nav {
    padding-top:15px;
    clear:both;
}

.info {
    text-align:left;
    margin:30px 0;
    border-top:1px dotted #221;
    padding-top:30px;
    clear:both;
}

.info p {
    margin-top:1.6em;
}

.nav {
    position:absolute;
    top:410px;
    left:0;
}