/*########################################################################################################################################################
	PADRONIZANDO NAVEGADORES
/*#######################################################################################################################################################*/

html, body, div, span, applet, object, iframe, table, caption,
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
    vertical-align				: baseline;
    font-family					: inherit;
    font-weight					: inherit;
    font-style					: inherit;
    font-size					: 100%;
    outline						: 0;
    padding						: 0;
    margin						: 0;
    border						: 0;
}
:focus {
    outline						: 0;
}
body, html {
	height						: 100%;
}
body {
    background					: #FFF;
    line-height					: 1.3;
    color						: #000;
}
ol, ul, li {
    list-style					: none;
}
table {
    border-collapse				: separate;
    border-spacing				: 0;
}
caption, th, td {
    font-weight					: normal;
    text-align					: left;
}
blockquote:before, blockquote:after, q:before, q:after {
    content						: "";
}
blockquote, q {
    quotes						: "" "";
}

p {
	margin						: 5px 0px;
}

hr {
	height						: 1px;
	margin						: 0;
	padding						: 0;
	border						: 0;
	clear						: both;
	display						: block;
	visibility:hidden;
}
/*	################################################################################################################################ */

body {
	scrollbar-3dlight-color		: #EFEFEF;
	scrollbar-arrow-color		: #333;
	scrollbar-base-color		: #EFEFEF;
	scrollbar-darkshadow-color	: #666666;
	scrollbar-face-color		: #EFEFEF;
	scrollbar-highlight-color	: #999999;
	scrollbar-shadow-color		: #999999;
	background					: #FFF;
	text-decoration				: none;

	font-family					: Helvetica, Arial, Tahoma, Verdana, sans-serif;
	font-size					: 12px;
	color						: #8E2100;
} 

td, div, a, form, legend { 
	font-family					: inherit;
	font-size					: inherit;
	color						: #999;
} 

a {
	text-decoration			: none;
	color					: #B63421;
}
body.DICAS a {
	color					: #C1C184;
}

a:hover {
	color					: #333;
}

h1, h2, h3, h4 {
	color					: #B63421;
	font-size				: 170%;
	font-weight				: bold;
}
body.DICAS h1, body.DICAS h2, body.DICAS h3, body.DICAS h4 {
	color					: #C1C184;
}

h2 {
	font-size				: 150%;
}
h3, h4 {
	font-size				: 130%;
}
/*	################################################################################################################################ */

	body div#TOPO {
		background				: #B63421;
		color					: #FFF !important;
	}
body.DICAS div#TOPO {
	background				: #C1C184;
}
	
	body div#TOPO a {
		color					: #FFF !important;
	}
	body div#TOPO div#MEIO {
		padding					: 10px 5%;
	}
	body div#TOPO div#MEIO div#TOPOCAT {
		width					: 50%;
		float					: right;
		margin					: 50px 0 0 0;
		font-size				: 200%;
		color					: #FFF;
		text-align				: right;
	}

	body div#TEXTO {
		margin				: 20px 5%;
	}
		body div#TEXTO div#ALERT {
			margin			: 0 0 20px 0;
			padding			: 10px;
			border-bottom	: 1px dotted #CCC;
			font-weight		: bold;
			color			: #8E2100;
			font-size		: 120%;
		}
	
/*########################################################################################################################################################
		BLOG
########################################################################################################################################################*/
	body div#TEXTO div#COLUNA {
		width					: 26%;
		margin					: 0 0 10px 4%;
		float					: right;
	}
	
	body div#TEXTO div#COLUNA strong {
		display:block;
		font-size:140%;
		font-weight:bold;
		border-bottom			: 1px dotted #CCC;
	}
	/*****	TAG CLOUD	*********************************************************************************************************/
	
	body div#TEXTO div#COLUNA div#TAGS {
		margin-bottom				: 20px;
		padding						: 10px 0;
		text-align					: justify;
		border-top					: 1px dotted #CCC;
		border-bottom				: 1px dotted #CCC;
	}
	
	body div#TEXTO div#COLUNA a {
		padding						: 1px 4px;
		text-decoration				: none;
		color						: #999;
	}
	body div#TEXTO div#COLUNA a:hover {
		color						: #B63421;
	}
