@font-face {
    font-family: 'Montserrat-Light';
    src: url('../Montserrat-Light.ttf');
}

@font-face {
    font-family: 'Montserrat-Medium';
    src: url('../Montserrat-Medium.ttf');
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../Montserrat-Bold.ttf');
}

.all{
 width: 100%;
 max-width: 900px;
 margin: 0 auto;
 background: #fff;

}

body{
font-family: 'Montserrat-Light';
color:#000;
background: #EAE9E9;
}

header{
 padding: 4em 5em;
 background: #000;
 font-family: 'Montserrat-Bold';
 width: 100%;
 min-height: 320px;
}

header h2{
text-align: right;
font-size: 1em;
color:#fff;
  font-family: 'Montserrat-Light';
}

footer h2{
font-size: 1em;
color:#fff;
  font-family: 'Montserrat-Light';
}

header h2 span, footer h2 span{
 font-family: 'Montserrat-Bold';
 color:#fff !important;
}

header h1{
font-family: 'Montserrat-Light';
text-align: center;
font-size: 2.5em;
color:#fff;
margin-top: 1.5em;
}

.bold{
font-family: 'Montserrat-Bold';
}

.semibold{
font-family: 'Montserrat-Medium';
}

.blue{
color: #72b7b5;
}

.titular{
width: 100%;
background: #fff;
padding: 1em;
text-align: center;
color:#000;
line-height: 1em;

font-size: 2em;
}

.texto{
width: 100%;
background: #72b7b5;
padding: 1em 0 1em 0;
text-align: center;
color:#fff;
 font-family: 'Montserrat-Bold';
font-size: 1.2em;
margin-bottom: 2em;
}

.texto2{
width: 100%;
padding: 1em;
text-align: center;
color:#000;
 font-family: 'Montserrat-Bold';
font-size: 1.2em;
}



.tarjeta, .tarjeta_seleccionada {
width: 100%;
border:1px solid #000;
padding: 0;
cursor: pointer;
margin-bottom: 2em;

display: flex;
}

.tarjeta .imagen, .tarjeta_seleccionada .imagen{
width: 40%;
}

.tarjeta .imagen img, .tarjeta_seleccionada .imagen img{
width: 100%;
padding: 0;
margin: 0;
}

.tarjeta .contenido, .tarjeta_seleccionada .contenido{
width: 60%;
padding: 1.5em;
box-sizing: border-box;
}

.tarjeta h2, .tarjeta_seleccionada h2{
    font-family: 'Montserrat-Bold';
font-size: 0.9em;
margin: 0;
padding: 0;
}
.tarjeta h3, .tarjeta_seleccionada h3{
  font-family: 'Montserrat-Medium';
font-size: 0.9em;
margin: 5px 0 0 0;
padding: 0;
}
.tarjeta p, .tarjeta_seleccionada p{
margin: 0;
padding: 0;


}

.talleres{
width: 100%;
max-width: 500px;
margin: 0 auto;
}
.tarjeta p, .tarjeta_seleccionada p{
line-height: 1em;
font-size: 0.8em;
margin: 5px 0 0 0;
}

.tarjeta .contenido{
padding: 1em;
}

 .tarjeta_seleccionada .contenido {
background:#F5E4B9;
padding: 1em;
}

#t1{
border:2px solid #86c1db;
}
#t2{
border:2px solid #9c342e;
}
#t3{
border:2px solid #8a78ac;
}
#t4{
border:2px solid #010102;
}

form{
width: 100%;
background: #72b7b5;
padding: 2em 3em;
display: none;
}

footer{
 width: 100%;
}

.copyright{
background: #000;
width: 100%;
padding: 2em 0;
text-align: center;
color: #fff;
}

.copyright a{
color:#fff;
}

.copyright span{
font-weight: bold;
color:#fec15e;
}