@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);

/* solo para importal .less --------------------- */


/* colores ---------------------------------------- */


/* variables ------------------------------------------ */


/*! normalize.css v3.0.2 | MIT License | git.io/normalize */


/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}


/**
 * Remove default margin.
 */

body {
    margin: 0;
}


/* HTML5 display definitions
   ========================================================================== */


/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}


/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}


/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}


/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}


/* Links
   ========================================================================== */


/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background-color: transparent;
}


/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}


/* Text-level semantics
   ========================================================================== */


/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}


/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
    font-weight: bold;
}


/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
    font-style: italic;
}


/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}


/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}


/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}


/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* Embedded content
   ========================================================================== */


/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
    border: 0;
}


/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
    overflow: hidden;
}


/* Grouping content
   ========================================================================== */


/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
    margin: 1em 40px;
}


/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}


/**
 * Contain overflow in all browsers.
 */

pre {
    overflow: auto;
}


/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}


/* Forms
   ========================================================================== */


/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */


/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
}


/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
    overflow: visible;
}


/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
    text-transform: none;
}


/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}


/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}


/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}


/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
    line-height: normal;
}


/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}


/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}


/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box;
}


/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}


/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}


/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}


/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
    overflow: auto;
}


/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
    font-weight: bold;
}


/* Tables
   ========================================================================== */


/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

.ps-container .ps-scrollbar-x-rail {
    position: absolute;
    /* please don't change 'position' */
    bottom: 3px;
    /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 8px;
    border-radius: 4px;
    opacity: 0;
    -o-transition: background-color 0.2s linear, opacity 0.2s linear;
    -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
    transition: background-color 0.2s linear, opacity 0.2s linear;
    filter: alpha(opacity=0);
}

.ps-container:hover .ps-scrollbar-x-rail,
.ps-container.hover .ps-scrollbar-x-rail {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.ps-container .ps-scrollbar-x-rail:hover,
.ps-container .ps-scrollbar-x-rail.hover {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.ps-container .ps-scrollbar-x-rail.in-scrolling {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.ps-container .ps-scrollbar-y-rail {
    position: absolute;
    /* please don't change 'position' */
    right: 3px;
    /* there must be 'right' for ps-scrollbar-y-rail */
    width: 8px;
    border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transition: background-color 0.2s linear, opacity 0.2s linear;
    -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
    transition: background-color 0.2s linear, opacity 0.2s linear;
}

.ps-container:hover .ps-scrollbar-y-rail,
.ps-container.hover .ps-scrollbar-y-rail {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.ps-container .ps-scrollbar-y-rail:hover,
.ps-container .ps-scrollbar-y-rail.hover {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.ps-container .ps-scrollbar-y-rail.in-scrolling {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.ps-container .ps-scrollbar-x {
    position: absolute;
    /* please don't change 'position' */
    bottom: 0;
    /* there must be 'bottom' for ps-scrollbar-x */
    height: 8px;
    background-color: #aaa;
    border-radius: 4px;
    -o-transition: background-color 0.2s linear;
    -webkit-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
}

.ps-container.ie6 .ps-scrollbar-x {
    font-size: 0;
    /* fixed scrollbar height in xp sp3 ie6 */
}

.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
.ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x {
    background-color: #999;
}

.ps-container .ps-scrollbar-y {
    position: absolute;
    /* please don't change 'position' */
    right: 0;
    /* there must be 'right' for ps-scrollbar-y */
    width: 8px;
    background-color: #aaa;
    border-radius: 4px;
    -o-transition: background-color 0.2s linear;
    -webkit-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
}

.ps-container.ie6 .ps-scrollbar-y {
    font-size: 0;
    /* fixed scrollbar height in xp sp3 ie6 */
}

.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y {
    background-color: #999;
}

.ps-container.ie .ps-scrollbar-x,
.ps-container.ie .ps-scrollbar-y {
    visibility: hidden;
}

.ps-container.ie:hover .ps-scrollbar-x,
.ps-container.ie:hover .ps-scrollbar-y,
.ps-container.ie.hover .ps-scrollbar-x,
.ps-container.ie.hover .ps-scrollbar-y {
    visibility: visible;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

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

body {
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -ms-overflow-x: hidden;
    overflow-x: hidden;
}

a {
    text-decoration: none;
}

input:focus,
select:focus {
    outline: none;
}

#page-title {
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

.switch-color {
    position: absolute;
    top: 40px;
    right: 5px;
    padding: 4px 5px;
    line-height: 10px;
    border-radius: 5px;
    background-color: #f35725;
    z-index: 99999;
    font-size: 10px;
    color: white;
    cursor: pointer;
}

.degradado {
    width: 100%;
    height: 150px;
    position: absolute;
    top: 0px;
    z-index: -1;
    background: rgba(255, 255, 255, 0.6);
}

.degradado.color {
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #034c99), color-stop(50%, rgba(41, 137, 216, 0.5)), color-stop(100%, rgba(125, 185, 232, 0))) !important;
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #034c99 0%, rgba(41, 137, 216, 0.5) 50%, rgba(125, 185, 232, 0) 100%) !important;
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #034c99 0%, rgba(41, 137, 216, 0.5) 50%, rgba(125, 185, 232, 0) 100%) !important;
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#034c99), color-stop(50%, rgba(41, 137, 216, 0.5)), to(rgba(125, 185, 232, 0))) !important;
    background: linear-gradient(to bottom, #034c99 0%, rgba(41, 137, 216, 0.5) 50%, rgba(125, 185, 232, 0) 100%) !important;
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#034c99', endColorstr='#007db9e8', GradientType=0) !important;
    /* IE6-9 */
}

#top_seccion_rotador {
    height: 5px;
}


/* links busqueda globales y fechas
-------------------------------------------------------- */

.field-name-post-date {
    margin-left: 5px;
}

.buscar_field_seccion,
.buscar_field_fecha {
    /* estilos comunes */
    display: inline-block;
    vertical-align: top;
    padding: 2px 8px;
    border-radius: 5px;
    font-size: 14px;
    color: white;
}

.front .field-name-field-seccion {
    display: inline-block;
    float: left;
}

.field-name-field-seccion .color-seccion {
    display: inline-block;
    border-radius: 4px;
    padding: 2px 1px;
}

.buscar_field_fecha {
    margin-left: 5px;
    background-color: #030303;
    padding: 4px 10px;
}


/* Idioma commons
--------------------------------------------------------------------------------  */

.block-locale-language-content,
.block-locale-language {
    /* wrap comun de idiomas */
    position: relative;
    width: 103px;
    height: 45px;
    padding: 14px 10px;
}

.block-locale-language-content span,
.block-locale-language span {
    display: inline-block;
    vertical-align: top;
    line-height: 19px;
    font-size: 14px;
}

.block-locale-language-content span:hover,
.block-locale-language span:hover {
    color: #4A4A4A;
}

.block-locale-language-content .idioma-seleccionado,
.block-locale-language .idioma-seleccionado {
    /* wrap del idioma actual */
    background: url('../../images/header/flecha.png') no-repeat;
    background-position: 94% center;
    cursor: pointer;
}

.block-locale-language-content .img-idioma,
.block-locale-language .img-idioma {
    /* commons imagen idioma */
    width: 19px;
    height: 17px;
    margin-right: 7px;
    margin-left: 3px;
    /* ajuste temporal hasta subir imagenes con el tamaño correcto */
}

.block-locale-language-content .img-idioma img,
.block-locale-language .img-idioma img {
    max-width: 100%;
    height: auto;
}

.block-locale-language-content .img-idioma img,
.block-locale-language .img-idioma img {
    width: 19px;
    height: 17px;
}

.block-locale-language-content .language-switcher-locale-url,
.block-locale-language .language-switcher-locale-url {
    /* dropdown de idiomas */
    position: absolute;
    display: none;
    width: 103px;
    right: 0;
    top: 46px;
    margin: 0;
    padding: 15px 10px 10px;
    border: 1px solid black;
    background-color: white;
    list-style: none;
    z-index: 9999;
    /* Stroke */
    /* Fill */
}

.block-locale-language-content .language-switcher-locale-url.active,
.block-locale-language .language-switcher-locale-url.active {
    display: block;
}

.block-locale-language-content .language-switcher-locale-url::after,
.block-locale-language .language-switcher-locale-url::after,
.block-locale-language-content .language-switcher-locale-url::before,
.block-locale-language .language-switcher-locale-url::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.block-locale-language-content .language-switcher-locale-url::before,
.block-locale-language .language-switcher-locale-url::before {
    top: -6px;
    /* If 1px darken stroke slightly */
    border-bottom-color: #030303;
    border-width: 6px;
}

.block-locale-language-content .language-switcher-locale-url::after,
.block-locale-language .language-switcher-locale-url::after {
    top: -5px;
    border-bottom-color: white;
    border-width: 5px;
}

.block-locale-language-content .language-switcher-locale-url li,
.block-locale-language .language-switcher-locale-url li {
    padding-bottom: 5px;
}


/* galerias
-------------------------------------------------------- */

.node-type-galerias .l-main,
.page-galerias .l-main {
    max-width: 1024px;
    width: 100%;
    margin: 0 auto;
}

.node-type-galerias .l-main .ug-gallery-wrapper,
.page-galerias .l-main .ug-gallery-wrapper {
    margin: 0 auto;
}

.node-type-galerias .l-main .node-galerias>.field-name-title,
.page-galerias .l-main .node-galerias>.field-name-title {
    max-width: 1024px;
    width: 100%;
    margin: 0 auto;
    background: #0051aa;
}

.node-type-galerias .l-main .node-galerias>.field-name-title h2,
.page-galerias .l-main .node-galerias>.field-name-title h2 {
    margin: 0 auto;
    color: #FFFFFF;
    font-size: 1.2em;
    font-weight: normal;
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
}

.node-type-galerias .l-main .node-galerias>.field-name-field-imagenes,
.page-galerias .l-main .node-galerias>.field-name-field-imagenes {
    background-color: #000000;
    padding: 0 0 20px;
}

.node-type-galerias .l-main .node-galerias .block-title,
.page-galerias .l-main .node-galerias .block-title {
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 100;
    font-size: 2em;
}

.node-type-galerias .l-main .node-galerias .view-id-noticias .view-content,
.page-galerias .l-main .node-galerias .view-id-noticias .view-content {
    padding: 0 0 80px;
}

.node-type-galerias .l-main .node-galerias .view-id-noticias .view-content .views-row,
.page-galerias .l-main .node-galerias .view-id-noticias .view-content .views-row {
    display: inline-block;
    width: 31%;
    margin: 0 1% 1%;
    vertical-align: top;
    padding: 0;
    position: relative;
}

.node-type-galerias .l-main .node-galerias .view-id-noticias .view-content .views-row .group-left,
.page-galerias .l-main .node-galerias .view-id-noticias .view-content .views-row .group-left {
    position: relative;
    z-index: 0;
}

.node-type-galerias .l-main .node-galerias .view-id-noticias .view-content .views-row .group-left .field-type-image img,
.page-galerias .l-main .node-galerias .view-id-noticias .view-content .views-row .group-left .field-type-image img {
    width: 100%;
    height: auto;
}

.node-type-galerias .l-main .node-galerias .view-id-noticias .view-content .views-row .group-right,
.page-galerias .l-main .node-galerias .view-id-noticias .view-content .views-row .group-right {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    display: block;
    padding: 60px 20px 20px;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, 0.85) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(18%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.85)));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, 0.85) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, 0.85) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}

.node-type-galerias .l-main .node-galerias .view-id-noticias .view-content .views-row .group-right .group-info-content,
.page-galerias .l-main .node-galerias .view-id-noticias .view-content .views-row .group-right .group-info-content {
    display: none;
}

.node-type-galerias .l-main .node-galerias .view-id-noticias .view-content .views-row .group-right .field-name-field-tags-relacionados,
.page-galerias .l-main .node-galerias .view-id-noticias .view-content .views-row .group-right .field-name-field-tags-relacionados {
    width: auto;
    display: inline-block;
    border-radius: 4px;
    padding: 2px 1px;
    background: #0051aa;
}

.node-type-galerias .l-main .node-galerias .view-id-noticias .view-content .views-row .group-right .field-name-field-tags-relacionados a,
.page-galerias .l-main .node-galerias .view-id-noticias .view-content .views-row .group-right .field-name-field-tags-relacionados a {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 400;
    margin: 0;
    display: inline-block;
    vertical-align: top;
    padding: 2px 8px;
    border-radius: 5px;
    text-transform: capitalize;
}

.node-type-galerias .l-main .node-galerias .view-id-noticias .view-content .views-row .group-right .field-name-title h2,
.page-galerias .l-main .node-galerias .view-id-noticias .view-content .views-row .group-right .field-name-title h2 {
    margin: 0;
}

.node-type-galerias .l-main .node-galerias .view-id-noticias .view-content .views-row .group-right .field-name-title h2 a,
.page-galerias .l-main .node-galerias .view-id-noticias .view-content .views-row .group-right .field-name-title h2 a {
    font-size: 1em;
    color: #FFFFFF;
    font-weight: 400;
}

.node-type-galerias .l-main .view-display-id-attachment_3 .view-content,
.page-galerias .l-main .view-display-id-attachment_3 .view-content {
    padding: 0 0 80px;
}

.node-type-galerias .l-main .view-display-id-attachment_3 .view-content .views-row,
.page-galerias .l-main .view-display-id-attachment_3 .view-content .views-row {
    display: inline-block;
    width: 31%;
    margin: 0 1% 1%;
    vertical-align: top;
    padding: 0;
    position: relative;
}

.node-type-galerias .l-main .view-display-id-attachment_3 .view-content .views-row .group-left,
.page-galerias .l-main .view-display-id-attachment_3 .view-content .views-row .group-left {
    position: relative;
    z-index: 0;
}

.node-type-galerias .l-main .view-display-id-attachment_3 .view-content .views-row .group-left .field-type-image img,
.page-galerias .l-main .view-display-id-attachment_3 .view-content .views-row .group-left .field-type-image img {
    width: 100%;
    height: auto;
}

.node-type-galerias .l-main .view-display-id-attachment_3 .view-content .views-row .group-right,
.page-galerias .l-main .view-display-id-attachment_3 .view-content .views-row .group-right {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    display: block;
    padding: 60px 20px 20px;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, 0.85) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(18%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.85)));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, 0.85) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, 0.85) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}

.node-type-galerias .l-main .view-display-id-attachment_3 .view-content .views-row .group-right .group-info-content,
.page-galerias .l-main .view-display-id-attachment_3 .view-content .views-row .group-right .group-info-content {
    display: none;
}

.node-type-galerias .l-main .view-display-id-attachment_3 .view-content .views-row .group-right .field-name-field-tags-relacionados,
.page-galerias .l-main .view-display-id-attachment_3 .view-content .views-row .group-right .field-name-field-tags-relacionados {
    width: auto;
    display: inline-block;
    border-radius: 4px;
    padding: 2px 1px;
    background: #0051aa;
}

.node-type-galerias .l-main .view-display-id-attachment_3 .view-content .views-row .group-right .field-name-field-tags-relacionados a,
.page-galerias .l-main .view-display-id-attachment_3 .view-content .views-row .group-right .field-name-field-tags-relacionados a {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 400;
    margin: 0;
    display: inline-block;
    vertical-align: top;
    padding: 2px 8px;
    border-radius: 5px;
    text-transform: capitalize;
}

.node-type-galerias .l-main .view-display-id-attachment_3 .view-content .views-row .group-right .field-name-title h2,
.page-galerias .l-main .view-display-id-attachment_3 .view-content .views-row .group-right .field-name-title h2 {
    margin: 0;
}

.node-type-galerias .l-main .view-display-id-attachment_3 .view-content .views-row .group-right .field-name-title h2 a,
.page-galerias .l-main .view-display-id-attachment_3 .view-content .views-row .group-right .field-name-title h2 a {
    font-size: 1em;
    color: #FFFFFF;
    font-weight: 400;
}

.node-type-galerias .l-main .ug-strip-panel .ug-thumb-selected .ug-thumb-border-overlay,
.page-galerias .l-main .ug-strip-panel .ug-thumb-selected .ug-thumb-border-overlay {
    border-color: #edc905 !important;
    border-width: 4px !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .node-type-galerias .l-main,
    .page-galerias .l-main {
        padding: 0 15px;
        margin: 0 auto;
    }
}

@media (max-width: 768px) {
    .node-type-galerias .l-main,
    .page-galerias .l-main {
        padding: 10px 15px;
    }
    .node-type-galerias .l-main .node-galerias .view-id-noticias .view-content .views-row,
    .page-galerias .l-main .node-galerias .view-id-noticias .view-content .views-row {
        width: 100%;
        margin: 0 auto 1%;
    }
    .node-type-galerias .l-main .view-display-id-attachment_3 .view-content .views-row,
    .page-galerias .l-main .view-display-id-attachment_3 .view-content .views-row {
        width: 100%;
        margin: 0 auto 1%;
    }
    .node-type-galerias .ug-gallery-wrapper .ug-textpanel,
    .page-galerias .ug-gallery-wrapper .ug-textpanel {
        height: 50px !important;
    }
    .node-type-galerias .ug-gallery-wrapper .ug-textpanel-bg,
    .page-galerias .ug-gallery-wrapper .ug-textpanel-bg {
        height: 50px !important;
    }
    .node-type-galerias .ug-gallery-wrapper .ug-textpanel-textwrapper,
    .page-galerias .ug-gallery-wrapper .ug-textpanel-textwrapper {
        height: 50px !important;
    }
}


/* =======================================================
		estilos moviles
======================================================== */

@media (max-width: 768px) {
    #page-title {
        display: none;
        visibility: hidden;
    }
    /* oculta todos los titulos en moviles */
}


/* =======================================================
		estilos para desktop
======================================================== */

@media (min-width: 768px) {
    #page-title {
        font-size: 38px;
        padding-top: 40px;
    }
    /* sticky commons
	-------------------------------------------------------- */
    .sticky {
        -webkit-transition: -webkit-transform 0.4s ease-in-out;
        -moz-transition: transform 0.4s ease-in-out;
        -ms-transition: transform 0.4s ease-in-out;
        -o-transition: -o-transform 0.4s ease-in-out;
        position: fixed !important;
        top: 0;
        -webkit-transform: translate(0, 20px);
        -ms-transform: translate(0, 20px);
        -o-transform: translate(0, 20px);
        transform: translate(0, 20px);
    }
}


/*

	mensajes/notificacioens

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

section.l-messages {
    position: absolute;
    width: 100%;
    z-index: 999999;
    background-color: #fffceb;
    color: black;
}

section.l-messages .alert-box {
    margin: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    background-image: url(../img/icono-notificacion.png);
    background-repeat: no-repeat;
}

section.l-messages ul.no-bullet {
    list-style: none;
    font-weight: 300;
    margin: 0;
    font-size: 14px;
}

section.l-messages ul.no-bullet li {
    position: relative;
    padding: 5px 0;
}

section.l-messages ul.no-bullet li::before {
    content: '';
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    left: -20px;
    top: 11px;
    border-radius: 5px;
    background-color: #9c9986;
}

section.l-messages a.close {
    /* boton cerrar */
    position: absolute;
    right: 15px;
    top: -5px;
    font-size: 50px;
    font-weight: 300;
    color: #9c9986;
}


/* =======================================================
		estilos moviles
======================================================== */

@media (max-width: 768px) {
    section.l-messages ul.no-bullet {
        padding-top: 40px;
    }
    section.l-messages .alert-box {
        background-position: center -6px;
        -webkit-background-size: 52px 52px;
        background-size: 52px;
    }
}


/* =======================================================
		estilos para desktop
======================================================== */

@media (min-width: 768px) {
    section.l-messages {
        top: 155px;
    }
    section.l-messages .alert-box {
        width: 1024px;
        min-height: 70px;
        padding-left: 135px;
        background-position: 15px center;
    }
    section.l-messages ul.no-bullet {
        padding: 0;
    }
}

input {
    border: 1px solid black;
    color: #3d3d3d;
    border-radius: 5px;
    padding: 6px;
}

label {
    font-weight: 300;
}

button {
    border: none;
    border-radius: 5px;
    padding: 10px 39px;
    background-color: #0a52a4;
    color: white;
    font-weight: 300;
}

#form-enviar-brocure input {
    width: 95%;
}

#form-enviar-brocure .ui-resizable-handle {
    display: none;
}


/* =======================================================
      estilos para moviles
======================================================== */

@media (max-width: 768px) {
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {
        max-width: 100%;
        position: fixed !important;
        left: 50% !important;
        top: 10px !important;
        -webkit-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        -o-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
        background: #ccc;
    }
}

header {
    width: 1024px;
    margin: 0 auto;
    color: black;
}

header:before,
header:after {
    content: " ";
    display: table;
}

header:after {
    clear: both;
}

header .logo {
    display: inline-block;
    margin-right: 10px;
    float: left;
}

header .header-right {
    width: calc(100% - 127px);
    float: right;
}

header .header-top {
    padding: 10px 0px;
}

header .header-top:before,
header .header-top:after {
    content: " ";
    display: table;
}

header .header-top:after {
    clear: both;
}

header .header-top a {
    color: black;
    text-decoration: none;
}

header .top-left {
    float: right;
    font-size: 14px;
}

header .top-left>a {
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    border-right: solid 1px black;
    display: inline-block;
}


/* top right redes, lenguaje, usuario
--------------------------------------------------------------------------------  */

header .top-right {
    float: right;
    font-size: 14px;
}


/* buscador ----------------------------- */

header .search-form {
    float: left;
    display: inline-block;
    width: 160px;
    margin: 0px;
    padding: 0px 10px;
}

header .search-form form .form-type-textfield {
    display: inline-block;
    width: 80%;
    margin: 0;
    padding-top: 7px;
}

header .search-form form .form-type-textfield input {
    background: none;
    outline: none;
    border: none;
    border-radius: 0;
    width: 100%;
    color: black;
}

header .search-form form .form-type-textfield input::-webkit-input-placeholder {
    color: black;
}

header .search-form form .form-type-textfield input:-moz-placeholder {
    /* Firefox 18- */
    color: black;
}

header .search-form form .form-type-textfield input::-moz-placeholder {
    /* Firefox 19+ */
    color: black;
}

header .search-form form .form-type-textfield input:-ms-input-placeholder {
    color: black;
}

header .search-form form .form-type-textfield input:focus {
    border: none;
    border-bottom: 1px solid black;
    color: black;
}

header .search-form form button {
    float: right;
    margin: 14px 0px;
    background: url('../../images/header/buscar.png') no-repeat center center;
    border: none;
    text-indent: -9999px;
    width: 20%;
    padding: 0;
}

.logged-in header .top-right .search-form {
    width: 230px;
}


/* redes -------------------------------- */

header .top-right .redes-top {
    float: left;
    padding: 0 10px;
    height: 45px;
    border-left: solid 1px black;
}

header .top-right .redes-top li {
    list-style: none;
}

header .redes-top ul.redes {
    padding: 0;
    margin: 0;
}

header .redes-top ul.redes:before,
header .redes-top ul.redes:after {
    content: " ";
    display: table;
}

header .redes-top ul.redes:after {
    clear: both;
}

header .redes-top ul.redes li {
    padding-top: 6px;
    display: inline-block;
}

header .redes-top ul.redes li a {
    width: 30px;
    height: 32px;
    margin: 0px 3px;
    display: block;
}

header .redes-top ul.redes li.facebook a {
    background: url("../../images/header/facebook.png") no-repeat center center;
}

header .redes-top ul.redes li.twitter a {
    background: url("../../images/header/twitter.png") no-repeat center center;
}

header .redes-top ul.redes li.gplus a {
    background: url("../../images/header/google.png") no-repeat center center;
}


/* idioma --------------------------------------------------------------- */

header .top-right .user-zone,
header .top-right .header-adm {
    float: left;
}

header .header-adm .block-locale-language {
    /* wrap comun de idioma */
    border-left: 1px solid black;
}


/* user zone ---------------------------------------------------- */

.logged-in header .top-right .zona-usuarios {
    background: url('../../images/header/flecha.png') no-repeat;
    background-position: 100% center;
}

header .top-right .zona-usuarios {
    position: relative;
    float: left;
    height: 45px;
    line-height: 45px;
    padding: 0 10px 0 43px;
    border-left: solid 1px black;
    cursor: pointer;
    /* recuperar cntraseña */
    /* nvalidación por ajax - interacciones */
    /* oculta cargador de drupal */
    /* usuarios logeados flecha */
    /* usuarios logeados - cerrar sesion */
}

header .top-right .zona-usuarios:hover ul.link_edit {
    display: block;
}

header .top-right .zona-usuarios:before {
    content: '';
    position: absolute;
    top: 6px;
    left: 10px;
    display: block;
    width: 31px;
    height: 30px;
    background: url('../../images/header/usuario.png') no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100%;
}

header .top-right .zona-usuarios ul {
    list-style: none;
    margin: 0;
}

header .top-right .zona-usuarios li {
    margin: 0;
}

header .top-right .zona-usuarios form {
    position: absolute;
    width: 200px;
    top: 70px;
    right: 0;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid black;
    background: rgba(255, 255, 255, 0.8);
    z-index: 10;
    line-height: normal;
}

header .top-right .zona-usuarios form input {
    width: 100%;
}

header .top-right .zona-usuarios form li {
    text-align: center;
    font-size: 13px;
    line-height: 14px;
}

header .top-right .zona-usuarios form button {
    display: block;
    width: 100%;
    margin-top: 12px;
}

header .top-right .zona-usuarios .ajax-progress {
    display: none;
    visibility: hidden;
}

header .top-right .zona-usuarios #contenedor_mensaje_user .alert-box {
    /* mansajes */
    position: absolute;
    width: 100%;
    top: 32px;
    left: -20px;
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    padding: 15px;
    border-radius: 5px;
    background-color: black;
    text-align: center;
    font-size: 13px;
    color: #cacaca;
}

header .top-right .zona-usuarios #contenedor_mensaje_user .alert-box::after {
    content: '';
    display: block;
    position: absolute;
    right: -10px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border-left: 10px solid black;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

header .top-right .zona-usuarios #contenedor_mensaje_user .alert-box ul {
    padding: 0;
}

header .top-right .zona-usuarios #contenedor_mensaje_user .alert-box ul li {
    padding-top: 5px;
    padding-bottom: 5px;
}

header .top-right .zona-usuarios #contenedor_mensaje_user .alert-box a,
header .top-right .zona-usuarios #contenedor_mensaje_user .alert-box ul li a {
    display: block;
    padding-top: 10px;
    color: #5798e2;
}

header .top-right .zona-usuarios #contenedor_mensaje_user .alert-box a.close {
    /* cerrar mensaje */
    position: absolute;
    padding: 0;
    right: 5px;
    top: 0;
    color: white;
}

header .top-right .zona-usuarios .list-user-zona-usuario {
    padding-right: 15px;
}

header .top-right .zona-usuarios ul.link_edit {
    display: none;
    position: absolute;
    height: auto;
    right: 0;
    top: 45px;
    z-index: 10;
    border: 1px solid black;
    padding: 5px 15px;
    background: white;
    line-height: 18px;
    /* centra texto verticalmente */
    /* Stroke */
    /* Fill */
}

header .top-right .zona-usuarios ul.link_edit::after,
header .top-right .zona-usuarios ul.link_edit::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

header .top-right .zona-usuarios ul.link_edit::before {
    top: -6px;
    /* If 1px darken stroke slightly */
    border-bottom-color: #030303;
    border-width: 6px;
}

header .top-right .zona-usuarios ul.link_edit::after {
    top: -5px;
    border-bottom-color: white;
    border-width: 5px;
}

header .top-right .zona-usuarios ul.link_edit li {
    padding: 5px 0;
}

header .top-right .zona-usuarios ul.link_edit li a {
    color: black;
}

header .top-right .zona-usuarios ul.link_edit li:hover a {
    color: #4A4A4A;
}


/* Main menu
--------------------------------------------------------------------- */

header .main-menu {
    clear: both;
}

header .main-menu .block-system-main-menu h2 {
    display: none;
}

header .main-menu .block-system-main-menu>ul {
    border-top: solid 1px black;
}