body.DICAS div#TEXTO div#COLUNA a:hover {
	color						: #C1C184;
}

	body div#TEXTO div#COLUNA a.DST	{
		color						: #B63421;
		text-decoration				: underline;
	}
body.DICAS div#TEXTO div#COLUNA a.DST	{
	color						: #C1C184;
}
	
	body div#TEXTO div#COLUNA div#TAGS a.TAG_0	{	font-size: 90;		line-height: 175%; } 
	body div#TEXTO div#COLUNA div#TAGS a.TAG_1	{	font-size: 90%;		line-height: 175%; } 
	body div#TEXTO div#COLUNA div#TAGS a.TAG_2	{	font-size: 100%;	line-height: 150%; }
	body div#TEXTO div#COLUNA div#TAGS a.TAG_3	{	font-size: 115%;	line-height: 150%; font-weight: bold; }
	body div#TEXTO div#COLUNA div#TAGS a.TAG_4	{	font-size: 130%;	line-height: 115%; font-weight: bold; }
	body div#TEXTO div#COLUNA div#TAGS a.TAG_5	{	font-size: 150%;	line-height: 100%; font-weight: bold; }
	body div#TEXTO div#COLUNA div#TAGS a.TAG_6	{	font-size: 175%;	line-height: 90%; font-weight: bold; }
	body div#TEXTO div#COLUNA div#TAGS a.TAG_7	{	font-size: 175%;	line-height: 90%; font-weight: bold; }
		

	/*****	CATEGORIAS	*********************************************************************************************************/	
	
	body div#TEXTO div#COLUNA ul {
		margin-bottom			: 20px;
	}
	body div#TEXTO div#COLUNA ul li {
		padding					: 7px 0;
		border-bottom			: 1px dotted #CCC;
	}
	body div#TEXTO div#COLUNA ul li:hover {
		background				: #F7F7F7;
	}
	body div#TEXTO div#COLUNA ul li a {
		display					: block;
	}
	/*****	BLOG	*********************************************************************************************************/	
	
	body div#TEXTO div#BLOG  {
		width					: 70%;
		margin-bottom			: 0;
		float					: left;
		border-top				: 1px dotted #CCC;
	}
	body div#TEXTO div#BLOG div.BOX {
		padding					: 10px 5px;
		border-bottom			: 1px dotted #CCC;
		clear					: both;
	}
	body div#TEXTO div#BLOG div.BOX:hover {
		background				: #F7F7F7;
		color					: #666;	
	}

		body div#TEXTO div#BLOG div.BOX h2 {
			margin				: 0;
			font-size			: 20px;
			text-decoration		: none;
		}
		body div#TEXTO div#BLOG div.BOX div.DATA {
			margin				: 0 0 10px 0;
			color				: #B63421;			
		}
body.DICAS div#TEXTO div#BLOG div.BOX div.DATA {
	color				: #C1C184;			
}

	body div#TEXTO div#BLOG div.BOX div#GALERIA {
		margin-top				: 10px;
		display					: block;
		clear					: both;
	}
		body div#TEXTO div#BLOG div.BOX div#GALERIA h3 {
			margin				: 10px 0;
			padding				: 10px;
			border-top			: 1px dotted #CCC;
			border-bottom		: 1px dotted #CCC;
		}
		body div#TEXTO div#BLOG div.BOX div#GALERIA img {
			margin				: 2px 0 2px 10px;
			border				: 1px solid #333;
		}
		body div#TEXTO div#BLOG div.BOX div#GALERIA img:hover {
			border				: 1px solid #CCC;
		}
/*########################################################################################################################################################
		PAGINAÇÃO
########################################################################################################################################################*/

