/* CSS Document
PORTAL DONOS DA MÍDIA
INSTITUTO DE ESTUDOS E PESQUISAS EM COMUNICAÇÃO - EPCOM
http://www.epcom.inf.br

AUTORES: DANIEL MEDEIROS E PEDRO VALENTE
BRASIL, JANEIRO DE 2008

CORES
vermelho-escuro: #7c1010;
vermelho-vivo:#aa1616;
verde: #33a291;
cinza-claro: #f2f2f2;
roza-choque: #ff0084;
roxo: #880091;
laranja: #ea9447;
azul: #3366CC;

CORES DO NOVO LAYOUT
marrom: #602f2d;
amarelo: #edbf4c;
amarelo_fraquinho: #faeccb;
amarelo_escuro: #d58717;
 */
 
body{
background:url(../images/bg_body.jpg) repeat-x top;
margin:0px;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

a{
text-decoration:none;
}

.fixme{
background:#000000;
color:#FFFFFF;
padding:10px 10px 5px 10px;
display:none;
}

#fixme {
	/* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute; left: 20px; top: 0px;
}
body > div#fixme {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}

/*[if gte IE 5.5]
[if lt IE 7]
*/
div#fixme {
  /* IE5.5+/Win - this is more specific than the IE 5.0 version */
  left: expression( ( 20 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

/*[endif]>
[endif]*/



h1{
color:#FFF;
}
h1.normal{
margin-top:1em;
}
#topo .container{
background:url(../images/bg_topo2.jpg) no-repeat;
height:150px;
}


h2{
	color:#aa1616;
	
}

/* MENU */
ul#menu_topo{
list-style:none;
display:block;
float:right; 
margin:0px;
}

ul#menu_topo li{
display:inline;
padding:0px 0px 0px 10px;
color:#FFF;
}
ul#menu_topo li a{
color:#FFF;
text-decoration:none;
}
ul#menu_topo li a:hover, ul#menu_topo li a.selected{
text-decoration:underline;
}

.menu_principal{
text-align:center;
margin-top:85px;
}
.menu_principal a{
text-decoration:none;
display:block;
width:70px;
color:#602f2d;
padding:7px 0px 3px 0px;
background:url(../images/bg_menu.gif) no-repeat;
}

.menu_principal a:hover, .menu_principal a.selected{
font-weight:bold;
background:url(../images/bg_menu_selected.gif) no-repeat;
}

.menu_principal a.selected.item_menu_rede, a.selected.item_menu_redes{
color:#ea9447;
}
.menu_principal a.selected.item_menu_grupo, a.selected.item_menu_grupos{
color:#33a291;
}
.menu_principal a.selected.item_menu_veiculo, a.selected.item_menu_veiculos{
color:#3366CC;
}
.menu_principal a.selected.item_menu_pessoa, a.selected.item_menu_pessoas{
color: #880091;
}
.menu_principal a.selected.item_menu_lugares, a.selected.item_menu_estado, a.selected.item_menu_municipio{
color:#e80073;
}


 



.slogan{
display:block;
float:left;
color:#fff;
}

#logo_topo{
margin:10px 0px 9px 0px;
}

.button_filtro{
display:block;
float:right;
padding:2px 10px 2px 10px;
background:#7c7c7c;
color:#FFFFFF;
font-size:11px;
text-decoration:none;
background:no-repeat right #7c7c7c;
padding-right:25px;
width:114px;
}

.button_filtro:hover{
color:#E1E1E1;
}
.tabela_ranking_bottom{
background:no-repeat center #d1d1d1;
height:9px;
border-top:1px solid #FFF;
cursor:pointer;
margin-bottom:1em;
}
.seta_bgcinza_baixo{
background-image:url(../images/icons/seta_bgcinza_baixo.gif);
}
.seta_bgcinza_cima{
background-image:url(../images/icons/seta_bgcinza_cima.gif);
}
.seta_bgbranco_baixo{
background-image:url(../images/icons/seta_ordem_baixo_strong.gif);
}
.seta_bgbranco_cima{
background-image:url(../images/icons/seta_ordem_cima_strong.gif);
}


.filtro{
border-bottom:1px solid #ccc;
padding-bottom:0px;
background:url(../images/bg_filtro.jpg) repeat-x bottom;
margin-top:15px;
}

#filtro{

/*float:left;*/
padding:20px 0 20px 0;

}

#filtro label {
    display: block;
}

.caminho_do_site{
padding:7px 0px 2em 0px;
}

.caminho_do_site, .caminho_do_site a{
color:#999999;
text-decoration:none;
}
.caminho_do_site a:hover{
color:#aa1616;
}



