* {
	font-size:13px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

html, body {
	background: #ffffff;
	height: 100%;
	padding-top: 0;
	padding-left: 3px;
	padding-right: 3px;
	margin: 0px;
	overflow: auto;
}

/*
h1 {
	font-family: Arial;
	font-size: 17px;
	font-weight: bold;
	color: #00a900;
	text-align: center;

}
*/

.ch1 {
	font-family: Arial;
	font-size: 17px;
	font-weight: bold;
	color: #000000;
	text-align: center;

}

/*
H2 {
	font-size: 13px;
	color: #e27626;
	text-align: left;
}
*/

/*
H3 {
	font-size: 13px;
	font-weight: bold;
	color: #e27626;
	text-align: left;
	background-image: url("images/bullet_orange.png");
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-top: 0px;
}
*/

/*
H4 {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #e27626;
	text-align: left;
}
*/

/*
H5 {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #e27626;
	text-align: left;
}
*/

.flash-button {
	padding: 5px 10px;
	color: #ffffff;
	background: #d9534f;
	border: 1px solid #ff0000;
	border-radius: 5px;
	font-weight: bold;
	
	animation-name: flash;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@keyframes flash {  
    0% { opacity: 1.0; }
    50% { opacity: 0.6; }
    100% { opacity: 1.0; }
}

#btnDescargarConstancia {
	padding: 5px 10px;
	color: #ffffff;
	background: #428bca;
	border: 1px solid #0A6999;
	border-radius: 5px;
	font-weight: bold;
}

/*#divHeader {
	background-image: url('images/app_header_fondo_repeat.png');
	height: 66px;
	overflow-x: hidden;
}*/

#divInfoSis {
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	color: #ffffff;
	background-color: #0000ff;
	text-align: center;
	font-family: Arial;
	font-size: 13px;
}

#divInfoSisNom {
	padding-top: 3px;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	/*background: #0f75e8;*/
}

#divInfoUsr {
	padding: 10px;
	padding-top: 3px;
	padding-rigth: 50px !important;;
	padding-bottom: 0px;
	color: #2D517C;
	float: right;
	text-align: right;
	font-weight: bold;
}

#divWait {
	text-align: center;
	background-repeat: no-repeat;
}

#divInfoUbi {
	padding: 10px;
	padding-left: 10px;
	padding-right: 15px;
	padding-top: 3px;
	color: #294796;
	font-weight: bold;
}

#divInfoUbiLoc {
	float: left;
	font-size: 13px;
}

#terminosCondicionesConsultas {
	float: left;
	font-size: 13px;
}

#divInfoUbiIcon {
	background-image: url(images/ui-icons_e27626_256x240.png);
	background-position: -32px -16px;
	width: 16px;
	height: 16px;
	float: left;
}

#divInfoUbiMenu {
	float: right;
	font-weight: normal;
}

#divInfoUbiMenu>a {
	color: #0A6999;
	text-decoration: underline;
}

#divInfoUbiMenu>a:hover {
	color: #808080;
}

#divSeccionPrincipal {
	background-position: left top;
	background-repeat: no-repeat;
}

#cargando {
	position: relative;
	top: 60px;
	left: 2px;
	width: 16px;
}

.divClear {
	/*	clear: both;*/
	
}

.redBorder {
	border: 2px solid #e27626;
}

.divBusqueda {
	padding: 5px;
	border: 1px solid #EEEEEE;
	color: #333333;
	background-repeat: no-repeat;
	background-position: left top;
}

.divSubSeccion {
	padding: 3px;
	border: 1px solid #EEEEEE;
	color: #333333;
}

.divSubSeccionPanel {
	padding: 3px;
	border: 1px solid #EEEEEE;
	color: #333333;
	height: 95%
}

.divSubSeccionTit {
	padding: 3px;
	padding-left: 10px;
	background-color: #A7A8AA;
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: left;
	/* font-weight: bold;*/
}

.divSeccTitulo {
	background-color: #2D517C;
	padding: 5px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	background-image: url('images/SSAAmenu_bg.png');
	background-position: center;
}

.divInstruccion {
	font-weight: bold;
	padding: 3px;
	text-align: left;
}

.alignCenter {
	text-align: center;
}

.alignRigth {
	text-align: right;
}

.alignLeft {
	text-align: left;
}

ul {
	list-style-image: url("images/bullet_point_01.gif");
}

.ulMenu>li>a { /*color: #3c7878 !important;*/
	color: #0A6999 !important;
	text-decoration: none;
}

