/* Estilo.css, pequeña modificación de w3c-ac.css

   Copyright (c) 2005 W3C (MIT, ERCIM, Keio), All Rights Reserved.
   W3C liability, trademark, document use and software licensing
   rules apply, see:

   http://www.w3.org/Consortium/Legal/copyright-documents
   http://www.w3.org/Consortium/Legal/copyright-software

Le añado reset.css, de 
   Blueprint CSS Framework 0.7.1
   http://blueprintcss.googlecode.com

   * Copyright (c) 2007-2008. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
/*
body {font-size:75%;color:#222;background:#fff; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em; line-height:1; margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em; font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009; text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em; font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em; width:100%;}
th {font-weight:bold; background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em; margin-bottom:1.875em; line-height:1.875em;}
.large {font-size:1.2em; line-height:2.5em; margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060; color:#fff;}
.removed {background:#900; color:#fff;}
.first {margin-left:0; padding-left:0;}
.last {margin-right:0; padding-right:0;}
.top {margin-top:0; padding-top:0;}
.bottom {margin-bottom:0; padding-bottom:0;}
*/

/* ************************************************************************ */

body
{
  /* width: 100%; */
  /* width: 1024px; */
  width: 1016px;
  height: 100%;
	/* height: 768px; */
	color: black;
  /* color: maroon; */
  /* color:#222; */
  background-color: white;
  /* background: url(./fondo.png); */	/* ¡cómo van a tener todos los documentos el mismo fondo! */
  background-repeat: no-repeat;
  	font-family: "Gill Sans MT", "Gill Sans", GillSans, sans-serif;
	/* font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; */
  /* font-size: 14pt; */
}

.hidden { display: none; visible: hidden }

div.toolbar {
  position: fixed; z-index: 200;
  top: auto; bottom: 0; left: 0; right: 0;
  height: 1.2em; text-align: right;
  padding-left: 1em;
  padding-right: 1em; 
  font-size: 60%;
  color: red; 
  background: rgb(240,240,240); /* #F0F0F0 */
  /* width: 995px; */
}

div.background {
  display: none;
}

div.handout {
  margin-left: 20px;
  margin-right: 20px;
}

div.slide.titlepage {
	text-align: center;
}

div.slide.titlepage.h1 {
  padding-top: 40%;
}

div.slide {
  z-index: 20;
  margin: 0 0 0 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  border-width: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  line-height: 120%;
  background-color: transparent;
  /* Cálculo: 1016 de ancho - (20 + 20px de padding) */
  width: 976px;
  /* width: 1024px; */
  /* height: 768px; */
  /* height: 686px; */
}

/* this rule is hidden from IE6 which doesn't support + selector */
div.slide + div[class].slide { page-break-before: always;}

/* La cabecera de las transparencias */
div.slide h1 {
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0.8em;
  display: block; 
  font-size: 140%;
  line-height: 1.2em;
  /* color: white; */
  /* background-color: #005A9C; */
}

pre {
 	/* color: rgb(0,128,0); */ 
 	color: #00428C;
 	font-size: 80%;
 	font-weight: bold; 
 	line-height: 120%;
 padding-top: 0.2em;
 padding-bottom: 0.2em;
 padding-left: 2em;
 padding-right: 1em;
 border-style: solid;
 border-left-width: 1em;
 border-top-width: thin;
 border-right-width: thin;
 border-bottom-width: thin;
 border-color: #95ABD0;
}

li pre { margin-left: 0; }

@media print { pre { font-size: 60% } }

blockquote { font-style: italic }

img { background-color: transparent }

p.copyright { font-size: smaller }

.center { text-align: center }
.footnote { font-size: smaller; margin-left: 2em; }

a img { border-width: 0; border-style: none }

a:visited { color: navy }
a:link { color: navy }
a:hover { color: red; text-decoration: underline }
a:active { color: red; text-decoration: underline }

a {text-decoration: none}
.navbar a:link {color: white}
.navbar a:visited {color: yellow}
.navbar a:active {color: red}
.navbar a:hover {color: red}

ul{
	list-style-image: url(images/cross_hand.png);
  	margin: 0.5em 1.5em 0.5em 1.5em;
  	padding: 0;
}

