body
{
	/*background-color: #EBEDEC;*/
	background-color: #EEEEEE; /*  #E3DFDF Fondo de pantalla, pero no jala en el index.php*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	/*text-align: center;*/
	margin: 0px;
	vertical-align: middle;
	color: #000000; /* Texto General de la página */
}

table td
{
	background-color: #EEEEEE; /* #E3DFDF */
}

a:link
{
	color: #24618E; /* azul fuerte */
}

a:visited
{
	color: #0D2551; /* azul más fuerte */
}

a:hover
{
	color: #A98F16; /* dorado */
}

a:active
{
	color: #000099;
}

table.rc tr.hi td, table.rc td.hi
{
	background-color: #E3DFDF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin: 2px;
	vertical-align: middle;
	color: #000000;
}

table.renglon tr.hi td
{
	background-color: #E3DFDF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin: 2px;
	vertical-align: middle;
	color: #000000;
}

table.extra tr.hi td, table.extra td.hi
{
	background-color: #E3DFDF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin: 2px;
	vertical-align: middle;
	color: #000000;
}
tablemenu
{
	background-color: #E3DFDF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin: 2px;
	vertical-align: middle;
	color: #000000;
}

tr, td
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin: 2px;
	vertical-align: middle;
	color: #000000;
}

h1
{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #45AFFF; /* #3B94D7; */
}
h2
{
	background-color:#266493;
	font-size: 12px;
	font-weight: bold;
	text-align: center;	
	color: #ffffff;
	padding-top: 5px;
	padding-bottom: 5px;
}
h3
{
	font-size: 12px;
	color: #990000;
	font-weight: bold;
	text-align: center;		
}
h4
{
	padding-left: 30px;
	font-size: 12px;
	font-weight: bold;
	color: #266493;
}
h5
{
	color:#FF7300;
	font-size: 12px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

p
{
	font-size: 12px;
}

.celda{
margin:0;
padding: 0;
}

.titulo_celda
{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	background-color:#252850; /*azul:0066CC*/
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	margin: 2px;
	vertical-align: middle;
	color: #FFFFFF;
}
.titulo_celda_estatus
{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	background-color:#0088a3; /*azul:0066CC*/
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	margin: 2px;
	vertical-align: middle;
	color: #FFFFFF;
}
.titulo_celda_2
{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	/*background-color:#266493;   Mismo azul que la sección */
	background-color:#266493;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin: 2px;
	vertical-align: middle;
	color: #FFFFFF;
}
.titulo_celda_3
{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	/*background-color:#266493;   Mismo azul que la sección */
	background-color:#C60000;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin: 2px;
	vertical-align: middle;
	color: #FFFFFF;
}

/* Cuadros de texto */
.texto_casilla {                            
	BORDER: #FFFFFF 2px inset;  
	HEIGHT: auto; 
	FONT-SIZE: xx-small; 
	COLOR: #000000; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #FFFFFF;
}

/* Cuadros de texto */
.texto_campo_etiqueta {                            
	/*BORDER: #FFFFFF 2px inset;  */
	HEIGHT: auto; 
	/*FONT-SIZE: xx-small; */
	FONT-SIZE: x-small;
	COLOR: #266493; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight:1000;
	text-align:center;
	background-color: #252850; /*azul: 24618E*/
	color: #FFFFFF;
	/*BACKGROUND-COLOR: #FFFFFF;*/
}
/* Cuadros de texto */
.texto_campo {                            
	/*BORDER: #FFFFFF 2px inset;  */
	HEIGHT: auto; 
	/*FONT-SIZE: xx-small; */
	FONT-SIZE: x-small;
	COLOR: #266493; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight:1000;
	text-align: left;
	/*BACKGROUND-COLOR: #FFFFFF;*/
}

/* Listas desplegables */
.listas_cortas {                            
	BORDER: #FFFFFF 2px inset;  
	HEIGHT: auto; 
	FONT-SIZE: xx-small; 
	COLOR: #000000; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #FFFFFF;
}
/* Listas desplegables Sergio*/
.listas_cortas_sergio {                            
	BORDER: #FFFFFF 2px inset;  
	HEIGHT: auto; 
	FONT-SIZE: xx-small; 
	COLOR: #FFFFFF; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #0000AA;
	
	
}

/* Cuadros de texto */
.titulo {                            
	BORDER: #FFFFFF 2px hidden;  
	HEIGHT: auto; 
	FONT-SIZE: large; 
	COLOR: #0066CC; 
	font-family: "Arial", Times, serif;
	BACKGROUND-COLOR: #FFFFFF;
}

/* Botones para mostrar Capas */
.boton_capas {                            
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	background-color: #CC6600 ;
	text-align: center;
	border: 1px solid #333333;
	margin: 2px;
	vertical-align: middle;
	color: #FFFFFF;
	height: 10px;
	width:10px;
}
.boton_actual {                            
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	background-color: #99CCCC ;
	text-align: center;
	border: 1px solid #333333;
	margin: 2px;
	vertical-align: middle;
	color: #FFFFFF;
	height: 10px;
	width:10px;
}

.formulario
{
	margin-left: 30px;
	margin-right: 30px;	
	font-size: 12.5px;
}

.subrayado
{
	border-bottom: 2px solid #266493;
}

/*No funciona en IE 7 y anteriores*/
input:focus, textarea:focus, select:focus
{
	border: 1px solid #A98F16; /*borde dorado*/
	outline:none; /*eliminar borde azul de Safari*/
}

#acciones
{
	float: right;
	margin-right: 150px;
	padding-top: 10px;
}

#foto
{
	text-align: center;
}

#fila
{
	/*margin-left: 30px;*/
	width: 200px;
	/*azul*/
	background-color:#266493;
	/*naranja
	background-color:#FE9844;*/
	color: #FFFFFF;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 5px;
	float: left;
	text-align: right;
	padding-top: 2px;
	padding-bottom: 2px;	
}

#filaSF
{
	width: 200px;	
	/*azul*/
	color: #266493;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 5px;
	float: left;
	text-align: right;
	padding-top: 2px;
	padding-bottom: 2px;	
}

#fila2
{
	width: 120px;	
	background-color:#266493;
	color: #FFFFFF;
	text-align: right;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 5px;
	float: left;
	padding-top: 2px;
	padding-bottom: 2px;
}

#fila2SF
{
	width: 120px;
	/*azul*/
	color: #266493;
	text-align: right;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 5px;
	float: left;
	padding-top: 2px;
	padding-bottom: 2px;
}

#datoFila
{
	padding-left: 5px;
	margin-right: 15px;
	float: left;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* Inicio estilo de los campos de un formulario */
#etiqueta_old
{
	width: 168px;
	padding-right: 5px;
	margin-right: 5px;
	float: left;
	text-align: right;
}
/* Inicio estilo de los campos de un formulario */
#etiqueta
{
	width: 168px;
	padding-right: 5px;
	margin-right: 5px;
	float: left;
	/* agregadas por PP */
	color:#266493;
	text-align: right;
	FONT-SIZE: x-small;
}		
#campo
{
	clear: right;
	padding-bottom: 5px;
}
#campo2
{
	float:left;
	padding-bottom: 5px;
}			
/* Fin estilo de los campos de un formulario */

.titulo_tabla
{
	background-color:#00008B;
	/* background-color:#266493; */
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding-left: 0px;
	padding-right: 0px;
}
.titulo_orden
{
	font-size: 12px;	
	text-align: center;
	vertical-align: middle;
	padding-left: 0px;
	padding-right: 0px;
}

td.titulo_tabla_2
{
	background-color:#EEEEEE;
	font-size: 12px;
	font-weight: bold;
	text-align: center;	
	color: #266493;	
	padding: 5px 0px 5px 0px;
	border-left: 1px solid #266493;
}

td.titulo_tabla_2_SB
{
	background-color:#EEEEEE;
	font-size: 12px;
	font-weight: bold;
	text-align: center;	
	color: #266493;	
	padding: 5px 0px 5px 0px;
}

.centrado
{
	text-align: center;
}

.espacio
{
	padding-left: 20px;
}

#margen_arriba
{
	margin-top: 30px;
}

.fondoClaro1
{
	background-color:#E3DFDF;
}

.fondoClaro2
{
	background-color:#E3DFDF;
}

.fondoObscuro1
{
	background-color:#cccccc;
}

.comprobanteCancelado
{	
	color: red;
}

.comprobanteAnticipado
{	
	color: blue;
}

.comprobanteSolicitudCancelacion
{	
	color: orange;
}

#listado
{
	padding-top:10px;
	margin: auto; 	
	font-size:12px;
}

#listado li
{
	padding-bottom: 8px;
}

/* warning NARANJA */
.verificar
{
	color: #FF7300;
	text-align: center;
	font-weight: bold;
}

/* éxito AZUL CLARO */
.confirmacion 
{
	color: #0066CC;
	text-align: center;
	font-weight: bold;
}

/* error ROJO */
.fallo
{
	color: #FF0000;
	text-align: center;
	font-weight: bold;
}

/* éxito VERDE */
.exito
{
	color: green;
	text-align: center;
	font-weight: bold;
}

/*Para desplegar el mensaje de éxito que se desvanece*/
#mensaje_exito
{
	background: #BDE483;
	text-align: center; 
	font-size: 12.5px; 
	font-weight: bold;
	width:500px; 
	margin: auto;
	padding: 5px 5px 5px 5px;
	margin-top: 5px;
	/* Las siguientes 2 propiedades son para curvear las esquinas */
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
}

#mensaje_aviso
{
	background: #CD86D0;
	text-align: center; 
	font-size: 12.5px; 
	font-weight: bold;
	width:500px; 
	margin: auto;
	padding: 5px 5px 5px 5px;
	margin-top: 5px;
}

label.justifica
{
    float: left; 
    width: 150px;
    text-align: right;
    padding-right: 5px;
}

/* MENÚ */
	#menu
	{
		position: relative; 		

		/* width: 400px; */
		width: 100%;
 	    padding-top: 0px; 
		padding-left: 0px;
		margin-bottom: 5px;
		margin-left: 5%;
		z-index: 200;
		font-size:14px;
		font-weight: bold;
		
	}

    #tabsJ {
	  float:left;
      width:110%;
	  text-align:center;
	  background-color: #EEEEEE;  /* #E3DFDF Fondo de la celda completa */   
	  font-size:100%;
      line-height:normal;
      border-bottom:1px solid #24618E; /*Línea de división de menú principal y secundario*/
	       
    }
    #tabsJ ul {
        margin:0;
        padding:25px 10px 0 50px;
        list-style:none;
      }
    #tabsJ li {      
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;
      background:url("imagenes/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsJ a span {
      float:left;
      display:block;
      background:url("imagenes/tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFFFFF; /*  antes tenía 24618E */
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#FFFFFF; /* #E3DFDF Texto de botones principal cuando está encima el mouse */
      }
    #tabsJ a:hover {
      background-position:0% -42px;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      }

