@import url('https://fonts.googleapis.com/css?family=Open+Sans');
* {
  padding: 0px;
  margin: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}
/*-------------------------------Header--------------------------------------*/
header {
  width: 100%;
  height: 164px;
  z-index: 1;
  position: fixed;
  background-color: #FFFFFF;
}
.linea {
  width: 100%;
  position: fixed;
  background-color: #FFFFFF;
  border-bottom: 3px solid #F58220;
  padding: 7px;
  margin:  -2rem 0rem 0rem -1.3rem;
}
.logo-ban {
  width: 25%;
  margin-left: 45rem;
}
.texto-he {
  color: black;
  font-family: Open Sans, sans-serif;
  font-weight: bold;
  font-size: 14px;
  margin-left: 46.5rem;
  margin-top: -2.1rem;
}
/*-------------------------------Info----------------------------------------*/
.v-tab {
  display: flex;
  position: absolute;
  min-height: 100%;
  margin-top: 10.5rem;
}
.v-tab_tab-head {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  height: 630px;
  width: auto;
  /*overflow: auto;*/
  font-family: Open Sans, sans-serif;
  font-weight: 500;
  font-size: 17px;
  background-color: white;
}
.v-tab_tab-head li {
  margin: 0 0 3px 0;
  cursor: pointer;
  padding: 0px 1%;
  height: 32px;
  line-height: 31px;
  color: #FFFEFE;
  background-color: #2D75A2;
  border-bottom: 0px;
  overflow: hidden;
  position: relative;
  width: 25%;
  border-radius: 5px;
  transition: width .3s;
}
.v-tab_tab-head li:hover {
  background-color: #184A69;
  color: #FFFFFF;
  width: 26%;
  border-radius-left: 0px
}
.v-tab_tab-head li.active {
  width: 26%;
  background-color: #F58220;
  color: #FFFFFF;
  display: block;
}

