*{margin:0px;padding:0px;}


body {background-color:#8FCEC6; font-family: "Yanone Kaffeesatz";}


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

header {width: 97%; height: 110px; border-style: solid; border-color: white; border-width: thick; padding: 1%; margin-bottom: 3%; margin-top: 3% }

.dgpc{ display: block;
    width:14%;
    height: 25%;
    float: left;
    margin-top: 2%;
    margin-left: 2%;
    background-image: url(imagenes/dgpclogo_b.png); 
    background-size: cover;
    padding-top: 5%;
    text-indent: -99999px;}

.universidad {width: 60%; float: right;}

h1 {
    font-family: "Yanone Kaffeesatz";
    font-weight: 700;
    color: black; 
    text-align: right;
    font-size: 27px}

h2 {
    font-family: "Yanone Kaffeesatz";
    font-weight: 500;
    color: black; 
    text-align: right;
    font-size: 23px}

h3 {
    font-family: "Yanone Kaffeesatz";
    font-weight: 300;
    color: black; 
    text-align: right;
    font-size: 20px}

h4 {
    font-family: "Yanone Kaffeesatz";
    font-weight: 300;
    color: black; 
    text-align: right;
    font-size: 15px}

h5 {
    font-family: "Yanone Kaffeesatz";
    font-weight: 300;
    color: whitesmoke; 
    align: right;
    font-size: 50px;
    margin-bottom:20px; margin-top: 50px}

h6 {
    font-family: "Yanone Kaffeesatz";
    font-weight: 500;
    color: #E6007E; 
    align: right;
    font-size: 25px;
    margin-bottom:15px; margin-top: 40px}

h8 {font-family: "Yanone Kaffeesatz";
    font-weight: 300;
    color: whitesmoke; 
    font-size: 20px;
    margin-bottom: 5px;
    display: inherit}


h7 {
    font-family: "Yanone Kaffeesatz";
    font-weight: 300;
    font-size: 13px}


p {font-family: "Yanone Kaffeesatz";
    font-weight: 300;
    color: black; 
    align: right;
    font-size: 18px;
    margin-bottom:3%;
    margin-top:1%}
    
nav{
  float: right;
  width: 100%;
  margin-top: 0px;
  margin-bottom: 5%;
}

nav > ul > li {display: inline-block; }

nav > ul > li > a {
    width: 100%; 
    color: #E6007E;
    font-family: "Yanone Kaffeesatz";
    font-weight: 700;
    text-decoration: none;
    font-size: 20px;
    text-align: center; 
    padding-right: 51PX ; padding-left:52PX; padding-top: 10px; padding-bottom: 10px;
    margin:3px;
    border-color: whitesmoke; 
    background-color: whitesmoke; }


nav > ul > li a:hover {
      color: whitesmoke;
      background: black; 
}

.foto  {width:35%; float: left; margin-top: 4%; margin-left: 4%}

.presentacion {width: 58%; float: right;margin-right: 0px}

#mapa {margin-left: 5%; margin-top: 5%; margin-right: 5% }

.wire {max-width: 100%}

footer {
	width: 94%;
	float: left;
	text-align: center;
	padding:2%;
	background-color: darkgrey;
    color: #8FCEC6;
    margin-top: 5%}

.titlemap{list-style-type: none;}

#mapa ul li{font-size: 20px; color: #000; padding: 5px; margin: 4px; text-decoration: none; 
    list-style-type: none;}

div#mapa ul li.titulo2 {
    text-decoration: none; 
    list-style-type: none;
	font-size: 23px;
    text-transform: uppercase;
	color: #E6007E;
    padding: 5px;
    margin-left: 0;
    border: none;
}

div#mapa ul li.titulo2 a {
    text-decoration: none; 
    list-style-type: none;
	font-size: 23px;
    text-transform: uppercase;
	color: #E6007E;
    padding: 5px;
    margin-left: 0;
    border: none;
}

div#mapa ul li.titulo a {
    text-decoration: none;
    list-style-type: none;
	font-size: 20px;
    text-transform: uppercase;
	color: #FFF;
    padding: 5px;
	margin-bottom: 4px;
    margin-left: 30px;
    border: none;
}

div#mapa ul li.titulo3 a {
    text-decoration: none;
    list-style-type: none;
	font-size: 17px;
    text-transform: uppercase;
	color: black;
    padding: 5px;
	margin-bottom: 4px;
    margin-left: 50px;
    border: none;
}


div#mapa ul li .titulo2 a {; color: white;}

hr {
   display: block;
   position: relative;
   padding: 0;
   margin: 8px auto;
   height: 0;
   width: 100%;
   max-height: 0;
   font-size: 1px;
   line-height: 0;
   clear: both;
   border: none;
   border-top: 1px solid #aaaaaa;
   border-bottom: 1px solid #ffffff;
}