@charset "utf-8";
/* CSS Document */
/*---------------------- GENERAL -------------------------- */
*{margin:0; padding:0;}
/*---------------------- HEADER -------------------------- */
#contenedor_perfil{margin:0 1% !important;	}
/*------------ COLUMNA 1 ------------ */
#perfil_columna1{
	width:19%;
	margin:30px 0 0 0;
	float:right;
	height:auto;
}
/*---------------------- MENU PERFIL -------------------------- */
#menu_perfil{
	position:relative;
	height:auto;
	float:left;
	z-index:10;
	width:90%;
}
#menu_perfil #contenido_menu_usuario{
    position:inherit;
	top:0;
	left:5px;
	background-color:#fff;
	width:100%;
	min-width:125px;
	height:auto;
	border-top:#bdbec4 solid 5px !important;
	border-left:#bdbec4 solid 1px !important;
	border-right:#bdbec4 solid 1px !important;
	border-bottom:none;
	display:block;
}
#menu_perfil .menu_usuario a {
	width:100%;
	color:#484848;
	font-size:1.1em;
    display: block;
	background-color:#fff;
	padding:10px 20px 10px 28%;
	border-bottom:1px solid #F1F1F1;
}
#menu_perfil .menu_usuario a:hover {	color:#fff; 	background-color:#ffa600;}

