:root {
    --aqua: #47D7AC;
    --lima: #E3E935;
	--nar: #FF8F1C;
	--lila: #C98BDB;
	--aqua: #ffd85c;
}

html {
  position: relative !important; /* para sticky footer*/
  min-height: 100%!important; /* para sticky footer*/
}
body {
	width: 100%;
    height: 100%;
    font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	background: #fff;
	padding-bottom: 40px;
}

a {
	text-decoration: none !important;
}

button, input, select {
	outline: none !important;
}

h3 {
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 30px;
    color: #21212b;
    margin-bottom: 20px;
}

.pswp {
	z-index: 13000 !important;
}

#back {
    position: fixed !important;
    z-index: -1;
    width: 100%;
    height: 100%
}

.hide {
	display: none !important;
}

.item-id {
	display: none !important;
}
.item_add {
    cursor: pointer;
    background: var(--aqua);
    color: #fff;
    font-size: 14px;
    padding: 6px 8px;
    font-weight: bold;
    margin-left: 10px;
    height: 8px!important;
    width: 90px!important;
}
.item_add_disabled{
  background-color: #cccccc!important;
  color: #666666!important;
}

.simpleCart_decrement {
	cursor: pointer;
    color: #7e4842 !important;
    font-size: 15px!important;
    font-weight: bold!important;
	position: absolute!important;
	right: -32px;
}

.item-decrement, .item-increment {
	position: relative;
}

.simpleCart_increment {
	cursor: pointer;
	color: #7e4842 !important;
	background: transparent !important;
    font-size: 15px!important;
    font-weight: bold!important;
	position: absolute!important;
	padding: 0 !important;
	left: -32px;
}

.simpleCart_decrement:hover, .simpleCart_increment:hover {
	color: #000 !important;
}

#carro
{
	/* width: 950px; */
	margin: 0 auto;
}
.clear
{
	clear: both;
}

.cleaner
{
	clear: both;
}

/*INICIAR SESION*/

body.registro,
body.eshop,
body.carrito-detalle {
	padding-bottom: 0;
	min-height: 100vh;
}

body.registro div.footer,
body.eshop div.footer,
body.carrito-detalle div.footer {
	display: none;
}

.copyRight {
	position: absolute !important;
	bottom: 0;
}

.copyRight a.btn-wp img {
    vertical-align: middle;
}

.barlogin {
	text-align: center;
}

.barlogin img {
	margin: 20px 0;
	width: 70px;
	text-align: center;
	vertical-align: middle;
}

.barlogin div {
	background: #ead6d4;
	color: #000;
	padding: 12px 0;
	font-size: 18px;
	text-align: center;
}

.iniSesion{
	width: 115px;
	height: 20px;
	padding: 5px 0px 5px 5px;
	position: absolute;
	background-color: #000000;
	right: 20px;
	top: 10px;
}
.iniSesion a{
	color: #ffffff;
}

.inicioSesion{
	width: 200px;
	height: 150px;
	position: absolute;
	right: 20px;
	top: 45px;
	z-index: 60;
	display: none;
}
	.inicioSesion .flechaUp{
		margin: 0px 10px 0px 0px;
		float:right;
		border-color:transparent transparent #000000;
		border-style:solid;
		border-width:0 8px 10px;
		width:0;
	}
	
	.inicioSesion .formSesion{
		width: 200px;
		height: 110px;		
		background-color: #000;
		float:right;
	}

.inicioSesion .formSesion form input{
	width: 180px;
	margin: 10px 10px 0px 6px;
}
.inicioSesion .formSesion form .btnIni{
	width: 60px;
	float: right;
	padding: 5px 10px;
	background-color: #04ab8f;
	border: none;
	color: #FFF;
	margin: 10px 8px 0px 0px;
	cursor: pointer;	
}

	.inicioSesion .formSesion form .btnIni:hover{
		background-color: #555555;	
	}
	.inicioSesion .formSesion form ul {
		float: left;
		margin: 10px 0px 0px 5px;
	}
	.inicioSesion .formSesion form ul li a{
		color: #fff;
		font-size: 13px;
		margin: 0px 0px 5px 0px;
	}


/*CARRO DE COMPRAS*/


/* HEADER */
header#headcart {
  display: block;
  width: auto;
  height: 120px;
  background: #000;
  color: #fff;
  position: relative;
}
  header#headcart > div {
    display: table;
    width: 100%;
    margin: 0 auto;
    /* max-width: 950px; */
    height: 85px;
    /*background: #2a2b2a;*/
    /*background: #599895;*/
    color: #fff;
  }
    header#headcart > div > p {
      display: table-cell;
      vertical-align: middle;
      width: 180px;
      height: 120px;
      text-align: left;
      cursor: pointer;
    }

    header#headcart > div > p img {
    	height: auto;
    }


    header#headcart > div > span {
      display: table-cell;
      vertical-align: middle;
      text-align: right;
      height: 120px;
      width: 200px;
    }
      header#headcart > div > span a {
        text-decoration: none;
      }


body > nav {
background: #d5afa2;
  width: 100%;
}
  body > nav > .container-fluid ul {
    width: 50%;
    display: inline-block;
    vertical-align: top;
  }
    body > nav > .container-fluid ul li {
      display: inline-block;
      vertical-align: top;
      font-size: 14px;
      padding: 10px;
      font-weight: 500;
      background-color: transparent;
      cursor: pointer;
      color: #fff;
      transition:background-color 0.2s, background 0.2s;
        -webkit-transition:background-color 0.2s, background 0.2s;
    }
    body > nav > .container-fluid ul li:hover {
      /*background-color: #c6c6c6;*/
      /*background: #003764;*/
      background: #000;
      color: #fff;
    }
  body > nav > .container-fluid > div {
	  text-align: right;
	}
	.barra-login {
		display: flex;
		justify-content: space-between;
	}

	body.carrito-detalle .barra-busq {
		display: none;
	}

	body.carrito-detalle .barra-login {
		justify-content: flex-end;
	}

	#logout_pad {
		color: #fff; 
		padding: 10px 0;
		background-color: transparent;
		text-align: right;
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}

  #logout_pad p {
	  font-size: 14px;
	  line-height: 30px;
	  color: #7e4842 !important;
  } 

  #logout_pad p strong {
	  margin: 0 5px;
  }

.barra-filtro {
	width: 100%;
	display: flex;
	justify-content: space-between;
	background: #ead6d4;
	position:sticky;
	top:0;
	z-index: 1000;
}

.barra-filtro:after,
.barra-filtro:before,
.barra-login:after,
.barra-login:before {
	display: none;
}

.filtrosCarro {
	color: #fff;
	font-size: 22px !important;
	display: flex;
    align-items: center;
}

	.filtrosCarro > label {
		font-size: 16px;
		line-height: 30px;
		margin-bottom: 0;
		margin-right: -26px;
		background: var(--nar);
		display: inline-block;
		padding: 0 7px;
		border-radius: 30px;
		z-index: 100;
	}

	.filtrosCarro > label[for="parte"] {
		margin-left: 15px;
	}

	.filtrosCarro select{
		font-size: 16px;
		width: 180px;
		height: 30px;
		background: #ccc;
		border: 0;
		border-radius: 30px;
		padding: 0 7px 0 30px;
	}
	.filtrosCarro span{
		display: inline-block;
		background: #fff;
		width: 1px;
		height: 30px;
		margin: 0 15px;
	}
	.filtrosCarro input#buscar, 
	.barra-login input#buscar{
		width: 180px;
		border-radius: 30px;
		padding: 0 35px 0 7px;
		font-size: 16px;
		height: 30px;
		border: 0;
		outline: none;
	}

	.barra-login input#buscar {
		margin: 10px 0;
	}

	.barra-login .botonCarro {
		vertical-align: 1px;
	}

