@charset "utf-8";

* { 
    box-sizing:border-box;
    margin: 0em;
    padding: 0em;
    list-style: none; 
    text-decoration: none;
}

/*barra de navegacion,menu y body*/
header {
    background-color: rgb(55, 206, 124);
    width: 100%;
    height: 3.5em;
    font-size: 15pt;
    text-decoration: none;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-content: center;
    padding: 0.3em 0.3em 0.3em 0.3em;
    font-family: 'Raleway', sans-serif;
    color: white;
    letter-spacing: 0.09em;
    white-space:pre-line;
}
#imgmenu , #escudo , #radio{
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-content: center;
    
}

header nav ul li a {
    color: white;
    list-style: none;
    margin: 0em;
    padding: 0em;
    align-content: center;
    text-decoration: none; 
    display: flex;
    flex-direction:row;
    justify-content: center;
    font-family: 'Roboto', sans-serif;
    font-size: 9pt;
    height: 0em;
    letter-spacing: 0;
}
#menu {
    background-color:rgba(55, 206, 124, 0.92) ;
    margin: 0em;
    padding: 0em;
    text-decoration: none;
    position: fixed;
    z-index: 9990;
    top: -1em;
    left: -50%;
    height: 100%;
    width: 50%;
    align-items:center;
    justify-content: flex-start;
    align-content: flex-start;
    transition: all .4s ease;   
}
#barramenu{
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
}

#menu:target {
    left: 0;
    transition: all .3s ease;
}

body {
    font-family: 'Roboto', sans-serif;
    background-color: #f7f7f7;
    margin: 0em;
    padding: 0em;
    display: flex;
    flex-direction: column;  
    /* organización de los elementos según el eje principal
    (vertical por la propiedad anterior) */
    justify-content: space-between;
}
/*barra de navegacion,menu y body*/


/*boton inscribite*/
.equipo {
     background-color: red;
     margin: 2.2em;
     padding: 0.1em;
     color: white; 
     text-decoration: none;
     list-style: none;
     display: flex; 
     justify-content: flex-start;
     border-radius: 1em;
     line-height: 1,5em;
    letter-spacing: normal;
     top: 20em;
     font-family: 'Roboto', sans-serif;
}

article li a {
    color: white;
    font-size: 1em;
    list-style: none;
    text-decoration: none;
    text-align: center;
    letter-spacing: 0.04em;
    align-content: center;
    margin: 0.5em;
    margin-bottom: 0,5em;
    padding: 0.1em;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}
/*boton inscribite*/

/*noticias home*/
.h2novedades {
  background-color: black;
  color: white;
  margin:0em;
    padding: 0em;
  padding: 11pt;
  font-size:20pt;
  display:flex;
  justify-content: center;
  letter-spacing: 0.04em;    
}

.noticiasindex {
    background-color: white;
    flex-direction: flex;
    flex-direction: column;
    display: center;
    justify-content: center;
}

/*noticias index*/
.noticiasindex{
    background-color: white;
    margin: 0em;
    padding: 0em;
}


.noticiasindex section:first-child article {
    margin-bottom: 0rem;
    margin-top: 0rem;
    align-content: center;
    align-items: center;
    
}
.noticiasindex1 article figure {
    position: relative;
}

.noticiasindex section article figure {
    position: relative;
}

.noticiasindex section img {
    height: 45vh;
    width: auto;
}

.imagensecundaria{
    display: flex;
    align-content: center;
    justify-content: center;
    width: 100%;
    margin: 0em;
}
.h6titulos{
    display: flex;
    align-content: center;
    justify-content: center;
    font-size: 1.5em;
    color:rgb(55, 206, 124);
    margin: .3em;
}

.boton-b {
    color: white;
    font-size: 9pt;
    padding: .2rem;
    border-width: none;
    border-color: transparent;
    background-color: red;   
    border-radius: .2rem;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    align-content: flex-end;
    margin: 1.5em;
}


