/*  
 *  Document   : css
 *  Created on : 09/09/2013
 *  Description: WebTransfer
 */

 
 /************************** Estilos Generales **************************/
 


 
 /* Estilo para los botones */
.styleButton1{      
    padding-top:0px;
    padding-bottom: 0px;
    background-color: rgb(9,79,163); 
    color: White; 
    font-family: Arial; 
    font-size: 12px;    
    text-align: center;
    border: 1px;
    width: 100px;
    height: 24px;
    -webkit-border-radius: 2px;
    border-radius: 2px; 
}

.styleButton2{      
    padding-top:0px;
    padding-bottom: 0px;
    background-color: rgb(9,20,163); 
    color: White; 
    font-family: Arial; 
    font-size: 13px;    
    text-align: center;
    border: 1px;
    width: 100px;
    height: 24px;
    -webkit-border-radius: 2px;
    border-radius: 2px; 
}


/**************************Login******************************/
/************************************************************/
.login-principal {
			width: 290px;
			height: 300px;
			margin-bottom: 320px;
			margin-right: 300px;
			margin-left: 45%;									
			text-align: center;
			-webkit-border-radius:5px;
			border-radius: 5px;			
 			}
 			
.login-parteCentral{
			width: 100%;
			height: 325px;	
			background-image: url("../resources/images/login-arcoiris.png");
			}	

.login-parteSuperior{
			width: 100%;
       		height: 295px;         
    		}

.login-imgBancomer{
		background-image: url("../resources/images/login-logoBancomer.png");
		position:absolute;		
		width: 420px;
		height: 45px;
	 	left:40px;
	 	top:200px;
	 	margin: auto;	 		 	
}

.panelGridCenter td,.panelGridCenter tr {
    text-align: center;
}

.login-imgWebTransfer{
	background-image: url("../resources/images/login-webTransfer.png");
	position:absolute;
 	right:40px;
 	top:200px;
 	width: 280px;
    height: 37px;
 	z-index:-1;
 	border: 0px;
	}

.login-labelError{
	margin-top: 70px;
	margin-bottom: 10px;	
	font-family: Arial;
	font-size: 15pt;
	color: red;
}

.login-inputTextUsuario{
	font-size: 15pt;
	width: 200px;
	height: 26px;
	color: #D8D8D8;		 	
	}

.login-inputTextUsuarioError{
	font-size: 15pt;
	width: 200px;
	height: 26px;
	color: gray;		 	
	}	
	
	
.login-password{	
	font-size: 15pt;
	width: 200px;
	height: 26px;
	color: #D8D8D8;	
		
	}

