/* 
    Documento   : Global.Css
         Creado : 28/05/2011, 11:48:28 AM
    Actualizado : Alberto Hugo  Parraguirre Covarrubias
Para ITSmartWEB : 27 de mayo del 2025
    Description:
        Este Documento Proporciona:Colores, Posiciones, Transparencias
        Entre Otras Propiedades Propias De Las Hojas Estilo CSS.
*/


/* Propiedades Globales*/

body{
    background-color:#FFF;
}
/*input[type=submit]{
    border:solid #fff 1px;
    background-color:#333;
    color:#fff;
    text-align:center;
    font-weight:bold;
    vertical-align: middle;
}*/
/* Propiedades De Tabla Machote */


.acc_contenedor 
  {
       width : 100%;
   max-width : 1000px;
      margin : 0 auto;
    overflow : hidden;
  background : #FFFFFF;
  }

header
{
	/*margin : 0%;*/
background : #FFFFFF;
}  

footer
{
	       width : 100%;
}

.recupera_m
{
       width : 100%;
   max-width : 1000px;
      margin : 0 auto;  
    overflow : hidden;
  background : #FFFFFF;
  box-sizing : border-box;
}

.acc_main
{
       width : 100%;
     padding : 5%;
      margin : 0 auto;
  background : #FFFFFF;
  box-sizing : border-box;
}  
 
 .contenedor_galeria
{
    background-color : #FFFFFF;
         color       : #000000;
        width        : 100%;
        height       : auto;
    display          : flex;
     flex-wrap       : wrap;
    justify-content  : space-around;
    font-size        : 18px;
         align-items : center;      
}


.elemento_galeria
{               
  position : relative;  
  margin   : 1%;
}
 
 
/* Cuando se tiene una imágen y se mueve conforme al tamaño del dispositivo 
.main img 
{
	width:100%;
	 height:auto;
}
*/ 

input : invalid+span : after 
{
  content: '✖';
  padding-left: 5px;
}

input : valid+span : after 
{
  content: '✓';
  padding-left: 5px;
}

#numeros {
	width : 4em;
} 

#invini {
	width : 5em;
}  

#nopagos {
	width : 3em;
} 

#pago {
	width : 7em;
} 

#ctotal {
	width : 7em;
} 

#primerpago {
	width : 7em;
} 

.BotondeProcesos:hover{
    background-color:#D4C19C;
}

.BotondeProcesos{
    margin-left:auto;
    margin-right:auto;
    line-height:20px;
    height:17px;
    border-radius:8px;
    border:0px;
    box-shadow: 0 3px 5px #FFFFFF;   /*  #B38E5D  */
    background-color:#F5F2EA;
    font-weight:bold;
    color:#9F2241;       /* Colorletra */   
    cursor:pointer;
}

.BotondeConsulta:hover{
    background-color : #D4C19C;
}

.BotondeConsulta{
    margin-left      : auto;
    margin-right     : auto;
    border           : 0px;
    box-shadow       : 0 3px 5px #FFFFFF;   /*  #B38E5D  */
    background-color : #F5F2EA;
    font-weight      : bold;
    color            : #9F2241;       /* Colorletra */   
    cursor           : pointer;
}

.BotondeProcesosExterno:hover{
    background-color:#D4C19C;
}

.BotondeProcesosExterno{
    margin-left:auto;
    margin-right:auto;
    line-height:15px;
    height:20px;
    border-radius:8px;
    border:0px;
    box-shadow: 0 3px 5px #FFFFFF;   /*  #B38E5D  */
    background-color:#F5F2EA;
    font-weight:bold;
    color:#9F2241;       /* Colorletra */   
    cursor:pointer;
}