.noticiasindex {
    background-color: white;
    flex-direction: row;
    display: inline-block;
    column-count: 2;
    width: 100%;
    height: 100%;
    flex-basis: auto; 
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}

.noticiasindex section article {
    margin-bottom: 2rem;
    margin-top: 2rem;
    align-content: center;
    align-items: center;    
}

.noticiasindex section img {
 flex-basis: auto;
 max-width: 100%;
 height: auto;
 width: auto;
}

.imagensecundaria{
    width: 100%;
    margin: 0em;
    padding: 0em;
}

.hora{
    background-color: rgb(55, 206, 124);
    bottom: 0;
    left: 0;
    color: white;
    letter-spacing: 0.1em;    
    background-color:  
    text-transform: uppercase;
    font-size: 1.0rem;
    width: 45vmin;
    margin: 2em;
    padding: 0,5em;
    
}

.datosnotassecundarias{
    display: flex;
    justify-content: center;
    align-content: center;
    margin: 2em;
    font-size: 10pt;
    padding: 0em;   
}


.absolute {  
    bottom: 0;
    left: 0;
}

/*SLIDER CSS*/
.slideshow{
	width: 100%;
	position: relative;
}

.slider li, ul{
	width: 100%;
}

.slider li{
	overflow: hidden;
}

.slider li img{
	width: 100%;
}

.slider .caption{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 40px 60px;
    display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
    text-align: left;
	color: white;
	z-index: 1;
}

.slider .caption h1{
	font-size: 30px;
}

.slider .caption p{
	margin-top: 5px;
	font-size: 18px;
}

.pagination{
	position: absolute;
	top: 102%;
	width: 100%;
    color:black;
	display: flex;
	justify-content: center;
}

.pagination li{
	font-size: 10px;
	margin: 2px 5px;
	color: rgb(195, 195, 195);
	cursor: pointer;
}

.left, .right{
	position: absolute;
	top: 0;
	height: 100%;

	display: flex;
	align-items: center;

	color: rgba(255, 255, 255, 0.31);
	font-size: 30px;
	cursor: pointer;
	z-index: 2;
}

.left{
	left: 10px;
}

.right{
	right: 10px;
}

@media screen and (max-width: 100px){
	.slider .caption p{
		display: flex;
	}

	.slider .caption h1{
		font-size: 30px;
	}

	.left, .right{
		font-size: 12px;
	}

	.slider li img{
		width: 400px;
	}

	.pagination{
		display: none;
	}
}
/*slider css*/



/*LOGIN*/
.h1login {
    color: rgb(55, 206, 124); 
    font-weight: bold;
    font-size: 2em;
    margin-top: 1em;
    display:flex;
    justify-content:center;
    align-items: center;

}
.sectionlogin{
    background-color: #f7f7f7;
    padding: 1em;
}

form{
    color: black;
    font-weight: 400;
    font-size: 1em;
    margin-top: 3em;
    display:flex;
    justify-content:center;
    flex-direction: column;
    align-items: center;
    
    }

.ingresar{
    background-color: rgba(55, 206, 124, 0.83);
    color: white;
    margin-top: 1em;
    margin-left:5em;
    margin-right: 5em;
    padding: 0.5em;
    display: flex;
    justify-content: center;
    text-align: center;
   }

#clave {
    margin:1em;
    padding:1em;
   }
#documento { 
     
    margin:1em;
    padding:1em;

}

.asidelogin{
    color: grey;
    font-size: 8pt;
    margin:2em;
    margin-left: 12em;
    display: flex;
    justify-content: center;
  
}

/*REGISTRO*/

.h3registro{
    color: rgb(55, 206, 124);;
    font-weight: bold;
    font-size: 1.2em;
    margin: 1em;
    padding:0.5em;
    display:flex;
    justify-content:center;
    align-items: center;
    
}
.articleregistro {
    background-color: white;
    margin: 1em;
    padding:1em;
    font-family: sans-serif;
    font-size: 10pt;
    font-weight: 200;
    }
