body{
/*	background: #999999;*/
}
.ID_ETIQUETA  {
	height: ;
	text-align: center;
    background-color: Gold  ;
	color: Blue  ;
    margin: 2px;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
    text-decoration: none;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight: 700;
    border:1px solid #ffef76;
    border-radius: 5px;
}


.MEDIA  {
		text-align: center;
    background-color: Gold  ;
    margin: 2px;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
    text-decoration: none;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight: 500;
    border:1px solid #ffef76;
    border-radius: 5px;
}
.BAJA  {
		text-align: center;
    background-color: DodgerBlue   ;
	color: white;
    margin: 2px;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
    text-decoration: none;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight: 500;
    border:1px solid #ffef76;
    border-radius: 5px;
}
.INGRESADO  {
		text-align: center;
    background-color: MintCream  ;
    margin: 2px;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
    text-decoration: none;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight: 500;
    border:1px solid #ffef76;
    border-radius: 5px;
}


.ALTA, .ERROR  {
		text-align: center;
    background-color: Red  ;
	color: yellow;
    margin: 2px;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
    text-decoration: none;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight: 500;
    border:1px solid #ffef76;
    border-radius: 5px;
}

.OK {
		
	text-align: center;
    background-color: green   ;
	color: white;
    margin: 2px;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
    text-decoration: none;
    font-family:Arial, Helvetica, sans-serif;
    font-size:36px;
    font-weight: 1000;
    border:1px solid #ffef76;
    border-radius: 5px;
}

.ALTA_FIN {
		text-align: center;
    background-color: DarkOrange   ;
	color: yellow;
    margin: 2px;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
    text-decoration: none;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight: 500;
    border:1px solid #ffef76;
    border-radius: 5px;
}

.FINALIZADO  {
		text-align: center;
    background-color: DodgerBlue ;
	color: white;
    margin: 2px;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
    text-decoration: none;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight: 500;
    border:1px solid #ffef76;
    border-radius: 5px;
}

.HICOM_CARD  {
	text-align: center;
    background-color: Green ;
	color: white;
    margin: 2px;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
    text-decoration: none;
    font-family:Arial, Helvetica, sans-serif;
    font-size:20px;
    font-weight: 500;
    border:1px solid #ffef76;
    border-radius: 5px;
}

.EN_PROGRESO  {
	text-align: center;
    background-color: Green ;
	color: white;
    margin: 2px;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
    text-decoration: none;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight: 500;
    border:1px solid #ffef76;
    border-radius: 5px;
}

.REPUESTOS  {
	text-align: center;
    background-color: Red ;
	color: white;
    margin: 2px;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
    text-decoration: none;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight: 500;
    border:1px solid #ffef76;
    border-radius: 5px;
}
/* 15501 */
.CANCELADO  {
	text-align: center;
    background-color: MintCream  ;
	color: Black;
    margin: 2px;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
    text-decoration: none;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight: 500;
    border:1px solid #ff8000;
    border-radius: 5px;
}
.consola1 {
	background-color: powderblue;
	height: 40px;
	width: 100px;
}
.numero_comprobante {
	font-size: 30px;
	font-family: arial;
	margin:0px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0px;	
}
.respuesta {
	font-size: 30px;
	font-family: arial;
	margin:0px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0px;	
}
.info_chica {
	font-size: 12px;
	font-family: arial;
	margin:0px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0px;
    border:1px solid #ffef76;
    border-radius: 5px;	
}
.info_chica2 {
	text-align: center;
    background-color: white ;
	color: black;
	font-size:14px;
    font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding-top: 2px;
	padding-right: 5;
	padding-bottom: 2px;
	padding-left: 5px;
    border:1px solid  #585858 ;
    border-radius: 5px;	
    text-decoration: none;
/*    font-weight: Bold;*/
	height: 100%; /* Full height */
}
/* 2017 */
 /* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/* ------------ */


p,#encabezado {
  padding: 5px 15px 5px;