header .main-menu .block-system-main-menu>ul>li:first-child {
    padding-left: 0px;
}

header .main-menu .block-system-main-menu>ul>li:last-child {
    position: relative;
    padding-right: 0px;
    padding-left: 30px;
}

header .main-menu .block-system-main-menu>ul>li:last-child a {
    color: #f85a00;
}

header .main-menu .block-system-main-menu>ul>li:last-child a:after {
    content: '';
}

header .main-menu .block-system-main-menu>ul>li:last-child a:before {
    content: '';
    position: absolute;
    display: block;
    left: 7px;
    width: 27px;
    height: 26px;
    background-image: url('../../images/header/contacto.png');
    -webkit-background-size: 100% 100%;
    background-size: 100%;
    background-repeat: no-repeat;
}

header .main-menu ul.menu {
    padding: 0px 0px;
    margin: 0px auto;
}

header .main-menu ul.menu:before,
header .main-menu ul.menu:after {
    content: " ";
    display: table;
}

header .main-menu ul.menu:after {
    clear: both;
}

header .main-menu ul.menu li {
    float: left;
    list-style: none;
    text-align: center;
    padding: 20px 5px 10px;
    position: relative;
}

header .main-menu ul.menu li.active-trail,
header .main-menu ul.menu li.active {
    border-top: solid 6px black;
    padding-top: 14px;
}

header .main-menu ul.menu li a {
    color: black;
    text-decoration: none;
    font-size: 14px;
}

header .main-menu ul.menu li ul {
    display: none;
    width: 100%;
    padding: 0px 0px;
    position: absolute;
}

header .main-menu ul.menu li ul li {
    width: 100%;
}

header .main-menu ul.menu li.expanded>a:after {
    content: url('../../images/header/flecha.png');
    margin-left: 5px;
}

.container {
    background: #fff;
}

.menu-wrap a {
    color: #b8b7ad;
}

.menu-wrap a:hover,
.menu-wrap a:focus {
    color: #c94e50;
}

.content-wrap {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}


/* Menu Button */

.menu-button {
    position: absolute;
    right: 15px;
    top: 75px;
    width: 25px;
    height: 25px;
    border: none;
    padding: 0;
    text-indent: 3px;
    font-size: 2px;
    outline: none;
    color: transparent;
    background: transparent !important;
}

.menu-button::before {
    position: absolute;
    top: 2.5px;
    right: 0px;
    bottom: 2.5px;
    left: -2px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #000000), color-stop(20%, transparent), color-stop(40%, transparent), color-stop(40%, #000000), color-stop(60%, #000000), color-stop(60%, transparent), color-stop(80%, transparent), color-stop(80%, #000000));
    background: -webkit-linear-gradient(#000000 20%, transparent 20%, transparent 40%, #000000 40%, #000000 60%, transparent 60%, transparent 80%, #000000 80%);
    background: -o-linear-gradient(#000000 20%, transparent 20%, transparent 40%, #000000 40%, #000000 60%, transparent 60%, transparent 80%, #000000 80%);
    background: linear-gradient(#000000 20%, transparent 20%, transparent 40%, #000000 40%, #000000 60%, transparent 60%, transparent 80%, #000000 80%);
    content: '';
}

.menu-button:hover {
    opacity: 0.6;
}


/* Close Button */

.close-button {
    width: 1em;
    height: 1em;
    position: absolute;
    right: 1em;
    top: 1em;
    overflow: hidden;
    text-indent: 1em;
    font-size: 0.75em;
    border: none;
    background: transparent;
    color: transparent;
}

.close-button::before,
.close-button::after {
    content: '';
    position: absolute;
    width: 3px;
    height: 100%;
    top: 0;
    left: 50%;
    background: #bdc3c7;
}

.close-button::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.close-button::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


/* Menu */

.menu-wrap {
    position: absolute;
    z-index: 1001;
    width: 100%;
    padding: 2.5em 1.5em 0;
    font-size: 1.15em;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: -webkit-transform 0.4s;
    -o-transition: -o-transform 0.4s;
    transition: transform 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -o-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.menu,
.icon-list {
    height: 100%;
}

.icon-list {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}

.icon-list a {
    display: block;
    padding: 0.8em;
    -webkit-transform: translate3d(0, 500px, 0);
    transform: translate3d(0, 500px, 0);
}

.icon-list,
.icon-list a {
    -webkit-transition: -webkit-transform 0s 0.4s;
    -o-transition: -o-transform 0s 0.4s;
    transition: transform 0s 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -o-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.icon-list a:nth-child(2) {
    -webkit-transform: translate3d(0, 1000px, 0);
    transform: translate3d(0, 1000px, 0);
}

.icon-list a:nth-child(3) {
    -webkit-transform: translate3d(0, 1500px, 0);
    transform: translate3d(0, 1500px, 0);
}

.icon-list a:nth-child(4) {
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
}

.icon-list a:nth-child(5) {
    -webkit-transform: translate3d(0, 2500px, 0);
    transform: translate3d(0, 2500px, 0);
}

.icon-list a:nth-child(6) {
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
}

.icon-list a:nth-child(7) {
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3500px, 0);
}

.icon-list a:nth-child(8) {
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 4000px, 0);
}

.icon-list a:nth-child(9) {
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 4500px, 0);
}

.icon-list a span {
    margin-left: 10px;
    font-weight: 700;
}


/* Shown menu */

.show-menu .menu-wrap {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.8s;
    -o-transition: -o-transform 0.8s;
    transition: transform 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -o-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.show-menu .icon-list,
.show-menu .icon-list a {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.8s;
    -o-transition: -o-transform 0.8s;
    transition: transform 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -o-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.show-menu .icon-list a {
    -webkit-transition-duration: 0.9s;
    -o-transition-duration: 0.9s;
    transition-duration: 0.9s;
}


/*.show-menu .content::before {
		opacity: 1;
		-webkit-transition: opacity 0.8s;
		transition: opacity 0.8s;
		-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
		transition-timing-function: cubic-bezier(0.7,0,0.3,1);
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}*/


/* menu mobile */

footer {
    overflow: hidden;
}

.footer-wrapper {
    position: relative;
    background: url('../../images/home/imagenfooter.png') no-repeat center top;
    background-color: #000;
}

.footer-wrapper .contact-footer {
    display: block;
    text-align: center;
    padding: 30px 0px;
    margin-bottom: 0px;
    border-top: 2px solid white;
}

.footer-wrapper .contact-footer p {
    color: white;
    font-size: 25px;
    font-weight: 300;
}

.footer-wrapper .contact-footer a {
    /* boton contactenos */
    background: white;
    color: black;
    border-radius: 2px;
    padding: 16px 20px;
    display: inline-block;
    font-weight: 300;
}

.redes-footer {
    float: left;
    position: relative;
}

.redes-footer ul.redes {
    padding: 0px;
}

.redes-footer ul.redes:before,
.redes-footer ul.redes:after {
    content: " ";
    display: table;
}

.redes-footer ul.redes:after {
    clear: both;
}

.redes-footer ul.redes li a {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    width: 30px;
    height: 32px;
    margin: 0px 3px;
    background-repeat: no-repeat;
    background-position: center -40px;
}

.redes-footer ul.redes li a:hover {
    background-position: center 0;
}

.redes-footer ul.redes li.facebook a {
    background-image: url("../img/tabs-facebook.png");
}

.redes-footer ul.redes li.twitter a {
    background-image: url("../img/tabs-twitter.png");
}

.redes-footer ul.redes li.gplus a {
    background-image: url("../img/tabs-google.png");
}

footer .footer-site h2 {
    color: white;
    font-weight: 300;
    font-size: 1rem;
}

footer .footer-site ul li {
    float: left;
    list-style: none;
}

footer .footer-site ul li a {
    color: white;
    display: block;
    font-size: 0.9rem;
    text-decoration: none;
}

footer .row ul.menu-general,
.menuFooter ul.links {
    float: left;
    padding-left: 0;
}

footer .row ul.menu-general li a.logo-footer,
.menuFooter ul.links li a.logo-footer {
    background: url("../../images/header/logo.png") no-repeat 0 0;
    -webkit-background-size: 62px 62px;
    background-size: 62px 62px;
    height: 62px;
    width: 62px;
    margin-right: 25px;
}

footer .row ul.menu-general li a,
.menuFooter ul.links li a {
    color: #eee;
    font-size: 1rem;
    line-height: 3;
    padding: 0 8px;
}


/* boton que despliega menu del footer */

footer .row .btn-up {
    background: url("../../images/home/up.png") no-repeat;
    position: absolute;
    cursor: pointer;
    height: 28px;
    width: 28px;
    right: -50px;
    top: 50px;
    display: block;
    margin: 16px 9px 0px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: -webkit-transform 0.8s;
    /* For Safari 3.1 to 6.0 */
    -o-transition: -o-transform 0.8s;
    transition: transform 0.8s;
}

footer .row .btn-up.open {
    /* anima boton cuando esta abierto el menu */
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform 0.8s;
    /* For Safari 3.1 to 6.0 */
    -o-transition: -o-transform 0.8s;
    transition: transform 0.8s;
}

footer .row .group-footer {
    display: none;
    clear: both;
    background: #080808;
    padding: 0 15px;
}

footer .row .group-footer .middle-footer {
    clear: both;
    overflow: hidden;
    margin-bottom: 50px;
    padding: 0px 10px;
}

footer .row .group-footer .middle-footer .row-menu {
    float: left;
    width: 20%;
}

footer .row .group-footer .middle-footer .row-menu ul.lista,
footer .row .group-footer .middle-footer .row-menu ul {
    padding-left: 0px;
}

footer .row .group-footer .middle-footer .row-menu li {
    float: none;
}

footer .row .group-footer .bottom-footer {
    display: table;
    margin-top: 30px;
}

footer .row .group-footer .bottom-footer .botom-row {
    display: table-row;
}

footer .row .group-footer .bottom-footer .botom-row h2 {
    display: table-cell;
    vertical-align: top;
    width: 17%;
    margin: 0 10px 0 0;
    text-align: right;
}

footer .row .group-footer .bottom-footer .botom-row ul {
    display: table-cell;
    vertical-align: top;
    padding-bottom: 28px;
}

footer .row .group-footer .bottom-footer .botom-row ul li {
    padding: 2px 19px 0px 19px;
}

footer {
    width: 1024px;
    margin: 0 auto;
    color: white;
}

footer li {
    list-style: none !important;
}

footer .row {
    width: 100%;
    margin: 0 auto;
}

footer .row .top-footer {
    /* menu footer */
    position: relative;
    margin-top: 25px;
    background: none !important;
    border-top: solid 1px #5f5f5f;
    padding-top: 40px;
    background: black;
}

footer .row .top-footer:before,
footer .row .top-footer:after {
    content: " ";
    display: table;
}

footer .row .top-footer:after {
    clear: both;
}

footer .row .top-footer a.logo {
    display: block;
    max-width: 70px;
    margin-right: 20px;
    float: left;
}

footer .row .top-footer a.logo img {
    width: 100%;
}

footer .row .pie {
    clear: both;
    margin-bottom: 30px;
    padding: 35px;
    background: black;
}

footer .row .pie .iab {
    float: left;
    margin-right: 10px;
}

footer .row .pie .iab .text {
    color: #8e8e8e;
    text-transform: uppercase;
    font-size: 0.7rem;
    display: block;
    font-weight: 300;
}

footer .row .pie .iab .logo-iab {
    background: url("../images/iab.jpg") no-repeat 0 0;
    height: 27px;
    width: 104px;
    display: block;
}

footer .row .pie .copyright p {
    color: #aeaeae;
    font-weight: 300;
    font-size: 11px;
    margin: 0;
    text-align: center;
}

footer .row .pie .copyright p a {
    color: #cecece;
    font-weight: 400;
}

footer .row .pie .copyright p a:hover {
    color: #ffffff;
}


/* =======================================================
			estilos para desktop
======================================================== */

@media (min-width: 768px) {
    .footer-wrapper .contact-footer a {
        /* boton contactenos */
        /* boton contactenos */
        width: 310px;
        height: 75px;
        padding: 0;
        line-height: 75px;
        /* igual al height para centrar texto v */
        font-size: 28px;
    }
}


/* commons, base, layout
------------------------------------------- */

.page-buscar .row.l-main {
    padding-top: 60px;
    background-color: white;
}

.page-buscar .dos-columnas-content:before,
.page-buscar .dos-columnas-content:after {
    content: " ";
    display: table;
}

.page-buscar .dos-columnas-content:after {
    clear: both;
}

.page-buscar .dos-columnas {
    margin: auto;
}

.page-buscar .dos-columnas ol,
.page-buscar .dos-columnas ul,
.page-buscar .dos-columnas li {
    list-style: none;
    padding: 0;
    margin: 0;
}


/* .page-buscar .region-top h2.pane-title { .hidden(); } */


/* oculta titulo principal */

.page-buscar .dos-columnas h3 a {
    color: black;
    text-decoration: none;
}

.page-buscar .dos-columnas-content .region-left .pane-apachesolr-search-sort,
.page-buscar .dos-columnas-content .region-left .pane-ci-search-ci-sort {
    padding-bottom: 10px;
    border-bottom: 1px solid black;
    margin-bottom: 30px;
}

.page-buscar .dos-columnas-content .region-left .pane-apachesolr-search-sort:before,
.page-buscar .dos-columnas-content .region-left .pane-ci-search-ci-sort:before,
.page-buscar .dos-columnas-content .region-left .pane-apachesolr-search-sort:after,
.page-buscar .dos-columnas-content .region-left .pane-ci-search-ci-sort:after {
    content: " ";
    display: table;
}

.page-buscar .dos-columnas-content .region-left .pane-apachesolr-search-sort:after,
.page-buscar .dos-columnas-content .region-left .pane-ci-search-ci-sort:after {
    clear: both;
}


/* mensaje búsqeda actual, items ------------------------------ */

.page-buscar .current-search-item h3,
.page-buscar .current-search-item-active {
    text-align: center;
    font-weight: 300;
}

.page-buscar .current-search-item h3 {
    margin-top: 0;
    margin-bottom: 0;
}


/* Búsqueda actual con filtros aplicados ---------------------------- */

.page-buscar .current-search-item-active {
    margin-bottom: 20px;
    font-size: 21px;
}

.page-buscar .current-search-item-active ul {
    text-align: center;
}

.page-buscar .current-search-item-active ul li {
    display: inline-block;
}

.page-buscar .current-search-item-active ul li.first::before {
    content: '';
}

.page-buscar .current-search-item-active ul li::before {
    content: ' / ';
}

.page-buscar .current-search-item-active ul li a {
    color: #030303;
    text-decoration: none;
}


/* spellcheck --------------------------------- */

.page-buscar .pane-apachesolr-spellchecker {
    padding-top: 10px;
    text-align: center;
}

.page-buscar .pane-apachesolr-spellchecker a {
    color: #1c3d9c;
    padding-left: 15px;
    text-decoration: none;
}


/* campo buscar ---------------------------- */

.page-buscar form#apachesolr-panels-search-form {
    text-align: center;
}

.page-buscar form#apachesolr-panels-search-form>div {
    overflow: hidden;
    border: 1px solid black;
    border-radius: 5px;
    background-color: white;
}

.page-buscar form#apachesolr-panels-search-form>div:before,
.page-buscar form#apachesolr-panels-search-form>div:after {
    content: " ";
    display: table;
}

.page-buscar form#apachesolr-panels-search-form>div:after {
    clear: both;
}

.page-buscar form#apachesolr-panels-search-form>div .form-item,
.page-buscar form#apachesolr-panels-search-form>div button.form-submit {
    margin: 0;
    border: none;
}

.page-buscar form#apachesolr-panels-search-form>div .form-item input {
    height: 48px;
    border-radius: 5px;
    padding-left: 10px;
    border: none;
    outline: none;
    font-weight: 400;
}

.page-buscar form#apachesolr-panels-search-form>div button.form-submit {
    height: 48px;
    padding: 5px 20px;
    background-color: #1c3d9c;
    text-transform: uppercase;
    font-weight: 300;
    color: white;
}


/* ordenar resultados -------------------------- */

.page-buscar .pane-apachesolr-search-sort h2.pane-title,
.page-buscar .pane-ci-search-ci-sort h2.pane-title {
    float: left;
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    color: #666666;
}

.page-buscar .pane-apachesolr-search-sort>.pane-content,
.page-buscar .pane-ci-search-ci-sort>.pane-content {
    float: right;
}

.pane-ci-search-ci-sort #sort_search_custom {
    position: relative;
    overflow: visible;
}

.pane-ci-search-ci-sort #sort_search_custom .active_sort {
    padding: 0 5px;
    color: #666666;
}

.pane-ci-search-ci-sort #sort_search_custom .active_sort:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #030303;
    vertical-align: middle;
    display: inline-block;
    margin-left: 8px;
}

.pane-ci-search-ci-sort #sort_search_custom .item-list {
    position: absolute;
    top: 32px;
    left: 0;
    border: 1px solid black;
    padding: 6px 4px;
    width: 100%;
    background-color: white;
}

.pane-ci-search-ci-sort #sort_search_custom .item-list li {
    marging: 3px 0;
}

.pane-ci-search-ci-sort #sort_search_custom .item-list li.active,
.pane-ci-search-ci-sort #sort_search_custom .item-list li:hover {
    background-color: #efefef;
    border-radius: 3px;
    padding: 0px 3px;
}

.pane-ci-search-ci-sort #sort_search_custom .item-list li:hover {
    background-color: #d1d1d1;
}

.pane-ci-search-ci-sort #sort_search_custom .item-list img {
    display: none;
}

.pane-ci-search-ci-sort #sort_search_custom .item-list a {
    color: #666666;
    font-size: 14px;
}

.pane-ci-search-ci-sort #sort_search_custom .item-list.escondido {
    display: none;
}

.pane-ci-search-ci-sort #sort_search_custom .item-list:before,
.pane-ci-search-ci-sort #sort_search_custom .item-list:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}


/* odenar por ------------------------------------- */

.page-buscar .pane-apachesolr-search-sort ul {
    padding-bottom: 7px;
}

.page-buscar .pane-apachesolr-search-sort ul:before,
.page-buscar .pane-apachesolr-search-sort ul:after {
    content: " ";
    display: table;
}

.page-buscar .pane-apachesolr-search-sort ul:after {
    clear: both;
}

.page-buscar .pane-apachesolr-search-sort ul li {
    float: right;
    padding-left: 7px;
    margin-left: 7px;
}

.page-buscar .pane-apachesolr-search-sort ul li.first {
    border-left: 1px solid #030303;
}

.page-buscar .pane-apachesolr-search-sort ul li.last a {
    padding-right: 5px;
}

.page-buscar .pane-apachesolr-search-sort ul li a {
    color: #030303;
    text-decoration: none;
    padding-left: 5px;
}


/* filtro ----------------------------------------- */

.page-buscar .dos-columnas-content .region-right h2.pane-title {
    background-color: #030303;
    margin: 0;
    padding: 5px 10px;
    font-weight: 300;
    color: white;
}

.page-buscar .dos-columnas-content .region-right .pane-block {
    padding-bottom: 25px;
}

.page-buscar .dos-columnas-content .region-right .pane-block .pane-content {
    border: 1px solid #c1c1c1;
    padding: 10px;
}

.page-buscar .dos-columnas-content .region-right .pane-block .pane-content a {
    display: block;
    padding-bottom: 10px;
    text-decoration: none;
    font-weight: 400;
    color: #030303;
}

.page-buscar .dos-columnas-content .region-right .pane-block .pane-content .facetapi-limit-link {
    padding-top: 10px;
    padding-bottom: 0;
    border-top: 1px solid #c1c1c1;
    text-align: center;
}


/* resultados
-------------------------------------------------------------- */

.page-buscar .pane-apachesolr-result>.pane-content>h2 {
    display: none;
    visibility: hidden;
}

.page-buscar .region-left .pane-content>h2 {
    font-weight: 400;
}

.page-buscar ol.apachesolr_search-results {
    margin-right: -20px;
    margin-left: -20px;
}

.page-buscar ol.apachesolr_search-results:before,
.page-buscar ol.apachesolr_search-results:after {
    content: " ";
    display: table;
}

.page-buscar ol.apachesolr_search-results:after {
    clear: both;
}

.page-buscar li.solr-group-Noticias:before,
.page-buscar li.solr-group-Noticias:after {
    content: " ";
    display: table;
}

.page-buscar li.solr-group-Noticias:after {
    clear: both;
}

.page-buscar .node-producciones.view-mode-resultados {
    float: left;
    text-align: center;
}

.page-buscar .node-producciones.view-mode-resultados .group-wrap {
    padding-left: 20px;
    padding-right: 20px;
    min-height: 370px;
}

.page-buscar .node-producciones.view-mode-resultados .group-wrap .field-name-field-caratula a img {
    max-width: 100%;
    height: auto;
}

.page-buscar .field-name-field-imagen a {
    display: block;
}

.page-buscar .field-name-field-imagen a img {
    width: 100%;
    height: auto;
}

.page-buscar .field-name-field-seccion {
    display: inline-block;
}

.search-results .grupo-busqueda>a,
.pane-cuci-search-results-panels .pane-content>a,
.pane-cuci-search-producciones .pane-content>a {
    clear: both;
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 15px;
    color: #1c3c94;
    margin-top: 20px;
}

.search-results .grupo-busqueda>h2,
.pane-cuci-search-results-panels h2.pane-title,
.pane-cuci-search-producciones h2.pane-title {
    /* titulo de cada grupo */
    margin: 25px 20px 0;
    padding-bottom: 20px;
    padding-top: 30px;
    border-top: 1px solid black;
    font-weight: 300;
    margin-left: 0;
}

.search-results .grupo-busqueda:nth-of-type(1)>h2,
.region-left .pane-cuci-search-results-panels:nth-of-type(3) h2.pane-title,
.region-left .pane-cuci-search-producciones:nth-of-type(1) h2.pane-title {
    border: none;
    margin-top: 0;
    padding-top: 0;
}

.page-buscar .field-name-title h3 {
    font-weight: 300;
    margin: 0;
    padding-top: 5px;
    line-height: 18px;
}

.page-buscar .buscar_field_fecha {
    padding-top: 2px;
    background-color: transparent;
    font-weight: 300;
    font-size: 13px;
    color: #030303;
}


/* resultados noticias --------------------------------------- */

.page-buscar .node-noticias.view-mode-resultados {
    margin-bottom: 10px;
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #c1c1c1;
}

.page-buscar .node-noticias.view-mode-resultados:before,
.page-buscar .node-noticias.view-mode-resultados:after {
    content: " ";
    display: table;
}

.page-buscar .node-noticias.view-mode-resultados:after {
    clear: both;
}

.page-buscar .node-noticias.view-mode-resultados .group-right,
.page-buscar .node-noticias.view-mode-resultados .group-left {
    float: left;
}

.page-buscar .node-noticias.view-mode-resultados .group-right .field-name-title h2 {
    margin: 0;
    font-weight: 300;
}

.page-buscar .node-noticias.view-mode-resultados .group-right .field-name-title h2 a {
    color: #030303;
    text-decoration: none;
}


/* resultado personas -------------------------------- */

.page-buscar .node-actores.view-mode-resultados,
.page-buscar .node-personas.view-mode-resultados {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px;
}

.page-buscar .node-actores.view-mode-resultados a,
.page-buscar .node-personas.view-mode-resultados a {
    color: #1c3c90;
    text-decoration: none;
    font-weight: 300;
}

.page-buscar .node-actores.view-mode-resultados .field-name-title h2,
.page-buscar .node-personas.view-mode-resultados .field-name-title h2 {
    font-weight: 300;
}

.page-buscar .node-actores.view-mode-resultados .view-actor-producciones .views-row,
.page-buscar .node-personas.view-mode-resultados .view-actor-producciones .views-row,
.page-buscar .node-actores.view-mode-resultados .view-actor-producciones .views-row>div,
.page-buscar .node-personas.view-mode-resultados .view-actor-producciones .views-row>div {
    display: inline-block;
    font-weight: 300;
}

.page-buscar .node-actores.view-mode-resultados .view-actor-producciones .views-row::after,
.page-buscar .node-personas.view-mode-resultados .view-actor-producciones .views-row::after {
    content: ', ';
}

.page-buscar .node-actores.view-mode-resultados .view-actor-producciones .views-row-last::after,
.page-buscar .node-personas.view-mode-resultados .view-actor-producciones .views-row-last::after {
    content: '.';
}


/* paginador ------------------------------------------ */

.page-buscar .pagination-centered {
    padding-top: 50px;
}


/* =======================================================
		estilos unicos para moviles
======================================================== */

@media (max-width: 768px) {
    .page-buscar .dos-columnas {
        padding: 15px;
    }
    /* buscador ------------------------ */
    .page-buscar form#apachesolr-panels-search-form>div .form-item input {
        float: left;
    }
    .page-buscar form#apachesolr-panels-search-form>div button.form-submit {
        float: right;
    }
    /* ordernar resultados --------------------------- */
    .page-buscar .pane-ci-search-ci-sort>h2.pane-title {
        display: none;
        visibility: hidden;
    }
    /* filtrar por -------------------------- */
    .page-buscar .pane-ci-search-ci-sort:before,
    .page-buscar .pane-ci-search-ci-sort:after {
        content: " ";
        display: table;
    }
    .page-buscar .pane-ci-search-ci-sort:after {
        clear: both;
    }
    .filtrar-por {
        position: relative;
        float: left;
    }
    .lang-es .filtrar-por .label::before {
        content: 'Filtrar por';
    }
    .lang-en .filtrar-por .label::before {
        content: 'Filter by';
    }
    .filtrar-por .label {
        width: 120px;
    }
    .filtrar-por .label::after {
        /* flecha */
        content: "";
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 7px solid #030303;
        vertical-align: middle;
        display: inline-block;
        margin-left: 8px;
    }
    .filtrar-por .region-right {
        display: none;
        position: absolute;
        width: 290px;
        left: 0;
        top: 35px;
        background: rgba(255, 255, 255, 0.9);
    }
    .filtrar-por .region-right.active {
        display: block;
    }
    .filtrar-por .region-right h2.pane-title {
        font-size: 16px;
        float: none;
    }
    /* resultados ---------------------- */
    .page-buscar .dos-columnas-content .region-left .pane-apachesolr-search-sort .pane-title {
        display: none;
        visibility: hidden;
    }
    /* oculta titulo */
    .page-buscar .node-producciones.view-mode-resultados {
        width: 50%;
        min-height: 345px;
    }
    /* resultado noticias ------------------------------------------- */
    .page-buscar .node-noticias.view-mode-resultados .field-name-social-network {
        display: none;
        visibility: hidden;
    }
    /* redes no visibles en moviles */
    .page-buscar .node-noticias.view-mode-resultados .group-left {
        width: 30%;
    }
    .page-buscar .node-noticias.view-mode-resultados .group-right {
        width: 70%;
        padding-left: 4%;
    }
    .page-buscar .node-noticias.view-mode-resultados .group-left img {
        width: 100%;
        height: auto;
    }
    .page-buscar .node-noticias.view-mode-resultados .group-right .field-name-title h2 {
        font-size: 16px;
    }
}


/* =======================================================
			estilos para desktop
======================================================== */

