body,td,th,a {font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans"; margin:0; padding: 0;}
footer {
  /*min-height: 20px;*/
  padding:5px;
  color: #c2c4a6;
  font-size: 1em;
  background-color: #191919;
  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;}
.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;}
/*tr:hover {background: lightyellow !important;}/*Resaltado de tablas*/
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;}
/*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);}
.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;}
.i_link{cursor:pointer; color:#0d65e9; text-decoration: underline;} /* TIPO Hipervinculo para texto*/
.modal_general, .m_particular, .m_singular{font-size: .9em;}

    .cuadro_app{ /*botonera */
        text-align: left;
        border: solid 2px #000;
        text-shadow: 8px 8px 8px rgb(68, 3, 29);
        cursor:pointer;
        width: 85%;
        padding: 14px 0 14px 5px;
        color:#FFFFFF;
        background-image: linear-gradient(#f23535, #75090e);
        font-size: 2em;
        margin: 10px auto;
        border-radius: 15px 0px;
    }

/*-- responsive media queries --*/
@media screen and (max-width:3981px){
  body{ font-size: 16px;}
  .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;}
  .TOP{font-size: 2em; font-weight: bold; text-align: center; padding: 5px;}
  .TOP2{font-size:3em;font-weight: bold; text-align: center; padding: 3px;}
}
@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;}
  .TOP{font-size: 2em; font-weight: bold; text-align: center; padding: 8px;}
  .TOP2{font-size:3em;font-weight: bold; text-align: center; padding: 3px;}
}
@media screen and (max-width:1280px){
  body{ font-size: 15px;} /* background-color: #fef1fd;*/
  .cloud_dxz{ 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;}
  .TOP{font-size: 2em; font-weight: bold; text-align: center; padding: 8px;}
  .TOP2{font-size:4em;font-weight: bold; text-align: center; padding: 3px;}
}
@media screen and (max-width:1024px){ /*ipad mini esta en el rango de 900 a 950 px*/
  body{ font-size: 11px;} /* background-color: #e9f7d8;*/
  .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;}
  .TOP{font-size: 2em; font-weight: bold; text-align: center; padding: 15px;}
  .TOP2{font-size:4em;font-weight: bold; text-align: center; padding: 3px;}
}
@media screen and (max-width:816px){
  body{ font-size: 10px;}/* background-color: #ffe2e3;*/
  .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;}
  .TOP{font-size:2em; font-weight: bold; text-align: center; padding: 15px;}
  .TOP2{font-size:5em;font-weight: bold; text-align: center; padding: 3px;}
}
@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;}
  .TOP{font-size: 2em; font-weight: bold; text-align: center; padding: 20px;}
  .TOP2{font-size: 4.5em; font-weight: bold; text-align: center; padding: 3px;}
}
@media screen and (max-width:668px){
  body{ font-size: 7px;}
  .b_regresa {cursor:pointer; font-size: 16px;}
  .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;}
  .TOP{font-size: 2em; font-weight: bold; text-align: center; padding: 20px;}
  .TOP2{font-size: 6em; font-weight: bold; text-align: center; padding: 3px;}
}
@media screen and (max-width:414px) {
  body{ font-size: 6px;} /*  background-color: lightblue;*/
  .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;}
  .TOP{font-size: 2em; font-weight: bold; text-align: center; padding: 20px;}
  .TOP2{font-size: 7em; font-weight: bold; text-align: center; padding: 3px;}
}