#tabsJ #current a {
  background-position:0% -42px;
}
#tabsJ #current a span {
  background-position:100% -42px;
  color:#E3DFDF; /* Color de texto después de que es presionado el botón */ 
}

#tabsJ #utilities a
{
  color: #084C97; /*Texto Nuevo y BUscar */
  padding-right: 10px;
  background: none;
  font-size: 14px;
  font-weight: bold;
}

#logo
{
  float: left;
  color: #084C97;	
  font-size: 16px;
  padding-left: 20px;
  padding-right: 15px;
  padding-top: 5px;
}


#submenu
{
BACKGROUND-COLOR: #252850; /*#393D42; ///color del submenu  */
font-size:11px;
 /*padding-left: 212px; */
padding-left: 5%; 
width: 1450px;
height: 20px;
line-height:20px;
clear: both;

}


#submenuorden
{
BACKGROUND-COLOR: #252850; /*#393D42; ///color del submenu  */
font-size:11px;
 /*padding-left: 212px; */
padding-left: 5%; 
	padding-top: 3px;
width: 1450px;
height: 45px;
line-height:20px;
clear: both;

}



#submenuinicio
{
BACKGROUND-COLOR: #252850; /*#393D42; ///color del submenu  */
font-size:30px;
 /*padding-left: 212px; */
padding-left: 10%; 

height: 50px;
line-height:20px;
clear: both;

}
#submenu a
{	
padding-right: 10px;
color: #FFFFFF;
}

