body  {  font-family: calibri, sans-serif, Arial,Veradana, Helvetica, "Arial Rounded MT Bold", "Times New Roman", "courier new", Georgia, Garamond, Bookman,"Comic Sans MS", Palatino;  font-size: 1rem;  background-color: rgb(248,248,246);  margin:  0;  padding: 0;  }  nav  {  background-color: rgb(210,210,201);  margin: 0;  padding:5px;  width: 100%;  vertical-align: middle; } 

.cls_dv_img_ayd
{
  width: 100%;
  min-width: 20em;
  margin:0;
  padding:1em;
  display:flex;
  flex-wrap: wrap;
  align-items: center;
  box-sizing: border-box;
  justify-content:space-around;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.fnta
  {
    font-size: 0.91666666666em;
  }
.fntb
  {
    font-size: 1em;
  }
.slct
  {
    -webkit-user-select: none; 
    -moz-user-select: none;  
    -ms-user-select: none;  
  }
  @media screen and (max-width: 321px)
    {
      .fnta
        { 
          font-size: 10pt;
        }
      .fntb
        { 
          font-size: 11pt;
        }
    }      

  @media screen and (min-width: 322px) and (max-width: 640px)
    {
      .fnta
        { 
          font-size: calc((100vw - 435px) * 16 * ((11 / 12 - 10 / 12) / (640 - 435)) + (10 * 16 / 12) * 1px);
        }
      .fntb
        { 
          font-size: calc((100vw - 435px) * 16 * ((12 / 12 - 11 / 12) / (640 - 435)) + (11 * 16 / 12) * 1px);
        }
      }

.cls_img_ayd
{
  min-width: 20em;
  width: 40%;
  margin:0;
  padding: 0.50em 0;
}
.cls_ie_version
{
	padding: 0.25em;
	text-align: center;
}
.cls_info_gral_
{
	display:block;
}
.stl
{
  font-family: Times, Verdana; 
  font-size:1.75em; 
  font-weight: bold;
  cursor:pointer;  
}

.slg
{
  padding:0 0.1em;
}
.slg1 
{
  
   background-color: rgb(128,128,128);
   color:rgb(255,255,0);
   animation-name: anim-slg1;
   animation-duration: 5s;
   animation-iteration-count: infinite;
   animation-timing-function: linear;  
}

.slg1a 
{
   color:rgb(255,255,0);
   animation-name: anim-slg1a;
   animation-duration: 5s;
   animation-iteration-count: infinite;
   animation-timing-function: linear; 
}

.slg2 
{
  
   background-color: rgb(0,255,255);
   color:rgb(148,54,52);

   animation-name: anim-slg2;
   animation-duration: 5s;
   animation-iteration-count: infinite;
   animation-timing-function: linear;  
}
.slg2a 
{
  /*
   background-color: rgb(0,255,255);
   color:rgb(148,54,52);
*/
   animation-name: anim-slg2a;
   animation-duration: 5s;
   animation-iteration-count: infinite;
   animation-timing-function: linear;  
}
.slg3 
{
  
   background-color: rgb(187,140,9);
   color:rgb(255,255,255);
   
   animation-name: anim-slg3;
   animation-duration: 5s;
   animation-iteration-count: infinite;
   animation-timing-function: linear;  
}
.slg3a 
{
  /*
   background-color: rgb(187,140,9);
   color:rgb(255,255,255);
   */
   animation-name: anim-slg3a;
   animation-duration: 5s;
   animation-iteration-count: infinite;
   animation-timing-function: linear;  
}

.slg4 
{
   background-color: rgb(0,255,0);
   color:rgb(0,0,255);   
   animation-name: anim-slg4;
   animation-duration: 5s;
   animation-iteration-count: infinite;
   animation-timing-function: linear;  
}
.slg4a 
{
  /* background-color: rgb(0,255,255);
   color:rgb(148,54,52); */
   animation-name: anim-slg4a;
   animation-duration: 5s;
   animation-iteration-count: infinite;
   animation-timing-function: linear;  
}
.slg5 
{
   background-color: rgb(222,220,172);
   color:rgb(0,0,0);
   animation-name: anim-slg5;
   animation-duration: 5s;
   animation-iteration-count: infinite;
   animation-timing-function: linear;  
}
.slg5a 
{
   animation-name: anim-slg5a;
   animation-duration: 5s;
   animation-iteration-count: infinite;
   animation-timing-function: linear;  
}
.slg6a 
{
   background-color: rgb(255,255,255);
   animation-name: anim-slg6a;
   animation-duration: 5s;
   animation-iteration-count: infinite;
   animation-timing-function: linear;  
}
.slg7 
{
   background-color: rgb(229,223,236);
   color:rgb(100,255,100); 
   animation-name: anim-slg7;
   animation-duration: 5s;
   animation-iteration-count: infinite;
   animation-timing-function: linear;  
}
.slg7a
{
   animation-name: anim-slg7a;
   animation-duration: 5s;
   animation-iteration-count: infinite;
   animation-timing-function: linear;  
}
.slg8 
{
   background-color: rgb(255,0,0);
   color:rgb(255,255,255);
   animation-name: anim-slg8;
   animation-duration: 5s;
   animation-iteration-count: infinite;
   animation-timing-function: linear;  
}

@keyframes anim-slg1 
 {
      0% {background-color: rgb(200,200,200);}
     25% {background-color: rgb(150,150,150);}  /* mas claro cada  50 unidades  */
     50% {background-color: rgb(100,100,100);}  /* Color base) */
     75% {background-color: rgb(150,150,150);}
    100% {background-color: rgb(200,200,200);}
 }
@keyframes anim-slg1a
 {
      0% {color: rgb(141,138,0);}   
     25% {color: rgb(201,196,0);}
     50% {color: rgb(255,255,0);}
     75% {color: rgb(201,196,0);}
    100% {color: rgb(141,138,0);}
 }
@keyframes anim-slg2   
 {
      0% {background-color: rgb(200,255,255);}   
     25% {background-color: rgb(100,255,255);}
     50% {background-color: rgb(0,255,255);}
     75% {background-color: rgb(100,255,255);}
    100% {background-color: rgb(200,255,255);}
 }
 @keyframes anim-slg2a   
 {
      0% {color: rgb(148,54,52);}   
     25% {color: rgb(198,96,94);}
     50% {color: rgb(221,160,159);}
     75% {color: rgb(198,96,94);}
    100% {color: rgb(148,54,52);}
 }

@keyframes anim-slg3 
 {
      0% {background-color: rgb(250,223,148);}  
     25% {background-color: rgb(237,190,59);}
     50% {background-color: rgb(187,140,9);}
     75% {background-color: rgb(237,190,59);}
    100% {background-color: rgb(250,223,148);}
 }
@keyframes anim-slg3a 
 {
      0% {color: rgb(255,255,255);}  
     25% {color: rgb(250,250,250);}
     50% {color: rgb(200,200,200);}
     75% {color: rgb(250,250,250);}
    100% {color: rgb(255,255,255);}
 }

@keyframes anim-slg4 
 {
      0% {background-color: rgb(200,255,200);} 
     25% {background-color: rgb(100,255,100);}
     50% {background-color: rgb(0,255,0);}
     75% {background-color: rgb(100,255,100);}
    100% {background-color: rgb(200,255,200);}
 }
@keyframes anim-slg4a 
 {
      0% {color: rgb(0,0,255);}  
     25% {color: rgb(50,50,255);}
     50% {color: rgb(100,100,255);}
     75% {color: rgb(50,50,255);}
    100% {color: rgb(0,0,255);}
 }

@keyframes anim-slg5 
 {
      0% {background-color: rgb(197,193,109);}
     25% {background-color: rgb(213,210,151);}
     50% {background-color: rgb(235,234,205);}
     75% {background-color: rgb(213,210,151);}
    100% {background-color: rgb(197,193,109);}
 }
@keyframes anim-slg5a 
 {
      0% {color: rgb(0,0,0);}  
     25% {color: rgb(100,100,100);}
     50% {color: rgb(200,200,200);}
     75% {color: rgb(100,100,100);}
    100% {color: rgb(0,0,0);}
 }

@keyframes anim-slg6a 
 {
      0% {color: rgb(227,108,10);}
     25% {color: rgb(195,93,9);}
     50% {color: rgb(155,74,7);}
     75% {color: rgb(195,93,9);}
    100% {color: rgb(227,108,10);}
 }
@keyframes anim-slg7 
 {
      0% {background-color: rgb(229,223,236);} 
     25% {background-color: rgb(210,200,222);}
     50% {background-color: rgb(190,176,208);}
     75% {background-color: rgb(210,200,222);}
    100% {background-color: rgb(229,223,236);}
 }
@keyframes anim-slg7a 
 {
      0% {color: rgb(185,223,233);}
     25% {color: rgb(118,192,212);}
     50% {color: rgb(49,132,155);}
     75% {color: rgb(118,192,212);}
    100% {color: rgb(185,223,233);}
 }
@keyframes anim-slg8 
 {
      0% {background-color: rgb(255,0,0);}  /* cada vez mas oscuro  */
     25% {background-color: rgb(200,0,0);}
     50% {background-color: rgb(150,0,0);}
     75% {background-color: rgb(200,0,0);}
    100% {background-color: rgb(255,0,0);}
 }





  #dpi  { height: 1in;  width: 1in;  top: -100%;  left: -100%;  position: absolute;    } textarea {display:none;}  .operacion_mat  {display:block;}   #tech  {  width: 20%;  }    #tech_02  {  vertical-align: middle;  justify-content: center;  width: 50%;  margin-bottom: 0.70em; }  .txt_symb_abajo  { width: 1em;  margin: 0; padding-top: 0; padding-bottom: 0; transform-origin: 0 0; transform: rotate(270deg); -ms-transform: rotate(270deg); -moz-transform: rotate(270deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -o-transform: rotate(270deg); -webkit-transform: rotate(270deg); font-size:1em; } .txt_symb_arriba  { width: 1em; margin: 0; padding-top: 0; padding-bottom: 0; transform-origin: 0 0; transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); font-size:1em;} .formula_datos  {  margin: 5px 10px 10px 10px;  padding: 5px;  border-style: groove;  border-width: 2px;  border-color: white;  border-radius: 5px;  }  #formato_hoja #tabla_formato_hoja  {  margin: 5px 10px 10px 10px;  padding: 5px;  border-style: none;  border-width: 1px;  border-radius: 20px;  background-color: white;  font-size: 1em;  color: rgb(72,66,40); }  #id_tabla_separador  {  border-style: none;  border-radius: 10px;  background-color: white;  font-size: 1em;  width: 95%; } .cl_unidad_hoja  {  padding: 1px;  width: 50%;}  input[name="unidad_hoja_plg"]  {  border-radius: 30%;  background-color: rgb(207,202,169);  border-color: red; } input:checked ~ [name="unidad_hoja_plg"]  {  border-radius: 50%;  background-color: rgb(207,202,169);  border-color: red;  }    input[name="unidad_hoja_cm"]  {  border-radius: 30%;  background-color: rgb(207,202,169);  border-color: red;  }    input:checked ~ [name="unidad_hoja_cm"]  {  border-radius: 50%;  background-color: rgb(207,202,169);  border-color: red;  }  #global  {  background-color: rgb(248,248,246);  margin-top: 15px;  padding:20px 0 10px 0;  width: 100%;  height: 100%; display: block; box-sizing: border-box; }  #cuadro_reg  {  margin: 10px;  padding-bottom: 0;  border-style: none;  border-color: transparent;  background-color: rgb(244,239,232);  box-shadow: 0 0 20px grey; } #parametros  {  margin: 20px 10px 20px 10px;  padding:10px 10px 20px 10px;  border-style: solid;  border-color: white;  background-color: rgb(220,220,214);  border-width: 1.5px;  box-shadow: 0 0 15px grey;  border-radius: 10px;  max-height: 125%; } #izquierda  { float: left; max-width: 30%; top:0;  left:0;  box-sizing: border-box; min-width: 20em; }  #grupo_derecha  { float: left; margin:0;  padding: 0;  box-sizing: border-box; min-width: 20em;}  .publicidad  {  width: 50%;  height: 20%; } #derecha  {  width: 100%;  overflow: scroll;  background: rgb(237,232,227);  border-style: solid;  border-color: rgb(169,133,85);  border-width: 0.0625em;  border-radius: 10px;  height: 100%;  margin: 0;  padding: 0; }  #hoja_res  {  width: 8.5in;  height: 11in;  margin: 1.875em 1.25em 1.25em 1.25em;  padding: 0.625em;  border-style: solid;  border-color: grey;  background-color: white;  border-width: 0.0625em;  box-shadow: 0.3125em -0.3125em 0.625em silver;  position: relative; } .idioma  {  float: right;  padding-top: 0.31250em;  padding-bottom: 0.550em;  background-color: rgb(248,196,207);  color: white;  position:relative;  display: inline-block; }  .idioma_boton  {  color:black;  background-color: rgb(248,196,207);  padding: 0 1.875em 0 1.25em;  margin-bottom: 0;  border: none;  }  .contenedor  { display: none;  position: absolute;  background-color: #f1f1f1; min-width: 120em;  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.4);  z-index: 13;  }  .idioma:hover .idioma_boton  {  background-color: rgb(248,196,207);  color:rgb(119,15,37); }  .idioma:hover .contenedor  {  background-color:rgb(84,88,80);  color: white;  display: block;  margin-top: 0.45em;  }  .contenedor  .cl_idioma:hover  {  background-color: rgb(248,196,207); color:rgb(119,15,37); cursor: pointer;  }  .contenedor  .cl_idioma  {  background-color:rgb(84,88,80);  color: white;  margin: 0 1em 0 0;  padding-left: 1em;  text-decoration: none;  display: block;  border-collapse: collapse;  line-height: 2em; } #menu  {  margin-top: 5px;  margin-bottom: 20px;  padding-left: 20px;  padding-top: 0.31250em;  padding-bottom: 0.550em;  background-color:rgb(84,88,80);  color: white;  height: 1.2em;  }  #txt_titulo  {  cursor: default;  margin: 0 10px 0 10px;  border-style: solid;  border-color: rgb(169,133,85);  border-width: 1px;  padding: 10px;  border-radius: 5px;  color: rgb(105,96,59);  background-color: rgb(244,239,232);  box-shadow: 0 0 15px grey;  min-height: 1.2em;  max-height: 2.4em;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none; }  hr {  border-color: rgb(150,150,150);  border-style: none none solid none;  border-width: 0.5px;  background-color: white;  height: 1px; } .frmt_rgb  {  font-family: Arial,sans-serif,Veradana, Helvetica,"Times New Roman";  font-size: 0.833em;  font-weight: bold;  cursor: default; }  #btn_color:hover {  opacity: 0.70;  -webkit-transition: .5s;  transition: opacity .5s;  }  input[type="range"]:hover {  opacity: 0.70;  -webkit-transition: .5s;  transition: opacity .5s;  }  input[type="range"] {  -webkit-appearance: none;  -moz-appearance: none;  margin: 0;  padding: 0;  width: 80%;  cursor: pointer;  background-color: transparent;  }  input[type="range"]:focus {  outline: none; } input[type="range"]::-webkit-slider-runnable-track {  width: 100%;  height: 0.4em;  cursor: pointer;  box-shadow: 1px 1px 1px lightgrey;  background: rgb(149,182,231);  border-radius: 2px;  border: 1px inset grey;  }  input[type="range"]::-webkit-slider-thumb {  box-shadow: 1px 1px 1px lightgrey;  border: none;  height: 1em;  width: 1em;  border-radius: 0.25em;  background:rgb(180,137,0);  cursor: pointer;  -webkit-appearance: none;  margin-top: -0.4em;  }  input[type="range"]:focus::-webkit-slider-runnable-track {  background: #367ebd; } input[type="range"]:focus::-moz-range-track {  background: #367ebd;  }  input[type="range"]::-moz-range-track {  width: 100%;  height: 0.4em;  cursor: pointer;  box-shadow: 1px 1px 1px lightgrey;  background: rgb(149,182,231);  border-radius: 2px;  border: 1px inset white;  margin-top: 0;  }  input[type="range"]::-moz-range-thumb {  box-shadow: 1px 1px 1px lightgrey;  border: none;  height: 1em;  width: 1em;  border-radius: 0.25em;  background:rgb(180,137,0);  cursor: pointer;  -moz-appearance: none;  margin-top: 0;  }  input[type="range"]::-ms-track {  width: 100%;  height: 0.4em;  cursor: pointer;  box-shadow: 1px 1px 1px lightgrey;  border-radius: 2px;  border:none; }  input[type="range"]::-ms-fill-lower {  background:rgb(89,141,217);  }  input[type="range"]::-ms-fill-upper {  background: rgb(177,201,237);  }  input[type="range"]::-ms-thumb {  box-shadow: 1px 1px 1px lightgrey;  border: 1px solid black;  height: 1em;  width: 1em;  border-radius: 3px;  background:rgb(180,137,0);  margin-top: -0.25em;  cursor: pointer;  }  input[type="range"]:focus::-ms-fill-lower {  }  input[type="range"]:focus::-ms-fill-upper {  }  .cl_zoom  {  cursor: pointer;  }  #pag  {  opacity: 0.20;  filter: alpha(opacity=0.20); } .cl_cant_dec  {  text-align: center;  }  #sec_mult  {  cursor:move;  position: absolute;  display: inline-block;  }  #sec_mult02  {  cursor:move;  position:absolute;  display: inline-block;  }  #sec_mult03  {  cursor:move;  position:absolute;  display: inline-block;  }  #sec_mult04  {  cursor:move;  position:absolute;  display: inline-block;  }    .rh_formato  {  background-color: #777;  color: white;  cursor: pointer;  padding: 18px;  width: 100%;  border: none;  text-align: left;  outline: none;  font-size: 15px;  }  .div_contenido  {  padding: 0 18px;  max-height: 0;  overflow: hidden;  transition: max-height 0.2s ease-out;  background-color: #f1f1f1;  }  .cl_mas_datos_mt  {  padding: 0.4375em;  min-height: 2.25em;  max-height: 0;  overflow: hidden;  transition: max-height 0.7s ease-out;  } .cl_pagos  {  padding: 0.1em;  min-height: 3em;  max-height: 0;  overflow: hidden;  transition: max-height 0.7s ease-out;  border-style: solid;  border-color: rgb(213,242,255);  border-width: 1px;  }  .txt_cont_coment  {  display: block;  width: 100%;  min-height: 11em;  resize: none;  padding: 0.3125em;  visibility: visible;  overflow: scroll;  word-break: keep-all;  text-align: justify;  text-justify: inter-word;  line-height: 1.3;  box-sizing: border-box; } .txt_cont  {  display: block;  margin-left: 3%;  margin-right: 3%;  width: 94%;  resize: both;  padding: 0.3125em;  visibility: visible;  overflow: hidden;  word-break: keep-all;  text-align: justify;  text-justify: inter-word;  line-height: 1.3; display: none; }  .rh_tit_resultado  {  width: 100%;  resize: both;  border: 1px dashed grey;  padding: 0.5em;  font-size: 1.5em;  visibility: visible;  overflow: hidden;  word-break: keep-all;  text-align: center;  text-justify: inter-word;  vertical-align: middle;  line-height: 1.5;display: none;   } .rh_tit_resultado_p {display: block;}  .txt_cont_ep  {  border: 1px dashed grey;  }  .txt_cont_gral  {  border: 1px dashed grey;  padding: 0.5em;  line-height: 1.5;  }  .cl_cuadro_estilo  { padding: 0.4375em;  min-height: 2.5em;  max-height: 0;  overflow: hidden;  transition: max-height 0.7s ease-out;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none; }    .estilo_cuad  {  background-color: #777;  color: white;  border-collapse: collapse;  }  .estilo_color  {  background-color: #777;  color: white;  margin: 0;  padding: 0;  }  .estilo_color_pk  {  width: 20px;  height: 10px;  }  .colorpk  {  margin: 0;  padding: 0;  width: 10px;  height: 10px;  border: 1px solid black;  cursor:pointer;  }  select  {  width: 85%;  }  textarea  {  vertical-align: middle;  overflow: hidden; }  #id_cerrar_reg:hover  {  opacity: 0.80;  }  .btn  {  color: white;  background: rgb(117,58,25);  border: 1px solid rgb(117,58,25);  font-size: 1em;  }  .btn_ok  {  color: rgb(0,98,96);  background: white;  font-size: 1em;  font-weight: bold;  padding: .25em 2.5em .25em 2.5em;  margin-top: 2em;  margin-bottom: 2em;  border-radius: 0.3em;  border: 1px solid rgb(0,98,96);  cursor: pointer;  min-width: 10em;  }  #id_nombre, #id_usuario_reg, #id_correo1, #id_correo2, #id_correo3, #id_pasw, #id_pasw2, #id_pasw3, #id_valsr, #id_valid_req, #id_nombre_arch_b, #id_desc_b  {  width: 100%;  padding: 0.20em 0.75em;  margin: 0.50em 0;  display: inline-block;  box-sizing: border-box;  border: 1px solid rgb(169,133,85);  border-radius: 5px;  color:rgb(105,96,59);  font-size: 0.9166667em;  height: 2em;  }  /* #id_enviar_reg  {  padding: 0.5em;  margin: 0.5em 0;  cursor: pointer;  width: 100%;  }  #id_enviar_rec  {  padding: 0.5em;  margin: 0.5em 0.5em 1em 0.5em;  cursor: pointer;  }  #id_guardar_b  {  padding: 0.5em;  margin: 0.5em 0.5em 1em 0.5em;  cursor: pointer;  width: 100%;  }  #id_enviar_crear  {  padding: 0.5em;  margin: 8px 0;  cursor: pointer;  width: 50%;  }  #id_cerrar_reg2:hover  {  opacity: 0.80;  } */  .container  {  padding: 1.5em;  }  span.nm_pasw  {  float: right;  padding-top: 0;  }  .modal  {  display: none;  position: fixed;  left: 0;  top: 0;  width: 100%;  height: 100%;  overflow: auto;  background-color: rgba(0,0,0,0.5);  padding-top: 1em;  }  .modal-content  { background-color: white;  margin: 5% auto 15% auto;  border: 1px solid rgb(136,136,136); }  #id_slide_arch  {  z-index: 20;  }  .close  {  float: right;  position: relative;  right: 15px;  top: 0;  color: rgb(90,123,124);  font-size: 1.5em;  font-weight: bold;  }  .close:hover,  .close:focus  {  color:red;  cursor: pointer;  } .animate  {  -webkit-animation: animatezoom 0.6s;  -moz-animation: animatezoom 0.6s;  animation: animatezoom 0.6s; } @-webkit-keyframes animatezoom  { from {-webkit-transform: scale(0);} to {-webkit-transform: scale(1);}}@-moz-keyframes animatezoom  { from {-webkit-transform: scale(0);}  to {-webkit-transform: scale(1);}} @keyframes animatezoom  {from {transform: scale(0);}  to {transform: scale(1);}} @media screen and (max-width:300px)  {  span.nm_pasw  {  display: block;  float: none; }} .error  {  color: #FF0000;  width: 100%;  display: inline-block;  margin-top: 0;  margin-bottom: 3px;  font-size: 0.833333em;  }  #id_correo_ejm  {  width: 2em;  height: 1.5em;  padding: 3px;  border: 1px solid rgb(169,133,85);  border-radius: 5px;  color:rgb(105,96,59);  background: transparent;  color: rgb(105,96,59);  font-size: 1em;  font-weight: bold;  cursor: default;  }  .mySlides, .mySlides1 {display: none}    .rh_slide {vertical-align: middle;}  .rh_slide1 {vertical-align: middle;}  .slideshow-container {  position: relative; margin: auto;} .slideshow-container1 {  position: relative;  margin: 5% auto 5% auto;  }    .prev, .next {  cursor: pointer;  position: absolute;  top: 50%;  width: auto;  padding: 0.4em 0.2em 0.4em 0.2em;  margin-top: -20px;  margin-left: 20px;  color: black;  font-weight: bold; transition: 0.6s ease;  border-radius: 50% 0 0 50%;  box-shadow: -0.25em 0 0.5em grey;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  background-color: rgb(228,236,236);  }  .next {  right: 0;  margin-right: 20px;  padding: 0.4em 0.2em 0.4em 0.2em;  border-radius: 0 50% 50% 0;  box-shadow: 0.25em 0 0.5em grey;  }  .prev:hover, .next:hover {  background-color: rgb(94,128,127); color: yellow;  }  .text {  color: #605424;  font-size: 15px;  padding: 8px 12px;  position: absolute;  bottom: 8px;  width: 100%;  text-align: center;  }  .numbertext {  color: #605424;  font-size: 12px;  padding: 8px 12px;  position: absolute;  top: 0;  }  .dot_css {  text-align:center;  margin: 0 40% 0 40%;  background: white;  padding: 0.3125em;  border-radius: 0.765625em;  }  .dot, .dot1 {  cursor: pointer;  height: 0.65em;  width: 0.65em;  margin: 0.125em;  background-color: rgb(180,180,180);  border-radius: 50%;  display: inline-block;  transition: background-color 0.6s ease; } .active, .dot:hover {  background-color:rgb(88,88,88);  }  .fade {  -webkit-animation-name: fade;  -webkit-animation-duration: 1.5s;  animation-name: fade;  animation-duration: 1.5s;  }    @-webkit-keyframes fade {  from {opacity: .4}  to {opacity: 1}  }    @keyframes fade {  from {opacity: .4}  to {opacity: 1}  }  @media only screen and (max-width: 300px) {  .prev, .next,.text {font-size: 0.6875em}  }  .ayuda_contenido  {  background-color: white;  margin: 5% auto 15% auto;  border: 1px solid #888;  width: 80%;  vertical-align: middle;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  }  .ayuda_sup {  background-color: white;  margin: 10px;  padding: 10px 10px 0 10px;  border-style: groove;  border-radius: 10px 10px 0 0;  border-width: 1px 1px 2px 1px;  border-color: rgb(169,133,85);  color: rgb(105,96,59);  } .box_tabla {margin:0; padding:0; display:flex;align-items: center;vertical-align: bottom;justify-content: space-around;  }   /*.box_tabla::after {border:1px solid green;  content: "";  clear: both;  display: block;  }*/  .box_tabla_cmt {  float: left;  min-width: 15em;  width:50%;  box-sizing: border-box;  padding-top:0.25em;  }  .obj_cmt {  clear:both;  color:transparent;  margin:0;  padding:0;  font-size: 0.05em;  line-height:0.05em  }  .ayuda_tb_sup {  float: left;  width: 33.333%;  padding: 0;  vertical-align: bottom;  margin-top:10px;  margin-bottom: 0;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  }  .td_sup {height: 2.5em; border-collapse: collapse; border: 1px solid rgb(169,133,85);  -webkit-border-radius: 10px 10px 0 0;  -moz-border-radius: 10px 10px 0 0;  border-radius: 10px 10px 0 0;  padding: 5px 10px 5px 10px;  font-weight: bold;  color: rgb(105,96,59);  background-color: rgb(244,239,232);  cursor: pointer;  text-align: center;  }  .td_sup:hover {  opacity: 1;background-color: rgb(128,114,94);color:white;  }  .td_blanco {  border-collapse: collapse;width: 10%; }  .cl_modal_ok  {  display: none;  position: fixed;  left: 0;  top: 0;  width: 100%;  height: 100%;  overflow: auto;  background-color: rgb(0,0,0);  background-color: rgba(0,0,0,0);  padding-top: 1em;  }    .info_ok  {  background-color: white;  margin: 10% auto 15% auto;  border: 1px solid rgb(200,200,200);  box-shadow: 0 0 20px grey;  width: 37.5em;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  }    #informacion  {  font-style: normal;  align-content: justify;  color: rgb(74,68,42);  white-space: normal;  overflow: scroll;  }  #autor  { font-size: 0.91667em; font-family: "calibri", "arial", "Times New Roman",sans-serif; font-style: normal;  align-content: justify;  color: rgb(74,68,42);  white-space: normal;  overflow: scroll;  }  footer  {  font-size: 0.8em;  margin: 0 0 0 0;  color: white;  background-color: rgb(84,88,80);  position: static;  bottom: 0%;  width: 100%;  left: 0;  }    .pie {  cursor: default;  float: left;  width: 25%;  padding: 10px;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  }  .pie_h:hover {  color: rgb(255,255,185);  cursor: pointer;  }  article  {  text-align: justify;  padding: 10px 20px 10px 10px;  line-height: 1.5;  }  .p_input  {  display: inline-table;  width:90%;  margin-top: 0.50em;  margin-bottom: 0.25em;  margin-left: 0.25em;  margin-right: 1em;  }    .p_input_cmt  {  display: inline-table;  width:100%;  margin: 0.50em 0.25em 0.50em 0.25em;  padding: 0.25em 1em 0.25em 1em;  font-size: 0.83333em;  text-align: center;  box-sizing: border-box;  }  .cfg_input_rh  {  margin: 0.2em 0 0.2em 0;  padding: 0.2em;  border: 1px solid rgb(169,133,85);  border-radius: 5px;  color:rgb(105,96,59);  font-size: 1em;  height: 1.70em;  }    .cfg_input  {  width: 90%;  padding: 0.2em;  border: 1px solid rgb(169,133,85);  border-radius: 5px;  color:rgb(105,96,59);  font-size: 0.9166667em;  height: 2.0em;  box-sizing: border-box;  }  .cfg_input_us  {  padding: 0.1em;  border: 1px solid rgb(169,133,85);  border-radius: 5px;  color:rgb(105,96,59);  font-size: 0.9166667em;  height: 1.6em;  text-align: center;  }    .cfg_datos  {  margin: 10px;  padding: 10px;  width: 40%;  min-width: 15em;  border: 1px groove rgb(166,182,175);  border-radius: 5px;  box-shadow: 5px -5px 10px silver;  background-color: white;  }  .eval_cfg  {  background-color: rgb(240,243,221);  margin: 0;  padding: 0;  min-width: 15em;  width: 100%;  }  .eval_cfg_p  {  margin: 0;  padding: 0;  line-height: 1.5em; } .cfg_datos_hist  {  margin-left: 5%;  margin-right: 5%;  margin-top: 2%;  margin-bottom: 5%;  padding: 10px;  width: 90%;  min-width: 80px;  border: 1px groove rgb(166,182,175);  border-radius: 5px;  box-shadow: 5px -5px 10px silver;  background-color: white;  }    .td_historial  {  background-color: rgb(249,250,240);  border-collapse: collapse;  border-style: dashed solid;  border-width: 1px;  border-color: rgb(17,188,197);  padding: 0.2em;  margin: 0;  vertical-align: middle;  }  .td_historial_cfg1  {  color: rgb(13,143,149);  background-color: rgb(228,232,236);  font-weight: bold;  line-height: 1.5em;  text-align: center;  }  .td_historial_cfg2  {  text-align: center;  }  .td_precio  {  color: rgb(13,143,149);  line-height: 1.0em;  text-align: center;  }  .td_historial_cfg_chk  {  color: rgb(13,143,149);  background-color: rgb(228,232,236);  }    .tr1  {  width: 0.375em;  height: 0.1em;  border-style: solid solid none solid;  border-radius: 40% 40% 0% 0%;  border-width: 2px 2px 0 2px;  border-color: rgb(13,143,149);  margin: 0 auto 0 auto;  }  .tr2  {  width: 0.85em;  height: 0.725em;  border-style: solid none solid none;  border-color: rgb(13,143,149);  border-width: 4px 0 3px 0;  margin: 0 2px 2px 2px;  padding: 0;  border-radius: 0% 0% 10% 10%;  }  .tr3  {  font-size: .625em;  border: solid rgb(13,143,149);  border-width: 0 1px 0 3px;  padding: 0 1px 0 0;  margin: 0 1px 0 0;  background-color: transparent;  vertical-align: text-top;  }  .tr4  {  font-size: .625em;  border: solid rgb(13,143,149);  border-width: 0 3px 0 1px;  margin: 0 0 0 1px;  padding: 0 0 0 1px;  background-color: transparent;  vertical-align: text-top;  }  .css_info_enlace  {  position:absolute;  display:none;  padding:0.5em;  box-shadow: 5px -5px 10px grey;  margin: 15% 30% 20% 40%;  font-size: 0.83333em;  background-color: rgb(247,252,204);  width: 30em;  align-content: justify;  }  #id_nota_transf, #id_nota_dep  {  padding-right: 1em;  padding-left: 1em;  text-align: justify;  }  .td_sim  {  text-align: center;  }  .rh_select  {  width: 3em;  font-family: arial, sans-serif, "Times New Roman";  font-size: 0.916666em;  font-weight: bold;  text-align: center;  vertical-align: middle;  }  .rh_option  {  border-top: 1px solid black;  font-weight: bold;  border: 3px solid black;  }  .oculto  {  display: none;  }  #rh_formula, #rh_formula02, #rh_formula03, #rh_formula04  {  -webkit-user-select: text;  -moz-user-select: text;  -ms-user-select: text;  }