/********************************************************************************/
/*                                                                              */
/* Plataforma e-ducativa.  Version 10.07.00-39 - Argentina                      */
/*                                                                              */
/* Copyright (c)  de e-ducativa Educación Virtual S.A.                          */
/*                                                                              */
/********************************************************************************/
 /**
 * Estilos utilizados para la seccion ACCESO.
 *
 /*-----------------------------------------------------------------------------------------------------*/

 /**
  * Layout
  *
  */

    #acceso_frame  { position: relative; max-width: 984px !important; margin:  20px auto 40px; padding: 10px 0; background-color: #fff;  box-shadow: 0px 0px 10px 0 #818181; }

    #portada_login { float: left; width: 64%; padding: 0 0 0 10px; box-sizing: border-box; }
    #menu_login    { float: right; width: 36%; padding: 0 10px 0 10px; box-sizing: border-box; }
    #cambio_clave_frame { padding: 10px 0; }

    /* para cuando el texto a mostrar en la pantalla de login es vacio */
    #acceso_frame.vacio { padding: 0; max-width: 500px !important; }
    #acceso_frame.vacio > #menu_login {
      float: none;
      padding: 0px;
      width: auto;
      margin: 0 auto;
    }
    #acceso_frame.vacio #titulo_portada_login   { background-color: #fff; }
    #acceso_frame.vacio .acceso_user_form_titulo { padding: 15px; }
    #acceso_frame.vacio #acceso_user_form,
    #acceso_frame.vacio .submit_line { padding: 15px; }
    #acceso_frame.vacio  #cont_vinculos_login  { padding: 10px; }


 /**
  * @Objeto: vinculos
  *
  */

    #cont_vinculos_login  { margin-top: 20px; padding-bottom: 10px; }
    .lista_vinculos_login { padding: 0; margin: 0; list-style: none; }
    .lista_vinculos_login_titulo { display:block; padding: 0 0 4px 8px; border-bottom: 1px solid #B2B2B2; margin-bottom: 7px; color: #949494; font-size: .9em; }
    a.vinculo_login       { display: block; margin-bottom: 3px; padding: 8px 10px 9px; color: #6d6d6d; text-decoration: none; font-size: .9em; background-color: rgba(255,255,255,0.8); transition: all .3s; }
    a.vinculo_login:hover { margin-left: 3px; padding-right: 7px; background-color: rgba(255,255,255,.9); }

/*-----------------------------------------------------------------------------------------------------*/



 /**
  * @Objeto: portada login
  *
  */

    #titulo_portada_login { margin: -10px 0 10px; padding: 40px 30px 30px; font-size: 1.8em; color: #797979; font-size: 1.8em; background-color: #e6e6e6; text-shadow: 1px 1px 0 #fff; }

    #contenido_portada_login {  }
    #portada_login .contenido_620 .tiny_personalizado  { border: none; box-shadow: none; padding: 0;  }
    .imagen_portada { display: block; max-width: 100%; height: auto; }


 /**
  * @Objeto: formulario login
  *
  */

    .caja_inicio_sesion { padding: 2px 3px; background: linear-gradient(315deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.05) 50%); }

    .acceso_user_form_titulo { padding: 10px; color: #fff; font-size: .9em; background-color: rgba(255,255,255,.15); }

    #acceso_log_form { padding: 2px 0 15px;  }

    #acceso_user_form { margin: 0 0 10px; padding: 12px 8px 15px; text-align: center; background-color: rgba(0,0,0,.15); }


    #acceso_user_form .form_line  { box-sizing: border-box; }
    #acceso_user_form .label      { display: block; width: 100%; margin-bottom: 3px; padding-left: 3px; text-align: left; font-size: .8em; color:rgba(255,255,255,.6); box-sizing: border-box; }
    #acceso_user_form .input      { margin-bottom: 5px; padding: 4px 5px 5px 28px; width: 100%; background-color: rgba(255,255,255,.7); border: 1px solid rgba(255,255,255,.5); font-size: 1em; box-sizing: border-box; transition: all .4s; }
    #acceso_user_form .input:focus{ border-color: rgba(0,0,0,.5); background-color: rgba(255,255,255,1); outline: none; }

    #acceso_user_form .login_user { background-image: url(../img/comunes/login_user.png); background-repeat: no-repeat; background-position: 5px center; }
    #acceso_user_form .login_pass { background-image: url(../img/comunes/login_pass.png); background-repeat: no-repeat; background-position: 5px center; }

    #acceso_olvido_clave  { text-align: center; }
    #link_olvido_clave    { display: inline-block; border: solid 1px rgba(255,255,255,.3); padding: 8px 12px;  font-size: 1em; color: rgba(255,255,255,.8); font-size: .9em; cursor: pointer; transition: all .4s; }
    #link_olvido_clave:hover    { border-color: rgba(255,255,255,1); color: rgba(255,255,255,1);  }

    .submit_line                    { padding: 0 8px; }
    #acceso_log_form .submit        { float: right; border-radius: 4px; border: none; padding: 6px 15px 7px; font-size: 1em; color:#666666; background-color: rgba(255,255,255,0.8); cursor: pointer; transition: all .4s; }
    #acceso_log_form .submit:hover  { color: #000; background-color: #fff; }
    .permanecer_logueado          { opacity: .8; float: left; margin-top: 10px; padding: 0px 0 16px; color: white; font-size: .9em; transition: all .4s; }
    .permanecer_logueado:hover    { opacity: 1; }
    .permanecer_logueado label    { cursor: pointer; }
    .permanecer_logueado input    { vertical-align: middle; height: 1.2em; width: 1.2em; margin-top: 0; cursor: pointer; }
    .permanecer_logueado input:focus    { outline: none; }

    #menu_login a.link_pantalla_acceso {
        margin-right:7px;
        padding: 8px 15px 8px;
        margin-bottom: 20px;
        color:#FFF;
        border:none;
        display:block;
        text-align:center;
        text-decoration:none;
    }

    #menu_login a.link_pantalla_acceso:hover { text-decoration:underline; }

    .nombre_grupo { font-weight: bold }


/* reescribe base.css */
#wrapper { margin-top: 0 !important; background-color: transparent !important;  }
#section { border: none; width: 100% !important; padding-top: 0; background: none; }
#section.no_menu #main > .offset { padding: 0; }


/*-----------------------------------------------------------------------------------------------------*/

/**
* @Objeto: recordatorio de datos de acceso
*
*/

.recordatorio_box                   { max-width: 740px; margin: 0 auto;  }
.recordatorio_acceso                { position: relative; padding: 2px; color: #fff; background: linear-gradient(315deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.05) 50%); }
.recordatorio_acceso > header       { padding: 10px; background-color: rgba(255,255,255,.15); }
.recordatorio_acceso > header h1    { font-size: .9rem; font-weight: normal; }
.recordatorio_acceso .cerrar_ventana  { right: 10px; top: 10px; }

.recordatorio_acceso .sys_msg         { color: #000; margin: 0 10px 20px; }

.recordatorio_acceso form               { margin: 0; padding: 20px; color: rgba(255,255,255,.7); background-color: rgba(0,0,0,0.15); }
.recordatorio_acceso form .line             { margin-bottom: 20px; display: flex; flex-wrap: wrap; text-align: center; }
.recordatorio_acceso form .line:last-child  { margin-bottom: 0; }
.recordatorio_acceso form label         { width: 100%; padding-bottom: 5px; font-size: .9rem; box-sizing: border-box; }
.recordatorio_acceso form input:not([type="submit"]),
.recordatorio_acceso form select                          { border: 1px solid rgba(255,255,255,.5); margin: 0; padding: 4px 5px; box-sizing: border-box; transition-duration: .4s; }
.recordatorio_acceso form :not([type="submit"]):focus     { border-color: rgba(0,0,0,.5); background-color: rgba(255,255,255,1); outline: none; }

.recordatorio_acceso form .line input,
.recordatorio_acceso form .line select    { width: 45%; }
.recordatorio_acceso form .line .captcha  { width: 45%; text-align: center; background-color: #fff; }
.recordatorio_acceso form .line .sep      { width: 10%; padding: 4px 5px; text-align: center; box-sizing: border-box; }
.recordatorio_acceso form .line .sep_movil  { display: none; }

.recordatorio_acceso form input[type="submit"]        { margin: 0 auto; border-radius: 4px; border: none; min-width: 50%; padding: 6px 15px 7px; text-align: center; font-size: 1em; color: #666666; background-color: rgba(255,255,255,0.8); cursor: pointer; transition: all .4s; }
.recordatorio_acceso form input[type="submit"]:hover  { color: #000; background-color: #fff; }

.recordatorio_acceso .mensaje               { padding: 10px; text-align: center; }
.recordatorio_acceso .mensaje p             { margin-bottom: 20px; }
.recordatorio_acceso .mensaje p:last-child  { margin-bottom: 0; }

.recordatorio_acceso .contact_admin         { text-align: center; font-size: .9rem; padding: 10px 20px; }
.recordatorio_acceso .mensaje a,
.recordatorio_acceso .contact_admin a       { display: inline-block; border: solid 1px rgba(255,255,255,.3); padding: 8px 12px; color: rgba(255,255,255,.8); text-decoration: none; font-size: .9em; transition: all .4s; }
.recordatorio_acceso .mensaje a:hover,
.recordatorio_acceso .contact_admin a:hover { border-color: rgba(255,255,255,1); color: rgba(255,255,255,1); }



/* sobre escribe objetos_comunes_sistema.css */
/* esto es una excepcion para contenido 620, que cuando no son responsive se ven como mini-doc con cero tolerancia */
.contenido_620.no-responsive:not(.visualizando)                      { position: relative; width: 210px !important; height: 250px;  border: 1px solid #e9e9e9; border-bottom-color: #C3C3C3; margin: 0 auto; padding: 20px; box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.25); background-color: #fff; overflow: hidden; transition: all .5s; }
.contenido_620.no-responsive:not(.visualizando) .tiny_personalizado  { width: 800px; transform: scale(.30) translate(-123.33%, -124%); border: none; padding: 0; box-shadow: none; }
.contenido_620.no-responsive .contenido_620_abrir  { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; z-index: 10; background: url(../img/iconos/doc_128x128.png) no-repeat center center rgba(255,255,255,.5); transition: all .4s; cursor: pointer; }
.contenido_620.no-responsive:not(.visualizando):hover     { border-color: #D5D5D5; transform: scale(1.05); box-shadow: none; }
.contenido_620.no-responsive .contenido_620_abrir:hover   { opacity: 0.2; }