@charset "utf=8"
/* CSS Document */
    
*{margin: 0;}
body {max-width: 960px; margin: 0 auto;}
      
/*//////// HEADER //////////*/

.intro {display: block; background-color: #EFB9D1; color: #FFF; height: 1.5em; padding-left: 0.5em; padding-top: 0.2em;}

header {
    background-image: url(imagenes/nycrocio.jpg);
    height:30em;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 15px;
}

.titulares {margin-left: 7.8em; margin-top: 5em;}
.titulares h1 {display: block; border-bottom: solid 3px black; font-size: 2.4em; width: 10em; }

nav {margin-top: 1.5em; padding-left: 5em;;}

ul li{
    font-size: 8pt;
    display: inline-block;
    padding: 5px;
}

ul li a {
    color: black;
    padding: 10px;
    font-family: 'Playfair Display', serif;
    font-size: 10pt;
    text-decoration: none;
    border: 3px solid black;
}
    
nav ul li a:hover {
    background-color:#EFB9D1;
}

h7 { font-family: 'Playfair Display', serif;}

.about-me {width: 29.3em; height: 20em; float: left; background-color: #FFF; border: solid 2px black;margin-bottom: 15px;}

.about-me p {width: 20em; margin-bottom: 3em; padding-left: 3em; padding-top: 1em;  font-family: 'Playfair Display', serif;}

.redes a{text-decoration: none; padding: 2em;}
.redes a:hover{background-color: #EFB9D1; text-decoration: underline}


.materias {width: 29.3em; float: right; background-color: #EFB9D1;margin-bottom: 15px;}
.materias p {margin: auto; height: 17.25em; padding-left: 5em;padding-top: 3em; font-family: 'Playfair Display', serif;}


footer {clear: both; padding: 1em; font-size: 0.8em;}

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

#mapa ul li{font-size: 12px; color: #000; border: solid 1px; border-color: #000; padding: 5px; margin: 4px}

div#mapa ul li.titulo2, div#mapa ul li.titulo2 a, div#mapa ul li.titulo2:visited, div#mapa ul li.titulo2:link, div#mapa ul li.titulo2:hover {
	font-size: 17px;
    text-transform: uppercase;
	color: #FFF;
    background-color: #EFB9D1;
    padding: 5px;
	margin-bottom: 4px;
    margin-left: 0;
    border: none;
}

div#mapa ul li.titulo, div#mapa ul li.titulo a,  div#mapa ul li.titulo a:hover,  div#mapa ul li.titulo a:visited,  div#mapa ul li.titulo a:link {
	font-size: 14px;
    text-transform: uppercase;
	color: #FFF;
    background-color: #8781bd;
    padding: 5px;
    padding-left: 0;
	margin-bottom: 4px;
    margin-left: 30px;
    border: none;
}

div#mapa ul li.titulo3, div#mapa ul li.titulo3 a, div#mapa ul li.titulo3:visited, div#mapa ul li.titulo3:link, div#mapa ul li.titulo3:hover {
	font-size: 17px;
    text-transform: uppercase;
	color: #EFB9D1;
    background-color: #FFF;
    padding: 5px;
	margin-bottom: 4px;
    margin-left: 0;
    border: none;
}

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;
}