@import "../css/slick-theme.css";
@import "../css/slick.css";
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

#tabprensa{
    display:none;
}

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

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

[hidden],
template {
    display: none
}

a {
    background: transparent;
}

aactive,
ahover {
    outline: 0
}

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

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

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

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

input {
    line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

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

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

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

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-spacing: 0
}

td,
th {
    padding: 0
}

@font-face {
    font-family: 'fontello';
    src: url("../fonts/fontello.eot");
    src: url("../fonts/fontello.eot#iefix") format('embedded-opentype'), url("../fonts/fontello.woff2") format('woff2'), url("../fonts/fontello.woff") format('woff'), url("../fonts/fontello.ttf") format('truetype'), url("../fonts/fontello.svg#fontello") format('svg');
    font-weight: normal;
    font-style: normal
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em
}

[class^="icono-"]:before,
[class*=" icono-"]:before {
    font-family: "icomoon";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .1em
}

@font-face {
    font-family: 'icomoon';
    src: url("../fonts/icomoon.eot?fdu7tx");
    src: url("../fonts/icomoon.eot?fdu7tx#iefix") format('embedded-opentype'), url("../fonts/icomoon.ttf?fdu7tx") format('truetype'), url("../fonts/icomoon.woff?fdu7tx") format('woff'), url("../fonts/icomoon.svg?fdu7tx#icomoon") format('svg');
    font-weight: normal;
    font-style: normal
}

.icon-tags:before {
    content: '\e800'
}

.icon-plus:before {
    content: '\e802'
}

.icon-x:before {
    content: '\e803'
}

.icon-whatsapp:before {
    content: '\e805'
}

.icon-play:before {
    content: '\e807'
}

.icon-twitter:before {
    content: '\e80a'
}

.icon-facebook:before {
    content: '\e80b'
}

.icon-gplus:before {
    content: '\e80c'
}

.icon-youtube:before {
    content: '\e80d'
}

.icon-instagram:before {
    content: '\e80e'
}

.icon-down:before {
    content: '\e812'
}

.icon-left:before {
    content: '\e813'
}

.icon-right:before {
    content: '\e814'
}

.icon-up:before {
    content: '\e815'
}

.icon-pinterest:before {
    content: '\e817'
}

.icon-share:before {
    content: '\e818'
}

.icon-linkedin:before {
    content: '\e826'
}

.icon-snapchat:before {
    content: '\e828'
}

.icon-search:before {
    content: '\e82a'
}

.icon-ok:before {
    content: '\e830'
}

.icon-email:before {
    content: '\e833'
}

.icon-phone:before {
    content: '\e834'
}

.icon-clock:before {
    content: '\e835'
}

.icon-download:before {
    content: '\f02e'
}

.icon-print:before {
    content: '\e801'
}

.icon-download-alt:before {
    content: '\e804'
}

.icon-doc:before {
    content: '\e806'
}

.icon-play-circled2:before {
    content: '\e808'
}

.icon-location:before {
    content: '\f031'
}

.icon-instagram-color {
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    background: url("data:image/svg+xml;base64,PHN2ZyBpZD0iQ2FwYV8xIiBkYXRhLW5hbWU9IkNhcGEgMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDIzNSAyMzUiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDp1cmwoI0RlZ3JhZGFkb19zaW5fbm9tYnJlXzMpO30uY2xzLTJ7ZmlsbDojZmZmO308L3N0eWxlPjxyYWRpYWxHcmFkaWVudCBpZD0iRGVncmFkYWRvX3Npbl9ub21icmVfMyIgY3g9IjY2LjE2IiBjeT0iOTcwLjM2IiByPSIyNDcuMjMiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSwgMCwgMCwgLTEsIDAsIDEyMDkuNjIpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmZkNzc2Ii8+PHN0b3Agb2Zmc2V0PSIwLjI1IiBzdG9wLWNvbG9yPSIjZjNhNTU0Ii8+PHN0b3Agb2Zmc2V0PSIwLjM4IiBzdG9wLWNvbG9yPSIjZjE1YzNjIi8+PHN0b3Agb2Zmc2V0PSIwLjU0IiBzdG9wLWNvbG9yPSIjZDk0ODY3Ii8+PHN0b3Agb2Zmc2V0PSIwLjciIHN0b3AtY29sb3I9IiNjMzJmODciLz48c3RvcCBvZmZzZXQ9IjAuOTEiIHN0b3AtY29sb3I9IiM3ZDYzYTciLz48c3RvcCBvZmZzZXQ9IjAuOTkiIHN0b3AtY29sb3I9IiM1YzZjYjMiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48dGl0bGU+aW5zdGFncmFtLTA0PC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMTcuMjgsOTQuMzNhMjIuNzksMjIuNzksMCwxLDAsMjIuNzksMjIuNzlBMjIuODEsMjIuODEsMCwwLDAsMTE3LjI4LDk0LjMzWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTExNy41LDFBMTE2LjUzLDExNi41MywwLDEsMCwyMzQsMTE3LjUsMTE2LjUzLDExNi41MywwLDAsMCwxMTcuNSwxWm02My4yLDg4LjQ1djU2LjMyYTM2Ljg2LDM2Ljg2LDAsMCwxLTM2Ljc4LDM2Ljc4SDkxLjA4QTM2LjksMzYuOSwwLDAsMSw1NC4zLDE0NS43NFY4OS40M0EzNi45LDM2LjksMCwwLDEsOTEuMDgsNTIuNjVoNTIuODVBMzYuOSwzNi45LDAsMCwxLDE4MC43LDg5LjQzWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTkxLjA4LDYyLjM1QTI3LjIxLDI3LjIxLDAsMCwwLDY0LDg5LjQzdjU2LjMyYTI3LjIxLDI3LjIxLDAsMCwwLDI3LjA4LDI3LjA4aDUyLjg1QTI3LjIxLDI3LjIxLDAsMCwwLDE3MSwxNDUuNzRWODkuNDNhMjcuMjEsMjcuMjEsMCwwLDAtMjcuMDgtMjcuMDhIOTEuMDhabTI2LjM3LDg5LjUyYTM0LjgsMzQuOCwwLDEsMSwzNC44LTM0LjhBMzQuOCwzNC44LDAsMCwxLDExNy40NSwxNTEuODdabTM1LjM3LTc4LjM4YTguMjQsOC4yNCwwLDEsMS04LjI0LDguMjRBOC4yNCw4LjI0LDAsMCwxLDE1Mi44MSw3My40OVoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik05MS4wOCw1Mi42NUEzNi45LDM2LjksMCwwLDAsNTQuMyw4OS40M3Y1Ni4zMmEzNi45LDM2LjksMCwwLDAsMzYuNzgsMzYuNzhoNTIuODVhMzYuODYsMzYuODYsMCwwLDAsMzYuNzgtMzYuNzhWODkuNDNhMzYuOSwzNi45LDAsMCwwLTM2Ljc4LTM2Ljc4SDkxLjA4Wk0xNzEsODkuNDN2NTYuMzJhMjcuMjEsMjcuMjEsMCwwLDEtMjcuMDgsMjcuMDhIOTEuMDhBMjcuMjEsMjcuMjEsMCwwLDEsNjQsMTQ1Ljc0Vjg5LjQzQTI3LjIxLDI3LjIxLDAsMCwxLDkxLjA4LDYyLjM1aDUyLjg1QTI3LjIxLDI3LjIxLDAsMCwxLDE3MSw4OS40M1oiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xMTcuNDUsODIuMjdhMzQuOCwzNC44LDAsMSwwLDM0LjgsMzQuOEEzNC44LDM0LjgsMCwwLDAsMTE3LjQ1LDgyLjI3Wm0tMC4xNiw1Ny42NWEyMi43OSwyMi43OSwwLDEsMSwyMi43OS0yMi43OUEyMi44MSwyMi44MSwwLDAsMSwxMTcuMjgsMTM5LjkyWiIvPjxjaXJjbGUgY2xhc3M9ImNscy0yIiBjeD0iMTUyLjgxIiBjeT0iODEuNzMiIHI9IjguMjQiLz48L3N2Zz4=") center no-repeat;
    background-size: contain
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #545454;
    border: 1px solid #fff;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-size: 12px;
    line-height: 1.4;
    visibility: visible;
    opacity: 0;
}

.tooltip.in {
    opacity: .9
}

.tooltip.top {
    padding: 5px 0;
    margin-top: -3px
}

.tooltip.right {
    padding: 0 5px;
    margin-left: 3px
}

.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px
}

.tooltip.left {
    padding: 0 5px;
    margin-left: -3px
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #fff
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 5px;
    border-width: 5px 5px 0;
    border-top-color: #fff
}

.tooltip.top-right .tooltip-arrow {
    right: 5px;
    bottom: 0;
    border-width: 5px 5px 0;
    border-top-color: #fff
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #fff
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #fff
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #fff
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #fff
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #fff
}

@font-face {
    font-family: 'FranklinGothicBkCpIt';
    src: url("../fonts/FranklinGothicBkCpIt.woff2") format('woff2'), url("../fonts/FranklinGothicBkCpIt.woff") format('woff');
    font-weight: normal;
    font-style: normal
}

.FranklinGothicBkCpIt {
    font-family: 'FranklinGothicBkCpIt' !important;
    font-weight: normal !important
}

@font-face {
    font-family: 'FranklinGothicBook';
    src: url("../fonts/FranklinGothicBook.woff2") format('woff2'), url("../fonts/FranklinGothicBook.woff") format('woff');
    font-weight: normal;
    font-style: normal
}

.FranklinGothicBook {
    font-family: 'FranklinGothicBook' !important;
    font-weight: normal !important
}

@font-face {
    font-family: 'FranklinGothicDemi';
    src: url("../fonts/FranklinGothicDemi.woff2") format('woff2'), url("../fonts/FranklinGothicDemi.woff") format('woff');
    font-weight: normal;
    font-style: normal
}

.FranklinGothicDemi {
    font-family: 'FranklinGothicDemi' !important;
    font-weight: normal !important
}

@font-face {
    font-family: 'FranklinGothicDemiIt';
    src: url("../fonts/FranklinGothicDemiIt.woff2") format('woff2'), url("../fonts/FranklinGothicDemiIt.woff") format('woff');
    font-weight: normal;
    font-style: normal
}

.FranklinGothicDemiIt {
    font-family: 'FranklinGothicDemiIt' !important;
    font-weight: normal !important
}

@font-face {
    font-family: 'FranklinGothicHvy';
    src: url("../fonts/FranklinGothicHvy.woff2") format('woff2'), url("../fonts/FranklinGothicHvy.woff") format('woff');
    font-weight: normal;
    font-style: normal
}

.FranklinGothicHvy {
    font-family: 'FranklinGothicHvy' !important;
    font-weight: normal !important
}

@font-face {
    font-family: 'FranklinGothicMed';
    src: url("../fonts/FranklinGothicMed.woff2") format('woff2'), url("../fonts/FranklinGothicMed.woff") format('woff');
    font-weight: normal;
    font-style: normal
}

.FranklinGothicMed {
    font-family: 'FranklinGothicMed' !important;
    font-weight: normal !important
}

@font-face {
    font-family: 'FuturaStdBold';
    src: url("../fonts/FuturaStdBold.woff2") format('woff2'), url("../fonts/FuturaStdBold.woff") format('woff');
    font-weight: normal;
    font-style: normal
}

.FuturaStdBold {
    font-family: 'FuturaStdBold' !important;
    font-weight: normal !important
}

@font-face {
    font-family: 'scala';
    src: url("../fonts/scala.woff2") format('woff2'), url("../fonts/scala.woff") format('woff');
    font-weight: normal;
    font-style: normal
}

.scala {
    font-family: 'scala' !important;
    font-weight: normal !important
}

@font-face {
    font-family: 'scala-bold';
    src: url("../fonts/scala-bold.woff2") format('woff2'), url("../fonts/scala-bold.woff") format('woff');
    font-weight: normal;
    font-style: normal
}

.scala-bold {
    font-family: 'scala-bold' !important;
    font-weight: normal !important
}

@font-face {
    font-family: 'century-schoolbook-regular';
    src: url("../fonts/century-schoolbook-regular.woff2") format('woff2'), url("../fonts/century-schoolbook-regular.woff") format('woff');
    font-weight: normal;
    font-style: normal
}

.century-schoolbook-regular {
    font-family: 'century-schoolbook-regular' !important;
    font-weight: normal !important
}

@font-face {
    font-family: 'century-schoolbook-bold';
    src: url("../fonts/century-schoolbook-bold.woff2") format('woff2'), url("../fonts/century-schoolbook-bold.woff") format('woff');
    font-weight: normal;
    font-style: normal
}

.century-schoolbook-regular {
    font-family: 'century-schoolbook-bold' !important;
    font-weight: normal !important
}

body *,
html * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box
}

a {
    text-decoration: none;
    color: inherit !important;
    cursor: pointer
}

img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
}

img.auto {
    margin-left: auto;
    margin-right: auto
}

img.autoright {
    margin-left: auto
}

img.autoleft {
    margin-right: auto
}

img.size-full {
    width: 100%
}

fieldset {
    margin: 0;
    border: 0;
    padding: 10px 10px 0 10px
}

figure {
    margin-left: 0;
    margin-right: 0;
    margin-top: 1em;
    margin-bottom: 1em
}

table.v-align {
    height: 100%;
    width: 100%;
    table-layout: fixed;
}

table.v-align tbody tr {
    vertical-align: middle;
    width: 768px;
    margin-right: auto
}

.table {
    width: 100%;
    display: table;
    height: 100%;
    table-layout: fixed;
}

.table .table-cell {
    display: table-cell;
    vertical-align: middle
}

.table .align-top {
    vertical-align: top;
    text-align: center
}

.table .align-top-left {
    vertical-align: top;
    text-align: left
}

.table .align-top-right {
    vertical-align: top;
    text-align: right
}

.table .align-bot {
    vertical-align: bottom;
    text-align: center
}

.table .align-bot-left {
    vertical-align: bottom;
    text-align: left
}

.table .align-bot-right {
    vertical-align: bottom;
    text-align: right
}

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

.table .align-right {
    text-align: right
}

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

address {
    display: block;
    margin-bottom: 20px
}

.absolute {
    position: absolute
}

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

.clearfix:after {
    clear: both
}

.block {
    display: block
}

.inline {
    display: inline
}

.inline-block {
    display: inline-block
}

.inline-block-middle {
    display: inline-block;
    vertical-align: middle
}

.left {
    float: left !important
}

.lg_1 {
    width: 8.333333333333334%;
    float: left;
    min-height: 1px;
}

.lg_1.inline-block {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: -4px
}

.lg_1.inline-block-m {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-left: -4px
}

.lg_1.padding {
    padding-left: 10px;
    padding-right: 10px
}

.lg_2 {
    width: 16.666666666666668%;
    float: left;
    min-height: 1px;
}

.lg_2.inline-block {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: -4px
}

.lg_2.inline-block-m {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-left: -4px
}

.lg_2.padding {
    padding-left: 10px;
    padding-right: 10px
}

.lg_3 {
    width: 25%;
    float: left;
    min-height: 1px;
}

.lg_3.inline-block {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: -4px
}

.lg_3.inline-block-m {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-left: -4px
}

.lg_3.padding {
    padding-left: 10px;
    padding-right: 10px
}

.lg_4 {
    width: 33.333333333333336%;
    float: left;
    min-height: 1px;
}

.lg_4.inline-block {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: -4px
}

.lg_4.inline-block-m {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-left: -4px
}

.lg_4.padding {
    padding-left: 10px;
    padding-right: 10px
}

.lg_5 {
    width: 41.66666666666667%;
    float: left;
    min-height: 1px;
}

.lg_5.inline-block {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: -4px
}

.lg_5.inline-block-m {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-left: -4px
}

.lg_5.padding {
    padding-left: 10px;
    padding-right: 10px
}

.lg_6 {
    width: 50%;
    float: left;
    min-height: 1px;
}

.lg_6.inline-block {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: -4px
}

.lg_6.inline-block-m {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-left: -4px
}

.lg_6.padding {
    padding-left: 10px;
    padding-right: 10px
}

.lg_7 {
    width: 58.333333333333336%;
    float: left;
    min-height: 1px;
}

.lg_7.inline-block {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: -4px
}

.lg_7.inline-block-m {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-left: -4px
}

.lg_7.padding {
    padding-left: 10px;
    padding-right: 10px
}

.lg_8 {
    width: 66.66666666666667%;
    float: left;
    min-height: 1px;
}

.lg_8.inline-block {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: -4px
}

.lg_8.inline-block-m {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-left: -4px
}

.lg_8.padding {
    padding-left: 10px;
    padding-right: 10px
}

.lg_9 {
    width: 75%;
    float: left;
    min-height: 1px;
}

.lg_9.inline-block {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: -4px
}

.lg_9.inline-block-m {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-left: -4px
}

.lg_9.padding {
    padding-left: 10px;
    padding-right: 10px
}

.lg_10 {
    width: 83.33333333333334%;
    float: left;
    min-height: 1px;
}

.lg_10.inline-block {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: -4px
}

.lg_10.inline-block-m {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-left: -4px
}

.lg_10.padding {
    padding-left: 10px;
    padding-right: 10px
}

.lg_11 {
    width: 91.66666666666667%;
    float: left;
    min-height: 1px;
}

.lg_11.inline-block {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: -4px
}

.lg_11.inline-block-m {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-left: -4px
}

.lg_11.padding {
    padding-left: 10px;
    padding-right: 10px
}

.lg_12 {
    width: 100%;
    float: left;
    min-height: 1px;
}

.lg_12.inline-block {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: -4px
}

.lg_12.inline-block-m {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-left: -4px
}

.lg_12.padding {
    padding-left: 10px;
    padding-right: 10px
}

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

.z-index {
    z-index: 10
}

.relative {
    position: relative !important
}

.right {
    float: right !important
}

.text-center {
    text-align: center !important
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-normal {
    text-transform: none !important
}

.text-bold {
    font-weight: bold !important
}

.text-warning {
    color: c_warning !important
}

.text-error {
    color: c_error !important
}

.text-info {
    color: c_info !important
}

.text-success {
    color: c_success !important
}

.overhide {
    overflow: hidden !important
}

.alpha {
    font-size: 39px
}

.beta {
    font-size: 33px
}

.gamma {
    font-size: 30px
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    border-left: 5px solid #eee;
}

blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.42857
}

h1,
.h1 {
    font-size: 70px;
    line-height: 1.2em;
    font-weight: normal;
    color: inherit
}

h2,
.h2 {
    font-size: 60px;
    line-height: 1.2em;
    font-weight: normal;
    color: inherit
}

h3,
.h3 {
    font-size: 40px;
    line-height: 1.2em;
    font-weight: normal;
    color: inherit
}

h4,
.h4 {
    font-size: 30px;
    line-height: 1.2em;
    font-weight: normal;
    color: inherit
}

h5,
.h5 {
    font-size: 24px;
    line-height: 1.2em;
    font-weight: normal;
    color: inherit
}

h6,
.h6 {
    font-size: 18px;
    line-height: 1.2em;
    font-weight: normal;
    color: inherit
}

.hidden-lg,
.hidden-md,
.hidden-sm,
.hidden-xs {
    display: block !important;
    visibility: visible
}

.visible-lg,
.visible-md,
.visible-sm,
.visible-xs {
    display: none !important;
    visibility: hidden
}

.open-modal {
    cursor: pointer
}

.modalbox {
    background: rgba(0, 0, 0, 0.9);
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    overflow: auto;
    display: none;
    width: 100%;
}

.modalbox .content {
    max-width: 768px;
    padding: 60px 10px;
    background: #fff;
    position: relative;
    margin: 0 auto;
    text-align: center
}

.modalbox .close-modal {
    color: #000;
    font-family: Helvetica, arial, sans-serif;
    font-size: 25px;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    z-index: 5;
    cursor: pointer;
    padding: 5px 8px;
}

.modalbox .close-modal:before {
    content: 'X';
    font-family: Arial;
    color: #000;
    line-height: 30px;
    position: absolute;
    top: 0;
    left: 7px;
    width: 100%;
    height: 100%
}

.modalbox[data-modal="video"] .content {
    max-width: 1200px;
    padding: 0;
    background: transparent
}

.modalbox[data-modal="video"] .video {
    width: 100%;
    padding-bottom: 56.92%;
    position: relative
}

.modalbox[data-modal="video"] .iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.p00 {
    padding: 0 !important
}

.p10 {
    padding: 10px !important
}

.p20 {
    padding: 20px !important
}

.p30 {
    padding: 30px !important
}

.p40 {
    padding: 40px !important
}

.p50 {
    padding: 50px !important
}

.p60 {
    padding: 60px !important
}

.p70 {
    padding: 70px !important
}

.p80 {
    padding: 80px !important
}

.p90 {
    padding: 90px !important
}

.p100 {
    padding: 100px !important
}

.pl00 {
    padding-left: 0 !important
}

.pl10 {
    padding-left: 10px !important
}

.pl20 {
    padding-left: 20px !important
}

.pl30 {
    padding-left: 30px !important
}

.pl40 {
    padding-left: 40px !important
}

.pl50 {
    padding-left: 50px !important
}

.pl60 {
    padding-left: 60px !important
}

.pl70 {
    padding-left: 70px !important
}

.pl80 {
    padding-left: 80px !important
}

.pl90 {
    padding-left: 90px !important
}

.pl100 {
    padding-left: 100px !important
}

.pr00 {
    padding-right: 0 !important
}

.pr10 {
    padding-right: 10px !important
}

.pr20 {
    padding-right: 20px !important
}

.pr30 {
    padding-right: 30px !important
}

.pr40 {
    padding-right: 40px !important
}

.pr50 {
    padding-right: 50px !important
}

.pr60 {
    padding-right: 60px !important
}

.pr70 {
    padding-right: 70px !important
}

.pr80 {
    padding-right: 80px !important
}

.pr90 {
    padding-right: 90px !important
}

.pr100 {
    padding-right: 100px !important
}

