:root{--main-color-1:#0089cc;--main-color-2:#004a8d;--main-color-3:#ffc234}*{font-family:"Trebuchet MS",Arial,Helvetica,sans-serif}html,body{position:relative;width:100%;height:100%;padding:0;margin:0;background-color:black}#bodyContent{display:block;width:100%;min-height:100%;margin:0;z-index:0;background-color:#242e3a;background-image:url("../images/bg.jpg");background-position:0vw 0vw;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;border-top:10px solid var(--main-color-2)}@media(orientation :landscape){#bodyContent{background-size:cover}}@media(orientation :portrait){#bodyContent{background-size:cover}}.login-box{width:100%;margin:0 auto;max-width:350px;padding:0 15px;z-index:1;position:absolute;bottom:4%;left:10%}.login-box .alert{margin-left:15px;margin-right:15px}.base_area{display:block;padding:15% 5%}.base_area .btn{border-radius:2px;text-transform:uppercase}.login-box .btn{outline:none !important}.login-box .btn-primary{background-color:var(--main-color-2) !important;background-image:none !important}.login-box .btn-primary:hover{outline:none !important;color:#fff !important;background-color:var(--main-color-2) !important;background-image:none !important}.login-box .btn-success{outline:none !important;color:#fff;text-transform:uppercase;border-color:var(--main-color-2);background:var(--main-color-2);border-radius:2px}.login-box .btn-success:hover,.login-box .btn-success:focus,.login-box .btn-success:active,.login-box .btn-success.active,.login-box .btn-success:visited{outline:none !important;color:#fff !important;border-color:#788d8e !important;background-color:#a0b9ba !important;background-position:0 0}.header_area{height:210px;padding:20px 0}.header_area_logo{background-color:transparent;background-repeat:no-repeat;background-position:center center;height:100%;background-size:auto 95%}.form_area{padding:1em 0}.form_area .form-group input.form-control{background:rgba(255,255,255,1);border:solid 1px #efefef;border-radius:0}.form_area .form-group .input-group span.input-group-addon{background:rgba(255,255,255,1);border:solid 1px #efefef;border-right:0;min-width:40px;color:#369;border-radius:0}.form_area .form-group{margin-bottom:5px}.btn-info{background-image:none !important;background-color:var(--main-color-1) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);color:#fff}.btn-info:hover{background-image:none !important;color:#fff;background-color:var(--main-color-2)}.btn-primary{background-image:none !important;background-color:var(--main-color-1) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);color:#fff;border-color:var(--main-color-1) !important}.btn-primary:hover{background-image:none !important;color:#fff;background-color:var(--main-color-1)}.btn-default{background-color:#696969 !important;color:white;text-shadow:none !important}.btn-default:hover,.btn-default:focus{background-color:#bababa !important;background-position:0 -15px;color:white;backgorund-image:none !important}a#olvido_pin{background-color:#696969 !important;color:#554f4f;text-shadow:none !important}a#olvido_pin:hover{background-color:#bababa !important;background-position:0 -15px;color:white;background-image:none !important}@media(max-width :1100px){}.footer_area{bottom:0;color:#fff;display:block;height:20px;padding:20px;position:absolute;width:100%}.login_msg_area{padding:0 5% 1em;color:#fff}.login_msg_area p,.login_msg_area h1{font-weight:normal;color:#fff;line-height:1.3em;text-align:center;text-shadow:0 1px 1px #666}.login_msg_area h1{font-size:44px;font-weight:300}.login_msg_area p{font-size:14px;color:rgba(255,255,255,1)}@media(min-width :200px) and (max-width:650px){.base_area{display:block;padding:0 5%}.header_area{height:180px;padding:10px 0}}.componente_clave_ingreso{position:relative;top:0;left:0;padding:0}.componente_clave_ingreso .caja_ingreso{position:relative;top:0;left:0;display:block;width:160px;min-height:160px;padding:20px;background:#384656 url("../images/cmp/lock.gif") 100% 100% no-repeat;border:solid 1px #008131;-ms-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px;z-index:20}.componente_clave_ingreso h1,.componente_clave_ingreso h2,.componente_clave_ingreso h3,.componente_clave_ingreso h4,.componente_clave_ingreso h5,.componente_clave_ingreso h6{color:#fff;margin:.5em 0}.componente_clave_ingreso h3{font-size:11px}.componente_clave_ingreso input{font-size:12px;line-height:18px;padding:2px 0 0;width:100%;height:16px;border:solid 1px #008131}.componente_clave_ingreso .caja_selector{position:absolute;display:none;top:0;left:-40px;width:30px;height:33px;background-color:transparent;background-image:url("../images/cmp/fondo-selector-caja.png");background-position:50% 50%;background-repeat:no-repeat;z-index:22}.componente_clave_ingreso .caja_teclado{position:absolute;top:0;left:100%;width:60px;height:168px;z-index:0}@media(max-width :1200px){.componente_clave_ingreso .caja_teclado{display:none}}.componente_clave_ingreso .contenido_caja_teclado{position:relative;top:0;left:0;background-color:transparent;width:60px;height:168px;overflow:hidden}.componente_clave_ingreso .teclado_grafico{position:absolute;display:none;top:0;left:0;width:430px;height:138px;background-color:rgba(0,0,0,0.4)}.componente_clave_ingreso a.tecla_teclado,.componente_clave_ingreso a.tecla_teclado:hover,.componente_clave_ingreso a.t2,.componente_clave_ingreso a.t2:hover{background-color:rgba(255,255,255,.5);position:absolute;display:block;width:24px !important;height:24px;font-weight:normal;text-align:center;padding:2px 0;font-size:13px;color:#fff;-webkit-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.5);box-shadow:0 2px 2px 0 rgba(0,0,0,.5);cursor:pointer;background-image:-webkit-linear-gradient(top,#337ab7 0,var(--main-color-2)100%);background-image:-o-linear-gradient(top,#337ab7 0,var(--main-color-2)100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#265a88));background-image:linear-gradient(to bottom,#337ab7 0,var(--main-color-2)100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7',endColorstr='#ff265a88',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);background-repeat:repeat-x;border-color:#245580}.componente_clave_ingreso a.tecla_teclado i.fa{font-size:12px;padding-top:4px}.componente_clave_ingreso a.tecla_teclado:hover,.componente_clave_ingreso a.t2:hover{color:#fff;background:#204d74;border-color:#122b40;text-decoration:none;box-shadow:none;outline:0}.componente_clave_ingreso a.t2,.componente_clave_ingreso a.t2:hover{width:54px !important}.estilo_nota{background-color:#color35 #6CD;padding:10px;padding-bottom:10px;margin-bottom:5px}.estilo_nota b{font-weight:bold}