/* Following are the presentation styles -- edit away! */

body 
{
	background: #FFF url(pics/background-main.png) top left no-repeat;
	color: #000; font-size: 2em;
  	font-family: Interstate-LightCondensed, Arial, Helvetica, sans-serif;
/*  	font-family: Interstate-RegularCondensed, Arial, Helvetica, sans-serif; */
/*   	font-family: Arial, Helvetica, sans-serif; */

}

:link, :visited 
{
	text-decoration: none;
	color: #00C;
}



h1, h2, h3, h4 
{
	font-size: 100%;
	margin: 0;
	padding: 0;
	font-weight: inherit;
}

h1 abbr 
{
	font-variant: small-caps;
}

ul, pre 
{
	margin: 0;
	line-height: 1em;
}

html, body 
{
	margin: 0;
	padding: 0;
}

blockquote, q 
{
	font-style: italic;
}

blockquote 
{
	padding: 0 2em 0.5em;
	margin: 0 1.5em 0.5em;
	text-align: center;
	font-size: 1em;
}

blockquote p 
{
	margin: 0;
}

blockquote i 
{
	font-style: normal;
}

blockquote b 
{
	display: block;
	margin-top: 0.5em;
	font-weight: normal;
	font-size: smaller;
	font-style: normal;
}

blockquote b i 
{
	font-style: italic;
}

kbd 
{
	font-weight: bold;
	font-size: 1em;
}

sup
{
	font-size: smaller;
	line-height: 1px;
}


ul.urls 
{
	list-style: none;
	display: inline;
	margin: 0;
}

.urls li 
{
	display: inline;
	margin: 0;
}

.notes 
{
	display: none;
}

.external 
{
	border-bottom: 1px dotted gray;
}

html>body .external 
{
	border-bottom: none;
}

.external:after 
{
	content: " \274F";
	font-size: smaller;
	color: #fff;
}

.incremental, .incremental *, .incremental *:after 
{
/* 	color: #DDE; */
	color: #fff;
	visibility: visible;
}

img.incremental 
{
	visibility: hidden;
}

.slide .current 
{
	color: #fff;
}


/* ============== */
/* === SLIDES === */
/* ============== */

.slide code 
{
	padding: 2px 0.25em;
	font-weight: bold;
}

.slide code.bad, code del
{
	color: red;
}

.slide code.old 
{
	color: silver;
}

.slide pre 
{

	color: #ffca00;
	display:block;
	font-weight:bold;
	font-family: Arial, Sans-Serif !important;
	font-size:41.5%;
	line-height:1.5em;
	background:#2e3436 url(pics/back_console.png) right bottom no-repeat ;
	border:5px solid #ccc;
	padding:1em 1em 1em 1em;


}

.slide pre code 
{
	font-family: Arial, Sans-Serif !important;
	display:block;
	margin:0;
	padding:0;
}



.slide ul 
{
	margin-left: 5%;
	margin-right: 7%;
	list-style: disc;
}

.slide li 
{
	margin-top: 0.75em;
	margin-right: 0;
}

.slide ul ul 
{
	line-height: 1;
}

.slide ul ul li 
{
	margin: .2em;
	font-size: 85%;
	list-style: square;
}

.slide img.leader
{
	display: block;
	margin: 0 auto;
}


/* ========================= */
/* === HEADER AND FOOTER === */
/* ========================= */

div#logo
{
	position:absolute;
	top:0%;
	right:0%;
 	background:url(pics/logo.png) 50% 50% no-repeat;
	height:100%;
	width:50px;
}

div#header, div#footer 
{
	background: #a80231;
	color: #FFF;
}


div#header 
{
	background:#a80231 url(pics/background-head.png) bottom left repeat-x;
	line-height: 1px;
}

div#footer 
{
	background:#a80231 url(pics/background-foot.png) top left repeat-x;
	font-size: 0.5em;
	font-weight: bold;
	padding: 1em 0;
}





#footer h1, #footer h2 
{
	display: block;
	padding: 0 1em;
}

#footer h2 
{
	font-style: italic;
}



/* ============== */
/* === CLASES === */
/* ============== */

div.long 
{
	font-size: 0.75em;
}

.slide h1 
{
	position: absolute; 
	top: 0.7em;
	left: 87px;
	z-index: 1;
	margin: 0;
	padding: 0.3em 0 0 50px;
	white-space: nowrap;
	font-weight: bold;
	font-size: 150%/1em; 

	text-transform: capitalize;
	color: #fff;
	background: transparent;
}

.slide h3 
{
	font-size: 130%;
}

