* {
    margin: 0;
    padding: 0;
}

a img{
	border:0;
}

body {

    font-family: arial, geneva, verdana, sans-serif;
    font-size: 13px;
    color: #fff;
    background: #000;
}


h1{
	background:url(../images/pimenta_h1.png) no-repeat;
	padding-left:20px;
	margin-bottom:10px;
}
h2{
	background:url(../images/pimenta_h1.png) no-repeat;
	padding-left:20px;
	margin-bottom:10px;
}


a {
    color: #fff;
    text-decoration: none;
}
a:hover { text-decoration: underline; }

.left { float: left; }
.right { float: right; }
.both { clear: both;
background-color:#000;}

.carregando {
    text-align: center;
    padding: 50px 0;
}

/** recados */
.centro_rec{
	text-align:center;
	width:950px;
}
.rec {
	margin-left:auto;
	margin-right:auto;
	background:url(../images/livro_topo_mens.png) no-repeat #000;
	text-align:left;
	width:886px;
	border:#FFF;
    padding: 5px;
}
.rec_left{
	font-size:14px;
	float:left;
	padding-left:25px;
	padding-top:5px;
	
}
.rec_right{
	float:right;
	padding-right:10px;
	
}
.livro_img{
	margin-left:20px;	
}
.livro_mens{
	color:#999;
	margin:20px;
}

.rec div.usuario { font-weight: bold; }
.rec div.mensagem { padding-left: 15px; }
/** botão de excluir recados */
a.bt_delete {
    background: #ccc;
    color: #000;
    border: 1px solid #eee;
    padding: 1px;
}
a:hover.bt_delete { background: #999; }
/** paginação */
.pagnav { text-align: center; }
#pg {
	
    margin: auto;
    width: 950px;
}

#cabecalho {
    background: url('../images/topo.png') no-repeat;
    height: 180px;


}

#info {
	
    text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	
}
#info a { text-decoration: none; }
#info a:hover { text-decoration: underline; }
#nav {
	background:url(../images/bg_nav.png);
}

#nav ul li {
    display: inline;
    list-style: none;
}
#nav ul li a {
    float: left;
    margin-right: 5px;
}

#conteudo { 
padding: 10px 0; 
}

#rodape { 
margin-top:5px;
height:36px;
padding-top:10px;
font-size: 9px;
text-align:center;
background:url(../images/barra_inferior_maior.png);
}
#sep_menu_esq{
	background:url(../images/index_02.png);
	width:30px;
	height:20px;
	float:left;
}

#sep_menu_dir{
	background:url(../images/index_04.png);
	width:30px;
	height:20px;
	float:right;	
}

#barra_inferior {
	background:url(../images/barra_inferior.png);
	height:20px;
	width:950px;
}
#form{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:550px;
}
#form .component{
	background:url(../images/input_black.png);
	font:Arial, Helvetica, sans-serif;
	font-size:16px;
	margin:5px;
	width:200px;
	height:30px;
	float:left;
	text-align:center;
}

#form .component div{
    width:189px;
    height:20px;
    overflow:hidden;
    margin:5px;
}


#form .select div{
    width:289px;
    height:20px;
    overflow:hidden;
    margin:5px;
}
#form .select2{
	background:url(../images/select_black2.png);
	font:Arial, Helvetica, sans-serif;
	font-size:16px;
	margin:5px;
	width:240px;
	height:30px;
	float:left;
	text-align:left;
	text-indent: 5px;
}

#form .select{
	background:url(../images/select_black.png);
	font:Arial, Helvetica, sans-serif;
	font-size:16px;
	margin:5px;
	width:300px;
	height:30px;
	float:left;
	text-align:left;
	text-indent: 5px;
}
#form .component_textarea{
	font:Arial, Helvetica, sans-serif;
	font-size:16px;
	margin:5px;
	width:200px;
	height:300px;
	float:left;
	text-align:center;
}
#form .label{
	border:1px;
	line-height:30px;
	font:Arial, Helvetica, sans-serif;
	font-size:16px;
	margin:5px;
	width:200px;
	height:30px;
	float:left;
	text-align:left;
}
.front_input{
	margin:0px;
	border:0px;
	width:160px;
	height:19px;
	background:url(../images/front_input.png) right no-repeat ;
}

