/*body				{ background-image: url("../img/sombra.png"); background-repeat:repeat-y; background-position: 50% 0;
					  background-color: #FFFFFF; font-family:Helvetica,Arial,Verdana,sans-serif; margin-top:0; margin-bottom:0; }*/
#pagina				{ margin: 0 auto;
    width: 1000px; color: #454545; position:relative; display:block; background-color: #FFFFFF;
    top: 0px;
    left: 0px;
    height: 893px;
}
#header				{ background-image: url('../img/fondo2.jpg'); background-repeat:no-repeat; width:100%; height: 130px; margin:0 auto; background-color: #FFFFFF;}
#avisos				{ float:left; margin-top:10px; width:100%; }	
#lateral			{ float:left; margin-top: 10px; margin-left:10px; margin-right:5px; text-align: center; width:180px;}  
#contenido			{  background-color:#F2F2F2; border-radius:5px; background-repeat: repeat-x; /*border: solid 1px #cccccc;*/ float:right; /*clear:left;*/
					  width: 917px; 
margin-top:10px; margin-right:10px; text-align:left; padding-left: 10px; padding-right:10px; padding-bottom:20px; padding-top:15px; background-color:Transparent;
    margin-left: 0px;
    height: 513px;
}
#contenidoCal			{ background-color:#FFFFFF; background-image: url("../img/header.png"); background-repeat: repeat-x; border: solid 1px #cccccc; 
					  width: 725px; height: 1500px; margin:0 auto; margin-top:10px; text-align:left; padding-left: 10px; padding-right:10px; padding-bottom:20px; padding-top:15px; background-color:Transparent;}
#contenido a		{ border: 0px; text-decoration: none; }					  
#contenido h4		{ text-align: center; }
#contenidoLogin		{ margin:0 auto; margin-top: 10%; text-align: center; padding: 3% 3% 1% 3%; font-size: medium; width:800px; height:200px; background-color: #FFFFFF;}
/*#contenidoConfig	{ position: relative; border: solid 1px #EEEEEE; margin-top: 10px; width: 725px; margin-right:10px; float:right;
					  text-align: left; background-image: url("../img/header.png"); background-repeat: repeat-x; padding-left: 10px; padding-right:10px; padding-bottom:20px;}*/
#cuerpo				{ width: 1000px; padding-bottom:20px; background-color: #FFFFFF;
    height: 746px;
}
#cuerpo2			{ width: 1000px; padding-bottom:20px; background-color: #FFFFFF;}
#footer				{ clear:both;background-repeat: no-repeat; background-position:center bottom; height:42px; 
width:1000px; background-color:#FFFFFF;
    margin-top: 22px;
    margin-bottom: 20px;
}				
#mensajeFooter		{ font-size: 10px; font-weight:bold; font-family:Century Gothic; margin-left:30px; padding-top:90px;}
#mensajeFooter span	{ display:block; }
					  
