ol, ul, h1, h2, h3, h4, form, p, dl, dt, dd, div, li, fieldset, label, input { margin: 0; padding: 0 }
ol, ul { list-style: none }
img, fieldset{ border: 0 }

a:link{color:#CC3300; text-decoration:none;}
a:visited{color:#CC3300;text-decoration:none;}
a:hover{
text-decoration:underline;
color: #0066CC;
}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {
display: inline-block;
}  
/* Holly Hack Targets IE Win only \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End Holly Hack */

.clrfx:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden
}
.clrfx {display: inline-table}
/* Hides from IE-mac \*/
* html .clrfx {height: 1%}
.clrfx {display: block}
/* End hide from IE-mac */ 
#topo {
	background:url(../imagens/topo.jpg) no-repeat;
	width:750px;
	height:226px;
	float:left;
	}
h1 {
	background-image:url(../imagens/logotipo.gif);
	width: 251px;
	height: 71px;
	display:block;
	margin-left: 10px;
	margin-top: 50px;
}
h1 a {
	display: block;
	height: 71px;
	text-indent: -6666px;
	}
h2 {
	font-size:18px;
	font-weight:normal;
	display:block;
	width: 250px;
	margin-left: 30px;
	margin-top: 5px;
	font-style:italic;
}

.central {
	font-size:15px;
	font-weight:bold;
}
.telefone {
	background:url(../imagens/icone_telefone.gif) no-repeat;
	font-size:15px;
	height: 20px;
	padding-left: 23px;
	padding-top: 1px;
	margin-bottom: 5px;
}

#telefones_contato {
	width: 220px;
	height: 120px;
	float:right;
	margin-top:20px;
	margin-right:20px;
}

body {
	background:url(../imagens/back.jpg);
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin: 0px; 
	padding:0px;
}


#pai {
	background:#FFFFFF;
	border: 1px solid #000000;
	margin:0 auto;
	width:750px;
	height:570px;
	position:relative;
}

#menu {
	width:146px;
	height:344px;
	background:url(../imagens/foto_mecanico.jpg) no-repeat bottom;	
	float:left;
}

#menu_link a:link{
	background:url(../imagens/btn_inativo.jpg) no-repeat;
	color:#FFF; 
	text-decoration:none;
	width: 111px;
	height: 19px;
	display:block;
	padding-top: 6px;
	padding-left: 35px;
}
#menu_link a:visited{
	background:url(../imagens/btn_inativo.jpg) no-repeat;
	color:#FFF;
	text-decoration:none;
	width: 111px;
	height: 19px;
	display:block;
	padding-top: 6px;
	padding-left: 35px;
	}
#menu_link a:hover{
	background:url(../imagens/btn_ativo.jpg) no-repeat;
	width: 111px;
	height: 19px;
	display:block;
	padding-top: 6px;
	padding-left: 35px;
	}


#cont_topo {
	width:604px;
	height:344px;
	float:left;
	background:url(../imagens/cont_topo_meio.jpg) no-repeat;
}

#login {
	width: 250px;
	float:right;
	display:block;
	margin-top: 70px;
	}

#ass {
	display:block;
	width: 170px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	font-size: 12px;
	line-height: 25px;
	margin-left: 60px;
	margin-bottom: 8px;
	}

fieldset {
	border: 1px solid #000000;
	background:#CCCCCC;
	width:165px;
	height: 85px;
	margin-left: 70px;
	padding-top: 2px;
}

#input_login {
	display:block;
	background-color:#FFFFFF;
	background-image:url(../imagens/iconusercb8.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left: 21px;
	border: 1px solid #000000;
	margin-left: 10px;
	color:#CC0000;
}
#input_senha {
	display:block;
	background-color:#FFFFFF;
	background-image:url(../imagens/iconpassvr8.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left: 21px;
	border: 1px solid #000000;
	float:left;
	margin-left: 10px;
	_margin-left: 5px;
	color:#CC0000;
}

#btn_enviar {
	border: 1px solid #000000;
	color:#FFFFFF;
	background:#CC3300;
	font-size:10px;
	width: 50px;
	height: 20px;
	float:left;
	margin-left: 3px;
}

.lbl_label {
	width:140px;
	display:block;
	margin-left: 10px;
}

#esqueci {
	font-size:10px;
	margin-right: 20px;
	_margin-right:7px;
	display:block;
	float:right;
	margin-top: 2px;
}

#div_meio {
	float:left;
	display:block;
	margin-top: 20px;
	padding-left: 30px;
}

