@font-face {
    font-family: LatoRegular;
    src: url(../fonts/Lato-Regular.ttf) format("truetype")
}

@font-face {
    font-family: LatoIE;
    src: url(../fonts/Lato-Regular.eot)
}

@font-face {
    font-family: LatoBold;
    src: url(../fonts/Lato-Bold.ttf) format("truetype")
}

@font-face {
    font-family: LatoIE700;
    font-weight: 700;
    src: url(../fonts/Lato-Regular.eot)
}

header .banner-wrapper {
    margin-top: 254px
}

.banner-wrapper {
    margin-top: 250px
}

.banner-wrapper .contenedor-cabecera {
    color: #1e140d
}

.banner-wrapper .contenedor-cabecera .cabecera {
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    max-width: 100%;
    position: relative
}

.banner-wrapper .contenedor-cabecera .cabecera img {
    background-size: cover;
    height: auto;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: auto;
    z-index: -1
}

.titulo-banner {
    margin: auto;
    padding: 0 15px;
    z-index: 9
}

.texto-centrado-vertical {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

@media(min-width:1200px) {
    .titulo-nodo-en-banner {
        padding-top: 0;
        width: 570px
    }

    .titulo-nodo-en-banner h1,
    .titulo-nodo-en-banner span.comoh1 {
        line-height: 38px
    }
}

.texto-banner-wrapper-centrado .comoh1,
.texto-banner-wrapper-centrado h1,
.texto-banner-wrapper-centrado h3,
.texto-banner-wrapper-centrado h4 {
    color: #fff
}

.texto-banner-wrapper {
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 23px;
    position: absolute;
    z-index: 9
}

.texto-banner-wrapper .comoh1,
.texto-banner-wrapper h1,
.texto-banner-wrapper h2,
.texto-banner-wrapper h3,
.texto-banner-wrapper h4 {
    color: #fff
}

@media screen and (max-width:1199px) {

    .comoh1,
    h1 {
        font-size: 18px
    }
}

.cabecera-texto {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    width: 200px
}

.banner-top {
    height: 400px
}

.home-banner-top {
    background-image: url(/themes/custom/newstarbucks/img/home-cabecera-mv.png);
    background-position: 50%
}

.home-banner-bottom {
    background-image: url(/themes/custom/newstarbucks/img/home-bottom-mv.png);
    background-position: 50%;
    height: 332px
}

.nc-banner-top {
    background-image: url(/themes/custom/newstarbucks/img/nc-top-mv.png);
    background-position: 50%
}

.nc-banner-center {
    background-image: url(/themes/custom/newstarbucks/img/nc-center-mv.png);
    background-position: 50%;
    height: 300px
}

.te-banner-top {
    background-image: url(/themes/custom/newstarbucks/img/te-cabecera-mv.png);
    background-position: 50%
}

.te-banner-center {
    background-image: url(/themes/custom/newstarbucks/img/te-center-mv.png);
    background-position: 50%;
    height: 280px
}

.te-banner-bottom {
    background-image: url(/themes/custom/newstarbucks/img/te_mv_btm.jpg);
    background-position: 50%;
    height: 332px
}

.be-banner-top {
    background-image: url(/themes/custom/newstarbucks/img/be-top-mv.png);
    background-position: 50%
}

.be-banner-center {
    background-image: url(/themes/custom/newstarbucks/img/be-center.png);
    background-position: 50%
}

.be-banner-bottom {
    background-image: url(/themes/custom/newstarbucks/img/be-bottom-mv.png);
    background-position: 50%;
    height: 425px
}

.fd-banner-top {
    background-image: url(/themes/custom/newstarbucks/img/fd-top-mv.png);
    background-position: 50%
}

.fd-banner-center {
    background-image: url(/themes/custom/newstarbucks/img/fd-center-mv.png);
    background-position: 50%;
    height: 453px
}

.cs-banner-top {
    background-image: url(/themes/custom/newstarbucks/img/cs-top-mv.png);
    background-position: 50%
}

.co-banner-top {
    background-image: url(/themes/custom/newstarbucks/img/ct-top-mv.png);
    background-position: 50%
}

.fa-banner-top {
    background-image: url(/themes/custom/newstarbucks/img/fq-top-mv.png);
    background-position: 50%
}

@media(min-width:768px) {
    .texto-banner-wrapper {
        padding-top: 0;
        position: relative;
        top: 50%;
        transform: translateY(-50%)
    }

    .titulo-nodo-en-banner .comoh1,
    .titulo-nodo-en-banner h1,
    .titulo-nodo-en-banner-centrado .comoh1,
    .titulo-nodo-en-banner-centrado h1 {
        font-size: 28px
    }

    .cabecera-texto {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 12px;
        width: 400px
    }

    .banner-top {
        height: 510px
    }

    .home-banner-top {
        background-image: url(/themes/custom/newstarbucks/img/home-cabecera.png);
        background-position: 50%
    }

    .home-banner-bottom {
        background-image: url(/themes/custom/newstarbucks/img/home-bottom.png);
        height: 416px
    }

    .nc-banner-top {
        background-image: url(/themes/custom/newstarbucks/img/nc-top.png)
    }

    .nc-banner-center {
        background-image: url(/themes/custom/newstarbucks/img/nc-center.png);
        height: 480px
    }

    .te-banner-top {
        background-image: url(/themes/custom/newstarbucks/img/te-cabecera.png)
    }

    .te-banner-center {
        background-image: url(/themes/custom/newstarbucks/img/te-center.png);
        height: 320px
    }

    .te-banner-bottom {
        background-image: url(/themes/custom/newstarbucks/img/te_dt_btm.jpg);
        height: 416px
    }

    .be-banner-top {
        background-image: url(/themes/custom/newstarbucks/img/be-top.png)
    }

    .be-banner-bottom {
        background-image: url(/themes/custom/newstarbucks/img/be-bottom.png);
        height: 411px
    }

    .fd-banner-top {
        background-image: url(/themes/custom/newstarbucks/img/fd-top.png)
    }

    .fd-banner-center {
        background-image: url(/themes/custom/newstarbucks/img/fd-center.png);
        height: 380px
    }

    .cs-banner-top {
        background-image: url(/themes/custom/newstarbucks/img/cs-top.png)
    }

    .cs-banner-center {
        background-image: url(/themes/custom/newstarbucks/img/cs-center.png);
        background-position: 50%;
        height: 340px
    }

    .co-banner-top {
        background-image: url(/themes/custom/newstarbucks/img/ct-top.png)
    }

    .fa-banner-top {
        background-image: url(/themes/custom/newstarbucks/img/fq-top.png)
    }

    .home-banner-center {
        margin-top: 80px
    }
}

@media(min-width:1200px) {
    .titulo-nodo-en-banner {
        padding-top: 0;
        width: 570px
    }

    .texto-banner-wrapper {
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        width: 1200px
    }
}

.texto-banner-wrapper-centrado {
    color: #fff;
    line-height: 22px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 90%
}

.home-banner-center {
    background-image: url(/themes/custom/newstarbucks/img/home-center-mv.png);
    background-position: 50%;
    height: 480px
}

@media(min-width:768px) {
    .home-banner-center {
        background-image: url(/themes/custom/newstarbucks/img/home-center.png);
        height: 480px
    }

    .titulo-nodo-en-banner-centrado,
    .titulo-nodo-en-banner-centrado h3 {
        font-size: 28px
    }

    .cabecera-texto-centrado {
        font-size: 16px;
        padding-top: 20px
    }

    .texto-banner-wrapper-centrado {
        line-height: 26px;
        width: 770px
    }
}

.banner-bottom {
    margin-top: 50px
}

.titulo-nodo-en-banner h1 {
    margin-top: 0
}

@media(max-width:767px) {
    .fd-banner-top .cabecera-texto {
        width: 100%
    }

    .fd-banner-top .texto-banner-wrapper {
        padding-top: 190px
    }
}

.img-nuestro-canal {
    background-color: #f7f5f1;
    border: 3px solid #f7f5f1;
    border-radius: 30%;
    box-shadow: inset 0 4px 2px 0 rgba(30, 20, 13, .1);
    height: 240px;
    width: 240px
}

.nc-cuerpo-texto {
    margin-left: 20px;
    margin-right: 20px
}

.nc-bottom-zone {
    margin-bottom: 50px;
    margin-top: 50px
}

@media(max-width:352px) {
    .puntos-carrusel li {
        margin: 30px 10px !important
    }
}

@media(max-width:1199px) {
    .nc-bottom-zone .subtitulo {
        margin-left: 20px;
        margin-right: 20px
    }

    .nc-bottom-zone .carrusel-wrapper {
        margin-bottom: 30px;
        margin-left: auto;
        margin-right: auto;
        width: 314px
    }

    .node-type-nuestro-canal-de-empleo .nc-banner-central .banner-wrapper {
        margin-top: 240px
    }

    .node-type-nuestro-canal-de-empleo .nc-banner-central .titulo-nodo-en-banner-centrado {
        position: relative;
        top: 50%;
        transform: translateY(-50%)
    }
}

.puntos-carrusel {
    background-image: url(/themes/custom/newstarbucks/img/linea_canal_empleo.png);
    background-position: 50%;
    background-repeat: no-repeat;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%
}

.puntos-carrusel button:focus {
    outline: none
}

.puntos-carrusel li {
    display: inline-block;
    margin: 30px 32px
}

.puntos-carrusel li button {
    background-color: #b1b1b1;
    border: 1px solid #e0e0e0;
    border-radius: 21px;
    box-shadow: 0 2px 0 0 hsla(37, 11%, 60%, .2);
    color: #2a8a15;
    font-family: LatoBold, LatoIE700, sans-serif;
    font-size: 18px;
    height: 40px;
    width: 40px
}

.puntos-carrusel li.slick-active button {
    background-color: #56aa1c;
    border: 1px solid #56aa1c;
    box-shadow: 0 2px 0 0 rgba(201, 103, 35, .2)
}

@media(min-width:1200px) {
    .nc-cuerpo-texto {
        margin-left: 0;
        margin-right: 0
    }

    .nc-cuerpo-imagen,
    .nc-cuerpo-texto {
        position: relative;
        top: 50%;
        transform: translateY(-50%)
    }

    .nc-cuerpo-imagen .row {
        padding-top: 15px
    }
}

.nuestro-canal .nc-bloque-contenido {
    clear: both
}

.nuestro-canal .nc-bloque-contenido .even .col-lg-5 {
    padding-left: 160px
}

.nuestro-canal .nc-bloque-contenido .col-lg-5 {
    text-align: center
}

.nuestro-canal .nc-bloque-contenido .row.even,
.nuestro-canal .nc-bloque-contenido .row.odd {
    height: 290px
}

.carrusel-proceso {
    padding-left: 20px;
    padding-right: 20px
}

.nc-numero {
    color: #000;
    font-family: LatoBold, LatoIE700, sans-serif;
    font-size: 36px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 700;
    letter-spacing: normal;
    line-height: normal;
    text-align: right;
    top: -20px
}

.circulo-back {
    background-color: #f7f5f1;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    height: 250px;
    padding-top: 5px;
    width: 250px
}

.nc-bottom-zone button.slick-arrow {
    display: none !important
}

.fd-cuerpo-texto {
    text-align: center
}

.fd-bloque-imagenes {
    margin-top: 18px
}

.fd-bloque-imagenes img {
    height: 176px;
    width: 176px
}

.fd-bloque-imagenes .round-degradado {
    margin-bottom: 18px;
    width: 192px
}

.fd-imagenes-item {
    margin-top: 30px;
    text-align: center
}

.fd-bottom-zone {
    height: 360px;
    padding-left: 15px;
    padding-right: 15px
}

@media(min-width:1200px) {
    .fd-bloque-imagenes {
        margin-top: 56px
    }

    .fd-bloque-imagenes img {
        height: 176px;
        width: 176px
    }

    .fd-imagenes-item {
        margin-right: 30px;
        margin-top: 0
    }

    .fd-bottom-zone {
        padding: 0
    }

    .fd-bottom-zone .boton-wrapper-centrado {
        text-align: center
    }
}

.fd-banner-bottom .texto-centrado-vertical {
    min-height: 250px
}

.fd-banner-center {
    margin-top: 40px
}

.flecha-scroll {
    margin-left: auto;
    margin-right: auto;
    padding-top: 315px;
    width: 60px
}

@media(min-width:768px)and (max-width:1200px) {
    .fd-texto-banner-wrapper {
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-top: 0;
        width: 768px
    }

    .flecha-scroll {
        padding-top: 220px
    }
}

@media(min-width:1200px) {
    .flecha-scroll {
        padding-top: 260px
    }

    .fd-banner-top .flecha-scroll {
        padding-top: 244px
    }
}

.anchor-fd {
    display: block;
    height: 82px;
    margin-top: -82px;
    visibility: hidden
}

@media(min-width:1200px) {
    .anchor-fd {
        height: 130px;
        margin-top: -130px
    }
}

.bloque-contenido-1 {
    margin-left: auto;
    margin-right: auto;
    max-width: 800px
}

.fd-boton-abajo {
    position: relative;
    top: 68%
}

.carrusel-beneficios-wrapper {
    margin-left: auto;
    margin-right: auto;
    padding-top: 95px;
    width: 90%
}

.carrusel-valores-wrapper {
    margin: 100px auto;
    width: 90%
}

.be-banner-bottom {
    margin-top: 70px
}

.be-titulo-slider {
    font-family: LatoBold, LatoIE700, sans-serif;
    padding-bottom: 9px;
    padding-top: 18px;
    text-align: center
}

.be-texto-slider {
    text-align: center
}

#be-myRoundabout img,
#va-myRoundabout img {
    border-radius: 50%
}

