/* 

FOLHA DE ESTILOS PARA SITE RUI FALC�O

DATA: 18/05/2010

AUTOR: MAILSON DIAS [PEPPER COMUNICA��O]

*/



/*-------------------------------------------

	ESTE ARQUIVO EST� DIVIDO DA SEGUINTE FORMA:

	

		1. ELEMENTOS HTML

		2. ESTRUTURA PRINCIPAL DAS P�GINAS

		3. BOX DE CONTEUDO

		4. LISTAS

		5. PARAGRAFOS

		6. FORMUL�RIOS

		7. ITENS DE FORMUL�RIOS

		8. LINKS

		9. CABE�ALHOS

		10. IMAGENS

		11. ESTILOS ESPEC�FICOS		

---------------------------------------------*/



/* 

1. ELEMENTOS HTML --------------------------------------------------- 

					TODAS AS TAGS HTML (apenas estilos que se aplicam a todos elementos da p�gina)

*/


@import url(adminbar.css);
* {
	margin:0;
	padding:0;
	list-style:none;
	vertical-align:baseline;
}
html {
}
body {
	background:url(images/bg/bg_body.jpg) repeat-x;
	background-color:#FFFFFF;
}
img {
	border:0px;
}
ul {
	list-style:none;
}
/* 2. 

ESTRUTURA PRINCIPAL DAS P�GINAS ---------------------------------- 

					Todos os containers estruturais das p�ginas 

					(Corpo geral, Menu Principal, Topo da p�gina, Rodap�, Container principal de conte�dos)

*/

#contentGeral {
	width:1004px;
	height:348px;
	margin:auto;
	background-image: url(images/bg/bg_header.png);
	background-repeat: no-repeat;
	background-position: -67px 1px;
}
#content2 {
	width:1004px;
	margin:auto;
	clear:both;
	background-image: url(images/bg/bg_content.png);
	background-repeat: repeat-y;
	background-position: -5px;
}
#content3 {
	width:978px;
	margin:auto;
}
#content4 {
	margin-top:15px;
	background:url(images/bg/bg_repeat_sidebar.jpg) repeat-y;
	margin-left: 2px;
}
#mantenha-informado {
	background:url(images/bg/bg_informado.png) repeat;
	width:294px;
	height:73px;
	float:right;
	font:14px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin-top: 75px;
	margin-right: 9px;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}
#menu {
	margin:auto;
	width:974px;
	height:43px;
	background:url(images/bg/bg_menu.jpg) no-repeat;
}
#search {
	float:right;
	margin:-35px 5px 0 0;
}
#contentLeft {
	width:660px;
	_width:653px;
	float:left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 11px;
	margin-left: 2px;
}
#sideBar {
	width:294px;
	float:right;
	margin:0 -1px 0 0;
	padding:6px 0 0 6px;
}
#footer {
	clear:both;
	padding-top:25px;
	font:11px Arial, Helvetica, sans-serif;
	color:#999999;
	width:1000px;
	height:100px;
	margin:auto;
	background-image: url(images/bg/bg_rodape.jpg);
	background-repeat: no-repeat;
	background-position: 0px top;
}
#logo-rodape {
	width:227px;
	height:42px;
	background:url(images/bg/bg_logo_rodape.jpg) no-repeat;
}
/* 3. 

BOX DE CONTEUDO --------------------------------------------------

						Todos os box's que se repetem na p�gina

						(Box de noticias, Box de categorias, Box de imagens, etc)							

*/



