/*########################################################################################################################################################
	PADRONIZANDO NAVEGADORES
/*#######################################################################################################################################################*/

html, body, div, span, applet, object, iframe, caption,
tbody, tfoot, thead, del, dfn, font, 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;
}
table, tr, th, td {
    font-family					: inherit;
    font-weight					: inherit;
    font-style					: inherit;
    font-size					: 100%;
    outline						: 0;
}
:focus {
    outline						: 0;
}
body, html {
	width						: 100%;
	height						: 100%;
}
body {
    line-height					: 1.3;
    color						: #000;
}
ol, ul, li {
    list-style					: none;
}
table {
    border-collapse				: separate;
    border-spacing				: 0;
}
caption, th {
    font-weight					: normal;
    text-align					: left;
}

blockquote:before, blockquote:after, q:before, q:after {
    content						: "";
}
blockquote, q {
    quotes						: "" "";
}

p {
	margin						: 10px 0px;
	text-align					: justify;
}

b, strong {
	font-weight					: bold;
}
/*########################################################################################################################################################
#########################################################################################################################################################*/

html {
	background					: #FFF url('images/topo_bg.gif') repeat-x 0 0;
}
body {
	min-width					: 980px;
	text-decoration				: none;

	font-family					: Helvetica, Arial, Tahoma, Verdana, sans-serif;
	font-size					: 12px;
	color						: #3572AA;
} 

td, div, a, form, legend { 
	font-family					: inherit;
	font-size					: inherit;
	color						: #3572AA;
} 

a:visited	{ text-decoration: none; color: #6898C4; }
a:link 		{ text-decoration: none; color: #6898C4; }
a:hover		{ text-decoration: underline; color: #03539C; }

th {
	background-color			: #F7F7F7;
	font-weight					: lighter;
	font-style					: normal;
} 
hr {
	height						: 5px;
	margin						: 10px 0;
	*margin						: 0;
	padding						: 0;
	border						: 0;
	visibility					: hidden;
	clear						: both;
}

h1, h2, h3, h4, h5 {
	margin						: 5px 0 10px 0;
	font-weight					: bold;
	color						: #A70783;
}

h1	{	font-size: 160%; font-weight: bold; margin: 0;	}
h2	{
	padding						: 10px 0 5px 20px;
	margin						: 5px 0 0 -10px;
	background					: url('images/titulo_sombra.gif') no-repeat 0 0;
	font-size					: 140%;
}

form h3	{
	margin						: 30px 0 10px 30px;
	padding						: 0 5px;
	border-bottom				: 1px dotted #CCC;
	text-transform				: uppercase;
	color						: #3572AA;
	font-size					: 140%;
}
h4, h5	{	font-size: 100%; }

/*########################################################################################################################################################
		TOPO
########################################################################################################################################################*/

body div#TOPO {
	width					: 980px;
	height					: 185px;
	padding-top				: 10px;
	background				: url('images/topo_div_menu.gif') no-repeat 194px bottom;
}

body div#TOPO img#LOGO {
	margin					: 10px 0 0 5px;
}

body div#TOPO div#LADO {
	width					: 750px;
	position				: absolute;
	top						: 5px;
	left					: 230px;
	text-align				: right;
}
	body div#TOPO div#LADO div#SUPERBANNER {
		height				: 90px;
		margin				: 10px 0;
		text-align			: center;
	}
		body div#TOPO div#LADO div#SUPERBANNER div#BANNER_SP {
			text-align		: center;
			border			: 1px solid #E8F3FA;
		}
		body div#TOPO div#LADO div#SUPERBANNER div#BANNER_FB {
			text-align		: center;
			padding-top		: 15px;
		}

	body div#TOPO div#LADO div#PAINEL div {
		width				: 400px;
		height				: 74px;
		float				: left;
		text-align			: center;
	}
	body div#TOPO div#LADO div#PAINEL div#HELLO {
		width				: 350px;
		background			: url('images/barra_bg_simples.gif') no-repeat center center;
	}
			body div#TOPO div#LADO div#PAINEL div#HELLO span {
				display		: block;
				margin		: 20px;
			}

	body div#TOPO div#LADO div#PAINEL div#BUSCASIMPLES {
		width				: 350px;
		background			: url('images/barra_bg_busca.gif') no-repeat center center;
	}
	body div#TOPO div#LADO div#PAINEL div#CADASTRESE {
		width				: 350px;
		background			: none;
	}
	body div#TOPO div#LADO div#PAINEL div#ICONES, body div#TOPO div#LADO div#PAINEL div#LOGON {
		width				: 400px;
		background			: url('images/barra_bg_branca.gif') no-repeat center center;
	}
		body div#TOPO div#LADO div#PAINEL div#ICONES a img {
			margin			: 16px 7px 0 7px;
		}