.ulMenu>li>a:hover { /* text-decoration: underline;*/
	color: #808080 !important;
	font-weight: normal; 
	text-decoration: none;
}

a.mlink:link, a.mlink:visited { /*color: #3c7878 !important;*/
	color: #294796 !important;
	text-decoration: none;
}

a.mlink:hover { /* text-decoration: underline;*/
	color:#808080 !important; 
	font-weight: normal; 
	text-decoration: underline;
}

.tableBorder {
	border: solid #C0C0C0 1px;
}

.tableBorderInterno {
	border: solid #C0C0C0 1px;
	border-collapse: collapse;
}

.tableBorderInterno td {
	border: solid #C0C0C0 1px;
	padding: 3px;
}


.FullSizeFileSet {
	width: 100%;
}

.FullSize {
	width: 100%;
}

.Size80 {
	width: 90%;
	align: center;
}

tr {
	vertical-align: top;
}

/*td {
	text-align: justify;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 3px;
	padding-right: 3px;
}*/
.info td {
	text-align: justify;
	vertical-align: top;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 3px;
	padding-right: 3px;
}

.justify {
	text-align: justify;
}

.label {
	text-align: left;
}

.renNon {
	font-weight: normal;
	color: #333333;
	background-color: #FFFFFF;
	text-decoration: none;
	border: solid #C0C0C0 1px;
}

.renPar {
	font-weight: normal;
	color: #333333;
	background-color: #E9E9E9;
	background: #E9E9E9;
	text-decoration: none;
	border: solid #C0C0C0 1px;
}

.renTit {
	color: #FFFFFF;
	background-color: #8CA5C5; /*Azul*/
	text-align: center;
	font-family: Arial;
	font-size: 13px;
}

.center {
	text-align: center;
}

.block {
	text-align: center;
}

.centered {
	display: inline-block;
}

.txtGris {
	color: #848484;
}
/*  AGREGAR TEXTO GRIS*/
.txtRojo {
	color: #FF0000;
	font-size: 14px;
}

.txtAmarillo {
	color: #FBC02D;
	font-size: 14px;
}

.txtAnaranjado {
	color: #000000;
	font-size: 14px;
}

.bold {
	font-weight: bold;
}

.btnDetalle {
	background-image: url('../images/informacion.gif');
	background-repeat: no-repeat;
	width: 23px;
	height: 23px;
	display: inline-block;;
}

.btnAgregar {
	background-image: url('../images/agregar.gif');
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;;
}

.btnCerrar {
	background-image: url('../images/closew.gif');
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;;
}

.btnAgregarValor {
	background-image: url('../images/agregar.gif');
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;;
}

.btnQuitar {
	background-image: url('../images/quitar.gif');
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;;
}

.btnCopiar {
	background-image: url('../images/page.gif');
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;;
}

.btnEliminar {
	background-image: url('../images/basura.gif');
	background-repeat: no-repeat;
	width: 23px;
	height: 23px;
	display: inline-block;
	border: 0px;
	background-color: transparent !important;
}

.btnEditar {
	background-image: url('../images/editar.gif');
	background-repeat: no-repeat;
	width: 23px;
	height: 23px;
	display: inline-block;
	border: 0px;
	background-color: transparent !important;
}

.btnValidarCatalogo {
	background-image: url('../images/Error16.gif');
	background-repeat: no-repeat;
	width: 23px;
	height: 23px;
	display: inline-block;;
}

.btnClasifica {
	background-image: url('../images/multivalor.gif');
	background-repeat: no-repeat;
	width: 23px;
	height: 23px;
	display: inline-block;;
}

.btnEditaDetalle {
	background-image: url('../images/lupa.gif');
	background-repeat: no-repeat;
	width: 23px;
	height: 23px;
	display: inline-block;
}

.btnEvalua {
	background-image: url('../images/evalua.png');
	background-repeat: no-repeat;
	width: 23px;
	height: 23px;
	display: inline-block;
}

.myui-state-default {
	color: #FFFFFF;
	background-color: #8CA5C5;
	text-align: center;
	font-family: Arial;
	font-size: 13px;
}

.myui-state-highlight, .myui-widget-content .myui-state-highlight,
	.myui-widget-header .myui-state-highlight {
	background: #F0BA92;
	color: #363636;
}

.ui-jqgrid-titlebar, .ui-dialog-titlebar {
	background: #2D517C; /*Azul marino*/
	color: #FFFFFF;
}

.txtAlgnR {
	text-align: right;
}

.txtAlgnL {
	text-align: left;
}

.widthAuto {
	width: auto;
}

