@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
	font-family: 'Segoe UI';
	/*text-transform: uppercase;*/ /* mayusculas */
	text-transform: none;
}

body{
	display: flex;
  	flex-direction: column;
	min-height: 100vh;
}

.web{
	margin: auto;
	padding: 0px;
	max-width: 1250px;
	width: 100%;
	flex: 1;
}

/* menu boton */

/* header */
.c_header{
	float: left;
	width: 100%;
 	padding: 2% 15%;
	margin-top: 35px;
	/*border-bottom: solid 1px #eee;*/
}

.c_header .c_logo{
	width: 70%;
	margin-left: 15%;
	float: left;
}

.c_header .c_logo img{
	width: 100%;
}

.c_header .c_buscador{
	float: left;
	width: 30%;
	margin-left: 5%;
	margin-top: 3%;
}
/* fin header */

/* Menu principal */
.c_nav{
	float: left;
	width: 100%;
	background: #1c1c1e;
	font-weight: 700;
    font-style: normal;
}

.c_nav nav{
	float: left;
	background: #1c1c1e;
	z-index:1000;
	width:auto;
	margin-right: 15px;
}
 
.c_nav nav ul {
	list-style:none;
	margin: 0px;
}
 
.c_nav nav ul li {
	display:inline-block;
	position: relative;
}
 
.c_nav nav ul li:hover {
	background:#323237;
}
 
.c_nav nav ul li a {
	color:#fff;
	display:block;
	text-decoration:none;
	padding: 13px 20px;
}
 
.c_nav nav ul li a span {
	margin-right:15px;
}
 
.c_nav nav ul li:hover .children {
	display:block;
}
 
.c_nav nav ul li .children {
	display: none;
	background:#1c1c1e;
	position: absolute;
	width: 120%;
	z-index:1000;
}
 
.c_nav nav ul li .children li {
	display:block;
	overflow: hidden;
	border-bottom: 1px solid rgba(255,255,255,.5);
}
 
.c_nav nav ul li .children li a {
	display: block;
}
 
.c_nav nav ul li .children li a span {
	float: right;
	position: relative;
	
	margin-right:0;
	margin-left:10px;
}
  
.c_nav nav ul li .caret {
	position: relative;
	margin-left:10px;
	margin-right:0px;
}

/* --- Clase que agregaremos cuando el usuario haga scroll --- */
.menu-fixed{
	position:fixed;
	z-index:1000;
	top:0;
	width:100%;
	box-shadow:0px 4px 3px rgba(0,0,0,.5);
}

.c_nav .c_carro{
	float: right;
	background: #1c1c1e;
	z-index:1000;
	width:20%;
	margin-right: 15px;
	color:#FFF;
	text-decoration: none;
	display: inline-block;   
	margin-top: 0.7%;
}

.c_nav .c_carro a{
	color:#FFF;
	text-decoration: none;
}

.c_nav .c_carro a:hover{
	color:#A3A3A3;
	text-decoration: none;
}

.c_nav .c_carro a span{
	float: left;
	color:#FFF;
	font-size: 15px;
	margin-right: 10px;
	padding-top: 0.9%;
}

.c_nav .c_carro a:hover span{
	color:#A3A3A3;
}


.c_nav .c_carro .texto_carro_menu{
	float:left;
	width: auto;
}


.c_nav .c_carro .c_valor_varro_menu{
	float:left;
	width: auto;
	margin-left:2%;
}

/* fin menu boton*/

/* Menu Categoria */
.categoria{
	width: 20%;
	height: 100%;
	position: fixed;
	/*right:100%;*/
	left: -20%;
	overflow: auto;
	background: #1c1c1e;
	z-index: 500;
	font-weight: 700;
    font-style: normal;
	min-width: 120px;
	transition: left 0.5s ease-in-out;
	}

.categoria.active {
        left: 0;
        }	


.categoria .c_cerrar_categoria{
	float: right;
	text-align: center;
	width: 100%;
	padding: 10px;
	color: #FFF;
	font-size: 18px;
	font-weight: 600;
}

.categoria .c_cerrar_categoria a{
	text-decoration: none;
	color:#FFF;
}

.categoria .c_cerrar_categoria a:hover{
	text-decoration: none;
	color:#c3c3c3;
}

.categoria .c_cerrar_categoria .cerrar{
	margin-right: 5px;
	float: right;
	font-size: 14px;
	margin-top: 3%;
}

.categoria .c_categoria{
	float: left;
	text-align: center;
	width: 100%;
	padding: 10px;
	color: #FFF;
	font-size: 18px;
	font-weight: 600;
	margin-top: 10%;
}

#menu-categoria{
	float: left;
	width:100%;
	margin-top:0%;
	margin-bottom: 0%;
	}

ul{
	list-style:none;
	padding:0;
	}

#menu-categoria li a{
	color:#fff;
	display:block;
	font-size:14px;
	padding:13px 18px;
	background:#1c1c1e;
	text-decoration:none;
	/*font-weight:600;*/
	border-bottom: 1px solid #2a3547;
	}

#menu-categoria li a:hover{
	background:#323237;
	color:#fff;
	text-decoration:none;
	}

#menu-categoria .flecha-abajo{
	color:#fff;
	font-size:12px;
	float:right;
	margin-left:2%;
	margin-top: 2%;
	}

#menu-categoria ul{
	display:none;
	}

#menu-categoria ul li a{
	color:#fff;
	background:#4C4C4C;
	font-size:12px;
	border-bottom: 1px solid #2a3547;
	}		
	
#menu-categoria ul li a:hover{
	background:#828282;
	color:#FFF;
	}
	
#menu-categoria .activado > a{
	background:#323237;
	color:#fff;
	}		
/* Fin Menu Categoria */

/* Menu usuario */
.menu_usuario{
	float: left;
	width:100%;
	margin-top:0%;
	margin-bottom: 2%;
	}

.menu_usuario ul{
	list-style:none;
	padding:0;
	}

.menu_usuario li a{
	color:#fff;
	display:block;
	font-size:14px;
	padding:13px 18px;
	background:#1c1c1e;
	text-decoration:none;
	/*font-weight:600;*/
	border-bottom: 1px solid #2a3547;
	}

.menu_usuario li a span{
	margin-right: 5px;
	}

.menu_usuario li a:hover{
	background:#323237;
	color:#fff;
	text-decoration:none;
	}

.menu_usuario .flecha-abajo{
	color:#fff;
	font-size:12px;
	float:right;
	margin-left:2%;
	margin-top: 1%;
	}

.menu_usuario ul{
	display:none;
	}

.menu_usuario ul li a{
	color:#fff;
	background:#4C4C4C;
	font-size:12px;
	border-bottom: 1px solid #2a3547;
	}		
	
.menu_usuario ul li a:hover{
	background:#828282;
	color:#FFF;
	}
	
.menu_usuario .activado > a{
	background:#323237;
	color:#fff;
	}	


/* Fin Menu usuario */


.c_informacion{
	float: left;
	width: 100%;
}


.c_slideshow{
	float: left;
	width: 100%;
	display: grid;
  	grid-template-areas:
    'slide slide slide'
    'slide slide slide'
	'item1 item2 item3'
    'item4 item5 item6';
  	gap: 10px;
  	padding: 10px;
}

.c_slideshow .slideshow{
	grid-area: slide;	
}

.c_slideshow .c_banner_1{
	grid-area: item1;
}

.c_slideshow .c_banner_1 img{
	width: 100%;
}


.c_slideshow .c_banner_2{
	grid-area: item2;
}

.c_slideshow .c_banner_2 img{
	width: 100%;
}

.c_slideshow .c_banner_3{
	grid-area: item3;
}

.c_slideshow .c_banner_3 img{
	width: 100%;
}
/*
.c_slideshow .c_banner_4{
	grid-area: item4;
}

.c_slideshow .c_banner_4 img{
	width: 100%;
}

.c_slideshow .c_banner_5{
	grid-area: item5;
}

.c_slideshow .c_banner_5 img{
	width: 100%;
}
*/

.c_productos_inicio{
	float:left;
	width: 100%;
}

.c_productos_inicio .c_titulo_pc_armados{
	float: left;
	width: 100%;
	text-align: center;
	font-weight: 700;
	font-size: 18px;
	color: #2C22AB;
	padding: 2% 0%;
	text-transform: uppercase;
}

/* productos */
.c_separador{
	width: 100%;
	float: left;
	padding: 1%;
}

.c_productos_inicio .c_pc_destacados{
	float: left;
	width: 100%;
}

.c_productos_inicio .tarjeta_producto{
	float: left;
	width: 14%;
	border: solid 1px rgb(116, 115, 115, 0.5);
	vertical-align: top;
	padding: 1%;
	padding-bottom: 2%;
	margin: 1% 1%;
	border-radius: 5px;
	
	box-shadow: 0 3px 6px -4px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);
	
}

.c_banner {
	position: absolute;
	/*background: hsla(0, 0%, 0%, 0.3);*/
	z-index: 1;
	color: white;
	pointer-events: none;
	margin-top: 1%;
	
}


.sticket_descuento{
	background-color: #ff0567;
	padding: 8px;
	font-weight: 700;
	border-radius: 5px;
	font-size: 12px;
	display: table;
}

.sticket_nuevo{
	background-color: #6e33ff;
	padding: 8px;
	font-weight: 700;
	border-radius: 5px;
	display: table;
	font-size: 12px;
	margin-top: 4%;
}

.sticket_agotado{
	background-color: #408EF9;
	padding: 8px;
	font-weight: 700;
	border-radius: 5px;
	display: table;
	font-size: 12px;
	margin-top: 4%;
}

.c_galeria > .c_banner .sticket_descuento{ font-size: 22px; }

.c_galeria > .c_banner .sticket_nuevo{ font-size: 22px; }

.c_galeria > .c_banner .sticket_agotado{ font-size: 22px; }


.c_productos_inicio .tarjeta_producto:hover{
	
	transition:transform .3s,box-shadow .3s,background-color .3s,color .3s,opacity .3s,margin .3s;
	
	top: -2px;
	
	box-shadow: 8px 8px 7px rgba(0,0,0,.16),0px 8px 8px rgba(0,0,0,.23);
}


