@charset "utf-8";

/* CSS Document */

/** zerando e padronizando as tags **/

* {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0;
	text-decoration: none;
}

hr {display: none;}
html {height: 100%}

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: url(imgs/bg_geral.jpg) repeat-x left top;
	height: 100%;
}

/**********

 acessibilidade botoes 

**********/

.acess_bt {display:none;}



/**********

 Blocos
 
**********/

#geral {
	overflow: hidden;
	position:relative;
}

#miolo{
	width:780px;
	margin:auto;
	overflow: hidden;
	position:relative;
}

#topo {
	width:780px;
	height: 109px;
	overflow: hidden;
	position:relative;
	background: transparent url(imgs/bg_topo.jpg) no-repeat center top;
	padding-top:22px;
	
}

#testeira{
	width:780px;
	height:280px;
	overflow: hidden;
	position:relative;
	background: transparent url(imgs/testeira.jpg) no-repeat center top;
}

#conteudo{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position:relative;	
	padding-top:31px;
}


#rodape{
	width: 100%;
	height:127px;
	text-align: left;
	background: url(imgs/bg_footer.jpg) left top repeat-x;
	text-decoration:none;	
}

/**********

 topo

**********/

#topo .logo { position: relative; height: 85px; float:left;} 
#topo .logo h1 {position: absolute;}
#topo .logo h1 a { display: block; background-image: url(imgs/logo_hrp.gif); width: 179px; height: 85px; text-indent: -99999px; }
#topo .logo h1 a:hover { display: block; background-image: url(imgs/logo_hrp_over.gif); width: 179px; height: 85px; text-indent: -99999px; }

#topo .texto{position: relative; height: 85px; float:right;}


/**********

 testeira

**********/


#testeira .menu {
	position: absolute; 
	margin-top:-125px; 
	width: 224px; 
	top: 153px; 
	font-size:16px;
	text-decoration:none;
	color:#d2b442;
}
#testeira .menu a{color:#7387aa; padding-left:5px;}
#testeira .menu a:hover{color:#99a4b3; padding-left:5px;}

#testeira .menu ul { margin: 0px; padding: 0px;}
#testeira .menu ul li {float:left; width:224px; height:29px; padding-top:7px; background: url(imgs/menu_div.jpg) no-repeat left bottom;}

#testeira .menu ul li.home { height:30px; background: url(imgs/div_menu_duplo.gif) no-repeat;}

/**********

 conteúdo

**********/

body.tpl_home #col_1 h2{display:block; background:url(imgs/tit_cenariomercadologico.gif) no-repeat left top; width:280px; height:21px; text-indent: -99999px; padding-top:20px; }
body.tpl_oque #col_1 h2{display:block; background: url(imgs/tit_oprograma.gif) no-repeat left top; width:280px; height:21px; text-indent: -99999px; padding-top:20px;}
body.tpl_oque #col_1 h2.tit_ferramentas{display:block; background: url(imgs/tit_ferramentas.gif) no-repeat left top; width:280px; height:21px; text-indent: -99999px;padding-top:20px; margin-top:25px;}
body.tpl_como #col_1 h2{display:block; background: url(imgs/tit_objetivos.gif) no-repeat left top; width:280px; height:21px; text-indent: -99999px; padding-top:20px; }
body.tpl_como #col_1 h2.tit_coordenacao{display:block; background: url(imgs/tit_coordenacao.gif) no-repeat left top; width:525px; height:21px; text-indent: -99999px; padding-top:20px; margin-top:25px;}
body.tpl_contatos #col_1 h2{display:block; background:url(imgs/tit_facacontato.gif) no-repeat left top; width:280px; height:21px; text-indent: -99999px; padding-top:20px; }


/*Coluna 1*/
#col_1{
	width:525px;
	overflow: hidden;	
	height:100%;
	padding:0 30px 0 5px;
	float:left;
}

#col_1 h3 {font-size:14px; color:#e5a42d; font-weight:bold; padding:22px 0 -15px 0; text-align:justify;}
#col_1 p {font-size:14px; color:#57595c; padding-bottom:18px; line-height:22px; text-align:justify;}

#col_1 ol.lista00 li{
	list-style-type: decimal;
	
}

#col_1 ul.lista01 li {
	text-align:justify; 
	margin-bottom: 0.5em;
}

#col_1 ul.lista01 li.titulo{font-size:16px; font-weight:bold; color:#7387aa; }
#col_1 ul.lista01 li.descricao{font-size:14px; color:#57595c; line-height:22px; padding:0 0 20px 25px;}
.n01 {background: transparent url(imgs/numeros/01.gif) no-repeat left 0.5em;padding:3px 0 0 20px; *padding:5px 0 16px 0; *display:block;}
.n02 {background: transparent url(imgs/numeros/02.gif) no-repeat left 0.5em;padding:3px 0 0 20px; *padding:5px 0 16px 0; *display:block;}
.n03 {background: transparent url(imgs/numeros/03.gif) no-repeat left 0.5em;padding:3px 0 0 20px; *padding:5px 0 16px 0; *display:block;}
.n04 {background: transparent url(imgs/numeros/04.gif) no-repeat left 0.5em;padding:3px 0 0 20px; *padding:5px 0 16px 0; *display:block;}