.h1registro{
    color: rgb(66, 207, 87);
    font-size: 1.5em;
    margin-top: 1em;
    display: flex;
    justify-content: center;
    }

.sectionregistro{
    background-color: #ededed;
    margin: 1em;
    padding: 1em;
    
}

 .pregistro {
    font-size: 0.8em;
    margin-top: 0.3em;
    display: flex;
    justify-content: center;
    
}

.formregistro{
    color: black;
    font-weight: 450;
    font-size: 1em;
    margin-top: 3em;
    display:flex;
    justify-content:center;
    flex-direction: column;
    align-items:center;
    
    } 
#nombre{
    background-color: rgb(182, 244, 191);
    margin: 0.6em;
    padding: 1em;
}
#apellido{
    background-color: rgb(182, 244, 191);
    margin: 0.6em;
    padding: 1em;
}
#mail{
    background-color: rgb(182, 244, 191);
    margin: 0.6em;
    padding: 1em;
}

#documento{ 
    background-color: rgb(182, 244, 191);
    margin:0.6em;
    padding:1em;
}
#telefono{
    background-color: rgb(182, 244, 191);
    margin: 0.6em;
    padding: 1em;
}
#clave {
    background-color: rgb(182, 244, 191);
    margin:0.6em;
    padding:1em;
   } 
#confirmar{
    background-color: rgb(182, 244, 191);
    margin: 0.6em;
    padding: 1em;
}
.formregistro1 {
    color: black;
    font-size: 8pt;
    font-weight: 200;
}


 .asideregistro  { 
    background-color: rgb(55, 206, 124);
    color: white; 
    list-style: none;
    font-size: bold;
    text-decoration: none;
    margin-top: 1em;
    margin-left:5em;
    margin-right: 5em;
    padding: 0.5em;
    display: flex;
    justify-content: center;
    text-align: center;
     border-radius: 0,2;
   }

#registrate {
     color: red;    
}
/*EXITO*/

.tick {
 margin-top: 5em;
 margin-left:6.2em;
 padding:0.5em; 

}
.h2exito { 
    background-color:#f7f7f7;
    color:rgb(55, 206, 124);
    margin: 1em;
    text-align: center;
}

.pexito {
    margin: 3em;
    text-align: center;
}

.beneficio{
    margin: 1em;
    padding: 1em;
    font-size: 13pt;
    font-weight: 200;
    background-color: white;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap:wrap;
    
}

.divexito  { 
    
    padding: 0.2em;
    margin: 0.2em;
    text-align: center;
    
}
.homeexito{
    background-color:rgba(55, 206, 124, 0.86);
    color: white;
    font-size: bold;
    margin-top: 1em;
    margin-left:5em;
    margin-right: 5em;
    margin-bottom: 2em;
    padding: 0.5em;
    display: flex;
    justify-content: center;
    text-align: center;
}


/*NOVEDAD1*/

.epigrafe{
    color: #6f6f6f;
    font-weight: 100;
    font-size:0.7em;
    margin-left: 1.5em;
    
}


/*RADIO*/
.h1radio {
    color: rgb(55, 206, 124);;
    font-weight: bold;
    font-size: 2em;
    padding: 0.3em;
    display:flex;
    justify-content:flex-start;
    
}

.h2radio{
    color: black;
    font-weight: bold;
    font-size: 1.3em;
    padding: 0.3em;
    display:flex;
    justify-content:flex-start;
    
}
.botonradio{ 
    list-style: none;
    font-size: 75%;
    color: white;
    padding:1em;
    display: flex;
    justify-content: space-around;
    
}

.colorradio{
    background-color: red;
    color: white;
    text-decoration: none;
    padding: 0.6em;
    border-radius: .2rem;
}

.reseniaradio{
    background-color: black;
    color: white;
    text-decoration: none;
    padding: 0.6em;
    border-radius: .2rem;
    
}
#letrabotonradio{
    color: white;
    text-decoration: none;
    padding: 0.6em;
}



