@charset "ISO-8859-1"; /*** Código que corrige a acentuação ***/
/* CSS Document */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :: CSS Reset :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
* { 
margin: 0; 
padding: 0; 
list-style: none; 
} 
hr { 
display: none; 
} 
img { 
border: none; 
} 
body{ 
background: #fff;
}
body p{
font: 12px arial, verdana, tahoma; 
color: #222;
}
body p a{
font: 12px arial, verdana, tahoma; 
color: #333;
text-decoration: none;
}
body p a:hover{
color: #000;
text-decoration: underline;
}
h1, h2, h3 {
font: 15px arial, verdana, tahoma; 
color: #333;
}
@font-face{
font-family: "Arial";
src: url("Arial.ttf") format("truetype");
}
@font-face{
font-family: "OpenSans-Regular";
src: url("OpenSans-Regular.ttf") format("truetype");
}
@font-face{
font-family: "OpenSans-Light";
src: url("OpenSans-Light.ttf") format("truetype");
}
@font-face{
font-family: "OpenSans-Bold";
src: url("OpenSans-Bold.ttf") format("truetype");
}
	   
@media screen and (max-width:580px)
{
		#desktop, #tablet{display:none;} /* apenas celular */
}
@media screen and (min-width:581px) and (max-width:979px)
{
		#desktop, #mobile{display:none;} /* apenas tablet */
}
@media screen and (min-width:980px)
{
		#tablet, #mobile{display:none;} /* apenas desktop */
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :: Layout Responsivo :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#desktop{ 
width: 100%;
height: 100%;
}
#tablet{ 
width: 100%;
height: 100%;
}
#mobile{ 
width: 100%;
height: 100%;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :: DESKTOP ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#corpo_geral { 
width: 100%;
background: #F0EDDF;
position:relative;
}
/* :: Div Topo Desktop :: */
#topo_geral{ 
width: 100%;
height: 576px;
background: #001A66;
position: relative;
}
#topo_geral_conteudo{ 
width: 100%;
height: 305px;
background: #001A66;
position: relative;
}
.tarjapt{
width: 100%;
height: 12px;
background: #000;
position: absolute;
	top: 0;
	left: 0;
}
.tarjab{
width: 100%;
height: 12px;
background: #FFF;
position: absolute;
	top: 82px;
	left: 0;
}
.banner{
width: 100%;
height: 482px;
background: url(img/banner.png) no-repeat; 
background-position:center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: absolute;
	top: 94px;
	left: 0;
}
.banner_conteudo{
width: 100%;
height: 211px;
background: url(img/banner_conteudo.png) no-repeat; 
background-position:center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: absolute;
	top: 94px;
	left: 0;
}
.mascara {
width: 100%;
height: 482px;
background: url(img/masc_banner.png) no-repeat; 
background-position:center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: absolute;
	top: 94px;
	left: 0px;
}
.mascara_conteudo{
width: 100%;
height: 211px;
background: url(img/masc_banner_conteudo.png) no-repeat; 
background-position:center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: absolute;
	top: 94px;
	left: 0px;
}
.tarjav{
width: 100%;
height: 123px;
background-color: rgba(217,0,0,0.6);
position: absolute;
	top: 394px;
	left: 0;
}
#topo{ 
width: 1100px;
height: 576px;
margin: 0px auto;
position: relative;
}
.cxlogo{ 
width: 238px;
height: 137px;
background: #FFF;
box-shadow: 10px 10px 18px #333;
position: absolute;
	top: 0px;
	left: 0;
}
.logotipo {
width: 202px;
height: 104px;
position: absolute;
	top: 18px;
	left: 16px;
}
.menu {
width: 862px;
height: 23px;
position: absolute;
	top: 33px;
	right: 0;
}
p.item_menu {
font-family: "OpenSans-Light";
font-size: 16px;
text-align: center;
color: #FFF;
}
p.item_menu a{
font-family: "OpenSans-Light";
font-size: 16px;
text-align: center;
text-decoration: none;
color: #FFF;
}
p.item_menu a:hover{
color: #FF0;
}
p.item_menu a.active{
color:#FF0;
}
.tarjav_conteudo{
width: 400px;
height: 60px;
background-color: rgba(217,0,0,0.6);
position: absolute;
	top: 224px;
	left: 0;
}
p.slogan {
width: 1100px;
font-family: "OpenSans-Light";
font-size: 40px;
text-align: center;
color: #FFF;
text-shadow: 4px 4px 5px #000000;
position: absolute;
	top: 395px;
	left: 0;
}
p.nome_conteudo {
width: 400px;
font-family: "OpenSans-Light";
font-size: 40px;
text-align: left;
color: #FFF;
text-shadow: 4px 4px 5px #000000;
position: absolute;
	top: 224px;
	left: 10px;
}

