/*
	COLORS
		"white": 	#fcfdfa;
		orange:		#de6e4b;
		green:		#7fd1b9;
		brown:		#7a6563;
*/

/*
	FONTS
*/
@font-face {
  font-family: 'Futura';
  src: url('../fonts/FtraMd.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Futura';
  src: url('../fonts/FtraBd.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Kraft Nine';
  src: url('../fonts/KraftNine.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'School Book';
  src: url('../fonts/SchoolBookNew.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Bradley Hand';
  src: url('../fonts/bradley-hand-itc-bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

/*
	RESET
*/
*, *:before, *:after {
	box-sizing: inherit;
	animation-fill-mode: both !important;
}
html {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
}

/*
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section,
main {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*/

img {
	max-width: 100%;
}
fieldset {
	border: 1px solid #ccc;
}
	fieldset h3 {
		margin-top: 15px;
		margin-bottom: 30px;
	}
textarea {
	resize: none;
}

.cell {
	display: table-cell;
	vertical-align: middle;
}
	.cell + .cell {
		padding-left: 5%;
	}


#TEMPLATE_FORM {
	margin-top: 20px;
}

.template-selection {
	display: table;
}

#CONFIG {
	display: none;
}

.config-container {
	max-width: 960px;
	margin: auto;
}
.template-config {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	outline: 1px solid #000;
	background-size: contain;
	background-repeat: no-repeat;
}
	.template-config input[type=text],
	.template-config textarea {
		position: absolute;
		padding: .1em .2em;
		background: rgba(255,255,255,0.25);
		border: 1px solid #7a6563;
		color: inherit;
		line-height: 1.25;
		transition: all .2s ease-in-out;
	}
	.template-config input[type=text]:focus,
	.template-config textarea:focus {
		background: none;
		border-color: transparent;
		border-bottom-color: #fff;
		outline: none;
	}

.config-content {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

/* COMUNES */
#CONFIG_TEMPLATE_1,
#CONFIG_TEMPLATE_2 {
	color: #fff;
	font-family: 'School Book';
}

.validation {
	margin-top: 20px;
}
	.error-msg {
		color: #970522;
		font-weight: bold;
	}

#SUBMIT {
	margin-top: 20px;
}

/* MENU DÍA */
#CONFIG_TEMPLATE_1 {
	font-size: 32px;
}
#CONFIG_TEMPLATE_1 input,
#CONFIG_TEMPLATE_1 textarea {
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
}
#CONFIG_TEMPLATE_1 textarea {
	height: 2.5em;
}
#day {
	top: 178px;
	font-size: 39px;
	color: #FF5B5B;
}
#primero {
	top: 260px;
}
#segundo {
	top: 360px;
}
#primero_precio,
#segundo_precio {
	left: auto !important;
	right: 10px;
	transform: none !important;
	width: 5em;
	height: 2.5em;
	line-height: 2.5em;
}
#primero_precio {
	top: 260px;
}
#segundo_precio {
	top: 360px;
}

/* MENU SEMANA */
#CONFIG_TEMPLATE_2 {
	padding-top: 185px;
}
#week {
	top: 134px;
	left: 50%;
	transform: translateX(-50%);
	width: 50%;
	font-size: 23px;
	color: #FF5B5B;
	text-align: center;
}
.dia {
	position: relative;
	width: 33.333333%;
	float: left;
	padding-left: 5%;
}
.dia input ,
.dia textarea {
	position: relative;
	font-size: 16px;
	height: 3em;
}
.dia textarea {
	width: 75%;
}
.dia input {
	width: 16%;
}
.dia__name {
	margin-bottom: 0;
	font-family: 'Kraft Nine';
}

/* Promoción del día */
#CONFIG_TEMPLATE_3 input,
#CONFIG_TEMPLATE_3 textarea {
	left: 56.5%;
	transform: translateX(-50%);
	width: 57%;
	color: #fff;
	text-align: center;
}
#oferta_name {
	top: 190px;
	font-family: 'School Book';
	font-size: 57px;
	line-height: .947826087;
}
#oferta {
	top: 320px;
	padding: 0;
	font-family: 'Bradley Hand';
	font-size: 69px;
}

/* Producto */
.producto_logo {
	position: absolute;
	top: 436px;
	left: 5%;
	width: 29%;
}
#product_name {
	top: 60px;
	left: 4%;
	width: 40%;
	height: 2.5em;
	color: #970522;
	font-family: 'Futura';
	font-size: 52px;
	line-height: 1;
	font-weight: bold;
}
#product_desc {
	left: 4%;
	top: 220px;
	width: 40%;
	height: 200px;
	font-family: 'Futura';
	font-size: 20px;
	font-weight: normal;
}
#product_euros {
	top: 60px;
	left: 44%;
	z-index: 10000;
	width: 2em;
	font-size: 60px;
	font-family: 'Futura';
	font-weight: bold;
	text-align: center;
}
#product_cents {
	top: 88px;
	left: 57%;
	z-index: 10000;
	width: 2em;
	font-size: 40px;
	font-family: 'Futura';
	font-weight: bold;
	text-align: center;
}
#img_path {
	position: absolute;
	top: 100%;
	margin-top: 20px;
}
.img-preview {
	position: absolute;
	top: 0;
	left: 45%;
	width: 55%;
	height: 100%;
	background: url(templates/select-file.gif) no-repeat left center;
	background-size: cover;
	cursor: pointer;
}