@font-face {
  font-family: 'Druk Text Web Bold';
  src: url('../druk/DrukText-Bold-Web.eot');
  src: url('../druk/DrukText-Bold-Web.eot?#iefix') format('embedded-opentype'),
  url('../druk/DrukText-Bold-Web.woff2') format('woff2'),
  url('../druk/DrukText-Bold-Web.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  }
@font-face {
  font-family: 'Druk Text Web Medium';
  src: url('../druk/DrukText-Medium-Web.eot');
  src: url('../druk/DrukText-Medium-Web.eot?#iefix') format('embedded-opentype'),
  url('../druk/DrukText-Medium-Web.woff2') format('woff2'),
  url('../druk/DrukText-Medium-Web.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'TheSansC4s';
  src: url('../thesans/TheSans-3_Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'TheSansC4s';
  src: url('../thesans/TheSans-5_Plain.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'TheSansC4s';
  src: url('../thesans/TheSans-7_Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'TheSansC4s';
  src: url('../thesans/TheSans-9_Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
}

body {
  font-size: 1rem;
  color: #000000 !important;
  background-image: url(../img/bg.jpg);
}

.row{
  margin-left: 0px !important;
  margin-right: 0px !important;
}

a {
  color: #000 !important;
  text-decoration: none !important;
}
a:hover{
  color: #543B30 !important;
  text-decoration: none !important;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Druk Text Web Medium', sans-serif !important;
	font-weight: 500;
	text-transform: uppercase;
  line-height: 1em;
}

p{
  font-family: 'Georgia' !important;
  line-height: 1.5;
  font-size: 20px;
  color: #000000;
}


/* estilos mobile y desk */
.mobile{ display: none;}
.desk{display: block;}
/* estilos mobile y desk */


.apertura{
  margin-top: -47px;
  /* margin-bottom: -6px; */
}

.flechadown{
  margin-top: -70px;
  text-align: center;
}

.sumario{
  margin-top: 5px;
}

.sumario h2{
  text-align: center;
	font-family: "TheSansC4s", Verdana, sans-serif !important;
	font-weight: 300 !important;	
  text-transform: none;
  color: #ffffff;
}

.firma{
	padding-top: 20px;
	padding-bottom:1em;
}


.firma p{
	font-size: 1.3em;
	font-weight: 300;
	line-height: 1.5;
	color: #303282;
	text-align: center;
	text-transform: uppercase;
	font-family: "TheSansC4s", Verdana, sans-serif !important;
}

.firma p b{
  font-weight: 600;
}

.bg-blanco{
  background: #f8f8f8;
    margin: 1em 0;
}

.bg-degradado-azul{
  background: rgb(39,33,84);
  background: linear-gradient(90deg, rgba(39,33,84,1) 0%, rgba(48,50,130,1) 100%);
  margin: 1em 0;
}

.bg-degradado-azul h3{
  color: #ffffff;
}

.bg-degradado-azul p{
  color: #ffffff;
}

.texto h2{
  text-align: center;
  background-image: url(../img/capital.jpg);
  width: fit-content;
  padding: 0.25em 0.6em;
  color: #ffffff;
  font-size: 100px;
  margin: 20px auto 50px;
}

.clave{
  margin-bottom: -1px;
  padding: 0.5em 0.8em !important;
  width: fit-content;
  border: 1px solid #2d574f ;
  margin-left: 0 !important;
}

.clave h6{
  font-family: "TheSansC4s", Verdana, sans-serif !important;
  margin: 0;
  text-align: center;
  color:#2d574f;

}

.pie-foto-derecha{
	margin-left: -90px;
  background-color: #fff;
  padding: 2em 2.3em !important;
  color: #303282;
  border-width: 3px;
  border-style: solid;
  border-color: #303282;
  line-height: 2;
}

.pie-foto-derecha h3{
  font-family: "TheSansC4s", Verdana, sans-serif !important;
  font-style: italic;
  text-align: center;
  font-weight: 600 !important;
  font-size: 1.6em;
}

.pie-foto-derecha h5{
  color: #303282;
  font-size: 1em;
  line-height: 0.5;
  text-align: center;
}

.pie-foto-derecha h4{
  font-family: "TheSansC4s", Verdana, sans-serif !important;
  font-size: 1.2em;
  font-weight: 300;
  text-align: center;
  text-transform: none;
}


.pie-foto-derecha p{
  padding-top: 1em;
	font-size: 15px;
  font-weight: 100 !important;
	color: #ffffff;
	line-height: 1.4;
	text-align: leftcenter;
	font-family: "TheSansC4s", Verdana, sans-serif !important;
}

.izquierda{
  z-index: 2;
}

.pie-foto-izquierda{
	margin-right: -90px;
  background-color: #2d574f;
  padding: 2em 2.3em !important;
  color: #ffffff;
  z-index: 2 !important;
}

.pie-foto-izquierda h3{
  font-family: 'Georgia', serif !important;
  font-style: italic;
  text-align: center;
  font-weight: 100 !important;
  font-size: 1.6em;
}

.pie-foto-izquierda h5{
  color: #74c3c0;
  font-size: 1.1em;
  line-height: 0.5;
  text-align: center;
}

.pie-foto-izquierda h4{
  font-family: "TheSansC4s", Verdana, sans-serif !important;
  font-size: 1.2em;
  font-weight: 300;
  text-align: center;
  text-transform: none;
}

.pie-foto-izquierda p{
  padding-top: 1em;
	font-size: 15px;
  font-weight: 100 !important;
	color: #ffffff;
	line-height: 1.4;
	text-align: leftcenter;
	font-family: "TheSansC4s", Verdana, sans-serif !important;
}

.s-1{
  padding-top: 2em;
  padding-bottom: 2em;
}

.credito-white p {
  font-family: 'Georgia', serif !important;
  font-style: italic;
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  border-right: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  padding: 15px 0;
  letter-spacing: 1px;
}

.credito-black p {
  font-family: 'Georgia', serif !important;
  font-style: italic;
  margin-top: 40px;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  text-align: center;
  border-right: 1px solid #000000;
  border-left: 1px solid #000000;
  padding: 15px 0;
  letter-spacing: 1px;
}

.redes{ 
  opacity: 1;
  max-width: 30px !important;
  margin: 0px 1px;
  transition: transform .3s; /* Animation */
  margin-bottom: 10px;
}
.redes:hover{
  opacity: 0.8;
  transform: scale(1.2);
}


.text-center button{
  font-family: "Open Sans", sans-serif !important;
  padding:2px; margin:4px;
  text-transform: uppercase;
  font-size: 0.8em ;
}

.head_table{background-color: #b3b3b3 !important;}
.head_exp{top:0px;background-color: #ed1c24;padding: 0.7em;left: 0px;position: fixed;display: block;width: 100%; border-bottom-color: #000;
  border-right-width: 2px;border-bottom-style:solid;z-index: 99; -webkit-transition: background-color 0.5s ease-out; -moz-transition: 
  background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out; transition: background-color 0.5s ease-out;}
.head_exp:hover{ background-color: #000; }

.creditos h6{
  font-size: 0.9em;
  padding-bottom: 7px;
  color: #303282 !important;
}

.creditos p{
	font-family: "TheSansC4s", Verdana, sans-serif !important;
  font-size: 14px;
  color: #303282 !important;
}

.creditos strong{
  font-family: 'Roboto',sans-serif;
}

/* animaciones */

.sumario h2{
  animation-duration: 4s;
  animation-name: sumarioanima;
}

@keyframes sumarioanima {
  from {
    margin-left: 0%;
    width: 300%;
  }
  to {
    margin-left: 0%;
    width: 100%;
  }
}

.letrainicio{
  animation: mover-izquierda-derecha 2s infinite;
  animation-fill-mode: forwards;
}

@keyframes mover-izquierda-derecha{
  from{
    transform: translateX(-100px);
  }
  to{
    transform: translateX(10px);
  }
}


/*    Termina CSS Filtrado */

@media only screen and (max-width: 550px) {
  .hide_element{
  display: none !important;
 }
 
}

@media (min-width: 200px) and (max-width: 770px) {
  .title-txt-m h1{
    text-align: left;
    padding: 60px 0 15px 0;
    font-size: 57px;
  }
  .row, .col-12{
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .sumario {
    margin-top: 0px;
}

  .flechadown {
    margin-top: 50px;
}

.flechadown img{
  width: 60px;
}
 
.sumario h2{
  font-size: 23px;
}

.firma p {
    font-size: 0.9em;
  }

  .pie-foto-derecha{
    margin-left: 0;
  }
  .pie-foto-izquierda {
    margin-right: 0;
  }

  .clave{
    margin: 10px auto -1px;
    width: auto;
    border: 0;
  }

  .mobile{ display: block;

  }
  .mobile h4{
      padding: 0px 3px 3px 3px;
      border-style: solid;
      border-width: 1px 0px;
      border-color: #cacaca;
      margin: 5px auto 15px auto;
      position: relative;
  }
  .desk{display: none;
  }

  .pie-foto-izquierda h4{
    margin: auto 20px;
  }

.pie-foto-izquierda p{
  margin: 20px;
}

.pie-foto-derecha p{
  margin: 20px;
}

  .col-sm-6 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
  }
  .col-sm-6 h4{
    font-size: 1em;
    font-weight: 700; 
    padding-top: 10px;

    }
  }