/*
    Document   : custom
    Created on : 24-feb-2014, 23:33:46
    Author     : Javi
    Description:
        Purpose of the stylesheet follows.
*/

/*Pantalla grande normal*/

@font-face{ /* for IE */
    font-family: Caecilia;
    src: url(CaeciliaLTStd-Bold.eot); /* IE */
}

@font-face {
    font-family: Caecilia;
    src: url(CaeciliaLTStd-Bold.ttf);
}
@font-face{ /* for IE */
    font-family: Caecilia-Heavy;
    src: url(CaeciliaLTStd-Heavy.otf); /* IE */
}

@font-face {
    font-family: Caecilia-Heavy;
    src: url(CaeciliaLTStd-Heavy.ttf);
}
@font-face {
    font-family: Amatic SC;
    src: url(amaticsc_regular.ttf);
}

@font-face {
    font-family: 'Fredericka the Great';
    src: url('fonts/fredericka_the_great/fredericka_the_great_regular.eot');
    src: url('fonts/fredericka_the_great/fredericka_the_great_regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/fredericka_the_great/fredericka_the_great_regular.woff2') format('woff2'),
    url('fonts/fredericka_the_great/fredericka_the_great_regular.woff') format('woff'),
    url('fonts/fredericka_the_great/fredericka_the_great_regular.ttf') format('truetype'),
    url('fonts/fredericka_the_great/fredericka_the_great_regular.svg#fredericka_the_greatregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Icons';
    src:  url('fonts/iconfont/iconfont.eot?o2yar8');
    src:  url('fonts/iconfont/iconfont.eot?o2yar8#iefix') format('embedded-opentype'),
    url('fonts/iconfont/iconfont.woff?o2yar8') format('woff'),
    url('fonts/iconfont/iconfont.svg?o2yar8#iconfont') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Amatic SC';
    src: url('fonts/amatic/amaticsc_regular.ttf');
}

@font-face {
    font-family: 'Sketch Block';
    src: url('fonts/sketch_block/Sketch_Block.ttf');
}

ul.bxslider,
body {
    margin-top: 0;
}

.container {
    position: relative;width: 1000px;margin: 0 auto; padding: 0;
}

#cabecera {
    background-image: url(../img/cabecera_home.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 112px;
}

#principal {
    padding-top: 20px;
}

#sidebar {
    float: left;
    width: 450px;
}

#sidecabecera {
    background-image: url(../img/cabecera1.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 26px;
}

#sidecabecera p {
    margin-top: 0px;
}

#contenido {
    height: auto;
    display: block;
    margin: 0 auto;
}

.msgbottom {
    float: right;
    width: 570px;
    height: auto;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin-top: 10px;
    color: #5b5b5b;
    padding: 10px;
}

.msgbottom a{color: #F45B6D !important;text-decoration:none;}

#contenidocabecera {
    background-image: url(../img/cabeceraform3.jpg);
    background-repeat: no-repeat;
    background-size: 588px;
    height: 30px;
}

.formulario {
    font-family: Caecilia, Verdana, Arial, Helvetica;
    color: #5b5b5b;
    margin-top: 0px !important;
    padding-top: 0px !important;
}

.formdesc1 {
    padding: 0px 0px;
    font-family: 'Amatic SC' !important;
    font-size: 35px;
    margin-bottom: 0px !important;
    margin-top: 10px;
    font-weight: 900;
}

.formdesc2 {
    float: right;
    font-size: 11px !important;
    margin-bottom: 0px !important;
}

.divFilaForm {
    width: 100%;
    margin-bottom: 2px;
    box-sizing: border-box;
}

.divlabel {
    display: inline-block;
    width: 251px;
    font-size: 12px !important;
}

#birthLabel,
#anniversaireLabel {
    line-height: 14px;
}

#anniversaireLabel.birth-of-child-label {
    letter-spacing: -0.5px;
    margin: 0;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.divcampos {
    display: inline-block;
    margin: 0;
}

.divcampos input {
    display: inline;
    height: 13px;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    padding: 4px 6px;
    line-height: 20px;
    color: #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 12px !important;
    vertical-align: middle;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.check {
    display: inline-block;
}

.aviso {
    display: inline-block;
    width: 417px;
    float: right;
    margin-left: 10px;
}

.nestle {
    width: 298px !important;
}

.aviso a {
    text-decoration: none;
    color: #F45B6D !important;
}

.avisoImg, .avisoTexto {
    float: left;
}


.actionBox {
    overflow: hidden;
    margin-top: 15px;
    background-color: #fff;
}

.formBox {
    background-color: #fff !important;
    padding: 0 10px 10px !important;
}

.avisoImg .imgBox {
    margin-top: 28px;
    width: 203px;
    height: 168px;
    position: absolute;
    right: 5px;
}

.avisoImg .imglogo {
    width: 88px;
    margin-left: 48px;
    margin-top: -22px;
    height: 54px;
    position: absolute;
    display: none;
}

.asterisco {
    position: absolute;
    margin-top: -27px;
    margin-left: 75px;
    color: #f00;
}

.asteriscoabajo {
    color: #f00;
    font-size: 16px;
    margin: 0;
}

#condiciones {
    font-size: 12px !important;
    margin-top: 0;
}

#emailInput {
    width: 127px;
}

#SubmitButton, #SubmitButtonRegistered {
    background-color: #FF5165 !important;
    border: none !important;
    color: white !important;
    font-weight: bold !important;
    padding: 10px 20px;
    border-radius: 9px;
    width: 282px;
    height: 46px;
    font-size: 20px;
    float: right;
    margin-right: 205px;
    margin-top: 12px;
    margin-bottom: 27px;
}

#SubmitButtonForm100 {
    background-color: #FF5165 !important;
    border: medium none !important;
    color: #FFF !important;
    font-weight: bold !important;
    padding: 10px 20px;
    border-radius: 7px;
    width: 138px;
    font-size: 13px;
    margin-top: 12px;
    margin-bottom: 27px;
}

#emailDiv {
    margin-top: 20px;
}

#anniversaireDivInput {
    vertical-align: top;
}

#nombreInput {
    width: 204px;
}

#apellidosInput {
    width: 295px;
}

#titulo1 {
    text-align: center;
    font-family: Caecilia, Verdana !important;
    color: #f45b6d !important;
    font-size: 23px !important;
    font-weight: bold;
    padding: 0px 80px;
    line-height: 23px;
    margin: 0 0 10px;
}

#titulo2 {
    text-align: center;
    font-family: Caecilia, Verdana !important;
    color: #f45b6d !important;
    font-size: 18px !important;
    font-weight: bold;
    padding: 0px 80px;
    line-height: 23px;
    margin-top: 22px;
}

#msgAsterisco {
    font-size: 11px;
    font-weight: bold;
    line-height: 1.6;
    text-align: center;
    font-family: Caecilia !important;
    color: #5b5b5b;
    width: 100%;
}

.form2lb {
    width: 251px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px !important;
    font-weight: normal;
    line-height: 20px;
}

#adressseInput {
    width: 265px;
}

#codePostalInput {
    width: 70px;
}

.moreChildren{
    text-decoration: underline;
    cursor: pointer;
}

.moreChildren.second{
    display: none;
}

.delete-icon{
    font-family: 'Icons';
    position: absolute;
    right: -26px;
    font-size: 24px;
    line-height: 50px;
    cursor: pointer;
}

#villeInput {
    width: 265px;
}

#PaysInput {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px !important;
    border: 1px solid #bbb;
    height: 30px;
}

#NomUtilisateurInput {
    width: 265px;
}

#MotDePasseInput {
    width: 265px;
}

#VeriMotDePasseInput {
    width: 265px;
}

#contenidof3 {
    float: right;
    width: 588px;
    height: 541px;
    background-color: #f4f4f4 !important;
}

#msgSuperior {
    margin-bottom: 50px;
}

#error {
    padding-left: 10px;
    background: #ffeded;
    font-weight: bold;
    color: red;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    line-height: 20px;
}

#error p {
    margin-top: 2px;
    margin-bottom: 2px;
}

.imgTablet,
.imgMovil {
    display: none;
    text-align: center;
}

.imgTablet img,
.imgMovil img {
    width: 100%;
}

.cumple {
    text-align: right;
    width: 100%;
}

.nombreMascotaLabel {
    text-align: right;
    margin-left: 75px;
}

.fechaNacMasLabel {
    text-align: right;
    margin-left: 81px;
}

.razaMascotaLabel {
    text-align: right;
    margin-left: 75px;
}

.pesoMascotaLabel {
    text-align: right;
    margin-left: 75px;
}

#nombreMascotaInput {
    width: 200px;
}

.pesoCampo {
    display: block;
}

#razaMascotaInput {
    width: 200px;
}

#pesoMascotaInput {
    width: 200px;
}

.ultimoFecha {
    margin-right: 0px;
}

.tipoVia {
    width: 74px;
}

#direccionInput {
    width: 346px;
}

#cumplemama_anyo {
    margin-right: 0px;
}

#cumplebebe_anyo {
    margin-right: 0px;
}

#numeroInput {
    width: 65px;
}

#pisoInput {
    width: 65px;
    margin-left: 2px;
}

#puertaInput {
    width: 65px;
    margin-left: 10px;
}

#bloqueInput {
    width: 141px;
    margin-left: 10px;
}

#codigoPostInput {
    width: 90px;
    margin-left: 10px;
}

.divcafetera {
    margin-left: 26px;
}

#cafeteraSelect {
    width: 258px;
}

#mascotaSelect {
    margin-left: 178px;
}

.fechaNacMasDiv {
}

#datosMascotasDiv {
    display: none;
}