/*########################################################################################################################################################
		SITE
########################################################################################################################################################*/

body div#SITE {
	clear					: both;
	background				: url('images/conteudo_bg.gif') repeat-y 194px 0;
}

/*########################################################################################################################################################
		MENU
########################################################################################################################################################*/

body div#SITE div#MENU {
	width					: 220px;
	float					: left;	
	background				: url('images/menu_bg.gif') no-repeat 194px 0;
}
	body div#SITE div#MENU ul {
		margin				: 0 55px 10px 0;
	}
	body div#SITE div#MENU ul li {
		padding				: 0 12px 8px 0;
		margin-left			: 20px;
		background			: url('images/menu_sublink_bg.gif') no-repeat bottom right;
		text-align			: right;
	}


/*########################################################################################################################################################
		CONTEUDO
########################################################################################################################################################*/

body div#SITE div#CONTEUDO {
	width					: 750px;
	float					: left;	
	margin-left				: 10px;
}

/*########################################################################################################################################################
		NOTICIAS
########################################################################################################################################################*/
body div#SITE div#CONTEUDO div#NOTICIAS {
}
	body div#SITE div#CONTEUDO div#NOTICIAS div {
		padding				: 10px;
		border-bottom		: 1px dotted #D1E5F5;
	}
		body div#SITE div#CONTEUDO div#NOTICIAS div strong {
			display			: block;
			margin			: 3px 0;
			font-size		: 120%;
			color			: #A70783;
		}

body div#SITE div#CONTEUDO img#NFOTO {
	float: right;
	margin: 5px;
	border:0;
}

body.INDEX div#SITE div#CONTEUDO div#NOTICIAS {
	width				: 70%;
	float				: left;
}

body.INDEX div#SITE div#CONTEUDO div#STATUS {
	width				: 30%;
	float				: left;
}
	body.INDEX div#SITE div#CONTEUDO div#STATUS div {
		margin			: 5px 0;
		padding			: 5px;
		border-bottom	: 1px dotted #D1E5F5;
	}
	body.INDEX div#SITE div#CONTEUDO div#STATUS div a {
		font-weight		: bold;
		color			: #A70783;
	}
/*########################################################################################################################################################
		LISTAS
########################################################################################################################################################*/

body div#SITE div#CONTEUDO div#LISTA.PEDIDOS {
	width					: 72%;
}

body div#SITE div#CONTEUDO div#HOME a {
	float				: left;
	margin				: 8px;
}

body div#SITE div#CONTEUDO div#LISTA img {
	float				: left;
	margin				: 0 5px 5px 0;
}

	body div#SITE div#CONTEUDO div#LISTA div {
		width				: 49%;
		position			: relative;
		min-height			: 115px;
		float				: left;
		padding				: 5px 2px;
		margin				: 10px 0;
		border-bottom		: 1px dotted #03539C;
	}
	body div#SITE div#CONTEUDO div#LISTA div span.BOTTOM {
		display				: block;
		float				: left;
		position			: absolute;
		bottom				: 0;
		*bottom				: 5px;
		left				: 0;
	}
	body div#SITE div#CONTEUDO div#LISTA div.RED strong {
		color				: #A70783;
	}
	body div#SITE div#CONTEUDO div#LISTA div span.FOTOS {
		color				: #A70783;
	}

