body {
	scrollbar-face-color: #F7F7F7;
	scrollbar-arrow-color: #397DD0;
	scrollbar-track-color: #F7F7F7;
	scrollbar-shadow-color: #949494;
	scrollbar-highlight-color: #CECFCE;
	scrollbar-3dlight-color: #F7F7F7;
	scrollbar-darkshadow-Color: #F7F7F7;
	color: Black;
	margin: 0px;
	padding: 5px;
	font-variant: normal;
	font-size: 11px;
	font-family: Arial;
	font-weight: normal;
}

.bodyAyudas {
	scrollbar-face-color: #F7F7F7;
	scrollbar-arrow-color: #397DD0;
	scrollbar-track-color: #F7F7F7;
	scrollbar-shadow-color: #949494;
	scrollbar-highlight-color: #CECFCE;
	scrollbar-3dlight-color: #F7F7F7;
	scrollbar-darkshadow-Color: #F7F7F7;
	font-family: Arial;
	font-variant: normal;
	font-size: 11px;
	font-weight: normal;
}

.gwtBody {
	padding: 5;
	margin: 0;
	scrollbar-face-color: #F7F7F7;
	scrollbar-arrow-color: #397DD0;
	scrollbar-track-color: #F7F7F7;
	scrollbar-shadow-color: #949494;
	scrollbar-highlight-color: #CECFCE;
	scrollbar-3dlight-color: #F7F7F7;
	scrollbar-darkshadow-Color: #F7F7F7;
	font-family: Arial;
	font-variant: normal;
	font-size: 11px;
	font-weight: normal;
}

a:hover {
	vertical-align: middle;
	border: 0px solid #fff;
	text-decoration: underline;
	color: #004898;
	cursor: hand;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
}

a {
	vertical-align: middle;
	border: 0px solid #fff;
	text-decoration: underline;
	color: #004898;
	cursor: hand;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
}

a.buttonLink:hover {
	vertical-align: middle;
	border: 0px solid #fff;
	text-decoration: underline;
	color: #004898;
	cursor: hand;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 11px;
	font-variant: normal;
}

a.buttonLink {
	vertical-align: middle;
	border: 0px solid #fff;
	text-decoration: none;
	color: #004898;
	cursor: hand;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 11px;
	font-variant: normal;
}



.required {
	color: #E92041;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 11px;
	/*color: #E22836;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 11px;
	*/
}

.labelBold {
	font: bold;
	color: #004898;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-weight: bold;
}

.dropdownlist {
	background-color: #CBD9E7;
	height: 18px;
	color: #000;
	font-family: Arial;
	font-size: 10px;
	font-variant: normal;
	vertical-align: middle;
}

.list {
	background-color: #CBD9E7;
	height: 19px;
	color: #000;
	font-family: Arial;
	font-size: 11px;
	font-variant: normal
}

.textbox {
	border: solid 1px #CBD9E7;
	height: 15px;
	color: #000;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 10px;
	font-variant: normal;
	vertical-align: middle;
}

.gridbar {
	height: 25px;
	background-color: #f5f5f5;
	vertical-align: middle;
}

.gridHeader {
	background-color: #004898;
	height: 26px;
	color: white;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 11px;
	font-variant: normal;
	font: bold;
}

.tableHeader {
	background-color: #F5F5F5;
	color: #004898;
	border-color: #F5F5F5;
}

.rich-mpnl-header {
	background-color: #004898;
	color: white;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 11px;
	font-variant: normal;
	font: bold;
}

.rich-toolbar-item {
	color: #999999;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 11px;
	font-variant: normal;
	font: bold;
	padding: 2px 5px;
}

.gridRow1 {
	color: #000000;
	background-color: #FFFFFF;
}

.gridRow2 {
	color: #000000;
	background-color: #F4F4F4;
}

.title {
	background-color: #004898;
	height: 25px;
	color: #FFF;
	font-family: Arial, Helvatica, Verdana, Sans-serif;
	font-size: 12px;
	font-weight: bold
}

.letterBlack {
	vertical-align: middle;
	font-family: Arial, Helvatica, Verdana, Sans-serif;
	color: #000;
	font-size: 11px
}

.linedotted {
	border-top: dotted 1px #004898;
}

.toolbarActions {
	background-color: #FFFFFF;
	background-image: none;
	background-position: left top;
	background-repeat: repeat-x;
	border: 0px solid #C0C0C0;
	padding: 0px;
	color: #004898;
	height: 20px;
}

.dataScroller {
	size: 15px;
	color: #000000;
	border: 0px solid #C0C0C0;
	color: #000000;
}

.dataScrollerInactive {
	color: #000000;
	border: 0px solid #C0C0C0;
}

.dataScrollerActive {
	color: #000000;
}

.formLabel {
	width: 80px;
}

.formField {
	width: 200px;
}

.centrado {
	text-align: center;
}