.cabecera3210, .titReg {
    width: 100%;
    background-color: #F35166;
    color: white;
    font-family: Caecilia, Verdana, Arial, Helvetica;
    padding: 3px 0px;
}

.cabecera3210 span, .titReg span {
    margin-left: 10px;
}

.merci3210 {
    width: 80%;
    color: #5b5b5b;
    font-family: Caecilia, Verdana, Arial, Helvetica;
    padding: 40px;
    font-weight: bold;
}

.merci3210 span {
    font-size: 40px;
}

#sidebar .cabecera3210, #sidebar .titReg {
    text-align: center;
}

.cabeceraimg {
    max-width: 100%;
}

.bannerregsiter {
    background-color: #F3A1A3;
}

.formulario {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px !important;
    font-weight: normal;
    line-height: 14px;
}

#sidebar .parte1 {
    font-family: 'Caecilia';
    font-size: 20px;
    text-align: center;
    line-height: 22px;
    color: #666;
    height: 100%;
}

#sidebar .parte1 .form3 {
    height: 100%;
}

#sidebar .parte2 {
    font-family: 'Caecilia';
    text-align: center;
    line-height: 22px;
    color: #666;
    border-bottom: 1px dashed #ea4b62;
    padding-bottom: 15px;
    font-size: 15px;
}

#sidebar .parte3 {
    font-family: 'Caecilia';
    text-align: center;
    line-height: 22px;
    color: #666;
    border-bottom: 1px dashed #ea4b62;
    padding-bottom: 15px;
    font-size: 15px;
}

#sidebar .parte1{margin-top:20px;}

.fechasaniversario {
    float: left;
    width: 100%;
    margin-right: 10px;
}

#emailDiv {
    margin-top: 10px;
}

#msgSuperior {
    margin-bottom: 10px;
    margin-top: 10px;
}

.divFilaForm {
    width: 100%;
    margin-bottom: 0;
}

.aviso {
    display: inline-block;
    width: 520px;
    float: right;
}

#condiciones {
    font-size: 12px !important;
    padding: 5px 0 0 14px;
    float: left;
    line-height: 20px;
    width: 100%;
}

.check {
    float: left;
}

#emailInput {
    width: 290px;
}

#telefonoInput{width: 209px;}

#sidebar {
    float: none;
    width: 100%;
    max-width: 1170px;
    padding: 0 !important;
    overflow: hidden;
    margin: 0 auto;
}

#titulo2 {
    line-height: 20px;
    margin-top: 10px;
}

#msgAsterisco {
    line-height: 0.6;
}

#PaysInput {
    height: 23px;
}

#NomUtilisateurInput {
    width: 150px;
}


.form2lb {
    width: 200px;
}

#contenidof3 {
    height: auto;
}

#sidebar .parte1PC, #sidebar .parte2PC {
    display: none;
}

#popup_nestle,
.popup {
    display: none;
    background: #FFF none repeat scroll 0% 0%;
    border-radius: 6px;
    padding: 10px 18px;
    width: 800px;
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    height: 280px;
    overflow: auto;
    z-index: 5;
}

.legal_close {
    float: right;
    margin-right: 0;
    margin-top: 0;
    overflow: hidden;
    cursor: pointer;
}

.legalText {
    margin: 20px 0;
}

#coreg_vert_box {
    margin-top: 5px;
    margin-right: 5px;
}

#modalMask {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    background-color: gray;
    opacity: 0.8;
    filter: alpha('opacity:80');
    display: none;
    z-index: 4;
}

@media only screen and (max-width: 800px) {
    #sidebar .parte1PC, #sidebar .parte2PC {
        display: block;
    }

    .cabecerasidebar {
        display: none;
    }

    .container {
        position: relative;
        width: 100%;
    }

    #contenido {
        float: left;
        width: 100%;
        margin: 0px;
        height: auto;
    }

    .msgbottom {
        float: left;
        width: 90%;
        margin: 0px;
        height: auto;
        font-size: 10px;
    }

    #contenidof3 {
        float: left;
        width: 100%;
        margin: 0px;
        height: auto;
    }

    .cabecera3210, .titReg {
        font-size: 14px;
    }

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

    .slogan3210 {
        font-family: 'Caecilia';
        font-size: 22px;
        text-align: left;
        line-height: 27px;
        color: #f49832;
        background-color: #ecedee;
        margin-top: 0px;
        padding: 15px;
        float: left;
        width: 100%;
        padding-left: 20px;
    }

    .sloganimagen3210 {
        margin-right: 37px;
        width: 42% !important;
        float: right;
        margin-top: -118px;
    }

    #SubmitButton, #SubmitButtonRegistered {
        margin-left: auto;
        margin-right: auto;
        display: block;
        float: none;
        width: 230px;
    }

    .aviso {
        display: inline-block;
        width: 100%;
    }

    #sidebar .parte2 {
        width: 45%;
        float: left;
        text-align: center;
    }

    #sidebar .parte1 {
        width: 45%;
        float: right;
        text-align: center;
        font-size: 26px;
    }

    #sidebar .parte2 {
        font-size: 15px;
    }

    #sidebar .parte1 span {
        font-size: 36px !important;
        line-height: 36px !important;
    }

    #sidebar .parte2 span {
        display: none;
    }

    #sidebar .parte2 {
        border-bottom: 0px solid white;
    }

    #sidebar .parte1 img {
        width: 100%;
        float: right;
        text-align: center;
        margin-right: 25px;
    }

    .aviso {
        display: inline-block;
        width: 90%;
    }

    #nomInput {
        margin-left: 0px;
    }

    body {
        padding-top: 0px;
    }

    #principal {
        padding-top: 0px;
    }

    #sidebar .parte2 br {
        display: none;
    }

    #sidebar .parte1 {
        margin-top: 10px;
    }

    #sidebar .parte2 {
        padding-bottom: 0px;
    }

    .divcampos select {
        float: left;
    }

    #vert_legal_big {
        width: 600px;
    }

    .bannernewPC {
        display: none;
    }

    .imgTablet {
        display: block;
    }
}

@media only screen and (max-width: 580px) {
    #vert_legal_big {
        width: 100%;
        box-sizing: border-box;
        height: 400px;
    }

    .aviso {
        font-size: 10px;
        line-height: 13px;
    }

    #sidebar .parte1 {
        width: 45%;
        float: right;
        text-align: center;
        font-size: 16px;
    }

    #sidebar .parte2 {
        font-size: 13px;
    }

    #sidebar .parte1 span {
        font-size: 22px !important;
        line-height: 24px !important;
    }

    #sidebar .parte2 img {
        width: 80%;
        float: left;
        text-align: center;
        margin-left: 25px;
    }

    .divcampos select {
        width: 85%;
        float: left;
    }

    #nomInput {
        margin-left: 0px;
    }

    .nomprenomlabel, .telephonelabel, .emaillabel {
        display: none;
    }

    #sidebar .parte1 {
        margin-right: 20px;
    }

    #nomInput {
        margin-left: 0px;
        margin-top: 5px;
    }

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

    #emailDiv {
        margin-top: 0px;
    }

    .cabeceraimg {
        display: none;
    }

    .aviso {
        font-size: 10px;
    }

    #contenidof3 .divlabel {
        display: none;
    }

    #contenidof3 #PaysInput {
        float: right;
        width: 120px !important;
    }

    #sidebar .parte1.form3, #sidebar .parte2.form3 {
        display: none !important;
    }

    #titulo1 {
        font-size: 17px !important;
    }

    #titulo2 {
        font-size: 14px !important;
    }

    #titulo1 {
        margin: 0 0 10px;
        padding: 0 15px;
    }

    #titulo2 {
        padding: 0 15px;
    }

    .imgMovil {
        display: block;
    }

    .imgTablet {
        display: none;
    }

    #contenido.comunidad3210 .imgMovil {
        margin-top: 0;
    }
}



/* #Media Queries
================================================== */

/**/
#contenido input, #contenido select, #contenidof3 input {
    font-family: Caecilia !important;
    font-size: 13px !important;
    width: 100%;
}

.formdesc1 {
    padding: 10px 0 16px 7px;
    display: block;
    float: left;
}

#nombreInput {
    width: 170px;
}

#apellidosInput {
    width: 220px;
    margin-left: 10px;
}

#telefonoInput {
    width: 150px;
    margin-left: 10px;
}

#emailInput {
    width: 240px;
}

#direccionInput {
    width: 327px;
}

#numeroInput {
    width: 35px;
}

#pisoInput {
    width: 35px;
    margin-left: 10px;
}

#puertaInput {
    width: 40px;
    margin-left: 10px;
}

#bloqueInput {
    width: 121px;
    margin-left: 10px;
}

#paisLabel {
    margin-left: 10px;
}

.cafeteraDivLabel {
    width: 250px;
    margin-top: 10px;
}

.divcafetera {
    margin-left: 0px;
}

#cafeteraSelect {
    width: 188px;
}

.mascotaDivLabel {
    width: 205px;
}

#mascotaSelect {
    margin-left: 0 !important;
    width: 100%;
}

#cafeteraSelect {
    width: 100%;
    float: left;
    margin-top: -10px;
}

.aviso {
    display: inline-block;
    width: auto;
    float: left;
    margin-left: 10px;
}

.divcampos select {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #555;
    height: 25px;
}

.aniversario1 {
    margin-top: 0;
}

#numeroInput {
    width: 25px;
}

#puertaInput {
    width: 50px;
}

#direccionInput {
    width: 282px;
}

.asterisco.pais {
    margin-left: 2px;
}

.asterisco.cafetera {
    margin-top: -8px;
    float: right;
}

.asterisco.mascota {
    margin-left: 0px;
}

