#Form1
	{
		width:90%;
		height:550px;
	}

/*cuerpo*/
body 
{
    font-family:Arial;
    font-size:.8em;
    color:#000033;
    background-color:#ffffff;
	margin: 0px;
	height: auto;
	
}

#capaagrupadora
	{
		width: 90%;
		padding-top: 10px;
		padding-left: 10px;
		top:250px;
		left:250px;
	}

.encabezado
	{
		font-weight: bold;
	}
/* INPUTS DE FECHA */	
.fechaAcc
{
	visibility:hidden;
}

.Titulo1 /*titulo 1 tabla 2 columnas*/
	{
		font-weight: bold;	
		padding-left:5px;
	}
	
.Titulo2 /*titulo 2 */
	{
		font-weight: bold;	
		text-align:center;
	}	

.TituloPos /*titulo Posicionamiento Celda 1*/
	{
		font-weight: bold;	
		padding-left:5px;
	}
	
.TituloPos1 /*titulo 1 tabla Posicionamiento Celda 1*/
	{
		font-weight: bold;	
		padding-left:5px;
	}
	
.TituloPos2 /*titulo 2 tabla Posicionamiento Celda posteriores*/
	{
		font-weight: bold;	
		text-align:center;
	}
	
.barra
	{
		border:1px solid #00a982; 
		width:100%; 
		height:0px; 
		margin:0 auto; 
		padding:0;	
	}	

.barraDivisoria
	{
		position:relative;
		border:1px solid #00a982; 
		width:100%; 
		height:0px; 
		margin:0 auto; 
		padding:0;
		top:12px;
	}	

.csstd1 /*Celda A, tabla de 2 columnas*/
	{
		padding-left: 5px;
	}	

.csstd3 /*Celda A, tabla de 3 columnas*/
	{
		padding-left: 5px;
	}

.csstd4 /*Celda A, tabla de 3 columnas*/
	{
		padding-left: 5px;
	}

.cssPeriodo /*Celda Periodo, tabla de Servicios*/
	{
		padding-left: 5px;
	}

.csscantidades /*Para celdas con cantidades*/
	{
		text-align: right;
		padding-right: 5px;
	}

.cssTotales2 /*Para celdas con totales, tabla de 2 columnas*/
	{
		text-align: right;
		padding-right: 5px;
	}

.csstdgraf
	{
		padding:5px;
		text-align:center;
		font-weight:bold;		
	}


.VerGrafica2	
	{
		text-align:center;
		font-weight:bold;
		vertical-align:middle;
	}
	
.csstdPos1 /*Celda A, tabla de Posicionamiento*/
	{
		padding-left: 5px;
	}	
	
.csstdPos2 /*Celda A, tabla de Posicionamiento*/
	{
		text-align:center;
	}		
	
/*Titulo*/
.titulo
	{
		position: relative;
		top:19px;
		font-weight: bold;
		left: 15px;
	}

/*SubTitulo*/
.subtitulo
	{
		position: relative;		
		color: #000033;
		font-size: .5em;
		left: 15px;
		top: 20px;
		width:90%;
	}	

/*Etiqueta de servicio en INDICADORES*/
.etserv
{
	position: relative;
	top: 100px;
	left: 70px;
	font-weight: bold;
}


/*Campo de servicio en INDICADORES*/
.campserv
{
	position: relative;
	top: 100px;
	left: 140px;
}

/*Etiqueta de indicador en INDICADORES*/
.etindi
{
	position: relative;
	top: 10px;
	left: 15px;
	font-weight: bold;
	width:80%;
}

/*Campo de indicador en INDICADORES*/
.campindi
{
	position: relative;
	top: 10px;
	left: 140px;
}

/*Etiqueta de Campo en INDICADORES*/
.eticampo
{
	position: relative;
	top: 20px;
	left: 30px;
	width:80%;
}

/*Campo de Campo en INDICADORES*/
.campcampo
{
	position: relative;
	top: 9px;
	left: 100px;
}

/******Campo de Campo en INDICADORES*/
.campcampo2
{
	position: relative;
	top: 9px;
	left: 170px;
}

/*boton generar gráfica*/
.botongenerar
{
	position: relative;
	top: -9px;
	left: 390px;
	width:200px;
	height:24px;
}

/*etiqueta cambiar forma de gráfica*/
.etcambiargrafica
{
	position: relative;
	top: 5px;
	left: 30px;
	font-weight: bold;
}

/*campo forma de gráfica*/
.cambiargrafica
{
	position: relative;
	top: -12px;
	left: 175px;
}
	
/* Usado para desplegar las gráficas*/

	
.container
	{
		position: relative;
		top: 20px;
		width: 90%; 
		height: 600px; 
		margin: 0 auto;
	left: 0px;
}	

/*Pie de página*/	
.fechacorte
	{
        font-size: 10px;
        color: #666666;
        position: relative;
        top:-10px;
		width:90%;
	}	

/*Fecha de fecha de corte en INDICADORES*/
.Titfeccorte
{
	position: absolute;
/*	top: 30em;*/
	left: 65em;	
	font-weight: bold;
	background-color: #f5f5f5;
}

/*Campo de fecha de corte en INDICADORES*/
.feccorte
{
	top: 370px;
	left: 700px;	
	font-size: 11px;
	width: 300px;
	height:24px;
	background-color: #f5f5f5;
}
	
.notas	
	{
		width:70%;
		font-size: .8em;	
	}
	
.Grequerido
{
	display:inline;
	text-align:center;
	color: red;
	font-size: 9px;
}