/*  
PAUTA ECONOMICA - REVISTA
******************************************************
Agência: Ato Interativo agência web
Direção: Felipe Gazolla
Atendimento: Felipe Gazolla
Design by: Areta do Bem
XHTML+CSS: Aline Tinoco e Areta do Bem
Programação: Jean Pimentel e Rennan Toniolo
Conteúdo: Pauta Econômica
Country: Brasil
CSS created: 10/2008
CSS update: 03/2009
Note: Folha padrão
******************************************************
Copy something of someone is WRONG, but copy 
from lot's of places is RESEARCH!
Don't let the puppies sad!
******************************************************
*/
@import "adm.css";

*{
padding:   	    0;
margin:			0;
}
/*************************************ESTRUTURA*/
body{
padding:	    0px;
margin:	     	0px;
background:   	#F5F5F5 url(../img/bg.jpg) left top repeat-x;
font:           12px  "Tahoma", Trebuchet MS, Lucida Sans, Arial;
text-align:		center;
color:          #333333;
}
#irTopo {
width:		64px;
height:		31px;
padding:	0;
margin:		0;
position:	fixed;
_position:	absolute;
right:		0;
bottom:		0;
}
#palco{
width: 		    930px;
height:         auto;
margin: 	    0 auto;
text-align:		left;
padding:    	0 ;
background:     transparent;
}
#corpo {
width: 		    930px;
height:         auto;
margin: 	    0;
text-align:		left;
padding:    	0 ;
background:     #F5F5F5;
}
/*************************************O TOPO*/
#data{
text-align:		right;
font:           10px  "Tahoma", Trebuchet MS, Lucida Sans, Arial;
color:			#777272;
}
#logo{
width:			930px;
height:			80px;
background:     transparent ;
position:		relative;
}
/*************************************CONTINUAÇÃO DO TOPO*/
#topo{
width:			930px;
height:			240px;
background:		#FFF;
position:		relative;
margin:			10px 0 20px 0;
padding:		0;
background:		#F5F5F5;
}
/*************************************MENU PRINCIPAL NO TOPO*/
#menu_principal{
width:			230px;
height:			220px;
background: 	#000;
opacity:   		0.85;
-moz-opacity: 	0.80;
filter:     	alpha(opacity=85);
position:		absolute;
right:			10px;
top:			10px;	
}
ul.menu_principal{
width:			auto;
height:			auto;
}
ul.menu_principal li {
list-style:		none;
height:         23px;
font:           17px  "Tahoma", Trebuchet MS, Lucida Sans, Arial;
color:          #FFF;
margin:			5px;
margin-top:		10px;
border-bottom:  #EBEDED dotted; 
border-bottom-width: thin;
}
ul.menu_principal li a {
color:			#FFF;
text-decoration: none;
}
ul.menu_principal li a:hover  {
color:			#C9992B;
text-decoration: none;
}
/*************************************CONTEÚDO - auxiliar*/
#col_auxiliar {
width:			230px;
height:			auto;
float:			left;
background:		#F5F5F5;
padding:		0;
margin:			0;
}
#col_auxiliar .box_publicidade {
width:		230px;
height:		auto;
background:	transparent;
overflow:	hidden;
margin:		10px 0;
padding:	0;
}
#box_imgEdAtual {
width:		210px;
height:		122px;
overflow:	hidden;
position:	relative;
}
#box_imgEdAtual img {
width:		210px;
height:		122px;
border:		none;
}
#EdAtual_PDF {
width:		210px;
height:		auto;
background:	#000;
position:	absolute;
padding:	1px;
left:		0;
bottom:		0;
font:		10px "Trebuchet MS", Tahoma;
color:		#FFF;
opacity:	0.75;
-moz-opacity: 0.75;
filter: alpha(opacity=75);
text-align:	right;
}
#EdAtual_PDF a {
color:		#FFF;
text-decoration: none;
}
#EdAtual_PDF img {
width: 		23px;
height:		22px;
vertical-align:middle;
}
#nestaEdicao {
width:		210px;
height:		auto;
padding:	1px 0;
margin:		1px 0;
text-align:	right;
font-size:	10px;
}
.box_230 {
width:			220px;
height:			auto;
background:		#EBEDED;
display:		block;
margin:			10px 0;
padding:		5px; 
}
.box_230 img{
padding:		5px;
}
#box_redacao{
width:			220px;
height:			auto;
background:		#FFF url(../img/blog.jpg);
padding:		5px;
margin:  		10px 0;
}
#box_redacao h3{
color:			#0072BC;
margin:			10px 0 15px 40px;
}
#box_redacao div.resumoBlog {
height:			55px;
overflow:		hidden;
}
#box_redacao p.maisBlog {
border-bottom:	1px #0072BC dotted;
border-top:		1px #0072BC dotted;
font-size:		11px;
padding:		1px 2px;
margin:			3px 0 0 0;
background:		#FFF ;
}
#box_redacao p.maisBlog img {
vertical-align:	middle;
padding:	0;
margin:		0;
}
#box_redacao p.maisBlog a {
color:		#333333;
text-decoration:none;
}
#box_redacao p.maisBlog a:hover {
color:		#333333;
text-decoration:underline;
}
.contObservatorio {
width:		auto;
height:		auto;
padding:	0;
margin:		3px 0;
border-bottom:	1px solid #ccc;

}
.thumbObservatorio {
float:		left;
margin:		0 2px 0 0;
}
.resumoObservatorio {
width:		158px;
height:		50px;
overflow:	hidden;
line-height:12px;
font-size:	12px;
padding:	5px 0 0 0;
float:		right;
}
/*************************************CONTEÚDO -  principal*/
#col_principal{
width:			680px;
height:			auto;
float:			right;
background:		#F5F5F5;
}
.box_destaque{
width:			650px;
height:			200px;
padding:		0 0 0 30px;
margin-bottom:	20px;
}
.box_destaque img{
float:			right;
margin:			0 5px 5px 12px;
}
.box_pauta1{
width:			300px;
height:			158px;
padding:		5px 5px 10px 30px;
float:			left;
margin-top:		20px;
overflow:		hidden;
}
.box_pauta1 img{
margin:			5px 0 5px 5px;
}
.box_pauta2{
width:			300px;
height:			158px;
padding:		5px 5px 10px 30px;
float:			right;
margin-top:		20px;
overflow:		hidden;
}
.box_pauta2 img{
margin:			5px 0 5px 5px;
}
.box_pauta3{
width:			300px;
height:			105px;
padding:		5px 5px 0 30px;
float:			left;
margin-top:		20px;
margin-bottom:  12px;
overflow:		hidden;
}
.box_pauta4{
width:			300px;
height:			105px;
padding:		5px 5px 0 30px;
float:			right;
margin-top:		20px;
margin-bottom:  12px;
overflow:		hidden;
}
.box_maispauta{
width:			650px;
height:			auto;
margin-top:		20px;
padding:		5px 0 5px 30px;
}
.sg_maispauta {
width:			320px;
height:			42px;
margin-top:		5px;
padding:		0;
float:			left;
overflow:		hidden;
}
.txt_artigo {
text-align: justify;
text-indent:20px;
letter-spacing:0;
margin:		10px 0;
}
.txt_artigo p {
text-indent:20px;
}
#box_autor {
width:		660px;
height:		60px;
padding:	20px 10px 10px 10px;
margin:		10px 0;
background:	url(../img/bg_box_autor.jpg) top left no-repeat;
overflow:	hidden;
}
#box_autor img {
float:		left;
padding:	2px;
background:	#CCCCCC;
margin:		0 6px 0 0;
}
.commentlist {
background: #F0F0F0;
padding:	10px;
}
.commentlist .quote {
background: url(../img/bg_quote.gif) no-repeat top right;
}
.commentlist li {
padding: 	10px 18px 22px 18px;
margin-top:	15px;
background:	#D7D7D7 url(../img/bg_commentlist.gif) bottom no-repeat;
color:		#333;
list-style:	inside decimal;
}
.commentlist cite {
display:	block;
font-style:	normal
}
.commentlist cite a:link, .commentlist cite a:visited {
color:		#88e5f0;
text-decoration:none;
}
.commentlist cite a:hover, .commentlist cite a:active {
color:		#FFF;
text-decoration:underline;
}
#box_minutopautaG {
width:		auto;
height:		auto;
padding:    0;
margin:		0;
text-align: center;
}
.box_minutopautaP {
width:		210px;
height:     190px;
padding:    0;
margin: 	10px 5px;
overflow:	hidden;
float:		left;
}
.barraYouTube {
width:		auto;
height:		auto;
font-size:	15px;
text-align:	right;
padding:	3px 60px 3px 3px;
margin:		3px 0 10px 0;
background:	#d4d4d4 url(../img/you-tube-logo.gif) right center no-repeat;
}
.barraYouTube a {
color:		#999;
text-decoration: none;
}
.barraYouTube a:hover {
color:		#333;
text-decoration: none;
}

