* {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
}



/* INICIO wrap */

#wrap {
	margin:0 auto;
	width: 800px;
	text-align: left;
	background: #fff;
}

/* FIM wrap */



/* INICIO header */

#header h1 {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 194px;
	height: 36px;
	background: url(images/logo-tutorial-first.gif) no-repeat center center;
	text-indent: -5000em;
	overflow: hidden;
}

#header a {
	display: block;
	height: 36px;
}

/* FIM header */



/* INICIO topbar */

#topbar {
	clear: left;
	float: left;
	margin-bottom: 10px;
	width: 800px;
	background: #fff;
}

#topbar h2 {
	float: left;
	font: bold 12px tahoma,arial,sans-serif;
}

#minitabs {
	margin: 0;
	padding: 0 0 20px 10px;
	border-bottom: 1px solid #ddd;
}

#minitabs li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
}

#minitabs a {
	float: right;
	line-height: 14px;
	font: bold 12px tahoma,arial,sans-serif;
	margin: 0 10px 4px 10px;
	text-decoration: none;
	color: #9c9;
}

#minitabs a.active, #minitabs a:hover {
	border-bottom: 4px solid #696;
	padding-bottom: 2px;
	color: #363;
	margin-bottom: 0; /* corrigindo o problema dos links descerem. */
}

#minitabs a:hover {
	color: #696;
}

/* FIM topbar */



/* INICIO sidebar */

#sidebar_ct {      
        clear: left;
        float: left;
        width: 160px;    
        margin-right: 10px; /* separador entre menu e conteudo */
}

#sidebar {
        text-align: left;
        background-color: #ebeff2;
        display: block;

        border: 1px solid #ddd;
}

#sidebar ul {
	padding: 2px 0 2px 0;
	list-style: none;
	font: 12px tahoma,arial,sans-serif;
	color: #343434;
}

#sidebar ul li {
	line-height: 1.5em;
	padding-left: 25px;
	background: url(images/arrow-blue-tr.gif) no-repeat 10px 5px;
}

.menu_section {
	padding-left: 10px !important;
	background: none !important;
	color: #039;
}

#sidebar ul li a {
	text-decoration: none;
	color: #343434;
}

#sidebar ul li a:hover {
	text-decoration: underline;
}

/* FIM sidebar */



/* INICIO content */

#content {
	/* width: 626px; */
	width: 620px;
	float: left;
	text-align: left;
	background: #fff;

	/* background-color: #f1f1f1; */
	/* border: 1px solid #ddd; */
}

/* FIM content */



/* DEFINICOES de artigos */

.article {
	padding: 0 10px 10px 10px;
}

/* INICIO Texto dentro de artigos */

.article h2 {
	margin-bottom: 2px;
	font: bold 25px Georgia,'Times New Roman',serif;
	letter-spacing: 1px;
}

.article h3 {
	margin-bottom: 15px;
	font: italic 14px arial,sans-serif;
}

.article h4 {
	margin-bottom: 10px;
	font: bold 14px arial,sans-serif;
}

.article p {
	margin-top: 10px;
	margin-bottom: 10px;
	font: 14px arial,sans-serif;
	line-height: 1.5em;
	text-align: justify;
}

.article code {
	margin-top: 10px;
	margin-bottom: 10px;
	font: 14px System, arial,sans-serif;
	color: #039;
}

.article a {
        color: #795;
        border-bottom: 1px solid #795;
        text-decoration: none;
}

.article a.active, .article a:hover {
        color: #000;
        border-bottom: 1px solid #9a8e51;
        background: #f4f2e4;
}

#content img {
	clear: left;
	padding: 5px;
	margin-bottom: 10px;
	border: 1px dashed #bbb;
}

.saibamais {
	width: 80%;
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	background: #ddd;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
}

.saibamais h4 {
	margin-bottom: 10px;
	font: bold 12px tahoma,arial,sans-serif;
	text-align: left;
}

.saibamais p {
	font: 12px tahoma,arial,sans-serif;
	text-align: left;
}

.saibamais a {
	color: #795;
	border-bottom: 1px solid #795;
	text-decoration: none;
}

.saibamais a.active, .saibamais a:hover {
	color: #000;
	border-bottom: 1px solid #9a8e51;
	background: #f4f2e4;
}

.trecho {
	width: 200px;  
        padding: 10px;
        margin-top: 20px;
        margin-bottom: 20px;
        background: #ddd;
        border-top: 1px solid #c0c0c0;
        border-bottom: 1px solid #c0c0c0;
}

#continue {  
        width: 95%;
        padding: 10px;
        margin-top: 20px;
        margin-bottom: 20px;
        background: #ddd;
        border-top: 1px solid #c0c0c0;
        border-bottom: 1px solid #c0c0c0;
}

#continue h4 {      
        margin-bottom: 10px;
        font: bold 12px tahoma,arial,sans-serif;
        text-align: left;
}

#continue p {
        font: 12px tahoma,arial,sans-serif;
        text-align: left;
	padding-left: 10px;
	background: url(images/arrow-blue-tr.gif) no-repeat 0 50%;
}

#continue a {
	text-decoration: none;
	color: #000;
	border-bottom: 1px solid #000;
}

#continue a.active, #continue a:hover {
        border-bottom: 1px solid #9a8e51;
        background: #f4f2e4;
}

/* FIM Texto dentro de artigos */


/* INICIO Listas dentro de artigos */

.article ul {
	list-style: disc inside;
}

.article ol {
	list-style: decimal inside;
}

.article ul, .article ol {
	margin-top: 10px;
	margin-bottom: 10px;
	font: 14px arial,sans-serif;
}

.article ul li, .article ol li {
	line-height: 1.5em;
	padding-left: 25px;
	text-align: justify;
}

.article ul li a, .article ol li a {
	color: #795;
	border-bottom: 1px solid #795;
	text-decoration: none;
}

.article ul li a.active, .article ul li a:hover, .article ol li a.active, .article ol li a:hover {
	color: #000;
	border-bottom: 1px solid #9a8e51;
	background: #f4f2e4;
}

/* FIM Listas dentro de artigos */



/* INICIO AdSense */

#adsense_article {
	float: left;
	margin: 5px 5px 5px 0;
}

#adsense_ref_text {
	clear: left;
	text-align: center;
	margin: 5px;
}

#adsense_ref_bottom {
	clear: left;
	text-align: center;
	margin: 5px;
}

#adsense_ref_menu_bottom {
	clear: left;
	text-align: center;
	margin: 5px;
}

/* FIM AdSense */

/* INICIO Recomendacoes */

#ref_bluehost {
	clear: left;
	text-align: center;
	margin: 5px;
}

/* FIM Recomendacoes */



/* INICIO form newsletter */

#newsletter {
	width: 80%;
	padding: 5px;
	background: #eee;
}

#newsletter table {
}

#newsletter th, #newsletter td {
	padding: 4px;
	font: bold 80% Verdana,Arial,sans-serif;
}

/* FIM form newsletter */

.text {
	padding: 2px;
	border:1px solid #ccc;
	border-color:#aaa #eee #eee #aaa;
	color:#333;
	font-family: 80% Arial,sans-serif;
}

.button {
	padding: 2px;
	border: 1px solid #69c;
	border-color: #69c #369 #369 #69c;
	background: #ccb;
	color: #333;
	font: bold 80% Verdana,Sans-serif;
}

.button:hover {
	color:#963;
	background:#eed;
	cursor:pointer;
}

.button:active {
	border-color:#369 #69c #69c #369;
	background:#ccc;
	color:#000;
}