@import url(comun.css);
@import url(galeria.css);

.caminoHormigas{ margin-bottom:50px; }
#alerta{ display:none; padding:5px 10px; width:100%; background-color:#FFD9D9; color:#F00; font-weight:bold; }
#otros_productos{ -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); margin-top:60px; padding:-5px 0px; width:100%; }
.lupa{ display:none; position:absolute; z-index:2; width:100%; height:100%; background:rgba(0,0,0,0.2) url(../images/comun/lupa64.png) no-repeat center center; cursor:pointer; }


/* ------------------------------------ */
/*			AVISO DE AÑADIDO			*/
/* ------------------------------------	*/

#avisodeAnadido { position:fixed; bottom:10px; right:10px; width:280px; background: #fff; z-index: 2000; border:2px solid #D02539; padding:5px; display:none; }
#avisodeAnadido > *:not(.piePie) { display:inline-block; vertical-align:middle; color:#000000; }
#avisodeAnadido figure { width:93px; height:70px; padding:0; margin:0;}
#avisodeAnadido figure img{ height:100%; display:block; margin:0 auto; }
#avisodeAnadido div {width:63%; text-align: center; font-size: 93.75%;}
#avisodeAnadido .piePie{ margin-top: 15px; display: block; text-align: center; }
#avisodeAnadido .piePie a,
#avisodeAnadido .piePie a:visited{ display:inline-block; margin-right: 5px; padding: 8px 4px; background-color:#D02539; color: #FFF; font-size: 100%; }
#avisodeAnadido .piePie a:last-child{ margin-right:0px !important; }

/* ------------------------------------ */
/*			CUADRO GALERIA				*/
/* ------------------------------------	*/

.columnaImgs{ overflow:hidden; }
.columnaImgs figure{ position:relative; overflow:hidden; }
.columnaImgs > figure{ width:100%; }
.columnaImgs > figure:hover .lupa{ display:block; }
.columnaImgs figure img{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; width:100%; }

/* ------------------------------------ */
/*				DESCRIPCION				*/
/* ------------------------------------	*/
#ficha{ text-align:justify; }
#ficha header{ margin-bottom:20px; }
#ficha .tituloH1{ font-size:150%; margin:0px auto; color:#D02539; }
#ficha_referencia{ font-size:87.5% !important; font-weight:bold; }

#ficha_descripcion{ color:#000; }
#ficha_descripcion *:not(li){ font-size:17px; font-weight:300; line-height:1.3em; margin-bottom:20px; }
#ficha_descripcion em{ font-style:italic; }
#ficha_descripcion strong{ font-weight:bold; }
#ficha_descripcion ul > li{ list-style:square; }
#ficha_descripcion ol > li{ list-style:decimal; }
#ficha_descripcion h2, #ficha_descripcion h3, #ficha_descripcion h4, #ficha_descripcion h5, #ficha_descripcion h6{ color:#D02539; }
#ficha_descripcion ul, #ficha_descripcion ol{ margin-left:40px; }

#adjunto{ font-size:100%; font-weight:bold; }
#adjunto a,
#adjunto a:visited{ display:inline-block; color:#D02539; border:1px solid #D02539; padding:5px 10px;}
#adjunto a > *{ display:inline-block; vertical-align:middle; }
#adjunto a:hover{ background:rgba(0,0,0,.05); cursor:pointer; }

#ficha footer{ text-align:center; margin:20px auto 40px auto; border:1px solid #D02539;}
.colFP{ padding:5px; }
.colFP > *{ display:inline-block; vertical-align:middle; }
.filaUnidAdd{ border-bottom:none !important; }

#ficha p{ font-size:17px; font-weight:300; line-height:1.3em; }

/* precios */
.filaPrecios > *{ display:inline-block; margin:5px 10px; }
#precio_anterior{ font-style:italic; font-size:87.5%; }
#precio_anterior span{ text-decoration:line-through; color:#F00; }
#precio_actual span{ color:#000; font-weight:bold; font-size:125%; }

/* unidades y añadir */
#addcart{ margin-bottom:-5px; }