input.text_field{
width:193px;
height:12px;
font-size:11px;
padding-left:3px;
}
select{
font-size:11px;
}

.mult{
height:104px;
}

.vermelho{
background:#aa1616;
}
.cinza{
background:#ccc;
}
.cinza_claro{
background:#eee;
}

.absolute{
position:absolute;
display:none;
}

.radio{
font-size:11px;
}

.radio span{
padding:3px 3px 3px 0px;
cursor:help;
}

p.minimizar{
border-bottom:1px solid #DDDDDD;
text-align:right;
}

p.carregando img{
float:left
}

.col_hidden{
display:none;
}

span#suporte_veiculos{
display:none;

}


/* pagina de detalhes ------------------------------------------- */
h1{
color:#666666;
}
h1.levantamento{
color:#d58717;
font-weight:bold;
}

h3{
border-bottom:2px solid #ccc;
margin-bottom:0.93em;
margin-top:1em;
color:#d58717;
font-size:18px;
padding-bottom:4px;
}
h3.margin-0{
margin:0px;
line-height:16px;
border-bottom:1px solid #ccc;
}
h3.cinza{
color:#444;
border:none;
margin-top:6px;
background:none;
}

h3 a{
color: #d58717;
text-decoration:none;
padding-bottom:0px;
}

h4{
margin-bottom:3px;
margin-top:15px;
color: #d58717;
font-weight:bold;
}

th h3{
border:none;
margin:0px;
}

h5{
font-weight:normal;
border-bottom:1px solid #DDDDDD;
margin-bottom:10px;
font-size:14px;
font-variant:small-caps;
color:#666666;
padding:17px 0 0 40px;
background-repeat:no-repeat;
background-position:left;
}
h5.margin_top{
margin-top:30px;
}
h5.color_azul{
color:#3366CC;
background-image:url(../images/icons/icone_veiculos_mini.gif);
}
h5.color_verde{
color:#33a291;
background-image:url(../images/icons/icone_grupos_mini.gif);
}
h5.color_laranja{
color:#ea9447;
background-image:url(../images/icons/icone_redes_mini.gif);
}
h5.color_roxo{
color: #880091;
background-image:url(../images/icons/icone_pessoas_mini.gif);
}
h5.color_rosa{
color:#e80073;
background-image:url(../images/icons/icone_lugares_mini.gif);
}


.color_vermelho{
color:#d58717;
}
.color_azul{
color:#3366CC;
}
.color_verde{
color:#33a291;
}
.color_laranja{
color:#ea9447;
}
.color_roxo{
color: #880091;
}
.color_rosa{
color:#e80073;
}
.color_cinza{
color:#444;
}
table img{
margin:0px;
}

table a{
color:#333333;
text-decoration:none;
}
table a:hover, .quadrado a:hover{
color:#aa1616;
}


.box_border{
border-color:#ccc;

border-bottom:1px solid #ccc;
}

a.button{
display:block;
float:right;
height:20px;
width:20px;
margin-left:3px;
}
a.pdf{
background:url(../images/icons/logo_pdf.gif);
}
a.excel{
background:url(../images/icons/logo_excel.gif);
}

h2.bg_cinza{
background:#ebebeb;
border-bottom:5px solid #c9c9c9;
padding-left:0.3em;
color:#666666;
margin-top:2em;
}

.pointer{
cursor:pointer
}

.seta_baixo{
background:url(../images/icons/icon_seta_baixo.gif) no-repeat right;
}

.seta_cima{
background:url(../images/icons/icon_seta_cima.gif) no-repeat right;
}
.seta_cima, .seta_baixo{
display:block;
width:50px;
font-size:18px;
font-weight:bold;
text-align:right;
padding-right:15px;
}

/*
.outra_pagina{
padding-right:18px;
background:url(../images/icons/application_go.gif) no-repeat right;
}
*/
ul.bullet_red{
list-style:url(../images/icons/bullet_red.gif);
position:absolute;
padding:10px 10px 10px 30px;
background:#ebebeb;
border:1px solid #ccc;
filter:alpha(opacity=90);
-moz-opacity:.90;
opacity:.90;
margin:-22px 0px 0px -100px;
width:80px;
}
div.quadrado{
width:15.71em;
height:6em;
border:1px solid #ccc;
margin-right:-1px;
margin-bottom:-1px;
float:left;
}
.border_bottom{
border-bottom:1px solid #ccc;
}

.border_right{
border-right:1px solid #ccc;
}
.titulo_quadrado{
margin:0.3em 0.2em 0.1em 0.5em;
}

.quadrado a{
color:#333333;
text-decoration:none;
}


