/* 
    Documento       : Global.Css
    Creado          : 28/05/2011, 11:48:28 AM
    Autor           : Jesus David Valdivia Rios
        Description :
        Este Documento Proporciona:Colores, Posiciones, Transparencias
        Entre Otras Propiedades Propias De Las Hojas Estilo CSS.
    Actualizado por : Alberto Parraguirre Covarrubias    
  Fecha Actualizado : 25 de junio del 2025
                    : Implementación del modal para avisos de privacidad.
*/


/* Propiedades Globales*/

body{
    background : #FFFFF;
    margin     : 0;
}

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

.encabo_renglon:after {
    content    : "";
    display    : table;
    clear      : both;
}

.encabo_contenedor_logotipo
{
	width      : 25%;
    float      : left; 
    height     : 100%; 
 /* background-color:#A1E899; */ 
}

.encabo_contenedor_libre
{
    width      : 20%;
    text-align : right;
    float      : left; 
    height     : 100%;	
   display     : flex;
/* background-color:#188ED5; */ 
justify-content: center;
   align-items : center;    
}


.encabo_contenedor_areas
{
    width      : 25%;
    text-align : right;
    float      : left; 
    height     : 100%;	
   display     : flex;
   /* background-color:#1E82D5; */
justify-content: center;
   align-items : center;    
}


.encabo_contenedor_opciones
{
	width      : 20%;
	float      : left;
	height     : 100%;
/* background-color:#A1E899; */
	text-align : center;
}

.encabo_contenedor_boton
{
    width      : 10%;
    float      : right;
    text-align : center;
   display     : flex;
justify-content: center;
   align-items : center;
/*background-color:#1E82D5; */ 
    height     : 100%;
}

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

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

footer
{
	       width : 100%;
}


.radical 
{
    position       : relative;
    font-size      : 1.6em;
    vertical-align : middle;
}
.n-root {
    position       : absolute;
    top            : -0.333em;
    left           : 0.333em;
    font-size      : 45%;
}

.radicand 
{ 
    padding        : 0.25em 0.25em;
    border-top     : thin black solid;
}

.fraction {
    display: inline-block;
    vertical-align: middle; 
    margin: 0 0.2em 0.4ex;
    text-align: center;
}

.fraction > span {
    display: block;
    padding-top: 0.15em;
}

.fraction span.fdn {border-top: thin solid black;}

.fraction span.bar {display: none;}


#dtfrentegpo {
	width : 3em;
} 

/* Estilos para el modal ............................................................ */
  .modal {
    display: none; /* Oculto por defecto */
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4); /* Fondo semi-transparente */
  }

  .modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
  }

  .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }
  
  .close:hover,
  .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
  }
/* ------------------------------------------------------------------------------------------ */


.contenedor_datos
{
	background-color:#1E82D5;
		width       : 100%;
		height      : 30px;
    display         : flex;
    justify-content : space-around;  
}

.contenedor_pregunta
{
	background-color : #DFFFFF;
		width        : 100%;
		height       : auto;
    display          : flex;
    justify-content  : space-around;		
}

.contenedor_respuestas
{
	background-color : #FFFFFF;
	     color       : #000000;
		width        : 100%;
		height       : auto;
    display          : flex;
 	 flex-wrap       : wrap;
    justify-content  : space-around;
    font-size        : 18px;
         align-items : center;		
}

.contenedor_instrumento
{
	background-color : #FFD4D1;
		width        : 100%;
		height       : auto;
    display          : flex;
    justify-content  : space-around;
}

.grupo_respuesta
{               
  position : relative;	
  margin   : 3%;
}

.ex_pregunta
{
	background    : #FFFFFF;
	color         : #000000;
	text-align    : justify;
	border-radius : 4px;
	width         : 100%;
	font-size     : 25px;
}

.publica_autocohete
{
	color         : #000000;
	text-align    : center;
	font-weight   : bold;
	font-size     : 25px;
}

.ex_campo_15
{
	background : #1E82D5;
	color      : #FFFFFF;
	text-align : right;
	border-top-left-radius    : 4px; 
	border-bottom-left-radius : 4px;
	width         : 15%;
}

.ex_valores_15
{
	background : #FFFFFF;
	color      : #0B5794;
	text-align : center;
  border-color : #1E82D5;
        border : 3px;
	border-top-right-radius    : 4px; 
	border-bottom-right-radius : 4px;
border-bottom : 2px solid #041087;
	width      : 15%;	
}