.fechaNacMasLabel {
    text-align: right;
    margin-left: 67px;
}

#contenidof3 {
    width: 490px;
}


.container {
    background-color: white;
    height: 665px;
}

#sidebar .parte1 {
    margin-top: 0px;
}

#contenidof3 #titulo1 {
    margin-top: 15px;
}

#contenidof3 #titulo2 {
    font-size: 25px !important;
}

#contenidof3 #titulo3 {
    text-align: center;
    font-family: Caecilia;
}

.nombreMascotaCampo {
    float: left;
}

#sidebar {
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 30px;
}

#contenido {
    float: none;
}

#contenidof3 {
    float: left;
}

.cabecera3210, .titReg {
    color: white;
    background-position: right;
    background-repeat: no-repeat;
    font-family: Caecilia;
    background-color: #ff5165;
    background-image: url(/Images_News/home-bg-fletxes.png);
}

.nombremascota {
    float: left;
    width: 45%;
}

.razamascota {
    float: left;
    width: 45%;
    margin-left: 22px;
}

.pesomascota {
    float: left;
    width: 45%;
}

#datosMascotasDiv .divlabel {
    display: none;
}

#fechaNacMascotaLabel {
    float: left;
    margin-left: 23px;
}

#cumplemascota_mes {
    margin-left: 23px;
}

.pesomascota {
    float: left;
    width: 45%;
    clear: left;
}

#mascotarazaSelect {
    width: 190px;
    margin-left: 25px;
}

#mascotarazaSelect {
    width: 215px;
    margin-left: 0px;
}

#contenidof3 .formulario {
    background-color: #FF5165 !important;
    padding: 10px !important;
    margin: 20px;
    border-radius: 7px;
    display: inline-block;
}

#contenidof3 .formulario label, #contenidof3 .formulario .divlabel {
    display: none;
}

#contenidof3 .formulario #condiciones label {
    display: block;
}

.cabeceradatosusuario {
    margin: 5px 0px 10px 0px;
    color: white;
    font-weight: normal;
    font-family: Caecilia;
}

#contenidof3 .formulario .aviso {
    width: 375px;
}

#contenidof3 .divFilaForm.email, #contenidof3 .divFilaForm.pass1, #contenidof3 .divFilaForm.pass2 {
    float: left;
    width: 33%;
}

#contenidof3 input {
    width: 103px;
}

span.textoauxdatos {
    font-size: 10px;
    letter-spacing: -1px;
    color: white;
}

#contenidof3 input#checkCondiciones {
    width: auto;
    margin-left: 23px;
}

input#checkCondiciones {
    width: auto;
}

label.aviso {
    font-family: Caecilia;
    font-weight: normal;
}

#contenidof3 .formulario {
    width: 425px;
}

#contenidof3 #titulo1 {
    font-size: 34px !important;
}

#contenidof3 #titulo2 {
    font-size: 30px !important;
    margin-bottom: 0px;
}

#contenidof3 #titulo3 {
    text-align: center;
    font-family: Caecilia;
    font-weight: bold;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 22px !important;
}

#contenidof3 .formulario {
    background-color: #e9858f !important;
}

#contenidof3 .formulario {
    width: 450px;
    margin: 10px;
    margin-left: 15px;
}

#contenidof3 input {
    width: 130px;
}

span.textoauxdatos {
    font-size: 11px;
    letter-spacing: -1px;
    color: white;
    margin-left: 10px;
}

#condicionesSubReg {
    font-size: 12px !important;
    margin-top: 15px;
    color: #5b5b5b;
    overflow: hidden !important;
}

label.aviso {
    font-family: Verdana;
}

.container {
    background-color: white;
    height: 824px;
}

#pesoMascotaInput {
    width: 50px;
}

.pesomascota {
    float: left;
    width: auto;
    clear: left;
}

.fechaNacMasDiv {
    width: 205px;
    float: right;
}

#coregistro_nestle {
    float: left;
    margin-top: 20px;
}

.fechaNacMasLabel {
    text-align: right;
    margin-left: 0px;
    float: left;
    width: auto;
    display: inline;
    clear: both;
    line-height: 43px;
}

#fechaNacMascotaLabel {
    float: left;
    margin-left: 5px;
}

.fechaNacMasDiv {
    width: auto;
    float: left;
}

.pesomascota {
    float: right;
    width: auto;
    clear: none;
    margin-right: 15px;
}

#cumplemascota_mes {
    margin-left: 5px;
}

.razamascota {
    float: right;
    width: 45%;
    margin-right: 8px;
}

#mascotarazaSelect {
    width: 100%;
    margin-left: 0;
}

.razamascota {
    float: right;
    width: 45%;
    margin-right: 8px;
}

.razaMascotaLabel {
    display: block !important;
    width: auto;
    float: left;
    margin-left: 0px;
    line-height: 52px;
}

.razamascota {
    margin-top: 5px;
}

.container.form1 {
    background-color: white;
    height: auto;
}

.container.form3 {
    background-color: white;
    height: 528px;
}

.container.form100 {
    background-color: white;
    height: 770px;
    padding-bottom: 15px;
}

#contenidof3 {
    width: 500px;
    height: 100%;
}

.pesomascota {
    width: auto;
    margin-right: 15px;
    float: left;
}

.pesoMascotaLabel {
    display: block;
    margin-left: 0px;
    width: auto;
    clear: none;
    float: left;
    line-height: 62px;
}

#pesoMascotaInput {
    margin-left: 10px;
}

.pesoMascotaLabel {
    display: block !important;
}

.ositoregalo {
    font-size: 20px;
    color: #ea4b62;
    letter-spacing: -1px;
    margin-top: 10px;
}

.divcampos input {
    height: 15px;
}

#coregistro_nestle {
    float: left;
    margin-top: 0px;
    border: 1px solid lightgray;
    padding: 0px 15px;
    width: 100%;
    box-sizing: border-box;
    padding-bottom: 15px;
}

.coregBox {
    box-sizing: border-box;
    background-color: #FFF;
    overflow: hidden;
    padding: 0 14px 15px 15px;
    width: 100%;
    margin-top: 0;
    border: 1px solid #000;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-bottom: 13px;
}

.coregBox .titleLine {
    display: block;
    font-size: 15px;
    color: #EA4B62;
    letter-spacing: -1px;
    margin-top: 10px;
    font-weight: bold;
    margin-bottom: 5px;
}

.vertImg {
    width: 100%;
}

.vertImg img {
    width: 100%;
}

.divlabel.provincia {
    width: 65px;
}

#ciudadInput {
    width: 165px;
}

.poblacionrepo3 {
    float: right;
    margin-right: 3px;
}

.titReg {
    background-image: url(/Images_News/comunidad-bg-fletxes.png);
    background-color: #7ca1d6;
    margin-top: -20px;
}

#contenido.comunidad3210 a {
    color: #7ca1d6 !important;
}

#contenido.comunidad3210 .ositoregalo {
    color: #7ca1d6 !important;
}

#contenido.comunidad3210 #SubmitButton {
    background-color: #7ca1d6 !important;
}

#contenido.comunidad3210 #nombreInput {
    width: 110px;
}

#contenido.comunidad3210 #apellidosInput {
    width: 140px;
}

#contenido.comunidad3210 #telefonoInput {
    width: 105px;
}

#contenido.comunidad3210 span.textoauxdatos {
    font-size: 12px;
    color: inherit;
    letter-spacing: 0px;
}

#contenido.comunidad3210 #emailInput, #contenido.comunidad3210 #nombreUsuarioInput {
    width: 120px;
}

#contenido.comunidad3210 #passwordInput, #contenido.comunidad3210 #veriPasswordInput, #passwordInputTxt, #veriPasswordInputTxt {
    width: 125px;
}

.pesomascota {
    width: 139px;
}

.aniversairediv select#cumplemascota_mes {
    width: 77px !important;
}

#cuoreForm100 {
    font-family: 'Caecilia';
    text-align: left;
    line-height: 24px;
    color: #111;
    padding-bottom: 15px;
    font-size: 16px;
    padding-left: 25px;
}

.cuponsHolder {
    width: 550px;
}

.graciaspage {
    background-color: #FFF;
    height: auto;
    text-align: center;
    padding: 15px;
    margin: auto;
    font-family: 'Caecilia';
}

.graciaspage strong {
    color: #ea4b62;
    font-size: 19px;
    font-weight: normal;
}

.graciaspage h1 {
    color: #ea4b62;
    font-size: 35px;
    text-align: center;
    margin-bottom: 5px;
}

.graciaspage h4 {
    color: #ea4b62;
    font-size: 15px;
    text-align: center;
    margin-bottom: 10px;
}

.graciaspage h2 {
    color: #EA4B62;
    font-size: 23px;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 20px;
}

.graciaspage p {
    font-size: 14px;
    text-align: center;
    color: #546262;
    font-family: 'Caecilia';
    margin-bottom: 20px;
    line-height: 1.4;
}

.graciaspage p.intro {
    font-size: 13px;
}

.buttonsHolder {
    margin-top: 13px;
    margin-bottom: 20px;
}

.graciaspage .graciasBtn {
    color: #FFF;
    display: inline-block;
    padding: 3px 27px;
    border-radius: 3px;
    font-size: 14px;
}

.graciaspage .graciasBtn img {
    height: 52px;
}

.graciasBtn.left {
    margin-right: 20px;
}

.popup-open,
#confirmacion_nestle,
#vert_legal {
    cursor: pointer;
    text-decoration: underline;
}

#mbyLegal, .modal{
    display: none;
    z-index: 900;
    position: fixed;
    top: 40px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #FFF;
    border-radius: 6px;
    width: 600px;
    margin: 0 auto;
    height: 500px;
    box-shadow: 0 0 4px 0 #000;
}

