/*  Bases  */
.div{
  display: inline-block;
  vertical-align: top;
}
.div2{
  display: inline-block;
  vertical-align: top;
  font-family: kalinga;
  font-size: 12pt;
  text-align: left;
}
.div3{
  display: inline-block;
  vertical-align: top;
  font-family: kalinga;
  font-size: 11pt;
  text-align: left;
}
.div4{
  display: inline-block;
  vertical-align: top;
  font-family: kalinga;
  font-size: 14pt;
  text-align: center;
  font-weight: lighter;
}
/*  Termina Bases  */
body
{
	background: #fff;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
}
#contenedor
{
	display: inline-block;
	vertical-align: top;
	width: 100%;
	margin: 0;
	text-align: center;
/*  max-width: 1080px;   */
	min-width: 768px;
	height: auto;
}
#head01
{
	width: 100%;
	height: 2em;
	border-bottom: solid 2px rgba(0,0,0,0.1);
	background: rgba(247,247,247,1);
    background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 40%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247,247,247,1)), color-stop(40%, rgba(247,247,247,1)), color-stop(100%, rgba(237,237,237,1)));
    background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 40%, rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 40%, rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 40%, rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 40%, rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ededed', GradientType=0 );
}
#head02
{
	width: 100%;
	height: 2em;
	border-bottom: solid 2px rgba(0,0,0,0.1);
	background: #B0BEC5;
}

#body
{
	width: 99%;
	height: auto;
	border: solid 1px rgba(0,0,0,0.1);
	border-top: 0;
	margin-top: 1px;
	padding-bottom: 4em;
	box-sizing:border-box;

	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
#titulo01
{
	width: 100%;
	height: 3em;
	background-color: rgba(113,170,209,0.7);
}
#logo
{
  height: 100%;
  width: 10%;
  background: url(../img/logo.png) no-repeat center;
  background-size: contain;
  float: left;
}
#logo01
{
  height: 100%;
  width: 10%;
  background: url(../img/logo01.png) no-repeat center;
  background-size: contain;
  float: left;
}
#btexto
{
  height: 100%;
  width: 50%;
  float: left;
}
#texto01
{
  width: auto;
  height: 50%;
  padding-top: 0.7em;
  padding-left: 0.5em;
  box-sizing:border-box;
  font-size: 11pt;
  float: left;
}
#texto02, #texto03
{
  width: auto;
  height: 50%;
  font-size: 11pt;
  box-sizing:border-box;
  padding-top: 0.7em;
  padding-left: 0.5em;
  padding-right: 0.4;
  float: left;
}
#menu01
{
  height: 40%;
  width: 21%;
  float: right;
  margin-top: 0.1em;
  margin-right: 0.5em;
}
#conf
{
  width: auto;
  height: 200%;
  padding: 0.2em;
  padding-left: 0.4em;
  padding-right: 0.4em;
  margin-right: 1%;
  box-sizing:border-box;
  background-color: rgba(199,84,83,0.6);
  border: solid 1px rgba(0,0,0,0.1);
  color: #fff;
  text-align: center;
  font-size: 11pt;
  cursor: pointer;
  float: right;
}
#conf:hover, #exit:hover
{
  background-color: rgba(199,84,83,0.8);
}
#exit
{
  width: auto;
  height: 200%;
  padding-top: 0.2em;
  padding-left: 0.4em;
  padding-right: 0.4em;
  box-sizing:border-box;
  background-color: rgba(199,84,83,0.6);
  border: solid 1px rgba(0,0,0,0.1);
  color: #fff;
  text-align: center;
  font-size: 11pt;
  cursor: pointer;
  float: right;
}
#menu02
{
	width: auto;
	height: 100%;
	padding-top: 0.2em;
	padding-left: 1em;
	padding-right: 1em;
	box-sizing:border-box;
	border: solid 1px rgba(0,0,0,0.1);
	float: left;
	font-weight: bold;
  color: #fff;
}
#menu02:hover, #menu04:hover
{
	background-color: rgba(113,170,209,0.7);
}

a:link {color: inherit;}
a:hover {color: inherit;}
a:visited {color: inherit; }
#menu03,#menu04
{
	width: 4em;
	height: 100%;

	padding-left: 1em;
	padding-right: 1em;
	box-sizing:border-box;
	border: solid 1px rgba(0,0,0,0.1);
	float: left;
	font-weight: bold;
}
#menu04
{
	background: url(../img/home.png) no-repeat center;
	background-size: contain;
	cursor: pointer;
}
#name01
{
	width: auto;
	height: 60%;
	margin-top: 0.5em;
	margin-left: 1em;
	float: left;
	box-sizing:border-box;
	padding-top: 0.1em;
	font-weight: bold;
}
#bboton01
{
	width: 50%;
	height: 70%;
	float: right;
	margin-top: 0.4em;
	margin-right: 1em;
	box-sizing:border-box;
	padding-top: 0.1em;
}

/*menus*/
#toggle {
  display: block;

  padding-top: 0.9em;
  box-sizing:border-box;
  width: 1.7em;
  height: 100%;
}