ul ul { list-style-type:  url(images/cross_hand.png) }
ul ul ul { list-style-type:  url(images/cross_hand.png) }
ul ul ul ul { list-style-type:  url(images/cross_hand.png) }

/*
li { margin-left: 0.5em; margin-top: 0.5em; }
li li { font-size: 85%; font-style: italic }
li li li { font-size: 85%; font-style: normal }
*/

div dt
{
  margin-left: 0;
  margin-top: 1em;
  margin-bottom: 0.5em;
  font-weight: bold;
}
div dd
{
  margin-left: 2em;
  margin-bottom: 0.5em;
}


p,pre,blockquote,h2,h3,h4,h5,h6 {
  margin-left: 1em;
  margin-right: 1em;
}

p.subhead { font-weight: bold; margin-top: 2em; }

.smaller { font-size: 80%; }

td,th { padding: 0.2em }


ol {
  margin: 0.5em 1.5em 0.5em 1.5em;
  padding: 0;
}

/*
ul li { 
	list-style: none;
  margin: 0.1em 0em 0.6em 0;
  padding: 0 0 0 40px;
  background: transparent url(images/bullet.png) no-repeat 5px 8px;
  line-height: 140%;
}
*/

/* workaround IE's failure to support background on li for print media */
@media print { ul li { list-style: disc; padding-left: 0; background: none; } }

ol li { 
  margin: 0.1em 0em 0.6em 1.5em;
  padding: 0 0 0 0px;
  line-height: 140%;
}

/*
li li { 
  font-size: 85%; 
  font-style: italic;
 list-style-type: disc; 
  background: transparent;
  padding: 0 0 0 0;
}
*/
/*
li li li { 
  font-size: 85%; 
  font-style: normal;
 list-style-type: circle; 
  background: transparent; 
  padding: 0 0 0 0;
}
*/
/*
li li li li {
  list-style-type: disc;
  background: transparent;
  padding: 0 0 0 0;
}
*/
img.withBorder {
  border: 2px solid #c60;
  padding: 4px;
}

div.header {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: 0;
  bottom: auto;
  height: 2.95em;
  width: 100%;
  /* width: 1024px; */
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  border-width: 0;
  border-style: solid;
  /* background-color: #005A9C; */
	background-color: white;
  /* border-bottom-width: thick; */
  /* border-bottom-color: #95ABD0; */
}

div.footer {
  position: absolute;
  z-index: 80;
  left: 0;
  right: 0;
  top: auto;
  bottom: 0;
  height: 3.5em;
  margin: 0;
  font-size: 80%;
  font-weight: bold;
  padding-left: 1em;
  padding-right: 0;
  padding-top: 0.3em;
  padding-bottom: 0;
  color: #003366;
  /* background-color: #95ABD0; */
  background-color: white;
  /* width: 1005px; */	/* YO: experimento de 22 sept. 2007 */
  width: 100%;
}

/* this is a hack to hide property from IE6 and below */
div[class="footer"] {
  position: fixed;
}

#people-logo {
     margin: 0;
     margin-top: 0.3em;
     margin-right: 0.75em;
     padding-top: 0;
     padding-bottom: 0;
     padding-left: 0;
     padding-right: 0;
     /* height: 2em; */
     height: 7em;
     /* width: 4.1em; */
     width:8em;
     float: right;
     z-index: 3;
     background: #90A7D0;
}

#people-logo-fallback {
     margin: 0;
     margin-top: -0.5em;
     margin-right: 0.75em;
     padding-top: 0;
     padding-bottom: 0;
     padding-left: 0;
     padding-right: 0;
     height: 3em;
     width: 4.1em;
     float: right;
     z-index: 3;
     background: #90A7D0;
}

div.cover {
  margin: 0;
  padding: 0;
  /* background-color: #90A7D0; */
  background-color: white;
  overflow: hidden;
  /* width: 100%; */
  /* width: 1024px; */
  width: 1016px;
  height: 100%;
  /* height: 768px; */
}

div.cover div.header
{
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: auto;
  height: auto;
  margin: 0;
  width: 100%;
  /* width: 1024px; */
  padding: 0.5em 0.5em 1em 0.5em;
  color: #FFFFFF;
  border-width: 0;
  border-style: solid;
  /* background-color: #005A9C; */
  /* border-bottom-width: thick; */
  /* border-bottom-color: #95ABD0; */
}

