/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");


.variation{
	display: none;
}

.photo_container{
	position: relative;
	float: left;
	width: 100%;
}

.nsc_box {
	position: relative;
	float: left;
	margin-right: 11px;
	width: 13%;
	cursor: pointer;
}

.box_num {
	text-align: center;
	background: #ededed;
	margin-top: -10%;
}

.box_photo img:hover{
	opacity: 0.7;
  	filter: alpha(opacity=70); /* For IE8 and earlier */
}

.box_activado{
	border: 2px solid #e30561;
	opacity: 0.7;
  	filter: alpha(opacity=70); /* For IE8 and earlier */
}

.box_activado .box_num {
	background: #e30561;
	color: #fff;
}

.img_seleccionada{
	display: none;
	position: absolute;
	top: 58px;
	left: 131px;
	width: 113px;
}

.img_seleccionada_cadre {
	display: none;
	position: absolute;
	top: 41%;
	left: 30%;
	width: 25%;
}

.img_seleccionada_lot {
	display: none;
	position: absolute;
	top: 205px;
	left: 80px;
	width: 129px;
}

.options_product_lot {
	text-align: center;
	padding-top: 20px;
	position: relative;
	float: left;
	width: 100%;
}

.box_op_cant {
	text-align: center;
}

.img_popup {
	margin: 1%;
	padding-bottom: 0;
	padding-right: 0;
}

.img_popup:hover {
	background: :FFF;
	opacity: 0.6;
	cursor: pointer;
}

.minus_popup {
	width: 26px;
	height: 26px;
	background: #E92066;
	border: navajowhite;
	text-align: center !important;
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
}

.input_cant {
	background-color: #fff;
	border: 1px solid #cdcdcd;
	width: 20px;
	height: 0;
	border-radius: 4px !important;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 15px;
	text-align: center !important;
	font-weight: bold !important;
}

.contenedor_fotos {
	width: 100%;
	height: auto;
	position: relative;
	float: left;
}

#contenido_fotos li {
	display: inline;
}

.num_foto {
	position: relative;
	color: #E30561;
	left: -40px;
	top: -15px;
	font-weight: bold;
}

.pink{
	color: #E92066;
}
@media only screen and (max-width: 1300px) {
	.nsc_box {
		position: relative;
		float: left;
		margin-right: 11px;
		width: 12%;
		cursor: pointer;
	}

	.img_seleccionada_lot {
		position: absolute;
		top: 188px;
		left: 75px;
		width: 117px;
	}

}

@media only screen and (max-width: 1200px) {
	.img_seleccionada_lot {
		position: absolute;
		top: 161px;
		left: 66px;
		width: 101px;
	}
}

@media only screen and (max-width: 999px) {
	.img_seleccionada_lot {
		position: absolute;
		top: 174px;
		left: 70px;
		width: 109px;
	}
}

@media only screen and (max-width: 778px) {
	.img_seleccionada_lot {
		position: absolute;
		top: 175px;
		left: 70px;
		width: 108px;
	}
}

@media only screen and (max-width: 768px) {
	.img_seleccionada_lot {
		position: absolute;
		top: 237px;
		left: 90px;
		width: 146px;
	}

	.img_seleccionada_cadre {
		display: none;
		position: absolute;
		top: 41%;
		left: 25%;
		width: 21%;
	}
}


@media only screen and (max-width: 600px) {
	.bloque {
		position: relative;
		float: left;
		width: 100%;
	}

	.img_seleccionada_lot {
		position: absolute;
		top: 199px;
		left: 78px;
		width: 123px;
	}
	
	.nsc_box {
		position: relative;
		float: left;
		margin-right: 11px;
		width: 25%;
		cursor: pointer;
		margin-left: 13px;
	}

}

@media only screen and (max-width: 480px) {
	.img_seleccionada_lot {
		position: absolute;
		top: 142px;
		left: 60px;
		width: 88px;
	}
}

@media only screen and (max-width: 350px) {
	.img_seleccionada_lot {
		position: absolute;
		top: 46%;
		left: 18%;
		width: 28%;
	}
}

@media only screen and (max-width: 300px) {
	.nsc_box {
		position: relative;
		float: left;
		margin-right: 11px;
		width: 25%;
		cursor: pointer;
		margin-left: 13px;
	}

}

@media only screen and (max-width: 270px) {
	.nsc_box {
		position: relative;
		float: left;
		margin-right: 11px;
		width: 23%;
		cursor: pointer;
		margin-left: 13px;
	}

}


@media only screen and (max-width: 480px) {
	
	.img_seleccionada {
		position: absolute;
		top: 20px;
		left: 90px;
		width: 90px;
	}

}