/* */
/* ======================== ESTILOS Desktop ============================ */
/* Se escoge el punto de corte de Boostrap Medium Device: 768px			*/
/* Se escoge el punto de corte de Boostrap Large Device: 992px - NO - 	*/
/* Se escoge el punto de corte de Boostrap Extra Large Device: 1200px	*/
/* ==================================================================== */
/* */
/* ======================== ESTILOS Desktop ============================*/
/* Se escoge el punto de corte de Boostrap Large Device: 768px			*/
/* Diseño 1096 px;														*/
/* ==================================================================== */
/* Dispositivos 768px -> 1200px*/
@media screen and (min-width: 768px) {
  /* ======================== HELPER CLASSES ===================== */
  .hidden_mobile {
    display: block;
  }
  .contenido {
    /*width:percentage((897/1096));*/
    width: 73.63138686%;
    /*20200110 - Aplico una reducción del 10% con respecto a diseño*/
    margin: 0 auto;
    margin-bottom: 50px;
    position: relative;
  }
  .contenido.ancho_total {
    width: 100%;
  }
  .contenido .contenido_texto {
    position: relative;
    z-index: 10;
    background-color: #0d5998;
  }
  .contenido .contenido_texto .contenido_texto_filigrana_wrapper {
    width: 100%;
  }
  .contenido .contenido_texto .contenido_texto_filigrana_wrapper .contenido_texto_filigrana {
    display: inline-block;
    width: 80px;
    height: 6px;
    background-color: #fff;
    margin-bottom: 10px;
  }
  .contenido .contenido_texto .contenido_texto_titulo h1 {
    font-family: "Trajan Pro", serif;
    font-size: 1.75rem;
    /*28/16*/
    line-height: 1;
    margin-bottom: 25px;
  }
  .contenido .contenido_texto .contenido_texto_wrapper > div {
    font-weight: 300;
    /*Light*/
  }
  .contenido .contenido_texto .contenido_texto_wrapper > div p {
    font-size: 0.8125rem;
    /*13/16*/
    margin-bottom: 10px;
  }
  .contenido .contenido_texto .contenido_texto_wrapper > div p:last-child {
    margin-bottom: 0;
  }
  .contenido .contenido_texto .contenido_texto_wrapper > div strong {
    font-weight: 600;
    /*Semi-bold*/
  }
  .contenido .contenido_texto .contenido_texto_wrapper > div ul {
    font-size: 0.8125rem;
    /*13/16*/
    margin-bottom: 10px;
  }
  .contenido .contenido_texto .contenido_texto_wrapper > div ul li {
    margin-bottom: 5px;
  }
  .contenido .contenido_texto .contenido_texto_wrapper > .contenido_nosotros_descargas {
    font-size: 18px;
  }
  .contenido .contenido_imagen {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 5;
    display: block;
  }
  .contenido .contenido_imagen img {
    object-fit: cover;
    /*20200127 - Para que no se distorsionen mucho las imágenes*/
  }
  .contenido .contenido_imagen img.imagen_izquierda {
    width: 67.44704571%;
    height: 95%;
  }
  .contenido .contenido_imagen img.imagen_derecha {
    width: 67.44704571%;
    margin-left: 32.55295429%;
    height: 95%;
  }
  .contenido .contenido_imagen img.imagen_altura_completa {
    height: 100%;
  }
  .contenido .contenido_boton {
    margin-top: 0;
  }
  .contenido .contenido_boton > a {
    width: 15.60758082%;
  }
  /* ======================== HELPER CLASSES - FIN ===================== */
  #logotipo {
    width: 194px;
  }
  #menu_mobile_icon {
    top: 28px;
  }
  #wrapper_interiores {
    padding-top: 12.5%;
  }
  #menu {
    position: absolute;
    /*right:percentage((-531/1920));*/
    right: -50%;
    /*Cogido a Ojo, al poner 768px*/
    top: 0;
    /*width:percentage((531/1920));*/
    width: 50%;
    /*Cogido a Ojo, al poner 768px*/
    max-width: 550px;
    /*20200123 - Puesto para que en pantalla grande no se vaya mucho de ancho*/
    height: 100vh;
    background-color: #186292;
    transition: all, 1s;
  }
  #menu.menu_visible {
    right: 0;
  }
  #menu #menu_wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
  }
  #menu #menu_wrapper > ul {
    padding-left: 11.29943503%;
    padding-right: 11.29943503%;
    /*20200123 - Para que tenga el mismo padding a ambos lados*/
    width: 77.40112994%;
    /*20200123 - Le damos un ancho, hasta llegar a los 531 de guia ( right + width + left) */
    padding-bottom: 7%;
    /*20220221 - Le dames un valor del 7% directamente, al poner SABIAS QUE. Anterior 65/531 */
  }
  #menu #menu_wrapper > ul:last-child {
    padding-bottom: 0;
  }
  #menu #menu_wrapper > ul li {
    line-height: 1;
    padding-bottom: 7px;
    font-size: 1.25rem;
    /*20/16*/
    font-weight: 300;
    /*Light*/
  }
  #menu #menu_wrapper > ul li:first-child {
    font-family: "Trajan Pro", serif;
    font-size: 1.5rem;
    /*24/16*/
    font-weight: 400;
    /*Regular*/
  }
  #menu #menu_wrapper > ul li:last-child {
    padding-bottom: 0;
  }
  #menu #menu_wrapper > ul li a:hover {
    text-decoration: underline;
  }
  #menu #menu_wrapper #menu_subsecciones {
    display: inline-block;
    padding-left: 7.53295669%;
    width: 41%;
    margin-top: 12.24105461%;
  }
  #menu #menu_wrapper #menu_subsecciones ul li {
    font-size: 1rem;
    display: inline-block;
    padding: 0 15px;
    border-right: 1px solid #fff;
  }
  #menu #menu_wrapper #menu_subsecciones ul li:first-child {
    padding-left: 0;
  }
  #menu #menu_wrapper #menu_subsecciones ul li:last-child {
    padding-right: 0;
    border-right: 0;
  }
  #menu #menu_wrapper #menu_subsecciones ul li a:hover {
    text-decoration: underline;
  }
  #menu #menu_wrapper #menu_idiomas {
    display: inline-block;
    padding-right: 7.53295669%;
    width: 41%;
    margin-top: 12.24105461%;
  }
  #menu #menu_wrapper #menu_idiomas ul {
    display: inline-block;
    text-align: right;
  }
  #menu #menu_wrapper #menu_idiomas ul li {
    font-size: 1rem;
    display: inline-block;
    padding: 0 5px;
    border-left: 1px solid #fff;
  }
  #menu #menu_wrapper #menu_idiomas ul li:first-child {
    padding-left: 0;
    border-left: 0;
  }
  #menu #menu_wrapper #menu_idiomas ul li:last-child {
    padding-right: 0;
  }
  #menu #menu_wrapper #menu_idiomas ul li a:hover {
    text-decoration: underline;
  }
  .contenido_wrapper {
    /************** NOSOTROS ************/
    /************** NOSOTROS - FIN ************/
    /************** PRODUCTOS ************/
    /************** PRODUCTOS - FIN ************/
    /************** SOSTENIBILIDAD ************/
    /************** SOSTENIBILIDAD - FIN ************/
    /************** TRAZABILIDAD ************/
    /************** TRAZABILIDAD - FIN ************/
    /************** LEGAL ************/
    /************** LEGAL - FIN ************/
    /************** CONTACTO ************/
    /************** CONTACTO - FIN ************/
  }
  .contenido_wrapper.contenido_nosotros_historia .contenido {
    /*
				background:url('/img/nosotros_historia.jpg') left top no-repeat;
				background-size:percentage((605/897)) 90%;
				*/
  }
  .contenido_wrapper.contenido_nosotros_historia .contenido .contenido_texto {
    margin-left: 44.37012263%;
    margin-top: 2.67558528%;
    width: 44.59308807%;
    padding-left: 5.57413601%;
    padding-right: 5.57413601%;
    padding-top: 3.90189521%;
    padding-bottom: 3.90189521%;
  }
  .contenido_wrapper.contenido_nosotros_mision .contenido {
    background: url('/img/nosotros_mision.jpg') left top no-repeat;
    background-size: 100% auto;
    padding-top: 24.90875912%;
  }
  .contenido_wrapper.contenido_nosotros_mision .contenido .contenido_texto {
    display: block;
    margin-bottom: 5.93065693%;
    margin-left: auto;
    margin-right: auto;
    /*width:percentage((804/1096));*/
    width: 66.05839416%;
    /*20200110 - Aplico una reducción del 10% con respecto a diseño*/
    padding-left: 5.47445255%;
    padding-right: 5.47445255%;
    padding-top: 3.19343066%;
    padding-bottom: 3.19343066%;
  }
  .contenido_wrapper.contenido_nosotros_instalaciones {
    width: 100%;
    /*1096*/
  }
  .contenido_wrapper.contenido_nosotros_instalaciones > h1 {
    font-size: 2.375rem;
    /*38/16*/
  }
  .contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper {
    width: 100%;
    margin-bottom: 40px;
  }
  .contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper .nosotros_instalaciones_item {
    display: inline-block;
    margin-right: -4px;
    margin-top: 45px;
    margin-bottom: 0;
    width: 33.30291971%;
    border-right: 1px solid #fff;
    vertical-align: top;
  }
  .contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper .nosotros_instalaciones_item:last-child {
    border-right: none;
  }
  .contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper .nosotros_instalaciones_item .nosotros_instalaciones_localizacion a {
    width: 30px;
  }
  .contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper .nosotros_instalaciones_item .nosotros_instalaciones_localizacion a:hover {
    opacity: 0.85;
  }
  .contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper .nosotros_instalaciones_item .nosotros_instalaciones_item_nombre {
    width: 73.97260274%;
    margin-bottom: 30px;
    min-height: 100px;
  }
  .contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper .nosotros_instalaciones_item .nosotros_instalaciones_item_nombre h3 {
    font-size: 14px;
  }
  .contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper .nosotros_instalaciones_item .nosotros_instalaciones_item_nombre p {
    font-size: 13px;
  }
  .contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper .nosotros_instalaciones_item .nosotros_instalaciones_item_texto {
    width: 73.97260274%;
    padding-top: 15px;
    padding-bottom: 35px;
    min-height: 60px;
    font-size: 13px;
  }
  .contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper .nosotros_instalaciones_item .nosotros_instalaciones_item_logos {
    width: 73.97260274%;
    min-height: 250px;
  }
  .contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper .nosotros_instalaciones_item .nosotros_instalaciones_item_logos a:hover {
    opacity: 0.85;
  }
  .contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper .nosotros_instalaciones_item .nosotros_instalaciones_item_logos a span {
    font-size: 13px;
    padding-top: 31.81818182%;
    padding-bottom: 31.81818182%;
  }
  .contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper .nosotros_instalaciones_item .nosotros_instalaciones_mediambiente {
    width: 73.97260274%;
    /*padding-top:15px;*/
    min-height: 60px;
    font-size: 13px;
  }
  .contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper .nosotros_instalaciones_item .nosotros_instalaciones_mediambiente a:hover {
    opacity: 0.85;
  }
  .contenido_wrapper.contenido_nosotros_descargas .contenido .contenido_texto {
    margin-right: 44.37012263%;
    margin-top: 2.67558528%;
    width: 44.59308807%;
    padding-left: 5.57413601%;
    padding-right: 5.57413601%;
    padding-top: 3.90189521%;
    padding-bottom: 3.90189521%;
  }
  .contenido_wrapper.contenido_nosotros_descargas .contenido .contenido_texto .contenido_nosotros_descargas_icono a:hover {
    opacity: 0.85;
  }
  .contenido_wrapper.contenido_productos_elegir .contenido {
    /*
				background:url('/img/productos_marcas.jpg') left top no-repeat;
				background-size:percentage((605/897)) 100%;
				*/
  }
  .contenido_wrapper.contenido_productos_elegir .contenido .contenido_imagen img {
    height: 90% !important;
    /*20200129 - Hacerla menos alta por lo poco que ocupa el texto*/
  }
  .contenido_wrapper.contenido_productos_elegir .contenido .contenido_texto {
    margin-left: 44.37012263%;
    margin-top: 2.67558528%;
    margin-bottom: 2.67558528%;
    width: 44.59308807%;
    padding-left: 5.57413601%;
    padding-right: 5.57413601%;
    padding-top: 3.90189521%;
    padding-bottom: 3.90189521%;
  }
  .contenido_wrapper.contenido_productos_conservas .contenido {
    /*
				background:url('/img/productos_conservas.jpg') left top no-repeat;
				background-size:percentage((605/897)) 90%;
				*/
  }
  .contenido_wrapper.contenido_productos_conservas .contenido .contenido_texto {
    /*margin-left:percentage((398/897));*/
    margin-right: 44.37012263%;
    margin-top: 2.67558528%;
    width: 44.59308807%;
    padding-left: 5.57413601%;
    padding-right: 5.57413601%;
    padding-top: 3.90189521%;
    padding-bottom: 3.90189521%;
  }
  .contenido_wrapper.contenido_productos_conservas .contenido .contenido_texto > div .conservas_formatos {
    font-size: 0.9em;
    /*Para hacerla un poco más pequeña que el texto y así coger los tres en una linea*/
  }
  .contenido_wrapper.contenido_productos_conservas .contenido .contenido_texto > div .conservas_formatos .conservas_formato {
    display: inline-block;
    margin-right: -4px;
    width: 26%;
    /*20200129 - Bajado un 80%, de 32% -> 26% */
    margin: 0 auto;
    padding-bottom: 0;
  }
  .contenido_wrapper.contenido_productos_conservas .contenido .contenido_texto > div .conservas_formatos .conservas_formato img {
    width: 100%;
    vertical-align: top;
  }
  .contenido_wrapper.contenido_productos_congelados .contenido {
    /*
				background:url('/img/productos_congelados.jpg') right top no-repeat;
				background-size:percentage((605/897)) 90%;
				*/
  }
  .contenido_wrapper.contenido_productos_congelados .contenido .contenido_texto {
    /*margin-right:percentage((398/897));*/
    margin-left: 44.37012263%;
    margin-top: 2.67558528%;
    width: 44.59308807%;
    padding-left: 5.57413601%;
    padding-right: 5.57413601%;
    padding-top: 3.90189521%;
    padding-bottom: 3.90189521%;
  }
  .contenido_wrapper.contenido_productos_marcas .contenido {
    /*
				background:url('/img/productos_marcas.jpg') left top no-repeat;
				background-size:percentage((605/897)) 100%;
				*/
  }
  .contenido_wrapper.contenido_productos_marcas .contenido .contenido_texto {
    /*margin-left:percentage((398/897));*/
    margin-right: 44.37012263%;
    margin-top: 2.67558528%;
    margin-bottom: 2.67558528%;
    width: 44.59308807%;
    padding-left: 5.57413601%;
    padding-right: 5.57413601%;
    padding-top: 3.90189521%;
    padding-bottom: 3.90189521%;
  }
  .contenido_wrapper.contenido_sostenibilidad_politica .contenido .contenido_texto {
    margin-left: 44.37012263%;
    margin-top: 2.67558528%;
    margin-bottom: 2.67558528%;
    width: 44.59308807%;
    padding-left: 5.57413601%;
    padding-right: 5.57413601%;
    padding-top: 3.90189521%;
    padding-bottom: 3.90189521%;
  }
  .contenido_wrapper.contenido_sostenibilidad_objetivos .contenido {
    background: url('/img/sostenibilidad_objetivos.jpg') left top no-repeat;
    background-size: 100% auto;
    padding-top: 18.79562044%;
  }
  .contenido_wrapper.contenido_sostenibilidad_objetivos .contenido .contenido_texto {
    display: block;
    margin-bottom: 5.93065693%;
    margin-left: auto;
    margin-right: auto;
    /*width:percentage((804/1096));*/
    width: 66.05839416%;
    /*20200110 - Aplico una reducción del 10% con respecto a diseño*/
    padding-left: 5.47445255%;
    padding-right: 5.47445255%;
    padding-top: 3.19343066%;
    padding-bottom: 3.19343066%;
  }
  .contenido_wrapper.contenido_sostenibilidad_objetivos .contenido .contenido_texto .contenido_texto_wrapper > div ul.sostenibilidad_objetivos {
    width: 100%;
    padding-top: 40px;
  }
  .contenido_wrapper.contenido_sostenibilidad_objetivos .contenido .contenido_texto .contenido_texto_wrapper > div ul.sostenibilidad_objetivos .sostenibilidad_objetivo {
    width: 100%;
    margin-bottom: 50px;
  }
  .contenido_wrapper.contenido_sostenibilidad_objetivos .contenido .contenido_texto .contenido_texto_wrapper > div ul.sostenibilidad_objetivos .sostenibilidad_objetivo:last-child {
    margin-bottom: 0;
  }
  .contenido_wrapper.contenido_sostenibilidad_objetivos .contenido .contenido_texto .contenido_texto_wrapper > div ul.sostenibilidad_objetivos .sostenibilidad_objetivo .sostenibilidad_objetivo_imagen {
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    width: 20.14925373%;
    text-align: right;
    margin-bottom: 0;
  }
  .contenido_wrapper.contenido_sostenibilidad_objetivos .contenido .contenido_texto .contenido_texto_wrapper > div ul.sostenibilidad_objetivos .sostenibilidad_objetivo .sostenibilidad_objetivo_imagen img {
    width: 79.62962963%;
  }
  .contenido_wrapper.contenido_sostenibilidad_objetivos .contenido .contenido_texto .contenido_texto_wrapper > div ul.sostenibilidad_objetivos .sostenibilidad_objetivo .sostenibilidad_objetivo_texto_wrapper {
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    padding-left: 3.48258706%;
    width: 76.3681592%;
  }
  .contenido_wrapper.contenido_sostenibilidad_objetivos .contenido .contenido_texto .contenido_texto_wrapper > div ul.sostenibilidad_objetivos .sostenibilidad_objetivo .sostenibilidad_objetivo_texto_wrapper h3 {
    font-size: 1.25rem;
    /*20/16*/
  }
  .contenido_wrapper.contenido_sostenibilidad_compromisos .contenido .contenido_texto {
    margin-left: 44.37012263%;
    margin-top: 2.67558528%;
    margin-bottom: 2.67558528%;
    width: 44.59308807%;
    padding-left: 5.57413601%;
    padding-right: 5.57413601%;
    padding-top: 3.90189521%;
    padding-bottom: 3.90189521%;
  }
  .contenido_wrapper.contenido_sostenibilidad_calidad .contenido .contenido_texto {
    margin-right: 44.37012263%;
    margin-top: 2.67558528%;
    width: 44.59308807%;
    padding-left: 5.57413601%;
    padding-right: 5.57413601%;
    padding-top: 3.90189521%;
    padding-bottom: 3.90189521%;
  }
  .contenido_wrapper.contenido_sostenibilidad_colaboradores .contenido .contenido_texto {
    margin-left: 44.37012263%;
    margin-top: 2.67558528%;
    width: 44.59308807%;
    padding-left: 5.57413601%;
    padding-right: 5.57413601%;
    padding-top: 3.90189521%;
    padding-bottom: 3.90189521%;
  }
  .contenido_wrapper.contenido_sostenibilidad_colaboradores .contenido .contenido_texto .contenido_texto_wrapper > div .sostenibilidad_colaborador {
    width: 100%;
  }
  .contenido_wrapper.contenido_sostenibilidad_colaboradores .contenido .contenido_texto .contenido_texto_wrapper > div .sostenibilidad_colaborador .sostenibilidad_colaborador_imagen {
    width: 100%;
  }
  .contenido_wrapper.contenido_sostenibilidad_colaboradores .contenido .contenido_texto .contenido_texto_wrapper > div .sostenibilidad_colaborador .sostenibilidad_colaborador_imagen img {
    width: auto;
    /*max-width:380px;*/
    max-width: 100%;
  }
  .contenido_wrapper.contenido_trazabilidad_portada .contenido {
    text-align: center;
    font-family: "IBM Plex Sans", sans-serif;
  }
  .contenido_wrapper.contenido_trazabilidad_portada .contenido .trazabilidad_titulo h1 {
    font-family: "Trajan Pro", serif;
    font-size: 1.875rem;
    /*30/16*/
    line-height: 1;
    margin-bottom: 35px;
    text-transform: uppercase;
    color: #0d5998;
  }
  .contenido_wrapper.contenido_trazabilidad_portada .contenido .trazabilidad_introduccion {
    font-size: 1.4375rem;
    /*23/16*/
    color: #000;
    margin-bottom: 50px;
  }
  .contenido_wrapper.contenido_trazabilidad_portada .contenido .trazabilidad_imagenes {
    width: 100%;
    margin-bottom: 50px;
    text-align: center;
  }
  .contenido_wrapper.contenido_trazabilidad_portada .contenido .trazabilidad_imagenes li {
    display: inline-block;
    margin-right: -4px;
    width: 23.75%;
    /*456/1920*/
    margin-bottom: 30px;
    margin-left: 5.98%;
    /*115/1920*/
    text-align: center;
  }
  .contenido_wrapper.contenido_trazabilidad_portada .contenido .trazabilidad_imagenes li:first-child {
    margin-left: 0;
  }
  .contenido_wrapper.contenido_trazabilidad_portada .contenido .trazabilidad_imagenes li img {
    width: 100%;
    max-width: 456px;
    vertical-align: top;
    -webkit-box-shadow: 25px 25px 0px 0px #0d5998;
    -moz-box-shadow: 25px 25px 0px 0px #0d5998;
    box-shadow: 25px 25px 0px 0px #0d5998;
  }
  .contenido_wrapper.contenido_trazabilidad_portada .contenido .trazabilidad_lupa {
    margin-bottom: 30px;
  }
  .contenido_wrapper.contenido_trazabilidad_portada .contenido .trazabilidad_lupa img {
    width: 50%;
    vertical-align: top;
    max-width: 158px;
  }
  .contenido_wrapper.contenido_trazabilidad_portada .contenido .trazabilidad_claim {
    font-family: "VAG", sans-serif;
    font-size: 1.875rem;
    /*30/16*/
    letter-spacing: 2px;
    line-height: 1;
    margin-bottom: 35px;
    text-transform: uppercase;
    color: #0e71b8;
  }
  .contenido_wrapper.contenido_trazabilidad_portada .contenido .trazabilidad_form_wrapper {
    width: 360px;
    height: 48px;
    padding: 10px 20px;
    border-radius: 34px;
    margin: 0 auto;
    margin-bottom: 40px;
    background-color: #dcdcdc;
    border: 1px solid #cecfd0;
  }
  .contenido_wrapper.contenido_trazabilidad_portada .contenido .trazabilidad_form_wrapper form {
    width: 100%;
  }
  .contenido_wrapper.contenido_trazabilidad_portada .contenido .trazabilidad_form_wrapper form input[type='text'] {
    width: 305px;
    height: 48px;
    line-height: 48px;
    border: 0;
    border-right: 1px solid #cecfd0;
    background-color: #dcdcdc;
    color: #939393;
    text-align: center;
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 1.25rem;
    /*20/16*/
    font-weight: 600;
    /*SemiBold*/
    margin-right: 10px;
  }
  .contenido_wrapper.contenido_trazabilidad_portada .contenido .trazabilidad_form_wrapper form input[type='image'] {
    vertical-align: text-bottom;
    opacity: 0.8;
  }
  .contenido_wrapper.contenido_trazabilidad_portada .contenido .trazabilidad_form_wrapper form input[type='image']:hover {
    opacity: 1;
  }
  .contenido_wrapper.contenido_trazabilidad_portada .contenido .trazabilidad_ejemplos {
    width: 100%;
  }
  .contenido_wrapper.contenido_trazabilidad_portada .contenido .trazabilidad_ejemplos > p {
    font-size: 1.4375rem;
    /*23/16*/
    color: #000;
    margin: 50px;
  }
  .contenido_wrapper.contenido_trazabilidad_portada .contenido .trazabilidad_ejemplos .trazabilidad_ejemplo {
    display: inline-block;
    margin-right: -4px;
    margin-left: 5.98%;
    /*115/1920*/
    width: 300px;
    height: 68px;
    line-height: 68px;
    margin-bottom: 30px;
    background-color: #0d5998;
    color: #fff;
    text-align: center;
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 1.4375rem;
    /*23/16*/
    font-weight: 300;
    /*Light*/
  }
  .contenido_wrapper.contenido_trazabilidad_portada .contenido .trazabilidad_ejemplos .trazabilidad_ejemplo:first-child {
    margin-left: 0;
  }
  .contenido_wrapper.contenido_legal .contenido {
    /*background:url('/img/nosotros_mision.jpg') left top no-repeat;*/
    /*background-size:100% auto;*/
    /*padding-top:percentage((100/1096));*/
    /*20200108: Lo bajo de 273px*/
    padding-top: 0;
  }
  .contenido_wrapper.contenido_legal .contenido .contenido_texto {
    display: block;
    margin-bottom: 5.93065693%;
    margin-left: 0;
    margin-right: 0;
    /*width:percentage((804/1096));*/
    /*width:percentage((724/1096));*/
    /*20200110 - Aplico una reducción del 10% con respecto a diseño*/
    width: 89.05109489%;
    /*20200115 - Tiene que tener un ancho equivalente en total al 100%, no es ancho_total */
    padding-left: 5.47445255%;
    padding-right: 5.47445255%;
    padding-top: 3.19343066%;
    padding-bottom: 3.19343066%;
  }
  .contenido_wrapper.contenido_legal .contenido .contenido_texto .contenido_texto_wrapper div div table td {
    font-size: 18px;
  }
  .contenido_wrapper.contenido_contacto .contenido {
    padding-top: 0;
  }
  .contenido_wrapper.contenido_contacto .contenido .contenido_texto {
    display: block;
    margin-bottom: 5.93065693%;
    margin-left: 0;
    margin-right: 0;
    /*width:percentage((804/1096));*/
    /*width:percentage((724/1096));*/
    /*20200110 - Aplico una reducción del 10% con respecto a diseño*/
    width: 89.05109489%;
    /*20200115 - Tiene que tener un ancho equivalente en total al 100%, no es ancho_total */
    padding-left: 5.47445255%;
    padding-right: 5.47445255%;
    padding-top: 3.19343066%;
    padding-bottom: 3.19343066%;
  }
  .contenido_wrapper.contenido_contacto .contenido .contenido_texto .contenido_texto_wrapper .contacto_direccion {
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    width: 33.33%;
    margin-bottom: 15px;
  }
  .contenido_wrapper.contenido_contacto .contenido .contenido_texto .contenido_texto_wrapper form input[type=text] {
    display: inline-block;
    margin-right: -4px;
    width: 43%;
    padding: 0 3%;
    margin-left: 2%;
  }
  .contenido_wrapper.contenido_contacto .contenido .contenido_texto .contenido_texto_wrapper form input[type=text]:first-child {
    margin-left: 0;
  }
  /* TRABILIDAD - TRAZA */
  #traza_bloques_wrapper {
    margin-top: 300px;
    position: relative;
  }
  .traza_bloque {
    position: relative;
    width: 100%;
    /*SPINNER FLECHA ABAJO MEDIANTE CSS */
    /*SPINNER FLECHA ABAJOMEDIANTE CSS - FIN */
  }
  .traza_bloque .flecha_abajo,
  .traza_bloque .flecha_abajo:after {
    display: block;
    position: absolute;
    bottom: 20px;
    left: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 34px;
    border-radius: 50%;
    margin: 0 auto;
    margin-left: -20px;
  }
  .traza_bloque .flecha_abajo {
    background-color: transparent;
    border-top: 5px solid #0d5998;
    border-right: 5px solid #0d5998;
    border-bottom: 5px solid #0d5998;
    border-left: 5px solid #0d5998;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-duration: 2s;
    animation-name: flecha_abajo-loading;
  }
  @keyframes flecha_abajo-loading {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  .traza_bloque .traza_bloque_cabecera_wrapper {
    width: 100%;
  }
  .traza_bloque .traza_bloque_cabecera_wrapper .traza_bloque_cabecera {
    display: inline-block;
    /*width:percentage((960/1920));*/
    width: 65%;
    /*20200225 - Para que entren los textos de congelados*/
  }
  .traza_bloque .traza_bloque_cabecera_wrapper .traza_bloque_cabecera .traza_bloque_titulo {
    width: 100%;
    height: 70px;
    line-height: 70px;
    color: #fff;
    font-family: "Trajan Pro", serif;
    /*font-size:1.3125rem;*/
    /*21/16*/
    font-size: 1.0625rem;
    /*20200228 - Para que entren los textos de SAC*/
    background-color: #0d5998;
    text-align: right;
    padding-right: 30px;
  }
  .traza_bloque .traza_bloque_cabecera_wrapper .traza_bloque_cabecera .traza_bloque_nombre {
    width: 100%;
    height: 44px;
    line-height: 44px;
    color: #fff;
    font-family: "IBM Plex Sans", sans-serif;
    /*font-size:1.0625rem;*/
    /*17/16*/
    font-size: 1rem;
    /*20200228 - Para que entre el texto de Barco de SAC*/
    background-color: #000;
    text-align: right;
    padding-right: 30px;
  }
  .traza_bloque .traza_bloque_cabecera_wrapper .traza_bloque_cabecera .traza_bloque_nombre .traza_barcos_lista {
    margin-left: -30px;
    padding-left: 0px;
    width: 100%;
  }
  .traza_bloque .traza_bloque_cabecera_wrapper .traza_bloque_cabecera .traza_bloque_nombre .traza_barcos_lista li {
    background-color: #444;
    padding-left: 30px;
    height: 25px;
    line-height: 25px;
  }
  .traza_bloque .traza_bloque_cabecera_wrapper .traza_bloque_cabecera .traza_bloque_nombre .traza_barcos_lista li:hover {
    background-color: #555;
  }
  .traza_bloque .traza_bloque_cabecera_wrapper.derecha {
    text-align: right;
  }
  .traza_bloque .traza_bloque_cabecera_wrapper.derecha .traza_bloque_cabecera .traza_bloque_titulo,
  .traza_bloque .traza_bloque_cabecera_wrapper.derecha .traza_bloque_cabecera .traza_bloque_nombre {
    text-align: left;
    padding-right: 0;
    padding-left: 30px;
  }
  .traza_bloque .traza_bloque_contenido {
    width: 100%;
    position: relative;
    text-align: center;
    /*Tamaños máximos de las imágenes de los contenidos de las trazas*/
    /******************************************************************************/
    /*IMPORTANTE:																  */
    /*Para el Calendario trabajamos en "em" que es relativo al tamaño de la fuente*/
    /******************************************************************************/
  }
  .traza_bloque .traza_bloque_contenido.traza_especie {
    max-width: 1286px;
    margin-top: 40px;
  }
  .traza_bloque .traza_bloque_contenido.traza_especie .traza_contenido_texto {
    left: 0;
  }
  .traza_bloque .traza_bloque_contenido.traza_zona {
    max-width: 1631px;
    margin-top: 40px;
  }
  .traza_bloque .traza_bloque_contenido.traza_metodo {
    max-width: 1587px;
    margin-top: 40px;
  }
  .traza_bloque .traza_bloque_contenido.traza_metodo .traza_contenido_texto {
    width: auto;
    left: 16.35416667%;
    /*bottom:percentage((300/700));*/
    /*Cogida altura del diseño 1920*/
    bottom: 20%;
    /*20200225 - Para que entren bien los textos */
    transform: none;
  }
  .traza_bloque .traza_bloque_contenido.traza_barco {
    max-width: 1200px;
    margin-top: 0px;
  }
  .traza_bloque .traza_bloque_contenido img {
    width: 100%;
    vertical-align: top;
    padding-bottom: 120px;
  }
  .traza_bloque .traza_bloque_contenido .traza_especie_wrapper {
    width: 100%;
    margin: 0 auto;
    position: relative;
  }
  .traza_bloque .traza_bloque_contenido .traza_especie_wrapper img {
    width: 100%;
    vertical-align: top;
    margin-bottom: 80px;
    position: relative;
    z-index: 5;
  }
  .traza_bloque .traza_bloque_contenido .traza_especie_wrapper img#traza_especie_imagen {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
  }
  .traza_bloque .traza_bloque_contenido .traza_zona_wrapper {
    width: 100%;
    margin: 0 auto;
    position: relative;
  }
  .traza_bloque .traza_bloque_contenido .traza_zona_wrapper img {
    width: 100%;
    vertical-align: top;
    padding-bottom: 120px;
    position: relative;
    z-index: 10;
  }
  .traza_bloque .traza_bloque_contenido .traza_zona_wrapper img#traza_fao_imagen {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
  }
  .traza_bloque .traza_bloque_contenido .traza_contenido_texto {
    position: absolute;
    width: 100%;
    bottom: 80px;
    left: 50%;
    transform: translateX(-50%);
    font-family: "Trajan Pro", serif;
    font-size: 1.3125rem;
    /*21/16*/
  }
  .traza_bloque .traza_bloque_contenido .calendario_wrapper {
    font-size: 1em;
    /*16px*/
    width: 26em;
    /* 16x26=416px*/
    height: 26em;
    overflow: hidden;
    position: relative;
    z-index: 10;
    /*bottom: -13em;*/
    bottom: 0;
    left: 50%;
    border-radius: 50%;
    margin-left: -13em;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-top: 7%;
    /* SOBRE EL ANTERIOR SE AÑADE UN CONTENEDOR en ABSOLUTO PARA RECORTAR EL CENTRO*/
  }
  .traza_bloque .traza_bloque_contenido .calendario_wrapper .calendario_circulo {
    display: block;
    font-size: 3em;
    width: 3em;
    height: 3em;
    position: absolute;
    left: 50%;
    margin-left: -1.5em;
    top: 50%;
    margin-top: -1.5em;
    border-radius: 50%;
    z-index: 10;
    color: transparent;
    background-color: #000;
  }
  .traza_bloque .traza_bloque_contenido .calendario_wrapper .calendario_circulo .calendario_circulo_texto {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 26px;
    /*20200306 - Para poder meter 2 años si es el caso*/
  }
  .traza_bloque .traza_bloque_contenido .calendario_wrapper * {
    /*IMPORTANTE: Para que todo funcione, cambia el modelo de caja y también hace que todos los elementos tengan posicion relative de inicio.*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
  }
  .traza_bloque .traza_bloque_contenido .calendario_wrapper ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative;
  }
  .traza_bloque .traza_bloque_contenido .calendario_wrapper ul li {
    /* A los li EN GENERAL,les pone:
							Su origen de transformación sera la esquina inferior-derecha de su contenedor (100% 100% )
							Se les hace un "skew" de 60deg, según las matematicas y la situación que queremos.
						*/
    position: absolute;
    font-size: 1.5em;
    width: 10em;
    height: 10em;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    overflow: hidden;
    left: 50%;
    top: 50%;
    margin-top: -1.3em;
    margin-left: -10em;
    -webkit-transition: border 0.3s ease;
    -moz-transition: border 0.3s ease;
    transition: border 0.3s ease;
    border: 0.2em solid transparent;
    /*Para añadir espacio entre los items*/
    /*
						Cada "li" debe tener una rotación según su posición o número de elemento.
						rotate indice=  indice*x -[90 - x/2] = indice*x -75 con "x" siendo el Angulo Central
						*/
    /* Ponemos el primer hijo en la posicion de 90 grados, hago pruebas y llego al caso de 75deg luego ir subiendo 30deg cada vez*/
    /*Rotamos 180 los elementos a partir del 7 (Agosto)para adecuarlos al diseño y unamejor lectura*/
  }
  .traza_bloque .traza_bloque_contenido .calendario_wrapper ul li:first-child {
    /*transform: rotate(-45deg) skew(60deg);*/
    -webkit-transform: rotate(75deg) skew(60deg);
    -moz-transform: rotate(75deg) skew(60deg);
    -ms-transform: rotate(75deg) skew(60deg);
    transform: rotate(75deg) skew(60deg);
  }
  .traza_bloque .traza_bloque_contenido .calendario_wrapper ul li:nth-child(2) {
    /*transform: rotate(-15deg) skew(60deg);*/
    -webkit-transform: rotate(105deg) skew(60deg);
    -moz-transform: rotate(105deg) skew(60deg);
    -ms-transform: rotate(105deg) skew(60deg);
    transform: rotate(105deg) skew(60deg);
  }
  .traza_bloque .traza_bloque_contenido .calendario_wrapper ul li:nth-child(3) {
    /*transform: rotate(15deg) skew(60deg);*/
    -webkit-transform: rotate(135deg) skew(60deg);
    -moz-transform: rotate(135deg) skew(60deg);
    -ms-transform: rotate(135deg) skew(60deg);
    transform: rotate(135deg) skew(60deg);
  }
  .traza_bloque .traza_bloque_contenido .calendario_wrapper ul li:nth-child(4) {
    /*transform: rotate(45deg) skew(60deg);*/
    -webkit-transform: rotate(165deg) skew(60deg);
    -moz-transform: rotate(165deg) skew(60deg);
    -ms-transform: rotate(165deg) skew(60deg);
    transform: rotate(165deg) skew(60deg);
  }
  .traza_bloque .traza_bloque_contenido .calendario_wrapper ul li:nth-child(5) {
    /*transform: rotate(75deg) skew(60deg);*/
    -webkit-transform: rotate(195deg) skew(60deg);
    -moz-transform: rotate(195deg) skew(60deg);
    -ms-transform: rotate(195deg) skew(60deg);
    transform: rotate(195deg) skew(60deg);
  }
  .traza_bloque .traza_bloque_contenido .calendario_wrapper ul li:nth-child(6) {
    /*transform: rotate(105deg) skew(60deg);*/
    -webkit-transform: rotate(225deg) skew(60deg);
    -moz-transform: rotate(225deg) skew(60deg);
    -ms-transform: rotate(225deg) skew(60deg);
    transform: rotate(225deg) skew(60deg);
  }
  .traza_bloque .traza_bloque_contenido .calendario_wrapper ul li:nth-child(7) {
    /*transform: rotate(135deg) skew(60deg);*/
    -webkit-transform: rotate(255deg) skew(60deg);
    -moz-transform: rotate(255deg) skew(60deg);
    -ms-transform: rotate(255deg) skew(60deg);
    transform: rotate(255deg) skew(60deg);
  }
  .traza_bloque .traza_bloque_contenido .calendario_wrapper ul li:nth-child(8) {
    /*transform: rotate(165deg) skew(60deg);*/
    -webkit-transform: rotate(285deg) skew(60deg);
    -moz-transform: rotate(285deg) skew(60deg);
    -ms-transform: rotate(285deg) skew(60deg);
    transform: rotate(285deg) skew(60deg);
  }
  .traza_bloque .traza_bloque_contenido .calendario_wrapper ul li:nth-child(9) {
    /*transform: rotate(195deg) skew(60deg);*/
    -webkit-transform: rotate(315deg) skew(60deg);
    -moz-transform: rotate(315deg) skew(60deg);
    -ms-transform: rotate(315deg) skew(60deg);
    transform: rotate(315deg) skew(60deg);
  }
  .traza_bloque .traza_bloque_contenido .calendario_wrapper ul li:nth-child(10) {
    /*transform: rotate(225deg) skew(60deg);*/
    -webkit-transform: rotate(345deg) skew(60deg);
    -moz-transform: rotate(345deg) skew(60deg);
    -ms-transform: rotate(345deg) skew(60deg);
    transform: rotate(345deg) skew(60deg);
  }
  .traza_bloque .traza_bloque_contenido .calendario_wrapper ul li:nth-child(11) {
    /*transform: rotate(255deg) skew(60deg);*/
    -webkit-transform: rotate(155deg) skew(60deg);
    -moz-transform: rotate(155deg) skew(60deg);
    -ms-transform: rotate(155deg) skew(60deg);
    transform: rotate(15deg) skew(60deg);
  }
  .traza_bloque .traza_bloque_contenido .calendario_wrapper ul li:nth-child(12) {
    /*transform: rotate(285deg) skew(60deg);*/
    -webkit-transform: rotate(45deg) skew(60deg);
    -moz-transform: rotate(45deg) skew(60deg);
    -ms-transform: rotate(455deg) skew(60deg);
    transform: rotate(45deg) skew(60deg);
  }
  .traza_bloque .traza_bloque_contenido .calendario_wrapper ul li div {
    /* Todos los elementos "a":
								Tienen que hacer el "skew" en el sentido contrario al que se hace con los "li"
								Se rotan
							*/
    display: block;
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 1.18em;
    height: 14.5em;
    width: 14.5em;
    position: absolute;
    /*position:fixed;*/
    /*Fix "desplacement" in webkit browsers*/
    bottom: -7.25em;
    right: -7.25em;
    border-radius: 50%;
    text-decoration: none;
    color: #fff;
    /*padding-top: 1.8em;*/
    padding-top: 0.5em;
    text-align: center;
    /*
							  -webkit-transform: skew(-60deg) rotate(-75deg) scale(1);
							  -ms-transform: skew(-60deg) rotate(-75deg) scale(1);
							  -moz-transform: skew(-60deg) rotate(-75deg) scale(1);
							  transform: skew(-60deg) rotate(-75deg) scale(1);
								*/
    /*Adecuamos los textos para que salgan en vertical, hacemos que se alineen a la derecha que es la parte visible */
    -webkit-transform: skew(-60deg) rotate(195deg) scale(1);
    -ms-transform: skew(-60deg) rotate(195deg) scale(1);
    -moz-transform: skew(-60deg) rotate(195deg) scale(1);
    transform: skew(-60deg) rotate(195deg) scale(1);
    padding-top: 78%;
    text-align: right;
    padding-right: 20px;
    -webkit-backface-visibility: hidden;
    -webkit-transition: opacity 0.3s, color 0.3s;
    -moz-transition: opacity 0.3s, color 0.3s;
    transition: opacity 0.3s, color 0.3s;
    background-color: #fff;
  }
  .traza_bloque .traza_bloque_contenido .calendario_wrapper ul li div span {
    font-family: "IBM Plex Sans", sans-serif;
    color: #0d5998;
    font-weight: 400;
    /*Regular*/
    font-size: 1.125rem;
    /*18/16*/
    text-transform: uppercase;
  }
  .traza_bloque .traza_bloque_contenido .calendario_wrapper ul li div.seleccionado {
    background-color: #0d5998;
  }
  .traza_bloque .traza_bloque_contenido .calendario_wrapper ul li div.seleccionado span {
    color: #fff;
    font-weight: bold;
  }
  .traza_bloque .traza_bloque_contenido .calendario_wrapper ul li:nth-child(n+8) div {
    -webkit-transform: skew(-60deg) rotate(15deg) scale(1);
    -ms-transform: skew(-60deg) rotate(15deg) scale(1);
    -moz-transform: skew(-60deg) rotate(15deg) scale(1);
    transform: skew(-60deg) rotate(15deg) scale(1);
    text-align: left;
    padding-left: 20px;
  }
  /* TRABILIDAD - TRAZA - FIN */
  #pie_pagina {
    width: 88.02083333%;
    padding-left: 5.98958333%;
    padding-right: 5.98958333%;
    padding-top: 2.29166667%;
    padding-bottom: 2.29166667%;
  }
  #pie_pagina #pie_pagina_secciones {
    width: 50%;
    /*845*/
    display: inline-block;
    margin-right: -4px;
  }
  #pie_pagina #pie_pagina_secciones #pie_pagina_secciones_principales {
    width: 100%;
    /*845*/
    margin-bottom: 2.13017751%;
  }
  #pie_pagina #pie_pagina_secciones #pie_pagina_secciones_principales li {
    width: 100%;
    padding-bottom: 16px;
    font-family: "Trajan Pro", serif;
    font-size: 1.5rem;
    /*20191230: Bajado a 24 px de 25/16*/
    line-height: 1;
  }
  #pie_pagina #pie_pagina_secciones #pie_pagina_secciones_principales li a:hover {
    text-decoration: underline;
  }
  #pie_pagina #pie_pagina_secciones #pie_pagina_seccions_secundarias {
    width: 50%;
    /*845/2=422.5*/
    padding-top: 16px;
    border-top: 1px solid #fff;
  }
  #pie_pagina #pie_pagina_secciones #pie_pagina_seccions_secundarias li {
    width: 100%;
    padding-bottom: 16px;
    font-family: "Trajan Pro", serif;
    font-size: 1.5rem;
    /*20191230: Bajado a 24 px de 25/16*/
    line-height: 1;
  }
  #pie_pagina #pie_pagina_secciones #pie_pagina_seccions_secundarias li a:hover {
    text-decoration: underline;
  }
  #pie_pagina #pie_pagina_corporativo {
    width: 50%;
    /*845*/
    display: inline-block;
    margin-right: -4px;
    text-align: right;
    top: 50%;
    transform: translateY(-50%);
  }
  #pie_pagina #pie_pagina_corporativo #pie_pagina_logotipo {
    width: 41.77514793%;
    max-width: 353px;
    display: inline-block;
  }
  #pie_pagina #pie_pagina_corporativo #pie_pagina_logotipo img {
    width: 100%;
    vertical-align: top;
  }
  #pie_pagina #pie_pagina_corporativo #pie_pagina_copyright {
    width: 100%;
    /*845*/
    padding-top: 2.13017751%;
    font-size: 1.25rem;
    /*20/16*/
    font-weight: 300;
    /*Light*/
  }
}
/* */
/* ======================== ESTILOS Desktop - FIN ===================== */
/* Se escoge el punto de corte de Boostrap Large Device: 992px			*/
/* ==================================================================== */
/* */
/* ======================== ESTILOS Desktop ============================ */
/* Se escoge el punto de corte de Boostrap Extra Large Device: 1200px	*/
/* Diseño 1560px														*/
/* ==================================================================== */
/* Dispositivos 1200px -> 1920*/
@media screen and (min-width: 1200px) {
  /* ======================== HELPER CLASSES ===================== */
  .contenido {
    /*width:percentage((1280/1560));*/
    width: 73.84615385%;
    /*20200110 - Aplico una reducción del 10% con respecto a diseño*/
    margin: 0 auto;
    margin-bottom: 50px;
    position: relative;
  }
  .contenido.ancho_total {
    width: 100%;
  }
  .contenido .contenido_texto {
    margin-left: 44.375%;
    margin-top: 2.96875%;
    width: 44.921875%;
    padding-left: 5.46875%;
    padding-right: 5.46875%;
    padding-top: 3.90625%;
    padding-bottom: 3.90625%;
    background-color: #0d5998;
  }
  .contenido .contenido_texto .contenido_texto_filigrana_wrapper {
    width: 100%;
  }
  .contenido .contenido_texto .contenido_texto_filigrana_wrapper .contenido_texto_filigrana {
    display: inline-block;
    width: 115px;
    height: 8px;
    background-color: #fff;
    margin-bottom: 25px;
  }
  .contenido .contenido_texto .contenido_texto_titulo h1 {
    font-family: "Trajan Pro", serif;
    font-size: 3.125rem;
    /*50/16*/
    line-height: 1;
    margin-bottom: 35px;
  }
  .contenido .contenido_texto .contenido_texto_wrapper > div {
    font-weight: 300;
    /*Light*/
  }
  .contenido .contenido_texto .contenido_texto_wrapper > div p {
    font-size: 1.125rem;
    /*18/16*/
    margin-bottom: 30px;
  }
  .contenido .contenido_texto .contenido_texto_wrapper > div p:last-child {
    margin-bottom: 0;
  }
  .contenido .contenido_texto .contenido_texto_wrapper > div strong {
    font-weight: 600;
    /*Semi-bold*/
  }
  .contenido .contenido_texto .contenido_texto_wrapper > div ul {
    font-size: 1.125rem;
    /*18/16*/
    margin-bottom: 15px;
  }
  .contenido .contenido_texto .contenido_texto_wrapper > div ul li {
    margin-bottom: 7px;
  }
  .contenido .contenido_boton > a {
    width: 15.3125%;
    height: 55px;
    line-height: 55px;
    font-size: 20px;
  }
  /* ======================== HELPER CLASSES - FIN ===================== */
  #menu #menu_wrapper > ul li {
    font-size: 1.375rem;
    /*22/16*/
  }
  #menu #menu_wrapper > ul li:first-child {
    font-size: 2rem;
    /*32/16*/
  }
  #menu #menu_wrapper #menu_subsecciones ul li {
    font-size: 1rem;
  }
  #menu #menu_wrapper #menu_idiomas ul li {
    font-size: 1rem;
  }
  .contenido_wrapper {
    /************** NOSOTROS ************/
    /************** NOSOTROS - FIN  ************/
    /*************** PRODUCTOS ************************/
    /*************** PRODUCTOS - FIN ************************/
    /*************** SOSTENIBILIDAD ************************/
    /*************** SOSTENIBILIDAD ************************/
    /************** TRAZABILIDAD ************/
    /************** TRAZABILIDAD - FIN ************/
    /************** LEGAL ************/
    /************** LEGAL - FIN ************/
    /************** CONTACTO ************/
    /************** CONTACTO - FIN ************/
  }
  .contenido_wrapper.contenido_nosotros_historia .contenido {
    /*background-size:percentage((865/1560)) percentage((1004/1062));*/
  }
  .contenido_wrapper.contenido_nosotros_historia .contenido .contenido_texto {
    margin-left: 44.37012263%;
    margin-top: 2.67558528%;
    width: 44.59308807%;
    padding-left: 5.57413601%;
    padding-right: 5.57413601%;
    padding-top: 3.90189521%;
    padding-bottom: 3.90189521%;
  }
  .contenido_wrapper.contenido_nosotros_mision .contenido {
    padding-top: 25%;
  }
  .contenido_wrapper.contenido_nosotros_mision .contenido .contenido_texto {
    margin-bottom: 5.76923077%;
    /*width:percentage((1280/1560));*/
    width: 73.84615385%;
    /*20200110 - Aplico una reducción del 10% con respecto a diseño*/
    padding-left: 4.48717949%;
    padding-right: 4.48717949%;
    padding-top: 2.24358974%;
    padding-bottom: 3.20512821%;
  }
  .contenido_wrapper.contenido_nosotros_instalaciones {
    width: 100%;
    /*1560*/
  }
  .contenido_wrapper.contenido_nosotros_instalaciones > h1 {
    font-size: 2.875rem;
    /*46/16*/
    padding-bottom: 46px;
  }
  .contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper {
    width: 100%;
    margin-bottom: 60px;
  }
  .contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper .nosotros_instalaciones_item {
    display: inline-block;
    margin-right: -4px;
    margin-top: 60px;
    margin-bottom: 0;
    width: 32.91139241%;
    border-right: 2px solid #fff;
  }
  .contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper .nosotros_instalaciones_item:last-child {
    border-right: none;
  }
  .contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper .nosotros_instalaciones_item .nosotros_instalaciones_localizacion a {
    width: 52px;
  }
  .contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper .nosotros_instalaciones_item .nosotros_instalaciones_item_nombre {
    width: 73.84615385%;
    margin-bottom: 30px;
  }
  .contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper .nosotros_instalaciones_item .nosotros_instalaciones_item_nombre h3 {
    font-size: 20px;
  }
  .contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper .nosotros_instalaciones_item .nosotros_instalaciones_item_nombre p {
    font-size: 16px;
  }
  .contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper .nosotros_instalaciones_item .nosotros_instalaciones_item_texto {
    width: 73.84615385%;
    padding-top: 25px;
    padding-bottom: 60px;
    border-top: 3px dotted #fff;
    font-size: 16px;
  }
  .contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper .nosotros_instalaciones_item .nosotros_instalaciones_item_logos {
    width: 73.84615385%;
    min-height: 390px;
  }
  .contenido_wrapper.contenido_nosotros_descargas .contenido .contenido_texto {
    margin-left: 0;
    margin-right: 44.37012263%;
    margin-top: 2.67558528%;
    width: 44.59308807%;
    padding-left: 5.57413601%;
    padding-right: 5.57413601%;
    padding-top: 3.90189521%;
    padding-bottom: 3.90189521%;
  }
  .contenido_wrapper.contenido_productos_elegir .contenido {
    /*background-size:percentage((865/1560)) percentage((1004/1062));*/
  }
  .contenido_wrapper.contenido_productos_elegir .contenido .contenido_texto {
    margin-left: 44.37012263%;
    margin-top: 2.67558528%;
    width: 44.59308807%;
    padding-left: 5.57413601%;
    padding-right: 5.57413601%;
    padding-top: 3.90189521%;
    padding-bottom: 3.90189521%;
  }
  .contenido_wrapper.contenido_productos_conservas .contenido {
    /*background-size:percentage((865/1560)) percentage((1004/1062));*/
  }
  .contenido_wrapper.contenido_productos_conservas .contenido .contenido_texto {
    /*margin-left:percentage((398/897));*/
    margin-right: 44.37012263%;
    margin-left: 0;
    margin-top: 2.67558528%;
    width: 44.59308807%;
    padding-left: 5.57413601%;
    padding-right: 5.57413601%;
    padding-top: 3.90189521%;
    padding-bottom: 3.90189521%;
  }
  .contenido_wrapper.contenido_productos_congelados .contenido {
    /*background-size:percentage((865/1560)) percentage((1004/1062));*/
  }
  .contenido_wrapper.contenido_productos_congelados .contenido .contenido_texto {
    margin-left: 44.37012263%;
    margin-top: 2.67558528%;
    width: 44.59308807%;
    padding-left: 5.57413601%;
    padding-right: 5.57413601%;
    padding-top: 3.90189521%;
    padding-bottom: 3.90189521%;
  }
  .contenido_wrapper.contenido_productos_marcas .contenido {
    /*background-size:percentage((865/1560)) 100%;*/
  }
  .contenido_wrapper.contenido_productos_marcas .contenido .contenido_texto {
    /*margin-left:percentage((398/897));*/
    margin-right: 44.37012263%;
    margin-left: 0;
    margin-top: 2.67558528%;
    margin-bottom: 2.67558528%;
    width: 44.59308807%;
    padding-left: 5.57413601%;
    padding-right: 5.57413601%;
    padding-top: 3.90189521%;
    padding-bottom: 3.90189521%;
  }
  .contenido_wrapper.contenido_sostenibilidad_politica .contenido .contenido_texto {
    margin-left: 44.37012263%;
    margin-top: 2.67558528%;
    margin-bottom: 2.67558528%;
    width: 44.59308807%;
    padding-left: 5.57413601%;
    padding-right: 5.57413601%;
    padding-top: 3.90189521%;
    padding-bottom: 3.90189521%;
  }
  .contenido_wrapper.contenido_sostenibilidad_objetivos .contenido {
    padding-top: 25%;
  }
  .contenido_wrapper.contenido_sostenibilidad_objetivos .contenido .contenido_texto {
    margin-bottom: 5.76923077%;
    /*width:percentage((1280/1560));*/
    width: 73.84615385%;
    /*20200110 - Aplico una reducción del 10% con respecto a diseño*/
    padding-left: 4.48717949%;
    padding-right: 4.48717949%;
    padding-top: 2.24358974%;
    padding-bottom: 3.20512821%;
  }
  .contenido_wrapper.contenido_sostenibilidad_objetivos .contenido .contenido_texto .contenido_texto_wrapper > div ul.sostenibilidad_objetivos {
    width: 100%;
    padding-top: 60px;
  }
  .contenido_wrapper.contenido_sostenibilidad_objetivos .contenido .contenido_texto .contenido_texto_wrapper > div ul.sostenibilidad_objetivos .sostenibilidad_objetivo {
    width: 100%;
    margin-bottom: 70px;
  }
  .contenido_wrapper.contenido_sostenibilidad_objetivos .contenido .contenido_texto .contenido_texto_wrapper > div ul.sostenibilidad_objetivos .sostenibilidad_objetivo:last-child {
    margin-bottom: 0;
  }
  .contenido_wrapper.contenido_sostenibilidad_objetivos .contenido .contenido_texto .contenido_texto_wrapper > div ul.sostenibilidad_objetivos .sostenibilidad_objetivo .sostenibilidad_objetivo_imagen {
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    width: 14.74358974%;
    text-align: right;
    margin-bottom: 0;
  }
  .contenido_wrapper.contenido_sostenibilidad_objetivos .contenido .contenido_texto .contenido_texto_wrapper > div ul.sostenibilidad_objetivos .sostenibilidad_objetivo .sostenibilidad_objetivo_imagen img {
    width: 76.95652174%;
  }
  .contenido_wrapper.contenido_sostenibilidad_objetivos .contenido .contenido_texto .contenido_texto_wrapper > div ul.sostenibilidad_objetivos .sostenibilidad_objetivo .sostenibilidad_objetivo_texto_wrapper {
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    padding-left: 1.92307692%;
    width: 83.33333333%;
  }
  .contenido_wrapper.contenido_sostenibilidad_objetivos .contenido .contenido_texto .contenido_texto_wrapper > div ul.sostenibilidad_objetivos .sostenibilidad_objetivo .sostenibilidad_objetivo_texto_wrapper h3 {
    font-size: 1.25rem;
    /*20/16*/
  }
  .contenido_wrapper.contenido_sostenibilidad_compromisos .contenido .contenido_texto {
    margin-left: 44.37012263%;
    margin-top: 2.67558528%;
    margin-bottom: 2.67558528%;
    width: 44.59308807%;
    padding-left: 5.57413601%;
    padding-right: 5.57413601%;
    padding-top: 3.90189521%;
    padding-bottom: 3.90189521%;
  }
  .contenido_wrapper.contenido_sostenibilidad_calidad .contenido .contenido_texto {
    margin-left: 0;
    margin-right: 44.37012263%;
    margin-top: 2.67558528%;
    width: 44.59308807%;
    padding-left: 5.57413601%;
    padding-right: 5.57413601%;
    padding-top: 3.90189521%;
    padding-bottom: 3.90189521%;
  }
  .contenido_wrapper.contenido_sostenibilidad_colaboradores .contenido .contenido_texto {
    margin-left: 44.37012263%;
    margin-top: 2.67558528%;
    width: 44.59308807%;
    padding-left: 5.57413601%;
    padding-right: 5.57413601%;
    padding-top: 3.90189521%;
    padding-bottom: 3.90189521%;
  }
  .contenido_wrapper.contenido_trazabilidad_portada .contenido {
    text-align: center;
    font-family: "IBM Plex Sans", sans-serif;
  }
  .contenido_wrapper.contenido_trazabilidad_portada .contenido .trazabilidad_titulo h1 {
    font-size: 3.125rem;
    /*50/16*/
  }
  .contenido_wrapper.contenido_trazabilidad_portada .contenido .trazabilidad_claim {
    font-size: 2.625rem;
    /*42/16*/
  }
  .contenido_wrapper.contenido_legal .contenido {
    /*padding-top:percentage((150/1560));*/
    /*20200108: Lo bajo de 390px inicialmente*/
  }
  .contenido_wrapper.contenido_legal .contenido .contenido_texto {
    margin-bottom: 5.76923077%;
    /*width:percentage((1280/1560));*/
    /*width:percentage((1152/1560));*/
    /*20200110 - Aplico una reducción del 10% con respecto a diseño*/
    width: 91.02564103%;
    /*20200115 - Tiene que tener un ancho equivalente en total al 100%, no es ancho_total */
    padding-left: 4.48717949%;
    padding-right: 4.48717949%;
    padding-top: 2.24358974%;
    padding-bottom: 3.20512821%;
  }
  .contenido_wrapper.contenido_contacto .contenido .contenido_texto {
    margin-bottom: 5.76923077%;
    /*width:percentage((1280/1560));*/
    /*width:percentage((1152/1560));*/
    /*20200110 - Aplico una reducción del 10% con respecto a diseño*/
    width: 91.02564103%;
    /*20200115 - Tiene que tener un ancho equivalente en total al 100%, no es ancho_total */
    padding-left: 4.48717949%;
    padding-right: 4.48717949%;
    padding-top: 2.24358974%;
    padding-bottom: 3.20512821%;
  }
  /* TRABILIDAD - TRAZA */
  .traza_bloque .traza_bloque_cabecera_wrapper .traza_bloque_cabecera .traza_bloque_titulo {
    /*font-size:2rem;*/
    /*32/16*/
    font-size: 1.5625rem;
    /*20200228 - Para que entren los textos de SAC*/
  }
  .traza_bloque .traza_bloque_cabecera_wrapper .traza_bloque_cabecera .traza_bloque_nombre {
    font-size: 1.5rem;
    /*24/16*/
  }
  .traza_bloque .traza_bloque_contenido .traza_contenido_texto {
    font-size: 1.875rem;
    /*30/16*/
  }
  .traza_bloque .traza_bloque_contenido .calendario_wrapper {
    font-size: 1.37em;
    /*22px para que de un ancho de 22x26=572px, según diseño*/
  }
  .traza_bloque .traza_bloque_contenido .calendario_wrapper .calendario_circulo {
    font-size: 4em;
  }
  .traza_bloque .traza_bloque_contenido .calendario_wrapper .calendario_circulo .calendario_circulo_texto {
    font-size: 38px;
    /*20200306 - para poder meter 2 años si es necesario*/
  }
  .traza_bloque .traza_bloque_contenido .calendario_wrapper ul li div span {
    display: inline-block;
    width: 120px;
    text-align: center;
  }
  /* TRABILIDAD - TRAZA - FIN */
}
/* ======================== ESTILOS Desktop ============================ */
/* Se escoge el punto de corte: 1920px									*/
/* Diseño: 1920 px																*/
/* ==================================================================== */
/* Dispositivos 1920px -> infinito*/
@media screen and (min-width: 1919px) {
  /* ======================== HELPER CLASSES ===================== */
  .contenido {
    /*width:percentage((1574/1920));*/
    width: 73.75%;
    /*20200110 - Aplico una reducción del 10% con respecto a diseño*/
    margin: 0 auto;
    margin-bottom: 50px;
    position: relative;
  }
  .contenido.ancho_total {
    width: 100%;
  }
  .contenido .contenido_texto {
    background-color: #0d5998;
  }
  .contenido .contenido_texto .contenido_texto_filigrana_wrapper {
    width: 100%;
  }
  .contenido .contenido_texto .contenido_texto_filigrana_wrapper .contenido_texto_filigrana {
    display: inline-block;
    width: 115px;
    height: 8px;
    background-color: #fff;
    margin-bottom: 25px;
  }
  .contenido .contenido_texto .contenido_texto_titulo h1 {
    font-family: "Trajan Pro", serif;
    font-size: 4.0625rem;
    /*65/16*/
    line-height: 1;
    margin-bottom: 35px;
  }
  .contenido .contenido_texto .contenido_texto_wrapper > div {
    font-weight: 300;
    /*Light*/
  }
  .contenido .contenido_texto .contenido_texto_wrapper > div p {
    font-size: 1.375rem;
    /*22/16*/
    margin-bottom: 30px;
  }
  .contenido .contenido_texto .contenido_texto_wrapper > div p:last-child {
    margin-bottom: 0;
  }
  .contenido .contenido_texto .contenido_texto_wrapper > div strong {
    font-weight: 600;
    /*bold*/
  }
  .contenido .contenido_texto .contenido_texto_wrapper > div ul {
    font-size: 1.375rem;
    /*22/16*/
    margin-bottom: 15px;
  }
  .contenido .contenido_texto .contenido_texto_wrapper > div ul li {
    margin-bottom: 7px;
  }
  .contenido .contenido_boton > a {
    width: 240px;
    height: 65px;
    line-height: 65px;
  }
  /* ======================== HELPER CLASSES - FIN ===================== */
  #menu #menu_wrapper > ul li {
    font-size: 1.375rem;
    /*22/16*/
  }
  #menu #menu_wrapper > ul li:first-child {
    font-size: 2rem;
    /*32/16*/
  }
  #menu #menu_wrapper #menu_subsecciones ul li {
    font-size: 1rem;
  }
  #menu #menu_wrapper #menu_idiomas ul li {
    font-size: 1rem;
  }
  .contenido_wrapper {
    /************** TRAZABILIDAD ************/
    /************** TRAZABILIDAD - FIN ************/
  }
  .contenido_wrapper.contenido_nosotros_historia .contenido {
    /*background-size:percentage((1061/1574)) percentage((1231/1303));*/
  }
  .contenido_wrapper.contenido_nosotros_historia .contenido .contenido_texto {
    margin-left: 44.34561626%;
    margin-top: 2.66836086%;
    width: 44.72681067%;
    padding-left: 5.08259212%;
    padding-right: 5.08259212%;
    padding-top: 3.81194409%;
    padding-bottom: 3.81194409%;
  }
  .contenido_wrapper.contenido_nosotros_mision .contenido {
    padding-top: 25%;
  }
  .contenido_wrapper.contenido_nosotros_mision .contenido .contenido_texto {
    margin-bottom: 6.25%;
    /*width:percentage((1404/1920));*/
    width: 65.83333333%;
    /*20200110 - Aplico una reducción del 10% con respecto a diseño*/
    padding-left: 4.42708333%;
    padding-right: 4.42708333%;
    padding-top: 2.08333333%;
    padding-bottom: 3.125%;
  }
  .contenido_wrapper.contenido_nosotros_instalaciones {
    width: 100%;
    /*1920*/
  }
  .contenido_wrapper.contenido_nosotros_instalaciones > h1 {
    font-size: 3.5rem;
    /*56/16*/
    padding-bottom: 46px;
  }
  .contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper {
    width: 100%;
    padding-bottom: 60px;
  }
  .contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper .nosotros_instalaciones_item {
    display: inline-block;
    margin-right: -4px;
    margin-top: 70px;
    margin-bottom: 0;
    width: 33.22916667%;
    border-right: 2px solid #fff;
  }
  .contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper .nosotros_instalaciones_item:last-child {
    border-right: none;
  }
  .contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper .nosotros_instalaciones_item .nosotros_instalaciones_localizacion a {
    width: 60px;
  }
  .contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper .nosotros_instalaciones_item .nosotros_instalaciones_item_nombre {
    width: 73.6677116%;
    margin-bottom: 50px;
  }
  .contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper .nosotros_instalaciones_item .nosotros_instalaciones_item_nombre h3 {
    font-size: 26px;
  }
  .contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper .nosotros_instalaciones_item .nosotros_instalaciones_item_nombre p {
    font-size: 22px;
  }
  .contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper .nosotros_instalaciones_item .nosotros_instalaciones_item_texto {
    width: 73.6677116%;
    padding-top: 25px;
    padding-bottom: 74px;
    border-top: 3px dotted #fff;
    font-size: 22px;
  }
  .contenido_wrapper.contenido_nosotros_instalaciones .nosotros_instalaciones_wrapper .nosotros_instalaciones_item .nosotros_instalaciones_item_logos {
    width: 73.4375%;
  }
  .contenido_wrapper.contenido_trazabilidad_portada .contenido .trazabilidad_titulo h1 {
    font-size: 4.0625rem;
    /*65/16*/
  }
  .contenido_wrapper.contenido_trazabilidad_portada .contenido .trazabilidad_claim {
    font-size: 3.125rem;
    /*50/16*/
  }
  /* TRAZABILIDAD - TRAZA */
  .traza_bloque .traza_bloque_cabecera_wrapper .traza_bloque_cabecera .traza_bloque_titulo {
    font-size: 2.5rem;
    /*40/16*/
  }
  .traza_bloque .traza_bloque_cabecera_wrapper .traza_bloque_cabecera .traza_bloque_nombre {
    font-size: 1.875rem;
    /*30/16*/
  }
  .traza_bloque .traza_bloque_contenido .traza_contenido_texto {
    font-size: 2.3125rem;
    /*37/16*/
  }
  /* TRAZABILIDAD - TRAZA - FIN */
}
/* ======================== ESTILOS Desktop ============================ */
/* Se escoge el punto de corte de Boostrap Extra Large Device: 1200px			*/
/* ==================================================================== */