@layer sin_precios,base,con_precios;
@layer sin_precios{
	.title_precio_producto {
		display: none;
	}
	
	.precio_producto {
		display: none;
	}
}
@layer con_precios{
	.title_precio_producto {
		display: block;
	}
	
	.precio_producto {
		display: block;
	}
}
@layer base{
	body{
		margin:0px;
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		font-size: 14px;
		color:#000000;
		background-color: #ffffff;
	}

	:root{
		--color-empresa:#ff6622;
		--color-empresa-hover:#e05a1f;
	}

	a{
		text-decoration:none;
		color: #000000;
	}

	.clear_both{
		clear:both; height:1px;
	}

	.page_margins {
		width: 100%;
		max-width: 1200px;
		text-align: left;
		margin: 0 auto;
	}

	.page {
		padding: 0px;
	}

	.img_responsive{
		max-width: 100%;
		height: auto;
		display:block;
		margin:0 auto;
	}

	.break {
	flex-basis: 100%;
	height: 0;
	}

	.cut_text{
		text-overflow:ellipsis;
		white-space:nowrap;
		overflow:hidden;
	}

	.layer_load{
		position: fixed;
		z-index: 8050;
		top:0;
		left:0;
		bottom: 0;
		right: 0;
		width: auto;
		height: auto;
		display: block;
		background:rgba(0, 0, 0, 0.6);
		padding-top:100px;
		display:none;
		text-align:center;
	}

	.layer_mail_ok{
		width:300px;
		position: fixed;
		z-index: 8050;
		top:60px;
		left:calc(50% - 150px);
		background-color:#ffffff;
		color:#3EA9F5;
		text-align:center;
		font-size:18px;
		padding:20px 0px;
		border-radius:10px;
		-webkit-box-shadow: 0 0 10px 0 #919191;
		box-shadow: 0 0 10px 0 #919191;
		display:none;
	}

	.layer_envio{
		position:absolute;
		z-index:110;
		width:100%;
		height:calc(100% - 200px);
		background-color:rgba(0,0,0,0.8);
		display:none;
		color:#ffffff;
		font-weight:700;
		padding-top:200px;
		text-align:center;
	}

	.layer_envio img{
		display:block;
		margin:0 auto;
	}

	.info{
		text-align:center;
		padding:50px 0px 100px 0px;
		color: #ff0000;
		font-size: 20px;
		width: 100%;
	}

	.info_emergente{
		/* background-color:#ED1C24; */
		position:fixed;
		top:61px;
		left: 50%;
		transform: translate(-50%, 0);
		width: calc(100% - 70px);
		height:50px;
		text-align:center;
		padding-top:30px;
		margin-left: 34px;
		/* border-radius:10px; */
		z-index:10000000;
		font-weight: 400;
		font-size:20px;
		color:#ffffff;
		display:none;
	}


	.form-error{
		font-size:10pt;
		color:red;
	}

	.fondo_black_cart{
		background-color:rgba(0, 0, 0, 0.7);
		width:100%;
		height:100%;
		display:none;
		position:fixed;
		z-index:1100;
		top:0px;
		left:0px;
	}

	.fondo_black_header{
		background-color:rgba(0, 0, 0, 0.7);
		width:100%;
		height:100%;
		display:none;
		position:fixed;
		z-index:600;
		top:0px;
		left:0px;
	}

	.digit {
		opacity: 0;
		-webkit-transition: all 0.6s ease-out;
		-moz-transition: all 0.6s ease-out;
		-ms-transition: all 0.6s ease-out;
		-o-transition: all 0.6s ease-out;
		transition: all 0.6s ease-out;
	}

	.digit_right {
		-webkit-transform: translateX(-40px);
		-moz-transform: translateX(-40px);
		-ms-transform: translateX(-40px);
		-o-transform: translateX(-40px);
		transform: translateX(-40px);
	}

	.digit_left{
		-webkit-transform: translateX(40px);
		-moz-transform: translateX(40px);
		-ms-transform: translateX(40px);
		-o-transform: translateX(40px);
		transform: translateX(40px);
	}

	.digit_bot{
		-webkit-transform: translateY(-40px);
		-moz-transform: translateY(-40px);
		-ms-transform: translateY(-40px);
		-o-transform: translateY(-40px);
		transform: translateY(-40px);
	}

	.digit_top{
		-webkit-transform: translateY(40px);
		-moz-transform: translateY(40px);
		-ms-transform: translateY(40px);
		-o-transform: translateY(40px);
		transform: translateY(40px);
	}

	.digit.visible, .digit.visible {
		opacity: 1;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
	}

	/*********************************** SELECT CUSTOM ***************************************/

	.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default{
		background-color:#ffffff;
	}

	.img_dorpdown{
		width:40px;
	}

	.dropdown-menu{
		min-width:250px;
	}

	.dropdown-menu li{
		cursor:pointer;
	}

	.btn{
		min-width:250px;
	}

	/*********************************** FIN SELECT CUSTOM ***************************************/

	/**************************************** LAYER CARGANDO ***************************************/

	.content_layer_box{
		position: relative;
		z-index: 10;
	}

	.layer_cargando_box{
		position:absolute;
		z-index:200000;
		width:100%;
		height:100%;
		background-color:rgba(255,255,255,0.9);
		text-align:center;
		display:none;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		top: 0px;
		left: 0px;
	}

	.spinner_box {
	width: 40px;
	height: 40px;
	position: relative;
	z-index: 10;
	}

	.layer_cargando{
		position:fixed;
		z-index:200000;
		width:100%;
		height:100%;
		background-color:rgba(255,255,255,0.9);
		text-align:center;
		display:none;
	}

	.spinner {
	width: 40px;
	height: 40px;
	position: relative;
	margin: 0px auto;
	margin-top: 100px;
	margin-bottom: 50px;
	}

	.double-bounce1, .double-bounce2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #333;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	
	-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
	animation: sk-bounce 2.0s infinite ease-in-out;
	}

	.double-bounce2 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
	}

	@-webkit-keyframes sk-bounce {
	0%, 100% { -webkit-transform: scale(0.0) }
	50% { -webkit-transform: scale(1.0) }
	}

	@keyframes sk-bounce {
	0%, 100% { 
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
	} 50% { 
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
	}

	.title_loading{
		font-size:18pt;
		color:#c3c3c3;
		font-weight:700;
	}

	.text_loading{
		font-size:12pt;
		color:#000000;
		font-weight:300;
		margin-top:10px;
	}

	/**************************************** FIN LAYER CARGANDO ***************************************/

	/************************ ESTILOS ALERT *************************************************/
	#popup_container {
		min-width: 300px;
		max-width: 600px;
		text-align:center;
		background: #FFF;
		-webkit-box-shadow: 0 0 20px 3px #bdbdbd;
		box-shadow: 0 0 20px 3px #bdbdbd;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	#popup_ok {
		background-color: #a93232;
		border: 0px;
		border-bottom: 2px solid #a93232;
		cursor: pointer;
		margin: 0 16px 0 0;
		width: 93px;
		height: 26px;
		outline: 0 none;
		padding:0px;
		color:#ffffff;
	}
	#popup_ok:hover{
		background-position:0px -30px;
	}
	#popup_cancel {
		background-color: #0084e0;
		border: 0px;
		border-bottom: 2px solid #016ab3;
		cursor: pointer;
		margin: 0 16px 0 0;
		width: 93px;
		height: 26px;
		outline: 0 none;
		padding:0px;
	}
	#popup_cancel:hover{
		background-position:0px -30px;
	}
	/* #popup_ok:hover {border: 1px solid #000000; background-color: #007F1F;} */
	#popup_content {padding: 15px 10px; margin: 0px;}
	#popup_message {padding: 10px; font-size:18px; color:#898989; font-weight: bold;}
	#popup_panel {text-align: center; margin: 10px 0em 0em 10px;}
	#popup_prompt {margin: 5px 0px;}
	#popup_overlay{opacity: 0.2; background: none repeat scroll 0 0 #FFFFFF;}
	/************************ FIN ESTILOS ALERT *************************************************/

	/*********************************************** HEADER ********************************************/

	.bottom_whatsapp{
		position:fixed;
		z-index:900;
		bottom:0;
		right:20px;
		cursor:pointer;
	}

	#menuToggle{
	display: block;
	padding: 17px;
		/* width: 33px; */
	float:left;
	-webkit-user-select: none;
	user-select: none;
	position: fixed;
	z-index:900;
	}

	#menuToggle input{
	display: block;
	width: 40px;
	height: 32px;
	position: absolute;
	top: 9px;
	left: 10px;
	cursor: pointer;
	opacity: 0; /* hide this */
	z-index: 950; /* and place it over the hamburger */  
	-webkit-touch-callout: none;
	}

	#menuToggle span{
	display: block;
	width: 33px;
	height: 2px;
	margin-bottom: 8px;
	position: relative;
	background:#fff;
	border-radius: 3px;
	z-index: 1;
	transform-origin: 4px 0px;
	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
				background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
				opacity 0.55s ease;
	}

	#menuToggle span:first-child{
	transform-origin: 0% 0%;
	}

	#menuToggle span:nth-last-child(2){
	transform-origin: 0% 100%;
	}

	#menuToggle input:checked ~ span{
	opacity: 1;
	transform: rotate(45deg) translate(-8px, -21px);
	background: #fff;
		width:35px
	}

	#menuToggle input:checked ~ span:nth-last-child(3){
	opacity: 0;
	transform: rotate(0deg) scale(0.2, 0.2);
	}

	#menuToggle input:checked ~ span:nth-last-child(2){
	transform: rotate(-45deg) translate(0, 15px);
	}

	#menu{
		position:fixed;
		z-index:800;
		/* width: 260px; */
		width: 69px;
		height: 100vh;
		background-color: var(--color-empresa);
		top:0px;
		left:0px;
		display:block;
		box-shadow: 2px 0px 8px rgba(0,0,0,0.2);
		/* transition: all 0.2s ease-in-out; */
	}

	#menuToggle input:checked ~ ul{
	transform: none;
	}

	#menuToggle input:checked ~ body{
		overflow-y:hidden;
	}

	.content_menu{
		padding: 62px 5px 10px 8px;
		display: flex;
		flex-direction: column;
		height: 340px;
	}

	.item_menu_lat{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		padding: 6px 10px;
		z-index: 95;
		position: absolute;
		top: 0px;
		left: 0px;
	}

	.content_item_menu_lat{
		position: relative;
		z-index: 100;
		padding: 0px 0px;
		display: flex;
		align-items: center;
		height: 38px;
		margin: 15px 0px;
		cursor: pointer;
	}

	.svg_item_menu_lat{
		width: 26px;
		margin-right: 14px;
	}

	.svg_item_menu_lat svg{
		fill: #fff;
		display: block;
	}

	.svg_item_menu_lat svg path{
		fill: #fff;
	}

	.text_item_menu_lat{
		color: #ffffff;
		display: none;
	}

	.tooltip_menu{
		position: absolute;
		z-index: 90;
		top: 0px;
		left: 0px;
		background-color: #fff;
		border-radius: 50px;
		height: 38px;
		box-shadow: 0px 0px 13px rgba(0,0,0, 0.3);
		padding: 0px 10px 0px 50px;
		color: #000;
		text-decoration: none;
		width: 0px;
		display: none;
		align-items: center;
		overflow: hidden;
	}

	.content_item_menu_lat_is_hovered:hover .content_tooltip_menu{
		display: block;
	}

	.content_item_menu_lat_is_hovered:hover .tooltip_menu{
		transition: all 0.2s ease-in-out;
		display: flex;
		width: 130px;
	}

	.content_item_menu_lat:nth-child(6).content_item_menu_lat_is_hovered:hover .tooltip_menu{
		width: 170px;
	}

	.content_item_menu_lat_is_hovered:hover .svg_item_menu_lat svg{
		fill: #000;
	}

	.content_item_menu_lat_is_hovered:hover .svg_item_menu_lat svg path{
		fill: #000;
	}

	.wrapper_content{
		display: none;
		position: fixed;
		z-index: 805;
		width: 240px;
		bottom: 10px;
		left: 0px;
	}

	.content_powered a{
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.text_powered{
		font-size: 14px;
		margin-right: 6px;
		color: #fff;
		font-weight: 500;
	}

	.svg_powered{
		width: 100px;
	}

	.svg_powered svg{
		display: block;
		fill: #fff;
	}

	.svg_powered svg path{
		fill: #fff;
	}

	#header{
		width: 100%;
		height: 61px;
	}

	.header_fixed{
		position: fixed;
		width: 100%;
		padding: 10px 0px 10px 0px;
		z-index: 305;
		height: 40px;
		border-bottom: 1px solid #cecece;
		background-color: #fff;
	}

	.content_header{
		position: relative;
		z-index: 310;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		height: 40px;
	}

	.content_logo_header{
		position: absolute;
		z-index: 320;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 200px;
	}

	.content_usuario_header{
		margin-right: 20px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		cursor: pointer;	
	}

	.svg_usuario_header{
		width: 20px;
		margin-left: 8px;
	}

	.svg_usuario_header svg{
		fill: #000;
		display: block;
	}

	.text_usuario_header{
		color: #000;
		position: relative;
		z-index: 310;
	}

	.wrapper_items_login_header{
		position: absolute;
		z-index: 320;
		left: 50%;
		transform: translate(-50%, 0);
		top: 100%;
		background-color: #fff;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.2);
		display: none;
		padding: 5px;
		width: -moz-fit-content;
		min-width: fit-content;
		width: 100%;
	}

	.wrapper_items_login_header a{
		display: block;
	}

	.item_login_header{
		width: calc(100% - 10px);
		padding: 5px;
		text-align: center;
		cursor: pointer;
		transition: all 0.2s ease-in-out;
		background-color: #fff;
	}

	.item_login_header:hover{
		background-color: #ededed;
	}

	/*********************************************** FIN HEADER ********************************************/


	/*********************************************** HOME ********************************************/

	.content_site{
		padding: 0px 5px 60px 75px;
		width: calc(100% - 80px);
		background-color: #fff;
	}

	.content_home{
		padding: 10px 0px;
		display: flex;
		justify-content: center;
		align-items: stretch;
		align-content: flex-start;
		flex-wrap: wrap;
	}

	.box_home_large{
		width: calc(100% - 40px);
		margin: 10px;
		padding: 10px;
		padding-bottom: 40px;
		border-radius: 5px;
		background-color: #fff;
		box-shadow: 0px 0px 14px rgba(0,0,0,0.1);
		position: relative;
		z-index: 90;
	}

	.box_home{
		width: calc(50% - 40px);
		margin: 10px;
		padding: 10px;
		border-radius: 5px;
		background-color: #fff;
		box-shadow: 0px 0px 14px rgba(0,0,0,0.1);
		position: relative;
		z-index: 90;
		padding-bottom: 40px;
	}

	.title_box_home{
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
		font-size: 20px;
		font-weight: 600;
	}

	.item_box_home_title{
		display: flex;
		align-items: center;
		/* margin: 10px 0px; */
		font-size: 14px;
		padding: 15px 6px;
		/* border-radius: 5px; */
		/* background-color: #ededed; */
		border: 1px solid #fff;
		transition: all 0.2s ease-in;
		border-bottom: 1px solid #c3c3c3;
		box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
	}

	.item_box_home{
		display: flex;
		align-items: center;
		/* margin: 10px 0px; */
		font-size: 14px;
		padding: 15px 6px;
		/* border-radius: 5px; */
		/* background-color: #ededed; */
		border: 1px solid #fff;
		transition: all 0.2s ease-in;
		border-bottom: 1px solid #c3c3c3;
		box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
	}

	.item_box_home:hover{
		box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
		border: 1px solid var(--color-empresa);
	}

	.code_box_home{
		width: 80px;
	}

	.price_box_home{
		width: 96px;
	}

	.estado_box_home{
		width: 120px;
		margin: 0px 5px;
	}

	.space_between{
		justify-content: space-between;
	}

	.font_500{
		font-weight: 500;
	}

	.name_box_home{
		padding: 0px 5px;
		flex-grow: 1;
	}

	.width_prod_box_home{
		width: calc(100% - 176px);
	}

	.num_ped_box_home{
		margin-right: 5px;
		width: 95px;
		text-align: center;
	}

	.fecha_box_home{
		margin-right: 5px;
		width: 90px;
		text-align: center;
	}

	.text_bold{
		font-weight: 600;
	}

	.flex_grow{
		flex-grow: 1;
	}

	.text_center{
		text-align: center;
	}

	.text_right{
		text-align: right;
	}

	.break_flex {
	flex-basis: 100%;
	height: 0;
	}

	.svg_box_home{
		width: 20px;
	}

	.svg_box_home svg{
		display: block;
		transition: all 0.2s ease-in-out;
		fill: #000;
	}

	.svg_box_home svg:hover{
		fill: var(--color-empresa);
	}

	.ver_mas_box_home{
		width: 100%;
		text-align: center;
		position: absolute;
		bottom: 10px;
		left: 0;
		z-index: 95;
	}

	.ver_mas_box_home a{
		color: #000;
		border: 1px solid var(--color-empresa);
		border-radius: 8px;
		background-color: #fff;
		padding: 2px 12px;
		transition: all 0.2s ease-in-out;
	}

	.ver_mas_box_home a:hover{
		color: #fff;
		background-color: var(--color-empresa);
	}

	/*********************************************** FIN HOME ********************************************/


	/*********************************************** FOOTER **********************************************/




	/*********************************************** FIN FOOTER ********************************************/


	/*********************************************** NOSOTROS **********************************************/



	/*********************************************** FIN NOSOTROS********************************************/


	/*********************************************** LISTA **********************************************/

	.background_productos{
		background-color:#f7f7f7;
		width:100%;
	}

	.content_filtros_top{
		width: calc(100% - 80px);
		/* border-bottom: 1px solid #ededed; */
		box-shadow: 0px 5px 14px rgba(0,0,0,0.1);
		position: fixed;
		z-index: 300;
		padding: 5px 0px;
		background-color: #fff;
	}

	.content_filtros_top .page_margins{
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: nowrap;
	}

	.content_abrir_filtros{
		border-radius: 5px;
		background-color: #c1c1c1;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 6px 10px;
		cursor: pointer;
		transition: all 0.2s ease-in-out;
		margin-right: 15px;
	}

	.content_abrir_filtros:hover{
		background-color: #585858;
	}

	.svg_abrir_filtros{
		width: 28px;
		margin-right: 8px;
	}

	.svg_abrir_filtros svg{
		fill: #fff;
		display: block;
	}

	.text_abrir_filtros{
		color: #fff;
		font-weight: 500;
	}

	.buscador_filtro_top{
		flex-grow: 1;
		max-width: 500px;
		margin: 0 auto;
		padding: 5px;
		border-radius: 5px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		background-color: #fff;
		border: 1px solid #808080;
	}

	.contet_input_buscador{
		flex-grow: 1;
	}

	.contet_input_buscador input{
		outline: none;
		border: none;
		padding: 7px 5px;
		width: calc(100% - 10px);
	}

	.contet_input_buscador input::placeholder{
		font-size: 14px;
	}

	.content_lupa_buscador{
		width: 18px;
		margin-left: 10px;
		margin-right: 8px;
		cursor: pointer;
	}

	.content_lupa_buscador svg{
		width: 100%;
		fill: #000;
		display: block;
	}

	.ordenador_lista{
		width:150px;
		margin-left: 15px;
	}

	.btn_ordenador_select{
		padding:10px 12px;
		border:1px solid #8a8a8a;
		cursor:pointer;
		border-radius:5px;
		background-color: #fff;
	}

	.content_export_price{
		border-radius: 5px;
		/* background-color: #8a8a8a; */
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 6px 10px;
		cursor: pointer;
		transition: all 0.2s ease-in-out;
		margin-left: 15px;
		background: #ff6622;
		background: -moz-linear-gradient(left,  #ff6622 0%, #d65104 100%);
		background: -webkit-linear-gradient(left,  #ff6622 0%,#d65104 100%);
		background: linear-gradient(to right,  #ff6622 0%,#d65104 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6622', endColorstr='#d65104',GradientType=1 );
	}

	/* .content_export_price:hover{
		background-color: #585858;
	} */

	.svg_export_price{
		width: 28px;
		margin-left: 8px;
	}

	.svg_export_price svg{
		fill: #fff;
		display: block;
	}

	.svg_export_price svg path{
		fill: #fff;
	}

	.text_export_price{
		color: #fff;
		font-weight: 600;
	}

	.content_carro_prod{
		padding: 0px;
		margin-left: 15px;
		display: flex;
		/* flex-direction: column; */
		flex-wrap: wrap;
		align-items: center;
		align-content: center;
		justify-content: center;
		width: 110px;
		cursor: pointer;
	}

	.svg_carro_prod{
		width: 24px;
		margin-bottom: 3px;
		position: relative;
		z-index: 310;
	}

	.svg_carro_prod svg{
		fill: #000;
		transition: all 0.2s ease-in-out;
		text-align: center;
	}

	.text_qty_carro_prod{
		width: 26px;
		height: 26px;
		border-radius: 100%;
		margin-bottom: 3px;
		transition: all 0.2s ease-in-out;
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		z-index: 320;
		background-color: var(--color-empresa);
		color: #fff;
		font-size: 12px;
		font-weight: 600;
		right: -15px;
		top: -10px;
	}

	.text_price_carro_prod{
		width: 100%;
		transition: all 0.2s ease-in-out;
		text-align: center;
		font-weight: 600;
	}

	.content_carro_prod:hover .text_price_carro_prod{
		color: #3a3a3a;
	}

	.content_carro_prod:hover .svg_carro_prod svg{
		fill: #3a3a3a;
	}

	.content_display_categories{
		width: 0px;
		max-width: 430px;
		height: calc(100vh - 139px);
		padding: 0px 0px;
		position: fixed;
		top: 139px;
		left: 69px;
		z-index: 400;
		border-right: 1px solid #cecece;
		transition: all 0.25s ease-in-out;
		background-color: #fff;
		display: none;
		/* overflow: hidden; */
	}

	.fondo_black_categories{
		background-color:rgba(0, 0, 0, 0.7);
		width:100%;
		height: calc(100vh - 139px);
		display:none;
		position:fixed;
		z-index:390;
		top: 139px;
		left: 69px;
		cursor: pointer;
	}

	.title_category_display{
		padding: 20px 10px 10px 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid #cecece;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.text_category_display{
		font-size: 20px;
		color: #000;
		font-weight: 600;
	}

	.back_category_display a{
		font-size: 14px;
		color: #252525;
		cursor: pointer;
		font-weight: 500;
		text-decoration: underline;
	}

	.category_select_display a{
		color: #000
	}

	.category_display{
		padding: 10px 0px 10px 0px;
		border-bottom: 1px solid #ededed;
		text-transform: capitalize !important;
	}

	.category_display a{
		text-transform: capitalize !important;
		color: #6b6b6b;
		transition: all 0.2s ease-in-out;
	}

	.category_display a:hover{
		color: #161616;
	}

	.category_display_selected{
		color: #000;
		font-weight: 600;
	}

	.category_display_selected a{
		color: #000;
		font-weight: 600;
	}

	.content_categories_name{
		overflow-y: auto;
		padding: 0 10px;
		width: calc(100% - 20px);
		height: calc(100vh - 188px);
	}

	.content_categories_name::-webkit-scrollbar{
	width: 8px;
	border-radius: 20px;
	-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-ms-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
		cursor: pointer;
	}

	/* Track */
	.content_categories_name::-webkit-scrollbar-track{
	background: #f1f1f1;
	border-radius: 20px;
	}

	/* Handle */
	.content_categories_name::-webkit-scrollbar-thumb{
	background: #cacaca;
	border-radius: 20px;
	-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-ms-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
		cursor: pointer;
	}

	/* Handle on hover */
	.content_categories_name::-webkit-scrollbar-thumb:hover{
	background: #555;
	cursor: pointer;
	}

	.header_porductos_lista{
		padding: 80px 0px 10px 0px;
		width: 100%;
	}

	.ruta_lista{
		color:#000;
		font-weight:600;
		font-size: 18px;
	}

	.conten_paginador{
		width:400px;
		margin:0 auto;
		padding-top:30px;
	}

	.btn_pag_izq{
		float:left;
		padding:10px 13px;
		background-color:#e9e9e9;
		border-radius:25px;
		margin-right:20px;
		cursor:pointer;
	}

	.btn_pag_izq:hover{
		background-color:#fc6a2d;
	}

	.btn_pag_der{
		float:left;
		padding:10px 13px;
		background-color:#e9e9e9;
		border-radius:25px;
		cursor:pointer;
	}

	.btn_pag_der:hover{
		background-color:#fc6a2d;
	}	

	.btn_paginador{
		float:left;
		font-weight:600;
		padding:10px 17px;
		border-radius:25px;
		margin-right:20px;
		cursor:pointer;
		background-color:#e9e9e9;
		color:#000000;
	}

	.btn_paginador a{
		color:#000000;
		text-decoration:none;
	}

	.btn_paginador:hover{
		background-color:#fc6a2d;
	}

	.btn_paginador_select{
		float:left;
		font-weight:600;
		padding:10px 17px;
		border-radius:25px;
		margin-right:20px;
		cursor:pointer;
		background-color:#fc6a2d;
	}

	.content_product_lista{
		width: 100%;
		padding: 0px;
		display: flex;
		flex-direction: column;
	}

	#haveProductCart{
		display: none;
	}

	.product_have{
		width: calc(100% - 20px);
		padding:15px 10px;
		color: #fff;
		display: flex;
		align-items: center;
		background-color: #4ba8de;
	}

	.text_product_have{
		width: calc(100% - 60px);
		margin-right: 10px;
		text-align: center;
		font-size: 16px;
		font-weight: 500;
	}

	.svg_product_have{
		cursor: pointer;
		width: 30px;
		margin-right: 20px;
	}

	.svg_product_have svg{
		fill: #fff;
		display: block;
		transition: all 200ms ease-in-out;
	}

	.conten_producto_categorie{
		width: calc(100% - 20px);
		max-width: 600px;
		margin: 0px auto;
		padding:20px 10px;
		position:relative;
		z-index:90;
		display: flex;
		align-items: center;
		transition: all 0.2s ease-in-out;
		border: 1px solid #ededed;
		background-color: #fff;
		border-bottom: 1px solid #c3c3c3;
	}

	.conten_producto_categorie:hover{
		box-shadow: 0px 2px 8px rgb(0 0 0 / 20%);
		border: 1px solid var(--color-empresa);
	}

	.conten_producto{
		width: calc(100% - 20px);
		padding:10px;
		position:relative;
		z-index:90;
		display: flex;
		align-items: center;
		transition: all 0.2s ease-in-out;
		border: 1px solid #ededed;
		background-color: #fff;
		border-bottom: 1px solid #c3c3c3;
	}

	.conten_producto:hover{
	box-shadow: 0px 2px 8px rgb(0 0 0 / 20%);
	border: 1px solid var(--color-empresa);
	}

	/* .conten_producto:nth-child(odd){
		background-color:#ededed;
	}

	.conten_producto:nth-child(even){
		background-color:#fff;
	} */

	.wrapper_prod_left{
		display: flex;
		align-items: center;
		width: calc(100% - 170px);
	}

	.wrapper_price_list_left{
		display: flex;
		align-items: center;
		width: calc(100% - 100px);
	}

	.wrapper_price_list_right{
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		width: 100px;
	}

	.wrapper_prod_right{
		display: flex;
		align-items: center;
		width: 170px;
	}

	.code_producto{
		width: 70px;
	}

	.conten_producto div a{
		color: #464646;
		transition: all 0.2s ease-in-out;
	}

	.conten_producto div a:hover{
		color: #000;
	}

	.nombre_producto{
		flex-grow: 1;
		padding: 0px 10px;
		width: calc(100% - 500px);
	}

	.nombre_producto_categorie{
		padding: 0px 10px;
		width: calc(100% - 20px);
	}

	.content_inputs_producto{
		width: 180px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.wrapper_input_producto{
		width: 80px;
		margin: 0px 5px;
		display: flex;
		justify-content: center;
		align-items: center;
		align-content: center;
		flex-wrap: wrap;
	}

	.title_input_producto{
		width: 100%;
		margin-bottom: 6px;
		text-align: center;
		font-weight: 500;
		min-height: 18px;
	}

	.input_producto{
		width: 100%;
	}

	.input_producto input{
		width: calc(100% - 22px);
		border: 1px solid #898989;
		text-align: center;
		padding: 10px 10px;
		border-radius: 5px;
	}

	.input_producto input:disabled{
		background-color: #f1f1f1;
	}

	.input_producto input:focus{
		border: 1px solid #2b2b2b;
	}

	.select_prod_variant{
		width: 100%;
	}

	.select_prod_variant select{
		width: 100%;
		border: 1px solid #898989;
		text-align: left;
		padding: 5px;
		border-radius: 5px;
		background-color: #fff;
		height: 37px;
	}

	.precio_producto{
		width: 90px;
		padding: 0px 5px;
		font-weight: 600;
	}

	.title_precio_producto{
		width: 90px;
		padding: 0px 5px;
		margin-bottom: 6px;
		font-weight: 600;
	}

	.anadir_producto{
		display: flex;
		justify-content: center;
		padding: 8px 0px;
		background-color: var(--color-empresa);
		font-weight: 600;
		color: #fff;
		border-radius: 5px;
		transition: all 0.2s ease-in-out;
		cursor: pointer;
		width: 70px;
	}

	.anadir_producto:hover{
		background-color: var(--color-empresa-hover);
	}

	.content_btn_finalizar_pedido{
		width: calc(100% - 89px);
		background-color: #fff;
		border-top: 1px solid #cecece;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 8px 10px;
		position: fixed;
		z-index: 300;
		bottom: 0px;
		right: 0;
		transition: all 0.2s ease-in-out;
		box-shadow: 0px 0px 0px rgba(0,0,0,0);
	}

	.btn_finalizar_pedido{
		padding: 8px 16px;
		color: #fff;
		/* background-color: var(--color-empresa); */
		text-align: center;
		font-size: 16px;
		font-weight: 600;
		border-radius: 50px;
		cursor: pointer;
		transition: all 0.2s ease-in-out;
		background: #ff6622;
		background: -moz-linear-gradient(left,  #ff6622 0%, #d65104 100%);
		background: -webkit-linear-gradient(left,  #ff6622 0%,#d65104 100%);
		background: linear-gradient(to right,  #ff6622 0%,#d65104 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6622', endColorstr='#d65104',GradientType=1 );
	}

	/* .btn_finalizar_pedido:hover{
		background-color: var(--color-empresa-hover);
	} */

	.content_working{
		padding: 10px 0px;
		display: flex;
		justify-content: center;
		align-items: center;
		align-content: center;
		flex-wrap: wrap;
		height: calc(100vh - 101px);
	}

	.working_col_svg{
		width: calc(60% - 40px);
		margin: 0px 20px;
	}

	.working_col_text{
		width: 40%;
	}

	.working_title{
		font-size: 26px;
		margin-bottom: 20px;
		font-weight: 600;
	}

	.working_text{
		line-height: 24px;
		color: rgb(32, 32, 32);
	}

	.content_svg_working{
		width: 100%;
		max-width: 400px;
		margin: 0 auto;
	}

	.content_svg_working svg{
		display: block;
	}

	.title_pre_empresa{
		width: 100%;
		margin-bottom: 30px;
		font-size: 22px;
		text-align: center;
		font-weight: 500;
	}

	.empresa_col{
		width: calc(50% - 62px);
		margin: 10px;
		padding: 30px 20px;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 5px;
		transition: all 150ms ease-in-out;
		background-color: #fff;
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
		border: 1px solid #fff;
		cursor: pointer;
	}

	.empresa_col:hover{
		box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.2);
		border: 1px solid var(--color-empresa);
	}

	.empresa_text_select{
		font-weight: 400;
		font-size: 16px;
	}

	/*********************************************** FIN LISTA********************************************/

	/*********************************************** CUENTA CORRIENTE ********************************************/

	.title_site{
		font-weight: 600;
		font-size: 22px;
		margin: 20px 0px 20px 0px;
		color: #000;
		width: 100%;
		/* text-align: center; */
	}

	.content_site .page_margins{
		padding: 10px 0px;
	}

	.item_title_ctate{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 6px 10px;
		background-color: #fff;
		border-radius: 5px;
		width: calc(100% - 20px);
		margin: 10px 0px;
		box-sizing: border-box;
		/* border: 1px solid #fff; */
		/* border-bottom: 1px solid #c3c3c3; */
		transition: all 0.2s ease-in-out;
		/* box-shadow: 0px 0px 13px rgb(0,0,0, 0.1); */
	}

	.item_ctate{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 6px 10px;
		background-color: #fff;
		border-radius: 5px;
		width: calc(100% - 22px);
		margin: 10px 0px;
		box-sizing: border-box;
		border: 1px solid #fff;
		/* border-bottom: 1px solid #c3c3c3; */
		transition: all 0.2s ease-in-out;
		box-shadow: 0px 0px 13px rgb(0,0,0, 0.1);
	}

	.item_ctate:hover{
		box-shadow: 0px 0px 13px rgb(0,0,0, 0.15);
		border: 1px solid var(--color-empresa);
	}

	.name_item_ctate{
		width: calc(100% - 320px);
	}

	.saldo_item_ctate{
		width: 90px;
		margin-left: 5px;
	}

	.text_saldo_ctacte{
		text-align: right;
		/* margin-bottom: 5px; */
		font-size: 12px;
		font-weight: bold;
	}

	.number_saldo_ctacte{
		text-align: right;
		font-size: 14px;
	}

	#empresa2{
		display: none;
	}

	.content_radius_empresa{
		padding: 0px 0px 20px 0px;
	}

	#radiusEmpresa label{
		margin-right: 15px;
	}

	.content_triple_saldo{
		width: calc(100% - 89px);
		background-color: #fff;
		border-top: 1px solid #cecece;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 8px 10px;
		position: fixed;
		z-index: 300;
		bottom: 0px;
		right: 0;
		transition: all 0.2s ease-in-out;
		box-shadow: 0px 0px 0px rgba(0,0,0,0);
	}

	.content_saldo_total{
		color: #000;
		font-weight: 500;
		font-size: 16px;
		padding: 5px 10px;
		width: calc(33% - 20px);
		text-align: center;
	}

	.content_triple_saldo_home{
		width: 100%;
		background-color: #fff;
		border-top: 1px solid #696969;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: absolute;
		z-index: 95;
		bottom: 0px;
		left: 0;
		transition: all 0.2s ease-in-out;
		box-shadow: 0px 0px 0px rgba(0,0,0,0);
	}

	.content_saldo_total_home{
		color: #000;
		font-weight: 500;
		font-size: 16px;
		padding: 10px 5px;
		width: calc(33% - 10px);
		text-align: center;
	}

	/*********************************************** FIN CUENTA CORRIENTE********************************************/

	/*********************************************** CONTACTO **********************************************/



	/*********************************************** FIN CONTACTO **********************************************/

	/*********************************************** TERMINOS ********************************************/


	/*********************************************** FIN TERMINOS ********************************************/

	/************************************************* CARRO **********************************************/

	.titulo_carro{
		font-family: ZILLASLAB-MEDIUM;
		color: #a93232;
		font-size: 32px;
		padding: 20px 5px;
	}

	.text_info{
		text-align:center;
		font-size:20pt;
		font-weight:300;
		color:#545454;
		padding:200px 0px;
	}

	.tabla_producto td{
		padding:20px 0px 10px 0px;
	}

	.borrar_carro{
		width:14px;
		margin:0 auto;
		cursor:pointer;
	}

	.img_producto_carro{
		width:50%;
		display:block;
	}

	.nombre_cod_carro{
		width:90%;
		padding:0 5%;
		text-align:left;
	}

	.nombre_producto_carro{
		margin-bottom:10px;
	}

	.nombre_producto_carro span{
		font-size:10pt;
		font-weight:100;
	}

	.nombre_producto_carro a{
		color:#000000;
		text-decoration:none;
	}

	.info_producto_carro{
		font-size:10pt;
		margin-bottom:10px;
	}

	.content_cant_uni{
		width:86px;
		margin:0 auto;
	}

	.cantidad_carro{
		font-size:12pt;
		width:78px;
		text-align:center;
		display: flex;
		justify-content: center;
	}

	.cantidad_carro input{
		width:45px;
		outline:none;
		border:0px;
		text-align:center;
		padding: 0px;
	}

	.cantidad_carro_text{
		width: 28px;
		font-size: 12px;
		margin-left: 5px;
	}

	.btn_cant_carro{
		width:78px;
		padding:11px 5px 11px 5px;
		border:1px solid #000;
		background-color:#fff;
		color:#000;
		border-radius:3px;
		float:left;
		display: flex;
		justify-content: center;
	}

	.unidad{
		float:left;
		margin-left:10px;
		padding-top:12px;
	}

	.resumen_carro_paso1{
		background-color:#ffffff;
		margin-top:20px;
		padding:30px 20px;
		border-top:1px solid #000000;
	}

	.content_text_btns_carro{
		float:left;
		width:70%;
		margin-top:10px;
	}

	.checkbox_terminos{
		margin-top:10px;
	}

	.conten_precio_total_paso1{
		float:right;
	}


	.titulo_resumen_pedido_paso1{
		font-size:14pt;
		font-weight:600;

	}

	.content_btns_carro{
		margin-top:20px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.bot_confirmar_paso1{
		background-color:var(--color-empresa);
		color:#ffffff;
		font-weight:700;
		text-align:center;
		margin:10px 5px;
		cursor:pointer;
		padding: 12px 25px;
		transition: all 0.2s ease-in-out;
		border-radius: 50px;
	}

	.bot_confirmar_paso1:hover{
		background-color:var(--color-empresa-hover);
	}

	.bot_seguir_comprando_paso1{
		background-color:#dcdcdc;
		padding:12px 25px;
		text-align:center;
		margin:10px 5px;
		cursor:pointer;
		transition: all 0.2s ease-in-out;
		border-radius: 50px;
	}

	.bot_seguir_comprando_paso1:hover{
		background-color:#afafaf;
	}

	.bot_seguir_comprando_paso1 a{
		text-decoration:none;
		color:#ffffff;
	}

	.tabla_resultado_final_paso1{
		font-size:22px;
	}

	.conten_codigo_descuento{
		background-color:#eaeaea;
		padding:10px;
	}

	.texto_codigo_descuento{
		color:#000000;
		font-size:16px;
		font-weight:700;
	}

	.img_codigo_descuento{
		margin-top:10px;
		float:left;
		width:60%;
		height:30px;
	}

	.img_codigo_descuento input{
		width:calc(100% - 7px);
		height:28px;
		border:1px solid #000000;
		padding:0px;
		padding-left:5px;
		outline:none;
	}

	.btn_validar_descuento{
		width:40%;
		height:25px;
		float:left;
		margin-top:10px;
		background-color:#000000;
		text-align:center;
		color:#ffffff;
		padding-top:5px;
		cursor:pointer;
	}

	.conten_final_compra{
		width:70%;
		margin:0 auto;
		padding:20px;
		background-color: #ffffff;
		border: 1px solid #e0e0e0;
	}

	.texto_final_compra{
		text-align:center;
		font-size:20px;
		font-weight:300;
		color:#6d6d6d;
	}

	.conten_numero_final_compra{
		width:100%;
		max-width:1200px;
		margin:0 auto;
		margin-top:40px;
	}

	.numero_final_compra{
		text-align:center;
		font-size:25px;
		font-weight:700;
		color:#6d6d6d;
	}

	.fondo_total_pedido{
		-webkit-box-shadow: 0 -5px 10px 0 #e8e8e8;
		box-shadow: 0 -5px 10px 0 #e8e8e8;
		margin-top:10px;
	}

	.conten_total_pedido{
		width:100%;
		max-width:1200px;
		margin:0 auto;
		margin-bottom:20px;
	}

	.conten_texto_confirmar{
		width:40%;
		float:left;
		margin-left:10%;
		margin-top:20px;
		padding-bottom:30px;
	}

	.texto_total_pedido{
		font-size: 30px;
		font-weight:300;
		color: #4a4a4a;
	}

	.bot_confirmar{
		width:100%;
		background-color:#FF0000;
		border:1px solid #FF0000;
		color:#ffffff;
		font-size:20px;
		padding-top:10px;
		text-align:center;
		padding-bottom:10px;
		margin-top:10px;
		margin-bottom:10px;
		cursor:pointer;
	}

	.bot_seguir_comprando{
		width:100%;
		background-color:#eaeaea;
		border:1px solid #989898;
		color:#989898;
		font-size:20px;
		padding-top:10px;
		text-align:center;
		padding-bottom:10px;
		margin-top:10px;
		margin-bottom:10px;
		cursor:pointer;
	}

	.bot_seguir_comprando a{
		text-decoration:none;
		color:#989898;
	}


	.conten_precio_total{
		margin-top:20px;
		padding-bottom:20px;
	}

	.tabla_resultado_final{
		width:100%;
		font-size:20px;
		float:right;
		margin-top:10px;
	}

	.texto_resultado{
		color:#4a4a4a;
		text-align:right;
		float:right;
		margin-right:20px;
		margin-bottom: 10px;
	}

	.texto_resultado_total{
		font-size:24px;
		text-align:right;
		float:right;
		margin-right:20px;
		margin-top: 10px;
	}

	.numero_resultado{
		color:#4a4a4a;
		text-align:right;
		float:right;
		margin-bottom: 10px;
	}

	.numero_resultado_total{
		font-size:24px;
		text-align:right;
		font-weight:700;
		float:right;
		margin-top: 10px;
	}

	.linea_total{
		width:100%;
		height:1px;
		background-color:#4a4a4a;
	}

	.content_shipping_cart{
		padding: 10px 0px;
	}

	.item_shipping_cart{
		padding: 20px;
		background-color: #ededed;
		max-width: 700px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin: 10px 0px;
		border-radius: 5px;
		cursor: pointer;
		transition: all 150ms ease-in-out;
	}

	.item_shipping_cart:hover{
		background-color: #cacaca;
	}

	.input_item_shipping{
		margin-right: 10px;
	}

	.input_item_shipping input{
		margin: 0;
	}

	.title_item_cart{
		color: #000;
		font-size: 16px;
		font-weight: 500;
	}

	.subtitle_item_cart{
		color: rgb(77, 77, 77);
		font-size: 14px;
		margin-top: 6px;
	}

	.content_obser_cart{
		margin: 20px 0px;
		max-width: 740px;
	}

	.content_obser_cart textarea{
		width: calc(100% - 22px);
		padding: 10px;
		height: 120px;
		resize: none;
		outline: none;
		border: 1px solid #828282;
		border-radius: 5px;
	}

	#terminarCompra{
		display: none;
	}

	/*********************************************** FIN CARRO **********************************************/

	/************************************************** CARRO LATERAL *********************************************/

	.carro_lateral{
		width:375px;
		height:100%;
		position:fixed;
		top:0px;
		right:-375px;
		z-index:2500;
		background-color:#ffffff;
	}

	.header_carro_lat{
		height:45px;
		padding:20px 10px;
		border-bottom:1px solid #cccccc;
	}

	.titulo_carro_lat{
		font-size:26px;
		float:left;
	}

	.cerrar_carro_lat{
		font-size:12px;
		float:right;
		margin-top:14px;
		cursor:pointer;
	}

	.content_carro_lat{
		position:absolute;
		z-index:2600;
		top:87px;
		left:0px;
		height:calc(100% - 296px);
		overflow-y:scroll;
		padding:20px 10px;
	}

	.linea_carro_lat{
		margin-bottom:10px;
	}

	.img_carro_lat{
		width:20%;
		margin-right:5%;
		float:left;
	}

	.description_carro_lat{
		width:65%;
		float:left;
	}

	.desc_carro_lat span{
		color: #848484;
		font-size: 14px;
	}

	.cant_precio_carro_lat{
		font-size: 16px;
	}

	.borrar_carro_lat{
		width:10%;
		float:right;
		text-align:right;
		font-size: 20px;
		cursor:pointer;
	}

	.footer_carro_lat{
		height:128px;
		position:absolute;
		z-index:2600;
		bottom:0px;
		left:0px;
		width:calc(100% - 20px);
		padding:20px 10px;
		border-top:1px solid #cccccc;
	}

	.column1_linea_footer{
		float:left;
	}

	.column2_linea_footer{
		float:right;
	}

	.btn_ver_carro_lat{
		width: calc(100% - 40px);
		background-color: #ffffff;
		border:1px solid #354b95;
		border-radius: 3px;
		text-align: center;
		color: #354b95;
		padding: 7px 20px;
		font-size: 16px;
		cursor: pointer;
		margin-top:15px;
	}

	.btn_ver_carro_lat:hover{
		color: #ffffff;
		background-color: #354b95;
	}

	.btn_finalizar_lat{
		width: calc(100% - 40px);
		background-color: #354b95;
		border-radius: 3px;
		text-align: center;
		color: #ffffff;
		padding: 7px 20px;
		font-size: 16px;
		cursor: pointer;
		margin-top:15px;
	}

	.btn_finalizar_lat:hover{
		background-color: #4e7bb4;
	}


	/****************************************** FIN CARRO LATERAL ******************************************/


	/************************************************** CHECKOUT **********************************************/

	.content_checkuot{
		width:calc(100% - 20px);
		background-color:#e2e2e2;
		padding:40px 10px;
	}

	.container {
	width:62%;
	padding-right:2%;
	float:left;
	}

	.acc {
	padding: 0px;
	overflow: hidden;
	margin:0;
	}

	.acc li {
	list-style-type: none;
	padding: 0;
	}

	.acc_ctrl {
	background: #FFFFFF;
	border: none;
	border-bottom: solid 1px #F2F2F2;
	cursor: pointer;
	display: block;
	outline: none;
	padding: 1em 2em;
	position: relative;
	text-align: left;
	width: calc(100% - 4em);
	}


	.acc_ctrl.active h2, .acc_ctrl:focus h2 {
	position: relative;
	}

	.acc_panel {
	background: #f6f6f6;
	overflow: hidden;
	width:96%;
	padding:10px 2%;
	}

	.title_metodo_pago{
		margin-bottom:30px;
		font-size:18pt;
		font-weight:300;
	}

	.content_forma_pago{
		width:calc(100% - 20px);
		padding:15px 10px;
		background-color:#fff;
		border:1px solid #e2e2e2;
		border-radius:5px;
		margin-bottom:10px;
		color:#949494;
	}

	.text_forma{
		color:#fd0000;
		margin-bottom:5px;
	}

	.titulo_forma{
		font-size:14pt;
		font-weight:700;
		color:#000;
	}

	.conten_form_finalizar{
		width:100%;
	}

	.input_fin{
		float:left;
		width:48%;
		margin-right:2%;
	}

	.input_fin_chico{
		float:left;
		width:30%;
		margin-right:3%;
	}

	.nombre_form_finalizar{
		margin-top:20px;
		margin-bottom:10px;
	}

	.nombre_form_finalizar span{
		color:#ff7a7a;
	}

	.conten_input_finalizar{
		width:100%;
	}

	.conten_input_dire_finalizar{
		width:98%;
	}

	.input_finalizar input{
		width:96%;
		padding:0px 2%;
		outline:none;
		border:1px solid #e2e2e2;
		color:#606060;
		height:30px;
		background-color:#fff;
	}

	.input_finalizar textarea{
		width:96%;
		padding:0px 2%;
		outline:none;
		border:1px solid #e2e2e2;
		color:#606060;
		height:80px;
		background-color:#fff;
	}

	.conten_general_crear{
		width:45%;
	}

	.conten_input_crear{
		width:100%;
	}

	.input_crear input{
		background-color:#fff;
		width:96%;
		padding:0px 2%;
		height:30px;
		outline:none;
		border:1px solid #e2e2e2;
		color:#606060;
	}

	.bot_carro_pasos{
		width:150px;
		height:35px;
		padding-top:13px;
		text-align:center;
		font-weight:600;
		color:#fff;
		background-color:#0084e0;
		border-bottom:2px solid #016ab3;
		float:right;
		margin-right:2%;
		margin-top:20px;
		cursor:pointer;
		border-radius:4px;
	}

	.bot_carro_pasos:hover{
		background-color:#248fda;
		border-bottom:2px solid #248fda;
	}

	.content_crear_pass{
		width:46%;
		margin:20px 2% 0px 0px;
		padding:20px 1%; 
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3d3d3d+0,666666+100 */
		background: rgb(61,61,61); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(61,61,61,1) 0%, rgba(102,102,102,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(61,61,61,1) 0%,rgba(102,102,102,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(61,61,61,1) 0%,rgba(102,102,102,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#666666',GradientType=0 ); /* IE6-9 */
	}

	.nombre_crear_pass{
		color:#fff;
		font-size:12pt;
		font-weight:600;
	}

	.content_pass{
		width:100%;
	}

	.content_pass_1{
		width:49%;
		margin-right:1%;
		float:left;
	}

	.content_pass_2{
		width:49%;
		margin-left:1%;
		float:left;
	}

	.nombre_pass{
		color:#b9b9b9;
		padding:10px 0px;
	}

	.input_pass{
		width: 90%;
	}

	.input_pass input{
		width: 96%;
		padding: 0px 2%;
		outline: none;
		border: 1px solid #e2e2e2;
		color: #606060;
		height: 30px;
		background-color: #fff;
	}

	.text_crear_pass{
		color:#fff;
		font-size:12pt;
		padding-top:10px;
	}

	.titulo_codigo_postal{
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.conten_input_codigo_postal{
		width: 260px;
		margin-right: 25px;
		float:left;
	}

	.conten_input_codigo_postal input {
		background-color: #fff;
		width: 96%;
		padding: 0px 2%;
		height: 30px;
		outline: none;
		border: 1px solid #e2e2e2;
		color: #606060;
	}

	.btn_buscar_cod{
		float:left;
		width:100px;
		height:32px;
		padding-top:5px;
		padding-bottom:5px;
		color:#fff;
		background-color:#aeaeae;
		border:0px;
		border-bottom:2px solid #909090;
		text-align:center;
		cursor:pointer;
		border-radius:3px;
	}

	.btn_buscar_cod:hover{
		background-color:#c3c3c3;
		border-bottom:2px solid #c3c3c3;
	}

	.content_retirar_sucur{
		width:calc(46% - 2px);
		height:200px;
		float:left;
		margin-top:40px;
		border:1px solid #e2e2e2;
		background-color:#fff;
		border-radius:5px;
		padding:40px 1% 30px 1%;
		margin-right:1%;
	}

	.content_retirar_sucur:nth-child(2n){
		margin-right:0%;
		margin-left:1%;
	}

	.nombre_retiro{
		margin-bottom:20px;
		font-size:12pt;
		font-weight:300;
	}

	.nombre_form_retiro b{
		line-height:38px;
	}

	.nombre_retiro_confirmar{
		margin-bottom:5px;
		color:#ce5858;
		font-size:14pt;
	}

	.btn_editar{
		width:70px;
		height:25px;
		padding-top:5px;
		margin-top:15px;
		color:#fff;
		background-color:#58ce77;
		border-bottom:2px solid #41b35f;
		text-align:center;
		cursor:pointer;
		margin-bottom:30px;
		border-radius:3px;
	}

	.btn_editar:hover{
		background-color:#83e19b;
		border-bottom:2px solid #83e19b;
	}

	.btn_pagar_mp{
		width:280px;
		height:35px;
		margin:0 auto;
		padding-top:13px;
		text-align:center;
		font-weight:600;
		color:#fff;
		background-color:#a93232;
		border-bottom:2px solid #8e2525;
		margin-top:40px;
		margin-bottom:20px;
		cursor:pointer;
		border-radius:4px;
	}

	.btn_pagar_mp a{
		color:#fff;
		text-decoration:none;
	}

	.bot_carro_pasos:hover{
		background-color:#248fda;
		border-bottom:2px solid #248fda;
	}

	.total_final_check{
		text-align:center;
		font-size:20pt;
		font-weight:400;
		padding:10px;
	}

	.content_redireccion_mp{
		padding:20px 10px 10px 10px;
	}

	.img_redireccion_mp{
		width:198px;
		margin:0 auto;
	}

	.text_redireccion_mp{
		text-align:center;
		font-size:10pt;
		padding-top:10px;
	}

	.chek_carro{
		width: 36%;
		float:left;
		background-color:#fff;
		display:block;
	}

	.carro_check_fixed{
		position:fixed;
		z-index:200;
		top:120px;
		right:10px;
	}

	.header_detalle_carro_check{
		font-weight:700;
		padding:10px 0px 10px 10px;
		color:#000;
		border-bottom:1px solid#f2f2f2;
		background-color:#ffffff;
	}

	.linea_carro_check{
		width:100%;
		height:1px;
		background-color:#f2f2f2;
	}

	.cart_no_products_check{
		background-color: #fff;
		color: #545454;
		text-align: center;
		padding: 25px 0px;
		font-size: 10pt
	}

	.footer_detalle_carro_check{
		font-weight:400;
		text-align:center;
		background-color:#f6f6f6;
		padding:15px 0px;
		
	}

	.total_check{
		font-size:14pt;
		font-weight:700;
		padding:5px 2%;
	}

	.numero_resultado_total_check{
		float:right;
	}

	.texto_resultado_total_check{
		float:right;
		margin-right:20px;
	}

	.body_detalle_carro_check table tr{
		background-color:#ffffff;
		
	}

	.body_detalle_carro_check table tr td{
		font-size:10pt;
		padding:10px 2%;
	}

	.body_detalle_carro_check table tr td span{
		font-size:8pt;
		font-weight:100;
	}

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

	.btn_selec_checkout{
		width: 100%;
		padding: 12px 20px;
		border: 1px solid #cccccc;
		cursor: pointer;
		border-radius: 5px;
		background-color: #ffffff;
		margin-top: 5px;
	}

	/*********************************************** FIN CHECKOUT **********************************************/

	/************************************************* PEDIDO *************************************************/

	.conten_general_pedidos{
		width:100%;
		max-width:1200px;
		margin:0 auto;
		padding-top:20px;
		padding-bottom:100px;
	}

	.titulo_pedidos{
		font-size:20pt;
		font-weight:700;
		padding-top:40px;
		padding-bottom:20px;
		text-align:center;
	}

	.tabla_listado_news table tr:nth-child(1){
		background-color:#f2f2f2;
		text-align: center;
	}

	.tabla_listado_news table tr th{
		padding: 10px;
		min-height:35px;
	}

	.tabla_listado_news table tr td{
		padding:10px;
		border-bottom:1px solid #bcbcbc;
	}

	.titulos_listado_change_order{
		width:100%;
		min-height:30px;
		background-color:#e2e2e2;
		border-radius:5px;
		margin-top:3px;
	}

	.titulos_listado_change_order table tr td{
		padding-top: 6px;
	}

	.tabla_listado_change_order ul{
		padding:0px;
		margin:0px;
	}

	.tabla_listado_change_order ul li{
		border-bottom:1px solid #bcbcbc;
		list-style:none;
		cursor:pointer;
	}

	.item_change_order{
		float:left;
	}


	.filtros_listado_news table tr td{
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
		border-bottom:1px solid #bcbcbc;
	}

	.btn_fav_listado{
		background-image:url('/admin/images/backend_favorito_noticia.png');
		background-position:0px -19px;
		width:18px;
		height:18px;
		float:left;
		margin-left:5px;
		margin-right:5px;
		margin-top:4px;
		cursor:pointer;
	}
	.btn_fav_listado:hover{background-position:0px 0px;}

	.btn_visible_listado{
		background-image:url('/admin/images/ver_noticia.png');
		background-position:0px -15px;
		width:23px;
		height:15px;
		float:left;
		margin-left:5px;
		margin-right:5px;
		margin-top:8px;
	/* 	cursor:pointer; */
	}
	.btn_visible_listado:hover{background-position:0px 0px;}

	.btn_no_visible_listado{
		background-image:url('/admin/images/porducto_no_visto.jpg');
		width:22px;
		height:22px;
		float:left;
		margin-left:5px;
		margin-right:5px;
		margin-top:3px;
	/* 	cursor:pointer; */
	}

	.btn_editar_listado{
		background-image:url('/admin/images/bot_modificar_producto_tienda.png');
		background-position:0px 0px;
		width:33px;
		height:25px;
		float:left;
		margin-left:5px;
		margin-right:5px;
		cursor:pointer;
	}
	.btn_editar_listado:hover

	.cancel{
		font-size:12pt;
		margin-top:2px;
		cursor:pointer;
	}
	.cancel:hover{
		color:#fc6a2d;
	}

	.btn_ver_detalle{
		width:40px;
		transition: all 0.2s ease-in-out;
		cursor: pointer;
	}

	.btn_ver_detalle svg{
		width: 28px;
		margin: 0 auto;
		display: block;
		fill: #000;
		transition: all 0.2s ease-in-out;
	}

	.btn_ver_detalle:hover svg{
		fill: rgb(206, 0, 0);
	}

	.btn_filtrar{
		width:80px;
		margin-left:5px;
		margin-right:5px;
		margin-top:3px;
		padding:5px 0px;
		text-align:center;
		color:#ffffff;
		border:1px solid #3EA9F5;
		background-color:#3EA9F5;
		border-radius:5px;
		font-size:12px;
		cursor:pointer;
	}
	.btn_filtrar:hover{
		color:#ffffff;
		border:1px solid #6ebdf5;
		background-color:#6ebdf5;
	}

	.checkbox{
		width:14px;
		height:14px;
		background-image:url("/admin/images/checkbox.png");
		float:left;
		margin-top: 3px;
		margin-bottom: 3px;
		margin-right:5px;
	}

	.checkbox_active{
		width:14px;
		height:14px;
		background-image:url("/admin/images/checkbox.png");
		background-position:0px 14px;
		float:left;
		margin-top: 3px;
		margin-bottom: 3px;
		margin-right:5px;
	}

	.input_listado{
		width:20px;
		height:20px;
		float:left;
		margin-left:5px;
		margin-right:5px;
		margin-top:4px;
	}

	.input_option_poll{
		width:70%;
		margin:10px 1% 10px 2.5%;
		float:left;
	}

	.input_option_poll input{
		width:100%;
		height:20px;
		border-radius:3px;
		border:1px solid #c6c6c6;
	}

	.btn_delete_option_poll{
		background-image:url('/admin/images/bot_eliminar_producto_tienda.png');
		background-position:0px 0px;
		width:24px;
		height:25px;
		float:left;
		margin-left:5px;
		margin-right:5px;
		margin-top:8px;
		cursor:pointer;
	}
	.btn_delete_option_poll:hover{background-position:0px -29px;}

	.btn_edit_option_poll{
		background-image:url('/admin/images/bot_modificar_producto_tienda.png');
		background-position:0px 0px;
		width:33px;
		height:25px;
		float:left;
		margin-left:5px;
		margin-right:5px;
		margin-top:6px;
		cursor:pointer;
	}
	.btn_edit_option_poll:hover{background-position:0px -29px;}

	.add_option_poll{
		font-size:14px;
		color:#24C279;
		font-weight:700;
		margin-left:2.5%;
		cursor:pointer;
	}

	.subtitulo_get_export{
		font-size:14px;
		margin-top:10px;
		margin-bottom:5px;
	}

	.titulo_get_export{
		text-align:center;
		font-size:16px;
		font-weight:700;
		margin-bottom:10px;
	}

	.content_get_export{
		float:left;
		margin-right:10px;
	}

	.content_get_export select{
		float:left;
		margin-right:10px;
	}

	.add_field{
		float:left;
		padding:0px 6px;
		border:1px solid #24C279;
		color:#24C279;
		border-radius:5px;
		cursor:pointer;
	}

	.add_field:hover{
		background-color:#24C279;
		color:#ffffff;
	}

	/*********************************************** FIN PEDIDO *************************************************/

	/******************************************** DETALLE PEDIDOS ************************************************/

	.content_order_header{
		margin-top:20px;
		display: flex;
		justify-content: flex-start;
		align-items: stretch;
	}

	.order_header{
		width:calc(48% - 45px);
		margin:0px 1%;
		padding:20px;
		border:1px solid #000000;
		border-radius:3px;
	}

	.titulo_header{
		font-weight:700;
		text-align:center;
		font-size:16px;
		margin-bottom:20px;
	}

	.linea_header{
		padding:5px 0px;
	}

	.titulo_linea_header{
		float:left;
		margin-right:10px;
		font-weight:700;
	}

	.dato_linea_header{
		float:left;
	}

	.content_tabla_detalle_pedido{
		margin-top:20px;
		margin-bottom: 70px;
	}

	.tabla_detalle_pedido tr:nth-child(even){
		background-color:#f2f2f2;
	}

	.tabla_detalle_pedido tr:first-child{
		background-color:#9e9e9e;
		color:#fff;
		font-weight:700;
	}

	.tabla_detalle_pedido2 tr:nth-child(odd){
		background-color:#fff;
	}

	.tabla_detalle_pedido tr td{
		padding:5px;
	}

	.tabla_detalle_pedido tr td span{
		font-size: 12px;
		color:#7d7d7d;
	}

	.titulo_observaciones{
		margin-top:30px;
		font-size:16px;
		font-weight:700;
	}

	.observaciones{
		margin-top:10px;
	}

	.input_cantidad{
		width:50px;
	}

	.totales_pedidos{
		width: 100%;
		max-width: 1200px;
		text-align: left;
		margin: 0 auto;
	}

	.contnten_totales_pedido{
		width:48%;
		margin:20px 1%;
		background-color:#099fe4;
		border-radius:3px;
		float:left;
		color:#fff;
		text-align:center;
		padding-top:15px;
		padding-bottom:15px;
		font-weight:700;
	}

	.total_text{
		font-size:22px;
	}

	.total_num{
		font-size:66px;
		margin-top:5px;
		font-weight:200;
	}

	.tabla_pie_pedido tr td{
		padding:5px;
	}

	.tr_totales td{
		border-top:1px solid #cecece;
	}

	.td_totales{
		background-color:#ffffff;
	}



	/******************************************** FIN DETALLE PEDIDOS ************************************************/


	/*********************************************** LOGIN **************************************************/

	.wrapper_login{
		width: 100%;
		background-color: transparent;
		padding-top: 50vh;
		height: 50vh;
	}

	.content_login{
		max-width: 280px;
		width: 100%;
		transform: translate(0, -50%);
		margin: 0 auto;
	}

	.bg_white_login{
		background-color: #fff;
		border-radius: 10px;
		padding: 40px;
		width: calc(100% - 80px);
		border: 1px solid #ccc;
		margin-bottom: 15px;
	}

	.powered_login{
		width: 100%;
		opacity: 1;
		transition: all 0.2s ease-in-out;
	}

	.powered_login a{
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.powered_login:hover{
		opacity: 0.7;
	}

	.text_powered_login{
		color: #000;
		margin-right: 6px;
		font-size: 12px;
	}

	.svg_powered_login{
		width: 90px;
	}

	.svg_powered_login svg{
		width: 100%;
		display: block;
		fill: #000;
	}

	.olvidaste_sesion{
		margin-top: 10px;
		text-align: center;
	}

	.logo_login{
		width: 100%;
		max-width: 200px;
		margin: 0 auto 20px auto;
	}

	.login_incorrecto{
		font-size:10pt;
		color:red;
		text-align:center;
	}

	.text_login{
		margin-top:10px;
		width: 100%;
		/* text-align: center; */
	}

	.input_login{
		width:100%;
		margin-top:5px;
	}

	.input_login input{
		width:calc(100% - 12px);
		border: 1px solid #ccc;
		padding: 5px;
		border-radius: 3px;
	}

	.btn_login{
		width:100px;
		margin:0 auto;
		margin-top:15px;
		border-radius: 5px;
	}

	.btn_login input{
		width:100%;
		background-color: var(--color-empresa);
		color: #ffffff;
		padding-top: 10px;
		padding-bottom: 10px;
		cursor:pointer;
		transition: all 0.2s ease-in-out;
		outline: none;
		border: none;
		border-radius: 5px;
	}

	.btn_login input:hover{
		background-color: var(--color-empresa-hover);
	}

	.content_working form{
		width: calc(100% - 10px);
		max-width: 600px;
		padding: 10px 5px 40px 5px;
	}

	.title_datos_user{
		font-weight: 600;
		font-size: 18px;
		margin-bottom: 30px;
		width: 100%;
		text-align: center;
	}

	.label_datos_user{
		margin-top: 10px;
	}

	.input_datos_user{
		width: 100%;
		margin: 10px 0px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	.input_datos_user input{
		width: calc(100% - 12px);
		margin-right: 5px;
		padding: 8px 5px;
		border: 1px solid #3f3f3f;
		outline: none;
		border-radius: 5px;
	}

	.btn_actualizar_datos{
		margin: 15px auto 0px auto;
		padding: 8px 5px;
		border-radius: 5px;
		color: #fff;
		font-weight: 600;
		cursor: pointer;
		background-color: var(--color-empresa);
		transition: all 0.2s ease-in-out;
		width: -moz-fit-content;
		width: fit-content;
	}

	.btn_actualizar_datos:hover{
		background-color: var(--color-empresa-hover);
	}

	/*********************************************** FIN LOGIN **********************************************/

	.content_pdfs .page_margins{
		padding: 10px 0px;
	}

	.item_pdf_factura{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 10px 15px;
		background-color: #fff;
		border-radius: 5px;
		margin: 10px 0px;
		border: 1px solid #fff;
		/* border-bottom: 1px solid #c3c3c3; */
		transition: all 0.2s ease-in-out;
		box-shadow: 0px 0px 13px rgb(0,0,0, 0.1);
		cursor: pointer;
	}

	.item_pdf_factura:hover{
		box-shadow: 0px 0px 13px rgb(0,0,0, 0.15);
		border: 1px solid var(--color-empresa);
	}

	.text_pdf_factura{
		width: calc(100% - 40px);
		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-wrap: wrap;
	}

	.text_pdf_factura > div{
		margin-right: 6px;
	}

	.name_factura{
		font-weight: 600;
	}

	.importe_factura{
		margin-left: auto;
		font-weight: 600;
	}

	/* .text_pdf_factura a{
		text-decoration: underline;
		color: blue;
		transition: all 0.2s ease-in-out;
	} */

	/* .text_pdf_factura a:hover{
		color: rgb(0, 0, 133);
	} */

	.svg_pdf_factura{
		width: 24px;
		margin-left: 15px;
	}

	.svg_pdf_factura svg{
		fill: #000;
		transition: all 0.2s ease-in-out;
		display: block;
	}

	/* .svg_pdf_factura svg:hover{
		fill: blue;
	} */

	.wrp_dates_facturas{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		margin: 10px 0px;
	}

	.content_date_factura{
		display: flex;
		justify-content: center;
		align-items: center;
		margin-right: 20px;
	}

	/* .wrp_dates_facturas .content_date_factura:nth-child(1){
	} */

	.title_date_factura{
		font-weight: 500;
		font-size: 18px;
		margin-right: 8px;
		color: #000;
	}

	.btn_send_fecha_fact{
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 6px 16px;
		background-color: var(--color-empresa);
		border-radius: 5px;
		cursor: pointer;
		transition: all 0.2s ease-in-out;
		color: #fff;
		font-weight: 500;
		/* border: 1px solid var(--color-empresa); */
	}

	.btn_send_fecha_fact:hover{
		background-color: var(--color-empresa-hover);
	}

	@media (max-width:1200px){

	/*********************************HEADER***********************************/

	/******************************FIN HEADER***********************************/

	/*********************************************** HOME ********************************************/



	/*********************************************** FIN HOME ********************************************/


	/*********************************************** FOOTER **********************************************/



	/*********************************************** FIN FOOTER ********************************************/


	/*********************************************** NOSOTROS **********************************************/



	/*********************************************** FIN NOSOTROS********************************************/


	/*********************************************** LISTA ********************************************/



	/*********************************************** FIN LISTA ********************************************/

	/*********************************************** CUENTA CORRIENTE ********************************************/



	/*********************************************** FIN CUENTA CORRIENTE********************************************/

	/*********************************************** CONTACTO **********************************************/



	/*********************************************** FIN CONTACTO **********************************************/

	/************************************************* CARRO **********************************************/


	/*********************************************** FIN CARRO **********************************************/

	/*********************************************** TERMINOS ********************************************/


	/*********************************************** FIN TERMINOS ********************************************/

	/************************************************** CHECKOUT **********************************************/


	/*********************************************** FIN CHECKOUT **********************************************/

	/************************************************* PEDIDO *************************************************/


	/*********************************************** FIN PEDIDO *************************************************/

	}

	@media (max-width:1100px) {

	/*********************************HEADER***********************************/


	/*****************************FIN HEADER***********************************/

	/*********************************************** HOME ********************************************/



	/*********************************************** FIN HOME ********************************************/


	/*********************************************** FOOTER **********************************************/



	/*********************************************** FIN FOOTER ********************************************/


	/*********************************************** NOSOTROS **********************************************/



	/*********************************************** FIN NOSOTROS********************************************/


	/*********************************************** LISTA ********************************************/



	/*********************************************** FIN LISTA ********************************************/

	/*********************************************** CUENTA CORRIENTE ********************************************/



	/*********************************************** FIN CUENTA CORRIENTE********************************************/

	/*********************************************** CONTACTO **********************************************/



	/*********************************************** FIN CONTACTO **********************************************/

	/************************************************* CARRO **********************************************/


	/*********************************************** FIN CARRO **********************************************/

	/*********************************************** TERMINOS ********************************************/


	/*********************************************** FIN TERMINOS ********************************************/

	/************************************************** CHECKOUT **********************************************/


	/*********************************************** FIN CHECKOUT **********************************************/

	/************************************************* PEDIDO *************************************************/


	/*********************************************** FIN PEDIDO *************************************************/


	}

	@media (max-width:990px) {

	/*********************************HEADER***********************************/

	/******************************FIN HEADER***********************************/

	/*********************************************** HOME ********************************************/



	/*********************************************** FIN HOME ********************************************/


	/*********************************************** FOOTER **********************************************/



	/*********************************************** FIN FOOTER ********************************************/


	/*********************************************** NOSOTROS **********************************************/



	/*********************************************** FIN NOSOTROS********************************************/


	/*********************************************** LISTA ********************************************/



	/*********************************************** FIN LISTA ********************************************/

	/*********************************************** CUENTA CORRIENTE ********************************************/



	/*********************************************** FIN CUENTA CORRIENTE********************************************/

	/*********************************************** CONTACTO **********************************************/



	/*********************************************** FIN CONTACTO **********************************************/

	/************************************************* CARRO **********************************************/


	/*********************************************** FIN CARRO **********************************************/

	/*********************************************** TERMINOS ********************************************/


	/*********************************************** FIN TERMINOS ********************************************/

	/************************************************** CHECKOUT **********************************************/


	/*********************************************** FIN CHECKOUT **********************************************/

	/************************************************* PEDIDO *************************************************/


	/*********************************************** FIN PEDIDO *************************************************/


	}

	@media (max-width:960px) {

	/*********************************HEADER***********************************/

	.text_usuario_header {
		display: none;
	}

	/*****************************FIN HEADER***********************************/

	/*********************************************** HOME ********************************************/

	.content_home{
		flex-wrap: wrap;
	}

	.box_home{
		width: calc(100% - 40px);
		margin: 10px;
		padding: 10px;
		padding-bottom: 40px;
	}

	.code_box_home{
		font-size: 12px;
		width: 74px;
	}

	.width_prod_box_home{
		width: calc(100% - 170px);
	}

	/*********************************************** FIN HOME ********************************************/


	/*********************************************** FOOTER **********************************************/



	/*********************************************** FIN FOOTER ********************************************/


	/*********************************************** NOSOTROS **********************************************/



	/*********************************************** FIN NOSOTROS********************************************/


	/*********************************************** LISTA ********************************************/



	/*********************************************** FIN LISTA ********************************************/

	/*********************************************** CUENTA CORRIENTE ********************************************/


	/*********************************************** FIN CUENTA CORRIENTE********************************************/

	/*********************************************** CONTACTO **********************************************/



	/*********************************************** FIN CONTACTO **********************************************/

	/************************************************* CARRO **********************************************/


	/*********************************************** FIN CARRO **********************************************/

	/*********************************************** TERMINOS ********************************************/


	/*********************************************** FIN TERMINOS ********************************************/

	/************************************************** CHECKOUT **********************************************/

	.container{
		width: 100%;
	}

	.chek_carro{
		display: none;
	}

	/*********************************************** FIN CHECKOUT **********************************************/

	/************************************************* PEDIDO *************************************************/


	/*********************************************** FIN PEDIDO *************************************************/


	}

	/* Landscape phone to portrait tablet and phones */
	@media (max-width:920px) {

	/*********************************HEADER***********************************/

	/*****************************FIN HEADER***********************************/

	/*********************************************** HOME ********************************************/


	/*********************************************** FIN HOME ********************************************/


	/*********************************************** FOOTER **********************************************/



	/*********************************************** FIN FOOTER ********************************************/


	/*********************************************** NOSOTROS **********************************************/



	/*********************************************** FIN NOSOTROS********************************************/


	/*********************************************** LISTA ********************************************/



	/*********************************************** FIN LISTA ********************************************/

	/*********************************************** CUENTA CORRIENTE ********************************************/



	/*********************************************** FIN CUENTA CORRIENTE********************************************/

	/*********************************************** CONTACTO **********************************************/



	/*********************************************** FIN CONTACTO **********************************************/

	/************************************************* CARRO **********************************************/


	/*********************************************** FIN CARRO **********************************************/

	/*********************************************** TERMINOS ********************************************/


	/*********************************************** FIN TERMINOS ********************************************/

	/************************************************** CHECKOUT **********************************************/


	/*********************************************** FIN CHECKOUT **********************************************/

	/************************************************* PEDIDO *************************************************/


	/*********************************************** FIN PEDIDO *************************************************/



	}

	@media (max-width:860px) {

	/*********************************HEADER***********************************/

	/*****************************FIN HEADER***********************************/

	/*********************************************** HOME ********************************************/




	/*********************************************** FIN HOME ********************************************/


	/*********************************************** FOOTER **********************************************/



	/*********************************************** FIN FOOTER ********************************************/


	/*********************************************** NOSOTROS **********************************************/



	/*********************************************** FIN NOSOTROS********************************************/


	/*********************************************** LISTA ********************************************/



	/*********************************************** FIN LISTA ********************************************/

	/*********************************************** CUENTA CORRIENTE ********************************************/



	/*********************************************** FIN CUENTA CORRIENTE********************************************/

	/*********************************************** CONTACTO **********************************************/



	/*********************************************** FIN CONTACTO **********************************************/

	/************************************************* CARRO **********************************************/


	/*********************************************** FIN CARRO **********************************************/

	/*********************************************** TERMINOS ********************************************/


	/*********************************************** FIN TERMINOS ********************************************/

	/************************************************** CHECKOUT **********************************************/


	/*********************************************** FIN CHECKOUT **********************************************/

	/************************************************* PEDIDO *************************************************/


	/*********************************************** FIN PEDIDO *************************************************/



	}

	@media (max-width:800px) {

	/*********************************HEADER***********************************/

	/*****************************FIN HEADER***********************************/

	/*********************************************** HOME ********************************************/



	/*********************************************** FIN HOME ********************************************/


	/*********************************************** FOOTER **********************************************/



	/*********************************************** FIN FOOTER ********************************************/


	/*********************************************** NOSOTROS **********************************************/



	/*********************************************** FIN NOSOTROS********************************************/


	/*********************************************** LISTA ********************************************/



	/*********************************************** FIN LISTA ********************************************/

	/*********************************************** CUENTA CORRIENTE ********************************************/



	/*********************************************** FIN CUENTA CORRIENTE********************************************/

	/*********************************************** CONTACTO **********************************************/



	/*********************************************** FIN CONTACTO **********************************************/

	/************************************************* CARRO **********************************************/


	/*********************************************** FIN CARRO **********************************************/

	/*********************************************** TERMINOS ********************************************/


	/*********************************************** FIN TERMINOS ********************************************/

	/************************************************** CHECKOUT **********************************************/


	/*********************************************** FIN CHECKOUT **********************************************/

	/************************************************* PEDIDO *************************************************/


	/*********************************************** FIN PEDIDO *************************************************/


	}

	/* Landscape phone to portrait tablet and phones */
	@media (max-width:760px) {

	/*********************************HEADER***********************************/

	.content_site{
		padding: 0px 5px 0px 5px;
		width: calc(100% - 10px);
	}

	#menu{
		display: none;
		width: 240px;
		overflow: hidden;
	}

	#menuToggle span{
	background:var(--color-empresa);
	}

	#menuToggle input:checked ~ span{
	background: #fff;
	}

	.text_item_menu_lat{
		display: block;
		font-weight: 500;
	}

	.info_emergente{
		top:61px;
		left: 50%;
		transform: translate(-50%, 0);
		width: 100%;
		height:60px;
		padding-top:20px;
		margin-left: 0px;
		font-size: 16px;
	}

	/*****************************FIN HEADER***********************************/

	/*********************************************** HOME ********************************************/

	.working_col_svg{
		width: calc(40% - 40px);
		margin: 0px 20px;
	}

	.working_col_text{
		width: 60%;
	}

	/*********************************************** FIN HOME ********************************************/


	/*********************************************** FOOTER **********************************************/



	/*********************************************** FIN FOOTER ********************************************/


	/*********************************************** NOSOTROS **********************************************/



	/*********************************************** FIN NOSOTROS********************************************/


	/*********************************************** LISTA ********************************************/

	.content_filtros_top{
		width: calc(100% - 10px);
		padding: 5px;
		left: 0px;
	}

	.content_btn_finalizar_pedido{
		width: calc(100% - 20px);
	}

	.content_triple_saldo{
		width: calc(100% - 20px);
	}

	.conten_producto{
		margin: 5px 0px;
		padding: 5px;
		width: calc(100% - 10px);
	}

	.wrapper_prod_left, .wrapper_price_list_left{
		flex-wrap: wrap;
		width: calc(100% - 100px);
	}

	.wrapper_prod_right, .wrapper_price_list_right{
		flex-wrap: wrap;
		width: 100px;
	}

	.nombre_producto{
		padding: 0px 10px;
		font-weight: 500;
		width: calc(100% - 20px);
	}

	.code_producto{
		padding: 0px 10px;
		width: calc(100% - 20px);
		margin: 5px 0px;
		font-size: 12px;
	}

	.content_inputs_producto{
		padding: 0px 10px;
		width: calc(100% - 20px);
	}

	.precio_producto{
		text-align: center;
		margin-bottom: 5px;
	}

	.title_precio_producto{
		text-align: center;
	}

	.anadir_producto{
		margin: 0 auto;
	}

	.wrapper_input_producto{
		width: 110px;
		margin: 0px 5px;
	}

	.title_input_producto{
		margin-bottom: 3px;
		font-weight: 400;
		font-size: 12px;
	}

	.input_producto{
		width: 100px;
	}

	.input_producto input{
		width: 90px;
		border: 1px solid #898989;
		text-align: center;
		padding: 3px 5px;
		border-radius: 5px;
	}

	.input_producto input:focus{
		border: 1px solid #2b2b2b;
	}

	.select_prod_variant select{
		padding: 3px;
		height: 25px;
	}

	.text_abrir_filtros, .text_export_price{
		display: none;
	}

	.svg_export_price, .svg_abrir_filtros{
		margin: 0;
	}

	.contet_input_buscador{
		flex-grow: 0;
		width: calc(100% - 36px);
	}

	/*********************************************** FIN LISTA ********************************************/

	/*********************************************** CUENTA CORRIENTE ********************************************/


	/*********************************************** FIN CUENTA CORRIENTE********************************************/

	/*********************************************** CONTACTO **********************************************/



	/*********************************************** FIN CONTACTO **********************************************/

	/************************************************* CARRO **********************************************/


	/*********************************************** FIN CARRO **********************************************/

	/*********************************************** TERMINOS ********************************************/


	/*********************************************** FIN TERMINOS ********************************************/

	/************************************************** CHECKOUT **********************************************/

	.content_crear_pass{
		width: 96%;
		margin: 20px 2% 0px 0px;
		padding: 20px 1%;
	}

	.content_pass_1, .content_pass_2{
		float: initial;
		width: 100%;
	}

	/*********************************************** FIN CHECKOUT **********************************************/

	/************************************************* PEDIDO *************************************************/


	/*********************************************** FIN PEDIDO *************************************************/

	/************************************************* PRINT PEDIDO *************************************************/


	/******************************************** FIN PRINT PEDIDO *************************************************/


	/**************************************************** LOGIN **************************************************/


	/******************************************************* FIN LOGIN ***********************************/

	}

	@media (max-width:680px) {

	/******************************** CARRO ******************************************/

	.titulo_resumen_pedido_paso1{
		text-align:center;
	}

	.checkbox_terminos{
		text-align:center;
	}

	.content_cant_uni {
		width: 58px;
	}

	.btn_cant_carro {
		width: 40px;
		padding: 7px 8px 7px 8px;
	}

	.cantidad_carro {
		width: 40px;
	}

	.content_retirar_sucur{
		width:calc(98% - 2px);
		padding:40px 1% 30px 1%;
		margin-right:0%;
		float:initial;
		height:auto;
	}

	.content_retirar_sucur:nth-child(2n){
		margin-right:0%;
		margin-left:0%;
	}

	.content_footer_interna {
		float: initial;
		width: 90%;
		margin:0 auto;
		margin-bottom:15px;
	}

	.conten_imagenes_detalle {
		width: 92%;
		margin-right:4%;
		margin-left:4%;
		float: initial;
		margin-bottom:20px;
	}

	.info_producto_detalle {
		width: 92%;
		margin-right:4%;
		margin-left:4%;
		float: initial;
		margin-top:30px;
	}

	.content_order_header{
		flex-wrap: wrap;
	}

	.order_header{
		width: calc(98% - 42px);
		margin-bottom:10px;
	}

	.conten_info{
		padding:10px 10px;
		width:calc(100% - 20px);
		float:initial;
	}

	/************************** FIN CARRO ******************************************/

	}

	@media (max-width:630px) {

	/*********************************HEADER***********************************/


	/*****************************FIN HEADER***********************************/

	/*********************************************** HOME ********************************************/


	/*********************************************** FIN HOME ********************************************/


	/*********************************************** FOOTER **********************************************/



	/*********************************************** FIN FOOTER ********************************************/


	/*********************************************** NOSOTROS **********************************************/



	/*********************************************** FIN NOSOTROS********************************************/


	/*********************************************** LISTA ********************************************/

	.input_producto {
		width: 80px;
	}

	.input_producto input{
		width: 68px;
	}

	/*********************************************** FIN LISTA ********************************************/

	/*********************************************** CUENTA CORRIENTE ********************************************/


	/*********************************************** FIN CUENTA CORRIENTE********************************************/

	/*********************************************** CONTACTO **********************************************/



	/*********************************************** FIN CONTACTO **********************************************/

	/************************************************* CARRO **********************************************/

	.content_btns_carro{
		justify-content: space-between;
	}

	/*********************************************** FIN CARRO **********************************************/

	/*********************************************** TERMINOS ********************************************/


	/*********************************************** FIN TERMINOS ********************************************/

	/************************************************** CHECKOUT **********************************************/


	/*********************************************** FIN CHECKOUT **********************************************/

	/************************************************* PEDIDO *************************************************/


	/*********************************************** FIN PEDIDO *************************************************/

	}

	@media (max-width:540px) {

	/*********************************HEADER***********************************/

	.content_logo_header{
		width: 150px;
	}

	.content_usuario_header{
		margin-right: 5px;
	}

	/*****************************FIN HEADER***********************************/

	/*********************************************** HOME ********************************************/

	.empresa_col{
		width: calc(100% - 62px);
	}

	/*********************************************** FIN HOME ********************************************/


	/*********************************************** FOOTER **********************************************/



	/*********************************************** FIN FOOTER ********************************************/


	/*********************************************** NOSOTROS **********************************************/



	/*********************************************** FIN NOSOTROS********************************************/


	/*********************************************** LISTA ********************************************/


	/*********************************************** FIN LISTA ********************************************/

	/*********************************************** CUENTA CORRIENTE ********************************************/



	/*********************************************** FIN CUENTA CORRIENTE********************************************/

	/*********************************************** CONTACTO **********************************************/



	/*********************************************** FIN CONTACTO **********************************************/

	/************************************************* CARRO **********************************************/


	/*********************************************** FIN CARRO **********************************************/

	/*********************************************** TERMINOS ********************************************/


	/*********************************************** FIN TERMINOS ********************************************/

	/************************************************** CHECKOUT **********************************************/


	/*********************************************** FIN CHECKOUT **********************************************/

	/************************************************* PEDIDO *************************************************/


	/*********************************************** FIN PEDIDO *************************************************/

	}

	/* Landscape phones and down */
	@media (max-width:480px) {

	/*********************************HEADER***********************************/

	.text_usuario_header{
		display: none;
	}

	/*****************************FIN HEADER***********************************/

	/*********************************************** HOME ********************************************/

	.title_pre_empresa{
		font-size: 18px;
	}

	/*********************************************** FIN HOME ********************************************/


	/*********************************************** FOOTER **********************************************/



	/*********************************************** FIN FOOTER ********************************************/


	/*********************************************** NOSOTROS **********************************************/



	/*********************************************** FIN NOSOTROS********************************************/


	/*********************************************** LISTA ********************************************/



	/*********************************************** FIN LISTA ********************************************/

	/*********************************************** CUENTA CORRIENTE ********************************************/

	.item_ctate .name_item_ctate{
		font-size: 12px;
	}

	.item_ctate .saldo_item_ctate{
		font-size: 12px;
	}

	/*********************************************** FIN CUENTA CORRIENTE********************************************/

	/*********************************************** CONTACTO **********************************************/



	/*********************************************** FIN CONTACTO **********************************************/

	/************************************************* CARRO **********************************************/


	/*********************************************** FIN CARRO **********************************************/

	/*********************************************** TERMINOS ********************************************/


	/*********************************************** FIN TERMINOS ********************************************/

	/************************************************** CHECKOUT **********************************************/


	/*********************************************** FIN CHECKOUT **********************************************/

	/************************************************* PEDIDO *************************************************/


	/*********************************************** FIN PEDIDO *************************************************/

	}

	@media (max-width:430px) {

	/*********************************HEADER***********************************/

	/*****************************FIN HEADER***********************************/

	/*********************************************** HOME ********************************************/

	.num_ped_box_home, .estado_box_home, .fecha_box_home, .price_box_home{
		font-size: 12px;
	}

	.item_ctate .name_item_ctate{
		font-size: 10px;
	}

	/*********************************************** FIN HOME ********************************************/


	/*********************************************** FOOTER **********************************************/



	/*********************************************** FIN FOOTER ********************************************/


	/*********************************************** NOSOTROS **********************************************/



	/*********************************************** FIN NOSOTROS********************************************/


	/*********************************************** LISTA ********************************************/



	/*********************************************** FIN LISTA ********************************************/

	/*********************************************** CUENTA CORRIENTE ********************************************/

	.content_saldo_total{
		font-size: 14px;
	}

	.content_saldo_total_home{
		font-size: 14px;
	}

	/*********************************************** FIN CUENTA CORRIENTE********************************************/

	/*********************************************** CONTACTO **********************************************/



	/*********************************************** FIN CONTACTO **********************************************/

	/************************************************* CARRO **********************************************/

	.table_pedido tr td:nth-child(3){
		display:none;
	}

	.resumen_carro_paso1{
		padding: 20px 10px;
	}

	.bot_confirmar_paso1, .bot_seguir_comprando_paso1{
		padding: 10px 20px;
	}

	/*********************************************** FIN CARRO **********************************************/

	/*********************************************** TERMINOS ********************************************/


	/*********************************************** FIN TERMINOS ********************************************/

	/************************************************** CHECKOUT **********************************************/


	/*********************************************** FIN CHECKOUT **********************************************/

	/************************************************* PEDIDO *************************************************/

	.tabla_listado_news table tr th:nth-child(3), .tabla_listado_news table tr td:nth-child(3), .tabla_detalle_pedido tr td:nth-child(5){
		display: none;
	}

	/*********************************************** FIN PEDIDO *************************************************/


	/*********************************************** LOGIN **********************************************************/



	/*********************************************** FIN LOGIN *****************************************************+*/

	}

	/* Landscape phones and down */
	@media (max-width:376px) {

	/*********************************HEADER***********************************/


	/*****************************FIN HEADER***********************************/

	/*********************************************** HOME ********************************************/


	/*********************************************** FIN HOME ********************************************/


	/*********************************************** FOOTER **********************************************/



	/*********************************************** FIN FOOTER ********************************************/


	/*********************************************** NOSOTROS **********************************************/



	/*********************************************** FIN NOSOTROS********************************************/


	/*********************************************** LISTA ********************************************/



	/*********************************************** FIN LISTA ********************************************/

	/*********************************************** CUENTA CORRIENTE ********************************************/



	/*********************************************** FIN CUENTA CORRIENTE********************************************/

	/*********************************************** CONTACTO **********************************************/



	/*********************************************** FIN CONTACTO **********************************************/

	/************************************************* CARRO **********************************************/


	/*********************************************** FIN CARRO **********************************************/

	/******************************************** CARRO LATERAL **************************************************/

	.carro_lateral{
		width: 95%;
	}

	.titulo_carro_lat{
		font-size: 20px;
	}

	.cerrar_carro_lat{
		font-size: 10px;
	}

	/******************************************** FIN CARRO LATERAL **********************************************/

	/*********************************************** TERMINOS ********************************************/


	/*********************************************** FIN TERMINOS ********************************************/

	/************************************************** CHECKOUT **********************************************/


	/*********************************************** FIN CHECKOUT **********************************************/

	/************************************************* PEDIDO *************************************************/


	/*********************************************** FIN PEDIDO *************************************************/


	}
}