/*
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: darkturquoise;font-family: 'Oswald', sans-serif;}

a {text-decoration:none;color:white;}
a:hover {
	text-decoration:underline;
	background-color:black;
	cursor:pointer;
}

header a:hover {background-color:azure;}

header {
    max-width: 960px;
	background-color:darkblue;
    margin: 0 auto;
	padding:10px;
}

header .logo {background-color:azure;}

nav {
    max-width: 960px;
    margin: 10px auto;
	padding:10px 0;
	text-align:right;
}

nav a {padding:10px 10px 0 10px;}

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

h1 {font-size:80px;color: red;}
h2 {font-size:50px;color: bisque;text-align:left;padding:10px 0;}
h4 {font-size:14px;color: red;}

p {margin:5px 0;font-size:14px;}

section {
	color: red;
	background-color: darkblue;
	float:left;
	width:50%;
	padding:10px;
}

section .foto {float:right;}

section .foto img {max-width: 200px;}

.datos-catedra {padding:10px 0;}

aside {
	color: red;
	background-color: darkblue;
	float:left;
	width:30%;
	padding:10px;
	margin: 50px 0 0 20px;
}

article:hover {}

footer {
    max-width: 960px;
	margin:0 auto;
	padding: 25px 0 10px 0;
	clear: both;
	font-size:14px;
	color:red;
	border-top:5px solid white;
}

/*MEDIA QUERIES 760*/

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

	.wrapper {padding: 10px;}
    section {width:100%;margin:10px 0;padding:0;}
	aside {width:100%;margin:10px 0;padding:0;}

}