/* The format will be 07/02/2017 Release 1.10. */
.grid-container {
	min-width: 768px !important;
}
.bx-wrapper {
	max-width: 385px !important;
	max-height: 385px !important;
	height: 385px !important;
}
.bx-wrapper,
.bx-viewport {
	max-width: 385px !important;
	max-height: 385px !important;
	height: 385px !important;
}
.bx-wrapper,
.bx-viewport {
	max-width: 385px !important;
	max-height: 385px !important;
	height: 385px !important;
}
.bx-wrapper,
.bx-viewport,
.bx-wrapper img {
	max-width: 385px !important;
	max-height: 385px !important;
	height: 385px !important;
}
.bx-wrapper,
.bx-viewport {
	-moz-box-shadow: 0px 0px 0px transparent !important;
			 box-shadow: 0px 0px 0px transparent !important;
}
.bx-wrapper .bx-controls-direction a {
	z-index: 6;
}
.galery-gid {
	position: relative;
	padding: 0px !important;
}
.outside {
	position: absolute;
	top: 50%;
	width: 100%;
}
.blue-color-back {
	background: #00f;
}
.red-color-back {
	background: #f00;
}
.yellow-color-back {
	background: #ff0;
}
.slider-prev {
	background: #fff;
	width: 35px;
	height: 35px;
	float: left;
}
.slider-next {
	background: #fff;
	width: 35px;
	height: 35px;
	float: right;
}
.bx-arrows-gid {
	margin: 0 auto;
	line-height: 35px;
}
.bx-next {
	background: url("/assets/img/flechasgid/flecha_avanzar_40.png") no-repeat center !important;
	width: 35px !important;
	height: 35px !important;
	right: 0px !important;
}
.bx-prev {
	background: url("/assets/img/flechasgid/flecha_regresar_40.png") no-repeat center !important;
	width: 35px !important;
	height: 35px !important;
	left: -5px !important;
}
.bx-next:hover {
	background: url("/assets/img/flechasgid/flecha_avanzar_70.png") no-repeat center !important;
}
.bx-prev:hover {
	background: url("/assets/img/flechasgid/flecha_regresar_70.png") no-repeat center !important;
}
.widget-atributos {
	margin-left: 10px;
	margin-right: 10px;
	width:40%;
	padding-right:30px;

}