#noticia {
	clear:both;
	border-bottom:1px solid #E1E1E1;
	margin:0 0 0 0;
	padding:0 0 15px 0;
	width:640px;
}
#noticia #txt {
}
#biografia-decada {
	font:15px Arial, Helvetica, sans-serif;
	color:#333333;
	margin-bottom:20px;
}
#videos {
	clear:both;
	border-bottom:1px solid #E1E1E1;
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	width:615px;
	height:204px;
}
#fotos {
	clear:both;
	border-bottom:1px solid #E1E1E1;
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	width:640px;
	height:204px;
}
#fotos .txt {
	font:15px Arial, Helvetica, sans-serif;
	color:#333333;
	float:left;
	width:350px;
}
#audios {
	clear:both;
	border-bottom:1px solid #E1E1E1;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	width:640px;
	font:15px Arial, Helvetica, sans-serif;
}
#comissoes {
	clear:both;
	border-bottom:1px solid #E1E1E1;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	width:640px;
	font:15px Arial, Helvetica, sans-serif;
}
.post {
	font:12px Arial, Helvetica, sans-serif;
	color:#666666;
}
.post .dt {
	font:12px Arial, Helvetica, sans-serif;
	color:#666666;
}
.post .txt {
	font:15px Arial, Helvetica, sans-serif;
	color:#333333;
}
.post .txt2 {
	font:15px Arial, Helvetica, sans-serif;
	color:#333333;
}
/* 

4. 

LISTAS ----------------------------------------------------------- 

						Todas os elementos de listas (li eu ul) 

						[O menu principal � definido na se��o 2, mas seus elementos internos s�o definidos nesta se��o]

*/



#menu ul {
	width:772px;
	height:43px;
	margin-left:0px;
	float:left;
}
#menu ul li {
	display:inline;
	float:left;
	height:43px;
	margin-right:1px;
}
#box-canais ul {
	margin:5px 0 0 7px;
}
#box-canais ul li {
	float:left;
	display:inline;
	width:32px;
	margin:0 4px 0 6px;
}
/* 5. 

PARAGRAFOS ------------------------------------------------------- 

						Todos os p�ragrafos

*/



#box-video p {
	font:14px Arial, Helvetica, sans-serif;
	color:#333333;
	margin:10px 0 0 0;
	width:244px;
}
#noticia #txt p {
	margin-top:10px;
}
#noticia-interna #txt p {
	margin-bottom:20px;
}
#videos .txt p {
	margin-bottom:10px;
}
#fotos .txt p {
	margin-bottom:10px;
}
#audios p {
	margin:10px 0 10px 0;
}
#comissoes p {
	margin:10px 0 10px 0;
}
/* 6. 

FORMUL�RIOS ------------------------------------------------------ 

						Formul�rios

*/



#mantenha-informado form {
	margin-top:5px;
}
#search form {
}
#box-formspring form {
}
#faleconosco {
}
/* 7. 

ITENS DE FORMUL�RIOS --------------------------------------------- 

						Itens de formul�rios (inputs, selects, radios, text-areas)

*/



.input-informado {
	background:url(images/bg/bg_input_informado.jpg) no-repeat;
	width:190px;
	height:25px;
	border:0px;
	padding:3px 0 0 4px;
 *padding:7px 0 0 4px;
 	color:#666666;
}
.btn-informado-enviar {
	margin-bottom:-10px;
 *margin-bottom:0px;
}
.input-busque {
	background:url(images/bg/bg_input_busque.jpg) no-repeat;
	border:1px solid #D6D6D6;
	width:150px;
	height:22px;
 *height:19px;
	padding:3px 0 0 2px;
 *padding:6px 0 0 2px;
	font:12px Arial, Helvetica, sans-serif;
	color:#666666;
}
.btn-busque-ok {
	margin-bottom:-9px;
 *margin-bottom:-4px;
}
.formspring-textarea {
	border:0px;
	width:258px;
	height:112px;
	margin:10px 0 25px 10px;
 *margin:8px 0 25px 10px;
	overflow:hidden;
	font:12px Arial, Helvetica, sans-serif;
	color:#333333;
}
.btn-enviar-formspring {
	margin:0 0 -6px 10px;
}
#faleconosco form label {
	display:block;
	margin-top:10px;
}
.faleconosco-input {
	width:290px;
	height:25px;
	background:url(images/bg/bg_input_faleconosco.jpg) no-repeat;
}
.faleconosco-input input {
	width:280px;
	height:15px;
	padding:3px 0px 0 1px;
 *padding:2px 0px 0 2px;
	margin:3px;
	border:0px;
	font:12px Arial, Helvetica, sans-serif;
	color:#333333;
}
.faleconosco-textarea {
	width:330px;
	height:155px;
	padding:3px 0px 0 1px;
 *padding:2px 0px 0 2px;
	margin:3px 0 15px 0px;
	border:1px solid #737373;
	font:12px Arial, Helvetica, sans-serif;
	color:#333333;
}
/* 

8. LINKS ------------------------------------------------------------ 

						Links (inclusive os que se comportarao como box [display: block])

*/



