/*contenedorrrrrrrrrrrrrrrrrrrrrrrrrrrr*/
.mySlides{ width: 100% }




/*botonessssssssssssssssssssssssssssss*/
.botones-mySlides{ width: 100%;background: #cc5;
                   margin: 20px 0px 0px 0px}

.btn-mySlides{ text-decoration: none;
               height: 40px;
               width: 40px;
               float: left;
               transition: background-color 0.6s ease;
               text-align: center;
               margin-right:5px;
               background: #ff0000;}

.btn-mySlides span{ font-family: sans-serif;
                    line-height: 40px;
                    color: #fff;}


.btn-mySlides:hover { background-color:#111}




.dot{ text-decoration: none;
      height: 40px;
      width: 40px;
      position: relative;
      float: left;
      border: 2px solid#111;
      transition: background-color 0.6s ease;
      text-align: center;
      margin-right:5px;
      background: transparent;
      z-index: 1 }

.dot span{ font-family: sans-serif;
           line-height: 40px;
           color: #111;
           position: relative;
           z-index: -1}

.dot:hover{ border: 2px solid#ff0000; }

.dot:hover span{ color: #ff0000; }

.active{background-color:#999}