.c_productos_inicio .tarjeta_producto a{
	text-decoration: none;
}

.c_productos_inicio .tarjeta_producto a:hover{
	text-decoration: none;
}

.c_productos_inicio .tarjeta_producto .c_img{
	float: none;
	/*vertical-align: top;*/
    /*white-space: normal;*/
	width: 100%;
	height: 340px;
	border-radius: 10px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.c_productos_inicio .tarjeta_producto .c_img img{
	width: 100%;
}


.c_productos_inicio .tarjeta_producto .c_info{
	background: #fff;
    height: 120px;
    padding: 8px 8px 12px;
}

.c_productos_inicio .tarjeta_producto .c_info .c_categoria{
	width: 100%;
	color: #032933;
    margin-bottom: 2%;
	font-size: 12px;
}

.c_productos_inicio .tarjeta_producto .c_info .c_texto{
	width: 100%;
	color: #605F5F;
    font-weight: 700;
    overflow: hidden;
    margin-bottom: 2%;
	font-size: 13px;
	/* Colocarmos los 3 puntos al final dell texto y lo demas lo ocultamos. */
	display: -webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp: 4;
}

.c_productos_inicio .tarjeta_producto .c_info .c_valor{
	width: 100%;
	color: #1B1C1C;
	font-weight: 700;
	font-size: 18px;
	text-align: center;
}

.c_productos_inicio .tarjeta_producto .c_info .tachado{
	/*color: #aaa;*/
	color:#747373;
    font-size: 15px;
    font-weight: 400;
    text-decoration: line-through;
	text-align: center;
}

.c_productos_inicio .tarjeta_producto .c_info .c_valor .porsentaje{
	width: 100%;
	color: #747373;
	font-size: 15px;
	text-align: center;
}

.c_productos_inicio .tarjeta_producto .c_btn{
    width: 100%;
    padding: 8px 8px;
}

.c_productos_inicio .tarjeta_producto .c_btn .btn_producto{
	width: 100%;
}

/* fin productos */

/* inicio tarjetas */
.c_tarjetas{
	float: left;
	width: 100%;
	margin-top: 1%;
	margin-bottom: 1%;
}

.c_tarjetas .c_img_seccion_tarjetas{
	float: left;
	width: 25%;
}

.c_tarjetas .c_img_seccion_tarjetas a{
	text-decoration: none;
}

.c_tarjetas .c_img_seccion_tarjetas a:hover{
	text-decoration: none;
}

.c_tarjetas .c_img_seccion_tarjetas a img{
	width: 100%;
}

.c_tarjetas .c_productos{
	float: right;
	width: 73%;
}


.c_tarjetas .c_productos .tarjeta_producto{
	float: left;
	width: 18.3%;
	height: 340px;
	border: solid 1px rgb(116, 115, 115, 0.5);
	vertical-align: top;
	padding: 1%;
	padding-bottom: 2%;
	margin: 1% 1%;
	border-radius: 5px;
	box-shadow: 0 3px 6px -4px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);
}

.c_tarjetas .c_productos .tarjeta_producto:hover{
	
	transition:transform .3s,box-shadow .3s,background-color .3s,color .3s,opacity .3s,margin .3s;
	
	top: -2px;
	
	box-shadow: 8px 8px 7px rgba(0,0,0,.16),0px 8px 8px rgba(0,0,0,.23);
}


.c_tarjetas .c_productos .tarjeta_producto a{
	text-decoration: none;
}

.c_tarjetas .c_productos .tarjeta_producto a:hover{
	text-decoration: none;
}

.c_tarjetas .c_productos .tarjeta_producto .c_img{
	float: none;
	/*vertical-align: top;*/
    /*white-space: normal;*/
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.c_tarjetas .c_productos .tarjeta_producto .c_img img{
	width: 100%;
}


.c_tarjetas .c_productos .tarjeta_producto .c_info{
	background: #fff;
    padding: 8px 8px 12px;
}

.c_tarjetas .c_productos .tarjeta_producto .c_info .c_categoria{
	width: 100%;
	color: #032933;
    margin-bottom: 2%;
	font-size: 12px;
}

.c_tarjetas .c_productos .tarjeta_producto .c_info .c_texto{
	width: 100%;
	color: #605F5F;
    font-weight: 700;
    overflow: hidden;
    margin-bottom: 4%;
	font-size: 13px;
	/* Colocarmos los 3 puntos al final dell texto y lo demas lo ocultamos. */
	display: -webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp: 4;
}

.c_tarjetas .c_productos .tarjeta_producto .c_info .c_valor{
	width: 100%;
	color: #1B1C1C;
	font-weight: 700;
	font-size: 18px;
	text-align: center;
}

.c_tarjetas .c_productos .tarjeta_producto .c_info .tachado{
	/*color: #aaa;*/
	color:#747373;
    font-size: 15px;
    font-weight: 400;
    text-decoration: line-through;
	text-align: center;
}

.c_tarjetas .c_productos .tarjeta_producto .c_info .c_valor .porsentaje{
	width: 100%;
	color: #747373;
	font-size: 15px;
	text-align: center;
}

.c_tarjetas .c_productos .tarjeta_producto .c_btn{
    width: 100%;
    padding: 8px 8px;
}

.c_tarjetas .c_productos .tarjeta_producto .c_btn .btn_producto{
	width: 100%;
}
/* fin incio tarjetas */

/* inicio procesadores */
.c_procesador{
	float: left;
	width: 100%;
	margin-top: 1%;
	margin-bottom: 1%;
}

.c_procesador .c_img_seccion_tarjetas{
	float: right;
	width: 25%;
}

.c_procesador .c_img_seccion_tarjetas a{
	text-decoration: none;
}

.c_procesador .c_img_seccion_tarjetas a:hover{
	text-decoration: none;
}

.c_procesador .c_img_seccion_tarjetas a img{
	width: 100%;
}

.c_procesador .c_productos{
	float: left;
	width: 73%;
}


.c_procesador .c_productos .tarjeta_producto{
	float: left;
	width: 18.3%;
	height: 340px;
	border: solid 1px rgb(116, 115, 115, 0.5);
	vertical-align: top;
	padding: 1%;
	padding-bottom: 2%;
	margin: 1% 1%;
	border-radius: 5px;
	
	box-shadow: 0 3px 6px -4px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);
}

.c_procesador .c_productos .tarjeta_producto:hover{
	
	transition:transform .3s,box-shadow .3s,background-color .3s,color .3s,opacity .3s,margin .3s;
	
	top: -2px;
	
	box-shadow: 8px 8px 7px rgba(0,0,0,.16),0px 8px 8px rgba(0,0,0,.23);
}


.c_procesador .c_productos .tarjeta_producto a{
	text-decoration: none;
}

.c_procesador .c_productos .tarjeta_producto a:hover{
	text-decoration: none;
}

.c_procesador .c_productos .tarjeta_producto .c_img{
	float: none;
	/*vertical-align: top;*/
    /*white-space: normal;*/
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.c_procesador .c_productos .tarjeta_producto .c_img img{
	width: 100%;
}


.c_procesador .c_productos .tarjeta_producto .c_info{
	background: #fff;
    height: 120px;
    padding: 8px 8px 12px;
}

.c_procesador .c_productos .tarjeta_producto .c_info .c_categoria{
	width: 100%;
	color: #032933;
    margin-bottom: 2%;
	font-size: 12px;
}

.c_procesador .c_productos .tarjeta_producto .c_info .c_texto{
	width: 100%;
	color: #605F5F;
    font-weight: 700;
    overflow: hidden;
    margin-bottom: 2%;
	font-size: 13px;
	/* Colocarmos los 3 puntos al final dell texto y lo demas lo ocultamos. */
	display: -webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp: 4;
}

.c_procesador .c_productos .tarjeta_producto .c_info .c_valor{
	width: 100%;
	color: #1B1C1C;
	font-weight: 700;
	font-size: 18px;
	text-align: center;
}

.c_procesador .c_productos .tarjeta_producto .c_info .tachado{
	/*color: #aaa;*/
	color:#747373;
    font-size: 15px;
    font-weight: 400;
    text-decoration: line-through;
	text-align: center;
}

.c_procesador .c_productos .tarjeta_producto .c_info .c_valor .porsentaje{
	width: 100%;
	color: #747373;
	font-size: 15px;
	text-align: center;
}

.c_procesador .c_productos .tarjeta_producto .c_btn{
    width: 100%;
    padding: 8px 8px;
}

.c_procesador .c_productos .tarjeta_producto .c_btn .btn_producto{
	width: 100%;
}
/* fin incio procesadores */


/* inicio procesadores */
.c_monitores{
	float: left;
	width: 100%;
	margin-top: 1%;
	margin-bottom: 1%;
}

.c_monitores .c_img_seccion_tarjetas{
	float: left;
	width: 25%;
}

.c_monitores .c_img_seccion_tarjetas a{
	text-decoration: none;
}

.c_monitores .c_img_seccion_tarjetas a:hover{
	text-decoration: none;
}

.c_monitores .c_img_seccion_tarjetas a img{
	width: 100%;
}

.c_monitores .c_productos{
	float: right;
	width: 73%;
}


.c_monitores .c_productos .tarjeta_producto{
	float: left;
	width: 18.3%;
	height: 340px;
	border: solid 1px rgb(116, 115, 115, 0.5);
	vertical-align: top;
	padding: 1%;
	padding-bottom: 2%;
	margin: 1% 1%;
	border-radius: 5px;
	
	box-shadow: 0 3px 6px -4px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);
}

.c_monitores .c_productos .tarjeta_producto:hover{
	
	transition:transform .3s,box-shadow .3s,background-color .3s,color .3s,opacity .3s,margin .3s;
	
	top: -2px;
	
	box-shadow: 8px 8px 7px rgba(0,0,0,.16),0px 8px 8px rgba(0,0,0,.23);
}


.c_monitores .c_productos .tarjeta_producto a{
	text-decoration: none;
}

.c_monitores .c_productos .tarjeta_producto a:hover{
	text-decoration: none;
}