/*  float: none !important; /*For Opera*/
/*  float: left; /*For IE*/ 
 
  display: block;
  border-color:#339999;
  color:#339999;
  text-decoration: none;
  font-weight: bold;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;
/*  border-right:1px solid #818181;*/
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}
.modo1 {
	padding: 0px;
	margin: 0px;
/*  float: none !important; /*For Opera*/
/*  float: left; /*For IE*/ 
	display: block;
	color: #003300;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: 100;
	/*  border-right:1px solid #818181;*/
	text-decoration: none;
	height: auto !important;
	height: 1%; /*For IE*/
}

.modo1 input[type="text"] {
	margin: 0px;
padding: 0px 0px 0px 0px;
	border-style: groove ;
	border-color:#339999;
	color: #003300;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: 500;
}



#destino {

	border:#FF0000;
	background-color:#00CCFF;
}
.modo1 input[type="text"]:hover {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	border-style: groove ;
	border-color:#339999;
	color:  #003300;
	background-color:#FFFF00;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: 500;
}
.modo1 input[type="submit"], input[type="button"] {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background-color:#eeeeee;
	border-top:1px solid #060;
	border-right:1px solid #060;
	border-bottom:1px solid #060;
	border-left:11px solid #060;
	color: #666;
	border-color:#339999;
	font-style:italic;
    }
.modo1 select, option  {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	border:groove;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: 500;
	font-style:italic;
/*	boderr: 1px solid #060; */
	border-top:1px solid #060;
	border-right:1px solid #060;
	border-bottom:1px solid #060;
	border-left:11px solid #060; 
	color: #666;
	border-color:#339999;
	}
	
.modo1 input[type="submit"]:hover, select:hover {
	background-color: #FFFF00;
}




form {
	margin: 0px 0px ;
	padding: 0px 0px;
}
table {
	margin: 0px 0px ;
	padding: 0px 0px;
}
tr {
	margin: 0px;
	padding: 0px;
}
th {
	margin: 0px 0px; 
	padding: 0px 0px;  
	border-color:#339999;
	border-width: 1px;
	border-spacing: 0px;
	border-style:  solid;
}

hr {color:#339999;

}
td {
	margin: 0px 0px; 
	padding: 0px 2px;

	  
}


h3 {
font-family: Verdana, Arial, Helvetica, sans-serif
;
font-size:12px;
}

a:visited, a:link, a:active {
text-decoration:none;
color: #6666CC;
}

a:hover {
text-decoration:none;
color: #FF0000;
background-color: #FFFFCC;
}

#menu div.barraMenu,
#menu div.barraMenu a.botonMenu {
font-family: sans-serif, Verdana, Arial;
font-size: 12pt;
text-align:center;
}
#menu div.barraMenu {
text-align: left;
}

#menu div.barraMenu a.botonMenu {
color: blue; 
cursor: pointer;
/*background-color: #CCCCCC; 
padding: 4px 6px 2px 5px;*/
text-decoration: none;
color: #0000FF;
}

#menu div.barraMenu td {
background-color: #CCCCCC; 
color: black; 
cursor: pointer;
padding: 4px 6px 2px 5px;
text-decoration: none;
}


#menu div.barraMenu a.botonMenu:hover {
background-color: #99FF00;
text-align:center;
color: blue;
/*padding: 4px 6px 2px 5px;*/
}

#menu div.barraMenu td.botonMenu:hover {
background-color: #99FF00;
}

#menu div.barraMenu a.botonMenu:active {
background-color: #00FFCC ;
color: black;
}

/* Root = Horizontal, Secondary = Vertical */
ul#menu {
	margin: 0;
	border: 0 none;
	padding: 0;
/*  width: 500px;*/ /*For KHTML*/
width:100%;
  list-style: none;
  height: 20px;
  border:1px solid #eee;
  padding-bottom:5px;
}

ul#menu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 20px;
}
ul#menu li{
	padding-bottom:5px;
}
ul#menu li:hover{
	background:#ddd;
}

