.Sbody 
{
	background:url(../img/Fondo.jpg) top repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px auto 0 auto;
	font-size:10px;
}

#contenedor
{
	position:absolute;
	margin-top:0px;
	height:540px;
	margin-left:200px;
	border:1px solid #666;
	z-index:2;
	background-color:#FFF;
	width: -moz-calc(100% - 210px);
	width: -webkit-calc(100% - 210px);
	width: -o-calc(100% - 210px);
	width: calc(100% - 210px);
}

.ColorFondo
{
	background-color:#EAEAEA;
}

.footer { 
  position:relative; 
  bottom: 32px; 
  left:-1px; 
  z-index: 99999; 
  font-family: Helvetica, Arial, sans-serif;
  color: #333;
  font-size: 12px;
  background-color:#EEEEEE;
  border:1px solid #333;
  padding-top:5px;
  padding-bottom:5px;  
  width:100%;
  text-align:center;
  font-weight:bold;
}

#Menu div
{
	left:10px;	
	width:190px;
	height:25px;
	border-top:solid 1px #666;
	border-right:solid 1px #666;
	border-left:solid 1px #666;
	border-bottom:solid 1px #666;
	padding-top:10px;
	position:relative;
	cursor:pointer;
	margin-top:1px;
}

#subMenuOperacion,
#SubMenuConvenio,
#subMenuConsultas,
#SubMenuEstadisticas,
#SubMenuSuscripcion,
#SubMenuNotificacion,
#SubMenuNotificacionIsa,
#SubMenuConsultasNotifIsa,
#SubMenuTransacciones,
#SubMenuMovPersonal
{
	border:none !Important;
	height:100% !important;
	padding-top:2px !important;
	padding-bottom:2px;	
}

#subMenuOperacion div,
#subMenuConsultas div,
#SubMenuConvenio div,
#SubMenuEstadisticas div,
#SubMenuSuscripcion div,
#SubMenuNotificacion div,
#SubMenuNotificacionIsa div,
#SubMenuConsultasNotifIsa div,
#SubMenuTransacciones div,
#SubMenuMovPersonal div
{
	height:18px;
	padding:1px 2px 1px 2px;
	text-align:left !important;
	text-indent:5px;
}

.BotonSubMenu1
{
	background-color:#FFF;
	color:#333;	
}

.BotonSubMenu1Activado
{
	background-color:#666;
	color:#FFF;	
	border:solid 2px #FFCC33 !important;
	font-weight:bold;
}

.BotonSubMenu1:hover
{
	color:#333;
	background-color:#FFCC33;	
}


#ManteDatosPersonales input[type=text],
#MantUsuarios input[type=text],
#ManteConvenios input[type=text],
#ConvenioEEPC input[type=text],
#CargaDatosFunes input[type=text],
#Estadisticas  input[type=text],
#PanelEEPC input[type=text],
#CargaSolicitudes input[type=text]
{
	border:solid 1px #666;
	width:100%;
}

#ManteDatosPersonales  th,
#MantUsuarios th,
#ManteConvenios .thcabecera,
#ConvenioEEPC th,
#CargaDatosFunes th,
#Estadisticas  th,
#PanelEEPC th,
#CargaSolicitudes th
{
	text-indent:10px;
	font-weight:normal;
	text-align:left;
}

.Leyenda
{
	font-size:12px;
	text-align:justify;
	margin-top:10px;
}

.Leyenda li
{
	margin-top:5px;
}

.BotonesPaneles
{
	width:120px !important;
	background-color:#666 !important;
	color:#FFF !important;
	border:none !important;
	padding:5px 10px 5px 10px !important;
	font-size:10px !important;	
	border:solid 1px #333 !important;
}

.BotonesPanelesAct
{
	width:120px !important;
	border:none !important;
	background-color:#FFCC33 !important;
	color:#333 !important;
	padding:5px 10px 5px 10px !important;
	font-size:10px !important; 	
	border:solid 1px #333 !important;
}