.c_monitores .c_productos .tarjeta_producto .c_img{
	float: none;
	/*vertical-align: top;*/
    /*white-space: normal;*/
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.c_monitores .c_productos .tarjeta_producto .c_img img{
	width: 100%;
}


.c_monitores .c_productos .tarjeta_producto .c_info{
	background: #fff;
    height: 120px;
    padding: 8px 8px 12px;
}

.c_monitores .c_productos .tarjeta_producto .c_info .c_categoria{
	width: 100%;
	color: #032933;
    margin-bottom: 2%;
	font-size: 12px;
}

.c_monitores .c_productos .tarjeta_producto .c_info .c_texto{
	width: 100%;
	color: #605F5F;
    font-weight: 700;
    overflow: hidden;
    margin-bottom: 2%;
	font-size: 13px;
	/* Colocarmos los 3 puntos al final dell texto y lo demas lo ocultamos. */
	display: -webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp: 4;
}

.c_monitores .c_productos .tarjeta_producto .c_info .c_valor{
	width: 100%;
	color: #1B1C1C;
	font-weight: 700;
	font-size: 18px;
	text-align: center;
}

.c_monitores .c_productos .tarjeta_producto .c_info .tachado{
	/*color: #aaa;*/
	color:#747373;
    font-size: 15px;
    font-weight: 400;
    text-decoration: line-through;
	text-align: center;
}

.c_monitores .c_productos .tarjeta_producto .c_info .c_valor .porsentaje{
	width: 100%;
	color: #747373;
	font-size: 15px;
	text-align: center;
}

.c_monitores .c_productos .tarjeta_producto .c_btn{
    width: 100%;
    padding: 8px 8px;
}

.c_monitores .c_productos .tarjeta_producto .c_btn .btn_producto{
	width: 100%;
}
/* fin incio procesadores */

/* inicio c_partes */
.c_partes{
	float: left;
	width: 100%;
	margin-top: 1%;
	margin-bottom: 1%;
}

.c_partes .c_img_seccion_tarjetas{
	float: right;
	width: 25%;
}

.c_partes .c_img_seccion_tarjetas a{
	text-decoration: none;
}

.c_partes .c_img_seccion_tarjetas a:hover{
	text-decoration: none;
}

.c_partes .c_img_seccion_tarjetas a img{
	width: 100%;
}

.c_partes .c_productos{
	float: left;
	width: 73%;
}


.c_partes .c_productos .tarjeta_producto{
	float: left;
	width: 18.3%;
	height: 340px;
	border: solid 1px rgb(116, 115, 115, 0.5);
	vertical-align: top;
	padding: 1%;
	padding-bottom: 2%;
	margin: 1% 1%;
	border-radius: 5px;
	
	box-shadow: 0 3px 6px -4px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);
}

.c_partes .c_productos .tarjeta_producto:hover{
	
	transition:transform .3s,box-shadow .3s,background-color .3s,color .3s,opacity .3s,margin .3s;
	
	top: -2px;
	
	box-shadow: 8px 8px 7px rgba(0,0,0,.16),0px 8px 8px rgba(0,0,0,.23);
}


.c_partes .c_productos .tarjeta_producto a{
	text-decoration: none;
}

.c_partes .c_productos .tarjeta_producto a:hover{
	text-decoration: none;
}

.c_partes .c_productos .tarjeta_producto .c_img{
	float: none;
	/*vertical-align: top;*/
    /*white-space: normal;*/
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.c_partes .c_productos .tarjeta_producto .c_img img{
	width: 100%;
}


.c_partes .c_productos .tarjeta_producto .c_info{
	background: #fff;
    height: 120px;
    padding: 8px 8px 12px;
}

.c_partes .c_productos .tarjeta_producto .c_info .c_categoria{
	width: 100%;
	color: #032933;
    margin-bottom: 2%;
	font-size: 12px;
}

.c_partes .c_productos .tarjeta_producto .c_info .c_texto{
	width: 100%;
	color: #605F5F;
    font-weight: 700;
    overflow: hidden;
    margin-bottom: 2%;
	font-size: 13px;
	/* Colocarmos los 3 puntos al final dell texto y lo demas lo ocultamos. */
	display: -webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp: 4;
}

.c_partes .c_productos .tarjeta_producto .c_info .c_valor{
	width: 100%;
	color: #1B1C1C;
	font-weight: 700;
	font-size: 18px;
	text-align: center;
}

.c_partes .c_productos .tarjeta_producto .c_info .tachado{
	/*color: #aaa;*/
	color:#747373;
    font-size: 15px;
    font-weight: 400;
    text-decoration: line-through;
	text-align: center;
}

.c_partes .c_productos .tarjeta_producto .c_info .c_valor .porsentaje{
	width: 100%;
	color: #747373;
	font-size: 15px;
	text-align: center;
}

.c_partes .c_productos .tarjeta_producto .c_btn{
    width: 100%;
    padding: 8px 8px;
}

.c_partes .c_productos .tarjeta_producto .c_btn .btn_producto{
	width: 100%;
}
/* fin incio procesadores */



/* contenedor menu pie */
.c_linea-1{
	float: left;
	width: 100%;
	border-top: 1px solid rgba(0,0,0,.05);
	margin-bottom: 1%;
}

.c_footer-1{
	float: left;
	width: 100%;
	padding: 1% 2%;
	height: 100%;
}



.c_footer-1 .c_logo{
	width: 25%;
	float: left;
	padding: 2%;
	display: flex;
    justify-content: center;
    align-items: center;
	height: 100%;
}

.c_footer-1 .c_logo img{
	width: 100%;
}

.c_footer-1 .c_link_interes{
	width: 25%;
	float: left;
	padding: 2%;
}

.c_footer-1 .c_link_interes .titulo{
	font-weight: 700;
	font-size: 20px;
	color: #565353;
	text-transform: uppercase;
}


.c_footer-1 .c_link_interes .c_barra{
	float: left;
	width: 100%;
}

.c_footer-1 .c_link_interes .c_barra .barra{
    display: block;
    height: 3px;
    margin: 1% 0;
    max-width: 30px;
    width: 100%;
	background-color: #6C1602;
}

.c_footer-1 .c_link_interes .menu_link_interes {
  	width: 100%;
	float: left;
	margin-top: 2%;
}

.c_footer-1 .c_link_interes .menu_link_interes ul {
  	list-style-type: none;
  	padding: 0;
  	margin: 0;
}

.c_footer-1 .c_link_interes .menu_link_interes li {
  	margin-bottom: 1%; 
}

.c_footer-1 .c_link_interes .menu_link_interes a {
  	display: block;
  	padding: 2% 0px;
  	text-decoration: none;
  	color: #6C1602; /* Color del texto */
	font-size: 14px;
	font-weight: 600;
}

.c_footer-1 .c_link_interes .menu_link_interes a:hover {
  	color: #921E04; /* Color de fondo al pasar el cursor */
}

.c_footer-1 .c_contacto{
	width: 25%;
	float: right;
	padding: 2%;
}

.c_footer-1 .c_contacto .titulo{
	font-weight: 700;
	font-size: 20px;
	color: #565353;
	text-transform: uppercase;
}


.c_footer-1 .c_contacto .c_barra{
	float: left;
	width: 100%;
}

.c_footer-1 .c_contacto .c_barra .barra{
    display: block;
    height: 3px;
    margin: 1% 0;
    max-width: 30px;
    width: 100%;
	/*background-color: #6e33ff;*/
	background-color: #6C1602;
}

.c_footer-1 .c_contacto .menu_link_interes {
  	width: 100%;
	float: left;
	margin-top: 2%;
}

.c_footer-1 .c_contacto .menu_link_interes ul {
  	list-style-type: none;
  	padding: 0;
  	margin: 0;
}

.c_footer-1 .c_contacto .menu_link_interes li {
  	margin-bottom: 1%; 
}

.c_footer-1 .c_contacto .menu_link_interes a {
  	display: block;
  	padding: 2% 0px;
  	text-decoration: none;
  	color: #6C1602; /* Color del texto */
	font-size: 14px;
	font-weight: 600;
}

.c_footer-1 .c_contacto .menu_link_interes a:hover {
  	color: #921E04; /* Color de fondo al pasar el cursor */
}


.c_footer-1 .c_contacto .menu_link_interes a span{
  	color: #000; /* Color del texto */
}
/* fin contenedor menu pie */


.c_detalle_producto{
	float: left;
	width: 100%;
}

.c_detalle_producto .c_img_p{
	float: left;
	width: 60%;
}


.c_detalle_producto .c_img_p .c_galeria{
	float: left;
	width: 100%;
}


.c_detalle_producto .c_img_p .c_galeria .carousel {
  	background: #FAFAFA;
  	margin-bottom: 2%;
	max-width: 700px;
	max-height: 700px;
	width: 100%;
	height: 100%;
}


.c_detalle_producto .c_img_p .c_galeria .carousel-cell {
	width: 100%;
	max-width: 700px;
	max-height: 700px;
}

.c_detalle_producto .c_img_p .c_galeria .carousel-cell img{
	object-fit: cover;
  	width: 100%;
  	height:100%;
    background-size: cover; /* Ajusta la imagen para cubrir todo el div */
    background-position: center; /* Centra la imagen en el div */
}


.c_detalle_producto .c_img_p .c_galeria .carousel-nav .carousel-cell {
  height: 100px;
  width: 100px;
}

.c_detalle_producto .c_img_p .c_galeria .carousel-nav .carousel-cell {
  height: 100px;
  width: 100px;
}

.c_detalle_producto .c_img_p .c_galeria .carousel-nav .carousel-cell:before {
  font-size: 50px;
  line-height: 80px;
}

.c_detalle_producto .c_img_p .c_galeria .carousel-nav .carousel-cell.is-nav-selected {
	background:#A39E9E;
	border-radius:5px;
}

.c_detalle_producto .c_info2{
	float: right;
	width: 40%;
	padding: 0% 3%;
}

.c_detalle_producto .c_info2 .c_titulo{
	float: left;
	width: 100%;
	font-size: 24px;
	font-weight: 700;
	color: #6C1602;
	text-transform: uppercase;
}

.c_detalle_producto .c_info2 .c_barra{
	float: left;
	width: 100%;
}
.c_detalle_producto .c_info2
.c_barra .barra{
    display: block;
    height: 3px;
    margin: 1% 0;
    max-width: 30px;
    width: 100%;
	background-color: #6C1602;
}

.c_detalle_producto .c_info2 .c_valores{
	float:left;
	width: 100%;
	margin-top: 1%;
}

.c_detalle_producto .c_info2 .c_valores .texto_valor{
	float: left;
	width: auto;
	max-width: 50%;
	/*color: #aaa;*/
	font-weight: 700;
	font-size: 30px;
	text-align: center;
	padding-left: 4%;
}

.c_detalle_producto .c_info2 .c_valores .texto_valor_descuento{
	float: left;
	width: auto;
	max-width: 50%;
	font-size: 30px;
	text-align: center;
	text-decoration: line-through;
	font-weight: 400;
    margin-right: 0.3em;
    opacity: .6;
	color: #111;
    white-space: nowrap;
}

.c_detalle_producto .c_info2 .c_valores  .texto_leyenda_pago{
	float: left;
	width: 100%;
	color: #5f5f5f;
    font-size: 14px;
    font-weight: 400;
	text-transform: capitalize;
}

.c_detalle_producto .c_info2 .c_valores_credito .texto_valor{
	float: left;
	width: 100%;
	font-weight: 700;
	font-size: 30px;
	text-align: left;
	margin-top: 2%;
	color: #098e3a;
}

.c_detalle_producto .c_info2 .c_valores_credito .texto_leyenda_pago{
	float: left;
	width: 100%;
	color: #5f5f5f;
    font-size: 14px;
    font-weight: 400;
	text-transform: capitalize;
}

.c_detalle_producto .c_info2 .c_stock{
	float: left;
	width: 100%;
	margin-top: 2%;
}

.c_detalle_producto .c_info2 .c_stock .texto_titulo{
	float: left;
	width: 100%;
	font-size: 20px;
    font-style: italic;
	color: #ff0000;
	font-weight: bolder;
	text-transform: capitalize;
}

.c_detalle_producto .c_info2 .c_stock .texto_stock{
	float: left;
	width: 100%;
	font-size: 14px;
	color: #7a9c59;
	font-weight: 700;
	text-transform: capitalize;
}

.c_detalle_producto .c_info2 .c_stock .texto_a_pedido{
	float: left;
	width: 100%;
	font-size: 14px;
    font-style: italic;
	color: #5f5f5f;
	font-weight: 600;
	text-transform: initial;
}

.c_detalle_producto .c_info2 .c_stock .texto_a_pedido strong{
	color: #ff0000;
	font-weight: 600;
}


.c_detalle_producto .c_info2 .c_btn_add_carro{
	float: left;
	width: 100%;
	margin: 2% 0%;	
}

.c_detalle_producto .c_info2 .c_btn_add_carro .c_cantidad{
	float: left;
	width: 25%;
}

.c_detalle_producto .c_info2 .c_btn_add_carro .c_btn_add{
	float: left;
	width: 75%;
	padding-left: 4%;
}

.c_detalle_producto .c_info2 .c_btn_add_carro .c_btn_add .btn_add{
	font-weight: 600;
	text-transform: capitalize;
}

.c_detalle_producto .c_info2 .c_texto_leyenda_1{
	
	/*text-transform: capitalize; */
	float: left;
	width: 100%;
	font-size: 16px;
    font-style: italic;
	color: #5f5f5f;
	font-weight: 600;
	text-transform: initial;
	margin-top: 2%;
}

.c_detalle_producto .c_info2 .c_sku{
	float: left;
	width: 100%;
	font-size: 13px;
	color: #5f5f5f;
	font-weight: 600;
	margin-top: 3%;
	border-top: 1px dotted #ddd;
	padding: 5px 0;
}

.c_detalle_producto .c_info2 .c_categorias{
	float: left;
	width: 100%;
	font-size: 13px;
	color: #5f5f5f;
	font-weight: 600;
	margin-top: 1%;
	border-top: 1px dotted #ddd;
	padding: 5px 0;
}

.c_detalle_producto .c_info2 .c_categorias a{
	color: #9b51e0;
	text-decoration: none;
}

.c_detalle_producto .c_info2 .c_categorias a:hover{
	color: #6410B3;
	text-decoration: none;
	font-weight: 600;
}



.c_detalle_producto .c_descripcion{
	float: left;
	width: 100%;
	margin-top: 2%;
}

.c_detalle_producto .c_productos_relacionados{
	float: left;
	width: 100%;
	margin-top: 2%;
	border-top: 1px dotted #ddd;
}

.c_detalle_producto .c_productos_relacionados .titulo{
	float: left;
	width: 100%;
	font-size: 20px;
	font-weight: 700;
	color: #6C1602;
	margin-top: 1%;
	text-transform: uppercase;
}

.c_detalle_producto .c_productos_relacionados .c_productos{
	float: left;
	width: 100%;
	margin-bottom: 2%;
}

.c_detalle_producto .c_productos_relacionados .c_productos .tarjeta_producto{
	float: left;
	width: 18.3%;
	border: solid 1px rgb(116, 115, 115, 0.5);
	vertical-align: top;
	padding: 1%;
	padding-bottom: 2%;
	margin: 1% 1%;
	border-radius: 5px;
	
	box-shadow: 0 3px 6px -4px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);
}

