/* iconos  *************************************/


/*Boton **************************************************/
.boton  {
cursor: pointer;
background: #fff; /* Old browsers */
padding: 0 17px;
line-height:45px;
height:48px;
display: inline-block;
box-sizing: border-box;
vertical-align:top;
font-size: 17px;
letter-spacing:1px;
color:#16193B;
text-transform:uppercase;
border:none;
font-family:normal;
border:solid 1px transparent;
transition:all 0.3s linear;
border-radius:4px;
font-weight: bold; 
	}
	
	
	
	
	

	

.vermas{ text-align:center;
text-transform:uppercase;
font-size:20px;
font-family:bold;
letter-spacing:0.05em;
display:inline-block;
margin-top:40px;
border:solid 3px #E32119;
padding:13px;
color:#E32119!important;
transition:all 0.3s linear;


}


.vermas:hover{
background-color: #E32119;
color:#fff!important;

}


.boton:hover
 {
	color:#fff!important;
	background-color:#16193B!important;
}
	

	.boton:before,
	#botones a:before{ letter-spacing:10px;}
	
	
	
.icono:before, 
.boton:before, 
#usuario a.item:before,
#botones a:before,
#breadcrums .categoria:after,
#vervideo:before
{ font-family:iconos;}

.pagar{ padding:15px;}

.next,
#breadcrums .categoria:after{ font-size:14px;
display:inline-block;
line-height:19px;
margin:0 10px;
vertical-align:top;
color:#999;}

#breadcrums .categoria:last-child:after{ display:none;}


/* //Boton **************************************************/




/*icono : menus que  solo llevan el icono antes pero no son botones*/
.icono{ cursor:pointer;}







/*los que usan navicons*/
#trigger:after{ font-family:navicons;
content: "+";
padding: 10px;
background: #000;
border-radius: 10px; 
}


#cerrarmenu:before{
	font-family:navicons;
content: "\e117";
}



/* cerro los que usan navicons*/













/*Los que usan Font awesome ************************/
.next:before,
#breadcrums .categoria:after{content: "\f054";}
a.nombre:before{ content:"\f007";}
a.pedido:before{ content:"\f07a";}
a.perfil:before{ content:"\f040";}
a.cuentas:before{ content:"\f016";}
a.pago:before{ content:"\f0d6";}
a.envios:before{ content:"\f0d1";}
a.docs:before{ content:"\f02d";}
a.soporte:before{ content:"\f0e9";}


.facebook:before{ content:"\f09a";}
.twitter:before{ content:"\f099";}
.email:before{ content: "\f0e0";}
.instagram:before{ content: "\f16d";}
.gplus:before{content: "\f0d5";}
.youtube:before,
#vervideo:before{content: "\f16a";}
.pinterest:before{content: "\f0d2";}
.linkedin:before{content: "\f0e1";}
.borrar:before,
.salir:before{content: "\f00d";}



.buscar:before{
	font-family:iconos;
	 content: "\f002";}
	
/*.enviar:before{content: "\f135";}*/
.entrar:before{ content:"\f00c";}	

#subir:before{
	content: "\f106";
}






.olvidopassword:before{ content:"\f084";
letter-spacing:15px;}
.registrate:before{content:"\f004";}
.pagar:before{content:"\f0d6"; }
.modificardatos:before{content: "\f040";}
.reportarpago:before{ content: "\f0d6";}
.pedidouserhome:before{content: "\f19d";}
.cosas .boton:before{content: "\f0c1";}

.nav-volver:before{ content:"\f104";} 
.nav-inicio:before{ content:"\f015";}
.categoria:before{ content: "\f009";}
.nav-volver:after{ content:"volver";} 



/* // Los que usan Font awesome ************************/









.pagar:after{ content:"pagar ahora";}
.modificardatos:after{ content:"Modificar mis datos de registro";}
.reportarpago:after{ content:"Reportar pago";}
.enviar:after{ content:"enviar solicitud";}
#labelemail span:after{ content:"Email"}
#labelpassword span:after{ content:"Password"}
.entrar:after{ content:"Entrar";}
.registrate:after{ content:"Regístrate"}
.olvidopassword:after{ content:"¿Y mi contraseña?";}
#login h3:after{ content:"usuarios registrados";}
.vermas:after{content:"ver mas";}
.nav-inicio:after, .linkinicio:after, .inicio:after{ content:"inicio";}
.nav-volver{ content:"volver"}


/*cerro iconos **********************************/

































	
	/* 		SVG-nav.php   
		este es el panel de navegacion que  está en las paginas de listados para subir  e ir para atras

		***********************************/

#caja #nav{ position:absolute;
 	display:inline-block;
	z-index:2;
	position:absolute;
right: 20px;
bottom: 20px;
white-space:nowrap;
z-index:3;

}
	
	







#nav a:before{
font-family:iconos;
letter-spacing:10px;
}

#nav .facebook:before,
#nav .twitter:before{ letter-spacing:0;}

body.bodyuserhome #nav .facebook,
body.bodyuserhome #nav .twitter,
body.busqueda #nav .facebook,
body.busqueda #nav .twitter{display:none;}

#nav a{ display:inline-block;
margin:0 0 10px 10px;
text-align:center;
font-size:14px;
padding:10px 15px;
color:#fff;
border:solid 1px rgba(255,255,255,0.8);
background-color:rgba(0,0,0,0.4);
text-transform:uppercase;


 }
	
	
	
	@media only screen and (max-width:900px) {

#caja #nav{ 
right: 10px;
bottom: 0px;
white-space:nowrap;
z-index:3;

}

#nav a{ 
font-size:12px;


 }

}



	
	@media only screen and (max-width:500px) {

#nav a{ 
font-size:11px;
padding:7px 10px;
margin:0 0 5px 5px;
 }


.nav-inicio{display:none!important;}

}


#nav a:hover{ 
background-color:#E32119;}

body.bodylistados .enarticulo,
body.detalle .encategoria{display:none!important;}

/*cerro nav nuevo *********************************/










#vervideo{
	color:#fff; 
font-size:70px;
display:inline-block;
margin-bottom:30px;
position:absolute;
left: 50%;
bottom: 5%;
transform: translate(-50%, 0);
z-index:3;
cursor:pointer;
display:none;

}

#vervideo:hover{ color:#E32119;}