#be-myRoundabout,
#va-myRoundabout {
    padding-left: 20px;
    padding-right: 20px
}

#be-myRoundabout img,
#va-myRoundabout img {
    margin-left: auto;
    margin-right: auto
}

#be-myRoundabout .slick-dots,
#va-myRoundabout .slick-dots {
    margin: -20px
}

#be-myRoundabout .slick-dots li,
#va-myRoundabout .slick-dots li {
    margin: 0 !important
}

#be-myRoundabout .slick-dots li.slick-active button:before,
#va-myRoundabout .slick-dots li.slick-active button:before {
    color: #56aa1c !important;
    opacity: 1 !important
}

.be-bloque-imagenes {
    background-color: rgba(30, 20, 13, .5);
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 50px
}

.be-bloque-imagenes img {
    height: 176px;
    width: 176px
}

.be-imagen-carrera {
    text-align: center
}

.be-imagen-carrera img {
    border: 3px solid #1e140d;
    border-radius: 30%;
    height: 120px;
    width: 120px
}

.be-titulo-carrera {
    color: #fff;
    font-family: Lato, LatoIE, sans-serif;
    font-size: 24px;
    line-height: 1.33;
    padding-bottom: 30px;
    padding-top: 12px;
    text-align: center
}

.be-borde-texto-carrera {
    border: 2px solid #b1b1b1;
    border-radius: 6px;
    height: auto;
    margin-top: -62px;
    padding: 50px 20px 15px
}

@media(min-width:1200px) {
    .be-borde-texto-carrera {
        height: 213px
    }
}

.be-texto-carrera {
    color: #f7f5f1;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.5;
    margin-top: 20px;
    text-align: center
}

.be-bloque-flexibilidad {
    margin-top: 25px
}

@media(min-width:1200px) {
    .be-bloque-flexibilidad {
        margin-top: 80px;
        margin-top: 50px
    }
}

.be-bloque-imagenes-f {
    text-align: center
}

.be-bloque-imagenes-f img {
    background-color: #f7f5f1;
    border: 8px solid transparent;
    border-image-slice: 1;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 176px
}

.be-bloque-imagenes-f .round-degradado {
    width: 192px
}

@media(max-width:1199px) {
    .be-bloque-imagenes-f img {
        margin-top: 30px
    }
}

.f-titulo {
    color: #1e140d;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1.5;
    margin-top: 15px;
    text-align: center
}

@media(max-width:1199px) {
    .titulo-carrera-profesional {
        margin-top: 60px
    }

    .be-centrar {
        margin-top: 25px
    }
}

@media(min-width:1200px) {
    .be-central {
        background-image: url(/themes/custom/newstarbucks/img/be-center.png);
        background-position: 50%
    }

    .be-central .titulo-carrera-profesional {
        color: #fff;
        font-size: 28px;
        margin-top: 100px;
        padding-bottom: 15px;
        padding-top: 56px
    }
}

.be-centrar {
    text-align: center
}

.be-circulo-back {
    background-color: #1e140d;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    height: 130px;
    padding-top: 5px;
    width: 130px
}