.gid-contenido-more-info-git #detalle_producto_bullets {
	float: none !important;
	margin-top: 0 !important;
	width: 100% !important;
}
.margin-more-widget {
/*  margin-left: 10px;*/
		margin-right: -20px;
		padding: 0;
	float:right;
}
.title-item-gid {
	font-size: 20px;
	line-height: 22px;
	font-family: 'robotoregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
}
.subtitle-item-gid {
	font-size: 11px;
	color: #808080;
	font-family: 'robotolight', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.precio-special-gid {
	text-decoration: line-through;
	color: #b3b3b3;
	font-size: 15px !important;
	font-family: 'robotolight', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #81898b;
	font-weight: 100;
}
.precio-promocion-gid {
	color: #f00;
	font-size: 22px !important;
	line-height: 25px;
	font-family: 'robotoregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
}
.txt-color-gris {
	color: #b3b3b3;
}
.title-module {

	font-size: 12px;
	color: #666 !important;
	padding-bottom:10px;
	text-transform:uppercase;
}
.attr-color-value {

	font-size: 12px;
	color:#161616 !important;
	font-weight:500;
}
/*fix for colour swatch display */
.circular-color {
	height: 20px;
	width: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	display: inline-block;
	border: 1px solid #dbdbdb;
	line-height: 20px;
	cursor: pointer;
	background-size: cover!important;
}
.circular-color-select {
	height: 22px;
	width: 22px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	display: inline-block;
	padding: 3px;
	border: 1px solid transparent !important;
}
.circular-color-select:hover,
.circular-color-select.this-is-the-color {
	border: 1px solid #000 !important;
}

.circular-color-select.square-option-select {
	height: 22px;
	width: 22px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	display: inline-block;
	padding: 2px;
}
.circular-margin {
	margin-left: 5px;
}
.select-colors {
	margin-top: 10px;
	margin-bottom: 10px;
}
.content-sizes {
	margin-top: 10px;
	margin-bottom: 10px;
}
a.square-option-size {
	border: 1px solid #b3b3b3;
	color: #b3b3b3;
	padding: 7px;
	font-size: 12px;
	font-family: "Roboto";
	display: inline-block;
	vertical-align: middle;
	font-family: 'robotoregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-left: 3px;
	margin-bottom: 5px;
	position: relative;
	cursor: pointer;
}
a.square-option-size.inactive {
	background-color: #f2f2f2;
	background-image: none;
}
a.square-option-size .notAvailable {
	background: url("data:image/svg+xml;utf8,<svg xmlns='https://www.w3.org/2000/svg' width='100%' height='100%'><line x1='0px' y1='0' x2='100%' y2='100%' stroke='#666' stroke-width='1'/></svg>") no-repeat;
	left: 0;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
}
a.square-option-select {
	border: 1px solid #000;
	color: #000;
}
.cant-modify {
	font-size: 12px;
	border: 1px solid #dadada;
	text-indent: 11px;
	vertical-align: middle;
	background-color: #fff;
	display: inline-block;
	vertical-align: middle;
	font-family: 'robotoregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 30px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	margin: 0px !important;
}
.cant-modify.active {
	color: #000;
}
.cant-modify.push-for-less {
	-webkit-user-select: none;
		 -moz-user-select: none;
			-ms-user-select: none;
					user-select: none;
	user-drag: none;
	-webkit-user-drag: none;
}
.cant-modify.push-for-more {
	border-left: 1px solid #000;
}
user-select none {
	user-drag: none;
	-webkit-user-drag: none;
}
.cant-text,
.cant-text-h {
	font-size: 12px;
	border: 1px solid #000;
	text-indent: 0px;
	vertical-align: middle;
	background-color: #fff;
	display: inline-block;
	vertical-align: middle;
	font-family: 'robotoregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 29px;
	width: 30px;
	height: 30px;
	margin-right: -5px;
	margin-left: -5px !important;
}
.cant-text-h {
	margin-right: -4px !important;
}
.cant-text-input {
	width: 29px;
	height: 29px;
	border: none;
	padding: 0px !important;
	margin: 0px !important;
	text-align: center;
	-webkit-user-select: none;
		 -moz-user-select: none;
			-ms-user-select: none;
					user-select: none;
	user-drag: none;
}
.cant-text-input -webkit-user-drag none {
	font-size: 12px;
	border: 1px solid #dadada;
	text-indent: 11px;
	vertical-align: middle;
	background-color: #fff;
	display: inline-block;
	vertical-align: middle;
	font-family: 'robotoregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 30px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	margin: 0px !important;
}
.cont-modify-cant {
	/*margin: 10px;*/
}
.title-arrive-date {
	color: #000;
	font-family: 'robotoregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height:18px;
}
.subtitle-arrive-date {
	color: #3ab54a;
	display: block;
	font-family: 'robotoregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
.view-dis {
		color: #000;
		font-family: 'robotoregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 13px;
		cursor: pointer;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: underline;
}
.view-dis > span {
		display: none;
}
.titulo-group-item {
	font-family: 'robotoregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 20px;
}
.gpit-check-this {
	position: absolute;
	left: -11px;
	top: -11px;
	z-index: 99;
	widt: 20px;
	height: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}
.gpit-check-tick {
	font-size: 20px;
	color: #fafafa;
}
.checkmark__circle {
	stroke-dasharray: 166;
	stroke-dashoffset: 166;
	stroke-width: 2;
	stroke-miterlimit: 10;
	stroke: #e10d98;
	fill: none;
	-webkit-animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
		 -moz-animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
					animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
.checkmark {
	width: 30px;
	height: 30px;
	-moz-border-radius: 50%;
			 border-radius: 50%;
	display: block;
	stroke-width: 6;
	stroke: #fff;
	stroke-miterlimit: 10;
	margin: 10% auto;
	-moz-box-shadow: inset 0px 0px 0px #e10d98;
			 box-shadow: inset 0px 0px 0px #e10d98;
	-webkit-animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
		 -moz-animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
					animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
}
.checkmark__check {
	-webkit-transform-origin: 50% 50%;
		 -moz-transform-origin: 50% 50%;
					transform-origin: 50% 50%;
	stroke-dasharray: 48;
	stroke-dashoffset: 48;
	-webkit-animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
		 -moz-animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
					animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}
select.gpit-action-select-store {
	background: #f0f0f0;
	border: 1px solid #b3b3b3;
	height: 40px;
	-moz-box-shadow: 0 0 5px #ccc;
			 box-shadow: 0 0 5px #ccc;
	font-family: 'robotoregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	width: 190px;
}
.gid-message-error-git {
	color: #ab252c;
	font-size: 12px;
	display: none;
}
.gid-message-cant-error-git {
	color: #ab252c;
	font-size: 12px;
	display: none;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.gid-arrow-down-git {
	float: right;
}
.section-info-gid {
	min-height: 30px;
	/*border-top: 1px solid #d3d3d3;
	padding: 2px 0;*/
	cursor: pointer;
	position: relative;
	width:100%;
}
.section-info-gid h1 {
	font-family: 'robotocondensed', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	font-size:12px;
	padding:10px 5px;
	border-top:solid 1px #ddd;

}
.gid-parrafo-contenido-git {
	padding: 0px 10px;
	font-size:12px;
}
.gid-parrafo-contenido-git h2 {
	font-family: 'robotocondensed', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
}
.gid-contenido-more-info-git {
		position: absolute;
		left: -1px;
		width: 100%;
		background: #fff;
		z-index: 99;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
		max-height: 500px;
		overflow: hidden;
		padding: 0px 20px 10px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
}
.gid-contenido-more-info-git > ul > li {
	padding: 6px 0px;
}
.gid-contenido-more-info-git > ul > li > .gid-text-bold-lista-git {
		font-weight: bold;
		font-family: 'robotocondensed', "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 12px;
		display: inline-block;
		/* max-width: 130px; */
		vertical-align: middle;
		width: 40%;
		line-height: 16px;
}
.gid-parrafo-contenido-git ul li {
	font-family: 'robotocondensed', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	list-style-type: none;
}
.gid-parrafo-contenido-git ul > li:before {
	content: "- ";
}
.gid-contenido-more-info-git ul li > .gid-text-normal-lista-git {
		font-family: 'robotoregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 12px;
		display: inline-block;
		text-align: left;
		vertical-align: top;
		width: 58%;
		padding-left: 5px;
		box-sizing: border-box;
		line-height: 16px;
}
div.gid-parrafo-contenido-git > p {
	font-family: 'robotoregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
}
a.more-info-link {
		color: #e10d98;
		font-size: 12px;
		font-family: 'robotoregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
		position: absolute;
		bottom: 0px;
		width: 100%;
		background-color: aliceblue;
		left: 0;
		padding-left: 10px;
		line-height: 40px;
		background: -moz-linear-gradient(top, rgba(255,255,255,0.71) 0%, rgba(255,255,255,1) 42%, rgba(255,255,255,1) 87%);
		background: -webkit-linear-gradient(top, rgba(255,255,255,0.71) 0%,rgba(255,255,255,1) 42%,rgba(255,255,255,1) 87%);
		background: linear-gradient(to bottom, rgba(255,255,255,0.71) 0%,rgba(255,255,255,1) 42%,rgba(255,255,255,1) 87%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5ffffff', endColorstr='#ffffff',GradientType=0 );
}
.more-info-date {
	position: relative;
}
.more-info-date > hr{
	margin: 15px 0px;
		border: none;
		background-color: #ddd;
		width: 100%;
		height: 1px;
}
.more-info-date .tlodropdiv {
	margin-bottom: -18px;
}

.gid-alert-vdispo-git {
	position: absolute;
	top: 25px;
	left: -160px;
	border: 1px solid #000;
	width: 130px;
	height: 44px;
	padding: 5px;
	display: none;
	background-color: #fff;
}
.gid-alert-vdispo-git:after {
	content: '';
	display: block;
	position: absolute;
	top: 16px;
	left: 140px;
	width: 0;
	height: 0;
	border-color: transparent transparent transparent #fff;
	border-style: solid;
	border-width: 10px;
}
.gid-alert-vdispo-git:before {
	content: '';
	display: block;
	position: absolute;
	top: 15px;
	left: 140px;
	width: 0;
	height: 0;
	border-color: transparent transparent transparent #000;
	border-style: solid;
	border-width: 11px;
}
.gid-alert-vdispo-git p {
	font-family: 'robotoregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
}
.info-deactive {
	display: none;
}
.info-active {
	display: block;
	box-sizing:border-box;
}
.dllSearch_box {
	font-family: 'robotoregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.dllSearch_disable {
	display: none;
}
.dllSearch_enable {
	display: block;
}
.element-in-right {
	float: right;
	margin-top:4px;
}
.CustomDDL {
	width: 100% !important;
}
#pdp-productFlags {
	width: 100% !important;
}
#pdp-productFlags ul li {
	max-width: 100% !important;
}
.thisInMac {
	width: 310px !important;
}
.gid-seleccioncolores {
	margin-bottom: 20px;
}
.gid-seleccionarsize {
	margin-bottom: 20px;
}
.ViewDetail {
	margin-top: 50px;
}
.viewDetailTxt {
	color: #656565;
	font-size: 12px;
}
.iconArrowDetail {
	color: #555;
	font-size: 12px;
	font-weight:bold;
	margin-left:5px;
}
.verDisponibilidad {
	margin-top: 15px;
	margin-bottom: 15px;
	display: block;
	padding-left:10px;
}
.no-paddin-in-git {
	padding: 0 !important;
	float: right !important;
}
.no-padding-right-in-git {
	padding-right: 0 !important;
}
.flag-in-gid {
	width: 25px;
	height: 25px;
	font-size: 25px !important;
}
.txt-flags-gid {
	height: 25px;
	width: 79px !important;
	overflow: hidden;
}
.invisible-tick {
	display: none;
}
.visible-tick {
	display: inline;
}
#star > i.icon-liv-star-10 {
	color: #fcba2c;
}
#star > i.icon-liv-star-09 {
	color: #fcba2c;
}
#tooltipRate > div > i.icon-liv-star-09 {
	color: #fcba2c;
}
#tooltipRate > div > i.icon-liv-star-10 {
	color: #fcba2c;
}
#rating > div > div > i.icon-liv-star-09 {
	color: #fcba2c;
}
#rating > div > div > i.icon-liv-star-10 {
	color: #fcba2c;
}
.product-disable-now {
	position: relative;
}
.opacity-product-disabled {
	opacity: 0.9;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 102%;
	height: 100% !important;
	min-height: 223px !important;
	background: #fff;
	z-index: 8;
}
.the-text-disabled {
	font-weight: 600;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 57% !important;
	min-height: 223px !important;
	z-index: 9;
	color: #000;
	text-align: center;
	padding-top: 25%;
}
.square-option-material,
.square-option-texture {
	border: 1px solid #b3b3b3;
	color: #b3b3b3;
	cursor: pointer;
	display: inline-block;
	padding: 5px;
	position: relative;
	margin-right: 4px;
	vertical-align: top;
}
.square-option-material.selected,
.square-option-texture.selected {
	border: 1px solid #000;
	color: #000;
}
.content-textures,
.content-materials {
	margin-bottom: 15px;
}
.content-sizes select,
.content-textures select,
.content-materials select {
	border: 1px solid #b3b3b3 !important;
	color: #666 !important;
	font-size: 13px;
	padding: 12px 0 12px 3px;
}
.content-sizes select.disabled,
.content-textures select.disabled,
.content-materials select.disabled {
	color: #d8d8d8;
}
.slider-groupitems-images .slide {
	width: 310px;
	height: 310px;
	margin-top: -40px;
}
.slider-groupitems-images .slide img {
	height: auto !important;
	max-width: 100% !important;
	max-height: 100% !important;
	margin-top: 38px;
}
.bx-wrapper .bx-controls-direction a {
	margin-top: -100px !important;
}
@-moz-keyframes stroke {
	100% {
		stroke-dashoffset: 0;
	}
}
@-webkit-keyframes stroke {
	100% {
		stroke-dashoffset: 0;
	}
}
@keyframes stroke {
	100% {
		stroke-dashoffset: 0;
	}
}
@-moz-keyframes scale {
	0%, 100% {
		-moz-transform: none;
				 transform: none;
	}
	50% {
		-moz-transform: scale3d(1.1, 1.1, 1);
				 transform: scale3d(1.1, 1.1, 1);
	}
}
@-webkit-keyframes scale {
	0%, 100% {
		-webkit-transform: none;
						transform: none;
	}
	50% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
						transform: scale3d(1.1, 1.1, 1);
	}
}
@keyframes scale {
	0%, 100% {
		-webkit-transform: none;
			 -moz-transform: none;
						transform: none;
	}
	50% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
			 -moz-transform: scale3d(1.1, 1.1, 1);
						transform: scale3d(1.1, 1.1, 1);
	}
}
@-moz-keyframes fill {
	100% {
		-moz-box-shadow: inset 0px 0px 0px 30px #e10d98;
				 box-shadow: inset 0px 0px 0px 30px #e10d98;
	}
}
@-webkit-keyframes fill {
	100% {
		box-shadow: inset 0px 0px 0px 30px #e10d98;
	}
}
@keyframes fill {
	100% {
		-moz-box-shadow: inset 0px 0px 0px 30px #e10d98;
				 box-shadow: inset 0px 0px 0px 30px #e10d98;
	}
}

/********** SOLVING LI ELEMENTS ON MORE INFO *****************/
.more-info-gid .gid-contenido-more-info-git #detalle_producto_bullets li {
	list-style-position: outside !important;
	margin-left: 1em !important;
}
/******** SOLVING COLOR OF HORIZONTAL LINES ******************/
.content-group-items > hr {
	border-bottom: 0px;
		border: none;
		background-color: #ddd;
		width: 100%;
		height: 1px;
		margin: 15px 0 25px;
}
/*.section-info-gid {
	border-top: #ddd;
}*/

/* new styke 3 23 2017*/
.gid-masinformacion{
	margin-top:20px;
}


/* STYLES FOR DOWNLOADABLES */
.digitalProductInfo .label, .digitalProductInfo .value {
	font-size: 12px;
	margin: 10px 0;
}
	.digitalProductInfo .value span {
		color: #0ABD3E;
		margin-left: 20px;
	}

.collectionPage p.txt-alert {
	text-transform: none !important
}