/* :: Div Corpo Desktop :: */
#corpo_geral #corpo{ 
width: 1100px;
margin: 0 auto;
position: relative;
}
h1.bem_vindo{ 
font-family: "OpenSans-Light";
font-size: 40px;
text-align: center;
color: #77716B;
padding-top: 10px;
}
h1.conteudo{ 
font-family: "OpenSans-Light";
font-size: 28px;
text-align: left;
color: #77716B;
padding-top: 10px;
}
h2.conteudo{ 
font-family: "OpenSans-Bold";
font-size: 16px;
text-align: left;
color: #77716B;
padding-top: 5px;
}
p.texto_bem_vindo {
font-family: "OpenSans-Light";
font-size: 16px;
font-weight: bold;
text-align: center;
color: #77716B;
padding-top: 30px;
}
p.conteudo {
font-family: "OpenSans-Light";
font-size: 16px;
font-weight: bold;
text-align: justify;
color: #77716B;
}
p.texto_conteudo_envia {
font-family: "OpenSans-Light";
font-size: 16px;
font-weight: bold;
text-align: center;
color: #77716B;
}
p.conteudo font.ast {
font-family: "OpenSans-Bold";
font-size: 16px;
color: #F00;
}
p.conteudo span {
font-family: "OpenSans-Bold";
}
p.conteudo img {
margin-right: 20px;
margin-bottom: 20px;
}
p.padding {
padding-top: 5px;
padding-bottom: 15px;
}
.links_home {
width: 1100px;
padding-top: 20px;
}
.link_empresa {
width: 275px;
height: 316px;
float: left;
position: relative;
}
.icone img{
display: block;
margin-left: auto;
margin-right: auto
}
p.titulo_link {
width: 200px;
margin: 0 auto;
font-family: "OpenSans-Bold";
font-size: 16px;
text-transform: uppercase;
text-align: center;
color: #4C443A;
padding-top: 10px;
}
p.texto_link {
width: 200px;
margin: 0 auto;
font-family: "OpenSans-Light";
font-size: 12px;
font-weight: bold;
text-align: center;
color: #77716B;
}
.btn_saiba{
position: absolute;
    left: 78px;
    bottom: 0;
}
p.saiba {
display: block;
margin: 0 auto;
}
p.saiba a{ 
width: 119px;
height: 32px;
background: url(img/btn_saiba.png) no-repeat;
text-indent: -999px; /*** Some com o texto ***/
overflow: hidden; /** Some com o conteúdo que transborda do elemento ***/
display: block;
}
p.saiba a:hover{
background-position: left -32px;
}
.link_produtos {
width: 275px;
height: 316px;
float: left;
position: relative;
}
.link_recomendacoes {
width: 275px;
height: 316px;
float: left;
position: relative;
}
.link_usinagem {
width: 275px;
height: 316px;
float: left;
position: relative;
}
p.texto_home {
font-family: "OpenSans-Light";
font-size: 16px;
font-weight: bold;
text-align: center;
color: #77716B;
padding-top: 35px;
clear: both;
}
p.texto_home_tarja {
font-family: "OpenSans-Light";
font-size: 18px;
font-weight: bold;
text-align: center;
color: #F0ECDF;
padding-top: 60px;
}
.tarjacinza{
width: 100%;
height: 100px;
background: #77716B;
position: absolute;
	bottom: 348px;
	left: 0;
}
.empurra_corpo{
width: 1100px;
height: 30px;
}