.btn-logo {
	display:block;
	width:55px;
	height:115px;
	float:left;
	margin-top:40px;
}
.btn-logo2 {
	display:block;
	width:100px;
	height:155px;
	float:left;
}
.btn-logo3 {
	display:block;
	width:216px;
	height:85px;
	float:left;
	margin:70px 0 0 0;
}
.btn-rui-falcao {
	display:block;
	width:110px;
	height:155px;
	float:left;
}
.btn-rui-falcao2 {
	display:block;
	width:40px;
	height:28px;
	margin-top:126px;
	float:left;
}
.btn-menu {
	display:block;
	height:43px;
}
.btn-menu:hover {
	background-position:bottom;
}
.btn-menu-ativo {
	background-position:bottom !important;
}
.btn-home {
	width:26px;
	display:block;
}
.btn-menu-biografia {
	background:url(images/btn/btn_menu_biografia.png) no-repeat top left;
	width:90px;
}
.btn-menu-noticias {
	background:url(images/btn/btn_menu_noticias.png) no-repeat top left;
	width:100px;
}
.btn-menu-videos {
	background:url(images/btn/btn_menu_videos.png) no-repeat top left;
	width:84px;
}
.btn-menu-fotos {
	background:url(images/btn/btn_menu_fotos.png) no-repeat top left;
	width:83px;
}
.btn-menu-audios {
	background:url(images/btn/btn_menu_audios.png) no-repeat top left;
	width:86px;
}
.btn-menu-comissoes {
	background:url(images/btn/btn_menu_comissoes.png) no-repeat top left;
	width:84px;
}
.btn-menu-proposicoes {
	background:url(images/btn/btn_menu_proposicoes.png) no-repeat top left;
	width:125px;
}
.btn-menu-discursos {
	background:url(images/btn/btn_menu_discursos.png) no-repeat top left;
	width:81px;
}
.btn-menu-falecomdeputado {
	background:url(images/btn/btn_menu_falecomdeputado.png) no-repeat top left;
	width:170px;
	margin-right:0px;
	padding-right:0px;
}
.btn-canais {
	display:block;
	width:32px;
	height:33px;
}
.btn-canal-rss {
	background:url(images/btn/btn_canal_rss.jpg) no-repeat;
}
.btn-canal-youtube {
	background:url(images/btn/btn_canal_youtube.jpg) no-repeat;
}
.btn-canal-orkut {
	background:url(images/btn/btn_canal_orkut.jpg) no-repeat;
}
.btn-canal-facebook {
	background:url(images/btn/btn_canal_facebook.jpg) no-repeat;
}
.btn-canal-flickr {
	background:url(images/btn/btn_canal_flickr.jpg) no-repeat;
}
.btn-canal-twitter {
	background:url(images/btn/btn_canal_twitter.jpg) no-repeat;
}
#box-formspring a {
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration:none;
}
#box-formspring a:hover {
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration:none;
}
.titulo a {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration:none;
}
.titulo a:hover {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration:none;
}
#box-twitter a {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#663333;
	text-decoration:none;
}
#box-twitter a:hover {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#888888;
	text-decoration:none;
}
#noticia #txt a {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration:none;
}
#noticia #txt a:hover {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#999999;
	text-decoration:none;
}
#noticia-interna #txt a {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration:none;
}
#noticia-interna #txt a:hover {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#999999;
	text-decoration:none;
}
#noticia #txt h1 a {
	font:bold 17px Arial, Helvetica, sans-serif;
	color:#663333;
}
#noticia #txt h1 a:hover {
	font:bold 17px Arial, Helvetica, sans-serif;
	color:#888888;
}
.link-mais a {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#870808;
	text-decoration:none;
	margin-right:30px;
}
.link-mais a:hover {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#888888;
	text-decoration:none;
	margin-right:30px;
}
.logo-rodape {
	display:block;
	width:227px;
	height:42px;
}
#migalhas a {
	font:11px Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration:none;
}
#migalhas a:hover {
	font:11px Arial, Helvetica, sans-serif;
	color:#999999;
	text-decoration:none;
}
#box-paginacao a {
	font:18px Arial, Helvetica, sans-serif;
	color:#5a0109;
	font-weight:bold;
	text-decoration:none;
}
#box-paginacao a:hover {
	font:18px Arial, Helvetica, sans-serif;
	color:#888888;
	font-weight:bold;
	text-decoration:none;
}
.link-cinza a {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration:none;
}
.link-cinza a:hover {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#999999;
	text-decoration:none;
}
.post h1 a {
	font:bold 17px Arial, Helvetica, sans-serif;
	color:#663333;
	text-decoration:none;
}
.post h1 a:hover {
	font:bold 17px Arial, Helvetica, sans-serif;
	color:#888888;
	text-decoration:none;
}
.post p a {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration:none;
	margin:20px 0 0 0;
}
.post p a:hover {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#888888;
	text-decoration:none;
}
#box-video a p {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#663333;
	text-decoration:none;
}
#box-video a p:hover {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#888888;
	text-decoration:none;
}
/* 

9. CABE�ALHOS ------------------------------------------------------- 

						h1, h2, h3, h4, h5, h6 

						(apenas os que tiverem estilos especificos, os globais devem ser informados na se��o 1)

*/



