/*-----------------------------------------------------------------------------
Viva Rio - Rede de Polícias

versão               : 2.0  // Sempre que houver modificação, por favor alterar a versao da folha
autor                : SV Projetos e Sistemas
email                : suporte@sv.com.br;
website				 : http://www.sv.com.br/
data de criacao      : 03/08/2009
Ultima modificação   : 03/08/2009
Autor da Modificação : SV Projetos e Sistemas
 
!- Legenda de comentários 
-----------------------------------
 :LIXO     - Maneira ruim de contornar um problema
 :ALTERAR  - Alterar no fim do desenvolvimento do projeto
 :BUG      - Problema no código

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

/* =Geral
-----------------------------------------------------------------------------*/
* {
	margin:0px;
	padding:0px;
}

img, fieldset {
	border:none;
}

body {
	font:11px "Trebuchet MS", Arial, Verdana;
	color:#333;
}

hr {
	border:none; /* :LIXO - Retiramos a borda para colocar novamente logo abaixo,
					resolvendo o problema de borda dupla no IE */
	border-bottom:1px solid #ededed;
	height:1px;
}

h1 {
}

h2 {
	margin:0px;
	padding:0px;
}

p{
	margin-bottom:15px;
}

a { 
	color:#0E4E69; 
	text-decoration:underline;
	}
	
a:hover { 
	color:#B0BD0B; 
	text-decoration:underline;
	}

.verde_sociedade {color: #b0bc09}

.destaque {color:#333; font-size:18px; font-weight:normal; font-style:italic; margin-top:12px;}	

.onOver {cursor:pointer;}

.imgDestaqInt {width:180px; float:left; margin-right:15px; margin-bottom:15px;}

/* =Estrutura
-----------------------------------------------------------------------------*/
#container {
	margin:auto;
	width:1003px;
}

#geral {margin-top:15px;}


/* =Topo
-----------------------------------------------------------------------------*/
#topo {height:132px;}

#viva_rio {background:url(../img/barra_viva_rio.jpg) left no-repeat; height:38px;}
#viva_rio .opcoes {float:left; width:265px; margin:8px 0 0 625px; _margin:8px 0 0 320px; color:#75797C;}
#viva_rio .opcoes ul {list-style:none; color:#75797C; text-transform:uppercase; font-size:9px;}
#viva_rio .opcoes ul li {display:inline; padding-left:10px; padding-right:10px;}
#viva_rio .opcoes ul li a {color:#75797C; text-decoration:none;}
#viva_rio .logoVR {background:url(../img/logo_viva_rio.jpg) no-repeat; width:34px; height:37px; margin-left:955px;}

#logo {width:235px; height:73px; background:url(../img/logo.jpg) no-repeat; position:relative; margin-top:-10px; margin-left:12px;}
#logo a{  width:235px; height:73px; cursor:pointer; text-indent:-5000px; display:block;}
#logo_es {width:223px; height:73px; background:url(../img/logo_es.jpg) no-repeat; position:relative; margin-top:-10px; margin-left:12px;}
#logo_es a{  width:223px; height:73px; cursor:pointer; text-indent:-5000px; display:block;}

#idiomas { position:relative; margin-top:-23px;  _margin-top:-28px; _margin-bottom:-10px; margin-right:10px; float:right; width:262px;}
#idiomas .seleciona_idioma {float:left; width:130px; margin-top:7px; _margin-top:11px; color:74B6D0; font-weight:bold; background:none;}
#idiomas .seleciona_idioma a { font-weight:bold; font-size:9px; }
#idiomas .links {background:url(../img/bg_home_contato.jpg) left no-repeat; width:128px; height:23px; float:right;}
#idiomas .links a.vai_home { width:50px; height:17px; display:block; cursor:pointer; text-indent:-5000px; float:left;}
#idiomas .links a.contato { width:50px; height:17px; display:block; cursor:pointer; text-indent:-5000px; margin-left:65px;}

#main_bar {height:25px; width:1003px; background:url(../img/bg_main_bar.jpg) repeat-x;  }

/* =Menu
-----------------------------------------------------------------------------*/
#menu {float:left;}

ul#primary-nav {
	margin:2px 0 0 15px;
	float:left;
}

ul#primary-nav li {
	float:left;
	list-style: none;
	border-right:1px solid #FFF;
}

ul#primary-nav li.ultimo {
	float:left;
	list-style: none;
	border:none;
}