/* CAJA CANTIDAD PRODUCTO */
.boxcantidad{ border:1px solid #D02539; width:68px; margin-right:7px; background-color:#FFF;}
.boxcantidad:after{ content:''; display:table; clear:both; }
.boxcantidad > *,
.boxcantidad a{ display:block; background-color:#D02539; }
.boxcantidad > *{ float:left; }
.boxcantidad label{ text-align:center; padding-top:5px; background-color:#FFF; color:#000000; }
.boxcantidad a{ border:1px solid #fff; text-align:center; font-weight:bold; }
.boxcantidad a, .boxcantidad2 a:visited, .boxcantidad2 a:active{ color:#fff; }
.boxcantidad a:hover{ opacity:0.7; }

/* Atributos y variantes */
.filaAV{ border-bottom:1px solid #D02539; padding:10px 0px !important; }
.itemVA{ margin:10px 10px; display:inline-block; vertical-align:middle; }
.itemVA > *{ display:inline-block; vertical-align:middle; }
.titVA{ color:#D02539; font-weight:bold; font-size:16px; margin-right:5px; }
.itemVA select{ padding:0px 2px; border:1px solid #000; font-size:16px; }

/* Vídeo de YouTube */
#youtube{ margin:20px auto; text-align:center; }
#youtube iframe{ max-width:100%; }


/* PC */
@media screen and (min-width: 980px) { 

	/* Cuadro galería */
	.columnaImgs{ float:left; width:380px; margin-right:20px; }
	.columnaImgs > figure{ height:285px; }

	#miniaturas{ text-align:center; }
	#miniaturas > figure{ margin:5px 2.5px; display:inline-block; width:90px; height:67.5px; }

	/* Descripción */
	#ficha{ float:left; width:580px; margin:0px auto; }
	#ficha footer{ padding:0px; }
	.colFP{ display:inline-block; }
	#adjunto{ margin:10px auto 40px auto; }
	
	/* precios */
	.filaPrecios{ margin-right:70px; }
	
	.boxcantidad label{ height:30px; width:50px; font-size:16px; }
	.boxcantidad div{ height:30px; width:16px; }
	.boxcantidad a{ height:15px; width:16px; font-size:16px; line-height:14px; }
	
}

/* TABLET */
@media screen and (min-width: 640px) and (max-width: 980px) { 
	
	/* Cuadro galería */
	.columnaImgs{ margin:0 auto 50px auto; width:100%; }
	.columnaImgs > figure{ margin:0 auto; width:380px; height:285px; }

	#miniaturas{ text-align:center; }
	#miniaturas > figure{ margin:5px 2.5px; display:inline-block; width:90px; height:67.5px; }

	/* Descripción */
	#ficha{ }
	#ficha footer{ padding:0px 20px; }
	#adjunto{ margin:40px auto; }
	
	.colFP{ border-bottom: 1px solid #D02539; }
	
	.boxcantidad label{ height:40px; width:46px; font-size:18px; line-height: 30px; }
	.boxcantidad div{ height:40px; width:16px; }
	.boxcantidad a{ height:20px; width:20px; font-size:18px; line-height:20px; }
	
}

/* MÓVIL */
@media screen and (min-width: 200px) and (max-width: 640px) {
	
	/* Cuadro galería */
	.columnaImgs{ margin:0 auto 50px auto; width:100%; }
	.columnaImgs > figure{ margin:0 auto; max-width:380px; height:225px; }

	#miniaturas{ text-align:center; }
	#miniaturas > figure{ margin:5px 2.5px; display:inline-block; width:90px; height:67.5px; }

	/* Descripción */
	#ficha{ }
	#ficha footer{ padding:0px 20px; }
	#ficha_referencia{ text-align:center; }
	#adjunto{ margin:40px auto; }
	
	.colFP{ border-bottom: 1px solid #D02539; }
	
	.filaUnidAdd > *{ margin:10px auto; }
	#addcart{ margin-bottom:5px; }
	
	.boxcantidad label{ height:40px; width:46px; font-size:18px; line-height: 30px; }
	.boxcantidad div{ height:40px; width:16px; }
	.boxcantidad a{ height:20px; width:20px; font-size:18px; line-height:20px; }

}