/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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;
}
/* HTML5 display-role reset for older browsers */
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;
}



/* -------------------------------- 

Primary style

-------------------------------- */
*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
  font-family: "Open Sans", sans-serif;
  color: #2c343b;
}

a {
  color: #104b08;
  text-decoration: none;
}

img {
  max-width: 100%;
}

/* -------------------------------- 

Main Components 

-------------------------------- */
.cd-header {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background-color: #21272c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media only screen and (min-width: 768px) {
  .cd-header {
    height: 30px;
    background-color: transparent;
  }
}

#cd-logo {
  float: left;
  margin: 13px 0 0 5%;
}
#cd-logo img {
  display: block;
}
@media only screen and (min-width: 768px) {
  #cd-logo {
    margin: 23px 0 0 5%;
  }
}

.cd-primary-nav {
  /* mobile first - navigation hidden by default, triggered by tap/click on navigation icon */
  float: right;
  margin-right: 0px;
  width: 44px;
  height: 100%;
}

.cd-primary-nav img {
  /* mobile first - navigation hidden by default, triggered by tap/click on navigation icon */
  display: block;
  height: 25px;
  position: relative;
  top: 0.4em;
}

.cd-primary-nav ul {
  position: absolute;
  background-color: rgba(255, 255, 255, .75);
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.cd-primary-nav ul.is-visible {
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
}
.cd-primary-nav a {
  display: block;
  height: 30px;
  line-height: 30px;
  padding-left: 5%;
  background: #21272c;
  border-top: 1px solid #333c44;
  color: #666666;
}

.cd-primary-nav a:hover {
  color: #dd472a;
}
@media only screen and (min-width: 768px) {
  .cd-primary-nav {
    /* reset navigation values */
    width: auto;
    height: auto;
    background: none;
  }
  .cd-primary-nav ul {
    position: static;
    width: auto;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    line-height: 5em;
  }
  .cd-primary-nav ul.is-visible {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  .cd-primary-nav li {
    display: inline-block;
    margin-left: 1em;
  }
  .cd-primary-nav a {
    display: inline-block;
    font-weight: 600;
    line-height: normal;
    background: transparent;
    padding: .6em 1em;
    border-top: none;
  }
}

/* -------------------------------- 

Slider

-------------------------------- */
.cd-hero {
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cd-hero-slider {
  position: relative;
  height: 390px;
  overflow: hidden;
}
.cd-hero-slider li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.cd-hero-slider li.selected {
  /* this is the visible slide */
  position: relative;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-hero-slider li.move-left {
  /* slide hidden on the left */
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.cd-hero-slider li.is-moving, .cd-hero-slider li.selected {
  /* the is-moving class is assigned to the slide which is moving outside the viewport */
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  transition: transform 0.5s;
}
@media only screen and (min-width: 768px) {
  .cd-hero-slider {
    height: 400px;
  }
}
@media only screen and (min-width: 1170px) {
    .cd-hero-slider 
    {
      height: 500px;
    }
}

/* -------------------------------- 

Single slide style

-------------------------------- */
.cd-hero-slider li {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.cd-hero-slider li:first-of-type {
  background-image: url(./images/slider/Acrena_547.jpg);
  background-color: #2c343b;
}
.cd-hero-slider li:nth-of-type(2) 
{
  background-image: url(./images/slider/Acrena_155.jpg);
}
.cd-hero-slider li:nth-of-type(3) {
  background-image: url(./images/slider/Acrena_427.JPG);
}
.cd-hero-slider li:nth-of-type(4) {
  background-image: url(./images/slider/Acrena_572.jpg);
}
.cd-hero-slider li:nth-of-type(5) {
  background-image: url(./images/slider/Acrena_534.jpg);
}
.cd-hero-slider .cd-full-width,
.cd-hero-slider .cd-half-width {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  /* this padding is used to align the text */
  padding-top: 100px;
  text-align: center;
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.cd-hero-slider .cd-img-container {
  /* hide image on mobile device */
  display: none;
}
.cd-hero-slider .cd-img-container img {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.cd-hero-slider .cd-bg-video-wrapper {
  /* hide video on mobile device */
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.cd-hero-slider .cd-bg-video-wrapper video {
  /* you won't see this element in the html, but it will be injected using js */
  display: block;
  min-height: 100%;
  min-width: 100%;
  max-width: none;
  height: auto;
  width: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.cd-hero-slider h2, .cd-hero-slider p {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  line-height: 1.2;
  margin: 0 auto 14px;
  color: #ffffff;
  width: 90%;
  max-width: 400px;
}
.cd-hero-slider h2 {
  font-size: 2.4rem;
}
.cd-hero-slider p {
  font-size: 1.4rem;
  line-height: 1.4;
}
.cd-hero-slider .cd-btn {
  display: inline-block;
  padding: 1.2em 1.4em;
  margin-top: .8em;
  background-color: rgba(212, 68, 87, 0.9);
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 1px;
  color: #ffffff;
  text-transform: uppercase;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.cd-hero-slider .cd-btn.secondary {
  background-color: rgba(22, 26, 30, 0.8);
}
.cd-hero-slider .cd-btn:nth-of-type(2) {
  margin-left: 1em;
}
.no-touch .cd-hero-slider .cd-btn:hover {
  background-color: #d44457;
}
.no-touch .cd-hero-slider .cd-btn.secondary:hover {
  background-color: #161a1e;
}
@media only screen and (min-width: 768px) {
  .cd-hero-slider .cd-full-width,
  .cd-hero-slider .cd-half-width {
    padding-top: 150px;
  }
  .cd-hero-slider .cd-bg-video-wrapper {
    display: block;
  }
  .cd-hero-slider .cd-half-width {
    width: 45%;
  }
  .cd-hero-slider .cd-half-width:first-of-type {
    left: 5%;
  }
  .cd-hero-slider .cd-half-width:nth-of-type(2) {
    right: 5%;
    left: auto;
  }
  .cd-hero-slider .cd-img-container {
    display: block;
  }
  .cd-hero-slider h2, .cd-hero-slider p {
    max-width: 520px;
  }
  .cd-hero-slider h2 {
    font-size: 2.4em;
    font-weight: 300;
  }
  .cd-hero-slider .cd-btn {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-hero-slider .cd-full-width,
  .cd-hero-slider .cd-half-width {
    padding-top: 220px;
  }
  .cd-hero-slider h2, .cd-hero-slider p {
    margin-bottom: 20px;
  }
  .cd-hero-slider h2 {
    font-size: 3.2em;
  }
  .cd-hero-slider p {
    font-size: 1.6rem;
  }
}

/* -------------------------------- 

Single slide animation

-------------------------------- */
@media only screen and (min-width: 768px) {
  .cd-hero-slider .cd-half-width {
    opacity: 0;
    -webkit-transform: translateX(40px);
    -moz-transform: translateX(40px);
    -ms-transform: translateX(40px);
    -o-transform: translateX(40px);
    transform: translateX(40px);
  }
  .cd-hero-slider .move-left .cd-half-width {
    -webkit-transform: translateX(-40px);
    -moz-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    -o-transform: translateX(-40px);
    transform: translateX(-40px);
  }
  .cd-hero-slider .selected .cd-half-width {
    /* this is the visible slide */
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .cd-hero-slider .is-moving .cd-half-width {
    /* this is the slide moving outside the viewport 
    wait for the end of the transition on the <li> parent before set opacity to 0 and translate to 40px/-40px */
    -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
    -moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s;
    transition: opacity 0s 0.5s, transform 0s 0.5s;
  }
  .cd-hero-slider li.selected.from-left .cd-half-width:nth-of-type(2),
  .cd-hero-slider li.selected.from-right .cd-half-width:first-of-type {
    /* this is the selected slide - different animation if it's entering from left or right */
    -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
    -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s;
    transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;
  }
  .cd-hero-slider li.selected.from-left .cd-half-width:first-of-type,
  .cd-hero-slider li.selected.from-right .cd-half-width:nth-of-type(2) {
    /* this is the selected slide - different animation if it's entering from left or right */
    -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s;
    -moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s;
    transition: opacity 0.4s 0.4s, transform 0.5s 0.4s;
  }
  .cd-hero-slider .cd-full-width h2,
  .cd-hero-slider .cd-full-width p,
  .cd-hero-slider .cd-full-width .cd-btn {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }
  .cd-hero-slider .move-left .cd-full-width h2,
  .cd-hero-slider .move-left .cd-full-width p,
  .cd-hero-slider .move-left .cd-full-width .cd-btn {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  .cd-hero-slider .selected .cd-full-width h2,
  .cd-hero-slider .selected .cd-full-width p,
  .cd-hero-slider .selected .cd-full-width .cd-btn {
    /* this is the visible slide */
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .cd-hero-slider li.is-moving .cd-full-width h2,
  .cd-hero-slider li.is-moving .cd-full-width p,
  .cd-hero-slider li.is-moving .cd-full-width .cd-btn {
    /* this is the slide moving outside the viewport 
    wait for the end of the transition on the li parent before set opacity to 0 and translate to 100px/-100px */
    -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
    -moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s;
    transition: opacity 0s 0.5s, transform 0s 0.5s;
  }
  .cd-hero-slider li.selected h2 {
    -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
    -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s;
    transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;
  }
  .cd-hero-slider li.selected p {
    -webkit-transition: opacity 0.4s 0.3s, -webkit-transform 0.5s 0.3s;
    -moz-transition: opacity 0.4s 0.3s, -moz-transform 0.5s 0.3s;
    transition: opacity 0.4s 0.3s, transform 0.5s 0.3s;
  }
  .cd-hero-slider li.selected .cd-btn {
    -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s, background-color 0.2s 0s;
    -moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s, background-color 0.2s 0s;
    transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, background-color 0.2s 0s;
  }
}
/* -------------------------------- 

Slider navigation

-------------------------------- */
.cd-slider-nav {
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 2;
  text-align: center;
  height: 55px;
  background-color: rgba(0, 1, 1, 0.5);
}
.cd-slider-nav nav, .cd-slider-nav ul, .cd-slider-nav li, .cd-slider-nav a {
  height: 100%;
}
.cd-slider-nav nav {
  display: inline-block;
  position: relative;
}
.cd-slider-nav .cd-marker {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 60px;
  height: 100%;
  color: #d44457;
  background-color: #ffffff;
  box-shadow: inset 0 2px 0 currentColor;
  -webkit-transition: -webkit-transform 0.2s, box-shadow 0.2s;
  -moz-transition: -moz-transform 0.2s, box-shadow 0.2s;
  transition: transform 0.2s, box-shadow 0.2s;
}
.cd-slider-nav .cd-marker.item-2 {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.cd-slider-nav .cd-marker.item-3 {
  -webkit-transform: translateX(200%);
  -moz-transform: translateX(200%);
  -ms-transform: translateX(200%);
  -o-transform: translateX(200%);
  transform: translateX(200%);
}
.cd-slider-nav .cd-marker.item-4 {
  -webkit-transform: translateX(300%);
  -moz-transform: translateX(300%);
  -ms-transform: translateX(300%);
  -o-transform: translateX(300%);
  transform: translateX(300%);
}
.cd-slider-nav .cd-marker.item-5 {
  -webkit-transform: translateX(400%);
  -moz-transform: translateX(400%);
  -ms-transform: translateX(400%);
  -o-transform: translateX(400%);
  transform: translateX(400%);
}
.cd-slider-nav ul::after {
  clear: both;
  content: "";
  display: table;
}
.cd-slider-nav li {
  display: inline-block;
  width: 60px;
  float: left;
}
.cd-slider-nav li.selected a {
  color: #2c343b;
}
.no-touch .cd-slider-nav li.selected a:hover {
  background-color: transparent;
}
.cd-slider-nav a {
  display: block;
  position: relative;
  padding-top: 35px;
  font-size: 1rem;
  font-weight: 700;
  color: #a8b4be;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.cd-slider-nav a::before {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  top: 8px;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url(./assets/cd-icon-navigation.svg) no-repeat 0 0;
}
.no-touch .cd-slider-nav a:hover {
  background-color: rgba(0, 1, 1, 0.5);
}
.cd-slider-nav li:first-of-type a::before {
  background-position: 0 0;
}
.cd-slider-nav li.selected:first-of-type a::before {
  background-position: 0 -24px;
}
.cd-slider-nav li:nth-of-type(2) a::before {
  background-position: -24px 0;
}
.cd-slider-nav li.selected:nth-of-type(2) a::before {
  background-position: -24px -24px;
}
.cd-slider-nav li:nth-of-type(3) a::before {
  background-position: -48px 0;
}
.cd-slider-nav li.selected:nth-of-type(3) a::before {
  background-position: -48px -24px;
}
.cd-slider-nav li:nth-of-type(4) a::before {
  background-position: -72px 0;
}
.cd-slider-nav li.selected:nth-of-type(4) a::before {
  background-position: -72px -24px;
}
.cd-slider-nav li:nth-of-type(5) a::before {
  background-position: -96px 0;
}
.cd-slider-nav li.selected:nth-of-type(5) a::before {
  background-position: -96px -24px;
}
@media only screen and (min-width: 768px) {
  .cd-slider-nav {
    height: 80px;
  }
  .cd-slider-nav .cd-marker,
  .cd-slider-nav li {
    width: 95px;
  }
  .cd-slider-nav a {
    padding-top: 48px;
    font-size: 1.1rem;
    text-transform: uppercase;
  }
  .cd-slider-nav a::before {
    top: 18px;
  }
}

/* -------------------------------- 

Main content

-------------------------------- */
.cd-main-content {
  width: 90%;
  max-width: 768px;
  margin: 0 auto;
  padding: 2em 0;
}
.cd-main-content p {
  font-size: 1.4rem;
  line-height: 1.8;
  color: #999999;
  margin: 2em 0;
}
@media only screen and (min-width: 1170px) {
  .cd-main-content {
    padding: 3em 0;
  }
  .cd-main-content p {
    font-size: 1.6rem;
  }
}

/* -------------------------------- 

Javascript disabled

-------------------------------- */
.no-js .cd-hero-slider li {
  display: none;
}
.no-js .cd-hero-slider li.selected {
  display: block;
}

.no-js .cd-slider-nav {
  display: none;
}


/*
Este proyecto es propiedad intelectual de Schedia Ingeniería, 
producto exclusivamente desarrollado para Acrena SL. Cualquier uso
no autorizado de esta plantilla puede prensentar cargos penales por
parte de Schedia Ingeniería hacía el individuo cual practique dichos
usos no autorizados.

Si ustéd esta interesado en usar esta plantilla para su sitio web
por favor contacte con @email: joseantoniolopeznavarro@gmail.com para
evitar problemas.

Un saludo
*/
/* 
    Created on : 01-sep-2015, 10:17:28
    Author     : José Antonio López Navarro
*/
div#google_translate_element { text-align: right; }
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span{ max-height: 20px;}
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span:hover{color:#fff}

@font-face {
    font-family: 'MacStyle'; /*a name to be used later*/
    src: url('./plugins/fonts/6216.ttf'); /*URL to font*/
}

#politicas
{
    position: fixed;
    width: 100%;
    padding: 5em;
    background-color: #333;
    bottom: 0;
    z-index: 2;
    display: none;
}

#politicas div
{
    max-width: 1200px;
    display: block;
    margin: 0 auto;
    color: white;
    padding: 20px;
    padding-bottom: 0;
}

#politicas div h2
{
    color: #777;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}


#politicas a.accept
{
    color: white;
    font-weight: bold;
    font-size: 14px;
    background-color: #74DF00;
    padding: 5px 10px;
    display: block;
    text-align: center;
    margin: 10px;
    width: 15em;
    cursor:pointer;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

#politicas a.readmore
{
    color: white;
    font-weight: bold;
    font-size: 14px;
    background-color: #2E86C1;
    padding: 5px 10px;
    display: block;
    text-align: center;
    margin: 10px;
    width: 15em;
    cursor:pointer;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

#politicas a.mobile
{
    margin: 10px 0px;
    width: 100%;
}

#politicas a.accept:hover
{
    background-color: #86B404;
}

#politicas a.readmore:hover
{
    background-color: #1B4F72;
}

div.formulario strong
{
    font-weight: bold;
}

div.formulario-mobile strong
{
    font-weight: bold;
}

body
{
    background-color: white;
    color: #444;
    font: 13px "Open Sans", 'MacStyle';
    margin: 0px;
    text-align: justify;
}

input, select
{
    padding: 5px 10px;
    border: 1px solid #333;
    color: #333;
    letter-spacing: 1px;
    background-color: #EbEbEb;
    height: 30px;
}

table.contacto
{
    width: 100%;
}

table.contacto td
{
    padding: 20px;
    vertical-align: middle;
}

table.contacto tr.mark
{
    background-color: #ddd;
    font-weight: bold;
}

table.contacto tr.unmark
{
    background-color: white;
    font-weight: bold;
}

input[type="radio"]
{
    height: 14px;
}

h4.empleo
{
    color: #666;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #bbb;
    margin: 40px 0px 1px 0px;
}

select
{
    padding: 5px;
    border: 1px solid #666;
    color: #666;
}

table.solicitud
{
    width: 100%;
    margin-bottom: 30px;
}

table.solicitud td
{
    padding: 5px 10px;
}

table.solicitud td.opcional
{
    padding: 5px 10px;
    color: #666;
}

address.note
{
    color: #666;
    font-size: 12px;
    text-align: left;
    display: inline;
}

div.formulario
{
    width: 735px;
    margin-bottom: 10px;
}

div.formulario textarea
{
    width: 100%;
    height: 200px;
    resize: none;
    padding: 10px;
    border: 1px solid #666;
    color: #666;
    background-color: #f1f1f1;
}

div.formulario span
{
    display: inline-block;
}

div.formulario-mobile input
{
    width: 100%;
}

div.formulario-mobile textarea
{
    width: 100%;
    height: 200px;
    resize: none;
    padding: 10px;
    border: 1px solid #666;
    color: #666;
    background-color: #f1f1f1;
}

div.formulario-mobile span
{
    display: inline-block;
    margin: 10px 0px;
    margin-right: 10px;
}

div.formulario-mobile address.note
{
    width: 100%;
    display: inline;
}

div.sendButton
{
    display: bock;
    width: 175px;
    height: 35px;
    text-align: center;
}

div.sendButton a
{
    width: 100%;
    height: 100%;
    
    padding: 10px 20px;
    background-color: rgba(16,75,8,1);
    float: right;
    color: white;
    
    /* Firefox */
    -moz-transition: all .25s ease-out;
    /* WebKit */
    -webkit-transition: all .25s ease-out;
    /* Opera */
    -o-transition: all .25s ease-out;
    /* Standard */
    transition: all .25s ease-out;
}

div.sendButton a:hover
{
    background-color: #f47900;
    color: white;
    cursor: pointer;
    
    /* Firefox */
    -moz-transition: all .25s ease-in;
    /* WebKit */
    -webkit-transition: all .25s ease-in;
    /* Opera */
    -o-transition: all .25s ease-in;
    /* Standard */
    transition: all .25s ease-in;
}

div.sendButton-mobile
{
    display: bock;
    width: 175px;
    height: 35px;
    text-align: center;
}

div.sendButton-mobile a
{
    width: 100%;
    height: 100%;
    
    padding: 10px 20px;
    background-color: rgba(16,75,8,1);
    float: right;
    color: white;
    
    /* Firefox */
    -moz-transition: all .25s ease-out;
    /* WebKit */
    -webkit-transition: all .25s ease-out;
    /* Opera */
    -o-transition: all .25s ease-out;
    /* Standard */
    transition: all .25s ease-out;
}

div.sendButton-mobile a:hover
{
    background-color: #f47900;
    color: white;
    cursor: pointer;
    
    /* Firefox */
    -moz-transition: all .25s ease-in;
    /* WebKit */
    -webkit-transition: all .25s ease-in;
    /* Opera */
    -o-transition: all .25s ease-in;
    /* Standard */
    transition: all .25s ease-in;
}

div.formulario-mobile
{
    width: 100%;
    margin-bottom: 10px;
}

a.previusproductos
{
    padding: 10px 20px;
    background-color: rgba(16,75,8,1);
    float: right;
    color: white;
    
    /* Firefox */
    -moz-transition: all .25s ease-out;
    /* WebKit */
    -webkit-transition: all .25s ease-out;
    /* Opera */
    -o-transition: all .25s ease-out;
    /* Standard */
    transition: all .25s ease-out;
}

a.previusproductos:hover
{
    background-color: #f47900;
    color: white;
    cursor: pointer;
    
    /* Firefox */
    -moz-transition: all .25s ease-in;
    /* WebKit */
    -webkit-transition: all .25s ease-in;
    /* Opera */
    -o-transition: all .25s ease-in;
    /* Standard */
    transition: all .25s ease-in;
}

img.ofiAcrena
{
	margin-bottom: 20px;
	width: 100%;
	height: 200px;
}

div.semilleroPortada
{
	display: block; 
	height: 220px;
}

div.semilleroPortada img
{
	width: 294px; 
	float: left;
}

img.right
{
	margin-right: 20px;
}

img.center
{
	margin: 0px 20px;
}

img.left
{
	margin-left: 20px;
}

img.MercadosMap
{
	width: 294px;
	height: 230px;
	margin-right: 20px;
	float: left; 
}

img.OnMobile
{
	width: 100%; 
	margin: 0px;  
	height: auto;
	margin-bottom: 20px;
}

img.pp
{
	height:136px;
	margin-left: 20px;
	float: right;
}

img.pp3
{
	width: 144px;
	height: 84px;
	margin-right: 20px; 
	float: left;
}

img.pp5
{
	width: 144px;
	height: 84px;
	margin: 0px 20px;
	float: left;
}

img.pp7
{
	width: 144px;
	height: 84px;
	margin: 0px 20px;
	float: left;
}

div.fincas
{
	display: block;
	height: 180px;
}

div.fincas img
{
	width: 294px;
	float: left;
}

.relative-position
{
	position: relative;
}

.opacity-100
{
	opacity: 1;
}

.left-out
{
	left: 100%; 
	opacity: 0;
}

.vertical-center-670
{
	top: -670px;
	margin-bottom: -670px;
}

.left-in
{
	left: 0px; 
	opacity: 1;
}

.no-display
{
	display: none;
}

.block-display
{
	display: block;
}

.inline-block-display
{
	display: inline-block;
}

.uppercase-text
{
	text-transform: uppercase;
}

.no-overflow
{
	overflow: hidden;
}

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

.top-margin-10-minus
{
	margin-top: -10px;
}

.top-margin-40
{
	margin-top: 40px;
}

.left-margin-10
{
	margin-left: 10px;
}

.right-margin-10
{
	margin-right: 10px;
}

.left-margin-10
{
	margin-left: 10px;
}

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

.right-margin-10
{
	margin-right: 10px;
}

.left-margin-20
{
	margin-left: 20px;
}

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

.horizontal-margin-20
{
	margin-right: 20px;
	margin-left: 20px;
}

.vertical-margin-20
{
	margin-top: 20px	!important;
	margin-bottom: 20px !important;
}

.vertical-margin-10
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.all-margin-20
{
	margin: 20px;
}

.width-120
{
	width: 120px;
}

.width-150
{
	width: 150px;
}

.width-200
{
	width: 200px;
}

.width-20
{
	width: 20px;
}

.width-60
{
	width: 60px;
}

.width-full
{
	width: 100%;
}

.height-130
{
	height: 130px;
}

.height-200
{
	height: 200px;
}

.height-34
{
	height: 34px;
}

.max-width-150
{
	max-width: 150px;
}

.size-15x15
{
	width: 15px;
	height: 15px;
}

.pepino-background
{
	background-image: url(./images/pepino.jpg);
}

.pimiento-background
{
	background-image: url(./images/pimiento.jpg);
}

.pepinocorto-background
{
	background-image: url(./images/pepinocorto.jpg);
}

.tomate-background
{
	background-image: url(./images/tomate.jpg);
}

.tomate-rama-background
{
	background-image: url(./images/tomateracimo.jpg);
}

.tomate-cherry-background
{
	background-image: url(./images/cherry.jpg);
}

.berenjena-background
{
	background-image: url(./images/berenjena.jpg);
}

.melon-background
{
	background-image: url(./images/melon.jpg);
}

.sandia-background
{
	 background-image: url(./images/sandia.jpg);
}

.restricted-width-80
{
	width: 80px;
	max-width: 80px;
}

.bottom-padding-5
{
	padding-bottom: 5px;
}

.no-borders
{
	border: none;
}

span.leyendaSembrado
{
	background-color: greenyellow;
	display: inline-block;
	height: 10px;
	width: 30px;
}

span.leyendaRecoleccion
{
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 30px;
}

#menuproductos
{
	position: relative; 
}

#contenido
{
	overflow: hidden; 
	position: relative;
}

#desconctainer
{
	position: relative;
	top: -670px;
	margin-bottom: -670px;
}

#pepinodesc div.graph
{
	position: relative;
	display: block;
	text-align: center;
	width: 602px;
	margin: 20px auto;
}

#pepinodesc span.tempranoA
{
	position: absolute;
	left: 355px;
	top: 42px;
	background-color: greenyellow;
	display: inline-block;
	height: 10px;
	width: 45px;
}

#pepinodesc span.tempranoB
{
	position: absolute;
	left: 424px;
	top: 42px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 65px;
}

#pepinodesc span.MedioA
{
	position: absolute;
	left: 380px;
	top: 72px;
	background-color: greenyellow;
	display: inline-block;
	height: 10px;
	width: 65px;
}

#pepinodesc span.MedioB
{
	position: absolute;
	left: 445px;
	top: 72px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 154px;
}

#pepinodesc span.MedioC
{
	position: absolute;
	left: 77px;
	top: 72px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 85px;
}

#pepinodesc span.TardioA
{
	position: absolute;
	left: 424px;
	top: 102px;
	background-color: greenyellow;
	display: inline-block;
	height: 10px;
	width: 65px;
}

#pepinodesc span.TardioB
{
	position: absolute;
	left: 489px;
	top: 102px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 110px;
}

#pepinodesc span.TardioC
{
	position: absolute;
	left: 77px;
	top: 102px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 128px;
}

#pepinodesc div.calibrados-container
{
	position: relative;
	display: block;
	height: 250px;
}

#pepinodesc div.calibrados
{
	display: inline-block;
	width: 200px;
	float: left;
}

#pepinodesc div.calibrados tr.header
{
	background-color: #104B08;
	color: white;
}

#pepinodesc div.calibrados td.cell
{
	padding: 5px;
	border: 1px solid #333;
}

div.normas-productos
{
	display: inline-block;
	width: 640px;
	float: right;
}

#pepinodesc div.exportaciones tr.header
{
	background-color: #104B08;
	color: white;
}

#pepinodesc div.exportaciones td.cell
{
	padding: 4px;
	border: 1px solid #333;
}

img.productos-cabecera
{
	height: 150px; 
	margin-left: 20px; 
	margin-bottom: 20px;
}

div.graph-productos
{
	position: relative;
	display: block;
	text-align: center;
	width: 602px;
	margin: 20px auto;
}

#pimientodesc span.tempranoA
{
	position: absolute;
	left: 292px;
	top: 42px;
	background-color: greenyellow;
	display: inline-block;
	height: 10px;
	width: 65px;
}

#pimientodesc span.tempranoB
{
	position: absolute;
	left: 424px;
	top: 42px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 175px;
}

#pimientodesc span.MedioA
{
	position: absolute;
	left: 336px;
	top: 72px;
	background-color: greenyellow;
	display: inline-block;
	height: 10px;
	width: 75px;
}

#pimientodesc span.MedioB
{
	position: absolute;
	left: 468px;
	top: 72px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 131px;
}

#pimientodesc span.MedioC
{
	position: absolute;
	left: 77px;
	top: 72px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 85px;
}

#pimientodesc span.TardioA
{
	position: absolute;
	left: 380px;
	top: 102px;
	background-color: greenyellow;
	display: inline-block;
	height: 10px;
	width: 65px;
}

#pimientodesc span.TardioB
{
	position: absolute;
	left: 489px;
	top: 102px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 110px;
}

#pimientodesc span.TardioC
{
	position: absolute;
	left: 82px;
	top: 102px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 172px;
}

#pimientodesc div.calibrados-container
{
	position: relative;
	display: block;
	height: 260px;
}

#pimientodesc div.calibrados
{
	display: inline-block;
	width: 200px;
	float: left;
}

#pimientodesc div.calibrados tr.header
{
	background-color: #104B08;
	color: white;
}

#pimientodesc div.calibrados td.cell
{
	padding: 5px;
	border: 1px solid #333;
}

#pimientodesc div.exportaciones tr.header
{
	background-color: #104B08;
	color: white;
}

#pimientodesc div.exportaciones td.cell
{
	padding: 4px;
	border: 1px solid #333;
}

#minipepinodesc span.temprano
{
	position: absolute;
	left: 401px;
	top: 42px;
	background-color: greenyellow;
	display: inline-block;
	height: 10px;
	width: 43px;
}

#minipepinodesc span.medio
{
	position: absolute;
	left: 424px;
	top: 72px;
	background-color: greenyellow;
	display: inline-block;
	height: 10px;
	width: 43px;
}

#minipepinodesc span.tardio
{
	position: absolute;
	left: 444px;
	top: 102px;
	background-color: greenyellow;
	display: inline-block;
	height: 10px;
	width: 67px;
}

#minipepinodesc span.primavera
{
	position: absolute;
	left: 98px;
	top: 126px;
	background-color: greenyellow;
	display: inline-block;
	height: 10px;
	width: 43px;
}

#minipepinodesc span.recolectaA
{
	position: absolute;
	left: 424px;
	top: 155px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 175px;
}

#minipepinodesc span.recolectaB
{
	position: absolute;
	left: 77px;
	top: 155px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 171px;
}

#tomatedesc span.tempranoA
{
	position: absolute;
	left: 355px;
	top: 42px;
	background-color: greenyellow;
	display: inline-block;
	height: 10px;
	width: 24px;
}

#tomatedesc span.tempranoB
{
	position: absolute;
	left: 445px;
	top: 42px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 154px;
}
#tomatedesc span.tempranoC
{
	position: absolute;
	left: 77px;
	top: 42px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 128px;
}

#tomatedesc span.MedioA
{
	position: absolute;
	left: 380px;
	top: 72px;
	background-color: greenyellow;
	display: inline-block;
	height: 10px;
	width: 43px;
}

#tomatedesc span.MedioB
{
	position: absolute;
	left: 489px;
	top: 72px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 110px;
}

#tomatedesc span.MedioC
{
	position: absolute; 
	left: 77px;
	top: 72px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 214px;
}

#tomatedesc span.TardioA
{
	position: absolute;
	left: 401px;
	top: 102px;
	background-color: greenyellow;
	display: inline-block;
	height: 10px;
	width: 88px;
}

#tomatedesc span.TardioB
{
	position: absolute;
	left: 489px;
	top: 102px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 110px;
}

#tomatedesc span.TardioC
{
	position: absolute;
	left: 77px;
	top: 102px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 258px;
}

#tomatedesc div.calibrados-container
{
	position: relative;
	display: block;
	height: 250px;
}

#tomatedesc div.calibrados
{
	display: inline-block;
	width: 200px;
	float: left;
}

#tomatedesc div.calibrados tr.header
{
	background-color: #104B08;
	color: white;
}

#tomatedesc div.calibrados td.cell
{
	padding: 5px;
	border: 1px solid #333;
}

#tomatedesc div.exportaciones tr.header
{
	background-color: #104B08;
	color: white;
}

#tomatedesc div.exportaciones td.cell
{
	padding: 4px;
	border: 1px solid #333;
}

#tomateramadesc span.tempranoA
{
	position: absolute;
	left: 355px;
	top: 42px;
	background-color: greenyellow;
	display: inline-block;
	height: 10px;
	width: 24px;
}

#tomateramadesc span.tempranoB
{
	position: absolute;
	left: 445px;
	top: 42px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 154px;
}
#tomateramadesc span.tempranoC
{
	position: absolute;
	left: 77px;
	top: 42px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 128px;
}

#tomateramadesc span.MedioA
{
	position: absolute;
	left: 380px;
	top: 72px;
	background-color: greenyellow;
	display: inline-block;
	height: 10px;
	width: 43px;
}

#tomateramadesc span.MedioB
{
	position: absolute;
	left: 489px;
	top: 72px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 110px;
}

#tomateramadesc span.MedioC
{
	position: absolute;
	left: 77px;
	top: 72px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 214px;
}

#tomateramadesc span.TardioA
{
	position: absolute;
	left: 401px;
	top: 102px;
	background-color: greenyellow; 
	display: inline-block; 
	height: 10px; 
	width: 88px;
}

#tomateramadesc span.TardioB
{
	position: absolute;
	left: 489px;
	top: 102px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 110px;
}

#tomateramadesc span.TardioC
{
	position: absolute;
	left: 77px;
	top: 102px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 258px;
}

#tomateramadesc div.calibrados-container
{
	position: relative;
	display: block;
	height: 250px;
}

#tomateramadesc div.calibrados
{
	display: inline-block;
	width: 200px;
	float: left;
}

#tomateramadesc div.calibrados tr.header
{
	background-color: #104B08;
	color: white;
}

#tomateramadesc div.calibrados td.cell
{
	padding: 5px;
	border: 1px solid #333;
}

#tomateramadesc div.exportaciones tr.header
{
	background-color: #104B08;
	color: white;
}

#tomateramadesc div.exportaciones td.cell
{
	padding: 4px;
	border: 1px solid #333;
}

#cherrydesc span.tempranoA
{
	position: absolute;
	left: 355px;
	top: 42px;
	background-color: greenyellow;
	display: inline-block;
	height: 10px;
	width: 24px;
}

#cherrydesc span.tempranoB
{
	position: absolute;
	left: 445px;
	top: 42px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 154px;
}
#cherrydesc span.tempranoC
{
	position: absolute;
	left: 77px;
	top: 42px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 128px;
}

#cherrydesc span.MedioA
{
	position: absolute;
	left: 380px;
	top: 72px;
	background-color: greenyellow;
	display: inline-block;
	height: 10px;
	width: 43px;
}

#cherrydesc span.MedioB
{
	position: absolute;
	left: 489px;
	top: 72px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 110px;
}

#cherrydesc span.MedioC
{
	position: absolute;
	left: 77px;
	top: 72px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 214px;
}

#cherrydesc span.TardioA
{
	position: absolute;
	left: 401px;
	top: 102px;
	background-color: greenyellow; 
	display: inline-block; 
	height: 10px; 
	width: 88px;
}

#cherrydesc span.TardioB
{
	position: absolute;
	left: 489px;
	top: 102px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 110px;
}

#cherrydesc span.TardioC
{
	position: absolute;
	left: 77px;
	top: 102px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 258px;
}

#cherrydesc div.calibrados-container
{
	position: relative;
	display: block;
	height: 250px;
}

#cherrydesc div.calibrados
{
	display: inline-block;
	width: 200px;
	float: left;
}

#cherrydesc div.calibrados tr.header
{
	background-color: #104B08;
	color: white;
}

#cherrydesc div.calibrados td.cell
{
	padding: 5px;
	border: 1px solid #333;
}

#cherrydesc div.exportaciones tr.header
{
	background-color: #104B08;
	color: white;
}

#cherrydesc div.exportaciones td.cell
{
	padding: 4px;
	border: 1px solid #333;
}

#berenjenadesc span.tempranoA
{
	position: absolute;
	left: 354px;
	top: 42px;
	background-color: greenyellow;
	display: inline-block;
	height: 10px;
	width: 24px;
}

#berenjenadesc span.tempranoB
{
	position: absolute;
	left: 424px;
	top: 42px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 175px;
}
#berenjenadesc span.tempranoC
{
	position: absolute;
	left: 77px;
	top: 42px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 128px;
}

#berenjenadesc span.MedioA
{
	position: absolute;
	left: 380px;
	top: 72px;
	background-color: greenyellow;
	display: inline-block;
	height: 10px;
	width: 43px;
}

#berenjenadesc span.MedioB
{
	position: absolute;
	left: 445px;
	top: 72px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 154px;
}

#berenjenadesc span.MedioC
{
	position: absolute;
	left: 77px;
	top: 72px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 214px;
}

#berenjenadesc span.TardioA
{
	position: absolute;
	left: 401px;
	top: 102px;
	background-color: greenyellow; 
	display: inline-block; 
	height: 10px; 
	width: 66px;
}

#berenjenadesc span.TardioB
{
	position: absolute;
	left: 467px;
	top: 102px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 132px;
}

#berenjenadesc span.TardioC
{
	position: absolute;
	left: 77px;
	top: 102px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 258px;
}

#berenjenadesc div.calibrados-container
{
	position: relative;
	display: block;
	height: 250px;
}

#berenjenadesc div.calibrados
{
	display: inline-block;
	width: 200px;
	float: left;
}

#berenjenadesc div.calibrados tr.header
{
	background-color: #104B08;
	color: white;
}

#berenjenadesc div.calibrados td.cell
{
	padding: 5px;
	border: 1px solid #333;
}

#berenjenadesc div.exportaciones tr.header
{
	background-color: #104B08;
	color: white;
}

#berenjenadesc div.exportaciones td.cell
{
	padding: 4px;
	border: 1px solid #333;
}

#melondesc span.tempranoA
{
	position: absolute;
	left: 576px;
	top: 42px;
	background-color: greenyellow;
	display: inline-block;
	height: 10px;
	width: 23px;
}

#melondesc span.tempranoB
{
	position: absolute;
	left: 227px;
	top: 42px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 43px;
}
#melondesc span.tempranoC
{
	position: absolute;
	left: 77px;
	top: 42px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 42px;
}

#melondesc span.MedioA
{
	position: absolute;
	left: 97px;
	top: 72px;
	background-color: greenyellow;
	display: inline-block;
	height: 10px;
	width: 65px;
}

#melondesc span.MedioB
{
	position: absolute;
	left: 249px;
	top: 72px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 66px;
}

#melondesc span.TardioA
{
	position: absolute;
	left: 140px;
	top: 102px;
	background-color: greenyellow; 
	display: inline-block; 
	height: 10px; 
	width: 65px;
}

#melondesc span.TardioB
{
	position: absolute;
	left: 270px;
	top: 102px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 65px;
}

#melondesc div.calibrados-container
{
	position: relative;
	display: block;
	height: 250px;
}

#melondesc div.calibrados
{
	display: inline-block;
	width: 200px;
	float: left;
}

#melondesc div.calibrados tr.header
{
	background-color: #104B08;
	color: white;
}

#melondesc div.calibrados td.cell
{
	padding: 5px;
	border: 1px solid #333;
}

#melondesc div.exportaciones tr.header
{
	background-color: #104B08;
	color: white;
}

#melondesc div.exportaciones td.cell
{
	padding: 4px;
	border: 1px solid #333;
}

#sandiadesc span.tempranoA
{
	position: absolute;
	left: 576px;
	top: 42px;
	background-color: greenyellow;
	display: inline-block;
	height: 10px;
	width: 23px;
}

#sandiadesc span.tempranoB
{
	position: absolute;
	left: 227px;
	top: 42px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 43px;
}
#sandiadesc span.tempranoC
{
	position: absolute;
	left: 77px;
	top: 42px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 42px;
}

#sandiadesc span.MedioA
{
	position: absolute;
	left: 97px;
	top: 72px;
	background-color: greenyellow;
	display: inline-block;
	height: 10px;
	width: 65px;
}

#sandiadesc span.MedioB
{
	position: absolute;
	left: 249px;
	top: 72px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 66px;
}

#sandiadesc span.TardioA
{
	position: absolute;
	left: 140px;
	top: 102px;
	background-color: greenyellow; 
	display: inline-block; 
	height: 10px; 
	width: 65px;
}

#sandiadesc span.TardioB
{
	position: absolute;
	left: 270px;
	top: 102px;
	background-color: darkgray;
	display: inline-block;
	height: 10px;
	width: 65px;
}

#sandiadesc div.calibrados-container
{
	position: relative;
	display: block;
	height: 250px;
}

#sandiadesc div.calibrados
{
	display: inline-block;
	width: 200px;
	float: left;
}

#sandiadesc div.calibrados tr.header
{
	background-color: #104B08;
	color: white;
}

#sandiadesc div.calibrados td.cell
{
	padding: 5px;
	border: 1px solid #333;
}

#sandiadesc div.exportaciones tr.header
{
	background-color: #104B08;
	color: white;
}

#sandiadesc div.exportaciones td.cell
{
	padding: 4px;
	border: 1px solid #333;
}


embed.organigrama
{
	width: 100%;
	height: 740px;
}

img.marcas
{
	max-width: 140px;
	float: left;
}

img.logistica
{
	height: 220px;
	margin-left: 20px;
	float: right;
}

#container
{
    width: 1316px;
    margin: 0 auto;
    padding: 0px;
}

#navcontainer
{
    position: relative;
    width: 100%;
    bottom: 0;
    top: -60px;
    z-index: 2;
    text-align: center;
    height: 60px;
    background-color: rgba(16,75,8,0.75);
}

#navcontainer a:hover
{
    //background-color: #104b08;
    background-color: rgba(16,75,8,.9);
    /* Firefox */
    -moz-transition: all .2s ease-in;
    /* WebKit */
    -webkit-transition: all .2s ease-in;
    /* Opera */
    -o-transition: all .2s ease-in;
    /* Standard */
    transition: all .2s ease-in;
}

#navcontainer span
{
	display: inline-block;
}

.color1
{
	border-left: 3px solid #3fc831;
}
.color2
{
	border-left: 3px solid #2890f1;
}
.color3
{
	border-left: 3px solid #dd472a;
}
.color4
{
	border-left: 3px solid #b557e5;
}
.color5
{
	border-left: 3px solid #6f6f6f;
}
.color6
{
	border-left: 3px solid #18ff00;
}
.color7
{
	border-left: 3px solid red;
}
a.marker
{
	background-color: yellowgreen;
}

.correct-message
{
	color: green;
	font-weight: bold;
}

.error-message
{
	color: red;
	font-weight: bold;
}

.left-floating
{
	float: left;
}

.right-floating
{
	float: right;
}

.center-text
{
	text-align: center;
}

.left-text
{
	text-align: left;
}

.yellow-color
{
	color: yellow;
}

.no-left-padding
{
	padding-left: 0px;
}

.white-background
{
	background-color: #cccccc;
}

img.captura3
{
	width: 400px;
	height: 337px;
}

input[type="checkbox"].politicas-readed
{
	height: 0.8vmax;
	width: 0.8vmax;
	margin: 0;
	padding: 0;
}

#navcontainer a
{
    color: white;
	padding-top: 21px; 
    text-decoration: none;
    height: 60px;
    width: 10%;
    min-width: 200px;
    margin: 0px;
    text-align: center;
    display: inline-block;
}

#header
{
    position: relative;
    border-top: 3px solid #dd472a;
    width: 100%;
    //height: 400px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

#header div.logo
{
    width: 30%;
    margin: 0px;
    padding: 0px;
}

h1
{
    color: white;
    padding: 10px 0px 5px 0px;
    text-align: center;
    background-color: rgba(255,255,255,0.75);
}

#container-body
{
    background-color: white;
    padding: 0px;
    margin: 0px;
}

#container-body div.full
{
    display: block;
    padding: 20px 30px;
    width: 1024px;
    margin: 0 auto;
    padding-top: 0px;
    font: 13px "Open Sans", 'MacStyle';
}

#container-body div.full-mobile
{
    display: block;
    padding: 20px 30px;
    font: 13px "Open Sans", 'MacStyle';
}

#container-body div.half
{
    display: inline-block;
    padding: 20px 30px;
    font: 13px "Open Sans", 'MacStyle';
    width: 50%;
}

#container-body div.third
{
    display: inline-block;
    padding: 20px 30px;
    font: 13px "Open Sans", 'MacStyle';
    width: 33%;
}


#container-body div.third2
{
    display: inline-block;
    padding: 20px 30px;
    font: 13px "Open Sans", 'MacStyle';
    width: 66%;
    border: 1px solid red;
}

#bottom
{
    display: block;
    background-color: #0B3B0E;
    width: 100%;
    padding: 5em;
    margin: 0px;
}

#bottom div.content
{
    width: 50%;
    margin: 0px;
    padding: 0px 20px;
    font: 14px Calibri;
}

#bottom div.content-full
{
    width: 100%;
    margin: 0px;
    padding: 0px 20px;
    font: 12px "Open Sans", 'MacStyle';
    color: #dedede;
    line-height: 14px;
}

#bottom table
{
	width: 100%;
}

#bottom td
{
	width: 30%;
}

#bottom img
{
	margin-bottom: -3em;
}

#bottom a
{
	color: white;
}

#bottom a:hover
{
    color: #ff962f;
    /* Firefox */
    -moz-transition: all .2s ease-in;
    /* WebKit */
    -webkit-transition: all .2s ease-in;
    /* Opera */
    -o-transition: all .2s ease-in;
    /* Standard */
    transition: all .2s ease-in;
}
hr
{
    width: 90%;
    margin-top: 20px;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    text-align: center;
}

#navcontainer a.access
{
    background-color: #ffa320;
    //padding-right: 16px;
}

#navcontainer a.access:hover
{
    background-color: #ff7920;
}

h3
{
    font-size: 14px;
    margin-bottom: 8px;
	font-weight: bold;
}

a
{
    color: #104b08;
    
    /* Firefox */
    -moz-transition: all .2s ease-out;
    /* WebKit */
    -webkit-transition: all .2s ease-out;
    /* Opera */
    -o-transition: all .2s ease-out;
    /* Standard */
    transition: all .2s ease-out;
}

a:hover
{
    color: #ff962f;
    /* Firefox */
    -moz-transition: all .2s ease-in;
    /* WebKit */
    -webkit-transition: all .2s ease-in;
    /* Opera */
    -o-transition: all .2s ease-in;
    /* Standard */
    transition: all .2s ease-in;
}

h2.subtitle
{
    font-size: 24px;
    margin-bottom: 8px;
}

a.limpio
{
    font-weight: bold;
    color: #104b08;
    background-color: transparent;
    padding: 0px;
    
    /* Firefox */
    -moz-transition: all .2s ease-out;
    /* WebKit */
    -webkit-transition: all .2s ease-out;
    /* Opera */
    -o-transition: all .2s ease-out;
    /* Standard */
    transition: all .2s ease-out;
}

a.limpio:hover
{
    color: #ff962f;
    /* Firefox */
    -moz-transition: all .2s ease-in;
    /* WebKit */
    -webkit-transition: all .2s ease-in;
    /* Opera */
    -o-transition: all .2s ease-in;
    /* Standard */
    transition: all .2s ease-in;
}

.roadmap 
{
   position: relative;
   width: 250px;
   height: 210px;
   float: right;
   margin-top: 40px;
   margin-left: 20px;
   margin-bottom: 5px;
   overflow: hidden;
   border: 1px solid #333;
}

.roadmap-mobile
{
   position: relative;
   width: 100%;
   height: 200px;
   margin-top: 20px;
   overflow: hidden;
   border: 1px solid #333;
}

.roadmap iframe
{
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 98%;
	border: 0;
    height: 100%;
}

img.img-mobile-full
{
    width: 100%;
    margin: 20px 0px;
}

img.img-mobile-two
{
    width: 49%;
    margin: 20px 0px;
}

.roadmap-mobile iframe
{
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 98%;
    height: 100%;
}

img
{
    margin-bottom: 15px;
}

div.titleHead
{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 50px;
    width: 100%;
    background-color: white;
    text-align: center;
}

div.titleHead img
{
    height: 30px;
    margin-top: 10px;
}

ul.metodologia
{
    position: relative;
    list-style-type:square;
    left: 40px;
    margin: 10px 0px;
    width: 90%;
}

table.graph td
{
    border: 1px solid #104b08;
    padding: 5px;
    width: 44px;
    max-width: 50px;
}

strong.title { 
    font-weight: bold;
    color: #333;
}

span.productos a
{
    color: #104b08;
    text-decoration: none;
    font-weight: bold;
  
    /* Firefox */
    -moz-transition: all .25s ease-out;
    /* WebKit */
    -webkit-transition: all .25s ease-out;
    /* Opera */
    -o-transition: all .25s ease-out;
    /* Standard */
    transition: all .25s ease-out;
}

span.productos a:hover
{
    color: #ff962f;
    /* Firefox */
    -moz-transition: all .25s ease-in;
    /* WebKit */
    -webkit-transition: all .25s ease-in;
    /* Opera */
    -o-transition: all .25s ease-in;
    /* Standard */
    transition: all .25s ease-in;
}

table.mobilenav
{
    height: 100%;
    text-align: left;
    color: white;
    vertical-align: middle;
}

table.mobilenav td
{
    padding: 18px;
    vertical-align: middle;
}

table.mobilenav select
{
    width: 20px;
    height: 20px;
    background-color: transparent;
    border: 1px solid white;
}

a.menuproducto
{
    color: white;
    height: 200px;
    width: 294px;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 150px;
    border-left: 1px solid rgba(16,75,8,0.95);
    border-right: 1px solid rgba(16,75,8,0.95);
    border-bottom: 1px solid rgba(16,75,8,0.95);
    margin-bottom: 20px;
  
    /* Firefox */
    -moz-transition: all .25s ease-out;
    /* WebKit */
    -webkit-transition: all .25s ease-out;
    /* Opera */
    -o-transition: all .25s ease-out;
    /* Standard */
    transition: all .25s ease-out;
    
    
}

a.menuproducto img
{
    position: absolute;
    width: 75px;
    height: 15px;
    top: 180px;
    left: 215px;
}

a.menuproducto p
{
    background-color: rgba(16,75,8,0.95);
    padding: 5px;
    padding-left: 10px;
    z-index: 1;
}

a.menuproducto img
{
    position: absolute;
    z-index: 100;
}

a.menuproducto:hover
{
    opacity: .65;
    /* Firefox */
    -moz-transition: all .25s ease-in;
    /* WebKit */
    -webkit-transition: all .25s ease-in;
    /* Opera */
    -o-transition: all .25s ease-in;
    /* Standard */
    transition: all .25s ease-in;
}