.be-bottom-zone {
    margin-left: auto;
    margin-right: auto;
    padding: 30px 20px 80px
}

.be-bottom-zone #va-myRoundabout .round-degradado {
    width: 192px
}

.page-node-type-pagina-beneficios .cuerpo {
    margin-top: 55px
}

#be-myRoundabout .round-degradado {
    width: 192px
}

.carrusel-be-bottom-wrapper,
.carrusel-be-top-wrapper {
    padding-top: 30px
}

.carrusel-be-bottom-wrapper .slick-center,
.carrusel-be-top-wrapper .slick-center {
    transform: scale(1.15)
}

@media(min-width:992px) {

    .carrusel-be-bottom-wrapper .slick-slide:not(.slick-center),
    .carrusel-be-top-wrapper .slick-slide:not(.slick-center) {
        opacity: .5
    }

    .carrusel-be-bottom-wrapper .slick-slide,
    .carrusel-be-top-wrapper .slick-slide {
        padding-bottom: 35px;
        padding-top: 35px
    }

    .carrusel-be-bottom-wrapper,
    .carrusel-be-top-wrapper {
        margin-left: auto;
        margin-right: auto;
        width: 95%
    }

    .carrusel-be-bloque-texto {
        margin-left: auto;
        margin-right: auto;
        width: 220px
    }
}

@media(min-width:1200px) {

    .carrusel-be-bottom-wrapper,
    .carrusel-be-top-wrapper {
        clear: both;
        width: 80%
    }
}

@media(min-width:1500px) {

    .carrusel-be-bottom-wrapper,
    .carrusel-be-top-wrapper {
        width: 70%
    }
}

.anchor-be {
    display: block;
    height: 82px;
    margin-top: -130px;
    visibility: hidden
}

@media(min-width:1200px) {
    .anchor-be {
        height: 130px
    }
}

.page-node-136 .main-container {
    margin-top: 58px !important
}

@media(min-width:1200px) {
    .page-node-136 .main-container {
        margin-top: 106px !important
    }
}

.te-cuerpo-texto {
    margin-bottom: 20px;
    text-align: center
}

.te-titulo {
    color: #1e140d;
    font-family: LatoBold, LatoIE700, sans-serif;
    font-size: 18px;
    line-height: 1.44;
    min-height: 26px;
    text-align: center
}

.img-trabajar img {
    border-image-slice: 1;
    border-image-source: linear-gradient(270deg, #fff, #f7f5f1 53%, #fff);
    border-style: solid;
    border-width: 6px;
    box-shadow: 0 2px 1px 0 rgba(30, 20, 13, .1);
    display: inline;
    height: 208px;
    width: 313px
}

.bg-picture {
    height: 213px;
    width: 319px
}

.te-texto {
    color: #1e140d;
    font-size: 14px;
    line-height: 1.57;
    margin-left: 20px;
    margin-right: 20px
}

.site-boton,
.site-boton-centrado {
    margin-top: 20px
}

@media(max-width:1199px) {
    .te-fila {
        text-align: center
    }

    .trabajar-texto {
        padding-bottom: 30px;
        padding-top: 15px
    }

    .trabajar-texto .site-boton,
    .trabajar-texto .site-boton-centrado {
        margin-left: auto;
        margin-right: auto;
        padding-top: 12px
    }

    .view-trabajar-en-ginos .view-content .views-row-first {
        margin-top: 40px
    }

    .te-line {
        border: 1px solid #f2f2f2;
        height: 3px;
        margin-bottom: 15px;
        margin-top: 80px;
        width: 320px
    }
}

@media(min-width:1200px) {
    .view-trabajar-en-ginos div.views-row-odd {
        background-image: url(/themes/custom/newstarbucks/img/bg-stars-gris.png)
    }

    .te-cuerpo-texto {
        margin-bottom: 40px
    }

    .img-trabajar img {
        height: 290px;
        width: 464px
    }

    .te-titulo {
        font-size: 28px;
        letter-spacing: normal;
        line-height: 1.29;
        text-align: left
    }

    .te-texto {
        font-size: 16px;
        line-height: 1.5;
        margin-left: 0;
        margin-right: 0;
        margin-top: 20px;
        width: 662px
    }

    .views-row-even .div-imagen-trabajar {
        float: right
    }

    .views-row-odd .trabajar-texto {
        padding-left: 30px
    }

    .view-trabajar-en-ginos .h1-line {
        width: 34%
    }

    .view-trabajar-en-ginos .h1-texto {
        width: 32%
    }

    .view-trabajar-en-ginos .view-content .views-row {
        clear: both;
        padding-bottom: 45px;
        padding-top: 45px
    }
}

.container-cabecera-g {
    margin-top: 23px
}

.container-cabecera-g .te-tenemos {
    color: #fff;
    font-family: LatoBold, LatoIE700, sans-serif;
    font-size: 18px;
    line-height: 1.44
}

.container-cabecera-g .texto-base {
    color: #fff
}

.container-cabecera-g .cabecera-texto-g {
    text-align: left
}

.container-cabecera-g .texto-puestos-g {
    min-height: 145px
}

.container-cabecera-g .botones-cabecera-puestos {
    float: left;
    margin-right: 5%
}

.container-cabecera-g .botones-cabecera-puestos .site-boton,
.container-cabecera-g .botones-cabecera-puestos .site-boton-centrado {
    min-width: 120px;
    padding: 10px 20px
}

.container-cabecera-g .te-titulo-cabecera {
    font-size: 24px;
    line-height: 1.33;
    margin-bottom: 40px;
    margin-top: 40px
}

.container-cabecera-g .te-subtitulo-cabecera {
    font-family: Lato, LatoIE, sans-serif;
    font-size: 16px;
    line-height: 1.5
}

.container-cabecera-g .te-texto-cabecera {
    font-size: 14px
}

@media(min-width:768px) {
    .container-cabecera-g {
        color: #1e140d
    }

    .container-cabecera-g .te-tenemos {
        font-size: 28px;
        line-height: 1.29
    }
}

.titulo-nodo-en-banner-centrado.container-cabecera-g {
    margin-left: auto;
    margin-right: auto;
    top: 260px;
    width: 55%
}

.titulo-nodo-en-banner-centrado.container-cabecera-g .col-lg-6 {
    height: 340px
}

@media(max-width:1200px) {
    .titulo-nodo-en-banner-centrado.container-cabecera-g {
        padding-left: 50px;
        width: 85%
    }

    .titulo-nodo-en-banner-centrado.container-cabecera-g .texto-puestos-g.texto-base {
        margin-left: 0;
        margin-right: 0
    }
}

.te-bottom-zone {
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px
}

@media(max-width:1199px) {
    .te-banner-oficinas .banner-wrapper {
        margin-top: 160px
    }

    .te-banner-oficinas .banner-wrapper .cabecera img {
        height: 250px
    }

    .te-bottom-zone {
        margin-top: 25px
    }
}

@media(min-width:768px) {
    .te-hidden-gran {
        display: none
    }
}

@media(max-width:767px) {
    .te-hidden-peq {
        display: none
    }
}

.te-banner-center .cabecera-texto-centrado {
    width: 143px
}

@media screen and (min-width:768px) {
    .te-banner-center .cabecera-texto-centrado {
        width: 299px
    }
}

@media screen and (min-width:1200px) {
    .te-banner-center .cabecera-texto-centrado {
        width: 370px
    }
}

.tabs--primary a,
.tabs--primary a:focus,
.tabs--primary a:hover {
    color: #2a8a15
}

.webform-client-form-66 h1.h1-g {
    margin-top: 25px
}

.botones-cabecera-contacto,
.botones-cabecera-faqs {
    float: left;
    margin-right: 5%
}

.botones-cabecera-contacto .site-boton-gris.site-boton-centrado,
.botones-cabecera-contacto .site-boton.site-boton-gris,
.botones-cabecera-faqs .site-boton-gris.site-boton-centrado,
.botones-cabecera-faqs .site-boton.site-boton-gris {
    padding: 10px 74px 10px 72px
}

.botones-cabecera-contacto .site-boton,
.botones-cabecera-contacto .site-boton-centrado,
.botones-cabecera-faqs .site-boton,
.botones-cabecera-faqs .site-boton-centrado {
    padding: 10px 15px
}

.page-registro .main-container,
.page-user .main-container,
.page-user-login .main-container,
.page-user-password .main-container {
    margin-bottom: 30px;
    margin-top: 102px;
    padding-left: 10px;
    padding-right: 10px
}

@media(min-width:1200px) {

    .page-registro .main-container,
    .page-user .main-container,
    .page-user-login .main-container,
    .page-user-password .main-container {
        margin-top: 180px;
        padding-left: 0;
        padding-right: 0;
        width: 992px
    }

    .webform-client-form-66 {
        margin-left: auto;
        margin-right: auto;
        width: 1200px
    }

    .webform-client-form-66 h1.h1-g {
        margin-top: 50px
    }
}

.page-registro #registro-usuario-form table a,
.page-registro #registro-usuario-form table a:focus,
.page-registro #registro-usuario-form table a:hover,
.webform-client-form-66 a,
.webform-client-form-66 a:focus,
.webform-client-form-66 a:hover {
    color: #2a8a15
}

@media(max-width:767px) {
    .webform-client-form-66 .form-item-acepto label.control-label {
        display: inherit;
        padding-left: 43px
    }

    .webform-client-form-66 .form-item-acepto input#edit-submitted-acepto-1 {
        float: left;
        height: 30px;
        margin-left: -43px;
        margin-top: -38px;
        width: 30px
    }
}

