/* >>>>>>>>>>>>
-------------------------------------------
	INICIO DE REGRAS GERAIS PARA TODO SITE
-------------------------------------------
*/

* {
	margin:0;
	padding:0;
	list-style:none;
	text-decoration:none;
}

body{
    margin:0;
	background:url(../imagens/bg_site.jpg) repeat-x top;
	text-align:center; /* hack para o IE */
	color:#222;
}

#blog{
	width:1000px;
	text-align:left; /* "remédio" para o hack do IE */	
	margin:0 auto; /* Centralizar o site na pagina */
}

#geral{
	width:908px;
	float:right;
	background:url(../imagens/bg_conteudo.jpg) repeat-y;
	border-left:#fad8e1 1px solid;
}

a {
	color:#333;
}

img {
	border: 0;
}

.linha_rosa {
	border:#e62856 1px solid;
	margin:10px 0;
}

.texto {
	font:90% Verdana, Arial, Helvetica, sans-serif;
	line-height:180%;
}

.texto_cinza {
	font:67% Verdana, Arial, Helvetica, sans-serif;
	color:#686868;
	margin-top:10px;
	line-height:180%;
}


.texto_cinza a {
	color:#98a4b8;
}

.texto_cinza a:visited {
	color:#293e6b;
}

.texto_cinza a:hover {
	background:#98a4b8;
	color:#fff;
}




.texto_vermelho {
	color:#ad002d;
	margin-top:20px;
	font:67% Verdana, Arial, Helvetica, sans-serif;
}

.texto_vermelho a {
	color:#ad002d;
	font:Verdana, Arial, Helvetica, sans-serif;
	margin-right:20px;
}

.texto_vermelho a:visited {
	color:#de3f7d;
	
}

.texto_vermelho a:hover {
	color:#fff;
	background:#ad002d;
}



/*-- FIM DE REGRAS GERAIS PARA TODO SITE */


/* INICIO DE REGRAS GERAIS PARA TOPO */

#topo {
	width:908px;
	height:114px;
	background:url(../imagens/bg_topo.jpg) no-repeat;
	float:left;
}

/*----------	LOGOMARCA	-----------*/

#topo h1 {
	width: 335px;
	height: 114px;
	position:relative;
	display:block;
	margin: 0;
	padding: 0;
	text-indent: -99999px;  /* PARA ESCONDER O TEXTO ABAIXO DA IMAGEM */
	float:left;
}
#topo h1 a {
	width: 335px;
	height: 114px;
	display: block;
	text-decoration: none;
}
#topo h1 a:hover {
	
}

/*------------  FIM LOGOMARCA   ----------------*/


/*
	FIM DE REGRAS GERAIS PARA TOPO
*/

/*
 	INICIO DE REGRAS GERAIS PARA CONTEUDO
*/

#conteudo {
	width:908px;
	float:right;
}

/*
	FIM DE REGRAS GERAIS PARA CONTEUDO
 */



/*
	INICIO DE REGRAS GERAIS PARA COLUNA ESQUERDA

*/

#conteudo #col_esquerda {
	width:275px; /* 335px */
	float:left;
	padding:0 30px;
}

/*---  TITULOS  ---*/

#conteudo #col_esquerda .titulo {
	font:100% "Trebuchet MS", Arial, Tahoma;
	color:#e62856;
	margin:10px 0;
}

#conteudo #col_esquerda .titulo_blog_moda {
	height:28px;
	font:100% "Trebuchet MS", Arial, Tahoma;
	color:#e62856;
	margin:10px 0;
	background:url(../imagens/tit_blog+moda.jpg) no-repeat;
	text-indent:-999999px;
}


#conteudo #col_esquerda .titulo_categorias {
	height:28px;
	font:100% "Trebuchet MS", Arial, Tahoma;
	color:#e62856;
	margin:10px 0;
	background:url(../imagens/tit_categorias.jpg) no-repeat;
	text-indent:-999999px;
}

#conteudo #col_esquerda .titulo_arquivo {
	height:28px;
	font:100% "Trebuchet MS", Arial, Tahoma;
	color:#e62856;
	margin:10px 0;
	background:url(../imagens/tit_arquivo.jpg) no-repeat;
	text-indent:-999999px;
}


/*-- MENU ---*/

#conteudo #col_esquerda .nav_esq li {
	width: 220px;
}

#conteudo #col_esquerda .nav_esq li a{
	display:block;
	font:67% Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:3px 0;
}

#conteudo #col_esquerda .nav_esq li a:visited {
	color:#888;
}

#conteudo #col_esquerda .nav_esq li a:hover {
	background:#e62856;
	color:#fff;
	padding:3px 0;
}


/*-- FIM DO MENU  ---*/