.c_detalle_producto .c_productos_relacionados .c_productos .tarjeta_producto:hover{
	
	transition:transform .3s,box-shadow .3s,background-color .3s,color .3s,opacity .3s,margin .3s;
	
	top: -2px;
	
	box-shadow: 8px 8px 7px rgba(0,0,0,.16),0px 8px 8px rgba(0,0,0,.23);
}


.c_detalle_producto .c_productos_relacionados .c_productos .tarjeta_producto a{
	text-decoration: none;
}

.c_detalle_producto .c_productos_relacionados .c_productos .tarjeta_producto a:hover{
	text-decoration: none;
}

.c_detalle_producto .c_productos_relacionados .c_productos .tarjeta_producto .c_img{
	float: none;
	/*vertical-align: top;*/
    /*white-space: normal;*/
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	flex-direction: column;
}


.c_detalle_producto .c_productos_relacionados .c_productos .tarjeta_producto .c_img img{
	width: 100%;
}


.c_detalle_producto .c_productos_relacionados .c_productos .tarjeta_producto .c_info{
	background: #fff;
    height: 120px;
    padding: 8px 8px 12px;
}

.c_detalle_producto .c_productos_relacionados .c_productos .tarjeta_producto .c_info .c_categoria{
	width: 100%;
	color: #032933;
    margin-bottom: 2%;
	font-size: 12px;
}

.c_detalle_producto .c_productos_relacionados .c_productos .tarjeta_producto .c_info .c_texto{
	width: 100%;
	color: #605F5F;
    font-weight: 700;
    height: 45px;
    overflow: hidden;
    margin-bottom: 2%;
	font-size: 16px;
}

.c_detalle_producto .c_productos_relacionados .c_productos .tarjeta_producto .c_info .c_valor{
	width: 100%;
	color: #1B1C1C;
	font-weight: 700;
	font-size: 18px;
	text-align: center;
}

.c_detalle_producto .c_productos_relacionados .c_productos .tarjeta_producto .c_info .tachado{
	/*color: #aaa;*/
	color:#747373;
    font-size: 15px;
    font-weight: 400;
    text-decoration: line-through;
	text-align: center;
}

.c_detalle_producto .c_productos_relacionados .c_productos .tarjeta_producto .c_info .c_valor .porsentaje{
	width: 100%;
	color: #747373;
	font-size: 15px;
	text-align: center;
}

.c_detalle_producto .c_productos_relacionados .c_productos .tarjeta_producto .c_btn{
    width: 100%;
    padding: 8px 8px;
}

.c_detalle_producto .c_productos_relacionados .c_productos .tarjeta_producto .c_btn .btn_producto{
	width: 100%;
}

.c_detalle_producto .c_descripcion .nav-tabs .nav-link{
	font-weight: 700;
	color:#686464;
}

.c_detalle_producto .c_descripcion .nav-tabs .active {
	font-weight: 700;
	color:#6C1602;
}

.c_detalle_producto .c_descripcion .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    border-top-color: #6C1602;
	border-top-width: 4px;
	}

.c_detalle_producto .c_descripcion  .nav-tabs .nav-link.active, .nav-tabs  {
 	border-color: #6C1602;
	}

.c_detalle_producto .c_descripcion  .nav-tabs .nav-item:hover{
	border-color: #6C1602;
	}

.c_categoria_titulos{
	float: left;
	width: 100%;
	background: #4435FF;
	padding: 1.5%;
	border-radius: 5px;
	display: block;
	margin-bottom: 1%;
}

.c_categoria_titulos .titulo{
	display:inline;
	padding: 0px 2px;
	text-transform: uppercase;
}

.c_categoria_titulos .separador{
	display:inline;
	color: #FFF;
	font-weight: 600;
}

.c_categoria_titulos .titulo a{
	text-decoration: none;
	color: #FFF;
	text-transform: uppercase;
}

.c_categoria_titulos .titulo a:hover{
	text-decoration: none;
	color: #E7E7E7;
}

.c_categoria_titulos .activo{
	text-decoration: none;
	color: #FFF;
	font-weight: 700;
}


.c_producto_cat{
	float: left;
	width: 100%;
}

.c_producto_cat .tarjeta_producto{
	float: left;
	width: 18%;
	border: solid 1px rgb(116, 115, 115, 0.5);
	vertical-align: top;
	padding: 1%;
	padding-bottom: 2%;
	margin: 1% 1%;
	border-radius: 5px;
	
	box-shadow: 0 3px 6px -4px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);
	cursor: pointer;
}

.c_producto_cat .tarjeta_producto:hover{
	
	transition:transform .3s,box-shadow .3s,background-color .3s,color .3s,opacity .3s,margin .3s;
	
	top: -2px;
	
	box-shadow: 8px 8px 7px rgba(0,0,0,.16),0px 8px 8px rgba(0,0,0,.23);
}

.c_producto_cat .tarjeta_producto a{
	text-decoration: none;
	cursor: pointer;
}

.c_producto_cat .tarjeta_producto a:hover{
	text-decoration: none;
	cursor: pointer;
}