#form .fone_pre {
	background: url("../images/input_pre.png") no-repeat scroll 0 0 transparent ;
	width: 35px;
	margin-right: 0;
}
#form .fone {
	background: url("../images/input_fone.png") no-repeat scroll 0 0 transparent ;
	width: 165px;
	margin-left: 0;
}

#input_e{
	background:url(../images/input_e.png);
	width:8px;
	height:30px;
}
.input_black_select{
    background:none;
	font-size:16px;
	border:0;
	font-size:14px;
    margin-top:-1px;
    margin-left:-1px;
	}
.input_black{
	font-size:16px;
	background:none;
	border:0px;
	padding:5px;
	font-size:14px;
	width:170px;
	height:20px;
}
.input{
	padding-left:8px;
	padding-right:8px;
	border:0px;
	width:136px;
	height:19px;
	background:url(../images/back_input.png);
}
.textarea{
	border:0;
	color:#CCC;
	background:#000;
	scrollbar-face-color: #2d1717;
	scrollbar-highlight-color: #2d1717;
	scrollbar-shadow-color: #2d1717;
	scrollbar-3dlight-color: #000000;
	scrollbar-arrow-color: #fff;
	scrollbar-track-color: #000000;
	scrollbar-darkshadow-color: #000000; 
}

/** div#lateral que contém o login e usuários em destaque..  */
#lateral {
    
    width: 265px;
}

/** formulário de login */

/** efeito dos inputs*/
.login_form_input {
    border: none;
    background:url('../images/back_input.png') no-repeat;
    height: 20px;
    padding: 0 3px 0 3px;
    width:146px;
}
/** botão */
.login_form_logar {
    background: url('../images/logar.png') center no-repeat;
    border: none;
    height: 37px;
    width: 136px; 
	cursor: pointer;
}
.login_form_logar:hover {
    background-image: url('../images/logar_hover.png');	
}
.bt_ver_recados {

	cursor:pointer;
    background: url('../images/ver_recados.png') center no-repeat;
    border: none;
    height: 25px;
    width: 150px;
}
.bt_ver_recados:hover {
    background: url('../images/ver_recados_hover.png') center no-repeat;
}

.bt_enviar_fotos {
	margin-left:auto;
	margin:auto;
	cursor:pointer;
    background: url('../images/enviar_fotos.png') center no-repeat;
    border: none;
    height: 25px;
    width: 150px;
	margin-bottom:5px;
}
.bt_enviar_fotos:hover {
    background: url('../images/enviar_fotos_hover.png') center no-repeat;
}
.bt_pesquisar {
	margin-left:auto;
	margin:auto;
	cursor:pointer;
    background: url('../images/pesquisar.png') center no-repeat;
    border: none;
    height: 37px;
    width: 136px;
}
.bt_pesquisar:hover {
    background: url('../images/pesquisar_hover.png') center no-repeat;
}
.bt_enviar {
	margin-left:auto;
	margin:auto;
	cursor:pointer;
    background: url('../images/enviar.png') center no-repeat;
    border: none;
    height: 37px;
    width: 136px;
}
.bt_enviar:hover {
    background: url('../images/enviar_hover.png') center no-repeat;
}
.bt_salvar{
	margin-left: 30%;
	margin-right: 30%;
	float: left;
	background: url('../images/salvar.png') center no-repeat;
	border: none;
	height: 37px;
	width: 136px;
	cursor: pointer;
}
.bt_salvar:hover {
    background: url('../images/salvar_hover.png') center no-repeat;
}
/** caixa de mensagem */
.msg {
    background: #111;
    border: 1px solid #333;
    text-align: center;
    padding: 3px 0;
}

#provisoria{
	width:565px;
	height:422px;
}
#destaque_inicial {
	background:url(../images/destaques.png);
	padding:10px;
	padding-left:18px;
	margin-right:50px;
	width:238px;
	height:264px;

}
#cadastro{
	background:url(../images/cadastro.png);
	width:83px;
	height:32px;
	
}
#a_sensuality{
	background:url(../images/a_sensuality.png);
	width:118px;
	height:32px;
	
}