.ex_campo_40
{
	background : #1E82D5;
	color      : #FFFFFF;
	text-align : right;
	border-top-left-radius    : 4px; 
	border-bottom-left-radius : 4px;	
	width      : 40%;
}

.ex_valores_40
{
	background : #FFFFFF;
	color      : #0B5794;
	text-align : center;
	border-top-right-radius    : 4px; 
	border-bottom-right-radius : 4px;
border-bottom : 2px solid #041087;
	width      : 40%;	
}

.ex_campo_60
{
	background : #1E82D5;
	color      : #FFFFFF;
	text-align : right;
	border-top-left-radius    : 4px; 
	border-bottom-left-radius : 4px;
	width      : 60%;
}

.ex_valores_60
{
	background : #FFFFFF;
	color      : #0B5794;
	text-align : center;
	border-top-right-radius    : 4px; 
	border-bottom-right-radius : 4px;
	border-bottom : 2px solid #041087;
     width     : 60%;	
}

.ex_campo_100
{
	background : #1E82D5;
	color      : #FFFFFF;
	text-align : right;
	border-top-left-radius    : 4px; 
	border-bottom-left-radius : 4px;
	width      : 100%;
}

.ex_valores_100
{
	background : #FFFFFF;
	color      : #0B5794;
	text-align : center;
	border-top-right-radius    : 4px; 
	border-bottom-right-radius : 4px;
	border-bottom : 2px solid #041087;
	width      : 100%;	
}

.br_campo_40
{
	background : #1E82D5;
	color      : #FFFFFF;
	text-align : center;
	border-top-left-radius    : 4px; 
	border-bottom-left-radius : 4px;	
	margin     : 5px 5px 5px 5px;
	width      : 40%;
}


.br_campo_15
{
	background : #1E82D5;
	color      : #FFFFFF;
	text-align : center;
	margin     : 5px 5px 5px 5px;
	border-top-left-radius    : 4px; 
	border-bottom-left-radius : 4px;
	width         : 15%;
}

.e_titulo
 {
	background    : #A8E2F0;
	color         : #FFFFFF;
	text-align    : center;
	border-radius : 3px;
	font-size     : 32px;
 }

.e_instrucciones
 {
	background    : #FCFAD5;
	color         : #6B4603;
	text-align    : justify;
	border-radius : 7px
	margin-left   : 10px
 }
 
.e_observaciones
{
	background    : #A8E2F0;
	color         : #03266B;
	text-align    : justify;
	border-radius : 7px
	margin-left   : 10px
}

.e_subtitulo
 {
	background  : deepskyblue;
	color       : #FFFFFF;
	padding     : 15px;
	text-align  : center;
	font-weight : 100;
	font-size   : 30px;
	border-top-left-radius  : 7px;
	border-top-right-radius : 7px;
	border-bottom           : 5px solid crimson;
 }
 
.e_subtitulo_2
 {
	background  : deepskyblue;
	color       : #FFFFFF;
	padding     : 8px;
	text-align  : center;
	font-weight : 100;
	font-size   : 16px;
	border-top-left-radius  : 7px;
	border-top-right-radius : 7px;
	border-bottom           : 3px solid crimson;
 }

.contenedor-inputs
 {
 	padding         : 10px 30px;
 	display         : flex;
 	flex-wrap       : wrap;
 	justify-content : space-between;
 }
 
.e_formulario
 {
 	width         : 95%;
 	max-width     : 700px;
 	margin        : auto;
	background    : #E5FBFD;
	border-radius : 7px;
 }
 
.e_input_100
 {
	width         : 100%;
	margin-bottom : 8px;
	padding       : 8px;
	border-radius : 3px;
 }

.e_text_100
{

}

input[name='asunto']
{
		width     : 100%;
	margin-bottom : 0px;
	padding       : 8px;
	border-radius : 3px;
}

textarea[name='mensaje']
{
	width         : 100%;
	resize        : none;	
}	


table#tablasimple {
                    border: 1px solid black;
                    border-collapse: collapse;
                  }

td.tdsimple       {
                    border: 1px solid black;
                    border-collapse: collapse;	
                  }
                  
th.thsimple       {
                    border: 1px solid black;
                    border-collapse: collapse;	
                  }