@media (min-width: 768px) {
    .page-buscar .dos-columnas {
        width: 1024px;
    }
    .page-buscar .dos-columnas-content {
        padding-top: 74px;
        padding-bottom: 50px;
    }
    .page-buscar .dos-columnas-content .region-left,
    .page-buscar .dos-columnas-content .region-right {
        float: left;
    }
    .page-buscar .dos-columnas-content .region-left {
        width: 740px;
    }
    /* filtro ----------------------------------------- */
    .page-buscar .dos-columnas-content .region-right {
        width: 284px;
        padding-left: 20px;
    }
    .page-buscar .dos-columnas-content .region-right h2.pane-title {
        font-size: 18px;
    }
    /* objetos encontrados ------------------------- */
    .page-buscar .current-search-item h3 {
        font-size: 36px;
    }
    /* buscador ----------------------------------- */
    .page-buscar form#apachesolr-panels-search-form>div {
        display: inline-block;
    }
    .page-buscar form#apachesolr-panels-search-form>div .form-item,
    .page-buscar form#apachesolr-panels-search-form>div button.form-submit {
        display: inline-block;
        vertical-align: top;
    }
    .page-buscar form#apachesolr-panels-search-form>div .form-item input {
        width: 700px;
        font-size: 26px;
    }
    .page-buscar form#apachesolr-panels-search-form>div button.form-submit {
        font-size: 20px;
    }
    /* Stroke */
    .pane-ci-search-ci-sort #sort_search_custom .item-list:before {
        top: -6px;
        /* If 1px darken stroke slightly */
        border-bottom-color: #030303;
        border-width: 6px;
    }
    /* Fill */
    .pane-ci-search-ci-sort #sort_search_custom .item-list:after {
        top: -5px;
        border-bottom-color: #fff;
        border-width: 5px;
    }
    /* resultados ---------------------------------------- */
    .page-buscar .node-producciones.view-mode-resultados {
        width: 25%;
        min-height: 370px;
    }
    .search-results .grupo-busqueda>h2,
    .pane-cuci-search-producciones h2.pane-title,
    .pane-cuci-search-results-panels h2.pane-title {
        font-size: 38px;
    }
    /* resultados noticias ----------------------------------- */
    .page-buscar .node-noticias.view-mode-resultados .group-left {
        width: 100px;
    }
    .page-buscar .node-noticias.view-mode-resultados .group-right {
        width: 640px;
        padding-left: 10px;
    }
    .page-buscar .node-noticias.view-mode-resultados .group-right .field-name-title h2 {
        font-size: 26px;
        line-height: 28px;
    }
    .page-buscar .node-noticias.view-mode-resultados .field-name-social-network {
        position: relative;
        display: inline-block;
        width: 25px;
        height: auto;
        float: none;
        margin-top: 2px;
        margin-left: 10px;
        text-align: left;
        vertical-align: top;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
    }
    .page-buscar .node-noticias.view-mode-resultados .field-name-social-network:hover ul {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    .page-buscar .node-noticias.view-mode-resultados .field-name-social-network::after {
        content: '';
        display: inline-block;
        width: 25px;
        height: 25px;
        border-radius: 3px;
        border: 1px solid #030303;
        background: url(../img/share-negro.png) no-repeat center center;
        background-color: white;
        cursor: pointer;
    }
    .page-buscar .node-noticias.view-mode-resultados .field-name-social-network ul {
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        -o-transform-origin: 0 50%;
        transform-origin: 0 50%;
        position: absolute;
        width: 130px;
        left: 24px;
        top: 0;
        border-radius: 0;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        background-color: #030303;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }
}


/* paginador, globals --------------------------------------------- */

.pane-noticias .view-noticias,
.page-buscar {
    /* commons arrow ---------------------------------*/
    /* prev, fisrt ----------------------------- */
    /* next, last ----------------------------- */
}

.pane-noticias .view-noticias ul.pager,
.page-buscar ul.pager {
    position: relative;
    padding: 10px 0;
    border-top: 1px solid #030303;
    border-bottom: 1px solid #030303;
}

.pane-noticias .view-noticias ul.pager li,
.page-buscar ul.pager li {
    margin: 0 5px;
}

.pane-noticias .view-noticias ul.pager li.current a,
.page-buscar ul.pager li.current a {
    color: #030303;
}

.pane-noticias .view-noticias ul.pager li a,
.page-buscar ul.pager li a {
    color: gray;
}

.pane-noticias .view-noticias ul.pager li.arrow.first,
.page-buscar ul.pager li.arrow.first,
.pane-noticias .view-noticias ul.pager li.arrow.prev,
.page-buscar ul.pager li.arrow.prev,
.pane-noticias .view-noticias ul.pager li.arrow.last,
.page-buscar ul.pager li.arrow.last,
.pane-noticias .view-noticias ul.pager li.arrow.next,
.page-buscar ul.pager li.arrow.next {
    display: block;
    position: absolute;
    margin: 0;
    padding: 0;
    top: 10px;
}

.pane-noticias .view-noticias ul.pager li.arrow.first a,
.page-buscar ul.pager li.arrow.first a,
.pane-noticias .view-noticias ul.pager li.arrow.prev a,
.page-buscar ul.pager li.arrow.prev a,
.pane-noticias .view-noticias ul.pager li.arrow.last a,
.page-buscar ul.pager li.arrow.last a,
.pane-noticias .view-noticias ul.pager li.arrow.next a,
.page-buscar ul.pager li.arrow.next a {
    display: block;
    width: 20px;
    height: 20px;
    text-indent: -99999px;
    background-position: center center;
    background-repeat: no-repeat;
}

.pane-noticias .view-noticias ul.pager li.arrow.first,
.page-buscar ul.pager li.arrow.first {
    left: 0;
}

.pane-noticias .view-noticias ul.pager li.arrow.prev,
.page-buscar ul.pager li.arrow.prev {
    left: 30px;
}

.pane-noticias .view-noticias ul.pager li.arrow.prev a,
.page-buscar ul.pager li.arrow.prev a {
    background-image: url(../img/prev.png);
}

.pane-noticias .view-noticias ul.pager li.arrow.first a,
.page-buscar ul.pager li.arrow.first a {
    background-image: url(../img/prev2.png);
}

.pane-noticias .view-noticias ul.pager li.arrow.last,
.page-buscar ul.pager li.arrow.last {
    right: 0;
}

.pane-noticias .view-noticias ul.pager li.arrow.next,
.page-buscar ul.pager li.arrow.next {
    right: 30px;
}

.pane-noticias .view-noticias ul.pager li.arrow.last a,
.page-buscar ul.pager li.arrow.last a {
    background-image: url(../img/next2.png);
}

.pane-noticias .view-noticias ul.pager li.arrow.next a,
.page-buscar ul.pager li.arrow.next a {
    background-image: url(../img/next.png);
}


/* Base
----------------------------------------------------------- */

.field-name-social-network ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.field-name-social-network ul li {
    display: inline-block;
    vertical-align: top;
}

.field-name-social-network ul li a {
    display: block;
    -webkit-background-size: 100% 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    text-indent: -9999px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.field-name-social-network ul li a:hover {
    background-position: 0 0;
}

.field-name-social-network ul li .compartido_facebook a {
    background-image: url(../img/tabs-facebook.png);
}

.field-name-social-network ul li .compartido_twitter a {
    background-image: url(../img/tabs-twitter.png);
}

.field-name-social-network ul li .compartido_pinterest a {
    background-image: url(../img/tabs-google.png);
}


/* Noticias
----------------------------------------------------------- */

.home-prod_destacadas .field-name-social-network,
.node-noticias .field-name-social-network,
.view-producciones-relacionadas .field-name-social-network {
    position: relative;
    display: inline-block;
    width: 25px;
    height: auto;
    float: right;
    margin-top: 2px;
    margin-left: 10px;
    text-align: right;
    vertical-align: top;
}

.home-prod_destacadas .field-name-social-network:hover::after,
.node-noticias .field-name-social-network:hover::after,
.view-producciones-relacionadas .field-name-social-network:hover::after {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.home-prod_destacadas .field-name-social-network:hover ul,
.node-noticias .field-name-social-network:hover ul,
.view-producciones-relacionadas .field-name-social-network:hover ul {
    display: block;
}

.home-prod_destacadas .field-name-social-network::after,
.node-noticias .field-name-social-network::after,
.view-producciones-relacionadas .field-name-social-network::after {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 3px;
    border: 1px solid #030303;
    background: url(../img/share-negro.png) no-repeat center center;
    background-color: transparent;
    cursor: pointer;
}

.home-prod_destacadas .field-name-social-network ul,
.node-noticias .field-name-social-network ul,
.view-producciones-relacionadas .field-name-social-network ul {
    position: absolute;
    overflow: hidden;
    display: none;
    width: 110px;
    height: 25px;
    right: 25px;
    top: 0;
    border-right: 1px solid #474747;
    border-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #030303;
    text-align: center;
}

.home-prod_destacadas .field-name-social-network ul li,
.node-noticias .field-name-social-network ul li,
.view-producciones-relacionadas .field-name-social-network ul li {
    margin-top: -3px;
}

.home-prod_destacadas .field-name-social-network ul li a,
.node-noticias .field-name-social-network ul li a,
.view-producciones-relacionadas .field-name-social-network ul li a {
    width: 30px;
    height: 30px;
    background-position: 0 -30px;
}

.home-prod_destacadas .field-name-social-network ul li a:hover,
.node-noticias .field-name-social-network ul li a:hover,
.view-producciones-relacionadas .field-name-social-network ul li a:hover {
    background-position: 0 0;
}


/* =======================================================
		commons, mobile first
======================================================== */

.home.panel-display {
    width: 100%;
}


/* -----------------------------------------------------------------
		Rotador - base
----------------------------------------------------------------- */

.front .degradado {
    z-index: 3;
    margin-top: 5px;
}

.front header.l-header {
    /* header, menu */
    position: absolute;
    top: 5px;
    left: 50%;
    z-index: 999;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.home-header.home.panel-display .region {
    width: 100%;
    height: 580px;
    overflow: hidden;
}

#rotador_producciones_destacadas_home {
    /* rotador - id flexslider */
    background: none;
    border: none;
    margin: 0;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#rotador_producciones_destacadas_home img {
    /* common images */
    width: auto;
    height: auto;
}

#rotador_producciones_destacadas_home .flex-viewport>ul>li {
    /* single slider */
    position: relative;
    overflow: hidden;
}

#rotador_producciones_destacadas_home .field-name-field-imagen-slider,
#rotador_producciones_destacadas_home .field-name-field-imagen-principal-movil {
    /* wrap imagen fondo */
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 1;
}

#rotador_producciones_destacadas_home .field-name-field-imagen-slider a::after {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

#rotador_producciones_destacadas_home .field-name-field-imagen-slider img {
    /* imagen fondo */
    width: auto;
    height: auto;
}

.node_producciones_full_group_cabezote {
    /* grupo informacion de la producción */
    position: relative;
    margin: 0 auto;
    padding-top: 170px;
    /* ajusta contenido */
}

.node_producciones_full_group_cabezote>div,
.node_producciones_full_group_cabezote>fieldset {
    width: 100%;
}

.node_producciones_full_group_cabezote>div {
    width: auto !important;
}

.node_producciones_full_group_cabezote .field-name-field-img-titulo>a {
    display: block;
    max-height: 200px;
}

.node_producciones_full_group_cabezote .field-name-field-img-titulo img {
    /* titulo (imagen) */
    position: relative;
    z-index: 2;
    /* fix - para que la imagen no este por encima de los textos */
}

.node_producciones_full_group_cabezote .group-info-prod {
    /* grupo tipo de contenido y año */
    padding-bottom: 10px;
}

.node_producciones_full_group_cabezote .group-info-prod .color-seccion,
.node_producciones_full_group_cabezote .group-info-prod .field-name-field-fecha a {
    position: relative;
    -webkit-text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6);
    -moz-text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6);
    -ms-text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6);
    -o-text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6);
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.6);
    z-index: 2;
    /* fix - para que la imagen no este por encima de los textos */
}

.node_producciones_full_group_cabezote .field-name-field-capitulos {
    /* capitulos */
    position: relative;
    z-index: 2;
    /* fix - para que la imagen no este por encima de los textos */
    float: left;
    width: auto;
    display: inline-block;
    text-shadow: 0 0 10px black;
    line-height: 24px;
    font-size: 14px;
    color: white;
}

.node_producciones_full_group_cabezote .field-name-field-capitulos::after {
    content: '|';
    padding: 0 10px;
}

.node_producciones_full_group_cabezote .field-name-field-capitulos a {
    color: white;
}

.node_producciones_full_group_cabezote .field-name-body p {
    /* parrafo */
    position: relative;
    z-index: 2;
    /* fix - para que la imagen no este por encima de los textos */
    margin: 0;
    text-align: justify;
    text-shadow: 0 0 10px black;
    line-height: 24px;
    font-size: 14px;
    color: white;
}

.node_producciones_full_group_cabezote .field-name-body p a {
    color: white;
}

.node_producciones_full_group_cabezote .field-name-node-link a {
    /* boton ver más */
    position: relative;
    z-index: 2;
    /* fix - para que la imagen no este por encima de los textos */
    display: inline-block;
    padding: 10px 15px;
    border-radius: 5px;
    background: white;
    font-size: 21px;
    color: black;
}

.node_producciones_full_group_cabezote .field-name-node-link a:after {
    position: absolute;
    background: url('../../images/home/flecha_2.png') no-repeat center center;
    content: '';
    width: 48px;
    height: 100%;
    top: 0px;
    right: 0px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-left: solid 1px #262626;
}

.node_producciones_full_group_cabezote .group-info-prod h3 {
    display: none;
}


/* controles - flechas
-------------------------------------------------------------------------------------- */

#rotador_producciones_destacadas_home .flex-direction-nav a,
#rotador_producciones_destacadas_home .flex-direction-nav a {
    display: block;
    width: 86px;
    height: 152px;
    opacity: 1;
    text-indent: 99999px;
    color: transparent;
}

#rotador_producciones_destacadas_home .flex-direction-nav a::before,
#rotador_producciones_destacadas_home .flex-direction-nav a::before {
    display: none;
    visibility: hidden;
}

#rotador_producciones_destacadas_home .flex-direction-nav .flex-prev {
    left: 10px;
    background-image: url(../img/home_produccion/flecha-prev.png);
}

#rotador_producciones_destacadas_home .flex-direction-nav .flex-next {
    right: 10px;
    background-image: url(../img/home_produccion/flecha-next.png);
}


/*--------------------------------
--- PRODUCCIONES DESTACADAS -----*/

.home-prod_destacadas {
    background: black;
    margin-top: 2px;
}

.home-prod_destacadas .pane-title {
    color: white;
    font-weight: 300;
    margin: 0px;
    padding: 15px 0px;
}

.home-prod_destacadas .pane-content .views-row .group-datos-prod .field-name-field-seccion {
    display: inline-block;
    color: white;
    font-size: 14px;
    border-radius: 5px;
    margin-right: 5px;
    /* color de seccion */
}

.home-prod_destacadas .pane-content .views-row .group-datos-prod .field-name-field-fecha {
    display: inline-block;
}

.home-prod_destacadas .pane-content .views-row .group-datos-prod .field-name-field-fecha span {
    padding: 3px 5px;
    border-radius: 5px;
    font-size: 14px;
}

.home-prod_destacadas .pane-content .views-row .group-datos-prod .field-name-title h2 {
    margin: 0px;
}

.home-prod_destacadas .pane-content .views-row .group-datos-prod .field-name-title h2 a {
    color: white;
    font-weight: 300;
}

.node_producciones_full_group_cabezote .field-name-field-capitulos>div {
    background-color: transparent !important;
    display: inline-block;
}


/*--------------------------------
--------- CATALOGO --------------*/

.home-catalogo.home.panel-display {
    background: white;
    padding: 20px 0px;
}

.home-catalogo.home.panel-display .region .pane-title {
    text-align: center;
    margin-bottom: 25px;
    font-weight: 300;
    font-size: 30px;
}

.home-catalogo.home.panel-display .region .pane-content .view-cat-logo-home {
    text-align: center;
    font-size: 0;
    /* resuelve bug de espacion entre elementos con display inline */
}

.home-catalogo.home.panel-display .region .pane-content .view-cat-logo-home:before,
.home-catalogo.home.panel-display .region .pane-content .view-cat-logo-home:after {
    content: " ";
    display: table;
}

.home-catalogo.home.panel-display .region .pane-content .view-cat-logo-home:after {
    clear: both;
}

.home-catalogo.home.panel-display .region .pane-content .view-cat-logo-home .count-productions {
    font-size: 14px;
}

.home-catalogo.home.panel-display .region .pane-content .view-cat-logo-home .views-row {
    display: inline-block;
    vertical-align: top;
}

.home-catalogo.home.panel-display .region .pane-content .view-cat-logo-home .views-row ul.slider li {
    display: block;
}

.home-catalogo.home.panel-display .region .pane-content .view-cat-logo-home .views-row ul.slider li img {
    display: block;
    width: 100%;
    height: auto;
}

.home-catalogo.home.panel-display .region .pane-content .view-cat-logo-home .views-row .count-productions {
    border: solid 1px #f35901;
    border-radius: 5px;
    display: inline-block;
}

.home-catalogo.home.panel-display .region .pane-content .view-cat-logo-home .views-row .count-productions a {
    padding: 5px 10px;
    font-weight: 300;
    font-size: 14px;
    color: #f35901;
    display: inline-block;
}

.home-catalogo.home.panel-display .region .pane-content .view-cat-logo-home .views-row .count-productions .views-field-php-2 a {
    padding-right: 0px;
}

.home-catalogo.home.panel-display .region .pane-content .view-cat-logo-home .views-row .count-productions .views-field-php a {
    padding-left: 0px;
}

.home-catalogo.home.panel-display .region .pane-content .view-cat-logo-home .views-row .count-productions div {
    display: inline-block;
}

.home-catalogo.home.panel-display .region .pane-content .flexslider {
    margin: 0px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.home-catalogo.home.panel-display .region .pane-content .flexslider .flex-control-nav,
.home-catalogo.home.panel-display .region .pane-content .flexslider .flex-direction-nav {
    display: none;
}

.home-catalogo.home.panel-display .region .pane-content .flexslider img {
    width: 100%;
    height: auto;
}


/*--------------------------------
--------- NOTICIAS y REDES--------*/

.notiRedes .notiredesWrap:before,
.notiRedes .notiredesWrap:after {
    content: " ";
    display: table;
}

.notiRedes .notiredesWrap:after {
    clear: both;
}

.notiRedes .notiredesWrap .home-noticias .pane-content>.view-noticias {
    /* noticia destacada
					---------------------------------------------------------- */
}

.notiRedes .notiredesWrap .home-noticias .pane-content>.view-noticias div {
    margin: 0px;
}

.notiRedes .notiredesWrap .home-noticias .pane-content>.view-noticias>.view-content .views-row {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #dfdfdf;
    width: 100%;
    float: none;
    /* estilos si no tiene imagen */
}

.notiRedes .notiredesWrap .home-noticias .pane-content>.view-noticias>.view-content .views-row:before,
.notiRedes .notiredesWrap .home-noticias .pane-content>.view-noticias>.view-content .views-row:after {
    content: " ";
    display: table;
}

.notiRedes .notiredesWrap .home-noticias .pane-content>.view-noticias>.view-content .views-row:after {
    clear: both;
}

.notiRedes .notiredesWrap .home-noticias .pane-content>.view-noticias>.view-content .views-row.views-row-last {
    border-bottom: 0;
}

.notiRedes .notiredesWrap .home-noticias .pane-content>.view-noticias>.view-content .views-row.no-imagen .field-name-title h2 {
    font-size: 23px;
}

.notiRedes .notiredesWrap .home-noticias .pane-content>.view-noticias>.view-content .views-row .group-left,
.notiRedes .notiredesWrap .home-noticias .pane-content>.view-noticias>.view-content .views-row .group-right {
    float: left;
}

.notiRedes .notiredesWrap .home-noticias .pane-content>.view-noticias>.view-content .views-row .group-left {
    width: 25%;
    min-height: 0;
}

.notiRedes .notiredesWrap .home-noticias .pane-content>.view-noticias>.view-content .views-row .group-right {
    width: 75%;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    position: static;
    padding: 0px 5px;
}

.notiRedes .notiredesWrap .home-noticias .pane-content>.view-noticias>.view-content .views-row .field-name-title {
    clear: both;
}

.notiRedes .notiredesWrap .home-noticias .pane-content>.view-noticias>.view-content .views-row .field-name-title h2 {
    margin: 0;
    padding-top: 7px;
    font-size: 15px;
}

.notiRedes .notiredesWrap .home-noticias .pane-content>.view-noticias>.view-content .views-row .field-name-title h2 a {
    color: #030303;
}

.notiRedes .notiredesWrap .home-noticias .pane-content>.view-noticias>.view-content .views-row .no-imagen .group-right {
    width: 100%;
}

.notiRedes .notiredesWrap .home-noticias .pane-content>.view-noticias>.view-content .views-row .no-imagen .group-right .field-name-title h2 {
    /* titulo */
    line-height: 23px;
    font-size: 21px;
}

.notiRedes .notiredesWrap .home-noticias .pane-content>.view-noticias .attachment-before .view-noticias .views-row {
    width: auto;
    margin: 0px;
}

.notiRedes .notiredesWrap .home-noticias .pane-content>.view-noticias .attachment-before .view-noticias .views-row div {
    margin: 0px;
}

.notiRedes .notiredesWrap .home-noticias .pane-content>.view-noticias .attachment-before .view-noticias .views-row .group-info-header {
    padding-left: 0;
}

.notiRedes .notiredesWrap .home-noticias .pane-content>.view-noticias .attachment-before .view-noticias .views-row .field-name-post-date {
    margin-left: 10px;
}

.notiRedes .notiredesWrap .home-noticias .pane-content>.view-noticias .attachment-before .view-noticias .views-row .field-name-title {
    clear: both;
}

.notiRedes .notiredesWrap .home-noticias .pane-content>.view-noticias .attachment-before .view-noticias .views-row .field-name-title:before,
.notiRedes .notiredesWrap .home-noticias .pane-content>.view-noticias .attachment-before .view-noticias .views-row .field-name-title:after {
    content: " ";
    display: table;
}

.notiRedes .notiredesWrap .home-noticias .pane-content>.view-noticias .attachment-before .view-noticias .views-row .field-name-title:after {
    clear: both;
}

.notiRedes .notiredesWrap .home-noticias .pane-content .view-noticias {
    margin: 0px;
}

.notiRedes .notiredesWrap .home-noticias .pane-content .view-noticias:before,
.notiRedes .notiredesWrap .home-noticias .pane-content .view-noticias:after {
    content: " ";
    display: table;
}

.notiRedes .notiredesWrap .home-noticias .pane-content .view-noticias:after {
    clear: both;
}

.notiRedes .notiredesWrap .home-redes .region .view-noticias .views-row {
    overflow: visible;
    float: none;
    width: 100%;
    margin: 0px;
}

.notiRedes .notiredesWrap .home-redes .region .view-noticias .views-row iframe {
    height: 445px;
}

.notiRedes .notiredesWrap .home-redes .region .pane-quicktabs-redes-sociales-home {
    position: relative;
}

.notiRedes .notiredesWrap .home-redes .region .pane-quicktabs-redes-sociales-home iframe {
    height: 421px;
}

.notiRedes .notiredesWrap .home-redes .region .pane-quicktabs-redes-sociales-home>h2 {
    overflow: visible;
    height: auto;
    margin: 0;
    padding: 3px 10px;
    clip: auto;
    font-weight: 300;
    color: white;
    z-index: 1;
    position: absolute;
}

.notiRedes .notiredesWrap .home-redes .region div#quicktabs-redes_sociales_home {
    border: none;
}

.notiRedes .notiredesWrap .home-redes .region div#quicktabs-redes_sociales_home #quicktabs-container-redes_sociales_home {
    height: 448px;
}

.notiRedes .notiredesWrap .home-redes .region #quicktabs-redes_sociales_home fieldset.horizontal-tabs-pane {
    margin: 0;
    padding: 0;
}

.notiRedes .notiredesWrap .home-redes .region #quicktabs-redes_sociales_home fieldset.horizontal-tabs-pane iframe {
    width: 100% !important;
}

.notiRedes .notiredesWrap .home-redes .region #quicktabs-redes_sociales_home ul.quicktabs-tabs.quicktabs-style-basic {
    background-color: #050505;
    border: none;
    height: 40px;
}

.notiRedes .notiredesWrap .home-redes .region .horizontal-tabs-panes {
    background: white;
    height: 450px;
}

.notiRedes .notiredesWrap .home-redes .region .horizontal-tabs-panes fieldset.field-group-htab {
    width: 95%;
    display: block;
    margin: 0 auto;
}

.notiRedes .notiredesWrap .home-redes .region .pane-quicktabs-redes-sociales-home ul.quicktabs-tabs.quicktabs-style-basic>li {
    min-width: 0;
    float: right;
    padding: 0;
    border: none;
    background: transparent;
}

.notiRedes .notiredesWrap .home-redes .region .pane-quicktabs-redes-sociales-home ul.quicktabs-tabs.quicktabs-style-basic>li a {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    text-indent: -99999px;
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    background-color: #050505;
    background-repeat: no-repeat;
    background-position: 0 -40px;
    display: block;
}

.notiRedes .notiredesWrap .home-redes .region .pane-quicktabs-redes-sociales-home ul.quicktabs-tabs.quicktabs-style-basic>li a:hover {
    background-position: 0 0;
    background-color: #050505;
}

.notiRedes .notiredesWrap .home-redes .region .pane-quicktabs-redes-sociales-home ul.quicktabs-tabs.quicktabs-style-basic>li.facebook a {
    background-image: url(../img/tabs-facebook.png);
}

.notiRedes .notiredesWrap .home-redes .region .pane-quicktabs-redes-sociales-home ul.quicktabs-tabs.quicktabs-style-basic>li.twitter a {
    background-image: url(../img/tabs-twitter.png);
}

.notiRedes .notiredesWrap .home-redes .region .pane-quicktabs-redes-sociales-home ul.quicktabs-tabs.quicktabs-style-basic>li.gplus a {
    background-image: url(../img/tabs-google.png);
}

.notiRedes .notiredesWrap .home-redes .region .pane-quicktabs-redes-sociales-home ul.quicktabs-tabs.quicktabs-style-basic>li.active a {
    /* tab selecionada */
    background-color: white;
    background-position: 0 0;
}


/*--------------------------------
	--------- BANNER ---------------*/

.view-banner-promocional-home {
    text-align: center;
    position: relative;
}

.view-banner-promocional-home .field-name-field-imagen-desktop,
.view-banner-promocional-home .field-name-field-imagen-movil {
    display: inline-block;
}

.view-banner-promocional-home a {
    display: block;
    width: 100%;
    top: 31px;
    height: 152px;
}


/*--------------------------------
	--------- NEWSLETTER ---------*/

.home-banner .pane-webform-client-block-656 .pane-title {
    font-size: 35px;
    font-weight: 300;
    text-align: center;
}

.home-banner .pane-webform-client-block-656 .pane-content {
    position: relative;
}

.home-banner .pane-webform-client-block-656 .pane-content .webform-component-email {
    display: block;
    margin: 0 auto;
}

.home-banner .pane-webform-client-block-656 .pane-content .webform-component-email input {
    width: 100%;
    border-radius: 0px;
    border: solid 1px #ccc;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-size: 27px;
    font-weight: 300;
}

