h3{
	font-size: 1.5em;
}
th{
	font-weight: lighter;
}
#txt1,.txt1 { font-size: 14px; text-align: left; font-family: Arial, Helvetica, sans-serif; color: #000; display: block; width: 100px; } 

#pago {width:238px; color: #333;font-weight: bold;border: 1px solid #aaa;border-radius: 10x;-moz-border-radius: 10px;-webkit-border-radius: 10px;}
#orig1 { width:125px; font-weight: bold; color: #789AB8; border: 1px solid #aaa;border-radius: 10x;-moz-border-radius: 10px;-webkit-border-radius: 10px;} 
#int1 { width:125px; font-weight: bold; color: #D88E8E; border: 1px solid #aaa;border-radius: 10x;-moz-border-radius: 10px;-webkit-border-radius: 10px;} 
#all,#clt {border:var(--bs-border-width) solid #aaa;} 

#no-link {text-decoration:none;color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));}

label  { font-size: 15px; text-align: left; font-family: Arial, Helvetica, sans-serif; color: #000;}
#label1 { font-size: 28px; text-align: center; font-family: Arial, Helvetica, sans-serif; display: block; } 
#label1 { font-size: 28px; text-align: center; font-family: Arial, Helvetica, sans-serif; display: block; } 
div    { font-size: 1em; text-align: left; font-family: Arial, Helvetica, sans-serif; color: #000; display: block; } 

#boton_enviar,#enviar,#segundo {  
	text-align: center; 
	background: #0040FF; 
	width: 8em;  /*110px*/
	margin: 0;
	height: 2.2em;  /*40px*/
	border: 1px ;
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	font-family:"arial", helvetica, times, sans-serif;
	font-size:1em; /*14pt*/
	font-weight:normal;
	color:#FFFFFF;
} 

#usuario,#correo,#telefono {width: 200px; margin: 0 ;height: 22px;  border: solid 1px #848484;
border-radius: 0.5em;/*3px 3px 3px 3px;*/
    -moz-border-radius: 0.5em;/*3px 3px 3px 3px;*/
    -webkit-border-radius: 0.5em;/*3px 3px 3px 3px;*/
} 

#clave {width: 200px; margin: 0 ;height: 22px;  border: solid 1px #848484;
border-radius: 0.5em;/*3px 3px 3px 3px;*/
    -moz-border-radius: 0.5em;/*3px 3px 3px 3px;*/
    -webkit-border-radius: 0.5em;/*3px 3px 3px 3px;*/
} 

#tabla_login {
	/*width: 250px; */
	border-radius: 1em;
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
/*border-radius:5px 5px 5px 5px;
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px; */
} 

#imprimir {height: 22px; margin: 2;
border-radius:3px 3px 3px 3px;
    -moz-border-radius:3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
	background:#0040FF;
} 

#resultado{
	border: 1px solid #dededf;
	width: 100%;
	text-align: center; 
	border-color: #ABF19D; 

}
#resultado td{
	border:1px solid #dededf;
	padding:0;
}
#link {text-decoration:none;}

#btning       {  text-align: center;  background: #33CC33; width: 100%; margin: 0 auto ;height: 25px;  border: 0px ; } 
#btncuota     {  text-align: center;  background: #33CC33; width: 100%; margin: 0 auto ;height: 25px;  border: 0px ; } 
/*#cont         {  text-align: center;  background: #eee; width: 100%; margin: 0 auto ;height: 25px;  border: 0px ; display: block; } */
#cont         {  text-align: center;  background: #FFF; width: 100%; margin: 0 auto ;height: 25px;  border: 0px ; display: block; } 
#form1        {  height:20px; margin-left: 0px; text-align: center; padding: 15px; } 
#iluminado    {  text-align: center;  background: #ffa500; width: 100%; margin: 0 auto ;height: 25px;  border: 0px ; }
.btnLogin {
	border: 0px solid #FFFFFF; 
	font-family:"trebuchet ms", helvetica, times, sans-serif;
	font-size:9pt; 
	font-weight:bold;
	background:#1A7110; color:#fff; cursor:pointer;
}
body {
    margin:0; 
    padding:0; 
    background:#eee;
    text-align:center;
	height: 100vh;
	display: grid;
}
footer{
	padding-top: 2em;
	text-align: center;
}
#pata{
	font-size: 0.9em; padding-top:1em; text-align:center;display:inline-grid;
}