.pt00 {
    padding-top: 0 !important
}

.pt10 {
    padding-top: 10px !important
}

.pt20 {
    padding-top: 20px !important
}

.pt30 {
    padding-top: 30px !important
}

.pt40 {
    padding-top: 40px !important
}

.pt50 {
    padding-top: 50px !important
}

.pt60 {
    padding-top: 60px !important
}

.pt70 {
    padding-top: 70px !important
}

.pt80 {
    padding-top: 80px !important
}

.pt90 {
    padding-top: 90px !important
}

.pt100 {
    padding-top: 100px !important
}

.pb00 {
    padding-bottom: 0 !important
}

.pb10 {
    padding-bottom: 10px !important
}

.pb20 {
    padding-bottom: 20px !important
}

.pb30 {
    padding-bottom: 30px !important
}

.pb40 {
    padding-bottom: 40px !important
}

.pb50 {
    padding-bottom: 50px !important
}

.pb60 {
    padding-bottom: 60px !important
}

.pb70 {
    padding-bottom: 70px !important
}

.pb80 {
    padding-bottom: 80px !important
}

.pb90 {
    padding-bottom: 90px !important
}

.pb100 {
    padding-bottom: 100px !important
}

.ph00 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.ph10 {
    padding-left: 10px !important;
    padding-right: 10px !important
}

.ph20 {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.ph30 {
    padding-left: 30px !important;
    padding-right: 30px !important
}

.ph40 {
    padding-left: 40px !important;
    padding-right: 40px !important
}

.ph50 {
    padding-left: 50px !important;
    padding-right: 50px !important
}

.ph60 {
    padding-left: 60px !important;
    padding-right: 60px !important
}

.ph70 {
    padding-left: 70px !important;
    padding-right: 70px !important
}

.ph80 {
    padding-left: 80px !important;
    padding-right: 80px !important
}

.ph90 {
    padding-left: 90px !important;
    padding-right: 90px !important
}

.ph100 {
    padding-left: 100px !important;
    padding-right: 100px !important
}

.pv00 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.pv10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.pv20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.pv30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important
}

.pv40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important
}

.pv50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important
}

.pv60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important
}

.pv70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important
}

.pv80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important
}

.pv90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important
}

.pv100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important
}

.m00 {
    margin: 0 !important
}

.m10 {
    margin: 10px !important
}

.m20 {
    margin: 20px !important
}

.m30 {
    margin: 30px !important
}

.m40 {
    margin: 40px !important
}

.m50 {
    margin: 50px !important
}

.m60 {
    margin: 60px !important
}

.m70 {
    margin: 70px !important
}

.m80 {
    margin: 80px !important
}

.m90 {
    margin: 90px !important
}

.m100 {
    margin: 100px !important
}

.ml00 {
    margin-left: 0 !important
}

.ml10 {
    margin-left: 10px !important
}

.ml20 {
    margin-left: 20px !important
}

.ml30 {
    margin-left: 30px !important
}

.ml40 {
    margin-left: 40px !important
}

.ml50 {
    margin-left: 50px !important
}

.ml60 {
    margin-left: 60px !important
}

.ml70 {
    margin-left: 70px !important
}

.ml80 {
    margin-left: 80px !important
}

.ml90 {
    margin-left: 90px !important
}

.ml100 {
    margin-left: 100px !important
}

.mr00 {
    margin-right: 0 !important
}

.mr10 {
    margin-right: 10px !important
}

.mr20 {
    margin-right: 20px !important
}

.mr30 {
    margin-right: 30px !important
}

.mr40 {
    margin-right: 40px !important
}

.mr50 {
    margin-right: 50px !important
}

.mr60 {
    margin-right: 60px !important
}

.mr70 {
    margin-right: 70px !important
}

.mr80 {
    margin-right: 80px !important
}

.mr90 {
    margin-right: 90px !important
}

.mr100 {
    margin-right: 100px !important
}

.mt00 {
    margin-top: 0 !important
}

.mt10 {
    margin-top: 10px !important
}

.mt20 {
    margin-top: 20px !important
}

.mt30 {
    margin-top: 30px !important
}

.mt40 {
    margin-top: 40px !important
}

.mt50 {
    margin-top: 50px !important
}

.mt60 {
    margin-top: 60px !important
}

.mt70 {
    margin-top: 70px !important
}

.mt80 {
    margin-top: 80px !important
}

.mt90 {
    margin-top: 90px !important
}

.mt100 {
    margin-top: 100px !important
}

.mb00 {
    margin-bottom: 0 !important
}

.mb10 {
    margin-bottom: 10px !important
}

.mb20 {
    margin-bottom: 20px !important
}

.mb30 {
    margin-bottom: 30px !important
}

.mb40 {
    margin-bottom: 40px !important
}

.mb50 {
    margin-bottom: 50px !important
}

.mb60 {
    margin-bottom: 60px !important
}

.mb70 {
    margin-bottom: 70px !important
}

.mb80 {
    margin-bottom: 80px !important
}

.mb90 {
    margin-bottom: 90px !important
}

.mb100 {
    margin-bottom: 100px !important
}

.mh00 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.mh10 {
    margin-left: 10px !important;
    margin-right: 10px !important
}

.mh20 {
    margin-left: 20px !important;
    margin-right: 20px !important
}

.mh30 {
    margin-left: 30px !important;
    margin-right: 30px !important
}

.mh40 {
    margin-left: 40px !important;
    margin-right: 40px !important
}

.mh50 {
    margin-left: 50px !important;
    margin-right: 50px !important
}

.mh60 {
    margin-left: 60px !important;
    margin-right: 60px !important
}

.mh70 {
    margin-left: 70px !important;
    margin-right: 70px !important
}

.mh80 {
    margin-left: 80px !important;
    margin-right: 80px !important
}

.mh90 {
    margin-left: 90px !important;
    margin-right: 90px !important
}

.mh100 {
    margin-left: 100px !important;
    margin-right: 100px !important
}

.mv00 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.mv10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

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

.mv30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important
}

.mv40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important
}

.mv50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important
}

.mv60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important
}

.mv70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important
}

.mv80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important
}

.mv90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important
}

.mv100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important
}

@media all and (max-width:1200px) {
    .hidden-lg {
        display: none !important;
        visibility: hidden
    }
    .visible-lg {
        display: inherit !important;
        visibility: visible
    }
    .lg_1 {
        width: 100%
    }
    .lg_2 {
        width: 100%
    }
    .lg_3 {
        width: 100%
    }
    .lg_4 {
        width: 100%
    }
    .lg_5 {
        width: 100%
    }
    .lg_6 {
        width: 100%
    }
    .lg_7 {
        width: 100%
    }
    .lg_8 {
        width: 100%
    }
    .lg_9 {
        width: 100%
    }
    .lg_10 {
        width: 100%
    }
    .lg_11 {
        width: 100%
    }
    .lg_12 {
        width: 100%
    }
    .md_1 {
        width: 8.333333333333334%;
        float: left;
    }
    .md_1.inline-block {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-left: -4px
    }
    .md_2 {
        width: 16.666666666666668%;
        float: left;
    }
    .md_2.inline-block {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-left: -4px
    }
    .md_3 {
        width: 25%;
        float: left;
    }
    .md_3.inline-block {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-left: -4px
    }
    .md_4 {
        width: 33.333333333333336%;
        float: left;
    }
    .md_4.inline-block {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-left: -4px
    }
    .md_5 {
        width: 41.66666666666667%;
        float: left;
    }
    .md_5.inline-block {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-left: -4px
    }
    .md_6 {
        width: 50%;
        float: left;
    }
    .md_6.inline-block {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-left: -4px
    }
    .md_7 {
        width: 58.333333333333336%;
        float: left;
    }
    .md_7.inline-block {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-left: -4px
    }
    .md_8 {
        width: 66.66666666666667%;
        float: left;
    }
    .md_8.inline-block {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-left: -4px
    }
    .md_9 {
        width: 75%;
        float: left;
    }
    .md_9.inline-block {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-left: -4px
    }
    .md_10 {
        width: 83.33333333333334%;
        float: left;
    }
    .md_10.inline-block {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-left: -4px
    }
    .md_11 {
        width: 91.66666666666667%;
        float: left;
    }
    .md_11.inline-block {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-left: -4px
    }
    .md_12 {
        width: 100%;
        float: left;
    }
    .md_12.inline-block {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-left: -4px
    }
}

@media all and (max-width:970px) {

    .bandera-movil{
        width: 52%;
        position: absolute;
        margin-left: 48px;
    }

    .hidden-md {
        display: none !important;
        visibility: hidden
    }
    .visible-md {
        display: inherit !important;
        visibility: visible;
    }
    .visible-md.inline {
        display: inline-block !important
    }
    .md_1 {
        width: 100%
    }
    .md_2 {
        width: 100%
    }
    .md_3 {
        width: 100%
    }
    .md_4 {
        width: 100%
    }
    .md_5 {
        width: 100%
    }
    .md_6 {
        width: 100%
    }
    .md_7 {
        width: 100%
    }
    .md_8 {
        width: 100%
    }
    .md_9 {
        width: 100%
    }
    .md_10 {
        width: 100%
    }
    .md_11 {
        width: 100%
    }
    .md_12 {
        width: 100%
    }
    .sm_1 {
        width: 8.333333333333334%;
        float: left;
    }
    .sm_1.inline-block {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-left: -4px
    }
    .sm_2 {
        width: 16.666666666666668%;
        float: left;
    }
    .sm_2.inline-block {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-left: -4px
    }
    .sm_3 {
        width: 25%;
        float: left;
    }
    .sm_3.inline-block {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-left: -4px
    }
    .sm_4 {
        width: 33.333333333333336%;
        float: left;
    }
    .sm_4.inline-block {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-left: -4px
    }
    .sm_5 {
        width: 41.66666666666667%;
        float: left;
    }
    .sm_5.inline-block {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-left: -4px
    }
    .sm_6 {
        width: 50%;
        float: left;
    }
    .sm_6.inline-block {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-left: -4px
    }
    .sm_7 {
        width: 58.333333333333336%;
        float: left;
    }
    .sm_7.inline-block {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-left: -4px
    }
    .sm_8 {
        width: 66.66666666666667%;
        float: left;
    }
    .sm_8.inline-block {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-left: -4px
    }
    .sm_9 {
        width: 75%;
        float: left;
    }
    .sm_9.inline-block {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-left: -4px
    }
    .sm_10 {
        width: 83.33333333333334%;
        float: left;
    }
    .sm_10.inline-block {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-left: -4px
    }
    .sm_11 {
        width: 91.66666666666667%;
        float: left;
    }
    .sm_11.inline-block {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-left: -4px
    }
    .sm_12 {
        width: 100%;
        float: left;
    }
    .sm_12.inline-block {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-left: -4px
    }
}

@media all and (max-width:750px) {
    .bandera-movil{
        width: 100%;
        position: absolute;
        margin-left: 48px;
    }

    .hidden-sm {
        display: none !important;
        visibility: hidden
    }
    .visible-sm {
        display: inherit !important;
        visibility: visible
    }
    .sm_1 {
        width: 100%
    }
    .sm_2 {
        width: 100%
    }
    .sm_3 {
        width: 100%
    }
    .sm_4 {
        width: 100%
    }
    .sm_5 {
        width: 100%
    }
    .sm_6 {
        width: 100%
    }
    .sm_7 {
        width: 100%
    }
    .sm_8 {
        width: 100%
    }
    .sm_9 {
        width: 100%
    }
    .sm_10 {
        width: 100%
    }
    .sm_11 {
        width: 100%
    }
    .sm_12 {
        width: 100%
    }
    .xs_1 {
        width: 8.333333333333334%;
        float: left;
    }
    .xs_1.inline-block {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-left: -4px
    }
    .xs_2 {
        width: 16.666666666666668%;
        float: left;
    }
    .xs_2.inline-block {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-left: -4px
    }
    .xs_3 {
        width: 25%;
        float: left;
    }
    .xs_3.inline-block {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-left: -4px
    }
    .xs_4 {
        width: 33.333333333333336%;
        float: left;
    }
    .xs_4.inline-block {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-left: -4px
    }
    .xs_5 {
        width: 41.66666666666667%;
        float: left;
    }
    .xs_5.inline-block {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-left: -4px
    }
    .xs_6 {
        width: 50%;
        float: left;
    }
    .xs_6.inline-block {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-left: -4px
    }
    .xs_7 {
        width: 58.333333333333336%;
        float: left;
    }
    .xs_7.inline-block {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-left: -4px
    }
    .xs_8 {
        width: 66.66666666666667%;
        float: left;
    }
    .xs_8.inline-block {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-left: -4px
    }
    .xs_9 {
        width: 75%;
        float: left;
    }
    .xs_9.inline-block {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-left: -4px
    }
    .xs_10 {
        width: 83.33333333333334%;
        float: left;
    }
    .xs_10.inline-block {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-left: -4px
    }
    .xs_11 {
        width: 91.66666666666667%;
        float: left;
    }
    .xs_11.inline-block {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-left: -4px
    }
    .xs_12 {
        width: 100%;
        float: left;
    }
    .xs_12.inline-block {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-left: -4px
    }
}

@media all and (max-width:480px) {
    .xs_1 {
        width: 100%
    }
    .xs_2 {
        width: 100%
    }
    .xs_3 {
        width: 100%
    }
    .xs_4 {
        width: 100%
    }
    .xs_5 {
        width: 100%
    }
    .xs_6 {
        width: 100%
    }
    .xs_7 {
        width: 100%
    }
    .xs_8 {
        width: 100%
    }
    .xs_9 {
        width: 100%
    }
    .xs_10 {
        width: 100%
    }
    .xs_11 {
        width: 100%
    }
    .xs_12 {
        width: 100%
    }
    .hidden-xs {
        display: none !important;
        visibility: hidden
    }
    .visible-xs {
        display: inherit !important;
        visibility: visible
    }
}

#ui-datepicker-div {
    font-size: 15px
}

html,
body {
    height: 100%;
    font-weight: normal;
    font-size: 18px;
    font-family: 'FranklinGothicBook';
    color: #000
}

p {
    font-family: 'FranklinGothicBook';
    font-size: 15px;
}

p a {
    color: #6f3c2f !important;
    font-weight: bold
}

span {
    font-family: 'FranklinGothicBook';
    font-size: 15px
}

ol {
    font-size: 15px
}

ul {
    font-size: 15px
}

.container {
    padding: 0 10px;
    display: block;
    margin: 0 auto;
    max-width: 1280px;
}
.lightBoxGallery {
	display: block;
    width: 90%;
    margin: 0 auto;
}
.modal-gallery.lightBoxModalHeight img {
	margin: 0 auto;
    height: 100%;
    height: auto;
    max-height: 600px;
    width: auto;
}
.lightBoxModalHeight {
	height:100%;
}
.container:before,
.container:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    height: 0
}

.container:after {
    clear: both
}

.fondo_login {
    padding: 0 10px;
    display: block;
    margin: 30px auto;
    max-width: 1280px;
    color: #6f3c2f;
}

.fondo_login:before,
.fondo_login:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    height: 0
}

.fondo_login:after {
    clear: both
}

.fondo_login .check {
    display: inline-block !important;
    width: 20px
}

.fondo_login .txt {
    display: inline-block
}

.login_titulo {
    display: block;
    margin: 10px 0;
    text-transform: uppercase;
    color: #6f3c2f
}

.left-col {
    float: left;
    padding-right: 5px;
}

.left-col img {
    padding-right: 5px
}

.right-col {
    float: right;
    padding-left: 5px;
    border-left: 2px solid #646569;
}

.right-col img {
    padding-left: 5px
}

#rememberPassword {
    padding: 5px 20px;
    color: #6f3c2f !important;
    display: block;
    width: 240px;
    margin: 10px 0;
    border: 1px solid #6f3c2f;
    background: transparent;
    font-family: 'FranklinGothicDemi';
    font-weight: normal;
    font-size: 14px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#rememberPassword:hover {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #ed9d38;
    color: #fff !important;
    border: 1px solid #ed9d38
}

#yw0 {
    display: inline-block
}

#yw0_button {
    display: inline-block
}

.slide-play {
    position: absolute;
    top: 180px;
    z-index: 10;
    cursor: pointer;
    left: 20px
}

.slide-pause {
    position: absolute;
    top: 180px;
    z-index: 10;
    cursor: pointer;
    left: 50px
}

.programa-img {
    height: auto !important;
    width: auto !important
}

.page-number {
    width: 90%;
    text-align: center;
    margin: 0 auto
}

.login_botones {
    display: block;
}

.login_botones .login_bt_entrar {
    padding: 5px 20px;
    color: #6f3c2f !important;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    width: 240px;
    margin: 10px 0;
    border: 1px solid #6f3c2f;
    background: transparent;
    font-family: 'FranklinGothicDemi';
    font-weight: normal;
    font-size: 14px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.login_botones .login_bt_entrar:hover {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #ed9d38;
    color: #fff !important;
    border: 1px solid #ed9d38
}

.login_botones .login_bt_cancelar {
    padding: 5px 20px;
    color: #6f3c2f !important;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    width: 240px;
    margin: 10px 0;
    border: 1px solid #6f3c2f;
    background: transparent;
    font-family: 'FranklinGothicDemi';
    font-weight: normal;
    font-size: 14px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.login_botones .login_bt_cancelar:hover {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #ed9d38;
    color: #fff !important;
    border: 1px solid #ed9d38
}

.wrapper {
    min-height: 100%;
    width: 100%;
    overflow: hidden
}

.bg {
    padding-top: 20px;
    width: 65%;
    margin: 0 auto
}

.xl {
    padding-top: 20px;
    width: 80%;
    margin: 0 aut
}

.sm {
    width: 50%;
    margin: 0 auto
}

.no-top-bottom {
    padding-top: 0 !important;
    margin-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important
}

.bg_brown {
    background-color: #9c7367 !important
}

.c_brown {
    color: #6f3c2f
}

.c_orange {
    color: #ed9d38 !important
}

.gray-bg {
    background: #eaeaea
}

.down-tags {
    color: #646569;
    font-family: 'FranklinGothicMed';
    font-size: 14px
}

.middle {
    margin-top: 200%
}

.imagen {
    display: block;
    width: 100%;
	height: 145px;
	overflow:hidden;
	position:relative;
}
.photoGallerie {
	position: absolute;
    bottom: 0;
    width: auto;
    background: #ed9d38;
    padding: 3px 10px;
    color: #FFF;
    font-family: 'FranklinGothicBook';
}
.multimedia_fotos .photoGallerie {
    width: 40px;
    height: 40px;
    background-color: #ed9d38;
    padding: 0;
    background-image: url("../img/gallery.svg");
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
    line-height: 200px;
    overflow: hidden;
}

.right {
    float: right
}

.movil {
    display: none !important
}

.responsive {
    display: none !important
}

.desk {
    display: block !important
}

.search.desk {
    display: inline-block !important
}

.follow {
    position: relative;
}

.follow .social-share ul li {
    display: inline-block;
    font-size: 17px
}

.not-full {
    width: 80%;
    margin: 0 auto
}

.author {
    font-family: 'FranklinGothicDemi';
    color: #6f3c2f;
    font-size: 16px;
    display: block
}

.short-padding {
    padding-top: 0 !important;
    padding-bottom: 10px !important
}

.vid {
    display: none;
    background: #fff;
    width: 600px;
    height: 300px;
    margin: 0 auto;
    position: relative;
    background-image: url("../img/back-pop.jpg");
    background-repeat: no-repeat;
    background-position: 100% 100%;
    height: auto;
    padding-bottom: 10px;
}

.vid img {
    display: inline-block;
    width: 120px;
    height: 120px;
    padding: 20px;
    float: left;
    border-radius: 50%
}

.vid1 {
    margin: 0 auto;
    position: relative
}

.videos {
    max-width: 320px;
    max-height: auto;
    position: relative;
}

.videos .campus-play {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#nombreVocal {
    display: inline-block;
    margin-top: 40px;
    font-size: 36px;
    color: #6f3c2f;
    width: -webkit-calc(100% - 120px);
    width: -moz-calc(100% - 120px);
    width: calc(100% - 120px);
    text-align: center
}

#descripcion {
    width: 100%;
    display: block;
    padding: 0 20px;
    font-family: 'FranklinGothicBook';
    font-size: 15px;
    margin: 10px auto
}

#terminar {
    padding: 10px 20px;
    color: #6f3c2f;
    border: 1px solid #6f3c2f;
    background: transparent;
    font-family: 'FranklinGothicDemi';
    font-weight: normal;
    font-size: 12px;
    width: 240px;
    display: block;
    margin: 10px 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#terminar:hover {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #6f3c2f;
    color: #fff
}

#seguirComprando {
    padding: 10px 20px;
    color: #6f3c2f;
    border: 1px solid #6f3c2f;
    background: transparent;
    font-family: 'FranklinGothicDemi';
    font-weight: normal;
    font-size: 12px;
    width: 240px;
    display: block;
    margin: 10px 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#seguirComprando:hover {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #6f3c2f;
    color: #fff
}

ul.yiiPager a:link,
ul.yiiPager a:visited {
    border: 0 !important
}

ul.yiiPager .selected a {
    background: #ed9d38 !important;
    color: #fff !important
}