@media(max-width:480px) {

    .privacidad-registro table,
    .webform-client-form-66 .webform-component--politica-privacidad table {
        font-size: 12px
    }
}

.page-node-98 .container-cabecera-g.titulo-nodo-en-banner,
.page-node-type-webform .container-cabecera-g.titulo-nodo-en-banner {
    top: 245px;
    width: 415px
}

.page-node-98 .webform-component--div-espaciado,
.page-node-type-webform .webform-component--div-espaciado {
    height: 285px
}

.page-node-98 .footer,
.page-node-type-webform .footer {
    margin-top: 50px
}

.page-node-98 .form-item-acepto,
.page-node-type-webform .form-item-acepto {
    font-weight: 400;
    margin-left: 15px;
    margin-top: 30px
}

.page-node-98 .form-actions,
.page-node-type-webform .form-actions {
    margin-left: 15px
}

.page-node-98 .form-actions button,
.page-node-type-webform .form-actions button {
    color: #fff
}

.page-node-98 .webform-confirmation,
.page-node-type-webform .webform-confirmation {
    margin-top: 60px;
    padding-left: 20px
}

.page-node-98 .webform-confirmation h2,
.page-node-type-webform .webform-confirmation h2 {
    font-weight: 700
}

.page-node-98 .webform-confirmation a,
.page-node-type-webform .webform-confirmation a {
    color: #2a8a15
}

@media(max-width:1199px) {
    .form-type-markup h1.h1-g {
        display: none
    }

    .form-type-markup .texto-base {
        font-family: LatoBold, LatoIE700, sans-serif;
        font-size: 18px;
        text-transform: uppercase
    }
}

@media(min-width:1200px) {

    .page-node-98,
    .page-node-type-webform {
        background-image: url(/themes/custom/newstarbucks/img/bg-stars-gris.png)
    }

    .page-node-98 .container-cabecera-g.titulo-nodo-en-banner,
    .page-node-type-webform .container-cabecera-g.titulo-nodo-en-banner {
        left: 0;
        top: 256px;
        width: 385px
    }

    #edit-submitted-acepto {
        float: left
    }
}

.webform-client-form-66 .webform-component--politica-privacidad,
.webform-submission-contact-node-137-add-form .webform-component--politica-privacidad {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    clear: both;
    height: 280px;
    margin-left: 15px;
    margin-right: 14px;
    overflow-y: scroll
}

.privacidad-registro {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    clear: both;
    height: 280px;
    margin-bottom: 20px;
    overflow-y: scroll
}

.page-user div.messages.status {
    background-color: #2a8a15;
    color: #fff;
    font-weight: 700;
    margin-bottom: 25px;
    padding: 25px
}

.botones-row-newuser,
.row.new-user-consiento {
    margin-top: 20px
}

.masinfo {
    font-weight: 700;
    text-decoration: underline
}

.form-required:after {
    background-image: none;
    background-size: auto;
    content: "*";
    display: inline;
    line-height: 1;
    padding-left: 5px;
    vertical-align: middle
}

.select-wrapper:after {
    color: #555
}

.fieldgroup legend {
    margin-bottom: 0
}

.fieldgroup span {
    color: #000;
    font-size: 14px;
    font-weight: 700
}

.field--type-text-with-summary p a {
    color: #c96723
}

.password-strength__meter {
    background-color: #ebeae4;
    margin-top: .5em
}

.password-strength__indicator {
    background-color: #77b259;
    transition: width .5s ease-out
}

.password-strength__indicator.is-weak {
    background-color: #e62600
}

.password-strength__indicator.is-fair {
    background-color: #e09600
}

.password-strength__indicator.is-good {
    background-color: #0074bd
}

.password-strength__indicator.is-strong {
    background-color: #77b259
}

.password-confirm,
.password-confirm-match,
.password-field,
.password-strength {
    width: 100%
}

.password-suggestions {
    border: 1px solid #b4b4b4;
    float: left;
    margin: .7em 0;
    max-width: 34.7em;
    padding: .2em .5em;
    width: 350px
}

.password-suggestions ul {
    margin-bottom: 0
}

.confirm-parent,
.password-parent {
    clear: left;
    margin: 0;
    max-width: 33em;
    overflow: hidden
}

[dir=rtl] .confirm-parent,
[dir=rtl] .password-parent {
    clear: right
}

.password-confirm-message .ok {
    color: #325e1c;
    font-weight: 700
}

.password-confirm-message .error {
    color: #a51b00;
    font-weight: 700
}

.form-group.confirm-parent,
.form-group.password-parent {
    clear: none;
    float: left;
    margin-right: 20px;
    width: 300px
}

#block-vipsapi-mis-datos-menu a,
#misdatos-main a {
    color: #2a8a15
}

.page-misdatos {
    background-color: #fff
}

.page-misdatos .clear .col-sm-6 {
    clear: both
}

.page-misdatos h1.titulo-forms-datos {
    margin-bottom: 20px
}

.page-misdatos h3 {
    font-size: 20px
}

.page-misdatos a,
.page-misdatos a:active,
.page-misdatos a:focus,
.page-misdatos a:hover {
    color: #2a8a15
}

.page-misdatos .main-container {
    background-color: #fff;
    padding-bottom: 30px
}

.page-misdatos .footer {
    margin-top: 0
}

.page-misdatos .page-header {
    display: none
}

.page-misdatos .container-inline-date .date-padding {
    float: none
}

.page-misdatos #edit-direccion>h4 {
    margin-bottom: 0;
    margin-top: 25px
}

.page-misdatos .form-group {
    margin-bottom: 0
}

.page-misdatos .form-item-fecha-nacimiento {
    margin-top: 18px;
    margin-bottom: 6px;
}


@media(min-width:768px) {
    .form-item-permiso label.control-label {
        margin-top: 40px
    }
}

.page-node-81 .main-container {
    margin-bottom: 30px;
    margin-top: 155px;
    padding-left: 15px;
    padding-right: 15px
}

#misdatos-main>div.row>div>div.col-xs-2 {
    margin-top: 29px
}

#edit-buscarpuestos {
    height: auto
}

.listado_resultados {
    clear: both;
    margin-top: 30px
}

.decline-button {
    display: none
}

select.dt-lugares {
    height: 34px
}

.dt-lugares .dropdown-menu.open {
    z-index: 999999
}

.page-misdatos button#edit-continuar,
.page-misdatos button#edit-exp-submit,
.page-misdatos button#edit-formacion-submit,
.page-misdatos button.btn-primary,
.page-misdatos button.icon-before,
.page-misdatos form#preferencias button#edit-submit {
    margin-top: 12px
}

#misdatos-main .input-append>div:nth-child(2) {
    padding-top: 26px
}

#edit-portugues--wrapper, #edit-espanol--wrapper, #edit-ingles--wrapper {
    margin-left: 9px;
}
.newtheme-home .sub-necesidades {
    margin-top: 13px
}

.newtheme-home .row .col-md-3,
.newtheme-home .row .col-md-4 {
    text-align: center
}

.home-cuerpo-centro-e,
.i-img-g {
    height: 176px;
    width: 176px
}

.home-cuerpo-centro-e {
    border: 5px solid #fff;
    box-shadow: 0 2px 2px 0 #fff
}