/*		CONEXÕES		*/
body div#SITE div#CONTEUDO div#CONEXOES div#BUSCA {
	padding					: 10px;
	border-bottom			: 1px dotted #6497C6;
	border-top				: 1px dotted #6497C6;
	text-align				: right;
	font-weight				: bold;
}	
	body div#SITE div#CONTEUDO div#CONEXOES div#BUSCA a {
		padding				: 5px;
	}
	body div#SITE div#CONTEUDO div#CONEXOES div#BUSCA a:hover {
		background			: #F6FAFE;
	}
	body div#SITE div#CONTEUDO div#CONEXOES div#BUSCA a.SEL {
		background			: #03539C;
		color				: #FFF;
	}

body div#SITE div#CONTEUDO div#CONEXOES div.AFTER {
	padding					: 10px 0 10px 10px;
	border-bottom			: 1px dotted #6497C6;
	clear					: both;
}
body div#SITE div#CONTEUDO div#CONEXOES div.NOVO {
	background				: #F6FAFE;
}
body div#SITE div#CONTEUDO div#CONEXOES div.MEU {
	background				: #FFF2FC;
}
	body div#SITE div#CONTEUDO div#CONEXOES div.AFTER div {
		min-height			: 70px;
	}
	body div#SITE div#CONTEUDO div#CONEXOES div div.DADOS {
		width				: 320px;
		margin-right		: 5px;
		float				: left;
		border-right		: 1px dotted #CCC;
	}
	body div#SITE div#CONTEUDO div#CONEXOES div div.DADOS a img {
		margin-right		: 5px;
		margin-left			: 5px;
	}
	body div#SITE div#CONTEUDO div#CONEXOES div div.TEXTO {
		width				: 404px;
		float				: left;
	}

/*	FOTOS	*/
	body div#SITE div#CONTEUDO ul#FOTOS li {
		min-width			: 110px;
		display				: block;
		float				: left;
		padding				: 10px;
		margin				: 5px;
	}
	body div#SITE div#CONTEUDO ul#FOTOS.PQ li {
		min-width			: 65px;
	}
	body div#SITE div#CONTEUDO ul#FOTOS li:hover {
		background			: #D6E3EF;/*#F6FAFE;*/
	}
	body div#SITE div#CONTEUDO ul#FOTOS li a:hover {
		text-decoration		: none;
	}
	body div#SITE div#CONTEUDO ul#FOTOS li.RED {
		background			: #FBF2F9;
	}
	body div#SITE div#CONTEUDO ul#FOTOS li.PERFIL {
		background			: #3572AA;
		color				: #FFF;
	}
		body div#SITE div#CONTEUDO ul#FOTOS li span {
			display			: block;
			margin			: 2px 0;
		}

/*########################################################################################################################################################
		PERFIL
########################################################################################################################################################*/

body div#SITE div#CONTEUDO div#NOVIDADES {
	margin-left				: -10px;
	background				: url('images/box_branco_top.gif') no-repeat 0 0;
}
	body div#SITE div#CONTEUDO div#NOVIDADES div {
		min-height			: 40px;
		padding				: 15px 30px 15px 30px;
		background			: url('images/box_branco_rdp.gif') no-repeat 0 bottom;
		color				: #A70783;
	}
		body div#SITE div#CONTEUDO div#NOVIDADES a {
			color			: #3572AA;
		}
/************************************************************************************************************************************/
body div#SITE div#CONTEUDO div#MURAL {
	margin-left				: -10px;
	background				: url('images/box_azul_top.gif') no-repeat 0 0;
}
	body div#SITE div#CONTEUDO div#MURAL div {
		min-height			: 40px;
		padding				: 15px 30px 15px 30px;
		background			: url('images/box_azul_rdp.gif') no-repeat 0 bottom;
		color				: #FFF;
	}
	body div#SITE div#CONTEUDO div#NOVIDADES div span, body div#SITE div#CONTEUDO div#MURAL div span {
		display				: block;
		border-left			: 4px solid #6497C6;
		padding-left		: 10px;
	}
	body div#SITE div#CONTEUDO div#MURAL div span strong, body div#SITE div#CONTEUDO div#NOVIDADES div span strong {
		color				: #3572AA;
	}

	body div#SITE div#CONTEUDO div#MURAL a {
		color				: #FFF;
		font-weight			: bold;
	}
	
