:root{
    --colorFndInpts: rgba(242, 242, 242, 0.5); /*#F2F2F2;*/
}
.anchoContenedorCentrado{width: 65%; margin: 0px auto;}
/*Formularios*/
.contenedor__datos_Venta{
  align-items: center;
  width: 100%;
  min-width: 250px;
  text-align: center;
  /*margin: 0 auto;*/
  border-radius: 15px;
  filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(100, 100, 100, 0.5));
  /*La transicion va despues del codigo JS*/
}

.contenedor__datos_Venta form{
    /*width: 100%;*/
    padding: 20px 20px; /* checar el tamaño de la parte login*/
    background: white;
    /*position: absolute;*/
    /*border-radius: 15px;
    border: 1px solid rgba(184, 107, 0, 0.5);*/
}
.contenedor__datos_Venta .bordeDrd{
    border-radius: 15px;
    border: 1px solid rgba(184, 107, 0, 0.5);
}

.contenedor__datos_Venta form h2{
    font-size: 30px;
    text-align: center;
    color:  #0070b8; /*#46A2FD;*/
    border-bottom: 2px solid rgba(184, 107, 0, 0.3);
}

.contenedor__datos_Venta form textarea{
  width: 100%;
  margin-top: 20px;
  padding: 10px 5px;
  border: none;
  border-radius: 7px;
  background: var(--colorFndInpts);
  font-size: 16px;
  outline: none;
  max-width: auto;
  min-width: auto;
}
.contenedor__datos_Venta form input{
    width: 100%;
    margin-top: 20px;
    padding: 10px 5px;
    border: none;
    border-radius: 7px;
    background: var(--colorFndInpts);
    font-size: 16px;
    outline: none;
}
.contenedor__datos_Venta form select{
    width: 100%;
    margin-top: 20px;
    padding: 10px 5px;
    border: none;
    border-radius: 7px;
    background: var(--colorFndInpts);
    font-size: 16px;
    outline: none;
}

.contenedor__datos_Venta form input:focus,
.contenedor__datos_Venta form textarea:focus{
    border: 1px  #0070b8 solid; /*none;*/
}

.contenedor__datos_Venta  form button{
    padding: 10px 40px;
    margin-top: 10px;
    border: 1px #0070b8 solid;
    border-radius: 7px;
    font-size: 14px;
    background:  #fff; /*#46A2FD;*/
    font-weight: 600;
    cursor: pointer;
    color: #0070b8; /*white;*/
    outline: none;
    transition: all 400ms;
}

.contenedor__datos_Venta  .TextColorBlLiga {
    color: #0070b8;
    text-decoration: none;
}
.contenedor__datos_Venta  .TextColorBlLiga:hover {
    color: #0070b8;
    text-decoration: underline;
    font-style: oblique;
    font-weight: bold;
}

.contenedor__datos_Venta  form button:hover{
    background:  #0070b8;
    color:white;
}

.dvdDiv20{width: 20%;}
.dvdDiv25{width: 25%;}
.dvdDiv30{width: 30%;}
.dvdDiv35{width: 35%;}
.dvdDiv45{width: 45%;}
.minAncho{min-width: 300px;}
.minAnchoCent80{min-width: 300px; max-width: 80%; margin: 0 auto;}
.fndRojo{background: red;}
.enlineaDiv{display: inline-block;}
.mdFlexi{display: flex;}
.cntrDiv{margin: 0px auto;}
.lnBajoAzul1px{border-bottom: 1px solid rgba(0, 112, 184, 0.5); margin-bottom: 5px;}
.lnBajoAzul2px{border-bottom: 2px solid rgba(0, 112, 184, 0.5); margin-bottom: 5px;}
.lnBajoAzul3px{border-bottom: 3px solid rgba(0, 112, 184, 0.5); margin-bottom: 5px;}
.lnBajoAzul4px{border-bottom: 4px solid rgba(0, 112, 184, 0.5); margin-bottom: 5px;}
.lnBajoAzul5px{border-bottom: 5px solid rgba(0, 112, 184, 0.5); margin-bottom: 5px;}