div.slide.cover h1
{
  margin-bottom: 0;
   /* background-color: #005A9C; */
   background-color: black;
  text-align: center;
}

div.slide.cover img.cover
{
  margin-top: 5em;
  float: right;
  width: 60%;
}

div.slide h1 a:link {color: white}
div.slide h1 a:visited {color: white}
div.slide h1 a:active {
  color: red;
  text-decoration: underline;
}
div.slide h1 a:hover {
  color: yellow;
  text-decoration: underline;
}

div.slide h1 a { text-decoration: none }

div.slide.cover h2 {
  clear: both;
  color: white;
  padding-top: 4em;
}

div.cover div.header p
{
  clear: both;
  margin-top: 0.5em;
  margin-left: 1.5em;
  margin-bottom: 0;
}


div.header p.explanation {
  font-style: italic;
}

div.slide.cover a {
  color: white;
}

div.slide.cover a:hover, div.slide.cover a:active {
    color: yellow; text-decoration: underline;
}

/* for Bert as an ardent user of the old W3C slidemaker tool */
div.comment { display: none; visibility: hidden }

@media print { div.comment { display: block; visibility: visible } }

/*
 setting class="outline on ol or ul makes it behave as an
 ouline list where blocklevel content in li elements is
 hidden by default and can be expanded or collapsed with
 mouse click. Set class="expand" on li to override default
*/

/*
ol.outline li:hover { cursor: pointer }
ol.outline li.nofold:hover { cursor: default }

ul.outline li:hover { cursor: pointer }
ul.outline li.nofold:hover { cursor: default }

ol.outline { list-style:decimal; }
ol.outline ol { list-style-type:lower-alpha }

ol.outline li.nofold {
  padding: 0 0 0 20px;
  background: transparent url(images/nofold-dim.bmp) no-repeat 0px 0.5em;
}
ol.outline li.unfolded {
  padding: 0 0 0 20px;
  background: transparent url(images/fold-dim.bmp) no-repeat 0px 0.5em;
}
ol.outline li.folded {
  padding: 0 0 0 20px;
  background: transparent url(images/unfold-dim.bmp) no-repeat 0px 0.5em;
}
ol.outline li.unfolded:hover {
  padding: 0 0 0 20px;
  background: transparent url(images/fold.bmp) no-repeat 0px 0.5em;
}
ol.outline li.folded:hover {
  padding: 0 0 0 20px;
  background: transparent url(images/unfold.bmp) no-repeat 0px 0.5em;
}
*/

/* rectangular blue bullet + unfold/nofold/fold widget */

/*
ul.outline li.nofold {
  padding: 0 0 0 52px;
  background: transparent url(images/bullet-nofold-dim.gif) no-repeat 5px 8px;
}
ul.outline li.unfolded {
  padding: 0 0 0 52px;
  background: transparent url(images/bullet-fold-dim.gif) no-repeat 5px 8px;
}

ul.outline li.folded {
  padding: 0 0 0 52px;
  background: transparent url(images/bullet-unfold-dim.gif) no-repeat 5px 8px;
}
ul.outline li.unfolded:hover {
  padding: 0 0 0 52px;
  background: transparent url(images/bullet-fold.gif) no-repeat 5px 8px;
}

ul.outline li.folded:hover {
  padding: 0 0 0 52px;
  background: transparent url(images/bullet-unfold.gif) no-repeat 5px 8px;
}
*/

/* 
	Técnica de centrado horizontal y vertical de
	http://tutorials.alsacreations.com/centrer/ 
*/
#portada {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 500px;
	height: 166px;
	margin-top: -83px;
	margin-left: -250px;
	border: 0;
}

/* De http://interface.eyecon.ro/demos/ifx.html */ 
.ifxElement
{
        position: absolute;
        width: 555px;
        height: 600px; 
       top: 60px;
       left: 100px;
       text-align: center;
       letter-spacing: 0px;
       overflow: hidden;
}
#ifxElement strong {
        font-size: 2em;
}

#fadeinbox {
	display: none;
	background-color: #e3e3e3;
	padding: 1em;
}