/**************************Menú desplegable******************************/
/***********************************************************************/
ul.mlateral
 {
    list-:none;
    font-size: 15pt;
    font-family: Arial;
    border-bottom: 100px;
    top: 80px;              
 }
 
 ul.mlateral
 {
    list-style:none;   
 }
 
 ul.mlateral2 li
 {
    position: relative; /* Las coordenadas de los ul inferiores serán relativas al <li> que los contiene */  
    width: 200px;     
    border:1px;
    border-color: rgb(126,126,126);
    border-style: solid;       
 }
 
 .mlateral-borde{
 	position: relative; /* Las coordenadas de los ul inferiores serán relativas al <li> que los contiene */  
    width: 200px;     
    border:1px;
    border-color: rgb(126,126,126);
    border-style: solid;   
 }
 
 .mlateral-sin-borde{
    position: relative; /* Las coordenadas de los ul inferiores serán relativas al <li> que los contiene */  
    width: 200px;     
    border:1px;
    border-color: rgb(126,126,126);
    border-style: solid;   
    border-right-width: 0px;    
 }
 
 .mlateral-division{
 	width: 200px;
 	height: 21px;
 	padding-top: 12px;
 	padding-bottom: 12px;
 	padding-left: 15px; 	 	 
 }
 
 ul.mlateraldesc li:hover > ul{
    display:block;
    top: 50px;
 }
 
  a:link{
 	text-decoration: none; 	
 }
 
 .mlateral-enlace{ 	
 	color: rgb(142,142,143);
 }
 
 .mlateral-enlaceBlue1{ 	 	
 	color: rgb(09,79,164);
 	
 }
 	
 .mlateral-enlaceBlue2{
 	color: rgb(0,158,229);
 }
 .mlateral-img-inicio1{
 	background-image: url("../resources/images/icon-inicioUp.png");
 	width: 21px;
 	height: 21px;
 	display: inline-block;
 	padding-left: 10px;
 	background-repeat: no-repeat; 		
 }
 
 .mlateral-img-inicio2{
 	background-image: url("../resources/images/icon-inicioDwn.png");
 	width: 21px;
 	height: 21px;
 	display: inline-block;
 	padding-left: 10px;
 	background-repeat: no-repeat; 		
 }
 
 .mlateral-img-transferir1{
 	background-image: url("../resources/images/icon-transferirUp.png");
 	width: 21px;
 	height: 21px;
 	display: inline-block;
 	padding-left: 10px;
 	background-repeat: no-repeat;
 }
 
 .mlateral-img-transferir2{
 	background-image: url("../resources/images/icon-transferirDwn.png");
 	width: 21px;
 	height: 21px;
 	display: inline-block;
 	padding-left: 10px;
 	background-repeat: no-repeat;
 }
 
 .mlateral-img-descargar1{
 	background-image: url("../resources/images/icon-descargarUp.png");
 	width: 21px;
 	height: 21px;
 	display: inline-block;
 	padding-left: 10px;
 	background-repeat: no-repeat;
 }
 
 .mlateral-img-descargar2{
 	background-image: url("../resources/images/icon-descargarDwn.png");
 	width: 21px;
 	height: 21px;
 	display: inline-block;
 	padding-left: 10px;
 	background-repeat: no-repeat;
 }
 
 .mlateral-img-reporte1{
 	background-image: url("../resources/images/icon-reportesUp.png");
 	width: 21px;
 	height: 21px;
 	display: inline-block;
 	padding-left: 10px;
 	background-repeat: no-repeat;
 }
 
 .mlateral-img-reporte2{
 	background-image: url("../resources/images/icon-reportesDwn.png");
 	width: 21px;
 	height: 21px;
 	display: inline-block;
 	padding-left: 10px;
 	background-repeat: no-repeat;
 }
 
 
 .mlateral-img-monitor1{
  background-image: url("../resources/images/icon-transferirUp.png");
  width: 21px;
  height: 21px;
  display: inline-block;
  padding-left: 10px;
  background-repeat: no-repeat;
 }
 
  .mlateral-img-monitor2{
  background-image: url("../resources/images/icon-transferirDwn.png");
  width: 21px;
  height: 21px;
  display: inline-block;
  padding-left: 10px;
  background-repeat: no-repeat;
 }
  
 .mlateral-img-reporteMonitor1{
  background-image: url("../resources/images/icon-reportesUp.png");
  width: 21px;
  height: 21px;
  display: inline-block;
  padding-left: 10px;
  background-repeat: no-repeat;
 }
 
  .mlateral-img-reporteMonitor2{
  background-image: url("../resources/images/icon-reportesDwn.png");
  width: 21px;
  height: 21px;
  display: inline-block;
  padding-left: 10px;
  background-repeat: no-repeat;
 }
 
 
 .mlateral-img-flecha1{
 	background-image: url("../resources/images/icon-35.png"); 	
 	height: 14px;
 	display: inline-block;
 	text-align: left;
	padding-right:19px;
	border-left: 100px;
 	background-repeat: no-repeat;	
 }
 
 .mlateral-img-flecha2{
 	background-image: url("../resources/images/icon-36.png");
 	width: 14px;
 	height: 14px;
 	display: inline-block; 	 
 	background-repeat: no-repeat; 	
 	padding-right: 19px; 	
 }
 
 .mlateral-submenu1 {    
 	position: relative; /* Esta posición es relativa al <li> que contiene a este <ul> */
    left:-41px; /* Para que no monte sobre el <li> */    
    display:none;
    list-style:none;
    font-size: 13pt;            
    color: rgb(142,142,143);
    text-align: center;	
    border: 0px;
    top: 150px;    
 }
 
 .mlateral-submenu2 {
 	position: relative; /* Esta posición es relativa al <li> que contiene a este <ul> */
    left:-41px; /* Para que no monte sobre el <li> */    
    display:block;
    list-style:none;
    font-size: 13pt;            
    color: rgb(142,142,143);
    text-align: center;	
    border: 0px;    
 }
 
 .mlateral-espacio{
 	width: 125px;
 	height: 21px;
 	display: inline-block; 	 	
 }
 
 /**********************************Menu Superior********************************************/
 
 .head-principal {
	width: 99%;
}