.home-banner .pane-webform-client-block-656 .pane-content button {
    background: #0051aa;
    position: absolute;
    top: 1px;
    border: none;
    color: white;
    font-size: 27px;
    font-weight: 300;
    padding: 20px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.home-banner .pane-webform-client-block-656 .pane-content {
    padding-bottom: 30px;
}


/* CAPTCHA */

.home-banner fieldset.captcha {
    background: #eae8e9;
    border: solid 1px #ccc;
    border-top: none;
    margin-top: 10px;
    display: none;
    margin: 0 auto;
    padding: 0px;
    /* texto capcha */
}

.home-banner fieldset.captcha .fieldset-description {
    background: black;
    color: white;
    text-align: center;
    padding: 0px 10px;
    width: 100%;
}

.home-banner fieldset.captcha .reload-captcha-wrapper a {
    display: block;
    width: 40px;
    height: 40px;
    background-image: url('../../images/home/reloadCap.png');
    -webkit-background-size: 100% 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: auto -4px;
    text-indent: -9999px;
}

.home-banner fieldset.captcha legend {
    display: none;
}

.home-banner fieldset.captcha .fieldset-wrapper {
    font-weight: 300;
}

.home-banner fieldset.captcha label,
.home-banner fieldset.captcha .description {
    display: none;
}

.home-banner fieldset.captcha input {
    margin: 10px 25px;
    font-size: 22px;
    padding: 5px 15px;
    border: none;
    border-radius: 5px;
}


/*--------------------------------
--------- EJECUTIVOS -------------*/

.home-ejecutivos {
    padding: 20px 0px;
}

.home-ejecutivos .pane-title {
    font-weight: 300;
    text-align: center;
}

.home-ejecutivos .view-personas .view-header,
.home-ejecutivos .view-personas .view-footer {
    display: none;
}

.home-ejecutivos .view-personas .view-content:before,
.home-ejecutivos .view-personas .view-content:after {
    content: " ";
    display: table;
}

.home-ejecutivos .view-personas .view-content:after {
    clear: both;
}

.home-ejecutivos .view-personas .view-content .views-row .field-name-field-imagen img {
    border: solid 3px black;
    border-radius: 50%;
}

.home-ejecutivos .view-personas .view-content .views-row .group-datos .field-name-field-region {
    color: #f0690f;
    font-size: 20px;
}

.home-ejecutivos .view-personas .view-content .views-row .group-datos .field-name-title h2,
.home-ejecutivos .view-personas .view-content .views-row .group-datos .field-name-field-cargo,
.home-ejecutivos .view-personas .view-content .views-row .group-datos .field-name-field-telefono {
    color: #666;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 0px;
    font-weight: 300;
}

.home-ejecutivos .view-personas .view-content .views-row .group-datos .field-name-field-email a {
    color: #004fab;
}


/* =======================================================
		estilos unicos para moviles
======================================================== */

@media (max-width: 768px) {
    .home.panel-display .pane-title {
        text-align: center;
        font-size: 24px;
    }
    .home {
        overflow: hidden;
    }
    /*--------------------------------
	------------- ROTADOR ----------*/
    #rotador_producciones_destacadas_home .field-name-social-network,
    #rotador_producciones_destacadas_home .field-name-field-imagen-slider {
        display: none;
        visibility: hidden;
    }
    #rotador_producciones_destacadas_home .flex-direction-nav a,
    #rotador_producciones_destacadas_home .flex-direction-nav a {
        -webkit-transform: translate(0, -50%) scale(0.7);
        -ms-transform: translate(0, -50%) scale(0.7);
        -o-transform: translate(0, -50%) scale(0.7);
        transform: translate(0, -50%) scale(0.7);
    }
    #rotador_producciones_destacadas_home .flex-direction-nav .flex-next {
        right: -10px;
    }
    #rotador_producciones_destacadas_home .flex-direction-nav .flex-prev {
        left: -10px;
    }
    .flex-active-slide {
        width: 100%;
    }
    .node_producciones_full_group_cabezote {
        height: 580px;
        padding-top: 215px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .node_producciones_full_group_cabezote img {
        max-width: 100%;
    }
    .node_producciones_full_group_cabezote .field-name-field-img-titulo {
        min-height: 225px;
    }
    .node_producciones_full_group_cabezote .field-name-node-link {
        margin-bottom: 20px;
    }
    .node_producciones_full_group_cabezote .field-name-node-link a {
        display: block;
        margin: 0px auto;
    }
    .home-header .buscar_field_fecha span {
        background: black;
        color: white;
    }
    .home-prod_destacadas .buscar_field_fecha {
        background: white;
        color: black;
    }
    #rotador_producciones_destacadas_home .field-name-field-imagen-principal-movil {
        overflow: hidden;
    }
    #rotador_producciones_destacadas_home .field-name-field-imagen-principal-movil img {
        height: 580px;
        width: auto;
    }
    #rotador_producciones_destacadas_home .group-info-footer {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding-left: 15px;
        padding-right: 15px;
    }
    .node_producciones_full_group_cabezote .field-name-field-capitulos,
    .node_producciones_full_group_cabezote .field-name-body p {
        line-height: 22px;
    }
    .group-footer-rotador {
        padding-top: 20px;
    }
    /*--------------------------------
	--- PRODUCCIONES DESTACADAS -----*/
    .home-prod_destacadas .pane-content .views-row {
        padding: 5px 0px;
        border-bottom: solid 1px #333;
    }
    .home-prod_destacadas .pane-content .views-row:before,
    .home-prod_destacadas .pane-content .views-row:after {
        content: " ";
        display: table;
    }
    .home-prod_destacadas .pane-content .views-row:after {
        clear: both;
    }
    .home-prod_destacadas .pane-content .views-row .field-type-image {
        float: left;
        width: 30%;
        padding-left: 15px;
    }
    .home-prod_destacadas .pane-content .views-row .field-type-image img {
        width: 100%;
        height: auto;
    }
    .home-prod_destacadas .pane-content .views-row .group-datos-prod {
        width: 70%;
        float: left;
        padding: 0px 15px 10px 10px;
    }
    .home-prod_destacadas .pane-content .views-row .group-datos-prod h3 {
        display: none;
    }
    .home-prod_destacadas .pane-content .views-row .group-datos-prod .field-name-field-fecha span {
        background: white;
        color: black;
    }
    .home-prod_destacadas .pane-content .views-row .group-datos-prod .field-name-title h2 a {
        display: block;
        padding-top: 10px;
        line-height: 22px;
        font-weight: 400;
        font-size: 21px;
    }
    .home-catalogo.home.panel-display .region .pane-content .view-cat-logo-home .views-row .count-productions {
        width: 100%;
    }
    /*--------------------------------
	--------- CATALOGO ---------------*/
    .home-catalogo.home.panel-display .region .pane-title {
        padding: 0 10px;
        font-size: 23px;
        margin: 5px 0px;
    }
    .home-catalogo.home.panel-display .region {
        width: 100%;
    }
    .home-catalogo.home.panel-display .region .pane-content .view-cat-logo-home {
        /* wrap - listado de catalogo */
        padding-left: 7px;
        /* pone margen en moviles */
        padding-right: 7px;
    }
    .home-catalogo.home.panel-display .region .pane-content .view-cat-logo-home:before,
    .home-catalogo.home.panel-display .region .pane-content .view-cat-logo-home:after {
        content: " ";
        display: table;
    }
    .home-catalogo.home.panel-display .region .pane-content .view-cat-logo-home:after {
        clear: both;
    }
    .home-catalogo.home.panel-display .region .pane-content .view-cat-logo-home .views-row {
        /* item catalogo */
        width: 50%;
        margin: 10px 0px;
        padding: 8px;
    }
    .home-catalogo.home.panel-display .region .pane-content .view-cat-logo-home .views-row img {
        width: 100%;
        height: auto;
    }
    .home-catalogo.home.panel-display .region .pane-content .view-cat-logo-home .views-row .views-field-php-1 {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .home-catalogo.home.panel-display .region .pane-content .view-cat-logo-home .views-row .views-field-php-1 a {
        /* item catalogo - titulo  */
        font-size: 18px;
        font-weight: 300;
        color: #030303;
    }
    .home-catalogo.home.panel-display .region .pane-content .view-cat-logo-home .views-field-nid span {
        /* item catalogo - numero de producciones */
        display: block;
    }
    /*--------------------------------
	------------ NOTICIAS ----------*/
    .home-noticias .view-content {
        background: white;
    }
    .home-noticias .view-content .field-name-social-network {
        display: none;
        visibility: hidden;
    }
    .home-noticias .pane-noticias .view-noticias .field-name-post-date {
        display: none;
        visibility: hidden;
    }
    .notiRedes .notiredesWrap .home-noticias .pane-content>.view-noticias>.view-content .views-row .group-left,
    .home-noticias .pane-noticias .view-noticias .views-row .group-left {
        width: 30%;
        padding-left: 15px;
    }
    .notiRedes .notiredesWrap .home-noticias .pane-content>.view-noticias>.view-content .views-row .group-right,
    .home-noticias .pane-noticias .view-noticias .views-row .group-right {
        width: 70%;
        padding-right: 15px;
        padding-left: 10px;
    }
    .notiRedes .notiredesWrap .home-noticias .pane-content>.view-noticias>.view-content .views-row .group-right .field-name-title h2,
    .home-noticias .pane-noticias .view-noticias .views-row .group-right .field-name-title h2 {
        margin: 0;
        padding-top: 7px;
        line-height: 18px;
        font-size: 15px;
    }
    /*--------------------------------
	--------- REDES SOCIALES---------*/
    .home-redes {
        display: none;
    }
    /*--------------------------------
	--------- BANNER ---------------*/
    .view-banner-promocional-home {
        background: #2a2627;
        padding: 10px 0px;
    }
    .view-banner-promocional-home .field-name-field-imagen-desktop {
        display: none;
    }
    /*--------------------------------
	--------- NEWSLETTER ---------*/
    .home-banner .pane-webform-client-block-656 .pane-title {
        font-size: 22px;
    }
    .home-banner .pane-webform-client-block-656 .pane-content .webform-component-email {
        width: 90%;
    }
    .home-banner .pane-webform-client-block-656 .pane-content .webform-component-email input {
        width: 100%;
        height: 55px;
        padding: 20px 10px;
        font-size: 16px;
        font-weight: 400;
    }
    .home-banner .pane-webform-client-block-656 .pane-content button {
        height: 54px;
        right: 5%;
        font-size: 16px;
        font-weight: 400;
        padding: 16px 8px;
    }
    .home-banner .pane-webform-client-block-656 .pane-content {
        padding-bottom: 0;
    }
    /* capcha */
    .home-banner,
    .home-banner fieldset.captcha {
        overflow: visible !important;
        /* over write */
    }
    .home-banner fieldset.captcha {
        position: relative;
        width: 90%;
        margin: auto;
        /* descripcion capcha */
    }
    .home-banner fieldset.captcha img,
    .home-banner fieldset.captcha .form-item {
        /* input del capcha */
        display: inline-block;
        vertical-align: top;
    }
    .home-banner fieldset.captcha img {
        width: 110px;
        height: auto;
        padding: 10px;
    }
    .home-banner fieldset.captcha .reload-captcha-wrapper {
        position: absolute;
        right: 9px;
        top: 0;
    }
    .home-banner fieldset.captcha .form-item {
        /* input del capcha */
        max-width: 40%;
        margin: 0;
        /* sobre escribe estilos por defecto */
        margin-top: 10px;
    }
    .home-banner fieldset.captcha .form-item input {
        width: 100%;
        margin: 0;
        font-size: 14px;
        padding: 5px;
    }
    .home-banner fieldset.captcha .fieldset-description {
        position: absolute;
        bottom: 0;
        -webkit-transform: translate(0, 100%);
        -ms-transform: translate(0, 100%);
        -o-transform: translate(0, 100%);
        transform: translate(0, 100%);
        z-index: 10;
    }
    /*--------------------------------
	--------- EJECUTIVOS -------------*/
    .home-ejecutivos .pane-title {
        padding: 0 10px;
    }
    .home-ejecutivos .view-personas .view-content .views-row {
        margin: 25px 0;
    }
    .home-ejecutivos .view-personas .view-content .views-row:before,
    .home-ejecutivos .view-personas .view-content .views-row:after {
        content: " ";
        display: table;
    }
    .home-ejecutivos .view-personas .view-content .views-row:after {
        clear: both;
    }
    .home-ejecutivos .view-personas .view-content .views-row .group-content .field-name-field-imagen {
        width: 35%;
        float: left;
        padding-right: 10px;
        padding-left: 15px;
    }
    .home-ejecutivos .view-personas .view-content .views-row .group-content .field-name-field-imagen img {
        width: 100%;
        height: auto;
    }
    .home-ejecutivos .view-personas .view-content .views-row .group-content .group-datos {
        width: 65%;
        float: left;
        padding-right: 15px;
    }
    .home-ejecutivos .view-personas .view-content .views-row .group-datos .field-name-field-region {
        font-size: 16px;
        font-weight: 300;
    }
    .home-ejecutivos .view-personas .view-content .views-row .group-datos .field-name-title h2,
    .home-ejecutivos .view-personas .view-content .views-row .group-datos .field-name-field-cargo,
    .home-ejecutivos .view-personas .view-content .views-row .group-datos .field-name-field-telefono,
    .home-ejecutivos .view-personas .view-content .views-row .group-datos .field-name-field-email {
        font-size: 14px;
    }
}


/* =======================================================
		estilos para desktop
======================================================== */

@media (min-width: 768px) {
    .page-home .buscar_field_fecha span {
        background: black;
        color: white;
    }
    /*--------------------------------
	------------- ROTADOR ----------*/
    .node_producciones_full_group_cabezote {
        /* grupo informacion de la producción */
        width: 1024px;
        /* ajusta contenido */
    }
    .node_producciones_full_group_cabezote>div,
    .node_producciones_full_group_cabezote>fieldset {
        width: 460px;
    }
    .node_producciones_full_group_cabezote .field-name-node-link a {
        /* boton ver más */
        width: 230px;
        padding: 10px 15px;
    }
    .node_producciones_full_group_cabezote .field-name-field-img-titulo {
        margin-bottom: 20px;
    }
    #rotador_producciones_destacadas_home .field-name-field-imagen-principal-movil {
        display: none;
        visibility: hidden;
    }
    .view-nodequeue-2 ul.slides>li {
        height: 580px;
        background-color: black;
    }
    /* grupo ver mas y redes */
    #rotador_producciones_destacadas_home .group-footer-rotador {
        padding-top: 30px;
    }
    #rotador_producciones_destacadas_home .group-footer-rotador:before,
    #rotador_producciones_destacadas_home .group-footer-rotador:after {
        content: " ";
        display: table;
    }
    #rotador_producciones_destacadas_home .group-footer-rotador:after {
        clear: both;
    }
    #rotador_producciones_destacadas_home .group-footer-rotador>div {
        display: inline-block;
        float: left;
        vertical-align: top;
    }
    #rotador_producciones_destacadas_home .group-footer-rotador .field-name-social-network {
        position: relative;
        z-index: 2;
        /* fix - para que la imagen no este por encima de los textos */
        border-radius: 5px;
        width: 48px;
        height: 48px;
        margin-left: 5px;
        background: #2a201e url(../img/share-blanco.png) no-repeat center center;
        cursor: pointer;
    }
    #rotador_producciones_destacadas_home .group-footer-rotador .field-name-social-network:hover {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    #rotador_producciones_destacadas_home .group-footer-rotador .field-name-social-network:hover ul {
        display: block;
    }
    #rotador_producciones_destacadas_home .group-footer-rotador .field-name-social-network ul {
        position: absolute;
        display: none;
        top: 0;
        left: 100%;
        width: 125px;
        height: 48px;
        padding: 12px 2px;
        border-left: 1px solid #2F2F2F;
        border-radius: 5px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        background: #2a201e;
    }
    #rotador_producciones_destacadas_home .group-footer-rotador .field-name-social-network ul li {
        margin-top: -5px;
    }
    #rotador_producciones_destacadas_home .group-footer-rotador .field-name-social-network ul li a {
        width: 35px;
        height: 35px;
        background-position: 0 -35px;
    }
    #rotador_producciones_destacadas_home .group-footer-rotador .field-name-social-network ul li a:hover {
        background-position: 0 0;
    }
    /*--------------------------------
	--- PRODUCCIONES DESTACADAS -----*/
    .home-prod_destacadas .pane-title {
        font-size: 31px;
    }
    .home-prod_destacadas .pane-content:before,
    .home-prod_destacadas .pane-content:after {
        content: " ";
        display: table;
    }
    .home-prod_destacadas .pane-content:after {
        clear: both;
    }
    .home-prod_destacadas .pane-content .views-row {
        position: relative;
        width: 33.3%;
        float: left;
        padding: 0px 2px;
        overflow: hidden;
        /* degradados relativos a este elemento */
    }
    .home-prod_destacadas .pane-content .views-row:hover>div::after {
        opacity: 1;
    }
    .home-prod_destacadas .pane-content .views-row:hover>div::before {
        opacity: 0;
    }
    .home-prod_destacadas .pane-content .views-row>div {
        position: relative;
    }
    .home-prod_destacadas .pane-content .views-row>div::after,
    .home-prod_destacadas .pane-content .views-row>div::before {
        content: '';
        position: absolute;
        display: block;
        visibility: visible;
        /* sobreescribe stilos base de drupal */
        height: 100%;
        /* sobreescribe stilos base de drupal */
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 2;
        -webkit-transition: opacity 0.5s ease-in-out;
        -moz-transition: opacity 0.5s ease-in-out;
        -ms-transition: opacity 0.5s ease-in-out;
        -o-transition: opacity 0.5s ease-in-out;
    }
    .home-prod_destacadas .pane-content .views-row>div::after {
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(9, 83, 158, 0)), color-stop(100%, #09539e));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(9, 83, 158, 0) 0%, #09539e 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(9, 83, 158, 0) 0%, #09539e 100%);
        /* Opera 11.10+ */
        /* IE10+ */
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(9, 83, 158, 0)), to(#09539e));
        background: linear-gradient(to bottom, rgba(9, 83, 158, 0) 0%, #09539e 100%);
        /* W3C */
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0009539e', endColorstr='#09539e', GradientType=0);
        /* IE6-9 */
        opacity: 0;
    }
    .home-prod_destacadas .pane-content .views-row>div::before {
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(29%, rgba(181, 181, 181, 0)), color-stop(100%, rgba(0, 0, 0, 0.9)));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(181, 181, 181, 0) 29%, rgba(0, 0, 0, 0.9) 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(181, 181, 181, 0) 29%, rgba(0, 0, 0, 0.9) 100%);
        /* Opera 11.10+ */
        /* IE10+ */
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(29%, rgba(181, 181, 181, 0)), to(rgba(0, 0, 0, 0.9)));
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(181, 181, 181, 0) 29%, rgba(0, 0, 0, 0.9) 100%);
        /* W3C */
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#e6000000', GradientType=0);
        /* IE6-9 */
        opacity: 1;
    }
    .home-prod_destacadas .pane-content .views-row .field-type-image {
        overflow: hidden;
        width: 100%;
        background: black;
    }
    .home-prod_destacadas .pane-content .views-row .field-type-image a {
        display: block;
        width: 100%;
    }
    .home-prod_destacadas .pane-content .views-row .field-type-image img {
        width: 100%;
        height: auto;
    }
    .home-prod_destacadas .pane-content .views-row .group-datos-prod {
        position: absolute;
        bottom: 0;
        padding: 10px;
        z-index: 4;
    }
    .home-prod_destacadas .pane-content .views-row .group-datos-prod .field-name-title {
        margin-top: 5px;
        float: left;
        clear: both;
    }
    .home-prod_destacadas .views-row .field-type-image a::after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-transition: opacity 0.4s ease-in-out;
        -moz-transition: opacity 0.4s ease-in-out;
        -ms-transition: opacity 0.4s ease-in-out;
        -o-transition: opacity 0.4s ease-in-out;
        z-index: 3;
    }
    .home-prod_destacadas .field-name-social-network {
        /* redes sociales */
        z-index: 5;
    }
    .home-prod_destacadas .field-name-social-network::after {
        background: url(../img/share-blanco.png) no-repeat center center;
    }
    /*--------------------------------
	--------- CATALOGO ---------------*/
    .home.panel-display .region {
        width: 1024px;
        margin: 0 auto;
    }
    .home-catalogo.home.panel-display {
        padding-bottom: 65px;
    }
    .home-catalogo.home.panel-display .region .pane-title {
        font-size: 46px;
        font-weight: 300;
    }
    .home-catalogo.home.panel-display .region .pane-content .view-cat-logo-home:before,
    .home-catalogo.home.panel-display .region .pane-content .view-cat-logo-home:after {
        content: " ";
        display: table;
    }
    .home-catalogo.home.panel-display .region .pane-content .view-cat-logo-home:after {
        clear: both;
    }
    .home-catalogo.home.panel-display .region .pane-content .view-cat-logo-home .views-row {
        width: 20%;
    }
    .home-catalogo.home.panel-display .region .pane-content .view-cat-logo-home .views-row .views-field-nid {
        margin: auto;
        display: block;
    }
    .home-catalogo.home.panel-display .region .pane-content .view-cat-logo-home .views-row>div {
        display: block;
    }
    .home-catalogo.home.panel-display .region .pane-content .view-cat-logo-home .views-row .views-field-php-1 {
        /* titulo */
        margin: 15px auto 16px;
    }
    .home-catalogo.home.panel-display .region .pane-content .view-cat-logo-home .views-row .views-field-php-1 a {
        font-weight: 300;
        font-size: 26px;
        color: #030303;
    }
    .home-catalogo.home.panel-display .region .pane-content .view-cat-logo-home .views-row .views-field-field-imagen-1 {
        width: 155px;
        margin: auto;
        -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5);
    }
    /*--------------------------------
	--------- NOTICIAS y REDES--------*/
    .notiRedes {
        background: #eae8e9;
        padding: 20px 0px;
    }
    .notiRedes .notiredesWrap {
        width: 1024px;
        margin: 0 auto;
    }
    .notiRedes .notiredesWrap .region {
        width: 100% !important;
    }
    .notiRedes .notiredesWrap .home-noticias {
        width: 70%;
        float: left;
        padding: 0px 10px;
    }
    .notiRedes .notiredesWrap .home-noticias .pane-title {
        font-weight: 300;
        background: black;
        color: white;
        margin: 0px;
        font-size: 24px;
        padding: 3px 10px;
    }
    .notiRedes .notiredesWrap .home-noticias .pane-content>.view-noticias {
        position: relative;
    }
    .notiRedes .notiredesWrap .home-noticias .pane-content>.view-noticias>.view-header {
        position: absolute;
        top: -30px;
        right: 15px;
    }
    .notiRedes .notiredesWrap .home-noticias .pane-content>.view-noticias>.view-header a {
        font-size: 13px;
    }
    .notiRedes .notiredesWrap .home-noticias .pane-content>.view-noticias>.view-content {
        width: 55%;
        float: left;
        padding: 10px;
    }
    .notiRedes .notiredesWrap .home-noticias .pane-content>.view-noticias>.view-content .views-row {
        height: 102px;
    }
    .notiRedes .notiredesWrap .home-noticias .pane-content>.view-noticias .attachment-before {
        width: 45%;
        float: left;
    }
    .notiRedes .notiredesWrap .home-noticias .pane-content>.view-noticias .attachment-before .view-noticias .views-row {
        width: auto;
    }
    .notiRedes .notiredesWrap .home-redes {
        width: 30%;
        float: left;
    }
    /*--------------------------------
	--------- BANNER ---------------*/
    .view-banner-promocional-home .field-name-field-imagen-movil {
        display: none;
    }
    .view-banner-promocional-home .field-name-field-imagen-desktop {
        padding: 30px 0px;
    }
    /*--------------------------------
	--------- NEWSLETTER ---------*/
    .home-banner .pane-webform-client-block-656 .pane-content .webform-component-email {
        width: 652px;
    }
    .home-banner .pane-webform-client-block-656 .pane-content .webform-component-email input {
        padding: 20px 70px;
    }
    .home-banner .pane-webform-client-block-656 .pane-content .webform-component-email:before {
        background: url('../../images/home/newsletter.png') no-repeat center center;
        content: "";
        position: absolute;
        left: 205px;
        top: 27px;
        width: 35px;
        height: 25px;
    }
    .home-banner .pane-webform-client-block-656 .pane-content button {
        right: 187px;
        font-size: 27px;
        padding: 20px;
    }
    /* capcha */
    .home-banner fieldset.captcha {
        position: relative;
        width: 652px;
        margin: auto;
        /* descripcion capcha */
    }
    .home-banner fieldset.captcha .fieldset-wrapper {
        padding-bottom: 22px;
    }
    .home-banner fieldset.captcha img,
    .home-banner fieldset.captcha .form-item {
        /* input del capcha */
        display: inline-block;
        vertical-align: top;
    }
    .home-banner fieldset.captcha img {
        width: 140px;
        height: auto;
        padding: 10px;
    }
    .home-banner fieldset.captcha .reload-captcha-wrapper {
        position: absolute;
        right: 20px;
        top: 6px;
    }
    .home-banner fieldset.captcha .form-item {
        /* input del capcha */
        margin: 0;
        /* sobre escribe estilos por defecto */
    }
    .home-banner fieldset.captcha .fieldset-description {
        position: absolute;
        bottom: 0;
    }
    /*--------------------------------
	--------- EJECUTIVOS ---------------*/
    .home-ejecutivos .pane-title {
        font-size: 30px;
        color: white;
    }
    .home-ejecutivos .view-personas .view-content {
        text-align: center;
    }
    .home-ejecutivos .view-personas .view-content .views-limit-grouping-group {
        width: 33%;
        display: inline-block;
        text-align: center;
        margin-bottom: 15px;
    }
    .home-ejecutivos .view-personas .view-content .views-limit-grouping-group .group-content {
        display: inline-block;
    }
    .home-ejecutivos .view-personas .view-content .views-limit-grouping-group .group-content .field-name-field-imagen img {
        width: 120px;
        height: auto;
    }
    .home-ejecutivos .view-personas .view-content .views-limit-grouping-group .group-content .group-datos .field-name-field-region {
        color: #f0690f;
        font-size: 17px;
    }
    .home-ejecutivos .view-personas .view-content .views-limit-grouping-group .group-content .group-datos .field-name-title h2,
    .home-ejecutivos .view-personas .view-content .views-limit-grouping-group .group-content .group-datos .field-name-field-cargo,
    .home-ejecutivos .view-personas .view-content .views-limit-grouping-group .group-content .group-datos .field-name-field-telefono,
    .home-ejecutivos .view-personas .view-content .views-limit-grouping-group .group-content .group-datos .field-name-field-email {
        font-size: 15px;
        color: white;
    }
    .home-ejecutivos .view-personas .view-content .views-limit-grouping-group .group-content .group-datos .field-name-field-email a {
        color: #8CB0DA;
    }
    .home-ejecutivos {
        background: url(../img/fondo-ejecutivo.png) no-repeat center center;
        -webkit-background-size: auto 100%;
        background-size: auto 100%;
        min-height: 380px;
    }
    .home-ejecutivos .pane-title {
        margin-top: 0px;
    }
}

.page-contact .row.l-main {
    background-color: white;
}

.page-contact .center-wrapper {
    padding-left: 15px;
    padding-right: 15px;
}

.page-contact .center-wrapper:before,
.page-contact .center-wrapper:after {
    content: " ";
    display: table;
}

.page-contact .center-wrapper:after {
    clear: both;
}

.page-contact .inside {
    margin: 0 !important;
}

.page-contact .panel-2col-stacked .panel-col-first,
.page-contact .panel-2col-stacked .panel-col-last {
    width: auto;
}

.page-contact .pane-formblock-contact-site {
    /* grupo formulario */
    position: relative;
    background-color: #fafafa;
    border: 1px solid #e6e6e6;
    margin-bottom: 40px;
}

.page-contact .pane-formblock-contact-site:before,
.page-contact .pane-formblock-contact-site:after {
    content: " ";
    display: table;
}

.page-contact .pane-formblock-contact-site:after {
    clear: both;
}

.page-contact .pane-formblock-contact-site::before {
    content: '';
    display: block;
    position: absolute;
    width: 60px;
    height: 60px;
    right: -1px;
    top: -1px;
    background-image: url(../img/dobles.png);
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100%;
}

.page-contact h2.pane-title,
.page-contact h1#page-title {
    font-weight: 300;
}

.page-contact h1#page-title {
    margin: 0 auto;
    padding-top: 40px;
    padding-left: 15px;
    padding-right: 15px;
}

.page-contact .pane-formblock-contact-site h2.pane-title {
    margin-top: 0;
}

.page-contact .pane-personas .view-personas {
    /* single persona -------------------- */
}

.page-contact .pane-personas .view-personas>div:before,
.page-contact .pane-personas .view-personas>div:after {
    content: " ";
    display: table;
}

.page-contact .pane-personas .view-personas>div:after {
    clear: both;
}

.page-contact .pane-personas .view-personas .views-row {
    width: 100%;
    padding-bottom: 30px;
    font-size: 14px;
    font-weight: 300;
}

.page-contact .pane-personas .view-personas .views-row:before,
.page-contact .pane-personas .view-personas .views-row:after {
    content: " ";
    display: table;
}

.page-contact .pane-personas .view-personas .views-row:after {
    clear: both;
}

.page-contact .pane-personas .view-personas .views-row h2 {
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 0;
}

.page-contact .pane-personas .view-personas .views-row img {
    width: 100%;
    height: auto;
}

.page-contact .pane-personas .view-personas .views-row .field-name-field-imagen {
    float: left;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 3px solid black;
    overflow: hidden;
}

.page-contact .pane-personas .view-personas .views-row .field-name-field-region {
    color: #f75625;
    font-size: 16px;
}

