<style type="text/css">

.csere { /* cseredoboz */

margin: 0 auto;

text-align: center;

}

 

.csere a img { /* cserek�pek */

filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");

filter: grayscale(0%)!important; /* m�rt�k megadhat� */

-moz-filter: grayscale(0%)!important; /* m�rt�k megadhat� */

-ms-filter: grayscale(0%)!important; /* m�rt�k megadhat� */

-o-filter: grayscale(0%)!important; /* m�rt�k megadhat� */

filter: none!important;

-webkit-filter: grayscale(0%)!important; /* m�rt�k megadhat� */

padding: 3px;

background-color: #ffffff !important;

border: 1px solid #eeeeee !important;

transition: all 0.4s ease-in-out;

-webkit-transition: all 0.4s ease-in-out;

-moz-transition: all 0.4s ease-in-out;

-o-transition: all 0.4s ease-in-out;  

}

.csere a img:hover { /* cserek�pek ha r�vissz�k az egeret */

filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");

filter: grayscale(100%)!important; /* m�rt�k megadhat� */

-moz-filter: grayscale(100%)!important; /* m�rt�k megadhat� */

-ms-filter: grayscale(100%)!important; /* m�rt�k megadhat� */

-o-filter: grayscale(100%)!important; /* m�rt�k megadhat� */

filter: gray!important;

-webkit-filter: grayscale(100%)!important; /* m�rt�k megadhat� */

padding: 3px;

background-color: #ffffff !important;

border: 1px solid #cdcdcd !important;

}

 

a.cserek {

position: relative;

display: inline;

}

 

a.cserek span { /* a l�thatatlan bubor�k tartalma */

position: absolute;

width: 120px;

color: #ffffff;

background: rgba(0,0,0,0.8);

border: 1px solid #000000;

height: 30px;

line-height: 30px;

text-align: center;

visibility: hidden;

bottom: 10px;

margin-left: -76px;

left: 50%;

opacity: .3;

filter: alpha(opacity=10);

transition: all 0.4s ease-in-out;

-webkit-transition: all 0.4s ease-in-out;

-moz-transition: all 0.4s ease-in-out;

-o-transition: all 0.4s ease-in-out;  

}

 

a:hover.cserek span {

visibility: visible;

opacity: 1;

bottom: 78px; /* bubor�k f�gg�leges helyzete */

left: 50%;

margin-left: -76px;

z-index: 999;

}

</style>

 

 

<div class="csere">

<a class="cserek" href="www.jegvirag.gportal.hu"><img alt="" src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1471530425_47.jpg" style="width: 70px; height: 70px; margin-left: 0px; margin-right: 2px;" /> <span>J�gVir�g Design</span></a>

<a class="cserek" href="www.jegvirag.gportal.hu"><img alt="" src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1471530425_47.jpg" style="width: 70px; height: 70px; margin-left: 2px; margin-right: 2px;" /> <span>J�gVir�g Design</span></a>

<a class="cserek" href="www.jegvirag.gportal.hu"><img alt="" src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1471530425_47.jpg" style="width: 70px; height: 70px; margin-left: 2px; margin-right: 2px;" /> <span>J�gVir�g Design</span></a>

<a class="cserek" href="www.jegvirag.gportal.hu"><img alt="" src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1471530425_47.jpg" style="width: 70px; height: 70px; margin-left: 2px; margin-right: 0px;" /><span>J�gVir�g Design</span></a><br />

<a class="cserek" href="www.jegvirag.gportal.hu"><img alt="" src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1471530425_47.jpg" style="width: 70px; height: 70px; margin: 4px 2px 4px 0px;" /> <span>J�gVir�g Design</span></a>

<a class="cserek" href="www.jegvirag.gportal.hu"><img alt="" src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1471530425_47.jpg" style="width: 70px; height: 70px; margin: 4px 2px;" /> <span>J�gVir�g Design</span></a>

<a class="cserek" href="www.jegvirag.gportal.hu"><img alt="" src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1471530425_47.jpg" style="width: 70px; height: 70px; margin: 4px 2px;" /> <span>J�gVir�g Design</span></a>

<a class="cserek" href="www.jegvirag.gportal.hu"><img alt="" src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1471530425_47.jpg" style="width: 70px; height: 70px; margin: 4px 0px 4px 2px;" /> <span>J�gVir�g Design</span></a></div>