.stepTwo #mbyLegal, #mbyLegal .modal {
    top: 0;
    height: 500px;
}

.stepTwo #mbyLegal .legalCont, .stepTwo .modal .modalCont {
    padding: 10px;
    overflow: auto;
    height: 425px;
}

#mbyLegal .legalCont,
.modal .modalCont {
    padding: 10px;
    overflow: auto;
    height: 430px;
}

#mbyLegal .modalHead,
.modal .modalHead {
    height: 31px;
    background: #F45B6D none repeat scroll 0% 0%;
    border-bottom: 1px solid #222;
    overflow: hidden;
    font-family: Arial, sans-serif;
    line-height: 1.35;
    color: #FFF;
    padding-left: 8px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding-top: 10px;
    font-size: 15px;
    font-weight: bold;
}

#mbyLegal .legal_close,
.modal .modal_close {
    height: 40px;
    width: 40px;
    text-indent: 10px;
    margin: 0;
    margin-top: -8px;
    float: right;
}

@media only screen and (max-width: 580px) {
    .graciaspage .graciasBtn {
        padding: 3px 17px;
    }

    .graciasBtn.left {
        margin-right: 0px;
    }

    #datosMascotasDiv .divFilaForm {
        width: 98% !important;
        float: right;
    }

    .aniversario1 {
        margin-top: 10px;
        margin-left: 0px;
    }

    .aniversario2 {
        margin-left: 0px;
    }

    .divcampos select {
        width: 85%;
        float: right;
    }

    .aniversario1 select, .aniversario2 select {
        float: left;
    }

    #tipoViaSelect, #paisSelect {
        width: 88%;
    }

    #mascotaSelect {
        margin-left: 0px;
        width: 88%;
    }

    .aviso {
        display: inline-block;
        width: 417px;
        float: left;
        margin-left: 0px;
    }

    #codigoPostInput {
        margin-left: 0px;
    }

    #apellidosInput {
        margin-left: 0px;
    }

    #telefonoInput {
        margin-left: 0px;
    }

    #SubmitButton, #SubmitButtonRegistered {
        margin-right: 100px;
    }

    .nombreMascotaLabel, .razaMascotaLabel, .pesoMascotaLabel {
        display: none;
    }

    .fechaNacMasLabel {
        text-align: right;
        margin-left: 0px;
        float: left;
    }

    #cumplemascota_mes {
        margin-left: 0px;
        float: left;
    }

    .pesomascota {
        margin-top: 5px;
    }

    #contenidof3 {
        width: 100%;
    }

    #contenidof3 input {
        width: 95%;
    }

    #contenidof3 .divFilaForm.email, #contenidof3 .divFilaForm.pass1, #contenidof3 .divFilaForm.pass2 {
        float: left;
        width: 100%;
    }

    span.textoauxdatos {
        width: 100%;
        clear: both;
        float: right;
        text-align: right;
    }

    #contenidof3 #titulo1 {
        margin-top: 10px;
    }

    #contenidof3 .formulario {
        width: 85% !important;
    }

    #mascotarazaSelect {
        width: 88%;
        margin-left: 10px;
    }

    #fechaNacMascotaLabel {
        float: left;
        margin-left: 0px;
        margin-right: 10px;
    }

    #coregistro_nestle .aviso, .coregBox .aviso {
        padding-right: 0px !important;
        background-image: none !important;
    }

    .coregBox {
        width: 100%;
        margin-left: 0;
        padding-left: 10px;
        padding-right: 10px;
    }

    .coregBox .titleLine {
        text-align: left;
    }

    .formBox {
        padding: 0 10px 15px !important;
    }

    #condiciones .aviso {
        font-size: 10px;
        line-height: 12px;
        margin-left: 5px;
    }

    .botonformwrapper {
        float: none;
        margin: 0 auto;
        width: 150px;
    }

    .avisoImg, .avisoTexto {
        float: none;
    }

    .avisoImg img {
        margin-top: 0px;
    }

    .avisoImgMObileFix {
        text-align: center;
    }

    #cuoreForm100 {
        font-family: 'Caecilia';
        text-align: left;
        line-height: 24px;
        color: #111;
        padding-bottom: 15px;
        font-size: 14px;
        padding-left: 15px;
    }

    #cuoreForm100 img {
        width: 20px;
    }
}

.valempty, #veriPasswordInputTxt, #passwordInputTxt {
    color: #a8a8a8 !important;
}

#principal {
    padding-top: 0px;
    height: 100%;
    overflow: visible;
    display: block;
    background: #fff;
    margin-bottom: 25px;
}

#confirmacion_nestle {
    cursor: pointer;
}

.modal, #popup_nestle {
    display: none;
    width: 70%;
    background-color: white;
    border-radius: 7px;
    padding: 10px;
    font-family: Verdana;
    font-size: 11px;
    color: #5b5b5b;
    max-width: 600px;
}

.cruz_cerrar {
    float: right;
    clear: both;
    cursor: pointer;
}

.condiciones_registro .aviso a {
    background-color: transparent !important;
}

.cabecera3210.comunidad3210 {
    background-image: url(/Images_News/comunidad-bg-fletxes.png);
    background-color: #7ca1d6;
}

.cabecera3210 {
    color: white;
    background-position: right;
    background-repeat: no-repeat;
    font-family: Caecilia;
    background-color: #ff5165;
    background-image: url(/Images_News/home-bg-fletxes.png);
}

.confirmHolder {
    background-color: #FFF;
    width: 100%;
    max-width: 1170px;
    height: auto;
    text-align: center;
    padding: 0;
    margin: auto;
    overflow: hidden;
}

.confirmHolder p {
    text-align: center;
    font-family: 'Caecilia';
    margin-bottom: 0px;
}

.bienvenida {
    font-size: 48px;
    color: #ea4b62;
}

.bienvenidaReg {
    font-size: 48px;
    color: #546262;
}

.tuSolic {
    font-size: 24px;
    color: #ea4b62;
}

.tuSolicReg {
    font-size: 24px;
    color: #546262;
    font-weight: bold;
}

.empezar {
    font-size: 24px;
    color: #546262;
}

.empezarReg {
    font-size: 25px;
    color: #546262;
}

.imagesHolder {
    margin-top: 20px;
}

.sorteoImages {
}

.leg_checkbox {
    text-align: left !important;
    font-size: 11px;
    margin-top: -29px !important;
}

.sorteoTitle, .sorteoTitleMobile, .sorteoTitleDesktop {
    padding-bottom: 20px !important;
    background-color: #F4F4F4;
}

.sorteoTitleMobile {
    display: none;
}

.submBtnYes, .submBtnNo {
    float: left;
    margin-top: 27px;
    cursor: pointer;
    margin-bottom: 50px;
}

#submBtnYes {
    margin-right: 30px;
}

#submBtnNo {
}

.politica {
    cursor: pointer;
}

#pageMask {
    display: none;
    opacity: 0.4;
    background-color: gray;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 3;
    top: 0;
}

#sec_reg37 {
    display: none;
}

#legalTextHolder {
    display: none;
    position: absolute;
    z-index: 4;
    width: 700px;
    background-color: #FFF;
    padding: 5px 25px;
    margin: 0px auto;
    left: 0px;
    right: 0px;
    top: 100px;
    max-height: 700px;
    overflow: auto;
    border-radius: 12px;
}

#modalClose {
    float: right;
    cursor: pointer;
    font-size: 24px;
    font-weight: bold;
    margin-top: -8px;
    margin-right: -9px;
}

#legalTextHolder h2 {
    font-size: 12px !important;
}

#legalTextHolder h3 {
    font-size: 12px !important;
}

#legalTextHolder p {
    font-size: 12px !important;
}

#uniliverTitle {
    margin: 10px 0px;
    text-align: center;
    color: #EA4B62;
    font-size: 22px;
    font-family: "Caecilia";
}

#uniliverCheckbox {
    margin-top: -1px;
    width: auto !important;
    margin-right: 10px;
}

#uniliverText {
    font-size: 12px;
    text-align: justify;
    margin-bottom: 20px;
    margin-left: 22px;
    padding-right: 20px;
    color: #111;
}

#uniliverText a {
    color: #F45B6D !important;
}

.uniliverBig {
    color: #EA4B62;
    font-weight: bold;
    font-size: 22px;
}

.uniliverBold {
    font-weight: bold;
}

#sidebarForm100 {
    height: 611px;
}

#uniliverImages {
    margin: 10px;
    margin-left: 17px;
}

#uniliverImages img {
    margin-right: 2px;
}

#uniliverImages img .last {
    margin-right: 0px !important;
}

#unileverMask {
    zoom: 1;
    filter: alpha(opacity=40);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10000;
    top: 1px;
    left: 1px;
    background-color: #000;
    opacity: 0.4;
    display: none;
}

#popup_unilever {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 15px auto;
    z-index: 100001;
    width: 600px;
    background-color: #FFF;
    border-radius: 15px;
    padding: 10px 15px;
    overflow: auto;
    font-size: 13px;
    min-height: 15px;
    max-height: 500px;
    height: 313px;
    text-align: justify;
    display: none;
    color: #111;
}

#popup_unilever input {
    width: auto !important;
}

#hide_popup_unilever {
    width: 100%;
    text-align: right;
}

#hide_popup_unilever img {
    cursor: pointer;
}

.form100Aviso {
    float: none !important;
}

.submitDesktop {
    background-color: transparent;
}

.submitMobile {
    display: none;
}

.legalMobile {
    display: none;
    background-color: #F4F4F4;
    padding: 10px 5px;
    text-align: left;
}

