body 
{
	background-color: #000;
}
.page
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    background-image: url(images/pagebck.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    height: 924px;
    width: 1104px;
    z-index: -1;
}
.centar
{
	position: relative;
	top: 166px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    background-image: url(images/mainbck.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 860px;
    height: 593px;
    z-index: 0;
}
.centarw
{
	position: relative;
	top: 166px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    background-image: url(images/mainbckw.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 860px;
    height: 593px;
    z-index: 0;
}
.centarw img
{
	padding: 7px;
}
.content
{
	position: relative;
	top: 15px;
	left:70px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    width: 700px;
    height: 587px;
    z-index: 0;
    overflow: hidden;
}
a.Bob
{
	position: absolute;
	top: 237px;
	left: 606px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    background-image: url(images/bob.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 76px;
    height: 80px;
}
a.Bob:hover
{
	position: absolute;
	top: 237px;
	left: 606px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    background-image: url(images/bob_over.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 76px;
    height: 80px;    
}
a.Daffy
{
	position: absolute;
	top: 385px;
	left: 540px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    background-image: url(images/daffy.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 115px;
    height: 133px;
}
a.Daffy:hover
{
	position: absolute;
	top: 385px;
	left: 540px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    background-image: url(images/daffy_over.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 115px;
    height: 133px;   
}
a.Fudd
{
	position: absolute;
	top: 206px;
	left: 480px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    background-image: url(images/fudd.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 82px;
    height: 71px;
}
a.Fudd:hover
{
	position: absolute;
	top: 206px;
	left: 480px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    background-image: url(images/fudd_over.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 82px;
    height: 71px;   
}
a.Mag
{
	position: absolute;
	top: 227px;
	left: 145px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    background-image: url(images/mag.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 257px;
    height: 336px;
}
a.Mag:hover
{
	position: absolute;
	top: 227px;
	left: 145px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    background-image: url(images/mag_over.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 257px;
    height: 336px; 
}
a.Merlin
{
	position: absolute;
	top: 94px;
	left: 699px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    background-image: url(images/merlin.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 121px;
    height: 173px;
}
a.Merlin:hover
{
	position: absolute;
	top: 94px;
	left: 699px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    background-image: url(images/merlin_over.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 121px;
    height: 173px;
}
a.Obelix
{
	position: absolute;
	top: 277px;
	left: 445px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    background-image: url(images/obelix.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 95px;
    height: 146px;
}
a.Obelix:hover
{
	position: absolute;
	top: 277px;
	left: 445px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    background-image: url(images/obelix_over.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 95px;
    height: 146px;
}
a.Oliver
{
	position: absolute;
	top: 109px;
	left: 514px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    background-image: url(images/oliver.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 49px;
    height: 73px;
}
a.Oliver:hover
{
	position: absolute;
	top: 109px;
	left: 514px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    background-image: url(images/oliver_over.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 49px;
    height: 73px;
}
a.Kojot
{
	position: absolute;
	top: 0px;
	left: 655px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    background-image: url(images/kojot.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 205px;
    height: 93px;
}
a.Kojot:hover
{
	position: absolute;
	top: 0px;
	left: 655px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    background-image: url(images/kojot_over.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 205px;
    height: 93px;
}
a.Siljo
{
	position: absolute;
	top: 318px;
	left: 730px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    background-image: url(images/siljo.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 125px;
    height: 145px;
}
a.Siljo:hover
{
	position: absolute;
	top: 318px;
	left: 730px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    background-image: url(images/siljo_over.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 125px;
    height: 145px;
}