@media(max-width:1199px) {

    .page-node-type-inicio .row .col-md-3,
    .page-node-type-inicio .row .col-md-4 {
        margin-top: 40px
    }

    .carrusel-inicio {
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
        width: 314px
    }
}

@media(min-width:1200px) {
    .home-cuerpo-1 .col-md-3 {
        margin-top: 30px
    }

    .home-cuerpo-centro-e {
        height: 176px;
        width: 176px
    }

    .sub-necesidades {
        font-size: 16px
    }

    .home-bloque-3 .titular-carrusel {
        margin-left: auto;
        margin-right: auto;
        width: 1200px
    }
}

.home-cuerpo-1 img,
.img-central img {
    height: 176px;
    width: 176px
}

.home-cuerpo-1 .round-degradado {
    width: 192px
}

.home-cuerpo-centro {
    margin-top: 25px
}

.home-cuerpo-centro .texto-base {
    margin-top: 20px
}

.home-cuerpo-centro .round-degradado {
    height: 176px;
    width: 176px
}

.home-cuerpo-centro .round-degradado img {
    height: 160px;
    width: 160px
}

@media(min-width:1200px) {
    .home-cuerpo-centro {
        margin-top: 50px
    }
}

.home-bloque-3 {
    margin-top: 50px;
    padding-bottom: 70px;
    padding-top: 30px
}

.home-bloque-3 .h1-texto {
    margin-bottom: 2%;
    margin-left: auto;
    margin-right: auto
}

.home-bottom-zone {
    margin-top: 25px;
    padding-left: 20px;
    padding-right: 20px
}

.home-bottom-zone button.slick-arrow {
    display: none !important
}

@media(max-width:1199px) {
    .home-bottom-zone .texto-base {
        margin-left: 0;
        margin-right: 0
    }

    .home-bottom-zone .site-boton,
    .home-bottom-zone .site-boton-centrado {
        margin-left: auto;
        margin-right: auto
    }
}

@media(min-width:1200px) {
    .home-bottom-zone {
        margin-top: 70px
    }
}

.page-node-type-inicio .h1-texto {
    text-align: center
}

.img-slider-home {
    height: 200px;
    width: 200px
}

.roundabout-moveable-item img {
    border-radius: 35%;
    max-height: 100%;
    max-width: 100%
}

.invisible {
    display: none
}

.roundabout-holder {
    height: 200px;
    padding: 0
}

.roundabout-holder li {
    list-style-type: none;
    text-align: center
}

.roundabout-moveable-item {
    cursor: pointer;
    height: 200px;
    width: 200px
}

.roundabout-in-focus {
    cursor: auto
}

.carrusel-home-wrapper {
    padding-top: 20px
}

.carrusel-home-wrapper #myRoundabout {
    padding-left: 20px;
    padding-right: 20px
}

.carrusel-home-wrapper #myRoundabout .slick-list {
    padding-top: 30px !important
}

.carrusel-home-wrapper #myRoundabout img {
    border-radius: 25%;
    margin-left: auto;
    margin-right: auto
}

.carrusel-home-wrapper #myRoundabout .slick-dots {
    margin: -20px
}

.carrusel-home-wrapper #myRoundabout .slick-dots li {
    margin: 0 !important
}

.carrusel-home-wrapper #myRoundabout .slick-dots li.slick-active button:before {
    color: #56aa1c !important;
    opacity: 1 !important
}

.carrusel-home-wrapper #myRoundabout .texto-slider {
    padding-top: 20px;
    text-align: center
}

.carrusel-home-wrapper #myRoundabout div.slick-active.slick-center {
    transform: scale(1.1);
    -webkit-transition: transform 1.05s ease-in-out;
    -moz-transition: transform 1.05s ease-in-out;
    -ms-transition: transform 1.05s ease-in-out
}

.carrusel-home-wrapper #myRoundabout div.slick-slide:not(.slick-center) {
    opacity: .5
}

.carrusel-home-wrapper #myRoundabout .slick-center {
    transform: translateY(-20px);
    -webkit-transition: transform 1.05s ease-in-out;
    -moz-transition: transform 1.05s ease-in-out;
    -ms-transition: transform 1.05s ease-in-out
}

.carrusel-home-wrapper #myRoundabout .slick-center .texto-slider {
    display: block;
    margin-bottom: 20px
}

@media(min-width:992px) {
    .carrusel-home-wrapper #myRoundabout .texto-slider {
        display: none;
        min-height: 130px
    }
}

@media(min-width:1200px) {
    .carrusel-home-wrapper {
        margin-left: auto;
        margin-right: auto;
        padding-top: 210px;
        width: 95%;
        width: 90%
    }
}

.nombre-slider {
    font-weight: 700
}

.home-banner-central .banner-wrapper {
    margin-top: 290px
}

#flecha-d,
#flecha-i {
    cursor: pointer
}

#flecha-d {
    float: right
}

@font-face {
    font-family: OpenSans;
    src: url(../fonts/ginos/OpenSans-Regular.ttf) format("truetype")
}

@font-face {
    font-family: OpenSansSemi;
    src: url(../fonts/ginos/OpenSans-Semibold.ttf) format("truetype")
}

@font-face {
    font-family: OpenSansBold;
    src: url(../fonts/ginos/OpenSans-Bold.ttf) format("truetype")
}

@font-face {
    font-family: OpenSansIE;
    src: url(../fonts/ginos/OpenSans-Regular.eot)
}

@font-face {
    font-family: OpenSansSemiIE;
    src: url(../fonts/ginos/OpenSans-Semibold.eot)
}

@font-face {
    font-family: OpenSansBoldIE;
    src: url(../fonts/ginos/OpenSans-Bold.eot)
}

@font-face {
    font-family: ZonaProBold;
    src: url(../fonts/ginos/ZonaPro-Bold.otf) format("opentype")
}

.node-pagina-compromiso-social .bottom-zone {
    padding-bottom: 40px;
    padding-top: 40px
}

@media(max-width:1199px) {
    .bloque-compromisos #contenedor-menu-fixed {
        text-align: left;
        z-index: 99
    }
}

.bloque-compromisos {
    margin-top: 50px
}

.bloque-compromisos img {
    background-color: #f7f5f1;
    border: 8px solid transparent;
    border-image-slice: 1;
    border-radius: 50%;
    box-shadow: inset 0 2px 2px 0 rgba(30, 20, 13, .1);
    height: 170px;
    width: 186px;
    width: 170px
}

.bloque-compromisos .round-degradado {
    border: 8px transparent;
    width: 186px
}

@media(max-width:1199px) {
    .bloque-compromisos ul.nav {
        border-left: thick solid #e0e0e0;
        margin-left: 20px
    }
}

.titulo-menu-anclas {
    color: #1e140d;
    font-family: LatoBold, LatoIE700, sans-serif;
    font-size: 14px;
    text-transform: uppercase
}

@media(min-width:1200px) {
    .titulo-menu-anclas {
        height: 40px
    }

    .bloque-compromisos {
        margin-top: 100px
    }

    .bloque-compromisos #contenedor-menu-fixed {
        padding-left: 30px
    }

    .bloque-compromisos ul.nav {
        border-left: thick solid #e0e0e0;
        padding-top: 12px
    }

    .bloque-compromisos ul.nav li {
        margin-left: -18.5px
    }

    .titulo-menu-anclas {
        font-size: 12px;
        line-height: 1.4;
        margin-bottom: 15px;
        margin-top: -43px;
        padding-left: 50px !important
    }
}

.imagen-compromiso,
.imagen-compromiso img {
    height: 170px;
    width: 170px
}

.imagen-compromiso img {
    border-radius: 50%
}

@media(max-width:1199px) {
    .imagen-compromiso {
        margin-bottom: 40px;
        margin-left: auto;
        margin-right: auto
    }
}

.titulo-compromiso {
    color: #1e140d;
    font-family: LatoBold, LatoIE700, sans-serif;
    margin-top: 15px;
    padding-left: 20px;
    padding-right: 20px
}

@media(min-width:1200px) {
    .titulo-compromiso {
        font-size: 24px;
        padding: 0
    }
}

.texto-compromiso {
    color: #1e140d;
    font-family: Lato, LatoIE, sans-serif;
    font-size: 14px;
    line-height: 1.57;
    min-height: 100%;
    padding-left: 20px;
    padding-right: 20px
}