.botonCarro,
.barra-login .botonCarro {
	height: 30px;
	font-size: 14px;
	line-height: 28px;
	background: #7e4842;
	border: none;
	color: #fff;
	width: 30px;
	border-radius: 30px;
	margin-left: -30px;	
	font-family: Montserrat, Arial, Helvetica, sans-serif;
}

	.botonCarro:hover,
	.barra-login .botonCarro:hover{
		cursor: pointer;
		background: #000;
	}

.mipedidoCarro {
	margin: 15px 5px;
	color: #000;
	background: #fff;
	padding: 5px;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	display: flex;
	border-radius: 100px;
	height: 36px;
}
	.mipedidoCarro span{
		font-size: 18px;
		line-height: 18px;
		color: #fff;
	}
	.cuentaCarro {
		font-size: 18px;
		line-height: 26px;
		margin: 0 15px;
		flex:auto;
	}
	.cuentaCarro span {
		font-size: 18px;
		line-height: 18px;
	}

	.mipedidoCarro .simpleCart_quantity {
		background: #000;
		border-radius: 50px;
		padding: 5px;
		color: #fff;
		height: 26px;
		display: block;
		min-width: 26px;
		text-align: center;
		font-size: 16px;
		line-height: 17px;
		font-weight: bold;
	}

	.mipedidoCarro a.vercarro {
		text-decoration: none;
		font-size: 20px;
		width: 42px;
		height: 42px;
		font-weight: bold;
		display: block;
		padding: 12px 5px 7px 9px;
		margin: -8px -10px 0 0;
		float: right;
		border-radius: 100%;
		position: relative;
		background: #7e4842;
		color: #fff;
	}
	.mipedidoCarro a.vercarro:hover {
		background: #000;
	}
	.mipedidoCarro a.vercarro .quantity {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		text-align: center;
	}

	.mipedidoCarro a.vercarro .quantity i {
		background: red;
		border-radius: 100%;
		color: #fff;
		font-size: 14px;
		display: inline-block;
	}

/* nuevo menu */

.hb {
	display: none;
}


.cat-mobile {
	display: none;
}

nav.menu-cat > ul {
	display: flex;
}

nav.menu-cat > ul > li {
	height: 66px;
	display: flex;
	align-items: center;
}

nav.menu-cat > ul > li a.btn-cat {
	padding: 10px;
	color: #000;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
}

nav.menu-cat > ul > li:hover > a {
	background: #fff;
	color: #000;
}

nav.menu-cat > ul > li:hover ul.opciones {
	display: block;
}

nav.menu-cat ul.opciones {
	display: none;
	top: 66px;
	width: 100vw;
	position: absolute;
	background: #eee;
	z-index: 99;
	left: 0;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.3) !important;
	padding: 10px 15px;
}

nav.menu-cat ul.opciones li {
	float: left;
}

nav.menu-cat ul.opciones li a {
	color: #000;
	padding: 10px;
	font-size: 12px;
}

nav.menu-cat ul.opciones li a:hover {
	color: #fff;
	background: #7e4842;
}

	
/*Productos*/

#conjuntos {
	width: 853px;
	height: 210px;
	overflow: hidden;
	position: relative;
}
	#conjuntos .slider {
		width: 100%;
		height: 100%
	}
	#conjuntos .item {
		display: inline-block;
		vertical-align: top;
		/*float: left;*/
		border: 1px solid #aaa;
		margin-right: 5px;
		/*width: auto;*/
		text-align: center;
	}
	#conjuntos .iod_ctrl {
			position: absolute;
			background: #000;
			color: #fff;
			font-size: 18px;
			font-weight: bold;
			padding: 10px;
			z-index: 999;
		}
			#conjuntos #prev {
				top: 80px;
				left:0;
			}
			#conjuntos #next {
				top: 80px;
				right: 0;
			}

