body {
  margin-top: 0pt;
  margin-left: 0pt;
  background-color: #FFFFFF; 
  background-repeat: repeat; 
  background-position: center;
  color: #000000; 
}

.fondo {
	background-repeat: repeat;
	background-position: center;
}

a:link {
	color: #000080;
}

a:visited {
	color: #800000;
} 

a:hover {
	color: #0000F0;
}

a:active {
	color: #008000;
}

.campoIngresoDatos {
  font: 14px monospaced;
}

.listaSeleccion {
  height: 18px;
  font:  14px monospaced;
  border: none;
}

.titulo {
  font:  bold 14px monospaced;
  color: red;
}

#piePagina {
  font:  14px/1.05 monospaced;
	color: #000000;
	text-align: center;
	height: 10%;
	margin-top: 1%;
	margin-bottom: 0in;
}

#areaIngreso {
	font:  13px/1.05 monospaced;
	color: #000000;
	text-align: center;
	width: 100%;	
}

#mensajeIngreso {
	font:  16px/1.05 monospaced;
	color: #000000;
	text-align: left;
	width: 70%;	
	height: 60%;
	margin-top: 5%;
	margin-left: 20%;
}

#imagenCabecera {
	margin-top: 10%;
}

#mensajeBienvenida {
	font:  16px/1.05 Tahoma;
	color: #000000;
	text-align: left;
	width: 80%;
	margin-top: 10%;
	margin-left: 10%;
  margin-right: 10%;
	margin-bottom: 10%;
}

.encabezadoTabla {
	background-color: #898b90;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-family: Tahoma;
	font-size: 11pt;
}

.fila1Tabla {
  background-color: #CDD2D8;
	font-family: Tahoma;
	font-size: 10pt;
}

.fila2Tabla {
	background-color: #FFFFFF;
	font-family: Tahoma;
	font-size: 10pt;
	border: thin solid gray;
	vertical-align: middle;
}

.fila3Tabla {
  background-color: #CDD2D8;
	font-family: Tahoma;
	font-size: 10pt;
	border: thin solid gray;
	vertical-align: middle;
}

.fila4Tabla {
	background-color: #FFFFFF;
	font-family: Tahoma;
	font-size: 10pt;
	border: thin solid gray;
	vertical-align: middle;
	text-align: left;
}

.sobreDescargado {
	background-color: #00FF00;
	border: thin solid gray;
	vertical-align: middle;
	text-align: center;
}

.textoDescargado {
  text-align: center;
  color: #000000;
  border: none;
  height: 11px;
  font: bold 11px monospaced;
}

.sobreNoDescargado {
	background-color: #FF0000;
	border: thin solid gray;
	vertical-align: middle;
	text-align: center;
}

.textoNoDescargado {
  text-align: center;
  color: #FFFF00;
  border: none;
  height: 11px;
  font: bold 11px monospaced;
}

.fila5Tabla {
	background-color: #FFFFFF;
	font-family: Tahoma;
	font-size: 10pt;
	border: thin solid gray;
	vertical-align: middle;
	text-align: center;
}

.fila5TablaRojo {
	background-color: #FFFFFF;
	font-family: Tahoma;
	font-size: 10pt;
	border: medium solid red;
	vertical-align: middle;
	text-align: center;
}

.fila5Transp {
	font-family: Tahoma;
	font-size: 10pt;
	border: thin solid gray;
	vertical-align: middle;
	text-align: center;
}

.filaIzqTransp {
	font-family: Tahoma;
	font-size: 10pt;
	border: thin solid gray;
	vertical-align: middle;
	text-align: left;
}

.botonEnviar {
	/*background-image: url('../imagenes/botones/fondoBoton.png');*/
	/*background-color: #2A528D;*/
	background-color: #294584;
	font-family: Tahoma;
	font-weight: bold;
	font:  bold 10pt Tahoma;
	color: #FFFFFF;
	/*width: 142px;*/
	/*height: 24px;*/
}

.botonEnviar:disabled{
	background-color: #D7D7D7;
	font-family: Tahoma;
	font-weight: bold;
	font:  bold 10pt Tahoma;
	color: gray;
}

.botonEnviar {    
	cursor: pointer;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    
}
.botonEnviar:hover{
	cursor: pointer;
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);	
}