#toggle span:after,
#toggle span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -7px;
}
#toggle span:after{
  top: 7px;
}
#toggle span {
  position: relative;
  display: block;
}

#toggle span,
#toggle span:after,
#toggle span:before {
  width: 100%;
  height: 3px;
  background-color: #fff;
  transition: all 0.3s;
  backface-visibility: hidden;
  border-radius: 2px;
}

/* on activation */
#toggle.on span {
  background-color: transparent;
}
#toggle.on span:before {
  transform: rotate(45deg) translate(3px, 3px);
}
#toggle.on span:after {
  transform: rotate(-45deg) translate(7px, -7px);
}
#toggle.on + #menu {
  opacity: 1;
  left: 0;
}
#toggle + #menu
{
  left: -15em;
}

/* menu appearance*/
#menu {
  position: relative;
  color: #fff;
  width: 9em;
  padding: 2px;
  top: 1em;
  margin: auto;
  font-family: "kalinga";
  text-align: center;
  border-radius: 4px;
  background: rgba(176,190,197,0.9);
  border: solid 1px rgba(0,0,0,0.1);
  box-shadow: 0 1px 8px rgba(0,0,0,0.1);
  /* just for this demo */
  opacity: 0;
  transition: opacity .4s;
}
#menu:after {
  position: absolute;
  top: -13px;
  left: 5px;
  border-radius: 2px;
  content: "";
  display: block;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 15px solid  rgba(176,190,197,0.9);
}
ul, li, li a {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
  color: #fff;

}
li a {
  padding: 5px;
  transition: all .2s;


}
li a:hover,
li a:focus {
  background-color: rgba(113,170,209,0.7);

  color: #fff;
}
/*fin menus*/

/* tabla 01*/
#tabla01
{
  width: 100%;
  overflow-x: scroll;
}
#tabla02
{
  width: 99%;
  margin-top: 1em;
  margin-bottom: 1em;
  outline: solid 2px #fff;
}
#titulotabla
{
  width: 100%;
  box-sizing:border-box;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  background-color: rgba(113,170,209,0.5);
  outline: solid 2px #fff;
}
#bcolumna01,#bcolumna02
{
  width: 50%;
  height: auto;
  margin: 0 auto;
  outline: solid 2px #fff;
}
#bfilas01,#bfilas02
{
  height: auto;
  min-height: 4em;
  margin: 0 auto;
  outline: solid 2px #fff;
  box-sizing:border-box;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}
#bfilas01
{
  background-color: rgba(113,170,209,0.5);
  width: 38%
}
#bfilas02
{
  background: rgba(247,247,247,0.9);
  width: 62%;
}
#imgl01
{
  height: 4em;
}
#input01
{
  display: inline-block;
  vertical-align:top;
  width: auto;
  height: 40%;
  margin-top: 0.8em;
}
/*Termina css diego*/