.node-type-pagina-compromiso-social .cs-menu-spy a.titulo-menu-anclas:focus,
.node-type-pagina-compromiso-social .cs-menu-spy a.titulo-menu-anclas:hover {
    background-color: transparent;
    color: #1e140d;
    font-family: LatoBold, LatoIE700, sans-serif
}

.cs-item {
    margin-bottom: 40px
}

@media(min-width:1200px) {
    .cs-item:not(:first) {
        margin-top: 40px
    }

    .texto-compromiso {
        font-size: 16px;
        line-height: 1.5;
        min-height: 143px;
        padding-left: 0;
        padding-right: 40px
    }

    .cs-item:not(:last) {
        margin-bottom: 120px;
        margin-top: 0
    }

    .cs-menu-spy .bola {
        background-color: #b1b1b1;
        border: 1px solid #e0e0e0;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        box-shadow: 0 2px 0 0 hsla(37, 11%, 60%, .2);
        display: inline-block;
        font-weight: 700;
        height: 32px;
        width: 32px
    }

    .cs-menu-spy.active .bola {
        background-color: #56aa1c;
        border: 1px solid #090;
        box-shadow: 0 2px 0 0 rgba(201, 103, 35, .2)
    }
}

.anchor-cs {
    display: block;
    height: 130px;
    margin-top: -130px;
    visibility: hidden
}

.node-type-pagina-compromiso-social .cs-bottom .site-boton-centrado {
    margin-top: 45px
}

@media(min-width:1200px) {

    .cs-banner-top .boton-wrapper-centrado,
    .cs-banner-top .cabecera-texto-centrado,
    .cs-banner-top .titulo-nodo-en-banner-centrado {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        width: 550px
    }
}

.footer {
    background-color: #f7f7f7;
    border-top: none;
    margin-top: 0;
    padding: 40px;
    width: 100%
}

.footer a {
    color: #382f2d;
    font-family: Lato, LatoIE, sans-serif;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    height: 16px;
    letter-spacing: normal;
    line-height: 1.5;
    width: 52px
}

.footer a:hover,
.footer h6 {
    color: #8a8885
}

.footer .region-footer {
    padding-left: 30px;
    padding-right: 30px
}

.footer .footer-wrapper-class h6 {
    margin-bottom: 0;
    margin-top: 0
}

.redes-sociales {
    text-align: center
}

.redes-sociales img {
    padding: 10px
}

.copyright {
    color: #382f2d;
    font-family: Lato, LatoIE, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    padding-top: 40px;
    text-align: left
}

.copyright .img-footer-logo {
    margin-bottom: 15px
}

@media(min-width:1200px) {
    .copyright {
        text-align: center
    }
}

.footer-title {
    color: #a49b8d;
    font-family: LatoBold, LatoIE700, sans-serif;
    margin-bottom: 3px;
    margin-top: 10px
}

.footer-title h6 {
    font-size: 16px
}

@media(min-width:1200px) {
    .footer-title {
        margin-bottom: 10px;
        margin-top: 0
    }
}

.faqs-indice-wrapper {
    background-color: #b1b1b1;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    box-shadow: 0 2px 0 0 hsla(35, 30%, 92%, .2);
    color: #1e140d;
    cursor: pointer;
    float: left;
    font-family: LatoBold, LatoIE700, sans-serif;
    font-size: 12px;
    height: 43px;
    margin-top: 5px;
    padding: 10px;
    width: 100%
}

span.faq-flecha {
    display: none
}

@media(min-width:1200px) {
    .faqs-pico-activo {
        background: #b1b1b1;
        border-right: 1px solid #e0e0e0;
        border-top: 1px solid #e0e0e0;
        float: left;
        height: 29.5px;
        margin-left: -15px;
        margin-top: 12px;
        transform: rotate(45deg);
        width: 29.5px
    }

    .faqs-pico-activo span.faq-flecha {
        display: block;
        margin-right: 10px;
        padding-top: 4px;
        transform: rotate(-45deg)
    }
}

.faqs-pico-oculto span.faq-flecha {
    display: none
}

@media(min-width:1200px) {
    .faqs-indice-wrapper {
        width: 245px
    }
}

.faq-flecha,
.faq-flecha-in {
    color: #e0e0e0;
    float: right
}

.faq-mas {
    color: #000;
    float: right;
    font-size: 1.7em;
    margin-top: -6px
}

.faqs-indice-activo {
    color: #56aa1c;
    width: 245px
}

.faqs-indice-activo .faq-flecha {
    display: inline
}

.faqs-indice-activo span.faq-flecha-in,
.faqs-listado-oculto {
    display: none
}

.faq-pregunta {
    border-top: 1px solid #e0e0e0;
    cursor: pointer;
    font-family: LatoBold, LatoIE700, sans-serif;
    padding: 11px 0
}

@media(max-width:1199px) {
    .faqs-listado-activo .views-row-1 .faq-pregunta {
        border-top: none
    }

    .faqs-listado-activo .views-row-1 .faq-pregunta p {
        margin-top: 50px
    }
}

@media(min-width:1200px) {
    .faqs-listado {
        border-bottom: 1px solid #e0e0e0;
        padding-left: 0;
        padding-right: 0
    }
}

.faq-respuesta-invisible {
    display: none
}

article.node-pagina-faqs {
    margin-bottom: 50px
}

article.node-pagina-faqs .faqs-contenido {
    clear: both;
    padding-top: 25px
}

article.node-pagina-faqs .faqs-contenido a,
article.node-pagina-faqs .faqs-contenido a:active,
article.node-pagina-faqs .faqs-contenido a:hover {
    color: #2a8a15
}

#faqs-atras {
    cursor: pointer;
    margin-bottom: 15px;
    padding-left: 20px
}

#faqs-atras .faqs-flecha {
    color: #56aa1c
}

.node-type-faq .main-container {
    margin-bottom: 10px;
    margin-top: 100px;
    padding-left: 15px;
    padding-right: 15px
}

@media(min-width:1200px) {
    .node-pagina-faqs .pagina-faqs .h1-texto {
        width: 12%
    }

    .node-pagina-faqs .pagina-faqs .h1-line {
        width: 44%
    }

    .titulo-nodo-en-banner {
        max-width: 510px
    }

    .node-type-faq .main-container {
        margin-bottom: 35px;
        margin-top: 170px;
        padding-left: 30px;
        padding-right: 30px
    }
}

@media(min-width:768px) {
    .cs-banner-top .titulo-nodo-en-banner {
        max-width: 450px
    }

    .home-banner-top .titulo-nodo-en-banner {
        max-width: 350px
    }
}

@media(max-width:767px) {
    .titulo-nodo-en-banner {
        max-width: 230px
    }
}

@media(min-width:768px) {

    .te-banner-top .boton-wrapper,
    .te-banner-top .boton-wrapper-centrado,
    .te-banner-top .cabecera-texto,
    .te-banner-top .titulo-nodo-en-banner {
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }

    .te-banner-top .boton-wrapper,
    .te-banner-top .boton-wrapper-centrado {
        width: 240px
    }
}

.site-boton-gris {
    background-color: #56aa1c !important;
    border-color: #090 !important
}

.site-boton-gris:active,
.site-boton-gris:focus,
.site-boton-gris:hover {
    background-color: #1d7a03 !important
}

