@font-face{
   font-family:'Soberana-titular-Regular';
   font-weight:normal;
   src: url('./fonts/SoberanaTitular-Regular.eot'), 
   url('./fonts/SoberanaTitular-Regular.woff') format('woff'), 
   url('./fonts/SoberanaTitular-Regular.ttf') format('truetype'), 
   url('./fonts/SoberanaTitular-Regular.svg#SoberanaTitular-Regular') format('svg');

}
@font-face{
   font-family:'soberana-sans';
   font-weight:normal;
   src:url('./fonts/SoberanaSans-Regular.otf') format('opentype');
   src: url('./fonts/SoberanaSans-Regular.eot'), 
   url('./fonts/SoberanaSans-Regular.woff') format('woff'), 
   url('./fonts/SoberanaSans-Regular.ttf') format('truetype'), 
   url('./fonts/SoberanaSans-Regular.svg#SoberanaSans-Regular') format('svg');
}
/*  -----Contenido Página-----    */
*
{
  padding: 0;
  margin: 0;
}
body
{

}
#icono{
  color: black;
}
#contenedor-modal{
    width: 33%;
    background-color: white;
    background: -webkit-linear-gradient(#fff, #999);
    margin-left: 33%;
    margin-right: 33%;
    padding: 25px;
    border-radius: 10px;
        position: fixed;
        margin-top: 16%;
}
#contenedor
{
  width: 95%;
  margin: 0 auto;
}
/*    -----Slider-----      */
.slider
{
  width: 90%;
  margin: 0 auto;
  position: relative;
}
.flex-caption {
  width: 100%;
  padding: 3%;
  left: 0;
  bottom: 0;
  background: rgba(0,0,0,.5);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,.3);
  font-size: 40px;
  font-family: 'SoberanaTitular-Regular';
  text-shadow: 2px 2px 8px #000;
  text-transform: uppercase;
  text-align: center;
  line-height: 18px;
  position: absolute;
  border-top:5px solid #740302;

}
.flex-caption:before {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #740302;
  content:"";
  position: absolute;
  right: 10px;
  top: 0;
}

/* RESPONSIVE SLIDES 
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.caption {
  width: auto;
  display: block;
  position: absolute;
  z-index: 2;
  text-shadow: none;
  color: white;
  font-family:'Soberana Titular';
  background: #000;
  background-color:rgba(0,0,0,0.7);
  border-top: 5px #5b0a0e solid;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1em;
  margin: 0;
  text-transform: uppercase;
  font-size: 30px;
  text-shadow: 2px 2px #646464;
  }
.caption:before
{
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #5b0a0e;
  content:"";
  position: absolute;
  right: 30px;
  top: 0;
}
.rslides_tabs 
{
  list-style: none;
  padding: 0;
  background-color: #5b0a0e;
  font-size: 18px;
  list-style: none;
  margin: 0 auto 20px;
  padding: 10px 0;
  text-align: center;
  width: 100%;
  border:1px #5b0a0e solid;
  }

.rslides_tabs li {
  display: inline;
  float: none;
  margin-right: 1px;
  }

.rslides_tabs a {
  width: auto;
  line-height: 20px;
  padding: 9px 20px;
  height: auto;
  color: white;
  background: transparent;
  display: inline;
  }

.rslides_tabs li:first-child {
  margin-left: 0;
  }

.rslides_tabs .rslides_here a {
  background-color: rgba(108,18,16,.9);
  color: white;
  }

a {
  color: white;
  text-decoration: none;
  }
.rslides_nav
{
  position: absolute;
  top: 55%;
  left: 5%;
  z-index: 99;
  text-shadow: 2px 2px 10px 2px #ccc;
  font-size: 90px;
  color: #d19800;

}
.rslides_nav.next
{
  left: 90%;
  background-position: right 5%;
  right: 3%;

}
#icons_nav
{
  text-shadow: -2px 0 #5A0B0E,0 2px #5A0B0E,2px 0 #5A0B0E,0 -2px #5A0B0E;
}
*/
/*      ----- Calendario, Avisos y Tecnoticias ------           */

#dos
{
  width: 100%;
  margin: 0 auto;
  margin-top: 1em;
  text-align: center;
  margin-bottom: 0.8em;
}
.calendario
{
  width: 30%;
  display: inline-block;
  vertical-align: top;
  padding: 0.5em;
  height: 550px;
  margin-top: 0.5em;
  box-shadow: 1px 1px 1px 2px #ccc;
}
#calendario1
{
  margin-left: 2em;
}
#calendario1 .div_individuales
{
  margin: 0 auto;
  margin-top: 0.5em;
  margin-bottom: 1em;
  width: 100%;
  border:1px #eaeaea solid;
    height: 140px;
}
.div_individuales .ind_texto
{
  padding:0.8em;
  width: 70%;
  display: inline-block;
  font-family: 'Source Sans Pro', sans-serif;
}
.div_individuales .div_icon
{
  width: 20%;
  padding:2em 1%;
  vertical-align: top;
  display: inline-block;
}
.div_icon .icon_aviso
{
  color: #5a0b0e;
  font-size: 50px;
  margin: 0 auto;
}
.div_individuales figure img
{
  width: 100%;
}
.div_individuales p span
{
  font-weight: bold;

}
.div_individuales p
{
  font-size: 15px;
  padding: 0.2em;
}
.div_individuales .txt_fecha
{
  color: red;
}
.div_individuales .txt_fecha span
{
  color: black;
}
.div_individuales .icon_link
{
  margin-right: 0.3em;
}
.div_individuales a
{
  color: black;
  padding: 0.5em;
  text-transform: uppercase;
  margin: 0 auto;
  margin-top: 0.5em;
}

