@charset "utf-8";

/* CSS Document */

/** zerando e padronizando as tags **/

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

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

body {
	font-family:Verdana, Geneva, sans-serif;
	background:#ffffff url(imgs/bg.jpg) repeat-x left top;
	height:100%;
	width:100%;
}

/**********

 acessibilidade botoes 

**********/




/**********

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

#geral {
	overflow: hidden;
	
}

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


#topo { width:826px; overflow:hidden; margin:0 auto; height:348px; margin-bottom:37px; }


#conteudo{
	width: 100%;
	height: auto !important;
	height:100%;
	min-height:600px;
	overflow: hidden;
	position:relative;
	
	

}

#conteudo #inner { margin:0 auto; width:823px; }

body.tpl_contato #conteudo #inner,  body.tpl_oque #conteudo #inner{ margin:0 auto; width:849px; padding-left:25px; }

body.tpl_como #conteudo #inner{ margin:0 auto; width:891px; padding-left:0px; }






/**********

 topo

**********/

#topo .logo { position:relative; height:285px; float:left; width:290px; margin-right:49px} 
#topo .logo h1 {position: relative; top:64px; left:0px; }
#topo .logo h1 a { display: block; background-image: url(imgs/logo-.png); width:290px; height:157px; text-indent: -99999px; }

#topo #headerImage { background:url(imgs/header_image.jpg) no-repeat; width:487px; height:326px;  float:left; }


#MainMenu { width:100%; display:block; position:absolute; top:285px;  }
#MainMenu #inner{ margin:0 auto; width:870px; position:relative; z-index:9999;  }

#MainMenu ul { }
#MainMenu ul li{ display:inline-block; float:left; margin-right:1px}
#MainMenu ul li a{ height:65px; }

#MainMenu #home { width:147px;}
#MainMenu #home a{background:url(imgs/menu_pagina_inicial.png) no-repeat; width:147px; text-indent:-99999px; display:block;}
#MainMenu #home a:hover, #MainMenu #home a.active{background:url(imgs/menu_pagina_inicial_over.png) no-repeat; }


#MainMenu #oque { width:121px;}
#MainMenu #oque a{ background:url(imgs/menu_o_que_e.png) no-repeat; width:121px; text-indent:-99999px; display:block;}
#MainMenu #oque a:hover, #MainMenu #oque a.active{ background:url(imgs/menu_o_que_e_over.png) no-repeat;}


#MainMenu #como { width:177px;}
#MainMenu #como a{background:url(imgs/menu_como_funciona.png) no-repeat; width:177px; text-indent:-99999px; display:block;}
#MainMenu #como a:hover, #MainMenu #como a.active{ background:url(imgs/menu_como_funciona_over.png) no-repeat;}



#MainMenu #contato { width:151px;  }
#MainMenu #contato a{ background:url(imgs/menu_fale_conosco.png) no-repeat; width:151px; text-indent:-99999px; display:block; }
#MainMenu #contato a:hover, #MainMenu #contato a.active{ background:url(imgs/menu_fale_conosco_over.png) no-repeat; }




/**********

 conteúdo

**********/

/*Coluna 1*/

h2{ margin-bottom:5px; text-indent:-99999px; display:block; height:30px;}


/*home*/
body.tpl_home #col_1 { width:525px; }
body.tpl_home #col_1 h2{ background: transparent url(imgs/tit_cenario_mercadologico.png) no-repeat; width:291px; }

/*o que*/
body.tpl_oque #col_1 h2{ background: transparent url(imgs/tit_produto.png) no-repeat; width:98px;  }
body.tpl_oque #col_1 h2.publico_alvo{ background: url(imgs/tit_publico_alvo.png) left top no-repeat; width:154px;}
body.tpl_oque #col_1 h2.objetivo{ background: url(imgs/tit_objetivo_do_programa.png) left top no-repeat; width:276px;}
body.tpl_oque #col_1 h2.missao{ background: url(imgs/tit_missao_do_programa.png) left top no-repeat; width:259px;  }
body.tpl_oque #col_1 h2.justificativas{ background: url(imgs/tit_justificativas_do_programa.png) left top no-repeat; width:334px;  margin-bottom:0px;  }

body.tpl_oque #col_1 p{ margin-bottom:35px;}
body.tpl_oque #col_1 ul { margin:0; display:block; padding-top:5px; }
body.tpl_oque #col_1 li {background: url(imgs/bullet.png) no-repeat left 9px; padding:0px 0px 0px 18px; }

body.tpl_oque #col_1 { width:550px; }