ul#menu  ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 25px;
  left: 10px;
  background: #eee;
  border: none;
  opacity: 0.95;
 /* -moz-opacity: 0.95;
  filter:alpha(opacity=95);*/
}

ul#menu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#menu ul li {
  width: 160px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#menu a {
  padding: 5px 15px 5px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #9fcf21;
  text-decoration: none;
  font-weight: bold;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
/*  border-right:1px solid #818181;*/
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#menu a:hover,
ul#menu li:hover a,
ul#menu li.iehover a {
color: #003300;

}

/* 2nd Menu */
ul#menu li:hover li a,
ul#menu li.iehover li a {
  float: none;
  border:none;
}

/* 2nd Menu Hover Persistence */
ul#menu li:hover li a:hover,
ul#menu li:hover li:hover a,
ul#menu li.iehover li a:hover,
ul#menu li.iehover li.iehover a {
 background:#ddd;
  color: #003300;
}

/* 3rd Menu */
ul#menu li:hover li:hover li a,
ul#menu li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */

ul#menu li:hover li:hover li a:hover,
ul#menu li:hover li:hover li:hover a,
ul#menu li.iehover li.iehover li a:hover,
ul#menu li.iehover li.iehover li.iehover a {
background:#ddd;
  color: #FFF;
}

/* 4th Menu */
ul#menu li:hover li:hover li:hover li a,
ul#menu li.iehover li.iehover li.iehover li a {
background:#ddd;
  color: #666;
}

/* 4th Menu Hover */
ul#menu li:hover li:hover li:hover li a:hover,
ul#menu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#menu ul ul,
ul#menu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#menu li:hover ul ul,
ul#menu li:hover ul ul ul,
ul#menu li.iehover ul ul,
ul#menu li.iehover ul ul ul {
  display: none;
}

ul#menu li:hover ul,
ul#menu ul li:hover ul,
ul#menu ul ul li:hover ul,
ul#menu li.iehover ul,
ul#menu ul li.iehover ul,
ul#menu ul ul li.iehover ul {
  display: block;
}
ul#menu .selected{
	color: #003300;
}




td#lista .contraste {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align:center;
	font-size: 24px;
	background-color:#000000;
	}
	
#contenedor-mains
{

/*	width:450px; */
}
.flotados
{
	width:120px;
	color:#FFFFFF;
	background-color:#000000;
	text-align:center;
	font-size: 36px;
}
.clear
{
clear:both;
}


/*  --- anexo formulario flotante jquery ---*/

#popup {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1001;
}

.content-popup {
    margin:0px auto;
    margin-top:120px;
    position:relative;
    padding:10px;
    width:500px;
    min-height:250px;
    border-radius:4px;
    background-color:#FFFFFF;
    box-shadow: 0 2px 5px #666666;
}

.content-popup h2 {
    color:#48484B;
    border-bottom: 1px solid #48484B;
    margin-top: 0;
    padding-bottom: 4px;
}

.popup-overlay {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
    display:none;
    background-color: #777777;
    cursor: pointer;
    opacity: 0.7;
}

.close {
    position: absolute;
    right: 15px;
}


/* --- formateo de impresion --- */
@media print {
	.oculto {
		display:none;
	}

	body {
	color: black;
	font-family:Verdana;
	background-color: white;
	}
	.modo1 {
		padding: 0px;
		margin: 0px;
	/*  float: none !important; /*For Opera*/
	/*  float: left; /*For IE*/ 
	/*	display: block; */
		text-decoration: none;
	font-family:Verdana;
		font-size:8px;
		font-weight: 100;
		/*  border-right:1px solid #818181;*/
		text-decoration: none;
		height: auto !important;
		height: 1%; /*For IE*/
	}
	
	#contenedor-mains
	{
	
	/*	width:450px; */
	}
	.flotados
	{
		
		width:120px;
		color:#FFFFFF;
		background-color:#000000;
		text-align:center;
		font-size: 36px;
	}
	.clear
	{
	clear:both;
	}


}