.titulo
{
	padding:2px 0px 2px 10px;
	border:solid 1px #666;
	font-weight:bold;
	font-size:14px;
	color:#FFF;
	background-color:#666;
}


input[type=button],
input[type=submit]
{
	cursor:pointer;
	border:none;
	background-color:#666;
	color:#FFF;	
	padding:5px 20px 5px 20px;
	font-size:12px;
	
}

input[type=button]:hover
{
	border:none;
	background-color:#FFCC33;
	color:#666;	
	padding:5px 20px 5px 20px;
	font-size:12px;
	
}

.contenedorMant
{
	padding-top:5px;
	padding-bottom:5px;
	border:1px solid #666;
	background-color:#FFF;
	
}

#GrillaDetalleFunes,
#GrillaDetalleCorreos,
#GrillaEstadisticasEmpleador,
#GrillaCargaFunes,
#GrillaSesion,
#GrillaConvenios,
#ContenedorFunciones,
#GrillaFunesTraspaso,
#GrillaFunesTraspaso,
#ResumenFunesTraspaso
{
	padding:10px 10px 10px 10px	;
	width: -moz-calc(100% - 25px);
	width: -webkit-calc(100% - 25px);
	width: -o-calc(100% - 25px);
	width: calc(100% - 25px);
}

.Grilla td input[Type=button]
{
	cursor:pointer;
	border:none;
	background-color:#666;
	color:#FFF;	
	padding:2px 5px 2px 5px;
	font-size:12px;
}

.Grilla th
{
	background-color:#666;
	color:#FFF;
	height:16px;
	text-align:center !important;
	text-indent:0 !important;
}

.Grilla td
{
	color:#333;
	padding:3px 5px 3px 5px;	
	font-size:10px;
	text-indent:0 !important;
}

.PanelContenidoColores
{	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border:solid 1px #666;	
	background:url(../img/BarraGris.png) repeat-x;
	padding-bottom:10px;
	}

#contenedor #CabeceraInfo
{
	vertical-align:top;
	border-bottom: 1px solid #666;
	margin-left:10px;
	margin-right:10px;	
	padding-bottom:5px;
	padding-top:10px;
}

.BotonMenu1
{
	
	background-position:left;
	background-color:#FFF;
	z-index:1;
}

.BotonMenu1:hover
{
	
	background-position:left;
	background-color:#FFCC33;
	z-index:1;
}

.BotonMenu1Activado
{
	
	background-position:left;
	color:White;
	background-color:#666;
	z-index:3;
}


.BotonMenu2
{
	background:url(../img/Transac-gris.png) no-repeat;
	background-position:left;
	background-color:White;
	z-index:1;
}

.BotonMenu2:hover
{
	background:url(../img/Transac-gris.png) no-repeat;
	background-position:left;
	background-color:#FFCC33;
	z-index:1;
}

.BotonMenu2Activado
{
	background:url(../img/Transac.png) no-repeat;
	background-position:left;
	color:White;
	background-color:#666;
	z-index:3;
}


.BotonMenu3
{
	background:url(../img/History-gris.png) no-repeat;
	background-position:left;
	background-color:White;
	z-index:1
}

.BotonMenu3:hover
{
	background:url(../img/History-gris.png) no-repeat;
	background-position:left;
	background-color:#FFCC33;
	z-index:1;
}

.BotonMenu3Activado
{
	background:url(../img/History.png) no-repeat;
	background-position:left;
	color:White;
	background-color:#666;
	z-index:3;
}

.BotonMenu4
{
	background:url(../img/Law-gris.png) no-repeat;
	background-position:left;
	background-color:White;
	z-index:1;
}

.BotonMenu4:hover
{
	background:url(../img/Law-gris.png) no-repeat;
	background-position:left;
	background-color:#FFCC33;
	z-index:1;
}

.BotonMenu4Activado
{
	background:url(../img/Law.png) no-repeat;
	background-position:left;
	color:White;
	background-color:#666;
	z-index:3;
}