.productosCarro{
	display: flex;
	flex-flow: row wrap;
	padding: 30px 15px 53px;
}
	.productosCarro .producto{
		display: inline-block;
		margin-bottom: 60px;
		flex: 0 0 calc(25% - 22.5px);
		max-width: calc(25% - 22.5px);
		margin-right: 30px;
		position: relative;
	}

	.productosCarro .producto:nth-of-type(4n) {
		margin-right: 0;
	}

	.producto .descri {
		width: 100%;
		margin: 10px 0;
		padding: 0 10px;
		font-size: 15px;
		line-height: 15px;
		height: 16px;
		font-weight: normal;
		color: #868686;
		letter-spacing: 0.6px;
		text-align: center;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}
	
	.productosCarro .producto .artPrecio{
		width: 100%;
		color: #000;
		font-size: 18px;
		font-weight: bold;
		float: left;
		display: inline-block;
	}
	
	.productosCarro .producto .artPrecio .precio{
		display: inline-block;
		line-height: 18px;
		text-align: center;
		width: 100%;
		font-size: 16px;
		font-weight: normal;
	}
	.productosCarro .producto .btn {
		display: inline-block;
		padding: 0;
		position: absolute;
		right: 0;
		bottom: 0;
	}
	.productosCarro .producto .btn button{
		width: 45px;
		height: 45px;
		border-radius: 100%;
		background: var(--aqua);
	    color: #fff;
	    border:0;
		padding: 8px 6px 6px;
		font-size: 20px;
		line-height: 20px;
		font-weight: bold;
		transition: 0.3s all;
		display: none;	
	}
	.productosCarro .producto .unbtn{
		float: right;
		display: inline-block;
	}
	.productosCarro .producto .unbtn button {
		background-color: #ccc;
		border: none;
		color: #ffffff;
		height: 35px;
		padding: 6px;
		font-size: 15px;
		margin: 0px 0px 0px 0px;		
	}
	.productosCarro .producto .btn button:hover{
		/*background-color: #B74D30;*/
		/*background-color: #f0e3cb;*/
		background: #000;
		color: #fff;
		cursor: pointer;
	}
	
	.productosCarro .producto .imgProducto {
		position:relative;
		display: flex;
		margin-bottom: 10px;
	}
		.productosCarro .producto .imgProducto img{
			width: 100%;
			background-color:#fff;
			/* border: solid 1px #CCC; */
			border-radius: 10px;
			/* box-shadow: 0px 0px 10px rgba(0,0,0,0.1); */
			transition: 0.5s all;
		}

		.productosCarro .producto .imgProducto img.primera {
			mix-blend-mode: multiply;
		}

		.productosCarro .producto .imgProducto img.primera:hover {
			transform: scale(1.1);
		}

		.productosCarro .producto .imgProducto img.segunda {
			position: absolute;
			opacity: 0;
		}
		

		.productosCarro .producto .imgProducto img.segunda:hover{
			opacity: 1;
		}

		.productosCarro .producto .imgProducto img.noimage:hover{
			opacity: 1;
		}

		.productosCarro .producto .item_article {
			/* position: absolute; */
			/* bottom: 5px; */
			/* left: 5px; */
			/* background: #ccc; */
			display: inline-block;
			/* border-radius: 5px; */
			font-size: 12px;
			line-height: 18px;
			color: #000;
			/* padding: 0 4px; */
		}

		.productosCarro .producto .info-producto {
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.productosCarro .producto .info-producto i {
			font-size: 6px;
			padding: 0 5px;
		}


div.referencias {
	float: left;
	margin: 20px 0px 20px 28px;
	font-size: 14px;
}
	div.referencias span {
		margin: 0 8px 0 2px;
	}

div.tags {
	/* position: absolute; */
	display: inline-block;
	text-transform: uppercase;
    bottom: 5px;
    right: 5px;
    z-index: 300;
    /* padding: 0 4px; */
    text-align: right;
	/* color: #fff; */
	color: #000;
    /* border-radius: 5px; */
    font-size: 12px;
    line-height: 18px;
}

/* div.nena {
	background: #df8d8d;
}
div.nene {
	background: #4b81c3;
}
div.teen {
	background: #4d933f;
} */
img.ofe,
img.nue {
	height: 16px;
}

div.ago {
	font-size: 12px;
	color: red;
}

	.noresult {
		width: 100%;
		min-height: calc(100vh - 40px);
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.noresult p {
		text-align: center;
		font-size: 25px;
		line-height: 30px;
		font-weight: bold;
		padding: 70px 0;
	}

	#vermipedido {
		position: fixed;
		right: -32%;
		top: 0;
		z-index: 6000;
		height: 100% !important;
		overflow-y: scroll;
		overflow-x: hidden;
		min-width: 230px;
		max-width: 450px;
		background: white;


	width: 40%;
	display: none;
	font-family: Montserrat, Arial, Helvetica, sans-serif;
}

.overlay {
	display: none;
	opacity: 0.8;
	position: fixed;
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	top: 0;
	z-index: 5000;
	-webkit-overflow-scrolling: touch;
  }

  #vermipedido > h3 {
	margin-top: 20px;
	margin-bottom: 10px;
	text-transform: initial;
  }
	#vermipedido .flechaUp{
		margin: 0px 10px 0px 0px;
		float:right;
		border-color:transparent transparent #7f7f7f;
		border-style:solid;
		border-width:0 8px 10px;
		width:0;
	}
	#vermipedido .detalle{
  		color: #fff;
		font-size: 13px;
		font-family: Montserrat, Arial, Helvetica, sans-serif;
	}
		#vermipedido #botones {
			text-align: center;
			display: flex;
			padding: 10px;
			flex-flow: row wrap;
		}
		#vermipedido a {
			text-decoration: none !important;
		}
		#vermipedido a.vaciar {
			background: #fff;
			color: #868686;
			border: 1px solid #868686;
			padding: 0 10px;
			line-height: 30px;
			font-size: 14px;
			display: inline-block;
			margin: auto;
		}

		#vermipedido a.vaciar:hover {
			color: #fff;
			background: #868686;
		}

		#vermipedido a.cerrar {
			text-align: center;
			display: inline-block;
			width: 25px;
			height: 25px;
			background: #000;
			color: #fff;
			font-size: 14px;
			font-weight: bold;
			padding: 4px 6px;
			margin-right: 5px;
			border-radius: 40px;
			top: 10px;
			left: 10px;
			position: absolute;
		}
			#vermipedido a:hover.cerrar{
				background: #ead6d4;
				color: #000;
			}
		#vermipedido a.ver_detalle{
			text-align: center;
			background: #7e4842;
			border: 1px #7e4842 solid;
			color: #fff;
			font-weight: bold;
			padding: 0 10px;
			line-height: 30px;
			font-size: 14px;
			display: inline-block;
			margin: auto;
			flex: auto;
			margin-left: 10px;
		}
			#vermipedido a:hover.ver_detalle{
				background: #000;
				border-color: #000;
				color: #fff;
			}

		/* SIMPLE CART: VER MI PEDIDO */
		#vermipedido .simpleCart_items {
			min-height: 28px;
			overflow: auto;
			color: #000;
		}
		#vermipedido .headerRow {
			display: none !important;
		}
		#vermipedido .itemRow {
			display: block;
			padding: 10px;
		}

		#vermipedido .itemRow.odd {
			background: #eee;
		}
		#vermipedido .itemRow div{
			display: inline-block;
			vertical-align: top;
		}
		#vermipedido .item-decrement a, .item-increment a {
			color: #000;
			background: #fff;
			padding: 1px 2px;
			font-size: 10px;
		}
		#vermipedido .item-quantity {
			width: 25px;
			text-align: center;
		}
		#vermipedido .item-article {
			text-align: center;
			font-weight: bold;
			float: left;
		}
		#vermipedido .item-name {
			width: 235px;
			margin-left: 10px;
			font-weight: normal;
			overflow: hidden;
			display: -webkit-box !important;
			-webkit-line-clamp: 1;
			-webkit-box-orient: vertical;
			height: 14px;
			float: left;
		}

		#vermipedido .item-size {
			width: 45px;
			text-align: center;
		}
		#vermipedido .item-remove {
			float: right;
		}
		#vermipedido .item-remove a {
			font-size: 14px;
			color: red;
    		opacity: 0.5;
		}

		#vermipedido .item-remove a:hover {
    		opacity: 1;
		}

		#vermipedido .item-total {
			width: 72px;
			text-align: right;
			font-weight: bold;
			padding-left: 10px;
		}
		#vermipedido .item-elid, #vermipedido .item-colors, #vermipedido .item-prendas, #vermipedido .item-unit, #vermipedido .item-originales, #vermipedido .item-sizes {
			display: none !important;
		}

		.total-m {
			display: none;
			color: #868686;
			padding: 10px;
			font-size: 16px;
			text-align: center;
		}

		.total-m > div {
			color: #000;
			display: inline-block;
			font-weight: 600;
			margin-right: 0;
			margin-left: 5px;
		}

		#items {
			/* width: 950px; */
			margin: 0 auto;
			position: relative;
		}
		#items div#loading {
			position: absolute;
			top: 100px;
			z-index: 998;
			width: 100px;
			height: 32px;
			left: calc(50% - 40px);
			text-align: center;
		}

		/* SIMPLE CART: detalle */

		.topBar ul li a {
			height: 35px;
			align-items: center;
			display: flex !important;
		}

		#wrap, #detalle {
			margin: auto;
			max-width: 1430px;
		}

		#wrap {
			padding-bottom: 53px;
		}

		.titleDetalle {
			font-size: 30px;
			color: #000;
			background: #ead6d4;
		}

		#detalle {
			display: flex;
			justify-content: space-between;
			align-items: center;
		} 

		#detalle:before,
		#detalle:after {
			display: none;
		}

        #cart_detail {
            text-align: center;
			display: block;
			margin-top: 25px;
    		overflow: hidden;
        }
            #cart_detail table {
                width: 100%;
                margin: 0 auto;
                background-color: #FFF;
                color: #000;
            }
            #cart_detail tr {
                padding: 0;
                margin: 0;
			}
			
			#cart_detail tr.even {
				background: #eee;
			}

            #cart_detail td, th {
                padding: 12px 5px;
                margin: 0;
                vertical-align: top;
				font-size: 15px;
            }

        #cart_detail .headerRow th {
            background: #ead6d4;
            font-weight: bold;
			color:#000;
			text-align: center;
        }
        #cart_detail input[type="text"] {
            width: 40px;
            padding: 8px;
            border: 1px solid #666;
            font-size: 12px;
            text-align: center;
        }
        #cart_detail .item-remove a {
			color: red;
			opacity: 0.5;
		}
		
		#cart_detail .item-remove a:hover {
			opacity: 1;
        }
        #cart_detail .item-edit a {
            background: url(../imagenes/edit.jpg);
            width: 19px;
            height: 25px;
            font-size: 0;
        }
        #cart_detail .item-article {
            font-weight: bold;
        }
        #cart_detail .item-total {
            font-weight: bold;
        }
        #cart_detail .item-elid, #cart_detail .item-originales {
            display: none;
        }

        .cupon {
            display: inline-block;
			padding: 10px;
			text-align: right;
			flex: 0 0 100%;
			margin-bottom: 30px;
		}

		.cupon > button {
			color: #000;
		}

		.cupon > button:hover {
			color: var(--aqua);
		}

		.btn-aplicarcupon {
		    width: 100px;
		    color: #000;
		    background: var(--aqua);
		}

		.btn-aplicarcupon:hover {
			color: #fff;
			background: #000;
		}

		#codigodescuento {
		width: 130px;
		margin-left: 10px;
		}
		.wellcodigo{
			text-align: center;
			display: none;
		}
		#descuento{
			display: none;
		}

		.descuentolabel{
			display: none;
			text-align: right;
		}
		.descuento{
			display: inline;
		}

	    form#sendcart {
            margin: 30px 0;
			font-size: 14px;
			display: flex;
			flex-flow: row wrap;
			justify-content: space-between;
		}
		
		form#sendcart .cambiar {
			text-align: right;
			flex: 0 0 100%;
			margin-bottom: 30px;
		}

		form#sendcart .cambiar label {
			vertical-align: 1px;
			margin-left: 5px;
			display: initial;
		}
        	form#sendcart div#uno {
	            display: inline-block;
				border: 1px solid #7e4741;
				padding: 10px;
				flex: 0 0 33.33%;
			}
			
			form#sendcart div#uno ul li {
				display: inline-block;
				margin-bottom: 10px;
				margin-right: 10px;
			}

			form#sendcart div#uno ul li:last-of-type {
				margin-bottom: 0;
			}
			
			form#sendcart div#uno ul li label {
				margin-left: 5px;
				vertical-align: 2px;
				display: initial;
			}
	        form#sendcart div#dos {
	            display: inline-block;
				flex: auto;
				padding: 10px;
				margin: 0 30px;
			}
			
			form#sendcart div#dos strong {
				margin-bottom: 6px;
			}
			form#sendcart strong {
	            font-size: 14px;
	            margin-bottom: 10px;
	            display: block;
	        }
	        form#sendcart textarea {
				resize: none;
				width: 100%;
	            height: calc(100% - 14px);
	            font-size: 12px;
				outline: none;
				padding: 5px;
				border-radius: 0;
	        }
		
		.enviar_pedido label
		{
			font-size: 12px;
		}

		#carrito_total {
        	background: #eee;
			font-size: 17px;
			font-weight: bold;
			padding: 10px;
			text-align: right;
			line-height: 22px;
			color: #000;
			display: inline-block;
			flex: 0 0 33.33%;
        }
			#carrito_total span {
				color: #7e4842 !important;
			}
			#carrito_total p {
				font-size: 24px;
				padding: 5px 0 0 0;
				margin: 0;
				border-top: 1px solid #666;
				display: inline-block;
			}
			div.enviar_pedido {
				padding-top: 30px;
				flex: 0 0 100%;
				display: flex;
				justify-content: flex-end;
			}
			div.enviar_pedido a {
				text-align: center;
				background: #ead6d4;
				color: #000;
				font-size: 20px;
				line-height: 50px;
				font-weight: bold;
				display: inline-block;
				text-decoration: none;
				flex: 0 0 33.33%;
			}
			div.enviar_pedido a:hover {
				background: #000;
				color: #fff;
			}

	    div#volver_cart {
			cursor: pointer;
			background: #7e4842;
			color:#fff;
			font-size: 16px;
			line-height: 20px;
			padding: 5px 10px;
			font-weight: bold;
			display: inline-block;
			margin: 18px 0;
		}
		div#volver_cart:hover {
			background: #000;
			color: #fff;
		}