.legalMobile #legalCheckedMobile {
    margin-top: -1px;
    margin-right: 4px;
}

#mascotaSeondary {
    display: none;
}

#mascotaSeondary .nombreMascotaCampo {
    margin-bottom: 3px;
}

#mascotaSeondary .nombreMascotaCampo #nombreMascotaSecond {
    width: 200px;
}

#mascotaSeondary #pesoGato {
    width: 51px;
    margin-left: 10px;
}

@media only screen and (max-width: 580px) {
    .submitMobile, .legalMobile, .sorteoTitleMobile {
        display: block;
    }

    .submitMobile .submBtnYes, .submitMobile .submBtnNo {
        margin-bottom: 5px !important;
    }

    .submitDesktop, #participationForm, .sorteoTitleDesktop {
        display: none;
    }

    .confirmHolder {
        width: 100%
    }

    .bienvenida {
        font-size: 35px;
    }

    .bienvenidaReg {
        font-size: 35px;
        color: #ea4b62;
    }

    .tuSolic {
        font-size: 20px;
    }

    .tuSolicReg {
        font-size: 15px;
        color: #ea4b62;
    }

    .empezar {
        font-size: 16px;
    }

    .empezarReg {
        font-size: 16px;
    }

    .leg_checkbox {
        margin-top: 8px !important;
    }

    .submBtnYes {
        margin-right: 10px;
    }

    .submBtnYes, .submBtnNo {
        margin-bottom: 29px;
        width: 137px;
    }

    #legalTextHolder {
        width: 77%;
        max-height: 423px;
        top: 88px;
    }

    .cuponsHolder {
        width: 286px;
    }

    #popup_unilever {
        width: 265px;
    }

    .form100Aviso {
        width: 255px !important;
        margin-left: 15px;
    }

    .container.form100 {
        height: 100%
    }

    #uniliverText {
        margin-left: 15px;
        margin-right: 15px
    }

    #uniliverImages img {
        margin-right: 0px;
        width: 41px;
        text-align: center;
        margin-left: 10px;
        margin-bottom: 10px;
    }

    .avisoImg .imgBox {
        margin-top: 5px;
        position: static;
        width: 150px;
        height: auto;
    }

    .avisoImg .imglogo {
        position: static;
        margin-left: 55px;
        margin-top: -21px;
        height: 54px;
    }

    .actionBox {
        margin-top: 0;
    }

    .cabecera3210 {
        display: none;
    }
}

.formBox input,
.formBox input:focus {
    border-color: transparent;
    box-shadow: none;
    outline-width: 0;
}

.focused {
    border-color: #0088cc;
    box-shadow: 0 0 0 3px rgba(0, 136, 204, 0.3);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    outline: none;
}

.select-group select:focus,
.select-group select {
    outline: none;
    border: none;
}

.formBox select {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solidid #d6d6d6;
}

.formBox .select-group .custom-label {
    display: none;
}

.custom-label.required:after {
    content: "*";
    color: red;
    margin-top: 3px;
    padding-left: 10px;
}

.formBox .select-group select {
    height: 40px;
    border: none;
    margin: 0;
}

.active-select {
    height: 42px;
}

.active-select select {
    height: 25px !important;
}

.active-select label {
    display: block !important;
}

.formBox .input-group {
    clear: none;
    float: left;
    display: block;
    margin: 5px;
    border: 1px solid #000;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    position: relative;
}

.formBox label.custom-label {
    display: block;
    font-size: 12px;
    line-height: 11px;
    padding: 4px 0 0 6px;
    color: #C5C1C1;
    white-space: nowrap;
}

.formBox input {
    margin-left: 0 !important;
}

.formBox input.no-styling {
    margin-left: 0 !important;
}

.formBox .input-group input.normal-height {
    height: 15px !important;
}

.formBox input {
    height: 30px;
}

#cafeteraSelect {
    margin-top: 0;
}
/*16 05 18*/
.fechaNacMasLabel,
.fechaNacMasDiv {
    margin-top: 12px;
}

.logo-container {
    width: 100%;
    height: 76px;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
/*16 05 20*/
.col-md-12 {
    width: 100% !important;
    display: block;
    float: left;
    padding: 0 5px 5px;
    box-sizing: border-box;
}

.col-md-9 {
    width: 75% !important;
    display: block;
    float: left;
    padding: 0 5px 5px;
    box-sizing: border-box;
}

.col-md-8 {
    width: 66.6666666% !important;
    display: block;
    float: left;
    padding: 0 5px 5px;
    box-sizing: border-box;
}

.col-md-7 {
    width: 58.3333333% !important;
    display: block;
    float: left;
    padding: 0 5px 5px;
    box-sizing: border-box;
}

.col-md-6 {
    width: 50% !important;
    display: block;
    float: left;
    padding: 0 5px 5px;
    box-sizing: border-box;
}

.col-md-5 {
    width: 41.66666666% !important;
    display: block;
    float: left;
    padding: 0 5px 5px;
    box-sizing: border-box;
}

.col-md-4 {
    width: 33.3333333% !important;
    display: block;
    float: left;
    padding: 0 5px 5px;
    box-sizing: border-box;
}

.col-md-3 {
    width: 25% !important;
    display: block;
    float: left;
    padding: 0 5px 5px;
    box-sizing: border-box;
}

.col-md-2 {
    width: 16.6666666% !important;
    display: block;
    float: left;
    padding: 0 5px;
    box-sizing: border-box;
}

.col-md-1 {
    width: 8.3333333% !important;
    display: block;
    float: left;
    padding: 0 5px 5px;
    box-sizing: border-box;
}

/* New bootstrap like styles*/


.col-lg-12 {
    width: 100% !important;
    display: block;
    float: left;
    padding: 0 5px;
    box-sizing: border-box;
}

.col-lg-9 {
    width: 75% !important;
    display: block;
    float: left;
    padding: 0 5px;
    box-sizing: border-box;
}

.col-lg-8 {
    width: 66.6666666% !important;
    display: block;
    float: left;
    padding: 0 5px;
    box-sizing: border-box;
}

.col-lg-7 {
    width: 58.3333333% !important;
    display: block;
    float: left;
    padding: 0 5px;
    box-sizing: border-box;
}

.col-lg-6 {
    width: 50% !important;
    display: block;
    float: left;
    padding: 0 5px;
    box-sizing: border-box;
}

.col-lg-5 {
    width: 41.66666666% !important;
    display: block;
    float: left;
    padding: 0 5px;
    box-sizing: border-box;
}

.col-lg-4 {
    width: 33.3333333% !important;
    display: block;
    float: left;
    padding: 0 5px;
    box-sizing: border-box;
}

.col-lg-3 {
    width: 25% !important;
    display: block;
    float: left;
    padding: 0 5px;
    box-sizing: border-box;
}

.col-lg-2 {
    width: 16.6666666% !important;
    display: block;
    float: left;
    padding: 0 5px;
    box-sizing: border-box;
}

.col-lg-1 {
    width: 8.3333333% !important;
    display: block;
    float: left;
    padding: 0 5px 5px;
    box-sizing: border-box;
}

/* New bootstral like styles End. */


.no-padding {
    padding: 0 !important;
}

#sidebar img {
    margin: 0 auto;
    display: block;
}

@media (max-width: 580px) {
    #anniversaireLabel.birth-of-child-label{
        justify-content: left;
        height: 30px;
        align-items: flex-end;
    }

    #contenido {
        width: 100%;
        float: left;
        clear: both;
    }

    #tipoViaSelect,
    #poblacionSelect,
    .formBox .input-group {
        width: 100%;
    }

    .formBox .input-group {
        margin: 5px 0;
    }

    .no-margin {
        margin-left: 0 !important;
    }

    #paisSelect,
    #poblacionSelect {
        width: 93%;
        float: left;
    }

    #paisLabel {
        width: 100%;
    }

    .divlabel {
        text-align: center;
    }

    .aniversairediv {
        width: 100%;
    }

    .aniversairediv .select-group {
        display: block;
        float: left;
        margin-left: 2px;
    }

    .input-group .asterisco {
        margin-top: -28px;
    }
    #direccionInput {
        width: 45%;
    }

    .input-group input {
        width: 100%;
    }

    .cumple {
        width: 100%;
        text-align: left;
    }

    .cumple p,
    .cumple label {
        font-family: Caecilia !important;
        font-size: 18px;
        margin-bottom: 0;
    }

    .cumple .moreChildren{
        margin: 20px 0 10px;
    }

    .delete-icon{
        right: 6px;
        line-height: 24px;
        top: 10px;
    }

    .divFilaForm.fluid {
        display: block;
        float: left;
    }

    .divcampos .col-sm-2 {
        width: 31%;
    }

    .divcampos .col-sm-3 {
        width: 48%;
    }

    .asterisco {
        margin: 17px 0 0 -23px;
    }

    .half-asterisco, .aniversairediv .asterisco {
        margin: 16px 0 0 -19px;
    }

    .botonformwrapper #SubmitButton, .botonformwrapper #SubmitButtonRegistered {
        width: 256px;
        margin: 0 auto;
        display: block;
        float: none;
    }

    .aniversairediv .select-group {
        width: 31%;
    }

    .aniversairediv .input-group {
        width: 31%;
        margin: 1% !important;
    }

    .col-md-5,
    .col-md-6 {
        width: 100% !important;
        box-sizing: border-box;
    }

    .col-md-3 {
        width: 50% !important;
        box-sizing: border-box;
    }

    .aniversario1 .col-md-3,
    .aniversario2 .col-md-3,
    .col-md-4 {
        width: 33.14% !important;
        box-sizing: border-box;
    }

    .aviso {
        font-size: 14px;
        line-height: 14px;
    }
}
/*16 05 24*/
.fluid {
    display: flex;
}

