/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
@import url('https://fonts.googleapis.com/css?family=Raleway:400,600,700,900');html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,aside,footer,header,nav,section {
    display: block
}

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

figcaption,figure,main {
    display: block
}

figure {
    margin: 1em 40px
}

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

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

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active,a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    -moz-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: inherit
}

b,strong {
    font-weight: bolder
}

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

dfn {
    font-style: italic
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

audio,video {
    display: inline-block
}

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

img {
    border-style: none;
    width: 100%
}

@media (min-width: 768px) {
    img {
        max-width:100%
    }
}

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

button,input,optgroup,select,textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=reset],[type=submit],button,html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

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

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

@font-face {
    font-family: 'roboto_condensedregular';
    src: url('fuentes/RobotoCondensed-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'roboto_condensed_Light';
    src: url('fuentes/RobotoCondensed-Light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal
}

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

a {
    text-decoration: none;
    color: #d9d9d9;
    trensition: all 1s
}

a:hover {
    color: #fff
}

.h1,h1 {
    font-size: 2em;
    color: #fff;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    position: relative
}

.h2,h2 {
    color: #fff;
    font-size: 2.8em;
    font-family: 'Raleway', sans-serif;
    font-weight: 900;
    text-align: center
}

h3 {
    color: #cac6c6;
    margin: 0;
    font-size: 3.5em;
    font-family: 'Raleway', sans-serif;
    font-weight: 900;
    text-align: center
}

h5 {
    color: #fff;
    margin: 0;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.9em
}

@media (min-width: 768px) {
    h5 {
        font-size:2.4em
    }
}

p {
    color: #333
}

.loaderContainer {
    position: fixed;
    top: 0;
    background-color: #000;
    display: table;
    width: 100%;
    height: 100%;
    z-index: 50
}

.loaderContainer .loader {
    -webkit-animation: fade 1.2s 1 ease backwards;
    animation: fade 1.2s 1 ease backwards
}

.loaderContainer .loader .pageloader {
    opacity: 0.3;
    width: 300px;
    z-index: 0
}

.loaderContainer .loader .logoLoader {
    width: 19em;
    z-index: 1
}

.loaderContainer .loader .logoLoader,.loaderContainer .loader .pageloader {
    position: absolute;
    top: 50vh;
    left: 50vw;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.fondoModal {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.43);
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 90
}

#video {
    width: 80%;
    border: 0;
    background-color: #000;
    left: 50%;
    padding: 0;
    margin: 0
}

@media (min-width: 1079px) {
    #video {
        width:70%
    }
}

#video .close {
    position: absolute;
    top: -15px;
    right: -15px
}

#video iframe {
    width: 100%;
    display: block
}

.modal {
    background-image: url(img/pageloader.svg);
    -webkit-background-size: 32px 32px;
    background-size: 32px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 100;
    display: none
}