/*como*/
body.tpl_como #col_1 { width:590px;  }
body.tpl_como #col_1 h2{display:block; background: transparent url(imgs/tit_etapas_do_programa.png) no-repeat; width:280px; height:30px;  text-indent:-99999px; margin-left:32px; margin-bottom:2px;  }
body.tpl_como #col_1 h2.tit_duracao{background:url(imgs/tit_duracao_do_programa.png) no-repeat; width:400px; height:30px; margin-top:18px;}
body.tpl_como #col_1 h2.tit_coor{background:url(imgs/tit_coordenacao_do_programa.png) no-repeat; width:400px; height:30px; }

body.tpl_como #col_1 p{ padding-left:32px; color:#727272; margin-bottom:40px;}


/*contato*/
body.tpl_contato #col_1 { width:470px; }
body.tpl_contato #col_1 h2{display:block; background: transparent url(imgs/tit_fale_conosco.png) no-repeat; width:164px; height:24px;  text-indent: -99999px;}
body.tpl_contato #col_1 p{ margin-bottom:30px; }

body.tpl_contato #voltar{ color:#0a5c9f; font-weight:bold; }
body.tpl_contato #voltar:hover{ color:#3e95d0; text-decoration:underline }




body.tpl_faq #col_1 h2{display:block; background: transparent url(imgs/tit_perguntas_frequentes.gif) no-repeat; width:245px; height:17px;  text-indent: -99999px; padding-top:18px; }



#col_1{
	width:485px;
	overflow: hidden;
	height:100%;
	padding:0 25px 40px 0;
	float:left;
}

#col_1 h3 {font-size:13px; color:#e5a42d; font-weight:bold; margin-top:15px; margin-bottom:15px; text-align:justify;}
#col_1 p, li {font-size:13px; color:#57595c; line-height:22px; text-align:justify; margin-bottom:10px; }





#col_1 ul.lista01 li {
	padding-top:0px ;
	line-height:22px; 
	text-align:justify; 
	margin-bottom:0px;
	font-size:13px; 
	color:#727272;

}
#col_1 ul.lista01 li.n01 {background: transparent url(imgs/numeros/1.png) no-repeat left 0.2em;padding:0px 0 24px 33px;}
#col_1 ul.lista01 li.n02 {background: transparent url(imgs/numeros/2.png) no-repeat left 0.2em;padding:0px 0 24px 33px;}
#col_1 ul.lista01 li.n03 {background: transparent url(imgs/numeros/3.png) no-repeat left 0.2em;padding:0px 0 24px 33px;}
#col_1 ul.lista01 li.n04 {background: transparent url(imgs/numeros/4.png) no-repeat left 0.2em;padding:0px 0 24px 33px;}
#col_1 ul.lista01 li.n05 {background: transparent url(imgs/numeros/5.png) no-repeat left 0.2em;padding:0px 0 24px 33px;}
#col_1 ul.lista01 li.n06 {background: transparent url(imgs/numeros/6.png) no-repeat left 0.2em;padding:0px 0 24px 33px;}




#col_1 ul.lista_geral li {
	padding:0 0 16px 12px; 
	color:#57595c; font-size:14px;  
	line-height:20px; 
	text-align:justify; 
	background: transparent url(imgs/bullet.gif) no-repeat left 0.6em;
	margin-bottom: 0.5em;
}

#col_1 ul.lista_geral2 li {
	padding:5px 0px 10px 22px;; 
	color:#57595c; font-size:14px;  
	line-height:20px; 
	text-align:justify; 
	background: transparent url(imgs/topico_tipo2.png) no-repeat left 0.6em;
	margin-bottom: 0.3em;
}

/*Coluna 2*/

#col_2{ width:264px; height:100%; float:right; padding-top:52px; }
	
#col_2 .miniLogoRhios {display:block; background: url(imgs/logo_rhios.png) no-repeat center; width:264px; height:87px;  text-indent:-99999px; margin-bottom:50px; cursor:pointer}




#col_2 .fotoHome { background: url(imgs/contato_banner.png) no-repeat; width:264px; height:224px; margin-bottom:26px; text-indent:-99999PX; display:block; cursor:pointer; }
	
body.tpl_contato #col_2 .fotoContato{ margin-bottom:14px; display:block; background: url(imgs/foto_contato.jpg) left top no-repeat; width:214px; height:332px; display:block;
}

body.tpl_oque #col_2 .fotoContato{
width:215px; height:73px; margin-bottom:26px; display:block; text-indent: -99999px;
}
body.tpl_oque #col_2 .fotoContato a {
	background: url(imgs/contato_coluna_2.jpg) left top no-repeat; width:215px; height:73px; display:block;
}
body.tpl_como #col_2 .fotoContato{
width:215px; height:73px; margin-bottom:26px; display:block; text-indent: -99999px;
}
body.tpl_como #col_2 .fotoContato a {
	background: url(imgs/contato_coluna_2.jpg) left top no-repeat; width:215px; height:73px; display:block;
}


	
#col_2 .contato ul{width:269px; height:212px; font-size:11px; color:#FFF; padding:37px 0 0 13px;}
#col_2 .contato ul a{color:#FFF; 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; }