.boton_rojo {
    color         : #913944;
    border-bottom : 4px solid #cb5462;
    text-shadow   : 0px 1px 0px #f9a0ad;
    background    : #f56778;
    background    : -webkit-gradient(linear, left top, left bottom, from(#f997b0), to(#f56778));
    background    : -moz-linear-gradient(top,  #f997b0,  #f56778);
    box-shadow    : inset 1px 1px 0 #fbc1d0;
  }

.boton_azul {
    color        : #42788e;
    border-bottom: 4px solid #589cb6;
    background   : #abe4f8;
    text-shadow  : 0px 1px 0px #bee9fa;
    background   : -webkit-gradient(linear, left top, left bottom, from(#abe4f8), to(#74d0f4));
    background   : -moz-linear-gradient(top,  #abe4f8,  #74d0f4);
    box-shadow   : inset 1px 1px 0 #b2e6f8;
  }

/* estilo para lectura de un campo, titulo*/
.titulo_campo{
    background-color:#CCCCCC;
    font-size:12px;
    color:#000000;
}


.Lateral-Izquierda-Superior{
    background-color:#FF6600;
    width:197px;
    color:#FFF;
    font-size:16px;
    font-weight:bold;
    text-align:center;
}

.color_normal    { background-color : #FFFFFF; }
.color_error     { background-color : #FF3C33; }
.color_correcto  { background-color : #33FF52; }
.color_registroactivo { background-color : #A7F5A1; }
.color_noaplica       { background-color : #C4C9C9; }
.color_inasistencia   { background-color : #F39F95; }
.color_evaluado       { background-color : #CEE6FF; }
.color_problema       { background-color : #FCE0DF; }
.color_preventivo     { background-color : #F9FFA2; }

.Barra-Subtitulo{
    background-color:#e9d903;
    font-size:12px;
    color:#000000;
    text-align:center;
}

.izquierda {
    width     : 50%;
    float     : left;
    min-width : 500px;
}

.derecha {
    width     : 50%;
    float     : right;
}

.Barra-Participacion{
    background-color : #D3F8AA;
           font-size : 12px;
               color : #000000;
         font-weight : bold;
          text-align : left;
}

.Barra-Subtitulo-der{
    background-color:#CCCCCC;
    font-size:12px;
    color:#0000;
    text-align:right;
}
.Lateral-Derecha-Superior{
    background-color:#00990f;
    width:705px;
    color:#FFF;
    font-weight:bold;
    text-align:center;
}

.galeria_titulo
  {
         font-family : sans-serif;
          text-align : center;
         font-weight : bold;
           font-size : 38px;
               color : #C4C5DD;    
  }
  
.pie_foto 
  {
     font-family : sans-serif;
       font-size : 16px;
      text-align : center;
     font-weight : bold;
           color : #000000;
  }
  
.pie_foto_nota 
  {
     font-family : sans-serif;
       font-size : 13px;
      text-align : center;
           color : #000000;
  }

/* Esto aplica en los formularios de las tablas */
.Estilo1 {color: #FFFFFF;font-weight: bold;}

.Estilo2 {font-size:16px;font-weight: bold;color:#FFFFFF;}

.Estilo3 {font-size:12px;color:#FFFFFF}

.Estilo4 {font-size:12px; color:#000000}

.EstiloMini {font-size:7px; color:#000000}

.Horizontal-Barra-Estado{
    background-color:#CCC;
}
.Centrado-Negrita{
    text-align:center;
    font-weight:bold;
}
.Centrado-Negrita-Fondo{
    text-align:center;
    font-weight:bold;
    background-color: #CCC;
}
.Centrado{
    text-align:center;
}


.Tabla-Estado{
    width:911px;
}

.boton_mostrar_status {
    float       : center;
    font-size   : 13px;
    line-height : 20px;
    color       : #1616e6;
}

.boton_mostrar {
	  float       : right;
	  font-size   : 13px;
	  line-height : 20px;
	  color       : #FFFFFF;
}

.boton_mostrar_registro {
    float       : right;
    font-size   : 13px;
    line-height : 20px;
    color       : #1616e6;
}

.boton_calculo {
	background-color : #30CDF3; 
	     font-weight : bold;
	        float : center;
        font-size : 13px;
      line-height : 20px;
            color : #000000;
}
	  
.Horizontal-Barra-Titulo{
    background-color:#396e00;
    color:#fff;
    font-size:12px;
    text-align:center;
    font-weight:bold;
}
table#mistablas {border-collapse: collapse;}
td.C-Lateral-Izquierda-Superior     { background-color : #F7E31C; }
td.C-Lateral-Derecha-Superior       { background-color : #FCD833; }
td.C-Vertical-Lateral-Barra-Gris    { background-color : #fdffa1; }
td.C-Vertical-Lateral-Barra-Naranja { background-color : #fdffa1; }
td.C-Lateral-Izquierda-Inferior     { background-color : #FCD833; }
td.C-Lateral-Derecha-Inferior       { background-color : #D1B700; 
                                        color          : #ffffff;
                                      font-weight      : bold;
                                    }
td.C-EmpresaActiva                  { background-color : #d9bb0e; }
td.C-Nombre-EmpresaActiva           { background-color : #FFF380; }
td.C-UsuarioActivo                  { background-color : #d9bb0e; }
td.C-Nombre-UsuarioActivo           { background-color : #FFF380; }

td.cab_titulo_formas {   color          : #ffffff;
                       font-weight      : bold;
                       background-color : #c2a801;
                     }

td.cab_subtitulo_formas {color          : #000000;
                       font-weight      : bold;
                       background-color : #e9d903;
                        }

.Vertical-Lateral-Barra-Gris{
    background-color: #cbffbe;
}

.Vertical-Lateral-Barra-Naranja{
    background-color:#cbffbe;
}
.Lateral-Izquierda-Inferior{
    background-color:#45c10c;
    width:276px;
}
.Lateral-Derecha-Inferior{
    background-color: #45c10c;
    width:626px;
}
.Titulo-Tabla{
    background-color:#ebfebe;
    color:black;
    text-align:center;
}
/*Propiedades De Diseño Avanzado*/
.SinMargen{
    margin:0px;
    padding:0px;
}
.Texto_contrasena {
    margin-left:auto;
    margin-right:auto;
    color:lightslategray;
    font-size: x-small;
}
.Texto_error_registro {
    color : red;
    font-size: x-small;
}

.Eo-Descripcion{
    width:100%;
    height:100px;
    background-color:#FF9900;
    color:black;
    font-weight:bold;
    position: fixed;
    top:80%;
    display:none;
}
/*Registro*/
.Registro{
    margin:0px;
    height:100%;
    width:100%;
    padding:0px;
    border-spacing: 0px;
}
.Registro td[class="Banner"]{
    height:100px;
    width:100%;
    background-image:url("../imagenes/BannerRegistro.jpg");
}
.Registro td[class="Banner"] div[class="LogoRaite"]{
    left:50px;
    height:125px;
    width:144px;
    background-image:url("../imagenes/logo_raite_10.png");
    position:absolute;
    top:20px;
}
.Registro td[class="Banner"] div[class="SobreLogo"]{
    background-image:url("../imagenes/cabezera2.png");
    height:95px;
    width:100%;
}
.Registro table[class="Cuerpo"]{
    width:100%;
    height:100%;
}
.Registro table[class="Cuerpo"] td{
    width:50%;
}
.Registro table[class="Campos"]{
    width:200px;
}
.CampoTexto{
    border:solid #ccc 1px;
    width:200px;
    -webkit-border-radius:2px;
    -moz-box-shadow: 0px 0px 2px #6f6f6f;
    -moz-border-radius:2px;
    -o-box-shadow: 0px 0px 2px #6f6f6f;
    -o-border-radius:2px;
    box-shadow: 0px 0px 2px #6f6f6f;
    border-radius:2px;
    color:#6f6f6f;
    text-shadow:0px 0px 2px #ccc;
}
.CampoTextoAcceso{
    border:solid #ccc 1px;
    width:100px;
    -webkit-border-radius:2px;
    -moz-box-shadow: 0px 0px 2px #6f6f6f;
    -moz-border-radius:2px;
    -o-box-shadow: 0px 0px 2px #6f6f6f;
    -o-border-radius:2px;
    box-shadow: 0px 0px 2px #6f6f6f;
    border-radius:2px;
    color:#6f6f6f;
    text-shadow:0px 0px 2px #ccc;
}
.TituloRegistro{
    color:#6f6f6f;
    font-size:8mm;
    text-shadow: 0px 0px 3px #ccc;
}
.LabelCampo{
    color:#6f6f6f;
    text-shadow:0px 0px 2px #ccc;
    font-weight:bold;
}
.LabelAcceso_02{
    color:#7EA2D6;
    text-shadow:0px 0px 2px #ccc;
    font-weight:bold;
}

.LabelAcceso{
    color:#009999;
    text-shadow:0px 0px 2px #ccc;
    font-weight:bold;
}

.CampoRegistro{
    margin-top:-30px;
    padding:15px;
    border-radius:2px;
    box-shadow: 0px 0px 3px #6f6f6f;
    margin-left:auto;
    margin-right:auto;
}
.articulos_titulo{
    color:#3333FF;
    text-shadow:0px 0px 2px #ccc;
    font-size:6mm;
    font-weight:bold;
}
.articulos_titulo1 {
    color:#3333FF;
    text-shadow:0px 0px 1px #ccc;
    font-size:4mm;
    font-weight:bold;
}

/*#7DC4FF*/
.articulos_recursos{
    color:#3333FF;
    text-shadow:0px 0px 2px #ccc;
    font-size:4mm;
    font-weight:bold;
}

.titulo_sitiosinteres{
       color : #3333FF;
 text-shadow : 0px 0px 2px #ccc;
   font-size : 4mm;
 font-weight : bold;
  text-align : center;
}

.titulo_documentoshtas{
    color:#3333FF;
    text-shadow:0px 0px 2px #ccc;
    font-size:4mm;
    font-weight:bold;
    text-align : center;
}

.titulo_personalusuarios{
    color:#3333FF;
    text-shadow:0px 0px 2px #ccc;
    font-size:4mm;
    font-weight:bold;
    text-align : center;
}

.articulos_texto{
    font-size:4mm;
}

.articulos_texto_mov {
    font-size  : 2.5mm;
    text-align : left;  
text-decoration:none;
    font-weight:bold;
}

.articulos_piefoto{
    font-size:2.5mm;
}
.articulos_visitas{
    color:#6f6f6f;
    text-shadow:0px 0px 2px #ccc;
    font-weight:bold;
    font-size:3mm;
}
.textito_error{
    color:#FF0000;
    text-shadow:0px 0px 2px #ccc;
    font-weight:bold;
    font-size:2.5mm;
}
.Titulo1{
    font-size:6mm;
    color:#6f6f6f;
    text-shadow:0px 0px 2px #ccc;
    text-indent:20px;
}
.Texto1{
    margin-top:30px;
    margin-right:auto;
    margin-left:auto;
    width:80%;
    font-size:4mm;
    color:#6f6f6f;
    text-shadow:#ccc;
    text-align:justify;
}
.AlingTop{
    vertical-align:top;
}
.texto_seccion_leyenda{
    font-size:3mm;
    color:#6f6f6f;
    text-decoration:none;
    font-weight:bold;
}
.texto_seccion_domicilio{
    font-size:3mm;
    color:#6f6f6f;
    text-decoration:none;
    font-weight:bold;
}
.texto_seccion_contacto{
    font-size:3mm;
    color:#6f6f6f;
    text-decoration:none;
    font-weight:bold;
}
.texto_pregunta{
    font-size:3mm;
    color:#6f6f6f;
    text-decoration:none;
    font-weight:bold;
}
.texto_respuesta{
    font-size:3mm;
    color:#6f6f6f;
    text-decoration:none;
}
.BotonRegistro{
    line-height:25px;
    width:200px;
    height:25px;
    border-radius:2px;
    border:0px;
    box-shadow: 0px 0px 2px #6f6f6f;
    background-color:#0099ff;
    color:white;
    font-weight:bold;
    cursor:pointer;
}
.BotonRegistro:hover{
    background-color:orange;
}
.BotonAcceso_02{
    margin-left:auto;
    margin-right:auto;
    line-height:20px;
    width:100px;
    height:20px;
    border-radius:2px;
    border:0px;
    box-shadow: 0px 0px 2px #6f6f6f;
    background-color:#0000CC;
    color:white;
    font-weight:bold;
    cursor:pointer;
}

.BotonAcceso{
    margin-left:auto;
    margin-right:auto;
    line-height:20px;
    width:100px;
    height:20px;
    border-radius:2px;
    border:0px;
    box-shadow: 0px 0px 2px #6f6f6f;
    background-color:#006666;
    color:white;
    font-weight:bold;
    cursor:pointer;
}


.BotonAcceso_02:hover{
    background-color:#0099ff;
}
.BotonAcceso:hover{
    background-color:#00CC66;
}


.Texto_acceso{
    font-size:3mm;
    color:#6f6f6f;
    text-decoration:none;
}
.Texto_acceso:hover{
/*    cursor:pointer;*/
    color:black;
}
.NoLink{
     color:red;
     text-decoration: none;
}
input [type="text"]{
    border-radius:2px;
    box-shadow: 0px 0px 3px #6f6f6f;
}
.menu_titulo{
    font-size:5mm;
    color:#6f6f6f;
    text-shadow:0px 0px 2px #ccc;
    text-indent:20px;
}
.menu_descripcion{
    font-size:4mm;
    color:#6f6f6f;
    text-shadow:0px 0px 2px #ccc;
    text-indent:20px;
}
.menu_vineta{
    font-size:4mm;
    color:#6f6f6f;
    text-shadow:0px 0px 2px #ccc;
    text-indent:20px;
}