@import url(http://fonts.googleapis.com/css?family=Oxygen);

@import url(http://fonts.googleapis.com/css?family=Enriqueta);

@import url(http://fonts.googleapis.com/css?family=Satisfy);
/* ==========================================================================
   Imports
   ========================================================================== */
/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */

  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /* 2 */

}
/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}
/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0;
}
/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}
h3 {
  font-size: 1.17em;
  margin: 1em 0;
}
h4 {
  font-size: 1em;
  margin: 1.33em 0;
}
h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}
h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}
/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Address styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0;
}
/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none;
}
/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}
dd {
  margin: 0 0 0 40px;
}
/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}
/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */

  -ms-interpolation-mode: bicubic;
  /* 2 */

}
/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */

  padding: 0;
  white-space: normal;
  /* 2 */

  *margin-left: -7px;
  /* 3 */

}
/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */

  margin: 0;
  /* 2 */

  vertical-align: baseline;
  *vertical-align: middle;
  /* 3 */

}
/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */

  cursor: pointer;
  /* 3 */

  *overflow: visible;
  /* 4 */

}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */

  padding: 0;
  /* 2 */

  *height: 13px;
  *width: 13px;
  /* 3 */

}
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */

  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */

  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */

  vertical-align: top;
  /* 2 */

}
/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* ==========================================================================
	 HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
	 ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #222;
}
body {
  font-size: 1em;
  line-height: 1.4;
}
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
img {
  vertical-align: middle;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (min-width: 35em) {
  
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  /* Styles */
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  
}
/* Smartphones (Retina Display) ----------- */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  
}
/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) {
  
}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) {
  
}
/* Desktops and laptops ----------- */
@media only screen and (min-width: 1224px) {
  
}
/* Large screens ----------- */
@media only screen and (min-width: 1824px) {
  
}
/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  
}
/* ==========================================================================
   Mixins
   ========================================================================== */