/*************************************************************************************************************************************/
	body div#SITE div#CONTEUDO form#fm_upfoto {
		width				: 535px;
		height				: 190px;
		background			: url('images/fm_upfoto_bg.gif') no-repeat left bottom;
	}
		body div#SITE div#CONTEUDO form#fm_upfoto h2 {
			margin			: 0;
			padding			: 15px 5px 5px 20px;
			background		: #FFF url('images/fm_upfoto_top.gif') no-repeat 0 0;
		}
		body div#SITE div#CONTEUDO form#fm_upfoto fieldset {
			margin			: 0 20px 10px 20px;
		}
		body div#SITE div#CONTEUDO form#fm_upfoto label {
			margin			: 5px 0 0 0;
		}
		body div#SITE div#CONTEUDO form#fm_upfoto input.MINI {
			width			: 350px;
		}
			body div#SITE div#CONTEUDO form#fm_upfoto label strong {
				width		: 100px;
				display		: block;
				float		: left;
				text-align	: right;
				margin		: 4px 10px 0 0;
			}
			body div#SITE div#CONTEUDO form#fm_upfoto label input.BOTAO {
				margin		: 0 20px;
			}

/************************************************************************************************************************************/
	body div#SITE div#CONTEUDO div#COLUNA form#fm_fotopr {
		height				: 148px;
		background			: url('images/coluna_broto_rdp.gif') no-repeat bottom center;
		text-align			: center;
	}

	body div#SITE div#CONTEUDO div#FORMS form#fm_fotopr h2 {
		background			: url('images/titulo_sombrapq.gif') no-repeat 0 0;
	}
	
/************************************************************************************************************************************/
body div#SITE div#CONTEUDO div#PERFIL {
	width					: 500px;
	margin					: 10px 0 20px 20px;
	padding-left			: 10px;
	border-left				: 4px solid #6497C6;
}
	body div#SITE div#CONTEUDO div#PERFIL div#DADOS {
		width				: 125px;
		float				: left;
	}
	body div#SITE div#CONTEUDO div#PERFIL div#CONEXAO {
		width				: 375px;
		float				: left;
	}
	body div#SITE div#CONTEUDO div#PERFIL div#CONEXAO div div {
		padding				: 5px 2px;
		border-bottom		: 1px dotted #6497C6;
	}

/************************************************************************************************************************************/
body div#SITE div#CONTEUDO ol#AJUDA, body div#SITE div#CONTEUDO ul#AGENDA {
	border-top				: 1px dotted #6497C6;
}
body div#SITE div#CONTEUDO ol#AJUDA li, body div#SITE div#CONTEUDO ul#AGENDA li {
	margin					: 0;
	padding					: 10px;
	border-bottom			: 1px dotted #6497C6;
	border-left				: 1px dotted #FFF;
	border-right			: 1px dotted #FFF;
}
body div#SITE div#CONTEUDO ol#AJUDA li:hover, body div#SITE div#CONTEUDO ul#AGENDA li:hover {
	background				: #F4FAFD;
}
	body div#SITE div#CONTEUDO ol#AJUDA li.SHOW, body div#SITE div#CONTEUDO ul#AGENDA li.SHOW {
		background			: #F4FAFD;
		border-left			: 1px dotted #B3D3EF;
		border-right		: 1px dotted #B3D3EF;
		border-top			: none;
	}
	body div#SITE div#CONTEUDO ol#AJUDA li strong, body div#SITE div#CONTEUDO ul#AGENDA li strong {
		display				: block;
		cursor				: pointer;
	}
		body div#SITE div#CONTEUDO ul#AGENDA li a {
			float			: right;
			padding-top		: 2px;
			margin			: 0 3px;
		}
		body div#SITE div#CONTEUDO ul#AGENDA li a.QUEM {
			width			: 29px;
			height			: 20px;
			background		: url('images/ico_balaorosa.gif') no-repeat center center;
			color			: #FFF;
			text-align		: center;
			font-weight		: bold;
		}
		
	body div#SITE div#CONTEUDO ol#AJUDA li div, body div#SITE div#CONTEUDO ul#AGENDA li div {
		display				: none;
		margin				: 5px;
		padding				: 5px;
		background			: #F4FAFD;
		color				: #A70783;
	}

