@charset "utf-8";
/* CSS Document */



/************************************** ALINEACIÓN DE LOS BOTONES ***********************************/

.botonCentrado {
	margin-left: auto;
	margin-right: auto;
}

.botonIzquierda {
	float: left;
}

.botonDerecha {
	float: right;
}



/************************************** CSS DE LOS BOTONES ***********************************/

/*Boton pequeño*/

.botonS {
	margin-top: 20px;
	width: 100px;
	height: 35px;
	display: block;
	border: 1px solid #e4e4e4;
	background-image: url(../images/botones/bg-boton.jpg);
	background-repeat: repeat-x;
	-moz-boder-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
}

	.botonS a {
		width: 100px;
		height: 25px;
		display: block;
		border-bottom: 1px solid #f3f3f3;
		background-image: url(../images/botones/bg-boton.jpg);
		background-repeat: repeat-x;
		-moz-boder-radius: 20px;
		-webkit-border-radius: 20px;
		border-radius: 20px;
		color: #000;
		text-decoration: none;
		text-align: center;
		padding-top: 10px;
	}

		.botonS a:hover {
			width: 100px;
			height: 25px;
			display: block;
			border-bottom: 1px solid #f3f3f3;
			background-image: url(../images/botones/bg-boton2.jpg);
			background-repeat: repeat-x;
			-moz-boder-radius: 20px;
			-webkit-border-radius: 20px;
			border-radius: 20px;
			color: #666;
			text-decoration: none;
			text-align: center;
			padding-top: 10px;
		}

/*Boton mediano*/

.botonM {
	margin-top: 20px;
	width: 150px;
	height: 35px;
	display: block;
	border: 1px solid #e4e4e4;
	background-image: url(../images/botones/bg-boton.jpg);
	background-repeat: repeat-x;
	-moz-boder-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
}

	.botonM a {
		width: 150px;
		height: 25px;
		display: block;
		border-bottom: 1px solid #f3f3f3;
		background-image: url(../images/botones/bg-boton.jpg);
		background-repeat: repeat-x;
		-moz-boder-radius: 20px;
		-webkit-border-radius: 20px;
		border-radius: 20px;
		color: #000;
		text-decoration: none;
		text-align: center;
		padding-top: 10px;
	}

		.botonM a:hover {
			width: 150px;
			height: 25px;
			display: block;
			border-bottom: 1px solid #f3f3f3;
			background-image: url(../images/botones/bg-boton2.jpg);
			background-repeat: repeat-x;
			-moz-boder-radius: 20px;
			-webkit-border-radius: 20px;
			border-radius: 20px;
			color: #666;
			text-decoration: none;
			text-align: center;
			padding-top: 10px;
		}


/*Boton grande*/

.botonL {
	margin-top: 20px;
	width: 200px;
	height: 35px;
	display: block;
	border: 1px solid #e4e4e4;
	background-image: url(../images/botones/bg-boton.jpg);
	background-repeat: repeat-x;
	-moz-boder-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
}

	.botonL a {
		width: 200px;
		height: 25px;
		display: block;
		border-bottom: 1px solid #f3f3f3;
		background-image: url(../images/botones/bg-boton.jpg);
		background-repeat: repeat-x;
		-moz-boder-radius: 20px;
		-webkit-border-radius: 20px;
		border-radius: 20px;
		color: #000;
		text-decoration: none;
		text-align: center;
		padding-top: 10px;
	}

		.botonL a:hover {
			width: 200px;
			height: 25px;
			display: block;
			border-bottom: 1px solid #f3f3f3;
			background-image: url(../images/botones/bg-boton2.jpg);
			background-repeat: repeat-x;
			-moz-boder-radius: 20px;
			-webkit-border-radius: 20px;
			border-radius: 20px;
			color: #666;
			text-decoration: none;
			text-align: center;
			padding-top: 10px;
		}




/*Boton muy grande*/

.botonXL {
	margin-top: 20px;
	width: 250px;
	height: 35px;
	display: block;
	border: 1px solid #e4e4e4;
	background-image: url(../images/botones/bg-boton.jpg);
	background-repeat: repeat-x;
	-moz-boder-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
}

	.botonXL a {
		width: 250px;
		height: 25px;
		display: block;
		border-bottom: 1px solid #f3f3f3;
		background-image: url(../images/botones/bg-boton.jpg);
		background-repeat: repeat-x;
		-moz-boder-radius: 20px;
		-webkit-border-radius: 20px;
		border-radius: 20px;
		color: #000;
		text-decoration: none;
		text-align: center;
		padding-top: 10px;
	}

		.botonXL a:hover {
			width: 250px;
			height: 25px;
			display: block;
			border-bottom: 1px solid #f3f3f3;
			background-image: url(../images/botones/bg-boton2.jpg);
			background-repeat: repeat-x;
			-moz-boder-radius: 20px;
			-webkit-border-radius: 20px;
			border-radius: 20px;
			color: #666;
			text-decoration: none;
			text-align: center;
			padding-top: 10px;
		}