#pata_dos{
	font-size: 0.9em; text-align:center; padding-top: 1em;
}
#cuerpo {
    width:90%;/*800px; */
    margin:0 auto; 
    text-align:left; 
    border:0px solid #aaa;
    border-top:none; 
    padding:0px;
	background:#FFF;
    border-radius: 0 0 1em 1em;/*0px 0px 5px 5px; */
    -moz-border-radius: 0 0 1em 1em;/*0px 0px 5px 5px; */
    -webkit-border-radius: 0 0 1em 1em;/*0px 0px 5px 5px; */
    box-shadow:5px 5px 5px #ccc;
    -moz-box-shadow:5px 5px 5px #ccc;
    -webkit-box-shadow:5px 5px 5px #ccc;
	height: calc(100% - 80px);
	min-height: 350px;
	position:relative;top:1em;left:0%; /* width:60%;*/
	
}
#head {
    width:90%;/*800px; */
    height:75px;
    margin:0 auto; 
    text-align:left; 
    border:0px solid #aaa;
    border-top:none;
    border-bottom:none;
    padding:0px;
/*    box-shadow:5px 5px 5px #ccc;
    -moz-box-shadow:5px 5px 5px #ccc;
    -webkit-box-shadow:5px 5px 5px #ccc;*/
}
#head2 {
    width:90%;/*800px; */ 
    height:5px;
    margin:0 auto; 
    text-align:left; 
    border:0px solid #aaa;
    border-top:none;
    border-bottom:none;
    padding:0px;
    box-shadow:5px 5px 5px #ccc;
    -moz-box-shadow:5px 5px 5px #ccc;
    -webkit-box-shadow:5px 5px 5px #ccc;
}
#botones {
    width:90%;/*800px; */ 
    height:65px;
    margin:0 auto; 
    text-align:left; 
    border:0px solid #aaa;
    border-top:none;
    border-bottom:none; 
    padding:0px; 
    box-shadow:5px 5px 5px #ccc;
    -moz-box-shadow:5px 5px 5px #ccc;
    -webkit-box-shadow:5px 5px 5px #ccc;
}
#fondo {
    width:700px; 
    height:380px;
    margin:0 auto; 
    text-align:center; 
    border:0px;
    }
label11{
	font-size: 28px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	position:absolute;
	top:-4px;
	right:2px;  
	padding: 4px;
	font-weight: bold;
	text-shadow: 1px 1px white, -1px -1px #333;
	color: #ccccdd;
	padding: 10px;
}

label12{
	font-size: 14px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	color: #222;
}

label13{
	font-size: 28px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	padding: 0px;
	font-weight: bold;
	text-shadow: 1px 1px #eee, -1px -1px #333;
	color: #FFF;
	padding: 10px;
}


label14{
	font-size: 28px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	padding: 0px;
	font-weight: bold;
	text-shadow: 0.3px 0.3px white, -1px -1px #333;
	color: #FFF;
	padding: 10px;
}

#ala{
	font-size: 10px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	display: block;
	width: 120px;
	height: 23px;
	border: 1px solid #aaa;
	background:#eee;
}

label15{
	font-size: 28px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	padding: 4px;
	font-weight: bold;
	color: #74E573;
	padding: 10px;
}

#label15{
	font-size: 28px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	padding: 4px;
	font-weight: bold;
	color: #74E573;
	padding: 10px;
}

label16{
	font-size: 14px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	padding: 4px;
	font-weight: bold;
	color: #4A8DDF;
	padding: 10px;
}

#label16{
	font-size: 14px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	padding: 4px;
	font-weight: bold;
	color: #4A8DDF;
	padding: 10px;
}

label17{
	font-size: 14px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	padding: 4px;
	color: #4175B6;
	padding: 10px;
}

#label17{
	font-size: 14px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	padding: 4px;
	color: #4175B6;
	padding: 10px;
}

#b3 {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;

	text-indent:0;
	border:1px solid #FFFFFF;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:14px;
	font-weight:normal;
	font-style:normal;
	height:27px;
	line-height:27px;
	width:118px;
	text-decoration:none;
	text-align:center;
}
#b3:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
#b3:active {
	position:relative;
	top:1px;
}

#b3sel {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color:#5AB7DE;
	text-indent:0;
	border:1px solid #FFFFFF;
	display:inline-block;
	color:#FFFFFF;
	font-family:arial;
	font-size:14px;
	font-weight:normal;
	font-style:normal;
	height:27px;
	line-height:27px;
	width:118px;
	text-decoration:none;
	text-align:center;
}
#b3sel:active {
	position:relative;
	top:1px;
}
.sesenta{
	width:11%;
	text-align:center;
}