.v-tab_container {
  float: right;
  width: 77%;
  height: 630px;
  position: fixed;
  margin: 0rem 0rem 0rem 31.2rem;
  background-color: white;
  border: none;
}
.doc {
  width: 94%;
  height: 665px;
}
.list-tab-respon {
  display: none;
}
.v-tab_content {
  display: none;
}
.v-tab_content > :first-child {
  margin-top: 0;
}
/*-------------------------------------Tooltip-------------------------------*/
.flecha {
    width: 84px;
    height: 80px;
    position: fixed;
    z-index: 1;
    cursor: pointer;
    margin: 34rem 0rem 0rem -1rem;
    opacity: 0.8;
}
.tooltip-1, .tooltip-2, .tooltip-3, .tooltip-4, .tooltip-5, .tooltip-6, .tooltip-7, .tooltip-8, .tooltip-9, .tooltip-10, .tooltip-11, .tooltip-12, 
.tooltip-13, .tooltip-14, .tooltip-15, .tooltip-16, .tooltip-17, .tooltip-18, .tooltip-19, .tooltip-20, .tooltip-21, .tooltip-22 {
    height: 32px;
    width: 100%;
    position: relative;
    display: inline-block;
}
.tooltip-1 .tooltiptext-1, .tooltip-2 .tooltiptext-2, .tooltip-3 .tooltiptext-3, .tooltip-4 .tooltiptext-4, .tooltip-5 .tooltiptext-5, .tooltip-6 .tooltiptext-6, .tooltip-7 .tooltiptext-7, .tooltip-8 .tooltiptext-8, .tooltip-9 .tooltiptext-9, .tooltip-10 .tooltiptext-10, .tooltip-11 .tooltiptext-11, 
.tooltip-12 .tooltiptext-12, .tooltip-13 .tooltiptext-13, .tooltip-14 .tooltiptext-14, .tooltip-15 .tooltiptext-15, .tooltip-16 .tooltiptext-16, 
.tooltip-17 .tooltiptext-17, .tooltip-18 .tooltiptext-18, .tooltip-19 .tooltiptext-19 {
    opacity: 0;
    width: 407px;
    background-color: #F3F4F5;
    color: #000000;
    padding: 10px 10px;
    font-size: 15px;
    position: absolute;
    z-index: 1;
    transition: opacity .4s;
}
.tooltip-1 .tooltiptext-1, .tooltip-2 .tooltiptext-2, .tooltip-3 .tooltiptext-3, .tooltip-4 .tooltiptext-4, .tooltip-5 .tooltiptext-5, .tooltip-6 .tooltiptext-6, .tooltip-7 .tooltiptext-7, .tooltip-8 .tooltiptext-8, .tooltip-9 .tooltiptext-9, .tooltip-10 .tooltiptext-10, .tooltip-11 .tooltiptext-11, 
.tooltip-12 .tooltiptext-12, .tooltip-13 .tooltiptext-13, .tooltip-14  .tooltiptext-14, .tooltip-15 .tooltiptext-15, .tooltip-16 .tooltiptext-16, 
.tooltip-17 .tooltiptext-17, .tooltip-18 .tooltiptext-18, .tooltip-19 .tooltiptext-19 {
    top: 0px;
    left: 480px;
}
.tooltip-1 .tooltiptext-1, .tooltip-2 .tooltiptext-2, .tooltip-3 .tooltiptext-3, .tooltip-4 .tooltiptext-4, .tooltip-5 .tooltiptext-5, .tooltip-6 .tooltiptext-6, .tooltip-7 .tooltiptext-7, .tooltip-8 .tooltiptext-8, .tooltip-9 .tooltiptext-9, .tooltip-10 .tooltiptext-10, .tooltip-11 .tooltiptext-11, 
.tooltip-12 .tooltiptext-12, .tooltip-13 .tooltiptext-13, .tooltip-14  .tooltiptext-14, .tooltip-15 .tooltiptext-15, .tooltip-16 .tooltiptext-16, 
.tooltip-17 .tooltiptext-17, .tooltip-18 .tooltiptext-18, .tooltip-19 .tooltiptext-19::after {
    position: absolute;
}
.hidden {
  display: none;
}

