#header { text-align: center; margin-bottom: 2em; }
#global { font-family: sans-serif; font-size: 80%; }
#content { padding: 1.5em;  }
h1,h2 { font-weight: lighter; }
h1 { font-size: 250%; }
h2 { font-size: 130%; }

#header p, 
#header h1 { margin: 0; }
h2 { margin-bottom: 0; font-weight: bold; }

#navigation, #contenidos, blockquote, #copyright { display: none; }

/* CV ----------------------------------------------------------------------- */
#secciones h2 { text-transform: uppercase; }
.texto { margin-bottom: 1em; border: 1px solid #EEE; padding: 0 1em 1em 1em; }

/* PORFOLIO ----------------------------------------------------------------- */
ol#portfolio { list-style-type: none; padding: 0; width: 99%; display: block; margin-left: auto; margin-right: auto; }
ol#portfolio li { 
  float: left;
  width: 280px; height: 320px; 
  padding: .87em .5em; margin: 1em .4em; 
  border: 1px solid #CCC;  
  background-color: #EEE; 
}

ol#portfolio li img { border: 1px solid #555; }

p.fecha { font-size: 75%; margin-bottom: 1em; }
p.nota { font-size: 90%; margin-top: .7em; }
p.center { text-align: center; }
p.right { text-align: right; }
.clear { clear: both; }

ol#ver { padding: 1em 2em; list-style-type: lower-roman; clear: both; }

.aclaracion { color: #555; margin-bottom: 2em; }
.aclaracion p { margin-bottom: .18em; }

#contenidos { width: 220px; margin: 0 auto 1em auto; }
#contenidos ol { padding-left: 2em; font-size: 80%; }