@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: Arial, Helvetica, sans-serif;
	height: 100%;
}

h2, h3 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}

/**********

 acessibilidade botoes 

**********/

.acess_bt {display:none;}



/**********

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

#geral {
	overflow: hidden;
	position:relative;
	background: url(imgs/bg_geral.jpg) repeat-x left top;
	
}

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

#topo {
	width:770px;
	height: 175px;
	overflow: hidden;
	position:relative;
	background: transparent url(imgs/testeira.jpg) no-repeat center top;	
	padding-top:32px;
}

#menu{
	width:531px;
	height:40px;
	margin-top:154px;
	font-size:16px;
	color:#ceadb8;
}

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


#rodape{
	width: 100%;
	height:147px;
	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_mystery.gif); width: 315px; height: 112px; text-indent: -99999px; }
#topo .logo h1 a:hover { display: block; background-image: url(imgs/logo_mystery_over.gif); width: 315px; height: 112px; text-indent: -99999px; }

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


/**********

 Menu

**********/

#menu ul { margin: 0px; padding: 0px;  display:inline;}
#menu  ul li {float:left;}
.li_spacer {padding-left:68px;}

#menu  a{color:#FFF;}
#menu  a:hover{color:#ceadb8; text-decoration:none;}

/**********

 conteúdo

**********/



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

#col_1 h2 {font-size:20px;font-weight:bold;	color:#400015; padding-bottom:25px;}
#col_1 h3 {font-size:16px; color:#7e213f; text-decoration:underline; padding:0 0 10px 0;}
#col_1 p {font-size:14px; color:#57595c; padding-bottom:18px; line-height:22px; text-align:justify;}


#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;
}


/*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:30px;}
#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 .tapume {
	width:215px;
	height:200px;
	margin-top:30px;;
}

#col_2 .contato {
	width:215px; 
	padding-top:30px;
}
#col_2 .contato ul{width:269px; font-size:12px; color:#57595c; 00 0 13px;}
#col_2 .contato ul a{color:#5e0f29; text-decoration:none;  font-size:13px;}
#col_2 .contato ul a:hover{color:#7e213f; 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:#400015;}
.tit_fax {color:#400015; padding-left:29px;}
.spc_tel {padding-left:59px;} 
.endereco{padding: 18px 0;line-height:16px;	color:#57595c;

}

/**********

 form

**********/

.form_geral{
	font-size:12px;
	color:#57595c;
}
.campos{
	width:500px;
	height:18px;
	background-color:#FFF;
	font-size:14px;
	color:#69112e;
	margin:5px 0 12px 0;
	padding:5px 0 5px 5px;
	border:1px #69112e solid;
}

.campo_tel{
	width:180px;
	height:18px;
	background-color:#FFF;
	font-size:14px;
	color:#69112e;
	margin:5px 0 12px 0;
	padding:5px 0 5px 5px;
	border:1px #69112e solid;
}

.campo_ddd{
	width:30px;
	height:18px;
	background-color:#FFF;
	font-size:14px;
	color:#69112e;
	margin:5px 0 12px 0;
	padding:5px 0 5px 5px;
	border:1px #69112e solid;
}

.campo_mensagem{
	width:502px;
	height:142px;
	background-color:#FFF;
	font-family: Arial, sans, sans-serif;	
	font-size:14px;
	color:#69112e;
	margin:5px 0 12px 0;
	padding:5px 0 0 2px;
	border:1px #69112e solid;
}

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

.botao_envio:hover {background-color:#7e213f;}

.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;
}

#col_1 p a{color:#5e0f29; text-decoration:none;  font-size:13px;}
#col_1 p a:hover{color:#7e213f; text-decoration:underline;}

/**********

 rodape

**********/

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

#rodape .rodape_canvas .menu_apoio{
		width:510px;
		font-size:12px;
		color:#FFF;
		display: block;
		float:left;
		padding: 103px 0 0 5px;
}
#rodape .rodape_canvas .menu_apoio a{color:#FFF;}
#rodape .rodape_canvas .menu_apoio a:hover{color:#ceadb8; text-decoration:underline;}

#rodape .rodape_canvas small {

	display: block;
	width:256px;
	float: left;
	text-align: right;
	color:#FFF;
	font-size:12px;
	padding: 103px 5px 0 0;	
}

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

#rodape .div {color:#69112e;}