/* :: Div Rodape Desktop :: */
#rodape_geral{ 
width: 100%;
height: 348px;
background: #001A66;
position: relative;
}
.tarjabr{ 
width: 100%;
height: 153px;
background: #FFF;
position: absolute;
	top: 0px;
	left: 0px;
}
.tarjaptr{ 
width: 100%;
height: 12px;
background: #000;
position: absolute;
	top: 153px;
	left: 0px;
}
#rodape{ 
width: 1100px;
height: 348px;
margin: 0px auto;
position: relative;
}
.atendimento{ 
width: 1100px;
height: 123px;
margin: 0px auto;
position: absolute;
	top: 30px;
	left: 0;
}
.tel{ 
width: 366px;
height: 95px;
border-right: 1px solid #000;
position: relative;
	top: 0;
	left: 0;
}
p.telefone{
width: 176px;
font-family: "Arial";
font-size: 18px;
text-align: center;
color: #4C443B;
position: absolute;
	top: 28px;
	left: 170px;
}
.logo_contato{
width: 97px;
height: 95px;
position: relative;
	top: 0;
	left: 60px;
}
.whats {
width: 456px;
height: 95px;
border-right: 1px solid #000;
position: absolute;
	top: 0;
	left: 367px;
}
.whats p.tel_whats {
width: 272px;
height: 46px;
position: absolute;
	top: 9px;
	left: 48px;
}
a.link_whats {
font-family: "OpenSans-Bold";
font-size: 36px;
text-align: left;
color: #1E9D13;
}
a.link_whats:hover {
font-family: "OpenSans-Bold";
font-size: 36px;
text-align: left;
text-decoration: none;
color: #177D0F;
}
.whats a.logo_whats img {
width: 77px;
height: 78px;
position: absolute;
	top: 9px;
	right: 48px;
}
.whats p.texto_whats {
width: 272px;
height: 26px;
font-family: "OpenSans-Light";
font-size: 18px;
text-align: center;
color: #77716B;
position: absolute;
	top: 54px;
	left: 48px;
}
.link_face {
width: 56px;
height: 56px;
position: absolute;
	top: 20px;
	right: 160px;
}
.link_insta {
width: 56px;
height: 56px;
position: absolute;
	top: 20px;
	right: 70px;
}
.info{ 
width: 1100px;
height: 183px;
margin: 0px auto;
position: relative;
	top: 165px;
	left: 0;
}
p.direitos{ 
width: 570px;
font: 14px Arial, Verdana, Times New Roman;
text-align: center;
color: #FFF;
margin: 0 auto;
padding-top: 10px;
}
p.endereco{ 
width: 704px;
font-family: "OpenSans-Regular";
font-size: 14px;
text-align: center;
color: #FFF;
margin: 0 auto;
padding-top: 75px;
}
p.endereco span{ 
width: 704px;
font-family: "OpenSans-Bold";
font-size: 18px;
text-align: center;
color: #FFF;
}
p.endereco a{ 
font-family: "OpenSans-Regular";
font-size: 14px;
text-align: center;
color: #FFF;
}
p.endereco a:hover{ 
font-family: "OpenSans-Regular";
font-size: 14px;
text-align: center;
color: #FF0;
}
.olhar{
width: 69px;
height: 53px;
position: absolute;
	top: 164px;
	right: 0px;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :: TABLET :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#corpo_geral_tablet { 
width: 100%;
background: #F0EDDF;
}
/* :: Div Topo Tablet :: */
#topo_geral_tablet{ 
width: 100%;
height: 405px;
background: #001A66;
position: relative;
}
#topo_geral_conteudo_tablet{ 
width: 100%;
height: 240px;
background: #001A66;
position: relative;
}
.tarjapt_tablet{
width: 100%;
height: 12px;
background: #000;
z-index: 1;
position: absolute;
	top: 0;
	left: 0;
}
.tarjab_tablet{
width: 100%;
height: 12px;
background: #FFF;
z-index: 1;
position: absolute;
	top: 82px;
	left: 0;
}
.banner_tablet{
width: 100%;
height: 311px;
background: url(img/banner_tablet.png) no-repeat; 
background-position:center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: absolute;
	top: 94px;
	left: 0;
}
.banner_conteudo_tablet{
width: 100%;
height: 146px;
background: url(img/banner_conteudo_tablet.png) no-repeat; 
background-position:center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: absolute;
	top: 94px;
	left: 0;
}
.mascara_tablet{
width: 100%;
height: 311px;
background: url(img/masc_banner_tablet.png) no-repeat; 
background-position:center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: absolute;
	top: 94px;
	left: 0px;
}
.mascara_conteudo_tablet{
width: 100%;
height: 146px;
background: url(img/masc_banner_conteudo_tablet.png) no-repeat; 
background-position:center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: absolute;
	top: 94px;
	left: 0px;
}
.tarjav_tablet{
width: 100%;
height: 123px;
background-color: rgba(217,0,0,0.6);
position: absolute;
	top: 248px;
	left: 0;
}
#topo_tablet{ 
width: 570px;
height: 405px;
margin: 0px auto;
position: relative;
}
#topo_conteudo_tablet{ 
width: 570px;
height: 240px;
margin: 0px auto;
position: relative;
}
.cxlogo_tablet{ 
width: 238px;
height: 137px;
background: #FFF;
box-shadow: 10px 10px 18px #333;
z-index: 1;
position: absolute;
	top: 0px;
	left: 0;
}
.logotipo_tablet {
width: 202px;
height: 104px;
z-index: 1;
position: absolute;
	top: 18px;
	left: 16px;
}
.menu_tablet{
width: 46px;
height: 34px;
position: absolute;
    top: 32px;
    right: 0;
}
.btn_menu{
width: 46px;
height: 34px;
background: url(img/btn_menu.png);
position: absolute;
	top: 32px;
	right: 0;
}
.btn_menu ul li.show-sub-menu{
width:46px;
height:34px;
background:url(img/btn_menu.png) no-repeat;
display:block;
float:left;
position:relative;
z-index: 1;
}
.btn_menu ul li.show-sub-menu:hover{
width:46px;
height:34px;
cursor:pointer;
background-position:left -34px;
}
.btn_menu ul li.show-sub-menu ul.submenu{
width:200px;
height:199px;
background:#434343;
border-bottom:1px solid #333;
position:absolute;
	top: 50px;
	right: 0;
}
.btn_menu ul li.show-sub-menu ul.submenu li.ac{
width:200px;
height:32px;
border-top:1px solid #333;
}
.btn_menu ul li.show-sub-menu ul.submenu li.ac a{
font-family: "OpenSans-Regular";
font-size: 18px;
color:#fff;
text-decoration:none;
display:block;
padding-top:3px;
padding-left:10px;
padding-bottom:6px;
background:#676767;
}
.btn_menu ul li.show-sub-menu ul.submenu li.ac a:hover{
font-family: "OpenSans-Regular";
font-size: 18px;
color: #fff;
text-decoration:none;
display:block;
background:#434343;
}
.btn_menu ul li.show-sub-menu ul.submenu li.ac a.active{
font-family: "OpenSans-Regular";
font-size: 18px;
color: #fff;
text-decoration:none;
display:block;
background:#434343;
}
.tarjav_conteudo_tablet{
width: 238px;
height: 40px;
background-color: rgba(217,0,0,0.6);
position: absolute;
	top: 178px;
	left: 0;
}
p.slogan_tablet {
width: 570px;
font-family: "OpenSans-Light";
font-size: 24px;
text-align: center;
color: #FFF;
text-shadow: 4px 4px 5px #000000;
position: absolute;
	top: 275px;
	left: 0;
}
p.nome_conteudo_tablet {
width: 244px;
font-family: "OpenSans-Light";
font-size: 24px;
text-align: left;
color: #FFF;
text-shadow: 4px 4px 5px #000000;
position: absolute;
	top: 178px;
	left: 10px;
}