.gregorio {
    background-image: url("../img/gregorio.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%
}

.ejemplares {
    background: #eaeaea;
    display: block;
    width: 90%;
    padding: 20px;
    float: left;
}

.ejemplares span {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 15px;
    color: #6f3c2f;
    line-height: 1.2em;
    padding-bottom: 20px
}

.ejemplares label {
    text-align: left !important
}

.ejemplares .title {
    font-size: 30px;
    font-family: 'FranklinGothicDemi'
}

.ejemplares .precio {
    text-align: left;
    margin-left: 30px
}

.half-text {
    width: 33% !important;
    background: rgba(111, 60, 47, 0.75);
    max-width: 33% !important;
    padding: 20px !important;
}

.half-text .title {
    font-size: 22px !important
}

.floating-container-left {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.floating-container-left .float-text-title-left {
    color: #6f3c2f;
    background: rgba(255, 255, 255, 0.75);
    max-width: 450px;
    top: -164px;
    left: 1%;
    padding: 10px;
    border: 1px solid #6f3c2f;
    border-radius: 10px;
    margin: 10px
}

.floating-container-left .float-text-subtitle-left {
    color: #6f3c2f;
    background: rgba(255, 255, 255, 0.75);
    max-width: 450px;
    padding: 10px;
    border: 1px solid #6f3c2f;
    border-radius: 10px;
    margin: 10px
}

.floating-container-left .boxless-text-title-left {
    color: #6f3c2f;
    max-width: 450px;
    top: 1%;
    left: 1%;
    padding: 10px;
    margin: 10px
}

.floating-container-left .boxless-text-subtitle-left {
    max-width: 450px;
    padding: 10px;
    margin: 10px
}

.float-text-title-left {
    color: #6f3c2f;
    background: rgba(255, 255, 255, 0.75);
    max-width: 450px;
    bottom: 75px;
    left: 1%;
    padding: 10px;
    border: 1px solid #6f3c2f;
    border-radius: 10px;
    margin: 10px;
    position: absolute
}

.float-text-subtitle-left {
    color: #6f3c2f;
    background: rgba(255, 255, 255, 0.75);
    max-width: 450px;
    padding: 10px;
    border: 1px solid #6f3c2f;
    border-radius: 10px;
    margin: 10px;
    position: absolute;
    bottom: 0;
    left: 1%
}

.boxless-text-title-left {
    color: #6f3c2f;
    max-width: 450px;
    top: 1%;
    left: 1%;
    padding: 10px;
    margin: 10px
}

.boxless-text-subtitle-left {
    max-width: 450px;
    padding: 10px;
    margin: 10px
}

.floating-container-right {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
}

.floating-container-right .float-text-title-right {
    color: #6f3c2f;
    background: rgba(255, 255, 255, 0.75);
    max-width: 450px;
    top: -164px;
    right: 1%;
    padding: 10px;
    border: 1px solid #6f3c2f;
    border-radius: 10px;
    margin: 10px
}

.floating-container-right .float-text-subtitle-right {
    color: #6f3c2f;
    background: rgba(255, 255, 255, 0.75);
    max-width: 450px;
    padding: 10px;
    border: 1px solid #6f3c2f;
    border-radius: 10px;
    margin: 10px
}

.floating-container-right .boxless-text-title-right {
    color: #6f3c2f;
    max-width: 450px;
    top: 1%;
    right: 1%;
    padding: 10px;
    margin: 10px
}

.floating-container-right .boxless-text-subtitle-right {
    color: #6f3c2f;
    max-width: 450px;
    padding: 10px;
    margin: 10px
}

.float-text-title-right {
    color: #6f3c2f;
    background: rgba(255, 255, 255, 0.75);
    max-width: 450px;
    bottom: 75px;
    right: 1%;
    padding: 10px;
    border: 1px solid #6f3c2f;
    border-radius: 10px;
    margin: 10px;
    position: absolute
}

.float-text-subtitle-right {
    color: #6f3c2f;
    background: rgba(255, 255, 255, 0.75);
    max-width: 450px;
    padding: 10px;
    border: 1px solid #6f3c2f;
    border-radius: 10px;
    margin: 10px;
    position: absolute;
    bottom: 0;
    right: 1%
}

.boxless-text-title-right {
    color: #6f3c2f;
    max-width: 450px;
    top: 1%;
    right: 1%;
    padding: 10px;
    margin: 10px
}

.boxless-text-subtitle-right {
    color: #6f3c2f;
    max-width: 450px;
    padding: 10px;
    margin: 10px
}

.just-text {
    color: #6f3c2f;
    width: 80%;
    display: block;
    padding: 20px 10px;
    margin: 0 auto
}

.news-img-left {
    width: 50%;
    float: left
}

.news-img-right {
    width: 50%;
    float: right
}

.go-right {
    float: right;
    width: 50%;
    padding: 10px
}

.go-left {
    float: left;
    width: 50%;
    padding: 10px
}

.informacion span {
    display: inline-block;
    color: #fff;
    font-family: 'FranklinGothicBook';
    font-size: 18px;
    line-height: 20px;
    text-align: center
}

.informacion .icon {
    color: #fff;
    display: inline-block
}

.informacion .title {
    font-family: 'century-schoolbook';
    font-size: 36px;
    line-height: 1.2em;
    text-align: center;
    display: block;
    margin: 20px 0
}

.informacion .precio {
    font-size: 24px
}

.final {
    margin-bottom: 50px !important
}

.final-padding {
    padding-bottom: 50px !important
}

.top-padding {
    padding-top: 50px !important
}

.block {
    display: block !important
}

input {
    width: 100%;
    padding: 5px
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQ1MS44NDcgNDUxLjg0NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUxLjg0NyA0NTEuODQ3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTIyNS45MjMsMzU0LjcwNmMtOC4wOTgsMC0xNi4xOTUtMy4wOTItMjIuMzY5LTkuMjYzTDkuMjcsMTUxLjE1N2MtMTIuMzU5LTEyLjM1OS0xMi4zNTktMzIuMzk3LDAtNDQuNzUxICAgYzEyLjM1NC0xMi4zNTQsMzIuMzg4LTEyLjM1NCw0NC43NDgsMGwxNzEuOTA1LDE3MS45MTVsMTcxLjkwNi0xNzEuOTA5YzEyLjM1OS0xMi4zNTQsMzIuMzkxLTEyLjM1NCw0NC43NDQsMCAgIGMxMi4zNjUsMTIuMzU0LDEyLjM2NSwzMi4zOTIsMCw0NC43NTFMMjQ4LjI5MiwzNDUuNDQ5QzI0Mi4xMTUsMzUxLjYyMSwyMzQuMDE4LDM1NC43MDYsMjI1LjkyMywzNTQuNzA2eiIgZmlsbD0iIzk5OTk5OSIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=");
    background-repeat: no-repeat;
    background-position: 96% 50%;
    background-color: #fff
}

select::-ms-expand {
    display: none
}

label {
    color: #6f3c2f;
    font-family: 'FranklinGothicBook';
    font-size: 16px;
    line-height: 1.2em;
    display: inline-block
}

.advertencia {
    color: #fff !important;
    font-family: 'FranklinGothicBook';
    font-size: 16px;
    line-height: 1.2em;
    margin: 10px 0;
    display: block
}

.acti-cont-sm {
    clear: both
}

.analisis-block .analisis-cont-bg .analisis-textos p img {
    margin: 1em 0
}

.separador {
    font-family: 'FranklinGothicBook';
    font-size: 15px;
    display: block;
    line-height: 1.2em;
    margin: 10px 0
}

textarea {
    width: 100%;
    padding: 5px;
    margin: 10px 0
}

.number {
    background: #eaeaea;
    color: #646569 !important;
    padding: 7px;
    width: 48%
}

.acti-cont-full {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.carrusel img {
    margin: 0 auto
}

.carrusel .slick-prev {
    left: 0;
    z-index: 1;
    height: 30px;
}

.carrusel .slick-prev:before {
    content: '\e813';
    font-family: 'fontello';
    font-size: 30px;
    color: #6f3c2f
}

.carrusel .slick-next {
    right: 0;
    z-index: 1;
    height: 30px;
}

.carrusel .slick-next:before {
    content: '\e814';
    font-family: 'fontello';
    font-size: 30px;
    color: #6f3c2f
}

.border1 {
    width: 80%;
    height: 80%;
    border-top: 2px solid #808080;
    border-left: 2px solid #808080;
    position: absolute;
    z-index: 1;
    top: 30px;
    left: 10px
}

.border2 {
    width: 80%;
    height: 80%;
    border-top: 2px solid #808080;
    border-left: 2px solid #808080;
    position: absolute;
    z-index: 1;
    top: 20px;
    left: 2px
}

.auto {
    width: auto !important
}

.full {
    width: 100% !important;
    max-width: 100% !important
}

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

.aling-bottom {
    vertical-align: bottom !important
}

.none {
    float: none !important;
    margin: 0 auto
}

.input-half {
    width: 50%;
    float: right
}

iframe#frameYoutube0 {
    display: block
}

.social-share-half {
    width: 100%;
    display: block;
    padding: 10px 0;
}

.social-share-half ul {
    margin: 0;
    padding: 0;
}

.social-share-half ul li {
    list-style: none;
    display: inline-block;
    color: #6f3c2f
}

.social-share {
    width: 100%;
    padding: 10px 0;
    text-align: center;
    font-size: 15px;
}

.social-share ul {
    margin: 0;
    padding: 0;
}

.social-share ul li {
    list-style: none;
    display: inline-block;
    color: #6f3c2f;
    cursor: pointer
}

.social-share-full {
    width: 100%;
    padding: 10px 0;
    text-align: left;
    font-size: 15px;
}

.social-share-full ul {
    margin: 0;
    padding: 0;
}

.social-share-full ul li {
    list-style: none;
    display: inline-block;
    color: #6f3c2f
}

.social-share-small {
    width: 100%;
    padding: 5px 5px 5px 0;
    text-align: left;
    font-size: 15px;
    /*position: absolute;
    bottom: 0;
    right: 10%;*/
}
.social-share-small.campus {
    padding-top: 15px;
}

.social-share-small ul {
    margin: 0;
    padding: 0;
}

.social-share-small ul li {
    list-style: none;
    display: inline-block;
    color: #ed9d38;
}

.btn-comprar {
    background: #802a1c;
    color: #fff;
    width: 60%;
    display: block;
    margin: 10px auto;
    padding: 15px 10px 10px 10px;
    font-size: 14px;
    font-family: 'FranklinGothicDemi';
    text-align: center
}

.btn-sus {
    background: #6f3c2f;
    color: #fff;
    width: 60%;
    display: block;
    margin: 10px auto;
    padding: 5px;
    font-size: 14px;
    font-family: 'FranklinGothicDemi';
    text-align: center
}

.btn-esp {
    background: #802a1c;
    color: #fff;
    width: 60%;
    display: block;
    margin: 10px auto;
    padding: 15px 10px 10px 10px;
    font-size: 14px;
    font-family: 'FranklinGothicDemi';
    text-align: center
}

.btn-ing {
    background: #6f3c2f;
    color: #fff;
    width: 60%;
    display: block;
    margin: 10px auto;
    padding: 5px;
    font-size: 14px;
    font-family: 'FranklinGothicDemi';
    text-align: center
}

.ficha-tecnica {
    width: 100%;
    display: none;
}

.ficha-tecnica tr td {
    width: 50%;
    padding: 10px;
    border-bottom: 2px solid #ececec;
    font-size: 15px;
    line-height: 18px;
    font-weight: normal;
    vertical-align: top
}

.resultados {
    width: 100%;
    color: #6f3c2f;
}

.resultados tr td {
    width: auto;
    padding: 10px;
    font-size: 15px;
    line-height: 18px;
    font-weight: normal;
    vertical-align: top
}

.resultados tr.active {
    color: #ffa500
}

.value {
    font-size: 36px;
    font-family: 'century-schoolbook';
    line-height: 1.2em;
    color: #6f3c2f;
    background: #ded5d2;
    padding: 10px;
    text-align: center;
    display: inline-block;
    width: 40%;
    vertical-align: top
}

.value-text {
    font-size: 16px;
    font-family: 'FranklinGothicBook';
    line-height: 1.2em;
    color: #6f3c2f;
    display: inline-block;
    width: 58%;
    padding-left: 10px
}

.send-form {
    background: #6f3c2f;
    color: #fff;
    font-size: 15px;
    width: 100%;
    font-family: 'FranklinGothicDemi';
    padding: 5px;
    border: 1px solid #6f3c2f;
    margin: 5px 0
}

.btn-don {
    background: #ed9d38;
    color: #fff;
    width: 60%;
    display: block;
    margin: 10px auto;
    padding: 5px;
    font-size: 14px;
    font-family: 'FranklinGothicDemi';
    text-align: center
}

.videoCampus {
    width: 33.33%;
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
    position: relative;
}

.videoCampus strong {
    display: block;
    margin-top: 10px;
    margin-bottom: -10px;
    color: #6f3c2f;
    text-transform: uppercase
}

.videoCampus img {
    height: 230px;
    width: 100%
}

.campus-play {
    height: 45px;
    width: 45px;
    position: absolute;
    left: 50%;
    top: 93.5px;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    z-index: 30
}

.paginador {
    width: 100%;
    text-align: right;
    font-family: 'FranklinGothicBook';
    margin: 20px 0;
    float: left;
}

.paginador ul {
    margin: 0;
    padding: 0;
    color: #6f3c2f;
}

.paginador ul li {
    display: inline-block;
    list-style: none;
    border-right: 2px solid #6f3c2f;
    padding: 0 10px;
}

.paginador ul li:last-child {
    border-right: 0
}

.paginador ul li.active {
    color: #ed9d38
}

.quote {
    font-family: 'FranklinGothicDemiIt';
    font-size: 18px;
    color: #6f3c2f;
    display: inline-block;
    width: 200px;
    float: left;
    margin-top: 10px;
    width: 200px;
    height: auto;
    margin: 10px
}

.desplegar-opciones {
    font-size: 14px !important;
    cursor: pointer;
    color: #6f3c2f;
    font-weight: bold
}

.search-options {
    width: 100%;
    display: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    float: left;
}

.search-options label {
    width: 100%
}

.search-options input {
    width: 20%;
    display: inline-block
}

.search-options span {
    display: inline-block;
    font-size: 14px;
    width: 80%
}

.search-options.active {
    display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.container-carrusel {
    background-color: #eaeaea;
    display: block;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 40px;
}

.container-carrusel .title {
    font-family: 'FranklinGothicDemi';
    font-size: 18px;
    display: block;
    line-height: 21px;
    color: #6f3c2f;
    padding: 20px 0
}

.menu-publicaciones {
    width: 100%;
    text-align: center;
    font-family: 'FranklinGothicBook';
    font-size: 18px;
}

.menu-publicaciones ul {
    margin: 0;
    padding: 0;
}

.menu-publicaciones ul li {
    display: inline-block;
    list-style: none;
    color: #6f3c2f;
    padding: 0 10px;
    width: 16%;
}

.menu-publicaciones ul li.active {
    color: #fff;
    background: #6f3c2f;
    padding: 5px;
    font-weight: bold
}

.ctrl-con {
    display: none
}

.menu-prensa {
    width: 100%;
    text-align: center;
    font-family: 'FranklinGothicBook';
    font-size: 18px;
}

.menu-prensa ul {
    margin: 0;
    padding: 0;
}

.menu-prensa ul li {
    display: inline-block;
    list-style: none;
    color: #6f3c2f;
    padding: 0 10px;
    width: 33.3%;
}

.menu-prensa ul li.active {
    color: #fff;
    background: #6f3c2f;
    padding: 5px;
    font-weight: bold
}

.related {
    width: 100%;
    font-size: 15px;
}

.related ul {
    padding: 0;
    margin: 0;
}

.related ul li {
    list-style: none;
    display: inline-block;
    border-right: 1px solid #ed9d38;
    padding-right: 5px;
    cursor: pointer;
}

.related ul li:last-child {
    border-right: 0
}

.main-header {
    display: block;
    width: 100%;
    margin-bottom: 5px;
}

.main-header .buscador {
    background: #9c7367;
    display: none;
    color: #646569;
    margin-left: -50px;
    margin-right: -50px;
}

.main-header .buscador input[type="text"] {
    width: 100%;
    padding: 20px;
    background: #fff;
    border: none;
    text-align: center;
    font-family: 'century-schoolbook-bold';
    color: #9c7367;
    font-style: italic
}

.main-header .buscador::-webkit-input-placeholder {
    color: #9c7367
}

.main-header .buscador:-moz-placeholder {
    color: #9c7367
}

.main-header .buscador::-moz-placeholder {
    color: #9c7367
}

.main-header .buscador:-ms-input-placeholder {
    color: #9c7367
}

.main-header .buscador button {
    display: none
}

.main-header .top-head {
    display: block;
    padding: 20px 0;
    position: relative;
}

.main-header .top-head .container {
    position: relative
}

.main-header .top-head .logo {
    display: block;
    margin: 0 auto;
    max-width: 175px;
}

.main-header .top-head .logo img {
    display: block;
    margin: 0 auto;
    width: 70%
}

.main-header .top-head .small-navigator {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    display: block;
}

/*.main-header .top-head .small-navigator ul {
    display: block;
    margin: 0;
    padding: 0
}*/

.main-header .top-head .small-navigator li {
    list-style: none;
    display: inline-block;
    vertical-align: middle;
    font-family: 'FranklinGothicBook';
    font-weight: normal;
    font-size: 16px;
    color: #646569;
    margin-left: 4px;
}

.main-header .top-head .small-navigator li:after {
    content: "|";
    display: inline-block;
    vertical-align: middle
}

.main-header .top-head .small-navigator li:last-child:after {
    display: none
}

.main-header .top-head .small-navigator li.dropdown {
    font-family: 'FranklinGothicDemi';
    font-weight: normal;
}

.main-header .top-head .small-navigator li.dropdown ul {
    margin-top: 10px;
    padding: 0
}

.main-header .top-head .small-navigator li.dropdown li {
    margin: 0;
}

.main-header .top-head .small-navigator li.dropdown li:after {
    display: none
}

.main-header .top-head .small-navigator li.dropdown span {
    padding: 0 5px;
    margin: 0
}

.main-header .top-head .small-navigator span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 9px;
    cursor: pointer
}

.main-header .bottom-head {
    background: #6f3c2f;
}

.main-header .bottom-head ul {
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 0;
}

.main-header .bottom-head li {
    display: inline-block;
    width: 16.66%;
    text-align: center;
    font-family: 'FranklinGothicBook';
    font-weight: normal;
    font-size: 16px;
    color: #fff;
    height: auto;
}

.main-header .bottom-head li.active {
    background: #47261e;
    font-weight: bold
}

.main-header .bottom-head li:hover {
    background: #47261e;
    font-weight: bold
}

.main-header .bottom-head span {
    display: inline-block;
    vertical-align: middle;
    padding: 12px
}

.main-header .additional-nav {
    height: auto;
    text-align: center
}

.main-header .generic-navigator {
    display: block;
    background: #6f3c2f;
    font-family: 'FranklinGothicBook';
    font-weight: normal;
    font-size: 14px;
    color: #fff;
    position: fixed;
    top: -100px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    height: 52px;
}

.main-header .generic-navigator.show {
    top: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.main-header .generic-navigator .logo {
    display: inline-block;
    vertical-align: middle;
    padding: 5px 0
}

.main-header .generic-navigator .left-nav {
    display: inline-block;
    vertical-align: middle;
    width: -webkit-calc(50% - 38px);
    width: -moz-calc(50% - 38px);
    width: calc(50% - 38px);
    text-align: left;
}

.main-header .generic-navigator .left-nav li {
    height: 50px;
    padding: 10px;
}

.main-header .generic-navigator .left-nav li:last-child {
    margin-right: 0
}

.main-header .generic-navigator .left-nav li.active {
    background: #47261e;
    font-weight: bold
}

.main-header .generic-navigator .left-nav li:hover {
    background: #47261e;
    font-weight: bold
}

.main-header .generic-navigator .right-nav {
    display: inline-block;
    vertical-align: middle;
    width: -webkit-calc(50% - 38px);
    width: -moz-calc(50% - 38px);
    width: calc(50% - 38px);
    text-align: right;
}

.main-header .generic-navigator .right-nav li {
    margin-left: 20px;
}

.main-header .generic-navigator .right-nav li:first-child {
    margin-left: 0
}

.main-header .generic-navigator ul {
    padding: 0;
    margin: 0
}

.main-header .generic-navigator li {
    list-style: none;
    display: inline-block;
    vertical-align: middle;
}

.main-header .generic-navigator li.dropdown ul {
    margin-top: 10px;
    text-align: left;
	
	background: transparent;
    color: #ffffff
	
    /* 
	background: #fff;
    color: #6f3c2f
	*/
}

.main-header .generic-navigator li.dropdown li {
    margin: 0
}

.main-header .generic-navigator span {
    display: block;
    padding: 5px 10px;
	cursor:pointer;
}

.main-header .dropdown {
    font-family: 'FranklinGothicDemi';
    font-weight: normal;
    position: relative;
}

.main-header .dropdown ul {
    position: absolute;
    top: 1em;
    display: none;
    left: 0;
    height: auto;
    width: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.main-header .dropdown li {
    display: block;
    margin-left: 0;
    margin-top: 5px;
    margin: 0;
}

.main-header .dropdown li:after {
    display: none
}

.main-header .dropdown li span {
    margin: 0
}

.main-header .dropdown.actve ul {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    max-height: 100px
}

.main-header .logo-30-aniversario {
    position: absolute;
    top: -11px;
    left: 364px;
}
.main-header .logo-30-aniversario img {
    height: 89px;
}

.slick-dotted.slick-slider.slide-banner {
    margin: 0
}

.slick-dotted.slick-slider.galeria-actividades {
    margin: 0
}

.slide-banner {
    display: block;
    margin: 0;
}

.slide-banner .slide {
    outline: none;
    position: relative;
    overflow: hidden;
}

.slide-banner .slide img {
    width: 100%
}

.slide-banner .slide-half-right {
    width: 67%;
    float: right
}

.slide-banner .slide-half-left {
    width: 67%;
    float: left
}

.slide-banner .backimg {
    position: relative;
    min-width: 100%;
    max-width: initial;
    z-index: 0
}

.slide-banner .text {
    position: relative;
    display: block;
    padding: 30px 0;
    color: #fff;
    max-width: 320px;
    width: 100%;
    margin: 0 auto;
    font-family: 'FranklinGothicBook';
    font-weight: normal;
    font-size: 18px;
}

.slide-banner .text.align-left {
    margin-right: auto;
    margin-left: 0
}

.slide-banner .text.align-right {
    margin-right: 0;
    margin-left: auto
}

.slide-banner .title {
    font-family: 'FranklinGothicBook';
    font-weight: normal;
    font-size: 50px;
    line-height: 1.2em;
    margin: 20px 0
}

.slide-banner b {
    font-family: 'FranklinGothicHvy';
    font-weight: normal
}

.slide-banner .slick-prev {
    left: 50%;
    z-index: 1;
    margin-left: -700px;
    height: 30px;
}

.slide-banner .slick-prev:before {
    content: '\e813';
    font-family: 'fontello';
    font-size: 30px;
    color: #6f3c2f !important
}

.slide-banner .slick-next {
    right: 50%;
    z-index: 1;
    margin-right: -700px;
    height: 30px;
}

.slide-banner .slick-next:before {
    content: '\e814';
    font-family: 'fontello';
    font-size: 30px;
    color: #6f3c2f !important
}

.slide-banner .slick-dots {
    bottom: 10px;
}

.slide-banner .slick-dots li {
    width: auto;
    height: auto;
    margin: 0 20px;
}

.slide-banner .slick-dots li button {
    padding: 0;
    width: 13px;
    height: 13px;
}

.slide-banner .slick-dots li button:before {
    width: 13px;
    height: 13px;
    font-size: 0;
    background: #fff;
    opacity: 1;
    border: 1px solid #ed9d38;
    border-radius: 20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 50%
}

.slide-banner .slick-dots li.slick-active button:before {
    background: #ed9d38;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.galeria-actividades {
    display: block;
    margin: 0;
}

.galeria-actividades .slick-prev {
    left: 0;
    z-index: 1;
    height: 30px;
}

.galeria-actividades .slick-prev:before {
    content: '\e813';
    font-family: 'fontello';
    font-size: 30px
}

.galeria-actividades .slick-next {
    right: 0;
    z-index: 1;
    height: 30px;
}

.galeria-actividades .slick-next:before {
    content: '\e814';
    font-family: 'fontello';
    font-size: 30px
}

.galeria-actividades .slick-dots {
    bottom: 60px;
}

.galeria-actividades .slick-dots li {
    width: auto;
    height: auto;
    margin: 0 20px;
}

.galeria-actividades .slick-dots li button {
    padding: 0;
    width: 13px;
    height: 13px;
}

.galeria-actividades .slick-dots li button:before {
    width: 13px;
    height: 13px;
    font-size: 0;
    background: #fff;
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 50%
}

.galeria-actividades .slick-dots li.slick-active button:before {
    background: #ed9d38;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.category {
    font-family: 'FranklinGothicMed';
    font-weight: normal;
    font-size: 14px;
    line-height: 1em;
    color: #fff;
    display: block;
    position: relative;
    margin-bottom: 25px;
}

.category:after {
    content: "";
    position: absolute;
    display: block;
    width: 43px;
    height: 2px;
    background: #fff;
    bottom: -10px;
    left: 0
}

.category.orange {
    color: #ed9d38;
}

.category.orange:after {
    background: #ed9d38
}

.module {
    padding: 40px 0;
}

.module.none-padding {
    padding: 0
}

.module.back-gray {
    background: #ececec
}

.bannernews {
    display: block;
    min-height: 350px;
    float: left;
    position: relative;
    overflow: hidden;
}

.bannernews.col2 {
    width: 50%
}

.bannernews .title {
    font-family: 'FranklinGothicBook';
    font-weight: normal;
    font-size: 24px;
    line-height: 1.2em;
    margin: 12px 0;
}

.bannernews .title em {
    font-family: 'FranklinGothicDemiIt';
    font-weight: normal
}

.bannernews p {
    margin-top: 0;
    margin-bottom: 1.2em c
}

.bannernews .backimg {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 0;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: 100%
}

.bannernews .table {
    min-height: 350px;
    position: relative
}

.bannernews .text {
    padding: 19px 30px;
    max-width: 364px;
    display: inline-block;
    color: #fff;
    font-family: 'FranklinGothicBook';
    font-weight: normal;
    font-size: 14px;
}

.bannernews .text.background {
    background: rgba(111, 60, 47, 0.8)
}

.donaciones-block {
    max-width: 600px;
    display: block;
    margin: 0 auto;
}

.donaciones-block .title-big {
    color: #6f3c2f;
    font-family: 'century-schoolbook-bold';
    font-size: 36px;
    padding: 20px 0;
    display: block
}

.donaciones-block .title {
    font-family: 'FranklinGothicDemi';
    font-size: 21px;
    line-height: 1.2em;
    display: block;
    color: #6f3c2f
}

.donaciones-block-bg {
    max-width: 800px;
    display: block;
    margin: 0 auto;
}

.donaciones-block-bg img {
    margin: 40px auto;
    display: block
}

.publications-block {
    display: block;
}

.publications-block .publication {
    display: inline-block;
    vertical-align: top;
    width: 32%;
    padding: 40px 20px;
    font-family: 'FranklinGothicBook' !important;
    font-weight: normal;
    font-size: 12px;
    color: #646569
}

.publications-block .category {
    color: #646569;
}

.publications-block .category:after {
    background: #646569
}

.publications-block .title {
    font-family: 'FranklinGothicHvy' !important;
    font-weight: normal;
    color: #6f3c2f;
    font-size: 20px;
    margin: 15px 0
}

.publications-block .slick-dots {
    bottom: 10px;
}

.publications-block .slick-dots li {
    width: auto;
    height: auto;
    margin: 0 20px;
}

.publications-block .slick-dots li button {
    padding: 0;
    width: 13px;
    height: 13px;
}

.publications-block .slick-dots li button:before {
    width: 13px;
    height: 13px;
    font-size: 0;
    background: #fff;
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 50%
}

.publications-block .slick-dots li.slick-active button:before {
    background: #ed9d38;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.menu-campus:hover:after {
    content: "\A";
    height: 100%;
    background: rgba(100, 32, 28, 0.6);
    position: absolute;
    top: 0;
    left: 10px;
    right: 10px;
    display: block;
}

.menu-campus:hover .subtexto {
    display: block
}

.menu-campus .subtexto {
    display: none;
    color: #fff;
    top: 25%;
    position: absolute;
    z-index: 10;
    left: 20px
}

.menu-campus.active:after {
    content: "\A";
    height: 100%;
    background: rgba(100, 32, 28, 0.6);
    position: absolute;
    top: 0;
    left: 10px;
    right: 10px;
    display: block;
}

h4 {
    font-family: 'century-schoolbook';
    font-size: 28px;
    font-weight: regular;
    color: #6f3c2f
}

.imagenes {
    width: 32%;
    display: inline-block;
    margin: 10px auto;
    vertical-align: top;
}

.imagenes img {
    height: 180px;
    width: 90%
}

.no-image {
    background-image: none !important
}

.personas-block {
    display: block;
}

.personas-block .personas {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    position: relative;
}

.personas-block .personas .cargo {
    position: absolute;
    color: #fff;
    bottom: 45px;
    left: 5px;
    font-family: 'FranklinGothicBook';
    font-weight: bold;
    font-size: 15px;
    display: block
}

.personas-block .personas .nombre {
    position: absolute;
    color: #fff;
    bottom: 5px;
    left: 5px;
    font-family: 'FranklinGothicBook';
    font-size: 15px;
    display: block
}

.personas-block .personas .cargo1 {
    position: absolute;
    color: #fff;
    bottom: 40px;
    left: 5px;
    font-family: 'FranklinGothicBook';
    font-weight: bold;
    font-size: 15px;
    display: block
}

.personas-block .personas .nombre1 {
    position: absolute;
    color: #fff;
    bottom: 22px;
    left: 5px;
    font-family: 'FranklinGothicBook';
    font-size: 15px;
    display: block
}

.personas-block .personas .nombre2 {
    position: absolute;
    color: #fff;
    bottom: 5px;
    left: 5px;
    font-family: 'FranklinGothicBook';
    font-size: 15px;
    display: block
}

.contacto {
    color: #fff;
    background: #9b7369;
    width: 240px;
    padding: 10px;
    font-weight: normal;
}

.contacto a {
    color: #fff !important;
    font-weight: normal !important
}

.directorio {
    font-size: 30px;
    margin: 20px 0
}

.small-m {
    padding-left: 10px;
    display: block
}

.small-n {
    padding-left: 10px;
    margin-top: 10px;
    display: block
}

.personas-fotos-block {
    width: 90%;
    margin: 0 auto;
    display: block;
    padding: 0;
}

.personas-fotos-block .fotos-contenedor {
    display: block;
    width: 100%;
    max-height: 245px;
    overflow: hidden
}

.personas-fotos-block .pfoto {
    display: inline-block;
    vertical-align: top;
    width: -webkit-calc(19% - 17px);
    width: -moz-calc(19% - 17px);
    width: calc(19% - 17px);
    height: -webkit-calc(100% - 17px);
    height: -moz-calc(100% - 17px);
    height: calc(100% - 17px);
    margin-right: 17px;
    margin-bottom: 17px;
    position: relative;
}

.personas-fotos-block .pfoto img {
    width: 100%
}

.personas-fotos-block .pfoto .cargo {
    position: absolute;
    color: #fff;
    bottom: 25px;
    left: 5px;
    font-family: 'FranklinGothicBook';
    font-weight: bold;
    font-size: 15px;
    display: block
}

.personas-fotos-block .pfoto .nombre {
    position: absolute;
    color: #fff;
    bottom: 20px;
    left: 10px;
    font-family: 'FranklinGothicBook';
    font-size: 13px;
    display: block
}

.personas-fotos-block .pfoto .cargo1 {
    position: absolute;
    color: #fff;
    bottom: 40px;
    left: 5px;
    font-family: 'FranklinGothicBook';
    font-weight: bold;
    font-size: 15px;
    display: block
}

.personas-fotos-block .pfoto .nombre1 {
    position: absolute;
    color: #fff;
    bottom: 22px;
    left: 5px;
    font-family: 'FranklinGothicBook';
    font-size: 15px;
    display: block
}

.personas-fotos-block .pfoto .nombre2 {
    position: absolute;
    color: #fff;
    bottom: 5px;
    left: 5px;
    font-family: 'FranklinGothicBook';
    font-size: 15px;
    display: block
}

.personas-fotos-block .pfoto-doble {
    display: inline-block;
    vertical-align: top;
    width: -webkit-calc(50% - 17px);
    width: -moz-calc(50% - 17px);
    width: calc(50% - 17px);
    height: -webkit-calc(100% - 17px);
    height: -moz-calc(100% - 17px);
    height: calc(100% - 17px);
    margin-right: 17px;
    margin-bottom: 17px;
    position: relative;
    background: #f4e4ca;
}

.personas-fotos-block .pfoto-doble img {
    width: 53%;
    max-height: 245px;
    min-height: 245px;
}

.personas-fotos-block .pfoto-doble .cargo {
    font-family: 'FranklinGothicHvy';
    position: absolute;
    color: #6f3c2f !important;
    top: 40px !important;
    left: 60%;
    font-size: 20px !important;
    display: block;
}

.personas-fotos-block .pfoto-doble .nombre {
    position: absolute;
    color: #6f3c2f !important;
    top: 65px;
    left: 60%;
    font-family: 'FranklinGothicBook';
    font-size: 20px;
    display: block;
}

.personas-fotos-block .pfoto-half {
    display: inline-block;
    vertical-align: top;
    width: -webkit-calc(25% - 17px);
    width: -moz-calc(25% - 17px);
    width: calc(25% - 17px);
    height: -webkit-calc(100% - 17px);
    height: -moz-calc(100% - 17px);
    height: calc(100% - 17px);
    margin-right: 17px;
    margin-bottom: 17px;
    position: relative;
    background: #f4e4ca;
}

.personas-fotos-block .pfoto-half img {
    width: 80%;
    max-height: 245px;
    min-height: 245px;
}

.personas-fotos-block .pfoto-half .cargo {
    position: absolute;
    font-family: 'FranklinGothicHvy';
    color: #331515 !important;
    bottom: 35px !important;
    left: 5%;
    font-size: 17px !important;
    display: block
}

.personas-fotos-block .pfoto-half .nombre {
    position: absolute;
    color: #331515 !important;
    bottom: 15px;
    left: 5%;
    font-family: 'FranklinGothicBook';
    font-size: 17px;
    display: block
}

.book-block {
    display: flex;
    flex-wrap: wrap;
}

.book-block .book {
    display: inline-block;
    width: 33.3%;
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    position: relative;
}

@media (max-width: 1200px) {
    .book-block .book {
        width: 50%;
    }
}

.book-block .book:after {
    content: "";
    position: absolute;
    display: block;
    width: 67%;
    height: 1.5px;
    background: #ececec;
    left: 18%;
    bottom: -10px;
    text-align: center
}

.book-block .book img {
    width: 80%;
    margin: 0 auto;
	/*height: 100%;*/
	cursor:pointer;
}

.book-block .book .categoria {
    color: #646569;
    font-family: 'FranklinGothicMed';
    font-size: 12px;
    width: 100%;
    float: left;
    padding: 10px 0;
    position: relative;
}

.book-block .book .categoria:after {
    content: "";
    display: block;
    width: 10%;
    left: 0%;
    height: 2px;
    background: #646569;
    position: absolute;
    top: 25px
}

.book-block .book .title {
    color: #6f3c2f;
    font-family: 'FranklinGothicDemi';
    font-size: 18px;
    width: 100%;
    float: left;
    padding: 10px 0
}

.book-block .book .title-half {
    font-size: 17px;
    line-height: 20px;
    font-family: 'FranklinGothicDemi';
    display: block;
    width: 95%;
    padding-left: 0px;
	padding-top:15px;
    color: #6f3c2f
}

.book-block .book .fecha {
    color: #646569;
    font-size: 10px;
    font-family: 'FranklinGothicDemi';
    padding: 10px 0
}

.book-block .book p {
    font-family: 'FranklinGothicBook';
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #6f3c2f
}

.row-left {
    float: left
}

.row-right {
    float: right
}

.book {
    display: inline-block;
    width: 33.3%;
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    position: relative;
    vertical-align: top;
}

.book:after {
    content: "";
    position: absolute;
    display: block;
    width: 67%;
    height: 1.5px;
    background: #ececec;
    left: 18%;
    bottom: -10px;
    text-align: center
}

.book img {
    width: 80%;
    margin: 0 auto
}

.book .categoria {
    color: #646569;
    font-family: 'FranklinGothicMed';
    font-size: 12px;
    width: 100%;
    float: left;
    padding: 10px 0;
    position: relative;
}

.book .categoria:after {
    content: "";
    display: block;
    width: 10%;
    left: 0%;
    height: 2px;
    background: #646569;
    position: absolute;
    top: 25px
}

.book .title {
    color: #6f3c2f;
    font-family: 'FranklinGothicDemi';
    font-size: 18px;
    width: 100%;
    float: left;
    padding: 10px 0
}

.book .title-half {
    font-size: 17px;
    line-height: 20px;
    font-family: 'FranklinGothicDemi';
    display: block;
    width: 80%;
    padding-left: 20px;
    color: #6f3c2f
}

.book .fecha {
    color: #646569;
    font-size: 10px;
    font-family: 'FranklinGothicDemi';
    padding: 10px 0
}

.book p {
    font-family: 'FranklinGothicBook';
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #6f3c2f
}

.analisis-p {
    display: inline-block;
    margin-top: 10px;
}

.analisis-p span {
    font-weight: bold;
    font-family: 'FranklinGothicHvy';
    display: inline-block;
    font-size: 15px
}

.analisis-p p:first-of-type {
    display: inline
}

.container-9 {
    width: 90%;
    display: block
}

.next-section {
    display: block;
    text-align: center;
    margin-top: -40px;
    margin-bottom: 20px;
}

.next-section .icon {
    cursor: pointer;
    font-size: 20px;
    color: #6f3c2f
}

.patronato-block {
    display: block;
}

.patronato-block .patronato {
    display: inline-block;
    vertical-align: top;
    width: 30.3333%;
    padding: 40px 0;
    font-family: 'FranklinGothicBook';
    font-weight: normal
}

.patronato-block .vocal {
    width: 90%;
    margin: 0 auto;
}

.patronato-block .vocal .open-modal {
    display: inline-block;
    width: 48%
}

.patronato-block .vocal-container {
    width: 49%;
    display: inline-block
}

.patronato-block span {
    font-size: 15px;
    width: 100%
}

.patronato-block p {
    font-size: 15px;
    margin-bottom: 15px
}

.patronato-block a {
    width: 100%;
}

.patronato-block a p:hover {
    color: #ed9d38
}

.patronato-block .patronato-title {
    font-weight: bold;
    padding-top: 10px
}

.actividades-list {
    color: #6f3c2f;
    background: #ececec;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 15px
}

.titulopdf {
    display: block;
    text-align: center;
    color: #6f3c2f;
    font-size: 15px;
    font-family: 'FranklinGothicBook'
}

.doble {
    width: 48% !important;
    display: inline-block !important;
}

.doble .acti-cont-md {
    width: 100% !important;
    padding: 10px
}

.dobles {
    width: 48% !important;
    display: inline-block !important;
}

.dobles .analisis-cont-md {
    width: 100% !important
}

.pub-img-old {
    width: 325px !important;
    height: 400px;
    max-width: 325px !important;
    margin-bottom: 20px
}

.pub-img {
    width: 80% !important;
    height: auto;
    max-width:100% !important;
    margin-bottom: 20px
}

.actividades-block {
    display: block;
    margin: 20px 0;
    width: 100%;
    position: relative;
    font-size: 0;
}
.actividades-block.row-fix {
	width: auto;
	margin-left: -10px;
	margin-right: -10px;
}
.actividades-block.row-fix ~ .actividades-block.doble {
	width: 50% !important;
}

.actividades-block .title-big {
    color: #6f3c2f;
    font-family: 'century-schoolbook-bold';
    font-size: 36px;
    padding: 20px 0;
    display: block
}

.actividades-block .pie {
    font-family: 'FranklinGothicBook';
    font-size: 12px;
    padding: 20px 0;
    display: inline-block;
    float: left
}

.actividades-block .encabezado {
    font-family: 'FranklinGothicDemi';
    font-size: 20px;
    color: #646569;
    position: relative;
    padding-bottom: 10px;
}

.actividades-block .encabezado:after {
    content: "";
    display: block;
    width: 10%;
    left: 0%;
    height: 2px;
    background: #646569;
    position: absolute
}

.actividades-block h5 {
    padding: 0;
    color: #6f3c2f;
    margin: 18px 0;
    color: #6f3c2f
}

.actividades-block h6 {
    padding: 0;
    color: #6f3c2f;
    margin: 18px 0
}

.actividades-block .subtitle {
    font-family: 'FranklinGothicDemi';
    font-size: 15px;
    color: #987367;
    position: relative;
}

.actividades-block .subtitle:after {
    content: "";
    display: block;
    width: 10%;
    left: 0%;
    height: 2px;
    background: #987367;
    position: absolute;
    top: 17px
}

.actividades-block p {
    font-size: 15px;
    font-family: 'FranklinGothicBook'
}

/*.actividades-block .move {
    padding-left: 50px;
}*/

.actividades-block .move a {
    color: #6f3c2f !important;
    font-weight: bold
}

.actividades-block .move-half {
    padding-left: 0
}

.actividades-block .acti-cont {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    position: relative;
    padding: 0 10px;
}

.actividades-block .acti-cont img {
    position: relative;
    width: 100%;
}

.actividades-block .acti-cont .title {
    position: absolute;
    font-family: 'FranklinGothicDemi';
    left: 20px;
    top: 10%;
    color: #fff;
    font-weight: bold;
    font-size: 23px;
    z-index: 10
}

.actividades-block .acti-cont .btn-left {
    position: absolute;
    bottom: 5%;
    left: 10%;
    font-family: 'FranklinGothicBook';
    font-size: 15px;
    color: #fff;
    z-index: 10;
}

.actividades-block .acti-cont .btn-left.active {
    text-shadow: 4px 4px 2px #000;
    color: #ed9d38
}

.actividades-block .acti-cont .btn-left:hover {
    text-shadow: 4px 4px 2px #000;
    color: #ed9d38
}

.actividades-block .acti-cont .btn-right {
    position: absolute;
    bottom: 5%;
    right: 10%;
    font-family: 'FranklinGothicBook';
    font-size: 15px;
    color: #fff;
    z-index: 10;
}

.actividades-block .acti-cont .btn-right.active {
    text-shadow: 4px 4px 2px #000;
    color: #ed9d38
}

.actividades-block .acti-cont .btn-right:hover {
    text-shadow: 4px 4px 2px #000;
    color: #ed9d38
}

.actividades-block .acti-cont-sm {
    display: inline-block;
    vertical-align: top;
    width: 32%;
}

.actividades-block .acti-cont-sm img {
    width: 250px;
    height: 164px;
    padding-right: 9px
}

.actividades-block .acti-cont-sm .texto-pie {
    text-align: center;
    width: 70%;
    font-family: 'FranklinGothicBook';
    font-size: 15px;
    line-height: 18px;
    display: block;
    color: #646569;
    margin: 10px auto
}

.actividades-block .acti-cont-sm .btn {
    display: block;
    width: 80%;
    vertical-align: middle;
    border: 1px solid #6f3c2f;
    color: #fff;
    padding: 10px;
    font-size: 12px;
    font-family: 'FranklinGothicDemi';
    font-weight: normal;
    background: #6f3c2f;
    margin: 10px auto;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.actividades-block .acti-cont-sm .btn:hover {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: transparent;
    color: #6f3c2f;
    border: 1px solid #6f3c2f
}

.actividades-block .toggle {
    cursor: pointer
}

.actividades-block .acti-cont-bg {
    display: inline-block;
    vertical-align: top;
    width: 66%;
}

.actividades-block .acti-cont-bg .title {
    color: #6f3c2f;
    font-size: 18px;
    line-height: 21px;
    font-family: 'FranklinGothicDemi';
    display: block;
    margin: 20px 0
}

.actividades-block .autor-img {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    display: inline-block;
    margin-right: 20px;
    float: left
}

.actividades-block .acti-cont-md {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    padding: 10px;
    margin: 10px 0;
}

.actividades-block .acti-cont-md:last-child {
    border-left: 2px solid #ececec
}

.actividades-block .acti-cont-md h6 {
    color: #6f3c2f;
    font-family: 'FranklinGothicDemi';
    font-size: 18px;
    width: 100%;
    float: left;
    padding: 10px 0;
    margin: 0
}

.actividades-block .acti-cont-md img {
    width: 320px;
    height: auto
}

.actividades-block .acti-cont-full {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.actividades-block .acti-cont-full .title {
    color: #6f3c2f;
    font-size: 18px;
    line-height: 21px;
    font-family: 'FranklinGothicDemi';
    display: block;
    margin: 20px 0
}

.actividades-block .acti-cont-full fieldset span {
    font-size: 15px;
    font-family: 'FranklinGothicBook';
    line-height: 18px
}

.actividades-block .acti-cont-full fieldset input {
    font-size: 15px;
    padding: 5px
}

.actividades-block .acti-cont-full fieldset .send {
    background: #6f3c2f;
    color: #fff;
    font-size: 15px;
    width: 60%;
    font-family: 'FranklinGothicDemi';
    padding: 4px;
    border: 1px solid #6f3c2f
}

.actividades-block .acti-cont-xl {
    display: inline-block;
    vertical-align: top;
    width: 80%;
}

.actividades-block .acti-cont-xl .title {
    font-family: 'FranklinGothicDemi';
    font-size: 21px;
    line-height: 1.2em;
    display: block;
    color: #6f3c2f
}

.actividades-block .year {
    color: #ed9d38;
   /* width: 20%; */
    font-size: 20px;
    font-family: 'FranklinGothicDemi';
    display: inline-block
}

.actividades-block .submenu {
    width: 80%;
    text-align: right;
    float: right;
}

.actividades-block .submenu ul {
    padding: 0;
    margin: 0;
}

.actividades-block .submenu ul li {
    list-style: none;
    display: inline-block;
    width: 20%;
    text-align: center;
    cursor: pointer;
    color: #6f3c2f;
    font-size: 18px;
    font-family: 'FranklinGothicDemi';
}

.actividades-block .submenu ul li.active {
    color: #fff;
    background: #6f3c2f;
    padding: 5px
}

.special {
    min-height: auto
}

.text-analisis {
    width: 90% !important
}

.analisis-vid {
    position: relative;
}

.analisis-vid img {
    width: 100%
}

.analisis-play {
    background: url("https://fundacionfaes.org/img/small.png");
    background-repeat: no-repeat;
    display: block;
    width: 45px;
    height: 45px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.analisis-block {
    display: block;
    margin: 20px 0;
    width: 100%;
}

.analisis-block .full .analisis-pub {
    width: 95%;
    display: block;
}

.analisis-block .full .analisis-pub .categoria {
    color: #646569;
    font-family: 'FranklinGothicMed';
    font-size: 12px;
    padding: 10px 0;
    position: relative;
    float: left;
    width: 100%;
}

.analisis-block .full .analisis-pub .categoria:after {
    content: "";
    display: block;
    width: 10%;
    left: 0%;
    height: 2px;
    background: #646569;
    position: absolute;
    top: 25px
}

.analisis-block .full .analisis-vid {
    position: relative;
}

.analisis-block .full .analisis-vid img {
    width: 100%
}

.analisis-block .full .analisis-play {
    background: url("https://fundacionfaes.org/img/small.png");
    background-repeat: no-repeat;
    display: block;
    width: 45px;
    height: 45px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.analisis-block .full .analisis-textos {
    width: 90%;
    display: inline-block;
    position: relative;
    padding-left: 10px;
}

.analisis-block .full .analisis-textos .categoria {
    color: #646569;
    font-family: 'FranklinGothicMed';
    font-size: 12px;
    padding: 10px 0;
    position: relative;
    float: left;
    width: 100%;
}

.analisis-block .full .analisis-textos .categoria:after {
    content: "";
    display: block;
    width: 10%;
    left: 0%;
    height: 2px;
    background: #646569;
    position: absolute;
    top: 25px
}

.analisis-block .full .analisis-textos .title {
    color: #6f3c2f;
    font-family: 'FranklinGothicDemi';
    font-size: 24px;
    width: 100%;
    float: left;
    padding: 16px 0;
    display: block;
    margin: 0
}

.analisis-block .full .analisis-textos time {
    color: #6f3c2f;
    display: block;
    font-size: 15px
}

.analisis-block .full .analisis-textos p {
    font-size: 15px;
    font-family: 'FranklinGothicBook';
}

.analisis-block .full .analisis-textos p span {
    font-size: 15px
}

.analisis-block .analisis-cont {
    display: inline-block;
    vertical-align: top;
    width: 33.3333%;
    position: relative
}

.analisis-block .analisis-cont-sm {
    display: inline-block;
    vertical-align: top;
    width: 33%
}

.analisis-block .analisis-cont-bg {
    display: inline-block;
    vertical-align: top;
    width: 67%;
}

.analisis-block .analisis-cont-bg .move {
    font-size: 15px;
    font-family: 'FranklinGothicBook'
}

.analisis-block .analisis-cont-bg .analisis-textos {
    width: 100%;
    display: inline-block;
    position: relative;
    padding-left: 10px;
}

.analisis-block .analisis-cont-bg .analisis-textos .categoria {
    color: #646569;
    font-family: 'FranklinGothicMed';
    font-size: 12px;
    padding: 10px 0;
    position: relative;
    float: left;
    width: 100%;
}

.analisis-block .analisis-cont-bg .analisis-textos .categoria:after {
    content: "";
    display: block;
    width: 10%;
    left: 0%;
    height: 2px;
    background: #646569;
    position: absolute;
    top: 25px;
    top: 25px
}

.analisis-block .analisis-cont-bg .analisis-textos .title {
    color: #6f3c2f;
    font-family: 'FranklinGothicDemi';
    font-size: 18px;
    width: 100%;
    float: left;
    padding: 10px 0
}

.analisis-block .analisis-cont-bg .analisis-textos .autor {
    color: #6f3c2f;
    font-family: 'FranklinGothicBook';
    font-size: 18px
}

.analisis-block .analisis-cont-bg .analisis-textos p {
    font-size: 13px;
    font-family: 'FranklinGothicBook'
}

.analisis-block .analisis-cont-md {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    vertical-align: top;
}

.analisis-block .analisis-cont-md .analisis-pub {
    width: 95%;
    display: block
}

.analisis-block .analisis-cont-md .categoria {
    color: #646569;
    font-family: 'FranklinGothicMed';
    font-size: 12px;
    padding: 10px 0;
    position: relative;
    float: left;
    width: 100%;
}

.analisis-block .analisis-cont-md .categoria:after {
    content: "";
    display: block;
    width: 10%;
    left: 0%;
    height: 2px;
    background: #646569;
    position: absolute;
    top: 25px
}

.analisis-block .analisis-cont-md img {
    max-width: 30%;
    display: inline-block;
    vertical-align: top;
    margin-top: 16px
}

.analisis-block .analisis-cont-md .encabezado {
    color: #646569;
    font-family: 'FranklinGothicMed';
    font-size: 12px;
    margin: 20px 0;
    position: relative;
    float: left;
    width: 100%;
    margin-left: 80px;
}

.analisis-block .analisis-cont-md .encabezado:after {
    content: "";
    display: block;
    width: 10%;
    left: 0%;
    height: 2px;
    background: #646569;
    position: absolute;
    top: 25px
}

.analisis-block .analisis-cont-md .title {
    color: #6f3c2f;
    font-family: 'century-schoolbook-bold';
    font-size: 36px;
    width: 100%;
    float: left;
    margin: 10px 0
}

.analisis-block .analisis-cont-md .space {
    margin-left: 80px;
    line-height: 40px
}

.analisis-block .analisis-cont-md .subtitle {
    color: #6f3c2f;
    display: block;
    font-size: 24px;
    line-height: 28px;
    margin-left: 80px;
    float: left;
    width: 100%;
    margin-bottom: 20px
}

.analisis-block .analisis-cont-md .ficha {
    color: #646569;
    padding-left: 80px;
    font-size: 16px;
    line-height: 19px;
    display: block;
    margin: 20px 0
}

.analisis-block .analisis-cont-md .small-title {
    font-family: 'FranklinGothicDemi';
    font-size: 36px;
    line-height: 1.2em;
    display: block;
    color: #6f3c2f
}

.analisis-block .analisis-cont-md .small-subtitle {
    font-family: 'FranklinGothicDemi';
    font-size: 16px;
    line-height: 1.2em;
    display: block;
    color: #6f3c2f
}

.analisis-block .analisis-cont-md .btn-comprar,
.analisis-block .analisis-cont-md .btn-sus,
.analisis-block .analisis-cont-md .btn-don {
    margin-left: 80px
}

.analisis-block .analisis-cont-md .social-share {
    margin-left: 80px;
    width: 60%;
    text-align: left;
}

.analisis-block .analisis-cont-md .social-share li {
    width: 18%;
    font-size: 17px
}

.analisis-block .analisis-cont-md .analisis-textos {
    width: 70%;
    display: inline-block;
    position: relative;
    padding-left: 10px;
}

.analisis-block .analisis-cont-md .analisis-textos .categoria {
    color: #646569;
    font-family: 'FranklinGothicMed';
    font-size: 12px;
    padding: 10px 0;
    position: relative;
    float: left;
    width: 100%;
}

.analisis-block .analisis-cont-md .analisis-textos .categoria:after {
    content: "";
    display: block;
    width: 10%;
    left: 0%;
    height: 2px;
    background: #646569;
    position: absolute;
    top: 25px
}

.analisis-block .analisis-cont-md .analisis-textos .title {
    color: #6f3c2f;
    font-family: 'FranklinGothicDemi';
    font-size: 24px;
    width: 100%;
    float: left;
    padding: 10px 0;
    margin: 0
}

.analisis-block .analisis-cont-md .analisis-textos time {
    color: #6f3c2f;
    display: block;
    font-size: 15px
}

.analisis-block .analisis-cont-md .analisis-textos p {
    font-size: 15px;
    font-family: 'FranklinGothicBook';
}

.analisis-block .analisis-cont-md .analisis-textos p span {
    font-size: 15px
}

.analisis-block .analisis-cont-md .analisis-textos .more {
    position: absolute;
    color: #f00;
    right: 0;
    border: 1px solid #f00;
    padding: 0 5px
}

.underline {
    width: 100%;
    border-bottom: 2px solid #ececec
}

.topline {
    width: 100%;
    border-top: 2px solid #ececec
}

.bottom-special {
    margin-bottom: 30px
}

.topline-special {
    width: 100%;
    border-top: 2px solid #ececec;
    padding: 20px 0
}

.no-line .acti-cont-md {
    border-left: 0 !important
}

.directorio-patronado {
    display: block;
}

.directorio-patronado p {
    font-size: 15px
}

.directorio-patronado .line {
    padding-top: 15px;
    margin-bottom: 15px
}

.redes-block {
    display: block;
    font-size: 15px;
}

.redes-block .redes {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding-bottom: 40px;
    margin-bottom: 40px;
}

.redes-block .redes img {
    margin: 20px auto
}

.redes-block .redes a p:hover {
    color: #ed9d38
}

.redes-block .lista-redes .tabs {
    margin: 0;
    padding: 0;
    width: 80%;
}

.redes-block .lista-redes .tabs li {
    list-style: none;
    display: block;
    cursor: pointer;
    font-weight: bold;
    padding: 20px 0;
    border-bottom: 2px solid #ececec;
}

.redes-block .lista-redes .tabs li.active {
    color: #ed9d38
}

.redes-block .lista-redes .tabs li:hover {
    color: #ed9d38
}

.redes-block #tab1 {
    display: none;
}

.redes-block #tab1.active {
    display: block
}

.redes-block #tab2 {
    display: none;
}

.redes-block #tab2.active {
    display: block
}

.redes-block #tab3 {
    display: none;
}

.redes-block #tab3.active {
    display: block
}

.redes-block #tab4 {
    display: none;
}

.redes-block #tab4.active {
    display: block
}