.upper {
  text-transform: uppercase;
}
.lower {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.bold {
  font-weight: bold;
}
.lighter {
  font-weight: lighter;
}
.normal {
  font-weight: normal;
  font-style: normal;
}
.italic {
  font-style: italic;
}
.oblique {
  font-style: oblique;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
}
.box-sizing {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */

  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */

  box-sizing: border-box;
  /* Opera/IE 8+ */

}
* {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */

  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */

  box-sizing: border-box;
  /* Opera/IE 8+ */

}
.cursor-pointer {
  cursor: pointer;
}
.cursor-move {
  cursor: move;
}
.cursor-crosshair {
  cursor: crosshair;
}
.cursor-e-resize {
  cursor: e-resize;
}
.cursor-n-resize {
  cursor: n-resize;
}
.cursor-ne-resize {
  cursor: ne-resize;
}
.cursor-nw-resize {
  cursor: nw-resize;
}
.cursor-progress {
  cursor: progress;
}
.cursor-s-resize {
  cursor: s-resize;
}
.cursor-se-resize {
  cursor: se-resize;
}
.cursor-sw-resize {
  cursor: sw-resize;
}
.cursor-cursor-text {
  cursor: text;
}
.cursor-w-resize {
  cursor: w-resize;
}
.cursor-wait {
  cursor: wait;
}
.cursor-help {
  cursor: help;
}
.floated {
  overflow: auto;
}
.left {
  float: left;
}
.right {
  float: right;
}
.abs {
  position: absolute;
}
.rel {
  position: relative;
}
.fixed {
  position: fixed;
}
.static {
  position: static;
}
.center {
  margin: 0 auto;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.hide {
  display: none;
}
.hidden {
  visibility: hidden;
}
.visible {
  visibility: visible;
}
.grayscale {
  -webkit-filter: grayscale(1);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  /* Firefox 10+, Firefox on Android */

}
.no-grayscale {
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: none;
  filter: grayscale(0);
}
.sepia {
  -webkit-filter: sepia(100%);
  -ms-filter: sepia(100%);
  -o-filter: sepia(100%);
  filter: url(filters/sepia.svg#sepia);
  -moz-filter: sepia(100%);
  -webkit-filter: sepia(1);
  filter: sepia(100%);
  background-color: #5E2612;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  zoom: 1;
}
.lt-ie9 .sepia {
  filter: alpha(opacity=50);
}
.no-sepia {
  -moz-filter: sepia(0);
  -ms-filter: sepia(0);
  -o-filter: sepia(0);
  -webkit-filter: sepia(0);
  filter: alpha(opacity=100);
  filter: sepia(0);
  zoom: 1;
  filter: none;
}
.blur {
  filter: blur(2px);
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: url(filters/blur.svg#blur);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='20');
}
.lt-ie9 .blur {
  position: absolute;
  clip: rect(2px, 398px, 198px, 2px);
}
.no-blur {
  filter: none;
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
  -ms-filter: blur(0px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
}
.color-shift {
  -webkit-transition: 1.2s all ease-in;
  -o-transition: 1.2s all ease-in;
  -moz-transition: 1.2s all ease-in;
  transition: 1.2s all ease-in;
}
.fliph {
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
  float: none;
}
.flipv {
  -moz-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
  float: none;
}
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
.hidden {
  display: none !important;
  visibility: hidden;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.invisible {
  visibility: hidden;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
. {
  *zoom: 1;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.container {
  width: 100%;
  min-width: 960px;
}
.wrapper {
  width: 960px;
  margin: 0 auto;
}
body {
  font-family: 'Enriqueta', serif;
  font-size: 15px;
}
.header-container {
  position: fixed;
  z-index: 300;
  top: 0;
  left: 0;
}
.header {
  position: relative;
}
.header h1 {
  width: 133px;
  height: 190px;
  margin: 0;
  margin: 0 auto;
  position: relative;
  z-index: 100;
}
.header h1 a {
  background: url(../img/tostadas-las-tapatias.png) no-repeat;
  width: 100%;
  height: 100%;
  display: block;
}
.header div {
  position: absolute;
  left: 107px;
  top: 5px;
  width: 745px;
}
.header p {
  margin: 5px 0 0 0;
  font-family: 'Oxygen', sans-serif;
  font-size: 13px;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
}
.header p:last-child {
  text-align: right;
}
.header .link-contact {
  font-family: 'Enriqueta', serif;
  font-size: 18px;
  color: white;
  text-shadow: 1px 1px 0 #b8471d;
  text-decoration: none;
  width: 108px;
  height: 33px;
  background: url(../img/bg-link-contact.png) no-repeat;
  display: block;
  position: absolute;
  top: 115px;
  right: 175px;
  left: auto;
  bottom: auto;
  line-height: 28px;
  text-align: center;
  border-top: solid 1px #d55b32;
}
.header .link-contact:hover {
  opacity: 0.9;
}
.nav {
  position: absolute;
  left: 10px;
  top: 45px;
  width: 1020px;
}
.nav ul {
  width: 500px;
  height: 69px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.nav a {
  font-family: 'Enriqueta', serif;
  font-size: 18px;
  color: #897a3d;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
  text-decoration: none;
  padding: 0px 15px;
  height: 100%;
  display: block;
  line-height: 55px;
}
.nav a:hover {
  background: url(../img/nav-item-hover.png) no-repeat center bottom;
}

.nav li {
  height: 55px;
  margin-top: 15px;
}
.nav ul:first-child {
  background: url(../img/nav-1.png) no-repeat;
}
.nav ul:first-child li {
  margin-left: 10px;
}
.nav ul:first-child li:first-child {
  margin-left: 50px;
}
.nav ul:first-child a {
  padding: 0 3px;
}
.nav ul:last-child {
  background: url(../img/nav-2.png) no-repeat;
}
.nav ul:last-child li {
  margin-left: 10px;
}
.nav ul:last-child li:first-child {
  margin-left: 35px;
}
.icon-flag-usa {
  width: 40px;
  height: 38px;
  display: inline-block;
  background: url(../img/icon-flag-usa.png) no-repeat;
  vertical-align: middle;
  margin-right: 10px;
}

.icon-flag-mexico {
  width: 40px;
  height: 38px;
  display: inline-block;
  background: url(../img/icon-flag-mexico.png) no-repeat;
  vertical-align: middle;
  margin-right: 10px;
}

.que-es-container {
  height: 1100px;
  padding-top: 315px;
  background: url(../img/bg-section-1.jpg) no-repeat center top;
  background-size: px 1000px;
}
.que-es-container .main-title {
  width: 665px;
  margin: 0 auto;
  margin-top: 0;
  margin-bottom: 10px;
  text-align: center;
}
.que-es-container .section-1-img {
  margin: 0 auto;
  display: block;
}
.home-slides {
  margin: 0 auto;
  margin-left: 90px;
  margin-top: -30px;

}
.home-slides img {
  cursor: pointer;
}

#Slideimg2 {
  margin-left: 60px; 

}

#Slideimg1 {
  margin-left: 40px
}

.home-slide-pager {
  position: relative;
  margin-right: 100px;
  z-index: 100;
}
.home-slide-pager a {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
  display: inline-block;
  width: 15px;
  height: 15px;
  background: #c29228;
  margin-left: 12px;
  text-indent: -9999px;
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border-radius: 15px 15px 15px 15px;
  border-radius: 15px 15px 15px 15px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
}
.home-slide-pager a.activeSlide,
.home-slide-pager a:hover {
  background: #f76940;
}
.que-es {
  position: relative;
}
.section-1-footer {
  font-family: 'Enriqueta', serif;
  font-size: 15px;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
  background: url(../img/villamex.png) no-repeat left bottom;
  padding-left: 100px;
  height: 100px;
  margin-left: 270px;
  position: relative;
  top: -20px;
}
.section-1-footer h3 {
  font-size: 15px;
  margin-bottom: 0;
}
.section-1-footer address {
  font-weight: normal;
  font-style: normal;
}
.main-title {
  color: #d34110;
  text-shadow: 2px 2px 0 #ffffff, -2px -2px 0 #ffffff;
}
.nutrientes-container {
  overflow: hidden;
  height: 1100px;
  background: url(../img/bg-section-2.jpg) no-repeat center top;
  padding-top: 315px;
}
p {
  color: #483d0e;
  margin-bottom: 20px;
}
.nutrientes {
  position: relative;
  margin-top: -100px;
}
.nutrientes .main-title {
  width: 450px;
  margin-bottom: 20px;
  margin-top: 100px;
}
.nutrientes p {
  width: 355px;
}
.nutrientes .section-2-2-img {
  position: absolute;
  top: -0px;
  right: -140px;
  left: auto;
  bottom: auto;
}

/* Distribuidores */

.distribuidores-container {
  font-family: 'Enriqueta',serif;
  font-size: 1.2em;
  height: 1100px;
  background: url(../img/bg-section-7.jpg) no-repeat;
  position: relative;
  overflow: hidden;

}

#containerIn {
  width: 1000px;
  padding-top: 105px;
  margin: 0 auto;
}

#contactoDistribuidores {
  width: 400px;
  z-index: 99;
  position: relative;

}

#contactoDistribuidores label{
  color: #483d0e;
  font-family: 'Enriqueta', serif;
  font-size: 16px;
}

#contactoDistribuidores input[type=text]{
  outline: none;
  border: none;
  background: #fffbf2;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  border-left: solid 1px #dedad3;
  border-top: solid 2px #dedad3;
  padding: 6px 10px;
  width: 370px;
}

#contactoDistribuidores input[type=submit]{
  background: #f86934;
  font-family: 'Enriqueta', serif;
  font-size: 15px;
  color: #fff;
  text-shadow: 1px 1px 0 #833214;
  border: none;
  padding: 5px 25px;
  margin-top: 20px;
  margin-left: 280px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}

#contactoDistribuidores input[type=submit]:hover{
  opacity: 0.9;
}

#camion {
  margin: -340px 0px 0px 270px;
  position: absolute;
  z-index: 90;
}