.select-group .asterisco {
    line-height: 40px;
}

.active-select .asterisco {
    line-height: 0;
}

.active-select #tipoViaSelect {
    height: 20px !important;
}

#tipoViaLabel {
    line-height: 20px;
}

.divFilaForm .divcampos {
    width: 100%;
}

#condiciones .asteriscoabajo {
    padding-left: 5px;
    line-height: 20px;
    float: left;
}

#checkCondiciones {
    margin-top: 0;
    height: 20px;
}

#legalTextcontainer {
    line-height: normal;
}

.half-form {
    width: 100%;
}

@media (min-width: 801px) {
    .divFilaForm .aniversairediv {
        display: block;
    }

    .botonformwrapper #SubmitButton, .botonformwrappe #SubmitButtonRegistered {
        display: block;
        margin: 0 auto 30px;
        float: none;
    }

    .half-asterisco,
    .aniversairediv .asterisco {
        margin: 3px 0 0 37px;
    }

    .half-asterisco {
        margin-left: -24px;
    }

    .form-header {
        margin-bottom: -13px;
    }
}
/*ony for mozilla*/
@-moz-document url-prefix() {
    .half-asterisco,
    .aniversairediv .asterisco {
        margin: 3px 0 0 -77px;
    }
}

.aniversairediv .select-group {
    width: 100%;
}

.select-group select {
    width: 100%;
}

.botonformwrapper {
    width: 100%;
}

@media (max-width: 800px) {
    .col-md-6 .col-md-6 {
        width: 50% !important;
    }
    .col-sm-8 {
        width: 66.66666666666% !important;
    }

    #mbyLegal, .modal {
        top: 150px;
        width: 500px;
    }
}
/*16 06 01*/
/*registration form*/
@media (max-width: 580px) {
    .col-sm-12,
    .col-md-12 .col-sm-12,
    .col-md-12 {
        width: 100% !important;
        box-sizing: border-box;
    }

    .col-md-12 .col-sm-6 {
        width: 50% !important;
    }

    #sidebar {
        display: none;
    }

    #principal {
        margin-bottom: 0 !important;
    }

    .col-md-6.no-padding .col-sm-3 {
        width: 25% !important;
    }

    .col-sm-6,
    .col-md-6.no-padding .col-sm-6 {
        width: 50% !important;
    }

    .col-sm-3 {
        width: 25% !important;
    }

    .col-md-4.col-sm-9,
    .col-sm-9 {
        width: 75% !important;
    }

    .col-sm-4 {
        width: 33.3333333333% !important;
    }

    .col-md-4.col-sm-8,
    .col-sm-8 {
        width: 66.66666666666% !important;
    }

    .responsive-address-block {
        float: right;
        margin-top: -57px;
    }

    #mbyCoregistros img.coreg-logo-pc {
        display: none;
    }

    #mbyCoregistros img.coreg-logo-mobile {
        width: 100%;
        display: block;
    }
}

.div-label {
    margin-left: 10px;
    font-size: 12px;
    color: inherit;
}

.formBox .div-label {
    line-height: 26px;
}


.accept-coregistro {
    width: auto !important;
    float: left;
}

#mbyCoregistros img {
    float: left;
    margin: 0 auto;
    display: block;
    max-width: 100%;
}

@media (min-width: 581px) {
    #birthLabel {
        line-height: 14px;
    }

    #mbyCoregistros img.coreg-logo-mobile {
        display: none;
    }
}
/*16 06 21*/
/*each asteriscto is near to the text*/
.asterisco.asterisco-first-name {
    margin-left: 55px;
}

.asterisco.asterisco-last-name {
    margin-left: 73px;
}

.asterisco.asterisco-last-name-br {
    margin-left: 88px;
}

.asterisco.asterisco-email {
    margin-left: 52px;
}

.asterisco.asterisco-phone {
    margin-left: 70px;
}

.asterisco.asterisco-street-type {
    margin-left: 32px;
    margin-top: 3px;
}

.asterisco.asterisco-street {
    margin-left: 76px;
}

.asterisco.asterisco-postal {
    margin-left: 175px;
}
.asterisco.asterisco-postal-2 {
    margin-left: 60px;
}
.asterisco.asterisco-caffe {
    margin-left: 62px;
    margin-top: 2px;
}

.asterisco.asterisco-mascota {
    margin-left: 62px;
    margin-top: 2px;
}

.asterisco.asterisco-number {
    margin-left: 27px;
}

.asterisco.asterisco-alias {
    margin-left: 141px;
}

.asterisco.asterisco-pass {
    margin-left: 78px
}

.asterisco.asterisco-pass2 {
    margin-left: 134px;
}

.asterisco.asterisco-city {
    margin-left: 86px;
}

.asterisco.asterisco-province {
    margin-left: 72px;
}

.asterisco.asterisco-hospital {
    margin-left: 117px;
}

.formdesc-where-live {
    padding: 19px 0 27px 7px;
}

#cafeteraLabel {
    text-align: right;
    width: 100%;
    display: block;
    margin-top: 12px;
}

#mascota {
    display: block;
    text-align: right;
    width: 100%;
    line-height: 10px;
    margin-top: 20px;
}

#fechaNacMascotaLabel,
.pesoMascotaLabel {
    width: 100%;
    text-align: right;
}

@media (max-width: 800px) {
    .aniversairediv .asterisco {
        margin: 3px 0 0 35px;
    }

    .form-header {
        font-size: 20px;
    }

    .formdesc1 {
        padding: 25px 0 10px 7px;
        line-height: 30px;
    }
}

@media (max-width: 580px) {
    .form-header {
        font-size: 14px
    }

    #mascota,
    #cafeteraLabel {
        text-align: left;
    }

    .form-header {
        display: none;
    }

    .formdesc1 {
        padding-top: 0;
    }

    .second-formdesc {
        line-height: 38px;
        padding: 0 5px;
        margin-top: 0;
    }
}
/*endre*/
/*change placeholder color*/
/*2016 08 02*/
#contenido input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #555;
}
#contenido input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #555;
    opacity: 1;
}
#contenido input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #555;
    opacity: 1;
}
#contenido input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #555;
}

#contenido input[type="text"] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
}
/*gracias page button change*/
#thankYou {
    height: 66px;
    width: 244px;
    background: url(../img/icons/button-voltar-a-web.png) top no-repeat;
    border: none;
    margin-top: 45px;
    float: left;
}

#thankYou:hover {
    background-position-y: -69px;
}
/*gzacias page*/
.heartsContainer {
    width: 100%;
    overflow: auto;
    margin-bottom: 48px;
}

.confirmHolder .bebe-image {
    width: 100%;
}

img.mobile {
    display: none;
}

.confirmHolder .hearts-image {
    float: right;
    width: 129px;
    margin-right: 73px;
}

.confirmHolder .rightDiv,
.confirmHolder .leftDiv {
    width: 46%;
    float: left;
    padding: 0 10px 5px;
    box-sizing: border-box;
}

.confirmHolder .rightDiv {
    margin-top: 15px;
    width: 54%;
}

.confirmHolder .thank-you-text p {
    margin: 0;
    text-align: left;
}

.confirmHolder .thank-you-text ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.confirmHolder .thank-you-text ul li {
    text-align: left;
    padding-left: 43px;
    font-family: 'Caecilia';
}

.confirmHolder .thank-you-text ul li ul li {
    padding-left: 144px;
    line-height: 14px;
    font-size: 14px;
    margin: 12px 0;
}

.confirmHolder .thank-you-text p.finalText {
    margin-top: 20px;
    font-family: 'Caecilia-Heavy';
}

.confirmHolder .thank-you-text > p.first-row-text {
    font-size: 16px;
}

.logo-container {
    background: url(../img/thankyou/omeubebe-logo.png);
}

.logo-container.brazil {
    background: url(../img/thankyou/my-baby-and-i-logo.png);
    margin-top: 12px;
    height: 110px;
}

.text-under-image {
    width: 100%;
    clear: both;
    overflow: inherit;
}

@media only screen and (max-width: 800px) {
    .confirmHolder .thank-you-text ul li ul li {
        padding-left: 0;
    }

    .confirmHolder .thank-you-text ul li {
        padding-left: 4px;
    }
}

@media only screen and (max-width: 580px) {
    .confirmHolder .hearts-image {
        display: none;
    }

    .confirmHolder .leftDiv,
    .confirmHolder .rightDiv {
        width: 100%;
        margin: 0;
    }

    .logo-container {
        background-size: 71%;
    }

    #mbyLegal, .modal {
        width: 300px;
        top: 695px;
        height: 393px;
    }

    #mbyLegal .legalCont, .modal .modalCont {
        height: 320px;
    }
}

#publi {
    width: auto !important;
    font-size: initial !important;
    height: initial;
}
/*endre 2016 09 20*/
/*coregistro nestle*/
.coregBox.coregNestle p {
    width: 65%;
    float: left;
    line-height: 17px;
}

.coregBox.coregNestle img {
    float: left;
    width: auto;
}
/*endre 2017 04 10 ==> coregistro nestle  */
#mbyCoregistros {
    margin: 0 20px;
}

.coregNestle .check {
    margin-top: 14px;
}

.nestleImages .image-mobile.nestle-logo {
    padding: 36px 0 0 10px;
}

@media only screen and (max-width: 800px) {
    .coregBox.coregNestle p {
        width: 63%;
        float: left;
        line-height: 17px;
    }

    .nestleImages .image-mobile.nestle-logo {
        padding: 0;
    }

    .coregBox.coregNestle .nestleImages {
        float: right;
        width: 32%;
    }
}

