﻿@charset "utf-8";
/* CSS Document */

#slider {
    height: 300px;
    overflow: hidden;
    width: 520px;
    margin: 0 auto;
}
#slider div {
    position: relative;
    height: 300px;
}
#slider img {display: block;}
#slider h1 {
    color: black;
    font-size: 170%;
    left: 1px;
    position: relative;
    text-shadow: 0 0 3px #000000, 0 0 3px #000000; /* Only CSS3, no prefix */
    top: -175px;
    background-color: rgba(171, 205, 239, 0.8);
    //background-color:white;
}
#slider p {
    background-color: rgba(171, 205, 239, 0.8);
    color: #090909;
    line-height: 140%;
    padding: 10px 20px;
    position: relative;
    top: -250px;
}





#slider div {
    animation: mymove 20s linear infinite;
    /* ��� ��� �� �������� ��� FF (��. ����) ������,
    �� ������ ��������� �������� ��� ������� ����� */
    -moz-animation: mymove 20s linear 3s infinite; /* Firefox */
    -webkit-animation: mymove 20s linear infinite; /* Safari and Chrome */
}

/* ����� ������� ���������� �������� */
@keyframes mymove {
    0% {top: 0px;}

    22% {top: 0px;}
    25% {top: -300px;}

    47% {top: -300px;}
    50% {top: -600px;}

    72% {top: -600px;}
    75% {top: -900px;}

    97% {top: -900px;}
    99.9999% {top: -1200px;}

    100% {top: 0px;}
}
/* Firefox */
@-moz-keyframes mymove {
    /* ��� ��� Firefox ����� �������� ������ �� ��������� �����,
    �� ��� ���� ���������� ������� �������
    �������� ��������� ����������/������� ����-�����.
    �� ���������, ��������� ����� ������� ��� ��,
    ��� � ��� ������ ���������. */

    0% {top: 0px;}

    12% {top: 0px;}
    15% {top: -300px;}

    37% {top: -300px;}
    40% {top: -600px;}

    62% {top: -600px;}
    65% {top: -900px;}

    87% {top: -900px;}
    89.9999% {top: -1200px;}

    90% {top: 0px;}
    100% {top: 0px;}
}

/*Safari and Chrome*/
@-webkit-keyframes mymove {
    0% {top: 0px;}

    22% {top: 0px;}
    25% {top: -300px;}

    47% {top: -300px;}
    50% {top: -600px;}

    72% {top: -600px;}
    75% {top: -900px;}

    97% {top: -900px;}
    99.9999% {top: -1200px;}

    100% {top: 0px;}
}