/* ============================================================================================================ */
/* ============================================================================================================ */
/* FORMULÁRIO */
/* ============================================================================================================ */
/* ============================================================================================================ */

/* ------------------------------------------------------------------------------------------------------------ */
/* DIVS */
/* ------------------------------------------------------------------------------------------------------------ */


/* ---------------------------------- */
/* 1 - Container */
/* ---------------------------------- */

.form_contato_formulario_b1
{
width: 100%;
background-color: transparent;
position: relative;
top: 0px;
left: 0px;
}

/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* 2 - INPUTTEXT - CONTAINER */
/* ---------------------------------- */

.form_contato_formulario_b2
{
width: 100%;
position: relative;
background-color: transparent;
top: 0;
left: 0;
display: table; /* forçar a renderização da div como tabela para a propriedade "float" funcionar */
}

/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* 2_1 - INPUTTEXT - LEFT */
/* ---------------------------------- */


/* PC */
.form_contato_formulario_b2_1
{
width: calc((100% - 20px) / 2);
position: relative;
background-color: transparent;
top: 0px;
left: 0px;
float:left;
margin-left: 0px;
}
/* FIM */


/* TABLET */
@media screen and (max-width: 1000px)
{
.form_contato_formulario_b2_1
{
width: 100%;
position: relative;
background-color: transparent;
top: 0px;
left: 0px;
float:left;
margin-left: 0px;
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 700px)
{
.form_contato_formulario_b2_1
{
width: 100%;
position: relative;
background-color: transparent;
top: 0px;
left: 0px;
float:left;
margin-left: 0px;
}
}
/* FIM */


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* 2_2 - INPUTTEXT - RIGHT */
/* ---------------------------------- */


/* PC */
.form_contato_formulario_b2_2
{
width: calc((100% - 20px) / 2);
position: relative;
background-color: transparent;
top: 0px;
left: 0px;
float:right;
margin-right: 0px;
}
/* FIM */


/* TABLET */
@media screen and (max-width: 1000px)
{
.form_contato_formulario_b2_2
{
width: 100%;
position: relative;
background-color: transparent;
top: 0px;
left: 0px;
float:left;
margin-left: 0px;
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 700px)
{
.form_contato_formulario_b2_2
{
width: 100%;
position: relative;
background-color: transparent;
top: 0px;
left: 0px;
float:left;
margin-left: 0px;
}
}
/* FIM */


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* 3 - CHAMADA DOS CAMPOS */
/* ---------------------------------- */


/* PC */
.form_contato_formulario_b3
{
width: 100%;
height: 50px;
position: relative;
background-color: transparent;
top: 0px;
left: 0px;
text-align: left;
line-height: 50px;
}
/* FIM */

/* TABLET */
@media screen and (max-width: 1000px)
{
.form_contato_formulario_b3
{
width: 100%;
height: 45px;
position: relative;
background-color: transparent;
top: 0px;
left: 0px;
text-align: left;
line-height: 45px;
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 700px)
{
.form_contato_formulario_b3
{
width: 100%;
height: 40px;
position: relative;
background-color: transparent;
top: 0px;
left: 0px;
text-align: left;
line-height: 40px;
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 500px)
{
.form_contato_formulario_b3
{
width: 100%;
height: 40px;
position: relative;
background-color: transparent;
top: 0px;
left: 0px;
text-align: left;
line-height: 40px;
}
}
/* FIM */

/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* 4 - CAMPOS */
/* ---------------------------------- */

/* PC */
.form_contato_formulario_b4
{
width: 100%;
height:50px;
position: relative;
background-color:transparent;
top: 0px;
left: 0px;
}
/* FIM */

/* TABLET */
@media screen and (max-width: 1000px)
{
.form_contato_formulario_b4
{
width: 100%;
height:45px;
position: relative;
background-color:transparent;
top: 0px;
left: 0px;
}
}
/* FIM */

/* MOBILE */
@media screen and (max-width: 700px)
{
.form_contato_formulario_b4
{
width: 100%;
height:40px;
position: relative;
background-color:transparent;
top: 0px;
left: 0px;
}
}
/* FIM */

/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* 5 - TEXTAREA - CHAMADA DO CAMPO */
/* ---------------------------------- */

/* PC */
.form_contato_formulario_b5
{
width: 100%;
height:50px;
position: relative;
background-color:transparent;
top: 0px;
left: 0px;
text-align:left;
line-height:50px;
}
/* FIM */

/* TABLET */
@media screen and (max-width: 1000px)
{
.form_contato_formulario_b5
{
width: 100%;
height:45px;
position: relative;
background-color:transparent;
top: 0px;
left: 0px;
text-align:left;
line-height:45px;
}
}
/* FIM */

/* MOBILE */
@media screen and (max-width: 700px)
{
.form_contato_formulario_b5
{
width: 100%;
height:40px;
position: relative;
background-color:transparent;
top: 0px;
left: 0px;
text-align:left;
line-height:40px;
}
}
/* FIM */

/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* 6 - TEXTAREA - CAMPO */
/* ---------------------------------- */

/* PC */
.form_contato_formulario_b6
{
width: 100%;
height:200px;
position: relative;
background-color:transparent;
top: 0px;
left: 0px;
}
/* FIM */

/* TABLET */
@media screen and (max-width: 1000px)
{
.form_contato_formulario_b6
{
width: 100%;
height:160px;
position: relative;
background-color:transparent;
top: 0px;
left: 0px;
}
}
/* FIM */

/* MOBILE */
@media screen and (max-width: 700px)
{
.form_contato_formulario_b6
{
width: 100%;
height:100px;
position: relative;
background-color:transparent;
top: 0px;
left: 0px;
}
}
/* FIM */

/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* 7 - BOTÕES - CONTAINER */
/* ---------------------------------- */

/* PC */
.form_contato_formulario_b7
{
width: 100%;
position: relative;
background-color: transparent;
top: 0;
left: 0;
display: table; /* forçar a renderização da div como tabela para a propriedade "float" funcionar */

margin-top:20px;
}
/* FIM */

/* TABLET */
@media screen and (max-width: 1000px)
{
.form_contato_formulario_b7
{
width: 100%;
position: relative;
background-color: transparent;
top: 0;
left: 0;
display: table; /* forçar a renderização da div como tabela para a propriedade "float" funcionar */

margin-top:15px;
}
}
/* FIM */

/* MOBILE */
@media screen and (max-width: 700px)
{
.form_contato_formulario_b7
{
width: 100%;
position: relative;
background-color: transparent;
top: 0;
left: 0;
display: table; /* forçar a renderização da div como tabela para a propriedade "float" funcionar */

margin-top:10px;
}
}
/* FIM */

/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* 7_1 - BOTÕES - OK */
/* ---------------------------------- */

/* PC */
.form_contato_formulario_b7_1
{
width: 220px;
height: 50px;
position: relative;
background-color: transparent;
top: 0px;
left: 0px;
float:left;
margin-left: 0px;
}
/* FIM */

/* TABLET */
@media screen and (max-width: 1000px)
{
.form_contato_formulario_b7_1
{
width: 160px;
height: 40px;
position: relative;
background-color: transparent;
top: 0px;
left: 0px;
float:left;
margin-left: 0px;
}
}
/* FIM */

/* MOBILE */
@media screen and (max-width: 700px)
{
.form_contato_formulario_b7_1
{
width: 100px;
height: 40px;
position: relative;
background-color: transparent;
top: 0px;
left: 0px;
float:left;
margin-left: 0px;
}
}
/* FIM */

/* MOBILE */
@media screen and (max-width: 500px)
{
.form_contato_formulario_b7_1
{
width: 40px;
height: 40px;
position: relative;
background-color: transparent;
top: 0px;
left: 0px;
float:left;
margin-left: 0px;
}
}
/* FIM */


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* 7_2 - BOTÕES - LIMPAR */
/* ---------------------------------- */

/* PC */
.form_contato_formulario_b7_2
{
width: 220px;
height: 50px;
position: relative;
background-color: transparent;
top: 0px;
left: 0px;
float:left;
margin-left: 10px;
}
/* FIM */

/* TABLET */
@media screen and (max-width: 1000px)
{
.form_contato_formulario_b7_2
{
width: 160px;
height: 40px;
position: relative;
background-color: transparent;
top: 0px;
left: 0px;
float:left;
margin-left: 10px;
}
}
/* FIM */

/* MOBILE */
@media screen and (max-width: 700px)
{
.form_contato_formulario_b7_2
{
width: 100px;
height: 40px;
position: relative;
background-color: transparent;
top: 0px;
left: 0px;
float:left;
margin-left: 10px;
}
}
/* FIM */

/* MOBILE */
@media screen and (max-width: 500px)
{
.form_contato_formulario_b7_2
{
width: 40px;
height: 40px;
position: relative;
background-color: transparent;
top: 0px;
left: 0px;
float:left;
margin-left: 10px;
}
}
/* FIM */

/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* 7_3 - BOTÕES - CONTA CARACTERES */
/* ---------------------------------- */


/* PC */
.form_contato_formulario_b7_3
{
width: auto;
height: 50px;
position: relative;
background-color: transparent;
top: 0px;
left: 0px;
float:left;
margin-left: 10px;
}
/* FIM */


/* TABLET */
@media screen and (max-width: 1000px)
{
.form_contato_formulario_b7_3
{
width: auto;
height: 40px;
position: relative;
background-color: transparent;
top: 0px;
left: 0px;
float:left;
margin-left: 10px;
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 700px)
{
.form_contato_formulario_b7_3
{
width: auto;
height: 40px;
position: relative;
background-color: transparent;
top: 0px;
left: 0px;
float:left;
margin-left: 10px;
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 500px)
{
.form_contato_formulario_b7_3
{
width: auto;
height: 40px;
position: relative;
background-color: transparent;
top: 0px;
left: 0px;
float:left;
margin-left: 10px;
}
}
/* FIM */


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ------------------------------------------------------------------------------------------------------------ */
/* FIM */
/* ------------------------------------------------------------------------------------------------------------ */



/* ============================================================================================================ */
/* ============================================================================================================ */
/* FIM */
/* ============================================================================================================ */
/* ============================================================================================================ */






/* ============================================================================================================ */
/* ============================================================================================================ */
/* ALERTA */
/* ============================================================================================================ */
/* ============================================================================================================ */


/* ------------------------------------------------------------------------------------------------------------ */
/* DIVS */
/* ------------------------------------------------------------------------------------------------------------ */


/* ---------------------------------- */
/* 1 - Container externo */
/* ---------------------------------- */

.form_contato_alerta_b1
{
width: 100%;
background-color: #FF9191;
position: relative;
top: 0px;
left: 0px;
margin-top: 20px;

display: none; /* deixa invisível */

border-radius: 10px 10px 10px 10px;         /* borda arredondada - IE */
-moz-border-radius: 10px 10px 10px 10px;    /* borda arredondada - Firefox */
-webkit-border-radius: 10px 10px 10px 10px; /* borda arredondada - Google Chrome */
}

/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* 2 - Container interno */
/* ---------------------------------- */

/* PC */
.form_contato_alerta_b2
{
width: 90%;
background: transparent;
position: relative;
top: 0px;
left: 5%;
padding-top:20px;
padding-bottom:20px;
}
/* FIM */

/* TABLET */
@media screen and (max-width: 1000px)
{
.form_contato_alerta_b2
{
width: 90%;
background: transparent;
position: relative;
top: 0px;
left: 5%;
padding-top:15px;
padding-bottom:15px;
}
}
/* FIM */

/* MOBILE */
@media screen and (max-width: 700px)
{
.form_contato_alerta_b2
{
width: 90%;
background: transparent;
position: relative;
top: 0px;
left: 5%;
padding-top:10px;
padding-bottom:10px;
}
}
/* FIM */

/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* 3 - Imagem  */
/* ---------------------------------- */

.form_contato_alerta_b3
{
width: 100%;
height: 30px;
background: transparent;
position: relative;
display: table; /* forçar a renderização da div como tabela para a propriedade "float" funcionar */
top: 0px;
left: 0px;
margin-bottom:5px;
}

.form_contato_alerta_b3_1
{
width: 30px;
height: 30px;
background: transparent;
position: relative;
top: 0px;
left: 50%;
float:left;
margin-left: -15px;
}

/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* 4 - Texto - Título  */
/* ---------------------------------- */

.form_contato_alerta_b4
{
width: 100%;
background: transparent;
position: relative;
top: 0px;
left: 0px;
text-align:center;
}

/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* 5 - Texto - Descrição  */
/* ---------------------------------- */

.form_contato_alerta_b5
{
width: 100%;
background: transparent;
position: relative;
top: 0px;
left: 0px;
text-align:center;
}

/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* 6 - Texto - Complemento  */
/* ---------------------------------- */

.form_contato_alerta_b6
{
width: 100%;
background: transparent;
position: relative;
top: 0px;
left: 0px;
text-align:center;
}

/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ------------------------------------------------------------------------------------------------------------ */
/* FIM */
/* ------------------------------------------------------------------------------------------------------------ */


/* ============================================================================================================ */
/* ============================================================================================================ */
/* FIM */
/* ============================================================================================================ */
/* ============================================================================================================ */






/* ============================================================================================================ */
/* ============================================================================================================ */
/* FONTES */
/* ============================================================================================================ */
/* ============================================================================================================ */


/* ------------------------------------------------------------------------------------------------------------ */
/* FONTES */
/* ------------------------------------------------------------------------------------------------------------ */


/* ---------------------------------- */
/* 1 - FORMULÁRIO - Contagem de caracteres da textarea 1 */
/* ---------------------------------- */


/* PC */
.form_contato_fonte1
{
font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
line-height: 50px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #999;
text-decoration: none;
}
/* FIM */


/* TABLET */
@media screen and (max-width: 1000px)
{
.form_contato_fonte1
{
font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
line-height: 40px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #999;
text-decoration: none;
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 700px)
{
.form_contato_fonte1
{
font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 40px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #999;
text-decoration: none;
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 500px)
{
.form_contato_fonte1
{
font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 40px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #999;
text-decoration: none;
}
}
/* FIM */


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* 2 - ALERTA - Título (Verde)  */
/* ---------------------------------- */


/* PC */
.form_contato_fonte2
{
font-family: 'Archivo Black', Arial, Verdana, Helvetica, sans-serif;
font-size: 25px;
font-style: normal;
line-height: 100%;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
text-decoration: none;
}
/* FIM */


/* TABLET */
@media screen and (max-width: 1000px)
{
.form_contato_fonte2
{
font-family: 'Archivo Black', Arial, Verdana, Helvetica, sans-serif;
font-size: 20px;
font-style: normal;
line-height: 100%;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
text-decoration: none;
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 700px)
{
.form_contato_fonte2
{
font-family: 'Archivo Black', Arial, Verdana, Helvetica, sans-serif;
font-size: 15px;
font-style: normal;
line-height: 100%;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
text-decoration: none;
}
}
/* FIM */


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* 3 - ALERTA - Descrição (Verde) */
/* ---------------------------------- */


/* PC */
.form_contato_fonte3
{
font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
font-size: 15px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #008C68;
text-decoration: none;
}
/* FIM */


/* TABLET */
@media screen and (max-width: 1000px)
{
.form_contato_fonte3
{
font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #008C68;
text-decoration: none;
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 700px)
{
.form_contato_fonte3
{
font-family: 'Open Sans', sans-serif;
color: #008C68;
font-size: 11px;
font-style: normal;

line-height: 1.4 !important; /* remove line-height maior em mobile */
display: block;  /* remove line-height maior em mobile */
padding: 0 !important;  /* remove line-height maior em mobile */

font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
outline: none; /* remove a seleção tracejada */
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 500px)
{
.form_contato_fonte3
{
font-family: 'Open Sans', sans-serif;
color: #008C68;
font-size: 9px;
font-style: normal;

line-height: 1.4 !important; /* remove line-height maior em mobile */
display: block;  /* remove line-height maior em mobile */
padding: 0 !important;  /* remove line-height maior em mobile */

font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
outline: none; /* remove a seleção tracejada */
}
}
/* FIM */


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* 4 - ALERTA - Complemento (Verde) */
/* ---------------------------------- */


/* PC */
.form_contato_fonte4
{
font-family: 'Open Sans', sans-serif;
color: #008C68;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
}
/* FIM */


/* TABLET */
@media screen and (max-width: 1000px)
{
.form_contato_fonte4
{
font-family: 'Open Sans', sans-serif;
color: #008C68;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 700px)
{
.form_contato_fonte4
{
font-family: 'Open Sans', sans-serif;
color: #008C68;
font-size: 9px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 500px)
{
.form_contato_fonte4
{
font-family: 'Open Sans', sans-serif;
color: #008C68;
font-size: 8px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
}
}
/* FIM */


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* 5 - ALERTA - Título (Vermelho)  */
/* ---------------------------------- */


/* PC */
.form_contato_fonte5
{
font-family: 'Archivo Black', Arial, Verdana, Helvetica, sans-serif;
font-size: 25px;
font-style: normal;
line-height: 100%;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
text-decoration: none;
}
/* FIM */


/* TABLET */
@media screen and (max-width: 1000px)
{
.form_contato_fonte5
{
font-family: 'Archivo Black', Arial, Verdana, Helvetica, sans-serif;
font-size: 20px;
font-style: normal;
line-height: 100%;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
text-decoration: none;
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 700px)
{
.form_contato_fonte5
{
font-family: 'Archivo Black', Arial, Verdana, Helvetica, sans-serif;
font-size: 15px;
font-style: normal;
line-height: 100%;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
text-decoration: none;
}
}
/* FIM */


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* 6 - ALERTA - Descrição (Vermelho) */
/* ---------------------------------- */


/* PC */
.form_contato_fonte6
{
font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
font-size: 15px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #C11D1D;
text-decoration: none;
}
/* FIM */


/* TABLET */
@media screen and (max-width: 1000px)
{
.form_contato_fonte6
{
font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #C11D1D;
text-decoration: none;
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 700px)
{
.form_contato_fonte6
{
font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;

line-height: 1.4 !important; /* remove line-height maior em mobile */
display: block;  /* remove line-height maior em mobile */
padding: 0 !important;  /* remove line-height maior em mobile */

font-weight: normal;
font-variant: normal;
text-transform: none;
color: #C11D1D;
text-decoration: none;
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 500px)
{
.form_contato_fonte6
{
font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
font-size: 9px;
font-style: normal;

line-height: 1.4 !important; /* remove line-height maior em mobile */
display: block;  /* remove line-height maior em mobile */
padding: 0 !important;  /* remove line-height maior em mobile */

font-weight: normal;
font-variant: normal;
text-transform: none;
color: #C11D1D;
text-decoration: none;
}
}
/* FIM */


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* 7 - ALERTA - Complemento (Vermelho) */
/* ---------------------------------- */


/* PC */
.form_contato_fonte7
{
font-family: 'Open Sans', sans-serif;
color: #C11D1D;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
}
/* FIM */


/* TABLET */
@media screen and (max-width: 1000px)
{
.form_contato_fonte7
{
font-family: 'Open Sans', sans-serif;
color: #C11D1D;
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 700px)
{
.form_contato_fonte7
{
font-family: 'Open Sans', sans-serif;
color: #C11D1D;
font-size: 9px;
font-style: normal;

line-height: 1.4 !important; /* remove line-height maior em mobile */
display: block;  /* remove line-height maior em mobile */
padding: 0 !important;  /* remove line-height maior em mobile */

font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 500px)
{
.form_contato_fonte7
{
font-family: 'Open Sans', sans-serif;
color: #C11D1D;
font-size: 8px;
font-style: normal;

line-height: 1.4 !important; /* remove line-height maior em mobile */
display: block;  /* remove line-height maior em mobile */
padding: 0 !important;  /* remove line-height maior em mobile */

font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
}
}
/* FIM */


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* 8 - FORMULÁRIO - Textos */
/* ---------------------------------- */


/* PC */
.form_contato_fonte8
{
font-family: 'Open Sans', sans-serif;
color: #222222;
font-size: 15px;
font-style: normal;
line-height: 50px;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
}
/* FIM */


/* TABLET */
@media screen and (max-width: 1000px)
{
.form_contato_fonte8
{
font-family: 'Open Sans', sans-serif;
color: #222222;
font-size: 13px;
font-style: normal;
line-height: 45px;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 700px)
{
.form_contato_fonte8
{
font-family: 'Open Sans', sans-serif;
color: #222222;
font-size: 11px;
font-style: normal;
line-height: 40px;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
outline: none; /* remove a seleção tracejada */
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 500px)
{
.form_contato_fonte8
{
font-family: 'Open Sans', sans-serif;
color: #222222;
font-size: 9px;
font-style: normal;
line-height: 40px;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
outline: none; /* remove a seleção tracejada */
}
}
/* FIM */


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ------------------------------------------------------------------------------------------------------------ */
/* FIM */
/* ------------------------------------------------------------------------------------------------------------ */


/* ============================================================================================================ */
/* ============================================================================================================ */
/* FIM */
/* ============================================================================================================ */
/* ============================================================================================================ */






/* ============================================================================================================ */
/* ============================================================================================================ */
/* INPUT TEXT */
/* ============================================================================================================ */
/* ============================================================================================================ */


/* ------------------------------------------------------------------------------------------------------------ */
/* INPUT TEXT */
/* ------------------------------------------------------------------------------------------------------------ */


/* ---------------------------------- */
/* 1 - FORMULÁRIO DE CONTATO */
/* ---------------------------------- */

/* PC */
.form_contato_inputtext1
{
width: 100%;
height: 50px;
font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
font-size: 15px;
color: #666666;
background-color: #FFFFFF;
border: #999999 1px solid;
padding:5px;

-webkit-box-sizing: border-box; /* a borda é calculada dentro dos 100% */
-moz-box-sizing: border-box;    /* a borda é calculada dentro dos 100% */
-ms-box-sizing: border-box;     /* a borda é calculada dentro dos 100% */
-o-box-sizing: border-box;      /* a borda é calculada dentro dos 100% */
box-sizing:border-box;          /* a borda é calculada dentro dos 100% */

-webkit-border-radius: 5px 5px 5px 5px; /* borda arredondada */
-moz-border-radius: 5px 5px 5px 5px;    /* borda arredondada */
-ms-border-radius: 5px 5px 5px 5px;     /* borda arredondada */
-o-border-radius: 5px 5px 5px 5px;      /* borda arredondada */
border-radius: 5px 5px 5px 5px;         /* borda arredondada */

-webkit-box-shadow:0px 1px 0px #000000; /* sombra */
-moz-box-shadow:0px 1px 0px #000000;    /* sombra */
-ms-box-shadow:0px 1px 0px #000000;     /* sombra */
-o-box-shadow:0px 1px 0px #000000;      /* sombra */
box-shadow:0px 1px 0px #000000;         /* sombra */
}
.form_contato_inputtext1:hover
{
color: #666666;
background-color: #FFFFFF;
border: #999999 1px solid;

-moz-box-shadow:0px 2px 0px #000000;    /* sombra */
-webkit-box-shadow:0px 2px 0px #000000; /* sombra */
box-shadow:0px 2px 0px #000000;         /* sombra */
}
.form_contato_inputtext1:focus
{
outline: 0; /* remove a borda quando o elemento está "focado" */
}
}
/* FIM */


/* TABLET */
@media screen and (max-width: 1000px)
{
.form_contato_inputtext1
{
width: 100%;
height: 45px;
font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
color: #666666;
background-color: #FFFFFF;
border: #999999 1px solid;
padding:5px;

-webkit-box-sizing: border-box; /* a borda é calculada dentro dos 100% */
-moz-box-sizing: border-box;    /* a borda é calculada dentro dos 100% */
-ms-box-sizing: border-box;     /* a borda é calculada dentro dos 100% */
-o-box-sizing: border-box;      /* a borda é calculada dentro dos 100% */
box-sizing:border-box;          /* a borda é calculada dentro dos 100% */

-webkit-border-radius: 5px 5px 5px 5px; /* borda arredondada */
-moz-border-radius: 5px 5px 5px 5px;    /* borda arredondada */
-ms-border-radius: 5px 5px 5px 5px;     /* borda arredondada */
-o-border-radius: 5px 5px 5px 5px;      /* borda arredondada */
border-radius: 5px 5px 5px 5px;         /* borda arredondada */

-webkit-box-shadow:0px 1px 0px #000000; /* sombra */
-moz-box-shadow:0px 1px 0px #000000;    /* sombra */
-ms-box-shadow:0px 1px 0px #000000;     /* sombra */
-o-box-shadow:0px 1px 0px #000000;      /* sombra */
box-shadow:0px 1px 0px #000000;         /* sombra */
}
.form_contato_inputtext1:hover
{
-webkit-box-shadow:0px 2px 0px #000000; /* sombra */
-moz-box-shadow:0px 2px 0px #000000;    /* sombra */
-ms-box-shadow:0px 2px 0px #000000;     /* sombra */
-o-box-shadow:0px 2px 0px #000000;      /* sombra */
box-shadow:0px 2px 0px #000000;         /* sombra */
}
.form_contato_inputtext1:focus
{
outline: 0; /* remove a borda quando o elemento está "focado" */
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 700px)
{
.form_contato_inputtext1
{
width: 100%;
height: 40px;
font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
background-color: #FFFFFF;
border: #999999 1px solid;
padding:5px;

-webkit-box-sizing: border-box; /* a borda é calculada dentro dos 100% */
-moz-box-sizing: border-box;    /* a borda é calculada dentro dos 100% */
-ms-box-sizing: border-box;     /* a borda é calculada dentro dos 100% */
-o-box-sizing: border-box;      /* a borda é calculada dentro dos 100% */
box-sizing:border-box;          /* a borda é calculada dentro dos 100% */

-webkit-border-radius: 5px 5px 5px 5px; /* borda arredondada */
-moz-border-radius: 5px 5px 5px 5px;    /* borda arredondada */
-ms-border-radius: 5px 5px 5px 5px;     /* borda arredondada */
-o-border-radius: 5px 5px 5px 5px;      /* borda arredondada */
border-radius: 5px 5px 5px 5px;         /* borda arredondada */

-webkit-box-shadow:0px 1px 0px #000000; /* sombra */
-moz-box-shadow:0px 1px 0px #000000;    /* sombra */
-ms-box-shadow:0px 1px 0px #000000;     /* sombra */
-o-box-shadow:0px 1px 0px #000000;      /* sombra */
box-shadow:0px 1px 0px #000000;         /* sombra */
}
.form_contato_inputtext1:hover
{
-webkit-box-shadow:0px 2px 0px #000000; /* sombra */
-moz-box-shadow:0px 2px 0px #000000;    /* sombra */
-ms-box-shadow:0px 2px 0px #000000;     /* sombra */
-o-box-shadow:0px 2px 0px #000000;      /* sombra */
box-shadow:0px 2px 0px #000000;         /* sombra */
}
.form_contato_inputtext1:focus
{
outline: 0; /* remove a borda quando o elemento está "focado" */
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 500px)
{
.form_contato_inputtext1
{
width: 100%;
height: 40px;
font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
font-size: 9px;
color: #666666;
background-color: #FFFFFF;
border: #999999 1px solid;
padding:5px;

-webkit-box-sizing: border-box; /* a borda é calculada dentro dos 100% */
-moz-box-sizing: border-box;    /* a borda é calculada dentro dos 100% */
-ms-box-sizing: border-box;     /* a borda é calculada dentro dos 100% */
-o-box-sizing: border-box;      /* a borda é calculada dentro dos 100% */
box-sizing:border-box;          /* a borda é calculada dentro dos 100% */

-webkit-border-radius: 5px 5px 5px 5px; /* borda arredondada */
-moz-border-radius: 5px 5px 5px 5px;    /* borda arredondada */
-ms-border-radius: 5px 5px 5px 5px;     /* borda arredondada */
-o-border-radius: 5px 5px 5px 5px;      /* borda arredondada */
border-radius: 5px 5px 5px 5px;         /* borda arredondada */

-webkit-box-shadow:0px 1px 0px #000000; /* sombra */
-moz-box-shadow:0px 1px 0px #000000;    /* sombra */
-ms-box-shadow:0px 1px 0px #000000;     /* sombra */
-o-box-shadow:0px 1px 0px #000000;      /* sombra */
box-shadow:0px 1px 0px #000000;         /* sombra */
}
.form_contato_inputtext1:hover
{
-webkit-box-shadow:0px 2px 0px #000000; /* sombra */
-moz-box-shadow:0px 2px 0px #000000;    /* sombra */
-ms-box-shadow:0px 2px 0px #000000;     /* sombra */
-o-box-shadow:0px 2px 0px #000000;      /* sombra */
box-shadow:0px 2px 0px #000000;         /* sombra */
}
.form_contato_inputtext1:focus
{
outline: 0; /* remove a borda quando o elemento está "focado" */
}
}
/* FIM */


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ============================================================================================================ */
/* ============================================================================================================ */
/* FIM */
/* ============================================================================================================ */
/* ============================================================================================================ */






/* ============================================================================================================ */
/* ============================================================================================================ */
/* TEXT AREA */
/* ============================================================================================================ */
/* ============================================================================================================ */


/* ------------------------------------------------------------------------------------------------------------ */
/* TEXT AREA */
/* ------------------------------------------------------------------------------------------------------------ */


/* ---------------------------------- */
/* TEXT AREA 1  */
/* ---------------------------------- */


/* PC */
.form_contato_textarea1
{
width: 100%;
height: 200px;
min-width: 100%;   /* por causa do resize no campo textarea do Safari */
max-width: 100%;   /* por causa do resize no campo textarea do Safari */
min-height: 200px; /* por causa do resize no campo textarea do Safari */
max-height: 200px; /* por causa do resize no campo textarea do Safari */

font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
font-size: 16px;
color: #666666;
background-color: #FFFFFF;
border: #999999 1px solid;
padding:5px;

-webkit-box-sizing: border-box; /* a borda é calculada dentro dos 100% */
-moz-box-sizing: border-box;    /* a borda é calculada dentro dos 100% */
-ms-box-sizing: border-box;     /* a borda é calculada dentro dos 100% */
-o-box-sizing: border-box;      /* a borda é calculada dentro dos 100% */
box-sizing:border-box;          /* a borda é calculada dentro dos 100% */

-webkit-border-radius: 5px 5px 5px 5px; /* borda arredondada */
-moz-border-radius: 5px 5px 5px 5px;    /* borda arredondada */
-ms-border-radius: 5px 5px 5px 5px;     /* borda arredondada */
-o-border-radius: 5px 5px 5px 5px;      /* borda arredondada */
border-radius: 5px 5px 5px 5px;         /* borda arredondada */

-webkit-box-shadow:0px 1px 0px #000000; /* sombra */
-moz-box-shadow:0px 1px 0px #000000;    /* sombra */
-ms-box-shadow:0px 1px 0px #000000;     /* sombra */
-o-box-shadow:0px 1px 0px #000000;      /* sombra */
box-shadow:0px 1px 0px #000000;         /* sombra */
}

.form_contato_textarea1:hover
{
-webkit-box-shadow:0px 2px 0px #000000; /* sombra */
-moz-box-shadow:0px 2px 0px #000000;    /* sombra */
-ms-box-shadow:0px 2px 0px #000000;     /* sombra */
-o-box-shadow:0px 2px 0px #000000;      /* sombra */
box-shadow:0px 2px 0px #000000;         /* sombra */
} 

.form_contato_textarea1:focus
{
outline: 0; /* remove a borda quando o elemento está "focado" */
} 
/* FIM */


/* TABLET */
@media screen and (max-width: 1000px)
{
.form_contato_textarea1
{
width: 100%;
height: 160px;
min-width: 100%;   /* por causa do resize no campo textarea do Safari */
max-width: 100%;   /* por causa do resize no campo textarea do Safari */
min-height: 160px; /* por causa do resize no campo textarea do Safari */
max-height: 160px; /* por causa do resize no campo textarea do Safari */

font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
font-size: 14px;
color: #666666;
background-color: #FFFFFF;
border: #999999 1px solid;
padding:5px;

-webkit-box-sizing: border-box; /* a borda é calculada dentro dos 100% */
-moz-box-sizing: border-box;    /* a borda é calculada dentro dos 100% */
-ms-box-sizing: border-box;     /* a borda é calculada dentro dos 100% */
-o-box-sizing: border-box;      /* a borda é calculada dentro dos 100% */
box-sizing:border-box;          /* a borda é calculada dentro dos 100% */

-webkit-border-radius: 5px 5px 5px 5px; /* borda arredondada */
-moz-border-radius: 5px 5px 5px 5px;    /* borda arredondada */
-ms-border-radius: 5px 5px 5px 5px;     /* borda arredondada */
-o-border-radius: 5px 5px 5px 5px;      /* borda arredondada */
border-radius: 5px 5px 5px 5px;         /* borda arredondada */

-webkit-box-shadow:0px 1px 0px #000000; /* sombra */
-moz-box-shadow:0px 1px 0px #000000;    /* sombra */
-ms-box-shadow:0px 1px 0px #000000;     /* sombra */
-o-box-shadow:0px 1px 0px #000000;      /* sombra */
box-shadow:0px 1px 0px #000000;         /* sombra */
}

.form_contato_textarea1:hover
{
-webkit-box-shadow:0px 2px 0px #000000; /* sombra */
-moz-box-shadow:0px 2px 0px #000000;    /* sombra */
-ms-box-shadow:0px 2px 0px #000000;     /* sombra */
-o-box-shadow:0px 2px 0px #000000;      /* sombra */
box-shadow:0px 2px 0px #000000;         /* sombra */
} 

.form_contato_textarea1:focus
{
outline: 0; /* remove a borda quando o elemento está "focado" */
} 
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 700px)
{
.form_contato_textarea1
{
width: 100%;
height: 100px;
min-width: 100%;   /* por causa do resize no campo textarea do Safari */
max-width: 100%;   /* por causa do resize no campo textarea do Safari */
min-height: 100px; /* por causa do resize no campo textarea do Safari */
max-height: 100px; /* por causa do resize no campo textarea do Safari */

font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
background-color: #FFFFFF;
border: #999999 1px solid;
padding:5px;

-webkit-box-sizing: border-box; /* a borda é calculada dentro dos 100% */
-moz-box-sizing: border-box;    /* a borda é calculada dentro dos 100% */
-ms-box-sizing: border-box;     /* a borda é calculada dentro dos 100% */
-o-box-sizing: border-box;      /* a borda é calculada dentro dos 100% */
box-sizing:border-box;          /* a borda é calculada dentro dos 100% */

-webkit-border-radius: 5px 5px 5px 5px; /* borda arredondada */
-moz-border-radius: 5px 5px 5px 5px;    /* borda arredondada */
-ms-border-radius: 5px 5px 5px 5px;     /* borda arredondada */
-o-border-radius: 5px 5px 5px 5px;      /* borda arredondada */
border-radius: 5px 5px 5px 5px;         /* borda arredondada */

-webkit-box-shadow:0px 1px 0px #000000; /* sombra */
-moz-box-shadow:0px 1px 0px #000000;    /* sombra */
-ms-box-shadow:0px 1px 0px #000000;     /* sombra */
-o-box-shadow:0px 1px 0px #000000;      /* sombra */
box-shadow:0px 1px 0px #000000;         /* sombra */
}

.form_contato_textarea1:hover
{
-webkit-box-shadow:0px 2px 0px #000000; /* sombra */
-moz-box-shadow:0px 2px 0px #000000;    /* sombra */
-ms-box-shadow:0px 2px 0px #000000;     /* sombra */
-o-box-shadow:0px 2px 0px #000000;      /* sombra */
box-shadow:0px 2px 0px #000000;         /* sombra */
} 

.form_contato_textarea1:focus
{
outline: 0; /* remove a borda quando o elemento está "focado" */
}
}
/* FIM */


/* ---------------------------------- */
/* FIM  */
/* ---------------------------------- */


/* ============================================================================================================ */
/* ============================================================================================================ */
/* FIM */
/* ============================================================================================================ */
/* ============================================================================================================ */






/* ============================================================================================================ */
/* ============================================================================================================ */
/* BOTÃO */
/* ============================================================================================================ */
/* ============================================================================================================ */


/* ------------------------------------------------------------------------------------------------------------ */
/* BOTÕES */
/* ------------------------------------------------------------------------------------------------------------ */


/* ---------------------------------- */
/* 1 - FORMULÁRIO (ENVIAR) */
/* ---------------------------------- */


/* PC */
.form_contato_botao1
{
display: block;
width: 220px;
height: 50px;
background: url('../imagens/form_contato/001.png');
text-indent: -99999px;
background-position: 0 0;
outline: none; /* tira a linha em volta do objeto quando clicado */
}
.form_contato_botao1:hover 
{
background-position: 0 50px;
}
/* FIM */


/* TABLET */
@media screen and (max-width: 1000px)
{
.form_contato_botao1
{
display: block;
width: 160px;
height: 40px;
background: url('../imagens/form_contato/001.png');
text-indent: -99999px;
background-position: -220px 0px;
outline: none; /* tira a linha em volta do objeto quando clicado */
}
.form_contato_botao1:hover 
{
background-position: -220px -50px;
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 700px)
{
.form_contato_botao1
{
display: block;
width: 100px;
height: 40px;
background: url('../imagens/form_contato/001.png');
text-indent: -99999px;
background-position: -380px 0px;
outline: none; /* tira a linha em volta do objeto quando clicado */
}
.form_contato_botao1:hover 
{
background-position: -380px -50px;
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 500px)
{
.form_contato_botao1
{
display: block;
width: 40px;
height: 40px;
background: url('../imagens/form_contato/001.png');
text-indent: -99999px;
background-position: -480px 0px;
outline: none; /* tira a linha em volta do objeto quando clicado */
}
.form_contato_botao1:hover 
{
background-position: -480px -50px;
}
}
/* FIM */


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ---------------------------------- */
/* 2 - FORMULÁRIO (LIMPAR) */
/* ---------------------------------- */


/* PC */
.form_contato_botao2
{
display: block;
width: 220px;
height: 50px;
background: url('../imagens/form_contato/002.png');
text-indent: -99999px;
background-position: 0 0;
outline: none; /* tira a linha em volta do objeto quando clicado */
}
.form_contato_botao2:hover 
{
background-position: 0 50px;
}
/* FIM */


/* TABLET */
@media screen and (max-width: 1000px)
{
.form_contato_botao2
{
display: block;
width: 160px;
height: 40px;
background: url('../imagens/form_contato/002.png');
text-indent: -99999px;
background-position: -220px 0px;
outline: none; /* tira a linha em volta do objeto quando clicado */
}
.form_contato_botao2:hover 
{
background-position: -220px -50px;
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 700px)
{
.form_contato_botao2
{
display: block;
width: 100px;
height: 40px;
background: url('../imagens/form_contato/002.png');
text-indent: -99999px;
background-position: -380px 0px;
outline: none; /* tira a linha em volta do objeto quando clicado */
}
.form_contato_botao2:hover 
{
background-position: -380px -50px;
}
}
/* FIM */


/* MOBILE */
@media screen and (max-width: 500px)
{
.form_contato_botao2
{
display: block;
width: 40px;
height: 40px;
background: url('../imagens/form_contato/002.png');
text-indent: -99999px;
background-position: -480px 0px;
outline: none; /* tira a linha em volta do objeto quando clicado */
}
.form_contato_botao2:hover 
{
background-position: -480px -50px;
}
}
/* FIM */


/* ---------------------------------- */
/* FIM */
/* ---------------------------------- */


/* ------------------------------------------------------------------------------------------------------------ */
/* FIM */
/* ------------------------------------------------------------------------------------------------------------ */



/* ============================================================================================================ */
/* ============================================================================================================ */
/* FIM */
/* ============================================================================================================ */
/* ============================================================================================================ */