#content {
  /*pone borde de 1 px*/
  /*border: 1px solid #eee;*/
  /*separamos de arriba 30px*/
  margin: 0px;
  background-color: white;
  /*redondea los bordes del div*/
  /*border-radius: 2px;*/
  /*pone sombra*/
  /*el primero px derefchos el segundo son los px de abajo el ante-ultimo es la difuminacion que tendra, el ultimo es el color */
  box-shadow: 0px 2px 5px #ccc;
  /*quita los bordes que quedan en el titulo de productos angular*/
  padding: 0px;
  /*contenido que superael borde de la capa quedando invisibles el resto de los contenidos.*/
  overflow: hidden;
}
.fondo-texturado {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("../../assets/images/bg_pantalla_inicio.png");
}


/*estilo del header*/
#header {
  /*background-color: rgba(223, 223, 223, 0.53);*/
  background-image: url('../../assets/images/bg_barra_superior_menu_trackphone_admin.png');
  color: #010101;
  margin: 0px;
  /*le da altura al header*/
  height: 102px;
  width: 100%;
  /*ine-height: 90px;*/
  background-size: 100% 100%;
  z-index: 5000;
}
.mapa-header {
  background-image: url('../../assets/images/bg_barra_superior_menu_trackphone_admin.png');
}

.logo-header {
  display:flex;
  background-image: url('../../assets/images/logo_trackphone_admin_barra_superior.png');
  background-color: transparent;
  width: 400px;
  height: 75px;
  background-size: 100% 100%;
  left: -40px;
  top: 8px;
  position: fixed;
}


/*modifica el h1 que está dentro del header*/
/*#header h1 {*/
  /*display: block;*/
  /*acomoda el alineado vertical en base a header*/
  /*line-height: 90px;*/
  /*font-weight: bold;*/
  /*font-size: 40px;*/
/*}*/

#nav {
  /*quitamos margenes y ponemos color de fondo rojo clarito*/
  /*padding: 0px;*/
  /*margin: 0px;*/
  background: rgba(224, 49, 55, 0.67);
  display: block;
}

#nav ul {
  margin: 0px;
  /*quitamos estilos a las listas*/
  list-style: none;
  /*le quitamos padding al ul*/
  padding-left: 20px;
}



#nav ul li {
  /*movemos los li uno al lado del otro*/
  float: left;
  /*ponemos un margen de 20px hacia la derecha en los li*/
  margin-right: 20px;
}

#nav ul li a {
  /*block: hace que el comportamiento del elemento sea como un bloque.*/
  display: block;
  /*cambia el color de los links a blanco*/
  color: white;
  /*lo subimos */
  height: 30px;
  /*acomodamos el texto del nav para que no quede tan arriba*/
  line-height: 30px;
  /*padding lateral */
  padding-left: 10px;
  padding-right: 10px;
  /*efecto de transition*/
  transition: all 300ms;

}

/*quitamos el subrayado al a*/
#nav ul li a:hover {
  text-decoration: none;
  /*ponemos color del fondo al pasarle con el mouse por encima*/
  background-color: #E03137;
}

/*Regla para editar el main del app.component.html*/
/*//esto modifica main para dejar mas bonito el home.*/
#main .jumbotron {
  padding: 50px;
  margin-top: 30px;
  border-radius: 50px;
}

.activado {
  text-decoration: none !important;
  background: #E03137 !important;
  border-bottom: 4px solid #313131 !important;
}

#footer {
  margin-top: 50px;
  padding-top: 15px;
  border-top: 1px solid #eee;
  /*cambiamos color de letra*/
  color: gray;
}
/*modificamos los labels*/
#form-producto-add label{
  margin-top: 10px;
  }
.producto_imagen{
  /*width: 100%;*/
  height: 200px;
  margin: 0px auto;
  display: block;

}

.imgen-relleno{
  width: 100%;
  height: 200px;
  max-height: 200px;
}

.producto_imagen{
  max-width: 100%;
  overflow: hidden;
  }


.div-formulario {
  border: 0px solid #bcbcbc;
  padding: 0px;
  width: 100%;

}
.div-moviles-titulares {
  width: 137px;
  right: 9px;
  top: 72px;
  position: absolute;
}