/*botones*/
#form01
{
  border: red solid 1px;
  width: 100%;
  height: 100%;

}
.botonb{
  width: 6em;
  height: 2.2em;
  float: left;
  margin-right: 0.1em;
  cursor: pointer;
  border: transparent;
  vertical-align: top;
  display: inline-block;
  opacity: 0.8;
}
.botonb:hover
{
  opacity: 1;
}
#actualizar{
    background: url(../images/blue/actualizar.png) no-repeat;
    background-size: contain;
}
#aplicar{
    background: url(../images/blue/aplicar.png) no-repeat;
    background-size: contain;
}
#borrar{
    background: url(../images/blue/borrar.png) no-repeat;
    background-size: contain;
}
#buscar{
    background: url(../images/blue/buscar.png) no-repeat;
    background-size: contain;
}
#nuevareceta{
    background: url(../images/blue/nuevareceta.png) no-repeat;
    background-size: contain;
}
#edocuenta{
    background: url(../images/blue/edocuenta.png) no-repeat;
    background-size: contain;
}
#marcartodos{
    background: url(../images/blue/marcar.png) no-repeat;
    background-size: contain;
}
#desmarcartodos{
    background: url(../images/blue/desmarcar.png) no-repeat;
    background-size: contain;
}
#depurar{
    background: url(../images/blue/depurar.png) no-repeat;
    background-size: contain;
}
#asigconjunto{
    background: url(../images/blue/asigconjunto.png) no-repeat;
    background-size: contain;
}
#facturar{
    background: url(../images/blue/facturar.png) no-repeat;
    background-size: contain;
}
#cancelar{
    background: url(../images/blue/cancelar.png) no-repeat;
    background-size: contain;
}
#cobrar{
    background: url(../images/blue/cobrar.png) no-repeat;
    background-size: contain;
}
#descargaexcel{
    background: url(../images/blue/excel.png) no-repeat;
    background-size: contain;
}
#editar{
    background: url(../images/blue/editar.png) no-repeat;
    background-size: contain;
}
#enviar{
    background: url(../images/blue/enviar.png) no-repeat;
    background-size: contain;
}
#guardar{
    background: url(../images/blue/guardar.png) no-repeat;
    background-size: contain;
}
#imprimir{
    background: url(../images/blue/imprimir.png) no-repeat;
    background-size: contain;
}
#mermar{
    background: url(../images/blue/mermar.png) no-repeat;
    background-size: contain;
}
#nuevo{
    background: url(../images/blue/nuevo.png) no-repeat;
    background-size: contain;
}
#recepcion{
    background: url(../images/blue/recepcion.png) no-repeat;
    background-size: contain;
}
#atras{
    background: url(../images/blue/atras.png) no-repeat;
    background-size: contain;
}
#regresar{
    background: url(../images/blue/regresar.png) no-repeat;
    background-size: contain;
}
#adelante{
    background: url(../images/blue/adelante.png) no-repeat;
    background-size: contain;
}
#abrircaja{
    background: url(../images/blue/abrircaja.png) no-repeat;
    background-size: contain;
}
#cerrarcaja{
    background: url(../images/blue/cerrarcaja.png) no-repeat;
    background-size: contain;
}
#retiros{
    background: url(../images/blue/retiros.png) no-repeat;
    background-size: contain;
}
#activar{
    background: url(../images/blue/activar.png) no-repeat;
    background-size: contain;
}
#desactivar{
    background: url(../images/blue/desactivar.png) no-repeat;
    background-size: contain;
}
#descuento{
    background: url(../images/blue/descuento.png) no-repeat;
    background-size: contain;
}
#cargo{
    background: url(../images/blue/cargo.png) no-repeat;
    background-size: contain;
}
#aplicarinv{
    background: url(../images/blue/aplicarinv.png) no-repeat;
    background-size: contain;
}
#abonar{
    background: url(../images/blue/abonar.png) no-repeat;
    background-size: contain;
}
#cargar{
    background: url(../images/blue/cargar.png) no-repeat;
    background-size: contain;
}
#edocta{
    background: url(../images/blue/edocta.png) no-repeat;
    background-size: contain;
}
#activarof{
    background: url(../images/blue/activaroferta.png) no-repeat;
    background-size: contain;
}
#apinventario{
    background: url(../images/blue/apinventario.png) no-repeat;
    background-size: contain;
}
#desactivarof{
    background: url(../images/blue/desactivaroferta.png) no-repeat;
    background-size: contain;
}
#detalles{
    background: url(../images/blue/detalles.png) no-repeat;
    background-size: contain;
}
#gastos{
    background: url(../images/blue/gastos.png) no-repeat;
    background-size: contain;
}
#cerrarcajadmin{
    background: url(../images/blue/cerrarcajadmin.png) no-repeat;
    background-size: contain;
}
#buscarprecio{
    background: url(../images/blue/buscarprecio.png) no-repeat;
    background-size: contain;
}
#salir{
    background: url(../images/blue/salir.png) no-repeat;
    background-size: contain;
}
#rapida{
    background: url(../images/blue/altarapida.png) no-repeat;
    background-size: contain;
}
#insertarpago{
    background: url(../images/blue/insertarpago.png) no-repeat;
    background-size: contain;
}
#liquidarpago{
    background: url(../images/blue/liquidarpago.png) no-repeat;
    background-size: contain;
}
#cambpass{
    background: url(../images/blue/cambpass.png) no-repeat;
    background-size: contain;
}
#importarticulo{
    background: url(../images/blue/importar.png) no-repeat;
   background-size: contain;
}
#importexistencia{
    background: url(../images/blue/importar.png) no-repeat;
    background-size: contain;
}
#subircertificado{
    background: url(../images/blue/subircertif.png) no-repeat;
    background-size: contain;
}
#subirllave{
    background: url(../images/blue/subirllave.png) no-repeat;
    background-size: contain;
}
#timbrar{
    background: url(../images/blue/timbrar.png) no-repeat;
    background-size: contain;
}
#previsual{
    background: url(../images/blue/preview.png) no-repeat;
    background-size: contain;
}
#recuperarpass{
    background: url(../images/blue/recuperarpass.png) no-repeat;
    background-size: contain;
}
#descargapdf{
    background: url(../images/blue/pdf.png) no-repeat;
    background-size: contain;
}
#descargaxml{
    background: url(../images/blue/xml.png) no-repeat;
    background-size: contain;
}
#reenviar{
    background: url(../images/blue/reenviar.png) no-repeat;
    background-size: contain;
}
#desactivos{
    background: url(../images/blue/visinactivo.png) no-repeat;
    background-size: contain;
}
#activos{
    background: url(../images/blue/visactivo.png) no-repeat;
    background-size: contain;
}
#tespera{
    background: url(../images/blue/tespera.png) no-repeat;
    background-size: contain;
}
#vincular{
    background: url(../images/blue/vincular.png) no-repeat;
    background-size: contain;
}
#vender{
  background: url(../images/blue/vender.png) no-repeat;
  background-size: contain;
}
#agregar{
  background: url(../images/blue/agregar.png) no-repeat;
  background-size: contain;
}
#agregar-doctor{
  background: url(../images/blue/agregar-doctor.png) no-repeat;
  background-size: contain;
}
#devolucion{
  background: url(../images/blue/devolucion.png) no-repeat;
  background-size: contain;
}
#credito{
  background: url(../images/blue/credito.png) no-repeat;
  background-size: contain;
}
#ldireccion{
  background: url(../images/blue/libretadirecciones.png) no-repeat;
  background-size: contain;
}
#abrirchecador{
  background: url(../images/blue/abrir-checador.png) no-repeat;
  background-size: contain;
}
#confirmar{
  background: url(../images/blue/confirmar.png) no-repeat;
  background-size: contain;
}
#mostrar{
  background: url(../images/blue/mostrar.png) no-repeat;
  background-size: contain;
}
#finalizar{
  background: url(../images/blue/finalizar.png) no-repeat;
  background-size: contain;
}
#apartado{
  background: url(../images/blue/apartado.png) no-repeat;
  background-size: contain;
}
#sacarinv{
  background: url(../images/blue/apinventario.png) no-repeat;
  background-size: contain;
}
#preventa{
  background: url(../images/blue/preventa.png) no-repeat;
  background-size: contain;
}
#preciovta{
  background: url(../images/blue/preciovta.png) no-repeat;
  background-size: contain;
}
#ingresar{
  background: url(../images/blue/ingresar.png) no-repeat;
  background-size: contain;
}
#ayuda{
  background: url(../images/blue/ayuda.png) no-repeat;
  background-size: contain;
}
#servidor{
  background: url(../images/blue/subir.png) no-repeat;
  background-size: contain;
}
/*fin botones*/