/*reseñaradio*/

.presenia {
    background-color: white;
    font-family: sans-serif;
    font-size: 10pt;
    margin: 1em;
    padding: 1em;}



/*NOTA1*/

.h1nota  {
    color: rgba(55, 206, 124, 0.9);;
    margin:0.7em;
    font-size: 20pt;
    
    
}
.pnota {
     margin: 1em;
}

.h3nota {
    background-color: rgba(55, 206, 124, 0.86);;
    color: white;
    margin-top: 0.8em;
    padding: 0.3em;
    text-align: center;
}

.sectionnota {
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

#section {
    background-color: #f7f7f7;
    margin: 0.8em;
    padding: 0.8em;
}
.h4nota {
    color:rgb(55, 206, 124);
    font-weight: 200em;
}


.linota {
    font-weight: 100;
    font-size: 10pt;
}

.divotrasnotas {
    background-color: white;
    padding: 0.8em;
    margin: 0.5em;
 }

.vermas {
    background-color: red;
    color: white;
    font-style: bold;
    margin:0.6em;
    margin-left:5em;
    padding:0.2em ;
    display: flex; 
    justify-content: flex-end;
    align-items: flex-end;
    border-radius: .2rem;
    
}

/*CRONOGRAMA RADIO*/ 
.sectioncronograma { 
    margin: 2em;
    display: flex;
    justify-content: space-around;
    }

.h4cronograma1 {
    background-color: red;
    color: white;
    margin: 0.5rem;
    padding: 3%;
    width: 7em;
    display: flex;
    justify-content: center;
    align-items: center;
   
}
.h4cronograma {
    background-color: darkgrey;
    color: white;
    margin: 0.5rem;
    padding: 3%;
    width: 7em;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.pcronograma {
    background-color: white;
    padding: 0.5em;
    font-size: 13pt;
    font-weight: 300;
}


/*NOVEDADES*/

.h1novedades{
    background-color:rgb(55, 206, 124);
    color: white;
    margin-top: 1em;
    margin-bottom: 1em;
    padding:0.2em;
    font-size: 120%;
    text-align: center;
}

.h3novedades {
    color: rgb(55, 206, 124);
    font-style: bold;
    margin: 0.3em;
}

.pnovedades { 
    
    font-size: 85%;
    margin:0.3em;
     
}
 a{ 
     color:white; 
     
} 


.vernovedades{
    background-color: red;
    color: white;
    font-style: bold;
    margin:0.6em;
    margin-left:16em;
    padding:0.2em ;
    text-align: center; 
    border-radius: .2rem;
}


/*NOVEDAD1*/

.epigrafe{
    color: #6f6f6f;
    font-weight: 100;
    font-style: italic;
    font-size:0.7em;
    margin-left: 1.5em;
    
}


/*INSCRIPCIÓN*/

.pinscripcion {
    text-align: center;
    font-size: 10pt;
    font-weight: 250; 
}

.forminscripcion {
    background-color: white;
    color: rgb(55, 206, 124);
    padding: 1em;
    margin: 2em;
    font-size: 10pt;
    font-weight: 500;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

#cantidad {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    
}

#futbol {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    
}
#tenis {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    
}
#plan {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    
}

/*CHEQUEO*/
 
.ptitulos{
    text-align: center;
    color: rgb(55, 206, 124);
    font-weight: 500;
}

.peleccion {
    text-align: center;
    font-weight: 400;
    
}

.imgtarjeta {
    margin-top: -2em;
   margin-left: 7.3em;
}

.formchequeo{
    color: rgba(55, 206, 124, 0.83);
    padding: 1em;
    margin: -1.5em;
    font-size: 10pt;
    font-weight: 500;
   
}

#tarjeta {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

#vencimiento {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

#seguridad {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.imgefectivo {
    
   margin-left: 8.5em;
    
}


