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

body{font-family: 'Lato', sans-serif;margin: 0px; overflow: hidden; display: inline}

div{max-width: 960px;position:relative;margin:0px auto 0px auto;background: rgba(232, 232, 232, 0.8);}
header #fondo {margin:15px 10px 10px 10px}

#logodgpc{margin-top: 2%; margin-left: 2%; top: 5px; left: 120px; margin-bottom: 2%;}

header{width:100%; background: #0c0cf8;text-align: center}

header nav{float:left; margin:24px 7px 8px 38px;background: #0c0cf8;}
header nav ul{width:845px;}
header nav ul li{float:left;list-style-type:none;margin: 5px 4px 25px 5px}
header nav ul li a{color:#fff;text-decoration:none;margin: 15px 25px 15px 15px; font-size:11px;}

#tpindividual{position: absolute;top: 400px; left:55px; color:#f80c0c;font-size:20px;padding:5px 10px 5px 0;}

main{width:96%;margin:2%;height:600px;}
main h2{color:#0c0cf8;font-size:20px;padding:5px 10px 5px 0;}
main h3{color:#0c0cf8;}
main h4{color:#0c0cf8;}
main section{width:65%;margin:2%;background:#fff;float:left;padding:5px 0 5px 20px;height: 423px;}
main section p{color: #0c0cf8;padding:5px;font-size:11px;}
main section p #destacado3 {font-family: cursive}
main article{width:25%;float:right;background:#fff;margin:17px 18px 15px 0;}
main article p{color: #0c0cf8;padding:5px 10px 5px 20px;font-size:11px }
main article #logouba{width:40%;margin: 20px 0 0 20px;}
main #fotoperfil {max-width: 16%;float: none; padding: inherit; margin: 2%; border: solid 1px rgba(41, 33, 33, 0.47);}

section{padding: 10px 15px 20px 60px;}

footer{background:#0c0cf8;width:100%; display: table;}
footer p{font-size: 10px;color:#fff;text-align: center;padding:20px;}

#julian section{width:65%;margin:2%;background:#fff;float:left;padding:5px 0 5px 20px;height:700px;}
#grande main{width:96%;margin:2%;height:672px;}
header #fondo {margin:15px 10px 10px 10px}