@charset "utf-8";

@import url("https://fonts.googleapis.com/css2?family=Raleway");


*{
    font-family: "Raleway";
    text-decoration:none;
}

body {background-color: #2abb9bff;
  }


h2 {font-size: 2em;
text-align: center;}


.verde h2 {
    color:#2ABB9B;
}

.crema h2 {
    color:#E9FFCC;
}

.naranja h2 {
    color:#FF8243;
}

h3 {color:#2ABB9B;
}

header {
    background-color:#2ABB9B;
 
}


.titulo1 {
background-color:#FF8243;
padding:0.5em;
}

.titulo1 h1 {
    
    text-align: center;
    color:#E9FFCC;
    font-size: 1.8em;
}

.titulo1 iframe {
    display:flex;
    margin-left:auto;
    margin-right: auto;
    padding:0em 0em 3em 0em;
    max-width: 30em;
}

.logohuerta {
        padding:1em 1em 0em 1em;
        text-align: center;
}

.contenedor {
text-align: center;
text-decoration: none;
padding:0em 1em 0.5em 1em;
    
}

.contenedor nav ul li {
    padding:0.75em;
    margin-right: 2.5em;
    list-style: none;
}

.contenedor nav ul li a {
    color:#E9FFCC;
    font-size: 1.2em;
    
}


.conocenos {
    background-color:#E9FFCC;
    text-align:center;
    padding:0.5em 0em 3em 0em;

}

.conocenos .textoconocenos p {  max-width: 50em;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    color:#FF8243;
    font-size: 0.8em;
    padding: 0em 3em;
    max-width: 30em;
}

.conocenos .frase p {
    font-size: 0.8em;
    font-style: italic;
    text-align:center;
    color:#FF8243;
    max-width: 28em;
    margin-left: auto;
    margin-right: auto;
    
}


article {
    border: #2ABB9B solid 0.2em;
    max-width: 20em;
    margin-left: auto;
    margin-right: auto;
}

article ul li {
    list-style:none;
    font-size: 1.2em;
    color:#2ABB9B;
    text-align:left;
}

.talleres {
    background-color:#FF8243;
    padding:0.5em 0em 3em 0em;
    text-align:center;
}

.talleres p {
    padding: 0em 3em;
    margin-left: auto;
    margin-right: auto;
    max-width: 30em;
    font-size:0.8em;
    color:#E9FFCC;
    
}

.talleres table {
    margin-left: auto;
    margin-right: auto;
    max-width: 50em;
    padding: 0em;
}

.talleres table td {padding:1em;
    background-color:#E9FFCC;
    color:#2ABB9B;
    font-size: 0.7em;
}

table tr th {
    background-color:#2ABB9B;
    padding:0.7em;
    font-size: 0.9em;
    color: #E9FFCC;
}



.bolsones {background-color:#2ABB9B;
    text-align:center;
    margin-left: auto;
    margin-right: auto;
    padding:0.5em 0em 3em 0em;
}

.bolsones p {
    text-align: center;
    padding: 0em 3em;
    margin-left: auto;
    margin-right: auto;
    max-width: 30em;
    color:#E9FFCC;
    font-size: 0.8em;
   
}

.bolsones h4 {
    color:#FF8243;
    margin:2em 0em 1em 0em
}

.contacto h4 {
    color:#FF8243;
    margin:0em 0em 1em 0em
}

.talleres h4 {color:#E9FFCC;
margin:1em;}

.pasantiasyvisitas {background-color:#E9FFCC;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding:0.5em 0em 3em 0em;
}

.pasantiasyvisitas p {
    color:#2ABB9B;
    font-size: 0.8em;
    padding: 0em 3em;
    margin-left: auto;
    margin-right: auto;
    max-width: 30em;
}

.calendario {
    background-color:#FF8243;
    text-align: center;
    padding:0.5em 0em 3em 0em;
}

.calendario p {
    color:#E9FFCC;
    font-size: 0.8em;
    padding: 0em 3em;
    margin-left: auto;
    margin-right: auto;
    max-width: 30em;
}

.contacto {background-color:#2ABB9B;
text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding:0.5em 0em 3em 0em;
}

.contacto p {
    color:#E9FFCC;
    padding: 0em 3em;
    margin-left: auto;
    margin-right: auto;
    max-width: 30em;
    
            }

.contacto p strong {
    font-size: 1.2em;

}


form {
    padding:0em 2em 1em 2em;
    color:#E9FFCC;
    
}

form input {
    padding:0.5em;
    margin:0.5em;
    font-size: 1em;

}

#mensaje {padding:3em;
    margin-right: auto;
    margin-left: auto;
    margin-top: 1em;
    display:flex;
    
}

figure img {
    max-width: 15em;
    max-height: 15em;
}

.contacto .redes img { 
    display:inline-flex;
    padding:1em;
    
}


.video {
    text-align:center;
    padding:0.5em 0em 3em 0em;
    max-width: ;
    height: ;
}

.videointa {
    text-align:center;
    padding:0.5em 0em 3em 0em;
}