.head-izquierda {
	/*width: 5%;*/
	float: right;
	display: table;
}

.head-derecha {
	width: 50%;
	float: left;
}

.head-tam{
	width: 50%;
}

.head-logo {
	background-image: url("../resources/images/logotipoBBVABancomer.png");       
    width: 348px;
    height: 97px;
    background-repeat:	no-repeat;
    float: left;
}

.head-menu {
	float: right;
}

.head-orden {
	font-family:"Arial","Times New Roman";
	font-size:11pt;
	text-align:center;
	list-style: none;	
}

.head-orden li {
	float: right;
	padding-bottom: 0.3em;
	padding-left: 0.3em;
	padding-right: 0.3em;
	padding-top: 0.3em;
}

.head-orden li a {
	text-decoration: none;
}

.head-borde {
	border-right-color: #7B7B7B;
	border-right-style: solid;
	border-right-width: 2px;
}

.head-manual{
	background-image: url("../resources/images/icon-head1.png");
	background-position: center;
	background-repeat:no-repeat;
	display: inline-block;
	float: left;
	height: 14px;
	width: 14px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 0px;
}

.head-contacto{
	background-image: url("../resources/images/icon-head6.png");
	background-position: center;
	background-repeat:no-repeat;
	display: inline-block;
	float: left;
	height: 14px;
	width: 14px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 0px;
}

.head-salir{
	background-image: url("../resources/images/icon-headSalir.png");
	background-position: center;
	background-repeat:no-repeat;
	display: inline-block;
	float: right;
	height: 17px;
	width: 17px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
}


.head-webtransfer {
	background-image: url("../resources/images/logo-head-webtransfer.png");
	background-repeat:no-repeat;
	display: inline-block;
	float: right;
	height: 22px;
	width: 165px;
}

.head-leyenda {
	font-family: "Arial","Times New Roman";
	font-size: 12pt;
	color: #808080;
	float: right;
}

.head-espley {
	padding-bottom: 0px;
	padding-right: 10px;
	padding-top: 0px;
	color: #009EE5;
}

.head-espley2 {
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	color: #363636;
}

.head-espley3 {
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 0px;
	color: #C8175E;
}

.head-divmenu {
	width: 100;
	display: table-row;
}

.head-emergente {
	position: absolute;
	background-image: url("../resources/images/ventana-emergente-head.png");
	background-repeat:no-repeat;
	width: 260px;
	height: 175px;
	display: none;
	z-index: 4;
}

.head-emergente2 {
	position: absolute;
	background-image: url("../resources/images/ventana-emergente-head.png");
	background-repeat:no-repeat;
	width: 260px;
	height: 175px;
	display: block;
	z-index: 4;
}

.head-leyendatool1 {
	font-family: "Arial","Times New Roman";
	font-size: 12pt;
	color: #006EC1;
}

.head-leyendatool2 {
	font-family: "Arial","Times New Roman";
	font-size: 10pt;
	color: #009EE5;
}

.head-leyendatool3 {
	font-family: "Arial","Times New Roman";
	font-size: 11pt;
	color: #808080;
}

.head-tamdiv {
	width: 125px;
	display: inline-block;
	padding-left: 12px;
}

.head-espacio1 {
	height: 30px;
}

.head-espacio2 {
	height: 5px;
}
 
 
/* Estilo para el contorno y fondo de la tabla del título se utiliza el siguiente estilo */
.recibo-repe-styleTabla {
	height: 30px;
	border-bottom-color: #D8D8D8;
	border-bottom-style: solid;
	border-bottom-width: 1pt;
	border-left-color: #D8D8D8;
	border-left-style: solid;
	border-left-width: 1pt;
	border-right-color: #D8D8D8;
	border-right-style: solid;
	border-right-width: 1pt;
	border-top-color: #D8D8D8;
	border-top-style: solid;
	border-top-width: 1pt;
	background-color: #F2F2F2;
	width: 100%;
}

/************************** Estilos para pantalla de BIENVENIDO **************************/