#barra{
  padding-top: 0em;
  padding-bottom: 0em;
  padding-left: 0em;
  padding-right: 0em;
}

.barrai{
  border-bottom-right-radius: 1em;
  border-bottom-left-radius: 1em;
}

/*lista*/
.lista table {
  outline: solid 2px #fff;
  color: #000000;
  width: 100%;
  border-collapse:collapse;
}
.lista thead tr {
  width: 100%;
  box-sizing:border-box;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  background-color: rgba(113,170,209,0.3);
  border: solid 2px #fff;
}
.lista thead th, .lista thead td{
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  vertical-align: top;
  font-family: kalinga;
  font-size: 12pt;
  text-align: center;
  font-weight: lighter;
}
.lista tbody th{
  padding:0;
  font-family: kalinga;
  font-size: 11pt;
  text-align: center;
  :white-space: pre-wrap;
  :word-break: break-all;
  :word-wrap: break-word;
}
.lista tbody td{
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  vertical-align: center;
  font-family: kalinga;
  font-size: 11pt;
  text-align: center;
}
.lista tbody td #textmin{
  font-size: 9pt;
}
.lista th{
  height: auto;
  min-height: 4em;
  margin: 0 auto;
  outline: solid 2px #fff;
  box-sizing:border-box;
  background-color: rgba(113,170,209,0.3);
}
.lista td{
  height: auto;
  min-height: 4em;
  margin: 0 auto;
  outline: solid 2px #fff;
  box-sizing:border-box;
  background: rgba(247,247,247,0.9);
  text-align: center;
}
.lista caption,.lista tfoot {
  font-family:georgia, "times new roman", serif;
  font-size:1.3em;
  line-height:2em;
  height:2em;
  padding-right:0.25em;
  text-align:right;
  color:#064356;
  border:1px solid #D7D7D7;
  background:#D7D7D7;
}
.lista tfoot th {
  color:#064356;
  font-weight:normal;
  background:#FFFFFF;
}
.lista tfoot td {
  color:#064356;
  font-weight:bolder;
  background:#FFFFFF;
}
.lista tbody th a {
  text-decoration:none;
  border-right:1em solid rgba(211,229,240,1);
  border-top:0.8em solid rgba(211,229,240,1);
  border-bottom:0.8em solid rgba(211,229,240,1);
  text-align: right;
  padding-right:0.5em;
  float:right;
  font-weight: bolder;
}
.lista tbody tr th a:hover {
  border-right:1em solid #fff;
}