#livro_de_visitas{
	background:url(../images/livro_de_visitas.png);
	width:147px;
	height:32px;
}
#riaworks{
	background:url(../images/riaworks.jpg) center no-repeat;
	width:950px;
	height:40px;
	cursor:pointer;
	
}
/*página programação -----------------------------------------------*/
#programacao{
	width:950px;
}
#programacao #conteudo_progr{
	width:950px;
	height:365px;
}
#programacao #menu{
	width:950px;
}
#programacao #titulo{
	width:950px;
}

/* fecha containers */
/* internos */
#titulo #interno{
	  background:url(../images/back_program_titulo.png) repeat-x;
	  width:886px;
	  height:36px;
	  float:left;
}

#menu{
	height:auto;
}

#menu #interno{
		background:url(../images/back_progr_menu.png) repeat;
		margin:0;
		padding:0;
		height:auto;
		width:950px;
		float:left;
}

#conteudo_progr #interno1{
	width:380px;
	  height:365px;
	  float:left;
}
#conteudo_progr #interno2{
	padding-left:2px;
	background:url(../images/back_interno2.png) right;
	width:463px;
	height:365px;
	float:left;
}
#conteudo_progr #interno2 div{
	background:url(../images/mask_progr_maior.png);
	position:absolute;
	z-index:1;
	width:464px;
	height:365px;
}
#interno #miframe div{
	background:url(../images/mask_progr_maior.png);
	position:absolute;
	z-index:1;
	width:464px;
	height:365px;
}
/* fecha internos */
/* repeticao laterais */
#div_internos{
	background:url(../images/div_internos.png);
	width:28px;
	height:365px;
	float:left;
}
#titulo_program_e{
	background:url(../images/titulo_program_e.png);
	width:32px;
	height:36px;
	float:left;
}
#titulo_program_d{
	background:url(../images/titulo_program_d.png);
	width:32px;
	height:36px;
	float:right;
}
#menu_progr_e{
		margin:0;
			padding:0;
	background:url(../images/menu_progr_e.png) repeat-y  ;
	width:30px;
	height:100%;
	float:left;
}
#menu_progr_d{
	margin:0;
	padding:0;
	background:url(../images/menu_progr_d.png) repeat-y;
	width:29px;
	height:100%;
	float:right;
}
#conteudo_interno_e{
	background:url(../images/conteudo_interno_e.png);
	width:36px;
	height:365px;
	float:left;
}
#conteudo_interno_d{
	background:url(../images/conteudo_interno_d.png);
	width:40px;
	height:365px;
	float:right;
}
/* fecha repetição de lateriais */
/* Topos */
#programacao #topo_programacao{
	background:url(../images/topo_programacao.png);
	width:950px;
	height:20px;
}
#programacao #topo_conteudo{
	background:url(../images/topo_progr_conteudo.png);
	width:950px;
	height:24px;
}
#programacao #rodape_conteudo{

	background:url(../images/rodape_conteudo.png);
	width:950px;
	height:18px;
	
}
#fim_prog_rodape{
	background:url(../images/fim_prog_rodape.png);
	width:950px;
	height:24px;
}
	
/* fecha topos, rodapes */
/* botoes de programacao-----------------------------------------------------*/
#imagens_highslide3{
	text-align:center;
	display:inline;
	float:left;
	width:65px;
	height:65px;
}
#imagens_highslide3 #img2{
	width:65px;
	height:65px;

}
#imagens_highslide3 #img2 div{
	cursor:pointer;
	background:url(../images/mask_progr_menor_65.png);
	position:absolute;
	z-index:1;
	width:65px;
	height:65px;
}
#imagens_highslide3 #img3{
	width:65px;
	height:65px;

}
#imagens_highslide3 #img3 div{
	cursor:pointer;
	background:url(../images/mask_progr_menor_65_rec.png);
	position:absolute;
	z-index:1;
	width:65px;
	height:65px;
}
#imagens_highslide2{
	text-align:center;
	display:inline;
	float:left;
	width:90px;
	height:90px;
}
#imagens_highslide2 #img{
	margin:auto;
	width:90px;
	height:90px;
	background:url(../images/back_progr_bt_img_80.jpg);
}
#imagens_highslide2 #img div{
	cursor:pointer;
	background:url(../images/mask_progr_menor_80.png);
	position:absolute;
	z-index:1;
	width:90px;
	height:90px;
}