.centro{
	width:78%;
	text-align:center;
}

#linear {
height: 15px;
width: 39px;
padding: 1px 10px 1px 10px;
font-family: Arial;
font-size: 1em;
text-decoration: none;
color: #222;
background-color: #EFEFEF;
border: 1px solid #828282;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
}
#linear:hover {
background-color: #3388aa;
background: #33FF88;
border: 1px solid #aaa;
border-radius: 1x;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
}

#print {
height: 15px;
width: 39px;
padding: 1px 10px 1px 10px;
font-family: Arial;
font-size: 1em;
text-decoration: none;
color: #222;
background-color: #EFEFEF;
border: 1px solid #828282;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
}
#print:hover {
background-color: #3388aa;
background: #33FF88;
border: 1px solid #aaa;
border-radius: 1x;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
}

#back {
height: 15px;
width: 39px;
padding: 1px 10px 1px 10px;
font-family: Arial;
font-size: 1em;
text-decoration: none;
color: #222;
background-color: #EFEFEF;
border: 1px solid #828282;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
}
#back:hover {
background-color: #3388aa;
background: #33FF88;
border: 1px solid #aaa;
border-radius: 1x;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
}

#b2 {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;

	text-indent:0;
	border:1px solid #FFFFFF;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:14px;
	font-weight:normal;
	font-style:normal;
	height:27px;
	line-height:27px;
	width:160px;
	text-decoration:none;
	text-align:center;

}
#b2:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
#b2:active {
	position:relative;
	top:1px;
}

#b2sel {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color:#5AB7DE;
	text-indent:0;
	border:1px solid #FFFFFF;
	display:inline-block;
	color:#FFFFFF;
	font-family:arial;
	font-size:14px;
	font-weight:normal;
	font-style:normal;
	height:27px;
	line-height:27px;
	width:160px;
	text-decoration:none;
	text-align:center;
}
#b2sel:active {
	position:relative;
	top:1px;
}


#slider {
position: absolute;
top: 95px;
left: 455px;
overflow: hidden;
/*slide-widget [align: center;]; */
width: 100px;
height: 120px;
width: 330px;
border:0px;
border-radius:0px;
margin: 0 auto;
padding: 0;
color: #FF0000;
background-color:#FDFDBE;
}




.progress-container{
	background: lightgray;
	display: inline-block;
	width: 300px;
	overflow-x: hidden;
	animation: moveInRight 1s infinite linear ;
	border-radius:4em;
   }
  progress{
   width:100%;
   display: inline-block;
   height: 25px; 
  }

  progress[value] {
   vertical-align: middle;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
   border: none;
   }

  progress[value]::-webkit-progress-bar {
	background-color: lightgray;
  }
  @keyframes moveInRight {
	  0% {
  transform:  translateX(0) scaleX(0);
}
40% {
  transform:  translateX(0) scaleX(0.4);
}
100% {
  transform:  translateX(100%) scaleX(0.5);
}	
}



@media (max-width: 575px) { /* Styles for medium devices (tablets) */ 
	#pata_movil, #pata_dos_movil{
		display: block;
		text-align: center;
	}
	#pata_desk, #pata_dos_desk{
		display: none;
	}
	/*#cuerpo {
		width:60%;/*800px; */
	/*	position:relative;top:2em;left:0%; 
	} */
}
@media (min-width: 576px) { /* Styles for small devices (phones) */ 
	#cuerpo {
		width:90%;/*800px; */
		position:relative;top:2em;left:0%; 
	}
	body {
		margin:0; 
		padding:0; 
		background:#eee;
		text-align:center;
		
		height: calc(100% - 80px);
		min-height: 350px;
		display: block;
	}
	#pata_movil, #pata_dos_movil{
		display: block;
	}
	#pata_desk, #pata_dos_desk{
		display: none;
	}

}

@media (min-width: 768px) { /* Styles for medium devices (tablets) */ 
	#pata_movil, #pata_dos_movil{
		display: none;
	}
	#pata_desk, #pata_dos_desk{
		display: block;
		text-align: center;
	}

}

@media (min-width: 992px) { /* Styles for large devices (desktops) */ 
	#pata_movil, #pata_dos_movil{
		display: none;
	}
	#pata_desk, #pata_dos_desk{
		display: block;
		text-align: center;
	}

}