.redes-block #tab5 {
    display: none;
}

.redes-block #tab5.active {
    display: block
}

.redes-block #tab6 {
    display: none;
}

.redes-block #tab6.active {
    display: block
}

.redes-block #tab7 {
    display: none;
}

.redes-block #tab7.active {
    display: block
}

.redes-block #tab8 {
    display: none;
}

.redes-block #tab8.active {
    display: block
}

.redes-block #tab9 {
    display: none;
}

.redes-block #tab9.active {
    display: block
}

.redes-block #tab10 {
    display: none;
}

.redes-block #tab10.active {
    display: block
}

.redes-block #tab11 {
    display: none;
}

.redes-block #tab11.active {
    display: block
}

.redes-block #tab12 {
    display: none;
}

.redes-block #tab12.active {
    display: block
}

#tab1-fundacion,
#tab2-fundacion,
#tab3-fundacion,
#tab4-fundacion,
#tab5-fundacion,
#tab6-fundacion,
#tab7-fundacion {
    display: none;
}

#tab1-fundacion.active,
#tab2-fundacion.active,
#tab3-fundacion.active,
#tab4-fundacion.active,
#tab5-fundacion.active,
#tab6-fundacion.active,
#tab7-fundacion.active {
    display: block
}

#tab1-busqueda,
#tab2-busqueda,
#tab3-busqueda,
#tab4-busqueda,
#tab5-busqueda {
    display: none;
}