/*Boton doble, para dos líneas*/

.botonDob {
	margin-top: 20px;
	width: 250px;
	height: 35px;
	display: block;
	border: 1px solid #e4e4e4;
	background-image: url(../images/botones/bg-boton.jpg);
	background-repeat: repeat-x;
	-moz-boder-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
}

	.botonDob a {
		width: 250px;
		height: 32px;
		display: block;
		border-bottom: 1px solid #f3f3f3;
		background-image: url(../images/botones/bg-boton.jpg);
		background-repeat: repeat-x;
		-moz-boder-radius: 20px;
		-webkit-border-radius: 20px;
		border-radius: 20px;
		color: #000;
		text-decoration: none;
		text-align: center;
		padding-top: 3px;
	}

		.botonDob a:hover {
			width: 250px;
			height: 32px;
			display: block;
			border-bottom: 1px solid #f3f3f3;
			background-image: url(../images/botones/bg-boton2.jpg);
			background-repeat: repeat-x;
			-moz-boder-radius: 20px;
			-webkit-border-radius: 20px;
			border-radius: 20px;
			color: #666;
			text-decoration: none;
			text-align: center;
			padding-top: 3px;
		}

/*Boton doble pequeño, para dos líneas*/

.botonDobS {
	width: 38px;
	height: 35px;
	display: block;
	border: 1px solid #e4e4e4;
	background-image: url(../images/botones/bg-boton.jpg);
	background-repeat: repeat-x;
	-moz-boder-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
}

	.botonDobS a {
		width: 38px;
		height: 32px;
		display: block;
		border-bottom: 1px solid #f3f3f3;
		background-image: url(../images/botones/bg-boton.jpg);
		background-repeat: repeat-x;
		-moz-boder-radius: 20px;
		-webkit-border-radius: 20px;
		border-radius: 20px;
		color: #000;
		text-decoration: none;
		text-align: center;
		padding-top: 4px;
	}

		.botonDobS a:hover {
			width: 38px;
			height: 32px;
			display: block;
			border-bottom: 1px solid #f3f3f3;
			background-image: url(../images/botones/bg-boton2.jpg);
			background-repeat: repeat-x;
			-moz-boder-radius: 20px;
			-webkit-border-radius: 20px;
			border-radius: 20px;
			color: #666;
			text-decoration: none;
			text-align: center;
			padding-top: 4px;
		}

/** Botones Calculadora **/

/*Boton pequeño*/

.botonCalc {
	margin: 1px;
	width: 90px;
	height: 35px;
	display: block;
	border: 1px solid #e4e4e4;
	background-image: url(../images/botones/bg-boton.jpg);
	background-repeat: repeat-x;
	-moz-boder-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
	float: right;
}

	.botonCalc a {
		width: 90px;
		height: 25px;
		display: block;
		border-bottom: 1px solid #f3f3f3;
		background-image: url(../images/botones/bg-boton.jpg);
		background-repeat: repeat-x;
		-moz-boder-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		color: #000;
		text-decoration: none;
		text-align: center;
		padding-top: 10px;
		font-size: medium;
		font-weight: bold;
	}

		.botonCalc a:hover {
			width: 90px;
			height: 25px;
			display: block;
			border-bottom: 1px solid #f3f3f3;
			background-image: url(../images/botones/bg-boton2.jpg);
			background-repeat: repeat-x;
			-moz-boder-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
			color: #666;
			text-decoration: none;
			text-align: center;
			padding-top: 10px;
		}