/*Lista con letras pequeñas*/
/*lista*/
.listaf table {
  outline: solid 2px #fff;
  color: #000000;
  width: 100%;
  border-collapse:collapse;
}
.listaf thead tr {
  width: 100%;
  box-sizing:border-box;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  background-color: rgba(113,170,209,0.3);
  border: solid 2px #fff;
}
.listaf thead th, .lista thead td{
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  vertical-align: top;
  font-family: kalinga;
  font-size: 8pt;
  text-align: center;
  font-weight: lighter;
}
.listaf tbody th{
  padding:0;
  font-family: kalinga;
  font-size: 8pt;
  text-align: center;
  :white-space: pre-wrap;
  :word-break: break-all;
  :word-wrap: break-word;
}
.listaf tbody td{
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  vertical-align: center;
  font-family: kalinga;
  font-size: 9pt;
  text-align: center;
}
.listaf tbody td #textmin{
  font-size: 8pt;
}
.listaf th{
  height: auto;
  min-height: 4em;
  margin: 0 auto;
  outline: solid 2px #fff;
  box-sizing:border-box;
  background-color: rgba(113,170,209,0.3);
}
.listaf td{
  height: auto;
  min-height: 4em;
  margin: 0 auto;
  outline: solid 2px #fff;
  box-sizing:border-box;
  background: rgba(247,247,247,0.9);
  text-align: center;
}
.listaf caption,.lista tfoot {
  font-family:georgia, "times new roman", serif;
  font-size:1.1em;
  line-height:2em;
  height:2em;
  padding-right:0.25em;
  text-align:right;
  color:#064356;
  border:1px solid #D7D7D7;
  background:#D7D7D7;
}
.listaf tfoot th {
  color:#064356;
  font-weight:normal;
  background:#FFFFFF;
}
.listaf tfoot td {
  color:#064356;
  font-weight:bolder;
  background:#FFFFFF;
}
.listaf tbody th a {
  text-decoration:none;
  border-right:1em solid rgba(211,229,240,1);
  border-top:0.8em solid rgba(211,229,240,1);
  border-bottom:0.8em solid rgba(211,229,240,1);
  text-align: right;
  padding-right:0.5em;
  float:right;
  font-weight: bolder;
}
.listaf tbody tr th a:hover {
  border-right:1em solid #fff;
}


.listam table {
  outline: solid 2px #fff;
  color: #000000;
  width: 100%;
  border-collapse:collapse;
}
.listam thead tr {
  width: 100%;
  box-sizing:border-box;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  background-color: rgba(113,170,209,0.3);
  border: solid 2px #fff;
}
.listam thead th, .lista thead td{
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  vertical-align: top;
  font-family: kalinga;
  font-size: 10pt;
  text-align: center;
  font-weight: lighter;
}
.listam tbody th{  
  padding:0;
  font-family: kalinga;
  font-size: 9pt;
  text-align: center;
  overflow: auto;
  :white-space: pre-wrap;
  :word-break: break-all;
  :word-wrap: break-word;
}
.listam tbody td{
  padding-top: 0.0em;
  padding-bottom: 0.0em;
  padding-left: 1em;
  padding-right: 1em;
  vertical-align: center;
  font-family: kalinga;
  font-size: 9pt;
  text-align: center;
}
.listam tbody td #textmin{
  font-size: 9pt;
}
.listam th{
  height: auto;
  min-height: 4em;
  margin: 0 auto;
  outline: solid 2px #fff;
  box-sizing:border-box;
  background-color: rgba(113,170,209,0.3);
}
.listam td{
  height: auto;
  min-height: 4em;
  margin: 0 auto;
  outline: solid 2px #fff;
  box-sizing:border-box;
  background: rgba(247,247,247,0.9);
  text-align: center;
}
.listam caption,.lista tfoot {
  font-family:georgia, "times new roman", serif;
  font-size:1.1em;
  line-height:2em;
  height:2em;
  padding-right:0.25em;
  text-align:right;
  color:#064356;
  border:1px solid #D7D7D7;
  background:#D7D7D7;
}
.listam tfoot th {
  color:#064356;
  font-weight:normal;
  background:#FFFFFF;
}
.listam tfoot td {
  color:#064356;
  font-weight:bolder;
  background:#FFFFFF;
}
.listam tbody th a {
  text-decoration:none;
  border-right:1em solid rgba(211,229,240,1);
  border-top:0.8em solid rgba(211,229,240,1);
  border-bottom:0.8em solid rgba(211,229,240,1);
  text-align: right;
  padding-right:0.5em;
  float:right;
  font-weight: bolder;
}
.listam tbody tr th a:hover {
  border-right:1em solid #fff;
}