#submenuorden a
{	
padding-right: 10px;
color: #FFFFFF;
}

#submenu2
{
BACKGROUND-COLOR: #FFFFFF;
padding-left: 212px;
padding-bottom: 5px;
clear: both;    
}
#submenu2 a
{	
padding-right: 10px;
color: #edeeed;
}

#contenido
{
  padding-top: 55px;
  padding-bottom: 30px;	
}

#footer
{
  position: fixed;
  width: 100%;
  left:0px;
  bottom:0px;			
  height: 30px;		
  background-color: #E3DFDF; /* #E3DFDF color del fondo del pie de página*/
  line-height:30px;
  padding-left: 20px;	
  z-index: 200;
}

.seccion
{
  padding-top: px;
}

#menu_lateral
{
  width: 196px;
  float: left;
  padding-top: 10px;		
}

#contenido_sec
{	
  width: 1000px;
  float: left;	
  text-align: justify;
  margin-left: 30px;
  margin-right: 30px;	
  font-size: 12.5px;
  padding-bottom: 30px;		
}

#titulo_seccion
{	
  width: 950px;				
  /*azul fuerte #266493 */
  background-color:#000000; /*color anterior: 008C9A*/
  color: white;					
  float: left;
  text-align: center;
  line-height: 25px;
  border-radius: 3px 3px;		
}
#titulo_seccion_cliente
{	
  width: 150px;
height: 130px;
border-radius: 50%;
  /*azul fuerte #266493 */
  background-color:purple; /*color anterior: 008C9A*/
  color: white;					
  /*float: left; */
  text-align: center; 
   font-size:165%; 
   line-height: 25px;
   /*position: absolute; */
   /*transform: translate(-50%, -50%); */
  /*border-radius: 3px 3px; */	
}
.titulo_circulo
{	
  width: 75px;
height: 30px;
border-radius: 50%;
  /*azul fuerte #266493 */
  background-color:#4B0082; /*color anterior: 008C9A otro: purple*/
  color: white;					
  /*float: left; */
  text-align: center; 
   font-size:140%; 
   line-height: 25px;
   /*position: absolute; */
   /*transform: translate(-50%, -50%); */
  /*border-radius: 3px 3px; */	
}
.titulo_rectangulo
{	
 width: 145px;
height: 20px;
border-radius: 12%;
  /*azul fuerte #266493 */
  background-color:#275b14; /*color anterior: 008C9A*/
  color: white;					
  /*float: left; */
  text-align: center; 
   font-size:80%; 
   line-height: 25px;
   /*position: absolute; */
   /*transform: translate(-50%, -50%); */
  /*border-radius: 3px 3px; */	
}