#tab1-busqueda.active,
#tab2-busqueda.active,
#tab3-busqueda.active,
#tab4-busqueda.active,
#tab5-busqueda.active {
    display: block
}

#tab1-publicaciones,
#tab2-publicaciones,
#tab3-publicaciones,
#tab4-publicaciones,
#tab5-publicaciones {
    display: none;
}

#tab1-publicaciones.active,
#tab2-publicaciones.active,
#tab3-publicaciones.active,
#tab4-publicaciones.active,
#tab5-publicaciones.active {
    display: block
}

#tab1-actividades,
#tab2-actividades,
#tab3-actividades,
#tab4-actividades {
    display: none;
}

#tab1-actividades.active,
#tab2-actividades.active,
#tab3-actividades.active,
#tab4-actividades.active {
    display: block
}

.line {
    position: relative;
    width: 100%;
}

.line:before {
    content: "";
    display: block;
    width: 100%;
    left: 0;
    height: 2px;
    background: #646569;
    position: absolute;
    opacity: .3;
    top: 0
}

.c8.interior.analisis.ultimo.noPadLeft {
    font-size: 16px;
    line-height: 1.2em;
    font-family: 'FranklinGothicBook'
}

.separadorLinea {
    position: relative;
    width: 100%;
    display: block;
    margin: 10px 0;
    padding: 3px;
}

.separadorLinea:before {
    content: "";
    display: block;
    width: 100%;
    left: 0;
    height: 2px;
    background: #6f3c2f;
    position: absolute;
    opacity: .3;
    top: 0
}

#tab1-prensa,
#tab2-prensa,
#tab3-prensa {
    display: none;
}

#tab1-prensa.active,
#tab2-prensa.active,
#tab3-prensa.active {
    display: block
}

.blocknews-cover {
    margin-left: -10px;
    margin-right: -10px
}

.blocknews {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 50px;
    padding: 10px;
    color: #414042;
    font-size: 16px;
    line-height: 1.2em;
    font-family: 'FranklinGothicBook';
    font-weight: normal;
    position: relative;
}

.blocknews:before,
.blocknews:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    height: 0
}

.blocknews:after {
    clear: both
}