#dizer1 {
	background:url(../imagens/mao_de_obra.jpg) no-repeat;
	height: 62px;
	width: 270px;
	}

#dizer2 {
	background:url(../imagens/elavador.jpg) no-repeat;
	height: 62px;
	width: 270px;
	margin-top: 10px;
}

#dizer3 {
	background:url(../imagens/estufa.jpg) no-repeat;
	height: 62px;
	width: 270px;
	margin-top: 10px;
}
#dizer4 {
	background:url(../imagens/24_horas.jpg) no-repeat;
	height: 62px;
	width: 270px;
	margin-top: 10px;
}

#dizer5 {
	background:url(../imagens/manobra.jpg) no-repeat;
	height: 62px;
	width: 270px;
	float:left;
	margin-left: 5px;
	margin-top: 22px;
}

.tiltulo_dizer {
	display:block;
	font-size: 12px;
	font-weight:bold;
	font-style:normal;
	width: 160px;
	margin: 0px 0px 0px 88px;
	padding: 0px;
}

.texto_dizer {
	display:block;
	font-size: 11px;
	font-style:normal;
	width: 185px;
	margin: 0px 0px 0px 88px;
	padding: 0px;
}

.texto_dizer5 {
	display:block;
	font-size: 11px;
	font-style:normal;
	width: 130px;
	margin: 0px 0px 0px 88px;
	padding: 0px;
}

#text_empresa {
	background:url(../imagens/empresa.jpg) no-repeat left top;
	width: 340px;
	height: 225px;
	margin-top: 10px;
	margin-left: 10px;
	_margin-left: 5px;
	float:left;
}

#cont_text_empresa {
	width: 515px;
	height: 108px;
	margin-left: 10px;
	_margin-left: 5px;
	float:left;
}
.text_negrito {
	font-weight:bold;
}

#tilt_empresa {
	border-bottom: 1px dashed #000;
	font-size:20px;
	margin:0px;
	padding:0px;
	display:block;
	width: 210px;
	margin-left: 110px;
	color:#000000;
	font-weight:bold;
}

#text_inf_empresa {
	margin-left: 110px;
	margin-top: 5px;
}
#text_inf_empresa2 {
	width: 340px;
}

#text_inf_empresa3 {
	width: 340px;
}

#text_inf_empresa4 {
	margin-top: 5px;
}

#link_empresas {
	display:block;
	background:#FFFFFF;
	width: 290px;
	}

		
#global_american {
	background:url(../imagens/global.gif) no-repeat;
	width: 123px;
	height: 35px;
}

#text_objetivo {
	background:url(../imagens/objetivo.jpg) no-repeat left top;
	width: 340px;
	margin-top: 10px;
	margin-left: 10px;
	_margin-left: 5px;
	float:left;
}

#tilt_objetivo {
	border-bottom: 1px dashed #000;
	font-size:20px;
	margin:0px;
	padding:0px;
	display:block;
	width: 190px;
		margin-left: 140px;
	color:#000000;
	font-weight:bold;
}

#text_inf_objetivo1 {
	width: 190px;
	height: 110px;
	margin-left: 140px;
}

#cont_text_inf_objetivo {
	font-weight:bold;
	margin-top: 5px;
}

#text_inf_objetivo2 {
	font-style:italic;
	width: 340px;
	height: 90px;
}

#text_inf_objetivo4 {
	margin-top: 5px;
}

#text_servicos {
	background:url(../imagens/servico.jpg) no-repeat left top;
	width: 335px;
	margin-top: 10px;
	margin-left: 10px;
	_margin-left: 5px;
	float:left;
}

#tilt_servicos {
	border-bottom: 1px dashed #000;
	font-size:20px;
	margin:0px;
	padding:0px;
	display:block;
	width: 175px;
	margin-left: 145px;
	color:#000000;
	font-weight:bold;
}
#text_inf_servicos {
	margin-left: 145px;
	margin-top: 5px;
}

#lista_text_servico {
	width: 335px;
	margin-top: 5px;
}

#lista_text_servico li {
	background:url(../imagens/bullet.gif) no-repeat left top;
	padding-left: 18px;
	margin-top: 2px;
	color:#003399;
	}
#cont_text_servicos {
	height: 80px;
	width: 510px;
	float:left;
	margin-left: 10px;
	_margin-left: 5px;
}
#cont_text_objetivos {
	width: 510px;
	float:left;
	margin-left: 10px;
	_margin-left: 5px;
}
#mao {
	width: 500px;
	float:left
}
#ecologica {
	width: 250px;
	float:left;
	margin-left: 10px;
}

.esp_li{
	margin-left: 20px;
	font-style:italic;
	
}