#login_data {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 13px;
	margin: 20px 20px 0 0;
}

a#logout {
	display: inline;
	text-align: center;
	background: #fff;
	color: #7e4842;
	font-size: 13px;
	padding: 5px 7px;
	margin-left: 5px;
	line-height: 15px;
    height: 25px;
	font-family: Montserrat, Arial, Helvetica, sans-serif;
	white-space: nowrap;
}
a#logout:hover {
	background: #000;
	color: #fff;
}

/*MENU PAGINAS*/

.numPaginas{
	/*width: 200px;*/
	/* float: right; */
	/* margin: 0 40px 73px 0px; */
	margin-bottom: 73px;
	font-size: 16px;
	color: #000;
	text-align: center;
}

.numPaginas strong {
	margin: 0 5px;
	font-weight: bold;
}

.numPaginas span{
	width:70px;
	/* float: left; */
	display:inline-block;
}

.numPaginas a{
	color: #000;
	text-decoration: underline;
	margin: 0 5px;
	display:inline-block;
}

/*POPUP PRENDA*/

a.volverLook {
	color: #FFF;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	background-color: #04ab8f;
	display: block;
	padding: 4px;
	margin: 20px 50px 0 0;
	font-family: Montserrat, Arial, Helvetica, sans-serif;
	float: right;
}

.prendas {
	background: none #000;
}

#prenda {
	width: 100%;
	padding: 20px;
	background: #fff;
	text-align: left;
	font-size: 14px;
	position: relative;
	display: flex;
	border-radius: 10px;
	flex-flow: row wrap;
}

#popup-JS {
	width: 100% !important;
	top: calc(50% - 305px) !important;
	max-width: 1000px;
	border-radius: 10px;
	font-family: 'Montserrat', sans-serif !important;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.3) !important;
	/* height: 100%; */
	/* overflow: scroll; */
	z-index: 12000 !important;
}