/*EFECTIVO*/
.comprobante {
    margin-left: 3em;
    
}
/*ACTIVIDADES*/
.pactividades {
   background-color: rgb(55, 206, 124)
   margin-bottom: 3em;
   font-size: 9pt;
   margin: 0em;
 
}
#orientacion{
    align-content: center;
    width:100%;
    max-width:400px;
}
.h1actividades{
    color: rgb(55, 206, 124); 
    margin-top: 1em;
    margin-bottom: 0em;
    padding:0.2em;
    font-size: 150%;
    text-align: center;
    justify-content: center;
    align-content: center;
    letter-spacing: 0,3em;
}
.h2actividades{
    background-color: rgba(55, 206, 124, 0.73);  
    color: white;
    margin: 0em;
    padding: 0,9em;
    font-size: 120%;
    letter-spacing: 0,2em;
    display: flex;
    justify-content: center;
}
.pactividades{
    background-color: whiteactive;
    color: rgb(55, 206, 124); 
    font-size: 85%;
    margin:2em;
 
}
 a{ 
     color:white;  
} 
.veractividad{
    background-color: red;
    color: white;
    font-style: bold;
    margin:0.6em;
    margin-left:16em;
    padding:0.2em ;
    text-align: center; 
    border-radius:.2rem;
    display: flex;
    justify-content: center;
    align-content: flex-end;
}

/*FUTBOLACTIVIDADES*/
.entrenadorestitulo{
    margin: 0.2em;
    padding: 1em;
    color: rgb(55, 206, 124); 
    display: flex;
    align-content: center;
    justify-content: center;
    font-size: 17pt;
    letter-spacing: 0.3;
}

.entrenadores{
    background-color: rgba(55, 206, 124, 0.79);
    color: white;
    font-size: 1em;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    margin: 0em;
    padding: .3em;
}

.profes{
    display: flex;
    justify-content: center;
    align-content: center; 
    align-items: center;
    image-orientation: center;
    margin: 0em;
    padding: 0em;
    width: 100%;
    
}
.infoprofesores1{
    color: rgba(55, 206, 124, 0.79);
    background-color: rgba(245, 240, 240, 0.96);
    margin: 1em;
    padding: 0.3em; 
}
.infoprofesores3{
    background-color: white;
    margin: 1em;
    padding: 1em;
    font-size: 9pt;
}


.infoprofesores{
    background-color: white;
    margin: 0.5em;
    padding: 0.8em;
    
}

.horariostitulo{
    color: black;
    margin: 0.1em;
    padding: .5em;
    display: flex;
    align-content: center;
    justify-content: center;
    font-size: 15pt;
    letter-spacing: 0.3;  
}

.h2horarios{
   color:rgb(55, 206, 124);
    margin: 0em;
    padding: 0em;
   
    display: flex;
    align-content: center;
    justify-content: center;
    font-size: 12pt;
    letter-spacing: 0.3;  
}

.horarioinformacion{
    background-color: white;
    margin: 1em;
    padding: 1em;
    font-size: 9pt;
}



/*QUIENES SOMOS*/
.fotosquienes {
    /* para que las imágenes nunca sean mayores que la caja que las contienen */
    max-width: 100%;
    height: auto;
}
/*
----------------
contenidos
----------------
*/
main {
    background-color: white;
    /* crece para "llenar" la caja contenedora */
    flex-grow: 1;
    /* es caja flexible contenedora */
    display: flex;
    /* dirección vertical */
    flex-direction: column;
}

section {
    border-top: solid 1px white;
}

