h1{font-family:"Comic sans MS","Microsoft sans serif"}
    h2{font-family:"Comic sans MS","Microsoft sans serif"; color:#9999FF; font-style:normal; font-weight:bold}
    h3{font-family:"Comic sans MS","Microsoft sans serif"; color:#9999FF; font-style:italic; font-weight:bold}
     .lino2{color:darkblue; font-family:"Comic sans MS","Microsoft sans serif","courier new"; font-style:normal; font-weight:bold;  text-decoration:none}
     .lino3{font-family:"Comic sans MS","Microsoft sans serif"; color:darkblue; font-style:normal; font-size:19px; font-weight:bold}
     .ari{color:darkblue; font-family:"calibri","Microsoft sans serif","times new roman"; font-style:italic; font-weight:bold;  text-decoration:none}
     
     .yeme{background-image: url(button1.jpg); text-align:center}
     .orme{background-image: url(button2.jpg); text-align:center}
     .prme{background-image: url(button3.jpg); text-align:center} 
 ol{font-family:"calibri","courier new","arial"; font-style:normal; text-align:left}
 ul{font-family:"calibri","courier new","arial"; font-style:normal; font-size:19px; text-align:left}
 td{font-family:"calibri","courier new","arial"; font-style:normal; font-size:19px; text-align:left; vertical-align:top}

@keyframes fadeIm-1
{
    from    { opacity: 1; }
    16%     { opacity: 1; }
    25%     { opacity: 0; }
    91%     { opacity: 0; }
    to      { opacity: 1; }
}
 
@-webkit-keyframes fadeIm-1
{
    from    { opacity: 1; }
    16%     { opacity: 1; }
    25%     { opacity: 0; }
    91%     { opacity: 0; }
    to      { opacity: 1; }
}

@keyframes fadeIm-2
{
    from    { opacity: 0; }
    16%     { opacity: 0; }
    25%     { opacity: 1; }
    41%     { opacity: 1; }
    50%     { opacity: 0; }
    to      { opacity: 0; }
}

@-webkit-keyframes fadeIm-2
{
    from    { opacity: 0; }
    16%     { opacity: 0; }
    25%     { opacity: 1; }
    41%     { opacity: 1; }
    50%     { opacity: 0; }
    to      { opacity: 0; }
}
 
@keyframes fadeIm-3
{
    from    { opacity: 0; }
    41%     { opacity: 0; }
    50%     { opacity: 1; }
    66%     { opacity: 1; }
    75%     { opacity: 0; }
    to      { opacity: 0; }
}
 
@-webkit-keyframes fadeIm-3
{
    from    { opacity: 0; }
    41%     { opacity: 0; }
    50%     { opacity: 1; }
    66%     { opacity: 1; }
    75%     { opacity: 0; }
    to      { opacity: 0; }
}

@keyframes fadeIm-4
{
    from    { opacity: 0; }
    66%     { opacity: 0; }
    75%     { opacity: 1; }
    91%     { opacity: 1; }
    to      { opacity: 0; }
}
 
@-webkit-keyframes fadeIm-4
{
    from    { opacity: 0; }
    66%     { opacity: 0; }
    75%     { opacity: 1; }
    91%     { opacity: 1; }
    to      { opacity: 0; }
}

.dv-style
{
   position: relative; 
    text-align: left; 
   
}
 
.img-style
{
    width: 450px;
    position: absolute; 
    margin-top: 8px;
         
    animation-duration: 24s;
    animation-iteration-count: infinite;
}
 
.img-style.next
{
   
    
    opacity: 0;
}
 
.img-style.im-1
{ 
    animation-name: fadeIm-1;
    -webkit-animation-name: fadeIm-1;
}
 
.img-style.next.im-2
{ 
    animation-name: fadeIm-2;
    -webkit-animation-name: fadeIm-2;
}
 
.img-style.next.im-3
{
    animation-name: fadeIm-3;
    -webkit-animation-name: fadeIm-3;
}
 
.img-style.next.im-4
{
    animation-name: fadeIm-4;
    -webkit-animation-name: fadeIm-4;
}