.BotonMenu5
{
	background:url(../img/Config-gris.png) no-repeat;
	background-position:left;
	background-color:White;
	z-index:1;
}

.BotonMenu5:hover
{
	background:url(../img/Config-gris.png) no-repeat;
	background-position:left;
	background-color:#FFCC33;
	z-index:1;
}

.BotonMenu5Activado
{
	background:url(../img/Config.png) no-repeat;
	background-position:left;
	color:White;
	background-color:#666;
	z-index:3;
}


.BotonMenu6
{
	background:url(../img/Instrumentos-gris.png) no-repeat;
	background-position:left;
	background-color:White;
	z-index:1;
}

.BotonMenu6:hover
{
	background:url(../img/Instrumentos-gris.png) no-repeat;
	background-position:left;
	background-color:#FFCC33;
	z-index:1;
}

.BotonMenu6Activado
{
	background:url(../img/Instrumentos.png) no-repeat;
	background-position:left;
	color:White;
	background-color:#666;
	z-index:3;
}

.BotonMenu7
{
	background:url(../img/ejecutivos-gris.png) no-repeat;
	background-position:left;
	background-color:White;
	z-index:1;
}

.BotonMenu7:hover
{
	background:url(../img/ejecutivos-gris.png) no-repeat;
	background-position:left;
	background-color:#FFCC33;
	z-index:1;
}


.BotonMenu7Activado
{
	background:url(../img/ejecutivos.png) no-repeat;
	background-position:left;
	color:White;
	background-color:#666;
	z-index:3;
}

.BotonMenu8
{
	background:url(../img/empresa-gris.png) no-repeat;
	background-position:left;
	background-color:White;
	z-index:1;
}

.BotonMenu8:hover
{
	background:url(../img/empresa-gris.png) no-repeat;
	background-position:left;
	background-color:#FFCC33;
	z-index:1;
}

.BotonMenu8Activado
{
	background:url(../img/empresa.png) no-repeat;
	background-position:left;
	color:White;
	background-color:#666;
	z-index:3;
}

.BotonMenu9
{
	background:url(../img/bloqueos-gris.png) no-repeat;
	background-position:left;
	background-color:White;
	z-index:1;
}

.BotonMenu9:hover
{
	background:url(../img/bloqueos-gris.png) no-repeat;
	background-position:left;
	background-color:#FFCC33;
	z-index:1;
}

.BotonMenu9Activado
{
	background:url(../img/bloqueos.png) no-repeat;
	background-position:left;
	color:White;
	background-color:#666;
	z-index:3;
}


.BotonMenu10
{
	background:url(../img/Exit-gris.png) no-repeat;
	background-position:left;
	background-color:White;
	z-index:1;
}

.BotonMenu10:hover
{
	background:url(../img/Exit-gris.png) no-repeat;
	background-position:left;
	background-color:#FFCC33;
	z-index:1;
}

.BotonMenu10Activado
{
	background:url(../img/Exit.png) no-repeat;
	background-position:left;
	color:White;
	background-color:#666;
	z-index:3;
}

.BotonMenu11
{
	background:url(../img/Ref-gris.png) no-repeat;
	background-position:left;
	background-color:White;
	z-index:1;
}

.BotonMenu11:hover
{
	background:url(../img/Ref-gris.png) no-repeat;
	background-position:left;
	background-color:#FFCC33;
	z-index:1;
}

.BotonMenu11Activado
{
	background:url(../img/Ref.png) no-repeat;
	background-position:left;
	color:White;
	background-color:#666;
	z-index:3;
}

.AlterGrilla
{
	background-color:#EAEAEA;	
}

.GrillaCabecera
{
	border:1px solid #999999;
	background-color:#EAEAEA;
	height:25px;
	font-family:Verdana;
	text-transform:capitalize;
}

#SubMenu
{
	font-size:10px;
	border:solid 1px #666;
	font-weight:bold;
}