.bienvenido-centraInicio{
	padding-top:90px;
	text-align:center;
}

.bienvenido-labelBienvenido{
	text-align:center;
	font-family: arial;	
	color:rgb(9,79,164);
	font-size:57.6pt;
}

.bienvenido-labelWebTransfer{
	text-align:center;
	font-family: arial;	
	color:rgb(0,158,229);
	font-size:57.6pt;
}

.bienvenido-labelCargosAutomaticos{
	text-align:center;
	font-family: arial;	
	color:rgb(0,158,229);
	font-size:43.2pt;
}

.bienvenido-labelSistema{
	text-align:center;
	font-family: arial;	
	color:rgb(77,77,77);
	font-size:30pt;
}

/*************************Pantalla de transferencia**************/
.trans-tabla {
	height: 30px;
	border-bottom-color: #D8D8D8;
	border-bottom-style: solid;
	border-bottom-width: 1pt;
	border-left-color: #D8D8D8;
	border-left-style: solid;
	border-left-width: 1pt;
	border-right-color: #D8D8D8;
	border-right-style: solid;
	border-right-width: 1pt;
	border-top-color: #D8D8D8;
	border-top-style: solid;
	border-top-width: 1pt;
	background-color: #F2F2F2;
}

.trans-tabla2 {
	border-bottom-color: #D8D8D8;
	border-bottom-style: solid;
	border-bottom-width: 1pt;
	border-left-color: #D8D8D8;
	border-left-style: solid;
	border-left-width: 1pt;
	border-right-color: #D8D8D8;
	border-right-style: solid;
	border-right-width: 1pt;
	border-top-color: #D8D8D8;
	border-top-style: solid;
	border-top-width: 1pt;	
}

.trans-titulo {
	font-family: "Arial","Times New Roman";
	font-size: 18pt;
	color: #094FA4;
	padding-bottom: 0px;
	padding-left: 13px;
	padding-right: 0px;
	padding-top: 0px;
}

.trans-leyenda {
	font-family: "Arial","Times New Roman";
	font-size: 12pt;
	color: #666666;
	padding-bottom: 0px;
	padding-left: 13px;
	padding-right: 0px;
	padding-top: 0px;
}

.trans-etiqueta {
	font-family: "Arial","Times New Roman";
	font-size: 12pt;
	color: #666666;
	padding-bottom: 0px;
	padding-left: 50px;
	padding-right: 0px;
	padding-top: 0px;
}

.trans-espacio {
	height: 35px;
}

.trans-inputext {
	height: 25px;
	width: 200px;
	-webkit-border-radius: 5px;
 	border-radius: 5px; 
}

.trans-botonex {
	background-color: #026BB5;
	color: #FFFFFF;
	-webkit-border-radius: 5px;
 	border-radius: 5px; 
 	width: 106px;
 	height: 26px;
}

.trans-div2 {
 	margin: auto;
 	width: 8%;
}

 .trans-esp1 {
 	height: 10px;
}

 .trans-espa {
 	height: 2px;
}

.trans-esp2 {
	height: 25px;
}

/************************** Estilos para pantalla RECIBO DE RECEPCION DE ARCHIVOS **************************/

.recibo-centraInicio{
	text-align: center;	
}

.recibo-labelArchivoExitoso{
	font-family: arial;	
	color:rgb(134,200,45);
	font-size:16pt;
	margin-top: 30px;	
	margin-bottom: 30px;
}

.recibo-labelSolicitud{
	font-family: arial;	
	color:rgb(102,102,102);
	font-size:12pt;
}

.recibo-lineas{
	width: 660px;
	size: 0;
	color: rgb(216,216,216);
	margin-left: 20%;
	
}

.recibo-labelResultado{
	font-family: arial;	
	color:rgb(54,54,54);
	font-size:12pt;
}

.recibo-divIzquierdo {
	/*tamaño largo*/
	width: 39%;
	/*tamaño ancho*/
	height: 100px;
	margin-top: 30px;
	text-align: right;                                                      
    margin-left: 10%;
}

.recibo-divDerecho {
	/*tamaño largo*/
	width: 39%;
	/*tamaño ancho*/
	height: 100px;
	margin-top: -97px;
	text-align: left;
    margin-left: 53%;                                                       
}