/*-- MENU SECUNDÁRIO ---*/

#conteudo #col_esquerda .nav_sec li {
	width: 220px;
}

#conteudo #col_esquerda .nav_sec li a{
	font:67% Verdana, Arial, Helvetica, sans-serif;
	color:#e62856;
	text-decoration:none;
}

#conteudo #col_esquerda .nav_sec li a:hover {
	text-decoration:underline;
}

#conteudo #col_esquerda .nav_sec li a:visited {
	color:#f05283;
}

/*-- FIM DO MENU SECUNDÁRIO ---*/


#conteudo #col_esquerda #form_comente {
	
}



/*
	FIM DE REGRAS GERAIS PARA COLUNA ESQUERDA
 */

/*
	INICIO DE REGRAS GERAIS PARA COLUNA DIREITA
*/

#conteudo #col_direita {
	width:500px; /* 573px */
	padding:0 36px;
	float:right;
}

#conteudo #col_direita h1 {
	color:#e62856;
	font:bold 100% Verdana, Arial, Helvetica, sans-serif;
}

#conteudo #col_direita .box_posts {
	width:380px;
	margin:0 auto;
}

#conteudo #col_direita .foto {
	text-align:center;
	margin-top:30px;
}

#conteudo #col_direita .txt_post {
	font:67% Verdana, Arial, Helvetica, sans-serif;
	color:#686868;
	margin-top:10px;
	line-height:180%;
}


#conteudo #col_direita .foto img {
	border:#fce039 3px solid;
	margin:5px 0 20px;
}

#conteudo #col_direita #paginacao {
	display:block;
	background:#fafafa;
	font:80% Verdana, Arial, Helvetica, sans-serif;
	color:#E62856;
}

#conteudo #col_direita #paginacao a{
	color:#E62856;
}

#conteudo #col_direita #numeros{
	color:#f5bace;
}


#conteudo #col_direita #nav_bottom {
	margin:-10px 0 0;
	padding-right:10px;
	float:right;
}

/*
	FIM DE REGRAS GERAIS PARA COLUNA DIREITA
 */



/*
	INICIO DE REGRAS GERAIS PARA RODAPÉ
*/

#rodape {
	width:908px;
	height:85px;
	clear:both;
	background:url(../imagens/bg_rodape.jpg) no-repeat bottom;
}

#rodape #logo_brainter {
	margin:40px 50px 0 0;
	float:right;
}

/*-------------     ASSINATURA NO RODAPE DO SITE      --------------*/
#rodape address{
	font:12px Trebuchet MS, Arial, Helvetica, sans-serif bold;
	padding:18px 0 0 0;
	text-align:center;
}

/*
	FIM DE REGRAS GERAIS PARA RODAPÉ
 */



/* >
-------------------------------------------------------
	INICIO DE REGRAS GERAIS PARA FORMULÁRIOS
-------------------------------------------------------
*/
form.login {
	background-color: #FFFFCC; 
	width:380px;
	font: 11px Verdana, sans-serif;
	color: #003399;
	border: 2px solid #0000FF;
	padding-left:10px;
}

select { 
	background-color: #B0E0E6;
	font:12px verdana, arial, helvetica, sans-serif;
	color:#003399;
}

textarea {
	width:350px;
	height:350px;
	display:block;
	font:11px verdana, arial, helvetica, sans-serif;
	color:#555;
	background:#fafafa;
	margin-top:5px;
	border:1px solid #e62856;
	padding:3px;
}

fieldset {
	border:none;
}

label {
	display:block;
	font:67% Verdana, Arial, Helvetica, sans-serif;
	margin-top:10px;
}

/* CLASSES ESPECÍFICAS PARA ESTILIZAR DETERMINADOS ELEMENTOS */
.bt {
	width:100px;
	background:#fff;
	border:none;
	float:right;
	margin-right:13px;
}

.btsubmit {
	background-color: #CC3300;
	font: 10px Arial, sans-serif;
	color: #CCFFFF;
}

.btvotar {
	background-color: #CC3300;
	font: 10px Arial, sans-serif;
	color: #CCFFFF;
}

.btresultado {
	background-color: #CC3300;
	font: 10px Arial, sans-serif;
	color: #CCFFFF;
}

.btcomprar {
	background-color: #CC3300;
	font: 10px Arial, sans-serif;
	color: #CCFFFF;
}

.btlimpar {
	background-color: #CC3300;
	font: 10px Arial, sans-serif;
	color: #CCFFFF;
}

/*
-------------------------------------------------------
	FIM DE REGRAS GERAIS PARA FORMULÁRIOS
-------------------------------------------------------
http://www.maujor.com/tutorial/cssforms.php
< */