.galeriaquienes {
    
    padding-bottom: 1em;

    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.galeriaquienes h3 {
    width: 90%;
    padding: 1em;
}

.galeriaquienes figure {
    width: 45vmin;
    margin: .125em;
    
    /* para que cada figura sea
       "origen de coordenadas"
       de sus "descendientes" con 
       position: absolute */
    position: relative;
    
    /* para que se oculten
       sus "descendientes" con 
       position: absolute
       que se "salgan" de sus límites */
    overflow: hidden;
}
.galeriaquienes img {
    /* para que "desaparezca" el espacio que queda debajo de la imagen */
    display: block;
}

.galeriaquienes figcaption {
    background-color: rgba(17, 42, 21, 0.85);
    color: white;
    padding: .5em;
    line-height: 1em;
    
    /* para salir del "flujo de información" del fondo 
       y colocase en una capa superior
       "anclada" en su "ascendiente" definido
       como origen de coordenadas */
    position: absolute;
    height: 100%;
    
    /* para que la parte superior quede
       apenas 1.5em visible (1ª línea) */
    top: calc(100% - 1.5em);
    transition: all .5s ease;
}

/* propiedades de figcaption SÓLO cuando
   la mano se coloca encima de "figure" */
.galeriaquienes figure:hover figcaption {
    background-color: rgba(49, 88, 55, 0.92);
    top: 50%;
    transition: all .5s ease;
}

.galeriaquienes figcaption span {
    display: block;
    font-size: .75em;
    color: white;
    letter-spacing: 0.1em;
}


.textosquienes {
    padding: 1em;
    
    /* para limitar la cantidad de palabras por línea */
    max-width: 40em;
    margin-left: auto;
    margin-right: auto;
}

.textosquienes > * {
    margin-bottom: 1em;
}

.textosquienes > div h4 {
    background-color: rgb(73, 230, 97);
    padding: .25em;
    margin-bottom: .5em;
    align-content: center;
    /* para salir en parte del "flujo de información" del fondo y colocase en una capa superior
    "anclada" en su "ascendiente" */
    position: sticky;
    top: 0;
} 

.subir {
    text-decoration: none;
    color: white;
    font-weight: bold;
}

.subir:hover {
    text-decoration: underline;
}

/*
----------------
explorar
----------------
*/

.explorar {
    background-color: rgba(150,200,150,.75);
    border: 4px solid white;
    border-radius: 50%;
    box-shadow: 0 .15em .1em white;
    color: white;
    cursor: pointer;
    display: flex;
    font-size: 2rem;
    width: 4rem;
    height: 4rem;
    
    /* para salir del "flujo de información" del fondo 
    y colocase en una capa superior fija */
    position: fixed;
    bottom: 1rem;
    right: 1rem;
}

.explorar > * { margin: auto; }

/*
cuando la ventana del navegador mida
como mínimo 560px de ancho
*/
@media (min-width: 35em) {
    
    .galeriaquienes figure {
        width: 20%;
    }
    
    .galeriaquienes figure:hover figcaption {
        background-color: white;
        top: 0;
        transition: all .5s ease-in;
    }


/*
cuando la ventana del navegador mida
como mínimo 800px de ancho
*/
@media {
    .galeriaquienes .h3quienes {
        margin-bottom: 0.5em;
    }
    .h3quienes {
        background-color: rgba(55, 206, 124, 0.73) ;
        color: white;
        margin: 0,5;
        padding: 0,5;
        letter-spacing: .1em;
    }
    .textosquienes , .h3quienes {
        padding: 1em;
    }
}

/*
cuando la ventana del navegador mida
como mínimo 1200px de ancho
*/
@media (min-width: 75em) {
    .galeriaquienes {
        background-color: white;}
}
}

}




/*GALERIA DE IMAGENES*/
.gallery-section{
  width: 100%;
  padding: 60px 0;
  background: rgba(241, 241, 241, 0.86);
}

.inner-width{
  width: 100%;
  max-width: 1200px;
  margin: auto;
  padding: 0 20px;
}

.gallery-section h1{
  text-align: center;
  text-transform: uppercase;
  color:rgb(55, 206, 124) ;
    margin: 1em;
}

.bordergaleria{
  width: 180px;
  height: 4px;
  background: #333;
  margin: 60px auto;
}

.gallery-section .gallery{
  display: flex;
  flex-wrap: wrap-reverse;
  justify-content: center;
}

