/* cámbiar colores de navegador principal*/
.mdl-layout__header {
  background-color: black; /* black */
  background-color: #444546; /* dark */
  /* background-color: #545962;*/ /* mid */
  
}
/* carta productos*/
.demo-card-square.mdl-card {
  width: 100%;
  height: 100%;
}
.demo-card-square > .mdl-card__title {
  color: rgb(56, 54, 54);
 
}

/* carta full*/
.demo-card-wide.mdl-card {
  width: 100%;
}
.demo-card-wide > .mdl-card__title {
  color: #e4007c;
  height: 400px;
  background: url('../images/img/provedores.png') center / cover;
}
.demo-card-wide > .mdl-card__menu {
  color: #fff;
}

/* carta mediana 1*/
.demo-card-median1.mdl-card {
  width:  100%;
}
.demo-card-median1 > .mdl-card__title {
  color: #fff;
  height: 176px;
  background: url('../images/img/cctv.png') center / cover;
}
.demo-card-median1 > .mdl-card__menu {
  color: #fff;
}

/* carta mediana 2*/
.demo-card-median2.mdl-card {
  width:  100%;
}
.demo-card-median2 > .mdl-card__title {
  color: #fff;
  height: 176px;
  background: url('../images/img/datos.png') center / cover;
}
.demo-card-median2 > .mdl-card__menu {
  color: #fff;
}

/* carta mediana 3*/
.demo-card-median3.mdl-card {
  width:  100%;
}
.demo-card-median3 > .mdl-card__title {
  color: #fff;
  height: 176px;
  background: url('../images/img/productos.png') center / cover;
}
.demo-card-median3 > .mdl-card__menu {
  color: #fff;
}



/* estilos */
#whitef{color: ;background:#FFFFFF;}
#estilo2{color:red;background:blue;}


/* lista demo */
.demo-list-control {
    width: 300px;
  }
  
  .demo-list-radio {
    display: inline;
  }
  /* lista demo  simple*/
  .demo-list-item {
    width: 300px;
 }
/* centrar imagenes */
.contenido-center{
    display: block;
    margin-left: auto;
    margin-right: auto;
    border:none; 
}

    /* Medidas edidas */
 /* anchuras*/
#anc1 { width: 200px; }
#alt1 { height: 10px; }

.container-busqueda{
    width: 100%;
    height: 150px;

}
 /*  sub-menu izquierdo  */

 #submenu{
  margin-top: 0;
  padding-top:0;
  display:none;
}
#submenu .mdl-navigation__link{
  padding-left: 50px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.nl-icon{
  vertical-align: middle;
  font-size: 1em;
}
.js-remove{
  display: none;
}

/*  lista producto */
.listp {
  width: auto;
  list-style: none;
}

/* contenedor de filtrado de productos */

.filterDiv {
  float: left;
  
  display: none;
}

.show {
  display: block;
}

.container {
  margin-top: 20px;
  overflow: hidden;
}

/* Style the buttons */
.btn {
  border: none;
  outline: none;
  padding: 12px 16px;
  background-color: #f1f1f1;
  cursor: pointer;
}

.btn:hover {
  background-color: #ddd;
}

.btn.active {
  background-color: #666;
  color: white;
}

/* para ocultar texto de contenedor de busqueda */
.ocultart
{
  background:none;
  height: 477px;
  overflow: hidden;
  width: auto;
}