#divMensajeError {
	padding: 10px;
	background-image: none;
	background-color: #FEF1EC;
	margin-bottom: 10px;
	font-weight: bold;
	display: none;
}

#dialogMensajeError {
	padding: 10px;
	background-image: none;
	background-color: #FEF1EC;
	margin-bottom: 10px;
	font-weight: bold;
	display: none;
}

#divMensajeWarning {
	padding: 10px;
	background-image: none;
	margin-bottom: 10px;
	font-weight: bold;
	display: none;
}

#divMensajeOk {
	padding: 10px;
	background-image: none;
	margin-bottom: 10px;
	font-weight: bold;
	display: none;
}

#divMensajeErrorIcon {
	float: left;
	margin-right: 5px;
}

#divMensajeWarningIcon {
	float: left;
	margin-right: 5px;
}

#divMensajeOkIcon {
	float: left;
	margin-right: 5px;
}

.progress {
	border: 1px solid #ddd;
	padding: 1px;
	border-radius: 3px;
}

.percent {
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("images/ajax-loader.gif");
	height: 22px;
}
/*.bar { background-color: #e27626;  height:20px; border-radius: 3px; }
*/
.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
	width: 480px;
}

* html .ui-autocomplete {
	height: 200px;
	width: 480px;
}

.header, .ui-layout-north {
	background-color: #FFFFFF !important;
	padding: 0px !important;
	margin: 0px !important;
	overflow: hidden; /* SCROLL */
}

.ui-state-highlight-gree, .ui-widget-content .ui-state-highlight-gree,
	.ui-widget-header .ui-state-highlight-gree {
	border: 1px solid #137302;
	background: #c8f9b3 url(images/ui-bg_glass_55_c8f9b3_1x400.png) 50% 50%
		repeat-x;
	color: #363636;
}

.ui-state-highlight-gree a, .ui-widget-content .ui-state-highlight-gree a,
	.ui-widget-header .ui-state-highlight-gree a {
	color: #363636;
}

.ui-state-highlight-gree .ui-icon, .ui-state-highlight-gree-text .ui-icon
	{
	background-image: url(images/ui-icons_137302_256x240.png);
}

fieldset {
	border: 1;
	padding: 8px; 
	margin: 10px;
}

th.ui-th-column div {
	white-space: normal !important;
	height: auto !important;
	padding: 2px;
}

.frozen-div {
	white-space: normal !important;
	height: auto !important;
	padding: 2px;
}

/*.ui-jqgrid-hdiv {
	white-space: normal !important;
	height: auto !important;
	padding: 2px;
}*/
#modal-background {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 90%;
	height: 100%;
	background-color: white;
	opacity: .50;
	-webkit-opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity =                                   50);
	z-index: 1000;
}

#modal-content {
	background-color: white;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 0 0 20px 0 #222;
	-webkit-box-shadow: 0 0 20px 0 #222;
	-moz-box-shadow: 0 0 20px 0 #222;
	display: none;
	/*   height: 240px;*/
	left: 50%;
	margin: -200px 0 0 -200px;
	padding: 10px;
	position: absolute;
	top: 50%;
	/* width: 320px;*/
	z-index: 1000;
}

#modal-background.active, #modal-content.active {
	display: block;
}

#container {
	background: #FFF;
	margin: 0 auto;
	width: 1024px;
	max-width: 100%;
	min-width: 700px;
	_width: 1024px;
	height: 100%;
}

.verticalLine {
	border-left: thick solid #ff0000;
}

.formtables {
	width: 100%;
}

.western fieldset {
	margin-top: 15px; 
	margin-bottom: 50px;
}

/*.ui-jqgrid .ui-widget-header {
	background-color: #20385a;
}

.ui-jqgrid tr.jqgrow td {
	font-size: 0.9em
}
*/

/*.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #e27626; background: #FAB987 url(images/ui-bg_glass_55_fbf9ee_1x400.png) 0% 0% repeat-x; color: #363636; }*/
input[readonly] {
	background: buttonface;
}

/*input[type="text"],select {
	border: 1px solid #C0C0C0;

}*/
.center-tabs {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%
}
/*
.ui-jqgrid .ui-state-highlight {
	background: #F0BA92 !important;
	color: #000000;
	border: white !important
}
*/
#nvoEvento, #nuevaSede, #nuevaSubSede {
	width: 470px;
	height: 450px;
}

.hidden {
	display: none;
}

.red {
	color: red;
}

.redCol {
	color: red;
	width: 5px;
}

.redStatus {
	color: red;
}

.gray {
	color: gray;
}