/*ranking */
.titulo_ranking{
	background:#aa1616;
	border-bottom:5px solid #7c1010;
	color:#FFF;
	padding:3px 5px 2px 5px;
	height:18px;
	margin-top:0.3em;
	
	}
	.titulo_ranking span{
	display:block;
	float:left;
	}
	.ranking_filtros{
	display:block;
	float:right;
	text-transform:uppercase;
	font-size:9px;
	padding-right:20px;
	background:url(../images/icons/seta_bgvermelho_baixo.gif) no-repeat right;
	color:#FFF;	
	text-decoration:none;
	}
	
	table.tabela_ranking{
	background:#ebebeb url(../images/bg_grafico.gif) no-repeat right bottom;
	width:100%;
	padding:3px;
	margin-bottom:0px;
	}
	table.tabela_ranking td{
	padding-left:3px;
	
	}
	.bg_branco{
	background-color:#FFF;
	}
	.janela_filtros{
	border-left:1px solid #ebebeb;
	border-right:1px solid #ebebeb;
	}


/* tabela */
table{
font-size: 1.15em;
}
.num{
display:block;
width:100%;
text-align:right;
font-weight:bold;
color:#666;
}

#tabela_suportes {
    font-size: 0.9em;
    line-height: 1em;   
}
#tabela_suportes th{
    font-size: 0.8em;
    line-height: 1em;   
}
#tabela_suportes tr.destaque td {
    font-weight: bold;
    color: #7c1010;
}
#tabela_suportes tr.zerado td {
    color: #999;    
}
#tabela_suportes tr.soma td {
    border-bottom: 1px solid #333;
    border-top: 1px solid #DDD;
    color: #aaa;
    font-weight: bold;    
}

#tabela_suportes tr:hover td {
    background-color: #FF9;
}

#tabela_suportes td, #tabela_suportes th{
    text-align: right;
}
#tabela_suportes .nome {
    text-align: left;
}

/* paginacao */
p.paginacao{
font-size:1.1em;
line-height:3em;
text-align:right;						
}
p.paginacao a{
color:#d58717;
text-decoration:none;
}
.ordem img{
margin:0px 5px 0px 5px;
float:none;
display:inline;
cursor:pointer;
}
					
.w_auto{
width:auto;
}

.bold{
font-weight:bold;
}
					
.ordem img{
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
}
.selected img{
filter:alpha(opacity=99);
-moz-opacity:.99;
opacity:.99;
}

table.tabela_grafica td, table.tabela_grafica_rosa td{
padding-left:5px;
border-top:1px solid #fff;
}
table.tabela_grafica tr{
background-image:url(../images/bg_barra_azul.gif);
background-repeat:no-repeat;
}
table.tabela_grafica_rosa tr{
background-image:url(../images/bg_barra_rosa.gif);
background-repeat:no-repeat;
}
a.aba{
display:block;
float:right;
border:1px solid #ccc;
color:#333333;
height:23px;
margin-top:11px;
padding:9px 0px 0px;
text-align:center;
width:70px;
border-bottom:0px;
text-decoration:none;
background:#f3f3f3;
border-bottom:1px solid #ccc;
}
a.aba.selected, a.aba:hover{
background:#fff;
color:#d58717;
font-weight:bold;
border-bottom:1px solid #fff;
}
.h2_bg_cinza{
background:#ebebeb;
border-bottom:5px solid #c9c9c9;
padding-left:0.3em;
padding-top:3px;
color:#666666;
border-top:1px solid #ddd;
}
.h2{
margin: 5em 0em 2em 0em;
}

#gmaps{
float:left;
height:400px;
}



ul.mapa, ul.grafico{
margin:0px;
padding:0px;
list-style:none;
height:400px;
overflow:auto;
border:1px solid #DDDDDD;
border-left:none;
}

ul.mapa a, ul.grafico a{
display:block;
text-decoration:none;
border-bottom:1px solid #DDDDDD;
color:#666;
padding:4px 0px 4px 2px;										
}
ul.mapa a:hover, ul.grafico a:hover{
background:#FFFF99;
}

ul.grafico{
border-top:none;
}
ul.grafico h3, h3.th{
border-bottom:2px solid #ccc;
margin:3px 0;
padding-bottom:8px;
}

/* GOOGLE MAPS */
div.balao_mapa{
width:370px;
}
div.balao_mapa{
padding:10px 0px 0px 0px;
}
.balao_mapa h1{
font-size:20px;
}
.balao_mapa p{
margin-bottom:2px;
}
.font_18{
font-size:18px;
}
/* FIM DO GOOGLE MAPS */



/*
h1.titulo_principal{
margin-top:1em;
}
*/
.logotipo img{
float:right;
padding-right:10px;
}									
.totalizador{
border-bottom:1px solid #DDDDDD;
padding-top:20px;
}
.totalizador p{
color:#666666;
font-size:14px;
}
.totalizador h1{
font-size:36px;
text-align:right;
padding-right:10px;
}
.totalizador h1 a{
text-decoration:none;
}
.totalizador h1 a:hover{
color:#666666;
}