.izquierda {
	text-align: left;
}

.derecha {
	text-align: right;
}

.top {
	vertical-align: top;
}

.modalPanelBody {
	padding: 5px;
}

.rich-mpnl-body {
	padding: 5px;
}

.bold {
	font-weight: bold;
}

.statusText {
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 14px;
	font-variant: normal;
	font-weight: bold;
}

a.textoResaltadoOK {
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 14px;
	font-variant: normal;
	font-weight: bold;
	color: #009C40;
	text-decoration: none;
}

a.textoResaltadoOK:hover {
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 14px;
	font-variant: normal;
	font-weight: bold;
	color: #009C40;
}

a.textoResaltadoNOK {
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 14px;
	font-variant: normal;
	font-weight: bold;
	color: #E22836;
	text-decoration: none;
}

a.textoResaltadoNOK:hover {
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 14px;
	font-variant: normal;
	font-weight: bold;
	color: #E22836;
}

table.resultadoCobro {
	border: 0px #d79900 solid;
}

table tbody td.resultadoCobro {
	border-right: 1px #F5F5F5 solid;
	border-bottom: 1px #F5F5F5 solid;
	border-left: 1px #F5F5F5 solid;
	border-top: 1px #F5F5F5 solid;
	height: 25px;
	border-collapse: collapse;
}

.resultadoCobro {
	border-right: 1px #F5F5F5 solid;
	border-bottom: 1px #F5F5F5 solid;
	border-left: 1px #F5F5F5 solid;
	border-top: 1px #F5F5F5 solid;
	height: 25px;
	border-collapse: collapse;
}

table tbody td.resultadoCobroIzq {
	border-left: 1px #F5F5F5 solid;
	border-top: 1px #F5F5F5 solid;
	border-right: 1px #F5F5F5 solid;
	border-bottom: 1px #F5F5F5 solid;
	border-collapse: collapse;
}

table tbody tr.resultadoCobroBottom {
	border-bottom: 1px #CBD9E7 solid;
	border-collapse: collapse;
}

table tbody tr.resultadoCobroTop {
	border-top: 1px #CBD9E7 solid;
	border-collapse: collapse;
}

.gridTitle {
	border-collapse: collapse;
	color: black;
	font-weight: bold;
	font-size: 12px;
}

.pageTitle {
	color: #999999;
	padding: 2px 5px;
	font-variant: normal;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-weight: bold;
}

.captionPanel {
	color: Black;
	padding: 4px 4px 4px 8px;
	border-top: 1px solid #d0e4f6;
	border-right: 1px solid #CBD9E7;
	border-bottom: 1px solid #bbbbbb;
	border-left: 1px solid #CBD9E7;
	font-variant: normal;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-weight: normal;
	cursor: default;
}

.gridSubtitle1 {
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 14px;
	font-variant: normal;
	font-weight: bold;
	color: #009C40;
}

.gridSubtitle2 {
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 14px;
	font-variant: normal;
	font-weight: bold;
	color: #E22836;
}

.gwtButtonLink {
	color: #004898;
	padding: 0px;
	border: 0px solid #fff;
	font-variant: normal;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	vertical-align: middle;
	text-decoration: none;
	background-color: transparent;
	cursor: pointer;
	word-wrap: normal;
	white-space: nowrap;
}

.errorMessages {
	padding: 5px;
	/*background-color: #F5F5F5;*/
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 12px;
	font-variant: normal;
	font-weight: bold;
	color: #E22836;
	border-collapse: collapse;
	width: 960px;
}

.tooltip {
	background-color: #F5F5F5;
	color: #000000;
	border: 1px #000000 solid;
	text-align: left;
}

.imageTooltip {
	height: 15px;
	vertical-align: middle;
}

.gwt-table-to-excel-form {
	padding: 0px;
}

.gwt-table-to-excel-panel {
	padding-top: 2px;
}

.gwt-table-to-excel-exportWidget {
	background-color: #FFFFFF;
	vertical-align: middle;
	border: 0px solid #fff;
	text-decoration: none;
	color: #004898;
	cursor: hand;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 11px;
	font-variant: normal;
	cursor: pointer;
	cursor: hand;
	padding: 0px;
}

.invisible {
	visibility: hidden;
}

.imgHeaderPage {
	background-repeat: repeat-x;
	background-image: url(../images/bgAsistenteSura.gif);
}

.gwtErrorMessage {
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 12px;
	font-variant: normal;
	font-weight: bold;
	color: #E22836;
	border-collapse: collapse;
}

.gwtInfoMessage {
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 12px;
	font-variant: normal;
	font-weight: bold;
	color: #009C40;
	border-collapse: collapse;
}

.gridSubtitle3 {
	color: darkorange;
	font-variant: normal;
	font-size: 14px;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-weight: bold;
}

.mainCaptionPanel {
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
}

