﻿@charset "utf-8";

#header { background-image: url('imgs/header_bg.jpg'); }

.special-note { max-width: 400px; margin: 0 auto; padding: 6px 0px; font-size: 20px; line-height: 1.2em; font-style: italic; }
.startLabel { margin-top: 36px; }

.zonesWrapper #zones .zone .zone-label { _color: var(--color-main); }
.zonesWrapper #zones .zone .zone-info .zone_delimitation { margin-top: -3px; line-height: 1.4em; }
.zonesWrapper #zones .zone .zone-info p .zone-info-delivery-charge { display: inline-block; margin-bottom: 0px; }
.zonesWrapper #zones .zone .zone-info p .zone-info-delivery-charge strong { display: none; }
.zonesWrapper #zones .zone.selected * { color: #fff;; }

.zonesWrapper #zones .zone .zone-info p .zone-info-minimun-required { display: none; }
.cartWrapper .cart_row .minimunPriceRequired,
.cartWrapper .cart_row .minimunPriceRequired + .data_options { display: none; }
.cartWrapper .cart_row.cart_subtotal { min-height: auto; }
.cartWrapper .cart_row.cart_subtotal .splitter { display: none; }
.cartWrapper .cart_row.cart_total .data_concept:first-of-type,
.cartWrapper .cart_row.cart_total .data_concept:first-of-type + .data_price,
.cartWrapper .cart_row.cart_total .data_concept:first-of-type + .data_price + .data_options { display: none; }

.productsTable .products-row > .pt-title { max-width: 210px; }
.productsTable .products-extradata .pt-info .pt-id { display: block; }

.textBeforeGeneralStateOnBottom { margin-bottom: 20px; text-align: center; }
.textBeforeGeneralStateOnBottom p { max-width: 80%; margin: 0 auto; margin-bottom: 20px; color: #333; font-family: 'Roboto Condensed'; font-size: 20px; line-height: 1.2em; }

#dc { display: none; }

.ticket .command { display: inline-block; padding: 10px 16px 8px; color: #fff; background: #333333; border-radius: 4px; }

@media only screen and ( max-width: 400px ) {
	h2 { padding-top: 8px; font-size: 22px; font-weight: 500; }
	
	#header { padding-top: 34px; padding-bottom: 10px; }
	#header #logo { margin-bottom: 20px; }
	#header .boxed { padding-top: 20px; padding-bottom: 20px; }
	#header .general-state p:not(.title) { font-size: 14px; font-weight: 500; }
	.startLabel { margin-top: 10px; }
	
	.step#step-1 { padding-top: 36px; }
	.step#step-1 h2 { margin-bottom: 0px; padding-bottom: 26px; }

	.zonesWrapper #zones { margin-bottom: 10px; }
}