.modal .close {
    float: right;
    text-align: center;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 4;
    font-size: 19.1px;
    font-weight: normal;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#D7D7D7), to(#2E2E2E));
    background-image: -webkit-linear-gradient(top, #D7D7D7, #2E2E2E);
    background-image: -o-linear-gradient(top, #D7D7D7, #2E2E2E);
    background-image: linear-gradient(to bottom, #D7D7D7, #2E2E2E);
    -webkit-border-radius: 50px;
    border-radius: 50px
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate(-30%, 0);
        transform: translate(-30%, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate(-30%, 0);
        transform: translate(-30%, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate(30%, 0);
        transform: translate(30%, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate(30%, 0);
        transform: translate(30%, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes rescaleInFromLeft {
    0% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 0
    }

    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 1
    }
}

@keyframes rescaleInFromLeft {
    0% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 0
    }

    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 1
    }
}

.rescaleInFromLeft {
    -webkit-animation-name: rescaleInFromLeft;
    animation-name: rescaleInFromLeft;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes mueveDeLadoAlado {
    0% {
        left: 0;
        opacity: 0
    }

    40% {
        opacity: 1
    }

    60% {
        opacity: 1
    }

    to {
        left: 75%;
        opacity: 0
    }
}

@keyframes mueveDeLadoAlado {
    0% {
        left: 0;
        opacity: 0
    }

    40% {
        opacity: 1
    }

    60% {
        opacity: 1
    }

    to {
        left: 75%;
        opacity: 0
    }
}

@-webkit-keyframes arribaAbajo {
    0% {
        bottom: 0;
        opacity: 0
    }

    40% {
        opacity: 1
    }

    60% {
        opacity: 1
    }

    to {
        bottom: 75%;
        opacity: 0
    }
}

@keyframes arribaAbajo {
    0% {
        bottom: 0;
        opacity: 0
    }

    40% {
        opacity: 1
    }

    60% {
        opacity: 1
    }

    to {
        bottom: 75%;
        opacity: 0
    }
}

@-webkit-keyframes achicando {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0
    }

    20% {
        opacity: 1
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes achicando {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0
    }

    20% {
        opacity: 1
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes blur {
    0% {
        -webkit-filter: blur(105px);
        filter: blur(105px)
    }

    20% {
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@keyframes blur {
    0% {
        -webkit-filter: blur(105px);
        filter: blur(105px)
    }

    20% {
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@-webkit-keyframes zooIn {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes zooIn {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.zooIn {
    opacity: 0;
    -webkit-animation: zooIn 1s ease 1 forwards 0.5s;
    animation: zooIn 1s ease 1 forwards 0.5s
}

@-webkit-keyframes captionSlide {
    0% {
        -webkit-transform: translate(-200px, 0);
        transform: translate(-200px, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes captionSlide {
    0% {
        -webkit-transform: translate(-200px, 0);
        transform: translate(-200px, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes tooltipSlide {
    0% {
        -webkit-transform: translate(-50px, 0);
        transform: translate(-50px, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes tooltipSlide {
    0% {
        -webkit-transform: translate(-50px, 0);
        transform: translate(-50px, 0);
        opacity: 0
    }

    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1
    }
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(20em);
        transform: translateY(20em);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slideUp {
    0% {
        -webkit-transform: translateY(20em);
        transform: translateY(20em);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes slideDownMenuMovil {
    0% {
        -webkit-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
        opacity: 0
    }

    to {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        opacity: 1
    }
}

@keyframes slideDownMenuMovil {
    0% {
        -webkit-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
        opacity: 0
    }

    to {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes fadeInOut {
    0% {
        opacity: 0.5
    }

    to {
        opacity: 1
    }
}

@keyframes fadeInOut {
    0% {
        opacity: 0.5
    }

    to {
        opacity: 1
    }
}

.animate {
    opacity: 0
}

.active-animation {
    -webkit-animation: achicando 5s ease-in-out backwards;
    animation: achicando 5s ease-in-out backwards
}

.blur {
    -webkit-animation: blur 5s ease-in-out backwards;
    animation: blur 5s ease-in-out backwards
}

.fadeInOut {
    -webkit-animation: fadeInOut 1s ease infinite alternate 0.5s;
    animation: fadeInOut 1s ease infinite alternate 0.5s
}

.fadeOut {
    -webkit-animation: fadeOut 0.5s 1 ease forwards;
    animation: fadeOut 0.5s 1 ease forwards
}

.fade.in {
    opacity: 1
}

.zoomHover {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.zoomHover:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.slideDown {
    display: block!important;
    -webkit-animation: slideDown 1s ease 1 forwards;
    animation: slideDown 1s ease 1 forwards
}

.slideUp {
    display: block!important;
    -webkit-animation: slideUp 1s ease 1 forwards;
    animation: slideUp 1s ease 1 forwards
}

.slideDownMenuMovil {
    display: block!important;
    z-index: 999!important;
    -webkit-animation: slideDownMenuMovil 1s ease 1 forwards;
    animation: slideDownMenuMovil 1s ease 1 forwards
}

.fadeIn {
    display: block;
    opacity: 0;
    -webkit-animation: fadeIn 1s ease 1 forwards 0.5s;
    animation: fadeIn 1s ease 1 forwards 0.5s
}

.formulario form {
    position: relative
}

.formulario label {
    display: block;
    text-align: left
}

.formulario textarea {
    height: 8em
}

.formulario #trampita {
    left: -999em;
    position: absolute
}

.formulario input,.formulario select,.formulario textarea {
    border: 1px solid #a9a9a9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0.6em;
    padding: 0.8em 1.2em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
    width: 100%
}

.formulario input:active,.formulario input:focus,.formulario select:active,.formulario select:focus,.formulario textarea:active,.formulario textarea:focus {
    outline: 0
}

.formulario .obligatorio {
    position: relative
}

.formulario .has-error {
    -webkit-box-shadow: inset 0 0 4px 3px #d21c1c;
    box-shadow: inset 0 0 4px 3px #d21c1c
}

.estado * {
    display: none
}

.send {
    cursor: pointer
}

footer {
    position: relative;
    font-size: 4.7vw;
    font-family: 'oswald', sans-serif;
    font-weight: normal;
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #050505
}

@media (min-width: 768px) {
    footer {
        font-size:1.3vw
    }
}

footer img {
    width: 2.7em;
    vertical-align: middle
}

@media (max-width: 768px) {
    footer img {
        width:5.7em
    }
}

.firma {
    font-family: 'roboto_condensedregular', sans-serif;
    text-align: center;
    margin: auto;
    padding: 1em 0
}

.firma a {
    color: #3f3f3e;
    font-size: 0.5em;
    margin: auto
}

.firma img {
    width: 2.3em;
    vertical-align: middle;
    margin-right: 0.4em
}

.btnMenu {
    cursor: pointer
}

.btnMenu a {
    display: block;
    margin: 0 auto;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    line-height: 1em;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

@media (min-width: 768px) {
    .btnMenu {
        display:none
    }
}

.mainHeader__nav {
    font-size: .66em;
    position: relative;
    margin: 1.6em auto 0;
    border-top: 1px solid rgba(255, 255, 255, 0.6);
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    padding: 1.3em 0;
    background: #000
}

@media (max-width: 768px) {
    .mainHeader__nav {
        display:none
    }
}

.mainHeader__nav a {
    position: relative;
    z-index: 1;
    display: block;
    text-align: center;
    -webkit-border-radius: 0 0 0.4em 0.4em;
    border-radius: 0 0 0.4em 0.4em;
    padding: 0 0.26em;
    margin: 0 0.3em;
    font-size: 3.95em;
    color: rgba(217, 217, 217, 0.4);
    font-weight: normal;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    font-family: 'roboto_condensed_Light', sans-serif;
    font-weight: bold;
    cursor: pointer;
    white-space: nowrap
}

.mainHeader__nav a.paginaActual,.mainHeader__nav a:hover {
    color: #fff
}

.mainHeader__nav ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.mainHeader__nav__ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mainHeader__nav__ul>li ul {
    position: absolute;
    top: 4.2em!important;
    margin-top: 2.4em;
    background: #000;
    border: 2px solid gray
}

.mainHeader__nav__ul>li ul:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 1em 1em 1em;
    border-color: transparent transparent #9aba46 transparent;
    position: absolute;
    top: -2em;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.mainHeader__nav__ul>li ul li {
    text-align: center;
    list-style: none;
    margin: 0.6em 0;
    padding: 0.6em 0;
    border-bottom: 1px solid #777777
}

.mainHeader__nav__ul>li ul li:last-child {
    border: 0;
    margin-bottom: 0
}

.mainHeader__nav li {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 0 1px 0 1px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.mainHeader__nav li:last-child>a {
    padding-right: 0;
    margin-right: 0
}

.mainHeader__nav li:first-child>a {
    padding-left: 0;
    margin-left: 0
}

.menuDeplegable {
    position: fixed;
    background: #000;
    background-position: bottom;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    border: 0.5em solid #a6c94d;
    opacity: 0;
    z-index: -9999;
    overflow: hidden;
    font-size: 2.1vw;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 17em;
    width: 30.7em;
    padding: 0.4em 2em;
    -webkit-border-radius: 0.2em;
    border-radius: 0.2em;
    top: 11em
}

.menuDeplegable ul {
    margin: 0 auto;
    padding: 0
}

.menuDeplegable ul ul li {
    font-size: 0.8em;
    width: auto;
    border: 0
}

.menuDeplegable ul ul li a {
    color: gray
}

.menuDeplegable li {
    text-align: center;
    list-style: none;
    margin-bottom: 0.2em;
    padding-bottom: 0.2em;
    border-bottom: 1px solid #777777
}

.menuDeplegable li:last-child {
    border: 0;
    margin-bottom: 0
}

.menuDeplegable a {
    display: block;
    margin: 0 auto;
    padding: 0.3em 0;
    text-transform: capitalize;
    color: #fff;
    font-size: 2.2em;
    border: none
}

#map {
    width: 100%;
    height: 98vh
}

.tabla {
    display: table;
    width: 100%
}

.tablaCentrada {
    text-align: center;
    margin: 0 auto 22px;
    margin: 0 -3px
}

.tablaCentrada .item {
    padding: 0 3px 14px;
    display: inline-table
}

.margenCadaTresLi li {
    margin-bottom: 4px;
    font-size: 14px
}

.margenCadaTresLi li:before {
    color: #fff
}

.margenCadaTresLi li:nth-child(3n) {
    margin-bottom: 20px
}

.margenBottom {
    margin-bottom: 40px
}

.celda {
    display: inline-table;
    padding: 0 0 20px 0
}

.va-top {
    vertical-align: text-top
}

.col1 {
    display: table;
    margin: auto
}

.col2 {
    width: 48%
}

.col3 {
    margin-right: 3.2%
}

.col3:last-child {
    margin-right: 0
}

@media (min-width: 1079px) {
    .col4 {
        margin-right:4%
    }

    .col4:last-child {
        margin-right: 0
    }
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.clearfix {
    display: inline-block
}

* html .clearfix {
    height: 1%
}

.clearfix {
    display: block
}

.textoDosColumnas ul {
    margin: 0
}

@media (max-width: 1079px) {
    .textoDosColumnas ul {
        padding:0
    }
}

@media (min-width: 625px) {
    .textoDosColumnas {
        -webkit-column-count:2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 1em;
        -moz-column-gap: 1em;
        column-gap: 1em
    }
}

@media (max-width: 768px) {
    .DesapareceEnMovil {
        display:none!important
    }
}

.ApareceEnMovil {
    display: none!important
}

@media (max-width: 768px) {
    .ApareceEnMovil {
        display:block!important
    }
}

@media (max-width: 768px) {
    .ApareceEnColapsaMenu {
        display:block!important
    }
}

@media (max-width: 768px) {
    .DesapareceEnColapsaMenu {
        display:none!important
    }
}

@media (min-width: 1079px) {
    .desapareceEnBpDos {
        display:none!important
    }
}

.slatoLinea {
    display: block
}

@media (min-width: 768px) {
    .slatoLinea {
        display:inline
    }
}

.oculto {
    display: none!important
}

.invisible {
    visibility: hidden
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.absoluto100 {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1
}

.slider {
    position: relative;
    margin: 0 auto;
    width: 100%
}

.slider .singleSlide {
    display: block
}

.slider .bx-wrapper {
    position: relative
}

.slider .bx-wrapper .bx-viewport {
    -webkit-transform: translatez(0);
    -ms-transform: translatez(0);
    transform: translatez(0)
}

.slider .bx-wrapper .bx-viewport img {
    width: 100%!important
}

.slider .bx-wrapper .bx-viewport ul {
    margin: 0;
    padding: 0
}

.slider .bx-wrapper .bx-controls-auto,.slider .bx-wrapper .bx-pager {
    position: absolute
}

.slider .bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(img/pageloader.svg) center center no-repeat #ffffff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000
}

.slider .bx-wrapper .bx-pager {
    position: absolute;
    bottom: 2em;
    right: 50%;
    -webkit-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    transform: translate(50%, 0);
    z-index: 3
}

.slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item,.slider .bx-wrapper .bx-pager .bx-pager-item {
    display: inline-block;
    *zoom:1;*display: inline;
    position: relative
}

.slider .bx-wrapper .bx-pager.bx-default-pager a {
    display: none
}

@media (min-width: 1079px) {
    .slider .bx-wrapper .bx-pager.bx-default-pager a {
        background:rgba(15, 15, 15, 0.5);
        color: rgba(255, 255, 255, 0);
        display: block;
        width: 14px;
        height: 14px;
        margin: 0 5px;
        outline: 0;
        -webkit-border-radius: 100%;
        border-radius: 100%
    }
}

.slider .bx-wrapper .bx-pager.bx-default-pager a.active,.slider .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #3ACB27
}

.slider .bx-wrapper .bx-next,.slider .bx-wrapper .bx-prev {
    position: relative
}

.slider .bx-wrapper .bx-next:after,.slider .bx-wrapper .bx-prev:after {
    position: absolute;
    top: 50%;
    font-size: 2em
}

.slider .bx-wrapper .bx-prev {
    left: 0;
    position: relative
}

@media (min-width: 768px) {
    .slider .bx-wrapper .bx-prev:after {
        content:'<';
        left: 1em
    }
}

.slider .bx-wrapper .bx-next {
    right: 0;
    position: relative
}

@media (min-width: 768px) {
    .slider .bx-wrapper .bx-next:after {
        content:'>';
        right: 1em
    }
}

.slider .bx-wrapper .bx-controls-direction {
    display: none
}

.slider .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 0;
    outline: 0;
    width: 20%;
    height: 100%;
    z-index: 5
}

.slider .bx-wrapper .bx-controls-direction a.disabled {
    display: none
}

.slider .bx-wrapper .bx-controls-auto {
    text-align: center
}

.slider .losCaptions {
    width: 100%;
    position: absolute;
    z-index: 2;
    left: 0
}

.slider .bx-caption {
    width: 100%;
    text-align: center;
    opacity: 0;
    color: #fff
}

.contenedorMiniaturas {
    margin: 1.5em 0
}

@media (min-width: 768px) {
    .contenedorMiniaturas {
        display:block
    }
}

.contenedorMiniaturas ul {
    margin: 0;
    padding: 0;
    list-style: none
}

@media (max-width: 768px) {
    .contenedorMiniaturas ul {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width: 768px) {
    .contenedorMiniaturas ul li {
        width:33.3333%
    }
}

.contenedorMiniaturas .bx-wrapper {
    position: relative
}

.contenedorMiniaturas .bx-viewport {
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none!important;
    padding-right: 0.25em
}

.contenedorMiniaturas .bx-controls-direction {
    display: block!important
}

.contenedorMiniaturas .bx-controls-direction .bx-next,.contenedorMiniaturas .bx-controls-direction .bx-prev {
    position: absolute;
    outline: 0;
    width: 3.3em;
    height: 100%;
    z-index: 0;
    top: 0
}

.contenedorMiniaturas .bx-controls-direction .bx-next.disabled,.contenedorMiniaturas .bx-controls-direction .bx-prev.disabled {
    -webkit-filter: grayscale(100%) brightness(92%);
    filter: grayscale(100%) brightness(92%)
}

.contenedorMiniaturas .bx-controls-direction .bx-next:after,.contenedorMiniaturas .bx-controls-direction .bx-prev:after {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: 1em
}

.contenedorMiniaturas .bx-controls-direction .bx-prev {
    left: -3.3em
}

@media (min-width: 768px) {
    .contenedorMiniaturas .bx-controls-direction .bx-prev:after {
        content:'<'
    }
}

.contenedorMiniaturas .bx-controls-direction .bx-next {
    right: -3.3em
}

@media (min-width: 768px) {
    .contenedorMiniaturas .bx-controls-direction .bx-next:after {
        content:'>'
    }
}

.contenedorMiniaturas img {
    width: 100%;
    opacity: 0.7
}

.contenedorMiniaturas .mini {
    cursor: pointer;
    opacity: 0.4;
    display: block;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s
}

@media (max-width: 768px) {
    .contenedorMiniaturas .mini {
        width:13em;
        margin: 1em
    }
}

.contenedorMiniaturas .mini.activa,.contenedorMiniaturas .mini:hover {
    opacity: 1
}

.mainHeader {
    background-image: url(img/header-fondo.jpg);
    padding: 2.4em 0 0;
    /* position:fixed; */
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    font-size: 1.2vw;
    -webkit-background-size: 190% 34.2em;
    background-size: 190% 34.2em;
}

@media (min-width: 768px) {
    .mainHeader {
        -webkit-background-size:100% 17.2em;
        background-size: 100% 17.2em;
        font-size: 0.56vw
    }
}

.mainHeader__contactos {
    color: #fff;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    font-size: 2.2em;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 100%;
    margin: 0.5em 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 768px) {
    .mainHeader__contactos {
        display:block;
        width: auto;
        margin: 1.3em 0 0 0;
        height: 1.2em;
        font-size: 1.6em;
        text-align: right
    }
}

.mainHeader>.contenedor {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 768px) {
    .mainHeader>.contenedor {
        -webkit-justify-content:space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

.mainHeader .logo {
    width: 51.9em;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

.mainHeader .btnMenu {
    width: 16%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.mainHeader .btnMenu a {
    font-size: 5.7em;
    font-family: 'roboto_condensed_Light', sans-serif;
    font-weight: bold
}

.mainHeader__contactos__email:after,.mainHeader__contactos__telefono:after {
    content: '';
    width: 1.3em;
    height: 1.8em;
    margin-left: .5em;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    background-size: contain;
    display: inline-block;
    vertical-align: middle
}

.mainHeader__contactos__email {
    font-family: 'Raleway', sans-serif;
    font-weight: bold
}

.mainHeader__contactos__email:after {
    background-image: url(img/iconos/email.png)
}

.mainHeader__contactos__telefono:after {
    background-image: url(img/iconos/telefono.png)
}

.descuento {
    background: #fff;
    padding: 3.5em 1em 0.8em;
    position: relative
}

.descuento img {
    border: 1px solid #CCC
}

.descuento .imprimir {
    position: absolute;
    top: 1.4em;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.descuento .imprimir svg {
    width: 1em;
    margin-right: .5em
}

.descuento-boton {
    background: #a3c74a;
    height: 2em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 2.9em;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.descuento-boton svg {
    width: 1.4em;
    margin-right: 0.3em
}

.descuento-boton:hover {
    text-shadow: 0 0 1em #ffffff;
    -webkit-box-shadow: inset 0em -0.7em 1em rgba(216, 210, 25, 0.70980392);
    box-shadow: inset 0em -0.7em 1em rgba(216, 210, 25, 0.70980392)
}

.reducido.mainHeader {
}

.xdsoft_datetimepicker {
    -webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
    background: #fff;
    border-bottom: 1px solid #bbb;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    color: #333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 8px;
    padding-left: 0;
    padding-top: 2px;
    position: absolute;
    z-index: 9999;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none
}

.xdsoft_datetimepicker.xdsoft_rtl {
    padding: 8px 0 8px 8px
}

.xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: transparent;
    border: 0
}

.xdsoft_datetimepicker button {
    border: none!important
}

.xdsoft_noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.xdsoft_noselect::-moz-selection {
    background: transparent
}

.xdsoft_noselect::selection {
    background: transparent
}

.xdsoft_noselect::-moz-selection {
    background: transparent
}

.xdsoft_datetimepicker.xdsoft_inline {
    display: inline-block;
    position: static;
    -webkit-box-shadow: none;
    box-shadow: none
}

.xdsoft_datetimepicker * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0
}

.xdsoft_datetimepicker .xdsoft_datepicker,.xdsoft_datetimepicker .xdsoft_timepicker {
    display: none
}

.xdsoft_datetimepicker .xdsoft_datepicker.active,.xdsoft_datetimepicker .xdsoft_timepicker.active {
    display: block
}

.xdsoft_datetimepicker .xdsoft_datepicker {
    width: 224px;
    float: left;
    margin-left: 8px
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
    float: right;
    margin-right: 8px;
    margin-left: 0
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
    width: 256px
}

.xdsoft_datetimepicker .xdsoft_timepicker {
    width: 58px;
    float: left;
    text-align: center;
    margin-left: 8px;
    margin-top: 0
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
    float: right;
    margin-right: 8px;
    margin-left: 0
}

.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
    margin-top: 8px;
    margin-bottom: 3px
}

.xdsoft_datetimepicker .xdsoft_monthpicker {
    position: relative;
    text-align: center
}

.xdsoft_datetimepicker .xdsoft_label i,.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_today_button {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC)
}

.xdsoft_datetimepicker .xdsoft_label i {
    opacity: .5;
    background-position: -92px -19px;
    display: inline-block;
    width: 9px;
    height: 20px;
    vertical-align: middle
}

.xdsoft_datetimepicker .xdsoft_prev {
    float: left;
    background-position: -20px 0
}

.xdsoft_datetimepicker .xdsoft_today_button {
    float: left;
    background-position: -70px 0;
    margin-left: 5px
}

.xdsoft_datetimepicker .xdsoft_next {
    float: right;
    background-position: 0 0
}

.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_today_button {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: .5;
    -ms-filter: "alpha(opacity=50)";
    outline: medium none;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 20px;
    min-width: 0
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    float: none;
    background-position: -40px -15px;
    height: 15px;
    width: 30px;
    display: block;
    margin-left: 14px;
    margin-top: 7px
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next,.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev {
    float: none;
    margin-left: 0;
    margin-right: 14px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    background-position: -40px 0;
    margin-bottom: 7px;
    margin-top: 0
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 151px;
    overflow: hidden;
    border-bottom: 1px solid #ddd
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div {
    background: #f5f5f5;
    border-top: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    text-align: center;
    border-collapse: collapse;
    cursor: pointer;
    border-bottom-width: 0;
    height: 25px;
    line-height: 25px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child {
    border-top-width: 0
}

.xdsoft_datetimepicker .xdsoft_next:hover,.xdsoft_datetimepicker .xdsoft_prev:hover,.xdsoft_datetimepicker .xdsoft_today_button:hover {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)"
}

.xdsoft_datetimepicker .xdsoft_label {
    display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
    float: left;
    width: 182px;
    text-align: center;
    cursor: pointer
}

.xdsoft_datetimepicker .xdsoft_label:hover>span {
    text-decoration: underline
}

.xdsoft_datetimepicker .xdsoft_label:hover i {
    opacity: 1
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select {
    border: 1px solid #ccc;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 101;
    display: none;
    background: #fff;
    max-height: 160px;
    overflow-y: hidden
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect {
    right: -7px
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect {
    right: 2px
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #fff;
    background: #e6e6e6
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option {
    padding: 2px 10px 2px 5px;
    text-decoration: none!important
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #e6e6e6;
    -webkit-box-shadow: #3a66a5 0 1px 3px 0 inset;
    box-shadow: #3a66a5 0 1px 3px 0 inset;
    color: #fff;
    font-weight: 700
}

.xdsoft_datetimepicker .xdsoft_month {
    width: 100px;
    text-align: right
}

.xdsoft_datetimepicker .xdsoft_calendar {
    clear: both
}

.xdsoft_datetimepicker .xdsoft_year {
    width: 48px;
    margin-left: 5px
}

.xdsoft_datetimepicker .xdsoft_calendar table {
    border-collapse: collapse;
    width: 100%
}

.xdsoft_datetimepicker .xdsoft_calendar td>div {
    padding-right: 5px
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    height: 25px
}

.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th {
    width: 14.2857142%;
    background: #f5f5f5;
    border: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    text-align: right;
    vertical-align: middle;
    padding: 0;
    border-collapse: collapse;
    cursor: pointer;
    height: 25px
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
    width: 12.5%
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    background: #f1f1f1
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: dpin(arken(s #fff), 10%, 10)
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
    background: #ffe9d2;
    -webkit-box-shadow: #ffb871 0 1px 4px 0 inset;
    box-shadow: #ffb871 0 1px 4px 0 inset;
    color: #000
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
    background: #c1ffc9;
    -webkit-box-shadow: #00dd1c 0 1px 4px 0 inset;
    box-shadow: #00dd1c 0 1px 4px 0 inset;
    color: #000
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #e6e6e6;
    -webkit-box-shadow: #e6e6e6 0 1px 3px 0 inset;
    box-shadow: #e6e6e6 0 1px 3px 0 inset;
    color: #fff;
    font-weight: 700
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,.xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled {
    opacity: .5;
    -ms-filter: "alpha(opacity=50)";
    cursor: default
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
    opacity: .2;
    -ms-filter: "alpha(opacity=20)"
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    color: #fff!important;
    background: #e6e6e6!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {
    background: #e6e6e6!important;
    -webkit-box-shadow: #3a66a5 0 1px 3px 0 inset!important;
    box-shadow: #3a66a5 0 1px 3px 0 inset!important;
    color: #fff!important
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover {
    color: inherit!important;
    background: inherit!important;
    -webkit-box-shadow: inherit!important;
    box-shadow: inherit!important
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    font-weight: 700;
    text-align: center;
    color: #999;
    cursor: default
}

.xdsoft_datetimepicker .xdsoft_copyright {
    color: #ccc!important;
    font-size: 10px;
    clear: both;
    float: none;
    margin-left: 8px
}

.xdsoft_datetimepicker .xdsoft_copyright a {
    color: #eee!important
}

.xdsoft_datetimepicker .xdsoft_copyright a:hover {
    color: #aaa!important
}

.xdsoft_time_box {
    position: relative;
    border: 1px solid #ccc
}

.xdsoft_scrollbar>.xdsoft_scroller {
    background: #ccc!important;
    height: 20px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.xdsoft_scrollbar {
    position: absolute;
    width: 7px;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
    left: 0;
    right: auto
}

.xdsoft_scroller_box {
    position: relative
}

.xdsoft_datetimepicker.xdsoft_dark {
    -webkit-box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
    box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
    background: #000;
    border-bottom: 1px solid #444;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    color: #ccc
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
    border-bottom: 1px solid #222
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div {
    background: #0a0a0a;
    border-top: 1px solid #222;
    color: #999
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
    background-color: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select {
    border: 1px solid #333;
    background: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #000;
    background: #007fff
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #c50;
    -webkit-box-shadow: #b03e00 0 1px 3px 0 inset;
    box-shadow: #b03e00 0 1px 3px 0 inset;
    color: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==)
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    background: #0a0a0a;
    border: 1px solid #222;
    color: #999
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    background: #0e0e0e
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #c50
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
    background: #ffe9d2;
    -webkit-box-shadow: #ffb871 0 1px 4px 0 inset;
    box-shadow: #ffb871 0 1px 4px 0 inset;
    color: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
    background: #c1ffc9;
    -webkit-box-shadow: #00dd1c 0 1px 4px 0 inset;
    box-shadow: #00dd1c 0 1px 4px 0 inset;
    color: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #c50;
    -webkit-box-shadow: #b03e00 0 1px 3px 0 inset;
    box-shadow: #b03e00 0 1px 3px 0 inset;
    color: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    color: #000!important;
    background: #007fff!important
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    color: #666
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
    color: #333!important
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
    color: #111!important
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
    color: #555!important
}

.xdsoft_dark .xdsoft_time_box {
    border: 1px solid #333
}

.xdsoft_dark .xdsoft_scrollbar>.xdsoft_scroller {
    background: #333!important
}

.xdsoft_datetimepicker .xdsoft_save_selected {
    display: block;
    border: 1px solid #ddd!important;
    margin-top: 5px;
    width: 100%;
    color: #454551;
    font-size: 13px
}

.xdsoft_datetimepicker .blue-gradient-button {
    font-family: "museo-sans", "Book Antiqua", sans-serif;
    font-size: 12px;
    font-weight: 300;
    color: #82878c;
    height: 28px;
    position: relative;
    padding: 4px 17px 4px 33px;
    border: 1px solid #d7d8da;
    background: -moz-linear-gradient(top, #fff 0, #f4f8fa 73%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(73%, #f4f8fa));
    background: -webkit-linear-gradient(top, #fff 0, #f4f8fa 73%);
    background: -o-linear-gradient(top, #fff 0, #f4f8fa 73%);
    background: -ms-linear-gradient(top, #fff 0, #f4f8fa 73%);
    background: linear-gradient(to bottom, #fff 0, #f4f8fa 73%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f4f8fa', GradientType=0)
}

.xdsoft_datetimepicker .blue-gradient-button:focus,.xdsoft_datetimepicker .blue-gradient-button:focus span,.xdsoft_datetimepicker .blue-gradient-button:hover,.xdsoft_datetimepicker .blue-gradient-button:hover span {
    color: #454551;
    background: -moz-linear-gradient(top, #f4f8fa 0, #FFF 73%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4f8fa), color-stop(73%, #FFF));
    background: -webkit-linear-gradient(top, #f4f8fa 0, #FFF 73%);
    background: -o-linear-gradient(top, #f4f8fa 0, #FFF 73%);
    background: -ms-linear-gradient(top, #f4f8fa 0, #FFF 73%);
    background: linear-gradient(to bottom, #f4f8fa 0, #FFF 73%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa', endColorstr='#FFF', GradientType=0)
}

@media (max-width: 768px) {
    html {
 
        background-position: 0 -24vw
    }
}


@media (max-width: 768px) {
    br {
        display:none
    }
}

#ref {
    position: absolute;
    top: 0;
    left: 0;
    opacity: .5;
    z-index: 50;
    display: none
}

section {
    position: relative
}

.botonGeneral {
    background: #050505;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    text-align: center;
    display: inline-block;
    padding: 0.4em 2.1em;
    font-size: 1.6em
}

.botonGeneral:hover {
    background: #a6c94d
}

.fila {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0;
    width: 100%
}

.fila .col {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fila .col-20 {
    width: 20%
}

.fila .col-23 {
    width: 23%
}

.fila .col-24 {
    width: 24%
}

.fila .col-25 {
    width: 25%
}

.fila .col-50 {
    width: 50%
}

.fila .col-30 {
    width: 30%
}

.fila .col-33 {
    width: 33.33%
}

.fila .col-36 {
    width: 36%
}

.fila .col-64 {
    width: 64%
}

.fila .col-66 {
    width: 66%
}

.fila .col-70 {
    width: 70%
}

.fila .col-75 {
    width: 75%
}

.fila .col-76 {
    width: 76%
}

.fila .col-77 {
    width: 77%
}

.fila .col-80 {
    width: 80%
}

.slider {
    background: #000
}

.slider>div img {
    position: absolute
}

.slider>div img:first-child {
    position: static
}

.slider .losCaptions {
    font-size: 1.5em
}

@media (min-width: 768px) {
    .slider .losCaptions {
        font-size:1.4vw
    }
}

.slider .losCaptions {
    top: 0
}

.slider .bx-caption {
    position: absolute;
    font-family: 'Raleway', sans-serif;
    font-size: 2.6em;
    padding: 1em 0;
    width: 100%;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    opacity: 0;
    top: 0;
    left: 0
}

.slider .bx-caption .caption-titulo {
    color: #fff;
    display: block;
    text-transform: uppercase;
    margin: 0 0 0.2em;
    text-align: left;
    font-size: 0.8em;
    text-align: center;
    font-weight: 900
}

.slider .bx-caption .caption-descripcion {
    font-weight: 300;
    font-size: 0.56em;
    text-align: right;
    margin: 0
}

@media (max-width: 768px) {
    .slider .bx-wrapper .bx-next:after,.slider .bx-wrapper .bx-prev:after {
        top:60%
    }
}

@media (min-width: 768px) {
    .slider .bx-wrapper .bx-next:after,.slider .bx-wrapper .bx-prev:after {
        content:'';
        background-image: url(img/iconos/anteriorSiguiente.svg);
        width: 2.2em;
        height: 2.2em;
        -webkit-background-size: contain;
        background-size: contain;
        background-repeat: no-repeat
    }
}

.slider .bx-wrapper .bx-prev:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.slider .bx-wrapper .bx-pager {
    opacity: .9
}

.slider .bx-wrapper .bx-pager.bx-default-pager a {
    background: rgba(255, 255, 255, 0.5)
}

.slider .bx-wrapper .bx-pager.bx-default-pager a:hover,.slider .bx-wrapper .bx-pager .bx-pager.bx-default-pager a.active {
    background: #3ACB27
}

.slider .active-caption {
    opacity: 1;
    left: 0
}

.inicio {
    font-size: 0.98vw
}

@media (min-width: 768px) {
    .inicio {
        font-size:0.88vw
    }
}

.inicio__bloque {
    position: absolute;
    width: 100%;
    font-size: 1.65em;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 0
}

@media (min-width: 768px) {
    .inicio__bloque {
        top:6.5em
    }
}

.inicio__titulo {
    width: 100%;
    font-size: 3em;
    line-height: 1.25em;
    font-family: 'oswald', sans-serif;
    text-shadow: 0 0.04em 0.1em rgba(0, 0, 0, 0.75);
    margin-bottom: 0;
    -webkit-transform: scaleX(0.85);
    -ms-transform: scaleX(0.85);
    transform: scaleX(0.85);
    letter-spacing: 0.01em
}

.inicio__titulo span {
    display: block
}

.inicio__titulo .overflowHidden {
    display: inline-block;
    overflow: hidden
}

.inicio__logoIram {
    max-width: 18em;
    margin: auto;
    display: block
}

@media (min-width: 768px) {
    .inicio__logoIram {
        max-width:10.2em
    }
}

.contacto {
    background: #fff;
    font-size: 2.4vw
}

@media (min-width: 768px) {
    .contacto {
        font-size:1vw
    }
}

.contacto__datos__titulo,.contacto__ubicacion__titulo {
    font-size: 3.4em;
    margin: 0.7em 0 0;
    color: #050505;
    text-align: left
}

@media (max-width: 768px) {
    .contacto__datos__titulo,.contacto__ubicacion__titulo {
        text-align:center;
        margin: 0.4em 0
    }
}

.contacto__datos p {
    font-size: 1.44em;
    margin: 0.4em 0 0;
    font-family: 'roboto_condensed_Light', sans-serif;
    font-weight: bold
}

@media (max-width: 768px) {
    .contacto__datos p {
        text-align:center
    }
}

.contacto__formulario {
    margin-top: 2.5em
}

@media (min-width: 768px) {
    .contacto__formulario {
        width:32.2em
    }
}

.contacto__formulario__leyenda {
    font-size: 1.33em;
    margin: 0 0 1.2em;
    font-family: 'roboto_condensed_Light', sans-serif;
    text-align: center
}

.contacto__formulario .enviar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.contacto__formulario .estado {
    font-size: 1.3em;
    margin-top: 1em;
}

@media(min-width: 768px) {
    .contacto__formulario .enviar {
        -webkit-flex-direction:row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .contacto__formulario .estado {
        margin-top: 0;
    }
}

.contacto__ubicacion__mapa {
    padding: 1em;
    border: 1px solid #d9d9d9
}

.contacto__ubicacion__iframe {
    width: 100%;
    height: 106.3vw
}

@media (min-width: 768px) {
    .contacto__ubicacion__iframe {
        height:49.6vw
    }
}

@media (max-width: 768px) {
    .contacto .fila {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

.contacto .fila .col {
    width: 100%
}

@media (min-width: 768px) {
    .contacto .fila .col {
        margin:0;
        margin-bottom: 1em
    }
}

.nosotros {
    overflow: hidden;
    padding: 3.3em 0 2.4em;
    font-size: 2.28vw;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-image: url(img/nosotros-imagenFondo.jpg);
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background-position: 40.2vw
}

@media (min-width: 768px) {
    .nosotros {
        background-repeat:repeat;
        background-position: center top;
        font-size: .88vw
    }
}

.nosotros__titulo {
    font-size: 3.7em;
    text-align: center;
    margin: 0 0 .3em
}

.nosotros__texto {
    padding: 1em 1.7em;
    background: rgba(15, 15, 15, 0.6);
    color: #fff;
    font-size: 1.55em;
    line-height: 1.61em;
    text-align: center;
    font-weight: 600;
    font-family: 'Raleway', sans-serif;
    margin: 0 1.4em 1.6em
}

@media (min-width: 768px) {
    .nosotros__texto {
        margin:0 0 1.6em
    }
}

.nosotros__texto.small {
    font-size: 1.42em;
    font-weight: 400
}

@media (max-width: 768px) {
    .nosotros .fila {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

@media (max-width: 768px) {
    .nosotros .fila .col {
        margin:0;
        width: 100%;
        margin-bottom: 3.2em
    }

    .nosotros .fila .col:last-child {
        margin: 0
    }
}

.productos {
    font-size: 2.45vw;
    position: relative;
    background-image: url('img/productos/productos-fondo.jpg');
    background-position: bottom;
    -webkit-background-size: 100% 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    padding-bottom: 4em
}

@media (min-width: 768px) {
    .productos {
        font-size:0.75vw
    }
}

.producto {
    font-size: 1vw;
    background: #fff;
    padding: 3.4em 1.5em 2.7em 1.5em;
    width: 50.3em;
    border: 1px solid #a6a6a6;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width: 768px) {
    .producto {
        font-size:1.8vw
    }

    .producto .col-50 img {
        width: 90%;
        margin-left: auto
    }
}

.producto.conImagenGrande {
    padding: .8em 1.5em 2.7em 1.5em
}

.producto.conImagenGrande__titulo {
    margin: 0 0 0.4em;
    font-weight: 400;
    font-family: 'roboto_condensedregular', sans-serif;
    padding-left: 1em;
    font-size: 1.7em;
    text-align: left;
    color: #000
}

.producto.paddingLeftExtra {
    padding-left: 4em
}

.producto__tiutlo {
    font-size: 1.65em;
    margin: 0;
    font-weight: 400;
    text-align: left
}

.producto__texto {
    line-height: 1.8em;
    text-transform: uppercase;
    margin-top: 1.8em
}

.producto .circulo,.producto .cudrado,.producto .estrella,.producto .hexagono,.producto .triangulo {
    font-size: 1.3em;
    font-weight: bold;
    color: #fff;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.8em;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 0.4em
}

.producto .triangulo {
    border-color: transparent transparent #3ACB27 transparent;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 1.25em 1.8em 1.25em;
    color: #fff;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.8em;
    position: relative
}

.producto .triangulo:after {
    content: 'A';
    position: absolute;
    left: -0.3em;
    top: 0.2em
}

.producto .cudrado {
    background: #ff0000;
    width: 1.8em;
    height: 1.8em
}

.producto .circulo {
    width: 1.8em;
    height: 1.8em;
    background: #84c8ff;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

.producto .estrella {
    width: 2.4em;
    height: 2.4em;
    -webkit-background-size: contain;
    background-size: contain;
    color: #000;
    line-height: 2.6em;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDYxMiA2MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYxMiA2MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cG9seWdvbiBwb2ludHM9IjM4Ny42NzQsMjM4LjE3OSAzMDUuNTgzLDAgMjIxLjE1NCwyMzYuMjYgMCwyMzguMTc5IDE4MS44MiwzODkuMTIxIDExNi40NzUsNjEyIDMwNS41ODMsNDc2LjY5MiA0OTQuNjksNjEyICAgIDQyOS4zMTgsMzkwLjU2NyA2MTIsMjM4LjE3OSAgIiBmaWxsPSIjRkZEQTQ0Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==)
}

.producto .hexagono {
    width: 2em;
    height: 2em;
    -webkit-background-size: contain;
    background-size: contain;
    line-height: 2em;
    top: -0.1em;
    position: relative;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE4NC43NTEgMTg0Ljc1MSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTg0Ljc1MSAxODQuNzUxOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPHBhdGggZD0iTTAsOTIuMzc1bDQ2LjE4OC04MGg5Mi4zNzhsNDYuMTg1LDgwbC00Ni4xODUsODBINDYuMTg4TDAsOTIuMzc1eiIgZmlsbD0iI0Q4MDAyNyIvPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K)
}

.producto__footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto
}

.producto__footer label {
    margin: 0.5em 0;
    display: block
}

.producto__footer img {
    max-width: 100%;
    max-height: 1.6em;
    display: block;
    width: auto
}

.producto__footer__formaColor {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.producto__footer__cantidades {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto;
    border-left: 1px solid #000
}

.producto__footer__cantidades .gris {
    background: #dededd;
    border: 1px solid #000;
    border-left: 0;
    padding: 0.2em 1em;
    color: #000
}

.producto__footer__cantidades .activo {
    background: red;
    color: #fff
}

.collage__item {
    display: inline-block;
    width: 15.2em;
    cursor: pointer;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    padding: 0.4em
}

@media (max-width: 768px) {
    .collage__item {
        overflow:hidden;
        height: 14em
    }
}

@media (min-width: 768px) {
    .collage__item {
        position:relative;
        padding: 0
    }
}

@media (min-width: 768px) {
    .collage__item:after {
        content:'';
        position: absolute;
        width: 100%;
        top: 0;
        height: 100%;
        -webkit-box-shadow: inset 0 0 2.2em rgba(0, 0, 0, 0.3);
        box-shadow: inset 0 0 2.2em rgba(0, 0, 0, 0.3);
        -webkit-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s
    }
}

.collage__item:hover {
    -webkit-box-shadow: 0 0 4em #a6c94d;
    box-shadow: 0 0 4em #a6c94d
}

.collage__item:hover:after {
    opacity: 0
}

.collage__item__titulo {
    z-index: 1;
    font-size: 0.9em;
    position: absolute;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    text-align: center;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, transparent), color-stop(19%, #fff), color-stop(79%, #fff), color-stop(110%, transparent));
    background-image: -webkit-linear-gradient(bottom, transparent 0, #fff 19%, #fff 79%, transparent 110%);
    background-image: -o-linear-gradient(bottom, transparent 0, #fff 19%, #fff 79%, transparent 110%);
    background-image: linear-gradient(to top, transparent 0, #fff 19%, #fff 79%, transparent 110%);
    width: 97%
}

@media (min-width: 768px) {
    .collage__item__titulo {
        width:100%;
        background-image: none
    }
}

.collage__item__logoCentral {
    z-index: 900;
    position: absolute;
    left: 50%;
    top: 50.5%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 40.3em
}

.collage__item img {
    display: block
}

@media (max-width: 768px) {
    .collage__item img {
        width:16.4em;
        height: 15.7em
    }
}

.collage__contendor {
    position: relative;
    z-index: 0;
    font-size: 1.16em;
    margin: 0
}

@media (max-width: 768px) {
    .collage__contendor {
        overflow:hidden
    }
}

.collage__contendor .collage__item__logoCentral {
    display: none
}

@media (min-width: 768px) {
    .collage__contendor {
        margin:0 19.2em;
        height: 39.7em
    }

    .collage__contendor>div {
        position: absolute
    }

    .collage__contendor div:first-child {
        left: 2em;
        top: 2em;
        z-index: 362
    }

    .collage__contendor div:nth-child(2) {
        top: 13.2em;
        left: .7em;
        z-index: 372
    }

    .collage__contendor div:nth-child(3) {
        left: 1em;
        bottom: 2em;
        z-index: 387
    }

    .collage__contendor div:nth-child(4) {
        left: 16em;
        top: 1em;
        z-index: 382
    }

    .collage__contendor div:nth-child(5) {
        left: 16em;
        bottom: 1em;
        z-index: 377
    }

    .collage__contendor div:nth-child(6) {
        right: 16em;
        top: 0em;
        z-index: 392
    }

    .collage__contendor div:nth-child(7) {
        right: 16em;
        bottom: 0;
        z-index: 387
    }

    .collage__contendor div:nth-child(8) {
        top: 2em;
        right: 1em;
        z-index: 372
    }

    .collage__contendor div:nth-child(9) {
        top: 13.2em;
        right: 0.7em;
        z-index: 397
    }

    .collage__contendor div:nth-child(10) {
        right: 1em;
        bottom: 2em;
        z-index: 367
    }

    .collage__contendor div:nth-child(12) {
        z-index: 70
    }

    .collage__contendor .collage__item__logoCentral {
        display: block
    }
}

@media (min-width: 768px) and (min-width:768px) {
    .collage__contendor .collage__item__titulo.bottom {
        bottom:0
    }
}

.servicios {
    padding-top: 1.7em;
    position: relative;
    background-image: url('img/servicios/servicios-fondo.jpg');
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background-position: 0em -2em;
    padding-bottom: 4em;
    border-top: 2em solid #2c2929;
    font-size: 2.4vw
}

@media (min-width: 768px) {
    .servicios {
        background-position:bottom;
        -webkit-background-size: 100% 100%;
        background-size: 100%;
        font-size: 0.755vw
    }
}

.servicios__titulo {
    margin-top: 0
}

@media (max-width: 768px) {
    .servicios .collage__item {
        padding:0;
        width: 16em
    }

    .servicios .collage__item img {
        width: 18.6em;
        height: 20.7em;
        position: relative;
        bottom: 5.2em;
        left: -2.3em
    }

    .servicios .collage__item .collage__item__titulo {
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(38.7%, #fff), to(transparent));
        background-image: -webkit-linear-gradient(top, #fff 38.7%, transparent);
        background-image: -o-linear-gradient(top, #fff 38.7%, transparent);
        background-image: linear-gradient(to bottom, #fff 38.7%, transparent);
        background-position: top;
        margin: 0;
        padding: 0.85em 0
    }
}

.servicios .collage__contendor div:nth-child(10) {
    display: none
}

@media (min-width: 768px) {
    .servicios .collage__contendor {
        height:38.4em
    }

    .servicios .collage__contendor div:nth-child(4) {
        left: 16.3em
    }

    .servicios .collage__contendor div:nth-child(6) {
        z-index: 402;
        right: 15.2em
    }

    .servicios .collage__contendor div:nth-child(7) {
        bottom: 1em
    }

    .servicios .collage__contendor div:nth-child(7) .collage__item__titulo {
        color: #fff
    }

    .servicios .collage__contendor div:nth-child(8) {
        top: 4.3em;
        right: 0.4em;
        z-index: 398
    }

    .servicios .collage__contendor div:nth-child(9) {
        top: 19.2em;
        right: 0.9em
    }

    .servicios .collage__contendor div:nth-child(3) {
        z-index: 367
    }

    .servicios .collage__contendor div:nth-child(10) {
        display: inline-block;
        bottom: 6.9em;
        z-index: 402;
        left: 32.7em
    }

    .servicios .collage__contendor div:nth-child(3) .collage__item__titulo,.servicios .collage__contendor div:nth-child(5) .collage__item__titulo,.servicios .collage__contendor div:nth-child(7) .collage__item__titulo,.servicios .collage__contendor div:nth-child(9) .collage__item__titulo {
        bottom: 0
    }
}

.servicio {
    font-size: 1.8vw;
    background: #fff;
    padding: .8em 1.5em 2.7em 1.5em;
    width: 50.3em;
    border: 1px solid #a6a6a6;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 768px) {
    .servicio {
        font-size:1vw
    }
}

.servicio__titulo {
    margin: 0 0 0.4em;
    font-weight: 400;
    font-family: 'roboto_condensedregular', sans-serif;
    padding-left: 1em;
    font-size: 1.7em;
    text-align: left;
    color: #000
}

.servicio__texto {
    position: absolute;
    text-align: center;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 3.3em;
    width: 92%;
    font-size: 1.2em
}

@media (min-width: 768px) {
    .servicio__texto {
        width:100%;
        white-space: nowrap
    }
}

.politicasDeCalidad,.politicasDeSeguridadHigiene {
    background-image: url(img/politicasDeCalidad-fondo.jpg), -webkit-gradient(linear, left bottom, left top, from(#fff), to(#ebf4f9));
    background-image: url(img/politicasDeCalidad-fondo.jpg), -webkit-linear-gradient(bottom, #fff, #ebf4f9);
    background-image: url(img/politicasDeCalidad-fondo.jpg), -o-linear-gradient(bottom, #fff, #ebf4f9);
    background-image: url(img/politicasDeCalidad-fondo.jpg), linear-gradient(to top, #fff, #ebf4f9);
    background-repeat: no-repeat;
    padding: 2em;
    padding-bottom: 7.6em;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 2vw;
    -webkit-background-size: cover;
    background-size: cover
}

@media (min-width: 768px) {
    .politicasDeCalidad,.politicasDeSeguridadHigiene {
        -webkit-background-size:100% 100%;
        background-size: 100%;
        font-size: 1vw
    }
}

.politicasDeCalidad__contenedor,.politicasDeSeguridadHigiene__contenedor {
    background: rgba(0, 0, 0, 0.5);
    padding: 1em 2em 8em
}

.politicasDeCalidad__titulo,.politicasDeSeguridadHigiene__titulo {
    color: #cac6c6;
    margin: 0;
    font-size: 3.5em;
    font-family: 'Raleway', sans-serif;
    font-weight: 900;
    text-align: center
}

.politicasDeCalidad__texto,.politicasDeSeguridadHigiene__texto {
    font-size: 1.66em;
    text-transform: uppercase;
    margin: .3em 0;
    text-align: center;
    font-weight: 700;
    color: #fff
}

.politicasDeCalidad__lista,.politicasDeSeguridadHigiene__lista {
    font-weight: 600;
    list-style: none;
    line-height: 1.7em;
    font-size: 1.4em;
    margin-top: 2.8em;
    text-align: left
}

@media (max-width: 768px) {
    .politicasDeCalidad__lista,.politicasDeSeguridadHigiene__lista {
        padding:0
    }
}

.politicasDeCalidad__lista li:before,.politicasDeSeguridadHigiene__lista li:before {
    content: ' - ';
    display: inline-block;
    margin-right: 0.6em
}

@media (max-width: 768px) {
    .paddingBottomMobil {
        padding-bottom:3em
    }
}

.politicasDeSeguridadHigiene {
    background-image: url(img/politicasDeSeguridadHigiene-fondo.jpg);
    padding-bottom: 2em
}

@media (max-width: 768px) {
    .politicasDeSeguridadHigiene {
        background-position:-79em 0;
        -webkit-background-size: cover;
        background-size: cover
    }
}

.politicasDeSeguridadHigiene__contenedor {
    padding-bottom: 1em
}

.politicasDeSeguridadHigiene__texto {
    text-transform: none;
    font-size: 1.46em;
    line-height: 1.4em
}

.politicasDeSeguridadHigiene__lista {
    font-size: 1.4em;
    font-weight: 400
}

@media (max-width: 768px) {
    .politicasDeSeguridadHigiene__lista {
        padding:0
    }
}

@media (min-width: 768px) {
    .politicasDeSeguridadHigiene__lista {
        text-align:left;
        font-size: 0.9em
    }
}

.politicasDeSeguridadHigiene .logos {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin: 0 auto
}

@media (min-width: 768px) {
    .politicasDeSeguridadHigiene .logos {
        width:15.5em
    }
}

.informacion__item {
    font-size: 2.9vw
}

@media (min-width: 768px) {
    .informacion__item {
        font-size:1.1vw
    }
}

@media (max-width: 768px) {
    .informacion__item .fila {
        display:block
    }

    .informacion__item .fila .col {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.informacion__item__contenedor {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: rgba(24, 24, 23, 0.81);
    padding: 2.6em;
    margin: 0 2em
}

@media (max-width: 768px) {
    .informacion__item__contenedor {
        -webkit-box-pack:center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.informacion__item__contenedor img {
    width: auto
}

@media (max-width: 768px) {
    .informacion__item__contenedor img {
        margin:auto
    }
}

@media (min-width: 768px) {
    .origenDelFuego .informacion__item__texto {
        padding-left:2%
    }
}

.informacion__item__titulo {
    color: red;
    font-family: 'Raleway', sans-serif;
    font-size: 2.1em;
    margin: 0;
    margin-bottom: 0.3em;
    line-height: 1.3em
}

@media (min-width: 768px) {
    .informacion__item__titulo {
        line-height:0.8em
    }
}

.informacion__item__titulo.full {
    width: 100%;
    text-align: center;
    margin-bottom: 0.5em
}

.informacion__item__titulo4 {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    margin: 0 0 0.4em 0;
    font-size: 1.95em
}

@media (min-width: 768px) {
    .informacion__item__titulo4 {
        font-size:2.25em;
        margin: 0
    }
}

.informacion__item__texto {
    font-family: 'Raleway', sans-serif;
    font-weight: 400
}

.informacion__item__texto p {
    margin: 0
}

@media (min-width: 768px) {
    .informacion__item .magenTitulo {
        padding-left:1em;
        text-align: left
    }
}

.informacion__item__imagenes {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 768px) {
    .informacion__item__imagenes {
        padding-right:2em
    }
}

.informacion__item img {
    padding: 0.5em
}

@media (max-width: 768px) {
    .informacion__item img {
        margin-bottom:0.8em
    }
}

.informacion__item p {
    font-size: 1.12em;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 1.5em
}

@media (max-width: 768px) {
    .informacion__item p br {
        display:none
    }
}

.informacion__item .small {
    font-size: .84em
}

.origenDelFuego {
    padding-top: 1.4em;
    background-image: url(img/informacion/informacion-fondo.jpg);
    -webkit-background-size: 100% 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

.origenDelFuego .informacion__item__tituloPpal {
    color: #cac6c6;
    margin: 0;
    margin-bottom: .5em
}

.normasIram {
    background-image: url(img/informacion/normasIram-fondo.jpg);
    -webkit-background-size: 100% 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    padding: 4.4em 4em 4.9em
}

.normasIram p {
    font-size: 1.2em;
    font-weight: 700
}

.noSeDejeEnganar {
    background-image: url(img/nosSeDejeEnganar/nosSeDejeEnganar-fondo-top.jpg), url(img/nosSeDejeEnganar/nosSeDejeEnganar-fondo-bottom.jpg);
    background-position: top, bottom;
    -webkit-background-size: 100% 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 4em 0;
    font-size: 2vw
}

@media (min-width: 768px) {
    .noSeDejeEnganar {
        font-size:1vw
    }
}

.noSeDejeEnganar--padding {
    padding-left: 5.5em;
    padding-right: 5.5em
}

.noSeDejeEnganar__titulo {
    margin-bottom: .5em
}

p.noSeDejeEnganar__texto {
    font-size: 1.18em;
    margin: 0 0 1em
}

@media (max-width: 768px) {
    p.noSeDejeEnganar__texto {
        text-align:center
    }
}

p.noSeDejeEnganar__texto.grande {
    line-height: 1.7em;
    padding-bottom: 1em
}

.noSeDejeEnganar__logo {
    display: block;
    margin: 2em auto;
    width: 90%
}

@media (min-width: 768px) {
    .noSeDejeEnganar__logo {
        width:30%
    }
}

.noSeDejeEnganar__galeria {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 3.5em
}

.noSeDejeEnganar__galeria img {
    width: 100%
}

@media (min-width: 768px) {
    .noSeDejeEnganar__galeria img {
        width:47.7%;
        padding-bottom: 1.5em
    }
}

.noSeDejeEnganar__dataFiscal {
    padding: 0 1.7em
}

.noSeDejeEnganar__dataFiscal__orden {
    width: 33.9em
}

.noSeDejeEnganar__dataFiscal__imagen {
    width: 16.5em;
    display: block;
    margin: auto
}

p.noSeDejeEnganar__dataFiscal__texto {
    line-height: 2em;
    font-size: 1.62em
}

@media (min-width: 768px) {
    p.noSeDejeEnganar__dataFiscal__texto {
        padding:0 5.7em;
        font-size: 1.4em
    }
}

.tiposDeFuegos,.tiposDeMatafuegos {
    padding-top: 2em
}

.tiposDeFuegos .fila,.tiposDeMatafuegos .fila {
    margin-bottom: 2.9em
}

@media (min-width: 768px) {
    .tiposDeFuegos .informacion__item__imagenes,.tiposDeMatafuegos .informacion__item__imagenes {
        padding-right:10%
    }
}

.tiposDeFuegos .informacion__item__imagenes img,.tiposDeMatafuegos .informacion__item__imagenes img {
    -webkit-border-radius: 1.6em;
    border-radius: 1.6em
}

@media (max-width: 768px) {
    .tiposDeFuegos .informacion__item__imagenes img,.tiposDeMatafuegos .informacion__item__imagenes img {
        margin:auto;
        width: 27.3%;
        display: block
    }
}

@media (max-width: 768px) {
    .tiposDeMatafuegos .informacion__item__imagenes {
        margin-bottom:2.7em
    }
}

.tiposDeMatafuegos img {
    width: 27.3%
}

@media (max-width: 768px) {
    .tiposDeMatafuegos img {
        margin:auto;
        display: block
    }
}

@media (min-width: 768px) {
    .tiposDeMatafuegos img {
        width:39.7%
    }
}

@media (min-width: 768px) {
    .tiposDeMatafuegos .col-50 {
        padding:0 2em
    }
}

.tiposDeMatafuegos .col-50 p {
    font-size: 1.2em
}

.tiposDeMatafuegos .col-50 h5 {
    margin-top: 2em
}

.tiposDeMatafuegos .col-50 h5:first-child {
    margin-top: 0
}

.clientes {
    font-size: 1.6vw;
    padding-bottom: 4em;
    background-image: url(img/clientes/clientes-fondo.jpg);
    -webkit-background-size: 100% 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    overflow: hidden
}

@media (min-width: 768px) {
    .clientes {
        font-size:1.1vw
    }
}

.clientes__titulo {
    text-align: center;
    font-size: 3.2em;
    padding: 1em 0 0.5em;
    margin: 0;
    color: #cac6c6
}

.clientes .flex {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.clientes .flex img {
    margin: 1em;
    height: 5.5em;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-filter: saturate(0);
    filter: saturate(0);
    width: 16.2em
}

@media (min-width: 768px) {
    .clientes .flex img {
        width:11.2em
    }
}

.modal .close {
    position: absolute;
    right: 1.2em;
    top: 0.8em;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgMzQ4LjMzMyAzNDguMzM0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzNDguMzMzIDM0OC4zMzQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNMzM2LjU1OSw2OC42MTFMMjMxLjAxNiwxNzQuMTY1bDEwNS41NDMsMTA1LjU0OWMxNS42OTksMTUuNzA1LDE1LjY5OSw0MS4xNDUsMCw1Ni44NSAgIGMtNy44NDQsNy44NDQtMTguMTI4LDExLjc2OS0yOC40MDcsMTEuNzY5Yy0xMC4yOTYsMC0yMC41ODEtMy45MTktMjguNDE5LTExLjc2OUwxNzQuMTY3LDIzMS4wMDNMNjguNjA5LDMzNi41NjMgICBjLTcuODQzLDcuODQ0LTE4LjEyOCwxMS43NjktMjguNDE2LDExLjc2OWMtMTAuMjg1LDAtMjAuNTYzLTMuOTE5LTI4LjQxMy0xMS43NjljLTE1LjY5OS0xNS42OTgtMTUuNjk5LTQxLjEzOSwwLTU2Ljg1ICAgbDEwNS41NC0xMDUuNTQ5TDExLjc3NCw2OC42MTFjLTE1LjY5OS0xNS42OTktMTUuNjk5LTQxLjE0NSwwLTU2Ljg0NGMxNS42OTYtMTUuNjg3LDQxLjEyNy0xNS42ODcsNTYuODI5LDBsMTA1LjU2MywxMDUuNTU0ICAgTDI3OS43MjEsMTEuNzY3YzE1LjcwNS0xNS42ODcsNDEuMTM5LTE1LjY4Nyw1Ni44MzIsMEMzNTIuMjU4LDI3LjQ2NiwzNTIuMjU4LDUyLjkxMiwzMzYuNTU5LDY4LjYxMXoiIGZpbGw9IiNEODAwMjciLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
    -webkit-background-size: contain;
    background-size: contain;
    float: none;
    -webkit-filter: brightness(1.1) saturate(1.3);
    filter: brightness(1.1) saturate(1.3)
}

@media (max-width: 768px) {
    .modal .close {
        width:1.5em;
        font-size: 0.8em;
        background-repeat: no-repeat
    }
}

@media print {
    .nicescroll-rails,footer,header,section {
        display: none!important
    }

    body,html {
        overflow: hidden!important
    }

    #descuento {
        display: block!important;
        color: #000!important;
        text-align: center!important;
        width: -webkit-calc(100% - 10px)!important;
        width: calc(100% - 10px)!important;
        margin: auto!important;
        top: 0!important;
        left: 0!important
    }

    #descuento .imprimir {
        display: none
    }

    #descuento img {
        border: 1px dashed #4f4f4f;
        padding: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px
    }
}

html {
    color: #333;
    font-size: 16px;
    font-family: 'roboto_condensedregular', sans-serif
}

body {
    background-color: #000;
    overflow: hidden
}

.contenedor {
    position: relative;
    margin: 0 auto;
    width: 92%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 768px) {
    .contenedor {
        width:87.6%
    }
}

@media (min-width: 1079px) {
    .contenedor {
        width:87.6%
    }
}

@media (min-width: 1300px) {
    .contenedor {
        width:87.6%
    }
}

img.redesSociales {
    width: 2em;
}

a.redesSociales {
    display: inline-block;
    margin-right: 1em;
    margin-top: 2em;
}

img.redesSociales_header {
    width: 1.5em;
}

a.redesSociales_header {
    display: inline-block;
    margin-left: 1em;
    margin-top: 0.3em;
}

.fixContacto, .newsleter {
    position: fixed;
    z-index: 20;
    color: #fff;
    bottom: -0.8em;
    padding: 0.4em 1em 1.2em;
    cursor: pointer;
    transition: all 400ms;
}

.fixContacto {
    background: #33518a;
    right: 0.5em;
}

.newsleter {
    background: #699204;
    right: 7em;
}

.newsleter:hover, .fixContacto:hover {
    bottom: 0;
}

.modalFix h2 {
    color: #000;
}

.modalFix {
    background: #fff;
    padding: 1em;
    border: 1px solid #a6a6a6;
    max-width: 85%;
    position: fixed;
    top: 50%!important;
    left: 50%!important;
    transform: translate(-50%, -50%);
}