.gallery-section .image{
  flex: 25%;
  overflow: hidden;
  cursor: pointer;
}

.gallery-section .image img{
  width: 100%;
  height: 100%;
  transition: 0.4s;
}

.gallery-section .image:hover img{
  transform: scale(1.4) rotate(15deg);
}

@media screen and (max-width:960px) {
  .gallery-section .image{
    flex: 33.33%;
  }
}

@media screen and (max-width:768px) {
  .gallery-section .image{
    flex: 50%;
  }
}

@media screen and (max-width:480px) {
  .gallery-section .image{
    flex: 100%;
  }
}


/*FORMULARIO DE CONTACTO*/

.formregistrocontacto{
    color: black;
    font-weight: 450;
    font-size: 1em;
    margin-top: 3em;
    display:flex;
    justify-content:center;
    flex-direction: column;
    align-items:center;
}

.h1contacto{
    color: white;
    background: rgb(55, 206, 124);
    font-size: 1.6em;
    margin-top: 0.8em;
    display:flex;
    justify-content:center;
    align-items: center;
    letter-spacing: 0,2em;
}


.h2consulta{
    background-color: #ededed;
   color: rgb(66, 207, 87);
    font-size: 12pt;
    display: flex;
    justify-content: center;
    margin: .9em;
}

.enviarconsulta{
    background-color: rgba(55, 206, 124, 0.75);
    color: white;
    margin-top: 9em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-content: center;
    border-radius: 1rem;
    margin: 0em;
    padding: 1em;
    padding-left: 10px;
}

#nombre{
    margin:1em;
    padding:1em;
    display: flex;
    justify-content: center;
    text-align: center;
    align-content: center;
    margin-left: 3em; 
}
#apellido{ 
    margin:1em;
    padding:1em;
    display: flex;
    justify-content: center;
    text-align: center;
    align-content: center;
    margin-left: 3em;
}
#fecha{
    background-color: rgb(182, 244, 191);
    margin:1em;
    padding:1em;
    display: flex;
    justify-content: center;
    align-content: center;
    margin-left: 4em;
   
}
#actividad{
    background-color: rgb(182, 244, 191);
    margin: 1em;
    padding: 1em;
    margin-left: 0em;
    padding-left: 0em;
    display: flex;
    justify-content: center;
    text-align: center;
}

#email{
    background-color: rgb(182, 244, 191);
    margin: 1em;
    padding: 1em;
    display: flex;
    justify-content: center;
    text-align: center;
}
#bio{
    background-color: rgb(182, 244, 191);
    margin-bottom: 1em;
    margin-left: 1em;
    padding: 3em;
    display: flex;
    justify-content: center;
    text-align: center; 
}
.asidecontacto{ 
    color: white; 
    list-style: none;
    font-size: bold;
    text-decoration: none;
    margin-top: 1em;
    margin-left:5em;
    margin-right: 5em;
    padding: 0.5em;
    display: flex;
    justify-content: center;
    text-align: center;
   }

.asideactividades{  
    margin-top: 1em;
    margin-left:5em;
    margin-right: 5em;
    padding: 0.5em;
}

.articleregistro {
    background-color: white;
    margin: 1em;
    padding:1em;
    font-size: 10pt;
    font-weight: 200;
    }

.sectioncontacto{
    background-color: #ededed;
    margin: 1em;
    padding: 1em;  
}

.pconsulta{
    margin: 1em;
    font-size: 9pt;
}


/*FOOTER*/
footer {
    list-style: none;
    background-color: rgb(1, 29, 14);
    color: white;
    padding: 0em;
    font-family: sans-serif;
    font-size: 10pt;
    font-weight: 200;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-bottom: 0em;
    padding: 0,5em;
}
    
.contactofooter{
    background-color: rgb(1, 29, 14);
    color: white;
    font-family: sans-serif;
    font-size: 11pt;
    margin-top: 5em;
    padding: 0.8em;
    font-weight: 300;
    display: flex;
    justify-content: center;
    
}