#calendario2
{
 margin-left: 2em;
}
#calendario2 .div_individuales_noticias
{
  margin: 0 auto;
  margin-top: 0.5em;
  padding: 1.3em;
  margin-bottom: 1em;
  width: 100%;
  border:1px #eaeaea solid;
  height: 140px;
}
.div_individuales_noticias .noticias_img
{
  width: 30%;
  display: inline-block;
  padding: 0.5em;
  margin-top: 0.3em;
}
.noticias_img figure
{
  margin: 0 auto;
  width: 100%;
}
.noticias_img figure img
{
  width: 70px;
  height: 70px;
  border-radius: 50%;
}

.div_individuales_noticias .noticias_txt
{
  width: 60%;
  vertical-align: top;
  margin-top: 0.1em;
  padding: 0.5em;
  display: inline-block;
}
.noticias_txt .txt_titulo
{
  font-weight: bold;
  text-transform: uppercase;
  font-size: 15px;
  text-align: center;
  padding: 0.2em;
}
.noticias_txt .txt_fecha span
{
  font-weight: bold;
  color: black;
}
.noticias_txt .txt_fecha
{
  text-align: center;
  color: red;
  font-size: 15px;
}
.noticias_txt a
{
  color: black;
  padding: 1em;
  text-transform: uppercase;
}
.title_calendario
{
  font-size: 20px;
  font-family: 'SoberanaTitular-Regular';
  text-transform: uppercase;
  padding: 0.5em;
  color: #505050;
}
#calendar
{
  text-transform: capitalize;
}
.calendario .lupa
{
  color: black;
  margin-left: 0.5em;
  font-size: 18px;
  -webkit-transition:1s;
  -webkit-transform:rotateY(0deg);
}
.calendario .lupa:hover
{
      -webkit-transform:rotateY(180deg);
}
div.pieder
{
    width: 10%;
    height: 30px;
    float: left;
    text-align: center;
}
div.pieizq
{
    width: 10%;
    height: 30px;
    float: right;
    text-align: center;
}
/*      ----- Fin de Calendario, Avisos y Tecnoticias ------           */
/*      ----- Carrusel de links ------           */

#carrusel_contenedor
{
  margin: 0 auto;
  margin-top: 2em;
  padding: 0.5em;
  width: 80%;

}
#carrusel_contenedor h1
{
  margin: 0 auto;
  font-family: 'SoberanaTitular-Regular';
  color:#505050;
  text-transform: uppercase;
  font-size: 25px;
  padding: 2em;
  
}
.carrusel 
{
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding-bottom: 0.5em;
  margin-bottom: 1em;
}
.slide 
{
  margin: 0 auto;
  width: 200px;
  height: 200px;
}
.carrusel p
{
}
.slick-slide 
{
  margin: 0 auto;
}
.slick-slide img 
{
  width: 100%;
  margin: 0 auto;
}
.carrusel .slick-prev:before,
.carrusel .slick-next:before 
{
  color: #5a0b0e;
  font-size: 30px;
}
.ir-arriba
{
  z-index: 9999;
  border-radius: 3px;
  padding: 15px;
  background-color:rgba(204,204,204,0.7);
  color:white;
  cursor:pointer;
  position: fixed;
  display: block;
  bottom:10px;
  right: 30px;
}
/* DISEÑO RESPONSIVO */

@media screen and (max-width: 768px) {
  #contenedor-modal{
  width: 80%;
  margin-left: 10%;
  margin-right: 0;
  margin-top: 71%;
  }
  #contenido
  {
    margin-top: 16.80%;
  }
  #contenedor
  {
    margin-top: 1em;
    height: 400px;
  }
  .slider
  {
    margin: 0;
    margin-top: 1em;
    position: absolute;
  }
  .flex-caption
  {
  width: 100%;
  padding: 3%;
  left: 0;
  bottom: 5;
  font-size: 20px;
  }
  .slides
  {
    max-height: 300px;
  }
  .slides img
  {
    width: 100%;
    max-height: 300px;
  }
  .slides li
  {
    border:1px gray solid;
    max-height: 300px;
      }
  .flex-control-nav
  {
    display: none;
    border:1px red solid;
  }
.calendario
{
  display: block;
  width: 95%;
  margin: 0 auto;
  margin-top:10px;
  height: 480px;
}
#calendario1, #calendario2
{
  display: block;
  margin: 0 auto;
  margin-top: 10px;
  height: 560px;
}
.stop
{
  width: 100%;
  height: 830px; 
}
.piemov
{
  width: 100%;
  height: 250px;
  background-color: cyan;
}
.izq
{
  width: 100%;
  height: 800px;
  float: left;
}
.der 
{
  width: 100%;
  height: 800px;
  float: right;
}
.carrusel
{
  width: 100%;
}
.carrusel ul li
{
  display: none;
}
.slide
{
  width: 150px;
  height: 150px;
}
.ir-arriba
{
  z-index: 9999;
  display: none;
  border-radius: 5px;
  padding: 0.3em 1%;
  background-color:rgba(204,204,204,0.7);
  color:white;
  cursor:pointer;
  position: fixed;
  bottom:10px;
  right: 30px;
}
}