table#mistablas {border-collapse: collapse;}
td.C-Lateral-Izquierda-Superior     { background-color : #9F2241; }
td.C-Lateral-Derecha-Superior       { background-color : #B38E5D; }
td.C-Vertical-Lateral-Barra-Gris    { background-color : #69132C; }
td.C-Vertical-Lateral-Barra-Naranja { background-color : #69132C; }
td.C-Lateral-Izquierda-Inferior     { background-color : #B38E5D; }
td.C-Lateral-Derecha-Inferior       { color            : #FFFFFF;
                                      font-weight      : bold;
	                                  background-color : #235B4E; 
	                                }
td.C-EmpresaActiva                  { background-color : #D4C19C; }
td.C-Nombre-EmpresaActiva           { background-color : #F5F2EA; }
td.C-UsuarioActivo                  { background-color : #D4C19C; }
td.C-Nombre-UsuarioActivo           { background-color : #F5F2EA; }
td.cab_titulo_formas {   color          : #FFFFFF;
                       font-weight      : bold;
                       background-color : #235B4E;
                     }
td.cab_titulo_alerta {   color          : #F62F0B;
                       font-weight      : bold;
                       font-size        : 14px;
                       background-color : #F3F96A;
                     }                     
td.cab_subtitulo_formas {   color          : #000000;
                          font-weight      : bold;
                          background-color : #D4C19C;
                        }
                        
td.cab_seccion_ruta_accion {   color          : #000000; 
	                         background-color : #B38E5D;
                             font-weight      : bold;
 
                           }                                          


.cri_con01
 {
	background    : #78FA76;
	color         : #000000;
	font-size     : 12px;
    font-weight   : bold;	
 }
                      
.cri_con02
 {
	background    : #D4FA76;
	color         : #000000;
	font-size     : 12px;
    font-weight   : bold;	
 }

.cri_con03
 {
	background    : #FCFF9F;
	color         : #000000;
	font-size     : 12px;
    font-weight   : bold;	
 }

.cri_con04
 {
	background    : #FFB778;
	color         : #000000;
	font-size     : 12px;
    font-weight   : bold;	
 }
 
.cri_con05
 {
	background    : #FA8176;
	color         : #000000;
	font-size     : 12px;
    font-weight   : bold;	
 }

                     
.Barra-Subtitulo{
    background-color:#F5F2EA;
    font-size:12px;
    color:#69132C;
    text-align:center;
}

.Barra-Subtitulo-Obligatorio{
    background-color:#efff89;
    font-size:12px;
    color:#69132C;
    text-align:center;
}
.Horizontal-Barra-Titulo{
    background-color : #235B4E;
    color            : #FFFFFF;
    font-size        : 12px;
    text-align       : center;
    font-weight      : bold;
}




select[name='tipon']:focus~label,
select[name='tipon']:valid~label,
input[name='asunto']:focus~label,
input[name='asunto']:valid~label,
textarea[name='mensaje']:focus~label,
textarea[name='mensaje']:valid~label
{
	position  : absolute;
	top       : -14px;
	left      : 10px;
	font-size : 12px;
	color     : #2196F3;
}

label 
{
   position       : absolute;
   left           : 5px;
   top            : 10px;
   transition     : 0.3s ease all;
   color          : #EDF1F2;
   font-size      : 16px;
   pointer-events : none;  	
}

.e_input_48
 {
	width         : 48%;
    margin-bottom : 15px;
	padding       : 8px;
	border-radius : 3px;
 }
 
.e_boton_enviar 
 {
	background : #F6149D;
	color      : #FFFFFF
	margin     : auto;
	padding    : 8px 15px;
	cursor     : pointer;
	font-size  : 20px;
 }
 
.e_grupo_input
{
  position : relative;	
  margin   : 3%;
}

.e_boton_enviar : active
 {
	transform : scale(2.5);
 }


.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;
}  
 
// Cuando se tiene una imágen y se mueve conforme al tamaño del dispositivo 
.acc_main img 
{
	width:100%;
   height:auto;
 //  margin:auto;
}
 
.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;
  }

.texto_normal
{
   color        : #000000;
   font-size    : 20px;
}
.proceso_normal
{
	width         : 80%;
 	max-width     : 800px;
 	margin        : auto;	
}

.texto_error
{
	width         : 80%;
 	max-width     : 800px;
 	margin        : auto;
	background    : #FFA0A0;
	color         : #000000;
	font-size     : 18px;
	border-radius : 8px;
}

.texto_especial
{
 	margin        : auto;
	color         : #000000;
	font-size     : 12px;
	text-align    : center;
}

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

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

.Barra-Linea{
    background-color:#F8F0AA;
    font-size:14px;
    color:#695E05;
    font-weight:bold;
    text-align:left;
}

.Barra-Docente{
    background-color:#CBAAF8;
    font-size:14px;
    color:#000000;
    text-align:left;
}

.Barra-AsigSubMod{
    background-color:#AACBF8;
    font-size:14px;
    color:#000000;
    text-align:right;
}

.Barra-Horarios{
    background-color:#FCC8D5;
     font-size:13px;
   font-weight: bold;
         color:#000000;
    text-align:center;
}

.Barra-txt_peq{
    background-color:#FFFFFF;
    font-size:13px;
    color:#000000;
}

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


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


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

.columna_marca{
    background-color:#E5C4FA;
    font-size:10px;
    color:#000000;
    text-align:center;
}

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

.normal    {
             BACKGROUND-COLOR: rgb(255, 255, 255); 
             CURSOR: hand;  
           }
.resaltado { 
             BACKGROUND-COLOR: cyan; 
             CURSOR: hand;  
           }

.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_asistencia     { background-color : #9FF0FF; }
.color_evaluado       { background-color : #CEE6FF; }
.color_problema       { background-color : #FEABA7; }
.color_preventivo     { background-color : #F3F96A; }


.titulohs {font-size:14px; 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}

.Estilo5 {font-size: x-small}

.Estilo6 { 
	       font-size   : font-size:16px;
	       font-weight : bold;
	       color       : #000000;
	  background-color : #4D85FD;
	       text-align  : center;
	     }

.Estilo7 { 
	       font-size   : font-size:14px;
	       font-weight : bold;
	       color       : #000000;
	  background-color : #ABE4FD;
	       text-align  : center;
	     }
	     
.Estilo8 { 
	       font-size   : font-size:14px;
	       font-weight : bold;
	       color       : #FFFFFF;
	  background-color : #574DFD;
	       text-align  : left;
	     }

.Estilo9 { 
	       font-size   : font-size:22px;
	       font-weight : bold;
	       color       : #000000;
	  background-color : #FFFFFF;
	       text-align  : center;
	     }

.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;
}
.Vertical-Lateral-Barra-Gris{
    background-color: #666;
}
.Tabla-Estado{
    width:911px;
}

.Vertical-Lateral-Barra-Naranja{
    background-color:#FF6600;
}
.Lateral-Izquierda-Inferior{
    background-color:#333;
    width:276px;
}
.Lateral-Derecha-Inferior{
    background-color: #FF9900;
    width:626px;
}
.Titulo-Tabla{
    background-color:#ccc;
    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 #cc;
    font-size:4mm;
    font-weight:bold;
}


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

.planclase_titulo1{
    color:#3333FF;
    text-shadow:0px 0px 1px #cc;
    font-size:4mm;
    font-weight:bold;
}

.planclase_texto {
    font-size  : 4mm;
    text-align : justify;
}

.planclase_visitas{
    color:#6f6f6f;
    text-shadow:0px 0px 2px #ccc;
    font-weight:bold;
    font-size:3mm;
}

.planclase_areas{
    color:#691C32;
    text-shadow:0px 0px 2px #ccc;
    font-weight:bold;
    font-size:3mm;
}


.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;
    text-align : justify;
}

.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;
}

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

.BotondeProcesos{
    margin-left:auto;
    margin-right:auto;
    line-height:20px;
    height:25px;
    border-radius:8px;
    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;
}



.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;
}

.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;
}

.boton_mostrar_horario {float:left;
               font-size:16px;	
             line-height:20px;
                color:#000000;
              }

.boton_mostrar_oa {float:center;
               font-size:16px;	
             line-height:20px;
                color:#242429;
              }

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

.boton_mostrar_plantea {float:left;
            font-size:13px;	
          line-height:20px;
                color:#000000;
              }


              
.boton_mostrar_gpo {
	  float       : right;
	  font-size   : 13px;
	  line-height : 20px;
	  color       : #000000;
}
	  
.boton_mostrar_clave {float:right;
            font-size:17px;	
          line-height:20px;
          font-weight:bold;
                color:#FFFFFF;
              }

.boton_mostrar_izq {float:left;
		        font-size:13px;
              line-height:20px;
  	                color:#000000;
	          }	
	          
.boton_mostrar_der {
	               float : right;
		       font-size : 13px;
             line-height : 20px;
  	               color : #000000;
	          }			  
		  				  
.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;
}

/* Funcionan como condicionantes */
@media screen and (max-width:800px) 
{
	/*body 
	{
		background : #FF8000;
	}
	*/
	.acc_main 
	{
		width=100%;
	}
}


/*permite quitar una división, y configurar otra
@media screen and (max-width:400px) 
{
	.acc_contenedor 
	{
		width : 100%;
	}
	
	aside
	{
		display:none;
	}
}
*/