@font-face {
  font-family: 'Oswald';
  src: url(../fonts/Oswald.ttf);
  font-weight: 300, 400;
  font-style: normal
}

@font-face {
  font-family: 'Lato';
  src: url(../fonts/Lato.ttf);
  font-weight: 300, 400;
  font-style: normal
}

*{
  font-family: 'Oswald', sans-serif;
}

.lista-titulo{
  font-weight: 400;
  width: 250px;
  margin: auto;
}

#google_translate_element,.skiptranslate{display:none !important;}

body{
  top:0 !important;
}

.p-tallas {
  display: inline
}

.p-tallas>h3 {
  width: 50%
}

.btn-gtalla {
    border: 5px solid #e24647;
    border-radius: 10px;
    padding: 5px;
    color: #000;
    font-weight: 700
}

.table-gt tr {
  text-align: center !important
}

.img-gt {
  width: 400px
}

.body-gt {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99999;
  opacity: 0;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  pointer-events: none;
  overflow: auto
}

.row-gt {
  position: relative
}

.body-gt:target {
  opacity: 1;
  pointer-events: auto
}

.table-gt td {
  border: 0 solid
}

.body-gt>div {
  width: 100%;
  height: 100%;
  position: relative;
  margin: auto;
  padding: 5px 20px 13px;
  border: 4px solid black;
  background: #fff
}

.cerrar-gt {
    background: #b70f0f;
    z-index: 999;
    color: #FFF;
    line-height: 29px;
    PADDING: 10PX;
    position: absolute;
    right: 10PX;
    FONT-SIZE: 1.6EM;
    text-align: center;
    top: 10px;
    /* width: 90px; */
    text-decoration: none;
    font-weight: 700;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    /* -webkit-box-shadow: 1px 1px 3px #000; */
    /* box-shadow: 1px 1px 3px #000; */
}

.cerrar-gt:hover {
  background: #d04013;
}

/* ----------------------- */

.lista-tallas{
  width: 50%;
  float: left;
  text-align: center;
}

.img-prod{
	width: 50%;
	float: left;
}

.img-prod img{
	width: 50%;
	float: left;
}

.btn-talla{
	border: 3px solid black;
	margin: 5px;
	font-weight: bold;
	font-size: 1.3em;
}

.seleccion-talla{
	background: #28a745 !important;
	color: black;
}

ul{
	list-style: none;
}

li input{
	margin-right: 5px;
}

#contenedor{
	width: 80%;
	height: 100%;
	float: right;
	margin: auto;
	text-align: center;
	margin-right: 30px;
}

.producto{
	width: 20%;	
	float: left;
  height: 460px;
}

.producto img{
	width: 260px;
}

.filtro{
	width: 240px;
	position: relative;
	margin: auto;
  font-size: 1.3em;
}

.filtro-fijo{
	position: fixed;
	width: 300px;
	height: 85%;

	overflow: auto;
	background-color: white;
}

.header{
	width: 100%;
	height: 130px;
	position: fixed;
  background: white;
  z-index: 999;
  border-bottom: 2px solid;
}

.logo{
	padding: 10px;
	text-align: center;
}

.logo img{
	width: 270px;
}

.cuerpo{
	width: 100%;
    position: relative;
    top: 95px;
}

.scrollbar-morpheus-den::-webkit-scrollbar-track, *::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-morpheus-den::-webkit-scrollbar, *::-webkit-scrollbar {
    width: 12px;
    background-color: white;
}

.scrollbar-morpheus-den::-webkit-scrollbar-thumb, *::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: black;
}

.scrollbar-morpheus-den, * {
    scrollbar-color: #330867 #F5F5F5;
}

.filtro-seleccionado{
  background: crimson !important;
  color: white !important;
  border: 3px solid black !important;
  font-weight: bold;
}

.btn-menu-filtro{
  font-size: 2em;
}

.menu-filtro{
  position: relative;
  margin-left: 15px;
  text-align: center;
  margin-bottom: 10px;
}

.nav-link.active {
  color: white !important;
  font-weight: bold;
  background-color: black !important;
  font-size: 1.6rem;
}

.nav-link{
  color: black;
  font-size: 1.6em;
  font-weight: bold;
  border: 1px solid black !important;
}

.titulo{
  width: 100%;
  text-align: center;
  text-transform: uppercase;
}

.descripcion{
  width:80%;

}


.prod-datos{
  width: 45%;
  float: left;
  margin-left: 65px;
  margin-top: 50px;
}

.btn-imprimir{
  width: 50%;
  text-align: center;
  float: left;
  margin-top: 50px;
}

.descripcion{
  font-size: 1.3em;
}
.btn-imprimir button{
  font-weight: bold;
  font-size: 3em;
}

.lista-precio{
    color: #e2464d;
}

.producto h5{
  text-transform: uppercase;
}

.precio-normal{
  color: #e2464d;
}

.precio-original {
    font-size: 20px;
    color: grey;
    text-decoration: line-through;
}