/*************************************FORMULÁRIOS*/
form {
padding:	0px;
margin:		0px;
}
label {
width:		100px;
height:		auto;
padding:	10px 0 0 0;
margin:		0;
float:		left;
text-align:	right;
}
input, select, textarea {
width:		auto;
height:		auto;
padding:	5px;
margin:		5px;
background:	#FFF url(../img/bg_input.jpg) right bottom repeat-x;
font:		11px "Tahoma" Arial, Helvetica, sans-serif;
color:		#333;
border:		1px solid #999999;
}
input:focus , select:focus, textarea:focus {
color:		#000;
border:		1px solid #CC0000;
}
.ok, .submit {
width:		auto;
height:		auto;
background:	#FFF url(../img/bg_ok.jpg) right repeat-x;
font:		11px "Tahoma" Arial, Helvetica, sans-serif;
font-weight:600;
color:		#999999;
cursor:		pointer;
border:		1px solid #999999;
}
#busca {
width:		170px;
margin:		0;
float:		left;
}
.buscar{
width:		43px;
height:		25px;
background:	#CCC url(../img/bg_buscar.jpg) center center no-repeat;
cursor:		pointer;
padding:	0;
margin:		0;
overflow: 	visible;
border:		none;
float:		left;
border-top:		1px solid #999999;
border-right:	1px solid #999999;
border-bottom:	1px solid #999999;
border-left:	none;
}
fieldset#edicoes {
width:			240px;
height:			50px;
padding:		0;
position:		absolute;
right:			0px;
bottom:			10px;
border:         none;
}
fieldset#edicoes legend {
padding:		0 0 0 15px;
margin:			0px;
font:			17px "Tahoma" Arial, Helvetica, sans-serif;

}
fieldset#edicoes select {
width:			230px;
}
fieldset#edicoes option {
padding:		2px 2px 0 2px;
border-bottom:	1px solid #f3f3f3;
color:			#333;
}
#remetente_nome, #destinatario_nome, #nomeCom, #nomeNews {
width:			320px;
}
#remetente_email, #destinatario_email, #emailCom, #emailNews {
width:			290px;
}
/*************************************CONTEÚDO -  publicidade*/
.col_publicidade{
width:			auto;
height:			100px;
background-color:background: transparent;;
}
.col_publicidade img{
margin:			10px 10px 10px 0;
}
.publicidade{
color:			#CCCCCC;
text-align:		left;
font-size:		10px;
background: transparent;
}
/*************************************RODAPÉ*/
#rodape{
font:		    10px  "Tahoma", Trebuchet MS, Lucida Sans, Arial;
color:          #333;
text-align:		center;
clear:			both;
margin-top:		15px;
padding:	 	5px;
background: 	#FFF;
}
#rodape img{
margin:			5px 20px;
}
/*************************************LINKS*/
a.link {
text-decoration: none;
cursor:		pointer;
color:		#333;
}
a.link:hover{
text-decoration: underline;
cursor:pointer;
color:		#000;
}
a.link:visited{
text-decoration:none;
cursor:pointer;
}
/************************************FOTOS JS*/
#sg_fotos {
margin:0 0 20px 20px;
float:right;
width:300px;
border:	1px solid #999;
background:	#EBEDED;
}
#sg_fotos .legenda {
font:	11px "Trebuchet MS", Tahoma;
color:	#333333;
text-align:	center;
padding: 0;
line-height: normal;
}
#controle {
text-align:	center;
width:		300px;
height:		20px;
background:	#EBEDED;
padding:	0px;
margin:		0px;
}
#controle img {
vertical-align:	middle;
}
#slidefotos {
width:300px;
height:330px;
}
.acao {
width:		auto;
height:		auto;
padding:	5px;
margin:		20px 0;
background:	#f3f3f3;
text-align:	right;
border-top: 1px solid #CCC;
border-bottom:1px solid #CCC;
}
.acao img {
vertical-align: middle;
}
.acao a {
text-decoration: none;
color:	#666666;
}
.acao a:hover {
color:	#000;
}
/*************************************TITULOS*/
h2#scObservatorio, h2#scMaterias, h2#scBlog, h2.scTit {
color:		#FFF;
width:		auto;
height:		auto;
padding:	30px 5px 5px 5px;
margin:		0 0 15px 0;
text-align:	right;
font-size:	21px;
}
.cinza {
color:		#454545;
}
a h2, h2 a, a h3, h3 a, a h4, h4 a, a h5, h5 a, a {
text-decoration: none;
}
/*************************************GERAIS*/
img{
border:			none;
}
hr{
width:			auto;
color:			#CCCCCC;
margin:			5px;
}
.col_separa{
width:          15px;
height:			auto;
float:          left;
background:     transparent;
}
.clear{
clear:		    both;
font-size:	    1pt;
height:		    1pt;
}
.left{
float:			left;
}
.right{
float:			right;
}
.bigode{
color:			#C9992C;
}
.seta {
background:		#F4F7F7;
font-size:		11px;
padding:		3px 0;
_padding:		3px 0;
text-align:		right;
width:          auto;
height:         15px;
clear:			both;
}
.seta a {
background:		transparent url(../img/seta.gif) left center no-repeat;
padding:		0 0 0 12px;
margin:			0px;
color:			#333333;
text-decoration:none;
}
.erro {
width:		auto;
height:		auto;
padding:	10px;
margin:		10px;
border:		2px solid #CC0000;
color:		#CC0000;
font-size:	11px;
font-weight:bold;
}
.sucesso {
width:		auto;
height:		auto;
padding:	10px;
margin:		10px;
border:		2px solid #009900;
color:		#009900;
font-size:	11px;
font-weight:bold;
}
ul.listaGeral {
padding:	0;
margin:		0;
}
ul.listaGeral li {
padding:	0;
margin:		0;
list-style: inside square;
}
.box_destaca_texto {
width:		auto;
height:		auto;
padding:	10px;
margin:		0;
background:	#ebebeb;
}