#grafico_suportes{
height:400px;
}

.capitular{
font-size:36px; 
float:left;
margin:0px 5px 0px 0px;
line-height:36px;
}

.height_500{
height:500px;
}
li.li_mais{
	text-align:right;
	
}
li.li_mais a{
	padding-right:10px;
	color:#3366CC;
	border-bottom:none;
}

.menu_titulo{
display:block;
background-color:#7C7C7C;
background-position:right;
background-repeat:no-repeat;
color:#fff;		
padding-left:7px;
font-size:15px;
border:1px solid #ccc;
border-left:5px solid #CC0000;
border-bottom:none;
height:25px;
}
.filtro_box{
padding:0px 5px 15px 0px;
border: 1px solid #ccc;
border-left:none;
}
.filtro_box label{
padding-right:7px;
}

.box_overflow{
height:400px;
overflow:auto;
}

.mata_overflow .box_overflow{
height:auto;
overflow:auto;
}



.ul_menu_grafico{
padding-top:15px;
list-style:none;
padding-right:3px;
margin-right:0px;
}

.ul_menu_grafico ul li{
cursor:pointer;
list-style:circle;
margin-left:10px;
padding-top:5px;
}
.ul_menu_grafico ul li.selected{
color: #aa1616;
list-style:disc;
}
.grafico_fonte{
text-align:right;
padding-top:15px;
font-size:11px;
color:#666666;
}

.height_400{
height:400px;
}
.numero_tabela{
display:block;
text-align:right;
width:80px;
margin:0px;
}

.filtro_button{
margin-top:20px;
padding:3px 6px 3px 0;
text-align:right;
border:none;
cursor:pointer;
width:111px;
line-height:14px;
}
.filtro_button.submit{
margin-right:3px;
background:#41a300;
color:#FFF;
}
.filtro_button.reset{
background:#b8b8b8;
color:#000;
}
.ranking{
background:url(../images/ranking.gif) no-repeat left;
border-bottom:#d9d9d9 3px solid;
font-size:14px;
padding:11px 0px 0px 115px;
color:#444;
}
.strong{
font-weight:bold;
}


#pe{
border-top: 1px solid #edbf4c;
margin-top:30px;
margin-bottom:0px;
padding-bottom:10px;
}

#pe .container{
/* background:url(../images/bg_pe.jpg) repeat-y; */
padding:0px;
}
#pe .container img{
margin:0px;
}
#pe .column{
margin-top:10px;
}

#pe p.menu a, #pe p.menu{
color:#602f2d;
margin:0px 5px 0px 5px; 
padding:0;
text-decoration:none;
}
#pe p.menu a:hover{
text-decoration:underline;
}
#pe p{
padding-bottom:10px;
text-align:center;
}
#pe li{
display:inline;
margin-right:6px;

}
#pe li, #pe li a{
color:#602f2d;
font-size:11px;
}
#pe p{
margin-bottom:0px;
color:#602f2d;
font-size:11px;
}
#pe .colborder{
border-right:1px solid #fff;
}

ul.faq_menu{
	list-style:disc;
	color:#aa1616;
}
ul.faq_menu li{
	cursor:pointer;
	margin-left:13px;
	margin-bottom:10px;
}
.justify, .justify p, p.justify p{
	text-align:justify;
}

table.tr_hover tr:hover td{
	background-color:#FFFF99;
}
.font-9{
	font-size:9pt;
}
.modulo_detalhes{
	height:400px;
}
table.tabela_numerica td, table.tabela_numerica th{
	text-align:right;
}
#tabela_regioes table tr:last{
	color:#ccc;
}
.th_order th{
	cursor:pointer;
}
.cima a, .header.headerSortUp {
    padding-right: 16px;    
    background: url(../images/icons/seta_ordem_baixo_strong.gif) no-repeat right;
}
.baixo a, .header.headerSortDown {
    padding-right: 16px;    
    background: url(../images/icons/seta_ordem_cima_strong.gif) no-repeat right;
	
}
.copyleft{
	padding-left: 16px;    
    background: url(../images/copyleft.gif) no-repeat left;
}
.lista_grupo_veiculos{
	cursor:pointer;
}

.margin-top{
	margin-top:50px;
}

.lupa{
background:url(../images/lupa.jpg) no-repeat left;
font-size:26px;
margin-top:30px;
padding:20px 0px 20px 122px;
}
.nome_completo{
font-size:14px;
}
.icone{
float:left; margin-right:35px
}