/*listasel*/
.listasel table {
  outline: solid 2px #fff;
  color: #000000;
  width: 100%;
  border-collapse:collapse;
  overflow: auto;
}
.listasel thead tr {
  width: 100%;
  box-sizing:border-box;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  background-color: rgba(113,170,209,0.3);
  border: solid 2px #fff;
}
.listasel thead th, .listasel thead td{
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  vertical-align: top;
  font-family: kalinga;
  font-size: 12pt;
  text-align: center;
  font-weight: lighter;
}
.listasel tbody th{
  padding:0;
  font-family: kalinga;
  font-size: 11pt;
  text-align: center;
  :white-space: pre-wrap;
  :word-break: break-all;
  :word-wrap: break-word;
}
.listasel tbody td{
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  vertical-align: center;
  font-family: kalinga;
  font-size: 11pt;
  text-align: center;
}
.listasel th{
  height: auto;
  min-height: 4em;
  margin: 0 auto;
  outline: solid 2px #fff;
  box-sizing:border-box;
  background-color: rgba(113,170,209,0.3);
}
.listasel td{
  height: auto;
  min-height: 4em;
  margin: 0 auto;
  outline: solid 2px #fff;
  box-sizing:border-box;
  background: rgba(247,247,247,0.9);
  text-align: center;
}
.listasel caption,.listasel tfoot {
  font-family:georgia, "times new roman", serif;
  font-size:1.3em;
  line-height:2em;
  height:2em;
  padding-right:0.25em;
  text-align:right;
  color:#064356;
  border:1px solid #D7D7D7;
  background:#D7D7D7;
}
.listasel tfoot th {
  color:#064356;
  font-weight:normal;
  background:#FFFFFF;
}
.listasel tfoot td {
  color:#064356;
  font-weight:bolder;
  background:#FFFFFF;
}
.listasel tbody th a {
  text-decoration:none;
  border-right:1em solid rgba(211,229,240,1);
  border-top:0.8em solid rgba(211,229,240,1);
  border-bottom:0.8em solid rgba(211,229,240,1);
  text-align: right;
  padding-right:0.5em;
  float:right;
  font-weight: bolder;
}
.listasel tbody tr th a:hover {
  border-right:1em solid #fff;
}
.listasel tr:hover{
    background: #367DA6;
}

/*fin listasel*/

.botont{
  width: 6em;
  height: 2.2em;
  margin-right: 0.1em;
  cursor: pointer;
  border: transparent;
  vertical-align: middle;
  opacity: 0.8;
}
.botont:hover
{
  opacity: 1;
}
/*fin lista*/

#encabezado{
  height: auto;
  min-height: 4em;
  margin: 0 auto;
  outline: solid 2px #fff;
  box-sizing:border-box;
  background-color: rgba(62, 141, 193, 1);
}

/*listaf*/
.listaf table {
  outline: solid 2px #fff;
  color: #000000;
  width: 100%;
  border-collapse:collapse;
}
.listaf thead tr {
  width: 100%;
  box-sizing:border-box;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  border: solid 2px #fff;
}
.listaf thead th, .listaf thead td{
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  vertical-align: top;
  font-family: kalinga;
  font-size: 12pt;
  text-align: center;
  font-weight: lighter;
}
.listaf tbody th{
  padding:0;
  font-family: kalinga;
  font-size: 11pt;
  text-align: center;
}
.listaf tbody td{
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  vertical-align: center;
  font-family: kalinga;
  font-size: 11pt;
  text-align: center;
}
.listaf th{
  height: auto;
  min-height: 4em;
  margin: 0 auto;
  outline: solid 2px #fff;
  box-sizing:border-box;
}
.listaf td{
  height: auto;
  min-height: 4em;
  margin: 0 auto;
  outline: solid 2px #fff;
  box-sizing:border-box;
  text-align: center;
}
.listaf tbody tr td a {
  line-height: 18pt;
  text-decoration: none;
}
.listaf tbody tr td a:hover {
  color: #CC0000;
  font-size: 16pt;
}

/*CSS antiguo*/

#vinculos{
    padding-left:50px;
    border-bottom: solid 3px #7599AF;
}
#vinculos a{
    padding: 0 20px 0 20px;
    border-right: 1px solid #7599AF;
}

/*tooltipabono para clientes abono*/
#tooltipabono { position: relative; }
#tooltipabono a span { display: none; color: #FFFFFF; }
#tooltipabono a:hover span { display: block; position: absolute  ; width: 350; height: 100%; left: 100px; top: -10px; color: #FFFFFF; padding: 0 5px;  z-index: 1}

