body,td,th,a {font-family:"Lucida Grande","Lucida Sans Unicode","Arial"; margin:0; padding: 0;}
footer {padding:5px 0 5px 0;color: #c2c4a6;font-size: 1em; background-color: #26313C; border-top: 1px solid rgba(50, 50, 50, 0.3); width: 100%;
        position: fixed;  bottom: 0;  text-align:center;  vertical-align: auto;}
table{border-collapse:collapse;border-spacing:0; font-size: 1em;}
.degrada_g{background-image: linear-gradient(to top, #f3edef, #e9e3e5, #dfd9da, #d5cfd0, #cbc5c6);}
.modal_general, .m_particular, .m_singular{font-size: .85em;}
td{padding: 2px;}

#paginacion{margin:5px 0 70px 0;}
input:read-only { background-color:#f1f4fb;}
/*LOADING*/.load-ing{clear:both; display:none; background-color: #F8F800; color:blue; padding: 0 5% 0; text-align: center; font-weight: bold;}
/*Respuesta*/.Respuesta{display:none;background-color:#f0ee56; padding:8px; text-align: center; font-weight: bold;}
/*Registros no encontrados*/ .No_encontrados{padding: 100px 50px 100px 50px; background-color: #f8eeee; font-weight: bold; text-align: center;}
/*Botones TOP*/
.btn_top {color: #FFF;font-weight: bold; cursor: pointer; font-style: oblique; text-decoration: none; 
          text-shadow: 1px 1px 1px rgba(74, 83, 83, 0.82); margin: 0 3% 0 0;}
.btn_indice {color: #FFF;font-weight: bold; cursor: pointer; font-style: oblique; text-decoration: none; 
  text-shadow: 1px 1px 1px rgba(74, 83, 83, 0.82); margin: 0 3% 0 0; padding:5px 0 5px 15px; width: 100%;}
  
.btn_20p {width:20%;  padding:8px;}
.btn_35p {width:35%;  padding:8px;}
.btn_50p {width:50%;  padding:8px;}
.btn_80p {width:80%;  padding:8px;}
/* INPUTS*/
.t_90p_25 {width:90%; height:30px; border: 1px solid #DDD; background-color: #fafaf5;}
.t_80p_25 {width:80%; height:30px; border: 1px solid #DDD; background-color: #fafaf5;}
.t_60p_25 {width:60%; height:30px; border: 1px solid #DDD; background-color: #fafaf5;}
.t_40p_25 {width:40%; height:30px; border: 1px solid #DDD; background-color: #fafaf5;}
.t_30p_25 {width:30%; height:30px; border: 1px solid #DDD; background-color: #fafaf5;}
.t_25p_25 {width:25%; height:30px; border: 1px solid #DDD; background-color: #fafaf5;}
.t_15p_25 {width:15%; height:30px; border: 1px solid #DDD; background-color: #fafaf5;}

/* DEGRADADOS BOTONERA TOP 2021*/
.degr_top1{width: 100%; text-shadow: -1px 1px 8px rgba(120, 120, 120, 1); text-align: center; font-weight:bold; background-image: linear-gradient(to bottom, #c5d9f8, #c8e0f9, #cee6f9, #d5ecf9, #def1f9);}
.degr_top2{width: 100%; text-shadow: -1px 1px 8px rgba(120, 120, 120, 1); text-align: center; font-weight:bold; background-image: linear-gradient(to bottom, #d2f4cd, #d8f6d5, #def8dc, #e4f9e4, #ebfbeb);}
.degr_top3{width: 100%; text-shadow: -1px 1px 8px rgba(120, 120, 120, 1); text-align: center; font-weight:bold; background-image: linear-gradient(to bottom, #e9d8f2, #eedff4, #f2e6f6, #f6edf8, #faf4fb);}
.degr_top4{width: 100%; text-shadow: -1px 1px 8px rgba(120, 120, 120, 1); text-align: center; font-weight:bold; background-image: linear-gradient(to bottom, #eff2d8, #f2f4df, #f4f7e6, #f7f9ed, #fafbf4);}
.degr_top5{width: 100%; text-shadow: -1px 1px 8px rgba(120, 120, 120, 1); text-align: center; font-weight:bold; background-image: linear-gradient(to bottom, #d8dbf2, #dfe1f4, #e6e8f7, #edeef9, #f4f5fb);}
.degr_top6{width: 100%; text-shadow: -1px 1px 8px rgba(120, 120, 120, 1); text-align: center; font-weight:bold; background-image: linear-gradient(to bottom, #f2e4d8, #f4e9df, #f6eee6, #f8f3ed, #fbf8f4);}
.degr_top7{width: 100%; text-shadow: -1px 1px 8px rgba(120, 120, 120, 1); text-align: center; font-weight:bold; background-image: linear-gradient(to bottom, #0c2259, #06214d, #061f40, #0b1c34, #0f1927); color:#FFF;}
.degr_top8{width: 100%; text-shadow: -1px 1px 8px rgba(120, 120, 120, 1); text-align: center; font-weight:bold; background-image: linear-gradient(to bottom, #0d189f, #00288f, #002e7a, #003062, #1d3049); color:#FFF;}
/* ENCABEZADOS*/
.enca_f_cen { font-weight:bold; text-align:center; padding: 5px 2px 5px 2px; background-image: linear-gradient(to top, #f3edef, #e9e3e5, #dfd9da, #d5cfd0, #cbc5c6) !important;}
.enca_f_izq { font-weight:bold; text-align:left;   padding: 5px 2px 5px 2px; background-image: linear-gradient(to top, #f3edef, #e9e3e5, #dfd9da, #d5cfd0, #cbc5c6) !important;}
.enca_f_der { font-weight:bold; text-align:right;  padding: 5px 2px 5px 2px; background-image: linear-gradient(to top, #f3edef, #e9e3e5, #dfd9da, #d5cfd0, #cbc5c6) !important;}

.enca_p_cen{ font-weight:bold; text-align:center; padding: 5px 2px 5px 2px; cursor: pointer; background-image: linear-gradient(to top, #f3edef, #e9e3e5, #dfd9da, #d5cfd0, #cbc5c6) !important;}
.enca_p_izq{ font-weight:bold; text-align:left;   padding: 5px 2px 5px 2px; cursor: pointer; background-image: linear-gradient(to top, #f3edef, #e9e3e5, #dfd9da, #d5cfd0, #cbc5c6) !important;}
.enca_p_der{ font-weight:bold; text-align:right;  padding: 5px 2px 5px 2px; cursor: pointer; background-image: linear-gradient(to top, #f3edef, #e9e3e5, #dfd9da, #d5cfd0, #cbc5c6) !important;}

/*ESTATUS*/
.Cr_1 {color:#FFF; text-align:center; text-shadow: 1px 1px 3px #000000; background-image: linear-gradient(to top, #148212, #148d14, #149717, #13a219, #11ad1c);}
.Cr_2 {color:#FFF; text-align:center; text-shadow: 1px 1px 3px #000000; background-image: linear-gradient(to top, #1726ab, #182aba, #182ec9, #1733d8, #1637e8);}
.Cr_3 {color:#FFF; text-align:center; text-shadow: 1px 1px 3px #000000; background-image: linear-gradient(to top, #ad0d26, #b7102b, #c21331, #cc1537, #d7183d);}
.Cr_4 {color:#FFF; text-align:center; text-shadow: 1px 1px 3px #000000; background-image: linear-gradient(to top, #e5400a, #d73d0a, #c93a0a, #bb360a, #ad330a);}
.Cr_5 {color:#FFF; text-align:center; text-shadow: 1px 1px 3px #000000; background-image: linear-gradient(to top, #e725d1, #df23cd, #d820c8, #d01ec4, #c91bbf);}
.Cr_6 {color:#FFF; text-align:center; text-shadow: 1px 1px 3px #000000; background-image: linear-gradient(to top, #960fb9, #9e12bd, #a515c1, #ad18c5, #b51bc9);}
.Cr_7 {color:#FFF; text-align:center; text-shadow: 1px 1px 3px #000000; background-image: linear-gradient(to top, #0c63ce, #0c60c5, #0d5cbb, #0f59b2, #1155a9);}
.Cr_8 {color:#FFF; text-align:center; text-shadow: 1px 1px 3px #000000; background-image: linear-gradient(to top, #c2b81b, #d0c81c, #ddd71d, #ebe81f, #f8f820);}
.Cr_9 {color:#FFF; text-align:center; text-shadow: 1px 1px 3px #000000; background-image: linear-gradient(to top, #06acc2, #11b3c9, #19bad0, #20c2d7, #26c9de);}
.Cr_10{color:#FFF; text-align:center; text-shadow: 1px 1px 3px #000000; background-image: linear-gradient(to top, #c2068c, #ab238a, #952e85, #80347d, #6d3774);}

/*ANIMACION botones*/
.anim_b{
    display:inline-block;
    border:0;
    width:20px;
    height:20px;
    position: relative;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);
}
.anim_b:hover{
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.3);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.3);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.3);
    transition: all 200ms ease-in;
    transform: scale(1.3);
}

.i_link{cursor:pointer; color:#0d65e9; text-decoration: underline;} /* TIPO Hipervinculo para texto*/
.modal_general, .m_particular, .m_singular{font-size: .9em;}

.btn_rh{border: solid 1px #000;text-shadow: 8px 8px 8px rgb(68, 3, 29);cursor:pointer;padding: 5px;color:#FFFFFF;
        background-image: linear-gradient(#35a3f2,#1053b8);font-size: .98em;} /*BTN_RH*/
.zoom_txt{ /*ZOOM TEXTO*/
  display:inline-block;
  border:0;
  position: relative;
  -webkit-transition: all 200ms ease-in;
  -webkit-transform: scale(1);
  -ms-transition: all 200ms ease-in;
  -ms-transform: scale(1);
  -moz-transition: all 200ms ease-in;
  -moz-transform: scale(1);
  transition: all 200ms ease-in;
  transform: scale(1);
}
.zoom_txt:hover{/*ZOOM TEXTO*/
    z-index: 2;
     text-shadow: 2px 1px 3px #f1f1ed;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.25);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.25);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.25);
    transition: all 200ms ease-in;
    transform: scale(1.25);
}
/*ANIMACION botones*/
.centro_dx{width: 100%; display: flex; justify-content: center;} /* Holistico*/
.cuadrop1 {/* Holistico*/
    display:inline-block;
    border:0;
    position: relative;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);
    box-shadow: 3px 3px 5px rgba(37, 35, 35, 0.4);
    text-shadow: 2px 2px 2px rgb(46, 57, 65);
}
.cuadrop1:hover{/* Holistico*/
    box-shadow: 0px 0px 150px #000000;
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.15);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.15);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.15);
    transition: all 200ms ease-in;
    transform: scale(1.15);
}
/*-- responsive media queries --*/

@media screen and (max-width:3000px){
  body{ font-size: 18px;}
  .b_regresa {cursor:pointer; font-size: 28px;}/*Grid*/
  .b_R  {cursor:pointer; font-size: 30px; color:#c42932;}
  .b_A  {cursor:pointer; font-size: 30px; color:#2a49cd;}
  .b_V  {cursor:pointer; font-size: 30px; color:#0bb312;}
  .b_B  {cursor:pointer; font-size: 30px; color:#FFFFFF;}
  #Holistico{height: 840px; width: 90%; margin:auto; padding-top:25px;}
  .Circulo_holis{height:490px; width:85%; margin: 1.5% 0 0 2%;}
}

@media screen and (max-width:1900px){
  body{ font-size: 17px;}
  .b_regresa {cursor:pointer; font-size: 28px;}/*Grid*/
  .b_R  {cursor:pointer; font-size: 30px; color:#c42932;}
  .b_A  {cursor:pointer; font-size: 30px; color:#2a49cd;}
  .b_V  {cursor:pointer; font-size: 30px; color:#0bb312;}
  .b_B  {cursor:pointer; font-size: 30px; color:#FFFFFF;}
  #Holistico{height: 750px; width: 90%; margin:auto; padding-top:25px;}
  .Circulo_holis{height:450px; width:89%; margin: 3% 0 0 0;}
}

@media screen and (max-width:1590px){
  body{ font-size: 16px;} /* background-color: #f7f0d8;*/
  .b_regresa {cursor:pointer; font-size: 27px;}
  .b_R  {cursor:pointer; font-size: 25px; color:#c42932;}
  .b_A  {cursor:pointer; font-size: 25px; color:#2a49cd;}
  .b_V  {cursor:pointer; font-size: 25px; color:#0bb312;}
  .b_B  {cursor:pointer; font-size: 25px; color:#FFFFFF;}
  #Holistico{height: 720px; width: 90%; margin:auto; padding-top:15px;}
  .Circulo_holis{height:450px; width:89%; margin: 3% 0 0 0;}
}


@media screen and (max-width:1367px){
  body{ font-size: 15px;} /* background-color: #f7f0d8;*/
  .b_regresa {cursor:pointer; font-size: 26px;}
  .b_R  {cursor:pointer; font-size: 25px; color:#c42932;}
  .b_A  {cursor:pointer; font-size: 25px; color:#2a49cd;}
  .b_V  {cursor:pointer; font-size: 25px; color:#0bb312;}
  .b_B  {cursor:pointer; font-size: 25px; color:#FFFFFF;}
  #Holistico{height: 700px; width: 90%; margin:auto; padding-top:15px;}
  .Circulo_holis{height:440px; width:89%; margin: 3% 0 0 0;}
}
@media screen and (max-width:1280px){
  body{ font-size: 15px;}
  .b_regresa {cursor:pointer; font-size: 24px;}
  .b_R  {cursor:pointer; font-size: 21px; color:#c42932;}
  .b_A  {cursor:pointer; font-size: 21px; color:#2a49cd;}
  .b_V  {cursor:pointer; font-size: 21px; color:#0bb312;}
  .b_B  {cursor:pointer; font-size: 21px; color:#FFFFFF;}
  #Holistico{height: 700px; width: 90%; margin:auto; padding-top:15px;}
  .Circulo_holis{height:440px; width:89%; margin: 3% 0 0 0;}
}
@media screen and (max-width:1024px){ /*ipad mini esta en el rango de 900 a 950 px*/
  body{ font-size: 11px;}
  .b_regresa {cursor:pointer; font-size: 20px;}
  .b_R  {cursor:pointer; font-size: 18px; color:#c42932;}
  .b_A  {cursor:pointer; font-size: 18px; color:#2a49cd;}
  .b_V  {cursor:pointer; font-size: 18px; color:#0bb312;}
  .b_B  {cursor:pointer; font-size: 18px; color:#FFFFFF;}
  #Holistico{height: 700px; width: 90%; margin:auto; padding-top:15px;}
  .Circulo_holis{height:440px; width:89%; margin: 3% 0 0 0;}
}
@media screen and (max-width:816px){
  body{ font-size: 10px;}
  .b_regresa {cursor:pointer; font-size: 18px;}
  .b_R  {cursor:pointer; font-size: 16px; color:#c42932;}
  .b_A  {cursor:pointer; font-size: 16px; color:#2a49cd;}
  .b_V  {cursor:pointer; font-size: 16px; color:#0bb312;}
  .b_B  {cursor:pointer; font-size: 16px; color:#FFFFFF;}
  #Holistico{height: 700px; width: 90%; margin:auto; padding-top:15px;}
  .Circulo_holis{height:440px; width:89%; margin: 3% 0 0 0;}
}
@media screen and (max-width:768px){
  body{ font-size: 10px;}
  .b_regresa {cursor:pointer; font-size: 18px;}
  .b_R  {cursor:pointer; font-size: 14px; color:#c42932;}
  .b_A  {cursor:pointer; font-size: 14px; color:#2a49cd;}
  .b_V  {cursor:pointer; font-size: 14px; color:#0bb312;}
  .b_B  {cursor:pointer; font-size: 14px; color:#FFFFFF;}
  #Holistico{height: 700px; width: 90%; margin:auto; padding-top:15px;}
  .Circulo_holis{height:440px; width:89%; margin: 3% 0 0 0;}
}
@media screen and (max-width:668px){ /*IPHONE 12 para abajo*/
  body{ font-size: 8px;}
  .b_regresa {cursor:pointer; font-size: 17px;}
  .b_R  {cursor:pointer; font-size: 12px; color:#c42932;}
  .b_A  {cursor:pointer; font-size: 12px; color:#2a49cd;}
  .b_V  {cursor:pointer; font-size: 12px; color:#0bb312;}
  .b_B  {cursor:pointer; font-size: 12px; color:#FFFFFF;}
  #Holistico{height: 700px; width: 90%; margin:auto; padding-top:15px;}
  .Circulo_holis{height:440px; width:89%; margin: 3% 0 0 0;}
}
@media screen and (max-width:414px) { /* IPHONE XR para abajo*/
  body{ font-size: 6px;}
  .b_regresa {cursor:pointer; font-size: 14px;}
  .b_R  {cursor:pointer; font-size: 10px; color:#c42932;}
  .b_A  {cursor:pointer; font-size: 10px; color:#2a49cd;}
  .b_V  {cursor:pointer; font-size: 10px; color:#0bb312;}
  .b_B  {cursor:pointer; font-size: 10px; color:#FFFFFF;}
  #Holistico{height: 700px; width: 90%; margin:auto; padding-top:15px;}
  .Circulo_holis{height:440px; width:89%; margin: 3% 0 0 0;}
}