.rot-container {
width: 998px;         /* 65%; */
height: 348px;
position: relative;
text-align: left;     /* text-align: center; */
display: inline-block;
padding:0px;
margin:0 auto;
line-height:100px;
vertical-align:top;
background-color:#FFFFFF;  /*  background-color:#03F; */
}

.rot-image  {
width: 700px;         
height: 306px;
float: left;
margin: 20px 0px 0px 20px;
/*border: 1px solid silver; */
}

.rot-infotext {
width: 235px;         
height: 306px;
display: table;
float: left;
margin: 20px 0px 0px 22px;
/*border: 1px solid blue; */
}

.rot-infotext-box1, .rot-infotext-box2, .rot-infotext-box3 { width: 235px; height: 144px; border: 1px solid #EDEDED; color: #4C4C4C;  float: left; }
.rot-infotext-box1 {padding: 5px 0px 0px 0px;}
.rot-infotext-box2 {margin:5px 0px 0px 0px;}
.rot-infotext-box1:hover, .rot-infotext-box2:hover, .rot-infotext-box3:hover { border: 1px solid #EDEDED; color: #4C4C4C; background: #DEDEDE; }
a.rot-box {text-decoration: none; }

.rot-infotext-box1-image, .rot-infotext-box2-image, .rot-infotext-box3-image {width: 80px; height: 60px; margin: 5px 0px 0px 5px;  float: left; box-shadow: 1px 1px 4px 5px rgba(0, 0, 0, .2);}
.rot-infotext-box2-image, .rot-infotext-box3-image {margin: 10px 0px 0px 5px; }

.rot-infotext-box1-text, .rot-infotext-box2-text, .rot-infotext-box3-text  {width: 134px; height: 95px; /*border: 1px solid silver;*/ float: left; margin: 0px 0px 0px 14px; text-align: justify;}
.rot-infotext-box2-text, .rot-infotext-box3-text  {margin: 4px 0px 0px 14px; }
.rot-infotext-text { width:130px; height: 93px; font-size: 12px; color: #7F7F7F; line-height: 120%; float:left; vertical-align:top; }
.rot-infotext-text b { color: #336699; font-size: 12px; text-align: left; float: left; }

div[class*='rot-content-'] {
position: absolute;
width: 100%;    /* 100% */

}

div[class*='rot-infotext-text'] {
position: absolute;
width: 130px;

}

.rot-content-1 {
-webkit-animation: rotthis-1 15s;            /* 15s */
-webkit-animation-iteration-count: infinite;
animation: rotthis-1 15s;            /* 15s */
animation-iteration-count: infinite;
z-index: 5;
}
.rot-content-2 {
-webkit-animation: rotthis-2 15s;            /* 15s */
animation: rotthis-2 15s;            /* 15s */
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
opacity:0;
z-index: 0;
}
/*
.rot-content-3 {
-webkit-animation: rotthis-3 30s;            
animation: rotthis-3 30s;            
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity:0;
z-index: 0;
}
*/

/*
.rot-container h2 {
font-family: cursive;
font-size: 35px;
line-height: 40px;
color: #65a9d7;
padding: 0;
margin: 0;
text-align: center;
border: none;
text-shadow: 2px 0px 0px #FFF, -2px 0px 0px #FFF, 0px 2px 0px #FFF, 0px -2px 0px #FFF, 2px 2px 0 #FFF, -2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px -2px 0 #FFF;
letter-spacing: 2px;
}
.rot-container p {
font-family: 'Oswald', sans-serif;
font-size: 25px;
color: #000;
text-transform: lowercase;
font-weight: normal;
padding-left: 30px;
margin: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;

}
*/

/* záloha pro 3 div */
/*
@-webkit-keyframes rotthis-1
{
0% {opacity: 1; z-index: 5;}
14% {opacity: 1; z-index: 5;}
18.5% {opacity: 0; z-index: 0;}
80.5% {opacity: 0;}
84.5% {opacity: 1; z-index: 5;}
100% {opacity: 1; z-index: 5;}
}
@-webkit-keyframes rotthis-2
{
0% {opacity: 0; }
15% {opacity: 0;}
19% {opacity: 1;z-index: 5;}
33% {opacity: 1;z-index: 5;}
47.5% {opacity: 1;z-index: 5;}
51.5% {opacity: 0;z-index: 0;}
100% {opacity: 0;}
}
@-webkit-keyframes rotthis-3
{
0% {opacity: 0; }
48.5% {opacity: 0;}
52.5% {opacity: 1;z-index: 5;}
66% {opacity: 1;z-index: 5;}
79.5% {opacity: 1;z-index: 5;}
83.5% {opacity: 0;z-index: 5;}
100% {opacity: 0;z-index: 0;}
}
@keyframes rotthis-1
{
0% {opacity: 1; z-index: 5;}
14% {opacity: 1; z-index: 5;}
18.5% {opacity: 0; z-index: 0;}
80.5% {opacity: 0;}
84.5% {opacity: 1; z-index: 5;}
100% {opacity: 1; z-index: 5;}
}
@keyframes rotthis-2
{
0% {opacity: 0; }
15% {opacity: 0;}
19% {opacity: 1;z-index: 5;}
33% {opacity: 1;z-index: 5;}
47.5% {opacity: 1;z-index: 5;}
51.5% {opacity: 0;z-index: 0;}
100% {opacity: 0;}
}
@keyframes rotthis-3
{
0% {opacity: 0; }
48.5% {opacity: 0;}
52.5% {opacity: 1;z-index: 5;}
66% {opacity: 1;z-index: 5;}
79.5% {opacity: 1;z-index: 5;}
83.5% {opacity: 0;z-index: 5;}
100% {opacity: 0;z-index: 0;}
}
*/

/* test 2 div */

@-webkit-keyframes rotthis-1
{
0% {opacity: 1; z-index: 5;}
14% {opacity: 1; z-index: 5;}
19% {opacity: 1; z-index: 5;}
33% {opacity: 1; z-index: 5;}
38.5% {opacity: 0;z-index: 0;}
84.5% {opacity: 0;} 
90% {opacity: 1; z-index: 5;}
100% {opacity: 1; z-index: 5;}
}
@-webkit-keyframes rotthis-2
{
0% {opacity: 0; }
34.5% {opacity: 0;}
39% {opacity: 1;z-index: 5;}
45% {opacity: 1;z-index: 5;}
60% {opacity: 1;z-index: 5;}
70% {opacity: 1;z-index: 5;}
80% {opacity: 1;z-index: 5;}
83.5% {opacity: 1;z-index: 5;}
88.5% {opacity: 0;z-index: 0;}
100% {opacity: 0; z-index: 0;}
}

@keyframes rotthis-1
{
0% {opacity: 1; z-index: 5;}
14% {opacity: 1; z-index: 5;}
19% {opacity: 1; z-index: 5;}
33% {opacity: 1; z-index: 5;}
38.5% {opacity: 0;z-index: 0;}
84.5% {opacity: 0;}
90% {opacity: 1; z-index: 5;}
100% {opacity: 1; z-index: 5;}
}
@keyframes rotthis-2
{
0% {opacity: 0; }
34.5% {opacity: 0;}
39% {opacity: 1;z-index: 5;}
45% {opacity: 1;z-index: 5;}
60% {opacity: 1;z-index: 5;}
70% {opacity: 1;z-index: 5;}
80% {opacity: 1;z-index: 5;}
83.5% {opacity: 1;z-index: 5;}
88.5% {opacity: 0;z-index: 0;}
100% {opacity: 0; z-index: 0;}
}