/*
DATOS ACCESOS
dgpcfadu.com.ar
Dgpc4691
vn13@dgpcfadu.com.ar
*/


/*RESET MEYER*/

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

/*FIN RESET*/


body {background-color: wheat;font-family: 'Bree Serif', serif;font-size: 16px;}

a {text-decoration:none;color:coral;}
a:hover {
	text-decoration:underline;
	cursor:pointer;
}

header a:hover {box-shadow: 0 -10px 90px #fff;}
.wrapper {
    max-width: 960px;
    margin: 0 auto;
} 

h1 {font-size:30px;padding:20px 0;display:block;}

header {
    width: 100%;
    margin: 0 auto;
	padding: 5px 0;
    height: 100px;
}

nav {
    width: 100%;
    margin: 5px auto;
	padding:5px 0;
	border-bottom: 1px solid white;
	border-top:1px solid white;
	text-align:center;
}

li.alumno {font-size:18px;background-color: white;}

nav ul li {display:inline-block;margin:0 30px;}

nav ul li:first-child {margin-left:0;}

.main {
    width: 100%;
    margin: 0 auto;
}

section {
    width: 100%;	
    padding: 20px 0;
	background-color: coral;
}

section li {
	padding:8px 0;
	text-decoration:overline;
	list-style-type: disc;
}

.title-section {
	font-size:1.75rem;
	color: white;
	margin-bottom: 5px;
    padding: 0.5rem;
    margin: 0.5rem;
    text-shadow: 001rem#989898;
    text-align: center;
    border-bottom-color: white;
    border-bottom-style: solid;
    border-bottom-width: thin;  
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    border-top-color: white;
    border-top-style: solid;
    border-top-width: thin;  
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
}

span {
    font-weight: 800;
    font-size: 1rem;
}

p {
    font-style: italic;
    font-weight: 500;
    margin: 0.5rem;
    padding: 0.5rem;
    border-bottom-color: black;
    border-bottom-style: solid;
    border-bottom-width: thin;  
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    border-top-color: black;
    border-top-style: solid;
    border-top-width: thin;  
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
}
aside {
	
	color: teal;
    padding: 1rem;
       
}

p {
    font-size: 0.75rem;
    color: black;
	padding:20px 0;
}

h2 {
    font-size: 1.25rem;
    color: teal;
    font-weight: 600;
    text-decoration: underline;
    
}
    
.photo {
	width: 10%;
	float: right;
	background-color: darkslategray;
    
}

.photo img{max-width:100%;}


footer {
    max-width: 960px;
	padding: 20px;
	clear: both;
	font-size: 1rem;
	color:sienna;
	border:5px solid white;
	margin: 0 auto;
}


/*MEDIA QUERIES 760*/

@media screen and (max-width:768px) {

	.wrapper {padding: 10px;border:5px solid coral;}
    
	nav ul li {display:block;margin:5px 0;}
    section {float:none;}
	.footer {padding:10px 10px 0 10px; }

}