@font-face {
    font-family: 'dinbold';
    src: url('./fonts/2EC69E_0_0.eot');
    src: url('/fonts/2EC69E_0_0.eot?#iefix') format('embedded-opentype'), url('/fonts/2EC69E_0_0.woff2') format('woff2'), url('/fonts/2EC69E_0_0.woff') format('woff'), url('/fonts/2EC69E_0_0.ttf') format('truetype');
  }
  @font-face {
    font-family: 'dinlight';
    src: url('/fonts/2EC69E_1_0.eot');
    src: url('/fonts/2EC69E_1_0.eot?#iefix') format('embedded-opentype'), url('/fonts/2EC69E_1_0.woff2') format('woff2'), url('/fonts/2EC69E_1_0.woff') format('woff'), url('/fonts/2EC69E_1_0.ttf') format('truetype');
  }
  @font-face {
    font-family: 'din';
    src: url('/fonts/2EC69E_2_0.eot');
    src: url('/fonts/2EC69E_2_0.eot?#iefix') format('embedded-opentype'), url('/fonts/2EC69E_2_0.woff2') format('woff2'), url('/fonts/2EC69E_2_0.woff') format('woff'), url('/fonts/2EC69E_2_0.ttf') format('truetype');
  }

  @import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@500&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap');

  
  body {
    font-family: 'Roboto', sans-serif;
    scroll-behavior: smooth;
    margin: 0;
    padding: 0;
    font-family: 'Roboto';

  
  }

  *{
    font-family: 'Roboto', sans-serif;
  }



footer
{
   
    padding: 20px;
}



footer h2
{
    font-family: 'Roboto';
    font-size: 16px;
    color:#919191;
}


.footer-email div.form
{
    display: flex;
}


.footer-email div.form div
{
    flex: 0 1 50%;

}


.footer-email div.form input
{
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing:border-box;
    border:0;
    border:1px solid #a0a0a0;
    height: 45px;
    -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
}

.footer-email div.form a
{
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing:border-box;
    border:0;
    height: 45px;
    -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        display: block;
        background-color: #213140;
        max-width: 100px;
        color:white;
        text-align: center;
        padding-top: 16px;
        text-decoration: none;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
}


.footer-social
{
    display: flex;
}

.footer-social article
{
    flex: 0 1 50%;
  
}


.footer-social article ul.social
{
    display: flex;
    gap:10px;
    font-size: 20px;
}



.footer-social article ul
{
   margin: 0;
   padding: 0;
   list-style: none;
}


.footer-social article ul a
{
   color:black;
   text-decoration: none;
}


.footer-social article ul.contacto a
{
    font-size: 11px;
    
}


.top-header
{
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
}

.top-header div.ham
{

    flex: 0 1 10%;
    text-align: center;
}

.top-header div.logo
{
  
    flex: 0 1 90%;
    text-align: center;
}


/*END COMMON HEADER*/


.home-top
{
    background: transparent url('/img/home-top-cat.jpg') no-repeat;
    background-size:cover;
    min-height: 420px;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    color:white;
}


.home-top div
{
    text-align: left;
    
}


.home-top h2
{
    font-size: 14px; 


    
}


.home-top h1
{
    font-size: 24px; 
    font-weight: 100;

    
}


.home-top a
{
    font-size: 24px; 
    font-weight: 100;

    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing:border-box;
    border:0;
    height: 45px;
    -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        display: block;
        border:1px solid white;
        max-width: 200px;
        color:white;
        text-align: center;
        padding-top: 16px;
        text-decoration: none;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        margin: 0 auto;
}


.llama
{
    display: flex;
    justify-content: space-between;
    background-color: #21313f;
}

.modulos-home
{
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}



.modulos-home article
{
    
    margin-top: 20px;
    background-color: #f2f1f0;
    padding-bottom: 5px;
}


.modulos-home article img
{
    width: 100%;
}



.modulos-home article a
{
    text-decoration: none;
    color: black;
    font-size: 19px;
}


.pack-tres img
{
    width: 100%;
}

.home-cuatro
{
    min-height: 384px;
    background: transparent url('/img/resp-home-cuatro.png') no-repeat;
    background-size: cover;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color:white;
}


.home-cuatro h1
{
    font-size: 31px;
    font-weight: 400;
}


.home-cuatro p
{
    font-size: 17px;
    font-weight: 400;
}


