<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Máster en gestión contable, fiscal y laboral</title>

    <style>

        *{box-sizing: border-box;}

        .w-10{width: 10%;}
        .w-20{width: 20%;}
        .w-30{width: 30%;}
        .w-40{width: 40%;}
        .w-50{width: 50%;}
        .w-60{width: 60%;}
        .w-70{width: 70%;}
        .w-80{width: 80%;}
        .w-90{width: 90%;}
        .w-100{width: 100%;}
        
        .contenedor-principal{
            margin:0 auto;
            width: auto;
            max-width: 65%;
            min-height: auto;
        }

        .contenedor-footer{
            margin:0 auto;
            width: 900px;
            max-width: 50%;
            padding: 20px;
        }

        .logo-footer{width: 200pt;}

        /* COLORES 1 */
        .bg-1{background-color: #5987eb;}
        .bg-2{background-color: #0061a5;}
        .bg-3{background-color: #F55F18;}
        .boton:hover{background-color: #F55F18;}



        .bg-w{background-color: #ffffff;}
        .bg-c{background-color: #3d8a19;}
        .bg-transparente-c{background-color: rgba(89, 135, 235, 0.7);}
        .bg-transparente-n{background-color: rgba(118, 160, 110, 0.7);}
        

        .t-1{color: #5987eb;}
        .t-2{color: #1f4fb6;}
        .t-3{color: #21355f;}
        .t-w{color: #ffffff;}
        .t-f{color: #5c5c5c;}

        /* FUENTES */

        p{font-family:sans-serif; font-size: 14pt;}

        /* Alineacion del texto */

        .t-center{text-align: center;}      /* centrado */
        .t-left{text-align: left;}          /* izquierda */
        .t-right{text-align: right;}        /* derecha */
        .t-justify{text-align: justify;}    /* rellenar */

        /* Estilo de la fuente */

        .t-bold{font-weight: bold;}         /* texto en negrita */
        
        /* Tamanos de la fuente */

        .t-s{font-size: 8pt; line-height: 200%;}    /* pequenyo */
        .t-m{font-size: 20pt;}                      /* mediano */
        .t-l{font-size: 30pt;}                      /* largo */
        .t-xl{font-size: 40pt;line-height: 100%;}   /* grande */ 
        .texto{line-height: 180%;}
        .nolink{text-decoration: none;}

        /* Estilos de los bloques */

        .pad-10{padding: 10pt;} /* espaciado interior de 10 pt */
        .pad-20{padding: 20pt;} /* espaciado interior de 20 pt */
        .pad-30{padding: 30pt;} /* espaciado interior de 30 pt */
        .pad-40{padding: 40pt;} /* espaciado interior de 40 pt */
        .pad-50{padding: 50pt;} /* espaciado interior de 50 pt */

        .col-10{width: 10%;}
        .col-20{width: 20%;}
        .col-30{width: 30%;}
        .col-40{width: 40%;}
        .col-50{width: 50%;}
        .col-60{width: 60%;}
        .col-70{width: 70%;}
        .col-80{width: 80%;}
        .col-90{width: 90%;}
        .col-100{width: 100%;}
        .col-33{width: 33.33%;}

        .round-10{border-radius: 10px;}
        .round-20{border-radius: 20px;}
        .round-30{border-radius: 30px;}
        .round-40{border-radius: 40px;}
        .round-50{border-radius: 50px;}

        .no-overflow{overflow: hidden;}

        
        /* COMPONENTES */
        .componente{
            padding-left: 10%;
            padding-right: 10%;
            padding-top: 10px;
            padding-bottom: 10px;
            width: 100%;
        }

        .boton{
            margin:0 auto;
            width: 50%;
            padding:5px;
            border-radius:10px;
            text-align: center;
        }

        .banner{
            min-height: 300px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            padding: 0%;
        }

        .tag{
            padding-left: 15px;
            padding-right: 15px;
            padding-top: 10px;
            padding-bottom: 10px;
            border-radius: 30px 30px 30px 0px;
            line-height: 260%;
            text-align: center;
        }

        .icono{max-width: 100px;}
        .separador{min-height: 50px;}
        .linea{border-top:1px solid #dadada; margin-top: 15px; margin-bottom:15px; width: 60%; margin:0 auto}

        /* excepciones para telefonos moviles */
        @media (max-width : 1300px) {
            .contenedor-principal{max-width: 100% !important;}
            .contenedor-footer{max-width: 100% !important;}
            .boton{width: 90%;}
            td{display:block;width: 100%;}
        }


    </style>

</head>
<body style="background-color: #f8f8f8;">

    <table class="contenedor-principal bg-w no-overflow">
    <tbody>
    <tr>
    <td>

    <!-- INICIO DE COMPONENTES -->
    <!--
        #############
        En el interior de este bloque se situan 
        los componentes del mail
    -->
    

    <!-- COMPONENTE | Banner -->
<div class="componente banner" style="background-image: url('https://europa-empleo.com/img/banners/laboral.jpg');">
    <table class="banner bg-transparente-n w-100">
        <tbody>
            <tr>
                <td>
                    <div class="pad-50">
                        <p class="t-l t-center t-w">
                            MÁSTER EN GESTIÓN CONTABLE, FISCAL Y LABORAL
                        </p>

                        <p class="t-center">
                            <span class="tag bg-1 t-w">Bonificable</span>
                            <span class="tag bg-1 t-w">Online</span>
                        </p>
                    </div>
                </td>
            </tr>
        </tbody>
    </table>
</div>


<!-- COMPONENTE | Texto -->
<table class="componente">
    <tbody>
        <tr>
            <td colspan="2">

                <p class="t-1">
                    <span class="t-m">No pierdas la oportunidad de formarte con expertos en el ámbito empresarial y mejorar la gestión de tu empresa.</span> <br>
                </p>

                <p class=" texto">
                    En IOE queremos ofrecerte la oportunidad de especializarte en el área de finanzas con nuestro 
                    <a href="mailto:info@suescueladenegocios.com?subject=QUIERO%20INFORMACI%C3%93N%20SOBRE%20EL%20M%C3%81STER%20EN%20GESTI%C3%93N%20CONTABLE,%20FISCAL%20Y%20LABORAL%20(%20Ref.%20251%20)&body=%0D%0A%20Nombre:%20%0D%0A%20Tel%C3%A9fono:%20%0D%0A%20Provincia:%20%0D%0A%20Empresa:%20%0D%0A%20Email:%20bah-smv-barraka@lists.ourproject.org%20%0D%0A%20-%20-%20-%20%0D%0A%20POT-ES2023ABR0003%20%0D%0A%20ID:97131"> Máster en Gestión Contable, Fiscal y Laboral</a>. Aprenderás las herramientas y técnicas necesarias para una gestión eficaz en tu empresa.
                </p>

                <p class="t-xl t-center">
                    <a href="mailto:info@suescueladenegocios.com?subject=QUIERO%20INFORMACI%C3%93N%20SOBRE%20EL%20M%C3%81STER%20EN%20GESTI%C3%93N%20CONTABLE,%20FISCAL%20Y%20LABORAL%20(%20Ref.%20251%20)&body=%0D%0A%20Nombre:%20%0D%0A%20Tel%C3%A9fono:%20%0D%0A%20Provincia:%20%0D%0A%20Empresa:%20%0D%0A%20Email:%20bah-smv-barraka@lists.ourproject.org%20%0D%0A%20-%20-%20-%20%0D%0A%20POT-ES2023ABR0003%20%0D%0A%20ID:97131" class="t-1">
                        ¡Inscríbete ya!
                    </a>
                </p>
            </td>
        </tr>
    </tbody>
</table>



<!-- COMPONENTE | Texto -->
<table class="componente">
    <tbody>
        <tr>
            <td>
                <p class="t-center texto t-m">
                    Nuestro programa de estudios es flexible, práctico y cuenta con tutores especializados. Además, incluye tres masterclass prácticas para que puedas aplicar lo aprendido de forma inmediata.
                </p>
            </td>
        </tr>
    </tbody>
</table>


<!-- COMPONENTE | Botón -->
<table class="componente">
    <tbody>
        <tr>
            <td>
                <a class="nolink"
                href="mailto:info@suescueladenegocios.com?subject=QUIERO%20INFORMACI%C3%93N%20SOBRE%20EL%20M%C3%81STER%20EN%20GESTI%C3%93N%20CONTABLE,%20FISCAL%20Y%20LABORAL%20(%20Ref.%20251%20)&body=%0D%0A%20Nombre:%20%0D%0A%20Tel%C3%A9fono:%20%0D%0A%20Provincia:%20%0D%0A%20Empresa:%20%0D%0A%20Email:%20bah-smv-barraka@lists.ourproject.org%20%0D%0A%20-%20-%20-%20%0D%0A%20POT-ES2023ABR0003%20%0D%0A%20ID:97131"> <!-- Aquí va el LINK -->
                    <div class="boton bg-1 t-w"> 
                        <!-- 
                            obligatorio: 
                            * Color de fondo
                            * Color de texto 
                        -->
                        <p>
                            <!-- texto del botón -->
                            Más Información
                        </p> 
                    </div>
                </a>
            </td>
        </tr>
    </tbody>
</table>

    <!--
        #############
    -->
    <!-- FIN DE COMPONENTES -->
        

        <div class="separador"></div>
        <div class="linea"></div>
        <div class="separador"></div>

        <!-- 
            SIEMPRE ACTIVO | no eliminar
            ############################
        -->
        <table class="componente w-100">
            <tbody>
                <tr>
                    <td class="col-33">
                        <div class="t-center">
                            <img src="https://europa-empleo.com/img/iconos/online-f.png" alt="icono" class="icono">
                        </div>
                        
                        <p class="texto t-center t-3">
                            Formación Online
                        </p>
                    </td>

                    <td class="col-33">
                        <div class="t-center">
                            <img src="https://europa-empleo.com/img/iconos/tutor.png" alt="icono" class="icono">
                        </div>
                        
                        <p class="texto t-center t-3">
                            Tutor Personal
                        </p>
                    </td>

                    <td class="col-33">
                        <div class="t-center">
                            <img src="https://europa-empleo.com/img/iconos/beca.png" alt="icono" class="icono">
                        </div>
                        
                        <p class="texto t-center t-3">
                            Becas al Estudio
                        </p>
                    </td>
                </tr>
            </tbody>
        </table>

        <div class="separador"></div>
        
        <table class="componente bg-2 w-100">
            <tbody>
                <tr>
                    <td class="w-20 t-center">
                        <img src="https://europa-empleo.com/img/iconos/aviso.png" alt="Aviso importante" class="icono">
                    </td>
                    <td>
                        <p class="t-w t-bold">
                           100% Bonificable a través de los créditos formativos que FUNDAE otorga a las empresas para sus trabajadores
                        </p>
                    </td>
                </tr>
            </tbody>
        </table>

    </td>
    </tr>
    </tbody>
    </table>

    <!-- PIE DE PáGINA | Links de desuscripción | Datos de Control -->
    <table class="contenedor-footer">
        <tbody>
            <tr>

                <!-- TEXTO DEL PIE DE PáGINA -->
                <td>
                    <p class="t-s t-f">
                        Su dirección de correo electrónico así como sus datos han sido incorporados a nuestro fichero cuya finalidad es poder mantener futuras comunicaciones y remitirle información sobre formación y empleo. Tiene a su disposición el ejercicio de los derechos de acceso, rectificación, cancelación u oposición mediante mail a 
                        
                        <!-- Linea del enlace -->
                        <a href='mailto:info@suescueladenegocios.com?subject=BAJA%20bah-smv-barraka@lists.ourproject.org&body=ES2023ABR0003%0D%0APOT-97131'>info@suescueladenegocios.com</a>
                        <!-- Fin linea del enlace -->

                        indicando en el asunto "Baja" seguido del correo electrónico que desea cancelar. Gracias.
                    </p>
                </td>
            </tr>
        </tbody>
    </table>

    <!-- 
        SIEMPRE ACTIVO | no eliminar
        ################################################################################
    -->

    <!-- ENLACES DE SEGUIMIENTO -->
    <a href='http://www.empresaysaber.com/aperturas/bah-smv-barraka@lists.ourproject.org/ES2023ABR0003'></a>
    <p style='font-size:5pt; color:#fff'>ES2023ABR0003 POT 97131</p>



</body>
</html>