/* Estilo para el contorno del contenido de la tabla se utiliza el siguiente estilo */
.recibo-styleTabla2 {
	border-bottom-color: #D8D8D8;
	border-bottom-style: solid;
	border-bottom-width: 1pt;
	border-left-color: #D8D8D8;
	border-left-style: solid;
	border-left-width: 1pt;
	border-right-color: #D8D8D8;
	border-right-style: solid;
	border-right-width: 1pt;
	border-top-color: #D8D8D8;
	border-top-style: solid;
	border-top-width: 1pt;
	width: 100%;
	text-align: center;
}

/* Estilo para el título se utiliza el siguiente estilo */
.recibo-styleTitulo {
	font-family: "Arial","Times New Roman";
	font-size: 18pt;
	color: #094FA4;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 0px;
}

/******************************Pantalla de Descarga de archivos procesados****************************************/
.desc-leyenda {
	font-family: "Arial","Times New Roman";
	font-size: 13pt;
	color: #094FA4;
}

.desc-tabla {
	margin: auto;
	height: 17px;
	width: 96%;
	border-bottom-color: #D8D8D8;
	border-bottom-style: solid;
	border-bottom-width: 1pt;
	border-left-color: #D8D8D8;
	border-left-style: solid;
	border-left-width: 1pt;
	border-right-color: #D8D8D8;
	border-right-style: solid;
	border-right-width: 1pt;
	border-top-color: #D8D8D8;
	border-top-style: solid;
	border-top-width: 1pt;
	background-color: #F2F2F2;
	padding-bottom: 0px;
	padding-left: 13px;
	padding-right: 0px;
	padding-top: 0px;
}

.desc-tabla2 {
	margin: auto;
	width: 96%;
	border-bottom-color: #D8D8D8;
	border-bottom-style: solid;
	border-bottom-width: 1pt;
	border-left-color: #D8D8D8;
	border-left-style: solid;
	border-left-width: 1pt;
	border-right-color: #D8D8D8;
	border-right-style: solid;
	border-right-width: 1pt;
	border-top-color: #D8D8D8;
	border-top-style: solid;
	border-top-width: 1pt;
	padding-bottom: 0px;
	padding-left: 13px;
	padding-right: 0px;
	padding-top: 0px;
	display: table;
}

.desc-tabla3 {
	margin: auto;
	width: 96%;
	border-bottom-color: #D8D8D8;
	border-bottom-style: solid;
	border-bottom-width: 1pt;
	border-left-color: #D8D8D8;
	border-left-style: solid;
	border-left-width: 1pt;
	border-right-color: #D8D8D8;
	border-right-style: solid;
	border-right-width: 1pt;
	border-top-color: #D8D8D8;
	border-top-style: solid;
	border-top-width: 1pt;
	padding-bottom: 0px;
	padding-left: 13px;
	padding-right: 0px;
	padding-top: 0px;
	background-color: #D2F0FF;
}

.desc-tabla4 {
	width: 245px;
	height: 26px;
	margin: auto;
	text-align: center;
}

.desc-radio {
	width: 140px;
	display: table-cell;
	font-family: "Arial","Times New Roman";
	font-size: 12pt;
	color: #363636;
	margin-top: 10px;
	margin-bottom: 10px;
	vertical-align: middle;
}

.desc-columna2 {
	width: 230px;
	display: table-cell;
	vertical-align: middle;
}

.desc-columna3 {
	width: 200px;
	display: inline-block;
}

.desc-resultado {
	font-family: "Arial","Times New Roman";
	font-size: 15pt;
	color: #094FA4;
}

.desc-tambut1 {
	clear: left;
	float: left;
}

.desc-tambut2 {
	float: none;
}

.desc-emergente {
	background-image: url("../resources/images/ventana-emergente.png");
	background-repeat:no-repeat;
	width: 240px;
	height: 70px;
	position: relative;
	display: inline-block;
}

.desc-emergentech {
	display: none;
}

.desc-simbolo {
	background-image: url("../resources/images/icon-aviso.png");
	background-repeat:no-repeat;
	width: 19px;
	height: 19px;
	position: absolute;
	top: 20px;
	left: 15px;
}

.desc-instruccion {
	width: 180px;
	height: 100px;
	font-family: "Arial","Times New Roman";
	font-size: 12pt;
	color: rgb(200,23,94);
	position: absolute;
	left: 35px;	
	top: 5px;
}