.lnDerechaAzul1px{border-right: 1px solid rgba(0, 112, 184, 0.5); margin-bottom: 5px;}
.lnDerechaAzul2px{border-right: 2px solid rgba(0, 112, 184, 0.5); margin-bottom: 5px;}
.lnDerechaAzul3px{border-right: 3px solid rgba(0, 112, 184, 0.5); margin-bottom: 5px;}
.lnDerechaAzul4px{border-right: 4px solid rgba(0, 112, 184, 0.5); margin-bottom: 5px;}
.lnDerechaAzul5px{border-right: 5px solid rgba(0, 112, 184, 0.5); margin-bottom: 5px;}

.lnIzquierdaAzul1px{border-left: 1px solid rgba(0, 112, 184, 0.5); margin-bottom: 5px;}
.lnIzquierdaAzul2px{border-left: 2px solid rgba(0, 112, 184, 0.5); margin-bottom: 5px;}
.lnIzquierdaAzul3px{border-left: 3px solid rgba(0, 112, 184, 0.5); margin-bottom: 5px;}
.lnIzquierdaAzul4px{border-left: 4px solid rgba(0, 112, 184, 0.5); margin-bottom: 5px;}
.lnIzquierdaAzul5px{border-left: 5px solid rgba(0, 112, 184, 0.5); margin-bottom: 5px;}

.tmnDivIzq10px{width: 10px;}
.tmnDivIzq20px{width: 20px;}
.tmnDivIzq30px{width: 30px;}
.tmnDivIzq40px{width: 40px;}
.tmnDivIzq50px{width: 50px;}

.BordoNorm {
    color: rgba(255, 0, 0, 0.6);
    margin-left: 2px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.0);
}
.BordoRojo {
    color: rgba(255, 0, 0, 0.6);
    margin-left: 2px;
    box-shadow: 0 0 5px rgba(255, 0, 0, 0.6);
}
.BordoVerde {
    color: rgba(0, 183, 22, 0.6);
    margin-left: 2px;
    box-shadow: 0 0 5px rgba(0, 183, 22, 0.6);
}
.BordoWarning {
    color: rgba(255, 195, 0, 0.6);
    margin-left: 2px;
    box-shadow: 0 0 5px rgba(255, 195, 0, 0.6);
}
.FondoAzulTextNegro {
    background: rgba(0, 112, 187, 0.25);
    color: #000;
}
.FondoAzulTextBlanco {
    background: rgba(0, 112, 187, 0.25);
    color: #fff;
}
.FondoVerdeTextBlanco {
    background: rgba(0, 183, 22, 0.4);
    color: #fff;
}
.FondoRojoTextBlanco {
    background: rgba(231, 76, 60, 0.4);
    color: #fff;
}
.FondoWarningTextBlanco {
    background: rgba(255, 195, 0, 0.4);
    color: #fff;
}
.FondoVerdeTextNegro {
    background: rgba(0, 183, 22, 0.2);
    color: #000;
}
.FondoRojoTextNegro {
    background: rgba(231, 76, 60, 0.2);
    color: #000;
}
.FondoWarningTextNegro {
    background: rgba(255, 195, 0, 0.4);
    color: #000;
}