#SubMenu th
{
	height:5px; 
	font-size:10px;
	font-weight:bold;
	 color:red;
	 text-align:right;
	}

#SubMenu td
{
	border:solid 1px #666;
	background-color:#666;
	height:20px;
	}

#SubMenu td:hover 
{
		background-color:#FFCC33;
		color:White;
}
	
	.tituloTabla
{
	padding-left:10px;
		-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
		background:url(../img/BarraGris.png) repeat-x;
		padding-top:5px;
		padding-bottom:5px;
		color:#333;
		font-weight:bold;
		font-size:12px;	
		top:-5px;
		position:relative;
	margin-bottom:0px;
}

#Correo
{
	width:600px;
	border:solid 1px #666;
	padding:10px 10px 10px 10px;
	background-color:#EAEAEA;
}

#Correo th
{
	text-align:left;
	padding-left:10px;
}

#Correo input[type=text]
{
	width:99%;
}

#Correo #Cuerpo
{
	width:100%; 
	height:300px; 
	background-color:#FFF;
	border:solid 1px #777;
}

#Correo #InforCorreo
{
	background-color:#FFF;
	width:100%;	
	border:solid 1px #777;
	padding:10px 10px 10px 0px;
}

#Correo #Archivos
{
	width:100%; 
	height:50px; 
	background-color:#FFFF66;
	border:solid 1px #777;
	padding-top:5px;
	overflow:auto;
}

#Correo #Archivos a
{
	margin-left:20px;
	font-size:12px;
	font-style:italic;
	float:left;
	padding:2px;	
}

#ContArchivos
{
	height:99%;
	width:300px;
	border-left:solid 1px #666;	
	border-bottom:solid 1px #666;	
	position:absolute;
	right:0px;
	top:0px;
	z-index:2;
	background-color:#EAEAEA;
}

.ArchErr
{
	background-color:Red;
	color:#FFF;
	font-size:9px;
	padding:1px 1px 1px 1px;
	border:solid 1px #333;
	margin-bottom:2px;
}

.ArchOK
{
	background-color:#FFF;
	font-size:9px;
	padding:1px 1px 1px 1px;
	border:solid 1px #333;
	margin-bottom:2px;
}

.PanelMensaje
{	
	background-color:#FFF;
	border:solid 1px #666;
	height:100%;
	padding:5px 5px 5px 5px;
}

.PanelMensaje #TituloMensaje
{
	text-align:center;
	font-weight:bold;
	font-size:12px;
	padding-top:10px;
	padding-bottom:10px;
}

.PanelMensaje #ftp,
.PanelMensaje #Log,
.PanelMensaje #Archivo
{
	font-size:12px;	
	padding:5px 5px 5px 5px;
}

.PanelMensaje #ftp a,
.PanelMensaje #Log label,
.PanelMensaje #Archivo label
{
	font-size:12px;	
	cursor:pointer;
	color:Blue;
	font-weight:bold;
}

.BotonSimple
{
	cursor:pointer;
	border:none;
	background-color:#666;
	color:#FFF !important;	
	padding:2px 5px 2px 5px;
	font-size:12px;
}

.Totales
{
	text-align:center;
	font-weight:bold;
	background-color:#CCCCCC;
}

#MantCentroGestion,
#MantCentroGestion table,
.Herramientas,
.ContenedorGrilla,
#grid_nomina .Grilla,
#CargasRealizadas,
#GrillaErrores,
#BodyCentros #Mensaje,
#BodyCentros .titulo,
#BodyNominas #Mensaje,
#BodyConvenios #Mensaje,
#BodyConvenios .titulo,
#BodyDatosPer .titulo,
#BodyDatosPer .contenedorMant,
#BodyUsuMant .contenedorMant,
#BodyUsuMant .titulo,
#BodyUsuCambios .titulo,
#BodyUsuSession .titulo,
#BodyUsuariosPag .titulo,
.Filtros {
    width: 100%;
    max-width: 750px;
}