@font-face {
  font-family: 'NexaBold';
  src: url("../07.fonts/NexaBold.eot");
  src: url("../07.fonts/NexaBold.woff") format('woff'), url("../07.fonts/NexaBold.ttf") format('truetype'), url("../07.fonts/NexaBold.svg#NexaBold") format('svg'), url("../07.fonts/NexaBold.eot?#iefix") format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NexaLight';
  src: url("../07.fonts/NexaLight.eot");
  src: url("../07.fonts/NexaLight.woff") format('woff'), url("../07.fonts/NexaLight.ttf") format('truetype'), url("../07.fonts/NexaLight.svg#NexaLight") format('svg'), url("../07.fonts/NexaLight.eot?#iefix") format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ENCODEsans';
  src: url("../07.fonts/encodesans.ttf") format('truetype'), url("../07.fonts/encodesans.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ENCODEsansBOLD';
  src: url("../07.fonts/encodesansbold.ttf") format('truetype'), url("../07.fonts/encodesans.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}
html, body {
    margin: 0px;
    height: 100%;
}
/*SCROLLBAR PRINCIPAL*/
::-webkit-scrollbar {
    width: 12px;
}
::-webkit-scrollbar-track {
    background: #e7e9ed;
}
::-webkit-scrollbar-thumb {
    background: #345b8b; 
}
::-webkit-scrollbar-thumb:hover {
    background: #347ed8;
}
span {
    padding:0px;
    border:0px;
    margin:0px;
    line-height:normal;
}
/* El contenedor y todo su contenido tendrán una opacidad del 50%. */
div.todo-transparente {
    background-color: rgb(0, 0, 0); /* o background-color:#000000; */
    opacity: 0.5;
    color: #000;
}
/* Solo el fondo del contenedor tendrá una opacidad del 50%.
 * Su contenido será opaco 100%. */
div.fondo-transparente-cont-opaco {
    background-color: rgba(0, 0, 0, 0.5);
    color:#FFF;
}
div.boton_ingresar {
    font-family:'ENCODEsans', sans-serif;
    font-size:14px;
    text-align:center;
    color:#FFFFFF;
    width:150px;
    height:30px;
    background-color:#004B9C;
    border:1px #004B9C solid;
    cursor:pointer;
    line-height:30px;
}
div.boton_ingresar:hover {
    color:#FFFFFF;
    background-color:#ea4a16;
    border:1px #ea4a16 solid;
}
.alcentrologin {
    position:absolute;
    top: 50%;
    left: 50%;
    width: 700px;
    height: 200px;
    margin-top: -100px;
    margin-left: -350px;
}
.version_pro {
    background-color:none;
    line-height:25px;
    font-size:11px;
    font-family:MS Reference Sans Serif;
    text-decoration:none;
    color:#EEE;
}
.version_pro:hover {
    background-color: rgba(0, 0, 0, 0.5);
    color:#FFF;
}
span.texto_link_celeste {
    font-size:11px;
    font-family:MS Reference Sans Serif;
    text-decoration:none;
    color:#f37e1a;
    cursor:pointer;
}
span.texto_link_celeste:hover {
    color:#ff6500;
    text-decoration:underline;
}
span.texto_link_azul {
    font-family:'ENCODEsans', sans-serif;
    font-size:11px;
    color:#003994;
    text-decoration:none;
    cursor:pointer;
}
span.texto_link_azul:hover {
    text-decoration:underline;
}
.selecciona{
   background: transparent;
   font-size: 12px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   font-family:'ENCODEsans', sans-serif;
   color:#666666;
   background-color:#F0F0F0;
   border:solid #dddddd 1px;
   height:21px;
   padding-left:3px;
   padding-right:3px;
}
.selecciona:hover {
    border:solid #0082ff 1px;
    background-color:#FFFFFF;
    }
.selecciona:focus{
    background-color:#FFFFCC;
    border:solid #0082ff 1px;
    color:#000000;
	outline:0px;
}
.selecciona:not(:focus){
    background-color:#F0F0F0;
    border:solid #dddddd 1px;
    color:#666666;
}
span.textoenter {
    font-family:'ENCODEsans', sans-serif;
    font-size:12px;
    color:#EEEEEE;
    margin-right:5px;
    line-height:25px;
}
span.textoenter_min {
    font-family:'Arial';
    font-size:10px;
    color:#FFFFFF;
    font-weight:bold;
}
div.boton_enter {
    font-family:'ENCODEsans', sans-serif;
    font-size:12px;
    text-align:center;
    color:#FFFFFF;
    position:absolute;
    left: 50%;
    margin-top: 20px;
    margin-left: -75px;
    width:150px;
    height:30px;
    background-color:#00345B;
    border:1px #FFFFFF solid;
    cursor:pointer;
    line-height:30px;
}
div.boton_enter:hover {
    color:#FFFFFF;
    background-color:#ea4a16;
    border:1px #ea4a16 solid;
}
input.cajaenter {
    font-family:'ENCODEsans', sans-serif;
    font-size:16px;
    color:#666666;
    background-color:#F0F0F0;
    border:solid #dddddd 1px;
    height:25px;
    padding-left:3px;
    padding-right:3px;
}
input.cajaenter:hover {
    color:#ff1700;
    border:solid #ff5e00 1px;
    background-color:#FFFFFF;
    }
input.cajaenter:focus{
    background-color:#FFFFCC;
    border:solid #ff5e00 1px;
    color:#ff1700;
	outline:0px;
}
input.cajaenter:not(:focus){
    background-color:#F0F0F0;
    border:solid #dddddd 1px;
    color:#666666;
}
.selec_enter {
    font-family:'ENCODEsans', sans-serif;
    font-size:12px;
    color:#666666;
    background-color:#F0F0F0;
    border:solid #dddddd 1px;
    height:25px;
    padding-left:3px;
    padding-right:3px;
}
.selec_enter:hover {
    color:#ff1700;
    border:solid #ff5e00 1px;
    background-color:#FFFFFF;
    }
.selec_enter:focus{
    background-color:#FFFFCC;
    border:solid #ff5e00 1px;
    color:#ff1700;
	outline:0px;
}
.selec_enter:not(:focus){
    background-color:#F0F0F0;
    border:solid #dddddd 1px;
    color:#666666;
}
span.texto_link_blanco {
    font-size:10px;
    font-family:MS Reference Sans Serif;
    text-decoration:none;
    color:#FFFFFF;
    cursor:pointer;
}
span.texto_link_blanco:hover {
    text-decoration:underline;
}