/**
 * @version		1.7.3
 * @package		JoomlaXTC Easy Image Gallery for Joomla 3.x
 * @author		JoomlaXTC http://www.joomlaxtc.com
 * @copyright	Copyright (C) 2012-2016 Monev Software LLC. All rights reserved.
 * @license		http://www.joomlaxtc.com/license JoomlaXTC Proprietary Use License
 */
.unoslider {
  list-style: none;
  position: relative;
  width: 960px;
  height: 350px;
  margin: 0 auto !important;
  padding: 0 !important;
}

.unoslider img{
  max-width: 100%;
}

.unoslider li {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
}

/* Timebar */
.unoslider_timer {
  background-color: white;
  width: 0%;
  height: 3px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.5;
  -moz-box-shadow: 0px 2px 2px black;
  -webkit-box-shadow: 0px 2px 2px black;
  -o-box-shadow: 0px 2px 2px black;
  box-shadow: 0px 2px 2px black;
}

/* Progress bar preloader container */
.unoslider_preloader {
  background: rgba(255, 255, 255, 0.5);  
}

/* progress bar preloader */
.unoslider_preloader .unoslider_progress {
  width: 30%;
  height: 5px;
  margin: 0 auto;
  border-top: 1px solid #7c7c7c;
  border-bottom: 1px solid #f1f1f1;
  border-left: 1px solid #949494;
  border-right: 1px solid #949494;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9a9a9a), color-stop(100%, #b3b3b3));
  background: -webkit-linear-gradient(#9a9a9a, #b3b3b3);
  background: -moz-linear-gradient(#9a9a9a, #b3b3b3);
  background: -o-linear-gradient(#9a9a9a, #b3b3b3);
  background: -ms-linear-gradient(#9a9a9a, #b3b3b3);
  background: linear-gradient(#9a9a9a, #b3b3b3);
}

/* progress bar fill */
.unoslider_preloader .unoslider_progress span {
  display: block;
  height: 100%;
  background: #66cccc;
}

/* Spinner preloader */
.unoslider_spinner {
  background: url('images/spinner.gif') white center center no-repeat;
}

.unoslider_layers{
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.unoslider_title {
	display:block;
	font-weight:bold;
}

ul.botones {
  position: relative;
  z-index: 9999;
  margin: -77px 0 70px 0;
}

ul.boton {
  position: relative;
  z-index: 9999;
  margin: -30px 0 70px 0;
}

@media (max-width: 480px) and (min-width: 360px) {
  ul.botones {
    margin-bottom: 160px;
    margin-top: -130px;
  }

  ul.botones li {
    padding: 8px 12px;
  }

  ul.boton {
    margin-bottom: 0px;
    margin-top: -65px;
  }

  ul.boton li {
    padding: 8px 12px;
  }

  span.hero-link-icon {
    padding: 6px 10px 3px 8px;
  }
}

@media (max-width: 600px) and (min-width: 481px) {
  ul.botones {
    margin-bottom: 60px;
    margin-top: -60px;
  }

  ul.botones li {
    padding: 8px 12px;
  }

  ul.boton {
    margin-bottom: 60px;
    margin-top: -60px;
  }

  ul.boton li {
    padding: 8px 12px;
  }

  span.hero-link-icon {
    padding: 6px 10px 3px 8px;
  }

}

@media (min-width: 481px) {
  .enlaces-home .span12 {
    margin-top: 1em;
  }
}

@media (max-width: 1023px) and (min-width: 601px) {
  ul.boton {
    margin-bottom: 60px;
    margin-top: -60px;
  }
}

@media (min-width: 1024px) {
  ul.botones {
    margin-bottom: 40px;
    margin-top: -70px;
  }

  ul.boton {
    margin-bottom: 40px;
    margin-top: -70px;
  }
}

ul.botones li {
  float: left;
  background-color: #ffffff;
  margin: 5px;
  padding: 15px 20px;
  border-radius: 5px;
}

ul.boton li {
  float: left;
  background-color: #ffffff;
  margin: 5px;
  padding: 15px 20px;
  border-radius: 5px;
}

span.hero-link-icon {
  background-image: url(data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20152.7%20216.39999%22%20width%3D%22152.7%22%20height%3D%22216.4%22%3E%20%20%3Cpath%20d%3D%22M44.5%2012.7l95.5%2095.5-95.5%2095.5-31.8-31.8%2056.7-57.2%206.3-6.3-6.3-6.3-56.7-57.5%2031.8-31.9m0-12.7L0%2044.6l63%2063.7-63%2063.6%2044.5%2044.5%20108.2-108.2z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-position: right;
  background-color: #e0001b;
  border-radius: 2px;
  /* flex: 0 0 auto; */
  height: 50px;
  position: relative;
  width: 50px;
  padding: 12px 21px 10px 10px;
}
span.hero-link-text {
  flex: 1 1 auto;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.2;
  padding-right: 10px;
  color: #e0001b;
}