@keyframes rotar1 {
    0% {left: 0px; z-index: 0}
    17% {left: 100px; z-index: 0}
    33% {left: 200px; z-index: 0}
    50% {left: 300px; z-index: 0}
    67% {left: 400px; z-index: 0}
    83% {left: 500px; z-index: 0}
    100% {left: 0px; z-index: 70}
}
@keyframes rotar2 {
    0% {left: 100px; z-index: 0}
    17% {left: 200px; z-index: 0}
    33% {left: 300px; z-index: 0}
    50% {left: 400px; z-index: 0}
    67% {left: 500px; z-index: 70}
    83% {left: 0px; z-index: 0}
    100% {left: 100px; z-index: 0}
}
@keyframes rotar3 {
    0% {left: 200px; z-index: 0}
    17% {left: 300px; z-index: 0}
    33% {left: 400px; z-index: 0}
    50% {left: 500px; z-index: 70}
    67% {left: 0px; z-index: 0}
    83% {left: 100px; z-index: 0}
    100% {left: 200px; z-index: 0}
}
@keyframes rotar4 {
    0% {left: 300px; z-index: 0}
    17% {left: 400px; z-index: 0}
    33% {left: 500px; z-index: 70}
    50% {left: 0px; z-index: 0}
    67% {left: 100px; z-index: 0}
    83% {left: 200px; z-index: 0}
    100% {left: 300px; z-index: 0}
}
@keyframes rotar5 {
    0% {left: 400px; z-index: 0}
    17% {left: 500px; z-index: 70}
    33% {left: 0px; z-index: 0}
    50% {left: 100px; z-index: 0}
    67% {left: 200px; z-index: 0}
    83% {left: 300px; z-index: 0}
    100% {left: 400px; z-index: 0}
}
@keyframes rotar6 {
    0% {left: 500px; z-index: 70}
    17% {left: 0px; z-index: 0}
    33% {left: 100px; z-index: 0}
    50% {left: 200px; z-index: 0}
    67% {left: 300px; z-index: 0}
    83% {left: 400px; z-index: 0}
    100% {left: 500px; z-index: 0}
}
.rotacion1 {
    -webkit-animation: rotar1 60s infinite ; /* Chrome, Safari, Opera */
    -moz-animation: rotar1 60s infinite;
    -ms-animation: rotar1 60s infinite ;
    animation: rotar1 60s infinite ;
}
.rotacion2 {
    -webkit-animation: rotar2 60s infinite; /* Chrome, Safari, Opera */
    -moz-animation: rotar2 60s infinite;
    -ms-animation: rotar2 60s infinite;
    animation: rotar2 60s infinite;
}
.rotacion3 {
    -webkit-animation: rotar3 60s infinite; /* Chrome, Safari, Opera */
    -moz-animation: rotar3 60s infinite;
    -ms-animation: rotar3 60s infinite;
    animation: rotar3 60s infinite;
}
.rotacion4 {
    -webkit-animation: rotar4 60s infinite; /* Chrome, Safari, Opera */
    -moz-animation: rotar4 60s infinite;
    -ms-animation: rotar4 60s infinite;
    animation: rotar4 60s infinite;
}
.rotacion5 {
    -webkit-animation: rotar5 60s infinite; /* Chrome, Safari, Opera */
    -moz-animation: rotar5 60s infinite;
    -ms-animation: rotar5 60s infinite;
    animation: rotar5 60s infinite;
}
.rotacion6 {
    -webkit-animation: rotar6 60s infinite; /* Chrome, Safari, Opera */
    -moz-animation: rotar6 60s infinite;
    -ms-animation: rotar6 60s infinite;
    animation: rotar6 60s infinite;
}
@keyframes example {
    from {background-color: #D1E6EF;}
    to {background-color: white;}
}
.menu {
    border-radius: 12px;
    background: white;
    padding: 5px;
    border-color: #9ac8dc;
    border-style: solid;
    border-width: 1px;
    animation: example;
    animation-duration: 4s;
}
.contenido {
    border-radius: 12px;
    background: white;
    padding: 5px;
    border-color: #9ac8dc;
    border-style: solid;
    border-width: 1px;
    animation: example;
    animation-duration: 4s;
}
.contenido > p {
    margin-left: 10px;
    margin-right: 10px;
}
.contenido > table {
    margin: 10px;
}
.contenido > ul {
    padding-left: 10px;
    margin-left: 15px;
    margin-right: 10px;
}

.contenido > ol {
    padding-left: 10px;
    margin-left: 15px;
    margin-right: 10px;
}
.menu2{
    /*text-shadow: 1px 1px #cdcdcd;*/
    border-radius: 5px;
    background: #0171AF;
    padding: 5px;
    color: white;
    font-weight: bold;
    width: 145px;
    text-align: center;
    font-size: 11px;
}
.menu3 {
    text-align: center;
    /*text-shadow: 1px 1px #cdcdcd;*/
    border-radius: 5px;
    border-color: #D1E6EF;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    margin-top: 5px;
    color: #0171AF;
    font-size: 11px;
}
.menu4 {
    text-align: center;
    /*text-shadow: 1px 1px #cdcdcd;*/
    font-weight: bold;
    border-radius: 5px;
    border-color: #FAA460;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    color: #000;
    margin-top: 5px;
    font-size: 11px;
    background: -webkit-linear-gradient(#ffffdc, #FAA460); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffdc, #FAA460); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffdc, #FAA460); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffdc, #FAA460); /* Standard syntax */
    /*#f7c05b, #ffffdc*/
}
.menu5 {
    text-align: center;
    /*text-shadow: 1px 1px #cdcdcd;*/
    font-weight: bold;
    border-radius: 5px;
    border-color: #fde9d9;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    color: #000;
    margin-top: 5px;
    font-size: 11px;
    background: -webkit-linear-gradient(#ffffdc, #fde9d9); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffdc, #fde9d9); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffdc, #fde9d9); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffdc, #fde9d9); /* Standard syntax */
    /*#f7c05b, #ffffdc*/
}
.listas {
    color: #f00;
    padding: 10px;
    width: 145px;
}