@media only screen and (max-width: 580px) {
    .coregBox.coregNestle p {
        width: 91%;
        float: left;
        line-height: 17px;
    }

    .coregBox.coregNestle .nestleImages {
        float: none;
        width: 100%;
        overflow: hidden;
    }

    .coregBox.coregNestle .nestleImages .image-mobile {
        max-width: 50%;
    }

    #mbyCoregistros .nestleImages .image-mobile.nestle-logo {
        padding: 14px 0 0 10px;
        width: 55%;
        max-width: 152px;
    }

    #mbyCoregistros .nestleImages .image-mobile.bib-logo {
        float: none;
    }
}

.stepTwo .header-image {
    float: left;
}

.stepTwo .form-header {
    overflow: hidden;
    margin: 100px auto 20px;
    display: block;
    width: 595px;
}

.stepTwo h1 {
    font-family: 'Amatic SC';
    color: #F35166;
    font-size: 67px;
    line-height: 70px;
    margin: 30px;
    float: left;
    letter-spacing: 7px;
}

.stepTwo h2 {
    text-align: center;
    font-family: Caecilia;
    font-size: 20px;
}

.stepTwo .formulario {
    width: 642px;
    margin: 0 auto;
}

.stepTwo .formulario input {
    width: 100%;
}
.stepTwo .botonformwrapper {
    padding-top: 20px;
}

@media only screen and (max-width: 800px) {
    .stepTwo .form-header {
        width: 495px;
    }

    .stepTwo h1 {
        font-size: 50px;
        letter-spacing: 5px;
    }

    .stepTwo .formBox {
        margin: 0 auto;
        width: 100%;
        box-sizing: border-box;
    }
    .stepTwo .formulario{
        width: 100%;
    }
}
@media only screen and (max-width: 580px) {
    .col-xs-12 {
        width: 100% !important;
    }
    .stepTwo .formBox {
        margin: 0 auto;
        width: 100%;
        overflow: hidden;
        box-sizing: border-box;
    }

    .stepTwo h1 {
        font-size: 50px;
        line-height: 56px;
        margin: 0 10px;
        letter-spacing: 1px;
    }

    .stepTwo .form-header {
        width: 285px;
        margin-top: 30px;
    }

    .stepTwo .header-image {
        width: 35px;
    }

    .stepTwo h2 {
        margin: 25px 0;
    }

    .stepTwo #condiciones {
        margin-top: 25px;
    }
}

@media only screen and (max-width: 480px) {
    .stepTwo .formBox {
        max-width: 320px;
        display: block;
        margin: 0 auto;
        float: none;
    }
}

#howYouCalled {
    position: absolute;
    margin: -14px 0 0 3px;
}

@media (min-width: 581px) and (max-width: 605px) {
    #howYouCalled {
        font-size: 11px !important;
        letter-spacing: -0.1px;
    }
}
/*gracias page new design*/
body.gracias {
    margin: 0;
    padding: 0;
}

.gracias-header {
    width: 100%;
    background: #f35264;
    height: 170px;
    position: absolute;
    z-index: -1;
}

.header-logo-container {
    margin: 0 auto;
    background: url(../img/thankyou/header-mbyy-obrigado-desk.png);
    background-repeat: no-repeat;
    max-width: 780px;
    height: 200px;
    z-index: 1;
}

.salvamamas-img,
.salvamamas-img img {
    width: 100%;
}

.salvamamas-img {
    margin: 10px 0;
}
/*coreg fisher*/
.coregBox.fisher .text-block {
    width: 60%;
    float: left;
}

.coregBox.fisher .image-block {
    width: 40%;
    float: left;
    padding-left: 20px;
    box-sizing: border-box;
}

.coregBox.fisher .text-block .check {
    margin-top: 10px;
}

.coregBox.fisher .text-block p {
    width: calc(100% - 20px);
    float: right;
}

#mbyCoregistros .coregBox.fisher .image-block .mattel {
    width: 83px;
    float: right;
}

#mbyCoregistros .coregBox.fisher .image-block .fisher {
    width: 150px;
    float: right;
    padding: 13px 0 0 20px;
}

#fisher_legal {
    height: 125px;
    text-align: justify;
}

@media only screen and (max-width: 800px) {
    .coregBox.fisher .text-block {
        width: 68%;
    }

    .coregBox.fisher .image-block {
        width: 32%;
        text-align: center;
    }

    #mbyCoregistros .coregBox.fisher .image-block .mattel,
    #mbyCoregistros .coregBox.fisher .image-block .fisher {
        float: none;
    }

    #mbyCoregistros .coregBox.fisher .image-block .fisher {
        padding: 13px 0 0 0;
    }

    .coregBox.fisher .image-block {
        padding-left: 10px;
    }

    .header-logo-container {
        background-size: contain;
        max-width: 581px;
        height: 145px;
    }

    .gracias-header {
        height: 127px;
    }
}

@media only screen and (max-width: 580px) {
    img.desktop {
        display: none;
    }

    img.mobile {
        display: block;
    }

    .salvamamas-img img.mobile,
    .confirmHolder .bebe-image.mobile {
        width: 310px;
        margin: 0 auto;
    }

    .gracias-header {
        height: 127px;
    }

    .thank-you-text p, .thank-you-text li {
        text-align: center !important;
    }

    #thankYou {
        height: 66px;
        width: 244px;
        background: url(../img/icons/button-voltar-a-web.png) top no-repeat;
        border: none;
        margin-top: 45px;
        float: none;
    }

    .confirmHolder .rightDiv, .confirmHolder .leftDiv {
        padding: 0 5px 5px;
    }

    .header-logo-container {
        background: url(../img/thankyou/header-mbyy-obrigado-mobile.png);
        background-repeat: no-repeat;
        max-width: 320px;
        background-size: contain;
        height: 135px;
    }

    .gracias-header {
        height: 112px;
    }

    .coregBox.fisher .text-block,
    .coregBox.fisher .image-block {
        width: 100%;
        float: left;
    }

    #mbyCoregistros .coregBox.fisher .image-block .mattel,
    #mbyCoregistros .coregBox.fisher .image-block .fisher {
        float: left;
        display: block;
    }

    #mbyCoregistros .coregBox.fisher .image-block .fisher {
        padding: 9px 15px 0 0;
        width: 181px;
    }

    .coregBox.fisher .image-block {
        padding-left: 20px;
    }

    #fisher_legal {
        top: 50%;
        transform: translateY(-50%);
    }
}

/*column 2 styles*/
body.column-2 {
    padding: 0;
    max-width: 1170px;
    margin: 0 auto;
}

.column-2 #contenido {
    height: auto;
    display: block;
    margin: 0 auto;
    float: left;
    width: 100%;
}

.column-2 #contenido .form-title-mobile,
.column-2 #sidebar .form-title-pc {
    width: 100%;
    display: block;
    float: none;
}

.column-2 #sidebar .form-title-pc {
    display: none;
}

.column-2 #contenido .form-title-mobile {
    margin-bottom: 10px;
    padding: 0 10px;
    box-sizing: border-box;
}

.column-2 .formBox {
    float: left;
}


.column-2 #sidebar {
    padding: 0 5px 0 0 !important;
    overflow: hidden;
    margin: 0 auto;
    width: 55%;
    float: left;
    box-sizing: border-box;
}

.column-2 .container.form1 {
    background-color: white;
    height: auto;
    width: 45%;
    float: left;
}
.column-2 .coregBox.coregNestle p {
    width: calc(100% - 25px);
}
@media only screen and (max-width: 1170px) {
    .column-2 .container.form1 {
        width: 58%;
    }

    .column-2 #sidebar {
        width: 42%;
    }
}

@media only screen and (min-width: 801px) and (max-width: 1170px) {
    .column-2 .col-md-6.small-screen-full {
        width: 100%;
    }
}

@media only screen and (min-width: 801px) and (max-width: 950px) {
    .column-2 #howYouCalled {
        font-size: 10px;
    }
}

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

    .column-2 .container.form1 {
        width: 100%;
    }

    .column-2 #sidebar .form-title-pc {
        display: none;
    }

    .column-2 #sidebar .form-title-pc h2 {
        margin: 15px 0;
    }

    .column-2 #contenido .form-title-mobile {
        display: block;
    }
}


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

    .column-2 .col-md-3.col-sm-12.divcampos.aniversairediv.pull-right {
        margin: 5px 0;
    }

    .column-2 .coregBox.coregNestle p {
        width: 91%;
        float: left;
    }

    .column-2 #mbyCoregistros .nestleImages .image-mobile.bib-logo{
        float: left;
    }
    .column-2 #mbyCoregistros .nestleImages .image-mobile{
        max-width: 50%!important;

    }
    .column-2 #mbyCoregistros .nestleImages .image-mobile.nestle-logo{
        padding: 30px 0 0 0!important;
    }
}

.column-2 #mascotaSeondary label,
.column-2 #mascotaSeondary .divlabel,
.column-2 #datosMascotasDiv label,
.column-2 #datosMascotasDiv .divlabel {
    margin: 0;
}

.column-2 #fechaNacMascotaLabel {
    float: left;
    margin-left: 23px;
}

.column-2 label.aviso {
    width: 80%;
}
.column-2 .bannernewPC {
    margin-top: 18px;
}

.column-2 .coregBox.coregNestle .nestleImages {
    text-align: center;
}

.column-2 .coregBox.coregNestle img {
    width: auto !important;
    display: inline-block;
}

.column-2 #mbyCoregistros {
    margin: 0 20px;
}

