#cpqdiagram {
 width: 558px;
 height: 248px;
 background: url(../img/overview/start_1.png) no-repeat;
 margin: 10px auto; padding: 0;
 position: relative;
}
#cpqdiagram li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#cpqdiagram a {display: block; text-indent: -9999px; text-decoration: none;}

#cpqdiagram a span {text-indent: 0px; font-weight: normal; font-size: 75%; position: absolute;color: #333; top: 50px; left: 10px; display: none; background: #fff; width: 200px; height: 50px; padding: 5px;}

#cpqdiagram a:hover span {display: block;}

#roll01 {left: 21px; top: 125px; width: 101px; height: 84px; z-index: 50;}
#roll02 {left: 119px; top: 120px; width: 99px; height: 82px;}
#roll03 {left: 210px; top: 113px; width: 94px; height: 80px;}
#roll04 {left: 298px; top: 107px; width: 89px; height: 75px;}
#roll05 {left: 385px; top: 101px; width: 86px; height: 72px;}
#roll06 {left: 468px; top: 93px; width: 86px; height: 72px;}
#roll07 {left: 64px; top: 86px; width: 81px; height: 43px;}

#roll01 a {height: 84px;}
#roll02 a {height: 82px;}
#roll03 a {height: 82px;}
#roll04 a {height: 75px;}
#roll05 a {height: 72px;}
#roll06 a {height: 72px;}
#roll07 a {height: 43px;}

.prva #roll01 a, #roll01 a:hover {background: url(../img/overview/start_1.png) -28px -268px no-repeat;}
.druga #roll02 a, #roll02 a:hover, .treca #roll03 a, #roll03 a:hover {background: url(../img/overview/start_1.png) -180px -262px no-repeat;}
.cetvrta #roll04 a, #roll04 a:hover {background: url(../img/overview/start_1.png) -438px -253px no-repeat;}
.peta #roll05 a, #roll05 a:hover, .sesta #roll06 a, #roll06 a:hover {background: url(../img/overview/start_1.png) -324px -256px no-repeat;}
.sedma #roll07 a, #roll07 a:hover {background: url(../img/overview/start_1.png) -61px -383px no-repeat;}