.tooltip-1:hover .tooltiptext-1 {
    opacity: 1;
    box-shadow: 3px 2px 10px;
}
.tooltip-2:hover .tooltiptext-2 {
    opacity: 1;
    box-shadow: 3px 2px 10px;
}
.tooltip-3:hover .tooltiptext-3 {
  opacity: 1;
  box-shadow: 3px 2px 10px;
}
.tooltip-4:hover .tooltiptext-4 {
    opacity: 1;
    box-shadow: 3px 2px 10px;
}
.tooltip-5:hover .tooltiptext-5 {
    opacity: 1;
    box-shadow: 3px 2px 10px;
}
.tooltip-6:hover .tooltiptext-6 {
    opacity: 1;
    box-shadow: 3px 2px 10px;
}
.tooltip-7:hover .tooltiptext-7 {
    opacity: 1;
    box-shadow: 3px 2px 10px;
}
.tooltip-8:hover .tooltiptext-8 {
    opacity: 1;
    box-shadow: 3px 2px 10px;
}
.tooltip-9:hover .tooltiptext-9 {
  opacity: 1;
  box-shadow: 3px 2px 10px;
}
.tooltip-10:hover .tooltiptext-10 {
  opacity: 1;
  box-shadow: 3px 2px 10px;
}
.tooltip-11:hover .tooltiptext-11 {
  opacity: 1;
  box-shadow: 3px 2px 10px; 
}
.tooltip-12:hover .tooltiptext-12 {
  opacity: 1;
  box-shadow: 3px 2px 10px; 
}
.tooltip-13:hover .tooltiptext-13 {
  opacity: 1;
  box-shadow: 3px 2px 10px;
}
.tooltip-14:hover  .tooltiptext-14 {
  opacity: 1;
  box-shadow: 3px 2px 10px;
}
.tooltip-15:hover .tooltiptext-15 {
  opacity: 1;
  box-shadow: 3px 2px 10px;
}
.tooltip-16:hover .tooltiptext-16 {
  opacity: 1;
  box-shadow: 3px 2px 10px;
}
.tooltip-17:hover .tooltiptext-17 {
  opacity: 1;
  box-shadow: 3px 2px 10px;
}
.tooltip-18:hover .tooltiptext-18 {
  opacity: 1;
  box-shadow: 3px 2px 10px;
}
.tooltip-19:hover .tooltiptext-19 {
  opacity: 1;
  box-shadow: 3px 2px 10px;
}
.azul, .verde, .rojo, .amarillo, .azul-c {
  font-family: Open Sans, sans-serif;
  font-weight: bold;
  font-size: 19px;
}
.azul {
  color: #5B87B2;
}
.verde {
  color: #7CC366;
}
.rojo {
  color: #E15A41;
}
.amarillo {
  color: #EEC84A;
}
.azul-c {
  color: #1390CF;
}
.tooltiptext {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
}
.nov, .preg, .not, .tips {
  margin-top: 10px;
}
.ed-1, .ed-2, .ed-3, .ed-4, .ed-5, .ed-6, .ed-7, .ed-8, .ed-10, .ed-11, .ed-12, .ed-14, .ed-16,  .ed-18, .ed-19 {
  margin-block-end: 6px;
  white-space: pre-line;
  font-family: Open Sans, sans-serif;
}
.blanco {
  width: 100%;
  height: 19.3rem;
}
/*-----------------------------------------------Ventana modal-------------------------*/
.prueba-img {
  width: 94%;
  margin-top: 1rem;
  border-radius: 8px;
}
.video-1, .video-2, .video-3 {
  width: 100%;
  z-index: 1;
}
.modalDialog {
  position: fixed;
  font-family: Arial, Helvetica, sans-serif;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(23,36,50,0.96);
  z-index: 9999999;
  opacity:0;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  pointer-events: none;
}
.modalDialog:target {
  opacity:1;
  pointer-events: auto;
}
.modalDialog > div {
  width: 80%;
  position: relative;
  margin: 1% 0% 0% 8%;
  padding: 2px;
  border-radius: 0px;
  background: #000000;
  -webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
}
.close {
    background: #606061;
    color: #FFFFFF;
    line-height: 38px;
    position: absolute;
    border-radius: 3px;
    text-align: center;
    right: 5px;
    top: 5px;
    width: 39px;
    height: 39px;
    font-size: 21px;
    text-decoration: none;
    font-weight: bold;
    z-index: 1;
}
 
.close:hover {
    background: #FAAC58;
    color:#222;
}
/*-----------------------------------------------Footer-------------------------------*/
footer {
  position: fixed;
  background-color: #000000;
  width: 100%;
  height: 80px;
  padding: 10px;
  z-index: 1;
  margin: 42.4em 0px 0px -21px;
}
.der-autor {
  display: table;
  position: relative;
  margin: 1rem 0rem 0rem 55rem;
}
.der-autor .der-autor-text, .año {
  color: white;
  font-family: Open Sans, sans-serif;
  font-weight: 30;
  font-size: 12px;
}
.der-autor .der-autor-text {
  float: left;
}
.año {
  margin: -1.2rem 0rem 0rem 12.5rem;
}
.der-autor-img  {
  width: 15px;
  height: 15px;
  margin: 0.1rem 0rem 0rem 0.5rem;
}
.selsa {
  width: 14%;
  float: left;
  margin: 0px 0px 0px 50px;
}
.linix {
  width: 5%;
  float: right;
  margin: -35px 30px 0px 0px;
  float: right;
}
/*--------------------------------------------------------------------------*/
body {
  padding: 20px;
}

embed {
  background-color: white;
}