<style>
a:link {color:#71A0A6;}
a:visited {color:#71A0A6;}
a:hover {color:#71A0A6;}
a:active {color:#71A0A6;}
.stage3 {
background: none repeat scroll 0 0 #f6f6f6;
height: 318px;
width: 450px;
padding: 10px;
}
.char1 {
width: 450px;
height: 280px;
background-image: url('//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1476208632_07.jpg');
opacity: 0;
-moz-transition: all 1s ease-in-out 0s;
-webkit-transition: all 1s ease-in-out 0s;
position:absolute }
.pointer1 {
width: 10px;
height: 10px;
-webkit-border-radius: 5em;
border-radius: 5em;
background-color: #71A0A6;
margin: 5px;
font-family: tahoma;
font-size: 9px;
color:#71A0A6;
line-height: 9px; }
.pointer1:hover ~ .char1 { opacity: 1; }
.char2 {
width: 450px;
height: 280px;
background-image: url('//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1476214148_78.jpg');
opacity: 0;
-moz-transition: all 1s ease-in-out 0s;
-webkit-transition: all 1s ease-in-out 0s;
position:absolute }
.pointer2 {
width: 10px;
height: 10px;
-webkit-border-radius: 5em;
border-radius: 5em;
background-color: #71A0A6;
margin: 5px;
font-family: tahoma;
font-size: 9px;
color: #71A0A6;
line-height: 9px }
.pointer2:hover ~ .char2 { opacity: 1; }
.char3 {
width: 450px;
height: 280px;
background-image: url('//kossem.gportal.hu/portal/kossem/image/gallery/1476117855_67.jpg');
opacity: 0;
-moz-transition: all 1s ease-in-out 0s;
-webkit-transition: all 1s ease-in-out 0s;
position:absolute }
.pointer3 {
width: 10px;
height: 10px;
-webkit-border-radius: 5em;
border-radius: 5em;
background-color: #71A0A6;
margin: 5px;
font-family: tahoma;
font-size: 9px;
color: #71A0A6;
line-height: 9px }
.pointer3:hover ~ .char3 { opacity: 1; }
.char4 {
width: 450px;
height: 280px;
background-image: url('//kossem.gportal.hu/portal/kossem/image/gallery/1476192183_54.jpg');
opacity: 0;
-moz-transition: all 1s ease-in-out 0s;
-webkit-transition: all 1s ease-in-out 0s;
position:absolute }
.pointer4 {
width: 10px;
height: 10px;
-webkit-border-radius: 5em;
border-radius: 5em;
background-color: #71A0A6;
margin: 5px;
font-family: tahoma;
font-size: 9px;
color: #71A0A6;
line-height: 9px }
.pointer4:hover ~ .char4 { opacity: 1; }
.char5 {
width: 450px;
height: 280px;
background-image: url('//henrietta.gportal.hu/portal/henrietta/image/gallery/1473592930_04.jpg');
opacity: 0;
-moz-transition: all 1s ease-in-out 0s;
-webkit-transition: all 1s ease-in-out 0s;
position:absolute }
.pointer5 {
width: 10px;
height: 10px;
-webkit-border-radius: 5em;
border-radius: 5em;
background-color: #71A0A6;
margin: 5px;
font-family: tahoma;
font-size: 9px;
color: #71A0A6;
line-height: 9px }
.pointer5:hover ~ .char5 { opacity: 1; }
.fayce {
width: 450px;
height: 280px;
background-image: url('//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1476387704_72.jpg');
opacity: 1;
-moz-transition: all 1s ease-in-out 0s;
-webkit-transition: all 1s ease-in-out 0s;
position:absolute }
.pointer1:hover ~ .fayce { opacity: 0; }
.pointer2:hover ~ .fayce { opacity: 0; }
.pointer3:hover ~ .fayce { opacity: 0; }
.pointer4:hover ~ .fayce { opacity: 0; }
.pointer5:hover ~ .fayce { opacity: 0; }
.space {
width: 125px;
height: 10px;
background-color:#71A0A6;
margin: 5px;
-webkit-border-radius: 5em;
border-radius: 5em;
}
</style><center>
<div class="stage3">
<div class="space" style= "float:right;"></div>
<div class="pointer5" style="float:right;"><a href="//jegvirag.gportal.hu/"></a></div>
<div class="pointer4" style="float:right;"><a href="//jegvirag.gportal.hu/"></a></div>
<div class="pointer3" style="float:right;"><a href="//jegvirag.gportal.hu/"></a></div>
<div class="pointer2" style="float:right;"><a href="//jegvirag.gportal.hu/"></a></div>
<div class="pointer1"><a href="//jegvirag.gportal.hu/"></a></div>
<div class="fayce"></div>
<div class="char1"></div>
<div class="char2"></div>
<div class="char3"></div>
<div class="char4"></div>
<div class="char5"></div></div>
</center>