@media (max-height: 700px){
	
	#popup-JS {
		height: calc(100% - 30px);
		overflow: scroll;
		top: 15px !important;
	}
}

	#prenda > div#pop-prenda {
		display: none;
		position: absolute;
		bottom: 188px;
		right: 251px;
		z-index: 999999;
		background: #21212b;
		color: #fff;
		padding: 29px;
		width: 302px;
		font-size: 18px;
		line-height: 22px;
		-webkit-box-shadow: 2px 3px 5px rgba(50, 50, 50, 0.68);
		-moz-box-shadow: 2px 3px 5px rgba(50, 50, 50, 0.68);
		box-shadow: 2px 3px 5px rgba(50, 50, 50, 0.68);
	}
	#prenda > div#pop-prenda div#cerrar {
		cursor: pointer;
		background: #000;
		color: #fff;
		font-size: 12px;
		padding: 6px 8px;
		font-weight: bold;
		position: absolute;
		top: 0;
		right: 0;
		line-height: normal;
	}

	#prenda > div {
		display: inline-block;
		vertical-align: top;
	}
	#prenda div#izq {
		flex: 0 0 55%;
		max-width: 496px;
		height: auto;
		position: relative;
	}
		/* slider container */
		.iosSlider {
			/* required */
			position: relative;
			top: 0;
			left: 0;
		}

		/* slider */
		.iosSlider .slider {
			/* required */
			width: 100%;
			height: 100%;
		}

		/* slide */
		.iod_ctrl {
			position: absolute;
			color: #000;
			font-size: 25px;
			line-height: 25px;
			font-weight: bold;
			padding: 0 10px;
		}
			#prev {
				top: calc(50% - 13px);
				left:0 !important;
			}
			#next {
				top: calc(50% - 13px);
				right: 0 !important;
			}

			#prenda div#izq figure {
				height: auto !important;
				margin-bottom: 0;
				width: 100% !important;
			}

			#prenda div#izq figure a {
				display: flex;
			}

			#prenda div#izq figure img {
				/* height: auto !important; */
				width: 100%;
			}
			
			#prenda .tum {
				position: absolute;
				bottom: 0;
				left: 0;
				z-index:9000;
				display: flex;
				padding: 10px;
			}

			#prenda .tum li{
				border:1px solid #CCC;
				border-radius: 5px;
				display: flex;
				margin-right: 5px;
				overflow: hidden;
			}
			#prenda .tum li.selected{
				border-color:#000 !important;
			}

			#prenda div#izq .slider {
				width: 100% !important;
				height: 100%;
			}

			#prenda div#izq .slider .slide {
				background: #fff;
			}

	#prenda div#der {
		flex: 0 0 45%;
		padding-left: 15px;
		max-width: 45%;
	}
		#prenda div#der h1 {
			width: 100%  !important;
			height: auto !important;
			font-size: 18px !important;
			line-height: 24px;
			text-align: center !important;
			padding: 15px 0 25px !important;
			color: #868686 !important;
			margin: 0 !important;
			text-align: left !important;
			text-transform: initial !important;
			font-weight: 500;
		}

		#prenda div#der .tags-prenda {
			display: flex;
			align-items: center;
			justify-content: flex-start;
		}

		#prenda div#der .tags-prenda i {
			font-size: 7px;
			padding: 0 5px;
		}

		#prenda div#der div.art,
		#prenda div#der div.tags,
		#prenda div#der div.calidad {
			font-size: 14px;
			line-height: 22px;
			color: #000;
			display: inline-block;
			position: initial;
			font-weight: 500;
		}

		#prenda div#der div.calidad {
			color: #000;
		}
		#prenda div#der div.curva {
			width: 100%;
			padding: 20px 0 10px;
			color: #000;
			font-size: 20px;
			font-weight: bold;
		}
			#prenda div#der div.curva strong {
				font-weight: bold;
			}

		#prenda div#der div.talles {
			width: 310px;
			height: 15px;
			padding: 10px;
			background: var(--nar);
			color: #000;
			display: block;
			font-weight: bold;
		}

		
		#prenda div#der div#aclaracion {
			width: 185px;
			height: 42px;
			margin: 15px 0 0 180px;
			text-align: left;
			font-size: 12px;
			/*color: #04ab8f;*/
			color: #D34963;
		}
		#prenda div#der div#aclaracion img {
			float: left;
			margin: 6px 10px 0 0;
		}

		#prenda div#der div.colores {
			width: 310px;
			padding: 10px;
			background: #d2d2d2;
			color: #000;
			max-height: 212px;
		}
			#prenda div#der div.colores span.sum_color {
				cursor: pointer;
				background: #ABABAB;
				color: #fff;
				font-size: 18px;
				padding: 1px 4px;
				font-weight: bold;
			}
			#prenda div#der div.colores span.min_color {
				cursor: pointer;
				background: #ABABAB;
				color: #fff;
				font-size: 18px;
				padding: 1px 4px;
				font-weight: bold;
			}

			#prenda div#der div.colores span.talles {
				font-size: 13px;
				margin-top: 7px;
				display: block;
			}
			#prenda div#der div.colores > div {
				overflow: auto;
				max-height: 191px;
				font-size: 14px;
			}
			#prenda div#der div.colores > strong {
				font-size: 18px;
				margin-bottom: 5px;
    			display: inline-block;
			}
			#prenda div#der div.colores label {
				display: inline-block;
				vertical-align: middle;
				margin: 0 0 0 4px;
			}
			#prenda div#der div.colores input[type="text"] {
				width: 22px;
				height: 15px;
				border: 1px solid #888;
				display: inline-block;
				text-align: center;
				font-size: 13px;
			}
			#prenda div#der div#sel_col div{
				margin-bottom: 10px;
				padding: 5px;
				background: #eee;
			}

			/* NUEVA SELECCION DE COLOR Y TALLE  */
			
			.armar-pedido {
				padding-bottom: 60px;
			}

			.armar-pedido .sec {
				color: #000;
				margin-bottom: 12px;
				margin-top: 25px;
			}

			.armar-pedido .sec.last {
				margin-top: 35px;
			}
			
			.armar-pedido .sec h2 {
				text-transform: initial !important;
				font-size: 18px !important;
				margin-bottom: 4px;
			}

			.armar-pedido .el-color {
				display: flex;
				flex-flow: row wrap;
			}

			.armar-pedido .el-color input[type="radio"] {
				opacity: 0;
				position: fixed;
				width: 0;
			}
			
			.armar-pedido .el-color label {
				display: inline-block;
				padding: 6px 20px;
				font-size: 16px;
				line-height: 18px;
				cursor: pointer;
				border: 2px solid #868686;
				margin-right: 5px;
				color: #000;
				font-weight: 500;
				text-align: center;
				display: flex;
				align-items: center;
				margin-bottom: 5px;
			}
			
			.armar-pedido .el-color label:hover {
				border-color: #ead6d4;
			}
			
			.armar-pedido .el-color input[type="radio"]:checked + label {
				background: #ead6d4;
				color: #000;
				border-color: #ead6d4;
			}

			.armar-pedido .el-talle {
				display: flex;
				/* flex-flow: row wrap; */
				overflow: scroll;
			}

			.armar-pedido .el-talle > div {
				margin-bottom: 20px;
				margin-right: 20px;
				/* margin:0 auto 20px; */
			}

			.armar-pedido .el-talle > div span {
				display: block;
				text-align: center;
				font-size: 16px;
				font-weight: 700;
				margin-bottom: 5px;
			}

			.armar-pedido .el-talle > div input {
				width: 30px;
				text-align: center;
				border-radius: 0;
				border: 1px solid #ccc;
				border-bottom: 0;
				border-top: 0;
				height: 25px;
				display: block;
				margin: auto;
				appearance: none;
			}

			.armar-pedido .el-talle > div button {
				width: 30px;
				border: 1px solid #ccc;
				border-radius: 30px 30px 0 0;
				height: 25px;
				outline: none;
				display: block;
				margin: auto;
			}

			.armar-pedido .el-talle > div button:last-of-type {
				border-radius: 0 0 30px 30px;
			}

			.armar-pedido .curva {
				position: relative;
			}

			.armar-pedido .curva .agregado {
				position: absolute;
				left: 0;
				top: -8px;
				margin: 0;
				font-weight: 400;
				font-size: 14px;
				color: #7e4842;
			}
			
			.armar-pedido .curva .agregado strong {
			}

			.armar-pedido > button {
				background: #ead6d4;
				color: #000;
				font-weight: Bold;
				font-size: 18px;
				line-height: 40px;
				padding: 0 50px;
				border: 0;
				margin-top: 15px;
				position: absolute;
				bottom: 20px;
				text-transform: uppercase;
			}

			.armar-pedido > button:hover {
				background: #000;
				color: #fff;
			}

			.disclaimer {
				font-size: 12px;
				max-width: 270px;
				line-height: 15px;
			}

			
		
		#prenda div#cerrar {
			cursor: pointer;
			background: #000;
			color: #fff;
			font-size: 14px;
			height: 25px;
			width: 25px;
			border-radius: 30px;
			padding: 4px 7px;
			text-align: center;
			font-weight: bold;
			position: absolute;
			top: 5px;
			right: 5px;
			z-index: 100;
		}

		#prenda div#cerrar:hover {
			background: #ccc;
		}
		
		#prenda div#agregar {
			cursor: pointer;
			background: var(--aqua);
			color:#fff;
			font-size: 14px;
			padding: 6px 8px;
			font-weight: bold;
			position: absolute;
			bottom: 15px;
			right: 15px;
		}
		#prenda div#agregar:hover {
			background: #000;
		}

		.slide .item_image {
			width: 100%;
			/* height: auto; */
		}
		
		
		
		
/******LOGGIN*****/

#login_cont
{
	width: 100%;
	max-width: 300px;
	margin: 0px auto;
	margin-top: 40px;
}

	#login_cont form label{
		color: #000;
		font-size: 18px;
	}
	
	#login_cont form input[type="text"], #login_cont form input[type="password"] {
		width: 100%;
		padding: 8px;
		margin: 8px auto 35px auto;
		background-color: #eee;
		color: #000;
		border: 1px solid #868686;
		height: 40px;
	}
	
	#login_cont form .botonEntrar{
		width: calc(50% - 5px);
		height:40px;
		margin: 0;
		color: #000;
		background: #d5afa2;
		border: 0;
		font-size: 17px;
		cursor: pointer;
		float: left;
	}
	
	#login_cont form .botonEntrar:hover{
		background: #7e4842;
		color: #fff;
	}


