/*home*/

body{ 
    background:#E0EFFF;
    font-size: 16px;}

header{
    width: 100%; height: 120px; background: #FFF; margin: 0; position: relative;}

.logo{
    width: 30%; height: 110px; margin: 1% 1% 1% 5%; float: left; position: absolute;}
.redes{
    width: 30%; height: 30px; float:right; margin: 5% -2% 5% 5%;}

nav{ 
    width: 100%; height: 40px; background: #7091B6; margin: 0; font-size: 1rem; position: relative;}
nav ul {color: #FFF; list-style: none;}
nav ul li a {font-family: arial,sans-serif; color: #FFF; font-weight: bold; font-size: 0,5em; padding: 1% 5%; float: left; text-decoration: none;}

main{
    width: 100%; min-height: 500px; background: #E0EFFF; margin: 0;}

section{ 
    width: 90%; background: #CCFFFF; margin: 2% auto;}

h1 {font-family: arial, sans-serif; font-size: 1em; padding: 5%;}
h2 {font-family: arial, sans-serif; font-size: 1.5em; margin: 0% 5%; padding: 3%; color: #FFF; }
.corriente h3 {font-family: arial, sans-serif; font-size: 1.3em; margin: 0% 5%; padding: 3%; color: #FF9C9D;}
.agenda h3 {font-family: arial, sans-serif; font-size: 1.3em; margin: 0% 5%; padding: 3%; color: #6FD9BD;}
.agenda p{ font-family: arial, sans-serif; font-size: 1em; margin: 0% 5%; padding: 3%; color: #000;}

section article p {font-family: arial, sans-serif; font-size: 0,3em; margin: 0 5%; }


aside{
    width: 90%; height: 200px; background: #E0EFFF; margin: 0 auto;}

.corriente{
    width: 28%; background: #FFF; margin: 1% 2% 1% 0; float: left; font-size: 0.8em}

.titulocorriente {
    width: 100%; height: 40px; background:#FF9C9D; margin: 0;  }
.tituloagenda {
    width: 100%; height: 40px; background:#6FD9BD; margin: 0;  }
.fototaller { width: 95%; margin: 1% auto; background: #6FD9BD; }


.agenda {
    width: 18%; background: #FFF; margin: 1% 0 1% 2%; float: left; font-size: 0.8em}

footer{
    width: 100%; height: 100px; background: #FFF; font-size: 1rem; display: table;}

footer p {font-family: arial, sans-serif; font-size: 0,3em; margin: 0; color: #999999; padding: 1%}

.pagina{ 
    max-width: 960px; margin: 0 auto;}

/* lacatedra */
.textocatedra { 
width: 90%; margin: auto;}

.textoacerca  {
width: 60%; float: left;}

.textoacerca h2 {
font-family: arial, sans-serif; font-size: 1.2em; margin: 0; padding:4% 0 1% 0; color: #0a055b;}
.textoacerca p {font-family: arial, sans-serif; font-size: 1.05em;  color: #000; padding: 0 4% 0 0;}

.textoambito  {
width: 40%; float: left;}
.textoambito h2 {
font-family: arial, sans-serif; font-size: 1.2em; margin: 0 0 0 2%; padding:4% 0 1% 0; color: #0a055b;}
.textoambito p {font-family: arial, sans-serif; font-size: 0.7em;  color: #000; padding: 4% 2% 2% 2%;}



/* galería */

.galeria {
    width: 90%; margin: 2% 5% 0 5%; float: left;}


.secciongaleria {
    width: 16%; background: #FFF; margin: 2%; float: left; font-size: 0.8em; position: relative;}

.secciongaleria h3 {font-family: arial, sans-serif; font-size: 1.3em; margin: 0% 5%; padding: 3%; color: #6FD9BD; }
.secciongaleria p{ font-family: arial, sans-serif; font-size: 1em; margin: 0% 5%; padding: 3%; color: #000;}
.aviones {
    width: 100%; height: 60px; background:#6FD9BD; margin: 0; padding: -1%;  }
.aviones h2 {font-size: 1.4em; letter-spacing: 0.05em; line-height:90%;}
   
/* responsive */

@media screen and (max-width: 768px) {
    header {max-width: 100%}
    nav  {width: 100%; height: 20px}
    .redes {float: right; margin: 5%}
    .redes img {width: 100%; margin: 5%; float: right}
    .corriente {float: left; width: 48%}
    .titulocorriente {width: 100%}
    .fototaller {width: 100%}
    .fototaller img {width: 100%}
    .agenda {display: none}
    section img { width: 100%}
    nav ul li a {font-size: 0.7em}
    footer {display: table}
    main {min-height: 300px}
    
    
    
@media screen and (max-width: 320px) {
    .corriente {float: left; width: 100%; display: table}
    main {min-height: 30px}
    .redes {display: none}
     nav  {width: 100%; height: 45px}
     nav ul li a {font-size: 0.7em; }
    h2 {font-family: arial, sans-serif; font-size: 1.1em; margin: 0% 5%; padding: 3%; color: #FFF; }
.corriente h3 {font-family: arial, sans-serif; font-size: 1em; margin: 0% 5%; padding: 3%; color: #FF9C9D;}