.home-cuatro a
{
    font-size: 24px; 
    font-weight: 100;
    font-family: 'din';

    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing:border-box;
    border:0;
    height: 45px;
    -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        display: block;
        border:1px solid white;
        max-width: 200px;
        color:white;
        text-align: center;
        padding-top: 16px;
        text-decoration: none;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        margin: 0 auto;
       
}


.productos-novotech
{
    text-align: center;
}


.productos-novotech h1
{
    font-size: 31px;
    font-weight: 400;
}

.over-menu
{
    background-color: #FFF;
    position: fixed;
    top: 50px;
    left: 0;
    width: 100%;
    height: 100vh;
    display: none;
}


.ponentes-home article
{
    display: flex;
}


.ponentes-home article div.mod
{
    flex: 0 1 50%;   

}


.ponentes-home article div img
{
    width: 100%;  
}


.ponentes-home article div.textos{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}



.ponentes-home article div.textos h1{
    font-size: 12px;
    font-family: 'din';t

}


.ponentes-home article div.textos p{
    font-size: 9px;
    color:#9b8b6a;
    
}


.ponentes-home article div.textos a{

    font-weight: 100;

    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing:border-box;
    border:0;


        display: block;
        border:1px solid white;
  
        color:white;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
        text-decoration: none;
        font-size: 9px;
        font-weight: 600;
        text-transform: uppercase;
        margin: 0 auto;
        background-color: #9b8b6a;
        max-width: 150px;
    
}


.ponentes-home article div.textos p{


        max-width: 150px;
    
}

.blue-banner
{

    padding-right: 20px;
    padding-left: 20px;
    background: white;
}


.blue-banner .container
{
    background: rgb(32,58,90);
    background: linear-gradient(4deg, rgba(32,58,90,1) 0%, rgba(53,75,129,1) 100%);
    
    padding-top: 2em;
    padding-bottom: 2em;
    padding-right: 20px;
    padding-left: 20px;
}


.blue-banner .container p
{
    color:white;
    font-family: 'din';
    font-size: 28px;
}


.blue-banner .container p strong
{
 
    font-family: 'dinbold';

}


.blue-banner .container p strong
{
 
    font-family: 'dinbold';

}

.blue-banner .container .buttons ul
 {
    text-decoration: none;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;

}



.blue-banner .container .buttons ul li
 {
   margin-top:1em;
   
}

.blue-banner .container .buttons ul a
 {
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing:border-box;
    border:0;
  
    -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        display: block;
        background-color: #FFF;
    
        color:#354b81;
        text-align: center;
        padding-top: 16px;
        text-decoration: none;
        font-size: 24px;
        font-weight: 600;

        padding-bottom: 18px;
        font-family: 'din';

        -webkit-box-shadow: 10px 10px 23px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 23px -4px rgba(0,0,0,0.75);
box-shadow: 10px 10px 23px -4px rgba(0,0,0,0.75);

   
}


.blue-banner .container .buttons ul a.bg-gold
 {
    background-color: #b39f82;
    color:white;
   
}

.blue-banner .container .buttons ul a.white
 {

    color:#b39f82;
   
}


.ponente
{
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}


.ponente h1
{ 
    text-align: center;
    font-size: 35px;
    color:#42403f;
    margin: 0;
    padding: 0;
    margin-top:30px;
    font-weight: 700;
}

.ponente h2
{ 
    font-size: 21px;
    color:#9b8b6a;
}


.ponente img
{ 
   width: 100%;
}

.ponente p
{ 
  text-align: left;
}


.vistazo
{
    padding-left: 20px;
    padding-right: 20px;
}

.vistazo h1
{
        text-align: center;
        font-weight: 700;
        font-size: 34px;

}

.vistazo p.curso
{
    font-size: 17px;
    color: #9b8b6a;
}


.vistazo h2
{
    font-size: 26px;

    font-weight: 300;
}


.vistazo img
{
   width: 100%;
   margin-bottom: 20px;
}


.vistazo p
{
   font-size: 12px;

}


.vistazo a
{
   color:black;
   font-size: 17px;
}


.folletos-top
{
    width: 100%;
    background-color: #e2e2e2;
    padding-top: 30px;
    padding-botton: 30px;
}


.folletos-top img
{
    width: 100%;
}


.folletos-top h1
{
    font-size: 29px;
    text-align: center;
}


.folletos-tres-cursos
{
    padding-left: 20px;
    padding-right: 20px;
}

.folletos-tres-cursos .container
{
    background: transparent url('/img/folletos-trs.jpg') no-repeat;
    min-height: 420px;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}