.login_msg_green
{
	color: var(--aqua);
	font-size: 16px;	
	background: #fff;
	padding: 15px;
	border: 1px solid #ddd;
	text-align: center;
}

.login_msg_red
{
	/*color: #ea8060;*/
	color: #ee4031;
	font-size: 16px;
	margin: 0px 0px 20px 0px;
	text-align: center;
	background: #fff;
	padding: 15px;
	border: 1px solid #ddd;
}

#login a{
	width: calc(50% - 5px);
	height: 40px;
	line-height: 40px;
	margin-left: 10px;
	color: #000;
	background: #ead6d4;
	border: 0;
	font-size: 17px;
	display: inline-block;
	vertical-align: top;
	text-transform: uppercase;
	text-align: center;

}
	
#login a:hover{
	background: #000;
	color: #fff;
}
	
	
	
	
	/*CARRUSEL*/
	
	.carousel ul {
		    position:absolute;
		    overflow:hidden;
		    margin:0;
		    padding:0;
		    list-style:none;
		}

		.no-js .carousel ul {position:static;}

		.carousel .mask {
		    position:relative;
		    overflow:hidden;
			height: 155px !important;
		}

		.carousel ul li {
			float:left;
			width:150px;
		    height:150px;
		    color:#fff;
			font-size:8em;
			text-align:center;
			margin:0px 5px 0px 0px;
			border: #CCC 1px solid;
		}

		.carousel .pagination-links {
		    list-style:none;
		    margin:0;
		    padding:0;
			display: none;
		}

		.carousel .pagination-links li {
		    display:inline-block;
			vertical-align: top;
		}

		.carousel .pagination-links li a {
			padding:2px 6px;	
		}

		.carousel .pagination-links li a:hover {text-decoration:none;}

		.carousel .pagination-links li.current a {
			 background:#444;
			 color:#fff;
		}

		.carousel .disabled {
		    color:gray;
		    cursor:default;
		}

		/** my carousel 1 **/
		
		#my-carousel-1{
			position: relative;
			width: 900px;
		}
		#my-carousel-1 .mask {
			width:900px;
		}

		
		#my-carousel-1 .prev {
			padding: 10px;
			font-size: 20px;
			background-color: #000;
			width: 10px;
			color: #FFF;
			z-index: 9;
			position: absolute;
			top: 60px;
			left: 0;
		}
		
		#my-carousel-1 .next {
			padding: 10px;
			font-size: 20px;
			background-color: #000;
			width: 10px;
			color: #FFF;
			z-index: 9;
			position: absolute;
			top: 60px;
			right: 0;
		}


/* FOOTER */
footer {
    display: block;
    background: #868686;
    color: #000;
    margin-top: 20px;
    height: 40px;
	width: 100%;
	position: absolute;
    bottom: 0;
}
  footer > div {
    display: block;
    width: auto;
    margin: 0 auto;
    padding: 13px 15px;
    color: #fff;
    text-align: center;
  }
    footer > div a {
      color: #fff;
      text-decoration: none;
      font-weight: bold;
      display: inline;
    }
    footer > div a:hover {
      color: var(--aqua);
    }

    input:not(input[type="checkbox"]):not(input[type="radio"]) {
    	-webkit-appearance: none;
    	border-radius: 0;
	}

@media (max-width: 1199px){
	#popup-JS {
		width: calc(100% - 30px) !important;
	}
}