/* :: Div Corpo Tablet :: */
#corpo_geral_tablet { 
width: 100%;
background: #F0EDDF;
}
.tarjaptc_tablet{
width: 100%;
height: 12px;
background: #000;
z-index: 1;
position: absolute;
	top: 240px;
	left: 0;
}
.tarjabc_tablet{
width: 100%;
height: 200px;
background: #FFF;
z-index: 1;
position: absolute;
	top: 252px;
	left: 0;
}
/* :: Div Corpo :: */
#corpo_tablet{ 
width: 570px;
margin: 0 auto;
position: relative;
top: 12px;
z-index: 1;
}
h1.bem_vindo_tablet{ 
font-family: "OpenSans-Light";
font-size: 34px;
text-align: center;
color: #77716B;
padding-top: 10px;
}
h1.titulo_conteudo_tablet{ 
font-family: "OpenSans-Light";
font-size: 34px;
text-align: center;
color: #77716B;
padding-top: 10px;
}
p.texto_bem_vindo_tablet{
font-family: "OpenSans-Light";
font-size: 16px;
font-weight: bold;
text-align: center;
color: #77716B;
padding-top: 30px;
}
p.texto_conteudo_contato_tablet {
font-family: "OpenSans-Light";
font-size: 16px;
text-align: left;
color: #77716B;
padding-top: 10px;
}
font.ast_tablet {
font-family: "OpenSans-Light";
font-size: 16px;
color: #C00;
padding: 3px 0px 0 0;
}
.links_home_tablet{
width: 570px;
padding-top: 20px;
}
.link_empresa_tablet {
width: 285px;
height: 316px;
margin-bottom: 60px;
float: left;
position: relative;
}
.icone_tablet img{
display: block;
margin-left: auto;
margin-right: auto
}
p.titulo_link_tablet {
width: 200px;
margin: 0 auto;
font-family: "OpenSans-Bold";
font-size: 16px;
text-transform: uppercase;
text-align: center;
color: #4C443A;
padding-top: 10px;
}
p.texto_link_tablet {
width: 200px;
margin: 0 auto;
font-family: "OpenSans-Light";
font-size: 12px;
font-weight: bold;
text-align: center;
color: #77716B;
}
.btn_saiba_tablet{
position: absolute;
    left: 78px;
    bottom: 0;
}
p.saiba_tablet {
display: block;
margin: 0 auto;
}
p.saiba_tablet a{ 
width: 119px;
height: 32px;
background: url(img/btn_saiba.png) no-repeat;
text-indent: -999px; /*** Some com o texto ***/
overflow: hidden; /** Some com o conteúdo que transborda do elemento ***/
display: block;
}
p.saiba_tablet a:hover{
background-position: left -32px;
}
.link_produtos_tablet {
width: 285px;
height: 316px;
margin-bottom: 60px;
float: left;
position: relative;
}
.link_recomendacoes_tablet {
width: 285px;
height: 316px;
float: left;
position: relative;
}
.link_usinagem_tablet {
width: 285px;
height: 316px;
float: left;
position: relative;
}
p.texto_home_tablet {
font-family: "OpenSans-Light";
font-size: 16px;
font-weight: bold;
text-align: center;
color: #77716B;
padding-top: 45px;
clear: both;
}
p.texto_home_tarja_tablet {
font-family: "OpenSans-Light";
font-size: 18px;
font-weight: bold;
text-align: center;
color: #F0ECDF;
padding-top: 63px;
z-index: 1;
}
.tarjacinza_tablet{
width: 100%;
height: 130px;
background: #77716B;
position: absolute;
	top: 1448px;
	left: 0;
}
.empurra_corpo_tablet{
width: 570px;
height: 17px;
}

