div#container {
    /*border: 1px solid black;*/
    margin-left: auto ;
    margin-right: auto ;
    margin-top: 0px;
    width: 1024px ;
    height: 700px;
    position: relative;
}

div#logo {
    position: absolute;
    left: 850px;
    top: 100px;
}

div#kamrica_logo {
    position: absolute;
    left: 0px;
    top: 0px;
}


div#tip {
    position: absolute;
    left: 100px;
    top: -40px;
}

div#stroj {
    position:absolute;
    left: 460px;
    top: 130px;

}

div#stroj img {
    position:absolute;

    -webkit-transition: opacity 0.1s ease-in-out;
    -moz-transition: opacity 0.1s ease-in-out;
    -o-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out;

}

#stroj img.transparent {
    opacity:0;
}

div#oblacek {

    position: absolute;
    left: 230px;
    top: 60px;

}

div#oblacek_click{
    position: absolute;
    left: 375px;
    top: 200px;
    cursor: pointer;
    opacity: 0;

}

div#operi_perilo {
    position: absolute;
    left: 40px;
    top: 300px;
}

div#puscica {
    position: absolute;
    left: 230px;
    top: 405px;
}


div#perisam_flasa {
    position: absolute;
    left: 725px;
    top: 350px;

}

div#soum_logo {
    position: absolute;
    left: 875px;
    top: 490px;
}

div#dostop_logo {
    position: absolute;
    left: 875px;
    top: 580px;
}

div#aliansa_logo {
    position: absolute;
    left: 875px;
    top: 670px;
}


div#program {
    position: absolute;
    left: 410px;
    top: 30px;
}




div#oblacilo1 {
    position: absolute;
    left: 20px;
    top: 410px;


}

div#oblacilo2 {
    position: absolute;
    left: 75px;
    top: 594px;

}

div#oblacilo3 {
    position: absolute;
    left: 270px;
    top: 590px;


}

div#oblacilo4 {
    position: absolute;
    left: 385px;
    top: 620px;


}

div#oblacilo5 {
    position: absolute;
    left: 535px;
    top: 562px;


}


div#oblacilo6 {
    position: absolute;
    left: 660px;
    top: 610px;



}






div#boben {

    width: 130px;
    height: 140px;
    /*border: 4px solid #ccc;*/
    border-radius: 50%;
    position: absolute;
    top: 280px;
    left: 572px;
    transform:rotate(20deg);
    -ms-transform:rotate(20deg); /* IE 9 */
    -webkit-transform:rotate(20deg); /* Safari and Chrome */
}

div#boben.hover {
    border: 4px dashed #4CC53B;
}

body{

    width: 1024px;
    height: 700px;
    margin-left: auto ;
    margin-right: auto ;

}


#bg {
    position: absolute;
    top: 0;
    left: 0;

    /* Preserve aspet ratio */
    min-width: 100%;
    max-height: 400px;
}
a > img{
    border: 0;
}

.oblacilo-krogec{
	-webkit-border-radius: 110px;
	-moz-border-radius: 110px;
	border-radius: 110px;
	border: 6px solid lightblue;
}