.TextTam08px{font-size: 8px;}
.TextTam10px{font-size: 10px;}
.TextTam12px{font-size: 12px;}
.TextTam14px{font-size: 14px;}
.TextTam16px{font-size: 16px;}
.TextTam18px{font-size: 18px;}
.TextTam20px{font-size: 20px;}
.TextTam25px{font-size: 25px;}
.TextTam30px{font-size: 30px;}
.TextTam35px{font-size: 35px;}
.TextTam40px{font-size: 40px;}
.TextColorBl{ color: #ffffff; }
.TextColorNg{ color: #000000; }
.TextColorRd{ color: #FF0000; }

.TextColorVr{ color: rgba(0, 183, 22, 0.6); }
.TextColorAz{color: #0070b8;}
.TextColorDr{color: rgba(184, 107, 0, 0.25);}
.TextBordeDr{-webkit-text-stroke: 1px rgba(184, 107, 0, 0.25);} /*rgba(184, 107, 0, 0.25)*/
.TextBordeAz{-webkit-text-stroke: 1px #0070b8;} /*rgba(184, 107, 0, 0.25)*/

.JustificaTo{ text-align: justify !important;}
.JustificaDe{ text-align: right !important;}
.JustificaIz{ text-align: left !important;}
.JustificaCe{ text-align: center !important;}


.Pad2px{padding: 2px;}
.Pad4px{padding: 4px;}
.Pad6px{padding: 6px;}
.Pad8px{padding: 8px;}
.Pad10px{padding: 10px;}
.Pad20px{padding: 20px;}
.Pad10pxToBo20{padding: 10px; padding-bottom: 20px; padding-top: 20px;}
.PadIzq2px{padding-left: 2px;}
.PadIzq4px{padding-left: 4px;}
.PadIzq6px{padding-left: 6px;}
.PadIzq8px{padding-left: 8px;}
.PadIzq10px{padding-left: 10px;}
.PadIzq20px{padding-left: 20px;}
.PadIzq05pc{padding-left: 5%;}
.PadIzq10pc{padding-left: 10%;}
.PadIzq20pc{padding-left: 20%;}
.PadIzq40pc{padding-left: 40%;}
.PadIzq60pc{padding-left: 60%;}
.MargIzq10px{margin-left: 10px;}
.MargIzq20px{margin-left: 20px;}
.MargBot20px{margin-bottom: 20px;}
.MargCero{margin: 0px;}
.mnmAlto10px{height: 10px;}
.mnmAlto20px{height: 20px;}
.mnmAlto30px{height: 30px;}
.mnmAlto40px{height: 40px;}

.BordeDorado1{border: 1px solid rgba(184, 107, 0, 0.25); border-radius: 0.5rem}
.BordeDorado2{border: 2px solid rgba(184, 107, 0, 0.25); border-radius: 0.5rem}
.BordeDorado3{border: 3px solid rgba(184, 107, 0, 0.25); border-radius: 0.5rem}
.BordeAzul1{border: 1px solid rgba(0, 112, 187, 0.25); border-radius: 0.5rem}
.BordeAzul2{border: 2px solid rgba(0, 112, 187, 0.25); border-radius: 0.5rem}
.BordeAzul3{border: 3px solid rgba(0, 112, 187, 0.25); border-radius: 0.5rem}
.BordeNegro1{border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 0.5rem}
.BordeNegro2{border: 2px solid rgba(0, 0, 0, 0.25); border-radius: 0.5rem}
.BordeNegro3{border: 3px solid rgba(0, 0, 0, 0.25); border-radius: 0.5rem}
.BordeGris1{border: 1px solid rgba(0, 0, 0, 0.10); border-radius: 0.5rem}
.BordeGris2{border: 2px solid rgba(0, 0, 0, 0.10); border-radius: 0.5rem}
.BordeGris3{border: 3px solid rgba(0, 0, 0, 0.10); border-radius: 0.5rem}
.BordeTransparente{border: 0px solid rgba(0, 112, 187, 0.25); border-radius: 0.5rem}

.ponrojo{border: 1px red solid;}
.enlinea{display: inline-block;}
/* /////////////////////////////////////// */

@media (max-width: 850px){
    .mdFlexi{display: inherit;}
    
}
@media (max-width: 650px){
    .mdFlexi{display: inherit;}
    .MargIzq10px{margin-left: 0px;}
}
@media (max-width: 550px){
    .enlineaDiv{display: block;}
    .fndRojo{background: blue;}
}
    

/* /////////////////////////////////////// */