.lbCalculadoraIntro {
	width: 90px;
	margin: 4px 1px 1px 1px;
	height: 112px;
	display: block;
	border: 1px solid #e4e4e4;
	background-image: url(../images/botones/bg-botonIntro.jpg);
	background-repeat: repeat-x;
	-moz-boder-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
	float: left;
	font-size: medium;
	font-weight: bold;
}

	.lbCalculadoraIntro a {
		width: 90px;
		height: 78px;
		display: block;
		border-bottom: 1px solid #f3f3f3;
		background-image: url(../images/botones/bg-botonIntro.jpg);
		background-repeat: repeat-x;
		-moz-boder-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		color: #000;
		text-decoration: none;
		text-align: center;
		padding-top: 35px;
	}

		.lbCalculadoraIntro a:hover {
			width: 90px;
			height: 78px;
			display: block;
			border-bottom: 1px solid #f3f3f3;
			background-image: url(../images/botones/bg-botonIntro2.jpg);
			background-repeat: repeat-x;
			-moz-boder-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
			color: #666;
			text-decoration: none;
			text-align: center;
			padding-top: 35px;
		}

/************************************** imagebutton hovers ***********************************/
.hoverImageAnterior {
	background-image: url('../images/anterior1.png');
	width: 95px;
	height: 28px;
	border: none;
}

	.hoverImageAnterior:hover {
		background-image: url('../images/anterior2.png');
	}

.hoverImageSiguiente {
	background-image: url('../images/siguiente1.png');
	width: 104px;
	height: 28px;
	border: none;
}

	.hoverImageSiguiente:hover {
		background-image: url('../images/siguiente2.png');
	}

.hoverImageEnviar {
	background-image: url('../images/enviar.png');
	width: 87px;
	height: 28px;
	border: none;
}

	.hoverImageEnviar:hover {
		background-image: url('../images/enviar2.png');
	}

.hoverImageCancelar {
	background-image: url('../images/cancelar.png');
	width: 97px;
	height: 28px;
	border: none;
}

	.hoverImageCancelar:hover {
		background-image: url('../images/cancelar2.png');
	}

.hoverImageResolver {
	background-image: url('../images/resolver.png');
	width: 102px;
	height: 28px;
	border: none;
}

	.hoverImageResolver:hover {
		background-image: url('../images/resolver2.png');
	}

.hoverImageRevisar {
	background-image: url('../images/Revisar incidencia1.jpg');
	width: 180px;
	height: 28px;
	border: none;
}

	.hoverImageRevisar:hover {
		background-image: url('../images/Revisar incidencia2.jpg');
	}

.hoverImageAceptarPopupCancelarIncidencia {
	background-image: url('../images/aceptarPopUp.png');
	width: 112px;
	height: 30px;
	border: none;
}

	.hoverImageAceptarPopupCancelarIncidencia:hover {
		background-image: url('../images/aceptarPopUp2.png');
	}

.hoverImageCancelarPopupCancelarIncidencia {
	background-image: url('../images/cancelarPopUp.png');
	width: 112px;
	height: 30px;
	border: none;
}

	.hoverImageCancelarPopupCancelarIncidencia:hover {
		background-image: url('../images/cancelarPopUp2.png');
	}

.hoverImageSiPopUp {
	background-image: url('../images/siPopUp.png');
	width: 102px;
	height: 28px;
	border: none;
}

	.hoverImageSiPopUp:hover {
		background-image: url('../images/siPopUp2.png');
	}

.hoverImageNoPopUp {
	background-image: url('../images/noPopUp.png');
	width: 102px;
	height: 28px;
	border: none;
}

	.hoverImageNoPopUp:hover {
		background-image: url('../images/images/noPopUp2.png');
	}

.hoverImageArchivar {
	background-image: url('../images/Archivar incidencia1.jpg');
	width: 180px;
	height: 28px;
	border: none;
}

	.hoverImageArchivar:hover {
		background-image: url('../images/Archivar incidencia2.jpg');
	}

.hoverImageVolver {
	background-image: url('../images/volver.png');
	width: 89px;
	height: 28px;
	border: none;
}

	.hoverImageVolver:hover {
		background-image: url('../images/volver2.png');
	}

.hoverImageBorrar {
	background-image: url('../images/borrar.png');
	width: 93px;
	height: 28px;
	border: none;
}

	.hoverImageBorrar:hover {
		background-image: url('../images/borrar2.png');
	}

.hoverImageRAuto {
	background-image: url('../images/enviarAuto.jpg');
	width: 177px;
	height: 28px;
	border: none;
}

	.hoverImageRAuto:hover {
		background-image: url('../images/enviarAutoHover.jpg');
	}

.hoverImageNuevaAC {
	background-image: url('../images/crear-accionCorrectiva.png');
	width: 102px;
	height: 28px;
	border: none;
}

	.hoverImageNuevaAC:hover {
		background-image: url('../images/crear-accionCorrectiva2.png');
	}

.hoverImageImprimir {
	background-image: url('../images/imprimir.png');
	width: 102px;
	height: 28px;
	border: none;
}

	.hoverImageImprimir:hover {
		background-image: url('../images/imprimir2.png');
	}