@media (max-width: 991px){

	* {
		box-sizing: border-box;
	}

	/*header*/
	header#headcart {
		padding: 20px 15px;
	    height: 85px;
	    box-sizing: border-box;
	}

	header#headcart > div {
		display: flex;
		height: 100%;
	}

	header#headcart > div > p {
	    display: inline-block;
	    height: initial;
	    width: 50%;
	}

	header#headcart > div > p img {
        height: initial;
    	width: 103px;
	}

	header#headcart > div > span {
	    display: inline-block;
	    height: initial;
	    width: 50%;
	}

	header#headcart > div > span img {
	    height: initial;
	    width: 78px;
	}

	body > nav > .container-fluid ul li {
		padding: 10px 15px;
	}

	/* categorias */

	nav.menu-cat > ul > li {
		height: 52px;
	}

	nav.menu-cat ul.opciones {
		top: 52px;
	}

	/*carro*/

	.mipedidoCarro a.vercarro {
		font-size: 20px;
		width: 40px;
		height: 40px;
		padding: 11px 5px 6px 7px;
		margin: -9px -10px 0 0;
	}

	.cuentaCarro {
		font-size: 16px;
		line-height: 23px;
		margin: 0 10px;
	}

	.mipedidoCarro .simpleCart_quantity {
		height: 22px;
		min-width: 22px;
		font-size: 14px;
		line-height: 12px;
	}

	.mipedidoCarro {
		height: 32px;
		margin: 10px 5px;
	}

	#carro {
		width: 100%;
	}

	#carro > div:first-of-type {
		width: 100%;
		height: initial !important;
	}

	.filtrosCarro input#buscar {
	    height: 23px;
	    border: 0;
	}

	.botonCarro {
		font-family: 'Montserrat', sans-serif;
	}

	.mipedidoCarro .vercarro-fincomp {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 100;
		box-sizing: border-box;
	}

	.mipedidoCarro .vercarro-fincomp a {
		width: 100%;
		padding-left: 15px;
		box-sizing: border-box;
	}

	.mipedidoCarro span {
		font-family: 'Montserrat', sans-serif;
	}

	#carro > div:nth-of-type(2) {
		width: 100% !important;
	}

	#vermipedido {
		width: calc(100% - 30px);
		right: calc(-100% + 30px);
	}

	#vermipedido .detalle {
		width: 100%;
		font-family: 'Montserrat', sans-serif;
	}

	#vermipedido .flechaUp {
		position: absolute;
	    right: 59px;
    	top: -9px;
	}

	#vermipedido .simpleCart_items {
	    width: 100%;
	}

	#vermipedido .item-total {
	    width: 72px;
	    margin-right: 27px;
	    float: right;
	}

	#vermipedido .item-name {
	    width: calc(100% - 200px);
	}

	#vermipedido .item-remove {
	    position: absolute;
	    right: 17px;
	    height: 100%;
	    right: 0;
	    top: 0;
	}

	#vermipedido .item-remove a {
	    height: 100%;
        max-height: 23px;
        width: 25px;
    	padding: 5px 8px;
    	font-size: 13px;
	}

	#vermipedido .itemRow {
		position: relative;
	}

	.mipedidoCarro .vercarro-fincomp a {
		font-family: 'Montserrat', sans-serif;
	}
	/*paginacion*/

	div.referencias {
		padding: 15px;
		margin: 0 !important;
	}

	/*prouctos*/

	#prenda > div#pop-prenda {
	    right: calc(50% - 151px) !important;
	}

	.noresult {
	    margin-left: 0 !important;
	    width: 100%;
	}

	#items {
		width: 100% !important;
	}

	.productosCarro {
		padding: 15px 0;
	}

	.productosCarro .producto {
		flex: 0 0 calc(33.33% - 20px);
		max-width: calc(33.33% - 20px);
	}

	.productosCarro .producto:nth-of-type(3n) {
		margin-right: 0 !important;
	}

	.productosCarro .producto:nth-of-type(4n) {
		margin-right: 30px;
	}

	.productosCarro .producto .imgProducto img {
		width: 100% !important;
		height: 100% !important;
		border: 0 !important;
	}

	.producto .descri {
		font-size: 14px !important;
    	line-height: 16px !important;
	}

	.productosCarro .producto .artPrecio {
		font-size: 16px;
	}

	div.tags {
		right: 0 !important;
	}

	.productosCarro .producto .artPrecio .precio {
		padding: 0;
		margin: 0;
		font-size: 16px;
		padding-left: 5px;
	}

	.productosCarro .producto .artPrecio .btn,
	.productosCarro .producto .artPrecio .unbtn {
	    position: absolute;
	    right: 0;
	    bottom: 0;
	}

	.productosCarro .producto .artPrecio .btn button,
	.productosCarro .producto .artPrecio .unbtn input {
		height: 36px;
	}

	#prenda {
		width: 100%;
		padding: 15px;
	}

	#prenda div#izq {
		border: 0;
		flex: 0 0 50%;
		max-width: 50%;
	}

	#prenda div#izq .nue,
	#prenda div#izq .ofe {
		top: 0 !important;
		left: 0 !important;
	}

	#prenda div#izq #next {
	    left: initial !important;
	    right: 0 !important;
    	width: 30px !important;
    	font-size: 26px !important;
    	line-height: 26px !important;
    	padding: 4px 11px 7px !important;
	} 

	#prenda div#izq #prev {
	    left: 0 !important;
    	width: 30px !important;
    	font-size: 26px !important;
    	line-height: 26px !important;
    	padding: 4px 11px 7px !important;
	} 
	#prenda div#izq div.tags{
        bottom: 10px !important;
    	right: initial !important;
    	padding: 0 !important;
	    left: 463px !important;
	}

	#prenda div#der {
		flex: 0 0 50%;
		max-width: 50%;
	}
	#prenda div#der div.art {
		width: 50%;
		line-height: 14px;
	}

	#prenda div#der div.art,
	#prenda div#der div.tags,
	#prenda div#der div.calidad {
		font-size: 12px;
		line-height: 22px;
		color: #000;
		display: inline-block;
		position: initial;
		font-weight: 500;
	}

	#prenda div#der h1 {
		padding: 10px 0 !important;
		font-size: 14px !important;
	}

	#prenda div#der div.curva {
		padding: 10px 0 !important;
		font-size: 18px;
	}

	#prenda div#der div.talles {
		width: 100%;
		height: initial;
	}
	#prenda div#der div.calidad {
		width: 100%;
		height: initial;
	}

	#prenda div#der div.colores {
		width: 100%;
		max-height: 100% !important;
	}

	.disclaimer {
		font-size: 10px;
		line-height: 12px;
	}

	#prenda div#agregar {
	    padding: 8px 8px;
	    bottom: 0;
	    right: 0;
	    width: calc(100% - 496px) !important;
	    text-align: center;
	    min-width: 274px;
	}

	#prenda div#der div.colores span.sum_color,
	#prenda div#der div.colores span.min_color {
	    font-size: 18px;
	    line-height: 13px;
	    height: 22px;
	    width: 22px;
	    text-align: center;
	    padding: 3px 0 0 0;
	    vertical-align: bottom;
	    display: inline-block;
	}

	#prenda div#der div.colores input[type="text"] {
		height: 22px;
	}

	.armar-pedido {
		padding-bottom: 55px;
	}

	.armar-pedido .sec h2 {
		font-size: 14px !important;
	}

	.armar-pedido .el-color label {
		font-size: 14px;
		line-height: 16px;
	}

	.armar-pedido .el-talle > div {
		margin-bottom: 15px;
		margin-right: 15px;
	}

	.armar-pedido .el-talle > div span {
		font-size: 14px;
	}

	.armar-pedido .sec.last {
		margin-top: 20px;
	}

	.armar-pedido > button {
		font-size: 16px;
		bottom: 15px;
	}

	/*detalle compra*/
	body {
		overflow-x: hidden;
	}

	#detalle {
		padding: 0;
	}

	.titleDetalle {
	    font-size: 25px;
	    padding: 0 15px;
	    width: 100%;
	}

	div#volver_cart {
		margin: 11px 0;
	}

	#cart_detail {
	    overflow: scroll;
	}

	#cart_detail table {
		width: 100%;
	}

	#cart_detail td, th {
		padding: 10px 5px;
		line-height: 18px;
	}

	#cart_detail td.item-remove {
	    padding: 10px;
	}

	.simpleCart_increment {
		left: -20px;
	}

	.simpleCart_decrement {
		right: -20px;
	}

	#cart_detail td.item-name {
		text-align: left;
	}

	#cart_detail .item-unit {
		display: none;
	}

	#cart_detail tr {
		border: 0;
	}

	#carrito_total {
		flex: 0 0 100%;
		margin-top: 20px;
	}

	form#sendcart div#uno {
		flex: 0 0 calc(50% - 10px);
	} 

	form#sendcart div#dos {
		flex: 0 0 calc(50% - 10px);
		margin-left: 20px;
		margin-right: 0;
		padding: 0;
	}

	form#sendcart div#dos strong {
		margin-top: 10px;
	}

	form#sendcart textarea {
		height: calc(100% - 34px);
	}

	div.enviar_pedido {
	    padding-top: 20px;
	}

	div.enviar_pedido a {
		flex: 0 0 calc(50% - 10px);
	}



	/*footer*/

	footer {
		height: initial !important;
	}

	footer > div {
		padding: 5px 15px !important;
		font-size: 12px;
		line-height: 15px;
	}

}

@media (max-width: 800px){

	#prenda div#izq .slider {
		width: 100% !important;
	}

	#prenda div#izq .slider .slide {
		width: 100% !important;
		text-align: center;
	}

	#prenda div#izq .slider img {
		width: 100% !important;
		height: auto !important;
	}

	#prenda div#izq div.tags {
    	left: calc(100% - 307px) !important;
	}
}

@media (min-width: 768px){
	.cat-mobile {
		display: none !important;
	}
}