.folletos-tres-cursos .container h2
{
    font-family: 'Times New Roman', Times, serif;
    font-size: 29px;
    font-weight: 300;
    color:white;
}


.folletos-tres-cursos .container p
{
    max-width: 70%;
    font-size: 18px;
    color:white;
    margin: 0 auto;
    margin-bottom: 30px;
}


.folletos-tres-cursos .container a
{



    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing:border-box;
    border:0;


        display: block;

    
        color:white;
        text-align: center;
        padding-top: 16px;
        padding-bottom: 16px;
        text-decoration: none;
        font-size: 19px;
        font-weight: 600;
        max-width: 60%;
    
        border:1px solid white;
        margin: 0 auto;
}

.download-folletos
{
    padding-left: 20px;
    padding-right: 20px;
    background-color: #f0f0f0;
    padding-top: 30px;
    padding-bottom: 30px;
    
}


.download-folletos h2
{
    font-family:'Times New Roman', Times, serif;
    font-size: 32px;
    font-weight: 300;
    
}


.download-folletos p.sub
{
    color:'#8f8f8f';
    font-size: 18px;
    
}


.download-folletos h3
{
   font-family: 'dinbold';
   font-size: 18px;
    
}

.download-folletos .folle
{
    display: flex;
    gap:15px;

    
}


.download-folletos .folle div
{
    
    flex: 0 1 50%;
    
}


.download-folletos .folle img
{
    width: 100%;
    
    
}



.download-folletos .folle p
{
    font-size: 9px;
    font-weight: bold;
    
}


.download-folletos .folle a
{
    font-size: 10px;
    color:#8f8f8f;
    
}


.download-folletos .folle span
{
    margin-left: 10px;
    margin-right: 10px;
}


.cursos-top
{
    height: 440px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color:white;
}

.cursos-top h2
{
    font-size: 40px;
    font-family: 'Times New Roman', Times, serif;
    text-transform: uppercase;
    font-weight: 300;
margin: 0;
padding: 0;
    
}



.cursos-top h3
{
    font-size: 22px;

    font-weight: 700;
    font-style: oblique;
    margin: 0;
padding: 0;
    
}

.cursotop_curso1
{
    background: transparent url('/img/curso-1.jpg') no-repeat;
    background-size: cover;
}

.cursotop_curso2
{
    background: transparent url('/img/curso-2.jpg') no-repeat;
    background-size: cover;
}

.cursotop_curso3
{
    background: transparent url('/img/curso-3.jpg') no-repeat;
    background-size: cover;
}

.curso-info
{
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}


.curso-info h3
{
    color:#21313f;
    font-family: 'Times New Roman', Times, serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 22px;
}

.curso-info p.doc
{
    color:#9b8b6a;
    font-family: 'Times New Roman', Times, serif;
    font-weight: 400;
    font-size: 22px;
}


.curso-info a.button
{
   display: block;
   width: 100%;
   background-color: #9b8b6a;
   margin-top: 10px;
   margin-bottom: 10px;
   padding-top: 10px;
   padding-bottom: 10px;
   text-decoration: none;
   color:white;
   font-size: 15px;
   border:1px solid #9b8b6a;
}
   
   .curso-info p.disclaimer
   {
 
    font-weight: bold;

    font-size: 16px;
   }


.curso-info a.blanco
{

   color:#9b8b6a;
   background-color: white;
   border:1px solid #9b8b6a;

}

.curso-info a.azul
{

   color:white;
   background-color:#21313f;
   border:1px solid #21313f;

}



.instotal
{
    width: 100%;
    /* height: 100vh;
    position: relative;
    background: transparent url('/img/fondo-form-inscrip.jpg') center center no-repeat;
    background-size: cover; */



}

 
.instotal h1
{
    font-family: 'din';
    font-size: 34px;
    position: absolute;
    top:30px;
    left: 30px;

}

.instotal h1 strong
{
    font-family: 'dinbold';


}


.instotal .franja
{


    background-color: rgba(0, 0, 0, .8);
    width: 100%;
    max-width: 100%;

    padding-top: 2em;
    padding-bottom: 2em;
    /* padding-left: 40px;
    padding-right: 40px; */

}

.instotal .franja h2
{
    font-family: 'din';
    font-size: 21px;
    color:white;
    margin-top: 40px;
    padding-left: 20px;

}

.instotal .franja h2 strong
{
    font-family: 'dinbold';
 

}

.instotal .franja form
{
    margin-top: 20px;
    padding-right: 20px;
    padding-left: 20px;

}