.nowrap {
	word-wrap: normal;
	white-space: nowrap;
}

.link {
	border: 1px hidden White;
	background-color: White;
}

.middle {
	vertical-align: middle;
}

.labelHelp {
	color: #000000;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 11px;
}

.gwtPopupPanel {
	border: 1px solid #C0C0C0;
	padding: 1px;
	background: white;
}

.gwtPanelHeader {
	color: White;
	padding: 2px 5px;
	font-variant: normal;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-weight: bold;
	vertical-align: middle;
	background-color: #004898;
}

.gwtPopupPanelGlass {
	background-color: #D0D0D0;
	opacity: 0.5;
	filter: alpha(opacity =                                   50);
}

.gwt-Label {
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 11px;
}

.cellTableAlert {
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 11px;
	font-variant: normal;
	font-weight: bold;
	color: #E22836;
	border-collapse: collapse;
}

.labelHeader {
	color: #FFFFFF;
	padding-right: 15px;
	font-variant: normal;
	font-size: 20px;
	font-family: Arial;
	font-weight: lighter;
	letter-spacing: 1px;
}

.labelBoldAyudas {
	color: #004898;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 13px;
	font: bold;
}

.gwtButtonLinkEfectivo {
	word-wrap: normal;
	color: #009C40;
	padding: 0px;
	border: 0px solid #fff;
	font-variant: normal;
	font-size: 14px;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-weight: bold;
	vertical-align: middle;
	text-align: left;
	white-space: nowrap;
	text-decoration: none;
	background-color: transparent;
	cursor: pointer;
}

.gwtButtonLinkNOEfectivo {
	word-wrap: normal;
	color: #E22836;
	padding: 0px;
	border: 0px solid #fff;
	font-variant: normal;
	font-size: 14px;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-weight: bold;
	vertical-align: middle;
	text-align: left;
	white-space: nowrap;
	text-decoration: none;
	background-color: transparent;
	cursor: pointer;
}

.gwtPushButton {
	word-wrap: normal;
	color: #004898;
	padding: 0px;
	border: 0px solid #fff;
	vertical-align: middle;
	white-space: nowrap;
	text-decoration: none;
	background-color: transparent;
	cursor: pointer;
}

.labelCarrito {
	font: bold;
	color: #004898;
	font-size: 16px;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-weight: bold;
}

.labelCarritoDato {
	font: bold;
	font-size: 16px;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-weight: bold;
}

.gwtPushButtonSelected {
	word-wrap: normal;
	color: #004898;
	padding: 0px;
	border: 3px solid darkgrey;
	vertical-align: middle;
	white-space: nowrap;
	text-decoration: none;
	background-color: white;
	cursor: pointer;
}

.labelCarritoPago {
	font: bold;
	font-size: 16px;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-weight: bold;
	color: #009C40;
}

.gwtFrame {
	color: Black;
	padding: 0px;
	border-top: 1px solid #d0e4f6;
	border-right: 1px solid #CBD9E7;
	border-bottom: 1px solid #bbbbbb;
	border-left: 1px solid #CBD9E7;
	font-variant: normal;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-weight: normal;
	cursor: default;
}

.labelSaldo {
	font: bold;
	font-size: 16px;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-weight: bold;
	color: #E22836;
}

h1 {
	font-size: 2em;
	font-weight: bold;
	color: #777777;
	margin: 40px 0px 70px;
	text-align: center;
}

.sendButton {
	display: block;
	font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
	width: 400px;
}

.dialogVPanel {
	margin: 5px;
}

.serverResponseLabelError {
	color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
	margin: 15px 6px 6px;
}

.tablaPrincipal {
	background-repeat: no-repeat;
	background-image: url(../images/Fondo_PagoExpress.jpg);
}

.panelDatos {
	border: 1px solid #CFCFD1;
}

.simplePager {
	padding: 0px;
	height: 20px;
}

.captionPanel {
	color: Black;
	padding: 4px 4px 4px 8px;
	border-top: 1px solid #d0e4f6;
	border-right: 1px solid #CBD9E7;
	border-bottom: 1px solid #bbbbbb;
	border-left: 1px solid #CBD9E7;
	font-variant: normal;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-weight: normal;
	cursor: default;
}

.labelNormal {
	color: #004898;
	font-size: 10px;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
}

.border1Top {
	border-top: 1px solid #CFCFD1;
}

.border1Rigth {
	border-right: 1px solid #CFCFD1;
}

.border1Left {
	border-left: 1px solid #CFCFD1;
}

.border1Bottom {
	border-bottom: 1px solid #CFCFD1;
}

.border2Top {
	border-top: 1px solid Black;
}

.border2Rigth {
	border-right: 1px solid Black;
}

.border3Bottom {
	border-bottom: 1px solid Black;
}

.row1 {
	background-color: #FFFFFF;
}

.row2 {
	background-color: #F4F4F4;
}