/* ================ */
/* === CONTROLS === */
/* ================ */

#currentSlide 
{
	text-align: center;
	font-size: 0.6em;
	font-weight:bold;
	color: #fff;
}

#slide0 
{
	padding-top: 3.5em;
	font-size: 90%;
}

#slide0 h1 
{
	position: static;
	margin: 1em 0 0;
	padding: 0;
/* 	font: bold 2em Helvetica, sans-serif; */
	font-weight: bold;
	font-size:2em;
	white-space: normal;
	color: #000;
	background: transparent;
}

#slide0 h2 
{
	font-weight: bold;
	font-style: italic;
	font-size: 1em;
	margin: 0.25em;
}

#slide0 h3 
{
	margin-top: 1.5em;
	font-size: 1.5em;
}

#slide0 h4 
{
	margin-top: 0;
	font-size: 1em;
}

/* ================ */
/* === JESUSDA  === */
/* ================ */

.first-pic
{
	
	float:right;
	margin-top:-2em;
}

/* ================ */

.align-center
{
	text-align:center;
}
/* ================ */

.float-left , .left-column
{
	float:left !important;
	width:49% !important;
}

.float-right , .right-column
{
	float:right !important;
	width:49%  !important;
}
/* ================ */
.fullscreen
{
	z-index:1000 !important;
	position:fixed !important;
	top:0;
	left:0;
	width:100% !important;
 	height:100% !important;

	background: #fff url(pics/background-main.png) top left no-repeat;

	text-align:center;
	margin-left:-1.65em;

}

.fullscreen h1
{
	display:none;
}

.rotulo
{
	font-size:800%;
	text-align:center;
	margin-top:-0.05em;
	 
}

.rotulo2
{
	font-size:200%;
	text-align:center;
	font-weight:bolder;
	margin-top:-0.05em;
	 
}

.align-center img
{
	margin:auto;
	text-align:center;
	margin:0;
}

/* ========================= */
/* === TABLAS === */
/* ========================= */

table
{
	background:url(pics/table-background.png) bottom left repeat-x #fff;
	margin-right:1em;
	font-size:70%;
	border:1px solid #d2d7cf !important;
	border-spacing: 0;
	text-align:center;
}

table td
{
	padding:0.5em;
	font-size:90%;
	border:1px solid #d2d7cf !important;
	border-spacing: 0;
	text-align:center;
}

th
{
	background:url(pics/table-header.png) top left repeat-x #a70131;
	color:#fff;
}

th a
{
	color:#fff !important;
}



table caption
{
	margin-bottom:1em;
	margin-top:1em;
	margin-left:-7em;

 
}


display-none
{
	display:none;
}

div#controls {position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; font: bold 1em Verdana, Arial, Helvetica, sans-serif;}
html>body div#controls {background: transparent; position: fixed; padding: 0; top: auto; text-align: center;}
#controls #sheet {display: none;}
#controls #controlForm {height: 32px; width: 100%; text-align: center; vertical-align: middle;}
#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;}
#controls #navLinks ul {margin: 0 auto; padding: 0; height: 32px; width: 500px; white-space: nowrap; text-align: center;}
#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;}
#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;}
#controls #navLinks ul li a {margin: 0; padding: 0; float: left; height: 32px; width: 32px; background-color: transparent;}

#controls #navLinks ul li#exit {background: url(exit_link.png) no-repeat top left;}
#controls #navLinks ul li#exit a:hover {background: url(exit_over.png) no-repeat bottom left;}

#controls #navLinks ul li#toggle {background: url(toggle_link.png) no-repeat top left;}
#controls #navLinks ul li#toggle a:hover {background: url(toggle_over.png) no-repeat bottom left;}

#controls #navLinks ul li#show-notes {background: url(notes_link.png) no-repeat top left;}
#controls #navLinks ul li#show-notes a:hover {background: url(notes_over.png) no-repeat bottom left;}

#controls #navLinks ul li#zero {background: url(zero_link.png) no-repeat top left;}
#controls #navLinks ul li#zero a:hover {background: url(zero_over.png) no-repeat bottom left;}

#controls #navLinks ul li#prev {background: url(prev_link.png) no-repeat top left;}
#controls #navLinks ul li#prev a:hover {background: url(prev_over.png) no-repeat bottom left;}

#controls #navLinks ul li#next {background: url(next_link.png) no-repeat top left;}
#controls #navLinks ul li#next a:hover {background: url(next_over.png) no-repeat bottom left;}

#controls #navLinks ul li#last {background: url(last_link.png) no-repeat top left;}
#controls #navLinks ul li#last a:hover {background: url(last_over.png) no-repeat bottom left;}