.page-contact .pane-personas .view-personas .views-row .field-name-field-email a {
    color: #0c52a5;
    text-decoration: none;
    display: block;
}

.page-contact .pane-personas .view-personas .group-datos {
    padding-left: 15px;
    float: left;
}

.page-contact .center-wrapper .form-type-checkbox {
    display: inline-block;
    vertical-align: top;
    margin: 16px 0;
}

.page-contact .center-wrapper .form-type-checkbox label  {
    display: none;
}

.page-contact .center-wrapper  .form-type-item {
    display: inline-block;
    padding: 0 7px;
}
.page-contact .center-wrapper  .form-type-item .datosdoc a {
    font-size: 16px;
    color: #0c52a5;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}
.page-contact .center-wrapper .form-item.form-type-checkbox.form-item-copy {
    display: none;
}


/*home*/
.page-home .pane-webform-client-block-656 .webform-component--autoriza{
    display: inline-block;
}
.page-home .pane-webform-client-block-656 .webform-component--autoriza label{
    display: none;
}

.page-home .pane-webform-client-block-656 .webform-component--documento {
    display: inline-block;
}

.page-home .pane-webform-client-block-656 .webform-component--documento a {
    font-size: 16px;
    color: #0c52a5;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}
.page-home .pane-webform-client-block-656 {
    text-align: center;
}



/* formulario
------------------------------------------------------------------------ */

.pane-formblock-contact-site label {
    font-weight: 300;
}

.pane-formblock-contact-site input,
.pane-formblock-contact-site textarea {
    width: 100%;
    border-radius: 5px;
    padding: 6px;
}

.pane-formblock-contact-site input {
    border: 1px solid black;
    color: #3d3d3d;
}

.pane-formblock-contact-site input[type=checkbox] {
    width: auto;
}

.pane-formblock-contact-site button.form-submit {
    float: right;
    border: none;
    border-radius: 5px;
    padding: 10px 39px;
    background-color: #0a52a4;
    color: white;
    font-weight: 300;
}

.pane-formblock-contact-site .form-type-select>div {
    width: 100%;
    /* select 2 *** plugin ***
	------------------------------------------- */
}

.pane-formblock-contact-site .form-type-select>div select {
    outline: none;
    border: none;
    width: 100%;
    background-color: transparent;
}

.pane-formblock-contact-site .form-type-select>div .select2-search {
    display: none;
    visibility: hidden;
}

.pane-formblock-contact-site .form-type-select>div .select2 span:focus {
    outline: none !important;
}

.pane-formblock-contact-site .form-type-select>div .select2-container--default .select2-selection--single {
    border: 1px solid black;
    padding: 4px;
}

.pane-formblock-contact-site .form-type-select>div .select2-container .select2-selection--single {
    height: auto;
}

.pane-formblock-contact-site .form-type-select>div .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 5px;
}


/* =======================================================
		estilos unicos para moviles
======================================================== */

@media (max-width: 768px) {
    .page-contact h2.pane-title {
        text-align: center;
    }
    .page-contact .panel-2col-stacked .panel-col-first,
    .page-contact .panel-2col-stacked .panel-col-last {
        float: none;
    }
    .page-contact .pane-personas .view-personas .group-datos {
        max-width: 200px;
    }
    .page-contact .pane-personas .view-personas .views-row .field-name-field-imagen {
        width: 90px;
        height: 90px;
    }
    .page-contact .pane-formblock-contact-site {
        padding: 10px;
    }
    .page-contact .center-wrapper .form-type-item{
        display: inline-block;
        padding: 0;
    }
    .page-contact .center-wrapper .form-type-item .datosdoc a {
        font-size: 15px; 
    }
    .page-contact .center-wrapper .form-type-item .datosdoc  {
        width: 250px;
        display: block;
    }
    .page-home .pane-webform-client-block-656 {
        text-align: center;
    }
    .page-home .pane-webform-client-block-656 .webform-component--documento .datosdoc {
        display: block;
        width: 280px;
    }
    .page-home .pane-webform-client-block-656 .webform-component--documento a {
        font-size: 16px;
    }
    .page-home .pane-webform-client-block-656 .webform-component--autoriza {
        display: inline-block;
        vertical-align: top;
        margin: 8px 0;
    }
}


/* =======================================================
			estilos para desktop
======================================================== */

@media (min-width: 768px) {
    .page-contact .center-wrapper {
        width: 1024px;
        margin: auto;
    }
    .page-contact .center-wrapper:before,
    .page-contact .center-wrapper:after {
        content: " ";
        display: table;
    }
    .page-contact .center-wrapper:after {
        clear: both;
    }
    .page-contact .pane-personas,
    .page-contact .pane-formblock-contact-site {
        float: left;
    }
    .page-contact .pane-personas {
        width: 430px;
    }
    .page-contact .pane-formblock-contact-site {
        width: 550px;
        margin-left: 14px;
        margin-top: -7px;
        padding: 30px;
    }
    .page-contact h1#page-title {
        width: 1024px;
        font-size: 38px;
    }
    .page-contact h2.pane-title {
        font-size: 26px;
    }
    .page-contact .center-wrapper .form-type-checkbox {
        float: left;
    }
    .page-contact .center-wrapper .field-name-ventas .view-personas .views-row {
        padding-bottom: 50px;
    }
}


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

	Landing Noticias, mobile first

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


/* degradado menu principal ----------- */


/* estilos base ----------- */

.section-noticias .l-main {
    padding-top: 25px;
    background-color: white;
}

.section-noticias header {
    color: black;
}

.section-noticias header .main-menu ul.menu li a,
.section-noticias header .header-top a {
    color: black;
}

.pane-noticias:before,
.pane-noticias:after {
    content: " ";
    display: table;
}

.pane-noticias:after {
    clear: both;
}

.pane-noticias h2.pane-title {
    font-weight: 300;
    font-size: 40px;
    margin-top: 0;
}

.pane-noticias .view-noticias .views-row>div {
    position: relative;
    margin-left: 15px;
    margin-right: 15px;
}

.pane-noticias .view-noticias .views-row img {
    width: 100%;
    height: auto;
    display: block;
}


/* redes --------------------------------------------- */

.pane-noticias .view-noticias .group-left .field-name-social-network {
    position: absolute;
    width: 25px;
    height: auto;
    top: 5px;
    right: 5px;
    text-align: right;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.pane-noticias .view-noticias .group-left .field-name-social-network:hover::after {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.pane-noticias .view-noticias .group-left .field-name-social-network::after {
    background: url(../img/share-blanco.png) no-repeat center center;
    background-color: black;
}

.pane-noticias .view-noticias .no-imagen .group-left .field-name-social-network::after {
    background: url(../img/share-negro.png) no-repeat center center;
    background-color: transparent;
}


/* titulo destacada ------------------- */

.pane-noticias .view-noticias .attachment .field-name-title h2 {
    font-size: 24.5px;
}


/* info ---------------------------------------------- */

.pane-noticias .view-noticias .field-name-post-date,
.pane-noticias .view-noticias .field-name-field-seccion {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
}

.pane-noticias .view-noticias .field-name-field-seccion {
    margin-right: 10px;
    border-radius: 5px;
    color: white;
}

.pane-noticias .view-noticias .field-name-post-date {
    padding: 4px 0;
}

.pane-noticias .view-noticias .field-name-title h2 {
    margin: 0;
    font-weight: 300;
    font-size: 18px;
}

.pane-noticias .view-noticias a {
    color: white;
    text-decoration: none;
}

.pane-noticias .view-noticias .field-name-body {
    font-weight: 300;
    text-shadow: 0 1px 2px #000000;
}


/* paginador --------------------------------------------- */

.pane-noticias .view-noticias .pagination-centered ul.pager {
    margin-right: 15px;
    margin-left: 15px;
}


/* =======================================================
			estilos solo moviles
======================================================== */

@media (max-width: 768px) {
    /* oculto para moviles (temporalmente) -------------------- */
    .pane-noticias .view-noticias .group-left .field-name-social-network,
    .pane-noticias .view-noticias .group-info-content {
        display: none;
        visibility: hidden;
    }
    .pane-noticias .view-noticias .views-row {
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #dfdfdf;
    }
    .pane-noticias .view-noticias .views-row:before,
    .pane-noticias .view-noticias .views-row:after {
        content: " ";
        display: table;
    }
    .pane-noticias .view-noticias .views-row:after {
        clear: both;
    }
    .pane-noticias .view-noticias .views-row.views-row-last {
        border-bottom: 0;
    }
    .pane-noticias .view-noticias .views-row.no-imagen .field-name-title h2 {
        font-size: 23px;
    }
    .pane-noticias .view-noticias .views-row .group-left,
    .pane-noticias .view-noticias .views-row .group-right {
        float: left;
    }
    .pane-noticias .view-noticias .views-row .group-left {
        width: 25%;
    }
    .pane-noticias .view-noticias .views-row .group-right {
        width: 75%;
    }
    .pane-noticias .view-noticias .views-row .group-info-header {
        padding-left: 5px;
    }
    .pane-noticias .view-noticias .views-row .field-name-title h2 {
        margin: 0;
        padding-top: 7px;
        font-size: 15px;
    }
    .pane-noticias .view-noticias .views-row .field-name-title h2 a {
        color: #030303;
        text-decoration: none;
    }
    /* estilos si no tiene imagen */
    .pane-noticias .no-imagen .group-right {
        width: 100%;
    }
    .pane-noticias .no-imagen .group-right .field-name-title h2 {
        /* titulo */
        line-height: 23px;
        font-size: 21px;
    }
    .pane-noticias .view-noticias .field-name-post-date,
    .pane-noticias .view-noticias .field-name-field-seccion {
        font-size: 11.5px;
    }
    .pane-noticias .view-noticias .field-name-field-seccion {
        padding-left: 6px;
        padding-right: 6px;
        margin-right: 6px;
    }
    .pane-noticias .view-noticias .field-name-post-date {
        font-weight: 300;
    }
    .page-home .pane-noticias .view-noticias .field-name-field-imagen-destacada a,
    .page-noticias .view-noticias .field-type-image a {
        display: none;
        visibility: hidden;
    }
    .page-home .pane-noticias .view-noticias .field-name-field-imagen-destacada a.home_noticias_movil,
    .page-noticias .view-noticias .field-type-image a.home_noticias_movil {
        display: block;
        visibility: visible;
    }
}


/* =======================================================
			estilos para desktop
======================================================== */

@media (min-width: 768px) {
    .page-noticias #page-title,
    .page-noticias .panel-display {
        width: 1024px;
        margin: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
    .pane-noticias .pane-content>.view-noticias {
        margin-left: -15px;
        margin-right: -15px;
    }
    /* titulo destacada ------------------- */
    .pane-noticias .view-noticias .attachment .field-name-title h2 {
        line-height: 28px;
    }
    /* estilos base desktop ---------------------------- */
    .pane-noticias .view-noticias .attachment .views-row {
        height: 458px;
    }
    .pane-noticias .view-noticias .views-row {
        overflow: hidden;
        float: left;
        width: 33.3%;
        margin-bottom: 30px;
    }
    .pane-noticias .view-noticias .views-row .group-left {
        width: 100%;
        min-height: 214px;
        background-color: #e3e1e2;
    }
    .pane-noticias .view-noticias .views-row .group-right {
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        position: absolute;
        left: 10px;
        right: 10px;
        top: 100%;
        -webkit-transform: translate(0, -100%);
        -ms-transform: translate(0, -100%);
        -o-transform: translate(0, -100%);
        transform: translate(0, -100%);
        -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
        -o-transform-origin: left top;
        transform-origin: left top;
        /* titulo ------------ */
    }
    .pane-noticias .view-noticias .group-info-content {
        max-height: 0;
        overflow: hidden;
    }
    .pane-noticias .view-noticias .group-info-header,
    .pane-noticias .view-noticias .group-info-content {
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
    }
    .pane-noticias .view-noticias .group-info-header {
        /*
		top: 100%;
		-webkit-transform: scale(1) translate(0, -100%);
		-moz-transform: scale(1) translate(0, -100%);
		-ms-transform: scale(1) translate(0, -100%);
		-o-transform: scale(1) translate(0, -100%);
		transform: scale(1) translate(0, -100%);

		transform-origin: left top;
		*/
    }
    .pane-noticias .view-noticias .group-info-header .field-name-title {
        padding-bottom: 10px;
    }
    .pane-noticias .view-noticias .group-info-content p {
        margin: 0;
    }
    .pane-noticias .view-noticias .field-name-title h2,
    .pane-noticias .view-noticias .field-name-body,
    .pane-noticias .view-noticias .field-name-post-date {
        color: white;
    }
    /* color overlay ------------------------------------- */
    .pane-noticias .view-noticias .field-type-image a {
        display: block;
    }
    .pane-noticias .view-noticias .field-type-image::after,
    .pane-noticias .view-noticias .field-type-image::before,
    .pane-noticias .view-noticias .field-type-image a::after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-transition: opacity 0.4s ease-in-out;
        -moz-transition: opacity 0.4s ease-in-out;
        -ms-transition: opacity 0.4s ease-in-out;
        -o-transition: opacity 0.4s ease-in-out;
    }
    .pane-noticias .view-noticias .field-type-image::before {
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(29%, rgba(181, 181, 181, 0)), color-stop(100%, rgba(0, 0, 0, 0.9)));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(181, 181, 181, 0) 29%, rgba(0, 0, 0, 0.9) 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(181, 181, 181, 0) 29%, rgba(0, 0, 0, 0.9) 100%);
        /* Opera 11.10+ */
        /* IE10+ */
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(29%, rgba(181, 181, 181, 0)), to(rgba(0, 0, 0, 0.9)));
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(181, 181, 181, 0) 29%, rgba(0, 0, 0, 0.9) 100%);
        /* W3C */
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#e6000000', GradientType=0);
        /* IE6-9 */
        opacity: 1;
    }
    .pane-noticias .view-noticias .field-type-image::after {
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(28, 64, 152, 0.4)), color-stop(100%, #1c4098));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(28, 64, 152, 0.4) 0%, #1c4098 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(28, 64, 152, 0.4) 0%, #1c4098 100%);
        /* Opera 11.10+ */
        /* IE10+ */
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(28, 64, 152, 0.4)), to(#1c4098));
        background: linear-gradient(to bottom, rgba(28, 64, 152, 0.4) 0%, #1c4098 100%);
        /* W3C */
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#661c4098', endColorstr='#1c4098', GradientType=0);
        /* IE6-9 */
        opacity: 0;
    }
    /* No imagen Actions ------------------------------------- */
    .pane-noticias .view-noticias .views-row>div.no-imagen,
    .pane-noticias .view-noticias .views-row>div.no-imagen:hover {
        /* grupo info ---------------- */
        /* grupo resumen noticia ----------------- */
    }
    .pane-noticias .view-noticias .views-row>div.no-imagen .group-info-header,
    .pane-noticias .view-noticias .views-row>div.no-imagen:hover .group-info-header {
        /*
			top: 10px;
			-webkit-transform: none;
			-moz-transform: none;
			-ms-transform: none;
			-o-transform: none;
			transform: none;
			*/
    }
    .pane-noticias .view-noticias .views-row>div.no-imagen .group-info-header .field-name-post-date,
    .pane-noticias .view-noticias .views-row>div.no-imagen:hover .group-info-header .field-name-post-date,
    .pane-noticias .view-noticias .views-row>div.no-imagen .group-info-header .field-name-title a,
    .pane-noticias .view-noticias .views-row>div.no-imagen:hover .group-info-header .field-name-title a {
        color: black;
    }
    .pane-noticias .view-noticias .views-row>div.no-imagen .group-right,
    .pane-noticias .view-noticias .views-row>div.no-imagen:hover .group-right {
        top: 10px;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
    .pane-noticias .view-noticias .views-row>div.no-imagen .group-info-content,
    .pane-noticias .view-noticias .views-row>div.no-imagen:hover .group-info-content {
        height: auto;
        max-height: 240px;
        bottom: 10px;
        font-size: 14px;
    }
    .pane-noticias .view-noticias .views-row>div.no-imagen .group-info-content a,
    .pane-noticias .view-noticias .views-row>div.no-imagen:hover .group-info-content a {
        color: black;
    }
    .pane-noticias .view-noticias div.no-imagen .field-name-body {
        color: black;
        text-shadow: none;
    }
    /* :hover Actions ------------------------------------- */
    .pane-noticias .view-noticias .views-row>div:hover {
        /* grupo info ---------------- */
        /* grupo resumen noticia ----------------- */
        /* bg ----------------------- */
    }
    .pane-noticias .view-noticias .views-row>div:hover .group-info-header {
        /*
			top: 10px;
			-webkit-transform: none;
			-moz-transform: none;
			-ms-transform: none;
			-o-transform: none;
			transform: none;
			*/
    }
    .pane-noticias .view-noticias .views-row>div:hover .group-right {
        top: 10px;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
    .pane-noticias .view-noticias .views-row>div:hover .group-info-content {
        max-height: 240px;
        bottom: 10px;
    }
    .pane-noticias .view-noticias .views-row>div:hover .field-type-image::before {
        opacity: 0;
    }
    .pane-noticias .view-noticias .views-row>div:hover .field-type-image::after {
        opacity: 1;
    }
    /* z-index ------------------------------------- */
    .pane-noticias .view-noticias .group-left::after,
    .pane-noticias .view-noticias .group-left::before {
        z-index: 1;
    }
    .pane-noticias .view-noticias .group-left {
        z-index: 2;
    }
    .pane-noticias .view-noticias .group-info-header,
    .pane-noticias .view-noticias .group-info-content {
        z-index: 2;
    }
    .pane-noticias .view-noticias .field-type-image a::after {
        z-index: 3;
    }
    /* link de la imagen */
    .pane-noticias .view-noticias .group-right {
        z-index: 4;
    }
    /* titulo e informacion */
    .pane-noticias .view-noticias .group-left .field-name-social-network {
        z-index: 5;
    }
    /* redes */
    .pane-noticias .view-noticias .field-type-image a.home_noticias_movil {
        display: none;
        visibility: hidden;
    }
}


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

	Interna Noticias, mobile first

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


/* estilos base ----------- */

.node-type-noticias .main.large-12 {
    background-color: white;
    padding-top: 25px;
}

.node-type-noticias .dos-columnas:before,
.node-type-noticias .dos-columnas:after {
    content: " ";
    display: table;
}

.node-type-noticias .dos-columnas:after {
    clear: both;
}

.node-type-noticias .dos-columnas .field-name-field-seccion,
.node-type-noticias .dos-columnas .field-name-post-date,
.node-type-noticias .dos-columnas .field-name-producciones-sidebar .field-name-field-fecha {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
}

.node-type-noticias .dos-columnas .field-name-field-seccion {
    border-radius: 5px;
    color: white;
}

.node-type-noticias .dos-columnas .field-name-title h2 {
    font-weight: 300;
}

.node-type-noticias .dos-columnas .field-name-field-imagen {
    position: relative;
}

.node-type-noticias .dos-columnas .field-name-field-imagen img {
    width: 100%;
    height: auto;
    display: block;
}

.node-type-noticias .dos-columnas .field-name-field-imagen .image-field-caption {
    margin: 0;
    padding: 2px 5px;
    background-color: rgba(0, 0, 0, 0.5);
    font-size: 13px;
    color: white;
}

.node-type-noticias .dos-columnas .field-name-field-imagen .image-field-caption p {
    margin: 0;
}

.node-type-noticias .field-name-social-network ul {
    background: #f4f4f4;
    padding-top: 0;
    margin-bottom: 10px;
}

.node-type-noticias .dos-columnas .field-name-body iframe {
    width: 100%;
}


/* redes --------------------------------------------------- */

.node-type-noticias .field-name-social-network .redes_sociales:before,
.node-type-noticias .field-name-social-network .redes_sociales:after {
    content: " ";
    display: table;
}

.node-type-noticias .field-name-social-network .redes_sociales:after {
    clear: both;
}

.node-type-noticias .field-name-social-network .redes_sociales .total {
    padding: 2px 5px;
    background-color: #282828;
    text-align: center;
}

.node-type-noticias .field-name-social-network .redes_sociales .total span {
    display: block;
    color: #ffffff;
}

.node-type-noticias .field-name-social-network .redes_sociales .total span.texto {
    font-size: 11px;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}

.node-type-noticias .field-name-social-network .redes_sociales .total span.count_total {
    font-size: 24px;
}

.node-type-noticias .field-name-social-network ul li .compartido_facebook a,
.node-type-noticias .field-name-social-network ul li .compartido_twitter a,
.node-type-noticias .field-name-social-network ul li .compartido_pinterest a {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100%;
}

.node-type-noticias .field-name-social-network ul li .compartido_facebook a {
    background-image: url(../img/noticias/fb.png);
}

.node-type-noticias .field-name-social-network ul li .compartido_twitter a {
    background-image: url(../img/noticias/twitter.png);
}

.node-type-noticias .field-name-social-network ul li .compartido_pinterest a {
    background-image: url(../img/noticias/google.png);
}


/* sidebar commons --------------------------------------- */

.node-type-noticias .dos-columnas .region-right .group-noticias-relacionadas>h2,
.node-type-noticias .dos-columnas .region-right h2.block-title {
    font-weight: 300;
    color: white;
    background-color: #030303;
    margin-top: 0;
    margin-bottom: 10px;
    padding: 5px 10px;
}


/* sidebar, noticias relacionadas ------------------------------------- */

.node-type-noticias .dos-columnas .region-right .group-noticias-relacionadas .node-noticias {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #dfdfdf;
}

.node-type-noticias .dos-columnas .region-right .group-noticias-relacionadas .node-noticias:before,
.node-type-noticias .dos-columnas .region-right .group-noticias-relacionadas .node-noticias:after {
    content: " ";
    display: table;
}

.node-type-noticias .dos-columnas .region-right .group-noticias-relacionadas .node-noticias:after {
    clear: both;
}

.node-type-noticias .dos-columnas .region-right .group-noticias-relacionadas .node-noticias:last-of-type {
    margin-bottom: 30px;
}

.node-type-noticias .dos-columnas .region-right .group-noticias-relacionadas .node-noticias.no-imagen .field-name-title h2 {
    font-size: 23px;
}

.node-type-noticias .dos-columnas .region-right .group-noticias-relacionadas .node-noticias .field-name-field-imagen-relacionados {
    float: left;
    padding-right: 10px;
}

.node-type-noticias .dos-columnas .region-right .group-noticias-relacionadas .node-noticias .field-name-title h2 {
    margin: 0;
    padding-top: 7px;
    font-size: 15px;
}

.node-type-noticias .dos-columnas .region-right .group-noticias-relacionadas .node-noticias .field-name-title h2 a {
    color: #030303;
    text-decoration: none;
}


/* sidebar, producciones relacionadas ------------------------------------- */

.node-type-noticias .dos-columnas .field-name-producciones-sidebar .views-row {
    position: relative;
    margin-bottom: 2px;
    min-height: 160px;
    background-color: #cbcbcb;
}

.node-type-noticias .dos-columnas .field-name-producciones-sidebar .views-row:hover .field-name-field-imagen-relacionados a::after {
    opacity: 1;
}

.node-type-noticias .dos-columnas .field-name-producciones-sidebar .views-row:hover .field-name-field-imagen-relacionados a::before {
    opacity: 0;
}

.node-type-noticias .dos-columnas .field-name-producciones-sidebar .views-row img {
    width: 100%;
    height: auto;
    display: block;
}

.node-type-noticias .dos-columnas .field-name-producciones-sidebar .views-row .field-name-field-imagen-relacionados a {
    display: block;
}

.node-type-noticias .dos-columnas .field-name-producciones-sidebar .views-row .field-name-field-imagen-relacionados a::after,
.node-type-noticias .dos-columnas .field-name-producciones-sidebar .views-row .field-name-field-imagen-relacionados a::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
}

.node-type-noticias .dos-columnas .field-name-producciones-sidebar .views-row .field-name-field-imagen-relacionados a::before {
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(29%, rgba(181, 181, 181, 0)), color-stop(100%, rgba(0, 0, 0, 0.9)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(181, 181, 181, 0) 29%, rgba(0, 0, 0, 0.9) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(181, 181, 181, 0) 29%, rgba(0, 0, 0, 0.9) 100%);
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(29%, rgba(181, 181, 181, 0)), to(rgba(0, 0, 0, 0.9)));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(181, 181, 181, 0) 29%, rgba(0, 0, 0, 0.9) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#e6000000', GradientType=0);
    /* IE6-9 */
    opacity: 1;
}