div#PAGINACAO {
	clear					: both;
	float					: left;
	margin					: 20px 0 10px 0;
	text-align				: left;
	font-size				: 100%;
	font-weight				: bold;
}
	div#PAGINACAO a {
		margin				: 0 3px;
		padding				: 1px 5px;
		border				: 1px solid #EFEFEF;
	}

	div#PAGINACAO a:hover {
		border				: 1px solid #661E13;
		color				: #FFF;
		background-color	: #B63421;
	}
body.DICAS div#PAGINACAO a:hover {
	border				: 1px solid #87875C;
	background-color	: #C1C184;
}

	div#PAGINACAO .active {
		padding				: 2px 6px;
		border				: 1px solid #CCC;
		color				: #B63421;
		background-color	: #EFEFEF;
	}
body.DICAS div#PAGINACAO .active {
	color				: #C1C184;
}

/*########################################################################################################################################################
		RODAPÉ
########################################################################################################################################################*/

	body div#RODAPE {
		height					: 30px;
		clear					: both;
		margin					: 10px 0 0 0;
		padding					: 12px 5% 0 5%;
		background				: #B63421;
		color					: #FFF !important;
	}
body.DICAS div#RODAPE {
	background				: #C1C184;
}

/*########################################################################################################################################################
		ARRUMAR PROBLEMAS DE FLOAT
########################################################################################################################################################*/
	.CLEAR 			{ clear		: both;}
	.AFTER:after 	{ content	: "."; display: block; height: 0; clear: both; visibility: hidden; }
	*.AFTER			{ display	: inline-block; }
	*html .AFTER 	{ height	: 1px; }
	.AFTER 			{ display	: block; }
}

/*########################################################################################################################################################
		FORMS
########################################################################################################################################################*/
form {
	padding						: 0;
	margin						: 0;
}

form legend {
	display						: none;
}

form ul {
	list-style					: none;
	margin-left					: 0;
}

fieldset {
	display						: block;
	margin						: 0;
	border						: 0;
	padding						: 0;
}

fieldset label {
	display						: block;
}

input[type=hidden] {
	display						: none !important;
	visibility					: hidden !important;
}

/**********************************************/

label input:focus, textarea:focus {
	border						: 1px solid #999;
	color						: #999;
}

input, textarea, select {
	height						: 15px;
	margin						: 0;
	padding						: 1px 0 0 2px;
	border						: 1px solid #CCC;
	background					: #FFF;
	font-family					: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size					: 10px;
	color						: #666;
}

button {
	margin						: 0;
	padding						: 2px;
	border						: 1px solid #CCC;
	background					: #FFF;
	font-family					: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size					: 10px;
	color						: #666;
}

select {
	padding						: 0 0 0 2px;
	height						: 18px;
}

/*########################################################################################################################################################
	FORM 100%
#######################################################################################################################################################*/

body form fieldset.FM_FULL {
	margin						: 10px 40px;
	padding						: 5px;
}
	body form fieldset.FM_FULL label {
		margin-top				: 5px;
	}

	body form fieldset.FM_FULL label .text, bodyform fieldset.FM_FULL label .select {
		width					: 75%;
	}
	body form fieldset.FM_FULL label .textarea {
		width					: 100%;
	}

	body form fieldset.FM_FULL label strong, bodyform fieldset.FM_FULL label b {
		width					: 20%;
		margin-right			: 5px;
		padding					: 3px 5px 0 5px;
		display					: block;
		float					: left;
		clear					: left;
		text-align				: right;
	}
	
/*########################################################################################################################################################
	BOTÕES
/*#######################################################################################################################################################*/

body form input#BT_ENVIAR {
	width						: 85px;
	height						: 18px;	
	float						: right;

	border						: 1px solid #EFEFEF;
	
	margin						: 0;
	margin-top					: 5px;
	padding-bottom				: 4px;
	
	background					: #F7F7F7;
	cursor						: pointer;
	color						: #666;
	font-family					: Tahoma, Verdana, Helvetica, sans-serif;
	font-weight					: bold;
}

#RSS {
	margin: 0 0 0 10px;
	padding:0;
	float:right;
}

#WDG {
	float	:right;
}



div.HIDE {
	display:none;
	visibility: hidden;
	background:#f60;
}