/* :: Div Rodape Tablet :: */
#rodape_geral_tablet{ 
width: 100%;
height: 648px;
background: #001A66;
position: relative;
}
.tarjabr_tablet{
width: 100%;
height: 369px;
background: #FFF;
position: absolute;
	top: 0;
	left: 0;
}
.tarjaptr_tablet{
width: 100%;
height: 12px;
background: #000;
position: absolute;
	top: 369px;
	left: 0;
}
#rodape_tablet{ 
width: 570px;
height: 648px;
margin: 0px auto;
position: relative;
}
.olhar_tablet{
width: 69px;
height: 53px;
position: absolute;
	top: 381px;
	left: 250px;
}
.atendimento_tablet{ 
width: 570px;
height: 369px;
margin: 0px auto;
position: absolute;
	top: 0;
	left: 0;
}
.whats_tablet {
width: 456px;
height: 95px;
position: absolute;
	top: 28px;
	left: 57px;
}
.whats_tablet p.tel_whats_tablet {
width: 272px;
height: 46px;
position: absolute;
	top: 9px;
	left: 48px;
}
a.link_whats_tablet {
font-family: "OpenSans-Bold";
font-size: 36px;
text-align: left;
color: #1E9D13;
}
a.link_whats_tablet:hover {
font-family: "OpenSans-Bold";
font-size: 36px;
text-align: left;
text-decoration: none;
color: #177D0F;
}
.whats_tablet a.logo_whats_tablet img {
width: 77px;
height: 78px;
position: absolute;
	top: 9px;
	right: 48px;
}
.whats_tablet p.texto_whats_tablet {
width: 272px;
height: 26px;
font-family: "OpenSans-Light";
font-size: 18px;
text-align: center;
color: #77716B;
position: absolute;
	top: 54px;
	left: 48px;
}
.insta_tablet {
width: 260px;
height: 102px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
position: absolute;
	top: 135px;
	left: 155px;
}
.link_face_tablet {
width: 56px;
height: 56px;
position: absolute;
	top: 23px;
	left: 46px;
}
.link_insta_tablet {
width: 56px;
height: 56px;
position: absolute;
	top: 23px;
	right: 46px;
}
.tel_tablet{ 
width: 366px;
height: 95px;
position: relative;
	top: 260px;
	left: 85px;
}
p.telefone_tablet{
width: 176px;
font-family: "Arial";
font-size: 18px;
text-align: center;
color: #4C443B;
position: absolute;
	top: 28px;
	left: 170px;
}
.logo_contato_tablet{
width: 97px;
height: 95px;
position: relative;
	top: 0;
	left: 60px;
}
p.direitos_tablet{ 
width: 570px;
font: 14px Arial, Verdana, Times New Roman;
text-align: center;
color: #FFF;
margin: 0 auto;
position: absolute;
	top: 454px;
}
p.endereco_tablet{ 
width: 570px;
font-family: "OpenSans-Regular";
font-size: 14px;
text-align: center;
color: #FFF;
margin: 0 auto;
position: absolute;
	top: 544px;
}
p.endereco_tablet span{ 
width: 570px;
font-family: "OpenSans-Bold";
font-size: 18px;
text-align: center;
color: #FFF;
}
p.endereco_tablet a{ 
font-family: "OpenSans-Regular";
font-size: 14px;
text-align: center;
color: #FFF;
}
p.endereco_tablet a:hover{ 
font-family: "OpenSans-Regular";
font-size: 14px;
text-align: center;
color: #FF0;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :: MOBILE :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* :: Div Topo Mobile :: */

#corpo_geral_mobile { 
width: 100%;
background: #F0EDDF;
position:relative;
}
.tarjaptc_mobile{
width: 100%;
height: 12px;
background: #000;
position: absolute;
	top: 230px;
	left: 0;
}
.tarjabc_mobile{
width: 100%;
height: 290px;
background: #FFF;
position: absolute;
	top: 242px;
	left: 0;
}
/* :: Div Topo Mobile :: */
#topo_geral_mobile{ 
width: 100%;
height: 405px;
background: #001A66;
position: relative;
}
#topo_geral_conteudo_mobile{ 
width: 100%;
height: 230px;
background: #001A66;
position: relative;
}
.tarjapt_mobile{
width: 100%;
height: 12px;
background: #000;
position: absolute;
	top: 0;
	left: 0;
}
.tarjab_mobile{
width: 100%;
height: 12px;
background: #FFF;
position: absolute;
	top: 82px;
	left: 0;
}
.banner_mobile{
width: 100%;
height: 311px;
background: url(img/banner_mobile.png) no-repeat; 
background-position:center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: absolute;
	top: 94px;
	left: 0;
}
.banner_conteudo_mobile{
width: 100%;
height: 136px;
background: url(img/banner_conteudo_mobile.png) no-repeat; 
background-position:center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: absolute;
	top: 94px;
	left: 0;
}
.mascara_mobile{
width: 100%;
height: 311px;
background: url(img/masc_banner_mobile.png) no-repeat; 
background-position:center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: absolute;
	top: 94px;
	left: 0px;
}
.mascara_conteudo_mobile{
width: 100%;
height: 136px;
background: url(img/masc_banner_conteudo_mobile.png) no-repeat; 
background-position:center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: absolute;
	top: 94px;
	left: 0px;
}
.tarjav_mobile{
width: 100%;
height: 85px;
background-color: rgba(217,0,0,0.6);
position: absolute;
	top: 285px;
	left: 0;
}
#topo_mobile{ 
width: 346px;
height: 619px;
margin: 0px auto;
position: relative;
}
#topo_conteudo_mobile{ 
width: 346px;
height: 230px;
margin: 0px auto;
position: relative;
}
.cxlogo_mobile{ 
width: 238px;
height: 137px;
background: #FFF;
box-shadow: 10px 10px 18px #333;
position: absolute;
	top: 0px;
	left: 0;
}
.logotipo_mobile{
width: 202px;
height: 104px;
position: absolute;
	top: 18px;
	left: 16px;
}
.menu_mobile{
width: 46px;
height: 34px;
position: absolute;
    top: 32px;
    right: 0;
}
.tarjav_conteudo_mobile{
width: 188px;
height: 30px;
background-color: rgba(217,0,0,0.6);
position: absolute;
	top: 182px;
	left: 0;
}
p.slogan_mobile {
width: 316px;
font-family: "OpenSans-Light";
font-size: 18px;
text-align: center;
color: #FFF;
text-shadow: 4px 4px 5px #000000;
position: absolute;
	top: 290px;
	left: 15px;
}
p.nome_conteudo_mobile {
width: 188px;
font-family: "OpenSans-Light";
font-size: 18px;
text-align: left;
color: #FFF;
text-shadow: 4px 4px 5px #000000;
position: absolute;
	top: 182px;
	left: 10px;
}