.mao_obra {
	background:url(../imagens/bullet.gif) no-repeat left top;
	padding-left: 18px;
	color:#003399;
}


#text_vantagem {
	width: 320px;
	margin-top: 10px;
	margin-left: 10px;
	_margin-left: 5px;
	float:left;
}

#tilt_vantagem {
	border-bottom: 1px dashed #000;
	font-size:20px;
	margin:0px;
	padding:0px;
	display:block;
	width: 320px;
	margin-left: 5px;
	color:#000000;
	font-weight:bold;
}

.text_inf_vantagem {
	width: 320px;
	margin-left: 5px;
	margin-top: 10px;
}

#text_saiba_mais {
	width: 320px;
	margin-top: 10px;
	margin-left: 10px;
	_margin-left: 5px;
	float:left;
}

#tilt_saiba_mais {
	border-bottom: 1px dashed #000;
	font-size:20px;
	margin:0px;
	padding:0px;
	display:block;
	width: 320px;
	margin-left: 5px;
	color:#000000;
	font-weight:bold;
}

.text_inf_saiba_mais {
	width: 320px;
	margin-left: 5px;
	margin-top: 10px;
}


#text_cadastrese {
	width: 330px;
	margin-top: 10px;
	margin-left: 10px;
	_margin-left: 5px;
	float:left;
}

#tilt_cadastrese {
	border-bottom: 1px dashed #000;
	font-size:20px;
	margin:0px;
	padding:0px;
	display:block;
	width: 330px;
	margin-left: 5px;
	color:#000000;
	font-weight:bold;
}

#text_fale{
	width: 330px;
	margin-top: 10px;
	margin-left: 10px;
	_margin-left: 5px;
	float:left;
}

#tilt_fale{
	border-bottom: 1px dashed #000;
	font-size:20px;
	margin:0px;
	padding:0px;
	display:block;
	width: 330px;
	margin-left: 5px;
	color:#000000;
	font-weight:bold;
}


label {
	display:block;
	font-weight:bold;
}

#form_cadastro{
	width: 340px;
}
#form_fale{
	width: 340px;
	margin-top: 5px;
	float:left;
}
.campos_input {
	background:#FFFFFF;
	border: 1px solid #000000;
	color:#CC0000;
	font-size:10px;
}
.lbl_inpt{
	display:block;
	float:left;
	margin-right: 3px;
}
.campos_select {
	background:#FFFFFF;
	border: 1px solid #000000;
	color:#CC0000;
	font-size:10px;
}
.lbl_inpt_sub{
	display:block;
	text-align:center;
	width: 330px;
	margin-right: 3px;
}

.campos_submit {
	margin-top: 3px;
	background:#CC0000;
	border: 1px solid #000000;
	color:#FFFFFF;
	font-size: 11px;
	width: 150px;
	height: 22px;
	letter-spacing:1px;
}

#endereco_centro {
	width: 340px;
	margin-top:5px;
}

#endereco_centro span {
	display:block;
	color:#000000;
}

#mensagem {
	font-size:12px;
}

#box_contato1 {
	border-right: 2px dotted #000000;
	width: 165px;
	float:left;
}
#box_contato2 {
	margin-left: 5px;	
	width: 165px;
	float:left;
}	
.tilt_end {
	font-size:12px;
	font-weight:bold;
	border-bottom: 1px solid #000000;
	margin-bottom:5px;
	}
	
