/* Site settings */
body {background-color:#ffffff;font-family:Arial,sans-serif;font-size:13px;font-weight:normal;font-style:normal;text-decoration:none;color:#000000;letter-spacing:0em;}
body { background-image:url('http://lovedigital.ro/beresdent/stomatologie-drumul-taberei.png');
 background-repeat:repeat-x; }
a {text-decoration:none;}
a:link {color:#FFFFFF; cursor:pointer;}
a:visited {color:#FFFFFF;}
a:hover {color:#B1EBFF;}
a * {color:#FFFFFF;text-decoration:none;}
sup {font-size:0.7em; vertical-align: 0.3em;}
sub {font-size:0.7em;}
.xr_tl {position: absolute; white-space: pre; unicode-bidi:bidi-override;}
.xr_tr {position: absolute; white-space: pre; unicode-bidi:bidi-override; text-align:right;}
.xr_tc {position: absolute; white-space: pre; unicode-bidi:bidi-override; text-align:center;}
.xr_tj {position: absolute; unicode-bidi:bidi-override; text-align:justify;}
.xr_ap {position: absolute; border:none;}
.xr_ar {position: absolute; display:block;}
.xr_ae {position: relative; border:none;}
.xr_tb {position: absolute; unicode-bidi:bidi-override;}
.xr_tu {unicode-bidi:bidi-override;margin-top:0px;margin-bottom:0px;}
body {
  font-family: 'Open Sans';
}

h1 {
  font-size: 15 px;
  text-align: center;
}

.content-slider {
  width: 100%;
  height: 100px;
}

.slider {
  height: 100px;
  width: 680px;
  margin: 20px auto 0;
  overflow: visible;
  position: relative;
}

.mask {
  overflow: hidden;
  height: 100px;
}

.slider ul {
  margin: 0;
  padding: 0;
  position: relative;
}

.slider li {
  width: 680px;
  height: 100px;
  position: absolute;
  top: -100px;
  list-style: none;
}

.slider .quote {
  font-size: 15px;
  text-align: center;
  font-style: italic;
}

.slider .source {
  font-size: 15px;
  text-align: center;
font-style: italic;
}

.slider li.anim1 {
  animation: cycle 30s linear infinite;
}

.slider li.anim2 {
  animation: cycle2 30s linear infinite;
}

.slider li.anim3 {
  animation: cycle3 30s linear infinite;
}

.slider li.anim4 {
  animation: cycle4 30s linear infinite;
}

.slider li.anim5 {
  animation: cycle5 30s linear infinite;
}

.slider:hover li {
  animation-play-state: paused;
}

@keyframes cycle {
  0% {
    top: 0px;
  }
  4% {
    top: 0px;
  }
  16% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  20% {
    top: 100px;
    opacity: 0;
    z-index: 0;
  }
  21% {
    top: -100px;
    opacity: 0;
    z-index: -1;
  }
  50% {
    top: -100px;
    opacity: 0;
    z-index: -1;
  }
  92% {
    top: -100px;
    opacity: 0;
    z-index: 0;
  }
  96% {
    top: -100px;
    opacity: 0;
  }
  100% {
    top: 0px;
    opacity: 1;
  }
}

@keyframes cycle2 {
  0% {
    top: -100px;
    opacity: 0;
  }
  16% {
    top: -100px;
    opacity: 0;
  }
  20% {
    top: 0px;
    opacity: 1;
  }
  24% {
    top: 0px;
    opacity: 1;
  }
  36% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  40% {
    top: 100px;
    opacity: 0;
    z-index: 0;
  }
  41% {
    top: -100px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -100px;
    opacity: 0;
    z-index: -1;
  }
}

@keyframes cycle3 {
  0% {
    top: -100px;
    opacity: 0;
  }
  36% {
    top: -100px;
    opacity: 0;
  }
  40% {
    top: 0px;
    opacity: 1;
  }
  44% {
    top: 0px;
    opacity: 1;
  }
  56% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  60% {
    top: 100px;
    opacity: 0;
    z-index: 0;
  }
  61% {
    top: -100px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -100px;
    opacity: 0;
    z-index: -1;
  }
}

@keyframes cycle4 {
  0% {
    top: -100px;
    opacity: 0;
  }
  56% {
    top: -100px;
    opacity: 0;
  }
  60% {
    top: 0px;
    opacity: 1;
  }
  64% {
    top: 0px;
    opacity: 1;
  }
  76% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  80% {
    top: 100px;
    opacity: 0;
    z-index: 0;
  }
  81% {
    top: -100px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -100px;
    opacity: 0;
    z-index: -1;
  }
}

@keyframes cycle5 {
  0% {
    top: -100px;
    opacity: 0;
  }
  76% {
    top: -100px;
    opacity: 0;
  }
  80% {
    top: 0px;
    opacity: 1;
  }
  84% {
    top: 0px;
    opacity: 1;
  }
  96% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  100% {
    top: 100px;
    opacity: 0;
    z-index: 0;
  }
}