.blocknews .cover-img img {
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.blocknews:hover .cover-img img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.blocknews.col1 {
    width: 100%;
}

.blocknews.col1 .cover-img {
    float: left;
    width: 50%;
    overflow: hidden
}
.blocknews.col1 .cover-img2 {
    float: left;
    width: 100%;
    overflow: hidden
}

.blocknews.col1 .cover-text {
    float: left;
    width: 50%;
    padding-left: 46px
}

.blocknews.col1 .title {
    font-size: 36px;
    margin: 30px 0
}

.blocknews.col2 {
    width: 50%
}

.blocknews.col3 {
    width: 33.3333%
}

.blocknews .cover-img {
    display: block;
    width: 100%;
    margin: 0;
    margin-bottom: 25px;
    overflow: hidden;
    z-index: 50;
}

.blocknews .cover-img img {
    display: block;
    margin: 0 auto
}

.blocknews .cover-img.play {
    position: relative;
}

.blocknews .cover-img.play:before {
    content: '\e807';
    font-family: 'fontello';
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 50px;
    display: block;
    color: #fff;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.blocknews .cover-text {
    padding: 0 40px
}

.blocknews .tags {
    font-size: 14px;
    font-family: 'FranklinGothicMed';
    display: block;
    color: #908e89
}

.blocknews .category {
    color: #646569;
}

.blocknews .category:after {
    background: #646569
}

.blocknews .title {
    font-family: 'FranklinGothicDemi';
    font-weight: normal;
    font-size: 24px;
    margin: 16px 0;
    color: #6f3c2f;
    line-height: 1.2em;
}

.blocknews .title em {
    font-family: 'FranklinGothicDemiIt';
    font-weight: normal
}

.blocknews time {
    font-size: 10px;
    display: block;
    font-family: 'FranklinGothicDemi';
    font-weight: normal;
    text-transform: uppercase
}

.blocknews p {
    margin-top: 0;
    margin-bottom: 1.2em
}

.btn {
    display: inline-block;
    vertical-align: middle;
    margin-top: 20px;
    border: 1px solid #6f3c2f;
    color: #6f3c2f;
    padding: 10px;
    font-size: 12px;
    font-family: 'FranklinGothicDemi';
    font-weight: normal;
    background: transparent;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn:hover {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #ed9d38;
    color: #fff;
    border-color: transparent
}

.link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.link-1 {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 90%;
    z-index: 1
}

.fecha-formacion {
    display: block;
    font-size: 10px;
    color: #6f3c2f;
    font-weight: bold
}

.portada {
    position: relative;
    min-height: 150px;
}

.portada .portada-img img {
    width: 100%;
    height: 150px
}

.portada .submenu {
    position: absolute;
    bottom: 0;
    width: 80%;
    left: 10%;
}

.portada .submenu ul {
    padding: 0;
    margin: 0
}

.portada .submenu li {
    list-style: none;
    display: inline-block;
    text-align: center;
    color: #fff;
    background: #646569;
    opacity: .75;
    font-size: 12px;
    width: 13%;
    height: 60px;
    padding-top: 25px;
    vertical-align: middle;
}

.portada .submenu li.active {
    background: #ed9d38;
    opacity: 1;
    font-weight: bold
}

.portada .submenu li span {
    display: block
}

.portada1 {
    position: relative;
    min-height: 150px;
    display: block;
    width: 100%;
}

.portada1 .portada-img1 {
    position: absolute;
    top: -20px;
    width: 100%;
    display: block;
}

.portada1 .portada-img1 img {
    width: 100%;
    max-height: 250px;
    min-height: 150px
}

.portada1 .tags {
    width: 80%;
    position: relative;
    z-index: 10;
    margin: 20px auto;
}

.portada1 .tags li {
    list-style: none;
    display: inline-block;
    padding: 10px;
    font-size: 21px;
    color: #6f3c2f;
}

.portada1 .tags li span {
    cursor: pointer
}

.portada1 .tags .activeTag {
    color: #fff !important;
    background: #ed9d38;
    padding: 5px
}

.contenido {
    min-height: 360px;
    margin-bottom: 70px;
    padding-top: 35px;
    background-image: url("../img/lateral.png");
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: 2px, 0;
    background-attachment: fixed;
    position: relative;
}

.contenido .container .textos {
    width: 100%;
    margin: 60px auto;
    font-family: 'FranklinGothicBook';
    font-size: 15px;
}

.contenido .container .textos .capital {
    color: #6f3c2f;
    font-size: 40px;
    line-height: 10px
}

.contenido .container h3 {
    font-family: 'century-schoolbook-bold';
    color: #6f3c2f
}

.contenido .container h2 {
    font-family: 'century-schoolbook-bold';
    color: #6f3c2f;
    font-size: 40px;
    line-height: 1.2em
}

.contenido .container h1 {
    display: block;
    font-family: 'FranklinGothicDemi';
    font-weight: border-left;
    font-style: 40px
}

.no-encontrado {
    display: block;
    width: 100%;
}

.no-encontrado .number {
    font-family: 'FranklinGothicBook';
    font-size: 60px;
    display: inline-block;
    background: #fff;
    color: #6f3c2f !important;
    padding: 20px;
    border: 4px solid #6f3c2f;
    width: 200px;
    margin-left: 20px;
    text-align: center
}

.no-encontrado .texto {
    font-family: 'FranklinGothicDemi';
    font-size: 36px;
    display: inline-block;
    color: #6f3c2f
}

.contenido1 {
    min-height: 360px;
    margin-bottom: 70px;
    padding-top: 35px;
    background-image: url("../img/lateral.png");
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: 0% 390px;
    background-attachment: fixed;
    position: relative;
}

.contenido1 .container .textos {
    width: 100%;
    margin: 60px auto;
    font-family: 'FranklinGothicBook';
    font-size: 15px;
}

.contenido1 .container .textos .capital {
    color: #6f3c2f;
    font-size: 40px;
    line-height: 10px
}

.contenido1 .container h3 {
    font-family: 'century-schoolbook-bold';
    color: #6f3c2f
}

.contenido2 {
    min-height: 360px;
    margin-bottom: 70px;
    padding-top: 35px;
    background-image: url("../img/lateral.png");
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: 0% 50%;
    position: relative;
}

.contenido2 .container .textos {
    width: 100%;
    margin: 60px auto;
    font-family: 'FranklinGothicBook';
    font-size: 15px;
}

.contenido2 .container .textos .capital {
    color: #6f3c2f;
    font-size: 40px;
    line-height: 10px
}

.contenido2 .container h3 {
    font-family: 'century-schoolbook-bold';
    color: #6f3c2f
}

.actividades .memoria {
    margin: 0;
    padding: 0;
}

.actividades .memoria ul {
    margin: 0;
    padding: 0;
    margin: 0 auto;
    margin-bottom: 20px;
}

.actividades .memoria ul li {
    display: inline-block;
    height: 100px;
    width: 100px;
    position: relative;
    margin: 10px 10px;
    font-family: 'century-schoolbook-bold';
}

.actividades .memoria ul li .number-title {
    position: absolute;
    left: 6%;/*estaba en 33%*/
    top: 33%;/*estaba en 25%*/
    color: #fff;
    opacity: 1;
    font-size: 24px;
    background: transparent
}

.actividades .memoria ul li .transparent {
    position: absolute;
    top: 10%;/*estaba en 25%*/
    left: 6%;/*estaab en 6%*/
    opacity: .3;
    color: #fff;
    font-size: 24px;
    background: transparent
}

.actividades .memoria ul li .icon {
    position: absolute;
    right: 0;
    bottom: 5%;
    opacity: .3;
    color: #fff;
    font-size: 13px;
    background: transparent
}

.actividades .memoria ul :nth-child(1n+0) {
    background: #6f3c2f;
}

.actividades .memoria ul :nth-child(2n+0) {
    background: #802a1c;
}

.actividades .memoria ul :nth-child(3n+0) {
    background: #9c7367;
}

/*.actividades .memoria ul:nth-child(1n) {
    background: #6f3c2f
}

.actividades .memoria ul:nth-child(2n) {
    background: #9c7367
}

.actividades .memoria ul:nth-child(3n) {
    background: #802a1c
}*/

.actividades .memoria ul .today {
    background: #ed9d38
}

.menu-year {
    cursor: pointer;
    position: absolute;
    z-index: 99;
    background: white;
    padding-right: 10px;
}

.menu-year ul {
    display: none;
    margin: 0;
    padding: 0;
}

.menu-year ul li {
    display: block;
    list-style: none;
    padding: 5px 0
}

.menu-year ul.active {
    display: block
}

.button-year {
    cursor: pointer
}

.menu-descarga {
    cursor: pointer;
    margin-left: 80px;
}

.menu-descarga ul {
    display: none;
    margin: 0;
    padding: 0;
}

.menu-descarga ul li {
    display: block;
    list-style: none;
    padding: 5px;
    font-family: 'FranklinGothicBook';
    font-weight: normal;
    font-size: 15px;
    color: #6f3c2f
}

.menu-descarga ul.active {
    display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.descarga {
    color: #6f3c2f;
    font-family: 'FranklinGothicBook';
    text-align: content '';
    margin-left: 80px;
    cursor: pointer
}

.main-footer {
    display: block;
}

.main-footer .top-nav {
    background: #a3a2a7;
}

.main-footer .top-nav ul {
    margin: 0;
    padding: 0;
    text-align: center
}

.main-footer .top-nav li {
    display: inline-block;
    vertical-align: middle;
    font-family: 'FranklinGothicBook';
    font-weight: normal;
    font-size: 15px;
    color: #fff;
    margin: 5px 0;
}

.main-footer .top-nav li + li {
    margin-left: 50px
}

.main-footer .top-nav span {
    padding: 6px 10px;
    display: block
}

.main-footer .content-sections {
    background: #6f3c2f;
}

.main-footer .content-sections .newsletter {
    display: table-cell;
    width: 58%;
    padding-right: 40px;
    padding-top: 35px;
    background: url("../img/faes.png") no-repeat;
    background-position: 0% 73px;
}

.main-footer .content-sections .newsletter .copy {
    font-family: 'FranklinGothicBook';
    font-weight: normal;
    color: #fff;
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    width: 200px
}

.main-footer .content-sections .newsletter form {
    display: inline-block;
    vertical-align: top;
    width: -webkit-calc(100% - 200px);
    width: -moz-calc(100% - 200px);
    width: calc(100% - 200px);
    padding-left: 40px
}

.main-footer .content-sections .newsletter form:before,
.main-footer .content-sections .newsletter form:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    height: 0
}

.main-footer .content-sections .newsletter form:after {
    clear: both
}

.main-footer .content-sections .newsletter .fields {
    float: left;
    display: block;
    padding-right: 15px;
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: calc(100% - 100px)
}

.main-footer .content-sections .newsletter .send {
    float: left;
    display: block;
    padding-left: 15px
}

.main-footer .content-sections .newsletter .form-section {
    padding: 0;
    margin-bottom: 15px
}

.main-footer .content-sections .newsletter .form-ctrl {
    display: block;
    width: 100%;
    background: rgba(255, 255, 255, 0.3);
    padding: 5px 10px;
    border: 0;
    font-family: 'FranklinGothicBook';
    font-weight: normal;
    font-size: 15px;
    color: #fff;
}

.main-footer .content-sections .newsletter .form-ctrl::-webkit-input-placeholder {
    color: #fff
}

.main-footer .content-sections .newsletter .form-ctrl::-moz-placeholder {
    color: #fff
}

.main-footer .content-sections .newsletter .form-ctrl:-ms-input-placeholder {
    color: #fff
}

.main-footer .content-sections .newsletter .form-ctrl:-moz-placeholder {
    color: #fff
}

.main-footer .content-sections .newsletter .send-btn {
    padding: 5px 20px;
    color: #fff;
    border: 1px solid #fff;
    background: transparent;
    font-family: 'FranklinGothicDemi';
    font-weight: normal;
    font-size: 12px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.main-footer .content-sections .newsletter .send-btn:hover {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #fff;
    color: #6f3c2f
}

.main-footer .content-sections .contact {
    display: table-cell;
    width: 17%;
    padding: 17px;
    font-family: 'FranklinGothicBook';
    font-weight: normal;
    font-size: 10px;
    color: #fff;
    background: #9c7367;
}

.main-footer .content-sections .contact .tag {
    display: block;
    font-family: 'FranklinGothicDemi';
    font-weight: normal;
    font-size: 15px;
    line-height: 1em;
    padding-bottom: 5px;
    margin-bottom: 5px;
    position: relative;
}

.main-footer .content-sections .contact .tag:before {
    content: "";
    display: block;
    width: 30px;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 0
}

.main-footer .content-sections .contact p {
    font-size: 12px
}

.main-footer .content-sections .social {
    display: table-cell;
    vertical-align: top;
}

.main-footer .content-sections .social .social-block {
    display: block;
    background: #fff;
    padding: 20px;
    text-align: center;
    color: #6f3c2f;
}

.main-footer .content-sections .social .social-block p {
    font-family: 'FranklinGothicDemi';
    font-weight: normal;
    font-size: 17px;
    margin: 0;
    margin-bottom: 15px
}

.main-footer .content-sections .social .social-block ul {
    margin: 0;
    padding: 0
}

.main-footer .content-sections .social .social-block li {
    list-style: none;
    display: inline-block;
    vertical-align: middle;
    margin: 0 7px;
    font-size: 21px
}

.main-footer .content-sections .social .donations-block {
    display: block;
    background: #ed9d38;
    font-family: 'FranklinGothicDemi';
    font-weight: normal;
    font-size: 28px;
    text-align: center;
    color: #fff;
    padding: 20px 10px
}

.main-footer .copy {
    display: block;
    text-align: center;
    font-size: 12px;
    font-family: 'FranklinGothicBook';
    font-weight: normal;
    color: #646569;
    margin-bottom: 20px
}

.main-footer .sponsors {
    display: block;
    padding-top: 50px;
    padding-bottom: 30px;
}

.main-footer .sponsors ul {
    margin: 0;
    padding: 0;
    text-align: center
}

.main-footer .sponsors li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px
}

.cookies-message {
    display: block;
    position: fixed;
    float: none;
    bottom: 0;
    left: 50%;
    background: #f1f1f1;
    max-width: 100%;
    padding: 15px;
    padding-right: 25%;
    z-index: 999;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    padding-left: 5%;
    width: 100%;
}

.cookies-message .close {
    font-weight: bold;
    position: absolute;
    right: 10%;
    top: 8px;
    display: block;
    color: #6f3c2f;
    width: 22px;
    height: 22px;
    cursor: pointer
}

.cookies-message .title {
    font-family: 'FranklinGothicDemi';
    font-weight: bold;
    font-size: 15.6px;
    color: #6f3c2f;
    margin: 0
}

.cookies-message p {
    margin-top: 10px;
    font-size: 12px;
    color: #6f3c2f
}

.cookies-message .btn {
    position: absolute;
    right: 10%;
    bottom: 10px;
    margin-top: -17px
}

.cookies-message .cookies-politic {
    font-weight: bold
}

.img599x285 {
    width: 100% !important;
    max-width: 599px !important;
    height: auto !important;
}

.home-fotogaleria{
    width: 50% !important;
}

.lightBoxGallery .slick-list {
    height: auto!important;
}

@media all and (max-width:1300px) {
    .videoCampus img {
        height: 320px
    }
    .campus-play {
        top: 137.5px
    }
    .imagenes img {
        width: 90%;
        height: 130px
    }
}

@media all and (max-width:1280px) {
    .actividades-block .acti-cont .title{
        font-size: 1.79vw;
    }
    .actividades-block .acti-cont .btn-right,
    .actividades-block .acti-cont .btn-left{
        font-size: 1.16vw;
    }
}
@media all and (max-width:1100px) {
    .videoCampus {
        width: 90%;
        display: block;
        margin: 20px auto;
        text-align: center;
    }
    .videoCampus img {
        margin: 0 auto
    }
}

@media all and (max-width:1155px) {
    .main-header .generic-navigator .left-nav li {
        height: auto;
        padding: 10px 0
    }
}

@media all and (max-width:1055px) {
    .analisis-block .analisis-cont-md .social-share li {
        width: 17%
    }
}

@media all and (max-width:1024px) {
    .main-footer .content-sections .newsletter {
        width: 50%;
        display: block;
        float: left;
        height: 155px;
        background-position: left bottom;
    }
    .main-footer .content-sections .contact {
        width: 25%;
        float: left;
        display: block;
    }
    .main-footer .content-sections .social {
        display: block;
        vertical-align: top;
        width: calc(25% + 10px);
        float: left;
        margin-right: -10px;
    }
    .main-footer .content-sections .social > div:first-child {
        height: 77px
    }
    .main-footer .content-sections .social > div:last-child {
        height: 78px
    }
    .contenido1 {
        background-position: left 80%;
    }
    .portada1 .portada-img1 {
        height: 250px;
    }
    .portada1 .portada-img1 img {
        height: 100%;
    }
}

@media all and (max-width:955px) {
    .main-header .generic-navigator span {
        font-size: 11px;
        padding: 5px 8px
    }
    .main-footer .content-sections .social .social-block li {
        margin: 0 4px;
        font-size: 18px
    }
}

@media all and (max-width:1000px) {
    .actividades-block .acti-cont .title {
        /*font-size: 20px*/
    }
    .actividades-block .acti-cont .btn-left {
        /*font-size: 13px*/
    }
    .actividades-block .acti-cont .btn-right {
        /*font-size: 13px;*/
        right: 13%
    }
    .pub-img {
        width: 260px !important;
        height: 320px;
        max-width: 260px !important
    }
    .main-footer .content-sections .newsletter .fields {
        width: 100%
    }
    .main-footer .content-sections .contact {
        padding: 5px;
    }
    .main-footer .content-sections .contact p {
        font-size: 10px
    }
    .imagenes {
        width: 100%;
        display: block;
    }
    .imagenes img {
        width: 70%;
        margin: 20px auto;
        height: auto
    }
}

@media all and (max-width:768px) {
    .main-header .logo-30-aniversario {
        display: none;
    }
    .no-encontrado .number {
        width: 90%;
        display: block;
        margin: 0 auto
    }
    .no-encontrado .texto {
        width: 90%;
        display: block;
        margin: 0 auto;
        text-align: center;
        margin-top: 20px
    }
    .slide-play {
        top: 61px;
        width: 20px
    }
    .slide-pause {
        top: 61px;
        width: 20px
    }
    .left-col {
        float: left;
        padding-right: 0;
    }
    .left-col img {
        padding-right: 0
    }
    .right-col {
        float: right;
        padding-left: 0;
        border-left: 0;
    }
    .right-col img {
        padding-left: 0
    }
    .bottom-special {
        margin-bottom: 15px
    }
    .topline-special {
        padding: 15px 0
    }
    .responsive {
        display: block !important
    }
    .scroll-redes {
        display: none;
    }
    .scroll-redes.active {
        display: none
    }
    .scroll-redes1 {
        display: block;
    }
    .scroll-redes1.active {
        display: block
    }
    input {
        margin-bottom: 10px
    }
    .contenido {
        background-image: none
    }
    .contenido1 {
        background-image: none
    }
    .contenido2 {
        background-image: none
    }
    h3 {
        font-size: 24px
    }
    .sm {
        width: 90%
    }
    .desk {
        display: none !important
    }
    .search.desk {
        display: none !important
    }
    .movil {
        display: block !important
    }
    .not-full {
        width: 100%
    }
    .main-header {
        height: 60px;
    }
    .main-header .generic-navigator {
        display: block;
        background: #6f3c2f;
        padding: 7px 0;
        font-family: 'FranklinGothicBook';
        font-weight: normal;
        font-size: 14px;
        color: #fff;
        top: 0;
        height: 60px;
    }
    .main-header .generic-navigator position fixed.show {
        top: 0
    }
    .main-header .generic-navigator .left-nav {
        display: none
    }
    .main-header .generic-navigator span {
        padding: 0;
        font-size: 20px;
        text-align: right;
        
    }
    .main-header .generic-navigator .logo {
        display: inline-block;
        width: 33%;
        text-align: center;
        margin: 0 auto;
    }
    .main-header .generic-navigator .logo img {
        margin: 0 auto
    }
    .main-header .generic-navigator .right-nav {
        display: inline-block;
        width: 33%;
        text-align: center;
        margin: 0 auto
    }
    .main-header .additional-nav {
        height: auto;
        position: fixed;
        top: 58px;
        left: -100%;
        display: block;
        width: 100%;
        z-index: 10;
        background: #6f3c2f;
        z-index: 999;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }
    .main-header .additional-nav.active {
        left: 0;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease
    }
    .main-header .additional-nav ul {
        display: block;
    }
    .main-header .additional-nav ul li {
        width: 80%;
        border-bottom: 1px solid #9c7367;
        margin: 0 auto;
        display: block;
        height: auto
    }
    .main-header .additional-nav .sus-movil {
        background: #fff;
        color: #6f3c2f;
        font-size: 18px;
        font-family: 'FranklinGothicDemi';
        border-bottom: 0;
        width: 100%
    }
    .main-header .additional-nav .don-movil {
        background: #ed9d38;
        font-size: 18px;
        font-family: 'FranklinGothicDemi';
        border-bottom: 0;
        width: 100%
    }
    .main-header .social-share {
        margin-top: 30px;
    }
    .main-header .social-share li {
        display: inline-block !important;
        width: 23% !important;
        border-bottom: 0 !important
    }
    .main-header .buscador {
        margin: 0 0;
    }
    .main-header .buscador input[type="text"] {
        width: 100%;
        padding: 20px
    }
    .ctrl-con {
        display: inline-block;
        width: 30%;
    }
    .ctrl-con .ctrl-menu {
        float: left;
        width: 24px;
        height: 24px;
        cursor: pointer;
        position: relative;
        padding-top: 8px;
    }
    .ctrl-con .ctrl-menu span {
        display: block;
        margin: 4px 0;
        height: 3px;
        background: #fff;
        position: relative;
        left: 0;
        width: 100%;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
    .ctrl-con .ctrl-menu span:first-child {
        -webkit-transition: all .3s ease .8s;
        -moz-transition: all .3s ease .8s;
        -ms-transition: all .3s ease .8s;
        -o-transition: all .3s ease .8s;
        transition: all .3s ease .8s
    }
    .ctrl-con .ctrl-menu span:nth-child(2) {
        -webkit-transition: all .3s ease .6s;
        -moz-transition: all .3s ease .6s;
        -ms-transition: all .3s ease .6s;
        -o-transition: all .3s ease .6s;
        transition: all .3s ease .6s
    }
    .ctrl-con .ctrl-menu span:last-child {
        -webkit-transition: all .3s ease .4s;
        -moz-transition: all .3s ease .4s;
        -ms-transition: all .3s ease .4s;
        -o-transition: all .3s ease .4s;
        transition: all .3s ease .4s
    }
    .ctrl-con .ctrl-menu:before {
        content: "";
        position: absolute;
        bottom: 4%;
        left: 14%;
        display: block;
        width: 0;
        height: 3px;
        background: #fff;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px
    }
    .ctrl-con .ctrl-menu:after {
        content: "";
        position: absolute;
        top: 14%;
        left: 22%;
        display: block;
        width: 0;
        height: 3px;
        background: #fff;
        -webkit-transition: all .3s ease .2s;
        -moz-transition: all .3s ease .2s;
        -ms-transition: all .3s ease .2s;
        -o-transition: all .3s ease .2s;
        transition: all .3s ease .2s;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px
    }
    .ctrl-con .ctrl-menu.active:after {
        width: 24px;
        -webkit-transition: all .3s ease .6s;
        -moz-transition: all .3s ease .6s;
        -ms-transition: all .3s ease .6s;
        -o-transition: all .3s ease .6s;
        transition: all .3s ease .6s
    }
    .ctrl-con .ctrl-menu.active:before {
        width: 24px;
        -webkit-transition: all .3s ease .8s;
        -moz-transition: all .3s ease .8s;
        -ms-transition: all .3s ease .8s;
        -o-transition: all .3s ease .8s;
        transition: all .3s ease .8s
    }
    .ctrl-con .ctrl-menu.active span:first-child {
        width: 0%;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease
    }
    .ctrl-con .ctrl-menu.active span:nth-child(2) {
        width: 0%;
        -webkit-transition: all .3s ease .2s;
        -moz-transition: all .3s ease .2s;
        -ms-transition: all .3s ease .2s;
        -o-transition: all .3s ease .2s;
        transition: all .3s ease .2s
    }
    .ctrl-con .ctrl-menu.active span:last-child {
        width: 0%;
        -webkit-transition: all .3s ease .4s;
        -moz-transition: all .3s ease .4s;
        -ms-transition: all .3s ease .4s;
        -o-transition: all .3s ease .4s;
        transition: all .3s ease .4s
    }
    .publications-block {
        display: block;
    }
    .publications-block .publication {
        width: 100%
    }
    .blocknews:before,
    .blocknews:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        height: 0
    }
    .blocknews:after {
        clear: both
    }
    .blocknews.col1 {
        width: 100%;
    }
    .blocknews.col1 .cover-img {
        width: 100%
    }
    .blocknews.col1 .cover-text {
        width: 100%;
        padding: 0 20px
    }
    .blocknews.col1 >div:last-child{
        width: 100% !important;
    }
    .blocknews.col3 {
        width: 100%
    }
    .blocknews.col2 {
        width: 100%
    }
    .bannernews.col2 {
        width: 100%
    }
    .portada {
        min-height: 160px;
    }
    .portada .submenu {
        position: relative;
        width: 80%;
        left: 0;
        bottom: 0;
    }
    .portada .submenu .headList {
        display: block;
        text-align: center;
        color: #fff;
        background: #ed9d38;
        padding: 10px 0;
        font-size: 12px;
        height: 40px
    }
    .portada .submenu ul {
        /*display: none;*/
        padding: 0;
        margin: 0;
    }
    .portada .submenu ul li {
        width: 100%;
        opacity: 1;
        height: 40px;
        padding: 0;
        padding-top: 10px;
    }
    .portada .submenu ul li.active {
        z-index: 10
    }
    .portada .submenu ul li span {
        padding: 0
    }
    .main-footer .content-sections .container {
        padding: 0
    }
    .main-footer .content-sections .newsletter {
        display: block;
        width: 100%;
        background-position: 100% 108%;
        background-size: 140px;
        padding: 10px;
    }
    .main-footer .content-sections .newsletter .copy {
        display: block
    }
    .main-footer .content-sections .newsletter form {
        display: block;
        width: 95%;
        margin: 0 auto
    }
    .main-footer .content-sections .newsletter .fields {
        width: 70%
    }
    .main-footer .content-sections .contact {
        display: block;
        width: 50%;
        padding: 15px;
        min-height: 212px;
        float: left;
    }
    .main-footer .content-sections .contact p {
        font-size: 14px
    }
    .main-footer .content-sections .social {
        display: block;
        width: 50%;
        min-height: 212px;
        float: left;
    }
    .main-footer .content-sections .social .social-block {
        height: 110px;
        line-height: 90px
    }
    .main-footer .content-sections .social > div:first-child {
        height: 106px
    }
    .main-footer .content-sections .social .donations-block {
        height: 102px;
        line-height: 80px
    }
    .main-footer .content-sections .social .donations-block span {
        font-size: 30px
    }
    .main-footer .content-sections .social > div:last-child {
        height: 106px
    }
    .main-footer .content-sections .social .social-block li {
        font-size: 15px;
        margin: 0 0
    }
    .main-footer .content-sections .social .social-block li span {
        font-size: 30px
    }
	
    .book-block {
        width: 100%;
        display: block;
    }
    .book-block .book {
        width: 100%;
    }
    .book-block .book img {
        width: 50%;
        margin: 0px auto /*tenia 20px*/
    }
	.book-block .book .title-half {
		padding-top:20px;
	}
	.imagen {
		height: auto;
	}
    .book {
        width: 100%;
    }
    .book img {
        width: 50%;
        margin: 20px auto
    }
    .contenido .container .textos {
        font-size: 12px
    }
    .bg {
        width: 95%;
        display: block;
        position: relative
    }
    .actividades-block {
        margin: 20px 0;
    }
    .actividades-block .acti-cont {
        width: -webkit-calc(25% - 10px);
        width: -moz-calc(25% - 10px);
        width: calc(25% - 10px);
        background: #646569;
        margin-right: 10px;
        min-height: 84px;
        padding: 0;
    }
    .actividades-block .acti-cont img {
        visibility: visible;
        opacity: .6
    }
    .actividades-block .acti-cont .title {
        font-size: 2.4vw;
        left: 5px
    }
    .actividades-block .acti-cont .subtexto {
        left: 5px;
        font-size: 7px
    }
    .actividades-block .acti-cont .btn-left {
        font-size: 1.7vw;
        bottom: 40%
    }
    .actividades-block .acti-cont .btn-right {
        font-size: 1.7vw;
        left: 10%
    }
    .actividades-block .acti-cont.active:after {
        width: 100%;
        left: 0;
        right: 0;
    }
    .actividades-block .menu-campus:hover:after {
        width: 100%;
        left: 0;
        right: 0;
    }
    .actividades-block .move {
        padding-left: 25px
    }
    .actividades-block .move-half {
        padding-left: 0
    }
    .actividades-block .acti-cont-sm {
        width: 100%;
        margin: 20px auto;
    }
    .actividades-block .acti-cont-sm img {
        width: 50%;
        margin: 0 auto;
        height: auto;
        padding-right: 0
    }
    .actividades-block .acti-cont-bg {
        width: 100%
    }
    .actividades-block .acti-cont-md {
        width: 100%;
    }
    .actividades-block .acti-cont-md img {
        display: block;
        width: auto;
        max-width: 100%;
        height: auto
    }
    .actividades-block .acti-cont-full {
        width: 100%
    }
    .actividades-block .acti-cont-xl {
        width: 100%
    }
    .actividades-block .year {
        height: 50px;
        font-size: 20px
    }
    .actividades-block .submenu {
        position: relative;
        width: 80%;
        z-index: 10;
    }
    .actividades-block .submenu .headList5 {
        display: block;
        text-align: center;
        color: #fff;
        background: #ed9d38;
        padding: 10px 0;
        font-size: 12px;
        width: 100%;
        margin-left: 25px
    }
    .actividades-block .submenu ul {
        position: relative;
        right: -25px;
        width: 100%;
        display: none;
    }
    .actividades-block .submenu ul li {
        position: relative;
        top: 0;
        right: 0;
        width: 100%;
        height: 40px;
        background: #646569;
        color: #fff;
        padding: 10px;
        font-size: 12px;
        font-weight: normal;
    }
    .actividades-block .submenu ul li.active {
        background: #ed9d38;
        opacity: 1;
        z-index: 20;
        top: 0 !important
    }
    .social-share-half {
        width: 100%
    }
    .galeria-actividades .slick-dots {
        bottom: 100px
    }
    .quote {
        display: none
    }
    .analisis-block {
        margin: 20px 0;
    }
    .analisis-block .analisis-cont {
        width: 95%
    }
    .analisis-block .analisis-cont-sm {
        width: 95%;
        mar: 20px auto
    }
    .analisis-block .analisis-cont-md {
        width: 100%;
    }
    .analisis-block .analisis-cont-md .btn-comprar,
    .analisis-block .analisis-cont-md .btn-sus,
    .analisis-block .analisis-cont-md .btn-don {
        margin-left: 0;
        width: 100%;
        margin: 3px auto;
		height: auto;
    }
	.social-share ul {
		font-size:0;
		clear:both;
		padding-top: 20px;
	}
	.analisis-block .analisis-cont-md .social-share li {
		width: 20%;
		text-align: center;
	}
    .analisis-block .analisis-cont-md .small-title {
        text-align: center
    }
    .analisis-block .analisis-cont-md .small-subtitle {
        text-align: center
    }
    .analisis-block .analisis-cont-md .ficha {
        text-align: center;
        padding-left: 0
    }
    .analisis-block .analisis-cont-md .space {
        margin-left: 0
    }
    .analisis-block .analisis-cont-md .encabezado {
        margin-left: 0
    }
    .analisis-block .analisis-cont-md .subtitle {
        margin-left: 0
    }
    .analisis-block .analisis-cont-md .ficha {
        text-align: left
    }
    .analisis-block .analisis-cont-md .analisis-textos {
        width: 100%
    }
    .analisis-block .analisis-cont-md .social-share {
        width: 100%;
        text-align: right;
        display: block;
        margin-left: 0
    }
    .analisis-block .analisis-cont-md img {
        max-width: 50%;
        margin: 0 auto;
        float: none !important;
        display: block;
        margin-top: 20px
    }
    .analisis-block .analisis-cont-bg {
        width: 95%
    }
    .personas-block .personas-md {
        width: 100%;
        margin: 20px auto;
    }
    .personas-block .personas-md .personas-especial {
        max-width: 100%
    }
    .personas-block .personas {
        width: 100%;
        float: left !important;
        display: block;
        margin-bottom: 10px;
        background: #f5e5ca;
    }
    .personas-block .personas .cargo {
        position: absolute;
        color: #6f3c2f;
        top: 10px;
        left: auto;
        right: 10px;
        font-family: 'FranklinGothicBook';
        font-weight: bold;
        font-size: 10px;
        display: block
    }
    .personas-block .personas .nombre {
        position: absolute;
        color: #6f3c2f;
        top: 40px;
        left: auto;
        right: 10px;
        font-family: 'FranklinGothicBook';
        font-size: 10px;
        display: block
    }
    .personas-block .personas .cargo1 {
        color: #6f3c2f;
        top: 10px;
        left: auto;
        right: 10px;
        font-size: 10px
    }
    .personas-block .personas .nombre1 {
        color: #6f3c2f;
        top: 40px;
        left: auto;
        right: 10px;
        font-size: 10px
    }
    .personas-block .personas .nombre2 {
        color: #6f3c2f;
        top: 60px;
        left: auto;
        right: 10px;
        font-size: 10px
    }
    .personas-block .personas img {
        display: block;
        width: 40%;
        float: left
    }
    .personas-fotos-block .fotos-contenedor {
        height: auto;
        max-height: none
    }
    .personas-fotos-block .pfoto {
        width: -webkit-calc(49% - 10px);
        width: -moz-calc(49% - 10px);
        width: calc(49% - 10px);
        height: -webkit-calc(100% - 10px);
        height: -moz-calc(100% - 10px);
        height: calc(100% - 10px);
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .personas-fotos-block .pfoto .cargo1 {
        font-size: 10px
    }
    .personas-fotos-block .pfoto .nombre1 {
        font-size: 10px
    }
    .personas-fotos-block .pfoto .nombre2 {
        font-size: 10px
    }
    .personas-fotos-block .pfoto-doble {
        width: 100%
    }
    .personas-fotos-block .pfoto-half {
        display: inline-block;
        vertical-align: top;
        width: -webkit-calc(50% - 8px);
        width: -moz-calc(50% - 8px);
        width: calc(50% - 8px);
        height: -webkit-calc(100% - 16px);
        height: -moz-calc(100% - 16px);
        height: calc(100% - 16px);
        margin-bottom: 16px;
        position: relative;
        background: #f4e4ca;
    }
    .personas-fotos-block .pfoto-half img {
        width: auto;
        /* max-height:none */
    }
    .personas-fotos-block .h-left {
        margin: 0;
        margin-right: 16px
    }
    .personas-fotos-block .h-right {
        margin: 0
    }
    .personas-fotos-block img {
        width: 70%;
        height: auto;
        max-height: 245px
    }
    .patronato-block {
        display: block;
    }
    .patronato-block .patronato {
        width: 100%
    }
    .patronato-block .vocal {
        width: 90%;
        margin: 0 auto;
    }
    .patronato-block .vocal .open-modal {
        display: block;
        width: 100%
    }
    .patronato-block .vocal-container {
        width: 100%;
        display: block
    }
    .ejemplares {
        width: 100%;
        margin-bottom: 20px;
    }
    .ejemplares .title {
        font-size: 24px
    }
    .ejemplares .precio {
        font-size: 20px
    }
    .portada1 .tags {
        width: 100%;
    }
    .portada1 .tags li {
        padding: 4px;
        font-size: 12px
    }
    .menu-publicaciones {
        position: relative;
        width: 100%;
        left: 0;
        top: 0;
        display: block;
        z-index: 10;
    }
    .menu-publicaciones .headList2 {
        display: block;
        text-align: center;
        color: #fff;
        background: #ed9d38;
        padding: 10px 0;
        font-size: 12px;
        text-transform: uppercase;
    }
    .menu-publicaciones .headList4 {
        display: block;
        text-align: center;
        color: #fff;
        background: #ed9d38;
        padding: 10px 0;
        font-size: 12px;
        text-transform: uppercase;
    }
    .menu-publicaciones .headList6 {
        display: block;
        text-align: center;
        color: #fff;
        background: #ed9d38;
        padding: 10px 0;
        font-size: 15px;
        text-transform: uppercase;
    }
    .menu-publicaciones .headList7 {
        display: block;
        text-align: center;
        color: #fff;
        background: #ed9d38;
        padding: 10px 0;
        font-size: 15px;
        text-transform: uppercase;
    }
    .menu-publicaciones span i {
        display: none;
    }
    .menu-publicaciones ul {
        padding: 0;
        margin: 0;
        width: 100%;
        margin-bottom: 20px;
    }
    .menu-publicaciones ul:before,
    .menu-publicaciones ul:after {
        content: "";
        display: block;
        clear: both;
    }
    .menu-publicaciones ul li {
        width: 20%;
        height: 50px;
        background: #646569;
        color: #fff;
        padding: 10px;
        font-weight: normal;
        font-size: 15px;
        text-align: center;
        text-transform: uppercase;
        float:left;
    }
    .menu-publicaciones .analisis-tabs {
        display: block;
        padding: 0;
        margin: 0;
        width: 100%;
        margin-bottom: 20px;
    }
    .menu-publicaciones .analisis-tabs li {
        width: 20%;
        height: 50px;
        background: #646569;
        color: #fff;
        padding: 10px;
        font-weight: normal;
        font-size: 15px;
        text-align: center;
        text-transform: uppercase;
    }
    .menu-publicaciones .publication-tabs {
        /*display: none;*/
        padding: 0;
        margin: 0;
        width: 100%;
        margin-bottom: 20px;
    }
    .menu-publicaciones .publication-tabs:before,
    .menu-publicaciones .publication-tabs:after {
        content: "";
        display: block;
        clear: both;
    }
    .menu-publicaciones .publication-tabs li {
        position: relative;
        top: 0;
        left: 0;
        width: 20%;
        height: 50px;
        background: #646569;
        color: #fff;
        padding: 10px;
        font-weight: normal;
        font-size: 12px;
        text-align: center;
        display: block;
        float: left;
    }
    .menu-publicaciones ul li.active {
        padding: 10px
    }
    .menu-publicaciones .publication-tabs li a {
        font-size: 15px;
        text-transform: uppercase;
    }
    .menu-publicaciones .busqueda {
        display: none;
        padding: 0;
        margin: 0;
        width: 100%;
        margin-bottom: 20px;
    }
    .menu-publicaciones .busqueda li {
        position: relative;
        top: 0;
        left: 0;
        width: 80%;
        height: 50px;
        background: #646569;
        color: #fff;
        padding: 10px;
        width: 100%;
        font-weight: normal;
        font-size: 12px;
        text-align: center
    }
    .menu-prensa {
        position: relative;
        width: 100%;
        left: 0px;
        top: 0;
        display: block;
        z-index: 10;
    }
    .menu-prensa .headList3 {
        display: block;
        text-align: center;
        color: #fff;
        background: #ed9d38;
        padding: 10px 0;
        font-size: 12px
    }
    .menu-prensa .tabs-prensa {
        display: none;
        padding: 0;
        margin: 0;
        width: 100%;
        margin-bottom: 20px;
    }
    .menu-prensa .tabs-prensa li {
        position: relative;
        top: 0;
        left: 0;
        width: 80%;
        height: 50px;
        background: #646569;
        color: #fff;
        padding: 10px;
        width: 100%;
        font-weight: normal;
        font-size: 12px;
        text-align: center
    }
    .redes-block .redes {
        display: block;
        vertical-align: top;
        width: 100%;
        position: relative;
    }
    .redes-block .redes img {
        display: none
    }
    .redes-block .lista-redes {
        position: relative;
        width: 80%;
        left: -20px;
        top: 0;
        display: block;
        z-index: 10;
    }
    .redes-block .lista-redes .headList1 {
        display: block;
        text-align: center;
        color: #fff;
        background: #ed9d38;
        padding: 10px 0;
        font-size: 12px
    }
    .redes-block .lista-redes .tabs {
        display: none;
        padding: 0;
        margin: 0;
        width: 100%;
        margin-bottom: 20px;
    }
    .redes-block .lista-redes .tabs li {
        position: relative;
        top: 0;
        left: 0;
        width: 80%;
        height: 50px;
        background: #646569;
        color: #fff;
        padding: 10px;
        width: 100%;
        font-weight: normal;
        font-size: 12px;
        text-align: center
    }
    .btn-comprar {
        background: #802a1c;
        color: #fff;
        width: 50%;
        display: block;
        height: 60px;
        float: left;
        font-size: 14px;
        font-family: 'FranklinGothicDemi';
        text-align: center;
        margin: 0 auto
    }
    .btn-sus {
        background: #6f3c2f;
        color: #fff;
        width: 50%;
        float: right;
        display: block;
        height: 30px;
        margin-bottom: 0;
        padding: 5px;
        font-size: 14px;
        font-family: 'FranklinGothicDemi';
        text-align: center;
        margin: 0 auto
    }
    .btn-don {
        background: #ed9d38;
        color: #fff;
        width: 50%;
        height: 30px;
        margin-top: 0;
        display: block;
        float: right;
        padding: 5px;
        font-size: 14px;
        font-family: 'FranklinGothicDemi';
        text-align: center
    }
    .follow {
        position: relative;
        top: 0;
    }
    .follow.active {
        position: relative
    }
    .follow .social-share ul li {
        display: inline-block;
        font-size: 20px
    }
    .border1 {
        width: 80%;
        height: 80%;
        top: 50px;
        left: 10px
    }
    .border2 {
        width: 80%;
        height: 80%;
        top: 40px;
        left: 2px
    }
    .menu-descarga {
        margin-left: 0
    }
    .descarga {
        margin-left: 0
    }
    .informacion span {
        margin-bottom: 10px
    }
    .informacion .number {
        width: 48%;
        float: left;
        font-size: 16px
    }
    .donaciones-block {
        width: 95%;
        padding: 0 10px;
    }
    .donaciones-block .donaciones-block-bg {
        width: 100%
    }
    .tercio {
        width: 33.3% !important;
        text-align: center
    }
    .mitad {
        width: 50% !important;
        text-align: center
    }
    .value {
        display: block;
        width: 100%;
        vertical-align: top;
        margin: 10px 0
    }
    .actividades-block.row-fix ~ .actividades-block.doble{
    	width: 100% !important;
    }
    .doble {
        width: 100% !important;
        display: block !important
    }
    .dobles {
        width: 100% !important;
        display: block !important
    }
    .value-text {
        display: block;
        width: 100%;
        padding-left: 0
    }
    .advertencia {
        padding: 0 10px
    }
    .actividades .memoria ul li {
        height: 50px;
        width: 50px;
        margin: 6px 6px;
    }
    .actividades .memoria ul li .number-title {
        left: 45%;
        top: 25%;
        font-size: 18px
    }
    .actividades .memoria ul li .transparent {
        top: 25%;
        left: 6%;
        font-size: 18px
    }
    .gregorio {
        background-image: url("../img/gregoriomovil.png");
        min-height: 400px;
        background-size: 100% 100%;
        background-position: 0%
    }
    .half-text {
        display: none !important
    }
    .slide-banner .slide-half-right {
        width: 100%
    }
    .slide-banner .slide-half-left {
        width: 100%
    }
    .analisis-block .full .analisis-pub {
        width: 100%;
    }
    .videos {
        width: 100%;
        max-width: 100%
    }
    .img599x285 {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: auto !important;
    }
    .analisis-block .full .analisis-textos {
        width: 100%;
        padding: 0
    }
    .analisis-block .analisis-cont-md .analisis-pub {
        width: 100%
    }
    .text-analisis {
        width: 100% !important;
        padding: 0
    }
    .menu-prensa .headList3.movil {
        display: none!important;
    }
    .menu-prensa .tabs-prensa:before,
    .menu-prensa .tabs-prensa:after {
        content: "";
        display: block;
        clear: both;
    }
    .menu-prensa .tabs-prensa li {
        width: 33.3%;
        float: left;
        font-size: 15px;
        text-transform: uppercase;
    }
}

@media all and (max-width:640px) {
    .slide-banner .slide {
        width: 100%;
    }
    .slide-banner .slide img {
        width: 100%
    }
    .main-footer .content-sections .newsletter form {
        padding-left: 0
    }
    .main-footer .content-sections .newsletter,
    .main-footer .content-sections .contact,
    .main-footer .content-sections .social {
        width: 100%;
        float: none;
        min-height: auto
    }
    .main-footer .content-sections .newsletter .fields {
        width: 60%
    }
    .main-footer .content-sections .newsletter .send {
        width: 40%
    }
    .menu-publicaciones .publication-tabs li,
    .menu-publicaciones ul li,
    .menu-publicaciones .analisis-tabs li {
        width: 100%
    }
    .portada1 .portada-img1 {
        display: none;
    }
    .menu-prensa .tabs-prensa li {
        width: 100%;
        float: none;
    }

 

}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    .responsive {
        display: block !important
    }
    .portada {
        min-height: 160px;
    }
    .portada .submenu {
        position: relative;
        width: 100%;
        left: 0;
        bottom: 0;
    }
    .portada .submenu .headList {
        display: block;
        text-align: center;
        color: #fff;
        background: #ed9d38;
        padding: 10px 0;
        font-size: 15px;
        height: 40px
    }
    .portada .submenu .headList i {
        display: none;
    }
    .portada .submenu ul {
        /*display: none;*/
        padding: 0;
        margin: 0;
    }
    .portada .submenu ul:before,
    .portada .submenu ul:after {
        content: "";
        display: block;
        clear: both;
    }
    .portada .submenu ul li {
        width: 16.66%;
        opacity: 1;
        height: 50px;
        padding: 0;
        padding-top: 10px;
        display: block;
        float: left;
    }
    .portada .submenu ul li.active {
        z-index: 10
    }
    .portada .submenu ul li span {
        padding: 0
    }
    .redes-block .redes {
        display: block;
        vertical-align: top;
        width: 100%;
        position: relative;
    }
    .redes-block .redes img {
        display: none
    }
    .redes-block .lista-redes {
        position: relative;
        width: 80%;
        left: -20px;
        top: 0;
        display: block;
        z-index: 10;
    }
    .redes-block .lista-redes .headList1 {
        display: block;
        text-align: center;
        color: #fff;
        background: #ed9d38;
        padding: 10px 0;
        font-size: 12px
    }
    .redes-block .lista-redes .tabs {
        display: none;
        padding: 0;
        margin: 0;
        width: 100%;
        margin-bottom: 20px;
    }
    .redes-block .lista-redes .tabs li {
        position: relative;
        top: 0;
        left: 0;
        width: 80%;
        height: 50px;
        background: #646569;
        color: #fff;
        padding: 10px;
        width: 100%;
        font-weight: normal;
        font-size: 12px;
        text-align: center
    }

       .main-header .logo-30-aniversario {
        position: absolute;
        top: -5px;
        left: 299px;
    }

    .main-header .logo-30-aniversario img {
        height: 83px;
    }
    
}

@media all and (min-width:1090px) {
    .personas-fotos-block .pfoto-doble img {
        width: auto
    }
}

.delay0 {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s
}

.delay100 {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -ms-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.delay200 {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

.delay300 {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -ms-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s
}

.delay400 {
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    -ms-animation-delay: .4s;
    -o-animation-delay: .4s;
    animation-delay: .4s
}

.delay500 {
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    -ms-animation-delay: .5s;
    -o-animation-delay: .5s;
    animation-delay: .5s
}

.delay600 {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s
}

.delay700 {
    -webkit-animation-delay: .7s;
    -moz-animation-delay: .7s;
    -ms-animation-delay: .7s;
    -o-animation-delay: .7s;
    animation-delay: .7s
}

.delay800 {
    -webkit-animation-delay: .8s;
    -moz-animation-delay: .8s;
    -ms-animation-delay: .8s;
    -o-animation-delay: .8s;
    animation-delay: .8s
}

.delay900 {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s
}

.delay1000 {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -ms-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s
}

.delay1100 {
    -webkit-animation-delay: 1.1s;
    -moz-animation-delay: 1.1s;
    -ms-animation-delay: 1.1s;
    -o-animation-delay: 1.1s;
    animation-delay: 1.1s
}

.delay1200 {
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.delay1300 {
    -webkit-animation-delay: 1.3s;
    -moz-animation-delay: 1.3s;
    -ms-animation-delay: 1.3s;
    -o-animation-delay: 1.3s;
    animation-delay: 1.3s
}

.delay1400 {
    -webkit-animation-delay: 1.4s;
    -moz-animation-delay: 1.4s;
    -ms-animation-delay: 1.4s;
    -o-animation-delay: 1.4s;
    animation-delay: 1.4s
}

.delay1500 {
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.delay1600 {
    -webkit-animation-delay: 1.6s;
    -moz-animation-delay: 1.6s;
    -ms-animation-delay: 1.6s;
    -o-animation-delay: 1.6s;
    animation-delay: 1.6s
}

.delay1700 {
    -webkit-animation-delay: 1.7s;
    -moz-animation-delay: 1.7s;
    -ms-animation-delay: 1.7s;
    -o-animation-delay: 1.7s;
    animation-delay: 1.7s
}

.delay1800 {
    -webkit-animation-delay: 1.8s;
    -moz-animation-delay: 1.8s;
    -ms-animation-delay: 1.8s;
    -o-animation-delay: 1.8s;
    animation-delay: 1.8s
}

.delay1900 {
    -webkit-animation-delay: 1.9s;
    -moz-animation-delay: 1.9s;
    -ms-animation-delay: 1.9s;
    -o-animation-delay: 1.9s;
    animation-delay: 1.9s
}

.delay2000 {
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -ms-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s
}

.animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.half {
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -ms-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -ms-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s
}

.animated.bounceIn,
.animated.bounceOut {
    -webkit-animation-duration: .75s;
    -moz-animation-duration: .75s;
    -ms-animation-duration: .75s;
    -o-animation-duration: .75s;
    animation-duration: .75s
}

.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration: .75s;
    -moz-animation-duration: .75s;
    -ms-animation-duration: .75s;
    -o-animation-duration: .75s;
    animation-duration: .75s
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -ms-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    -moz-animation-name: bounceOut;
    -ms-animation-name: bounceOut;
    -o-animation-name: bounceOut;
    animation-name: bounceOut
}

.bounce {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -ms-animation-name: bounce;
    -o-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -ms-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -ms-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    -moz-animation-name: fadeOutDown;
    -ms-animation-name: fadeOutDown;
    -o-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    -moz-animation-name: fadeOutLeft;
    -ms-animation-name: fadeOutLeft;
    -o-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    -moz-animation-name: fadeOutRight;
    -ms-animation-name: fadeOutRight;
    -o-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    -moz-animation-name: fadeOutUp;
    -ms-animation-name: fadeOutUp;
    -o-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    -moz-animation-name: fadeInDownBig;
    -ms-animation-name: fadeInDownBig;
    -o-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -ms-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -ms-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    -moz-animation-name: zoomIn;
    -ms-animation-name: zoomIn;
    -o-animation-name: zoomIn;
    animation-name: zoomIn
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    -moz-animation-name: zoomOut;
    -ms-animation-name: zoomOut;
    -o-animation-name: zoomOut;
    animation-name: zoomOut
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    -moz-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    -o-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    -moz-animation-name: flipInX;
    -ms-animation-name: flipInX;
    -o-animation-name: flipInX;
    animation-name: flipInX
}

@-moz-keyframes bounceIn {
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -ms-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -o-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -moz-transform: scale3d(.3, .3, .3);
        -ms-transform: scale3d(.3, .3, .3);
        -o-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -moz-transform: scale3d(1.1, 1.1, 1.1);
        -ms-transform: scale3d(1.1, 1.1, 1.1);
        -o-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        -moz-transform: scale3d(.9, .9, .9);
        -ms-transform: scale3d(.9, .9, .9);
        -o-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        -moz-transform: scale3d(1.03, 1.03, 1.03);
        -ms-transform: scale3d(1.03, 1.03, 1.03);
        -o-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        -moz-transform: scale3d(.97, .97, .97);
        -ms-transform: scale3d(.97, .97, .97);
        -o-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes bounceIn {
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -ms-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -o-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -moz-transform: scale3d(.3, .3, .3);
        -ms-transform: scale3d(.3, .3, .3);
        -o-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -moz-transform: scale3d(1.1, 1.1, 1.1);
        -ms-transform: scale3d(1.1, 1.1, 1.1);
        -o-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        -moz-transform: scale3d(.9, .9, .9);
        -ms-transform: scale3d(.9, .9, .9);
        -o-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        -moz-transform: scale3d(1.03, 1.03, 1.03);
        -ms-transform: scale3d(1.03, 1.03, 1.03);
        -o-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        -moz-transform: scale3d(.97, .97, .97);
        -ms-transform: scale3d(.97, .97, .97);
        -o-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-o-keyframes bounceIn {
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -ms-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -o-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -moz-transform: scale3d(.3, .3, .3);
        -ms-transform: scale3d(.3, .3, .3);
        -o-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -moz-transform: scale3d(1.1, 1.1, 1.1);
        -ms-transform: scale3d(1.1, 1.1, 1.1);
        -o-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        -moz-transform: scale3d(.9, .9, .9);
        -ms-transform: scale3d(.9, .9, .9);
        -o-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        -moz-transform: scale3d(1.03, 1.03, 1.03);
        -ms-transform: scale3d(1.03, 1.03, 1.03);
        -o-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        -moz-transform: scale3d(.97, .97, .97);
        -ms-transform: scale3d(.97, .97, .97);
        -o-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -ms-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -o-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -moz-transform: scale3d(.3, .3, .3);
        -ms-transform: scale3d(.3, .3, .3);
        -o-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -moz-transform: scale3d(1.1, 1.1, 1.1);
        -ms-transform: scale3d(1.1, 1.1, 1.1);
        -o-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        -moz-transform: scale3d(.9, .9, .9);
        -ms-transform: scale3d(.9, .9, .9);
        -o-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        -moz-transform: scale3d(1.03, 1.03, 1.03);
        -ms-transform: scale3d(1.03, 1.03, 1.03);
        -o-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        -moz-transform: scale3d(.97, .97, .97);
        -ms-transform: scale3d(.97, .97, .97);
        -o-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-moz-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        -moz-transform: scale3d(.9, .9, .9);
        -ms-transform: scale3d(.9, .9, .9);
        -o-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -moz-transform: scale3d(1.1, 1.1, 1.1);
        -ms-transform: scale3d(1.1, 1.1, 1.1);
        -o-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        -moz-transform: scale3d(.9, .9, .9);
        -ms-transform: scale3d(.9, .9, .9);
        -o-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -moz-transform: scale3d(1.1, 1.1, 1.1);
        -ms-transform: scale3d(1.1, 1.1, 1.1);
        -o-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0
    }
}

@-o-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        -moz-transform: scale3d(.9, .9, .9);
        -ms-transform: scale3d(.9, .9, .9);
        -o-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -moz-transform: scale3d(1.1, 1.1, 1.1);
        -ms-transform: scale3d(1.1, 1.1, 1.1);
        -o-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        -moz-transform: scale3d(.9, .9, .9);
        -ms-transform: scale3d(.9, .9, .9);
        -o-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -moz-transform: scale3d(1.1, 1.1, 1.1);
        -ms-transform: scale3d(1.1, 1.1, 1.1);
        -o-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0
    }
}

@-moz-keyframes bounce {
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -ms-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -o-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -moz-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -ms-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -o-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        -moz-transform: translate3d(0, -30px, 0);
        -ms-transform: translate3d(0, -30px, 0);
        -o-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -moz-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -ms-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -o-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        -moz-transform: translate3d(0, -15px, 0);
        -ms-transform: translate3d(0, -15px, 0);
        -o-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        -moz-transform: translate3d(0, -4px, 0);
        -ms-transform: translate3d(0, -4px, 0);
        -o-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@-webkit-keyframes bounce {
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -ms-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -o-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -moz-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -ms-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -o-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        -moz-transform: translate3d(0, -30px, 0);
        -ms-transform: translate3d(0, -30px, 0);
        -o-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -moz-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -ms-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -o-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        -moz-transform: translate3d(0, -15px, 0);
        -ms-transform: translate3d(0, -15px, 0);
        -o-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        -moz-transform: translate3d(0, -4px, 0);
        -ms-transform: translate3d(0, -4px, 0);
        -o-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@-o-keyframes bounce {
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -ms-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -o-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -moz-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -ms-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -o-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        -moz-transform: translate3d(0, -30px, 0);
        -ms-transform: translate3d(0, -30px, 0);
        -o-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -moz-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -ms-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -o-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        -moz-transform: translate3d(0, -15px, 0);
        -ms-transform: translate3d(0, -15px, 0);
        -o-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        -moz-transform: translate3d(0, -4px, 0);
        -ms-transform: translate3d(0, -4px, 0);
        -o-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -moz-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -ms-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -o-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -moz-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -ms-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -o-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        -moz-transform: translate3d(0, -30px, 0);
        -ms-transform: translate3d(0, -30px, 0);
        -o-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -moz-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -ms-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -o-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        -moz-transform: translate3d(0, -15px, 0);
        -ms-transform: translate3d(0, -15px, 0);
        -o-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        -moz-transform: translate3d(0, -4px, 0);
        -ms-transform: translate3d(0, -4px, 0);
        -o-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-o-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-moz-keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-o-keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-moz-keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        -o-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        -o-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@-o-keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        -o-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        -o-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@-moz-keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        -o-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        -o-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@-o-keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        -o-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        -o-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@-moz-keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        -o-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        -o-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@-o-keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        -o-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        -o-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@-moz-keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -moz-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        -o-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -moz-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        -o-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@-o-keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -moz-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        -o-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -moz-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        -o-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@-moz-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        -moz-transform: translate3d(0, -2000px, 0);
        -ms-transform: translate3d(0, -2000px, 0);
        -o-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        -moz-transform: translate3d(0, -2000px, 0);
        -ms-transform: translate3d(0, -2000px, 0);
        -o-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

@-o-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        -moz-transform: translate3d(0, -2000px, 0);
        -ms-transform: translate3d(0, -2000px, 0);
        -o-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        -moz-transform: translate3d(0, -2000px, 0);
        -ms-transform: translate3d(0, -2000px, 0);
        -o-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

@-moz-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        -o-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        -o-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

@-o-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        -o-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        -o-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

@-moz-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -moz-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        -o-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -moz-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        -o-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

@-o-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -moz-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        -o-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -moz-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        -o-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

@-moz-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -moz-transform: scale3d(.3, .3, .3);
        -ms-transform: scale3d(.3, .3, .3);
        -o-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -moz-transform: scale3d(.3, .3, .3);
        -ms-transform: scale3d(.3, .3, .3);
        -o-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@-o-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -moz-transform: scale3d(.3, .3, .3);
        -ms-transform: scale3d(.3, .3, .3);
        -o-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -moz-transform: scale3d(.3, .3, .3);
        -ms-transform: scale3d(.3, .3, .3);
        -o-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@-moz-keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -moz-transform: scale3d(.3, .3, .3);
        -ms-transform: scale3d(.3, .3, .3);
        -o-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -moz-transform: scale3d(.3, .3, .3);
        -ms-transform: scale3d(.3, .3, .3);
        -o-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@-o-keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -moz-transform: scale3d(.3, .3, .3);
        -ms-transform: scale3d(.3, .3, .3);
        -o-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -moz-transform: scale3d(.3, .3, .3);
        -ms-transform: scale3d(.3, .3, .3);
        -o-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@-moz-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -o-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -ms-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -o-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -ms-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        -o-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        -o-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        -ms-transform: perspective(400px);
        -o-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -o-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -ms-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -o-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -ms-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        -o-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        -o-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        -ms-transform: perspective(400px);
        -o-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-o-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -o-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -ms-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -o-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -ms-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        -o-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        -o-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        -ms-transform: perspective(400px);
        -o-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -o-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -ms-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -o-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -ms-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        -o-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        -moz-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        -o-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        -ms-transform: perspective(400px);
        -o-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-moz-keyframes imgEffect {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(1, 1);
        -moz-transform: translate(-50%, -50%) scale(1, 1);
        -ms-transform: translate(-50%, -50%) scale(1, 1);
        -o-transform: translate(-50%, -50%) scale(1, 1);
        transform: translate(-50%, -50%) scale(1, 1)
    }
    100% {
        -webkit-transform: translate(-50%, -50%) scale(1.05, 1.05);
        -moz-transform: translate(-50%, -50%) scale(1.05, 1.05);
        -ms-transform: translate(-50%, -50%) scale(1.05, 1.05);
        -o-transform: translate(-50%, -50%) scale(1.05, 1.05);
        transform: translate(-50%, -50%) scale(1.05, 1.05)
    }
}

@-webkit-keyframes imgEffect {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(1, 1);
        -moz-transform: translate(-50%, -50%) scale(1, 1);
        -ms-transform: translate(-50%, -50%) scale(1, 1);
        -o-transform: translate(-50%, -50%) scale(1, 1);
        transform: translate(-50%, -50%) scale(1, 1)
    }
    100% {
        -webkit-transform: translate(-50%, -50%) scale(1.05, 1.05);
        -moz-transform: translate(-50%, -50%) scale(1.05, 1.05);
        -ms-transform: translate(-50%, -50%) scale(1.05, 1.05);
        -o-transform: translate(-50%, -50%) scale(1.05, 1.05);
        transform: translate(-50%, -50%) scale(1.05, 1.05)
    }
}

@-o-keyframes imgEffect {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(1, 1);
        -moz-transform: translate(-50%, -50%) scale(1, 1);
        -ms-transform: translate(-50%, -50%) scale(1, 1);
        -o-transform: translate(-50%, -50%) scale(1, 1);
        transform: translate(-50%, -50%) scale(1, 1)
    }
    100% {
        -webkit-transform: translate(-50%, -50%) scale(1.05, 1.05);
        -moz-transform: translate(-50%, -50%) scale(1.05, 1.05);
        -ms-transform: translate(-50%, -50%) scale(1.05, 1.05);
        -o-transform: translate(-50%, -50%) scale(1.05, 1.05);
        transform: translate(-50%, -50%) scale(1.05, 1.05)
    }
}

@keyframes imgEffect {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(1, 1);
        -moz-transform: translate(-50%, -50%) scale(1, 1);
        -ms-transform: translate(-50%, -50%) scale(1, 1);
        -o-transform: translate(-50%, -50%) scale(1, 1);
        transform: translate(-50%, -50%) scale(1, 1)
    }
    100% {
        -webkit-transform: translate(-50%, -50%) scale(1.05, 1.05);
        -moz-transform: translate(-50%, -50%) scale(1.05, 1.05);
        -ms-transform: translate(-50%, -50%) scale(1.05, 1.05);
        -o-transform: translate(-50%, -50%) scale(1.05, 1.05);
        transform: translate(-50%, -50%) scale(1.05, 1.05)
    }
}

@-moz-keyframes imgEffectReverse {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(1.05, 1.05);
        -moz-transform: translate(-50%, -50%) scale(1.05, 1.05);
        -ms-transform: translate(-50%, -50%) scale(1.05, 1.05);
        -o-transform: translate(-50%, -50%) scale(1.05, 1.05);
        transform: translate(-50%, -50%) scale(1.05, 1.05)
    }
    100% {
        -webkit-transform: translate(-50%, -50%) scale(1, 1);
        -moz-transform: translate(-50%, -50%) scale(1, 1);
        -ms-transform: translate(-50%, -50%) scale(1, 1);
        -o-transform: translate(-50%, -50%) scale(1, 1);
        transform: translate(-50%, -50%) scale(1, 1)
    }
}

@-webkit-keyframes imgEffectReverse {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(1.05, 1.05);
        -moz-transform: translate(-50%, -50%) scale(1.05, 1.05);
        -ms-transform: translate(-50%, -50%) scale(1.05, 1.05);
        -o-transform: translate(-50%, -50%) scale(1.05, 1.05);
        transform: translate(-50%, -50%) scale(1.05, 1.05)
    }
    100% {
        -webkit-transform: translate(-50%, -50%) scale(1, 1);
        -moz-transform: translate(-50%, -50%) scale(1, 1);
        -ms-transform: translate(-50%, -50%) scale(1, 1);
        -o-transform: translate(-50%, -50%) scale(1, 1);
        transform: translate(-50%, -50%) scale(1, 1)
    }
}

@-o-keyframes imgEffectReverse {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(1.05, 1.05);
        -moz-transform: translate(-50%, -50%) scale(1.05, 1.05);
        -ms-transform: translate(-50%, -50%) scale(1.05, 1.05);
        -o-transform: translate(-50%, -50%) scale(1.05, 1.05);
        transform: translate(-50%, -50%) scale(1.05, 1.05)
    }
    100% {
        -webkit-transform: translate(-50%, -50%) scale(1, 1);
        -moz-transform: translate(-50%, -50%) scale(1, 1);
        -ms-transform: translate(-50%, -50%) scale(1, 1);
        -o-transform: translate(-50%, -50%) scale(1, 1);
        transform: translate(-50%, -50%) scale(1, 1)
    }
}