.desc-leyenda {
  font-family: "Arial","Times New Roman";
  font-size: 12pt;
  color: #666666;
  padding-bottom: 0px;
  padding-left: 13px;
  padding-right: 0px;
  padding-top: 0px;
}


/************************** Estilos para pantalla REPORTES:AFILIACION **************************/

/* Estilo para etiquetas azules */
.repe-styleLabelBlue{
	font-family: Arial; 
    font-size: 12pt;
    color:rgb(0,110,193);
    padding-left: 10px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 30px;
}

.repe-styleSelectMenu{
	font-family: Arial; 
    font-size: 12pt;
    width: 150px;
    height: 30px;
    text-align: center;
    margin-bottom: 12px;
    color:rgb(26,26,26);
}

.repe-styleSelectMenuCalendar{
	font-family: Arial; 
    font-size: 12pt;
    color:rgb(26,26,26);
    width: 120px;
    height: 25px;
    text-align: center;
    margin-bottom: 8px;   
}

.repe-divDerecho {
	/*tamaño largo*/
	width: 30%;
	/*tamaño ancho*/
	height: 100px;
	margin-top: -98px;
	text-align: left;
    margin-left: 17%;                                                    
}

/* Estilo para el título se utiliza el siguiente estilo */

.repe-styleTitulo {
	font-family: "Arial","Times New Roman";
	font-size: 18pt;
	color: #094FA4;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 0px;
}

/* Estilo para el contorno del contenido de la tabla se utiliza el siguiente estilo */

.repe-styleTabla2 {
	border-bottom-color: #D8D8D8;
	border-bottom-style: solid;
	border-bottom-width: 1pt;
	border-left-color: #D8D8D8;
	border-left-style: solid;
	border-left-width: 1pt;
	border-right-color: #D8D8D8;
	border-right-style: solid;
	border-right-width: 1pt;
	border-top-color: #D8D8D8;
	border-top-style: solid;
	border-top-width: 1pt;
	width: 100%;
}


.rep-calendar {
  background-image: url("../resources/images/icon-calendario.png");
  background-repeat:no-repeat;
  width: 21px;
  height: 21px;
  display: inline-block;
}

.tabla-aprobadas {
	border-bottom-color: #D8D8D8;
	border-bottom-style: solid;
	border-bottom-width: 1pt;
	border-left-color: #D8D8D8;
	border-left-style: solid;
	border-left-width: 1pt;
	border-right-color: #D8D8D8;
	border-right-style: solid;
	border-right-width: 1pt;
	border-top-color: #D8D8D8;
	border-top-style: solid;
	border-top-width: 1pt;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
}


/*****************************************Estilo para la pantalla de Estatus Envio************************************************/
.env-etiqueta {
	font-family: "Arial","Times New Roman";
	font-size: 12pt;
	color: #006EC1;
	padding-bottom: 0px;
	padding-left: 13px;
	padding-right: 0px;
	padding-top: 0px;
}

.env-calendar {
	background-image: url("../resources/images/icon-calendario.png");
	background-repeat:no-repeat;
	width: 21px;
	height: 21px;
	display: inline-block;
}

.env-tamdiv {
	width: 170px;
	display: inline-block;
}

.env-taminput {
	height: 25px;
}

#contenido{
	width: 1050px; 
	height: 600px;
	position: absolute;	
	font-weight: bolder;
	left: 22%;
	top: 180px;	
}

#header{
	width: 100%;
	height: 130px;
	position: absolute;
	border: 0.5px;
	color: rgb(204,204,204);
	border-bottom: solid;
}


#index-central{	
	position: absolute;	
	top: 160px;
	width: 99%;	
	height: 600px;	
}

#menu{
	width: 200px; 
	height: 600px;
	position: absolute;	
	top: 0px;
	left:-20px;	
}

.env-tablaGeneral {
  font-family: "Arial","Times New Roman";
  font-size: 10pt;
}

.env-tablaEstadisticas {
  font-family: "Arial","Times New Roman";
  font-size: 10pt;
  text-align: left;
  
}

.env-datalist-item{
  font-family: "Arial","Times New Roman";
  font-size: 20pt;
  color: rgb(09,79,164);
  text-align: left;
  width: 90%;
  left: 20%;
  height: auto;
  padding-left: 2%;
  
}