body#AGENDA {
	min-width				: 100px;
}

	body#AGENDA h2 {
		padding				: 10px;
		margin				: 5px;
		background			: none;
	}

	body#AGENDA ul#FOTOS li {
		min-width			: 110px;
		display				: block;
		float				: left;
		padding				: 10px;
		margin				: 5px;
		text-align			: center;
	}
	body#AGENDA ul#FOTOS li:hover {
		background			: #D6E3EF;
	}
	body#AGENDA ul#FOTOS li.F:hover {
		background			: #FBF2F9;
	}
	body#AGENDA ul#FOTOS li a:hover {
		text-decoration		: none;
	}

/*########################################################################################################################################################
		COLUNA DIREITA
########################################################################################################################################################*/
body div#SITE div#CONTEUDO div#COLUNA {
	width					: 204px;
	float					: right;
	padding-left			: 10px;
	overflow				: hidden;
	background				: #FFF;
	clear: right;
}

body div#SITE div#CONTEUDO div#COLUNA div {
	background				: url('images/coluna_broto_bg.gif') repeat-y 0 0;
}

body div#SITE div#CONTEUDO div#COLUNA div#BANNERBOX {
	width					: 204px;
	min-height				: 204px;
	margin					: 10px 0;
	background				: none;
	text-align				: right;
}


	body div#SITE div#CONTEUDO div#COLUNA div.BOX span.SPACE {
		display				: block;
		margin				: 0 10px;
		text-align			: center;
	}
	body div#SITE div#CONTEUDO div#COLUNA div.BOX div.SPACE {
		margin				: 0 10px;
	}
	body div#SITE div#CONTEUDO div#COLUNA div.BOX a:hover {
		text-decoration		: none;
	}

	body div#SITE div#CONTEUDO div#COLUNA div.BOX strong {
		display				: block;
		padding				: 15px 5px 10px 20px;
		font-size			: 120%;
		font-weight			: bold;
		background			: url('images/coluna_broto_topo.gif') no-repeat 0 0;
	}
		body div#SITE div#CONTEUDO div#COLUNA div.BOX ul {
			margin			: 0 5px;
		}
		body div#SITE div#CONTEUDO div#COLUNA div.BOX ul li {
			float			: left;
			width			: 50%;
			text-align		: center;
			margin-top		: 5px;
		}
		body div#SITE div#CONTEUDO div#COLUNA div#CONTATOS.BOX ul li {
			text-align		: left;
		}
		body div#SITE div#CONTEUDO div#COLUNA div#CONTATOS ul li {
			padding-left	: 18px;
			margin			: 5px;
		}
		body div#SITE div#CONTEUDO div#COLUNA div#CONTATOS ul li#EMAIL {
			background		: url('images/ico_email.gif') no-repeat 0 0;
		}
		body div#SITE div#CONTEUDO div#COLUNA div#CONTATOS ul li#FONE {
			background		: url('images/ico_fone.gif') no-repeat 0 0;
		}
		body div#SITE div#CONTEUDO div#COLUNA div#CONTATOS ul li#CELULAR {
			background		: url('images/ico_celular.gif') no-repeat 0 0;
		}
		body div#SITE div#CONTEUDO div#COLUNA div#CONTATOS ul li#MSN {
			background		: url('images/ico_msn.gif') no-repeat 0 0;
		}
		body div#SITE div#CONTEUDO div#COLUNA div#CONTATOS ul li#SKYPE {
			background		: url('images/ico_skype.gif') no-repeat 0 0;
		}
	
		body div#SITE div#CONTEUDO div#COLUNA div#GALERIA ul li {
			text-align		:center;
		}

/*########################################################################################################################################################
		NOTÍCIAS
########################################################################################################################################################*/

body div#SITE div#CONTEUDO div#COMENTARIOS {
}

body div#SITE div#CONTEUDO div#COMENTARIOS div#COMMS {
	width					: 64%;
	*width					: 63%;
	margin-right			: 1%;
	float					: left;
}
	body div#SITE div#CONTEUDO div#COMENTARIOS div#COMMS div {
		padding				: 10px 0 10px 10px;
		border-bottom		: 1px dotted #6497C6;
		clear				: both;
	}
	body div#SITE div#CONTEUDO div#COMENTARIOS div.COR {
		background			: #F6FAFE;
	}
	body div#SITE div#CONTEUDO div#COMENTARIOS div.NOVO {
		background			: #FBF2F9;
	}
