@import
	url("https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap")
	;
/** COLORES **/
form {
	width: 100% !important;
}

.login-form {
	margin-top: 135px;
	margin-bottom: 135px;
}

.login-form .login-title {
	margin-bottom: 1em;
}

.login-form .input-box {
	margin-bottom: 1em;
}

.login-form .input-box label {
	font-size: 14px;
}

.login-form .input-box span {
	font-size: 16px;
	position: absolute;
	padding: 46px;
	pointer-events: none;
	left: -20px;
	right: 0px;
}

.login-form .input-box input {
	width: 100% !important;
	padding: 10px 10px 10px 40px !important;
	border-radius: 0px !important;
	border: 1px outset #000 !important;
	background-color: #fff !important;
	outline: none;
}

/* Galay fold */
@media ( min-width : 280px) {
	.login-form .input-box label {
		font-size: 9px;
	}
}
/* iphone 5/SE */
@media ( min-width : 320px) {
	.login-form .input-box label {
		font-size: 11px;
	}
	#rc-imageselect, .g-recaptcha {
		transform: scale(0.9);
		-webkit-transform: scale(0.9);
		transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
	}
}
/* moto g4 */
@media ( min-width : 360px) {
	.login-form .input-box label {
		font-size: 13px;
	}
}

@media ( max-width : 375px) {
	/* Se esconde logo-top para celulares */
	.logo-top {
		background-color: #ff8f0f;
		padding-top: 10px;
		display: none;
	}
	.logo-top .titulo-text {
		margin-top: auto;
		margin-bottom: auto;
	}
	.logo-top .titulo-text p {
		color: #fff;
		text-transform: uppercase;
		font-size: 45px;
		font-weight: bold;
		left: 0%;
		position: relative;
	}
	.logo-top .diagonal-split {
		height: 60px;
		background: linear-gradient(to right bottom, #ff8f0f 50%, #33b1c9 50%);
	}
	.barra-ident-alumno {
		display: none;
		background: #000;
		padding: 15px;
		color: #fff;
		text-transform: uppercase;
		font-weight: bold;
	}
	.barra-ident-alumno a {
		color: #fff;
	}
	.barra-ident-alumno a:hover {
		color: #fff;
		text-decoration: none;
	}
	.barra-ident-alumno a:visited {
		color: #fff;
		text-decoration: none;
	}
}
/* Small devices (Iphone 6/7/8 plus) */
@media ( max-width : 414px) {
	/* Se esconde logo-top para celulares */
	.logo-top {
		background-color: #ff8f0f;
		padding-top: 10px;
		display: none;
	}
	.logo-top .titulo-text {
		margin-top: auto;
		margin-bottom: auto;
	}
	.logo-top .titulo-text p {
		color: #fff;
		text-transform: uppercase;
		font-size: 45px;
		font-weight: bold;
		left: 0%;
		position: relative;
	}
	.logo-top .diagonal-split {
		height: 60px;
		background: linear-gradient(to right bottom, #ff8f0f 50%, #33b1c9 50%);
	}
	.barra-ident-alumno {
		display: none;
		background: #000;
		padding: 15px;
		color: #fff;
		text-transform: uppercase;
		font-weight: bold;
	}
	.barra-ident-alumno a {
		color: #fff;
	}
	.barra-ident-alumno a:hover {
		color: #fff;
		text-decoration: none;
	}
	.barra-ident-alumno a:visited {
		color: #fff;
		text-decoration: none;
	}
}
/* Surface duo */
@media ( max-width : 450px) {
	/* Se esconde logo-top para celulares */
	.logo-top {
		background-color: #ff8f0f;
		padding-top: 10px;
		display: none;
	}
	.logo-top .titulo-text {
		margin-top: auto;
		margin-bottom: auto;
	}
	.logo-top .titulo-text p {
		color: #fff;
		text-transform: uppercase;
		font-size: 45px;
		font-weight: bold;
		left: 0%;
		position: relative;
	}
	.logo-top .diagonal-split {
		height: 60px;
		background: linear-gradient(to right bottom, #ff8f0f 50%, #33b1c9 50%);
	}
	.barra-ident-alumno {
		display: none;
		background: #000;
		padding: 15px;
		color: #fff;
		text-transform: uppercase;
		font-weight: bold;
	}
	.barra-ident-alumno a {
		color: #fff;
	}
	.barra-ident-alumno a:hover {
		color: #fff;
		text-decoration: none;
	}
	.barra-ident-alumno a:visited {
		color: #fff;
		text-decoration: none;
	}
}
/* Small devices (landscape phones, 576px and up) */
@media ( min-width : 576px) {
	.logo-top {
		background-color: #ff8f0f;
		padding-top: 10px;
		display: none;
	}
	.logo-top .titulo-text {
		margin-top: auto;
		margin-bottom: auto;
	}
	.logo-top .titulo-text p {
		color: #fff;
		text-transform: uppercase;
		font-size: 45px;
		font-weight: bold;
		left: 0%;
		position: relative;
	}
	.logo-top .diagonal-split {
		height: 60px;
		background: linear-gradient(to right bottom, #ff8f0f 50%, #33b1c9 50%);
	}
	.barra-ident-alumno {
		display: block;
		background: #000;
		padding: 15px;
		color: #fff;
		text-transform: uppercase;
		font-weight: bold;
	}
	.barra-ident-alumno a {
		color: #fff;
	}
	.barra-ident-alumno a:hover {
		color: #fff;
		text-decoration: none;
	}
	.barra-ident-alumno a:visited {
		color: #fff;
		text-decoration: none;
	}
}
/* Medium devices (tablets, 768px and up) */
@media ( min-width : 768px) {
	.logo-top {
		background-color: #ff8f0f;
		padding-top: 10px;
		display: block;
	}
	.logo-top .titulo-text {
		margin-top: auto;
		margin-bottom: auto;
	}
	.logo-top .titulo-text p {
		color: #fff;
		text-transform: uppercase;
		font-size: 45px;
		font-weight: bold;
		left: 25%;
		position: relative;
	}
	.logo-top .diagonal-split {
		height: 200px;
		background: linear-gradient(to right bottom, #ff8f0f 50%, #33b1c9 50%);
	}
	.barra-ident-alumno {
		display: block;
		background: #000;
		padding: 15px;
		color: #fff;
		text-transform: uppercase;
		font-weight: bold;
	}
	.barra-ident-alumno a {
		color: #fff;
	}
	.barra-ident-alumno a:hover {
		color: #fff;
		text-decoration: none;
	}
	.barra-ident-alumno a:visited {
		color: #fff;
		text-decoration: none;
	}
}
/* Large devices (desktops, 992px and up) */
@media ( min-width : 992px) {
	.logo-top {
		background-color: #ff8f0f;
		padding-top: 10px;
		display: block;
	}
	.logo-top .titulo-text {
		margin-top: auto;
		margin-bottom: auto;
	}
	.logo-top .titulo-text p {
		color: #fff;
		text-transform: uppercase;
		font-size: 45px;
		font-weight: bold;
		left: 25%;
		position: relative;
	}
	.logo-top .diagonal-split {
		height: 200px;
		background: linear-gradient(to right bottom, #ff8f0f 50%, #33b1c9 50%);
	}
	.barra-ident-alumno {
		display: block;
		background: #000;
		padding: 15px;
		color: #fff;
		text-transform: uppercase;
		font-weight: bold;
	}
	.barra-ident-alumno a {
		color: #fff;
	}
	.barra-ident-alumno a:hover {
		color: #fff;
		text-decoration: none;
	}
	.barra-ident-alumno a:visited {
		color: #fff;
		text-decoration: none;
	}
}
/* Extra large devices (large desktops, 1200px and up) */
@media ( min-width : 1200px) {
	.logo-top {
		background-color: #ff8f0f;
		padding-top: 10px;
		display: block;
	}
	.logo-top .titulo-text {
		margin-top: auto;
		margin-bottom: auto;
	}
	.logo-top .titulo-text p {
		color: #fff;
		text-transform: uppercase;
		font-size: 45px;
		font-weight: bold;
		left: 25%;
		position: relative;
	}
	.logo-top .diagonal-split {
		height: 230px;
		background: linear-gradient(to right bottom, #ff8f0f 50%, #33b1c9 50%);
	}
	.barra-ident-alumno {
		display: block;
		background: #000;
		padding: 15px;
		color: #fff;
		text-transform: uppercase;
		font-weight: bold;
	}
	.barra-ident-alumno a {
		color: #fff;
	}
	.barra-ident-alumno a:hover {
		color: #fff;
		text-decoration: none;
	}
	.barra-ident-alumno a:visited {
		color: #fff;
		text-decoration: none;
	}
}

.barra-redes {
	background: #000;
	height: 30px;
	font-size: 20px;
}

.barra-redes a {
	color: #fff;
}

.barra-redes a:visited {
	color: #fff;
}

.barra-redes a:hover {
	color: #fff;
	text-decoration: none;
}

.container-body {
	padding-top: 50px;
	padding-bottom: 50px;
}

.titulo-paso p {
	font-size: 26px;
}

.contenido-paso  {
	font-size: 22px;
}

.resumen-panel {
	margin-bottom: 24px;
	font-weight: bold;
}

.form-group {
	
/* 	font-size: 22px; */

	
}

.titulo-capturar {
	font-family: "Roboto Slab", serif;
	font-size: 30px;
	font-weight: bold;
}

.titulo-capturar>hr, .hr-bicolor {
	background: linear-gradient(90deg, #116ab5 75%, #e22e2e 25%);
	height: 10px;
}

.panel-carnet {
	border: 1px solid;
	padding: 30px;
	margin-top: 10px;
}

.panel-carnet .carnet-loader {
	margin-top: auto;
	margin-bottom: auto;
}

.panel-carnet .carnet-loader .loader-barra {
	top: -20px;
}

.panel-carnet .carnet-loader .loader-barra hr {
	border: 2px solid;
	border-color: #0f69c4;
}

.panel-carnet .carnet-loader a {
	color: #0f69c4;
	font-size: 20px;
}

.panel-carnet .carnet-loader a:hover {
	text-decoration: none;
}

footer .pie-logo {
	background-color: #2897ef;
	padding-top: 10px;
	padding-bottom: 2px;
}

footer .pie-copyright {
	padding-top: 10px;
	padding-bottom: 3px;
	background-color: #2179be;
	color: #fff;
	font-size: 14px;
}

footer .pie-copyright p {
	margin-bottom: 0px;
}

.container-body .titulo-resumen p {
	margin-bottom: 0px !important;
	font-size: 22px;
}

.container-body .resumen-panel {
	margin-bottom: 24px;
}

.container-body .finalizar-proceso {
	margin-top: 20px;
}

.container-body .check-big span {
	font-size: 250px;
	color: #0f69b4;
}

.container-body .fin-text p {
	font-size: 28px;
}

.barra-logo {
	padding-top: 15px;
	padding-bottom: 15px;
}

.barra-logo .menu-right {
	margin-right: 0px !important;
	margin-left: auto !important;
}

.barra-logo .menu-right li {
	padding-left: 10px;
}

.barra-logo .menu-right p {
	font-weight: bold;
	color: #949494;
	font-size: 15px;
	margin-top: 1rem;
}

.barra-logo .menu-right a:hover {
	text-decoration: none;
}

.ui-messages {
	text-align: left;
}

.ui-messages .ui-messages-error, .ui-messages .ui-message-error {
	padding: 15px 15px 15px 15px;
	border: 1px solid;
	background-color: #fff;
}

.ui-messages .ui-corner-all {
	border-radius: 0px !important;
}

.ui-messages .ui-messages-info-icon, .ui-messages .ui-messages-warn-icon,
	.ui-messages .ui-messages-error-icon, .ui-messages .ui-messages-fatal-icon
	{
	margin-top: 0px !important;
}

/******** SOBRE ESCRITURA DE LOS ESTILOS DE LOS PASOS ********/
/* Galaxy Fold */
@media ( min-width : 280px) {
	.pasos {
		padding-top: 8px !important;
	}
	.pasos .link {
		position: relative;
		width: 47px !important;
		height: 47px !important;
		text-align: center;
		display: inline-block;
		border: 5px solid;
		border-color: #0f69c4;
		border-radius: 40px;
		font-size: 30px;
		padding-top: 0px;
		margin-top: 15px;
		cursor: pointer;
	}
	.pasos .link span {
		position: relative;
		top: -4px !important;
	}
	.pasos .link:not (:last-child ) {
		margin-right: 3px !important;
	}
	.pasos .link:not (:last-child ):after {
		position: absolute;
		content: "";
		right: -35% !important;
		top: 0%;
		width: 35% !important;
		height: 50%;
		border-bottom: 4px solid #0f69c4;
	}
	.pasos .no-link {
		position: relative;
		width: 47px !important;
		height: 47px !important;
		text-align: center;
		display: inline-block;
		border: 5px solid;
		border-color: #0f69c4;
		border-radius: 40px;
		font-size: 30px;
		padding-top: 0px;
		margin-top: 15px;
		cursor: default;
	}
	.pasos .no-link span {
		position: relative;
		top: -4px !important;
	}
	.pasos .no-link:not (:last-child ):after {
		position: absolute;
		content: "";
		right: -35% !important;
		top: 0%;
		width: 35% !important;
		height: 50%;
		border-bottom: 4px solid #0f69c4;
	}
	.pasos .no-link:not (:last-child ) {
		margin-right: 3px !important;
	}
	.pasos .terminado {
		background-color: #0f69c4;
		color: #fff;
	}
	.pasos .activo {
		background-color: #cfe1f3;
	}
}
/* iphone 5/SE */
@media ( min-width : 320px) {
	.pasos {
		padding-top: 8px !important;
	}
	.pasos .link {
		position: relative;
		width: 48px !important;
		height: 48px !important;
		text-align: center;
		display: inline-block;
		border: 5px solid;
		border-color: #0f69c4;
		border-radius: 40px;
		font-size: 30px;
		padding-top: 0px;
		margin-top: 15px;
		cursor: pointer;
	}
	.pasos .link span {
		position: relative;
		top: -3px !important;
	}
	.pasos .link:not (:last-child ) {
		margin-right: 12px !important;
	}
	.pasos .link:not (:last-child ):after {
		position: absolute;
		content: "";
		right: -50% !important;
		top: 0%;
		width: 50% !important;
		height: 50%;
		border-bottom: 4px solid #0f69c4;
	}
	.pasos .no-link {
		position: relative;
		width: 48px !important;
		height: 48px !important;
		text-align: center;
		display: inline-block;
		border: 5px solid;
		border-color: #0f69c4;
		border-radius: 40px;
		font-size: 30px;
		padding-top: 0px;
		margin-top: 15px;
		cursor: default;
	}
	.pasos .no-link span {
		position: relative;
		top: -3px !important;
	}
	.pasos .no-link:not (:last-child ):after {
		position: absolute;
		content: "";
		right: -50% !important;
		top: 0%;
		width: 50% !important;
		height: 50%;
		border-bottom: 4px solid #0f69c4;
	}
	.pasos .no-link:not (:last-child ) {
		margin-right: 12px !important;
	}
	.pasos .terminado {
		background-color: #0f69c4;
		color: #fff;
	}
	.pasos .activo {
		background-color: #cfe1f3;
	}
}
/* Moto g4 & Galaxy S5 */
@media ( min-width : 360px) {
	.pasos {
		padding-top: 8px !important;
	}
	.pasos .link {
		position: relative;
		width: 54px !important;
		height: 54px !important;
		text-align: center;
		display: inline-block;
		border: 5px solid;
		border-color: #0f69c4;
		border-radius: 40px;
		font-size: 30px;
		padding-top: 0px;
		margin-top: 15px;
		cursor: pointer;
	}
	.pasos .link span {
		position: relative;
		top: 0px !important;
	}
	.pasos .link:not (:last-child ) {
		margin-right: 15px !important;
	}
	.pasos .link:not (:last-child ):after {
		position: absolute;
		content: "";
		right: -50% !important;
		top: 0%;
		width: 50% !important;
		height: 50%;
		border-bottom: 4px solid #0f69c4;
	}
	.pasos .no-link {
		position: relative;
		width: 54px !important;
		height: 54px !important;
		text-align: center;
		display: inline-block;
		border: 5px solid;
		border-color: #0f69c4;
		border-radius: 40px;
		font-size: 30px;
		padding-top: 0px;
		margin-top: 15px;
		cursor: default;
	}
	.pasos .no-link span {
		position: relative;
		top: 0px !important;
	}
	.pasos .no-link:not (:last-child ):after {
		position: absolute;
		content: "";
		right: -50% !important;
		top: 0%;
		width: 50% !important;
		height: 50%;
		border-bottom: 4px solid #0f69c4;
	}
	.pasos .no-link:not (:last-child ) {
		margin-right: 15px !important;
	}
	.pasos .terminado {
		background-color: #0f69c4;
		color: #fff;
	}
	.pasos .activo {
		background-color: #cfe1f3;
	}
}
/* iphone 6/7/8 */
@media ( min-width : 375px) {
	.pasos {
		padding-top: 8px !important;
	}
	.pasos .link {
		position: relative;
		width: 56px !important;
		height: 56px !important;
		text-align: center;
		display: inline-block;
		border: 5px solid;
		border-color: #0f69c4;
		border-radius: 40px;
		font-size: 30px;
		padding-top: 0px;
		margin-top: 15px;
		cursor: pointer;
	}
	.pasos .link span {
		position: relative;
		top: 0px !important;
	}
	.pasos .link:not (:last-child ) {
		margin-right: 16px !important;
	}
	.pasos .link:not (:last-child ):after {
		position: absolute;
		content: "";
		right: -50% !important;
		top: 0%;
		width: 50% !important;
		height: 50%;
		border-bottom: 4px solid #0f69c4;
	}
	.pasos .no-link {
		position: relative;
		width: 56px !important;
		height: 56px !important;
		text-align: center;
		display: inline-block;
		border: 5px solid;
		border-color: #0f69c4;
		border-radius: 40px;
		font-size: 30px;
		padding-top: 0px;
		margin-top: 15px;
		cursor: default;
	}
	.pasos .no-link span {
		position: relative;
		top: 0px !important;
	}
	.pasos .no-link:not (:last-child ):after {
		position: absolute;
		content: "";
		right: -50% !important;
		top: 0%;
		width: 50% !important;
		height: 50%;
		border-bottom: 4px solid #0f69c4;
	}
	.pasos .no-link:not (:last-child ) {
		margin-right: 16px !important;
	}
	.pasos .terminado {
		background-color: #0f69c4;
		color: #fff;
	}
	.pasos .activo {
		background-color: #cfe1f3;
	}
}
/* Pixel 2/XL */
@media ( min-width : 411px) {
	.pasos {
		padding-top: 8px !important;
	}
	.pasos .link {
		position: relative;
		width: 60px !important;
		height: 60px !important;
		text-align: center;
		display: inline-block;
		border: 5px solid;
		border-color: #0f69c4;
		border-radius: 40px;
		font-size: 30px;
		padding-top: 0px;
		margin-top: 15px;
		cursor: pointer;
	}
	.pasos .link span {
		position: relative;
		top: 2px !important;
	}
	.pasos .link:not (:last-child ) {
		margin-right: 20px !important;
	}
	.pasos .link:not (:last-child ):after {
		position: absolute;
		content: "";
		right: -60% !important;
		top: 0%;
		width: 60% !important;
		height: 50%;
		border-bottom: 4px solid #0f69c4;
	}
	.pasos .no-link {
		position: relative;
		width: 60px !important;
		height: 60px !important;
		text-align: center;
		display: inline-block;
		border: 5px solid;
		border-color: #0f69c4;
		border-radius: 40px;
		font-size: 30px;
		padding-top: 0px;
		margin-top: 15px;
		cursor: default;
	}
	.pasos .no-link span {
		position: relative;
		top: 2px !important;
	}
	.pasos .no-link:not (:last-child ):after {
		position: absolute;
		content: "";
		right: -60% !important;
		top: 0%;
		width: 60% !important;
		height: 50%;
		border-bottom: 4px solid #0f69c4;
	}
	.pasos .no-link:not (:last-child ) {
		margin-right: 20px !important;
	}
	.pasos .terminado {
		background-color: #0f69c4;
		color: #fff;
	}
	.pasos .activo {
		background-color: #cfe1f3;
	}
}
/* iphone 6/7/8 Plus */
@media ( min-width : 414px) {
	.pasos {
		padding-top: 8px !important;
	}
	.pasos .link {
		position: relative;
		width: 62px !important;
		height: 62px !important;
		text-align: center;
		display: inline-block;
		border: 5px solid;
		border-color: #0f69c4;
		border-radius: 40px;
		font-size: 30px;
		padding-top: 0px;
		margin-top: 15px;
		cursor: pointer;
	}
	.pasos .link span {
		position: relative;
		top: 3px !important;
	}
	.pasos .link:not (:last-child ) {
		margin-right: 18px !important;
	}
	.pasos .link:not (:last-child ):after {
		position: absolute;
		content: "";
		right: -50% !important;
		top: 0%;
		width: 50% !important;
		height: 50%;
		border-bottom: 4px solid #0f69c4;
	}
	.pasos .no-link {
		position: relative;
		width: 62px !important;
		height: 62px !important;
		text-align: center;
		display: inline-block;
		border: 5px solid;
		border-color: #0f69c4;
		border-radius: 40px;
		font-size: 30px;
		padding-top: 0px;
		margin-top: 15px;
		cursor: default;
	}
	.pasos .no-link span {
		position: relative;
		top: 3px !important;
	}
	.pasos .no-link:not (:last-child ):after {
		position: absolute;
		content: "";
		right: -50% !important;
		top: 0%;
		width: 50% !important;
		height: 50%;
		border-bottom: 4px solid #0f69c4;
	}
	.pasos .no-link:not (:last-child ) {
		margin-right: 18px !important;
	}
	.pasos .terminado {
		background-color: #0f69c4;
		color: #fff;
	}
	.pasos .activo {
		background-color: #cfe1f3;
	}
}
/* Surface duo */
@media ( min-width : 450px) {
	.pasos {
		padding-top: 8px !important;
	}
	.pasos .link {
		position: relative;
		width: 65px !important;
		height: 65px !important;
		text-align: center;
		display: inline-block;
		border: 5px solid;
		border-color: #0f69c4;
		border-radius: 40px;
		font-size: 30px;
		padding-top: 0px;
		margin-top: 15px;
		cursor: pointer;
	}
	.pasos .link span {
		position: relative;
		top: 5px !important;
	}
	.pasos .link:not (:last-child ) {
		margin-right: 22px !important;
	}
	.pasos .link:not (:last-child ):after {
		position: absolute;
		content: "";
		right: -50% !important;
		top: 0%;
		width: 50% !important;
		height: 50%;
		border-bottom: 4px solid #0f69c4;
	}
	.pasos .no-link {
		position: relative;
		width: 65px !important;
		height: 65px !important;
		text-align: center;
		display: inline-block;
		border: 5px solid;
		border-color: #0f69c4;
		border-radius: 40px;
		font-size: 30px;
		padding-top: 0px;
		margin-top: 15px;
		cursor: default;
	}
	.pasos .no-link span {
		position: relative;
		top: 5px !important;
	}
	.pasos .no-link:not (:last-child ):after {
		position: absolute;
		content: "";
		right: -50% !important;
		top: 0%;
		width: 50% !important;
		height: 50%;
		border-bottom: 4px solid #0f69c4;
	}
	.pasos .no-link:not (:last-child ) {
		margin-right: 22px !important;
	}
	.pasos .terminado {
		background-color: #0f69c4;
		color: #fff;
	}
	.pasos .activo {
		background-color: #cfe1f3;
	}
}

/*# sourceMappingURL=style-catalogo.css.map */

/*Estilo tabla primefaces*/
.tablaDatos .ui-widget-header {
	background: #ffffff !important;
}

.tablaDatos .ui-datatable .ui-datatable-header, .ui-datatable .ui-datatable-footer
	{
	text-align: center;
	padding: 4px 10px;
	position: relative;
	margin: 20px;
	width: 400px;
}

.tablaDatos .ui-datatable thead th, .ui-datatable tfoot td {    
	padding: 4px 10px;
    overflow: hidden;
    border-width: 0px;
    border-style: solid;
	text-align: center;
}

.tablaDatos .ui-state-default, .tablaDatos .ui-widget-content .ui-state-default
	{
	background: #2179BE !important;
	font-weight: normal !important;
	color: #ffffff !important;
	text-shadow: none !important;
	font-size: 15px !important;
	font-weight: bold !important;
}

.tablaDatos .ui-widget-content {
	border: 0px !important;
	color: #333333 !important;
	font-size: 11px !important;
}

.tablaDatos .ui-widget-header .ui-inputfield, .tablaDatos .ui-widget-content .ui-inputfield
	{
	font-weight: normal;
	background: #ffffff !important;
	color: #333333 !important;
}

.tablaDatos.ui-datatable .ui-datatable-header {
	text-align: right !important;
}

.tablaDatos .ui-state-active {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.tablaDatos .ui-state-default {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.tablaDatos a.ui-paginator-next.ui-state-default.ui-corner-all, a.ui-paginator-prev.ui-state-default.ui-corner-all
	{
	background: #ffffff !important;
}

.tablaDatos .ui-widget-header {
	border: 0px;
	font-weight: normal !important;
	text-shadow: none !important;
}

.tablaDatos {
	border: 0px ;
	border-radius: 5px;
	border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 0px;
}

.tablaDatos span.ui-paginator-current {
	font-size: 12px;
}

.tablaDatos .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active
	{
	background: #2179BE
		-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255,
		0.8)), to(rgba(255, 255, 255, 0))) !important;
	color: #ffffff !important;
}

.tablaDatos.ui-widget {
	font-size: 12px !important;
}

element.style {
    text-align: center;
}
.tablaDatos .ui-state-default {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.tablaDatos .ui-state-default, .tablaDatos .ui-widget-content .ui-state-default {
    background: #2179BE !important;
    font-weight: normal !important;
    color: #ffffff !important;
    text-shadow: none !important;
    font-size: 15px !important;
    font-weight: bold !important;
}

.tablaDatos .ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th {
    padding: 4px 10px;
    overflow: hidden;
    border-width: 0px;
    border-style: solid;
}

.centered { 
	text-align: center;
}