/* :: Div Corpo Mobile:: */
#corpo_mobile{ 
width: 346px;
margin: 0 auto;
position: relative;
top: 12px;
}
h1.bem_vindo_mobile{ 
font-family: "OpenSans-Light";
font-size: 22px;
text-align: center;
color: #77716B;
padding-top: 10px;
}
h1.titulo_conteudo_mobile{ 
font-family: "OpenSans-Light";
font-size: 22px;
text-align: center;
color: #77716B;
padding-top: 10px;
}
p.texto_bem_vindo_mobile{
font-family: "OpenSans-Light";
font-size: 15px;
font-weight: bold;
text-align: center;
color: #77716B;
padding-top: 30px;
}
p.texto_conteudo_contato_mobile{
font-family: "OpenSans-Light";
font-size: 15px;
font-weight: bold;
text-align: center;
color: #77716B;
padding-top: 30px;
}
font.ast_mobile {
font-family: "OpenSans-Light";
font-size: 15px;
color: #C00;
padding: 3px 0px 0 0;
}
.links_home_mobile{
width: 346px;
padding-top: 20px;
}
.link_empresa_mobile {
width: 346px;
height: 336px;
margin-bottom: 60px;
border-bottom: 1px solid #000;
position: relative;
}
.icone_mobile img{
display: block;
margin-left: auto;
margin-right: auto
}
p.titulo_link_mobile {
width: 200px;
margin: 0 auto;
font-family: "OpenSans-Bold";
font-size: 16px;
text-transform: uppercase;
text-align: center;
color: #4C443A;
padding-top: 10px;
}
p.texto_link_mobile {
width: 200px;
margin: 0 auto;
font-family: "OpenSans-Light";
font-size: 12px;
font-weight: bold;
text-align: center;
color: #77716B;
}
.btn_saiba_mobile{
position: absolute;
    left: 113px;
    bottom: 20px;
}
p.saiba_mobile{
display: block;
margin: 0 auto;
}
p.saiba_mobile a{ 
width: 119px;
height: 32px;
background: url(img/btn_saiba.png) no-repeat;
text-indent: -999px; /*** Some com o texto ***/
overflow: hidden; /** Some com o conteúdo que transborda do elemento ***/
display: block;
}
p.saiba_mobile a:hover{
background-position: left -32px;
}
.link_produtos_mobile {
width: 346px;
height: 336px;
margin-bottom: 60px;
border-bottom: 1px solid #000;
position: relative;
}
.link_recomendacoes_mobile {
width: 346px;
height: 336px;
margin-bottom: 60px;
border-bottom: 1px solid #000;
position: relative;
}
.link_usinagem_mobile {
width: 346px;
height: 336px;
margin-bottom: 30px;
border-bottom: 1px solid #000;
position: relative;
}
p.texto_home_mobile {
font-family: "OpenSans-Light";
font-size: 16px;
font-weight: bold;
text-align: center;
color: #77716B;
}
p.texto_home_tarja_mobile {
font-family: "OpenSans-Light";
font-size: 16px;
font-weight: bold;
text-align: center;
color: #F0ECDF;
padding-top: 63px;
z-index: 1;
}
.tarjacinza_mobile{
width: 100%;
height: 156px;
background: #77716B;
position: absolute;
	top: 2339px;
	left: 0;
}
.empurra_corpo_mobile{
width: 346px;
height: 15px;
}