.destacado {
  font-size: 1.6em;
}

/*End Distribuidores */


.ideas-container {
  padding-top: 300px;
  height: 1100px;
  background: url(../img/bg-section-3.jpg) no-repeat center top;
}
.ideas {
  position: relative;
  margin-top: -90px
}
.ideas .section-3-img {
  margin: 0 auto;
  display: block;
}
.ideas .content {
  width: 400px;
  position: absolute;
  top: 100px;
  right: 45px;
  left: auto;
  bottom: auto;
}
.origenes-container {
  height: 1000px;
  padding-top: 315px;
  background: url(../img/bg-section-4.jpg) no-repeat center top;
}
.origenes {
  position: relative;
  height: 600px;
}
.origenes .section-4-img {
  position: absolute;
  top: 0;
  left: 130px;
  right: auto;
  bottom: auto;
}
.quienes-somos-container {
  height: 1100px;
  padding-top: 155px;
  background: url(../img/bg-section-6.jpg) no-repeat center top;
  overflow: hidden;
  
}
.quienes-somos {
  background: url(../img/minerva.png) no-repeat right -100px;
  padding-left: 150px;
  position: relative;
  height: 700px;
}
.quienes-somos .left {
  width: 310px;
}
.quienes-somos .main-title {
  line-height: 0px;
}
.quienes-somos p {
  margin-bottom: 40px;
}
.dios {
  text-align: center;
}
.dios h3 {
  font-family: 'Satisfy', cursive;
  font-size: 24px;
  color: #483d0e;
  margin-bottom: 0px;
}
.dios p {
  margin-top: 0;
  color: #d34110;
  font-size: 18px;
  text-shadow: 1px 1px 0 #ffffff, -1px -1px 0 #ffffff;
}
.dios-1 {
  position: absolute;
  top: 0px;
  left: 0px;
  right: auto;
  bottom: auto;
}
.dios-2 {
  position: absolute;
  top: 0px;
  right: 0px;
  left: auto;
  bottom: auto;
}
.tostadas {
  position: absolute;
  top: 85px;
  left: 270px;
  bottom: auto;
}
.dios-3 {
  text-align: center;
  width: 565px;
  position: absolute;
  top: 420px;
  left: 200px;
  right: auto;
  bottom: auto;
}
.dios-3 h3 {
  font-size: 22px;
  margin: 0;
}
.contacto-container {
  height: 1100px;
  padding-top: 250px;
  background: url(../img/bg-section-5.jpg) no-repeat center top;
}
.contacto {
  position: relative;
  height: 100%;
  margin-top: -50px
}
.contacto form {
  background: url(../img/bg-form-contacto.png) no-repeat;
  width: 967px;
  height: 499px;
  margin-left: auto;
  margin-right: auto;
  padding: 21px 50px 0 46px;
}