#informacion		{ width:680px; text-align:center; margin:0 auto; margin-top:20px;}
#informacionRH		{ float: left; width:680px; text-align:center; margin:0 auto; margin-top:20px;}
#informacionHorario	{ float: left; width:750px; text-align:center; margin-top:20px; height: 30px;}
.infoHorario		{ float: left; height:25px; width:500px; padding: 5px 5px 5px 5px; border: dotted 1px #CC0000; margin-left: 5px; margin-right:5px; margin-top:10px;; text-align:center;}
#prestamos		{ margin-top:200px; }

#mensajeLogin		{ border-right: solid 1px #c5c6c7; float:left; width: 380px; height: 200px; margin:0 auto 0 auto; padding: 20px; /*font-weight:bold; */ font-style:italic; font-size: 12px; text-align:justify;}
#mensajeLogin p		{ margin-top: 0px;}
#mensajeLogin span	{ display:block; margin-top: 10px; text-align:center; font-weight:bold; }
#login			{ float:left; font-size: medium; width:400px; height:200px; margin:0 auto 0 auto; padding: 5px;}
#tablaLogin		{ margin-top: 50px; }
.tablaDatos		{ width:100%; }
.fechas			{ text-align:center;}
.totales		{ color:#000000; font-weight: bold; float:right; margin-top:10px; clear:both; }
.cantidad		{ width: 100px; }
.campos			{ width:20%; text-align:left; font-size: 12px; font-weight:bold;  }
.datosTxtBox 		{ position:relative; width:80%; text-align: right; }
.datosTxtBox > *	{ position:relative; width:80%; text-align:left; border:0; }
.loginTxtBox *		{ position:relative; width:80%; text-align:right; }
.elementoMenu		{ display:inline-block; font-size:medium;	background-color: #CC0000; color: #FFFFFF;
					  padding: 8px 8px 8px 8px; width: 10%; }
.elementoMenu:hover { background-color: #FFFFFF; color: #CC0000; font-weight:bold; }
.tituloRecibo		{ text-align:center; width: 100%;}
.SeleccionQuincena	{ text-align:center; width: 100%;}
.conceptosRecibos	{ text-align:left; width: 50%;}
.moneda			{ text-align:right; width: 30%; }
#recibo			{ border-top: double 3px #36393D; border-bottom: double 3px #36393D; margin-top: 30px; padding-top:10px; padding-bottom:10px; margin-bottom:10px; background-image: url("../img/fondoRecibo.png"); }
#recibo span		{ text-align:right; font-weight:bold;}
#recibo table		{ width:100%;}
#totalesRecibo		{ text-align:right; width: 100%; }
#AbonosAplicados	{ border-top: double 3px #36393D; border-bottom: double 3px #36393D; margin-top: 5px; padding-top:10px; padding-bottom:10px; margin-bottom:10px; background-image: url("../img/fondoRecibo.png"); }
.cantidadR		{ width: 20px; text-align:right; }
.importeR		{ width: 50px; text-align:right; }
#encabezadoRecibo	{ margin-top: 20px;}
#encabezadoRecibo td	{ text-align:left; } 
.encabezados		{ text-align:center; font-weight:bold; font-size:10px; text-transform:uppercase;}

#cajaFAR		{ float: left; width:45%; position: relative; margin-bottom: 20px; text-align:center; font-size:smaller; padding: 5px 5px 5px 5px; }
#cajaAhorros		{ float: left; width:45%; position:relative; margin-bottom: 50px; text-align:center; font-size:smaller; padding: 5px 5px 5px 5px; }
#cajaPrestamos		{ float: right; width:45%; position: relative; margin-bottom: 50px; text-align:center; font-size:smaller; padding: 5px 5px 5px 5px; }
.cajaSolicitud		{ padding: 1em 3em; margin: 1em 25%;}
#cajaAhorros td		{ width: 100px; }
#cajaPrestamos td	{ width: 80px; }
.titulos		{ font-weight:bold; font-size:20px; color:#0B4C45; text-align:center; display:block; margin-bottom:5px; margin-top:5px; }
.tituloslabels		{ font-weight:bold; font-size:12px; color:#0B4C45; text-align:center; display:block; margin-bottom:5px; margin-top:0px; }
.tituloslabels2		{ font-weight:bold; font-size:12px; color:#0B4C45; text-align:center; margin-bottom:5px; margin-top:0px; }
#titulosSaldos		{ font-weight:bold; font-size:15px; color: #454545; text-align:center; display:block; margin-bottom:5px; margin-top:5px; }
#subtitulo		{ margin-top: 30px; }

#leyendaFormato		{ font-size: small; }
#visorDocumentos	{ clear:both; width:720px; height: 700px; margin:0px; text-align:center; }
#visorPDF			{ width:100%; height:100%;}
#listaDocumentos	{ width:100%; text-align:center; margin-bottom:20px; margin-top:20px;}
.boton				{ border:0; background-color:Transparent; width:100px; font-size: 10px; font-weight: bold; height:20px; text-align:center; }
.boton:hover		{ border:0; border-bottom: dotted 1px #d31a21; border-top: dotted 1px #d31a21; background-color: #FFFFFF; color: #454545; }

.ahorroFARF			 { color: #3F4C6B; font-weight: bold; }
#otrosSaldos		 { text-align:center; font-size:smaller; padding: 5px 5px 5px 5px; }
.otrosSaldosDesc	 { width: 220px; text-align: left; }
.otrosSaldosMoneda	 { width: 80px; text-align: right; }
.otrosSaldosFecha	 { width: 70px; text-align: center; }
.otrosSaldosTotal	 { text-align: right; font-weight: bold; font-size: small; margin-bottom: 100px;}
.otrosSaldosDivision 	 { margin-top: 10px; margin-bottom: 10px; }

.infoMedica		 { position:relative; float:left; width:200px; height:220px; padding: 5px 5px 5px 5px; border: dotted 1px #CC0000; margin-left: 5px; margin-right:5px; text-align:center;}
.infoRH			 { position:relative; float:left; width:240px; padding: 5px 5px 5px 5px; border: dotted 1px #CC0000; margin-left: 5px; margin-right:5px; text-align:center;}
.infoMedica h4		 { text-align: center; }
.infoMedicaHeader	 { text-align: center; }
.infoMedicaFooter	 { font-size: 10px; text-align:center; }
.infoMedicaBody		 { font-size: 12px; }
.infoMedicaBody	td	 { text-align: left; }
.infoRHBody		 { font-size: 10px; text-align:center; font-weight:bold;}
#capacitaciones		 { padding: 5px 5px 5px 5px; margin: 0 auto; text-align:center;}
.capacitacionBody	 { font-size: 12px; text-align:left; }
#sanciones		 { text-align:center; margin-top: 20px; margin-bottom:20px;}
#reconocimientos	 { text-align:center; margin-top: 20px; margin-bottom:20px;}
#sanciones table	 { width:100%; }
#reconocimientos table   { width: 100%; }
#calendario	         { position: relative; margin-right:10px; float:left;}
#leyendaCalendario	 { position: relative; font-size: 12px; position: relative; float:left;  padding: 3px 3px 3px 3px; text-align:left;}
#directorio		 { font-size: 12px; padding: 10px 10px 10px 10px; }
.directorioDeptos	 { font-size:12px; font-weight:bold; }

#incidencias		 {  }
#incidenciasRH	 	 { margin: 20px auto; width:86%; 
text-align:center; top: 0px; left: -1px;
    height: 434px;
}
.nota			 { font-size: 1em; font-weight: bolder; border-bottom: dotted 1px #ce111c; border-top: dotted 1px #ce111c; }
.botonCerrar		 { float: right; margin-left:20px; font-size:10px; border: none; background-color:Transparent; color:#454545; text-transform:uppercase; font-weight:bold; }
.botonCerrar:hover	 { text-decoration: underline; }
#autores			 { margin-top:62px;  
font-size:10px; font-weight:bolder; margin-left: 50px; color:#000000; padding-top:50px;
    height: 58px;
}
#autores span		 { display: block; font-style:italic; }
.empleadoMes	 	 { font-size:12px; font-family:Arial; list-style-image:url(../img/reconocimiento.png);  text-align:left;}


/* ---------------------- Menu Horizontal ---------------------- */
#menuHorizontal{position:relative;height:56px;color:#E0E0E0;background:#00A88B;width:100%; margin-top:10px; clear:both;}
#menuNav{position:relative;height:33px;font-size:12px;text-transform:uppercase;font-weight:bold;background:#fff url(../img/menu/botonmenu.png) repeat-x bottom left;padding:0 0 0 20px;}
#menuNav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#menuNav ul li{display:block;float:left;margin:0 1px;}
#menuNav ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 0 0 20px;height:33px;}
#menuNav ul li a span{padding:12px 20px 0 0;height:21px;float:left;}
#menuNav ul li a:hover{color:#fff;background:transparent url("../img/menu/fondoBotonMenuOver.png") repeat-x bottom left;}
#menuNav ul li a:hover span{display:block;width:auto;cursor:pointer;}
#menuNav ul li a.current,#menuNav ul li a.current:hover{color:#fff;background:#33ccff url("../img/menu/botonmenul.png") no-repeat top left;line-height:275%;}
#menuNav ul li a.current span{display:block;padding:0 20px 0 0;width:auto;background:#33ccff url("../img/menu/botonmenul.png") no-repeat top right;height:33px;}
/* ---------------------- END Menu Horizontal ---------------------- */

/* ---------------------- Menu Vertical ---------------------------- */
#menuLateral
{
	float:left;
	width: 100%;	
    text-align: center;        
    height: 220px;
}
#menuLateral a:link, #menuLateral a:visited {
	display:block;
	width:100%;
	background-color: #ee1c24;	
	padding-top: 6px;
	background:transparent url('../img/menu/botonmenul.png') no-repeat;
	margin-top:2px;
	color: #ffffff;	
	text-decoration:none;
	vertical-align:middle;
	text-transform: uppercase;
	font-weight:bold;
	font-size: 12px;
	height: 29px;
	font-family:Century Gothic;
}
#menuLateral a:hover {
	background:transparent url('../img/menu/botonmenul.png') no-repeat;	
	color:#FFFFFF;
}
/* ---------------------- END Menu Vertical ---------------------- */


/* ---------------------- TICKER AVISOS -------------------------- */
#NewsTicker		{ border:solid 1px #cccccc; /*background:#eaf5e0;*/ background:#F9F7ED; height:100%; margin:0 auto; text-transform:uppercase; }
#NewsTicker h1	{ padding:6px; margin:0; border:0; /*background:#dfe9d5;*/ background:#ece8d4; color:#000000; 
				  font-size:11px; font-weight:bold; }
#NewsVertical	{ height: 300px; display: block; overflow: hidden; position: relative; }
#TickerVertical { height: 330px; display: block; list-style: none; margin: 0; padding: 0;	}
#TickerVertical li { display: block; color: #333333; text-align: left; font-size: 11px; margin: 0;
					 padding: 6px; float: left; }
#TickerVertical li .NewsTitle{ display: block; color: #000000; font-size: 12px; font-weight:bold; margin-bottom:6px; }
#TickerVertical li .NewsTitle a:link,
#TickerVertical li .NewsTitle a:Visited { display: block; color: #000000; font-size: 12px; font-weight:bold;
										  margin-bottom:6px; text-decoration:none; }
#TickerVertical li .NewsTitle a:hover { text-decoration:underline; }
#TickerVertical li .NewsImg{ /*float:left; margin-right:10px;*/ text-align:center; }
#TickerVertical li .NewsFooter{ display: block; color: #000000; font-size: 10px; margin:6px 0 14px 0; }
/* ---------------------- END Ticker Avisos ---------------------- */

/* ------------------------- FORMULARIO -------------------------- */
.formulario				{padding:3px; border: 1px dashed #cccccc; background-color:#FFFFFF; margin-top: 20px;}
.formulario	 fieldset	{border:0; /*background-color:#f7f4f0;*/ padding:10px 20px; }
.formulario	 p label	{font:bold 12px Geneva, Arial, Helvetica, sans-serif; float: left; width:35%; text-align:right; padding:5px; color: #000000;}
.formulario	 p br		{clear: left;}
.formulario  .botonForm	{margin-left:35%;}
.formulario	 fieldset span { font: bold 16px Arial, sans-serif; color:#454545;}
.formularioMensajes		{font-size: 8px; }
.calendario				{margin-top: 5px; }
#adminUsuario			{padding:3px; background-color:#FFFFFF;}
#adminUsuario p label   {font:bold 12px Geneva, Arial, Helvetica, sans-serif; float: left; width:35%; text-align:right; padding:5px; color: #000000;}
#adminUsuario p br		{clear: left;}
#adminUsuario .botonForm{margin-left:35%;}
/* ----------------------- END FORMULARIO ------------------------- */


#mensajeError	{ text-align:left; font-size:12px; padding-top:5px; }

#divBanamex		{ padding-left:10px; padding-right:10px; height: 600px; text-align:center;  }
#pagBanamex		{ margin-top:0; margin-bottom:0; margin-left:auto; margin-right: auto; 
					  width: 1000px; color: #454545; position:relative; display:block; background-color: #FFFFFF; text-align:center;}