#controls #navLinks ul li#lst {background: url(list_link.png) no-repeat top left;}

#controls #navLinks ul li#fade a.isoff {background: url(fade_link.png) no-repeat top left;}
#controls #navLinks ul li#fade a.ison {background: url(fade_on.png) no-repeat top right;}
#controls #navLinks ul li#fade a:hover {background: url(fade_over.png) no-repeat bottom left;}

#controls #navLinks ul li#audio {background: url(audio_link.png) no-repeat top left;}
#controls #navLinks ul li#audio a.isoff {background: url(audio_link.png) no-repeat top left;}
#controls #navLinks ul li#audio a.ison {background: url(audio_on.png) no-repeat top right;}
#controls #navLinks ul li#audio a:hover {background: url(audio_over.png) no-repeat bottom left;}

#controls #navLinks ul li#vol {background: url(volume_link.png) no-repeat top left;}

#controls #navLinks ul li#auto a.isoff {background: url(auto_link.png) no-repeat top left;}
#controls #navLinks ul li#auto a.ison {background: url(auto_on.png) no-repeat top right;}
#controls #navLinks ul li#auto a:hover {background: url(auto_over.png) no-repeat bottom left;}

#controls #navLinks ul li#pause a.isoff {background: url(pause_link.png) no-repeat top left;}
#controls #navLinks ul li#pause a.ison {background: url(pause_on.png) no-repeat top right;}
#controls #navLinks ul li#pause a:hover {background: url(pause_over.png) no-repeat bottom left;}

#controls #navLinks ul li#loop a.isoff {background: url(loop_link.png) no-repeat top left;}
#controls #navLinks ul li#loop a.ison {background: url(loop_on.png) no-repeat top right;}
#controls #navLinks ul li#loop a:hover {background: url(loop_over.png) no-repeat bottom left;}

#controls #navLinks ul li#del {background: url(delay_link.png) no-repeat top left;}

#jumplist, #volumelist, #delaylist {padding: 0; margin: 0; width: 32px; height: 32px; cursor: n-resize;}

#guru {position: absolute; visibility: visible; left: 0px; top: 0px; padding: 4px; width: 99%; height: auto; text-align: center; background-color: black; z-index: 10;}
#guru div {border: solid 3px red; padding: 4px; font-family: monospace; font-size: 60%; width: auto; height: auto; color: red; text-align: center;}

/*
#currentSlide {white-space: nowrap; text-align: center; margin-bottom: -0.5em; font-size: 0.5em; background-color: transparent; color: #999;}

#slide0 {padding-top: 3.5em; font-size: 90%;}
#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;}
#slide0 h2 {font: bold italic 1em Arial, Helvetica, sans-serif; margin: 0.25em;}
#slide0 h3 {margin-top: 1.5em; font-size: 1.5em;}
#slide0 h4 {margin-top: 0; font-size: 1em;}
*/

ul.urls {list-style: none; display: inline; margin: 0;}
.urls li {display: inline; margin: 0;}
.external {border-bottom: 1px dotted gray;}
html>body .external {border-bottom: none;}
.external:after {content: " \274F"; font-size: smaller; color: #999;}

.incremental, .incremental *, .incremental *:after {color: #ccc; visibility: visible;}
img.incremental, canvas.incremental {visibility: hidden;}
.slide .current {color: #B02;}

/* diagnostics
li:after {content: " [" attr(class) "]"; color: #F88;}
*/

table.piechart, table.barchart, table.linechart { border-spacing: 0.3em 0.15em;  }
table.piechart tr th, table.barchart tr th, table.linechart tr th { white-space: nowrap; }
table.piechart tr td, table.barchart tr td, table.linechart tr td { vertical-align: top; white-space: nowrap; }
table.piechart tr td.col, table.barchart tr td.col, table.linechart tr td.col { border-bottom: 1px solid #555; border-right: 1px solid #555; }
table.fs90 tr td, table.fs90 tr th, div.fs90, pre.fs90, p.fs90 ,ul.fs90 {font-size: 0.9em; }
table.fs75 tr td, table.fs75 tr th, div.fs75, pre.fs75, p.fs75 ,ul.fs75 {font-size: 0.75em; }
table.fs66 tr td, table.fs66 tr th, div.fs66, pre.fs66, p.fs66 ,ul.fs66 {font-size: 0.66em; }
table.fs50 tr td, table.fs50 tr th, div.fs50, pre.fs50, p.fs50 ,ul.fs50 {font-size: 0.5em; }

#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;}
#soundmanager-debug code {font-size: 11px;}