/*tooltip sugerencia de ventas*/

/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
  position: relative;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition:
      opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition:
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition:
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform:    translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
  z-index: 1000;
  padding: 8px;
  width: 160px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  font-size: 14px;
  line-height: 1.2;
}

/* Directions */

/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
  bottom: 100%;
  left: 50%;
}

[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
  margin-left: -6px;
  margin-bottom: -12px;
  border-top-color: #000;
  border-top-color: hsla(0, 0%, 20%, 0.9);
}

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
  margin-left: -80px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
  -webkit-transform: translateY(-12px);
  -moz-transform:    translateY(-12px);
  transform:         translateY(-12px);
}

/* Left */
.tooltip-left:before,
.tooltip-left:after {
  right: 100%;
  bottom: 50%;
  left: auto;
}

.tooltip-left:before {
  margin-left: 0;
  margin-right: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-left-color: #000;
  border-left-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-left:hover:before,
.tooltip-left:hover:after,
.tooltip-left:focus:before,
.tooltip-left:focus:after {
  -webkit-transform: translateX(-12px);
  -moz-transform:    translateX(-12px);
  transform:         translateX(-12px);
}

/* Bottom */
.tooltip-bottom:before,
.tooltip-bottom:after {
  top: 100%;
  bottom: auto;
  left: 50%;
}

.tooltip-bottom:before {
  margin-top: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-bottom-color: #000;
  border-bottom-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
  -webkit-transform: translateY(12px);
  -moz-transform:    translateY(12px);
  transform:         translateY(12px);
}

/* Right */
.tooltip-right:before,
.tooltip-right:after {
  bottom: 50%;
  left: 100%;
}

.tooltip-right:before {
  margin-bottom: 0;
  margin-left: -12px;
  border-top-color: transparent;
  border-right-color: #000;
  border-right-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after {
  -webkit-transform: translateX(12px);
  -moz-transform:    translateX(12px);
  transform:         translateX(12px);
}

/* Move directional arrows down a bit for left/right tooltips */
.tooltip-left:before,
.tooltip-right:before {
  top: 3px;
}

/* Vertically center tooltip content for left/right tooltips */
.tooltip-left:after,
.tooltip-right:after {
  margin-left: 0;
  margin-bottom: 20px;
}

/*fin tooltip*/

/* auto completado */
.suggestion_list{
    background: #FFFFFF;
    border: 1px solid;
    padding: 4px;
}

.suggestion_list ul{
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.suggestion_list a{
    text-decoration: none;
    color: #000000;
    background: #FFFFFF;
}

.suggestion_list .selected{
    color: #000000;
}

.suggestion_list .selected a{
    color: #BDBDBD;
}

#autosuggest{
    display: none;
    color:#000000;
    border:#999 solid 1px;
    width:135px;
    height:auto;
    background:#FFFFFF;
}
#mtotal{
  background-color: rgba(113,170,209,0.3);
  font-size:20;
}
#mcobro{
  background-color: rgba(113,170,209,0.3);
  font-size:15;
}

.acciones{
    width:30px;
    height:30px;
}
.acciones:hover{
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
}



/*Slider TAE*/

.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.5em;
	height: 1.5em;
	cursor: default;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius:50%;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
	-ms-touch-action: none;
	touch-action: none;
}

.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: 1em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}



.ui-widget-header {

	background: #3E8DC1;
	color: #3E8DC1;
	font-weight: bold;
}