.column-2 #mbyCoregistros .nestleImages .image-pc {
    display: inline-block;
    width: 120px !important;
}

.column-2 #mbyCoregistros .nestleImages .image-pc.bear-logo {
    margin-top: 5px
}

.column-2 .coregBox.coregNestle .nestleImages {
    float: left;
    width: 100%;
}

.column-2 #mbyCoregistros .vertImg img {
    width: auto;
    margin: 0 auto;
    padding: 0;
}
.column-2 #howYouCalled {
    position: absolute;
    margin: -14px 0 0 5px;
    letter-spacing: -0.5px;
    font-size: 11px;
}
.column-2 .nestleImages .image-mobile.nestle-logo {
    padding: 36px 0 0 10px;
}

#postalLabel{
    position: absolute;
    margin: -13px 0 0 0;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;;
    width: 100%;
    color: #C5C1C1;
    text-align: center;
}
.column-2 #mbyLegal{
    z-index: 900;
    position: fixed;
    top: 40px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #FFF;
    border-radius: 6px;
    width: 600px;
    margin: 0 auto;
    height: 500px;
    box-shadow: 0 0 4px 0 #000;
}

.stepTwo #condiciones{
    padding: 5px 0 0 8px;
}
#condiciones .aviso {
    width: 80%;
    width: calc(100% - 37px);
    margin-left: 5px;
}

#third-party-legal{
    float: left;
    width: 100%;
    margin: 10px 5px 15px 5px;
    padding: 5px;
    box-sizing: border-box;
}
.stepTwo #third-party-legal {
    margin-bottom: 0;
}
.stepTwo #third-party-legal {
    margin-left: 3px;
}
#third-party-legal.second{
    border: 1px solid #000;
    border-radius: 4px;
}
#third-party-legal p{
    line-height: 20px;
    margin: 0;
}
#third-party-legal p.step-1 {
    padding-left: 5px;
}
#third-party-legal .check{
    width: 17px;
    display: block;
    float: left;
    border: none!important;
    box-shadow: none!important;
}
#third-party-legal .thrid-legal-texts{
    position: relative;
    float: left;
    width: calc(100% - 20px);
}
#third-party-legal #third_sfera_extra,
#third-party-legal #third_sfera{
    width: 13px;
    margin-top: -4px;
}
#third-party-legal.second .step-1,
#third-party-legal .step-2{
    display: none;
}
#third-party-legal.second .step-2{
    display: block;
    text-align: center;
}
#third-party-legal .thrid-legal-texts img{
    width: 64px;
    float: left;
}
#third-party-legal > img {
    width: 100%;
}
/*#third-party-legal span {*/
/*color: #EA4B62;*/
/*}*/
#third-party-legal a{
    color: #5b5b5b;
}
.mobile-gift {
    opacity: 0;
    height: 0;
}
@media only screen and (max-width: 580px) {
    .mobile-gift {
        opacity: 1;
        height: auto;
    }
    .desktop-gift {
        opacity: 0;
        height: 0;
    }
    .legal-container p{
        padding: 0 15px;
    }
    #third-party-legal .check{
        padding-left: 0;
    }
    #third-party-legal {
        margin-left: 0;
        padding-left: 5px;
    }
    #third-party-legal p {
        font-size: 10px;
        line-height: 12px;
    }
    .legal-container {
        margin-top: 50px;
    }
    .stepTwo #third-party-legal{
        margin-left: 0;
    }
    .stepTwo #condiciones {
        padding: 5px 0 0 4px;
    }
}

#third-party-legal.second .check {
    line-height: initial;
}
#third-party-legal.second.animate {
    animation: shake 1.3s cubic-bezier(.36,.07,.19,.97) both .8s;
    transform: translate3d(0, 0, 0);
}
@keyframes shake {
    10%, 90% {
        transform: translate3d(-2px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(3px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-6px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(6px, 0, 0);
    }
}

.legal-container {
    float: left;
}
.legal-container p{
    font-size: 11px;
    color: #5b5b5b;
    font-family: Arial;
}
@media (max-width: 580px){
    .legal-container p{
        padding: 0 20px;
        text-align: justify;
    }

    .legal-container {
        margin-top: 50px;
        padding: 0 15px;
    }

    #condiciones,
    #third-party-legal{
        display: none;
    }
    #condiciones {
        padding: 5px 0 0 9px;
    }
    .stepTwo #condiciones,
    .stepTwo #third-party-legal,
    .brazilian #condiciones{
        display: block;
    }
}
#third-party-legal .thrid-legal-texts {
    position: relative;
    float: left;
    width: calc(100% - 35px);
}
input:disabled{
    cursor: not-allowed;
}

/* Change form layout - GERGO - 03/10/2018 */
.container.form1 {
    background-color: white;
    height: auto;
    width: 45%;
    float: left;
}

div#sidebar {
    padding: 0 5px 0 0 !important;
    overflow: hidden;
    margin: 0 auto;
    width: 55%;
    float: left;
    box-sizing: border-box;
}

body {
    max-width: 1170px;
    margin: 0 auto;
}

.bannernewPC {
    margin-top: 18px;
}

.text-under-image {
    padding-left: 15px;
    font-family: Arial;
}

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

    .text-under-image {
        /*display: none;*/
        padding-left: 0;
    }
}

.asterisco {
    margin-top: -30px;
}


.nestleImages {
    width: 30%;
    float: left;
}

.nestleImages .image-mobile.nestle-logo {
    padding: 20px 0 0 14px;
}

.coregBox.coregNestle p {
    text-align: justify !important;
}

.formBox .col-md-6.no-padding {
    display: block;
    width: 100% !important;
}

@media only screen and (max-width: 1170px) {
    #sidebar {
        width: 42% !important;
    }
    .container.form1 {
        width: 58%;
    }

    .legal-container p {
        padding: 0 20px;
    }
}

@media (min-width: 801px) {
    .half-asterisco, .aniversairediv .asterisco {
        margin-top: -3px;
        margin-left: 27px;
    }
}

@media only screen and (max-width: 800px) {
    .affiliacion-body #sidebar {
        width: 100%;
    }
    .container.form1 {
        width: 100%;
    }

    .legal-container p {
        padding: 0 20px;
        text-align: justify;
        font-family: 'Arial', sans-serif;
    }
}

@media only screen and (max-width: 800px) {
    #coregHero .avisoTexto, #coregHero .heroImages {
        width: 100%;
    }
}

@media only screen and (max-width: 580px) {
    #mbyCoregistros .nestleImages .image-mobile.nestle-logo {
        float: none;
    }

    #mbyCoregistros .nestleImages {
        float: none;
        width: 100%;
    }
}

.stepTwo .container.form1 {
    width: auto
}

body.gracias {
    max-width: none;
}

.imgGracias_facebook_img{
    position: relative;
    width: 642px;
    margin-left: auto;
    margin-right: auto;
}

.imgGracias_facebook_img img{
    width: 642px;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
}

#graciasFacebookLike, #graciasFacebookLike2{
    position: absolute;
    top: 566px;
    left: 201px;
}

@media (max-width: 645px) {
    .imgGracias_facebook_img img{
        width:580px;
    }

    .imgGracias_facebook_img{
        width:580px;
    }

    #graciasFacebookLike, #graciasFacebookLike2{
        top: 508px;
        left: 200px;
    }
}

@media (max-width: 584px) {
    .imgGracias_facebook_img img{
        width:400px;
        height:auto;
    }
    .imgGracias_facebook_img{
        width:400px;
    }

    #graciasFacebookLike, #graciasFacebookLike2{
        left: 132px;
        top: 352px;
    }
}

@media (max-width: 400px) {
    .imgGracias_facebook_img img{
        width:345px;
        height:auto;
    }

    .imgGracias_facebook_img{
        width:345px;
    }

    #graciasFacebookLike, #graciasFacebookLike2{
        left: 116px;
        top: 304px;
    }
}

@media (max-width: 350px) {
    .imgGracias_facebook_img img{
        width:300px;
        height:auto;
    }

    .imgGracias_facebook_img{
        width:300px;
    }

    #graciasFacebookLike,#graciasFacebookLike2{
        left: 82px;
        top: 262px;
    }
}

@media (max-width: 300px) {

    .imgGracias_facebook_img img, .imgGracias_facebook_img{
        width:100%;
    }

    #graciasFacebookLike,#graciasFacebookLike2{
        left: 30%;
        top: 72%;
    }
}

/*form nestle*/

.nestle-form #sidebar{
    width: 100%;
    float:none;
}

.nestle-form #sidebar img{
    width: 100%;
}
.nestle-form .imgMovil ul,
.nestle-form .imgTablet ul,
.nestle-form .bannernewPC ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.nestle-form .container.form1{
    width: 1000px;
    float: none;
}

@media only screen and (max-width: 1000px){
    .nestle-form .container.form1 {
        width: 100%;
    }
}

.nestle-form .col-lg-2{
    width: 16.6666666%;
    display: block;
    float: left;
    padding: 0 5px;
    box-sizing: border-box;
}

.nestle-form .col-lg-5 {
    width: 41.66666666%;
    display: block;
    float: left;
    padding: 0 5px;
    box-sizing: border-box;
}

.nestle-form #SubmitButton{
    background-color: #e99348!important;
}
.nestle-form #SubmitButton:hover, .nestle-form .confirmHolder .btnhome:hover{
    background-color: #ea7b19!important;
}
input:disabled,
.disabled{
    cursor: not-allowed;
}
.nestle-form #condiciones .check{
    margin-top: -3px;
}
.thank-you .nestle-img{
    width: auto;
    max-width: 100%;
}
/*end form nestle*/

.delete-icon-container{
    display: none;
    position: relative;
}