.green {
	color: green;
}

.greenStatus {
	color: green;
}

.orange {
	color: rgb(246, 97, 12);
}
.red {
	color: #D92643;
}

.infoPad {
	padding: 6px
}

.txtVerde {
	color: #009942;
	font-size: 16px;
}

label.valError {
	color: RED;
	/*font-style: italic;*/
}

.minetextarea.valError, select.valError, input.valError {
	border-style: solid;
	border-width: 1px;
	border-color: RED;
}

.informativoMerge tr {
	height: 30px;
}

fieldset {
	text-align: left;
}

.custom-combobox {
	position: relative;
	display: inline-block;
}

.custom-combobox-toggle {
	position: absolute;
	top: 0;
	bottom: 0;
	margin-left: -1px;
	padding: 0;
}

.custom-combobox-input {
	margin: 0;
	padding: 5px 10px;
}

.btnMenu {
	width: 220px;
	height: 30px;
	margin-left: 10px;
}

.divSubDetalle {
	padding: 3px;
}

.accordeonFullSize {
	height: 100%;
	width: 100%
}
/*
.ui-jqgrid tr.jqgrow td {
	white-space: normal !important;
	height: auto;
}
*/
.nowrap {
	white-space: nowrap !important;
}

#divConsultaOperadores {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
}

.subtitlesec {
	font-size: 13px;
	font-weight: bold;
	color: #e27626;
	text-align: left;
}

.openicon {
	background-image: url("images/open.png");
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-top: 0px;
}

.closeicon {
	background-image: url("images/close.png");
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-top: 0px;
	margin-top: 10px;
	line-height: 300%;
}

/*
.ui-jqgrid-bdiv
{
overflow-x : hidden !important;
}

*/
.infoRepresentante {
	width: 300px;
	maxlength: 61;
}

.infoMensaje {
	font-weight: bold;
	width: 150px;
	height: 25px;
}

.line {
	background-color: #F2F2F2;
}

.titulosmenu {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #f3be54;
	padding-top: 3px;
	padding-right: 3px;
}

.titulosmenu2 {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #f3be54;
	padding-top: 3px;
	padding-right: 3px;
}

.titulosmenu3{
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #f3be54;
	padding-top: 3px;
	padding-right: 3px;
}

.title-single-page {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	height: 10px;
}

.noborder {
	border: 0px;
}

.tablaDoctos {
	padding: 0px !important;;
	margin: 0px !important;;
	background-color: transparent !important;
	border-spacing: 0px;
}

.tablaDoctos tr {
	padding: 0px !important;;
	margin: 0px !important;;
	background-color: transparent !important;
}

.tablaDoctos td {
	padding: 0px;
	margin: 0px;
	background-color: transparent !important;
	padding: 2px 2px !important;

	/*border-bottom: 1px solid #dddddd  !important;;*/
}

.box-centerside {
	width: 900px;
	padding-top: 3px;
	min-height: 200px;
	top: 0px !important;
}

/*
legend {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #e27626;
	text-align: center;
}
*/

legend {
	font-family: Arial;
	font-size: 17px;
	font-weight: bold;
	color: #000000;
	text-align: center;
}

#dropbox {
	border: 2px dashed #ccc;
	text-align: center;
	background-color: #e6e7e7;
	cursor: pointer;
}

#dropbox.hover {
	border: 2px dashed #333;
}

#uploadForm {
	text-align: center;
}

#holder {
	margin: 0 auto;
	width: 580px;
	text-align: center;
	background-color: #FFFFFF;
}

.successful {
	color: #363636;
}

.warn {
	color: red;
	font-weight: bold;
}

#enviarArchCrypto {
	border-color: #FF0000;
	border-style: solid;
	border-width: 2px;
	display: none;
}


.infoForm{
	font-weight: bold;
	
}


.infoSubtabla  td {
	text-align: justify;
	vertical-align: top;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 3px;
	padding-right: 3px;
}

.infoSubtabla th {
	/*color: #FFFFFF;
	background-color: #008DD0;*/ /*Azul Claro*/
	text-align: center;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	border-bottom: 2.5px solid #f3be54;
}

.error{
	font-family: Arial;
	display: none;
	color: red;
}

.error ul{
	margin: 12px;
    padding: 0px;
	list-style-type:none;
	list-style-image: none;
}

.error ul li a{
	color: red;
}

.sr-only{
	border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

a:focus, input:focus, textarea:focus, select:focus, button:focus, div:focus, table:focus, p:focus, label:focus{
	outline: solid red 2px;
}