.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #30A6FF;
	font-weight: normal;
	color: #555555;
}
/* Botones pantalla touch */
#btn{
  background: #6bb5da;
  background-image: -webkit-linear-gradient(top, #6bb5da, #3399cc);
  background-image: -moz-linear-gradient(top, #6bb5da, #3399cc);
  background-image: -ms-linear-gradient(top, #6bb5da, #3399cc);
  background-image: -o-linear-gradient(top, #6bb5da, #3399cc);
  background-image: linear-gradient(to bottom, #6bb5da, #3399cc);
  border-radius: 44px 44px 44px 44px;
  -moz-border-radius: 44px 44px 44px 44px;
  -webkit-border-radius: 44px 44px 44px 44px;
  margin: 10px 10px 10px 10px;

  font-family: Arial;
  color: #ffffff;
  font-size: 18px;
  text-shadow: 0 0 3px #000000, 0 0 5px #000000, 0 0 10px #000000;
  text-align: center;
  text-decoration: none;
  white-space: normal;

  width: 100%;
  height: 3.5em;
  border: none;
}
#btn:hover{
  cursor: pointer;
}

#btn2{
  background: #6bb5da;
  background-image: -webkit-linear-gradient(top, #6bb5da, #3399cc);
  background-image: -moz-linear-gradient(top, #6bb5da, #3399cc);
  background-image: -ms-linear-gradient(top, #6bb5da, #3399cc);
  background-image: -o-linear-gradient(top, #6bb5da, #3399cc);
  background-image: linear-gradient(to bottom, #6bb5da, #3399cc);

  :-webkit-border-radius: 28;
  :-moz-border-radius: 28;
  :border-radius: 28px;

  font-family: Arial;
  color: #ffffff;
  font-size: 18px;
  text-shadow: 0 0 3px #000000, 0 0 5px #000000, 0 0 10px #000000;
  text-decoration: none;
  white-space: normal;
  :word-break: break-all;


  border: none;
  width: 100%;
  height: 3.5em;
}

#btnc{
  background: #6bb5da;
  background-image: -webkit-linear-gradient(top, #6bb5da, #3399cc);
  background-image: -moz-linear-gradient(top, #6bb5da, #3399cc);
  background-image: -ms-linear-gradient(top, #6bb5da, #3399cc);
  background-image: -o-linear-gradient(top, #6bb5da, #3399cc);
  background-image: linear-gradient(to bottom, #6bb5da, #3399cc);

  font-family: Arial;
  color: #ffffff;
  font-size: 18px;
  text-shadow: 0 0 3px #000000, 0 0 5px #000000, 0 0 10px #000000;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  word-break: break-all;

  width: 100%;
  height: 3.5em;
  border: none;
}

#btn3{
  background: #6bb5da;
  background-image: -webkit-linear-gradient(top, #6bb5da, #3399cc);
  background-image: -moz-linear-gradient(top, #6bb5da, #3399cc);
  background-image: -ms-linear-gradient(top, #6bb5da, #3399cc);
  background-image: -o-linear-gradient(top, #6bb5da, #3399cc);
  background-image: linear-gradient(to bottom, #6bb5da, #3399cc);
  font-family: Arial;
  color: #ffffff;
  font-size: 22px;
  padding: 1em 0em 1em 0em;
  text-shadow: 0 0 3px #000000, 0 0 5px #000000, 0 0 10px #000000;
  box-sizing: border-box;
  text-decoration: none;
  border: none;
  width: 100%;
  white-space: normal;
}
#btn4{
  background: #6bb5da;
  background-image: -webkit-linear-gradient(top, #6bb5da, #3399cc);
  background-image: -moz-linear-gradient(top, #6bb5da, #3399cc);
  background-image: -ms-linear-gradient(top, #6bb5da, #3399cc);
  background-image: -o-linear-gradient(top, #6bb5da, #3399cc);
  background-image: linear-gradient(to bottom, #6bb5da, #3399cc);
  font-family: Arial;
  color: #ffffff;
  font-size: 22px;
  text-shadow: 0 0 3px #000000, 0 0 5px #000000, 0 0 10px #000000;
  padding: 1em 0em 1em 0em;
  box-sizing: border-box;
  text-decoration: none;
  border: none;
  width: 90%;
  white-space: normal;
  text-align: center;
}
#container-main{
    margin:10px auto;
    width:100%;
    min-width:20px;
    max-width:1260px;
}

#container-main h1{
    font-size: 49px;
    text-shadow:4px 4px 5px #16a085;
}

.accordion-container {
    width: 100%;
    margin: 0 0 20px;
    text-align: center;
    float:right;
}

.accordion-titulo {
    position: relative;
    display: block;
    padding: 10px;
    font-family: kalinga;
    font-size: 15px;
    font-weight: 300;
    background-color: #ADE4DD;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    border: solid #757575 0px;
    -webkit-border-radius: 5;
    -moz-border-radius: 5;


}
.accordion-titulor {
  position: relative;
    display: block;
    padding: 10px;
    font-family: kalinga;
    font-size: 15px;
    font-weight: 300;
    text-decoration: none;
    border-radius: 5px;
    border: solid #757575 0px;
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
   background: #7FCDC0;
    color: #fff;
}
.accordion-titulo:hover {
   background-color: #7FCDC0;
   color: #fff;
}

.accordion-titulo span.toggle-icon:before {

}

.accordion-titulo.open span.toggle-icon:before {

}

.accordion-titulo span.toggle-icon {
    position: absolute;
    top: 0px;
    right: 20px;
    font-family: kalinga;
    font-size: 30px;
    font-weight:bold;
}

.accordion-content {
    display: none;
    padding: 20px;
    overflow: auto;
    font-family: kalinga;
    background: #F9F9F9;
    font-size: 11pt;
}

.accordion-content p{
    margin:0;
}

.accordion-content img {
    display: block;
    float: left;
    margin: 0 15px 10px 0;
    width: 50%;
    height: auto;
}


@media (max-width: 767px) {
    .accordion-content {
        padding: 10px 0;
    }
/* Botones pantalla touch */