.page-node-405 .main-container {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.banner-bottom.te-banner-bottom {
    margin-top: -20px !important
}

@media(min-width:768px)and (max-width:1100px) {

    .cs-banner-top .titulo-nodo-en-banner,
    .home-banner-top .titulo-nodo-en-banner {
        max-width: 330px
    }
}

.te-banner-top .botones-cabecera-contacto {
    width: 140px
}

@media(min-width:768px) {
    .te-banner-top .botones-centrados {
        margin-left: auto;
        margin-right: auto;
        width: 95%
    }

    .te-banner-top .botones-cabecera-contacto.last {
        float: right
    }
}

@media(min-width:1200px) {
    .te-banner-top .botones-centrados {
        margin-left: auto;
        margin-right: auto;
        width: 75%
    }

    .te-banner-top .botones-cabecera-contacto.last {
        float: right
    }
}

.page-node-98 {
    background-image: none
}

@media(max-width:767px) {

    .cs-banner-top .texto-banner-wrapper,
    .home-banner-top .texto-banner-wrapper {
        padding-top: 212px
    }

    .cs-banner-top .titulo-nodo-en-banner {
        max-width: 100%
    }

    .cs-banner-top .cabecera-texto {
        width: 100%
    }

    .fd-banner-top .texto-banner-wrapper {
        padding-top: 220px
    }

    .be-banner-top .texto-banner-wrapper {
        padding-top: 255px
    }

    .fd-banner-center,
    .te-banner-oficinas,
    .te-banner-top {
        background-position: 0
    }
}

.page-node-108 .main-container,
.page-node-32 .main-container,
.page-node-98 .main-container,
.page-node-89 .main-container {
    margin-top: 110px !important
}

h1.h1-invisible {
    display: none
}

.navbar-toggle,
.navbar-toggle:focus,
.navbar-toggle:hover {
    background-color: transparent !important;
    border: none
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    background-color: transparent !important
}

.icon-bar {
    background-color: #000 !important
}

.nav>li>a:focus,
.nav>li>a:hover {
    background-color: transparent !important;
    color: #000 !important
}

@media only screen and (max-width:1199px) {
    .navbar-nav {
        float: none;
        margin: 7.5px -15px
    }

    .navbar-nav>li {
        float: none
    }

    .navbar-nav>li>a {
        padding-bottom: 10px;
        padding-top: 10px
    }

    .navbar-collapse.collapse {
        display: none !important
    }

    .navbar-collapse.collapse.in {
        display: block !important;
        margin-left: -15px;
        margin-right: -15px
    }

    .navbar-header .collapse,
    .navbar-toggle {
        display: block !important
    }

    .navbar-header {
        float: none
    }

    .navbar-nav .open .dropdown-menu {
        background-color: transparent;
        border: 0;
        box-shadow: none;
        float: none;
        margin-top: 0;
        position: static;
        width: auto
    }

    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px;
        padding: 5px 15px 5px 25px
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #777
    }

    .dropdown-menu li a {
        background-color: transparent !important
    }
}

body {
    color: #000;
    font-family: Lato, LatoIE, sans-serif;
    margin-left: 0;
    margin-right: 0;
    overflow-x: hidden;
    width: 100%;
    margin-top: 0 !important;
}

a,
a:active,
a:focus,
a:hover {
    color: #2a8a15;
    text-decoration: none
}

.comoh1,
.subtitulo,
h1,
h2,
h3,
h4 {
    font-family: LatoBold, LatoIE700, sans-serif;
    font-size: 18px
}

.subtitulo {
    line-height: 1.44;
    margin-bottom: 4px
}

.texto-base {
    color: #1e140d;
    font-size: 14px;
    line-height: 1.57
}

.btn-primary,
button.btn-success[disabled]:focus,
button.btn-success[disabled]:hover,
button.btn:not(.dropdown-toggle) {
    background-color: #56aa1c;
    border: 1px solid #090;
    border-radius: 2px;
    box-shadow: 0 2px 0 0 rgba(201, 103, 35, .2);
    height: 43px
}

.btn-primary:active,
.btn-primary:active:focus,
.btn-primary:focus,
.btn-primary:hover,
button.btn.ajax-processed:active,
button.btn.ajax-processed:focus,
button.btn.ajax-processed:hover,
button.btn:focus,
button.btn:not(.dropdown-toggle):active,
button.btn:not(.dropdown-toggle):hover {
    background-color: #1d7a03;
    border: 1px solid #090;
    box-shadow: 0 2px 0 0 rgba(201, 103, 35, .2);
    outline: none
}

.webform-client-form-66 .btn-primary {
    margin-left: 15px
}

.site-boton,
.site-boton-centrado {
    background-color: #56aa1c;
    border-color: #090;
    font-family: LatoBold, LatoIE700, sans-serif;
    font-size: 14px;
    padding: 10px 42px;
    text-align: center
}

a.site-boton, a.site-boton-centrado {
    color: white;
}

@media(min-width:1200px) {

    .site-boton,
    .site-boton-centrado {
        font-size: 16px
    }
}

.site-boton-centrado:active,
.site-boton-centrado:focus,
.site-boton-centrado:hover,
.site-boton:active,
.site-boton:focus,
.site-boton:hover {
    background-color: #1d7a03
}

.site-boton-gris {
    background-color: #b1b1b1;
    border-color: #e0e0e0
}

.site-boton-gris:active,
.site-boton-gris:focus,
.site-boton-gris:hover {
    background-color: #a0a0a0
}

.site-boton-centrado {
    margin-left: auto;
    margin-right: auto
}

.boton-wrapper,
.boton-wrapper-centrado {
    margin-top: 25px
}

.boton-wrapper-centrado {
    margin-left: auto;
    margin-right: auto
}

@media(min-width:1200px) {

    .boton-wrapper,
    .boton-wrapper-centrado {
        min-width: 264px
    }
}

.h1-g {
    margin-left: 20px;
    margin-right: 20px
}

.comoh1 {
    margin-bottom: 10px;
    margin-top: 20px;
    text-transform: none
}

@media(min-width:1200px) {

    .comoh1,
    h1,
    h2,
    h3 {
        font-size: 26px
    }

    .h1-line {
        border: 2px solid #006847;
        float: left;
        height: 2px;
        margin-top: 32px;
        width: 14%
    }

    .h1-texto {
        float: left;
        margin-bottom: 30px;
        width: 70%
    }

    .subtitulo {
        font-size: 26px;
        line-height: 1.29;
        margin-bottom: 8px
    }

    .texto-base {
        font-size: 16px;
        line-height: 1.5
    }

    .h1-g {
        margin-left: 0;
        margin-right: 0;
        text-align: center
    }
}

.container {
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

.main-container {
    margin-top: 105px
}

.navbar-header {
    margin-top: 0
}

@media(min-width:1200px)and (max-width:1500px) {

    #navbar-collapse .navbar-nav,
    .navbar-header {
        margin-top: -10px
    }
}

@media(min-width:1500px) {
    .navbar-header {
        margin-top: -20px
    }
}

.navbar.container {
    background-color: #fff;
    font-family: Lato, LatoIE, sans-serif;
    margin-bottom: 0;
    margin-top: 0;
    max-width: 100%;
    min-width: 80px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-top: 15px;
    position: fixed;
    width: 100%;
    z-index: 999999
}

.navbar.container .navbar-nav li a,
.navbar.container .navbar-nav li a:hover {
    color: #1e140d;
    font-size: 14px;
    letter-spacing: .11em
}

.navbar.container .navbar-nav>li.active-trail.active:not(.last) a {
    background-color: #fff
}

.caret {
    display: none
}

@media(min-width:1200px) {
    .navbar-nav>li.active-trail.active:not(.last) a {
        border-bottom: 4px solid #006847;
        margin-left: 10px;
        margin-right: 10px;
        padding-left: 0;
        padding-right: 0
    }

    .dropdown-menu {
        padding-bottom: 0;
        padding-top: 0
    }

    .dropdown-menu li.leaf {
        background-color: #b1b1b1;
        margin: 0;
        padding: 3px
    }

    .dropdown-menu li.leaf a {
        border: none !important
    }

    .navbar.container {
        height: 130px;
        padding-bottom: 0;
        padding-left: 37px;
        padding-top: 40px
    }

    .navbar.container ul li.leaf a {
        padding-left: 5px;
        padding-right: 5px
    }

    .main-container {
        margin-top: 130px
    }
}

.bottom-zone {
    margin-left: auto;
    margin-right: auto;
    margin-top: 570px;
    padding-left: 20px;
    padding-right: 20px
}

.cuerpo {
    margin-top: 25px
}

@media(min-width:1200px) {
    .cuerpo {
        margin-top: 50px
    }

    .bloque-indent,
    .view-trabajar-en-ginos div.view-header,
    .view-trabajar-en-ginos div.views-row-even,
    .view-trabajar-en-ginos div.views-row-odd div.te-fila {
        margin-left: auto;
        margin-right: auto;
        width: 1200px
    }
}

.centrar-texto {
    text-align: center
}

@media(min-width:1200px) {
    .hidden-gran {
        display: none
    }
}

@media(max-width:1199px) {
    .centrar-peq {
        text-align: center
    }

    .hidden-peq {
        display: none
    }

    .texto-base {
        margin-left: 20px;
        margin-right: 20px
    }
}

.img-carrusel-bottom {
    border-image-slice: 1;
    border-image-source: linear-gradient(270deg, #fff, #f7f5f1 53%, #fff);
    border-style: solid;
    border-width: 6px;
    box-shadow: 0 2px 1px 0 rgba(30, 20, 13, .1);
    height: 180px;
    width: 314px
}

@media(min-width:1200px) {
    .img-carrusel-bottom {
        height: 266px;
        margin-left: auto;
        margin-right: auto;
        width: 464px
    }
}

.round-degradado {
    background: #fff;
    background-clip: padding-box;
    border: 8px solid transparent;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.round-degradado:after {
    background: linear-gradient(#fff, #f7f5f1);
    border-radius: 50%;
    bottom: -8px;
    content: "";
    left: -8px;
    position: absolute;
    right: -8px;
    top: -8px;
    z-index: -1
}

.fondo-brick {
    background-image: url(/themes/custom/newstarbucks/img/bg-stars-gris.png)
}

.no-hor-scroll {
    overflow-x: hidden
}

.botones-row-newuser {
    padding-bottom: 50px
}

.navbar-nav li.last a,
.navbar-nav li.last a:active,
.navbar-nav li.last a:focus,
.navbar-nav li.last a:hover {
    cursor: pointer
}

@media(min-width:1200px) {

    .navbar-nav li.last a,
    .navbar-nav li.last a.active-trail,
    .navbar-nav li.last a:active,
    .navbar-nav li.last a:focus,
    .navbar-nav li.last a:hover {
        background-color: #b1b1b1 !important;
        border: 1px solid #e0e0e0;
        border-radius: 2px;
        box-shadow: 0 2px 0 0 hsla(37, 11%, 60%, .2)
    }
}

.page-node-77 .field--name-body a,
.page-node-77 .field--name-body a:active,
.page-node-77 .field--name-body a:hover {
    color: #2a8a15
}

#node-82 p {
    text-align: justify
}

#node-82 a,
#node-82 a:active,
#node-82 a:hover {
    color: #2a8a15
}

.page-node-77 p {
    text-align: justify
}

article .content {
    margin: 40px auto 30px;
    width: 95%
}

.page-node-77 article a,
.page-node-82 article a {
    color: #2a8a15
}

.eu-cookie-compliance-more-button {
    display: none
}

#sliding-popup {
    background-color: #f7f7f7;
    padding: 20px
}

#sliding-popup a {
    color: #2a8a15
}