.textoCeldaSecundaria {
  text-align: right;
  color: #000000;
  border: none;
  height: 11px;
  font: 11px Arial;
}

.textoCeldaPrincipal {
  text-align: center;
  color:#000000;
  height: 11px;
  font: bold 11px Arial;
}

.mensajeAviso {
  color: #FF0000;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

.mensajeAvisoNegro{
  color: #000000;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

.mensajeAvisoAzul {
  color: blue;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

.mensajeAvisoAzul {
  color: #0000FF;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

.mensajeAvisoAyuda {
  color: #FF0000;
  font-size: 10px;
  font-weight: normal;
  font-style: normal;
  text-align: center;
}

.comentarioAyuda {
	text-align: left;
  color: #666666;
  border: none;
  font: 10px Arial;
}

.comentarioResImportante {
   text-align: left;
  color: #0000FA;
  border: none;
  font: 13px Arial;
}


.celdaSecundaria {
  color: #000000;
  border: none;
  height: 11px;
  font: 11px Arial;
}

.celdaPrincipal {
  color:#000000;
  height: 11px;
  font: bold 11px Arial;
}

.celdaGrisIzquierda {
    background-color: #CDD2D8;
	border: thin solid gray;
	vertical-align: middle;
	text-align: left;
}

.celdaBlancoIzquierda {
	background-color: #FFFFFF;
	border: thin solid gray;
	vertical-align: middle;
	text-align: left;
}

.celdaGrisBordeIzquierda {
	border: thin solid gray;
	vertical-align: middle;
	text-align: justify;
}

.encabezadoCelda {
  color: #000000;
  font-size: 12px;
  font-style: normal;
}

.encabezadoCeldaPrincipal {
  color: #000000;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
}

.ayuda {
  color: #666666;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
}

.fieldsetNoticias {
	border: thin solid blue;
	text-align: left;
}

.fieldsetNegroCentro {
	border: thin solid black;
	text-align: center;
}

.legendNegro {
	background-color: #294584;
	font-family: Tahoma;
	font-size: 8pt;
	border: thin solid black;
	vertical-align: middle;
	text-align: center;
	color: white;
	font-weight: bold;
}

.divVisible {
	visibility: visible;
	display: block;
}

.divVisibleDisplay {
	visibility: visible;
	display: display;
}

.divInvisible {
	visibility: hidden;
	display: none;
}

.estiloSelect {
    border-style:solid;
    border-width:thin;
    border-color:black;
}

.estiloInputText {
    border-style:solid;
    border-width:thin;
    border-color:black;
}

@media print{
.noPrint{
	display:none;	
}
}

/*CSS PARA TABLAS*/

.tablaInterssi{
	font-family: Tahoma;
    font-size: 10pt;
    vertical-align: middle;	
    text-align: center;
    border-collapse:collapse;
    
    border: thin solid gray;    
}

.tablaInterssi th{
	border: thin solid gray;
	background-color: #CDD2D8;	    	
}

.tablaInterssi td{
	border: thin solid gray;	    	
}

.labelSmall{
	
	line-height: 10px;
	font-weight: bold;
    font-size: 11px;
    text-align: left;
    margin: 0;
}

/*modal 0 planilla N*/
.modal-planillaN-multipleRegistro{
	
	width: 850px;
	/* must be half of the width, minus scrollbar on the left (30px) */
    margin-left: -425px;
    
}

/*modal 1 planilla N*/
.modal-planillaN{
	
	width: 700px;
	/* must be half of the width, minus scrollbar on the left (30px) */
    margin-left: -350px;
    
    height: 350px;
    max-height: 350px;
	
}

/*modal 2 planilla N - MSG*/
.modal-planillaN-msg{
	
	width: 700px;
	/* must be half of the width, minus scrollbar on the left (30px) */
    margin-left: -350px;
    
}


/*Mensajes de error*/
.errorMsg{
	color:red; 
	font-size:11px; 
	font-family:Georgia,Serif;	
}

/*Ticket 572598*/
.contactenos{
	text-align: center;
  	color: #58585B;
  	font: 9px Arial;
}

/*LOADING*/
.containerLoading {overflow: hidden;}
.contentLoading {padding-top:50px;}

.circleLoading {
	background-color: rgba(0,0,0,0);
	border:5px solid rgba(0,183,229,0.9);
	opacity:.9;
	border-right:5px solid rgba(0,0,0,0);
	border-left:5px solid rgba(0,0,0,0);
	border-radius:50px;
	box-shadow: 0 0 35px #2187e7;
	width:50px;
	height:50px;
	margin:0 auto;
	-moz-animation:spinPulse 1s infinite ease-in-out;
	-webkit-animation:spinPulse 1s infinite linear;
}
.circle1Loading {
	background-color: rgba(0,0,0,0);
	border:5px solid rgba(0,183,229,0.9);
	opacity:.9;
	border-left:5px solid rgba(0,0,0,0);
	border-right:5px solid rgba(0,0,0,0);
	border-radius:50px;
	box-shadow: 0 0 15px #2187e7; 
	width:30px;
	height:30px;
	margin:0 auto;
	position:relative;
	top:-50px;
	-moz-animation:spinoffPulse 1s infinite linear;
	-webkit-animation:spinoffPulse 1s infinite linear;
}


@-moz-keyframes spinPulse {
	0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7;}
	50% { -moz-transform:rotate(145deg); opacity:1; }
	100% { -moz-transform:rotate(-320deg); opacity:0; }
}
@-moz-keyframes spinoffPulse {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(360deg);  }
}
@-webkit-keyframes spinPulse {
	0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7; }
	50% { -webkit-transform:rotate(145deg); opacity:1;}
	100% { -webkit-transform:rotate(-320deg); opacity:0; }
}
@-webkit-keyframes spinoffPulse {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(360deg); }
}

