* {
    box-sizing:padding-box;
}
img {
    max-width:100%;
    max-height:100%;
}


#cargando
{
    z-index: 1000;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-size:auto;
    background-position:center center;
    background-repeat:no-repeat;
    background-image:url('../../img/LandingPage/VenyDisfrazate_Plantilla_1/cargando.gif');
    background-color:rgba(0,0,0,0.5)
}



#landing_page .fondoPagina 
{
    z-index: -1;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}

#landing_page .columna {
    z-index: 1;
    width: 600px;
    top:50%;
    overflow: auto;
    border-radius:15px;
}


#landing_page .columna.der {
    background-color:rgba(0,0,0,0.45);
}


#landing_page .columna.oculto {
    display:none;
}




#landing_page .columna .wrpTexto .texto {
    display:block;
    color:white;
    font-family: 'Gloria Hallelujah';
    font-weight:bold;
    font-size: 20px;
    text-align:center;
    max-width:100%;
    padding:35px;
    box-sizing:border-box;
    width:100%;
}

#landing_page .columna .wrpTexto .texto p {
    margin:0;
    padding:0;
}

#landing_page .columna .wrpTexto .texto {
    font-size: 23px;
    line-height: 32px;
}

#landing_page .columna .wrpTexto .texto h1 {
    font-size:60px;
    padding:0;
}

#landing_page .columna .wrpTexto .texto h2 {
    font-size:35px; 
    line-height:34px;
    padding:0;
}

#landing_page .columna .wrpTexto .texto a {
    color:white;
    font-weight:bold;
}


#landing_page .columna .wrpFacebook {
    text-align:center;
    width:100%;
    padding-bottom:35px;
}



#landing_page .columna .imagen
{
    display:block;
    box-sizing:border-box;
    width:100%;
    max-width:100%;
    padding:35px;
    text-align:center;
}
#landing_page .columna .imagen #imgContenidoMov {
    display:inline-block;
}

#landing_page .columna .imagen #imgContenido {
    display:none;
}






#landing_page .logo {
    display:block;
    text-align:center;
    width:100%;    
}
#landing_page .logo img
{
    padding:15px;
}



#landing_page .formulario {
    display:block;
    text-align:center;
    width:100%;
    overflow:hidden;
}


#landing_page .formulario .campanyaInactiva {
    display:block;
    text-align:center;
    width:100%;
    color:white;
    font-weight:bold;
    font-size:36px;
    box-sizing:border-box;
    padding:0px 30px;
}
#landing_page .formulario .textoEnvioOK 
{
    display:none;
}


#landing_page .formulario.envioOK
{   
    display:table;
    height:100%;
    position:absolute;
    top:0px;
}
#landing_page .formulario.envioOK > form {
    display:none;
}
#landing_page .formulario.envioOK .textoEnvioOK {
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    font-family:'Gloria Hallelujah';
    color:white;
    font-size:xx-large;
}



#landing_page .formulario .campo {
    display:block;
    width:100%;
    padding:10px;
    box-sizing:border-box;
}

#landing_page .formulario input {
    display:inline-block;
    box-sizing:border-box;
    width:75%;
    padding: 20px;
    padding-left: 75px;
    border:none;
    border-radius:50px;
    color:#777575;
    font-weight:bold;
    font-size:20px;
    background-color:rgba(255,255,255,0.70);
    background-position:10px center;
    background-repeat:no-repeat;   
}

#landing_page .formulario .campo > label.error {
    display:inline-block;
    background-color:#c20e1a;
    color:white;
    padding:2px 10px 5px 10px;
    border-radius: 0px 0px 15px 15px;
    font-family:Arial;
    font-size:14px;
}


#landing_page .formulario input:focus {
    color:white;
    background-color:rgba(42, 41, 41, 0.70);
    outline: none;
}

#landing_page .formulario input[name="nombre"], 
#landing_page .formulario input[name="apellidos"]
{
    background-image:url('../../img/LandingPage/VenyDisfrazate_Plantilla_1/campo_nombre.png');
}

