body {
background:#fff;
color:#000;
font:0.9em "Trebuchet MS",Trebuchet,Arial,Sans-serif;
margin:0;
padding:0;
}
/* enlaces */
a:link {color:#000;}
a:visited {color:#000;}
a:hover {color:#666;}
.sub a {color:#68a;}
:link,:visited {outline:none;}
/* encabezado */
#cab {
background:url(../img/fauxcol.gif) repeat-y 0 0;
width:100%;
overflow:hidden;
line-height:1em;
border:solid #000;
text-align:left;
border-width:10px 0;
margin:0;
}
#cab:before {
content:url(../img/alto.gif);
display:block;
line-height:1px;
height:15px;
font-size:1px;
}
#cab:after {
content:url(../img/bajo.gif);
display:block;
line-height:1px;
height:15px;
font-size:1px;
}
#cab h1 {
background:#b90 url(../img/icono.gif) no-repeat 15px 50%;
font-size:120%;
line-height:1.2em;
font-weight:400;
color:#fff;
width:475px;
margin:0 0 0 50px;
padding:15px 20px 15px 55px;
}
html[xmlns] #cab h1 {padding-top:5px; padding-bottom:5px;}
#cab h1 a {text-decoration:none; color:#fff;}
#cab h1 em {
margin-left:.25em;
border-left:1px solid #f3eeda;
font-size:50%;
line-height:1.2em;
font-style:normal;
font-weight:700;
color:#f3eeda;
text-transform:uppercase;
letter-spacing:.2em;
position:relative;
top:-2px;
padding:.7em 0 .3em .75em;
}
/* navegacion */
ul#nav {
position:absolute;
top:15px;
left:-1px;
list-style:none;
width:100%;
font-size:100%;
line-height:1em;
margin:0;
padding:0;
}
#index a {
position:absolute;
top:0;
left:0;
display:block;
width:16px;
background:url(../img/indice.gif) no-repeat 3px 0;
text-indent:-10000px;
line-height:12px;
margin:4px 0 0 12px;
}
/* paginacion */
#numdiapo {
position:absolute;
top:33px;
left:0;
width:40px;
font-size:70%;
color:#eaeac6;
text-align:center;
}
#ante a, #sigu a {position:absolute;top:0;width:30px;height:30px;text-indent:-10000px;margin:0;}
#ante a {right:82px;background:url(../img/anterior.gif) no-repeat 0 0;}
#sigu a {right:44px;background:url(../img/siguiente.gif) no-repeat 0 0;}
#ante a:hover, #sigu a:hover, #ante a:focus, #sigu a:focus {background-position:0 -30px;}
/* titulos */
body#titdiapo {background:#000 url(../img/fondo_portada.jpg) no-repeat 50px 0;}
#titdiapo #cab {margin-top:160px;}
#titdiapo #cab:before {content:url(../img/alto_portada.gif);height:20px;}
#titdiapo #cab:after {content:url(../img/bajo_portada.gif);height:20px;}
#titdiapo #cab h1 {
background:#b90 url(../img/icono_portada.gif) no-repeat 20px 50%;
font-size:160%;
font-weight:bold;
width:455px;
padding:20px 20px 20px 75px;
}
/* portada */
html[xmlns] #titdiapo #cab h1 {padding-top:15px;padding-bottom:15px;}
#titdiapo #cab h1 em {color:#dc8;border-color:#cb5;}
#titdiapo ul#nav {top:180px;}
#titdiapo #index a, #titdiapo #ante a, #titdiapo #sigu a, #titdiapo {margin-top:.8em;}
#autor, #fecha, #firma {margin:0 0 0 75px;}
#fecha {font-size:80%; font-weight:700; margin:60px 50px 20px 75px; color:#fff4bf;}
#autor {font-size:150% ;margin:.5em 50px 0 75px;}
#firma {
font-size:70%;
text-transform:uppercase;
letter-spacing:.25em;
font-weight:700;
margin:1em 47px 0 75px;
}
#autor a, #firma a {color:#fff4bf; text-decoration:none;}
a img,html[xmlns] #cab{border-width:0;}
#nav a:link, #nav a:visited, #nav a:hover {text-decoration:none;}
#autor strong,#fecha strong,.divider hr,.hidden,hr,#footer hr{display:none;}
/* contenidos */
#conten {margin:10px 50px 0;}
#conten img {border:2px solid #999; padding:4px;}

.bloizq {float:left; width:260px;}
.bloder {margin-left:300px;}

/* img flotantes */
.der img {padding: 2px; border:1px solid #ccc;}
.der img {float:right; margin:0 0 0.5em 1em;}
.izq img {float:left; margin:0 1em 0.5em 0;}
#titdiapo #conten {width:550px;text-align:right;}

#conten h2 {font-size:230%; line-height:1.4em; margin:0 0 .5em;}
.title h2, h2.title {font-size:250%;text-align:center;text-transform:uppercase;letter-spacing:.3em;}
h3 {padding-bottom:.15em; font-size:170%;line-height:1.4em; margin:1em 0 .5em;}
h3 em {font-size:75%;line-height:1.2em;text-transform:uppercase;letter-spacing:.2em;font-style:normal;}
h4 {font-size:150%;text-transform:uppercase;letter-spacing:.1em;margin:.5em 0;}
p {line-height:1.6em; margin:0 0 .75em; font-size:140%;}
#conten ul li {line-height:1.6em; font-size:140%; margin-bottom:0.7em;}
ul li ul {margin-top:1em;}
ul.index li, ul li ul li {font-size:90%;}
ul.index li {font-size:smaller;}
p.cita {font-size:95%; text-align:right;}

ul.ilustra {margin:0; text-align:center;}
ul.ilustra li {margin:0; list-style-type:none; display:inline; padding:0 40px;}

abbr[title], acronym[title], span[title], strong[title] {border-bottom:thin dotted; cursor:help;}
strong{font-weight:700;text-transform:uppercase; background-color:#eaeac5;}

#footer{clear:both;font-size:70%;line-height:1.5em;color:#333;margin:0 70px;}
.peq {font-size:smaller;}
.espacio {clear:both;}

/* presenta.css: PRESENTACIONES WEB (W3C:CSS2 VALIDO) | R.1.0.6.060506 */
/* copyright 2006 Jose Ramon Quevedo Santana (jquevedo@qweos.net). May not be reproduced. 
/* Inspirado en Presentation Screen Style de Douglas Bowman */