/* Start General Fonts */
@font-face {
    font-family: 'avantgarde_bk_btdemi';
    src: url('../fonts/avgardd.eot');
    src: url('../fonts/avgardd.eot?#iefix') format('embedded-opentype'),
    url('../fonts/avgardd.woff2') format('woff2'),
    url('../fonts/avgardd.woff') format('woff'),
    url('../fonts/avgardd.ttf') format('truetype'),
    url('../fonts/avgardd.svg#avantgarde_bk_btdemi') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}

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

}

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

}
/* End General Fonts */

/* Start General Styles All Pages */
* {
    box-sizing: border-box;
}

body {
    font-family: 'avantgarde_bk_btbook', serif;
    background: url("../img/fondo.jpg") no-repeat center fixed;
    background-size: cover;
    margin: 20px;
}

main {
    width: 75%;
    margin:auto;
}

header {
    display: block;
}

section {
    padding:10px;
}

footer {
    display: block;
}

h1 {
    color: #306390;
    font-weight: bold;
    text-align: center;
    font-size: 32px;
    margin-bottom: -20px;
    text-transform: uppercase;
}

h2 {
    font-weight: bold;
    text-align: center;
    font-size: 28px;
    color: #0e90d2;
}

h3 {
    font-size: 24px;
    font-weight: bold;
}

h4 {
    font-weight: bold;
}

ul {
    list-style-image: url("../img/GlossyIcon7.png");
    font-size: 18px;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

ol {
    font-size: 18px;
}

/* End General Styles All Pages */

/* Start IDs and Classes for index.html */

    /* Start IDs index.html in order of appearence */
    #logotp {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }

    #leftsection {
        width: 50%;
        float: left;
        padding-top: 0px;
    }

    #intro {
        font-size: 18px;
        text-align: justify;
    }

    #rightsection {
        width: 50%;
        float: left;
        padding-top:25px;
    }

    #imagelanding {
        width: 100%;
    }

    #calltoactionbutton {
        width:200px !important;
        height:49px !important;
        background-color: #306390;
        border-radius: 2%;
        border:none !important;
        margin: auto;
        padding-top: 10px;
        padding-left: 10px;
        display: table;
        text-align: center;
    }

    #logodyntra {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
    }

    #copyright {
        font-size: 14px;
        text-align: center;
    }

    /* End IDs index.html in order of appearence */


    /* Start Classes index.html in order of first use */
    .mainsquare {
        width: 350px;
    }

    .clr {
        clear: both;
    }

    .boldtext {
        font-weight: bold;
        color: #306390;
        text-decoration: underline;
    }

    .oneliner {
        font-size: 18px;
        text-align: center;
    }

    .buttontext {
        color: white;
        font-size:24px !important;
        font-weight: bold;
        text-align: center;
        display: table-cell;
    }

    .redstar {
        color: red;
    }


/* End Classes index.html in order of first use */
/* End IDs and Classes for index.html */