#col_2 .contato_faq {
	background: url(imgs/bg_contatos_02.jpg) left top no-repeat; 
	width:269px;
	height:212px;  
	margin-bottom:26px;
	}
#col_2 .contato_faq ul{width:269px; height:212px; font-size:11px; color:#FFF; padding:37px 0 0 13px;}
#col_2 .contato_faq ul a{color:#FFF; text-decoration:none;  font-size:13px;}
#col_2 .contato_faq ul a:hover{color:#fdc804; text-decoration:underline;}
#col_2 .contato_faq ul li.telefone{padding:15px 0 10px 0; line-height:16px; }

#col_2 .subInfo{
	font-family:Arial;
	font-size:11px;
	color:#57595c;
	text-align:center;
	margin:0;
	padding:0;
}
#col_2 .subInfo span{ text-align:center;}
#col_2 .subInfo div{ text-align:center}

.tit_tel {color:#e5c9c1;}
.tit_fax {color:#e5c9c1; padding-left:29px;}
.spc_tel {padding-left:65px;} 

.endereco{
	padding: 18px 0;
	line-height:16px;
	color:#e5c9c1;
}
/**********

 rodape

**********/


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


.rodape_canvas { margin:auto; width:823px; height:74px; vertical-align:top; }

body.tpl_contato .rodape_canvas,  body.tpl_oque .rodape_canvas{ width:849px; padding-left:25px; }

body.tpl_como .rodape_canvas{ width:860px; padding-left:32px; }

#rodape .rodape_canvas .logo_rhios{ width:137px; float:left; padding-right:18px; }
#rodape .rodape_canvas .menu_apoio{
		width:345px;
		font-size:11px;
		
		color:#FFFFFF;
		display:block;
		float:left;
		padding-top:31px;
		
}
#rodape .rodape_canvas .menu_apoio a{color:#FFFFFF;}
#rodape .rodape_canvas .menu_apoio a:hover{text-decoration:underline;}

#rodape .rodape_canvas small {

	display:block;
	float:right;
	text-align: right;
	color:#ffffff;
	font-size:11px;
	padding-top:31px;
	
}

#rodape .rodape_canvas small a{outline:0 none; color:#bad534;}
#rodape .rodape_canvas small a:hover{text-decoration:underline; color:#bad534;}


/**********

 slides

**********/


#contrucao_civil{

	background-image:url(imgs/construcao_civil.jpg);
	background-repeat:no-repeat;
	width:535px;
	height:193px;
	display:block;
	text-align:justify;
	
}

#industria_de_energia{
	
	background-image:url(imgs/energia-e-infra-estrutura.jpg);
	background-repeat:no-repeat;
	width:213px;
	height:182px;
	display:block;
	float:right;
	margin-left:30px;
	
	
}

#industria_de_petroleo{
	
	background-image:url(imgs/petroleo-e-gas.jpg);
	background-repeat:no-repeat;
	width:213px;
	height:182px;
	display:block;
	float:right;
	margin-left:30px;
}

#industria_de_mineiracao{
	background-image:url(imgs/mineiracao.jpg);
	background-repeat:no-repeat;
	width:185px;
	height:275px;
	display:block;
	float:right;
	margin-left:30px;
	
}



#SlideTexts{
	font-family:Arial;
	font-size:12px;
	color:#57595c;
	line-height:18px; 
	text-align:justify;
}


/**********

 form

**********/

.form_geral{  }

.form_geral input, textarea{ background:url(imgs/form_input_bg.png) no-repeat; width:452px; height:13px; border:0; padding:16px 7px 16px 10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#0e72b5; float:left; position:relative; margin-bottom:30px; }

.form_geral textarea{ height:144px; background:url(imgs/form_textarea_bg.png) no-repeat; background-color:#efeff0; }

.form_geral #ddd{ width:40px; background:url(imgs/form_ddd_bg.png) no-repeat; display:inline; padding:16px 0px 16px 10px;}
.form_geral #telefone{ width:386px; background:url(imgs/form_tel_bg.png) no-repeat; display:inline; float:right}

.form_geral #botao{ background:url(imgs/btn_enviar.png) no-repeat; width:98px; height:34px; border:0; padding:34px 0px 0px 98px; margin:0px 0px 0px 0px; float:right; display:block; cursor:pointer; position:relative;}
.form_geral #botao:hover{ background:url(imgs/btn_enviar_over.png) no-repeat;}

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