#servicios_cliente{
	font-size:.9em;
	margin:30px 0 0 0;
}
#servicios_cliente span{
	color:#ffa600;
	font-weight:bold;
}
#servicios_cliente ul{
	color:#767676;
	width:100%;
}
#servicios_cliente li{
	padding:10px 0 0 35px;
	position:relative;
	margin:10px 1%;
	float:left;
	min-width:20%;
	box-sizing:border-box;
}
#servicios_cliente li img{
	padding:10px 5px 0 0;
	position:absolute;
	top:-4px;
	left:5px;
}
#servicios_cliente li a{color:#767676;}
#servicios_cliente li a:hover{	text-decoration:underline;}
#menu_btn_tienda{
	position:fixed;
	top:100px;
	left:0px;
	color:#2d2d2d;
	min-height:30px;
	min-width:30px;
	display:block;
	background-color:#ff4040;
	padding:8px 10px 8px 8px;
	display:none;
	z-index:9900;
	border:1px solid #fff;
}
/*------------ COLUMNA 2 ------------ */
#panel_columna2{
	width:80%;
	margin:30px 0 0 0;
	float:left;
	height:auto;
}
/*---------------------- SUBIR LOGO -------------------------- */
#subir_logo{
	width:250px;
	height:100px;
	margin:0 0 50px 0;
}
#subir_logo img{
	float:left;
	margin:0 10px 0 0;
}
#subir_logo a{
	background-color:#ff4040;
	height:20px;
	padding:5px 15px;
	float:left;
	color:#fff;
	margin:0 0 5px 0; 
	border:2px solid #ff4040;
}
#subir_logo a:hover{
	background-color:#fff;
	color:#ff4040;
	transition:background-color 500ms ease-out;
		-webkit-transition:background-color 500ms ease-out;
		-moz-transition:background-color 500ms ease-out;	
}
#subir_logo p{
	float:left;
	font-size:.9em;
	text-align:center;
	padding:0 0 0 8px; 
}
/*---------------------- DATOS PERFIL -------------------------- */
.datos p{
	font-weight:bold;
	color:#383838;
	font-size:1.1em;
}
.active_datos{
	border:1px solid #4cbf8d !important;
	background-color:#4cbf8d !important;
}
.active_datos:before{
	background-position: -18px 17px !important;
}
.active_datos:hover{
	border:1px solid #4cbf8d !important !important;
	background-color:#fff !important;
	color:#4cbf8d !important;
}
.active_datos:hover:before{
	background-position: 17px -31px !important;
}
.ejecutivo_datos{
	border:1px solid #13aeff !important;
	background-color:#13aeff !important;
}
.ejecutivo_datos:before{
	display:none !important;
}
.ejecutivo_datos:hover{
	border:1px solid #13aeff !important;
	background-color:#fff !important;
	color:#13aeff !important;
}
.contraseña_datos{	border:1px solid #ff4040 !important;}
.datos .hr_inactive{border:1px solid #ff4040;}
.input_active{	border:1px solid #4cbf8d !important;}
.datos{	margin:20px 0 0 0; }
.datos a{
	background-color:#ff4040;
	padding:5px 13px;
	float:right;
	color:#fff;
	margin:-32px 0 5px 0; 
	font-size:.9em;
	opacity:1;
	border:1px solid #ff4040;
	box-sizing:border-box;
	font-weight:bold;
}
.datos a:before{
	content:"";
	display:block;
	height:18px;
	width:18px;
	float:left;
	margin:0 5px 0 0 ;
	background-image:url(../images/icns_perfil.png);
	background-position: 0px 16px;
}
.datos a:hover{
	border:1px solid #ff4040;
	background-color:#fff !important;
	color:#ff4040;
	transition: 500ms ease-out;
		-webkit-transition: 500ms ease-out;
		-moz-transition: 500ms ease-out;
}
.datos a:hover:before{
	background-position: 0px 1px;
}
.bloque_datos{
	width:23%;
	float:left;
	margin:10px 1%;
}
.bloque_datos input, .bloque_datos select{
	padding:2% 3%;
	color:#b80c10;
	border:-moz-mac-accentregularshadow;
	width:100% ;
	min-width:50px;
	margin:0 0 5px 0;
	border:none;
}
.bordervisible input, .bordervisible select{
	border:1px solid #D2D2D2;
}
/*---------------------- CARRITO -------------------------- */
/*----------- HEADER -------------- */
.pleca_logo_buscador #menu_principal{
	min-height:50px;
	height:auto !important;
}
#cambio_moneda{
	float:right;
	margin:10px 5%;
	color:#fff;
}
/*----------- CARRITO COLUMNA 1 -------------- */
#carrito_columna1{
	width:98%;
	margin:0 1%;
	float:left;
}
/*----------- PROGRESS BAR -------------- */
#progressbar {
	margin: 30px 0;
	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;
}
#progressbar li {
	list-style-type: none;
	color: #383838;
	text-transform: uppercase;
	font-size: .7em;
	width: 33.33%;
	float: left;
	position: relative;
	text-align:center;
	font-weight:bold;
}
#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 25px;
	height:25px;
	border:5px solid #929292;
	border-radius:40px;
	text-align:center;
	display: block;
	font-size: 10px;
	color: #fff;
	background: white;
	margin: 5px auto 5px auto;
}
/*progressbar connectors*/
#progressbar li:after {
	content: '';
	width: 100%;
	height: 5px;
	background-color:#e0e1e5;
	position: absolute;
	left: -50%;
	top: 20px;
	z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active_progressbar:before{
	background: #ffa600;
	color: #ffa600;
	border:none;
	width:50px;
	height:50px;
	background-image:url(../images/icn_carrito_w.png);
	background-repeat:no-repeat;
	background-position:center;
	margin: 0 auto 5px auto;
}
#progressbar li.active_progressbar:after, #progressbar li.done_progressbar:after{	background-color: #4CBF8D;}
#progressbar li.done_progressbar:before{
	background: #4CBF8D;
	color: #4CBF8D;
	border:none;
	width: 35px;
	height:35px;
	background-image:url(../images/icn_carrito_pasochecked.png);
	background-repeat:no-repeat;
	background-position:center;
	margin: 5px auto 5px auto;
}
/*----------- CARRITO COMPRAS GENERAL -------------- */
#checkout{
	height:auto;
	/*CSS counters to number the steps*/
	counter-reset: step;
	position:relative;
}
#checkout:after{
    clear: both;
    content: "";
    display: block;
}
/*----------- PESTAÑAS GENERAL -------------- */
/*----------- PESTAÑAS -------------- */
/*paso realizado*/
.tab_done{
	height:50px;
	width:100%;
	z-index:-1;
	cursor:pointer;
	border:1px solid #a7a7a7;
	border-radius:50px;
}
.tab_done h2{
	color:#ffa600;
	font-weight:bold;
	float:left;
	font-size:1.3em;
	margin:12px 0 0 0px;
}
.tab_done h2:before {
	content: counter(step);
	counter-increment: step;
	width: 35px;
	height:35px;
	border-radius:40px;
	line-height:35px;
	text-align:center;
	display: block;
	font-size: 1.1em;
	color: #fff;
	background: #4cbf8d;
	margin: -5px 10px 0 15px;
	float:left;
}
.editar{
	background-color:#9b9b9b;
	border:none;
	cursor:pointer;
	color:#fff;
	font-weight:bold;
	font-size:.65em;
	padding:5px;
	border:2px solid #9b9b9b;
	margin:13px 0 0 50px;
}
.editar:hover{
	background-color:#fff;
	border:2px solid #9b9b9b;
	color:#383838;
	transition:background-color 500ms ease-out;
		-webkit-transition:background-color 500ms ease-out;
		-moz-transition:background-color 500ms ease-out;	
}
.pestana{
	margin:15px 0;
}
/*paso activo*/
.tab_active{
	background-color:#eee;
	border:1px solid #a7a7a7;
}
.tab_active h2{
	color:#484848;
	font-size:1.7em;
	margin:7px 0 0 10px;
}
.tab_active h2:before {
	color: #fff;
	background: #b80c10;
	margin: 0px 10px 0 5px;
}
.tab_active input{	display:none;}
/*paso siguiente*/
.tab_next{
	height:50px;
	width:100%;
	background-color:#fff;
	z-index:-1;
}
.tab_next h2{
	color:#ffa600;
	font-weight:bold;
	float:left;
	font-size:1.3em;
	margin:12px 0 0 10px;
}
.tab_next h2:before {
	content: counter(step);
	counter-increment: step;
	width: 35px;
	height:35px;
	border-radius:40px;
	line-height:35px;
	text-align:center;
	display: block;
	font-size: 1.1em;
	color: #ffa600;
	background: #eee;
	margin: -5px 10px 0 5px;
	float:left;
}
.tab_next input{display:none;}
/*----------- CARRITO COMPRAS -------------- */
#carrito_compras{height:auto;}
#carrito_compras:after{
    clear: both;
    content: "";
    display: block;
}
.fieldset ~ .fieldset { display: none;}
/*------ CARRITO VACIO -------- */
#carrito_vacio{
	width:70%;
	margin:0 auto 50px auto;
	text-align:center;
	height:auto;
	display:block;
}
#carrito_vacio h3{
	color:#e0e1e5;
	font-size:2em;
	margin:10px 0 20px 0;
}
#carrito_vacio p{
	color:#484848;
	font-size:1.2em;
	margin:0 auto;
}
#carrito_vacio .ir_catalogo{
	color:#484848;
	font-size:1.1em;
	margin:10px 0;
	background-color:#ffa600;
	border:2px #ffa600 solid;
	cursor:pointer;
	color:#fff;
	font-weight:bold;
	padding:5px;
}
#carrito_vacio .ir_catalogo:hover{
	background-color:#fff;
	border:2px #ffa600 solid;
	color:#ffa600;
	box-sizing:border-box;
	transition:background-color 500ms ease-out;
		-webkit-transition:background-color 500ms ease-out;
		-moz-transition:background-color 500ms ease-out;	
}
/*----------- CARRITO LLENO -------------- */
#carrito_lleno{	height:auto;}
.show_small{
	font-weight:bold;
	display:none;
	float:left;
	margin:0 5px 0 0;
}
/*DIVISA / MONEDA*/
.divisa{
	float:right;
	margin:-40px 0 0 0;
	height:auto;
}
.divisa p{
	float:left;
	margin:0 0 0 0;
}
.divisa_check{
	float:left;
	margin:0 50px 10px 20px;
}
.divisa_check input{
	margin:5px 0 0 0;
	color:#13aeff !important;
}
/* -------- TABLA CARRITO -------- */
/*GENERAL*/
.tab_producto{
	float:left;
	width:36%;
}
.tab_cantidad{
	float:left;
	width:9%;
}
.tab_descuento{
	float:left;
	width:10%;
}
.tab_preciolista{
	float:left;
	width:13%;
}
.tab_preciodescuento{
	float:left;
	width:16%;
}
.tab_subtotal{
	float:left;
	width:15%;
}
/* tabla TOP */
.tabla_top{
	background-color:#ffa600;
	font-size:.9em;
	color:#fff;
	padding:5px 0 0 1%;
	min-height:30px;
	margin:0 0 15px 0;
}
/*PRODUCTO CARRITO*/
.producto_carrito{
	font-size:.85em;
	margin:0px 1%;
}
.imagen{
	height:90px;
	width:110px;
	border:1px solid #e0e1e5;
	float:left;
	margin:0 5px 0 0;
	text-align:center;
}
.imagen:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle; 
    height: 100%;
}
.imagen img{
	max-height:90%;
	max-width:90%;
    display: inline-block;
    vertical-align: middle;
}
.codigo{
	color:#13aeff;
	float:left;
	margin:0 10px 0 0;
}
.marca{	color:#ff8300;}
.descripcion{padding:0 5px 0 0;}
.eliminar{
	color:#898989;
	padding:0 0 0 15px;
	margin:5px 0 0 0;
	clear:both;
	border:none;
	cursor:pointer;
	background-color:transparent;
	background-image:url(../images/icn_eliminar.png);
	background-position:0px -15px;
	background-repeat:no-repeat;
}
.eliminar:hover{
	color:#b90000;
	background-position:0px 2px;
}
.cantidad{
	margin:10px 0 0 0;
	height:35px;
	max-width:45px;
	width:60%;
	text-align:center;
	border:4px solid #e0e1e5;
	background-color:#fff;
	border-radius:3px;
	box-shadow:inset 0 0 0 1px #9b9b9b,
			   inset 0 0 0 210px #fff;
}
.guardar_cant{
	color:#898989;
	padding:0 0 0 15px;
	margin:5px 0 0 0;
	clear:both;
	border:none;
	cursor:pointer;
	background-color:transparent;
	background-image:url(../images/icn_guardar_cant.png);
	background-position:0px -15px;
	background-repeat:no-repeat;
}
.guardar_cant:hover{
	color:#14931a;
	background-position:0px 2px;
}
{
	color:#898989;
	padding:0 0 0 15px;
	margin:5px 0 0 0;
	clear:both;
	border:none;
	cursor:pointer;
	background-color:transparent;
	background-image:url(../images/icn_eliminar.png);
	background-position:0px -15px;
	background-repeat:no-repeat;
}
.eliminar:hover{
	color:#b90000;
	background-position:0px 2px;
}

.producto_carrito .tab_descuento,.producto_carrito  .tab_preciolista,.producto_carrito  .tab_preciodescuento,.producto_carrito  .tab_subtotal{
	margin:20px 0 0 0;
}
.hr_carrito{
	border:1px solid #ffa600;
	margin:20px 0 ;
}
/* CARRITO CUPON */
.contenedor_cupon{
	display:inline-block;
	width:auto;
	height:auto;
	margin:15px 0;
	padding:10px 2%;
	background-color:#e7f7c3;
	border:2px solid #fff;
	-webkit-box-shadow: 2px 2px 3px -1px rgba(107,107,107,1);
	-moz-box-shadow: 2px 2px 3px -1px rgba(107,107,107,1);
	-ms-box-shadow: 2px 2px 3px -1px rgba(107,107,107,1);
	-o-box-shadow: 2px 2px 3px -1px rgba(107,107,107,1);
	box-shadow: 2px 2px 3px -1px rgba(107,107,107,1);
	font-size:12px;
	color:#666;
}
.contenedor_cupon input{
	width:170px;
	height:auto;
	background-color:#fff;
	border:none;
	padding:5px;
	color:#999;
	font-size:10px;
	margin:0 15px;
}
.contenedor_cupon input:focus{
	font-size:12px;
	font-weight:bold;
	color:#4577ca;
}
.contenedor_botones_cupon{
	display:inline-block;
}
.boton_cupon{
	display:inline-block;
	width:auto;
	height:auto;
	padding:10px;
	color:#fff;
	font-size:10px;
	text-align:center;
	cursor:pointer;
	transition-duration:0.3 seg;
}
.boton_aplicar{background-color:#227450;}
.boton_quitar{background-color:#991b20;margin-right:5px;}
.boton_aplicar:hover{background-color:#003c00;}
.boton_quitar:hover{background-color:#720d11;}
/* FIN CARRITO CUPON */

/* CARRITO TOTAL */
#carrito_total{
	float:right;
	height:auto;
}
#carrito_total .divisa{	margin:0;}

#carrito_total ul{
	height:auto;
	width:100%;
	background-color:#000;
}
#carrito_total li{
	background-color:#fff;
	float:left;
	text-align:right;
	margin:0 auto;
	font-weight:bold;
}
#carrito_total li:nth-child(odd){
	padding:10px 10% 10px 0;
	width:45%;
}
#carrito_total li:nth-child(even){
	padding:10px 0 10px 10%;
	width:35%;
	text-align:left;
}
#carrito_total li:nth-child(-n+2){	background-color:#ffdc9a;}
#carrito_total li:nth-child(+n+5){
	background-color:#ffdc9a;
	font-size:1.2em;
}
.continuar{
	background-color:#9b9b9b;
	border:none;
	cursor:not-allowed;
	color:#fff;
	font-weight:bold;
	font-size:1.2em;
	padding:8px;
	margin:13px 0 30px 50px;
}
.continuar_activo{
	background-color:#4cbf8d;
	cursor:pointer;
	border:2px #4cbf8d solid;
}
.continuar_activo:hover{
	background-color:#fff;
	border:2px #227450 solid;
	color:#4cbf8d;
	box-sizing:border-box;
	transition:background-color 500ms ease-out;
		-webkit-transition:background-color 500ms ease-out;
		-moz-transition:background-color 500ms ease-out;	
}
/* ---------------- DATOS ENVÍO ---------------- */
/*GENERAL*/
#datos_envio{
	width:90%;
	margin:0 auto;
}
#datos_envio span{
	color:#13aeff;
	display:block;
	margin:20px 0;
}
#datos_envio .continuar{margin:0 0 30px 0;}
/* opcion envio*/
.sucursal, .paqueteria{
	width:50%;
	float:left;
	margin:0 auto;
	text-align:center
}
.sucursal{
	border-right:2px #ff4040 solid;
	box-sizing:border-box;
}
#envio_por_paqueteria{
	overflow:visible !important;
}
/*recoger en sucursal*/
#recoger_en_sucursal{
	margin:100px 0 50px 0;
	display:block;
}
/*direccions*/
.direccion_guardada, .sucursal_disponible{
	font-weight:bold;
	font-size:1.1em;
}
.direccion_guardada select, .sucursal_disponible select{
	border:1px solid #484848;
	width:50%;
	min-width:200px;
}
#direccion .editar{
	margin:30px 0 0 0;
	float:right;
}
/* opciones paqueteria */
.tab_paq{
	float:left;
	display:block;
	width:40%;
}
.tab_paq p{	color:#fff;}
.tab_tiempo{
	float:right;
	width:30%;
}
.tab_gastoenvio{
	float:right;
	width:30%;
}
.opcion_paqueteria{	margin:20px 0; }
.opcion_paq{
	position:relative;
	padding:0 0 0 30px;
	box-sizing:border-box;
}
.opcion_paq img{
	position:absolute;
	top:-15px;
	margin:0 0 0 50px;
}
.opcion_paqueteria span{
	color:#ff4040 !important;
	font-size:.9em;
	margin:0 !important;
	display:block;
}
/* ENVIO TOTAL */
#envio_total{
	float:right;
	height:auto;
}
#envio_total .divisa{margin:20px 0 0 0;}
#envio_total ul{
	height:auto;
	width:100%;
}
#envio_total li{
	background-color:#fff;
	float:left;
	text-align:right;
	margin:0 auto;
	font-weight:bold;
	padding:10px 10% 10px 10%;
	width:80%;
	background-color:#ffdc9a;
}
/* ----------------- RESUMEN DE PEDIDO -----------------*/
/*general*/
#resumen_pedido{
	width:90%;
	margin:0 auto;
}
#resumen_pedido span{
	color:#13aeff;
	display:block;
	margin:10px 0;
}
#resumen_pedido .span_gris{
	font-weight:bold;
	font-size:1.1em;
	color:#484848;
	margin:10px 0 10px 0;
	display:block;
}
/* tabla productos*/
#resumen_pedido .imagen{
	width:60px;
	height:45px;
}
#resumen_pedido .imagen img{
	width:60px;
	height:45px;
}
#resumen_pedido .cantidad{
	border:none;
	box-shadow:none;
}
/*resumen direccion*/
#resumen_pedido .tipo_entrega{
	width:45%;
	float:left;
}
#resumen_envio p{
	width:25%;
	float:left;
	font-size:.9em;
}
.paq_elegido{
	width:25%;
	float:left;
	text-align:center;
}
.costo_envio{
	width:25%;
	float:left;
}
.prod_sola_entrega{
	width:25%;
	float:left;
}
.prod_sola_entrega a{
	color:#13aeff;
	font-size:.9em;
}
.prod_sola_entrega a:hover{
	color:#006599;
	transition:500ms ease-out;
		-webkit-transition:500ms ease-out;
		-moz-transition:500ms ease-out;	
}
#resumen_parrafo{
	width:100% !important;
}
#resumen_envio .editar{	float:right;}
/*RESUMEN TOTAL*/
#resumen_total{
	float:right;
	height:auto;
	width:55%;
}
#resumen_total .divisa{	margin:20px 0 0 0 ;}
#resumen_total table{
	width:100%;
	background-color:#ffdc9a;
	padding:0 25% 0 25%;
}
#resumen_total td{
	width:50%;
	padding:5px 10px;
	text-align:right;
	font-weight:bold;
}
/*RESUMEN SUCURSAL*/
#resumen_sucursal{
	float:right;
	height:auto;
	width:55%;
}
#resumen_sucursal .divisa{	margin:20px 0 0 0 ;}
#resumen_sucursal table{
	width:100%;
	background-color:#ffdc9a;
	padding:0 25% 0 25%;
}
#resumen_sucursal td{
	width:50%;
	padding:5px 10px;
	text-align:right;
	font-weight:bold;
}
/* MÉTODO DE PAGO */
.metodo_pago h3{font-size:1.6em;}
.metodo_pago .hr_carrito{margin:10px 0;}
.metodo_pago .opcion_pago{
	margin:20px 0 20px 30px;
	position:relative;
}
.metodo_pago .opcion_pago img{
	margin:0 0 0 20px;
	position:absolute;
	top:0;
}
#pago_tarjeta_leyenda, #pago_paypal_leyenda, #pago_deposito_leyenda, #pago_transferencia_leyenda{
	border:3px solid #4cbf8d;
	border-radius:5px;
	padding:10px;
	margin:10px 0 0 30px;
	width:50%;
}
.realizar_pago,.autorizar_pedido{
	background-color:#efae00;
	cursor:pointer;
	border:2px #efae00 solid;
}
.realizar_pago:hover,.autorizar_pedido:hover{
	background-color:#fff;
	border:2px #c48f00 solid;
	color:#efae00;
	box-sizing:border-box;
	transition:background-color 500ms ease-out;
		-webkit-transition:background-color 500ms ease-out;
		-moz-transition:background-color 500ms ease-out;	
}
.realizar_pago_inactivo{
	background:#a9a9a9;
	border:none;
	opacity:.5;
	padding:8px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:1.2em;
	cursor:not-allowed;
}
.leyenda_opcion_no_disponible{
	color:#4f4f4f !important;
	margin-top:10px;
	font-weight:bold;
	text-align:center;
}
#resumen_pedido .continuar, #resumen_pedido .realizar_pago{	margin:13px 0 30px 0;}
/*----------- CARRITO COLUMNA 2 -------------- */
#carrito_columna2{
	width:98%;
	margin:100px 1% 0 1%;
	float:left;
}
/*---------------------- PEDIDOS -------------------------- */
.tab_no_pedido{
	width:13%;
	float:left;
}
.tab_fecha{
	width:15%;
	float:left;
}
.tab_descripcion{
	width:26%;
	float:left;
}
.tab_total{
	width:14%;
	float:left;
}
.tab_estado_pago{
	width:15%;
	float:left;
}
.tab_estado_pedido{
	width:17%;
	float:left;
}
.elemento_pedido li:nth-of-type(even){
	background-color:#ffdfdf;
}
/*PRODUCTO CARRITO*/
#tabla_pedido .tabla_top{
	margin:0 0 0 0;
}
.elemento_pedido .producto_carrito{
	margin:0 0 0 0;
	padding:5px 5px;
}
.elemento_pedido .producto_carrito:hover{
	background-color:#FF9090;
	color:#fff;
}
.elemento_pedido .producto_carrito a:hover{
	font-weight:bold;
	color:#FF4040;
}
.elemento_pedido .producto_carrito a:hover > .elemento_pedido .producto_carrito{
	background-color:#000 !important;
}
.producto_carrito .tab_descuento,.producto_carrito  .tab_preciolista,.producto_carrito  .tab_preciodescuento,.producto_carrito  .tab_subtotal{
	margin:20px 0 0 0;
}
/*--------------------------------------------- PEDIDO DETALLE ---------------------------------------------*/
.imprimir{
	float:right;
	font-size:1em;
	margin:0;
}
.estatus_pedido_detalle{
	font-size:1.2em;
	float:left;
	margin:0 15px 0 0;
}
.estatus{	font-size:1.5em;}