/**************************************Pantalla lista de errores****************************************/

.ui-datalist-item{
  font-family: arial;
  font-size: 14px;
  color: #C8175E;
  text-align: left;
  width: 90%;
  left: 20%;
  height: auto;
  padding-left: 2%;
}

.ui-panel-title{
  color: #094FA4;
  font-size: 22px;
  text-align: left;
}

/*****************************************Estilo para la pantalla de Estatus Envio Monitor ***************************/

.ui-widget{
  font-size: 13px;
}


.envMonitor-tabla {
  height: 30px;
  border-bottom-color: #D8D8D8;
  border-bottom-style: solid;
  border-bottom-width: 1pt;
  border-left-color: #D8D8D8;
  border-left-style: solid;
  border-left-width: 1pt;
  border-right-color: #D8D8D8;
  border-right-style: solid;
  border-right-width: 1pt;
  border-top-color: #D8D8D8;
  border-top-style: solid;
  border-top-width: 1pt;
  background-color: #F2F2F2;
}

.envMonitor-titulo {
  font-family: "Arial","Times New Roman";
  font-size: 18pt;
  color: #094FA4;
  padding-bottom: 0px;
  padding-left: 13px;
  padding-right: 0px;
  padding-top: 0px;
}


.envMonitor-tabla2 {
  border-bottom-color: #D8D8D8;
  border-bottom-style: solid;
  border-bottom-width: 1pt;
  border-left-color: #D8D8D8;
  border-left-style: solid;
  border-left-width: 1pt;
  border-right-color: #D8D8D8;
  border-right-style: solid;
  border-right-width: 1pt;
  border-top-color: #D8D8D8;
  border-top-style: solid;
  border-top-width: 1pt;  
}

 .envMonitor-esp1 {
  height: 10px;
}

.envMonitor-leyenda {
  font-family: "Arial","Times New Roman";
  font-size: 12pt;
  color: #666666;
  padding-bottom: 0px;
  padding-left: 13px;
  padding-right: 0px;
  padding-top: 0px;
}

.envMonitor-etiqueta {
  font-family: "Arial","Times New Roman";
  font-size: 12pt;
  color: #006EC1;
  padding-bottom: 0px;
  padding-left: 13px;
  padding-right: 0px;
  padding-top: 0px;
}

.envMonitor-styleSelectMenuCalendar{
  font-family: Arial; 
    font-size: 12pt;
    color:rgb(26,26,26);
    width: 120px; height: 25px;
    text-align: center;
    margin-bottom: 8px;   
}


.envMonitor-styleSelectMenu{
  font-family: Arial; 
    font-size: 12pt;
    width: 150px;
    height: 30px;
    text-align: center;
    margin-bottom: 12px;
    color:rgb(26,26,26);
}


.envMonitor-esp2 {
  height: 25px;
}

.envMonitor-tabla4 {
  width: 100px;
  height: 26px;
  margin: auto;
}

.envMonitor2-tabla4 {
  width: 245px;
  height: 26px;
  margin: auto;
}

.envMonitor-tamdiv {
  width: 170px;
  display: inline-block;
}

.envMonitor-calendar {
  background-image: url("../resources/images/icon-calendario.png");
  background-repeat:no-repeat;
  width: 21px;
  height: 21px;
  display: inline-block;
}


.envMonitor-tablaEstadisticas {
  font-family: "Arial","Times New Roman";
  font-size: 10pt;
  text-align: left;
  
}

.envMonitor-tablaGeneral {
  font-family: "Arial","Times New Roman";
  font-size: 10pt;
}


.envMonitor-datalist-item{
  font-family: "Arial","Times New Roman";
  font-size: 20pt;
  color: rgb(09,79,164);
  text-align: left;
  width: 90%;
  left: 20%;
  height: auto;
  padding-left: 2%;
  
}


/*Estilo de mensaje de sesión caducada*/

.sesion-texto
{
  text-align: center;
  
  color: #C8175E;
}

/*************  Estilo de mensaje de Error General  *****************************/
#contenidoErrorGeneral{
  width: 1050px; 
  height: 600px;
  position: absolute; 
  font-weight: bolder;
  left: 11%;
  top: 140px; 
}

.fondo_celda {
    background: red;
}

