/*=============================================
INFOPRODUCTO
=============================================*/

.infoproducto{
	padding: 5px 5px;
}

.infoproducto figure.visor img{
	display:none;
	cursor:crosshair;

}

.infoproducto figure.visor img:first-child{
	display:block;
}

.flexslider{
	cursor: pointer;
}

/* Set Max heights  on containers and img elements */
@media (max-width:420px){
    ul.slides > li {
        height: 150px;
    }
}
@media (min-width:421px){
    ul.slides > li {
        height: 150px;
    }
}

/* Make content autofit to max-height property, and center both vertically and horizontally with transform */
ul.slides > li > * {
    height: auto;
    max-height : 100%;
    max-width: 100%;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
	overflow-y: hidden;
}

/* For images specifically, set height to 100% and width to auto so you are keeping aspect ratio */
ul.slides > li > img {
  width : 150px !important;
}

.lupa{
	display:none;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}

.lupa img{
	position:relative;
	margin-top:-100%;
	margin-left:-50%;
	width:160%;
}

.compartirRedes{
	border:0px;
	box-shadow:none;
	margin:0px;
}

.compartirRedes li p{
	color:white;
	text-align: center;
	line-height: 30px;
	padding:8px;
	font-size:18px;
	margin-top:10px;
	margin-bottom:20px;
	cursor:pointer;

}

.btnFacebook{
	background:#46639f;
}

.btnGoogle{
	background:#d6513e;
}

.alturaComentarios{
	height:300px;
}


/*=============================================
ESCRITORIO GRANDE (LG revisamos en 1366px en adelante)
=============================================*/

@media (min-width:1200px){

	.videoPresentacion{

		height:415px;
	}

}

/*=============================================
ESCRITORIO MEDIANO O TABLET HORIZONTAL (MD revisamos en 1024px)
=============================================*/

@media (max-width:1199px) and (min-width:992px){
	
	.videoPresentacion{

		height:350px;
	}


}

/*=============================================
ESCRITORIO PEQUEÑO O TABLET VERTICAL (SM revisamos en 768px)
=============================================*/

@media (max-width:991px) and (min-width:768px){
	
	.videoPresentacion{

		height:300px;
	}



}

/*=============================================
MOVIL (XS revisamos en 320px)
=============================================*/

@media (max-width:767px){

	.videoPresentacion{

		height:200px;
	}

	.fondoBreadcrumb{
		font-size:12px;
	}

	.botonesCompra button{
		margin:5px 0;
	}

}