.centerMiniTable{	
	margin: auto;
	width: 170px;	
}

.noticiaTituloAzul {
  text-align: center;
  color: #0000FA;
  border: none;
  font: 13px Arial;
}

.celdaNormal{
	
	background-color: #FFFFFF;
    border: thin solid #808080;
    font-family: Tahoma;
    font-size: 10pt;
    text-align: center;
    vertical-align: middle;
}

.celdaConDiferencias{
	 color: #0000FF;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    text-align: center;
 	background-color: #FFFFFF;
    border: thin solid #808080;
    font-family: Tahoma;
    vertical-align: middle;
}
.backgroundGray{
	background-color: #E0E0E0;
}
.imagenFondoExito{
	background: url("../static/images/misc/Fondo_Mensaje_Exitoso.png") !important;
	background-repeat: no-repeat !important;
	height: 202px !important;
	width: 500px !important;
}
.imagenFondoError{
	background: url("../static/images/misc/Fondo_Mensaje_Error.png") !important;
	background-repeat: no-repeat !important;
	height: 202px !important;
	width: 500px !important;
}
.imagenFondoAyuda{
	background: url("../static/images/misc/AYUDA.png") !important;
	background-repeat: no-repeat !important;
	height: 202px !important;
	width: 500px !important;
}
.mensajeError{
	height: 147px !important;
	width: 294px !important;
	margin-left: 172px !important;
	text-align: left !important;
	word-wrap: break-word !important;
}
.mensajeValidarPass{
	height: 75px !important;
	width: 320px !important;
	margin-left: 45px !important;
	text-align: left !important;
	word-wrap: break-word !important;
}
/*796927*/
.column-left{ float: left; width: 33%; }
.column-right{ float: right; width: 33%; }
.column-center{ display: inline-block; width: 33%; }

.advertenciaPago-background-color-amarillo{background-color: #FFF2C5;}
.advertenciaPago-background-color-azul{background-color: #DCF1FC;}
.advertenciaPago-background-color-rojo{background-color: #FCDBDB;}
.advertenciaPago-background-color-verde{background-color: #E0F1E9;}


#T554557
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
    background-color: #294584;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 4.5px;
    transition: 0.3s;
    border: 1px solid #000;
    color: white;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
    border: 1px solid #000;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #ccc;
    border: 1px solid #000;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

.tabcontent {
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

.outer_captcha{
	display: table;
	height: 32px;
    width: 101px;
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 13px;
    background-color: white; 
    text-align: center;
}

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

.captcha-parent {
    width:100%;
    height: 90px;
    padding-bottom: 10px
}
.captcha-child {
   /* width:100%;*/
    margin:0 10px;
    height:54px;  
}

.input_captcha{
	display: table;
	height: 32px;
    width: 62% !important;
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 13px;
    background-color: white; 
    text-align: center;
}