body {
	font: 62.5%/1.4 "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #e3f1fa;
	color: #333;
	margin:0;
	padding:20px 0 0;
	height:100.1%;
}
html {
		height:100%;
}
h2, h3, h4 { font-size: 1.5em; margin: 5px 0 10px 0; }
p{ margin: 5px 0 0 0;}
pre{
	font-size: 1.3em;	 
	width: 420px;
	overflow-x: auto;
	margin: 15px 0 10px 0; 
	padding: 0 10px;
	}
pre code {margin-top:-20px;display:block}
#tudo {
	width: 1000px;
	margin:0 auto;
	background: white;
	padding: 1px 0;
}
.s, .s1, .s2, .s3, .s4, .s5, .s6,
.tl, .tr, .br, .bl {width:400px;margin: 10px 0;position: relative; z-index: 30;}
#conteudo {
	font-size: 1.4em;
	margin: 10px;
}
header { height: 50px; line-height: 10px}
header h1 {
	text-align: center;
	font-size: 3em;
	text-shadow: 3px 3px 1px #555;
}
#principal {
	width: 760px;
	float: right;
}
#alvo, #alvo1, #alvo3 {
	width:0; 
	height:0;
	margin: 25px 0;
	border:50px solid;
	border-top-color:red;
	border-right-color:green;
	border-bottom-color:blue;
	border-left-color:orange;
}
#alvo1 {
	width: 320px;
	height: 240px;
	border: 2px solid black;
	background: #e3f1fa;
}
#alvo3 {
	width: 320px;
	height: 240px;
	border: 2px solid black;
	background: transparent;
}
#teoria, #pratica {
	border: 1px solid #ccc;
	padding: 0 10px 15px 10px;
	margin-bottom:10px;
}
#principal h2, #secundaria h2 {
	text-align: center;
}
#secundaria{
	margin-bottom: 15px;
	width: 200px;
	float: left;
	padding: 0 5px 10px 5px;
	border: 1px solid #ccc;
}
#secundaria h2 {
	margin-bottom: 1px;
}
.ads {
	background: #eff2f5; /*  url(imagens/bg.png) no-repeat bottom; */
	margin-top: 10px;
	padding:10px 4px;
	border:1px solid #ccc;
}
footer {
	height:20px;
	font-size:12px;
	line-height:20px;
	padding:3px 3px 3px 10px;
	clear: both;
}
#tudo footer a, footer a:visited {
	color: #555;
}
#tudo footer a:hover {
	text-decoration: underline;
	color: #fff;
}
#secundaria .ui-state-highlight, #secundaria .ui-state-default, 
#secundaria .ui-state-hover {padding: 3px 8px; font-weight: bold;}
#principal .ui-state-highlight {padding: 3px 8px; font-weight: bold;}
.v {display:block; margin: 5px 0 0 20px;}
dl, dt, dd { margin: 1px 0 1px 0;}
dt {text-align: center;}
dd a {display: block; text-decoration: none;}
.dir {float: right;}
.esq {float: left;}
.clear {clear: both;}
/* background */
.container-s {
	background: url(../imagens/bg-slider.png) 20px 14px no-repeat;
	width:600px;
	height:60px;
	padding:0 20px
}
/* fim background */