/* :: Div Rodape Mobile :: */
#rodape_geral_mobile{ 
width: 100%;
height: 607px;
background: #001A66;
position: relative;
}
.tarjabr_mobile{
width: 100%;
height: 328px;
background: #FFF;
position: absolute;
	top: 0;
	left: 0;
}
.tarjaptr_mobile{
width: 100%;
height: 12px;
background: #000;
position: absolute;
	top: 328px;
	left: 0;
}
#rodape_mobile{ 
width: 346px;
height: 607px;
margin: 0px auto;
position: relative;
}
.olhar_mobile{
width: 69px;
height: 53px;
position: absolute;
	top: 340px;
	left: 138px;
}
.atendimento_mobile{ 
width: 346px;
height: 308px;
margin: 0px auto;
position: absolute;
	top: 0;
	left: 0;
}
.whats_mobile {
width: 346px;
height: 95px;
position: absolute;
	top: 5px;
	left: 0;
}
.whats_mobile p.tel_whats_mobile {
width: 245px;
height: 46px;
position: absolute;
	top: 9px;
	left: 10px;
}
a.link_whats_mobile {
font-family: "OpenSans-Bold";
font-size: 32px;
text-align: left;
color: #1E9D13;
}
a.link_whats_mobile:hover {
font-family: "OpenSans-Bold";
font-size: 32px;
text-align: left;
text-decoration: none;
color: #177D0F;
}
.whats_mobile a.logo_whats_mobile img {
width: 77px;
height: 78px;
position: absolute;
	top: 9px;
	right: 10px;
}
.whats_mobile p.texto_whats_mobile {
width: 245px;
height: 26px;
font-family: "OpenSans-Light";
font-size: 16px;
text-align: center;
color: #77716B;
position: absolute;
	top: 54px;
	left: 6px;
}
.insta_mobile{
width: 260px;
height: 82px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
position: absolute;
	top: 110px;
	left: 43px;
}
.link_face_mobile {
width: 56px;
height: 56px;
position: absolute;
	top: 13px;
	left: 46px;
}
.link_insta_mobile {
width: 56px;
height: 56px;
position: absolute;
	top: 13px;
	right: 46px;
}
.tel_mobile{ 
width: 346px;
height: 95px;
position: relative;
	top: 215px;
	left: 0;
}
p.telefone_mobile{
width: 176px;
font-family: "Arial";
font-size: 18px;
text-align: center;
color: #4C443B;
position: absolute;
	top: 28px;
	left: 140px;
}
.logo_contato_mobile{
width: 97px;
height: 95px;
position: relative;
	top: 0;
	left: 30px;
}
p.direitos_mobile{ 
width: 346px;
font: 14px Arial, Verdana, Times New Roman;
text-align: center;
color: #FFF;
margin: 0 auto;
position: absolute;
	top: 413px;
}
p.endereco_mobile{ 
width: 346px;
font-family: "OpenSans-Regular";
font-size: 14px;
text-align: center;
color: #FFF;
margin: 0 auto;
position: absolute;
	top: 500px;
}
p.endereco_mobile span{ 
width: 346px;
font-family: "OpenSans-Bold";
font-size: 18px;
text-align: center;
color: #FFF;
}
p.endereco_mobile a{ 
font-family: "OpenSans-Regular";
font-size: 14px;
text-align: center;
color: #FFF;
}
p.endereco_mobile a:hover{ 
font-family: "OpenSans-Regular";
font-size: 14px;
text-align: center;
color: #FF0;
}