/*!
 * Estilos para el plugin slidejs adaptado a la web del suicidio
 *
 * Desarrollado a partir del ejemplo "standard" de http://slidesjs.com/examples/
 *
 */

#slides {
  display: none
}

.slidesjs-slide > img {
    width: 100%;
}

#slides .slidesjs-navigation {
  margin-top:3px;
}

#slides .slidesjs-previous {
  margin-right: 5px;
  float: left;
}

#slides .slidesjs-next {
  margin-right: 5px;
  float: left;
}

.slidesjs-pagination {
  margin: 6px 0 0;
  float: right;
  list-style: none;
}

.slidesjs-pagination li {
  float: left;
  margin: 0 1px;
}

.slidesjs-pagination li a {
  display: block;
  width: 13px;
  height: 0;
  padding-top: 13px;
  background-image: url('../../../js/slidesjs/img/pagination.png');
  background-position: 0 0;
  float: left;
  overflow: hidden;
}

.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
  background-position: 0 -13px
}

.slidesjs-pagination li a:hover {
  background-position: 0 -26px
}

#slides a:link,
#slides a:visited {
  color: #333
}

#slides a:hover,
#slides a:active {
  color: #9e2020
}

.navbar {
  overflow: hidden
}

a.slidesjs-slide {
    text-align: center;
}

#slides span {
    position:absolute;
    z-index:15;
    color:#FFFFFF;
    background-color:rgba(34, 146, 241, 0.2);
    display:block;
    /*left:10%;*/
    margin:0 8%;
    line-height: 1.5em;
    top:55px;
    font-size: 2em;
    padding: 0.5em;
    display: block;
    width:80%;
}