.node-type-noticias .dos-columnas .field-name-producciones-sidebar .views-row .field-name-field-imagen-relacionados a::after {
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(9, 83, 158, 0)), color-stop(100%, #09539e));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(9, 83, 158, 0) 0%, #09539e 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(9, 83, 158, 0) 0%, #09539e 100%);
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(9, 83, 158, 0)), to(#09539e));
    background: linear-gradient(to bottom, rgba(9, 83, 158, 0) 0%, #09539e 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0009539e', endColorstr='#09539e', GradientType=0);
    /* IE6-9 */
    opacity: 0;
}

.node-type-noticias .dos-columnas .field-name-producciones-sidebar .views-row .group-info-prod {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px;
    z-index: 2;
}

.node-type-noticias .dos-columnas .field-name-producciones-sidebar .views-row .field-name-field-fecha {
    border-radius: 5px;
    margin-left: 5px;
    background-color: #030303;
    color: white;
}

.node-type-noticias .dos-columnas .field-name-producciones-sidebar .views-row .field-name-title h2 {
    margin: 0;
}

.node-type-noticias .dos-columnas .field-name-producciones-sidebar .views-row .field-name-title h2 a {
    color: white;
    text-decoration: none;
}

.node-type-noticias .dos-columnas .region-right h2.block-title {
    margin-bottom: 1px;
}


/* sidebar, redes
	** no se muestra en moviles
------------------------------------- */

.node-type-noticias .field-group-htabs {
    padding-top: 25px;
    position: relative;
}

.node-type-noticias .field-group-htabs>h2 {
    overflow: visible;
    height: auto;
    margin: 0;
    padding: 3px 10px;
    clip: auto;
    font-weight: 300;
    color: white;
    z-index: 1;
}

.node-type-noticias div.horizontal-tabs {
    border: none;
}

.node-type-noticias .horizontal-tabs fieldset.horizontal-tabs-pane {
    margin: 0;
    padding: 0;
}

.node-type-noticias .horizontal-tabs fieldset.horizontal-tabs-pane iframe {
    width: 100% !important;
}

.node-type-noticias .horizontal-tabs ul.horizontal-tabs-list {
    display: block;
    padding-right: 10px;
    background-color: #050505;
    border: none;
}

.node-type-noticias .horizontal-tabs ul.horizontal-tabs-list:before,
.node-type-noticias .horizontal-tabs ul.horizontal-tabs-list:after {
    content: " ";
    display: table;
}

.node-type-noticias .horizontal-tabs ul.horizontal-tabs-list:after {
    clear: both;
}

.node-type-noticias .field-group-htabs ul.horizontal-tabs-list li.horizontal-tab-button {
    min-width: 0;
    float: right;
    padding: 0;
    border: none;
    background: transparent;
}

.node-type-noticias .field-group-htabs ul.horizontal-tabs-list li.horizontal-tab-button a {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    text-indent: -99999px;
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    background-color: #050505;
    background-repeat: no-repeat;
    background-position: 0 -40px;
}

.node-type-noticias .field-group-htabs ul.horizontal-tabs-list li.horizontal-tab-button a:hover {
    background-position: 0 0;
    background-color: #050505;
}

.node-type-noticias .field-group-htabs ul.horizontal-tabs-list li.horizontal-tab-button.facebook a {
    background-image: url(../img/tabs-facebook.png);
}

.node-type-noticias .field-group-htabs ul.horizontal-tabs-list li.horizontal-tab-button.twitter a {
    background-image: url(../img/tabs-twitter.png);
}

.node-type-noticias .field-group-htabs ul.horizontal-tabs-list li.horizontal-tab-button.google a {
    background-image: url(../img/tabs-google.png);
}

.node-type-noticias .field-group-htabs ul.horizontal-tabs-list li.horizontal-tab-button.selected a {
    /* tab selecionada */
    background-color: white;
    background-position: 0 0;
}


/* panels redes
----------------------------------------------------------- */

.node-type-noticias .field-group-htabs .horizontal-tabs-panes {
    padding: 10px;
    border: 1px solid #aaa;
    border-top: none;
    text-align: center;
}


/* =======================================================
			estilos solo moviles
======================================================== */

@media (max-width: 768px) {
    .node-type-noticias .main.large-12 {
        padding-top: 0;
    }
    .node-type-noticias .dos-columnas {
        padding-left: 15px;
        padding-right: 15px;
    }
    .node-type-noticias .dos-columnas-header .field-name-title h2 {
        margin: 5px 0 10px;
        font-size: 22px;
        line-height: 26px;
    }
    .node-type-noticias .field-name-social-network .redes_sociales .total span.count_total {
        line-height: 27px;
    }
    .node-type-noticias .dos-columnas .field-name-body {
        font-size: 15px;
    }
    .node-type-noticias .dos-columnas .region-right .group-noticias-relacionadas>h2,
    .node-type-noticias .dos-columnas .region-right h2.block-title {
        font-size: 20px;
    }
    .node-type-noticias .field-name-producciones-sidebar {
        padding-bottom: 25px;
    }
    /* social
	---------------------------------------------------- */
    /* contador redes oculto en moviles ----------------------------------------------- */
    .node-type-noticias .dos-columnas .region-right .field-group-htabs,
    .node-type-noticias .field-name-social-network .redes_sociales .count-share-content {
        display: none;
        visibility: hidden;
    }
    /* social, structure  --------------------------------- */
    .node-type-noticias .field-name-social-network .redes_sociales {
        width: 100%;
    }
    .node-type-noticias .field-name-social-network .redes_sociales .total,
    .node-type-noticias .field-name-social-network .redes_sociales ul {
        float: left;
        height: 48px;
    }
    .node-type-noticias .field-name-social-network .redes_sociales .total {
        width: 33%;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    .node-type-noticias .field-name-social-network .redes_sociales ul {
        width: 67%;
        padding-top: 9px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    .node-type-noticias .field-name-social-network ul li .compartido_facebook a,
    .node-type-noticias .field-name-social-network ul li .compartido_twitter a,
    .node-type-noticias .field-name-social-network ul li .compartido_pinterest a {
        width: 30px;
        height: 30px;
        margin-left: 0px;
        margin-right: 12px;
    }
    .node-type-noticias .field-name-social-network ul li .compartido_facebook a {
        background-image: url(../img/noticias/fb-30.png);
    }
    .node-type-noticias .field-name-social-network ul li .compartido_twitter a {
        background-image: url(../img/noticias/twitter-30.png);
    }
    .node-type-noticias .field-name-social-network ul li .compartido_pinterest a {
        background-image: url(../img/noticias/google-30.png);
    }
}


/* =======================================================
			estilos para desktop
======================================================== */

@media (min-width: 768px) {
    /* base ---------------------------------------------- */
    .node-type-noticias .dos-columnas {
        width: 1000px;
        margin: auto;
    }
    .node-type-noticias .dos-columnas .region-left {
        position: relative;
        width: 656px;
        float: left;
    }
    .node-type-noticias .dos-columnas .region-right {
        width: 320px;
        float: right;
    }
    /* titulo ---------------------------------------------- */
    .node-type-noticias .dos-columnas-header .field-name-title h2 {
        margin-top: 10px;
        margin-bottom: 30px;
        line-height: 56px;
        font-size: 50px;
    }
    /* social --------------------------------- */
    .node-type-noticias .field-name-social-network {
        position: absolute;
        left: 0;
        top: 480px;
    }
    .node-type-noticias .field-name-social-network .redes_sociales.sticky {
        position: fixed;
        top: 20px;
    }
    .node-type-noticias .field-name-social-network .redes_sociales .total {
        width: 75px;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }
    .node-type-noticias .field-name-social-network .redes_sociales .compartido_icono,
    .node-type-noticias .field-name-social-network .redes_sociales .count-share-content {
        float: left;
        vertical-align: top;
        color: #818181;
    }
    .node-type-noticias .field-name-social-network .redes_sociales .count-share-content {
        float: right;
        padding-right: 10px;
        font-size: 14px;
    }
    .node-type-noticias .field-name-social-network .redes_sociales .compartido_icono {
        padding-left: 10px;
    }
    .node-type-noticias .field-name-social-network ul {
        width: 75px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    .node-type-noticias .field-name-social-network ul li {
        display: block;
        padding: 10px 0;
        border-bottom: 1px solid white;
    }
    .node-type-noticias .field-name-social-network ul li:before,
    .node-type-noticias .field-name-social-network ul li:after {
        content: " ";
        display: table;
    }
    .node-type-noticias .field-name-social-network ul li:after {
        clear: both;
    }
    /* imagen --------------------------- */
    .node-type-noticias .dos-columnas .field-name-field-imagen .field-name-field-caption {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
    }
    /* Campo body ------------------------------------ */
    .node-type-noticias .dos-columnas-content .field-name-body {
        margin-left: 84px;
        margin-top: 30px;
    }
    .node-type-noticias .dos-columnas-content .field-name-body p {
        line-height: 30px !important;
    }
    /* footer ---------------------------------------- */
    .node-type-noticias .dos-columnas-footer {
        padding-bottom: 45px;
    }
}


/* =======================================================
		commons, mobile first
======================================================== */

.page-node .node-page {
    background-color: white;
}

.page-node .node-page>.group-content {
    position: relative;
    font-size: 16px;
}

.page-node .node-page>.group-content p {
    margin-top: 0;
    margin-bottom: 0;
    color: #272727;
    font-weight: 300;
}

.page-node .node-page>.group-content p span {
    line-height: 24px !important;
}


/* titulos ----------------------------------- */

.page-node .node-page>.group-content>.field-name-title h2,
.page-node .node-page>.group-content .view-personas .view-header p,
.page-node .node-page>.group-content .view-personas .view-footer p {
    margin: 0;
    padding: 40px 0;
    text-align: left;
    font-weight: 300;
}


/* menu lateral -------------------------------------------- */

.field-name-menu-quienesomos {
    -webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    -ms-transition: transform 0.5s ease;
    -o-transition: -o-transform 0.5s ease;
    position: absolute;
    width: 150px;
    top: 30px;
    right: 0;
}

.field-name-menu-quienesomos ul.menu-quienes-somos {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 15px;
    font-weight: 300;
    text-transform: uppercase;
}

.field-name-menu-quienesomos ul.menu-quienes-somos li {
    width: 150px;
    position: relative;
    padding: 14px 0;
    cursor: pointer;
}

.field-name-menu-quienesomos ul.menu-quienes-somos li:hover,
.field-name-menu-quienesomos ul.menu-quienes-somos li.active {
    font-weight: 700;
}

.field-name-menu-quienesomos ul.menu-quienes-somos li:hover::before,
.field-name-menu-quienesomos ul.menu-quienes-somos li.active::before {
    content: '';
    position: absolute;
    display: block;
    height: 30px;
    width: 3px;
    left: -13px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    background-color: black;
}


/* personas commons ---------------------------------------------- */

.page-node .node-page>.group-content .field-name-title h2,
.page-node .node-page>.group-content .view-personas .view-header p,
.page-node .node-page>.group-content .view-personas .view-footer p {
    font-size: 38px;
}

.page-node .group-content .field-name-personas .view-personas {
    text-align: center;
    /* centra personas */
    /* single persona -------------------- */
}

.page-node .group-content .field-name-personas .view-personas>div:before,
.page-node .group-content .field-name-personas .view-personas>div:after {
    content: " ";
    display: table;
}

.page-node .group-content .field-name-personas .view-personas>div:after {
    clear: both;
}

.page-node .group-content .field-name-personas .view-personas .views-limit-grouping-group {
    display: inline-block;
    height: 260px;
    vertical-align: top;
    font-size: 14px;
    font-weight: 300;
}

.page-node .group-content .field-name-personas .view-personas .views-limit-grouping-group h2 {
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 0;
}

.page-node .group-content .field-name-personas .view-personas .views-limit-grouping-group img {
    width: 100%;
    height: auto;
}

.page-node .group-content .field-name-personas .view-personas .views-limit-grouping-group .field-name-field-imagen {
    margin: auto;
    width: 100px;
    height: 100px;
    border: 2px solid black;
    border-radius: 50px;
    overflow: hidden;
}

.page-node .group-content .field-name-personas .view-personas .views-limit-grouping-group .field-name-field-region {
    color: #f75625;
    font-size: 16px;
    height: 44px;
}

.page-node .group-content .field-name-personas .view-personas .views-limit-grouping-group .field-name-field-email a {
    color: #0c52a5;
    text-decoration: none;
}

.field-name-menu-quienesomos.sticky>section {
    position: fixed;
    top: 0;
}


/* =======================================================
		estilos unicos para moviles
======================================================== */

@media (max-width: 768px) {
    .section-quienes-somos .field-name-title,
    .field-name-menu-quienesomos {
        /* submenu oculto en moviles */
        display: none;
        visibility: hidden;
    }
    .page-node .node-page>.group-content {
        padding: 0 15px;
    }
    .section-quienes-somos .field-name-body {
        padding-top: 40px;
    }
    .page-node .group-content .field-name-body .media-element {
        position: relative;
        margin-top: 20px;
    }
    .page-node .group-content .field-name-body .media-element::before {
        content: '';
        display: block;
        padding-top: 56%;
    }
    .page-node .group-content .field-name-body .media-element iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }
    /* personas commons ---------------------------------------------- */
    .page-node .group-content .field-name-personas .view-personas {
        text-align: center;
        /* centra personas */
        /* single persona -------------------- */
    }
    .page-node .group-content .field-name-personas .view-personas>div:before,
    .page-node .group-content .field-name-personas .view-personas>div:after {
        content: " ";
        display: table;
    }
    .page-node .group-content .field-name-personas .view-personas>div:after {
        clear: both;
    }
    .page-node .group-content .field-name-personas .view-personas .views-limit-grouping-group {
        width: 100%;
    }
}


/* =======================================================
		estilos para desktop
======================================================== */

@media (min-width: 768px) {
    .page-node header .main-menu ul.menu {
        padding-bottom: 5px;
    }
    .page-node .node-page>.group-content {
        width: 1024px;
        padding-right: 224px;
        margin: auto;
    }
    .page-node .node-page>.group-content p {
        padding-left: 85px;
    }
    .page-node .group-content .field-name-body .media-element {
        float: left;
        padding: 25px;
    }
    .page-node .group-content .field-name-body .media-element iframe {
        width: 540px;
        height: 340px;
    }
    /* personas commons ---------------------------------------------- */
    .page-node .group-content .field-name-personas {
        width: 800px;
    }
    .page-node .group-content .field-name-personas .view-personas {
        text-align: center;
        /* centra personas */
        /* single persona -------------------- */
    }
    .page-node .group-content .field-name-personas .view-personas>div:before,
    .page-node .group-content .field-name-personas .view-personas>div:after {
        content: " ";
        display: table;
    }
    .page-node .group-content .field-name-personas .view-personas>div:after {
        clear: both;
    }
    .page-node .group-content .field-name-personas .view-personas .views-limit-grouping-group {
        width: 30%;
    }
    /* ventas ---------------------------------------------------------------- */
    /* Coproducción ---------------------------------------------------------- */
    .page-node .group-content .field-name-personas>.block-views-personas-block>.view-personas>.view-content>.views-row {
        height: 210px;
    }
    /* Equipo ---------------------------------------------------------------- */
}


/* =======================================================
		commons, mobile first
======================================================== */

.producciones {
    position: relative;
    width: 100%;
    font-size: 14px;
}

.producciones:before,
.producciones:after {
    content: " ";
    display: table;
}

.producciones:after {
    clear: both;
}

.node-type-producciones .degradado {
    margin-top: 5px;
}

.color_seccion_barra {
    height: 5px;
}

.producciones .region .BCLvideoWrapper {
    /* reset brightcove */
    position: static;
    padding-bottom: 0;
}


/* colors ------------------------------------------ */

.producciones .region {
    color: white;
}

.producciones-video {
    background-color: #030303;
}

.producciones-header,
.producciones-personajes,
.producciones-ficha {
    background-color: #6d1f15;
}

.producciones-sinopsis,
.producciones-galeria {
    background-color: #350906;
}


/* commons -------------------------------------- */

.producciones .region {
    padding-left: 15px;
    padding-right: 15px;
}

.producciones .region .group-cabezote img {
    width: 100%;
    height: auto;
}

.producciones .region h3,
.producciones-ficha .field-name-field-ficha-tecnica .field-label,
.producciones-relacionadas .field-label,
.producciones-video .field-name-field-galeria-videos .field-label,
.producciones-relacionadas .block-title {
    font-size: 30px;
    margin: 0.7em 0;
    font-weight: 300;
}


/* Encabezado
--------------------------------------------------------- */

.producciones-header {
    overflow: hidden;
    position: relative;
}

.producciones .region .group-cabezote:before,
.producciones .region .group-cabezote:after {
    content: " ";
    display: table;
}

.producciones .region .group-cabezote:after {
    clear: both;
}

.producciones-header .field-name-field-imagen {
    position: fixed;
    top: 5px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.producciones-header .field-name-field-imagen img {
    opacity: 0;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -webkit-transform: scale(10);
    -ms-transform: scale(10);
    -o-transform: scale(10);
    transform: scale(10);
}

.producciones-header .field-name-field-imagen img.animate-img {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
}

.producciones .region .field-name-field-img-titulo {
    margin-bottom: 30px;
}

.producciones .region .group-cabezote {
    position: relative;
    z-index: 1;
}

.producciones .region .field-name-field-capitulos,
.producciones .region .field-name-field-fecha,
.producciones .region .field-name-field-seccion {
    display: inline-block;
    vertical-align: top;
}

.producciones .region .buscar_field_seccion {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.producciones .region .field-name-field-seccion .color-seccion {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.producciones .region .field-name-field-capitulos .color-capitulo {
    padding: 4px 10px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.producciones .region .field-name-field-capitulos .field-label {
    font-weight: 300 !important;
    /* fix safari */
    float: none;
    display: inline;
}

.producciones .region .buscar_field_fecha {
    background-color: #030303;
    margin-left: 5px;
}


/* redes --------------------------------- */

.producciones-header .field-name-social-network ul li a {
    width: 40px;
    height: 40px;
    background-position: 0 -40px;
}


/* enviar por correo --------------------------------- */

.producciones .group-cabezote span.enviar-correo-produccion {
    display: inline-block;
    vertical-align: top;
    width: 40px;
    height: 40px;
    background-image: url(../img/home_produccion/icono-mail.png);
    background-repeat: no-repeat;
    background-position: center -3px;
}


/* Encabezado, video
-------------------------------------------------------------- */

.producciones .region .field-group-htabs-wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
}

.producciones .region .field-group-htabs-wrapper:before,
.producciones .region .field-group-htabs-wrapper:after {
    content: " ";
    display: table;
}

.producciones .region .field-group-htabs-wrapper:after {
    clear: both;
}

.producciones .region .field-group-htabs-wrapper .horizontal-tabs {
    border: 7px solid #2A2424;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    margin-bottom: 60px;
}


/* cuando solo se carga un video ------------------------------ */

.producciones .region>.field-name-field-trailer,
.producciones .region>.field-name-field-capitulos-ilimitado,
.producciones .region>.field-name-field-capitulo {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    margin-top: 20px;
    margin-bottom: 40px;
    background: black;
}

.producciones .region>.field-name-field-trailer .content::before,
.producciones .region>.field-name-field-capitulos-ilimitado .content::before,
.producciones .region>.field-name-field-capitulo .content::before {
    content: '';
    display: block;
    padding-top: 62%;
    /* aspect ratio */
}

.producciones .region>.field-name-field-trailer .content img,
.producciones .region>.field-name-field-capitulos-ilimitado .content img,
.producciones .region>.field-name-field-capitulo .content img,
.producciones .region>.field-name-field-trailer iframe,
.producciones .region>.field-name-field-capitulos-ilimitado iframe,
.producciones .region>.field-name-field-capitulo iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}


/* tabs -------------------- */

.producciones-header .group-videos.field-group-htabs.ocultar .horizontal-tabs .horizontal-tabs-list {
    /* si solo hay una tab se oculta */
    display: none;
}

.producciones .region .field-group-htabs-wrapper ul.horizontal-tabs-list {
    display: block;
    position: absolute;
    width: auto;
    bottom: -48px;
    left: -7px;
    right: -7px;
    padding: 5px 0;
    border: none;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #2a2424;
    text-align: center;
    z-index: 10;
    font-size: 0px;
}

.producciones .region .field-group-htabs-wrapper ul.horizontal-tabs-list li {
    display: inline-block;
    float: none;
    margin: 5px 0;
    border: none;
    padding: 2px;
    padding: 0;
    background-color: #fff;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

.producciones .region .field-group-htabs-wrapper ul.horizontal-tabs-list li:first-child {
    -o-border-radius: 50px 0 0 50px;
    border-radius: 50px 0 0 50px;
}

.producciones .region .field-group-htabs-wrapper ul.horizontal-tabs-list li:last-child {
    -o-border-radius: 0 50px 50px 0;
    border-radius: 0 50px 50px 0;
}

.producciones .region .field-group-htabs-wrapper ul.horizontal-tabs-list li a {
    padding: 2px 15px;
    border-radius: 20px;
    font-weight: 300;
    color: #5f5f5f;
}

.producciones .region .field-group-htabs-wrapper ul.horizontal-tabs-list li a:hover {
    background: transparent;
}

.producciones .region .field-group-htabs-wrapper ul.horizontal-tabs-list li a strong {
    font-weight: 300;
}

.producciones .region .field-group-htabs-wrapper ul.horizontal-tabs-list li:hover,
.producciones .region .field-group-htabs-wrapper ul.horizontal-tabs-list li.selected {
    background: #A2A2A2;
}

.producciones .region .field-group-htabs-wrapper ul.horizontal-tabs-list li:hover a,
.producciones .region .field-group-htabs-wrapper ul.horizontal-tabs-list li.selected a {
    color: #fff;
}

.producciones .region .field-group-htabs-wrapper ul.horizontal-tabs-list li:hover a strong,
.producciones .region .field-group-htabs-wrapper ul.horizontal-tabs-list li.selected a strong {
    color: #fff;
}


/* panel ------------------- */

.producciones .region .field-group-htabs-wrapper .horizontal-tabs-panes fieldset {
    width: 100%;
    padding: 0;
    margin: 0;
}

.producciones .region .field-group-htabs-wrapper .horizontal-tabs-panes fieldset .content::before {
    content: '';
    display: block;
    padding-top: 62%;
    /* aspect ratio */
}

.producciones .region .field-group-htabs-wrapper .horizontal-tabs-panes fieldset #flexslider-1 {
    margin: 0;
}

.producciones .region .field-group-htabs-wrapper .horizontal-tabs-panes fieldset iframe,
.producciones .region .field-group-htabs-wrapper .horizontal-tabs-panes fieldset .content img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}


/* Sinopsis
--------------------------------------------------------------- */

.producciones-sinopsis {
    padding-bottom: 10px;
    z-index: 2;
}

@media (max-width: 1450px) {
    .producciones-sinopsis {
        opacity: 0.9;
    }
}

.producciones-sinopsis .field-name-body {
    overflow: hidden;
}


/* personajes
--------------------------------------------------------------- */

.producciones .region .flexslider {
    background: transparent;
    border: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    max-height: 600px;
}

.producciones-personajes .flexslider .flex-prev,
.producciones-personajes .flexslider .flex-next {
    text-indent: -9999px;
    font-size: 0;
    width: 25px;
    height: 32px;
}

.producciones-personajes .flexslider .flex-prev::before,
.producciones-personajes .flexslider .flex-next::before {
    display: none;
    visibility: hidden;
}

.producciones-personajes .flexslider .flex-prev {
    background-image: url(../img/home_produccion/flecha_01.png);
}

.producciones-personajes .flexslider .flex-next {
    background-image: url(../img/home_produccion/flecha_02.png);
}

.producciones-personajes .region .field-name-field-imagen img {
    height: auto;
}

.producciones .region .buscar_field_actor {
    vertical-align: top;
    font-size: 19px;
    color: #f39089;
}

.producciones .region .buscar_field_actor::before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(../img/usuario.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100%;
}

.producciones .region .flexslider .field-name-field-persona {
    padding-bottom: 15px;
    vertical-align: bottom;
    line-height: 26px;
    font-size: 29px;
}

.producciones .region .flexslider .field-name-field-persona .field-label {
    padding-top: 4px;
    font-weight: 400;
    font-size: 16px;
}


/* producciones-galeria ---------------------------------------- */

.producciones-galeria .flexslider .flex-control-thumbs {
    margin-top: 0;
    padding: 0 3px;
    background-color: #151515;
    width: calc(100% - 100px);
    float: right;
    height: 49px;
}

.producciones-galeria .flexslider .flex-pauseplay {
    display: inline-block;
    float: left;
}

.producciones-galeria .flexslider .flex-pauseplay a {
    width: 50px;
    height: 49px;
    position: static;
    color: white;
    background: #191919;
    padding: 15px;
    opacity: 1;
    float: left;
}

.producciones-galeria .flexslider .flex-pauseplay a:before {
    margin-bottom: 20px;
}


/* producciones-video ---------------------------------------- */

.producciones-video .flex-control-nav,
.producciones-video #node_producciones_full_group_video>h3 {
    display: none;
    visibility: hidden;
}

.producciones-galeria .flexslider .flex-next,
.producciones-video .flexslider .flex-next,
.producciones-galeria .flexslider .flex-prev,
.producciones-video .flexslider .flex-prev {
    text-indent: -9999px;
    font-size: 0;
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100%;
}

.producciones-galeria .flexslider .flex-next::before,
.producciones-video .flexslider .flex-next::before,
.producciones-galeria .flexslider .flex-prev::before,
.producciones-video .flexslider .flex-prev::before {
    display: none;
    visibility: hidden;
}

.producciones-galeria .flexslider .flex-next,
.producciones-video .flexslider .flex-next {
    background-image: url(../img/home_produccion/flecha-next.png);
}

.producciones-galeria .flexslider .flex-prev,
.producciones-video .flexslider .flex-prev {
    background-image: url(../img/home_produccion/flecha-prev.png);
}

.producciones-galeria .flexslider .slides li {
    position: relative;
}

.producciones-video .field-name-field-descripcion {
    text-align: center;
    padding-top: 20px;
}


/* panel ------------------- */

.producciones .region .field-name-field-videos {
    width: 100%;
}

.producciones .region .field-name-field-videos .content {
    position: relative;
}

.producciones .region .field-name-field-videos .content::before {
    content: '';
    display: block;
    padding-top: 62%;
    /* aspect ratio */
}

.producciones .region .field-name-field-videos .content iframe,
.producciones .region .field-name-field-videos .content img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}


/* ficha tecnica ----------------------------------------------- */

.producciones-ficha {
    padding-bottom: 50px;
}

.producciones .field-name-field-ficha-tecnica:before,
.producciones .field-name-field-ficha-tecnica:after {
    content: " ";
    display: table;
}

.producciones .field-name-field-ficha-tecnica:after {
    clear: both;
}

.producciones-ficha .field-name-field-ficha-tecnica .entity-field-collection-item .field-name-field-titulo,
.producciones-ficha .field-name-field-ficha-tecnica .entity-field-collection-item .field-name-field-valor {
    float: left;
}

.producciones-ficha .field-name-field-ficha-tecnica .entity-field-collection-item .field-name-field-titulo {
    color: #c5c6c8;
    margin-right: 10px;
}

.producciones-ficha .field-name-field-ficha-tecnica .entity-field-collection-item .field-name-field-titulo::after {
    content: ':';
}


/* toggle --------- */

.producciones-ficha .field-name-field-ficha-tecnica {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    height: 75px;
    -webkit-perspective: 500px;
    /* Chrome, Safari, Opera */
    perspective: 500px;
    overflow: hidden;
}

.producciones-ficha.active .field-name-field-ficha-tecnica {
    height: auto;
}

.producciones-ficha.active .field-name-field-ficha-tecnica .field-label::after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.producciones-ficha .field-name-field-ficha-tecnica .field-label {
    position: relative;
    cursor: pointer;
}

.producciones-ficha .field-name-field-ficha-tecnica .field-label::after {
    content: '';
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    position: absolute;
    display: block;
    width: 20px;
    height: 23px;
    right: 0;
    top: 10px;
    margin-left: 17px;
    -webkit-background-size: 100% 100%;
    background-size: 100%;
    background-image: url(../img/home_produccion/flecha_01.png);
    cursor: pointer;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.producciones-ficha .flex-control-nav.flex-control-paging {
    display: none;
    visibility: hidden;
}


/* noticias relacionadas ------------------------------------- */

.producciones-ficha .field-name-social-network {
    display: none;
    visibility: hidden;
}

.producciones-ficha .flexslider .group-right h2 a {
    text-decoration: none;
    font-weight: 300;
    color: white;
}

.producciones-ficha .region .field-name-field-seccion .color-seccion,
.producciones-relacionadas .region .field-name-field-seccion .color-seccion {
    border-radius: 5px;
}


/* producciones relacionadas ---------------------------------------------------- */

.producciones-relacionadas {
    background-color: #030303;
}

.producciones-relacionadas blockquote {
    display: none;
    visibility: hidden;
}

.producciones-relacionadas .field-name-title {
    clear: both;
}

.producciones-relacionadas h2 {
    margin: 5px 0 0;
    font-weight: 300;
}

.producciones-relacionadas h2 a,
.producciones-relacionadas h2 a:hover {
    color: white;
}

.producciones-relacionadas .region .buscar_field_seccion {
    border-radius: 5px;
}


/* =======================================================
			estilos para moviles
======================================================== */

@media (max-width: 768px) {
    /* menu -------------------------------- */
    .node-type-producciones header.mobile {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 9999;
    }
    .node-type-producciones .degradado {
        z-index: 1;
        margin-top: 5px;
    }
    .producciones-header {
        padding-top: 140px;
    }
    /* header ------------------------------ */
    .producciones .region .field-name-field-img-titulo {
        margin-bottom: 10px;
    }
    .producciones .region .field-group-htabs-wrapper {
        margin-top: 250px;
    }
    .producciones-header .field-name-field-imagen {
        /* imagen principal moviles */
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    .producciones .region .group-info-prod {
        text-align: center;
    }
    /*interesado en esta producción----------------*/
    .producciones-header .field-name-bloque-descargar {
        position: fixed;
        width: 100%;
        bottom: 0px;
        left: 0px;
        z-index: 999;
        text-align: center;
    }
    .producciones-header .field-name-bloque-descargar p {
        margin: 0;
    }
    .producciones-header .field-name-bloque-descargar .container_bloque_descarga_archivo {
        -webkit-transition: -webkit-transform 0.5s ease-in-out;
        -moz-transition: transform 0.5s ease-in-out;
        -ms-transition: transform 0.5s ease-in-out;
        -o-transition: -o-transform 0.5s ease-in-out;
        padding: 10px 7px 12px;
        -webkit-transform: translate(0, 100%);
        -ms-transform: translate(0, 100%);
        -o-transform: translate(0, 100%);
        transform: translate(0, 100%);
        background: rgba(0, 0, 0, 0.7);
    }
    .producciones-header .field-name-bloque-descargar .container_bloque_descarga_archivo:before,
    .producciones-header .field-name-bloque-descargar .container_bloque_descarga_archivo:after {
        content: " ";
        display: table;
    }
    .producciones-header .field-name-bloque-descargar .container_bloque_descarga_archivo:after {
        clear: both;
    }
    .producciones-header .field-name-bloque-descargar .container_bloque_descarga_archivo.active {
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
    .producciones-header .field-name-bloque-descargar .container_bloque_descarga_archivo>p {
        padding-bottom: 7px;
    }
    .producciones-header .field-name-bloque-descargar .contactenos,
    .producciones-header .field-name-bloque-descargar .brochure {
        float: left;
        width: 50%;
        padding-left: 7px;
        padding-right: 7px;
    }
    .producciones-header .field-name-bloque-descargar .contactenos a,
    .producciones-header .field-name-bloque-descargar .brochure a,
    .producciones-header .field-name-bloque-descargar .contactenos span,
    .producciones-header .field-name-bloque-descargar .brochure span {
        display: block;
        background: #0051aa;
        padding: 7px 0;
        color: white;
        border-radius: 5px;
    }
    /* redes & mail------------------------------------- */
    #node-producciones-full-group-cabezote {
        text-align: center;
    }
    /* centra objetos con display inline-block */
    .field-name-social-network,
    .field-name-social-network ul,
    .field-name-boton-correo {
        vertical-align: top;
        display: inline-block;
    }
    .field-name-social-network ul {
        text-align: center;
        padding-top: 5px;
    }
    .producciones .group-cabezote span.enviar-correo-produccion {
        background-position: center 0;
    }
    /* sinopsis ----------------------------------- */
    .producciones-sinopsis {
        padding-bottom: 0;
        opacity: 1;
    }
    .producciones-sinopsis.active {
        /* desplegado */
    }
    .producciones-sinopsis.active .field-name-body {
        max-height: 3000px;
    }
    .producciones-sinopsis.active .group-mostrar-info .field-name-mostrar-todo {
        display: none;
        visibility: hidden;
    }
    .producciones-sinopsis.active .group-mostrar-info .field-name-mostrar-menos {
        display: block;
        visibility: visible;
    }
    .producciones-sinopsis .field-name-body {
        -webkit-transition: all 0.45s ease-in-out;
        -moz-transition: all 0.45s ease-in-out;
        -ms-transition: all 0.45s ease-in-out;
        -o-transition: all 0.45s ease-in-out;
        max-height: 415px;
        line-height: 24px;
    }
    .producciones-sinopsis .group-mostrar-info {
        width: 100%;
        height: auto;
        margin: 25px 0 20px;
        text-align: center;
        font-weight: 700;
        font-size: 12px;
        color: #e4e4e4;
    }
    .producciones-sinopsis .group-mostrar-info .field-name-mostrar-menos span,
    .producciones-sinopsis .group-mostrar-info .field-name-mostrar-todo span {
        vertical-align: top;
    }
    .producciones-sinopsis .group-mostrar-info .field-name-mostrar-menos>div::after,
    .producciones-sinopsis .group-mostrar-info .field-name-mostrar-todo>div::after {
        content: '';
        display: inline-block;
        width: 20px;
        height: 23px;
        margin-left: 5px;
        -webkit-background-size: 18px 21px;
        background-size: 18px 21px;
        background-repeat: no-repeat;
        background-image: url(../img/home_produccion/flecha_01.png);
    }
    .producciones-sinopsis .group-mostrar-info .field-name-mostrar-todo>div::after {
        background-position: 4px center;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    .producciones-sinopsis .group-mostrar-info .field-name-mostrar-menos>div::after {
        background-position: -2px center;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .producciones-sinopsis .group-mostrar-info .field-name-mostrar-menos {
        display: none;
        visibility: hidden;
    }
    /* personajes
	------------------------------------------------ */
    .producciones-personajes .region .field-name-field-imagen {
        overflow: hidden;
        margin: auto;
        width: 130px;
        height: 130px;
        border-radius: 130px;
        border: 3px solid white;
    }
    .producciones-personajes .region .field-name-field-imagen img {
        height: auto;
    }
    .producciones-personajes .group-content {
        text-align: center;
    }
    .producciones-personajes .buscar_field_actor,
    .producciones-personajes .field-name-field-persona {
        text-align: center;
        display: inline-block;
    }
    .producciones-personajes .buscar_field_actor {
        margin-top: 20px;
    }
    .producciones-personajes .field-name-field-descripcion {
        text-align: left;
        line-height: 24px;
        height: 378px;
        overflow: auto;
        padding: 0 15px 0 0;
    }
    /* flexslider -------------- */
    .producciones-personajes .flexslider .flex-prev,
    .producciones-personajes .flexslider .flex-next,
    .producciones-galeria .flexslider .flex-prev,
    .producciones-galeria .flexslider .flex-next,
    .producciones-video .flexslider .flex-next,
    .producciones-video .flexslider .flex-prev {
        opacity: 1;
        display: block;
    }
    .producciones-personajes .flexslider .flex-prev,
    .producciones-personajes .flexslider .flex-next {
        width: 50px;
        height: 50px;
        top: 70px;
    }
    .producciones-personajes .flexslider .flex-prev {
        left: -15px;
        background-image: url(../img/m-arrow-prev.png);
    }
    .producciones-personajes .flexslider .flex-next {
        right: -15px;
        background-image: url(../img/m-arrow-next.png);
    }
    /* galeria -------------------------------------------------- */
    .producciones-galeria .flexslider {
        /* miniaturas */
    }
    .producciones-galeria .flexslider .flex-next,
    .producciones-galeria .flexslider .flex-prev {
        width: 50px;
        height: 50px;
        margin-top: -25px;
        -webkit-background-size: 35px 35px;
        background-size: 35px;
        background-position: center center;
    }
    .producciones-galeria .flexslider .flex-next {
        right: -5px !important;
        background-image: url(../img/m-arrow-next.png);
    }
    .producciones-galeria .flexslider .flex-prev {
        left: -5px !important;
        background-image: url(../img/m-arrow-prev.png);
    }
    .producciones-galeria .flexslider .flex-control-thumbs li {
        width: 20%;
        padding: 7px 2.5px;
    }
    .producciones-galeria .flexslider .flex-control-thumbs li img {
        border: 1px solid transparent;
    }
    .producciones-galeria .flexslider .flex-control-thumbs li img.flex-active {
        border-color: white;
    }
    /* videos --------------------------------------------------- */
    .producciones-video .content {
        position: relative;
    }
    .producciones-video .content::before {
        content: '';
        display: block;
        padding-top: 56%;
        /* aspect ratio */
    }
    .producciones-video .content iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
    }
    .producciones-video .flexslider .flex-next,
    .producciones-video .flexslider .flex-prev {
        width: 50px;
        height: 50px;
        top: -45px;
        -webkit-background-size: 40px 40px;
        background-size: 40px;
        background-position: center center;
    }
    .producciones-video .flexslider .flex-next {
        right: -15px;
        background-image: url(../img/m-arrow-next.png);
    }
    .producciones-video .flexslider .flex-prev {
        left: initial;
        right: 30px;
        background-image: url(../img/m-arrow-prev.png);
    }
    .producciones-video .field-name-field-descripcion {
        font-size: 13px;
    }
    /* texto bajo video */
    /* ficha
	------------------------------------------------------- */
    .producciones-ficha .flexslider .group-right,
    .producciones-ficha .flexslider .group-left {
        float: left;
    }
    .producciones-ficha .flexslider .group-left {
        width: 40%;
    }
    .producciones-ficha .flexslider .group-right {
        width: 60%;
    }
    /* noticias relacionadas
	------------------------------------------------------- */
    .producciones-relacionadas .group-right {
        float: left;
        width: 65%;
    }
    .producciones-relacionadas .field-name-title {
        clear: both;
    }
    .producciones-relacionadas .field-name-title:before,
    .producciones-relacionadas .field-name-title:after {
        content: " ";
        display: table;
    }
    .producciones-relacionadas .field-name-title:after {
        clear: both;
    }
    .producciones-relacionadas .block-title {
        line-height: 19px;
        font-size: 21px;
        text-align: center;
    }
    .producciones-relacionadas h2 {
        line-height: 21px;
        font-weight: 400;
        font-size: 22px;
    }
    /* Ficha tecnica
	------------------------------------------------------- */
    .producciones-ficha.active .field-name-field-ficha-tecnica .field-collection-item-field-ficha-tecnica {
        padding-bottom: 20px;
    }
}

@media (min-width: 768px) {
    .flexslider .slides>li .field-collection-item-field-personajes {
        padding: 100px 0 0 0;
    }
}


/* =======================================================
			estilos para desktop
======================================================== */

@media (min-width: 768px) {
    .node-type-producciones header.l-header {
        position: absolute;
        top: 5px;
        left: 50%;
        z-index: 999;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    body.admin-menu.node-type-producciones header.l-header {
        top: 20px;
    }
    .node-type-producciones .degradado {
        z-index: 1;
    }
    /* bloque descarga */
    .producciones-header .region {
        position: relative;
    }
    .producciones-header .field-name-bloque-descargar {
        position: absolute;
        width: 165px;
        left: 20px;
    }
    .producciones-header .field-name-bloque-descargar .container_bloque_descarga_archivo {
        -webkit-transition: -webkit-transform 0.4s ease-in-out;
        -moz-transition: transform 0.4s ease-in-out;
        -ms-transition: transform 0.4s ease-in-out;
        -o-transition: -o-transform 0.4s ease-in-out;
        position: relative;
        width: 165px;
        border-radius: 5px;
        border: 1px solid black;
        background: rgba(0, 0, 0, 0.6);
        z-index: 5;
    }
    .producciones-header .field-name-bloque-descargar .contactenos {
        text-align: center;
        padding: 10px;
    }
    .producciones-header .field-name-bloque-descargar .contactenos::before {
        content: '';
        display: block;
        width: 53px;
        height: 53px;
        margin: 0 auto 6px;
        background: url(../img/home_produccion/icono-info.png) no-repeat;
    }
    .producciones-header .field-name-bloque-descargar .contactenos p {
        margin: 0;
        font-size: 17px;
    }
    .producciones-header .field-name-bloque-descargar .contactenos a {
        display: block;
        margin-top: 14px;
        margin-bottom: 6px;
        padding: 15px;
        border-radius: 3px;
        font-size: 18px;
        background-color: white;
        color: black;
    }
    .producciones-header .field-name-bloque-descargar .descargar_file p,
    .producciones-header .field-name-bloque-descargar .brochure p {
        font-size: 16px;
        margin: 0;
    }
    .producciones-header .field-name-bloque-descargar .brochure {
        overflow: hidden;
        position: relative;
    }
    .producciones-header .field-name-bloque-descargar .brochure::before,
    .producciones-header .field-name-bloque-descargar .brochure::after {
        content: '.................................................................................................';
        position: absolute;
        display: block;
        width: 165px;
        left: 1px;
        line-height: 0;
        font-family: 'Arial';
        font-size: 6px;
        color: #ffffff;
        opacity: 1;
    }
    .producciones-header .field-name-bloque-descargar .brochure::before {
        top: -1px;
    }
    .producciones-header .field-name-bloque-descargar .brochure::after {
        bottom: 2px;
    }
    .producciones-header .field-name-bloque-descargar .brochure p,
    .producciones-header .field-name-bloque-descargar .brochure a,
    .producciones-header .field-name-bloque-descargar .brochure>span {
        display: inline-block;
        vertical-align: top;
        height: 50px;
    }
    .producciones-header .field-name-bloque-descargar .brochure a,
    .producciones-header .field-name-bloque-descargar .brochure>span {
        width: 35px;
        text-indent: -99999px;
        font-size: 0;
    }
    .producciones-header .field-name-bloque-descargar .brochure p {
        /* texto brochure */
        line-height: 50px;
        padding-left: 8px;
        padding-right: 3px;
    }
    .producciones-header .field-name-bloque-descargar .brochure a {
        /* descarga de pdf */
        background: url(../img/home_produccion/icono-nube.png) no-repeat center center;
    }
    .producciones-header .field-name-bloque-descargar .brochure>span {
        /* mail */
        background: url(../img/home_produccion/icono-mail.png) no-repeat center center;
    }
    .producciones-header .field-name-bloque-descargar .descargar_file {
        padding-top: 17px;
        padding-bottom: 15px;
    }
    .producciones-header .field-name-bloque-descargar .descargar_file a {
        display: block;
    }
    .producciones-header .field-name-bloque-descargar .descargar_file a::before {
        content: '';
        display: block;
        width: 70px;
        height: 55px;
        margin: auto;
        margin-bottom: 7px;
        background: url(../img/home_produccion/icono-folder.png) no-repeat;
    }
    .producciones-header .field-name-bloque-descargar .descargar_file a p {
        text-align: center;
        color: white;
    }
    /* titulos -------------------------------------- */
    .producciones .region h3,
    .producciones-ficha .field-name-field-ficha-tecnica .field-label,
    .producciones-relacionadas .field-label,
    .producciones-video .field-name-field-galeria-videos .field-label,
    .producciones-relacionadas .block-title {
        font-size: 36px;
    }
    /* main ---------------------- */
    .producciones .region {
        width: 1024px;
        padding-left: 204px;
        margin: auto;
    }
    .producciones .region .group-cabezote {
        width: 575px;
    }
    .producciones .region .flexslider .field-name-field-nombre {
        font-size: 34px;
    }
    .producciones .region .flexslider .field-name-field-nombre::before {
        font-size: 21px;
    }
    /* flexslider commons ------------------------------------------ */
    .producciones .flexslider .flex-prev,
    .producciones .flexslider .flex-next {
        opacity: 1;
        display: block;
    }
    /* header
	--------------------------------------------------------------------- */
    .producciones-header {
        padding-top: 195px;
    }
    .producciones .region .field-group-htabs-wrapper {
        margin-top: 75px;
    }
    .producciones-personajes .field-name-field-nombre,
    .producciones-personajes .field-name-field-persona {
        text-align: left;
    }
    /* redes, info, mail ----------------------------------------------- */
    #node-producciones-full-group-info-prod {
        float: left;
    }
    .field-name-social-network {
        float: right;
    }
    .producciones .field-name-boton-correo {
        float: right;
    }
    /* video ----------------------------------------------- */
    .producciones .region>.field-name-field-trailer,
    .producciones .region>.field-name-field-capitulos-ilimitado,
    .producciones .region>.field-name-field-capitulo {
        width: 575px;
    }
    /* sinopsis
	---------------------------------------------------------------------- */
    .producciones-sinopsis .group-mostrar-info {
        display: none;
        visibility: hidden;
    }
    .producciones-sinopsis {
        padding-bottom: 30px;
    }
    .producciones-sinopsis .field-name-body {
        position: relative;
        overflow: hidden;
        height: 415px;
        padding-right: 50px;
        line-height: 27px;
        font-size: 16px;
        font-weight: 400;
    }
    /* scrollbar ------------------------------ */
    .producciones .ps-scrollbar-y-rail {
        right: 10px;
    }
    .producciones .ps-container .ps-scrollbar-y-rail,
    .producciones .ps-container .ps-scrollbar-y-rail:hover {
        /* fondo */
        opacity: 1;
        background-color: #040303;
    }
    .producciones .ps-container .ps-scrollbar-y {
        /* scrollbar */
        width: 16px;
        right: -4px;
        border-radius: 10px;
        background-color: white;
        background-image: url(../img/bg-scroll.png);
        background-repeat: no-repeat;
        background-position: center center;
    }
    .ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y {
        background-color: #ECECEC;
    }
    /* personajes
	------------------------------------------------------------- */
    .producciones-personajes .flexslider {
        margin-bottom: 0;
    }
    .producciones-personajes .flex-control-nav.flex-control-paging {
        display: none;
        visibility: hidden;
    }
    /* ocultando paginador */
    .producciones-personajes .flexslider .flex-prev {
        left: 700px;
        top: -50px;
    }
    .producciones-personajes .flexslider .flex-next {
        right: 0;
        top: -50px;
    }
    .producciones-personajes .flex-direction-nav a.flex-next:before,
    .producciones-personajes .flex-direction-nav a.flex-prev:before {
        color: white;
    }
    /* fix cuando el personaje tiene imagen pero no info */
    .producciones-personajes ul.slides>li {
        min-height: 440px;
    }
    .producciones-personajes .field-name-field-descripcion {
        position: relative;
        overflow: hidden;
        width: 420px;
        height: 350px;
        margin-bottom: 20px;
        padding-right: 50px;
        line-height: 22px;
    }
    .producciones-personajes .field-name-field-imagen {
        position: absolute;
        width: 50%;
        right: 0;
        bottom: 0;
        z-index: -1;
    }
    /* galeria ----------------------------------------- */
    .producciones-galeria .flex-control-thumbs li {
        width: 8%;
        padding: 6px 3px;
    }
    .producciones-galeria .flex-control-thumbs li img.flex-active {
        border: 1px solid white;
    }
    .producciones-galeria .flexslider .flex-next,
    .producciones-galeria .flexslider .flex-prev {
        width: 86px;
        height: 152px;
        margin-top: -100px;
    }
    .producciones-galeria .flexslider .flex-next {
        right: 0 !important;
    }
    .producciones-galeria .flexslider .flex-prev {
        left: 0 !important;
    }
    /* videos -------------------------------------------- */
    .producciones-video .flexslider .flex-next,
    .producciones-video .flexslider .flex-prev {
        width: 86px;
        height: 152px;
        margin-top: -100px;
    }
    .producciones-video .flexslider .flex-next {
        right: -100px !important;
    }
    .producciones-video .flexslider .flex-prev {
        left: -100px !important;
    }
    .producciones-video .flexslider {
        width: 650px;
        margin: 0 auto 60px;
    }
    /* ficha tecnica --------------------------------------------------------- */
    .producciones-ficha .field-name-field-ficha-tecnica {
        margin-right: -15px;
        margin-left: -15px;
    }
    .producciones-ficha .field-name-field-ficha-tecnica .field-label {
        padding-left: 15px;
    }
    .producciones-ficha .field-name-field-ficha-tecnica .entity-field-collection-item {
        float: left;
        width: 33.3333%;
    }
    .producciones-ficha .field-name-field-ficha-tecnica .entity-field-collection-item .content {
        padding: 15px;
    }
    /* noticias relacionadas ------------------------------------- */
    .producciones-ficha .flexslider {
        margin-bottom: 0;
    }
    .producciones-ficha .flex-control-nav.flex-control-paging {
        display: none;
        visibility: hidden;
    }
    /* ocultando paginador */
    .producciones-ficha .flexslider .flex-prev {
        left: 650px;
        top: -50px;
    }
    .producciones-ficha .flexslider .flex-next {
        right: 50px;
        top: -50px;
    }
    .producciones-ficha .flex-direction-nav a.flex-next:before,
    .producciones-ficha .flex-direction-nav a.flex-prev:before {
        color: white;
    }
    .producciones-ficha .flex-caption {
        display: none;
        visibility: hidden;
    }
    .producciones-ficha .flexslider .flex-prev,
    .producciones-ficha .flexslider .flex-next {
        text-indent: -9999px;
        font-size: 0;
        width: 25px;
        height: 32px;
    }
    .producciones-ficha .flexslider .flex-prev::before,
    .producciones-ficha .flexslider .flex-next::before {
        display: none;
        visibility: hidden;
    }
    .producciones-ficha .flexslider .flex-prev {
        background-image: url(../img/home_produccion/flecha_01.png);
    }
    .producciones-ficha .flexslider .flex-next {
        background-image: url(../img/home_produccion/flecha_02.png);
    }
    .producciones-ficha .flexslider .node-noticias {
        position: relative;
        margin-left: 10px;
        margin-right: 10px;
    }
    .producciones-ficha .flexslider .group-left {
        width: 100%;
        height: 245px;
    }
    .producciones-ficha .flexslider .group-left img {
        width: 100%;
        height: auto;
    }
    .producciones-ficha .flexslider .group-right {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        padding-left: 10px;
        padding-right: 10px;
        z-index: 2;
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(29%, rgba(181, 181, 181, 0)), color-stop(100%, rgba(0, 0, 0, 0.9)));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(181, 181, 181, 0) 29%, rgba(0, 0, 0, 0.9) 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(181, 181, 181, 0) 29%, rgba(0, 0, 0, 0.9) 100%);
        /* Opera 11.10+ */
        /* IE10+ */
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(29%, rgba(181, 181, 181, 0)), to(rgba(0, 0, 0, 0.9)));
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(181, 181, 181, 0) 29%, rgba(0, 0, 0, 0.9) 100%);
        /* W3C */
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#e6000000', GradientType=0);
        /* IE6-9 */
    }
    .producciones-ficha .flexslider .group-right .field-name-title h2 {
        margin: 5px 0 0;
    }
    /* producciones relacionadas ---------------------------------- */
    .producciones-relacionadas .block-title {
        font-size: 31px;
    }
    .producciones-relacionadas .region {
        width: 1000px;
        padding-left: 15px;
    }
    .producciones-relacionadas .field-name-field-producciones-relacionadas:before,
    .producciones-relacionadas .field-name-field-producciones-relacionadas:after {
        content: " ";
        display: table;
    }
    .producciones-relacionadas .field-name-field-producciones-relacionadas:after {
        clear: both;
    }
    .producciones-relacionadas .view-producciones-relacionadas .views-row {
        position: relative;
        width: 25%;
        float: left;
        min-height: 261px;
    }
    .view-producciones-relacionadas:before,
    .view-producciones-relacionadas:after {
        content: " ";
        display: table;
    }
    .view-producciones-relacionadas:after {
        clear: both;
    }
    .view-producciones-relacionadas .views-row:before,
    .view-producciones-relacionadas .views-row:after {
        content: " ";
        display: table;
    }
    .view-producciones-relacionadas .views-row:after {
        clear: both;
    }
    .producciones-relacionadas .region .group-left {
        position: relative;
        padding-left: 1px;
        background-color: black;
    }
    .producciones-relacionadas .region .group-left::after,
    .producciones-relacionadas .region .group-left::before {
        content: '';
        position: absolute;
        display: block;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        -webkit-transition: opacity 0.5s ease-in-out;
        -moz-transition: opacity 0.5s ease-in-out;
        -ms-transition: opacity 0.5s ease-in-out;
        -o-transition: opacity 0.5s ease-in-out;
    }
    .producciones-relacionadas .region .group-left::after {
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(9, 83, 158, 0)), color-stop(100%, #09539e));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(9, 83, 158, 0) 0%, #09539e 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(9, 83, 158, 0) 0%, #09539e 100%);
        /* Opera 11.10+ */
        /* IE10+ */
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(9, 83, 158, 0)), to(#09539e));
        background: linear-gradient(to bottom, rgba(9, 83, 158, 0) 0%, #09539e 100%);
        /* W3C */
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0009539e', endColorstr='#09539e', GradientType=0);
        /* IE6-9 */
        opacity: 0;
    }
    .producciones-relacionadas .region .group-left::before {
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(29%, rgba(181, 181, 181, 0)), color-stop(100%, rgba(0, 0, 0, 0.9)));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(181, 181, 181, 0) 29%, rgba(0, 0, 0, 0.9) 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(181, 181, 181, 0) 29%, rgba(0, 0, 0, 0.9) 100%);
        /* Opera 11.10+ */
        /* IE10+ */
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(29%, rgba(181, 181, 181, 0)), to(rgba(0, 0, 0, 0.9)));
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(181, 181, 181, 0) 29%, rgba(0, 0, 0, 0.9) 100%);
        /* W3C */
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#e6000000', GradientType=0);
        /* IE6-9 */
        opacity: 1;
    }
    .producciones-relacionadas .views-row:hover .group-left::after {
        opacity: 1;
    }
    .producciones-relacionadas .views-row:hover .group-left::before {
        opacity: 0;
    }
    .producciones-relacionadas .region .group-left .field-type-image a {
        display: block;
    }
    .producciones-relacionadas .region .group-left .field-type-image a img {
        display: block;
        width: 100%;
        height: auto;
    }
    .producciones-relacionadas .region .group-left .field-type-image a::after {
        content: '';
        position: absolute;
        display: block;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 2;
    }
    .producciones-relacionadas .region .group-left .field-name-field-imagen img {
        width: 100%;
        height: auto;
    }
    .producciones-relacionadas .region .group-left .field-name-social-network {
        position: absolute;
        top: 5px;
        right: 5px;
        z-index: 4;
    }
    .producciones-relacionadas .region .group-left .field-name-social-network::after {
        background: url(../img/share-blanco.png) no-repeat center center;
        background-color: black;
    }
    .producciones-relacionadas .region .group-right {
        position: absolute;
        left: 10px;
        right: 10px;
        bottom: 15px;
        z-index: 3;
    }
}