#migalhas h6 {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#a51f1f;
	display:inline;
}
#biografia-decada h1 {
	font:bold 17px Arial, Helvetica, sans-serif;
	color:#663333;
}
.post h1 {
	font:bold 17px Arial, Helvetica, sans-serif;
	color:#663333;
	margin:5px 0 10px 0;
}
body h3 {
	display:none;
}
/* 

10. IMAGENS --------------------------------------------------------- 

						Imagens estruturais, Videos

*/



#noticia .ft {
	float:left;
	margin-right:20px;
}
#noticia-interna .ft {
	float:left;
	margin:0 20px 10px 0;
}
#videos .video {
	float:left;
	width:243px;
	height:204px;
	margin-right:20px;
}
#fotos .ft {
	float:left;
	width:243px;
	height:204px;
	margin-right:20px;
}
/* 

11. ESTILOS ESPEC�FICOS --------------------------------------------------------- 

*/



.hide {
	display:none;
	margin:35px 0 0 85px;
}
.floaR {
	float:right;
}
.floaL {
	float:left;
}
.wid50 {
	width:49%;
}
.box-logo {
	width:535px;
	height:161px;
	/*padding:63px 0 0 12px;*/
	cursor:default;
	margin:20px 0 0 40px;
	float:left;
}
#sideBar .titulo {
	background:url(images/bg/bg_titulo_sidebar.jpg) no-repeat top left;
	width:290px;
	_width:282px;
	height:25px;
	padding:10px 0 0 15px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#333333;
	margin-left:-2px;
}
#box-canais {
	height:60px;
}
#box-formspring {
	background:url(images/bg/bg_textarea_formspring.jpg) no-repeat;
	width:281px;
	height:200px;
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#333333;
	margin-left:3px;
}
#box-twitter {
	font:12px Arial, Helvetica, sans-serif;
	color:#333333;
	margin:0 0 30px 15px;
}
.lista-tweets ul li {
	margin-bottom:10px;
}
#box-video {
	height:250px;
	margin:10px 0 20px 20px;
}
#box-footer-sidebar {
	height:100px;
	font:12px Arial, Helvetica, sans-serif;
	color:#828282;
	margin:30px 0 0 10px;
}
#migalhas {
	margin:10px 0 30px 0;
	font:11px Arial, Helvetica, sans-serif;
	color:#666666;
}
#box-paginacao {
	height:20px;
	margin:20px;
	text-align:right;
	width:590px;
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#5a0109;
}
#box-paginacao span {
	color:#888888;
}
#noticia-interna {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	width:645px;
}
#noticia-interna #txt {
	width:645px;
	font:15px Arial, Helvetica, sans-serif;
	color:#333333;
}
#faleconosco {
	font:15px Arial, Helvetica, sans-serif;
	color:#333333;
}
#twitter_holder {
	width:260px;
	margin-top:6px;
}
/**

 * FIM BASE

 * NOVOS ESTILOS

 */