body div#SITE div#CONTEUDO div#COMENTARIOS div#COMM {
	width					: 35%;
	float					: left;
}

/*########################################################################################################################################################
		PÁGINAS DE AJUDA
########################################################################################################################################################*/

body div#AJUDA	{
	margin					: 20px;
}

/*########################################################################################################################################################
		RODAPÉ
########################################################################################################################################################*/
body div#VOLTAR {
	padding					: 20px 0 10px 50%;
	background				: url('images/conteudo_bg.gif') repeat-y 194px 0;
}

body div#RDP {
	clear					: both;
	min-height				: 150px;
	background				: url('images/rdp_bg.gif') repeat-x 0 28px;
}
	body div#RDP div#COMUNIS {
		width				: 703px;
		min-height			: 60px;
		padding				: 25px 30px 0 0;
		*padding-top		: 18px;
		background			: url('images/rdp_comunis_bg.gif') repeat-x top right;
		text-align			: right;
	}
	body div#RDP div#COMUNIS a img {
		margin				: 5px;
	}

body div#RDP div#COPYRIGHT {
	min-height				: 50px;
	padding					: 20px 0 10px 200px;
	background				: url('images/rdp_smoke.gif') no-repeat 0 0;
	color					: #74A5D2;
}

/*########################################################################################################################################################
		PAGINAÇÃO
########################################################################################################################################################*/

div#PAGINACAO {
	clear					: both;
	margin-top				: 10px;
	padding-top				: 8px;
	border-top				: 1px dotted #CCC;
	text-align				: center;
	font-size				: 120%;
	font-weight				: bold;
}
	div#PAGINACAO a {
		margin				: 0 3px;
		padding				: 1px 5px;
		border				: 1px solid #EFEFEF;
	}

	div#PAGINACAO a:hover {
		border				: 1px solid #CCC;
		color				: #FFF;
		background-color	: #CCC;
	}

	div#PAGINACAO .active {
		padding				: 2px 6px;
		border				: 1px solid #EFEFEF;
		color				: #CCC;
		background-color	: #EFEFEF;
	}

/*########################################################################################################################################################
		EXTRAS
########################################################################################################################################################*/
a.M img, li.M a img, img.M{
	border					: 1px solid #03539C;
}
a.F img, li.F a img, img.F {
	border					: 1px solid #A70783;
}

.LEFT		{	float			: left;		}
.RIGHT		{	float			: right;	}


div#COVER {
	position					: fixed;
	display						: none;
	width						: 100%;
	height						: 100%;
	left						: 0;
	top							: 0;
	background					: transparent url('images/alpha.gif') center repeat;
	z-index						: 9999;
}

#ERRO, #ALERTA, #TOTAL {
	display						: block;
	z-index						: 999999;
	margin						: 20px 0;
	padding						: 20px;
	border						: 1px dashed #456F97;
	background					: #F4FAFD;
	text-align					: center;
	color						: #456F97;
	font-weight					: bolder;
	font-size					: 150%;
	
	-moz-border-radius 			: 0.5em;
	-webkit-border-radius		: 0.5em;
	-opera-border-radius		: 0.5em;
	border-radius 				: 0.5em;
}

#ERRO {
	border						: 1px dashed #A70783;
	color						: #A70783;
	background					: #FFF2FC;
}

div#COVER span#ERRO, div#COVER span#ALERTA {
	border-width				: 2px;
	padding						: 40px;
}

/*########################################################################################################################################################
		ARRUMAR PROBLEMAS DE FLOAT
########################################################################################################################################################*/
.CLEAR 			{ clear		: both;}

body div#SITE:after, .AFTER:after 	{ content	: "."; display: block; height: 0; clear: both; visibility: hidden; }
body div#SITE, *.AFTER			{ display	: inline-block; }
*html .AFTER 	{ height	: 1px; }
body div#SITE, .AFTER 			{ display	: block; }