/*
Theme Name: kuVentas v2
Author: John Magaña Kurosaki
Author URI: https://facebook.com/kurosakiJohn
Description: Theme desarrollado por John Kurosaki (Whatsapp +52 1 314 147 2157).
Version: 2.0.9
*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900|Poppins:300,400,500,600,700,800,900');

html, body {margin:0; padding:0;}
* {box-sizing:border-box;}

header, #main, footer {font-family:'Poppins';}

header {background-attachment:fixed; background-repeat:no-repeat; background-position:center -40px; background-size:900px;}
nav.navtop {height:49px; border-bottom:solid 1px #ebebeb; background:rgba(255,255,255,0.9);}
.itemnav {display:inline-block; font-size:12px; color:rgba(0,0,0,0.5); font-weight:600; text-transform:uppercase;}
.social a {color:inherit; text-decoration:none;}
.social a:first-child {margin-left:8px;}
.social a i {width:20px; height:20px; line-height:20px; text-align:center; border-radius:50%;}
.social a:hover i {background:#888; color:#fff;}

.header {height:180px; position:relative;}
.header a {}
.header a img {width:140px; background:rgba(255,255,255,0.9); padding:8px; border-radius:20px; box-shadow:0 0 4px 0 #111;}
.header .search {text-align:right; padding:10px; position:absolute; top:0px; right:0px; min-width:260px; background:rgba(255,255,255,0.9);}
.header .search form {margin:0; position:relative;}
.header .search form input {width:100%; border:1px solid #eee; height:34px; padding:0 5px; background:#fcfcfc;
		color:rgba(0,0,0,0.75); font-family:inherit;}
.header .search form button {position:absolute; right:0; top:0; height:34px; width:30px; background:#0178fa; border:0; color:#fff;}
.header .search form button:hover {cursor:pointer; background:#046de0;}

nav.navbottom {height:49px; border-top:solid 1px #ebebeb; border-bottom:solid 1px #ebebeb; background:rgba(255,255,255,0.9);}
nav.navbottom a {display:inline-block; text-decoration:none; color:inherit; margin:0 3px; padding:8px 16px;}
nav.navbottom a.link.active,
nav.navbottom a.link:hover {background:#ddd;}
nav.navbottom a.shop {background:#bbb; color:#fff;}
nav.navbottom a.shop span {margin:0 6px;}
nav.navbottom a.shop:hover {background:#aaa;}
nav.navbottom a.rastreo {background:#0178fa; color:#fff;}
nav.navbottom a.rastreo:hover {background:#046de0;}
nav.navbottom a.wppanel {background:#c00; color:#eee;}
nav.navbottom a.wppanel:hover {background:#d60000;}

.max {max-width:1180px; margin:0 auto; padding:0 20px; height:inherit;}
.flex {display:flex; align-items:center; justify-content:space-between;}

.maint {display:table; width:100%; margin-top:25px;}
.ro {display:table-cell; padding:0 10px; vertical-align:top;}
.rol {width:100%;}
.ror {border-left:1px solid #eee;}

#slider {height:250px; padding-bottom:30px; position:relative;}
#slider_img {background:#f4f4f4; width:100%; height:100%; padding:1px;}
	#slider img {width:100%; height:100%;}
#slider_span {position:absolute; bottom:0; right:0; font-size:0;}
	#slider_span span {display:inline-block; width:16px; height:16px; margin:0 1px; border-radius:50%; border:1px solid #ddd;}
	#slider_span span:hover {cursor:pointer; background:#ddd;}
	#slider_span span.active {background:#ddd;}

	#slider.inactive {height:220px; padding-bottom:0;}
	#slider.inactive #slider_span {display:none;}
	
footer {background:#333; margin-top:38px;}
.f1 {min-height:320px; padding:30px 20px; align-items:unset; color:#eee;}
.f2 {padding:30px 20px; padding-top:0; font-size:13px; color:#eee;}

.f1 p.title {font-size:20px; font-weight:600; margin:10px 0; padding-bottom:10px; border-bottom:1px solid #444; min-width:280px;}
.f1 p.inline {margin:3px 0;}
.f1 p.inline i {width:20px; margin-right:5px;}
.f1 p.inline a {color:inherit; text-decoration:none;}

.w260 {width:260px;}
.widget p.title {margin:5px 0; font-size:18px; font-weight:600; padding:7px 7px; line-height:1; border-top:1px solid #444; border-bottom:1px solid #444;}
.widget:first-child p.title {margin-top:0;}
.widget .html * {max-width:100%;}

.sideitem {margin-bottom:10px;}
.sideitem_img {background:#f5f5f5; padding:3px; text-align:center; position:relative;}
.sideitem_img img {max-width:100%;}
.sideitem_img span {display:inline-block; background:#f5f5f5; position:absolute; bottom:3px; right:3px; line-height:1; padding:4px 6px;
		font-size:14px; font-weight:600; min-width:80px; text-align:right; z-index:2;}
		
.sideitem_name {margin:0; text-align:center; font-size:15px; font-weight:500; line-height:1.1;}
.singleitem_btn,
.sideitem_btn {width:100%; border:0; padding:10px; font-size:12px; background:#333; color:#fff;}
	.singleitem_btn:hover,
	.sideitem_btn:hover {cursor:pointer; background:#222;}

.singleitem_btn {height:42px;}

	/* SUCCESS_CART */
	.item_input_cant.success_cart {padding:0;}
	.sideitem_btn.success_cart {background:#4CAF50; color:#fff;}
		.sideitem_btn.success_cart:hover {background:#41a345;}
	.item_input_cant .modify_cart {border:0; background:transparent; font-size:13px; border-bottom:1px solid #111; margin:7px 0; line-height:1; cursor:pointer;}
	
	.item_input_cant.editing_cart {padding-right:55px; padding-left:0;}
		.item_input_cant.editing_cart .item_label {right:0; left:unset;}
		.item_input_cant.editing_cart .item_label button.save_editing_cart {border:0; background:#4caf50; width:100%; height:100%; color:#fff; cursor:pointer;}
		
	.sideitem_btn.remove_cart {background:#F44336;}
		
.productos {margin-top:20px; text-align:center;}
	#search.productos,
	#archive.productos {margin-top:0;}
.productos h2 {margin:0; text-align:left; font-size:22px; font-weight:600; line-height:1; padding:10px 0; margin-bottom:10px;
		border-bottom:1px solid #eee; border-top:1px solid #eee;}

.productos .sideitem {display:inline-block; width:200px;}
.productos .sideitem .sideitem_img {display:inline-block; width:inherit; height:200px; color:inherit;}
.productos .sideitem .sideitem_img img {width:100%; height:100%;}
.productos .sideitem_name {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.productos .sideitem .sideitem_img.favorite {background:#ffefc0; position:relative;}
.productos .sideitem .sideitem_img.favorite:before {content:"\f005"; position:absolute; top:0; left:0; z-index:1; width:26px; height:26px; text-align:center;
		line-height:26px; background:#ffefc0; color:#999; font-family:FontAwesome; font-size:16px;}
	.productos .sideitem_img.favorite span {background:#ffefc0;}
	
	.productos .sideitem .sideitem_img.soldout {background:#ffc0c0;}
	.productos .sideitem_img.soldout span {background:#ffc0c0;}
	
	.productos .sideitem_img .tip {position:absolute; line-height:1; font-size:12px; background:rgba(0,0,0,0.75); bottom:0; left:0; right:0; text-align:center;
			padding:10px; padding-bottom:30px; color:#fff; opacity:0; transition:all 0.5s;}
		.productos .sideitem_img:hover {background:#ddd;}
		.productos .sideitem_img:hover .tip {opacity:1;}
		
		.productos .sideitem .sideitem_img.favorite:hover,
		.productos .sideitem .sideitem_img.favorite:hover:before,
		.productos .sideitem .sideitem_img.favorite:hover span {background:#ffddaa;}
		
		.productos .sideitem .sideitem_img.soldout:hover,
		.productos .sideitem .sideitem_img.soldout:hover span {background:#ffb0b0;}
		
.paginate_select {float:left;}
.paginate_select span {font-size:14px;}
.paginate_select select {height:32px;}

.item_input_cant {position:relative; font-size:0; padding-left:55px; margin:1px 0;}
.item_label {font-size:11px; width:50px; position:absolute; top:0; left:0; height:30px; background:#eee; line-height:30px;}
.item_input input {width:100%; height:30px; padding:0 10px;}

/*
.paginate_items {margin-bottom:8px; text-align:right; min-height:40px;}
.paginate_items ul {list-style:none; padding:0; margin:0; float:right;}
.paginate_items ul li {display:inline-block;}
.paginate_items ul li.active,
.paginate_items ul li a {display:inline-block; min-width:28px; height:28px; background:#eee; font-size:14px; line-height:28px; text-align:center;
		color:#111; text-decoration:none;}
.paginate_items ul li a:hover {cursor:pointer; background:#ddd;}
.paginate_items ul li.active {background:#bbb;}
*/

.ku_paginator {float:right;}
.ku_paginator h2 {display:none;}
.ku_paginator .nav-links span,
.ku_paginator .nav-links a {display:inline-block; min-width:28px; height:28px; line-height:28px; background:#eee; font-size:14px; text-align:center;
		color:#111; padding:0 2px; text-decoration:none;}
.ku_paginator .nav-links span {background:transparent;}
	.ku_paginator .nav-links a:hover {background:#ddd;}
.ku_paginator .nav-links a.prev,
.ku_paginator .nav-links a.next {display:none;}

.clear {clear:both;}

.sub_title {margin:0; padding-top:10px; line-height:1;}
.tags {padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #eee; line-height:1; font-size:13px; padding-top:4px;}
.tags span {display:inline-block;}
	.tags span:first-child {margin-right:15px;}
	.tags span a {display:inline-block; color:inherit; margin-right:4px;}
	.tags span a:after {content:',';}
	.tags span a:last-child:after {content:'';}

.section {max-width:680px; margin:0 auto; padding:10px; background:#fafafa; border-radius:3px;}
.form_inc label {display:block; margin-bottom:3px;}
.form_inc label span {display:block; font-size:15px;}
.form_inc label span i {color:red; font-style:normal; font-size:10px; vertical-align:top; margin-left:3px;}
.form_inc label input,
.form_inc label textarea {background:#fff; width:100%; height:40px; padding:0 6px; border-radius:2px; border:1px solid #ddd; font-family:inherit;}
.form_inc label textarea {min-height:70px; padding:6px;}
.form_inc button {float:right; padding:10px 26px; border:0; background:#0178fa; color:#fff; font-family:inherit; font-size:13px; margin-top:4px;}
.form_inc button:hover {cursor:pointer; background:#046de0;}

.info {text-align:center; background:#9e9e9e; padding:10px; margin-bottom:30px; color:#fff; font-size:14px;}
.info.red {background:#D00;}
.info.green {background:#4caf50;}

input.canttobuy {height:42px; vertical-align:top; text-align:center; width:80px; font-family:inherit; font-size:14px; line-height:42px;}

/* SINGLE */
#single_product {display:table; width:100%;}
.product_cell {display:table-cell;}
.product_cell.product_info {width:100%; vertical-align:top; padding-left:10px;}
	.first_thumb {width:220px; text-align:center; font-size:0; border:1px solid #fff;}
	.first_thumb img {max-width:100%; max-height:220px;}

.other_thumbs {width:220px; text-align:center; white-space:nowrap; overflow:hidden; padding:0; font-size:0;}
	.other_thumbs_container {padding:3px;}
		.thumbs_slider {position:relative;}
.other_thumbs span.single_attach_img {display:inline-block; width:60px; height:60px; border:1px solid #eee; margin-right:2px;}
	.view_attach:hover {cursor:pointer; box-shadow:0 0 1px 0 #000;}
	.other_thumbs span.single_attach_img.active {border-color:#0178fa; box-shadow:0 0 3px 0 #0178fa;}
.other_thumbs span.single_attach_img img {max-width:100%; max-height:100%;}

.prices h4 {margin:0 0 5px 0;}
.info_price {line-height:1.1; font-size:14px; background:#8bc34a; padding:8px; border-left:7px solid rgba(0,0,0,0.3); color:#fff;}
.info_price.info_price_send {margin-bottom:3px;}
.info_price.info_price_mayoreo {background:#0178fa;}
	a.view_mayoreo {text-decoration:none; color:inherit; background:rgba(0,0,0,0.3); display:inline-block; padding:7px; float:right;}		
.single_content.content_short {margin:10px 0;}
	.single_content.content_short * {max-width:100%;}

.button_cart_parent {display:table; width:100%;}
	.bcp_cell {display:table-cell; vertical-align:top;}
	.bcp_cell:first-child {padding-right:5px;}
	.bcp_cell:last-child {width:100%;}

#info_table_mayoreo table {width:100%; border-spacing:0; margin-top:3px;}
#info_table_mayoreo table tr td {background:rgba(0,0,0,0.2); padding:7px 5px; font-size:13px; line-height:1.1; border:1px solid rgba(0,0,0,0.2);
		border-bottom-width:0; border-right-width:0;}
#info_table_mayoreo table tr td:last-child {border-right-width:1px;}
#info_table_mayoreo table tr:last-child td {border-bottom-width:1px;}

.subh3 {padding:10px 0; margin:10px 0; border-bottom:1px solid #ddd; border-top:1px solid #ddd; font-size:18px; font-weight:600;}
.desc_long {text-align:justify; padding:5px 0;}
	.desc_long img {max-width:100%;}

#single_otros .sideitem {display:inline-block; width:180px; color:inherit; text-decoration:none; vertical-align:top;}
#single_otros .sideitem .sideitem_img {width:inherit; height:180px;}
#single_otros .sideitem .sideitem_img img {width:100%; height:100%;}
#single_otros .sideitem_name {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* SHOPPING */
.thanks_shopping {position:relative; height:92px; background:#43a747; text-align:center; color:#fff; line-height:90px; font-size:31px; border-radius:3px;}

.shopping {position:relative;}
.shopping a.go {display:inline-block; color:#111; background:#ddd; text-decoration:none; padding:8px 25px; margin-top:5px;
		box-shadow:2px 2px 1px 0px rgba(0,0,0,0.2);}
.shopping a.go:hover {background:#ccc;}

.info.shopping_refresh {border-left:8px solid #2E7D32; text-align:left; margin:0; margin-bottom:15px;}

.r_table {display:table; width:100%;}
.r_r {display:table-row;}
.r_r .r_span {display:table-cell; padding:4px 5px; font-size:14px;}
	.r_r.r_head .r_span {background:#222; color:#fff;}
	.r_r.r_item .r_span {color:#111;}
	.r_r .r_span span#incluye_iva {display:none; font-size:10px; color:red; margin-left:5px;}
.r_r .r_span:nth-child(1) {text-align:center;}
.r_r .r_span:nth-child(3), .r_r .r_span:nth-child(4) {text-align:right;}
.r_r.r_item:nth-child(odd) .r_span {background:#eee;}

.r_r.r_item:hover .r_span {background:#bbb;}

.r_r.r_subtotal .r_span:nth-child(3), .r_r.r_subtotal .r_span:nth-child(4) {background:#bbb;}
.r_r.v2 .r_span:nth-child(3), .r_r.v2 .r_span:nth-child(4) {background:#ddd;}
.r_r.r_subtotal .r_span.fw {font-weight:bold;}

.r_r.r_subtotal .r_span:nth-child(4) span {display:inline-block; padding:4px; background:#eee;}

.r_controls button {background:#F44336; border:0; width:22px; height:22px; line-height:21px; text-align:center; font-size:12px; color:#fff;
		position:relative; vertical-align:middle; top:-1px; margin-right:5px;}
.r_controls button:hover {background:#d63125; cursor:pointer;}
.r_controls input {width:50px; height:30px; font-size:15px; line-height:30px; border:1px solid #bbb; text-align:center; font-stretch:ultra-condensed;}

button.btns_pedidos {border:0; background:#4CAF50; padding:10px; color:#fff; cursor:pointer;}
	button#refresh_pedido:hover {background:#409F4a; }
	button#empty_pedido {background:#c00;}
	button#empty_pedido:hover {background:#b00;}
	
	.r_r.r_item.check_single_insignias .r_span:nth-child(2) {padding-bottom:16px; position:relative;}
	.r_r.r_item .r_span .offers {/*position:absolute; bottom:3px; left:0; */font-size:0;}
	.r_r.r_item .r_span .offers span {font-size:10px; padding:2px 3px; border-radius:2px; margin-right:2px; display:inline-block; background:red; line-height:1; color:#fff;}
	.r_r.r_item .r_span .offers em {font-size:10px; margin-right:2px;}
		.r_r.r_item .r_span .offers span.offer_mayoreo {background:#8BC34A;}
		.r_r.r_item .r_span .offers span.offer_sendfree {background:#2196F3;}

p.info_subtotal {margin:0; margin-top:3px; font-size:13px; text-align:right; color:#f00;}

.sub_title3 {margin:0; margin-top:10px; padding:10px 0; border-top:1px solid #eee;}
.envios {padding:5px 12px; border-left:6px solid #222;}
.envios label {display:block; padding:6px 5px; line-height:1;}
.envios label:hover {cursor:pointer; background:#eee;}
.envios label input {display:none;}
.envios label span.radio {position:relative; font-size:14px;}
	.envios label.label_checkbox_envio span {padding-left:21px;}
.envios label.enviofree span em:nth-child(1) {font-style:normal; vertical-align:middle; text-decoration:line-through;}
.envios label.enviofree span em:nth-child(2) {font-style:normal; font-weight:bold; color:red; margin-left:5px;}
.envios label.hidden {display:none;}
p#error_checkbox_envio,
p#error_seleccionar_envios {display:none; background:#F44336; padding:8px 12px; border-radius:3px; color:#fff; font-size:13px; margin:0; line-height:1.3;}
.envios .sinradio {background:#e6e6e6; padding:6px; padding-top:0;}
.envios .sinradio input.input_cp {display:inline-block; height:30px; width:80px; border-radius:3px; border:1px solid #ccc; padding:0 10px;}
.envios .sinradio p {font-size:12px; margin:0;}
.envios .sinradio button {height:30px; margin-left:2px; border:1px solid #555; background:#333; color:#fff; border-radius:3px;}
	.envios .sinradio button:hover {cursor:pointer; background:#464646;}
.envios .sinradio p#error_cp {background:#f44336; padding:3px; margin-top:2px; color:#fff;}
.envios .sinradio div#response_cp {background:#c3c3c3; padding:8px; margin-top:2px;}

.envios label span.radio:before {content:''; display:inline-block; width:16px; height:16px; margin-right:5px; border:3px solid #444; border-radius:50%;
		vertical-align:bottom; box-sizing:border-box;}
.envios label input:checked ~ span:before {border-right-color:transparent; transform:rotate(-31deg);}
.envios label input:checked ~ span:after {content:''; display:inline-block; width:8px; height:4px; border:3px solid #333; border-top:0; border-right:0; 
		position:absolute; left:4px; top:4px; transform:rotate(-48deg);}
	.envios label.label_checkbox_envio input:checked ~ span:after {left:25px;}

.envios label span.checkbox:before {border-radius:unset;}
.envios label input:checked ~ span.checkbox:before {border-right-color:unset; transform:unset;}
.envios label input:checked ~ span.checkbox:after {background:#fafafa; box-shadow:4px 2px 0 1px #fafafa;}
.envios label:hover input:checked ~ span.checkbox:after {background:#eee; box-shadow:4px 2px 0 1px #eee;}

button.btn_shopping_next {background:#0178fa; padding:15px 20px; border:0; color:#fff;}
button.btn_shopping_next:hover {background:#046de0; cursor:pointer;}

.shopping_step2 h3 {margin:0;}					
	.shopping_step2 table {border-spacing:0; width:100%;}
	.shopping_step2 table tr td {width:50%; padding:2px 1px; background:#ccc;}
	.shopping_step2 table tr:nth-child(even) td {background:#ddd;}
	.shopping_step2 table tr.table_h3 td {background:#111; color:#fff;}
		.shopping_step2 table tr td label {display:block; line-height:1; font-size:14px; padding-top:12px; padding-bottom:4px;}
			.shopping_step2 table tr td label em {color:red; font-size:10px; font-style:normal; margin-left:3px; position:relative; top:-10px;}
		.shopping_step2 table tr td input {width:100%; height:32px; padding:0 5px; border:1px solid #eee;}
		.shopping_step2 table tr td textarea {width:100%; min-height:74px; padding:4px; border:1px solid #eee;}
						
/* MENU */
.itemnav.tomenumobile {display:none;}
button#tomenumobile {border:0; height:44px; width:44px; background:none; color:rgba(0,0,0,0.5); font-size:20px; line-height:1;}

.itemnav.tosearch {display:none;}
button#tosearch {border:0; background:none; font-size:24px; color:rgba(0,0,0,0.5);}
	button#tosearch .conclase {display:none;}
	button#tosearch.activesearch .conclase {display:inline-block;}
	button#tosearch.activesearch .sinclase {display:none;}
	
.itemnav.toback {display:none; text-align:right; margin-bottom:10px;}
button#back {border:0; background:none; color:#eee; font-size:18px; padding:3px 8px;}

/* PAGE */
.page-item .sub_title {padding:10px 0; border-bottom:1px solid #eee; margin-bottom:10px;}
#page_content * {max-width:100%;}

/* CHECKER */
#responsed_check table {width:100%; border-spacing:0;}
#responsed_check table tr td {line-height:1.1; font-size:14px; padding:5px;}
#responsed_check table tr.enviofree td {color:#f00;}

table.data_user tr:first-child td {background:rgba(255,255,255,0.8);}
table.data_user tr td:first-child {white-space:nowrap;}
table.data_user tr td:nth-child(2) {padding-left:20px !important; width:100%;}

table.table_check_productos {margin-top:10px;}
table.table_check_productos tr td:nth-child(3),
table.table_check_productos tr td:nth-child(4) {text-align: right;}

table.table_check_productos thead tr td {background:#222; color:#fff; font-size:14px; padding:5px;}

table.table_check_productos tbody tr td:first-child {border-left:1px solid #ccc;}
table.table_check_productos tbody tr td:last-child {border-right:1px solid #ccc;}
table.table_check_productos tbody tr:last-child td {border-bottom:1px solid #ccc;}
table.table_check_productos tbody tr:nth-child(even) td {background:rgba(0,0,0,0.05);}

table.table_check_productos tbody tr.sum td {text-align:right;}
table.table_check_productos tbody tr td span {display:inline-block; padding:0 8px;}
table.table_check_productos tbody tr.sum td {font-weight:bold;}
table.table_check_productos tbody tr.fsum td {border-top:1px solid #ccc;}
table.table_check_productos tbody tr.total td span {padding:8px 8px; background:rgba(0,0,0,0.1);}

#check_status {color:#fff; font-size:14px; padding:12px 20px; margin-top:5px; border-left:8px solid rgba(0,0,0,0.12);}
	.wait   #check_status {background:#ffc107;}
	.payed  #check_status {background:#4caf50;}
	.send   #check_status {background:#ff5722;}
	.finish #check_status {background:#2196f3;}
#check_status span {display:none;}
	.wait   #check_status .status_wait,
	.payed  #check_status .status_payed,
	.send   #check_status .status_send,
	.finish #check_status .status_finish {display:block;}
	
.footer_check {}

.footer_check div {display:none; margin-bottom:5px;}
	.wait .footer_check div.wait,
	.footer_check div.payed, /* payed (contacto) siempre será visible */
	.send .footer_check div.send {display:block;}
	
.info_pay {display:none;}
	.wait .info_pay {display:block;}

.footer_check div.payed {font-size:14px; line-height:1.2; background:rgba(0,0,0,0.1); padding:10px;}
.footer_check div.payed a {background:#fff; display:inline-block; text-decoration:none; color:#111; padding:10px 16px; margin-left:20px;}
.footer_check div.payed a:hover {background:rgba(255,255,255,0.5);}

.footer_check button {background:#4caf50; border:0; padding:12px 22px; color:#fff; margin-right:5px;}
	.footer_check button:hover {background:#3ea042; cursor:pointer;}
.footer_check button.pagado {background:#2196f3;}
	.footer_check button.pagado:hover {background:#1682d8;}
.footer_check button.cancelar {background:#cc0000;}
	.footer_check button.cancelar:hover {background:#b80000;}
		
.footer_check #div_user_producto_cancelar {font-size:14px; background:#ffbeb9; margin-top:1px; line-height:1; padding:10px; text-align:center;}
.footer_check #div_user_producto_cancelar p {margin:0;}
.footer_check #div_user_producto_cancelar a {display:inline-block; background:#cc0000; text-decoration:none; margin:1px; height:28px; line-height:28px; padding:0 12px; color:#fff;}
.footer_check #div_user_producto_cancelar a#div_user_producto_cancelar_no {background:#777;}

#ticket_div_upload {display:block; margin-top:5px; background:#eef; border:3px solid #2196f3; padding:10px;}
#ticket_div_upload label {display:block; font-size:13px;}
#ticket_div_upload input {}
#ticket_div_upload p.ticket_error {margin:0; margin-top:1px; color:red; font-size:12px;}
#ticket_div_upload div {display:block;}
#ticket_div_upload button {margin-top:3px; padding:12px 8px; border-radius:3px; background:#d8d8ff; cursor:not-allowed;}
#ticket_div_upload button.ready {background:#2196f3; cursor:pointer;}
	#ticket_div_upload button.ready:hover {background:#1682d8;}

/* MODAL VIEWER */
#viewer {position:fixed; top:0; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.75); padding-top:50px; z-index:9;}
	#viewer_close {display:inline-block; position:absolute; top:5px; right:20px; background:#744; height:40px; width:40px; line-height:40px; text-align:center; color:#fee;}
	#viewer_close:hover {background:#844; cursor:pointer;}	
#viewer_body {position:absolute; top:50px; bottom:40px; right:20px; left:20px;}
#viewer_table {display:table; width:100%; height:100%; background:rgba(0,0,0,0.7);}
.viewer_tr {display:table-row;}
	.viewer_td {display:table-cell;}
	.viewer_td:first-child {height:100%;}
	#viewer_slider {position:relative; text-align:center; vertical-align:middle;}
		#viewer_slider_body {position:absolute; top:0; bottom:0; left:0; right:0; padding:10px;}
		#viewer_slider_body img {max-width:100%; max-height:100%;}
		
.viewer_tr:nth-child(2) .viewer_td {background:#141414;}
	.viewer_tr:nth-child(2) .viewer_td #viewer_slider_footer_list {padding:10px; height:60px;}
	.viewer_tr:nth-child(2) .viewer_td #viewer_slider_footer_list img {width:40px; height:40px;}
	
i.fa.fa-spinner.viewer_spinner {font-size:80px; color:rgba(255,255,255,0.8); position:absolute; top:50%; margin-top:-40px;}


@media(max-width:920px) {
		/* bottom header menu */
		.header {border-bottom:1px solid #ebebeb;}
		
		nav.navbottom {position:fixed; top:0; left:-321px; width:100%; max-width:320px; background:#111; height:100%; z-index:9; overflow-y:auto;}
		nav.navbottom .flex {display:block; align-items:unset; justify-content:unset; padding:10px 20px;}
		nav.navbottom .itemnav {display:block; color:#fff;}
		nav.navbottom a {display:block; margin-bottom:1px; background:#222; padding:10px 16px;}
		nav.navbottom a.wppanel {margin-bottom:20px;}
		nav.navbottom .itemnav:nth-child(3) {margin-top:20px;}
		
		.itemnav.tomenumobile {display:block;}
		.itemnav.toback {display:block;}
}

@media(max-width:780px) {
		/* single */
		.maint, .ro {display:block;}
		.ror {border:0; padding:10px; background:rgba(0,0,0,0.06);}

		/* sidebar y widgets */
		.w260 {width:auto;}
		.widget {text-align:center;}
		#widget_ofertas .sideitem {max-width:220px; display:inline-block; vertical-align:top;}
		#widget_ofertas .sideitem .sideitem_name {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
		#widget_ofertas .sideitem_img img {width:210px; height:210px;}
}

@media(max-width:680px) {
		.thanks_shopping {padding-top:22px; line-height:22px; font-size:20px;}
		
		/* top header menu */
		.navtop .itemnav:nth-child(3),
		.navtop .itemnav:nth-child(4) {display:none;}
		
		/* header */
		.header {height:130px;}
		
		/* search */
		.header .search {display:none; width:100%;}
		.itemnav.tosearch {display:block;}
		
		/* logo */
		
		/* single */
		.tags {padding:10px 0; font-size:16px;}
		.tags span {display:block; padding:5px 0;}
		
		#single_product {display:block;}
		.product_cell {display:block; text-align:center;}
		.first_thumb {margin:0 auto;}
		.other_thumbs {margin:0 auto; width:auto;}
		
		.prices h4 {margin:10px 0 0 0; background:#333; padding:5px; font-size:24px; line-height:1; color:#fff;}
		
		#single_otros {text-align:center;}
		
		/* footer */
		footer .flex {display:block; justify-content:unset;}
		.f1 p.inline {word-break:break-all;}
		
		/* carrito de compras */
		.r_table {display:block;}
		.r_r.r_head {display:none;}
		.r_r {display:block; font-size:0;}
		.r_r.r_item:nth-child(odd) .r_span {background:unset;}
		.r_r.r_item:hover .r_span {background:unset;}
		.r_r.r_item:nth-child(odd) {background:#eee;}
		.r_r.r_item:hover {background:#bbb;}
		
		.r_r .r_span {vertical-align:top;}
		.r_r .r_span:nth-child(1) {text-align:left; width:90px;}
		.r_r .r_span:nth-child(3), .r_r .r_span:nth-child(4) {display:inline-block; width:50%; position:relative; padding-top:8px;}
		
		.r_r .r_span:nth-child(3):before,
		.r_r .r_span:nth-child(4):before  {content:'Precio Unitario:'; position:absolute; top:0; right:5px; font-size:10px; line-height:1;
				white-space:nowrap; color:#555;}
		.r_r .r_span:nth-child(4):before  {content:'Subtotal:';}
		
		.r_r.r_subtotal .r_span:nth-child(3):before,
		.r_r.r_subtotal .r_span:nth-child(4):before {display:none;}
		
		.r_r.r_subtotal .r_span:nth-child(3),
		.r_r.r_subtotal .r_span:nth-child(4) {min-height:44px;}
}