#col_1 ul.produtos {padding-top:15px;}
#col_1 ul.produtos li{margin-top:-5px;}
#col_1 ul.produtos li.t_produtos{font-size:13px; color:#7387aa; text-decoration:underline;}
#col_1 ul.produtos li.l_produtos{font-size:12px; line-height:20px;}

#col_1 ul.lista02 li {
	padding:0 0 8px 12px; 
	color:#57595c; font-size:14px;  
	line-height:22px; 
	text-align:justify; 
	background: transparent url(imgs/bullet_dot.gif) no-repeat left 0.6em;
	margin-bottom: 0.5em;
}
#col_1 p a{color:#92a2bc; text-decoration:none;  font-size:13px;}
#col_1 p a:hover{color:#fdc804; text-decoration:underline;}

/*Coluna 2*/

#col_2{
	width:215px;
	overflow: hidden;	
    height:100%;
	float:left;
	padding:5px 0 10px 0;
	}

#col_2 .proposta {display:block; background: url(imgs/box_proposta.jpg) no-repeat center top; width:215px; height:78px; text-indent: -99999px; margin-top:26px;}
#col_2 .proposta a{display:block; background: url(imgs/box_proposta.jpg) no-repeat center top; width:215px; height:78px; text-indent: -99999px;}
#col_2 .proposta a:hover{display:block; background: url(imgs/box_proposta_over.jpg) no-repeat center top; width:215px; height:84px;  text-indent: -99999px;}

#col_2 .logo_rhios {
	width:215px;
	padding-left:23px;
}

#col_2 .contato {
	width:215px; 
	padding-top:18px;
}
#col_2 .contato ul{width:269px; font-size:12px; color:#57595c; 00 0 13px;}
#col_2 .contato ul a{color:#92a2bc; text-decoration:none;  font-size:13px;}
#col_2 .contato ul a:hover{color:#fdc804; text-decoration:underline;}
#col_2 .contato ul li.telefone{padding:15px 0 10px 0; line-height:16px;}

.contato_tit{color:#7387aa; font-size:14px;}
.tit_tel {color:#92a2bc;}
.tit_fax {color:#92a2bc; padding-left:31px;}
.spc_tel {padding-left:57px;} 
.endereco{padding: 18px 0;line-height:16px;	color:#57595c;

}

/**********

 form

**********/

.form_geral{
	font-size:12px;
	color:#828282;
}
.campos{
	width:500px;
	height:18px;
	background-color:#e8edf1;
	font-size:14px;
	color:#828282;
	margin-bottom:10px;
	padding:5px 0 5px 5px;
	border:1px #cad0d9 solid;
}

.campo_tel{
	width:180px;
	height:18px;
	background-color:#e8edf1;
	font-size:14px;
	color:#828282;
	margin-bottom:10px;
	padding:5px 0 5px 5px;
	border:1px #cad0d9 solid;
}

.campo_ddd{
	width:30px;
	height:18px;
	background-color:#e8edf1;
	font-size:14px;
	color:#828282;
	margin-bottom:10px;
	padding:5px 0 5px 5px;
	border:1px #cad0d9 solid;
}

.campo_mensagem{
	width:502px;
	height:70px;
	background-color:#e8edf1;
	font-family: 'Microsoft Sans Serif', Arial, sans, sans-serif;	
	font-size:14px;
	color:#828282;
	margin-bottom:10px;
	padding:5px 0 0 2px;
	border:1px #cad0d9 solid;
}

.botao_envio{
	width:64px;
	height:20px;
	background-color:#293c54;
	border:none;
	color:#fff;
	font-size:13px;	
	float:left;
	margin:5px 0 0 251px;
	cursor: pointer;
	padding-bottom:2px;
}

.botao_envio:hover {background-color:#344e6e;}

.preenchimento_obrigatorio{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;	
	color:#941111;
	float:left;	
	margin-top:8px;
}

.preenchimento_ex{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;	
	color:#828282;
}

/**********

 rodape

**********/

.rodape_canvas {
	margin:auto;
	width:780px;
	vertical-align: top;
}

#rodape .rodape_canvas .menu_apoio{
		width:517px;
		font-size:12px;
		color:#99a4b3;
		display: block;
		float:left;
		padding: 84px 0 0 5px;
}
#rodape .rodape_canvas .menu_apoio a{color:#99a4b3;}
#rodape .rodape_canvas .menu_apoio a:hover{color:#efefef; text-decoration:underline;}

#rodape .rodape_canvas small {

	display: block;
	width:253px;
	float: left;
	text-align: right;
	color:#99a4b3;
	font-size:12px;
	padding: 84px 5px 0 0;	
}

#rodape .rodape_canvas small a{color:#b271a1;}
#rodape .rodape_canvas small a:hover{text-decoration:underline; color:#d486c0;}

#rodape .div {color:#5b6d85;}