@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 {background: #fff; height: 100%}

body {

	font-family: 'Trebuchet ms', verdana, 'Microsoft Sans Serif', Arial, sans, sans-serif;

	background: #fff url(images/bg_header.jpg) repeat-x center top;

	height: 100%;

	text-align: center;

}





/**********

 after

**********/

#geral:after, #geral div:after, #conteudo div div:after, #conteudo div div ul:after, #conteudo div form:after, #conteudo div ul:after, #rodape:after, #rodape div ul:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}





/**********

 blocos 

**********/

#geral {

	width: 778px;

	margin:0 auto;

	text-align: left;

	overflow: hidden;

	position:relative;

}

#topo {

	height: 367px;

	overflow: hidden;

	position:relative;

	margin-bottom: 127px;

}

#menu {

	width: 757px;

	height: 132px;

	position: absolute;

	top: 323px;

	left: 11px;

	z-index: 9999;

}

#conteudo {

	width: 780px;

	overflow: hidden;

	height: 100%;

}

#col_1 {

	width:250px;

	overflow: hidden;

	height: 100%;

	float:left;

	margin-right: 50px;

	padding-left:10px;

}

#col_2 {

	width:460px;

	overflow: hidden;

	height: 100%;

	float:left;

}

#rodape {

	clear:both;

	background: transparent url(images/bg_footer.jpg) repeat-x left bottom;

	height:56px;

	overflow: hidden;

	padding-top: 50px;

}





/**********

 acessibilidade botoes 

**********/

.acess_bt {display:none;}









/**********

 topo

**********/

#topo h1 {

	width:780px;

	height:367px;

}

#topo h1 a{

	width:780px;

	height:367px;

	overflow: hidden;

	text-indent: -99999px;

	display: block;

	background: transparent url(images/header_oque.jpg) no-repeat center top;

}

.tp_oque #topo h1 a{

	width:780px;

	height:367px;

	overflow: hidden;

	text-indent: -99999px;

	display: block;

	background: transparent url(images/header_oque.jpg) no-repeat center top;

}

.tp_como #topo h1 a{

	width:780px;

	height:367px;

	overflow: hidden;

	text-indent: -99999px;

	display: block;

	background: transparent url(images/header_como.jpg) no-repeat center top;

}

.tp_contato #topo h1 a{

	width:780px;

	height:367px;

	overflow: hidden;

	text-indent: -99999px;

	display: block;

	background: transparent url(images/header_contato.jpg) no-repeat center top;

}













/**********

 col 1

**********/



#col_1 p {

	color:#7f7f7f;

	font-size:12px;

	line-height: 1.2em;

}

#col_1 .vcard {

	color:#7f7f7f;

	font-size:12px;

	line-height: 1.5em;

	font-style: normal;

}

#col_1 h3 {

	color:#b88f6b;

	font-weight: normal;

	font-size:14px;

	border-bottom:1px solid #b88f6b;

	padding-bottom:1px;

	margin-bottom:10px;

}

#col_1 ul.lista01 li{

	background: transparent url(images/bullet.gif) no-repeat left 0.3em;

	color:#7f7f7f;

	font-size:12px;

	line-height: 1.2em;

	margin-bottom: 0.9em;

	padding-left: 12px;

}





/**********

 col 2

**********/



#col_2 p {

	color:#7f7f7f;

	font-size:14px;

	line-height: 1.2em;

	margin-bottom: 1.5em;

}



/**********

 oque  tp_oque

**********/



.tp_oque #col_1 {	background: transparent url(images/foto_col_oque.jpg) no-repeat left 273px;}



.tt_col1_oque {

	margin: 50px 0 7px;

	height:20px;

	text-indent: -9999px;

	background: transparent url(images/tit_col_oque_01.gif) no-repeat left top;

}

.tp_oque #col_1 p {

	line-height: 1.3em;	

	margin-bottom: 30px;

}

.tp_oque #col_1 blockquote {

margin-top: 320px;

background: transparent url(images/olho_col_oque.jpg) no-repeat left top;

text-indent: -9999px;

overflow: hidden;

height:59px;

}

.tp_oque #col_1 cite {text-indent: -9999px;overflow: hidden;display:block;}



.tt_col2_oque {

	margin-bottom: 15px;

	height:20px;

	text-indent: -9999px;

	background: transparent url(images/tit_oque_01.gif) no-repeat left top;

}



.tt_col2_oque2 {

	margin-bottom: 15px;

	height:24px;

	text-indent: -9999px;

	background: transparent url(images/tit_oque_02.gif) no-repeat left top;

}





/**********

 como  tp_como

**********/



.tp_como #col_1 {	padding-bottom: 50px;}

.tt_col1_como {

	margin: 50px 0 7px;

	height:20px;

	text-indent: -9999px;

	background: transparent url(images/tit_col_como_01.gif) no-repeat left top;

}

.tp_como #col_1 p {

	line-height: 1.3em;	

	margin-bottom: 30px;

}

.tp_como #col_1 blockquote {

