1/* Following are the presentation styles -- edit away! */
2
3body
4{
5	background: #FFF url(pics/background-main.png) top left repeat;
6	color: #000; font-size: 1.8em;
7/*   	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;  */
8  	font-family: Arial, Helvetica, sans-serif;
9}
10
11:link, :visited
12{
13	text-decoration: none;
14	color: #00C;
15}
16
17
18
19h1, h2, h3, h4
20{
21	font-size: 100%;
22	margin: 0;
23	padding: 0;
24	font-weight: inherit;
25}
26
27h1 abbr
28{
29	font-variant: small-caps;
30}
31
32ul, pre
33{
34	margin: 0;
35	line-height: 1em;
36}
37
38html, body
39{
40	margin: 0;
41	padding: 0;
42}
43
44blockquote, q
45{
46	font-style: italic;
47}
48
49blockquote
50{
51	padding: 0 2em 0.5em;
52	margin: 0 1.5em 0.5em;
53	text-align: center;
54	font-size: 1em;
55}
56
57blockquote p
58{
59	margin: 0;
60}
61
62blockquote i
63{
64	font-style: normal;
65}
66
67blockquote b
68{
69	display: block;
70	margin-top: 0.5em;
71	font-weight: normal;
72	font-size: smaller;
73	font-style: normal;
74}
75
76blockquote b i
77{
78	font-style: italic;
79}
80
81kbd
82{
83	font-weight: bold;
84	font-size: 1em;
85}
86
87sup
88{
89	font-size: smaller;
90	line-height: 1px;
91}
92
93
94ul.urls
95{
96	list-style: none;
97	display: inline;
98	margin: 0;
99}
100
101.urls li
102{
103	display: inline;
104	margin: 0;
105}
106
107.notes
108{
109	display: none;
110}
111
112.external
113{
114	border-bottom: 1px dotted gray;
115}
116
117html>body .external
118{
119	border-bottom: none;
120}
121
122.external:after
123{
124	content: " \274F";
125	font-size: smaller;
126	color: #fff;
127}
128
129.incremental, .incremental *, .incremental *:after
130{
131	color: #fff;
132	visibility: visible;
133}
134
135img.incremental
136{
137	visibility: hidden;
138}
139
140
141
142/* ============== */
143/* === SLIDES === */
144/* ============== */
145
146/* .scale
147{
148	margin-left:-20px;
149}
150*/
151
152.slide code
153{
154	padding: 2px 0.25em;
155	font-weight: bold;
156}
157
158.slide code.bad, code del
159{
160	color: red;
161}
162
163.slide code.old
164{
165	color: silver;
166}
167
168.slide pre
169{
170
171	color: #ffca00;
172	display:block;
173	font-weight:bold;
174	font-family: Arial, Sans-Serif !important;
175	font-size:41.5%;
176	line-height:1.5em;
177	background:#2e3436 url(pics/back_console.png) right bottom no-repeat ;
178	border:5px solid #ccc;
179	padding:1em 1em 1em 1em;
180
181
182}
183
184.slide pre code
185{
186	font-family: Arial, Sans-Serif !important;
187	display:block;
188	margin:0;
189	padding:0;
190}
191
192
193
194.slide ul
195{
196	margin-left: 3%;
197	margin-right: 5%;
198	list-style: disc;
199}
200
201.slide li
202{
203	margin-top: 0.75em;
204	margin-right: 0;
205}
206
207.slide ul ul
208{
209	line-height: 1;
210}
211
212.slide ul ul li
213{
214	margin: .2em;
215	font-size: 85%;
216	list-style: square;
217}
218
219.slide img.leader
220{
221	display: block;
222	margin: 0 auto;
223}
224
225
226/* ========================= */
227/* === HEADER AND FOOTER === */
228/* ========================= */
229
230div#logo
231{
232	position:absolute;
233	top:5%;
234	right:1%;
235 	background:url(pics/logo.jpg) no-repeat;
236	height:56px;
237	width:76px;
238}
239
240div#header, div#footer
241{
242	background: #a80231;
243	color: #FFF;
244}
245
246
247div#header
248{
249	background:#000 url(pics/background-head.png) bottom left repeat-x;
250	line-height: 1px;
251        height: 9%;
252}
253
254#currentSlide {position:absolute; left: 35%; text-align: right; top: 0.5%; font-size: 0.75em; width: 54%; height:100px; background-color: transparent; color: #999;}
255
256div#footer {background:#000 url(pics/background-foot.png) top left repeat-x; color: #fff; font-size: 0.5em; font-weight: bold; padding: 1em 0; height: 1.5%;}
257#footer h1, #footer h2, #footer h3 {display: block; padding: 0; position:absolute; bottom:0.6em;}
258#footer h1 {left:1em; text-shadow: 0.2em 0.2em #000;}
259#footer h2 {right:1em; text-shadow: 0.2em 0.2em #000;  font-style: italic; visibility: hidden;}
260#footer h3 {right:1em; text-shadow: 0.2em 0.2em #000;  font-style: italic; visibility: visible;}
261
262
263/* ============== */
264/* === CLASES === */
265/* ============== */
266
267div.long
268{
269	font-size: 0.75em;
270}
271
272.slide {padding-top: 2em;}
273
274.slide h1
275{
276 	position: absolute;
277	top: 0.35em;
278	left: 0px;
279	z-index: 1;
280	margin: 0;
281	padding: 0.3em 0 0 40px;
282	white-space: nowrap;
283	font-weight: bold;
284	font-size: 1.2em;
285
286	color: #fff;
287	background: transparent;
288}
289
290.slide h3
291{
292	font-size: 130%;
293}
294
295/* ================ */
296/* === CONTROLS === */
297/* ================ */
298
299#controls :active
300{
301	color: #fff !important;
302}
303
304#controls :focus
305{
306	outline: 1px dotted #227;
307}
308
309
310/* ================ */
311/* === JESUSDA  === */
312/* ================ */
313
314.first-pic
315{
316
317	float:right;
318	margin-top:-2em;
319}
320
321/* ================ */
322
323.align-center
324{
325	text-align:center;
326}
327/* ================ */
328
329.float-left , .left-column
330{
331	float:left !important;
332	width:49% !important;
333}
334
335.float-right , .right-column
336{
337	float:right !important;
338	width:49%  !important;
339}
340/* ================ */
341.fullscreen
342{
343	z-index:1000 !important;
344	position:fixed !important;
345	top:0;
346	left:0;
347	width:100% !important;
348 	height:100% !important;
349
350	background: #fff url(pics/background-main.png) top left no-repeat;
351
352	text-align:center;
353	margin-left:-1.65em;
354
355}
356
357.fullscreen h1
358{
359	display:none;
360}
361
362.rotulo
363{
364	font-size:800%;
365	text-align:center;
366	margin-top:-0.05em;
367
368}
369
370.rotulo2
371{
372	font-size:200%;
373	text-align:center;
374	font-weight:bolder;
375	margin-top:-0.05em;
376
377}
378
379.align-center img
380{
381	margin:auto;
382	text-align:center;
383	margin:0;
384}
385
386/* ========================= */
387/* === TABLAS === */
388/* ========================= */
389
390table
391{
392	background:url(pics/table-background.png) bottom left repeat-x #fff;
393	margin-right:1em;
394	font-size:70%;
395	border:1px solid #d2d7cf !important;
396	border-spacing: 0;
397	text-align:center;
398}
399
400table td
401{
402	padding:0.25em;
403	font-size:85%;
404	border:1px solid #d2d7cf !important;
405	border-spacing: 0;
406	text-align:center;
407}
408
409th
410{
411	background:url(pics/table-header.png) bottom left repeat-x #000;
412	color:#fff;
413}
414
415th a
416{
417	color:#fff !important;
418}
419
420
421
422table caption
423{
424	margin-bottom:1em;
425	margin-top:1em;
426	margin-left:-7em;
427
428
429}
430
431
432display-none
433{
434	display:none;
435}
436
437div#controls {position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; font: bold 1em Verdana, Arial, Helvetica, sans-serif;}
438html>body div#controls {background: transparent; position: fixed; padding: 0; top: auto; text-align: center;}
439#controls #sheet {display: none;}
440#controls #controlForm {height: 32px; width: 100%; text-align: center; vertical-align: middle;}
441#controls #navLinks {border-top: 1px solid #999; overflow: hidden; padding: 0; margin: 0; height: 32px; width: 100%; background-color: #808080; text-align: center; vertical-align: middle; white-space: nowrap;}
442#controls #navLinks ul {margin: 0 auto; padding: 0; height: 32px; width: 500px; white-space: nowrap; text-align: center;}
443#controls #navLinks ul li {list-style: none; display: inline; margin: 0; padding: 0; float: left; height: 32px; width: 32px; text-align: center; background-color: transparent;}
444#controls #navLinks ul li.vr {list-style: none; display: inline; margin: 0px 2px; padding: 0; float: left; height: 32px; width: 1px; text-align: center; background-color: #606060;}
445#controls #navLinks ul li a {margin: 0; padding: 0; float: left; height: 32px; width: 32px; background-color: transparent;}
446
447#controls #navLinks ul li#exit {background: url(exit_link.png) no-repeat top left;}
448#controls #navLinks ul li#exit a:hover {background: url(exit_over.png) no-repeat bottom left;}
449
450#controls #navLinks ul li#toggle {background: url(toggle_link.png) no-repeat top left;}
451#controls #navLinks ul li#toggle a:hover {background: url(toggle_over.png) no-repeat bottom left;}
452
453#controls #navLinks ul li#show-notes {background: url(notes_link.png) no-repeat top left;}
454#controls #navLinks ul li#show-notes a:hover {background: url(notes_over.png) no-repeat bottom left;}
455
456#controls #navLinks ul li#zero {background: url(zero_link.png) no-repeat top left;}
457#controls #navLinks ul li#zero a:hover {background: url(zero_over.png) no-repeat bottom left;}
458
459#controls #navLinks ul li#prev {background: url(prev_link.png) no-repeat top left;}
460#controls #navLinks ul li#prev a:hover {background: url(prev_over.png) no-repeat bottom left;}
461
462#controls #navLinks ul li#next {background: url(next_link.png) no-repeat top left;}
463#controls #navLinks ul li#next a:hover {background: url(next_over.png) no-repeat bottom left;}
464
465#controls #navLinks ul li#last {background: url(last_link.png) no-repeat top left;}
466#controls #navLinks ul li#last a:hover {background: url(last_over.png) no-repeat bottom left;}
467
468#controls #navLinks ul li#lst {background: url(list_link.png) no-repeat top left;}
469
470#controls #navLinks ul li#fade a.isoff {background: url(fade_link.png) no-repeat top left;}
471#controls #navLinks ul li#fade a.ison {background: url(fade_on.png) no-repeat top right;}
472#controls #navLinks ul li#fade a:hover {background: url(fade_over.png) no-repeat bottom left;}
473
474#controls #navLinks ul li#audio {background: url(audio_link.png) no-repeat top left;}
475#controls #navLinks ul li#audio a.isoff {background: url(audio_link.png) no-repeat top left;}
476#controls #navLinks ul li#audio a.ison {background: url(audio_on.png) no-repeat top right;}
477#controls #navLinks ul li#audio a:hover {background: url(audio_over.png) no-repeat bottom left;}
478
479#controls #navLinks ul li#vol {background: url(volume_link.png) no-repeat top left;}
480
481#controls #navLinks ul li#auto a.isoff {background: url(auto_link.png) no-repeat top left;}
482#controls #navLinks ul li#auto a.ison {background: url(auto_on.png) no-repeat top right;}
483#controls #navLinks ul li#auto a:hover {background: url(auto_over.png) no-repeat bottom left;}
484
485#controls #navLinks ul li#pause a.isoff {background: url(pause_link.png) no-repeat top left;}
486#controls #navLinks ul li#pause a.ison {background: url(pause_on.png) no-repeat top right;}
487#controls #navLinks ul li#pause a:hover {background: url(pause_over.png) no-repeat bottom left;}
488
489#controls #navLinks ul li#loop a.isoff {background: url(loop_link.png) no-repeat top left;}
490#controls #navLinks ul li#loop a.ison {background: url(loop_on.png) no-repeat top right;}
491#controls #navLinks ul li#loop a:hover {background: url(loop_over.png) no-repeat bottom left;}
492
493#controls #navLinks ul li#del {background: url(delay_link.png) no-repeat top left;}
494
495#jumplist, #volumelist, #delaylist {padding: 0; margin: 0; width: 32px; height: 32px; cursor: n-resize;}
496
497#guru {position: absolute; visibility: visible; left: 0px; top: 0px; padding: 4px; width: 99%; height: auto; text-align: center; background-color: black; z-index: 10;}
498#guru div {border: solid 3px red; padding: 4px; font-family: monospace; font-size: 60%; width: auto; height: auto; color: red; text-align: center;}
499
500#slide0 {padding-top: 3.5em; font-size: 90%;}
501#slide0 h1 {position: static; margin: 1em 0 0; padding: 0; font: bold 2em Verdana, Arial, Helvetica, sans-serif; font-variant: small-caps; text-shadow: 0.1em 0.1em 0.1em #666;  white-space: normal; color: #222; background-color: transparent;}
502#slide0 h2 {font: bold italic 1em Arial, Helvetica, sans-serif; margin: 0.25em;}
503#slide0 h3 {margin-top: 1.5em; font-size: 1.5em;}
504#slide0 h4 {margin-top: 0; font-size: 1em;}
505
506ul.urls {list-style: none; display: inline; margin: 0;}
507.urls li {display: inline; margin: 0;}
508.external {border-bottom: 1px dotted gray;}
509html>body .external {border-bottom: none;}
510.external:after {content: " \274F"; font-size: smaller; color: #999;}
511
512.incremental, .incremental *, .incremental *:after {color: #ccc; visibility: visible;}
513img.incremental, canvas.incremental {visibility: hidden;}
514.slide .current {color: #B02;}
515
516/* diagnostics
517li:after {content: " [" attr(class) "]"; color: #F88;}
518*/
519
520table.piechart, table.barchart, table.linechart { border-spacing: 0.3em 0.15em;  }
521table.piechart tr th, table.barchart tr th, table.linechart tr th { white-space: nowrap; }
522table.piechart tr td, table.barchart tr td, table.linechart tr td { vertical-align: top; white-space: nowrap; }
523table.piechart tr td.col, table.barchart tr td.col, table.linechart tr td.col { border-bottom: 1px solid #555; border-right: 1px solid #555; }
524table.fs90 tr td, table.fs90 tr th, div.fs90, pre.fs90, p.fs90 ,ul.fs90 {font-size: 0.9em; }
525table.fs75 tr td, table.fs75 tr th, div.fs75, pre.fs75, p.fs75 ,ul.fs75 {font-size: 0.75em; }
526table.fs66 tr td, table.fs66 tr th, div.fs66, pre.fs66, p.fs66 ,ul.fs66 {font-size: 0.66em; }
527table.fs50 tr td, table.fs50 tr th, div.fs50, pre.fs50, p.fs50 ,ul.fs50 {font-size: 0.5em; }
528
529#soundmanager-debug {position:fixed; top:0px; right:0px; width:30em; height:20em; overflow:auto; border:1px solid red; padding:1em; margin:2em; font-family:"sans serif"; font-size: 12px;color: black; background-color:#f6f6f6; z-index: 100;}
530#soundmanager-debug code {font-size: 11px;}
531