#titulo_seccion_proveedor
{	
  width: 950px;				
  /*azul fuerte #266493 */
  background-color:#FF6600;
  color: white;					
  float: none;
  text-align: center;
  line-height: 25px;
  border-radius: 7px 7px;	
  font-size: 16px;	
}
#tamaño_orden
{	
  width: 950px;				
  /*azul fuerte #266493 */
  text-align: center;
  font-size: 16px;	
}

#titulo_seccion_centrado
{	
  /*width: 950px;				*/
  width: 100%;				
  /*azul fuerte #266493 */
  background-color:#000000; /*color anterio: #008C9A */
  color: white;					
  float: none;
  text-align: center;
  line-height: 25px;
  border-radius: 4px 4px;		
  font-size: 14px;	
}
.botonesHover{
	font-family: Tahoma, Verdana, Arial;
	font-size: 15px;
    font-weight: bold; 
	background-color: #005A9E;
	text-align: center;
	border: 1px solid #005A9E;
	margin: 2px;
	vertical-align: top;
	color: #FFFFFF;
	width: 99px;
	height:30px; 
	cursor:pointer;
	border-radius: 10px 10px;
	text-decoration:none;
	/*text-transform:uppercase;*/
	text-shadow: 0px 1px 2px #62c2f9;	
}

.botonesHoverEntrada{
	font-family: Arial;
	font-size: 9px;
	/* font-weight: bold; */
	background-color: #0066CC;
	text-align: center;
	border: 1px solid #333333;
	margin: 2px;
	vertical-align: top;
	color: #FFFFFF;
	width: 52px;
	height:17px;
	cursor:pointer;
	border-radius: 5px 5px;
	text-decoration:none;
	/*text-transform:uppercase;*/
	text-shadow: 0px 1px 2px #62c2f9;	
}

#titulo_seccionSF
{
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #266493;
  padding: 10px 0px 10px 0px
}

/*Menú lateral fijo*/
div.menu_lateral_fijo
{
  font-weight: bold;
  line-height: 1.1;
  text-align: center;
  position: fixed;
  top: 2em;
  margin-top: 55px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12px;
  width: 150px;
  background: #266493;
  color: #edeeed;
  left: 20px;
  right: auto;
  border: thin outset #edeeed;
}
div.menu_lateral_fijo a
{
  display: block; 
  margin: 0 0.5em; 
  color: white; 
  border-top: 2px groove #edeeed; 
  padding-top: 5px;
  padding-bottom: 5px;
}
div.menu_lateral_fijo a:first-child { border-top: none }
div.menu_lateral_fijo a:link { text-decoration: none; color: white }
div.menu_lateral_fijo a:visited { text-decoration: none; color: white }
div.menu_lateral_fijo a:hover { background: #edeeed; color: #266493 }

#seleccionado
{
  background: #E3DFDF; 
  color: #266493;
}

#contenido_menu_lateral_fijo
{
  text-align: justify;
  margin-left: 190px;
  margin-right: 20px;	
  font-size: 12.5px;
  padding-bottom: 30px;
}

#accordion_contenido
{
  text-align: justify;
  margin-left: 270px;
  margin-right: 20px;	
  font-size: 12.5px;
  padding-bottom: 30px;
}

#accordion_menu
{
  float: left; 
  width: 250px;
  margin-left: 5px;
  position: fixed;               	  	
}

.separaFilas
{
  clear: both; 
  padding-bottom: 5px;
}

fieldset
{
  border: 0px;
}	

.resalta_en_titulo
{
  font-size: 16px; 
  text-decoration: underline;
}