margin-top:40px;

background: transparent url(images/texto_col_como.gif) no-repeat left top;

text-indent: -9999px;

overflow: hidden;

height:50px;

}

.tp_como #col_1 cite {text-indent: -9999px;overflow: hidden;display:block;}



.tt_col2_como1 {

	margin-bottom: 15px;

	height:20px;

	text-indent: -9999px;

	background: transparent url(images/tit_como_01.gif) no-repeat left top;

}



.tt_col2_como2 {

	margin-bottom: 15px;

	height:20px;

	text-indent: -9999px;

	background: transparent url(images/tit_como_02.gif) no-repeat left top;

}



.tt_col2_como3 {

	margin-bottom: 15px;

	height:20px;

	text-indent: -9999px;

	background: transparent url(images/tit_como_03.gif) no-repeat left top;

}



.tt_col2_como4 {

	margin-bottom: 15px;

	height:20px;

	text-indent: -9999px;

	background: transparent url(images/tit_como_04.gif) no-repeat left top;

}



.tt_col2_como5 {

	margin-bottom: 15px;

	height:20px;

	text-indent: -9999px;

	background: transparent url(images/tit_como_05.gif) no-repeat left top;

}











/**********

 contato  tp_contato

**********/

.tp_contato #col_1 {width: 270px;background: transparent url(images/foto_col_contato.jpg) no-repeat left bottom;}

.tp_contato #col_2 {

	width:440px;

} 

.tt_col1_contato {

	margin: 50px 0 7px;

	height:30px;

	text-indent: -9999px;

	background: transparent url(images/texto_col_contato.png) no-repeat left top;

}



/** VCARD **/

.org, .country-name, .tel .type, .tags {display: none;}

.adr {
	padding: 5px 0 0 36px;
	height: 80px;
	margin-top: 15px;
	line-height: 1.3em;
}

.telefone {
	background: transparent url(images/icon_tel.jpg) no-repeat left top;
	padding: 5px 0 0 36px;
	height: 42px;
	margin-top: 15px;
	line-height: 1.3em;
}

.telefone .tel {margin-bottom: 5px;}

.telfax {
	background: transparent url(images/icon_fax.jpg) no-repeat left top;
	padding: 5px 0 0 36px;
	height: 30px;
	line-height: 1.3em;
	margin-bottom: 250px;
}

.email {
	background: transparent url(images/icon_mail.gif) no-repeat left center;
	padding: 5px 0 0 36px;
	margin-top:10px;
	line-height: 1.5em;
	color:#7f7f7f;
}

.tp_contato form {

	width: 440px;

	height: 100%;

	position: relative;

	padding-bottom: 50px;

}

.tp_contato form label{display:none;}

.tp_contato form input{

	height:20px;

	width: 100%;

	display: block;

	background: #f4eee9;

	margin-bottom: 30px;

	color:#b88f6b;

	font-size:14px;

	padding: 13px 10px 12px;

}

.tp_contato form textarea{

	height:162px;

	width: 100%;

	display: block;

	background: #f4eee9;

	margin-bottom: 30px;

	color:#b88f6b;

	font-size:14px;

	padding: 13px 10px 12px;

	font-family: 'Trebuchet ms', verdana, 'Microsoft Sans Serif', Arial, sans, sans-serif;

}

.tp_contato form input:focus, .tp_contato form textarea:focus {background: #eee5dd;}

.tp_contato form input#ddd{

	width:35px;

	margin-right: 10px;

	float:left;

}

.tp_contato form input#tel{

	float:right;

	width:355px;

}

.tp_contato form a{

	color:#b88f6b;

	position: absolute;

	bottom: 20px;

	left: 0;

	height:35px;

	display:block;

	vertical-align: top;

}

.tp_contato form a:hover {text-decoration: underline;}



.tp_contato form input#submit {

	background: #0d0d0d url(images/bt_enviar_off.jpg) no-repeat left top;

	height:35px;

	width:100px;

	position: absolute;

	right:0;

	bottom:0;

	cursor: pointer;

}

.tp_contato form input#submit:hover {background: #0d0d0d url(images/bt_enviar_on.jpg) no-repeat left top;}















/**********

 rodape

**********/

.rodape_canvas {

	width: 778px;

	margin:0 auto;

	text-align: left;

	overflow: hidden;

	padding-top: 15px;

}

.rodape_canvas a:hover{text-decoration:underline;}



.rodape_canvas ul {

	width: 360px;

	height: 24px;

	float:left;

	vertical-align: top;

}

.rodape_canvas ul li {

	display: inline;

	padding: 0 1px 0 0;

	color:#fff;

	font-size:10px;

}

.rodape_canvas ul li a{

	color:#fff;

	font-size:11px;

}



.rodape_canvas small {

	display: block;

	float: right;

	width:300px;

	height: 24px;

	text-align: right;

	color:#fff;

	font-size:11px;

	vertical-align: top;

	padding-top:4px;

}

.rodape_canvas small a{color:#1c4268;}