.progressive{
	/*background-color: #fff;*/
	line-height: 2em;
}

html{
	overflow: hidden;
}
body{
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	
}

a img{
	border: 0;
}

.slide{
	border: 1px solid #ccc;
	background-color: #fff;
	color: #444;
}

#toc{
	border: 1px solid #ddd;
	background-color: #fff;
	padding: 5px;
}


	#toc ul{
		margin: 0;
		padding: 0;
		list-style: none;
		list-style-type: none;
	}

	#toc a{
		text-decoration: none;
		display: block;
		color: #060;
		border: 1px solid #fff;
	} 	
		#toc a:hover,
		#toc a:focus,
		#toc a:active{
			background-color: #060;
			color: #fff;
			border: 1px solid #393;
		}
		 	
.slide p{
	padding-left: 1em;
	padding-right: 1em;
	display: block;
}

.slide code{
 	margin: 0.5em;
	padding: 0.2em;
	border: 1px dashed #ddd;
	background-color: #ffe;
}

.slide ul{
	margin-left: 2em;
}

.slide li{
	line-height: 1.6em;
}


.pausa{
	display: block;
	height: 0;
	width: 0;
	float: left;
	overflow: hidden;
}

.center{
	text-align: center;
}

/*
 * That files contain the custom styles for the elements of the page
 */
h2{
	border-bottom: 1px solid #069;
	background-color: #28b;
	color: #fff;
	margin: 0;
	padding: 0.2em;
}

h3{
	padding: 0.2em;
	border: 1px dotted #ddd;
	margin: 0.2em;
}

#footer{
	border-top: 1px solid #060;
	background-color: #a22;
	color: #fff;
	
}

#panel{
	background-color: #eee;
	border-top: 1px solid #aaa;
}


#panel{
	border-top: 1px solid #888;
	width: 100%;
}
	#panel ul{
		list-style: none;
		list-style-type: none;
		margin: 0;
		padding: 0;
		text-align: center;
		
	}
	
	#panel ul li{
		display: inline;
		padding: 0.5em;
	}
	
	#panel ul li a{
		text-decoration: none;
		color: #060;
		padding: 0.2em;
	}

	#panel ul li a:hover{
		text-decoration: none;
		color: #fff;
		background-color: #060;
	}

.block{
	display: block;
}


.sarcasm{
	background-color: #ffe;
}

.sarcasm p{
	color: #060;
}