/*webportal*/
@keyframes webportal
{
    from {
    background:url('img/szolgmonitor.png') no-repeat center top;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
to {
    background:url('img/szolgmonitor_color.png') no-repeat center top;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
}

@-webkit-keyframes webportal /* Safari and Chrome */
{
    from {
    background:url('img/szolgmonitor.png') no-repeat center top;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
to {
    background:url('img/szolgmonitor_color.png') no-repeat center top;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
}

@keyframes webportal_back
{
    from {
    background:url('img/szolgmonitor_color.png') no-repeat center top;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
to {
    background:url('img/szolgmonitor.png') no-repeat center top;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
}

@-webkit-keyframes webportal_back /* Safari and Chrome */
{
    from {
    background:url('img/szolgmonitor_color.png') no-repeat center top;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
to {
    background:url('img/szolgmonitor.png') no-repeat center top;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
}

/*webshop*/
@keyframes webshop
{
    from {
    background:url('img/webshopikon.png') no-repeat center top;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
to {
    background:url('img/webshopikonkicsi2.png') no-repeat center top;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
}

@-webkit-keyframes webshop /* Safari and Chrome */
{
    from {
    background:url('img/webshopikon.png') no-repeat center top;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
to {
    background:url('img/webshopikonkicsi2.png') no-repeat center top;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
}

@keyframes webshop_back
{
    from {
    background:url('img/webshopikonkicsi2.png') no-repeat center top;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
to {
    background:url('img/webshopikon.png') no-repeat center top;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
}

@-webkit-keyframes webshop_back /* Safari and Chrome */
{
    from {
    background:url('img/webshopikonkicsi2.png') no-repeat center top;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
to {
    background:url('img/webshopikon.png') no-repeat center top;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
}

/*grafika*/
@keyframes grafika
{
    from {
    background:url('img/grafikaikon.png') no-repeat center top;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
to {
    background:url('img/grafikakicsiikon2.png') no-repeat center top;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
}

@-webkit-keyframes grafika /* Safari and Chrome */
{
    from {
    background:url('img/grafikaikon.png') no-repeat center top;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
to {
    background:url('img/grafikakicsiikon2.png') no-repeat center top;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
}

@keyframes grafika_back
{
    from {
    background:url('img/grafikakicsiikon2.png') no-repeat center top;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
to {
    background:url('img/grafikaikon.png') no-repeat center top;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
}

@-webkit-keyframes grafika_back /* Safari and Chrome */
{
    from {
    background:url('img/grafikakicsiikon2.png') no-repeat center top;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
to {
    background:url('img/grafikaikon.png') no-repeat center top;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
}

/*branding*/
@keyframes branding
{
    from {
    background:url('img/brandingikon.png') no-repeat center top;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
to {
    background:url('img/brandkicsiikon2.png') no-repeat center top;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
}

@-webkit-keyframes branding /* Safari and Chrome */
{
    from {
    background:url('img/brandingikon.png') no-repeat center top;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
to {
    background:url('img/brandkicsiikon2.png') no-repeat center top;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
}

@keyframes branding_back
{
    from {
    background:url('img/brandkicsiikon2.png') no-repeat center top;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
to {
    background:url('img/brandingikon.png') no-repeat center top;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
}

@-webkit-keyframes branding_back /* Safari and Chrome */
{
    from {
    background:url('img/brandkicsiikon2.png') no-repeat center top;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
to {
    background:url('img/brandingikon.png') no-repeat center top;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
}

/*hosting*/
@keyframes hosting
{
    from {
    background:url('img/hostingikon.png') no-repeat center top;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
to {
    background:url('img/hostingikonkicsi2.png') no-repeat center top;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
}

@-webkit-keyframes hosting /* Safari and Chrome */
{
    from {
    background:url('img/hostingikon.png') no-repeat center top;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
to {
    background:url('img/hostingikonkicsi2.png') no-repeat center top;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
}

@keyframes hosting_back
{
    from {
    background:url('img/hostingikonkicsi2.png') no-repeat center top;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
to {
    background:url('img/hostingikon.png') no-repeat center top;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
}

@-webkit-keyframes hosting_back /* Safari and Chrome */
{
    from {
    background:url('img/hostingikonkicsi2.png') no-repeat center top;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
to {
    background:url('img/hostingikon.png') no-repeat center top;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
}

/*hosting*/
@keyframes seo
{
    from {
    background:url('img/seoikon.png') no-repeat center top;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
to {
    background:url('img/seoikonkicsi2.png') no-repeat center top;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
}

@-webkit-keyframes seo /* Safari and Chrome */
{
    from {
    background:url('img/seoikon.png') no-repeat center top;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
to {
    background:url('img/seoikonkicsi2.png') no-repeat center top;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
}

@keyframes seo_back
{
    from {
    background:url('img/seoikonkicsi2.png') no-repeat center top;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
to {
    background:url('img/seoikon.png') no-repeat center top;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
}

@-webkit-keyframes seo_back /* Safari and Chrome */
{
    from {
    background:url('img/seoikonkicsi2.png') no-repeat center top;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
to {
    background:url('img/seoikon.png') no-repeat center top;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
}