@keyframes imgEffectReverse {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(1.05, 1.05);
        -moz-transform: translate(-50%, -50%) scale(1.05, 1.05);
        -ms-transform: translate(-50%, -50%) scale(1.05, 1.05);
        -o-transform: translate(-50%, -50%) scale(1.05, 1.05);
        transform: translate(-50%, -50%) scale(1.05, 1.05)
    }
    100% {
        -webkit-transform: translate(-50%, -50%) scale(1, 1);
        -moz-transform: translate(-50%, -50%) scale(1, 1);
        -ms-transform: translate(-50%, -50%) scale(1, 1);
        -o-transform: translate(-50%, -50%) scale(1, 1);
        transform: translate(-50%, -50%) scale(1, 1)
    }
}

.generic-banner-presentation {
    /*display: -ms-flexbox;
    display: -webkit-flex;
	display: flex;*/
    display: block;
    width: 100%;
    margin-bottom: 40px;
    margin-top: 20px;
}
.displayGeneric-banner {display:block;}
.genericImageWidth, .genericImageWidth img {width:100% !important;}

.generic-banner-presentation .generic-image {
    display: block;
    width: 100%;
}
.generic-banner-presentation .generic-image img {
	width:100%;
}
.generic-banner-presentation .generic-information {
    display: block;
    width: 100%;
    padding: 10px 20px;
    margin: auto 0;
}

