@charset "UTF-8";
body, td, th {
  font-family: Lato, Lato Black, Lato Hairline, Lato Light;
  font-size: 12px; }

body {
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  background-image: url(../images/bkg_gral.png);
  width: 100%;
  height: 100%;
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto; }

/** CENTRA CONTENIDO VERTICALMENTE DENTRO DE DIVS ***/
.CentraVertical, .divFiltroCelda, .divTabsCelda {
  /* Internet Explorer 10 */
  display: -ms-flexbox;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  /* Firefox */
  display: -moz-box;
  -moz-box-pack: center;
  -moz-box-align: center;
  /* Safari, Opera, and Chrome */
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  /* W3C */
  display: box;
  box-pack: center;
  box-align: center; }

.menulink {
  font-size: 14px;
  color: #333333;
  font-weight: bold; }

.menuseccionlink {
  color: #333333;
  font-size: 18px; }

.tituloforma {
  color: #FFFFFF;
  font-size: 24px;
  text-align: left; }

.boton {
  color: #FFFFFF;
  font-size: 16px; }

.boton a:link {
  color: #fff;
  font-size: 16px; }

.boton a:visited {
  color: #fff;
  font-size: 16px; }

.boton a:hover {
  color: #000; }

.etiqueta {
  font-size: 11px;
  color: #333333;
  font-weight: bold; }

.tabforma {
  font-size: 9px;
  color: #DA251D;
  font-weight: bold; }

.tabforma a:link {
  font-size: 9px;
  color: #DA251D;
  font-weight: bold; }

.tabforma a:visited {
  font-size: 9px;
  color: #DA251D;
  font-weight: bold; }

.tabforma a:hover {
  font-size: 9px;
  color: #333;
  font-weight: bold; }

a:link {
  color: #333333;
  text-decoration: none; }

a:visited {
  color: #333333;
  text-decoration: none; }

a:hover {
  color: #DA251D;
  text-decoration: none; }

a:active {
  color: #333333;
  text-decoration: none; }

.BodyContainer {
  text-align: center; }

.DivLogo {
  text-align: left; }

.DivContent {
  /*
  float: left;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
  height: 50%;    
  */
  display: table-cell;
  width: auto;
  vertical-align: top;
  padding: 0px 0px 0px 20px; }

.encabezadotabla {
  width: 100%; }

.menutop {
  width: 100%;
  /*max-width: 518px;*/
  padding: 0px;
  border-spacing: 0;
  border-collapse: collapse; }

.menutop2 {
  width: 100%;
  padding: 0px;
  border-spacing: 0;
  border-collapse: collapse; }

.menutop2 th {
  width: 20%;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px; }

.container {
  position: relative;
  margin: 0px auto;
  padding: 0px;
  width: 105%;
  height: 220px;
  overflow: hidden; }

.menusecciones {
  width: 100%;
  text-align: left; }

.menusecciones th {
  height: 34px; }

.DivInfoTable {
  display: table;
  width: auto; }

.DivInfoRow {
  display: table-row;
  width: auto;
  clear: both; }

.DivMenuSecciones {
  background-image: url(../images/bkg_gral.png);
  /*background-color:$colorFondoForma;*/
  display: table-cell;
  float: left;
  min-width: 220px;
  /* Encender estos cuando el men\u00fa se quiera esconder: */
  left: -230px;
  top: 111px;
  height: auto;
  position: fixed;
  z-index: 100; }

.DivMenuSeccionesIcono {
  display: inline;
  cursor: pointer; }

.ContenidoForma {
  width: 100%;
  height: 100%;
  margin: 10px 10px 0px 0px; }

.DivFormaTabla {
  display: table;
  width: auto; }

.DivFormaRenglon {
  display: table-row;
  width: 100%;
  clear: both;
  text-align: center; }

.DivFormaGrupo {
  display: table-column;
  float: left;
  /*display: inline-block;*/
  width: auto;
  background-color: white;
  border: 10px solid #DEDEDD;
  padding: 5px;
  border-collapse: separate;
  text-align: left;
  	border: 1px solid #ccc;
    border-radius: 5px;

   }

.DivFormaListado {
  width: auto;
  min-width: 200px;
  display: table-column;
  float: left;
  /*display: inline-block;*/
  background-color: white;
  margin: 10px;
  padding: 5px;
  border-collapse: separate;
  text-align: left; }

.DivFormaListadoBotones {
  width: 222px;
  display: table-column;
  float: right;
  /*display: inline-block;*/
  /*background-color: yellow;*/
  margin: 10px;
  padding: 5px;
  border-collapse: separate;
  text-align: left; }

.DivFormaGrupoContenido {
  margin-top: 5px;
  margin-left: 10px; }

.scroll-visible.ps-container > .ps-scrollbar-x-rail,
.scroll-visible.ps-container > .ps-scrollbar-y-rail {
  opacity: 1; }

.CerrarMenu {
  background-color: #DA251D;
  text-align: right;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  color: #cccccc;
  padding: 5px; }

.CerrarMenu:hover {
  color: white; }

.TablaFiltro2 {
  width: 100%; }

.TablaFiltro2 td {
  white-space: nowrap; }

.TablaFiltro2 input {
  width: 100%;
  min-width: 10px; }

.divFiltroTabla {
  display: table;
  width: 100%;
  height: 100%; }

.divFiltroRenglon {
  display: table-row;
  clear: both;
  height: 100%; }

.divFiltroCelda {
  float: left;
  /*display:table-column;    */
  width: auto;
  padding-left: 10px;
  height: 25px; }

.divTabsTabla {
  display: table;
  width: 100%;
  height: 100%; }

.divTabsRenglon {
  display: table-row;
  clear: both;
  height: 100%; }

.divTabsCelda {
  float: left;
  /*display:table-column;    */
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
  height: 15px; }
 .FiltroCampo input {
	 width:100%;
	 size:100px;
 }
/* EJEMPLO DE TABLA CON DIVS */
.divTable {
  display: table;
  width: auto;
  background-color: #eee;
  border: 1px solid  #666666;
  border-spacing: 5px;
  /*cellspacing:poor IE support for  this*/ }

.divRow {
  display: table-row;
  width: auto;
  clear: both; }

.divCell {
  float: left;
  display: table-column;
  width: 200px;
  background-color: #ccc; }

.SeccionLink {
  color: #333333;
  font-size: 18px;
  cursor: pointer; }

.SeccionLink:hover {
  color: #DA251D; }

.empresa {
  font-size: 13px;
  color: #28166F;
  font-weight: bold;
  float: right;
  margin-top: 10PX; }

.sucursal {
  font-size: 10px;
  color: #DA251D;
  font-weight: bold; }

.image-button {
  background: transparent url(../images/base_boton.png) no-repeat top left;
  padding-left: 10px;
  height: 18px;
  width: 80px;
  border: 0px;
  font-family: Lato, Lato Black, Lato Hairline, Lato Light, Arial;
  font-weight: bold; }

.image-button:hover {
  color: #DA251D; }

table.TablaCatalogo {
  border: 0px solid #666;
  text-align: center;
  padding: 0px;
  border-spacing: 0px;
  width: 100%; }

table.TablaCatalogo tbody td {
  border: 1px solid #ccc;
  font-size: 11px;
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0px 2px;
  margin: 2px; }

table.TablaCatalogo tbody tR {
  background-color: #EFEFFF;
  cursor: pointer; }

table.TablaCatalogo tbody tR:hover {
  background-color: #FFFFFF; }

table.TablaCatalogo tH {
  font-size: 11px;
  font-weight: bold;
  color: #EFEFFF;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #da251d; }

table.TablaCatalogo a {
  font-size: 11px;
  font-weight: bold;
  color: #EFEFFF;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #da251d;
  padding: 0px 5px; }

table.TablaCatalogo td {
  max-width: 500px; }

table.TablaCatalogo td.last {
  width: 1px;
  white-space: nowrap; }

.ListadoFrame {
  width: 100%;
  height: 100%;
   }

.Loading {
  background-color: #fff;
  top: 50%;
  left: 50%;
  margin-top: -35px;
  margin-left: -75px;
  width: 150px;
  height: 70px;
  position: fixed;
  display: none;
  text-align: center;
  border: 1px solid #AAAAAA; }

.button {
  -webkit-border-radius: 60;
  -moz-border-radius: 60;
  border-radius: 60px;
  font-family: Arial;
  color: #ddd;
  font-size: 10px;
  background: #da251d;
  padding: 5px 10px 5px 10px;
  border: solid #ccc 1px;
  text-decoration: none;
  cursor: pointer; }

.button:hover {
  background: #da251d;
  text-decoration: none;
  border: solid #fff 1px;
  color: #ffffff; }

.button:active {
 /*
border-top-color: #1b435e;
background: #1b435e;
 */ }

/*# sourceMappingURL=abc_chico.css.map */

/**agregado a mano por sofia agregar a sass*/
.login{
    background: white;
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
	height:80%;
	width:80%;
}

input  
{ 
border-radius: 6px;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;

}

select
{ 
border-radius: 6px;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
}
#qsrxSearchbar{
    width: auto;
    overflow: hidden;
	 padding-left: 10px;
  height: 25px; 
}
#qsrxSearchbar input {
    width: 98%;
	min-width:10px;
}
.uncuarto 
{
	width: 70px;	
  min-width: 10px;
}
.doscuartos 
{
	width: auto;
  min-width: 10px;
}
.trescuartos
{
	width: auto;
  min-width: 10px;
}
.cuatrocuartos 
{
	width: auto;
  min-width: 10px;	
}
.sucursal2
{
	width: 100%;
  min-width: 10px;
}
.catalog_list_header
{
	text-align:left;	
    min-width: 10px;
}
.atributos
{
	overflow:auto;
	height: 188px;
	width: 100%;
  	min-width: 10px;
}
.areatexto{
	width:100%;
	 min-width: 10em;
}
.areatexto2{
	width:50%;
	min-width: 10em;
	height: 4em;
}
.botondesabilitado {
  color: #999;
  font-size: 16px; 
  pointer-events: none !important;
  cursor: default;
  }

.botondesabilitado a {
  color: #999;
  font-size: 16px; 
  pointer-events: none !important;
  cursor: default;
  }


.boton2 {
  color: #FFFFFF;
  font-size: 10px; }

.boton2 a:link {
  color: #fff;
  font-size: 10px; }

.boton2 a:visited {
  color: #fff;
  font-size: 10px; }

.boton2 a:hover {
  color: #000; }
.lineas
{
	 display: table-column;
  float: left;
  /*display: inline-block;*/
  width: auto;
  min-width:150px;
  height: 188px;
  background-color: white;
  margin: 15px;
  padding:10px;
  border-collapse: separate;
  text-align: left; 
	border: 1px solid #ccc;
    border-radius: 5px;
	}

.promociones
{
	overflow:auto;
	height: 68px;
	min-width:150px;
	
}
textarea {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
a.liga {
  font-size: 12px;
  color: #DA251D;
  font-weight: bold; }
  .hide {
display:none;
}