@import url('https://fonts.googleapis.com/css?family=Bangers');
@import url('https://fonts.googleapis.com/css?family=Bungee');

body {background: #fff; font-family: arial; margin: 0 auto; max-width:80rem;/*padding-top: 18rem;*/}

h1 {color: #EB4726; font-size: 6rem; margin: 0; font-family:"Bangers"; }
h2{ color: #EB4726; font-size: 3rem; margin: 0; font-family:"Bangers"; text-align: center;padding: 1.5rem; }
h3{ color: #004258; font-size: 2rem; margin: 0; font-family:"Bungee"; text-align: center;padding: 1.5rem; }
h4{ color: #004258; font-size: 2rem; margin: 0; font-family:"Bangers"; }
h5 { color: #004258; font-size: 2rem; margin: 0; font-family: arial; font-weight: 800; }



header{width: 100%; /* hacemos que la cabecera ocupe el ancho completo de la página */
	left: 0; /* Posicionamos la cabecera al lado izquierdo */
	top: 0; /* Posicionamos la cabecera pegada arriba */
	/*position: fixed;}*/
}
.encabezadocynthia {background-image:  url(1/woody.jpg); background-position:center; background-size: cover; height: 12rem; margin: 0; padding-left: 2rem; padding-top: 4rem; }

.encabezadocynthia a{text-decoration: none}

.encabezadolautaro {background-image:  url(2/notary.jpg); background-position:top; background-size: cover; height: 12rem; margin: 0; padding-left: 2rem; padding-top: 4rem; }

.encabezadolautaro a{text-decoration: none}

.encabezadoluciana {background-image:  url(3/09117PH.jpg); background-position:top; background-size: cover; height: 12rem; margin: 0; padding-left: 2rem; padding-top: 4rem; }

.encabezadoluciana a{text-decoration: none}

.encabezadoerika {background-image:  url(4/3035941-poster-p-1-bierut-shell.jpg); background-position:top; background-size: cover; height: 12rem; margin: 0; padding-left: 2rem; padding-top: 4rem; }

.encabezadoerika a{text-decoration: none}


/*  Todo esto pertenece al Nav principal*/

.navprincipal{width: 80rem; /* hacemos que la cabecera ocupe el ancho completo de la página */
	/*left: 0;  Posicionamos la cabecera al lado izquierdo */
	/*top: 0;  Posicionamos la cabecera pegada arriba */
	position: fixed;
    text-align: center;
    margin: 0;
    padding: 0;
    background: #004258;    
    color: #060b89;}

li {display: inline-block}

.navprincipal a {color: #fff; text-decoration: none; padding: 1rem 2rem; display: inline-block;color: #fff}
a:hover {color: #EB4726;}

main {width: 100%;}

.img-circle {border-radius: 50%; height: 12rem}

.datosalumno {
    color:#004258;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: stretch; 
    margin-top: 2rem;}

.izq{display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;}

.der{padding-left: 4rem;}

.prop {margin-top: 3rem;}
.prop h5 { text-align: center; }
.prop a {text-decoration: none; }


.exp {background-color:#EB4726; margin-top: 2rem;}
.exp h5 {text-align: center; font-family:"Bangers"; font-size: 3rem; padding-top: 1rem;}
.exp p {text-align: center; color: white; padding-bottom: 1rem;}
.app { display: flex; justify-content: space-around;  }
.app article { max-width: 20rem;}
.app h6 { color: white; font-size: 1rem; text-align: center; font-weight: 800;}
.app p { color: white; font-size: 1rem; text-align: center}


footer { background: #000; color: #fff; ; font-size: 0.8rem;padding: 1rem;margin-top: 2rem; text-align: center;}

/*  Viejo NAV no funcionaba como responsive*/
/*
.colum {display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: stretch; 
padding: 0 10rem;}

nav { background: #004258 ;padding: 0.5rem; color: #060b89;}
nav ul li {list-style: none; display: inline; }
nav ul li a {color: #fff; text-decoration: none; }
a:hover {color: #EB4726;}
li {color: #004258 }
*/

/*  Acá empieza el Main*/



/* Sección Integrantes */
/*
.integrantes-padre {width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    }

.integrantes-hijos{ width: 10%;
    padding: 0.8rem;
    box-sizing: border-box;
    font-size: 1.3rem;
    text-align: center;
    display: flex;
 	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: stretch;
      }

.integrantes-hijos a{ text-decoration: none;margin: 1rem 2rem;
    color: #EB4726;}

.img-circle {border-radius: 50%; height: 12rem}

/* Sección Descarga la App */
*/
/*
.app {width: 100%;
     display: flex;
    justify-content: center;
    /*height: 35rem;*/
    /*background: #F1E857;*/
   
    }*/
/*
.app p{color:#004258}

.pngapp{height: 45rem;}

.colderechaapp {display: flex;
	flex-direction: column;
	flex-wrap: wrap-reverse;
	align-items: center;
	align-content: stretch;
    text-align: left; width: 50%;
   padding: 4rem;
}

.descarga {font-size: 2.5rem; margin-top: 0;
}

.colderechaapp a{text-decoration: none;width: 50%;}

/* Sección Información académica */
*//*
.catedra {color:#004258; text-align: center}
.catedra p{font-size: 0.8rem}
*/