.c_producto_cat .tarjeta_producto .c_img{
	float: none;
	/*vertical-align: top;*/
    /*white-space: normal;*/
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.c_producto_cat .tarjeta_producto .c_img img{
	width: 100%;
}

.c_producto_cat .tarjeta_producto .c_info{
	background: #fff;
    height: 180px;
    padding: 8px 8px 12px;
}

.c_producto_cat .tarjeta_producto .c_info .c_categoria{
	width: 100%;
	color: #032933;
    margin-bottom: 2%;
	font-size: 12px;
}

.c_producto_cat .tarjeta_producto .c_info .c_texto{
	width: 100%;
	color: #605F5F;
    font-weight: 700;
    overflow: hidden;
    margin-bottom: 2%;
	font-size: 16px;
	/* Colocarmos los 3 puntos al final dell texto y lo demas lo ocultamos. */
	display: -webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp: 4;
}

.c_producto_cat .tarjeta_producto .c_info .c_valor{
	width: 100%;
	color: #1B1C1C;
	font-weight: 700;
	font-size: 18px;
	text-align: center;
}

.c_producto_cat .tarjeta_producto .c_info .tachado{
	/*color: #aaa;*/
	color:#747373;
    font-size: 15px;
    font-weight: 400;
    text-decoration: line-through;
	text-align: center;
}

.c_producto_cat .tarjeta_producto .c_info .c_valor .porsentaje{
	width: 100%;
	color: #747373;
	font-size: 15px;
	text-align: center;
}

.c_producto_cat .tarjeta_producto .c_btn{
    width: 100%;
    padding: 8px 8px;
}

.c_producto_cat .tarjeta_producto .c_btn .btn_producto{
	width: 100%;
}


.c_paginacion{
	float:left;
	width: 100%;
	margin: 2% 0%;
}


/* contenedor carro */
.c_carro_compra{
	float: left;
    width: 100%;
	margin-bottom: 1%;
}

.c_carro_compra .c_despacho_carro{
	float: left;
	width: 100%;
	border: solid 1px #eee;
	padding: 1%;
	margin-bottom:2%;
}

.c_carro_compra .c_despacho_carro .table{
	margin-bottom: 0px;
}

.c_carro_compra .c_despacho_carro .table tr th{
	text-align: center;
}
.c_carro_compra .c_despacho_carro .table tr td{
	text-align: left;
}

.c_carro_compra .c_despacho_carro .table tr td a{
	text-decoration: none;
	color: #000;
}

.c_carro_compra .c_despacho_carro .table tr td a:hover{
	text-decoration: none;
	color: #000;
}

.c_carro_compra .c_despacho_carro .table tr td .stock{
	margin-left: 5%;
	margin-right: 5%;
}

.c_carro_compra .c_carro_der{
	float:left;
	width: 60%;
}

.c_carro_compra .c_carro_izq{
	float:left;
	width: 40%;
}

.c_carro_compra .c_carro_der .c_producto_carro{
	float: left;
	width: 100%;
	border: solid 1px #eee;
	padding: 1%;
}

.c_carro_compra .c_carro_der .c_producto_carro .table{
	margin-bottom: 0px;
}

.c_carro_compra .c_carro_der .c_producto_carro .table tr th{
	text-align: center;
}

.c_carro_compra .c_producto_carro .table  tr td{
	text-align: center;
	vertical-align: middle;
}

.c_carro_compra .c_producto_carro .table tbody tr td img{
	width: 100%;
}

.c_carro_compra .c_carro_der .c_producto_carro .table tr th:nth-child(1){
	width: 50%;
}
.c_carro_compra .c_carro_der .c_producto_carro .table tr th:nth-child(2){
	width: 15%;
}
.c_carro_compra .c_carro_der .c_producto_carro .table tr th:nth-child(3){
	width: 15%;
}
.c_carro_compra .c_carro_der .c_producto_carro .table tr th:nth-child(4){
	width: 20%;
}

.c_carro_compra .c_carro_der .c_producto_carro .table tr td:nth-child(1){
	width: 5%;
}

.c_carro_compra .c_carro_der .c_producto_carro .table tr td:nth-child(2){
	width: 10%;
}

.c_carro_compra .c_carro_der .c_producto_carro .table tr td:nth-child(3){
	width: 35%;
	text-align:left;
	font-weight: 600;
}

.c_carro_compra .c_carro_der .c_producto_carro .table tr td:nth-child(4){
	width: 15%;
	text-align:center;
	font-weight: 600;
}

.c_carro_compra .c_carro_der .c_producto_carro .table tr td:nth-child(5){
	width: 18%;
	text-align:center;
}

.c_carro_compra .c_carro_der .c_producto_carro .table tr td:nth-child(5) input{
	text-align:center;
}

.c_carro_compra .c_carro_der .c_producto_carro .table tr td:nth-child(6){
	width: 20%;
	text-align:center;
	font-weight: 600;
}

.c_carro_compra .c_carro_der .c_producto_carro .table tr td img{
	width: 100%;
}

.c_carro_compra .c_carro_der .c_producto_carro .table tr td a{
	text-decoration: none;
	color: #000;
}

.c_carro_compra .c_carro_der .c_producto_carro .table tr td a:hover{
	text-decoration: none;
	color: #000;
}

.c_carro_compra .c_carro_der .c_btn_sig{
	float: left;
	width: 100%;
	margin-top: 2%;
	
}

.c_carro_compra .c_carro_der .c_btn_sig .btn{
	width: 30%;
}

.c_carro_compra .c_carro_der .c_btn_sig .btn span{
	margin-right: 1%;
	vertical-align: middle;
}

.c_carro_compra .c_carro_der .c_btn_sig .btn .texto{
	font-weight: 700;
	font-size: 14px;
}

.c_carro_compra .c_carro_der .c_btn_sig .btn-vaciar{
	margin-left: 2%;
}

.c_carro_compra .c_carro_izq .c_envio{
	float:left;
	width: 100%;
	border: solid 1px #eee;
	padding: 0% 3% 1%;
}

.c_carro_compra .c_carro_izq .c_envio .leyenda1{
	float:left;
	width: 100%;
	font-weight: 700;
	font-size: 16px;
	margin-top: 6%;
	margin-bottom: 2%;
	padding-bottom: 1%;
	border-bottom: solid 2px #eee;
}

.c_carro_compra .c_carro_izq .c_envio .c_sub_total{
	float:left;
	width: 100%;
	margin-top: 1%;
	padding: 2% 0% 1%;
	border-bottom: solid 2px #eee;
}

.c_carro_compra .c_carro_izq .c_envio .c_sub_total .leyenda_sub_total{
	float:left;
	width: 20%;
	font-size: 16px;
	font-weight: 400;
	text-align: left;
	text-transform: capitalize;
}

.c_carro_compra .c_carro_izq .c_envio .c_sub_total .total_sub_total{
	float:right;
	width: 80%;
	font-size: 18px;
	font-weight: 700;
	text-align: right;
}

.c_carro_compra .c_carro_izq .c_envio .c_tipo_entrega{
	float:left;
	width: 100%;
	padding: 2% 0% 1%;
	border-bottom: solid 2px #eee;
}

.c_carro_compra .c_carro_izq .c_envio .c_tipo_entrega .leyenda_tipo_entrega{
	float:left;
	width: 20%;
	font-size: 16px;
	font-weight: 400;
	text-align: left;
	text-transform: capitalize;
}

.c_carro_compra .c_carro_izq .c_envio .c_tipo_entrega .leyenda_2_tipo_entrega{
	float:right;
	width: 80%;
	font-size: 16px;
	font-weight: 400;
	text-align: right;
	text-transform:initial;
}

.c_carro_compra .c_carro_izq .c_envio .c_total{
	float:left;
	width: 100%;
	padding: 2% 0% 1%;
	border-bottom: solid 4px #eee;
}

.c_carro_compra .c_carro_izq .c_envio .c_total .leyenda_total{
	float:left;
	width: 20%;
	font-size: 16px;
	font-weight: 400;
	text-align: left;
	text-transform: capitalize;
}

.c_carro_compra .c_carro_izq .c_envio .c_total .c_total_total{
	float:right;
	width: 80%;
	font-size: 18px;
	font-weight: 700;
	text-align: right;
}

.c_carro_compra .c_carro_izq  .c_envio .c_btn_carro{
	float: left;
	width: 45%;
	margin: 1% 15% 0%;
	border: solid 1px #eee;
	padding: 1%;
	text-align: center;
}

.c_carro_compra .c_carro_izq .c_btn_finalizar{
	float:left;
	width: 100%;
	margin-top: 4%;
	margin-bottom: 2%;
}

.c_carro_compra .c_carro_izq .c_btn_finalizar a{
	width: 100%;
	font-weight: 700;
}

.c_carro_compra .c_carro_izq .c_cupon{
	float: left;
	width: 100%;
	text-align: center;
}

.c_carro_compra .c_carro_izq .c_cupon .c_cupon_descuento{
	float: left;
	width: 100%;
	text-align: center;
}

.c_carro_compra .c_carro_izq .c_btn_finalizar{
	float:left;
	width: 100%;
}

/* fin contenedor carro */


.c_finalizar_orden{
	float: left;
	width: 100%;
}

.c_finalizar_orden .c_texto_orden{
	float: left;
	width: 100%;
}





.c_finalizar_orden .c_texto_orden .c_from_login{
	float: left;
	width: 100%;
}

.c_finalizar_orden .c_texto_orden .c_from_cupon{
	float: left;
	width: 100%;
}

.c_finalizar_orden .c_orden_der{
	float:left;
	width: 60%;
	margin: 1% 0%;
}

.c_finalizar_orden .c_orden_izq{
	float:left;
	width: 40%;
	margin: 1% 0%;
}

.c_detalle_facturacion{
	float: left;
	width: 100%;
	border-top:  solid 2px #eee;
	padding: 1% 0%;
}

.c_detalle_facturacion .c_titulo{
	float: left;
	width: 100%;
	margin-bottom: 1%;
	font-weight: 700;
	font-size: 20px;
	color: #6C1602;
	text-transform: uppercase;
}

.c_detalle_facturacion .datos_factura {
    display: none;
}


.c_detalle_facturacion .c_imput_tipo_doc{
	float: left;
	width: 100%;
	margin-top: 1%;
	margin-bottom: 1%;
	text-transform: initial;
}

.c_detalle_facturacion .c_imput_tipo_doc .c_tipo_doc{
	width: 50%;
	float: left;
	}

.c_detalle_facturacion .c_imput_rut{
	float: left;
	width: 100%;
	margin-bottom: 1%;
	text-transform: initial;
}

.c_detalle_facturacion .c_imput_rut label{
	text-transform: initial;
}
	
.c_detalle_facturacion .c_imput_nombre{
	float: left;
	width: 49%;
	margin: 0% 1% 1% 0%;
	text-transform: initial;
}

.c_detalle_facturacion .c_imput_nombre label{
	text-transform: initial;
}

.c_detalle_facturacion .c_imput_nombre_rason{
	float: left;
	width: 100%;
	margin-bottom: 1%;
	text-transform: initial;
}

.c_detalle_facturacion .c_imput_nombre_rason label{
	text-transform: initial;
}


.c_detalle_facturacion .c_imput_apellidos{
	float: right;
	width: 49%;
	margin: 0% 0% 1% 1%;
	text-transform: initial;
}

.c_detalle_facturacion .c_imput_apellidos label{
	text-transform: initial;
}

.c_detalle_facturacion .c_imput_telefono{
	float: left;
	width: 100%;
	margin-bottom: 1%;
	text-transform: initial;
}

.c_detalle_facturacion .c_imput_telefono label{
	text-transform: initial;
}

.c_detalle_facturacion .c_imput_correo{
	float: left;
	width: 100%;
	margin-bottom: 1%;
	text-transform: initial;
}

.c_detalle_facturacion .c_imput_correo label{
	text-transform: initial;
}

.c_detalle_facturacion .c_imput_calle{
	float: left;
	width: 100%;
	margin-bottom: 1%;
	text-transform: initial;
}

.c_detalle_facturacion .c_imput_calle label{
	text-transform: initial;
}

.c_detalle_facturacion .c_imput_numero{
	float: left;
	width: 100%;
	margin-bottom: 1%;
	text-transform: initial;
}

.c_detalle_facturacion .c_imput_numero label{
	text-transform: initial;
}

.c_detalle_facturacion .c_imput_ciudad{
	float: left;
	width: 100%;
	margin-bottom: 1%;
	text-transform: initial;
}

.c_detalle_facturacion .c_imput_ciudad label{
	text-transform: initial;
}

.c_detalle_facturacion .c_imput_comuna{
	float: left;
	width: 100%;
	margin-bottom: 2%;
}

.c_detalle_facturacion .c_imput_comuna label{
	text-transform: initial;
}

.c_detalle_facturacion .c_imput_notas{
	float: left;
	width: 100%;
	margin-bottom: 1%;
	text-transform: initial;
}


.c_detalle_facturacion .c_imput_notas label{
	text-transform: initial;
}

.c_detalle_facturacion .c_imput_registro{
	float: left;
	width: 100%;
	margin-bottom: 1%;
	text-transform: initial;
}

.c_detalle_facturacion .c_imput_registro label{
	text-transform: initial;
}

.c_detalle_facturacion .c_imput_clave{
	float: left;
	width: 100%;
	margin-bottom: 1%;
	text-transform: initial;
}

.c_detalle_facturacion .c_imput_clave label{
	text-transform: initial;
}


/* Detalle Envio */
.c_detalle_envio_direccion{
	float: left;
	width: 100%;
	/*border-top:  solid 2px #eee;*/
	padding: 1% 0%;
}

.c_detalle_envio_direccion .c_titulo{
	float: left;
	width: 100%;
	margin-bottom: 1%;
	font-weight: 700;
	font-size: 20px;
	color: #6C1602;
	text-transform: uppercase;
}

.c_detalle_envio_direccion .c_imput_direccion_envio{
	float: left;
	width: 100%;
	margin-bottom: 2%;
}

.c_detalle_envio_direccion .c_imput_direccion_envio label{
	text-transform: initial;
}

.c_detalle_envio_direccion .datos_nueva_direccion {
	float: left;
	width: 100%;
    display: none;
}

.c_detalle_envio_direccion .datos_nueva_direccion .c_imput_calle_envio{
	float: left;
	width: 100%;
	margin-bottom: 1%;
	text-transform: initial;
}

.c_detalle_envio_direccion .datos_nueva_direccion .c_imput_calle_envio label{
	text-transform: initial;
}
.c_detalle_envio_direccion .datos_nueva_direccion .c_imput_ciudad_envio{
	float: left;
	width: 100%;
	margin-bottom: 1%;
	text-transform: initial;
}

.c_detalle_envio_direccion .datos_nueva_direccion .c_imput_ciudad_envio label{
	text-transform: initial;
}
.c_detalle_envio_direccion .datos_nueva_direccion .c_imput_comuna_envio{
	float: left;
	width: 100%;
	margin-bottom: 1%;
	text-transform: initial;
}

.c_detalle_envio_direccion .datos_nueva_direccion .c_imput_comuna_envio label{
	text-transform: initial;
}


/* Fin detalle envio */


.c_detalle_orden{
	float: left;
	width: 98%;
	margin: 0% 0% 0% 2%;
	border:  solid 2px #6C1602;
	padding: 1% 3%;
}

.c_detalle_orden .separador{
	float: left;
	width: 100%;
	border:  solid 2px #eee;
	margin: 1% 0%;
}


.c_detalle_orden .c_titulo{
	float: left;
	width: 100%;
	margin-bottom: 1%;
	font-weight: 700;
	font-size: 20px;
	color: #6C1602;
	text-transform: uppercase;
}

.c_detalle_orden .c_pedido{
	float: left;
	width: 100%;
	padding-bottom: 1%;
}

.c_detalle_orden .c_pedido .titulo_prodcuto{
	float: left;
	width: 70%;
	text-align: left;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
}

.c_detalle_orden .c_pedido .subtotal_prodcuto{
	float: right;
	width: 30%;
	text-align: right;
	font-size: 16px;
	font-weight: 600;
}

.c_detalle_orden .c_articulos{
	float: left;
	width: 100%;
	padding: 1% 0%;
}

.c_detalle_orden .c_articulos .nombre_articulo{
	float: left;
	width: 70%;
	text-align: left;
	font-size: 14px;
}


.c_detalle_orden .c_articulos .valor_articulo{
	float: right;
	width: 30%;
	text-align: right;
	font-size: 16px;
	font-weight: 700;
}

.c_detalle_orden .c_subtotal{
	float: left;
	width: 100%;
	padding: 1% 0%;
}

.c_detalle_orden .c_subtotal .c_titulosub{
	float: left;
	width: 70%;
	text-align: left;
	font-size: 16px;
	font-weight: 600;
	text-transform: initial;
	text-transform: uppercase;
}


.c_detalle_orden .c_subtotal .c_subvalor{
	float: right;
	width: 30%;
	text-align: right;
	font-size: 16px;
	font-weight: 700;
}

.c_detalle_orden .c_detalle_envio{
	float: left;
	width: 100%;
	padding: 1% 0%;
}

.c_detalle_orden .c_detalle_envio .c_titulo_envio{
	float: left;
	width: 100%;
	text-align: left;
	font-size: 16px;
	font-weight: 600;
	text-transform: initial;
	text-transform: uppercase;
}

.c_detalle_orden .c_detalle_envio .c_check_envio{
	float: left;
	width: 100%;
	padding: 1% 0%;
	
}

.c_detalle_orden .c_detalle_envio .c_check_envio label{
	text-transform: initial;
}

.c_detalle_orden .c_recargo_webpay{
	float: left;
	width: 100%;
	padding: 1% 0%;
}

.c_detalle_orden .c_recargo_webpay .c_leyenda1{
	float: left;
	width: 70%;
	text-align: left;
	font-size: 16px;
	font-weight: 600;
	text-transform: initial;
}

.c_detalle_orden .c_recargo_webpay .c_valor_webpay{
	float: right;
	width: 30%;
	text-align: right;
	font-size: 16px;
	font-weight: 700;
}

.c_detalle_orden .c_total_pedido{
	float: left;
	width: 100%;
	padding: 1% 0%;
}

.c_detalle_orden .c_total_pedido .c_leyenda_total_pedido{
	float: left;
	width: 70%;
	text-align: left;
	font-size: 16px;
	font-weight: 600;
	text-transform: initial;
}

.c_detalle_orden .c_total_pedido .c_valor_total_pedido{
	float: right;
	width: 30%;
	text-align: right;
	font-size: 16px;
	font-weight: 700;
}

/* formas de pago */

.c_detalle_orden .c_formas_de_pago{
	float: left;
	width: 100%;
	padding: 1% 0%;
}

.c_detalle_orden .c_formas_de_pago .c_tipo_de_pago{
	float: left;
	width: 100%;
	padding: 1% 0%;
	
}

.c_detalle_orden .c_formas_de_pago .leyenda_tipo_pago1{
	float: left;
	width: 100%;
	padding: 1% 0%;
	text-transform: initial;
}

.c_detalle_orden .c_formas_de_pago .leyenda_tipo_pago1 strong{
	text-transform: initial;
}

.c_detalle_orden .c_formas_de_pago .leyenda_tipo_pago2{
	float: left;
	width: 100%;
	padding: 1% 0%;
	text-transform: initial;
}

.c_detalle_orden .c_formas_de_pago .leyenda_tipo_pago2 strong{
	text-transform: initial;
}

.c_detalle_orden .c_formas_de_pago .c_tipo_de_pago label{
	text-transform: initial;
	font-size: 16px;
	font-weight: 700;
}

.c_detalle_orden .c_btn_finalizar{
	float:left;
	width: 100%;
	margin-top: 2%;
	margin-bottom: 2%;
}

.c_detalle_orden .c_btn_finalizar .btn{
	width: 100%;
	font-weight: 700;
}


.c_detalle_orden .c_leyenda_terminos_pedido{
	float:left;
	width: 100%;
	margin-top: 2%;
	margin-bottom: 2%;
	font-size: 14px;
	text-transform: initial;
	text-align: center;
}

.c_detalle_orden .c_leyenda_terminos_pedido a{
	color: #6C1602;
	font-weight: 700;
	text-decoration: none;
	text-transform: initial;
}

.c_detalle_orden .c_leyenda_terminos_pedido a:hover{
	text-decoration: none;

}

.c_texto_orden .c_from_login{
	float: left;
	width: 100%;
	margin: 1% 0%;
}

.c_texto_orden .c_from_login .c_leyenda_from_login{
	float: left;
	width: 100%;
	font-size: 14px;
	font-weight: 400;
	text-transform: initial;
	margin-bottom: 1%;
}

.c_texto_orden .c_from_login .c_campos_from_login{
	float: left;
	width: 50%;
}

.c_texto_orden .c_from_login .c_campos_from_login .c_imput{
	float: left;
	width: 50%;
	padding: 1%;
	
}

.c_texto_orden .c_from_login .c_campos_from_login .c_imput label{
	text-transform: initial;
}


.c_texto_orden .c_from_login .c_campos_from_login .c_btn_login{
	float: left;
	width: 100%;
	padding: 1% 0% 1% 1%;
}

.c_texto_orden  .c_from_cupon{
	float: left;
	width: 100%;
	margin: 1% 0%;
}

.c_texto_orden .c_from_cupon .c_leyenda_from_cupon{
	float: left;
	width: 100%;
	font-size: 14px;
	font-weight: 400;
	text-transform: initial;
	margin-bottom: 1%;
}

.c_texto_orden .c_from_cupon .c_campos_from_cupon{
	float: left;
	width: 50%;
}

.c_texto_orden .c_from_cupon .c_campos_from_cupon .c_imput{
	float: left;
	width: 50%;
	padding: 1%;	
}

.c_texto_orden .c_from_cupon .c_campos_from_cupon .c_imput label{
	text-transform: initial;
}

.c_texto_orden .c_from_cupon .c_campos_from_cupon .c_btn_login{
	float: left;
	width: 100%;
	padding: 1% 0% 1% 1%;
}

.c_area_cliente{
	float: left;
	width: 96%;
	margin:1% 2%;
}

.c_area_cliente .c_leyenda_1_cliente{
	float: left;
	width: 100%;
}

.c_area_cliente .c_leyenda_1_cliente .c_titulo{
	float: left;
	width: 100%;
	font-size: 16px;
	text-transform: initial;
	text-transform: initial;
}

.c_area_cliente .c_leyenda_1_cliente .c_titulo strong{
	text-transform: initial;
}

.c_area_cliente .c_leyenda_1_cliente .c_titulo a{
	text-decoration: none;
	text-transform: initial;
	color: #000000;
}

.c_area_cliente .c_leyenda_1_cliente .c_titulo a:hover{
	text-decoration: none;
	text-transform: initial;
	color: #000000;
	font-weight: 600;
}

.c_area_cliente .c_leyenda_1_cliente .c_leyenda_2{
	float: left;
	width: 100%;
	font-size: 16px;
	text-transform: initial;
}

/* Registro Cliente */
.c_datos_registro_cliente{
	float: left;
	width: 100%;
}

.c_datos_cliente{
	float: left;
	width: 50%;
	margin: 0% 25% 2%;
}

.c_datos_cliente .c_titulo{
	float: left;
	width: 100%;
	margin-bottom: 1%;
	font-weight: 700;
	font-size: 20px;
	color: #6C1602;
	border-bottom: solid 2px #eee;
	padding: 1% 0%;
	text-transform: uppercase;
}

.c_datos_cliente  .c_leyenda_clientes{
	float: left;
	width: 100%;
	font-size: 14px;
	text-transform: initial;
	margin-top: 2%;
	margin-bottom: 3%;
}

.c_datos_cliente .c_leyenda_clientes a{
	color: #6C1602;
	text-decoration: none;
	text-transform: initial;
	font-weight: 400;
}

.c_datos_cliente .c_leyenda_clientes a:hover{
	color: #6C1602;
	font-weight: 600;
	text-decoration: none;
}

.c_datos_cliente .c_imput_rut{
	float: left;
	width: 100%;
	margin-bottom: 1%;
	text-transform: initial;
}

.c_datos_cliente .c_imput_rut label{
	text-transform: initial;
}
	
.c_datos_cliente .c_imput_nombre{
	float: left;
	width: 49%;
	margin: 0% 1% 1% 0%;
	text-transform: initial;
}

.c_datos_cliente .c_imput_nombre label{
	text-transform: initial;
}

.c_datos_cliente .c_imput_apellidos{
	float: right;
	width: 49%;
	margin: 0% 0% 1% 1%;
	text-transform: initial;
}

.c_datos_cliente .c_imput_apellidos label{
	text-transform: initial;
}

.c_datos_cliente .c_imput_telefono{
	float: left;
	width: 100%;
	margin-bottom: 1%;
	text-transform: initial;
}

.c_datos_cliente .c_imput_telefono label{
	text-transform: initial;
}

.c_datos_cliente .c_imput_correo{
	float: left;
	width: 100%;
	margin-bottom: 1%;
	text-transform: initial;
}

.c_datos_cliente .c_imput_correo label{
	text-transform: initial;
}

.c_datos_cliente .c_imput_clave{
	float: left;
	width: 100%;
	margin-bottom: 1%;
	text-transform: initial;
}

.c_datos_cliente .c_imput_clave label{
	text-transform: initial;
}


.c_datos_cliente .c_imput_calle{
	float: left;
	width: 100%;
	margin-bottom: 1%;
	text-transform: initial;
}

.c_datos_cliente .c_imput_calle label{
	text-transform: initial;
}

.c_datos_cliente .c_imput_numero{
	float: left;
	width: 100%;
	margin-bottom: 1%;
	text-transform: initial;
}

.c_datos_cliente .c_imput_numero label{
	text-transform: initial;
}

.c_datos_cliente .c_imput_ciudad{
	float: left;
	width: 100%;
	margin-bottom: 1%;
	text-transform: initial;
}

.c_datos_cliente .c_imput_ciudad label{
	text-transform: initial;
}

.c_datos_cliente .c_imput_comuna{
	float: left;
	width: 100%;
	margin-bottom: 1%;
}

.c_datos_cliente .c_imput_comuna label{
	text-transform: initial;
}

.c_datos_cliente .c_btn{
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 2%;
}

.c_datos_cliente  .c_leyenda_terminos{
	float: left;
	width: 100%;
	font-size: 14px;
	text-transform: initial;
	margin-bottom: 2%;
	margin-top: 2%;
	text-align: center;
}

.c_datos_cliente .c_leyenda_terminos a{
	color: #6C1602;
	text-decoration: none;
	text-transform: initial;
	font-weight: 400;
}

.c_datos_cliente .c_leyenda_terminos a:hover{
	color: #6C1602;
	font-weight: 600;
	text-decoration: none;
}
/* Fin Registro Cliente */


/* Login Cliente */
.c_datos_login_cliente{
	float: left;
	width: 100%;
}

.c_datos_login{
	float: left;
	width: 50%;
	margin: 0% 25% 2%;
}

.c_datos_login .c_titulo{
	float: left;
	width: 100%;
	margin-bottom: 1%;
	font-weight: 700;
	font-size: 20px;
	color: #6C1602;
	border-bottom: solid 2px #eee;
	padding: 1% 0%;
	text-transform: uppercase;
}

.c_datos_login  .c_leyenda_login{
	float: left;
	width: 100%;
	font-size: 14px;
	text-transform: initial;
	margin-bottom: 2%;
}

.c_datos_login .c_leyenda_login a{
	color: #6C1602;
	text-decoration: none;
	text-transform: initial;
	font-weight: 400;
}

.c_datos_login .c_leyenda_login a:hover{
	color: #6C1602;
	font-weight: 600;
	text-decoration: none;
}

.c_datos_login .c_imput_correo{
	float: left;
	width: 100%;
	margin-bottom: 2%;
	text-transform: initial;
}

.c_datos_login .c_imput_correo label{
	text-transform: initial;
}

.c_datos_login .c_imput_clave{
	float: left;
	width: 100%;
	margin-bottom: 2%;
	text-transform: initial;
}

.c_datos_login .c_imput_clave label{
	text-transform: initial;
}

.c_datos_login .c_btn{
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 2%;
}

/* Fin Login Cliente */


/*  Ver orden de compra  Cliente */
.c_area_cliente .c_detalle_pedido{
	float: left;
	width: 100%;
	}

.c_area_cliente .c_detalle_pedido .titulo{
	float: left;
	width: 100%;
	margin-top: 2%;
	font-weight: 700;
	font-size: 20px;
	color: #565353;
	text-transform: uppercase;
	}

.c_area_cliente .c_detalle_pedido .c_barra{
	float: left;
	width: 100%;
}

.c_area_cliente .c_detalle_pedido .c_barra .barra{
    display: block;
    height: 3px;
    margin: 1% 0;
    max-width: 30px;
    width: 100%;
	background-color: #6C1602;
}

.c_area_cliente .c_detalle_pedido .c_detalle_pedido_cliente{
	float: left;
	width: 100%;
	}

.c_area_cliente .c_detalle_pedido .c_detalle_pedido_cliente_total{
	float: right;
	width: 30%;
	}

.c_area_cliente .c_detalle_pedido .c_detalle_pedido_cliente_total table tr td{
	text-align: center;
	}


.c_area_cliente .c_detalle_pedido .c_linea-1{
	float: left;
	width: 100%;
	}

.c_area_cliente .c_detalle_pedido .c_detalle_y_factura{
	float: left;
	width: 100%;
	}

.c_area_cliente .c_detalle_pedido .c_detalle_y_factura .c_datos_factura{
	float: left;
	width: 25%;
	padding: 1%;
	}

.c_area_cliente .c_detalle_pedido .c_detalle_y_factura .c_datos_factura .titulo{
	float: left;
	width: 100%;
	font-weight: 700;
	font-size: 16px;
	color: #565353;
	text-transform: uppercase;
	}

.c_area_cliente .c_detalle_pedido .c_detalle_y_factura .c_datos_factura .c_barra{
	float: left;
	width: 100%;
}

.c_area_cliente .c_detalle_pedido .c_detalle_y_factura .c_datos_factura .c_barra .barra{
    display: block;
    height: 3px;
    margin: 1% 0;
    max-width: 30px;
    width: 100%;
	background-color: #6C1602;
}

.c_area_cliente .c_detalle_pedido .c_detalle_y_factura .c_datos_factura .c_texto{
	float: left;
	width: 100%;
	margin-bottom: 1%;
	font-size: 14px;
}



.c_area_cliente .c_detalle_pedido .c_detalle_y_factura .c_datos_factura .c_descargar{
	float: left;
	width: 100%;
	margin: 2% 0%;
}



.c_area_cliente .c_detalle_pedido .c_detalle_y_factura .c_datos_envio{
	float: left;
	width: 25%;
	padding: 1%;
	}

.c_area_cliente .c_detalle_pedido .c_detalle_y_factura .c_datos_envio .titulo{
	float: left;
	width: 100%;
	font-weight: 700;
	font-size: 16px;
	color: #565353;
	text-transform: uppercase;
	}

.c_area_cliente .c_detalle_pedido .c_detalle_y_factura .c_datos_envio .c_barra{
	float: left;
	width: 100%;
}

.c_area_cliente .c_detalle_pedido .c_detalle_y_factura .c_datos_envio .c_barra .barra{
    display: block;
    height: 3px;
    margin: 1% 0;
    max-width: 30px;
    width: 100%;
	background-color: #6C1602;
}

.c_area_cliente .c_detalle_pedido .c_detalle_y_factura .c_datos_envio .c_texto{
	float: left;
	width: 100%;
	margin-bottom: 1%;
	font-size: 14px;
}

.c_area_cliente .c_detalle_pedido .c_detalle_y_factura .c_estado_pago{
	float: right;
	width: 25%;
	padding: 1%;
	}

.c_area_cliente .c_detalle_pedido .c_detalle_y_factura .c_estado_pago .titulo{
	float: left;
	width: 100%;
	margin-bottom: 2%;
	font-weight: 700;
	font-size: 16px;
	color: #565353;
	text-transform: uppercase;
	}

/* El texto en diagonal */
.c_area_cliente .c_detalle_pedido .c_detalle_y_factura .c_estado_pago .texto_estado_pago {
	float: left;
	margin: 30% 0% 0% 50%;
  	transform: translate(-50%, -50%) rotate(-30deg);
  	color: green;
  	font-size: 22px;
  	font-weight: bold;
  	text-transform: uppercase;
  	border: 3px solid green;
  	padding: 10px 20px;
  	border-radius: 10px;
  	opacity: 0.8;
  	pointer-events: none; /* no interfiere con clics */
	}

.c_area_cliente .c_detalle_pedido .c_detalle_y_factura .c_estado_pago .texto_estado_no_pago {
	float: left;
	width: 100%;
	text-align: center;
	margin: 30% 0% 0% 50%;
  	transform: translate(-50%, -50%) rotate(-30deg);
  	color: red;
  	font-size: 22px;
  	font-weight: bold;
  	text-transform: uppercase;
  	border: 3px solid red;
  	padding: 10px 20px;
  	border-radius: 10px;
  	opacity: 0.8;
  	pointer-events: none; /* no interfiere con clics */
	}

.c_area_cliente .c_detalle_pedido .c_detalle_y_factura .c_estado_pago .texto_estado_cancelado {
	float: left;
	margin: 30% 0% 0% 50%;
  	transform: translate(-50%, -50%) rotate(-30deg);
  	color: rgba(118, 118, 118, 0.584);
  	font-size: 22px;
  	font-weight: bold;
  	text-transform: uppercase;
  	border: 3px solid rgba(118, 118, 118, 0.584);
  	padding: 10px 20px;
  	border-radius: 10px;
  	opacity: 0.8;
  	pointer-events: none; /* no interfiere con clics */
	}	

.c_area_cliente .c_detalle_pedido .c_detalle_y_factura  .c_btn_pago{
	float: left;
	width: 25%;
	padding: 1%;
	}

.c_area_cliente .c_detalle_pedido .c_detalle_y_factura .c_btn_pago .titulo{
	float: left;
	width: 100%;
	font-weight: 700;
	font-size: 16px;
	color: #565353;
	text-transform: uppercase;
	margin-bottom: 2%;
	}


.c_area_cliente .c_detalle_pedido .c_detalle_y_factura .c_btn_pago .texto_leyenda_fpago{
	float: left;
	width: 100%;
	font-size: 12px;
	margin: 2% 0%;
	}


.c_area_cliente .c_detalle_pedido .c_detalle_y_factura .c_btn_pago .btn_pago{
	float: left;
	width: 100%;
	font-size: 12px;
	margin: 2% 0%;
	}

.c_area_cliente .c_detalle_pedido .c_detalle_y_factura .c_btn_pago .btn_pago .c_btn_forma_pago{
	float: left;
	width: 100%;
	}

.c_area_cliente .c_detalle_pedido .c_detalle_y_factura .c_btn_pago .btn_pago .c_btn_forma_pago img{
	text-align: center;
	width: 50%;
	padding: 2%;
	}

.c_area_cliente .c_detalle_pedido .c_detalle_y_factura .c_btn_pago .btn_pago .c_btn_forma_pago .leyenda1{
	float: left;
	width: 90%;
	padding: 2%;
	text-align: center;
	font-size: 16px;
	}

.c_area_cliente .c_detalle_pedido .c_detalle_y_factura .c_btn_pago .c_select_fpago{
	float: left;
	width: 100%;
	font-size: 12px;
	margin-bottom: 2%;
	}

.c_area_cliente .c_detalle_pedido .c_detalle_y_factura .c_btn_pago .c_select_fpago select{
	float: left;
	width: 100%;
	}


.c_area_cliente .c_detalle_pedido .c_detalle_transaciones{
	float: left;
	width: 100%;
	}



	
/* Lista de ordenes */

.c_area_cliente .c_lista_pedido{
	float: left;
	width: 100%;
	margin-top: 2%;
	}

.c_area_cliente .c_lista_pedido .titulo{
	float: left;
	width: 100%;
	margin-top: 2%;
	font-weight: 700;
	font-size: 20px;
	color: #565353;
	text-transform: uppercase;
	}

.c_area_cliente .c_lista_pedido .c_barra{
	float: left;
	width: 100%;
	}

.c_area_cliente .c_lista_pedido .c_barra .barra{
    display: block;
    height: 3px;
    margin: 1% 0;
    max-width: 30px;
    width: 100%;
	background-color: #6C1602;
	}

.c_area_cliente .c_detalle_pedido_cliente{
	float: left;
	width: 100%;
	}

/* Lista de direcciones */

.c_area_cliente .c_lista_direcciones{
	float: left;
	width: 100%;
	}

.c_area_cliente .c_lista_direcciones .titulo{
	float: left;
	width: 100%;
	margin-top: 2%;
	font-weight: 700;
	font-size: 20px;
	color: #565353;
	text-transform: uppercase;
	}

.c_area_cliente .c_lista_direcciones .c_barra{
	float: left;
	width: 100%;
	}

.c_area_cliente .c_lista_direcciones .c_barra .barra{
    display: block;
    height: 3px;
    margin: 1% 0;
    max-width: 30px;
    width: 100%;
	background-color: #6C1602;
	}

.c_area_cliente .c_lista_direcciones .c_detalle_direcciones{
	float: left;
	width: 100%;
	}


/* Comprobante pago  */
.c_datos_detalle_pago{
	float: left;
	width: 96%;
	margin:1% 2%;
	}

.c_datos_detalle_pago .c_datos_detalle_pago_contenido{
	float: left;
	width: 50%;
	margin: 0% 25%;
	}

.c_datos_detalle_pago .c_datos_detalle_pago_contenido .c_titulo{
	float: left;
	width: 100%;
	margin-bottom: 1%;
	font-weight: 700;
	font-size: 20px;
	color: #6C1602;
	border-bottom: solid 2px #eee;
	padding: 1% 0%;
	text-transform: uppercase;
	}

.c_datos_detalle_pago .c_datos_detalle_pago_contenido .c_btn{
	float: left;
	width: 100%;
	text-align: center;
	}


.c_datos_detalle_pago .c_datos_detalle_pago_contenido .c_detalle_pago{
	float: left;
	width: 100%;
	margin-top: 2%;
	margin-bottom: 2%;
}

.c_datos_detalle_pago .c_datos_detalle_pago_contenido .leyenda_pago_2{
	float: left;
	width: 100%;
	margin-top: 2%;
	margin-bottom: 2%;
	font-size: 14px;
	text-align: center;
}



/* Fin Comprobante de pago */




/* footer */
.c_footer{
	flex-shrink: 0;
	width: 100%;
}

.c_footer .c_copy{
	float: left;
	width: 100%;
	background: #1c1c1e;
	padding: 1%;
}

.c_footer .c_copy .c_texto_copy{
	float: left;
	width: 100%;
	text-align: center;
	color: #FFF;
	font-weight: 700;
	font-size: 14px;
}
/* Fin footer */


/**************************************/
/****    Diseño para Tablet 768  *****/
/**************************************/
@media screen and (max-width: 800px){
	.c_nav .c_carro{
		width:30%;
		text-align: none;
	}
	
	.c_nav .c_carro a span{
		width:20%;
		text-align: right;
		margin-top: 2%;
	}
	
	.c_nav .c_carro .texto_carro_menu{
		display: none;
	}
	
	.c_nav .c_carro span{
		float: none;
	}

	.categoria{
		width: 50%;
		left: -50%;
	}

	.categoria.active {
		left: 0;
	}	

	.c_header .c_logo{
		width: 90%;
		margin-left: 5%;
		margin-top: 4%;
	}
	
	.c_productos_inicio .c_titulo_pc_armados{
		width: 94%;
		font-weight: 700;
		font-size: 20px;
		padding: 2% 3%;
	}	
	
	.c_productos_inicio .c_pc_destacados{
		float: left;
		width: 96%;
		margin: 0% 2%; 
	}
	
	.c_productos_inicio .tarjeta_producto{
		float: left;
		width: 23%;
		border: solid 1px rgb(116, 115, 115, 0.5);
		vertical-align: top;
		padding: 1%;
		padding-bottom: 2%;
		margin: 1% 1%;
	}
	
	.c_productos_inicio .tarjeta_producto .c_info{
		background: #fff;
		height: 140px;
		padding: 8px 8px 12px;
	}

}