.contacto form h3 {
  width: 346px;
  height: 33px;
  background: url(../img/bg-form-title.png) no-repeat;
  line-height: 33px;
  padding-left: 20px;
  font-family: 'Enriqueta', serif;
  font-size: 24px;
  color: #fffbf2;
  text-shadow: 2px 2px 0 #ce4715;
  font-weight: lighter;
  text-transform: uppercase;
}
.contacto form p,
.contacto form > div {
  margin-left: 20px;
  margin-right: 20px;
}
.contacto form p {
  font-family: 'Enriqueta', serif;
  font-size: 14px;
  color: #483d0e;
  width: 395px;
}
.contacto form > div {
  margin-bottom: 15px;
}
.contacto form label {
  display: block;
  color: #483d0e;
  font-family: 'Enriqueta', serif;
  font-size: 14px;
  margin-bottom: 3px;
}
.contacto form input[type=text],
.contacto form input[type=email] {
  width: 400px;
}
.contacto form input[type=text],
.contacto form input[type=email],
.contacto form textarea {
  outline: none;
  border: none;
  background: #fffbf2;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  border-left: solid 1px #dedad3;
  border-top: solid 2px #dedad3;
  padding: 6px 10px;
}
.contacto form input[type=text]:focus,
.contacto form input[type=email]:focus,
.contacto form textarea:focus {
  background: #fafafa;
}
.contacto form textarea {
  width: 680px;
}
.contacto form input[type=submit] {
  background: #f86934;
  font-family: 'Enriqueta', serif;
  font-size: 15px;
  color: #fff;
  text-shadow: 1px 1px 0 #833214;
  border: none;
  padding: 5px 25px;
  margin-top: 50px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
.contacto form input[type=submit]:hover {
  opacity: 0.9;
}
.js-gracias {
  display: none;
  background: url(../img/bg-form-contacto-2.png) no-repeat;
  width: 967px;
  height: 499px;
  margin-left: auto;
  margin-right: auto;
  padding: 21px 50px 0 46px;
}
.js-gracias img {
  display: block;
  margin: 0 auto;
  margin-top: 15px;
}
.js-gracias p {
  color: white;
  background: url(../img/bg-gracias.png) no-repeat;
  width: 427px;
  height: 57px;
  padding: 5px 20px;
  text-align: center;
  margin: 0 auto;
  margin-top: 15px;
}
.lightbox {
  width: 720px;
  height: 301px;
  background: url(../img/lightbox.png) no-repeat;
  position: absolute;
  z-index: 1000;
}
.lightbox a {
  position: absolute;
  top: 15px;
  right: 40px;
  left: auto;
  bottom: auto;
  display: block;
  width: 31px;
  height: 32px;
  background: url(../img/close-lightbox.png) no-repeat;
}


.light{
  background: url(../img/backLight.png) no-repeat;
  color: #474747;
  font-family: "Enriqueta";
  font-size: 14px;
  text-shadow: 0 1px 0 #fff;
  padding-left: 50px;
  padding-top: 30px;
}

.light p{
 height: 130px;
  width: 600px;
  overflow: auto;
}

.light h2{
  color: #e06632;
  font-family: "Enriqueta";
  font-size: 18px;
  font-weight: bold;
  text-shadow: 0 1px 0 #fff;
}

.light h3{
  color: #e06632;
  font-family: "Enriqueta";
  font-size: 16px;
  font-weight: bold;
  text-shadow: 0 1px 0 #fff;
}



.lightbox2 {
  width: 720px;
  height: 301px;
  background: url(../img/backLight.png) no-repeat;
  position: absolute;
  z-index: 1000;
  color: #474747;
  font-family: "Enriqueta";
  font-size: 14px;
  text-shadow: 0 1px 0 #fff;
  padding-left: 50px;
  padding-top: 30px;
}

.lightbox2 p{
  height: 130px;
  width: 600px;
  overflow: auto;
}

.lightbox2 h2{
  color: #e06632;
  font-family: "Enriqueta";
  font-size: 18px;
  font-weight: bold;
  text-shadow: 0 1px 0 #fff;
}

.lightbox2 h3{
  color: #e06632;
  font-family: "Enriqueta";
  font-size: 16px;
  font-weight: bold;
  text-shadow: 0 1px 0 #fff;
}





.lightbox2 a {
  position: absolute;
  top: 15px;
  right: 40px;
  left: auto;
  bottom: auto;
  display: block;
  width: 31px;
  height: 32px;
  background: url(../img/close-lightbox.png) no-repeat;
}

.lightbox3 {
  width: 720px;
  height: 301px;
  background: url(../img/backLight.png) no-repeat;
  position: absolute;
  z-index: 1000;
}

.lightbox3 a {
  position: absolute;
  top: 15px;
  right: 40px;
  left: auto;
  bottom: auto;
  display: block;
  width: 31px;
  height: 32px;
  background: url(../img/close-lightbox.png) no-repeat;
}

.lightbox4 {
  width: 720px;
  height: 301px;
  background: url(../img/backLight.png) no-repeat;
  position: absolute;
  z-index: 1000;
}

.lightbox4 a {
  position: absolute;
  top: 15px;
  right: 40px;
  left: auto;
  bottom: auto;
  display: block;
  width: 31px;
  height: 32px;
  background: url(../img/close-lightbox.png) no-repeat;
}

.linkReceta{
  display: block;width: 200px;height: 230px;display: inline-block;margin-left: 93px;cursor: pointer;
}

#recetas{position: absolute;margin-top: -260px;

}