.generic-banner-presentation .title{
    margin: 0;
    color: #6f3c2f;
    font-family: 'FranklinGothicDemi';
    font-size: 34px;
    line-height: 1.2em;
    width: 100%;
    padding: 0;
    margin: 0;
    margin-bottom: 0.6em;
}
@media all and (max-width: 1280px){
    #tabprensa{
             display:none;   
        } 
    .generic-banner-presentation {
        display: block;
    }
    .generic-banner-presentation .generic-information,
    .generic-banner-presentation .generic-image {
        width: 100%
    }
    .generic-banner-presentation .generic-image img{
        width: 100%;
    }
    .generic-banner-presentation .generic-information{
        margin-top: 20px;
        padding-left: 0;
        padding-right: 0;
    }
}

.noticia2Col {
    width: 100%;
    background: #CCC;
    height: auto;
}

.imgNoticia {
    height: auto;
    min-height: 100px;
    background: url("http://www.numt.com/wp-content/uploads/2014/07/11.jpg");
    overflow: hidden;
}
.imgNoticia img{
    display: block;
    max-width: 100%;
    width: auto;
}

.textoNoticia {
    color: #FFF;
    background: #4D4D4D;
    background: rgba(237, 157, 56, 1);
    height: auto;
    overflow: hidden;
    padding: 0 20px;
}

.blocknews a.videos {
    position: static;
}

.contenedor-caja {
    position: absolute;
    bottom: 0;
    left: 20px;
    width: 100%;
    z-index: 99999;
}

.caja-foton {
    color: #6f3c2f;
    background: rgba(255, 255, 255, 0.75);
    max-width: 450px;
    position: relative;
    padding: 10px;
    border: 1px solid #6f3c2f;
    border-radius: 10px;
    margin: 10px;
    right: 1%;
    bottom: 75px;
    height: 100%;
    top: 0px;
    z-index: 9999999999999999;
}

.textocajafoton {
    font-family: 'FranklinGothicBook';
    font-size: 15px;
    height: auto;
    display: block;
}

@media (max-width: 768px) {
    
        #tabprensa{
             display:block;   
        } 
	.blocknews .cover-img img{
		width: 100%;
	}
	.portada{
		min-height: auto;
	}
	.portada .portada-img img {
	    width: auto;
	    height: auto;
	    position: relative;
	    left: 50%;
	    transform: translate(-50%,0);
	}
	section.portada + .contenido{
		padding-top: 0;
	}
	section.portada + .contenido > .bg{
		padding-top: 0;
	}
	.portada1 .tags{
		padding: 0 10px;
	}
	.portada1{
		height: auto;
		
	}
	.portada1 .portada-img1{
		bottom: -20px;
	}
	.portada1 .portada-img1 img {
    width: auto;
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    max-width: initial;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    max-height: initial;
    min-height: initial;
	}
	.contenido1{
		padding-top: 0;
	}
	.contenido1 > .bg{
		padding-top: 0;
	}
}
@media (max-width: 600px) {
    .textocajafoton {
        font-size: 11px;
    }
    .caja-foton {
        max-height: 56px;
    }
    .hidemobile {
        display: none;
    }
    .contenedor-caja {
        left: 0px;
    }
    .portada .submenu{
    	width: 100%;
    }
    .actividades-block .acti-cont{
			width: -webkit-calc(50% - 10px);
			width: -moz-calc(50% - 10px);
			width: calc(50% - 10px);
			margin-bottom: 10px;
    }
    .actividades-block .acti-cont .title{
    	font-size: 5.4vw;
    }
    .actividades-block .acti-cont .btn-left,
    .actividades-block .acti-cont .btn-right{
    	font-size: 3.7vw;
    }
}
@media (max-width: 480px) {
		.personas-fotos-block .pfoto-doble img{
			width: 100%;
	    height: auto;
	    max-height: initial;
	    min-height: initial;
		}
		.personas-fotos-block .pfoto-doble .cargo{
			padding: 5px 10px;
			padding-bottom: 0;
		}
		.personas-fotos-block .pfoto-doble .nombre{
			padding: 5px 10px;
			padding-top: 0;
		}
		.personas-fotos-block .pfoto-doble .cargo,
		.personas-fotos-block .pfoto-doble .nombre{
			position: relative;
			left: auto;
			top: auto !important;
			font-size: 16px !important;
		}
		.personas-fotos-block .pfoto-half img{
			width: 100%;
	    height: auto;
	    max-height: initial;
	    min-height: initial;
		}
		.personas-fotos-block .pfoto-half .cargo{
			padding: 5px 10px;
			padding-bottom: 0;
		}
		.personas-fotos-block .pfoto-half .nombre{
			padding: 5px 10px;
			padding-top: 0;
		}
		.personas-fotos-block .pfoto-half .cargo,
		.personas-fotos-block .pfoto-half .nombre{
			font-size: 14px !important;
	    bottom: auto !important;
	    position: relative;
	    left: auto;
		}
        .home-fotogaleria{
            width: 100% !important;
        }
}

a.linkWhite:link, a.linkWhite:visited, a.linkWhite:hover, a.linkWhite:active {color:#FFFFFF !important; }