.hoverImageCrearIncidencia {
	background-image: url('../images/crear-incidencia.png');
	width: 141px;
	height: 28px;
	border: none;
}

	.hoverImageCrearIncidencia:hover {
		background-image: url('../images/crear-incidencia2.png');
	}

.hoverImageCrearSugerencia {
	background-image: url('../images/crear-sugerencia1.png');
	width: 152px;
	height: 28px;
	border: none;
}

	.hoverImageCrearSugerencia:hover {
		background-image: url('../images/crear-sugerencia2.png');
	}

.hoverImageFeErratas {
	background-image: url('../images/verfe.png');
	width: 149px;
	height: 28px;
	border: none;
}

	.hoverImageFeErratas:hover {
		background-image: url('../images/verfe2.png');
	}

.hoverImageVerGrafica {
	background-image: url('../images/vergraf.png');
	width: 200px;
	height: 28px;
	border: none;
}

.hoverImageVerGraficaSugerencia {
	background-image: url('../images/vergraf.jpg');
	width: 208px;
	height: 28px;
	border: none;
}

	.hoverImageVerGraficaSugerencia:hover {
		background-image: url('../images/vergraf2.jpg');
	}

.hoverImageVerGraficaImpugnacion {
	background-image: url('../images/vergrafi.jpg');
	width: 228px;
	height: 28px;
	border: none;
}

	.hoverImageVerGraficaImpugnacion:hover {
		background-image: url('../images/vergrafi2.jpg');
	}

.hoverImageCambiarPreguntasPagina {
	background-image: url('../images/cambiar.png');
	width: 97px;
	height: 28px;
	border: none;
}

	.hoverImageCambiarPreguntasPagina:hover {
		background-image: url('../images/cambiar2.png');
	}

.hoverImageVolverA {
	background-image: url('../images/volvera.png');
	width: 168px;
	height: 28px;
	border: none;
}

	.hoverImageVolverA:hover {
		background-image: url('../images/volvera2.png');
	}

.hoverImageEditar {
	background-image: url('../images/editar.png');
	width: 84px;
	height: 28px;
	border: none;
}

	.hoverImageEditar:hover {
		background-image: url('../images/editar2.png');
	}

.hoverImagePreguntaDesestimada {
	background-image: url('../images/desestimada1.png');
	width: 203px;
	height: 35px;
	border: none;
}

	.hoverImagePreguntaDesestimada:hover {
		background-image: url('../images/desestimada2.png');
	}

.hoverImagecontestadaMail {
	background-image: url('../images/contestadaMail1.png');
	width: 203px;
	height: 35px;
	border: none;
}

	.hoverImagecontestadaMail:hover {
		background-image: url('../images/contestadaMail2.png');
	}

.hoverImageaComentar {
	background-image: url('../images/aComentar1.png');
	width: 203px;
	height: 35px;
	border: none;
}

	.hoverImageaComentar:hover {
		background-image: url('../images/aComentar2.png');
	}

.hoverImageComentadaClase {
	background-image: url('../images/comentadaClase1.png');
	width: 203px;
	height: 35px;
	border: none;
}

	.hoverImageComentadaClase:hover {
		background-image: url('../images/comentadaClase2.png');
	}

.hoverImageLogin {
	background-image: url('../images/entrar.png');
	width: 89px;
	height: 28px;
	border: none;
}

	.hoverImageLogin:hover {
		background-image: url('../images/entrar2.png');
	}

.hoverImageInicio {
	background-image: url('../images/inicio.png');
	width: 89px;
	height: 28px;
	border: none;
}

	.hoverImageInicio:hover {
		background-image: url('../images/inicio2.png');
	}

.hoverImageCerrarSesion {
	background-image: url('../images/cerrar-sesion.png');
	width: 117px;
	height: 31px;
	border: none;
}

	.hoverImageCerrarSesion:hover {
		background-image: url('../images/cerrar-sesion2.png');
	}

.hoverImageReclamacionAplicada {
	background-image: url('../images/aplicada1.png');
	width: 203px;
	height: 35px;
	border: none;
}

	.hoverImageReclamacionAplicada:hover {
		background-image: url('../images/aplicada2.png');
	}

	.hoverImageReclamacionEstudio {
	background-image: url('../images/enestudio1.png');
	width: 203px;
	height: 35px;
	border: none;
}

	.hoverImageReclamacionEstudio:hover {
		background-image: url('../images/enestudio2.png');
	}