ul#primary-nav li a { color:#fff; text-decoration:none; line-height:20px; padding:0 10px 0 10px; }
ul#primary-nav li a:hover { color:#0E4E69; background:#D8EFF7; padding:0 10px 0 10px;}

* html ul#primary-nav li   { float: left; height: 1%; }
* html ul#primary-nav li a { height: 1%; }

ul#primary-nav ul {
	position: absolute;
	display: none;	 
	background-color:#D8EFF7;
	width:150px;
	color:#0E4E69;
	_float:left;
	_margin:0px 0 0 -102px;
	*margin:18px 0 0 -72px;
}

ul#primary-nav ul li ul{
	color:#0E4E69;
}


ul#primary-nav li ul li {
	display:block;
	width:150px;
	border-right:none;
}

ul#primary-nav li ul li a { color:#0E4E69; } 
ul#primary-nav li ul li a:hover {color:#0E4E69; text-decoration:underline;}

ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul { display: none; } 

ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul { display: block; }
ul#primary-nav li.menuparent:hover { color:#0E4E69; background:#D8EFF7; }


/* =Busca
-----------------------------------------------------------------------------*/

#search {width:304px; height:32px; background:url(../img/bg_search.jpg) no-repeat; display:block; float:left; position:absolute; margin-left:650px; _margin-left:230px; *margin-left:230px;}
#inputbusca { z-index:3; margin:8px 0 0 18px; float:left; _margin:8px 0 0 10px;	}
#botaolupa {margin:6px 0 0 14px; float:left;}

#rss {background:url(../img/bt_rss.gif) no-repeat; width:24px; height:22px; display:block; float:left; margin:8px 0 0 965px; _margin:8px 0 0 550px; *margin:8px 0 0 550px; position:absolute;}
#rss a {width:24px; height:22px; display:block; cursor:pointer; text-indent:-5000px; }

/* =Lateral Esquerda
-----------------------------------------------------------------------------*/
#colunaEsquerda {width:191px; float:left;}

#conteudo_tema {background:#FFF9D5; border: 1px solid #FFF1A6;}

#tit_conteudo_por_tema {background:url(../img/tit_conteudo_por_tema.gif) no-repeat; width:191px; height:26px;}
#tit_conteudo_por_tema h1 {display:none;}
#tit_conteudo_por_tema_es {background:url(../img/tit_conteudo_por_tema_es.gif) no-repeat; width:191px; height:26px;}
#tit_conteudo_por_tema_es h1 {display:none;}

#temas {margin:15px 0 0 13px; }
#temas ul {list-style:none;}
#temas ul li {border-bottom:1px dotted #DAD7A2; padding:8px 0 8px 0; width:165px;}
#temas ul li .ultimo_tema { padding:8px 0 8px 0; width:165px;}
#temas ul li a {text-transform:uppercase; font-size:11px; color:#7E721C; text-decoration:none; }

#conteudo_pais {background:#F1F9FC; border: 1px solid #CBE7F2; margin-top:10px; padding:0px; }

ul#nav-menu { margin:0px; *margin-top:-20px; _margin-top:0px;  padding:0px; list-style:none; }
ul#nav-menu > li { list-style:none; }
ul#nav-menu > li > a { display:block; }

#paises {margin:15px 0 0 13px; display:none;}
#paises ul {list-style:none;}
#paises ul li {border-bottom:1px dotted #D1D8B9; padding:5px 0 5px 0; width:165px;}
#paises ul li a {text-transform:uppercase; font-size:10px; color:#42859F; text-decoration:none; padding-left:14px; font-weight:bold; }
#paises ul li a:hover {color:#000003;}

.abre_paises {background:url(../img/bt_abre_paises.gif) no-repeat; width:8px; height:10px; position:absolute; margin:8px 0 0 170px; *margin:23px 0 0 170px; _margin:8px 0 0 170px; }
.fecha_paises {background:url(../img/fecha_paises.gif) no-repeat; width:8px; height:10px; position:absolute; margin:8px 0 0 170px; z-index:3; *margin:23px 0 0 170px; _margin:8px 0 0 170px;}



/* =Conteudo
-----------------------------------------------------------------------------*/

#conteudo {
    width:536px;
	float:left;	
	margin-left:17px;
	_margin-left:12px;
	*margin-left:12px;
	
}

#conteudo_home {
    width:536px;
	float:left;	
	margin-left:17px;
	_margin-left:12px;
	*margin-left:12px;
	
}	

.box_home {
	float:left;
	width:247px;
	margin-right:38px;
	_margin-right:0px;
	*margin-right:0px;
}

