#header { font-family:"Georgia", serif; color:#CCC; text-align:center; margin-bottom:2em; }
#global { padding:2em; margin:auto; font-size:90%; }
#content { background:#FFF url('corner_fold.gif') no-repeat bottom left; padding:1.5em;  }

h1,h2 { font-weight:normal; }
h1 { color:#FFF; font-size:250%; }
h2 { color:#555; font-size:130%; }

/* CV ----------------------------------------------------------------------- */
#secciones h2 { text-transform:uppercase; background:#FFF url('leaf.gif') no-repeat top left; padding-left:40px; }
.texto { margin-bottom:2em; padding:0 1em 1em 1em; line-height:130%;
         border-top:1px solid #DDD; border-left:1px solid #DDD; border-bottom:1px solid #EEE; border-right:1px solid #EEE; }
/* la primera sección la remarcamos */
#secciones h2:first-child { text-transform:none; background:none; padding-left:0; }
#secciones h2:first-child + div.texto,
           h2#portfolio + div.texto { background-color:#EFE; border:1px solid #DDD; }

a[href $='.pdf'], #secciones a[href $='curriculum_pdf.php'] { 
   padding-right:18px;
   background:transparent url('icon_pdf.gif') no-repeat center right;
}


blockquote { 
  float:right; clear:both;  
  background:url('quotes.gif') no-repeat top left; 
  margin:1em auto; padding-top:1em; padding-left:2.4em; 
}

p.frase { font-weight:bold; font-size:100%; }
p.autor { font-style:italic; font-size:80%; text-align:right; }
p#copyright { font-size:75%; font-weight:bold; }

/* PORFOLIO ----------------------------------------------------------------- */
ol#portfolio { display:block; margin-left:auto; margin-right:auto; }
ol#portfolio li { 
  float:left; width:280px; height:320px; 
  padding:.87em 1em; margin:1em 1em 2em 2.95em; 
  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; }
.center { text-align:center; }
.right { text-align:right; }
.mtop { margin-top:3em; }
.clear { clear:both; }

#ordenar { border:1px solid #AAA; overflow:auto; margin-bottom:2em; padding:.4em; }
ol#ver { padding:.5em 2em; list-style-type:lower-roman; }

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

/* tabla de contenidos al lado de las secciones */
#contenidos { width:220px; float:left; /*text-transform:uppercase;*/ }
#contenidos ol { padding-left:2.5em; list-style-type:decimal-leading-zero; font-size:80%; /*text-transform:none;*/ }
#secciones { margin-left:250px; }

/*.mline { width:200px; display:block; margin:0 auto; border-top:1px solid #AAA; }*/

.hidden { height:70px !important; display:block; overflow:auto; }