/* reset */
div, ul, li, h1, h2, h3, h4, h5, h6, p {margin:0; padding:0}
ul, li { list-style:none;}
div {position:relative; height:1%; overflow:hidden}
img {border: 0 }

a {text-decoration:none; outline:none; color:#669966;}
a:hover{color:#669966;}

/* CSS Document */
body {
	background:#e0f0d1 url(images/fundo.gif) repeat-y center top;
	margin:20px 20px 40px 20px;
	color:#666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	line-height: 125%;
	}
	
h1 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px;}
h2 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px;}	
h3 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; margin-top:2px}	


.red {color:#C00}
.verde {color: #99cc66; font-weight:bold}

#conteudo {
	width:552px;
	position: relative;
	margin: 0 auto;
	height:1%;
	overflow:visible;
}

#header {
	height: 49px;
	text-align:left;
	background:url("_header.gif") center center no-repeat;
	display:block;
	border:none;
}
		
#header h1, #header h2 { color: #cc9933; width: 350px;}
#header .img {width: 148px; height: 50px; overflow:visible; float:left; margin: 4px 10px 0 0}
#header .texto {float:left;  margin-top:18px; width:350px; height:35px;}

#apres {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	font-style:italic;
	text-align:left;
	float:none;
	background:#FFC;
	border-top: 1px solid #fff;	
	border-left: 1px solid #dbf0ba;
	border-right: 1px solid #dbf0ba;
	border-bottom: 1px solid #fff;
	padding: 4px;
}
#apres .img {float: left; width:130px; height:100%; overflow: hidden; margin:-4px 0 -8px -4px;}
#apres .texto {float:left; width:410px}
#apres p {margin: 4px 0;}

#dicas, #promo, #curso, #footer {
	background:#FFF;
	border-left: 1px solid #dbf0ba;
	border-right: 1px solid #dbf0ba;
	border-bottom: 1px solid #dbf0ba;	
	float: none;
	padding:4px;
}

#dicas, #promo, #footer {
	text-align:left;
}

#dicas a, #promo a, #curso a {color: #666}
#dicas a:hover, #promo a:hover, #curso a:hover{color:#669966;}
#dicas a h3 , #promo a h3 , #curso a h3 {color: #99cc66}

#dicas .img {float: right; width:100px; height:100%; overflow: hidden;  margin:-4px -4px -8px 0;}
#dicas .texto {float:left; width:440px}

#promo .img {float: left; width:100px; height:100%; overflow: hidden; margin:-4px 4px -8px -4px;}
#promo .texto {float: left; width:440px}

#curso h3 {text-align:left}

#footer {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	border-bottom:none;
	padding:6px 25px;
}

#footer a {color: #99cc66}

#footer .img {padding: 8px 20px 5px 15px; margin-right:5px; float:left; background: url("http://www.espacoki.com.br/images/bullet.gif") center right no-repeat;}
#footer .texto {float:left; margin:3px} 

#footer2 {background:url(_footer.gif) center center no-repeat; height: 13px; display:block}

#deco {
	width: 93px; 
	height:68px; 
	position:absolute; 
	top: 25px; 
	right:0; 
	display:block; 
}

/* Tabela Cursos */
table {
	font-family: tahoma, sans-serif;
	font-size: 11px;
	color:#666666;
	margin: 4px auto;
	background:whitesmoke;
}
.tabcur {border: 1px solid #999999; width:520px;}
td, th {background:#fff}
.td {border:0px; background-color:#e0f0d1}
.1 {background-color:#efd}
.2 {border:#999999 solid; border-width:1px 0px 1px 0px;}