.box_home2 {
	float:left;
	width:247px;
}

.text_barra_conteudo {
	font-size:9px;
	color:#A5A6A8;
	width: 244px;
	padding:4px;
	background:#F4F5F7;
	font-weight:normal;
	}
	
.titulo_conteudo {
	font-size:19px;
	margin:0px;
	padding:0px;
	font-weight:normal;
	margin-bottom:8px;
	}
	
.img_conteudo {	}

.text_conteudo {
	color:#333;
	font-weight:normal;
	margin-top:15px;
	margin-bottom:15px;
	font-size:11px;
	}
.ler_mais {
	color:#A39003;
	font-size:10px;
	width:100px;
	background:url(../img/setinha_conteudo.png) no-repeat;
	height:12px;
	padding-left:15px;	
	margin-bottom:24px;
	_margin-bottom:10px;
	*margin-bottom:10px;
	}
.ler_mais a{
	color:#A58E03;
	font-size:10px;
	text-decoration:none;
}	

.linha_conteudo {    
    background:url(../img/linha.jpg) repeat-x;
	height:1px;
	clear:both;
	margin-top:15px;
	}
	
/* =Tabelas
-----------------------------------------------------------------------------*/
	
table {border-collapse:collapse; border:1px solid #3F8E9F; font-weight:normal; font-size:12px; text-align:center; }
table tr {background:#fff; font-size:11px;}
table td {border-right:1px solid #3F8E9F; border-bottom:1px solid #3F8E9F; padding:3px;}

/* =Categorias
-----------------------------------------------------------------------------*/

#categPaiLista { margin:0px;}
#categPaiLista a{  font-size:12px; color:#3F8E9F; font-weight:bold; text-decoration:none; margin:0px;}
#categPaiLista a:hover{ text-decoration:underline; }
#boxArquivosCategPai { background:#ECF7FB; padding:3px 6px 3px 6px; color:#666;  }
#boxArquivosCategPai a.linkArquivosCategPai { color:#333; font-style:italic; font-weight:bold; }	
	
#boxLinkCategFilha { margin:0px; margin-left:15px; background:url(../img/btn_seta.gif) left no-repeat; padding-left:18px; font-size:12px; font-weight:bold; color:#0E4E69;}
#boxLinkCategFilha a{  font-size:12px; color:#0E4E69; font-weight:bold; text-decoration:none; }
#boxLinkCategFilha a.linkCategFilha {}
#categFilhaLista { margin-left: 15px; margin-top:-10px; _margin-top:-15px; *margin-top:-15px; margin-bottom:10px;}
#boxArquivosCategFilha { margin-left: 15px; }
#boxArquivosCategFilha a.linkArquivosCategFilha {  background:#ECF7FB; padding:3px 6px 3px 6px; color:#666; margin-left:15px; }
.listLinkConteudo {padding:3px; margin-bottom:0px !important; }
.listLinkConteudo a {color:#999 !important; font-size:11px;}
	
#OutrosNiveis { margin-left: 20px; background:#f1f1f1; }
#OutrosNiveis .linkOutrosNiveis { color:#333; }

/* =Lateral Direita
-----------------------------------------------------------------------------*/
#coluna_direita {width:243px; float:left; margin-left:15px;}

#menu_direita {}
#menu_direita ul {list-style:none;}
#menu_direita ul li.forum {margin:0px; padding:0px; background:url(../img/bt_forum.jpg) no-repeat; width:243px; height:33px;}
#menu_direita ul li.forum a {cursor:pointer; text-indent:-5000px; display:block; width:243px; height:33px;}
#menu_direita ul li.forum_es {margin:0px; padding:0px; background:url(../img/bt_forum_es.jpg) no-repeat; width:243px; height:33px;}
#menu_direita ul li.forum_es a {cursor:pointer; text-indent:-5000px; display:block; width:243px; height:33px;}
#menu_direita ul li.chat {margin:0px; padding:0px; background:url(../img/bt_chat.jpg) no-repeat; width:243px; height:33px;}
#menu_direita ul li.chat a {cursor:pointer; text-indent:-5000px; display:block; width:243px; height:33px;}
#menu_direita ul li.clipping {margin:0px; padding:0px; background:url(../img/bt_clipping.jpg) no-repeat; width:243px; height:35px;}
#menu_direita ul li.clipping a {cursor:pointer; text-indent:-5000px; display:block; width:243px; height:33px;}
#menu_direita ul li.clipping_pt {margin:0px; padding:0px; background:url(../img/bt_clipping_pt.jpg) no-repeat; width:243px; height:35px;}
#menu_direita ul li.clipping_pt a {cursor:pointer; text-indent:-5000px; display:block; width:243px; height:33px;}

#galeria_imagens {background:#FFF9D5; border: 1px solid #FFF1A6; margin-top:10px;}
#galeria_imagens .tit_galeria_imagens {background:url(../img/tit_galeria_imagens.jpg) no-repeat; width:243px; height:26px;}
#galeria_imagens .tit_galeria_imagens h1 {display:none;}
#galeria_imagens .tit_galeria_imagens_es {background:url(../img/tit_galeria_imagens_es.jpg) no-repeat; width:243px; height:26px;}
#galeria_imagens .tit_galeria_imagens_es h1 {display:none;}
#fotos_galeria {padding:15px 0 15px 0;}
#fotos_galeria .primeira {margin-right:5px;}

#links {margin-top:10px; width:243px; height:38px; background:url(../img/barra_links.jpg) no-repeat;}
#links a {cursor:pointer; text-indent:-5000px; display:block; width:243px; height:38px;}
#links_es {margin-top:10px; width:243px; height:38px; background:url(../img/barra_links_es.jpg) no-repeat;}
#links_es a {cursor:pointer; text-indent:-5000px; display:block; width:243px; height:38px;}

#banner {}
#banner a {cursor:pointer; text-indent:-5000px; display:block; width:240px; height:100px; position:absolute; z-index:5; background:url(../img/bt_banner.jpg) no-repeat;}

/* =Rodape
-----------------------------------------------------------------------------*/
#rodape {
	background:url(../img/bg_rodape.jpg) repeat-x;
	height:51px;
	width:1003px;
	margin-top:15px;	
	}
#rodape p{
	width:1003px;
	font-size:10px;
	color:#7E7A23;
	margin-top:20px;	
	position:absolute;
	vertical-align:middle;
	text-align:center;
	}

/* =Contato
-----------------------------------------------------------------------------*/
#contato {margin:0px auto; width:400px;}
#topo_contato {height:120px; width:400px; margin:0px auto; margin-bottom:10px;}
.logo {width:235px; height:73px; background:url(../img/logo.jpg) no-repeat; }
.logo_es {width:223px; height:73px; background:url(../img/logo_es.jpg) no-repeat; }
#texto_contato {margin:0px auto; margin-top:10px; padding:4px; background:#FFF9D5; color:#7E721C; text-align:center;}
.bt_enviar {float:right; margin:10px 90px 0 0;}

/* =Tabelas
-----------------------------------------------------------------------------*/
table.tabela_1 caption {
}

table.tabela_1 thead tr th {
}

table.tabela_1 tbody tr td {
}

table.tabela_1 tfoot tr th {
}


/* =Formulários
-----------------------------------------------------------------------------*/
.formulario {
	margin:0px auto; width:400px; margin-left:45px;
}

.formulario .campo {
	border: 1px solid rgb(101, 163, 186); 
	background: #fff none repeat scroll 0% 0%; 
	font-family: verdana,Arial,Helvetica,sans-serif; 
	font-size: 9px; 
	height: 14px; 
	width: 240px; 
	color:#0E4E69;
	margin:4px 0 4px 0;
}

.formulario .campoMensagem {
	border: 1px solid rgb(101, 163, 186); 
	background: #fff none repeat scroll 0% 0%; 
	font-family: verdana,Arial,Helvetica,sans-serif; 
	font-size: 9px; 
	height: 60px; 
	width: 240px; 
	color:#0E4E69;
	margin:4px 0 4px 0;
}

.formulario label {
	color:#666;
	font-weight:bold;
	width:65px;
	display:block;
	float:left;
}

.formulario .botao {
}

.formulario .selectBox {
}


.formulario .textArea {
}


/* =Classes Gerais
-----------------------------------------------------------------------------*/
.center {
	text-align:center;
}

.left {
	text-align:left;
}

.right {
	text-align:right;
}

.clear {
	clear:both;
}

.block {
	display:block;
}

.none {
	display:none;
}

.fLeft {
	float:left;
}

.fRight {
	float:right;
}

.imgLeft {
	float:left;
	border:3px solid #CCCCCC;
	margin:10px 10px 10px 0px;
}

.imgRight {
	float:right;
	border:3px solid #CCCCCC;
	margin:10px 0px 10px 10px;
}