/* =======================================================
		commons, mobile first
======================================================== */

.page-taxonomy .row.l-main {
    background-color: white;
    padding-top: 30px;
}

#page-title {
    font-weight: normal;
    margin-bottom: 10px !important;
}


/*Filtro*/

.pane-views-exp-catalogo-panel-pane-1 {
    border-bottom: solid 1px black;
    margin-bottom: 20px;
}

.pane-views-exp-catalogo-panel-pane-1 .views-exposed-widgets {
    display: inline-block;
}

.pane-views-exp-catalogo-panel-pane-1 .views-exposed-widgets div {
    padding: 0px;
}

.pane-views-exp-catalogo-panel-pane-1 .views-exposed-widgets div label,
.pane-views-exp-catalogo-panel-pane-1 .views-exposed-widgets div .views-widget,
.pane-views-exp-catalogo-panel-pane-1 .views-exposed-widgets div div,
.pane-views-exp-catalogo-panel-pane-1 .views-exposed-widgets div select {
    float: left;
    border: none;
    background: none;
    font-weight: normal;
}

.pane-views-exp-catalogo-panel-pane-1 .views-exposed-widgets div label {
    margin-right: 10px;
}

.pane-views-exp-catalogo-panel-pane-1 .views-exposed-widgets #edit-field-fecha-value-wrapper {
    float: right;
    margin-left: 20px;
    padding-left: 10px;
    border-left: solid 1px black;
}

.pane-views-exp-catalogo-panel-pane-1 .views-exposed-widgets .views-widget-sort-by {
    float: right;
}


/* filtro dropdown */

.page-taxonomy-term #edit-field-fecha-value-value .date-year,
.page-taxonomy-term .views-widget-sort-by .form-item-sort-by>div {
    overflow: hidden;
    position: relative;
    background: url('../../images/Resultados de busqueda/flecha.png') no-repeat right center;
}

.page-taxonomy-term #edit-field-fecha-value-value .date-year select,
.page-taxonomy-term .views-widget-sort-by .form-item-sort-by>div select {
    width: 120%;
    /* truco para ocultar las flechas porfecto del navegador */
    outline: none;
    /* fix linea azul en focus */
    cursor: pointer;
}

.page-taxonomy-term #edit-field-fecha-value-value .date-year select:focus,
.page-taxonomy-term .views-widget-sort-by .form-item-sort-by>div select:focus {
    outline: none;
    /* fix linea azul en focus */
}

.page-taxonomy-term .views-widget-sort-by .form-item-sort-by>div:after {
    right: 0px;
}


/*Listado*/

.pane-catalogo-panel-pane-1 {
    position: relative;
}

.pane-catalogo-panel-pane-1:before,
.pane-catalogo-panel-pane-1:after {
    content: " ";
    display: table;
}

.pane-catalogo-panel-pane-1:after {
    clear: both;
}

.pane-catalogo-panel-pane-1 div#tabs {
    position: absolute;
    right: 0px;
    top: -63px;
}

.pane-catalogo-panel-pane-1 div#tabs ul {
    padding: 0px;
    margin: 0px;
    float: right;
}

.pane-catalogo-panel-pane-1 div#tabs ul:before,
.pane-catalogo-panel-pane-1 div#tabs ul:after {
    content: " ";
    display: table;
}

.pane-catalogo-panel-pane-1 div#tabs ul:after {
    clear: both;
}

.pane-catalogo-panel-pane-1 div#tabs ul li {
    float: left;
    list-style: none;
}

.pane-catalogo-panel-pane-1 div#tabs ul li span {
    text-indent: -9999px;
    display: block;
    width: 40px;
    padding: 5px;
    border: solid 1px black;
    cursor: pointer;
}

.pane-catalogo-panel-pane-1 div#tabs ul li span#cuadricula {
    background: url('../../images/catalogo/icono_1.png') no-repeat center center;
    border-right: none;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.pane-catalogo-panel-pane-1 div#tabs ul li span#cuadricula.active {
    background: url('../../images/catalogo/icono_1Hover.png') no-repeat center center;
}

.pane-catalogo-panel-pane-1 div#tabs ul li span#listado {
    background: url('../../images/catalogo/icono_2.png') no-repeat center center;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.pane-catalogo-panel-pane-1 div#tabs ul li span#listado.active {
    background: url('../../images/catalogo/icono_2Hover.png') no-repeat center center;
}