.instotal .franja form input[type=text]
{
    width: 100%;
    border:none;
    background: transparent;
    border:1px solid #646361;
    color:#646361;
    height: 50px;
    margin-bottom: 10px;
    color:white;
    box-sizing:border-box;
 

}


.instotal .franja form textarea
{
    width: 100%;
    border:none;
    background: transparent;
    border:1px solid #646361;
    color:#646361;
    height: 90px;
    margin-bottom: 10px;
    font-size: 14px;
    color:white;
    box-sizing:border-box;
 

}


.instotal .franja form .socio
{
   
    border:1px solid #646361;
    padding: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
   

}

.instotal .franja form .socio div.button
{
    display: flex;
    color:#646361;
    width: 100%;
    justify-content: space-around;

}


.instotal .franja form .socio p
{
    
    color:#646361;
    margin-bottom: 10px;

}


.instotal .franja form button
{
    
    width: 100%;
    background-color: #9b8b6a;
    color:white;
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 18px;
    font-family: 'dinbold';
    margin-bottom: 10px;

}

.instotal .franja form p.address
{
    
    text-align: center;
    color:white;
    font-size: 15px;
    margin-top: 10px;

}


.top-contacto
{
    background: transparent url('/img/fond-resp-contacto.jpg') no-repeat;
    background-size:cover;
    min-height: 420px;
    display: flex;
    justify-content: center;
    align-items: center;


}


.top-contacto h1
{
    font-family: 'Roboto';
    font-weight: lighter;
    color:white;
    font-size: 33px;
}


.contacto-form
{
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 30px;
}

.contacto-form label
{
   width: 100%;
   display: block;
   font-size: 15px;
   color:#21313f;
   font-weight: 600;
}

.contacto-form label.chek
{
   padding-top: 5px;
   padding-bottom: 5px;
}




.contacto-form input[type="text"],textarea
{
   width: 100%;
   display: block;
   box-sizing:border-box;
   margin-top: 5px;
}


.contacto-form input[type="text"]
{
    height: 45px;
}

.contacto-form .form-group
{
    margin-top: 20px;
    margin-bottom: 20px;
}
.contacto-form button
{
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing:border-box;
    border:0;
    height: 45px;

        display: block;
        background-color: #213140;
        max-width: 150px;
        color:white;
        text-align: center;
        padding-top: 16px;
        padding-bottom: 16px;
        text-decoration: none;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
}

.contacto-form p.estas{
    color:#213140;
    font-size: 13px;
}


.contacto-form p.cursos{
    color:#213140;
    font-size: 15px;
    font-weight: bold;
}

..socios-bloques div label
{

    font-size: 18px;
}

.especial-socios
{
    padding-left: 20px;
    padding-right: 20px;
}


.especial-socios img
{
    width: 100%;
}


.especial-socios article
{
    margin-top: 20px;
}

.especial-socios article p.title
{
    font-size:27px;
    font-family: 'din';
}


.especial-socios article a
{
    color:#9b8b6a;
    font-size: 16px;
    font-family: 'din';
    text-decoration: none;
    margin-bottom: 20px;
}





.especial-socios input[type="text"]
{
    box-sizing:border-box;
    width: 100%;
    height: 45px;

}

.especial-socios label
{
    font-size: 15px;
    color:#21313f;
    font-weight: 600;

}



.especial-socios button
{
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing:border-box;
    border:0;
    height: 45px;

        display: block;
        background-color: #213140;
        max-width: 150px;
        color:white;
        text-align: center;
        padding-top: 16px;
        padding-bottom: 16px;
        text-decoration: none;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
}


.over-menu
{
    padding-left: 20px;
    padding-right: 20px;
}


.over-menu ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

.over-menu ul li
{
    line-height: 1.5em;
}


.over-menu ul li.gold a
{
   color:#9b8b6a;
}

.over-menu ul li a
{
    font-family: 'din';
    font-size: 16px;
    text-decoration: none;
    color:black;
}

.inscrip-home
{
   min-height: 646px;
   background: transparent url('/img/fondo-resp-inscri-home.jpg') no-repeat; 
   background-size: cover;
   text-align: center;
   padding-top: 40px;
   padding-bottom: 40px;
}


/* .inscrip-home img
{
   width: 100%;
} */


.inscripcion-los-modulos
{
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    font-size: 24px;
}



.inscripcion-los-modulos img
{
    width: 100%;
}


.inscripcion-los-modulos div.dos
{
    display: flex;
    gap:7px;
}


.inscripcion-los-modulos div.dos div
{
    flex: 0 1 50%;
    
}