body{ 
    margin:0x; 
    padding:0px;
    background:url(../img/bg_pagina.jpg) no-repeat #10425a; 
    background-size: cover;
}
#contenidoIndex{ margin:0px 10px; padding:10px 10px 10px 9px; overflow: unset;}

/* I N I C I O    D E L    E  N C A B E Z A D O*/
#cencabezado {margin:0px 10px;}
#encabezado{  padding:10px 10px 5px 10px; height:90px; }
#fecha { margin:20px 10px 0px 10px; text-align:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; color:#000000;}
#izquierdo{margin:0px 0px 0px 5px; padding:5px  0px; width:130px; height:100px; float:left;}
#logo_original{margin:0px; 
    padding:0px 0px 0px 20px; 
    text-align:center;
}

#titUt { margin:10px 10px 5px 10px; padding:5px 10px; font-size:24px; font-weight:bold;  font-family: 'Prompt', Arial, Helvetica, sans-serif;color: #e0e0e0; text-align:right; text-shadow: 1px 1px 3px black;} 
#subUt { margin:5px 0px; padding: 0px ; font-size:10px;  font-family:'Prompt', Verdana, Arial, Helvetica, sans-serif; text-align:center; color: #333333; font-style: normal;} 
#centro{ margin:0px 5px; padding:5px 0px; width:660px; height:100px; float:left;}
#derecho{ width:170px; height:100px; float:left;}
/* F I N   E N C A B E Z A D O*/

#contenedor{ margin:50px auto 0px auto; width:1024px; box-shadow: 0 1px 4px rgba(0, 0, 0, .3),
    -23px 0 20px -23px rgba(0, 0, 0, .8),
    23px 0 20px -23px rgba(0, 0, 0, .8),
    inset 0 0 40px rgba(0, 0, 0, .1);}
#titulo{ margin:10xp 0px 20px 10px; padding:10px; text-align:center; color:#003366; text-transform:uppercase; font-weight:bold; background:#F7F7F7; border-bottom:1px solid #CCCCCC;}
#bloque{ margin:0 auto; padding:10px; border:1px solid #E5E5E5; 
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 1);
    background:#FFFFFF63; 
    backdrop-filter: blur(5px);
    height:280px; width:700px;}
#linea{ margin:0px 5px; padding:0px 5px; height:40px; }
/*#etiqueta{ margin:0px 5px; padding:5px; color:#333333; width:150px; float:left; font-family:Arial, Helvetica, sans-serifM; font-size:18px; font-weight:bold;}*/
#dato{ margin:0px 5px; padding:5px; color:#333333; width:200px; float:left;}
.sucursal{ background: #FFFFFF; width:215px; margin:0px 10px 0px 0px; border-radius: 5px;  text-align: left; color: #333333;  padding:4px; font-size:12px; font-weight:bold; border-radius: 2px; }
.operacion{ background: #FFFFFF; width:100px; margin:0px 10px 0px 0px;  border-radius: 3px; text-align: left; color: #333333;  padding:4px; font-size:12px; font-weight:bold; border: 1px solid  #999999;  }
.datoform{ background: #ffffff11; border:0; border-bottom: 2px solid #0B7934; text-align: left; color: #003366; height:18px; padding:3px; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; width:350px; }
.datoform3{ background: #FFFFFF11; border:0; border-bottom: 2px solid #0B7934; text-align: left; color: #003366; height:18px; padding:3px; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; width:550px; }

.subir{ border: 1px solid  #CBD8E4;  text-align:inherit; color: #003366; font-weight:bold;  height:22px; padding:4px; width:508px; }

#btnCot{ margin:0 10px; height:30px; width:auto; display:inline-block;}
/*.btnCot {color: #FFFFFF;height:25px;width:160px;border:none;background-color: #525252;font-size:11px;font-weight:bold; border:1px solid #EFEFEF; }*/
.view{
	color: #FFFFFF;height:25px;width:160px;border:none;background-color: #0B7934;font-size:11px;font-weight:bold; border:1px solid #EFEFEF; 
}
/*a.view:link{ text-decoration: none; color: #0B7934;   }*/
a.view:visited { color: #0B7934;	text-decoration: none;}
a.view:hover{ text-decoration: none; color: #660000 ; }

/* P I E    D E    P A G I N A */
#pie { height: 70px;  padding:20x 0px; margin:0px 10px 0px 10px; text-align: center;}
#pie2 { height: 110px;  padding:10x 0px; margin:0px 10px 0px 10px;}

#izq_pie{margin:0px 10px 0px 20px; padding:10px;padding:0px;  width:605px; float:left;}
#creditos{font-size:12px; font-family: 'Prompt', Arial, Helvetica, sans-serif; color: #ffffff ; height:15px;font-size:10px; font-style:normal; text-shadow: 1px 1px 3px black;}
#direccion{font-size:12px; font-family:'Prompt', Arial, Helvetica, sans-serif; margin:3px 0px; color: #525252; font-size:10px;  font-style: normal;  }

#cen_pie{float:left;}
#logo_mini{ width:100px; text-align:center; }
#der_pie{float: right;width:250px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#333333; text-align:right; margin:0px 30px 0px 10px; }
/* F I N  P I E  D E   P A G I N A*/

#operacionRegistro{ margin:0px 5px; padding:0px 5px; width:205px; float:left; text-align:center;}
#operaa{ margin:1px; width:120px; float:left;}
#operab{ margin:0px; width:80px; float:left;}

#upCliente{ width:930px; padding:15px 10px 10px 0px; margin:15px 10px 0px 10px;  height:420px;background: #F8F8F8; border:1px dashed #999999;}
#lineaUsu{margin:0px 25px; padding:5px; float:left; width:925px;  }
#etiqueta{width:135px; float:left; padding:4px 5px; color: #000000; font-weight:bold; font-family: Arial, Helvetica, sans-serif; font-size:15px;}
#etiqueta2{width:105px; float:left; padding:4px 5px; color: #000000; font-weight:bold; font-family: Arial, Helvetica, sans-serif; font-size:12px;}
#dato{ width:320px; float:left; margin:0px 10px; color:#FFFFFF; }
#dato2{ width:220px; float:left; margin:0px 10px; color:#FFFFFF; }
#dato3{ width:130px; float:left; margin:0px 10px; color:#FFFFFF; }
.datoform2{ background: #FFFFFF; border: 1px solid #0B7934 ;  text-align: left; color: #003366; height:15px; padding:3px; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; width:350px; }

#btnDel{ margin:10px auto; padding:10px; height:30px; width:430px; float:left; text-align:center;}
.btnCot {margin: 0 3px; color: #FFFFFF;height:fit-content; width:160px;border:none;background-color: #0B7934;font-size:11px;font-weight:bold; border:1px solid #EFEFEF; border-radius: 5px; border-color: transparent; box-shadow: 0 1px 4px #000000 ;}
.btnCot:hover{color:black; background-color: white; box-shadow: 0 0 5px 5px #088335 ;}
#registrado{ margin:0px 10px 10px 10px; padding:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #660000; font-weight:bold; text-align:center;  }

/*CAMBIOS DEL 2023*/

.fcc-btn {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    background-color: #0B7934;
    color: white;
    padding: 12px 12px;
    text-decoration: none;
    margin:12px 3px;
    border-radius: 4px;
    box-shadow: 0 1px 4px #000000 ;
  }
  
  .fcc-btn:hover {
    background-color: #ffffff;
    color: #0B7934;
    box-shadow: 0 0 5px 5px #088335 ;
  }