@charset "UTF-8";
/* SpryValidationConfirm.css - version 0.1 - Spry Pre-Release 1.6 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.confirmRequiredMsg, 
.confirmInvalidMsg, 
.confirmValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .confirmRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.confirmRequiredState .confirmRequiredMsg,
.confirmInvalidState .confirmInvalidMsg
{
	display: inline;
	color: #CC3333;
}

/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required , invalid , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */

 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.confirmValidState input, input.confirmValidState {
	background-color: #B8F5B1;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.confirmRequiredState, .confirmRequiredState input, 
input.confirmInvalidState, .confirmInvalidState input
{
	background-color: #FF9F9F;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.confirmFocusState input, input.confirmFocusState {
	background-color: #000099;
	color:#FFFFFF;
}




@charset "UTF-8";
/* SpryValidationPassword.css - version 0.1 - Spry Pre-Release 1.6 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.passwordRequiredMsg, 
.passwordInvalidStrengthMsg, 
.passwordMinCharsMsg,
.passwordMaxCharsMsg,
.passwordCustomMsg,
.passwordValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .passwordRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.passwordRequiredState .passwordRequiredMsg,
.passwordMinCharsState .passwordMinCharsMsg,
.passwordMaxCharsState .passwordMaxCharsMsg,
.passwordInvalidStrengthState .passwordInvalidStrengthMsg,
.passwordCustomState .passwordCustomMsg
{
	display: inline;
	color: #CC3333;
}

/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid Strength / minValue / maxValue / custom invalid , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */

 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.passwordValidState input, input.passwordValidState {
	background-color: #B8F5B1;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.passwordRequiredState, .passwordRequiredState input, 
input.passwordInvalidStrengthState, .passwordInvalidStrengthState input, 
input.passwordMinCharsState, .passwordMinCharsState input, 
input.passwordCustomState, .passwordCustomState input, 
input.passwordMaxCharsState, .passwordMaxCharsState input {
	background-color: #FF9F9F;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.passwordFocusState input, input.passwordFocusState {
	background-color: #000099;
	color:#FFFFFF;
}


@charset "UTF-8";

/* SpryValidationSelect.css - version 0.4 - Spry Pre-Release 1.6 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* These are the classes applied on the messages
 * (required message and invalid state message)
 * which prevent them from being displayed by default.
 */ 
.selectRequiredMsg, .selectInvalidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states (required, invalid).
 * These classes set a default red border and color for the error text.
 * The state class (.selectRequiredState or .selectInvalidState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.selectRequiredState .selectRequiredMsg,
.selectInvalidState .selectInvalidMsg {
	display: inline;
	color: #CC3333;
}

/* The next three group selectors control the way the core element (SELECT) looks like when the widget is in one of the states: 
 * focus, required / invalid, valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the SELECT
 * - the widget id is placed on the SELECT element itself (there are no error messages)
 */
 
/* When the widget is in the valid state the SELECT has a green background applied on it. */
.selectValidState select, select.selectValidState {
	background-color: #B8F5B1;
}

/* When the widget is in an invalid state the SELECT has a red background applied on it. */
select.selectRequiredState, .selectRequiredState select,
select.selectInvalidState, .selectInvalidState select {
	background-color: #FF9F9F;
}

/* When the widget has received focus, the SELECT has a yellow background applied on it. */
.selectFocusState select, select.selectFocusState {
	background-color: #000099;
	color:#FFFFFF;
}



@charset "UTF-8";

/* SpryFormValidation.css - version 0.5 - Spry Pre-Release 1.6 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */



/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textareaRequiredMsg,
.textareaMinCharsMsg,
.textareaMaxCharsMsg,
.textareaValidMsg {
	display:none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textareaRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg
{
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;
}

/* The next three group selectors control the way the core element (TEXTAREA) looks like when the widget is in one of the states: * focus, required / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the TEXTAREA
 * - the widget id is placed on the TEXTAREA element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the TEXTAREA has a green background applied on it. */
.textareaValidState textarea, textarea.textareaValidState {
	
	background-color: #B8F5B1;
}

/* When the widget is in an invalid state the TEXTAREA has a red background applied on it. */
textarea.textareaRequiredState, .textareaRequiredState textarea, 
textarea.textareaMinCharsState, .textareaMinCharsState textarea, 
textarea.textareaMaxCharsState, .textareaMaxCharsState textarea {
	
	background-color:#FF9F9F;
}

/* When the widget has received focus, the TEXTAREA has a yellow background applied on it. */
.textareaFocusState textarea, textarea.textareaFocusState {
	background-color: #000099;
	color:#FFFFFF;
}

/* This class applies only for a short period of time and changes the way the text in the textarea looks like.
 * It applies only when the widget has enforce max chars enabled and the user tries to type some more.
 */
.textareaFlashState textarea, textarea.textareaFlashState{
	color:red !important;
}
/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
textarea.textareaHintState, .textareaHintState textarea{
	/* color: red !important;*/
}



@charset "UTF-8";

/* SpryValidationTextField.css - version 0.4 - Spry Pre-Release 1.6 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	color: #CC3333;
}



/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
	background-color: #B8F5B1;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #000099;
	color:#FFFFFF;
}

/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
.textfieldFlashText input, input.textfieldFlashText {
	color: red !important;
}

/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
.textfieldHintState input, input.textfieldHintState {
	/*color: red !important;*/
}
.link_videos {
	background:url(../imagens/mp.gif) left no-repeat;
	margin-top:10px;
	margin-left: 10px;
	padding-left: 30px;
	padding-top: 3px;
	height:20px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

.by {
	display:block;
	text-align:right;
	position:absolute;
	right:0;
	bottom:0;
}