@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Oswald);

*{
    margin: 0;
    padding: 0;
    font-family: sans-serif;
    border: 0;
    list-style-type: none;
	
}



header{ background:center;
background-color:#333;

}

#dgpc img{ max-height:60px;
display:block;
margin:auto;
padding-top:1em;
padding-bottom:.8em;	
}


nav {
	width: 100%;
	text-align: center;
	font-weight:600;
	font-size:.9em;
	padding-bottom: 10px;

}

nav ul li {
	display: block;
	margin: 10px auto;
	border-radius: 8px;
	background-color: rgba(0,0,0,0.3);
	position: relative;
	top: 0;
	left: 0;
	transition: 200ms linear 0s;
	width: calc(25%-2em);
	padding:5px;
    margin: .5em 3em;
	

	
}

header nav ul li a{
    color: #999;
    text-decoration: none;
	
}
header nav ul li a:hover{
    color: #FF9;
}

#alumno figur { border-radius:20px;
	}

#alumno figure img {
	width: 100%;

}

main { text-align: center;
 background-color: #C33;
	
	
}

main article { width:85%;
display: inline-block;
background-color:#900;
border-radius: 9px;
padding:0.8em;
margin-bottom:1.5em;
}

main article h3 { color: #c33;
font-size: 1.1em;
font-weight:600;
padding-top:0.5em;
}

main article p { color: #FFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:200;
font-size:0.9em;
	
}

#datos { padding-bottom: 2em;
	
	}

h1 { font-family:oswald;
	margin-bottom: .5em;
    color: #FF9;	
	}

h2 { color: #FFF;
font-size:1em;
	
	}

h3 { color:#900;
font-size: 1.1em;
padding-bottom:.5em;
padding-top:1em;
	
	}

#datos ul li { margin:.5em;
color:#FFF;
font-size:.8em;
	
	}
	
main article ul { margin-top: 1em;
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
font-weight: 600;
}

main article ul li { padding:0.5em 0em;
background-color:#C33;
width:50%;
display: inline-block;
margin:0.5em 0em;
border-radius: 6px;
}

main article ul li a { text-decoration:none;
color: #600;
	}

main article ul li a:hover { color: #FFF;
	
}

aside { width: 100%;
	    text-align: center;
		font-size:.8em;
		font-weight:500;
		font-family:"Arial Black", Gadget, sans-serif;
		color: #333;
		padding-top: 20px;
		padding-bottom: 20px;	   
		background-color: #999; 	
}



aside p { padding-bottom:3em;
}

aside h4 { color:#C33;
padding-bottom: 1em;
font-weight:900;
	}

aside h6 { padding:1em;
color: #333;
font-size:.9em;
border-top: 2px #333;
	
}

aside figure { padding-top: 1em;


}

#academicos { display:inline-block;
margin-bottom:2em;
border-bottom-style: solid;
border-bottom-color: #666;
border-bottom-width:thin;
	
	}


footer{
    background-color: #2c2d2e;
    padding: 1em;
	clear:both;

}
footer p{
    font-size: 12px;
	text-align:center;
	color: #666;
}
@media only screen and (min-width: 648px){
	
#dgpc img {max-height:60px;
               text-align:center;
           
	}


nav {


	text-align: center;
	font-weight:600;
	font-size:.9em;
	padding-bottom: 10px;

}

nav ul li {
    margin: 0.5em 11em;
}
	
main { width:100%;
background-color: #C33;
	
	
	}	
	
#alumno figure {	
	float:left;
	margin-top:2em;
	margin-left:11em;	
	width: 40%;
	border-radius: 20px;
}


#datos { float: left;
	 text-align: left;
margin-top:4em;
padding-left:1em;
padding-top:1em;
	
}
	
#datos h1 {
    font-size: 1.5em;
    font-weight: 600;
	text-align: left;	
	color: #FF9;
}

#datos h2 { color: #FFF;
font-size:1em;
	
}

#datos h3 { color:#900;
font-size: 0.9em;
font-weight:600;
padding-bottom:.5em;
padding-top:2em;
	
}

#datos ul li { margin:0.5em;
font-weight:200;
color:#FFF;
font-size: 0.8em;
	
}

main article { width:80%;
display: inline-block;
background-color:#900;
border-radius: 9px;
padding:1em;
margin-bottom:2em;
text-align:center;
margin-top:2em;
}

main article h3 { color: #c33;
font-size: 1.1em;
font-weight:600;
padding-top:0.5em;
}

main article p { color: #FFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:200;
font-size:0.9em;
	
}

footer{
    background-color: #2c2d2e;
    padding: 10px;
	clear:both;

}

}

@media only screen and (min-width: 1100px){
nav{ margin-left:-7em;
		
}
	
#dgpc img{ float:left;	
	height:40px;
	padding-left: 15px;
}
 
header nav ul { height:60px;
		
} 
header nav ul li{
        margin: 2px;
        margin-left: 10px;
		display:inline-block;
		width: inherit;
		margin-top:20px;
		
}

#alumno figure { float:left;
	margin-top:4.5em;
	margin-left:5em;	
	width: 28%;
	border-radius: 20px;
}



main, aside {
    float: left;   
}

main { width:70%;
height: 630px;
background-color: #C33;
}

main article { width:82%;
display: inline-block;
background-color:#900;
border-radius: 9px;
padding:0.8em;
margin-bottom:1.5em;
text-align:left;
margin-top:-1em;
}

main article h3 { color: #c33;
font-size: 1.1em;
font-weight:600;
padding-top:0.5em;
}

main article p { color: #FFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:200;
font-size:0.9em;
	
}


#datos { float:left;
padding-left: 2em;
padding-top:1em;
}
	
#datos h1 {
    font-size: 2em;
    font-weight: 600;
	text-align: left;	
	color: #FF9;
}

#datos h2 { color: #FFF;
font-size:1.5em;
	
}

#datos h3 { color:#900;
font-size: 1.1em;
font-weight:600;
padding-bottom:.5em;
padding-top:2em;
	
}

#datos ul li { margin:0.3em;
font-weight:200;
color:#FFF;
font-size: 1em;
	
}

main article ul { margin-top:1.5em;
}

main article ul li { padding:0.5em;
background-color:#C33;
width:25%;
display: inline;
margin-right: 2em;
border-radius: 6px;
}
	
aside { width:30%;
	
	}


footer{
    background-color: #2c2d2e;
    padding: 2em;
	clear:both;

}

	
}