@media (max-width: 767px){

	/* login  */

	#login_cont form .botonEntrar {
		width: 100% !important;
		text-align: center;
	}

	#login a {
	    width: 100%!important;
	    height: 40px !important;
	    margin: 0 !important;
	    color: #fff;
	    border: 0 !important;
	    font-size: 17px !important;
	    cursor: pointer !important;
	    text-align: center;
	    margin-top: 15px !important;
	    
	}

	/* menu categorias */

	.navbar-default .navbar-header .navbar-toggle {
		margin-top: 8px !important;
	}

	.navbar-default .navbar-header .navbar-brand {
		margin-top: 8px !important;
	}

	.filtrosCarro {
		display: none;
	}

	#logout_pad p {
		line-height: 25px;
	}

	.hb {
		display: inline-block;
		color: #000;
		cursor: pointer;
		margin: 8px 8px 8px 0;
		background: #fff;
		line-height: 32px;
		padding: 0 10px;
	}

	.hb i {
		margin-right: 3px;
	}

	.cat-mobile {
		/* display: block; */
		position: absolute;
		left: 0;
		top: 48px;
		width: 250px;
		left: 15px;
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
		background: #fff;
	}

	.cat-mobile .card {
		border-radius: 0;
		border: 0;
	}

	.cat-mobile .card .card-header {
		padding: 0 10px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		line-height: 32px;
		border-bottom: 1px solid #ccc;
	}

	.cat-mobile .card:last-of-type .card-header {
		border: 0;
	}

	.cat-mobile .card .card-header a {
		line-height: 32px;
		color: #000;
	}

	.cat-mobile .card .card-header button {
		line-height: 32px;
		flex: auto;
		text-align: right;
		color: #000;
	}

	.cat-mobile .card .card-header button:active,
	.cat-mobile .card .card-header button:focus {
		box-shadow: initial;
	}

	.cat-mobile .card .card-header .btn.btn-link {
		padding: 0;
		font-size: 12px;
	}

	.cat-mobile .card .card-body {
		padding: 10px 10px 10px 20px;
	}


	.cat-mobile .card .card-body a {
		color: #000;
		padding: 10px 0;
	}
 
	.cuentaCarro {
		display: none;
	}

	.barra-filtro {
		position: relative;
	}


	#vermipedido > h3 {
		margin-top: 20px;
		margin-bottom: 10px;
		font-size: 22px;
	}

	.total-m {
		display: block;
	}

	.mipedidoCarro a.vercarro {
		font-size: 18px;
		width: 35px;
		height: 35px;
		padding: 9px 6px;
		margin: -7px -10px 0 0;
	}

	.mipedidoCarro {
		position: relative;
		background: transparent;
	}

	.mipedidoCarro .simpleCart_quantity {
		border-radius: 50px 0 0 50px;
		padding-right: 15px;
		margin-right: -10px;
		min-width: 30px;
		background: #fff;
		color: #000;
	}

	.mipedidoCarro {
		margin: 8px 5px;
	}
	
	/*productos*/
	.productosCarro .producto {
		flex: 0 0 calc(50% - 7.5px);
		max-width: calc(50% - 7.5px);
		margin-right: 15px;
	}

	.productosCarro .producto:nth-of-type(3n) {
	    margin-right: 15px !important;
	}

	.productosCarro .producto:nth-of-type(2n) {
	    margin-right: 0 !important;
	}

	/* prenda */

	#popup-JS {
		top: 15px !important;
	}

	#prenda {
		max-height: calc(100vh - 30px);
		overflow: scroll;
	}

	#prenda div#izq {
		flex: 0 0 100%;
		max-width: 100%;
		position: relative;
	}

	#prenda div#izq .slider img {
		max-width: 500px;
		display: inline-block;
		margin: auto;
	}

	#prenda div#der {
		flex: 0 0 100%;
		padding-left: 0;
		max-width: 100%;
		position: relative;
	}

	#prenda div#der h1 {
		padding: 0 0 5px !important;
		border-bottom: 1px solid #ccc;
	}

	#prenda div#der .tags-prenda {
		position: absolute;
		top: 0;
		right: 0;
	}

	.armar-pedido .sec {
		margin-top: 8px;
	}

	.armar-pedido .sec.last {
		margin-top: 10px;
	}

	.armar-pedido > button {
		position: fixed;
		width: calc(100% - 30px);
		bottom: 15px;
		left: 15px;
		border: 15px solid #fff;
		border-radius: 0 0 10px 10px;
	
	}

	#prenda div#cerrar {
		position: fixed;
		top: 20px;
    	right: 20px;
	}

	/* detalle */

	#wrap {
		padding: 0 0 84px 0;
	}

	#detalle {
		font-size: 18px;
		line-height: 24px;
	}

	div#volver_cart {
		font-size: 14px;
		line-height: 16px;
	}

	#cart_detail td, th {
		padding: 5px 2px;
		line-height: 15px;
		font-size: 13px;
	}

	#cart_detail td.item-remove {
		font-size: 15px;
		padding: 5px 10px;
	}

	form#sendcart {
		padding: 0 15px;
	}

	/* paginacion */

	.numPaginas {
		margin: 0 40px 80px 0px;
	}

}

@media (max-width: 575px){
	/*header*/
	body > nav > .container-fluid ul {
		width: initial;
	}

	body > nav > .container-fluid > div {
	    width: initial;
	    float: right;
	}

	.barra-login {
		flex-flow: row wrap;
		flex-direction: column-reverse;
	}

	#logout_pad {
		padding: 10px 0;
		font-size: 13px;
		width: 100%;
		display: initial;
	}

	#logout_pad p {
		display: inline-block;
	}

	.filtrosCarro input#buscar, 
	.barra-login input#buscar{
		width: calc(100% - 4px);
		font-size: 14px;
		margin-top: 0;
	}

	.barra-login .botonCarro {
		vertical-align: 0px;
	}

	/*carro*/
	.filtrosCarro {
        padding: 3px 15px 40px;
	}
	
	.botonCarro {
	    height: 30px;
	    width: 100%;
	}

	.filtrosCarro select {
	    font-size: 14px;
	    width: calc(50% - 2.25px);
	}

	.filtrosCarro span {
		margin: 0;
	    font-size: 16px;
	}

	.filtrosCarro > span:last-of-type {
		position: absolute;
		left: 15px;
    	bottom: 68px;
    	margin-left: 0 !important;
	}

	.filtrosCarro input#buscar {
	    width: 100%;
	    margin-top: 30px;
	    margin-left: 0;
	}

	.mipedidoCarro .vercarro-fincomp a {
	    height: 30px;
     	display: block; 
	    width: 100%;
	    padding: 8px 10px;
	    text-align: center;
	}

	#vermipedido .flechaUp {
	    right: calc(50% - 8px);
	    top: -10px;
	    margin: 0;
	}

	/*productos*/

	#popup-JS {
		width: 100% !important;
		left: 0 !important;
		height: 100% !important;
		top: 0 !important;
		border-radius: 0;
	}

	#prenda {
		height: 100% !important;
		border-radius: 0;
	}

	#prenda div#der {
		height: calc(100% - 230px);
	}

	#prenda .tum {
		display: none;
	}

	#prenda div#der div.colores {
	    height: calc(100% - 72px) !important;
	    overflow: scroll;
	}

	#prenda div#der div.colores > div {
	    max-height: initial !important;
	}


	#prenda div#izq {
		width: 100% !important;
		height: 200px !important;
		position: relative;
	}

	#prenda div#izq .slider {
		height: 200px !important;
	}

	#prenda div#izq .slider img {
		max-width: initial;
		width: auto !important;
		height: 200px !important;
	}

	#prenda div#izq #next,
	#prenda div#izq #prev {
		top: 85px !important;
	}

	#prenda div#cerrar {
		top: 5px;
		right: 5px;
	}

	.armar-pedido > button {
		border: 0;
		border-radius: 0;
	}

	/* detalle */

	form#sendcart div#uno,
	div.enviar_pedido a  {
		flex: 0 0 100%;
	}

	form#sendcart div#dos {
		flex: 0 0 100%;
		margin-left: 0;
	}

	form#sendcart textarea {
		height: 100px;
	}

	/* paginacion */
	
	.numPaginas {
		margin: 0 40px 88px 0px;
	    font-size: 14px;
	    display: inline-block;
	    float: initial;
        text-align: center;
        width: 100%;
	}

	.numPaginas a {
	    margin: 0 5px;
	}

	.numPaginas span {
	    float: initial;
    	width: auto;
    	margin-right: 8px;
	}
}

@media (max-width: 449px){
	#vermipedido {
		width: 100%;
		min-width: 100%;
		right: -100%;
	}

	#vermipedido a.vaciar,
	#vermipedido a.ver_detalle {
		flex: 0 0 100%;
		margin: 0;
	}

	#vermipedido a.ver_detalle {
		margin-top: 10px;
		line-height: 50px;
	}

	.productosCarro .producto {
		flex: 0 0 100%;
    	max-width: 100%;	
		margin-right: 0;
	}

	#prenda div#der div.art {
		width: 100%;
    	height: 40px;
	}

	#prenda div#der .tags-prenda {
		top: 20px;
		width: 100%;
	}
}



@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { 
    @media {
        .productosCarro .producto .imgProducto img {
			height: 100%;
		}
		#prenda .tum li img {
			height: 100%;
		}
	}
}
	
@media not all and (min-resolution:.001dpcm) { 
    @media {
        .productosCarro .producto .imgProducto img {
			height: 100%;
		}
		#prenda .tum li img {
			height: 100%;
		}
    }
}

/* Hide scrollbar for Chrome, Safari and Opera */
.armar-pedido .el-talle::-webkit-scrollbar,
#prenda::-webkit-scrollbar,
#popup-JS::-webkit-scrollbar {
	display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  .armar-pedido .el-talle,
  #prenda,
  #popup-JS {
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
  }