@charset "utf-8";
@import url('reset.css');
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700,300);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700);
@import url('menu.css');

/*
font-family: 'Oswald', sans-serif;
font-family: 'Roboto', sans-serif;
color principal: #D02539
color letra: #333
*/




/************************************************/
/*					COMÚN						*/
/************************************************/

html{ overflow-x:hidden;}
body { font-size:100%; color:#333; font-family: 'Roboto', sans-serif; line-height:1.3em; font-size:100%; }

.izq{ float:left; }
.dch{ float:right; }

img{ max-width:100%; }
img.dch{ max-width:48%; margin:0px 0px 5px 10px; }
img.izq{ max-width:48%; margin:0px 10px 5px 0px; }

.txtcenter{ text-align:center !important; }
.txtizq{ text-align:left !important; }
.txtdch{ text-align:right !important; }
.txtjustify{ text-align:justify !important; }

.tituloH1{ margin:30px auto; font-weight:bold; font-family: 'Oswald', sans-serif; font-size:281.25%; line-height:1.3em; }

.dorado{ color:#D02539; }

.negrita{ font-weight:bold; }

.nav-shadow { -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); }

.volver{ margin:20px auto; }
.btnVolver{ padding:5px 30px; display:inline-block; background-color:#D02539; color:#FFF; font-size:100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.btnVolver:hover{ cursor:pointer; opacity:0.7; margin-right:20px; -webkit-border-top-left-radius: 18px; -webkit-border-bottom-left-radius: 18px; -moz-border-radius-topleft: 18px; -moz-border-radius-bottomleft: 18px; border-top-left-radius: 18px; border-bottom-left-radius: 18px; }

.imagen_cab{ width:100%; margin-bottom:-5px; }
.imagen_cab img{ width:100%; }

input{ font-family: 'Roboto', sans-serif; }

/************************************************/
/*					CABECERA					*/
/************************************************/
header{ width:100%; }
#cabecera_fija{ position:fixed; top:0px; left:0px; right:0px; margin:auto; z-index: 1000; color:#444; width:100%; background-color:#FFF; }
#cabecera:after{ content:''; display:table; clear:both; }

#logotipo{ float:left; }
#logotipo2{ float:left; }

#cajaCarrito{ display:block; }
#cajaCarrito:hover{ cursor:pointer; }
#cajaCarrito #articulos{ color:#FFF; text-align:right; }
#cajaCarrito #precio{ color:#FFF; text-align:right; }

#redesSS{float:left;margin-left: 95px;margin-top: 12px;}
#redesSS img {margin: 5px;}
/************************************************/
/*					PIE							*/
/************************************************/
#footer{ padding:20px 0px 0px 0px; width:100%; font-family: 'Roboto', sans-serif; background-color:#000; color:#FFF; font-size:93.75%; }
#footer:after{ content:''; display:table; clear:both; }
#footer a,
#footer a:visited{ color:#FFF; }
#footer p{ margin-bottom:10px; }
#foot2{ text-align:center; }

#link_foot{ margin-top:20px; background-color:#444; padding:5px 0px; clear:both; width:100%; display:block; text-align:center; }
#link_foot li{ display:inline-block; margin:5px 10px; }

/************************************************/
/*				LISTA PRODUCTOS					*/
/************************************************/
.listProductos{ margin-bottom:40px; }
.itemLP{ margin-bottom:20px; position:relative; text-align:center; }

.itemLP figure{ width:100%; }
.itemLP figure a{ display:block; width:100%; height:100%; position:relative; overflow:hidden; }
.itemLP figure a img{ position:absolute; top:0px; right:0px; bottom:0px; left:0px; margin:auto; height:100%; }

.tituloLP{ margin-bottom:10px; font-weight:300;text-align:center; line-height:1.3em; }
.tituloLP a,
.tituloLP a:visited{ color:#D02539; }

.preciosLP{ margin-bottom:40px; text-align:center; }
.preciosLP > *{ display:inline-block; }
.precioActLP{ color:#000; font-size:150%; }
.precioDescLP{ margin-right:15px; text-decoration:line-through; color:red; font-size:112.5%; font-weight:300; }

.itemLP > a{ background-color:#D02539; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.itemLP > a,
.itemLP > a:visited{ color:#FFF; }

.nuevo{ position: absolute; top: 10px; left: 10px; content: url(../images/comun/novedad.png); width: 32px; height: 32px; z-index:2; }


/************************************************/
/*				CAMINO DE HORMIGAS				*/
/************************************************/
.caminoHormigas{ margin:20px auto; max-width:980px; font-size:87.5%; }
.caminoHormigas ul{ width:100%; text-align:left; }
.caminoHormigas li{ display:inline-block; vertical-align:middle; }
.caminoHormigas li:after{ content:'>'; display:inline-block; width:20px; text-align:center; }
.caminoHormigas li,
.caminoHormigas a,
.caminoHormigas a:visited{ color:#D02539; }
.caminoHormigas li:hover{ opacity:0.7; cursor:pointer; }

.caminoHormigas li:last-child,
.caminoHormigas li:last-child a,
.caminoHormigas li:last-child a:visited{ color:#000; }
.caminoHormigas li:last-child:after{ content:''; }

/************************************************/
/*				CABECERA SECCIÓN				*/
/************************************************/
.categoria header div.cabSec{ text-align:center; }
.cabSec p{ margin-top: 20px; color: #000; font-size: 106.25%; line-height: 1.3em; }

/* COMUN */
@media screen and (min-width: 200px) and (max-width: 980px) { 
	
	.ancho980{ width:96%; }

	/* HEADER */
	#cabecera_fija,#sol_efecto { height:70px; }
	#cabecera_fija{ box-shadow: -1px 1px 5px 1px rgba(0,0,0,.5); }
	#logotipo{ margin:10px 0px; float:left; }
	
	#cajaCarrito{  position:absolute; right:70px; top:2px; padding:15px 40px 0px 0px; width:120px; height:66px; background:url(../images/comun/cesta.png) right center no-repeat; }
	#cajaCarrito > p{ font-size:75%; } 
	
	/* SLIDER */
	.rowSlider{ display:none; }
		
}

/* MOVIL */
@media screen and (min-width: 200px) and (max-width: 640px){

	.capa33p{ width:100%; float:none; margin-bottom:20px; text-align:center; }
	.dch{ width:100%; float:none; }
	.tituloH1{ font-size:150% !important; text-align:center; }
	
	/* CABECERA */
	#cabecera div{ display:none; }
	#logotipo{ width:140px; padding:0px 0px 8px 0px; }
	#logotipo img{ margin-left:10px; max-height:50px; width:100%; }
	
	#cajaCarrito{ right:60px; background-color:#000; }
	
	/* PRODUCTOS */
	.listProductos{ text-align:center; }
	.itemLP{ width:225px; max-width:96%; margin:0px 10px 40px; overflow:hidden; display:inline-block; }
	.itemLP figure{ height:214px; }
	.tituloLP{ font-size:106.25%;}
	.preciosLP{ margin-bottom:10px; }
	.itemLP > a{ position:relative; display:inline-block; padding:5px 45px; }

}

/* TABLET */
@media screen and (min-width: 640px) and (max-width: 980px){

	.capa33p{ float:left; width:33%; margin:0px 0.16%; }

	/* CABECERA */
	#cabecera div{ float:left; margin-top:10px; margin-left:20px; }
	#logotipo{ width:300px; padding:5px 0px; }
	#logotipo img{ margin-left:10px; max-height:50px; width:100%; padding-right:10px; }
	
	#cajaCarrito{ right:100px; background-color:#000; }
	
	/* PRODUCTOS */
	.listProductos{ text-align:center; }
	.itemLP{ width:225px; margin:0px 10px 40px; overflow:hidden; display:inline-block; }
	.itemLP figure{ height:214px; }
	.tituloLP{ font-size:106.25%; height:70px; }
	.preciosLP{ margin-bottom:10px; }
	.itemLP > a{ position:relative; display:inline-block; padding:5px 45px; }
	
	#redesSS{ display:none; }
	
}

/* PC */
@media screen and (min-width: 980px) {
	
	.capa33p{ float:left; width:33%; margin:0px 0.16%; }
	
	/* HEADER */
	#cabecera_fija{ border-top:10px solid #000; height:153px; }
	#sol_efecto{ height:153px; }
	#logotipo{ margin:12px 0px 8px 10px; padding:0px 0px; }
	#logotipo img{ padding-right:20px; }

	#cabecera{ padding:3px 0px 0px 0px !important; }
	#cajaCarrito{ float:right; display:block; width:170px; height:108px; margin:-3px 0px 0px 0px; background-image: url(../images/comun/cesta.png), url(../images/comun/carro-fondo.jpg); background-position: 120px 36px, bottom center; background-repeat: no-repeat, no-repeat; }
	#cajaCarrito #articulos{ margin-top:36px; /*18px;*/ }
	#cajaCarrito #articulos,
	#cajaCarrito #precio { padding-right: 60px; }
	
	/* PRODUCTOS */
	.itemLP{ width:225px; margin-right:20px; overflow:hidden; display:inline-block; border-bottom:1px solid #D02539; }
	.itemLP:nth-of-type(4n+4){ margin-right:0px; }	
	.itemLP figure{ height:168px; /*214px;*/ }
	.tituloLP{ font-size:106.25%; height:70px; }
	
	.preciosLP{ margin-bottom:40px; text-align:center; }
	.preciosLP > *{ display:inline-block; }
	.precioActLP{ color:#000; font-size:150%; }
	.precioDescLP{ margin-right:15px; text-decoration:line-through; color:red; font-size:112.5%; font-weight:300; }
	
	.itemLP > a{ position:absolute; left:22px; display:inline-block; padding:5px 45px; bottom:4px; }
	
	/*- efecto -*/
	.itemLP:hover > a{ bottom:4px; }
	.itemLP > a{ -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease;  		transition: all 1s ease; bottom:-30px; }
	
}