#landing_page .formulario input[name="email"] {
    background-image:url('../../img/LandingPage/VenyDisfrazate_Plantilla_1/campo_email.png');
}
#landing_page .formulario input[name="telefono"] {
    background-image:url('../../img/LandingPage/VenyDisfrazate_Plantilla_1/campo_telefono.png');
}


#landing_page .formulario input[type=submit] {
    cursor:pointer;
    margin-top:15px;
    background-color:#c20e1a;
    border:2px solid #c20e1a;
    color:white;
    padding:15px 25px;
    width:unset;
}
#landing_page .formulario input[type=submit]:focus,
#landing_page .formulario input[type=submit]:hover {
    border-color:#e3da3b;
    color:#e3da3b;
}


#landing_page .formulario .rgpd {
   text-align:left;
   padding: 15px 25px;
}

#landing_page .formulario .rgpd .basesLegales {
    text-align:right;
    padding-left:40px;
    color:white;
    font-style:italic;
}
#landing_page .formulario .rgpd .basesLegales a {
    color:white;
}


#landing_page .formulario .rgpd .check {
    padding-left:10px;

}

#landing_page .formulario .rgpd input {
    display:none;
}
#landing_page .formulario .rgpd label.texto {
    display:inline-block;
    color:white;
    font-family:Arial;
    cursor:pointer;
    background-repeat:no-repeat;
    background-position:left center;
    background-image:url('../../img/LandingPage/VenyDisfrazate_Plantilla_1/uncheck.png');
    padding:5px 0px;
    padding-left:30px;        
}

#landing_page .formulario .rgpd label a {
    color:white;
}
#landing_page .formulario .rgpd input:checked + label.texto {
    background-image:url('../../img/LandingPage/VenyDisfrazate_Plantilla_1/check.png');
}
#landing_page .formulario .rgpd label.error
{
    display:none;
    background-color:#c20e1a;
    color:white;
    padding:1px 5px;
    margin-left:30px;
    margin-bottom:5px;
    border-radius:15px;    
}



@media (min-width: 1200px) {
    #landing_page .columna {
        position: absolute;
        height: 600px;
    }


    #landing_page .columna.izq {
        left:25%;
        transform: translate(-50%, -50%);
    }



    #landing_page .columna.der {
        right:25%;
        transform: translate(50%, -50%);
    }


    #landing_page .columna > .wrpTexto {
        position:absolute;
        top:0;
        display:table;
        width:100%;
        height:100%;
    }

    #landing_page .columna .wrpTexto .texto {
        display: table-cell;
        width: 100%;
        height: 100%;
        text-align: center;
        vertical-align: middle;
    }

    

    #landing_page .columna.autoajusta {
        height: auto;
    }

    #landing_page .columna.autoajusta .wrpTexto {
        position:unset;
    }

    #landing_page .columna.autoajusta .imagen {
        position:unset;
    }

    #landing_page .columna .imagen #imgContenidoMov {
        display:none;
    }

    #landing_page .columna .imagen #imgContenido {
        display:inline-block;
    }


    #landing_page .formulario .campos {
        position:absolute;
        box-sizing:border-box;
        top:50%;
        width:100%;
        transform: translate(0, -50%);
        }

    #landing_page .formulario .rgpd {
        box-sizing:border-box;
        position:absolute;
        bottom:0;
        width:100%;
    }





}

 
@media (max-width: 1200px) {
    #landing_page {
        text-align:center;
    }

    #landing_page .columna {
        display:inline-block;
    }

    #landing_page .columna.der {
        margin-top:20px;
    }

    #landing_page .formulario.envioOK
    {   
        display:block;
        position:unset;
        padding-bottom:10px;
    }
} 
    


@media (max-width: 640px) {

    #landing_page .columna {
        max-width:100%;
    }

    #landing_page .formulario input {
        width:90%;
    }

    #landing_page .columna .wrpTexto .texto {
        padding:10px;
    }

    #landing_page .columna .wrpTexto .texto h1 {
        font-size:50px;
        padding:0;
    }

    #landing_page .columna .wrpTexto .texto h2 {
        font-size:30px; 
        line-height:32px;
    }
}