/* actualizado el 18/10/2016 */
/* Rev 1311271343 */

/*
    Main carousel wrapper.
*/
.kc-wrap/*, .ausuario #cuadro01 .kc-wrap*/ {
    /* Various commands to stop items being selected when mouse-dragging/touching. */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    /* Disable IE10/11 default actions */
    -ms-touch-action: none;
    overflow:hidden;
    position:relative;
	background: transparent;
    width:100%;
    /* This makes wrapper scale vertically in proportion to width */
    /*padding-bottom:25%;*/
    height: 210px;
}
.inicio #cuadro01 .kc-wrap {
    height: 320px;
}
.ficha .kc-wrap, .wishList .kc-wrap {
	height: 280px;
}
.kc-horizon {
    visibility:hidden;
}
/* 
    This wraps carousel items.
*/
.kc-item/*, .ausuario .cuadro01 .kc-item*/ {
    position:absolute;
    /* These sizes are from the examples - change as appropriate */
    width: 120px;
    height: 169px;
    -webkit-tap-highlight-color:rgba(0,0,0,0); 
    visibility:hidden;
}
.inicio #cuadro01 .kc-item {
    width:445px;
    height:290px;	
	background: #f7f7f7;
	background: linear-gradient(to bottom, #fff, #eee);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee)); /* Safari 4-5, Chrome 1-9 */
	background: -webkit-linear-gradient(to bottom, #fff, #eee);
	background: -moz-linear-gradient(to bottom, #fff, #eee);
	background: -o-linear-gradient(to bottom, #fff, #eee);
	background: -ms-linear-gradient(to bottom, #fff, #eee);
}
.ficha .kc-item, .wishList .kc-item {
	width: 170px;
	height: 240px;
	background: #f7f7f7;
	background: linear-gradient(to bottom, #f7f7f7, #dcdcdc);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f7f7), to(#dcdcdc)); /* Safari 4-5, Chrome 1-9 */
	background: -webkit-linear-gradient(to bottom, #f7f7f7, #dcdcdc);
	background: -moz-linear-gradient(to bottom, #f7f7f7, #dcdcdc);
	background: -o-linear-gradient(to bottom, #f7f7f7, #dcdcdc);
	background: -ms-linear-gradient(to bottom, #f7f7f7, #dcdcdc);
}
.kc-item img {
	position:absolute;
	pointer-events: none;   /* Make images non-selectable. */
	/*width:100%;*/             /* Make images expand to wrapper size (used in 2d modes). */
}
.ficha .kc-item img, .wishList .kc-item img {
	width: 100%;
	height: 100%;
}
.inicio #cuadro01 .kc-item .imgGroup img {
	max-width: 170px;
	max-height: 240px;
	width: 100%;
	height: 100%;
}
.kc-item img {
	width: 120px;
	height: 169px;
}
.inicio #cuadro01 .kc-item img/*, .ficha .kc-item img*/ {
	width: inherit;
	height: inherit;
}

/*
    Item Shadows are made from three sections, bottom, left and right.
    This appears to give better performance than using CSS shadows, and minimizes the
    pixel area of shadow drawn.
    The image URLs used for the shadows will actually be copied into <img> elements.
    You can of course change the images if required.
*/

.kc-shadow-bottom {
    position:absolute !important;
    top:100% !important;
    width:100% !important;
    height:10% !important;
    background-image:url(../imagenes/shadow-bottom.png);
    left:0px !important;
}
.kc-shadow-left,.kc-shadow-right {
    position:absolute !important;
    top:0% !important;    
    width:10% !important;
    height:100% !important;
    left:-10% !important;
    background-image:url(../imagenes/shadow-left.png);
}
.kc-shadow-right {
    left:100% !important;
    background-image:url(../imagenes/shadow-right.png);
}

/*
    Reflection.
    This is applied to an inserted <canvas> element that is the reflection.
*/

.kc-reflection {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:0px;
}

/* The wrapping element of navigation buttons (if used) */
.kc-nav-wrap {
    display:inline-block;
    position:absolute;
    z-index:1000;
}
/* Navigation button */
.kc-nav-button, .kc-nav-button-active {
    width:16px;
    height:16px;
    background-color: #888;
    float:left;
    margin-right:10px;
    cursor: pointer;
    border-radius: 16px;
    border:1px solid rgba(0,0,0,0.5);
}
/* Navigation button active */
.kc-nav-button.active {
    background-color: #fff;
}

/* No margin on  last one. */
.kc-nav-button.last {
    margin-right:0;
}
.inicio #kc-1 .imgGroup {
	position: relative;
	float: left;
	width: 50%;
	height: 100%;
}
.inicio #kc-1 .imgItem {
	position: absolute;
	top: 10%;
	left: 9%;
	width: 78%;
	height: 83%;
	z-index: 2;
}
.inicio #kc-1 .imgItemTwo {
	position: absolute;
	top: 7%;
	left: 14%;  
	width: 78%;
	height: 83%;
	transform: rotate(3deg);
	z-index: 1;
}
/*#kc-2 img, .ausuario*/ .kc-wrap img {
	border: 0;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.5);
	box-shadow: 0 1px 3px rgba(0,0,0,.5);
}
/*#kc-3 img*/ .cuadro03 .kc-wrap img {
	border: 0;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.8);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.8);
	box-shadow: 0 1px 3px rgba(0,0,0,.8);
}
.inicio #cuadro01 .kc-wrap img, .ficha .kc-wrap img, .wishList .kc-wrap img, .kc-wrap .buttonIcon img {
	border: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.inicio #kc-1 .imgItem img {
	border: 0;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.25);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.25);
	box-shadow: 0 1px 3px rgba(0,0,0,.25);
}
#kc-1 .infoItem {
	position: relative;
	float: left;
	width: 44%;
	height: 100%;
}
#kc-1 .infoItem .infoTitulo {
	position: relative;
	padding: 13% 0 0 4%;
	font-size: 1.4em;
	max-height: 25%;
	overflow: hidden;
	color: #000;
}
#kc-1 .infoItem .infoResumen {
	position: relative;
	padding: 4% 0 0 4%;
	height: 38%;
	overflow: hidden;
}
noindex:-o-prefocus, #kc-1 .infoItem .infoResumen { /*Opera*/
	height: 35%;
}
#kc-1 .infoItem .infoResumen p {
	margin: 0;
}
#kc-1 .infoPrecio-Unidades {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	width: 96%;
	margin: 20px 0 0 4%;
	padding: 3% 0;
	border: 1px solid #ccc;
	overflow: hidden;
}
#kc-1 .infoItem .infoPrecio, #kc-1 .infoItem .infoUnidades {
	position: relative;
	padding: 0 4px;
	text-align: center;
	line-height: 22px;
}
#kc-1 .infoItem .infoPrecio {
	font-size: 1.4em;
	flex-grow: 1;
	border: 0;
}
#kc-1 .infoItem .infoUnidades {
	flex-grow: 2;
}
#kc-1 .infoItem .infoPrecio span, #kc-1 .infoItem .infoUnidades span {
	white-space: nowrap;
}
#kc-1 .infoItem .infoBoton {
	position: relative;
	width: 96%;
	margin: 6px 0 0 4%;
	text-align: center;
}
#kc-1 .infoItem .infoBoton a {
	width: 100%;
	margin: 0 auto;
	padding: 4px 10px;
	text-align: center;
}
#kc-1 .infoItem .infoBoton a:hover {
	color: #fff;
}
.ficha #kc-1 .kc-item span {
	display: block;
	width: 100%;
	padding: 60% 10px 0;
	color: #707070;
	font-size: 1.3em;
	line-height: 1.2em;
	text-transform: uppercase;
	text-align: center;
}