#sliding-popup .popup-content #popup-text {
    margin-bottom: 20px
}

#sliding-popup .popup-content #popup-text p {
    color: #382f2d;
    font-size: 15px;
    font-weight: 400
}

#sliding-popup #popup-buttons {
    max-width: 30%
}

#sliding-popup #popup-buttons .agree-button,
#sliding-popup #popup-buttons .agree-button:focus {
    background-color: #56aa1c;
    border: none !important;
    color: #2a8a15;
    font-family: LatoBold, LatoIE700, sans-serif;
    font-size: 14px;
    padding: 10px 42px;
    text-align: center
}

#sliding-popup #popup-buttons .find-more-button {
    display: none
}

@media(min-width:1200px) {
    #sliding-popup .popup-content #popup-text {
        max-width: 70%
    }
}

.error-404 {
    font-family: Lato, LatoIE, sans-serif;
    margin-bottom: 30px;
    margin-top: 30px
}

.error-404 h1 {
    font-size: 12rem;
    font-weight: 700;
    letter-spacing: .1ex
}

.error-404 .btn-md {
    line-height: 2;
    margin-bottom: 10px;
    min-width: 196px
}

@media(min-width:1200px) {
    .error-404 {
        margin-bottom: 100px;
        margin-top: 100px
    }

    .error-404 .h1 {
        font-size: 20rem
    }
}

.xs-mb-30 {
    margin-bottom: 30px
}

.slick-prev {
    background-image: url(/themes/custom/newstarbucks/img/flecha_izq_p.png) !important;
    z-index: 999
}

.slick-next,
.slick-prev {
    background-repeat: no-repeat !important;
    height: 34px !important;
    top: 34% !important
}

.slick-next {
    background-image: url(/themes/custom/newstarbucks/img/flecha_der_p.png) !important;
    margin-left: 80%
}

.slick-slide {
    outline: none !important
}

@media(min-width:480px) {
    .slick-next {
        margin-left: 85%
    }
}

@media(min-width:768px) {
    .slick-next {
        margin-left: 90%
    }
}

@media(min-width:992px) {
    .slick-next {
        margin-left: 93%
    }
}

@media(min-width:1200px)and (max-width:1500px) {
    .navbar-collapse ul.navbar-nav>li.leaf {
        text-align: center;
        width: 140px
    }

    .navbar-collapse ul.navbar-nav>li.leaf a,
    .navbar-collapse ul.navbar-nav>li.leaf a:hover {
        letter-spacing: .08em;
        padding-bottom: 5px
    }

    .navbar-collapse ul.navbar-nav>li.leaf:nth-child(4) {
        width: 180px
    }
}

.alert-danger {
    background-color: #a94442;
    color: #fff;
    margin-top: -11px;
    padding: 20px
}

.alert-danger a {
    font-weight: 700
}

.alert-danger ul {
    margin: 0
}

.page-registro div.messages.error,
form div.messages.error {
    margin-bottom: 20px
}

@media(min-width:1200px) {
    div.messages.error {
        margin-top: 19px
    }
}

@media(max-width:1199px) {
    .boton-ancho-wrapper {
        text-align: center
    }
}

@media(min-width:363px)and (max-width:1199px) {

    .boton-ancho-wrapper .site-boton,
    .boton-ancho-wrapper .site-boton-centrado {
        padding: 10px 120px
    }
}

.anchor {
    display: block;
    height: 130px;
    margin-top: -130px;
    visibility: hidden
}

.node-type-article .main-container a {
    color: #2a8a15
}

.logged-in.node-type-article .main-container,
.logged-in.page-misdatos .main-container {
    margin-bottom: 25px;
    margin-top: 105px
}

@media(min-width:1200px) {

    .logged-in.node-type-article .main-container,
    .logged-in.page-misdatos .main-container,
    .node-type-page .main-container {
        margin-top: 150px
    }
}

.page-header {
    border-bottom: none
}

.page-node-135 .page-header {
    margin-top: 40px
}

#cboxWrapper a {
    color: #2a8a15
}

.sitemap-option {
    font-family: LatoBold, LatoIE700, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: -1px;
    line-height: 18px;
    line-height: 1.8rem
}

.sitemap-subtitle {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
    margin-bottom: 20px
}

.sitemap-block {
    margin-bottom: 30px;
    margin-top: 30px
}

.sitemap {
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    width: 320px
}

.sitemap h1 {
    font-size: 36px;
    font-size: 3.6rem;
    letter-spacing: -1px;
    line-height: 36px;
    line-height: 3.6rem
}

.sitemap .col-md-4 {
    margin-bottom: 20px;
    margin-top: 20px
}

.sitemap a {
    color: #1e140d !important
}

@media screen and (min-width:480px) {
    .sitemap {
        width: 440px
    }
}

@media screen and (min-width:768px) {
    .sitemap {
        margin-top: 30px;
        width: 728px
    }
}

@media screen and (min-width:992px) {
    .sitemap {
        width: 952px
    }
}

@media screen and (min-width:1200px) {
    .sitemap {
        width: 1160px
    }
}

.btn-default {
    color: #fff
}

.form-item-acepto label.control-label {
    font-weight: 700
}

.page-node-98,
.page-node-type-webform {
    background-image: none
}

form#situacionpersonal button {
  margin-top: 12px;
}

.view-como-conocido, .view-motivos-de-baja {
  margin-left: 18px;
  margin-right: 18px;
}

:target::before {
  content: "";
  display: block;
  height: 130px; /* aquí la altura de la cabecera fija*/
  margin: -130px 0 0; /* altura negativa de la cabecera fija */
}

  /*# sourceMappingURL=newtheme.css.map */

  .js-form-item {
    margin-bottom: 15px;
}

.new-registro-usuario-form select, .info-adicional-form select, .editar-datos-form select, #edit-motivobaja {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    margin-left: 0px;
}

.privacidad-registro table td, #edit-politica-privacidad-starbucks table td {
    background-color: white;
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border: 1px solid #ddd;
}

.privacidad-registro table th, #edit-politica-privacidad-starbucks table th {
    background-color: white;
    color: black;
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

input.form-submit {
  width: 267px;
}

select[multiple], select[size] {
    height: auto;
}

#block-newstarbucks-osmeusdados .list-group-item {
  background-color: transparent;
  border: none;
}

.page-node-95 .content, .page-node-96 .content {
    margin: 40px auto 30px;
    width: 95%;
}