.pagetitle {
	font-size:22px;
}
.navigation a {
	color:#813333;
	font-family:Arial, Helvetica, sans-serif
}
.alignleft {
	float:left;
}
.alignright {
	float:right;
	padding-right:10px;
}
.txt p img {
	padding:0 10px 10px 0;
}
#respond p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#comments {
	font-family:Arial, Helvetica, sans-serif;
}
.comment {
	margin-bottom:20px;
}
#comments p {
	font-size:12px;
	padding:0 0 10px 0;
}
.reply a {
	color:#9e3636;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}
.reply a:hover {
	text-decoration:underline;
}
.comment-approval {
	font-family:Arial, Helvetica, sans-serif;
	background:#eeeedb;
	padding:10px;
	width:600px;
	margin:10px 0;
}
.fn {
	color:#870808;
	font-weight:bold;
}
.commentmetadata a {
	font-size:12px;
	text-decoration:none;
	color:#8c8c8c;
}
.commentmetadata a:hover {
	text-decoration:underline;
}
.entry p {
	margin-bottom:10px;
	font-size:14px
}
.post-thumbnail {
	border:1px solid #FFFFFF;
}
.post-thumbnail:hover {
	border:1px solid #663333;
}
.postmetadata {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#5a0109;
}
.postmetadata a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#870808;
}
.postmetadata a:hover {
	text-decoration:none;
	color:#8c8c8c;
}
/* VITRINE HOME */

#vitrine {
	width:659px;
	height:275px;
	overflow:hidden;
	position:absolute;
	background:#CCC url(images/bg/bg_vitrine_texto.jpg) no-repeat top right;
}
#vitrine .vitrine-noticia {
	width:659px;
	height:275px;
}
#vitrine .bannerVitrine {
	width:419px;
	position:absolute;
	top:0;
	left:0;
	display:none;
}
#vitrine .noticiaVitrine {
	position:absolute;
	right:0;
	top:0;
	width:240px;
	height:278px;
	color:#FFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	display:none;
}
#vitrine .noticia-txt {
	margin:15px 15px 0 25px;
	width:200px;
	text-align:right;
}
#vitrine .noticia-date {
	font:12px Arial, Helvetica, sans-serif;
	height:20px;
}
#vitrine .noticia-tit {
	height:170px;
	margin:0 0 22px 0;
}
.btns-vitrine {
	position:absolute;
	right:0;
	margin:233px 0 0 0;
	width:148px;
	height:42px;
}
.btns-vitrine .btn-vitrine {
	background:url(images/bg/bg_vitrine_number.jpg) no-repeat top left;
	float:left;
	margin:0 5px 0 0;
	width:22px;
	height:22px;
	text-align:center;
}
.btns-vitrine .btn-vitrine .btn-vitrine-link {
	display:block;
	padding:2px 0 0 3px;
*padding:2px 0 0 2px;
	width:19px;
	height:20px;
	text-decoration:none;
	color:#999999;
	font:bold 15px Arial, Helvetica, sans-serif;
}
.btns-vitrine .btn-vitrine .ativo {
	display:block;
	padding:2px 0 0 3px;
*padding:2px 0 0 2px;
	width:19px;
	height:20px;
	text-decoration:none;
	color:#333;
	font:bold 15px Arial, Helvetica, sans-serif;
}