.pago_enproceso{color:#efae00 !important;}
.pago_verificar{color:#efae00 !important;}
.pago_pagado{color:#abd745 !important;}
.pago_cancelado, .pago_expirado{color:#C60005 !important;}
.pago_parcial{color:#efae00 !important;}

.entrega_pendiente{color:#efae00 !important;}
.entrega_enviado{color:#abd745 !important;}
.entrega_entregado{color:#6a9800 !important;}

.estatus_pagado{	color:#abd745 !important;}
.estatus_nopagado{	color:#C60005 !important;}
.estatus_pendiente{	color:#efae00 !important;}

.hr_estatus{
	border-top:1px dashed #999;
	border-bottom:none;
}
.no_edit{
	font-size:1em;
	color:#323232;
	padding:10px 0 0 0;
}
/*--------------------------------------------- PEDIDO DETALLE IMPRESION---------------------------------------------*/
#pedido_impresion{
	height:auto;
	width:800px !important;
	padding:20px 0;
	margin:0 auto;
	line-height:1.3;
}
.tipo_entrega #resumen_envio p{
	width:100%;
}
.logo_pedido_impresion{
	float:left
}
.estatus_pedido_impresion{
	float:right;
	text-align:right;
	margin:10px 0 0 0;
}
.fecha_num_pedido_impresion{
	float:right;
	text-align:right;
	margin:10px 0 0 80px;
}
#pedido_impresion .tabla_top{
	background-color:#fff;
	color:#383838;
	border-bottom:1px dashed #383838;
	margin:0;
}
.hr_pedidos_impresion{
	color:#383838;
	margin:1px 0;
	border-bottom:#fff solid 1px;
	border-top:#707070 1px solid;
}
.span_normal{
	font-weight:normal !important;
	color:#383838 !important;
}
.clear_format{
	color:#383838;
	margin:0 !important;
	padding:0 !important;
}
.clear_format_li{
	background-color:transparent !important;
}
.clear_format_table{
	background-color:transparent !important;
}
/*GENERAL*/
.tab_producto_impresion{
	float:left;
	width:36%;
}
.tab_cantidad_impresion{
	float:left;
	width:9%;
}
.tab_descuento_impresion{
	float:left;
	width:10%;
}
.tab_preciolista_impresion{
	float:left;
	width:13%;
}
.tab_preciodescuento_impresion{
	float:left;
	width:16%;
}
.tab_subtotal_impresion{
	float:left;
	width:15%;
}
/* tabla TOP */
.tabla_top_impresion{
	background-color:#ffa600;
	font-size:.9em;
	color:#fff;
	padding:1% 0 1% 1%;
	height:auto;
	min-height:20px;
	margin:0 0 15px 0;
}
/*--------------------------------------------- DATOS GENERAL ---------------------------------------------*/
.datos_contenedor{
	width:90%;
	max-width:650px;
	margin:3% 5%;
	height:auto;
	text-align:center;
	margin:0 auto;
}
.datos_destacado{
	color:#535353;
	font-weight:bold;
	font-size:1.3em
}
.datos_destacado_2{
	color:#ffa600;
	font-weight:bold;
}
.datos_detalle{
	background-color:#F1F1F1;
	width:100% !important;
	border-radius:10px;
	padding:3% 5%;
	margin:0 auto;
	width:100%;
	line-height:3;
	font-size:1.2em;
}
.datos_detalle ul{
	text-align:left;
	list-style-type:disc;
}
/*--------------------------------------------- DATOS DEPOSITO ---------------------------------------------*/
#total_deposito_pago{
	border:2px solid #ffa600;
	margin:0 0 3% 0;
	width:100%;
	padding:25px;
	box-sizing:border-box;
	font-size:1.5em;
	text-align:center;
}
#total_deposito_pago span{
	font-weight:bold;
	font-size:1.7em;
	color:#ffa600;
}
#contenedor_deposito_pago{
	width:90%;
	margin:3% 5%;
	height:auto;
}
#contenedor_deposito_pago h2{
	color:#363636;
	font-weight:normal;
}
#contenedor_deposito_pago span{
	color:#ffa600;
}
#contenedor_deposito_pago p{
	color:#535353;
	font-weight:bold;
	font-size:1.3em
}
#contenedor_deposito_pago .datos_banco{
	float:left;
	background-color:#F1F1F1;
	width:34% !important;
	border-radius:10px;
	padding:3% 5%;
	margin:0 0 0 3% !important;
	min-height:250px;
	line-height:3;
}
.nombre_banco{
	color:#ffa600;
	font-weight:bold;
	font-size:1.5em;
}
.btn_estado_cuenta{
	color:#484848;
	font-size:1.1em;
	margin:10px auto;
	background-color:#ffa600;
	border:2px #ffa600 solid;
	cursor:pointer;
	color:#fff;
	font-weight:bold;
	padding:5px;
}
.btn_estado_cuenta:hover{
	background-color:#fff;
	border:2px #ffa600 solid;
	color:#ffa600;
	box-sizing:border-box;
	transition:background-color 500ms ease-out;
		-webkit-transition:background-color 500ms ease-out;
		-moz-transition:background-color 500ms ease-out;	
}
/*pago con tarjeta*/
#contenedor_pago_tarjeta{
	width:90%;
	margin:3% 5%;
	height:auto;
	
	text-align:center;
}
.folio{
	text-align:center !important;
	float:left;
	font-weight:bold;
	font-size:1.5em;
}
.folio span{
	color:#ffa600;
	text-align:center !important;
}
.t-aceptada, .t-declinada, .t-proceso{
	text-align:center;
	font-size:2em;
	display:block;
}
.estado-t img{
	margin:5px 10px -5px 0;
}
.t-aceptada{
	color:#00ca43 !important;
}
.t-declinada{
	color:#ca0000 !important;
}
.t-proceso{
	color:#00c8ca !important;
}
/*--------------------------------------------------------- MEDIA ONLY SCREEN --------------------------------------------------------------*/
@media screen and (max-width: 82em) {
/*------------ COLUMNA 1 ------------ */
#perfil_columna1{	width:100%;	margin:0 0 0 0;}
/*---------------------- MENU PERFIL -------------------------- */
#menu_perfil {z-index:900;}
#menu_perfil #contenido_menu_usuario{position:fixed;top:0;left:-215px;width:215px;}
#menu_btn_tienda{	left:0;	display:none;}
/*------------ COLUMNA 2 ------------ */
#panel_columna2{	width:100%;}
/*---------------------- CARRITO -------------------------- */
/*----------- CARRITO COLUMNA 1 -------------- */
#carrito_columna1{	width:100%; margin:0;	}
/*----------- CARRITO COLUMNA 2 -------------- */
#carrito_columna2{	width:98%;	margin:0;}
/*servicio al cliente*/		
#servicios_cliente li{		margin:10px 1%;		float:left;		min-width:20% ;		box-sizing:border-box;	}
}
@media screen and (max-width: 68em) {
#pleca_titulo_seccion{	background-size:150%;}
}
@media screen and (max-width: 65em) {
/*---------------------- DATOS PERFIL -------------------------- */
.bloque_datos{	width:31%;}
}
@media screen and (max-width: 55em) {
/*----------- CARRITO -------------- */
/*- GENERAL -*/
.pleca_logo_buscador #contenedor_buscador{	margin:70px 0 0 0;	}
#contenedor_perfil{margin:0 2% !important;	}
/*DIVISA / MONEDA*/
.divisa{margin:5px 0 0 0;}
}
/*-----------MEDIANO---------------*/
@media screen and (max-width: 48em) {
/*---------------------- HEADER -------------------------- */
#pleca_titulo_seccion h2{font-size:1.5em; margin:0 0 0 5px;}
#pleca_titulo_seccion #contenedor_buscador{ float:left; padding:0;}
#pleca_titulo_seccion{	background-size:180%;}	
/*----------- CARRITO -------------- */
/*----------- CARRITO COLUMNA 1 -------------- */
#carrito_columna1{width:100%;}
/* -------- TABLA CARRITO -------- */
/*GENERAL*/
.tab_producto{width:25%;}
.tab_cantidad{width:10%;}
.tab_descuento{	width:12%;}
.tab_preciolista{width:15%;}
.tab_preciodescuento{width:20%;}
.tab_subtotal{width:16%;}
/* tabla TOP */
.tabla_top{	font-size:.8em;}
/*PRODUCTO CARRITO*/
.imagen{float:none;}
.descripcion{	font-size:.9em;}
/* ---------------- DATOS ENVÍO ---------------- */
/*GENERAL*/
#datos_envio{width:96%;	margin:0 auto;}
#datos_envio .continuar{margin:0 0 30px 40px;}
/* opciones paqueteria */
.tab_paq{	width:39%;}
.tab_tiempo{width:31%;}
.tab_gastoenvio{width:30%;}
.opcion_paqueteria{	margin:20px 0;  }
.opcion_paq img{width:75px;	margin:5px 0 0 20px;}
/* ----------------- RESUMEN DE PEDIDO -----------------*/
/*general*/
#resumen_pedido{width:96%;}
/* MÉTODO DE PAGO */
#pago_tarjeta_leyenda, #pago_paypal_leyenda{	width:85%;}
#resumen_pedido .continuar,#resumen_pedido .realizar_pago,#resumen_pedido .autorizar_pedido{	margin:13px 0 30px 40px;}
/*---------------- DATOS DEPOSITO -----------------------*/
#contenedor_deposito_pago{	width:96%;	margin:3% 2%;}
#contenedor_deposito_pago p{	font-size:1.2em}
#contenedor_deposito_pago .datos_banco{	width:38% !important;	padding:3% 4%;}	
}
@media screen and (max-width: 40em) {
}
@media screen and (max-width: 35em) {
/*-------------------- DATOS DEPOSITO --------------------------*/
#contenedor_deposito_pago .datos_banco{	width:98% !important; clear:both;	padding:3% 4%;	margin:0 0 25px 0 !important; box-sizing:border-box;}
/*---------------------- DATOS PERFIL -------------------------- */
.bloque_datos{	width:48%;}
/*---------------------- HEADER -------------------------- */
#pleca_titulo_seccion h2{	font-size:1.5em;}
/*----------- CARRITO -------------- */
/*----------- CARRITO COLUMNA 1 -------------- */
#carrito_columna1{	width:100%;}
/*----------- CARRITO COMPRAS GENERAL -------------- */
/*----------- PESTAÑAS -------------- */
/*paso realizado*/
.tab_done h2{	font-size:1.3em;margin:12px 0 0 0;}
.tab_done h2:before {	margin: -5px 10px 0 5px;}
.editar{	margin:13px 0 0 25px;}
/*paso activo*/
.tab_active h2{	margin:12px 0 0 0;}
.tab_active h2:before {	margin: -5px 10px 0 5px;}
/*paso siguiente*/
.tab_next h2{	margin:12px 0 0 0px;}
.tab_next h2:before {	margin: -5px 10px 0 5px;}
/*------ CARRITO VACIO -------- */
#carrito_vacio{	width:80%;}
#carrito_vacio h3{	font-size:1.5em;}
/*----------- CARRITO LLENO -------------- */
#carrito_lleno{	height:auto;}
.show_small{	font-weight:bold;	display:none;}
.guardar_cant{ margin:5px 0 0 10px;}
/*DIVISA / MONEDA*/
.divisa{float:right;	margin:5px 0 0 0;	height:auto;}
.divisa p{	float:left;	width:100px;margin:0px 0 0 5px;	font-size:.8em;}
.divisa_check{	float:left;	margin:0 5px 0 5px;}
/* CARRITO TOTAL */
#carrito_total li:nth-child(odd){	width:35%;}
#carrito_total li:nth-child(even){	width:45%;}
/* -------- TABLA CARRITO -------- */
/*GENERAL*/
.tabla_top .tab_cantidad, .tabla_top .tab_descuento, .tabla_top .tab_preciolista, .tabla_top .tab_preciodescuento, .tabla_top .tab_subtotal{display:none;}
.show_small{display:block;}
.tab_producto{width:98%;}
.tab_cantidad, .tab_descuento, .tab_preciolista, .tab_preciodescuento, .tab_subtotal{width:90%;}
.tab_cantidad{margin:20px 0 0 0;}
/* tabla TOP */
.tabla_top{	font-size:.8em;}
/*PRODUCTO CARRITO*/
.imagen{float:left;}
.descripcion{	font-size:.9em;}
.producto_carrito .tab_descuento,.producto_carrito  .tab_preciolista,.producto_carrito  .tab_preciodescuento,.producto_carrito  .tab_subtotal{	margin:10px 0 0 0;}
.cantidad{	margin:-10px 0 0 0;	text-align:left;padding:0 0 0 5px; height:35px; float:left;}
.no_edit{	padding:10px 0 0 0; }
/* ---------------- DATOS ENVÍO ---------------- */
/*GENERAL*/
#datos_envio{width:96%;	margin:0 auto; font-size:.9em;}
#datos_envio .continuar{margin:0 0 30px 40px;}
/* opciones paqueteria */
.tipo_entrega{	width:100% !important;}
.tab_paq{	width:100%; float:left;}
.tabla_top .tab_tiempo{display:none;}
.tabla_top .tab_gastoenvio{display:none;}
.tab_tiempo{width:95%;  margin:10px 0;}
.tab_tiempo b{float:left; font-weight:normal; margin:0 5px 0 0;}
.tab_tiempo span{float:left;}
.tab_gastoenvio{width:95%; margin:10px 0;}
.opcion_paqueteria{	margin:20px 0; }
.opcion_paq img{width:100px;	margin:0px 0 0 20px;}
/* ENVIO TOTAL */
#envio_total{	float:right;	height:auto;}
#envio_total .divisa{	margin:20px 0 0 0;}
#envio_total ul{	height:auto;	width:100%;	background-color:#000;}
#envio_total li:nth-child(odd){	padding:10px 0 10px 0;	width:55%;}
#envio_total li:nth-child(even){padding:10px 0 10px 10%;	width:35%;	text-align:left;}
#envio_total li:nth-child(+n+3){	font-size:1.2em;}
/* ----------------- RESUMEN DE PEDIDO -----------------*/
/*general*/
#resumen_pedido{width:96%; padding:0 0 20px 0;}
/* MÉTODO DE PAGO */
#pago_tarjeta_leyenda, #pago_paypal_leyenda{	width:85%;}
#resumen_pedido .continuar,#resumen_pedido .realizar_pago,#resumen_pedido .autorizar_pedido{	margin:13px 0 30px 40px;}
/*resumen direccion*/
#resumen_envio p{	width:100%;	margin:0 0 10px 0;}
.paq_elegido{	width:45%;}
.costo_envio{	width:45%;	margin:0 0 0 5%;	font-size:.9em;}
.prod_sola_entrega{	width:100%;	margin:10px 0 0 0;}
/*RESUMEN TOTAL*/
#resumen_total{width:100%;}
#resumen_total .divisa{	margin:20px 0 0 0 ;}
#resumen_total li:nth-child(odd){	width:60%;}
#resumen_total li:nth-child(even){	width:40%;}
/*RESUMEN SUCURSAL*/
#resumen_sucursal{width:100% !important;}
#resumen_sucursal .divisa{	margin:20px 0 0 0 ;}
#resumen_sucursal li:nth-child(odd){	width:60%;}
#resumen_sucursal li:nth-child(even){	width:40%;}
/* MÉTODO DE PAGO */
.metodo_pago h3{	margin:20px 0 0 0;}
.metodo_pago .opcion_pago{	margin:20px 0 20px 5px;	position:relative;}
.metodo_pago .opcion_pago img{	margin:0px 0 0 30px;	position:inherit;}
#pago_tarjeta_leyenda, #pago_paypal_leyenda{	margin:10px 0 0 5px;	width:85%;}
/* ----------------- ESTADO DE CUENTA -----------------*/
#tabla_pedido .tabla_top .tab_no_pedido, #tabla_pedido .tabla_top .tab_fecha, #tabla_pedido .tabla_top .tab_descripcion,
#tabla_pedido .tabla_top .tab_total, #tabla_pedido .tabla_top .tab_estado_pago, #tabla_pedido .tabla_top .tab_estado_pedido{		display:none;	}
.tab_no_pedido, .tab_fecha, .tab_descripcion, .tab_total, .tab_estado_pago, .tab_estado_pedido{		width:100%;		float:left;	}

}
/*-----------CHICO---------------*/
@media screen and (max-width: 560px) {
	.contenedor_botones_cupon{
		display:block;
		text-align:center;
		margin:15px auto 0;
	}
}
@media screen and (max-width: 500px) {
.editar{ display:none;}
}
@media screen and (max-width: 480px) {
/*---------------------- GENERAL -------------------------- */
#contenedor_perfil{	margin:0 2% !important;}
/*------------ COLUMNA 1 ------------ */
#perfil_columna1{	width:80%;	padding:0 0 0 20%; float:left;}
/*---------------------- DATOS PERFIL -------------------------- */
.datos a{	margin:0 0 5px 0; }
.bloque_datos{	width:100%; margin:0;	padding:5px 20px 0 10px;}
/*----------- CARRITO COMPRAS GENERAL -------------- */
#carrito_compras .continuar{	margin:15px 0 15px 5px !important;}
.continuar{	margin:15px 0 !important;}
/*----------- PESTAÑAS -------------- */
/*paso realizado*/
.tab_done h2{	font-size:1em;	margin:15px 0 0 0;}
.tab_done h2:before {	width: 30px;	height:30px;	line-height:30px;	font-size: 1em;	margin: -5px 5px 0 5px;}
.editar{	margin:13px 0 0 5px;}
/*paso activo*/
.tab_active h2{	font-size:1.3em;}
.tab_active h2:before {	margin: -5px 10px 0 5px;}
/*paso siguiente*/
.tab_next h2{	font-size:1em;}
.tab_next h2:before {width: 30px;	height:30px;line-height:30px;	font-size: 1.5em;	margin: -5px 5px 0 5px;}
}