/* Start IDs and Classes for formacion1.html */
    /* Start IDs formacion1.html in order of appearence */

    #mainimage {
        width:100%;
        height: 100%;
        padding-top: 20px;
        object-fit: contain;
    }

    #indentlist {
        margin-left: 50px;
        margin-top: 30px;
    }

    #subtitle {
        text-align: center;
        font-style: italic;
        font-size: small;
        padding-top: -20px;
    }

    #maintitle {
        margin-bottom: 25px;
        margin-top: 50px;
        font-size: 40px;
    }

    /* End IDs formacion1.html in order of appearence */
    /* Start Classes formacion1.html in order of first use */

    .mainbox {
        width: 50%;
        float: left;
    }

    nav {
        display: block;
        text-align: center;
        font-size: large;
        font-weight: bold;
    }

    .menulink {
        background-color: #306390;
        color: white;
    }

    h2.uppercase {
        text-transform: uppercase;
    }

    .selection {
        margin-top: 25px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .divwidth {
        position: relative;
        padding-left: 15px;
        padding-right: 15px;
    }

    .divwidthleft {
        width: 25%;
        height: 150px;
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }

    .roundnumber {
        background-color: #306390;
        border-radius: 50%;
        color: white;
        line-height: 100px;
        width: 100px;
        margin: 0px;
        text-align: center;
        font-size: 3em;
    }

    .divwidthright {
        width: 75%;
        margin: auto;
        justify-content: center;
        align-items: flex-start;
    }

    .paragraph {
        font-size: 18px;
        text-align: justify;
    }

    .imagereasons {
        margin: auto;
        max-width: 128px;
    }

    hr.sectionline {
        height: 12px;
        border: 0;
        box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
    }

    .expert-card {
        border: outset;
        background-color: white;
        border-radius: 3px;
        text-align: center;
        padding: 1em;
    }

    .expert-card-top {
        padding-top: 5px;
        padding-bottom: 1em;
    }

    .expert-card-image {
        border-radius: 50%;
        width: 100px;
        height: 100px;
        margin-left: 10px;
        margin-right:10px;
/*        object-fit: ; */
    }

    .expert-card-description {
        font-size: 12px;
        height: 12em;
        margin-bottom: 0px;
    }

    .expert-card-title {
        font-weight: bolder;
        font-size: 16px;
    }

    .socialmedia {
        padding-bottom: 1em;
    }

    .iconsocial {
        width: 32px;
        height: 32px;
    }

    .student-card-align {
        margin: auto;
    }

    .student-card {
        background: white;
        border-radius: 3px;
        text-align: center;
        padding: 1em;
    }

    .student-card-top {
        padding-top: 5px;
        padding-bottom: 1em;
    }

    .student-card-image {
        background: #306390;
        border-radius: 50%;
        max-width: 176px;
        margin-left: 10px;
        margin-right:10px;
    }

    .student-card-description {
        font-size: 14px;
        height: 14em;
    }

    .student-card-title {
        font-weight: bolder;
        font-size: 22px;
    }

    h3.center {
        text-align: center;
    }

    .module {
        margin-top: 15px;
        margin-bottom: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    h4.centered {
    text-align: center;
}

    .imagebox {
        margin: auto;
        text-align: center;
    }

    .moduleimage {
        max-width: 64px;
        margin: auto;
    }

    .module-description {
        max-width: 500px;
    }

    .square {
        border: dotted;
        border-color: orange;
        height: 300px;
        width: 350px;
        margin-left: 20px;
        margin-right: 20px;
        background-color: white;
        text-align: center;
        font-weight: bold;
        font-size: 18px;
    }

    .squaretop {
        margin-left: 20px;
        margin-right: 20px;
        text-align: center;
        font-weight: bold;
        font-size: 18px;
    }

    .selection-card {
        background: white;
        border-radius: 3px;
        text-align: center;
        padding: 1em;
    }

    .selection-card-top {
        padding-top: 5px;
        padding-bottom: 1em;
        height: 200px;
    }

    .selection-card-description {
        font-size: 14px;
    }

    .selection-button {
        width:200px !important;
        height:49px !important;
        background-color: orange;
        border-radius: 4%;
        border:none !important;
        margin: auto;
    }

    .buttontext1 {
        color: white;
        font-size:18px !important;
        font-weight: bold;
        text-align: center;
        display: table-cell;
    }

    #calltoactionbutton1 {
        width:200px !important;
        height:49px !important;
        background-color: #306390;
        border-radius: 2%;
        border:none !important;
        margin: auto;
        padding-top: 10px;
        padding-left: 10px;
        display: table;
        text-align: center;
    }

    .indentlisttemario {
        margin-left: 200px;
        margin-top: 30px;
    }
/* End IDs and Classes for formacion1.html */

/* Start Mautic Styles */
#mauticform_evaluateindex_nombre {
    margin-bottom:10px !important
}

.mauticform_wrapper {
    width:100%!important;
    margin:auto !important;
}

.mauticform-name {
    font-weight: bold;
    font-size: 1em !important;
    margin-bottom: 3px;
}

.mauticform-description {
    margin-top: 2px;
    margin-bottom: 10px;
}

.mauticform-error {
    margin-bottom: 10px;
    color: red;
}

.mauticform-message {
    margin-bottom: 10px;
    color: green;
}

.mauticform-row {
    display: block;
    margin-bottom: 10px !important;
    background:#ddd;
    padding:10px;
}

.mauticform-row:nth-child(even) {
    display: block;
    margin-bottom: 10px !important;
    background:#f3f3f3;
    padding:10px;
}

.mauticform-button-wrapper {
    width:220px !important;
    margin:auto;
}

.mauticform-label {
    font-size: 1em !important;
    display: block;
    font-weight: bold;
}

.mauticform-row.mauticform-required .mauticform-label:after {
    color: #e32;
    content: " *";
    display: inline;
}

.mauticform-helpmessage {
    display: block;
    font-size: 0.9em;
    margin-bottom: 3px;
}

.mauticform-errormsg {
    display: block;
    color: red;
    margin-top: 2px;
}

.mauticform-selectbox, .mauticform-input, .mauticform-textarea {
    width: 100% !important;
    padding: 0.2em 0.2em;
    border: 1px solid #CCC;
    box-shadow: 0px 1px 3px #DDD inset;
    border-radius: 4px;
    box-sizing: border-box;
    font-size:14px;
    font-weight:bold;
}

.mauticform-checkboxgrp-label {
    font-weight: normal;
}

.mauticform-radiogrp-label {
    font-weight: normal;
}

.mauticform-button {
    width:200px !important;
    height:49px !important;
/*    background:url("../img/button-action.png");*/
    background-color: #306390;
    border:none !important;
    color:#fff;
/*    padding-left:60px;*/
    font-size:30px !important;
    margin:auto;
    font-weight:bold;
    text-align: center;
}

.mauticform-innerform .mauticform-post-success .mauticform-checkboxgrp-checkbox .mauticform-radiogrp-row .mauticform-checkboxgrp-row .mauticform-radiogrp-radio {}
/* End Mautic Styles */