#programacao #imagens_highslide{
	text-align:center;
	display:inline;
	float:left;
	width:127px;
	height:100px;
}
#programacao #imagens_highslide #img{
	margin:auto;
	width:127px;
	height:100px;
	background:url(../images/back_progr_bt_img.jpg);
}
#programacao #imagens_highslide #img div{
	cursor:pointer;
	background:url(../images/mask_progr_menor.png);
	position:absolute;
	z-index:1;
	width:127px;
	height:100px;
}
#programacao #botao{
	cursor:pointer;
	text-decoration:none;
	display:inline;
	float:left;
	width:127px;
	height:132px;
	background:#000;
}
#programacao #botao #img{
	width:127px;
	height:100px;
	background:url(../images/back_progr_bt_img.jpg);
}
#programacao #botao #img div{
	background:url(../images/mask_progr_menor.png);
	position:absolute;
	z-index:1;
	width:127px;
	height:100px;
}
#programacao #botao #bt{
	text-align:center;
	line-height:32px;
	width:127px;
	height:32px;
	background:url(../images/back_progr_bt_bt.png);
}
#programacao #botao:hover #bt{
	background:url(../images/back_progr_bt_bt_hover.png);
}
/* fecha botao */
/* correção da imagem, texto do conteúdo */
#img img{
	margin:6px;
}
#titulo_conteudo div{
	margin-left:40px;
}
#conteudo_bd{
	position: relative;
	color:#999;
	padding:3px;
	overflow:auto;
	width:373px;
	height:293px;
}
/* conteúdo programação */
#conteudo_progr #titulo_conteudo {
	background:url(../images/titulo_conteudo.png);
	width:380px;
	height:66px;
}
/*pesquisa_resultado*/
.pesquisa_dados{
	width:823px;
	height:100%;
}
.pesquisa_topo{
	background:url(../images/resultado_pesquisa_topo.png);
	width:823px;
	height:15px;
}
.pesquisa_conteudo{
	padding-left:20px;
	background:url(../images/resultado_pesquisa_back.png);
	width:803px;
	height:100%;
	
}
.pesquisa_final{
	background:url(../images/resultado_pesquisa_fim.png);
	width:823px;
	height:15px;
}


/*perfil*/
.perfil_dados{
	width:479px;
	height:100%;
}
.perfil_topo{
	background:url(../images/perfil_topo.png);
	width:479px;
	height:15px;
}
.perfil_conteudo{
	padding-left:20px;
	background:url(../images/perfil_conteudo.png);
	width:459px;
	height:100%;
}
.perfil_final{
	background:url(../images/perfil_final.png);
	width:479px;
	height:15px;
}
.index_dados{
	margin-left:20px;
	width:247px;
	height:100%;
}
.index_topo{
	background:url(../images/index_cont_topo.png);
	width:247px;
	height:15px;
}
.index_conteudo{
	
	background:url(../images/index_cont_back.png);
	width:247px;
	height:100%;
}
.index_final{
	background:url(../images/index_cont_fim.png);
	width:247px;
	height:15px;
}
.perfil2_dados{
	width:365px;
	height:100%;
}
.perfil2_topo{
	background:url(../images/perfil2_topo.png);
	width:365px;
	height:15px;
}
.perfil2_conteudo{
	
	background:url(../images/perfil2_conteudo.png);
	width:365px;
	height:100%;
}
.perfil2_final{
	background:url(../images/perfil2_final.png);
	width:365px;
	height:15px;
}
/*relação tabelas*/
.column{ 
	display:inline;
	float:left;
}
.row{
	line-height:20px;
	margin-right:25px;
}