.pane-catalogo-panel-pane-1.listado .view-catalogo a,
.pane-catalogo-panel-pane-1.listado .view-catalogo p,
.pane-catalogo-panel-pane-1.listado .view-catalogo span,
.pane-catalogo-panel-pane-1.listado .view-catalogo div {
    color: #5c5c5c;
    text-decoration: none;
}

.pane-catalogo-panel-pane-1.listado .view-catalogo p {
    font-size: 14px;
    line-height: 22px;
}

.pane-catalogo-panel-pane-1.listado .views-row {
    margin: 10px 0px;
    padding: 10px 0px;
    border-top: solid 1px #ccc;
}

.pane-catalogo-panel-pane-1.listado .views-row:before,
.pane-catalogo-panel-pane-1.listado .views-row:after {
    content: " ";
    display: table;
}

.pane-catalogo-panel-pane-1.listado .views-row:after {
    clear: both;
}

.pane-catalogo-panel-pane-1.listado .views-row .views-field-field-caratula,
.pane-catalogo-panel-pane-1.listado .views-row .views-field-title,
.pane-catalogo-panel-pane-1.listado .views-row .views-field-field-fecha {
    display: none;
}

.pane-catalogo-panel-pane-1.listado .views-row .campos-titulo,
.pane-catalogo-panel-pane-1.listado .views-row .campos-tipo,
.pane-catalogo-panel-pane-1.listado .views-row .campos-capitulos,
.pane-catalogo-panel-pane-1.listado .views-row .campos-fecha {
    display: block;
    width: 10%;
}

.pane-catalogo-panel-pane-1.listado .views-row .campos-titulo>div,
.pane-catalogo-panel-pane-1.listado .views-row .campos-tipo>div,
.pane-catalogo-panel-pane-1.listado .views-row .campos-capitulos>div,
.pane-catalogo-panel-pane-1.listado .views-row .campos-fecha>div,
.pane-catalogo-panel-pane-1.listado .views-row .campos-titulo span div,
.pane-catalogo-panel-pane-1.listado .views-row .campos-tipo span div,
.pane-catalogo-panel-pane-1.listado .views-row .campos-capitulos span div,
.pane-catalogo-panel-pane-1.listado .views-row .campos-fecha span div {
    margin-top: 10px;
}

.pane-catalogo-panel-pane-1.listado .views-row .campos-tipo {
    width: 15%;
}

.pane-catalogo-panel-pane-1.listado .views-row .campos-titulo {
    width: 65%;
}

.pane-catalogo-panel-pane-1.listado .views-row .campos-titulo .caratula {
    width: 20%;
    float: left;
}

.pane-catalogo-panel-pane-1.listado .views-row .campos-titulo .info {
    width: 80%;
    float: left;
    padding-right: 10px;
}

.pane-catalogo-panel-pane-1.listado .views-row .campos-titulo .info .titulo-produccion {
    font-size: 20px;
}

.pane-catalogo-panel-pane-1.listado .views-row>div {
    float: left;
}

.pane-catalogo-panel-pane-1.listado .view-header:before,
.pane-catalogo-panel-pane-1.listado .view-header:after {
    content: " ";
    display: table;
}

.pane-catalogo-panel-pane-1.listado .view-header:after {
    clear: both;
}

.pane-catalogo-panel-pane-1.listado .view-header span {
    width: 10%;
    display: block;
    float: left;
}

.pane-catalogo-panel-pane-1.listado .view-header span:first-child {
    width: 65%;
}

.pane-catalogo-panel-pane-1.listado .view-header span:nth-child(2) {
    width: 15%;
}

.pane-catalogo-panel-pane-1.cuadricula .views-row {
    display: inline-block;
    float: left;
    margin: 20px 11px;
    text-align: center;
    height: 350px;
}

.pane-catalogo-panel-pane-1.cuadricula .views-row a,
.pane-catalogo-panel-pane-1.cuadricula .views-row p,
.pane-catalogo-panel-pane-1.cuadricula .views-row span,
.pane-catalogo-panel-pane-1.cuadricula .views-row div {
    color: #5c5c5c;
    text-decoration: none;
}

.pane-catalogo-panel-pane-1.cuadricula .views-row .views-field-field-fecha span {
    font-size: 14px;
}

.pane-catalogo-panel-pane-1.cuadricula .views-row .campos-titulo,
.pane-catalogo-panel-pane-1.cuadricula .views-row .campos-tipo,
.pane-catalogo-panel-pane-1.cuadricula .views-row .campos-capitulos,
.pane-catalogo-panel-pane-1.cuadricula .views-row .campos-fecha {
    display: none;
}

.pane-catalogo-panel-pane-1.cuadricula .views-row .views-field-title {
    font-size: 18px;
    max-width: 177px;
}

.pane-catalogo-panel-pane-1.cuadricula .view-header {
    display: none;
}

.pane-catalogo-panel-pane-1 .pager {
    position: absolute;
    bottom: -50px;
    right: 0px;
    z-index: 10;
}

.pane-catalogo-panel-pane-1 .pager li {
    margin: 0px 0px;
    padding: 0px;
}

.pane-catalogo-panel-pane-1 .pager li a {
    color: #c9c9c9;
    text-decoration: none;
    padding: 10px;
}

.pane-catalogo-panel-pane-1 .pager li.arrow a {
    background: url('../../images/catalogo/before.png') no-repeat center center;
    display: inline-block;
    text-indent: -9999px;
    width: 20px;
}

.pane-catalogo-panel-pane-1 .pager li.arrow.next a {
    display: inline-block;
    text-indent: -9999px;
    background: url('../../images/catalogo/next.png') no-repeat center center;
    width: 20px;
}

.pane-catalogo-panel-pane-1 .pager li.arrow.last a {
    background: url('../../images/catalogo/next2.png') no-repeat center center;
    display: inline-block;
    text-indent: -9999px;
    width: 20px;
}

.pane-catalogo-panel-pane-1 .pager li.arrow.first a {
    background: url('../../images/catalogo/next2.png') no-repeat center center;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    display: inline-block;
    text-indent: -9999px;
    width: 20px;
}

.pane-catalogo-panel-pane-1 .pager li.current a {
    color: black;
}


/*Paginador*/

.pane-mefibs-ba56e1a1b448ea0720ba1a053c36c4db .views-exposed-widgets {
    padding: 10px 0px;
    width: 100%;
    border-top: solid 2px black;
    border-bottom: solid 2px black;
}

.pane-mefibs-ba56e1a1b448ea0720ba1a053c36c4db .views-exposed-widgets>div {
    padding: 0px;
}

.pane-mefibs-ba56e1a1b448ea0720ba1a053c36c4db .views-exposed-widgets .views-widget-per-page {
    display: block;
}

.pane-mefibs-ba56e1a1b448ea0720ba1a053c36c4db .views-exposed-widgets .views-widget-per-page label,
.pane-mefibs-ba56e1a1b448ea0720ba1a053c36c4db .views-exposed-widgets .views-widget-per-page select,
.pane-mefibs-ba56e1a1b448ea0720ba1a053c36c4db .views-exposed-widgets .views-widget-per-page div {
    float: left;
}

.pane-mefibs-ba56e1a1b448ea0720ba1a053c36c4db .views-exposed-widgets .views-widget-per-page select {
    border: solid 1px black;
    border-radius: 5px;
    background: none;
    margin: 0px 10px;
}


/*Tabs de administrador catalogo*/

.button-group {
    position: fixed;
    bottom: 0px;
    left: 0px;
    background: #00519b;
    margin: 0px;
    z-index: 10;
}

.button-group li {
    list-style: none;
    float: left;
    padding: 10px;
}

.button-group li a {
    color: white;
}


/* =======================================================
			estilos para moviles
======================================================== */

@media (max-width: 768px) {
    .pane-catalogo-panel-pane-1 #tabs {
        display: none !important;
    }
    .pane-views-exp-catalogo-panel-pane-1 .views-widget-sort-by {
        display: none;
    }
    .pane-views-exp-catalogo-panel-pane-1 .views-exposed-widgets #edit-field-fecha-value-wrapper {
        border: none;
        padding-left: 0px;
        margin-left: 0px;
    }
    .pane-views-exp-catalogo-panel-pane-1 {
        margin: 0px 15px 20px;
    }
    .pane-mefibs-ba56e1a1b448ea0720ba1a053c36c4db .views-widget-per-page span,
    .pane-views-exp-catalogo-panel-pane-1 .views-widget-sort-by {
        display: none;
    }
    .pane-mefibs-ba56e1a1b448ea0720ba1a053c36c4db .views-exposed-widgets .views-widget-per-page {
        margin-left: 15px;
    }
    .view-catalogo .cuadricula .views-row {
        width: 50%;
        margin: 0px;
        padding: 10px 15px;
    }
    .view-catalogo .cuadricula .views-row .views-field-field-caratula img {
        width: 100%;
        height: auto;
    }
}


/* =======================================================
			estilos para desktop
======================================================== */

@media (min-width: 768px) {
    /* 	solo para paginas de taxonomias,
		sobre escribe estilos en el contacto */
    .page-taxonomy .pane-catalogo-panel-pane-1,
    .page-taxonomy .panel-panel,
    .page-taxonomy #page-title {
        width: 1024px !important;
        margin: 0 auto;
    }
}

.section-newsletter .row.l-main {
    max-width: 1024px;
    margin: 0 auto;
}

.section-newsletter .row.l-main #page-title {
    padding: 40px 0 20px 0;
    border-bottom: 1px solid #000000;
}

.section-newsletter .row.l-main iframe {
    border: none;
}

.producciones-galeria ul.slides li .flex-caption {
    visibility: visible;
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    padding: 5px 15px;
    z-index: 1;
    font-weight: bold;
    background: rgba(0, 0, 0, 0.7);
}

.producciones-galeria ul.slides li .flex-caption p {
    margin: .5em 0;
    font-weight: normal;
}

.producciones-galeria ul.slides li .flex-caption .cerrar-flex-caption {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 5px;
    right: 5px;
    text-align: center;
    line-height: 20px;
}

.producciones-galeria .flex-pauseplay .zoom {
    display: block;
    visibility: visible;
    float: right;
    width: 50px;
    height: 49px;
    position: static;
    color: white;
    padding: 14px 7px;
    background: #151515;
    opacity: 1;
    cursor: pointer;
    content: url('../../images/home_produccion/zoom.png') no-repeat center center;
}

.overlay-zoom.active {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.8;
    z-index: 999;
}

.producciones-galeria .zoom-flexslider {
    position: fixed;
    max-width: 1100px;
    top: 50%;
    left: 50%;
    z-index: 1000;
    margin: 0;
    width: 80%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.producciones-galeria .zoom-flexslider .flex-control-thumbs {
    display: none;
    visibility: hidden;
}

.producciones-galeria .zoom-flexslider .flex-pauseplay {
    position: absolute;
    top: 0;
    right: 0;
}

.producciones-galeria .zoom-flexslider .flex-pauseplay a {
    display: none;
    visibility: hidden;
}


/* =======================================================
			estilos para moviles
======================================================== */

@media (max-width: 768px) {
    /* Galeria, boton play / pause
	--------------------------------------------------------- */
    .producciones-galeria .flexslider .flex-pauseplay a {
        width: 42px;
        height: 42px;
        padding: 0;
        border-right: 1px solid #4a4a4a;
        text-align: center;
        line-height: 42px;
    }
    .producciones-galeria .flexslider .flex-pauseplay a::before {
        font-size: 15px;
    }
    /* Galeria, zoom
	--------------------------------------------------------- */
    .producciones-galeria .flex-pauseplay .zoom {
        width: 42px;
        height: 42px;
        border-right: 1px solid #4a4a4a;
    }
    /* Galeria, Imagenes miniaturas
	--------------------------------------------------------- */
    .producciones-galeria .flexslider .flex-control-thumbs {
        width: calc(100% - 84px);
        height: 42px;
    }
    /* Galeria, descripcion
	--------------------------------------------------------- */
    .producciones-galeria ul.slides li .flex-caption {
        font-size: 12px;
    }
    /* ficha tecnica producciones
	--------------------------------------------------------------------------------------- */
    .producciones .region .group-ficha .flexslider .slides>li .flex-caption {
        display: none;
        visibility: hidden;
    }
    .producciones-ficha .flexslider .group-left,
    .producciones-relacionadas .group-left {
        width: 35%;
        float: left;
    }
    .producciones-ficha {
        padding-bottom: 0;
    }
    .producciones-ficha .flexslider .group-right {
        width: 65%;
    }
    .producciones-ficha .region .flexslider {
        margin-bottom: 0;
    }
    .producciones-ficha .flexslider ul.slides {
        width: 100% !important;
    }
    .producciones-ficha .flexslider ul.slides:before,
    .producciones-ficha .flexslider ul.slides:after {
        content: " ";
        display: table;
    }
    .producciones-ficha .flexslider ul.slides:after {
        clear: both;
    }
    .producciones-ficha .flexslider ul.slides>li {
        width: 100% !important;
        /* sobre escribe js de flexslider */
        float: none !important;
        /* sobre escribe js de flexslider */
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .producciones-ficha .flexslider ul.slides>li:before,
    .producciones-ficha .flexslider ul.slides>li:after {
        content: " ";
        display: table;
    }
    .producciones-ficha .flexslider ul.slides>li:after {
        clear: both;
    }
    .producciones-ficha .flexslider ul.slides h2 {
        /* titulo noticia */
        margin: 0;
        padding-top: 6px;
        line-height: 18px;
    }
    .producciones-ficha .flexslider ul.slides h2 a {
        font-size: 15px;
        font-weight: 400;
    }
    .producciones .region .group-ficha .group-left>div,
    .producciones-relacionadas .group-left>div {
        padding-right: 10px;
    }
    .producciones .region .group-ficha .group-left img {
        width: 100%;
        height: auto;
    }
    /* producciones relacionadas */
    .producciones .region .group-ficha .flex-direction-nav,
    .producciones-relacionadas .field-name-social-network {
        display: none;
        visibility: hidden;
    }
    .producciones-relacionadas .region {
        padding-left: 0;
        padding-right: 0;
    }
    .producciones-relacionadas .views-row {
        border-bottom: solid 1px #444444;
    }
    .producciones-relacionadas .views-row:before,
    .producciones-relacionadas .views-row:after {
        content: " ";
        display: table;
    }
    .producciones-relacionadas .views-row:after {
        clear: both;
    }
    .producciones-relacionadas .view-mode-relacionados {
        display: block;
        width: 100%;
        margin-top: 10px;
    }
    .producciones-relacionadas .group-left img {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }
    .producciones-relacionadas .group-right .buscar_field_fecha {
        background-color: #fff;
        color: #000;
    }
}


/* =======================================================
			estilos para desktop
======================================================== */

.section-user .l-main {
    background-color: white;
    padding-left: 15px;
    padding-right: 15px;
}


/* cuenta de usuario
---------------------------------------------------------- */

.section-user #page-title,
.section-user section.block>h2,
.section-user section.block>p {
    text-align: center;
    font-weight: 300;
}

.section-user form#user-pass {
    position: relative;
    margin-top: 30px;
    padding-top: 40px;
    padding-bottom: 50px;
    text-align: center;
    /* centra elementos (inline-block) */
}

.section-user form#user-pass input {
    outline: none;
}

.section-user form#user-pass .form-item,
.section-user form#user-pass .form-item input,
.section-user form#user-pass .form-item label {
    display: inline-block;
    max-width: 100%;
}

.section-user form#user-pass .form-item label {
    padding-bottom: 20px;
}

.section-user form#user-profile-form .group-left input {
    width: 100%;
}

.section-user form#user-profile-form .group-right {
    position: relative;
    background-color: #fafafa;
    border: 1px solid #e6e6e6;
    margin-bottom: 40px;
    padding: 25px 20px;
}

.section-user form#user-profile-form .group-right::before {
    content: '';
    display: block;
    position: absolute;
    width: 60px;
    height: 60px;
    right: -1px;
    top: -1px;
    background-image: url(../img/dobles.png);
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100%;
}

.section-user form#user-profile-form .group-right h3 {
    margin: 0;
    font-weight: 300;
}

.section-user form#user-profile-form .group-right input {
    width: 100%;
}

.section-user form#user-profile-form .group-right .password-strength {
    display: none;
    visibility: hidden;
}

.section-user form#user-profile-form .group-right div.password-confirm {
    float: none;
    margin-top: 0;
    padding: 2px 5px;
    border-radius: 2px;
    background: #e5e5e5;
    font-size: 13px;
}

.section-user form#user-profile-form .group-right .password-confirm,
.section-user form#user-profile-form .group-right .confirm-parent,
.section-user form#user-profile-form .group-right .password-parent,
.section-user form#user-profile-form .group-right .password-suggestions {
    width: 100%;
}

.section-user form#user-profile-form .group-right .password-suggestions {
    border: none;
}


/* =======================================================
			estilos para moviles
======================================================== */

@media (max-width: 768px) {
    .section-user form#user-profile-form #edit-actions {
        text-align: center;
    }
    .section-user form#user-profile-form #edit-actions button {
        display: inline-block;
        margin: 20px 0;
        padding: 10px 15px;
    }
}


/* =======================================================
			estilos para desktop
======================================================== */

@media (min-width: 768px) {
    .section-user .large-12.main.columns {
        width: 1024px;
        margin: auto;
    }
    .section-user #page-title,
    .section-user section.block>h2 {
        font-size: 36px;
    }
    .section-user form#user-profile-form:before,
    .section-user form#user-profile-form:after {
        content: " ";
        display: table;
    }
    .section-user form#user-profile-form:after {
        clear: both;
    }
    .section-user form#user-profile-form .group-left {
        width: 485px;
        float: left;
    }
    .section-user form#user-profile-form .group-right {
        width: 430px;
        float: right;
        margin-top: 25px;
    }
    .section-user form#user-profile-form .group-right h3 {
        font-size: 24px;
    }
    .section-user form#user-profile-form #edit-actions {
        clear: both;
    }
    .section-user form#user-profile-form #edit-actions:before,
    .section-user form#user-profile-form #edit-actions:after {
        content: " ";
        display: table;
    }
    .section-user form#user-profile-form #edit-actions:after {
        clear: both;
    }
    /* recuperar contraseña */
    .section-user form#user-pass {
        margin-top: 30px;
        padding-top: 40px;
        padding-bottom: 50px;
        font-size: 0;
    }
    .section-user form#user-pass .form-item label {
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    .section-user form#user-pass .form-item,
    .section-user form#user-pass .form-item input,
    .section-user form#user-pass .form-item label,
    .section-user form#user-pass button {
        font-size: 16px;
    }
    .section-user form#user-pass .form-item input {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .section-user form#user-pass button {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .section-user form#user-pass input[type=text] {
        height: 41px;
    }
}


/* zona de usuarios */


/* header
--------------------------------------------------------------------------------  */

header.mobile {
    width: 100%;
    height: 118px;
    font-family: 'Open Sans', sans-serif;
}

header.mobile:before,
header.mobile:after {
    content: " ";
    display: table;
}

header.mobile:after {
    clear: both;
}

header.mobile .logo {
    float: left;
    width: 105px;
    margin: 5px;
}

header.mobile .logo img {
    max-width: 100%;
    height: auto;
}

header.mobile .header-top {
    width: 180px;
    float: right;
    margin-right: 15px;
    padding: 5px 0px;
}

header.mobile .header-top:before,
header.mobile .header-top:after {
    content: " ";
    display: table;
}

header.mobile .header-top:after {
    clear: both;
}

header.mobile .titulo-pagina {
    position: absolute;
    right: 53px;
    top: 72px;
    font-size: 22px;
    font-weight: 300;
}

header.mobile .menuMobile {
    position: absolute;
    width: 100%;
}

header.mobile .menuMobile:before,
header.mobile .menuMobile:after {
    content: " ";
    display: table;
}

header.mobile .menuMobile:after {
    clear: both;
}

header.mobile .menuMobile .menu-wrap {
    background: rgba(255, 255, 255, 0.9);
    top: 118px;
    padding: 10px;
    overflow: hidden;
}

header.mobile .menuMobile .menu-wrap:before,
header.mobile .menuMobile .menu-wrap:after {
    content: " ";
    display: table;
}

header.mobile .menuMobile .menu-wrap:after {
    clear: both;
}

header.mobile .menuMobile .menu-wrap .menu:before,
header.mobile .menuMobile .menu-wrap .menu:after {
    content: " ";
    display: table;
}

header.mobile .menuMobile .menu-wrap .menu:after {
    clear: both;
}

header.mobile .menuMobile .menu-wrap .menu .icon-list:before,
header.mobile .menuMobile .menu-wrap .menu .icon-list:after {
    content: " ";
    display: table;
}

header.mobile .menuMobile .menu-wrap .menu .icon-list:after {
    clear: both;
}

header.mobile .menuMobile ul.links {
    padding: 0px;
    margin: 0px;
}

header.mobile .menuMobile ul.links li {
    list-style: none;
}

header.mobile .menuMobile ul.links li a {
    display: block;
    padding: 10px;
    font-size: 20px;
    color: #4c4c4c;
    text-decoration: none;
    border-bottom: solid 1px #dad9d7;
}

header.mobile .menuMobile ul.links:first-child li:last-child {
    position: relative;
    padding-right: 0px;
    padding-left: 0px;
}

header.mobile .menuMobile ul.links:first-child li:last-child a {
    color: #f85a00;
    padding-left: 35px;
}

header.mobile .menuMobile ul.links:first-child li:last-child a:after {
    content: '';
}

header.mobile .menuMobile ul.links:first-child li:last-child a:before {
    content: '';
    position: absolute;
    display: block;
    left: 7px;
    width: 27px;
    height: 26px;
    background-image: url('../../images/header/contacto.png');
    -webkit-background-size: 100% 100%;
    background-size: 100%;
    background-repeat: no-repeat;
}

header.mobile .menuMobile .redes-top.mobile {
    text-align: center;
}

header.mobile .menuMobile .redes-top.mobile ul.redes {
    display: inline-block;
}

header.mobile .menuMobile .redes-top.mobile ul.redes li.facebook a {
    background: url("../img/fb-black.png") no-repeat center center;
}

header.mobile .menuMobile .redes-top.mobile ul.redes li.twitter a {
    background: url("../img/twitter-black.png") no-repeat center center;
}

header.mobile .menuMobile .redes-top.mobile ul.redes li.gplus a {
    background: url("../img/google-black.png") no-repeat center center;
}


/* Lenguaje
--------------------------------------------------------------------------------  */

.header-top.mobile {
    border-bottom: 1px solid white;
}

header.mobile .search-form {
    float: right;
    width: 160px;
    height: 40px;
}

header.mobile .search-form form .form-type-textfield {
    padding-top: 4px;
}

header.mobile .search-form .form-type-textfield input:focus {
    border-bottom: none;
}

header.mobile .search-form form button {
    height: 40px;
    margin: 0;
    background-position: center 11px;
    outline: none;
}

.header-top.mobile .block-locale-language-content,
.header-top.mobile .block-locale-language {
    float: right;
    width: auto;
    margin: 0;
    padding: 0;
}

.header-top.mobile .block-locale-language-content .language-switcher-locale-url::after,
.header-top.mobile .block-locale-language .language-switcher-locale-url::after,
.header-top.mobile .block-locale-language-content .language-switcher-locale-url::before,
.header-top.mobile .block-locale-language .language-switcher-locale-url::before {
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    left: 85px;
}

.header-top.mobile .block-locale-language-content .language-switcher-locale-url::after,
.header-top.mobile .block-locale-language .language-switcher-locale-url::after {
    left: 86px;
}

.header-top.mobile .block-locale-language-content .element-invisible,
.header-top.mobile .block-locale-language .element-invisible {
    display: none;
    visibility: hidden;
}

.header-top.mobile .block-locale-language-content .idioma-seleccionado,
.header-top.mobile .block-locale-language .idioma-seleccionado {
    background: none;
}

.header-top.mobile .block-locale-language-content .idioma-seleccionado .img-idioma img,
.header-top.mobile .block-locale-language .idioma-seleccionado .img-idioma img,
.header-top.mobile .block-locale-language-content .idioma-seleccionado .texto-idioma,
.header-top.mobile .block-locale-language .idioma-seleccionado .texto-idioma {
    display: none;
    visibility: hidden;
}

.header-top.mobile .block-locale-language-content .idioma-seleccionado .img-idioma,
.header-top.mobile .block-locale-language .idioma-seleccionado .img-idioma {
    width: 20px;
    height: 40px;
    margin: 0;
    background: url(../img/icono-mundo.png) no-repeat right center;
}

.header-top.mobile .block-locale-language-content .language-switcher-locale-url,
.header-top.mobile .block-locale-language .language-switcher-locale-url {
    top: 50px;
}

@media only screen and (max-width: 768px) {
    .degradado {
        display: none;
    }
    .l-header.mobile {
        background: rgba(255, 255, 255, 0.6);
    }
}

@media (max-width: 768px) {
    .menuFooter.mobile a.logo,
    .footer.mobile .row .top-footer a.logo {
        display: block;
        max-width: 70px;
        margin: 0 auto;
    }
    .menuFooter.mobile a.logo img,
    .footer.mobile .row .top-footer a.logo img {
        width: 100%;
    }
    .menuFooter.mobile {
        background: black;
    }
    .menuFooter.mobile ul.links {
        float: none !important;
        padding: 0px;
        margin: 0px;
    }
    .menuFooter.mobile ul.links li {
        list-style: none;
        float: none;
        border-bottom: none;
        padding-left: 12px;
    }
    .menuFooter.mobile ul.links li a {
        color: white;
        padding: 10px 20px;
        text-decoration: none;
        display: block;
        border-bottom: solid 1px #262626;
        line-height: normal;
    }
    .footer-wrapper .contact-footer p {
        color: white;
        font-size: 21px;
        padding-left: 15px;
        padding-right: 15px;
        line-height: 24px;
        font-weight: 400;
    }
    .redes-footer.mobile {
        text-align: center;
        background: black;
        width: 100%;
        float: none;
    }
    .redes-footer.mobile:before,
    .redes-footer.mobile:after {
        content: " ";
        display: table;
    }
    .redes-footer.mobile:after {
        clear: both;
    }
    .redes-footer.mobile ul.redes {
        display: inline-block;
        margin-bottom: 0;
    }
    .redes-footer.mobile ul.redes li {
        display: inline-block;
        list-style: none;
    }
    .redes-footer.mobile ul.redes li a {
        display: block;
    }
    .redes-footer.mobile ul.redes li.facebook a {
        background: url("../img/home_produccion/facebook.png") no-repeat center center;
    }
    .redes-footer.mobile ul.redes li.twitter a {
        background: url("../img/home_produccion/twitter.png") no-repeat center center;
    }
    .redes-footer.mobile ul.redes li.gplus a {
        background: url("../img/home_produccion/google.png") no-repeat center center;
    }
    .copyright.mobile,
    footer.mobile .row .pie .copyright {
        background: black;
        width: 100%;
        padding: 10px 13px 10px;
        text-align: center;
    }
    .copyright.mobile p,
    footer.mobile .row .pie .copyright p {
        font-weight: 500;
        margin: 0;
        font-size: 12px;
        color: white;
    }
    .copyright.mobile p a,
    footer.mobile .row .pie .copyright p a {
        color: white;
        text-decoration: none;
    }
    .copyright.mobile p span,
    footer.mobile .row .pie .copyright p span {
        display: block;
        text-align: center;
        width: 100%;
    }
    footer.mobile {
        width: 100%;
    }
    footer.mobile .top-footer a.logo {
        float: none !important;
        margin: auto;
    }
    footer.mobile .top-footer .redes-footer {
        float: none;
        display: block;
        text-align: center;
    }
    footer.mobile .top-footer .redes-footer ul {
        display: inline-block;
    }
    footer.mobile .top-footer .btn-up {
        display: none !important;
        visibility: hidden;
    }
    footer.mobile .group-footer {
        display: none !important;
        visibility: hidden;
    }
    footer.mobile .pie {
        padding: 0 !important;
    }
}


/*# sourceMappingURL=main.css.map */

.lang-en header .main-menu ul.menu li a {
    font-size: 13px;
}