@charset "utf-8";
/* CSS Document */


body {/*referente aos dados básicos do corpo dapágina*/
/*background-image:url(../images/body/background.png);*/
text-align:center;
font-size:small;
font-family:Arial, Helvetica, sans-serif;
top:0px;
margin-top: 0px;
bottom: 0px;
margin-bottom: 0px;
}

#Borda{
position:absolute;
top:0px;
margin:auto;
width:980px;
height:946px;
position:relative;
background-repeat:repeat-y;
background-image:url(../images/background.png);
}

#geral{
position:absolute;
top:20px;
margin:auto;
width:862px;
height:927px;
position:relative;
background-color:#FFFFFF;
}

/*topo da página*/

#Logotipo{
position:absolute;
top:25px;
left:30px;
width:170px;
height:180px;
background-repeat:no-repeat;
background-image:url(../images/body/Logo_expama.png);
}

/*area restrita*/

#BoxAreaRestrita{
position:absolute;
top:17px;
left:543px;
width:282px;
height:53px;
}
#ImgAreaRestrita{
position:absolute;
top:0px;
left:135px;
width:151px;
height:22px;
background:no-repeat;
background-image:url(../images/body/menu/area_restrita/img_area.png);
}
#Login{
position:absolute;
top:35px;
left:46px;
width:91px;
height:18px;
background-repeat:no-repeat;
background-image:url(../images/body/menu/area_restrita/box_login_senha.jpg);
}
#TextoLogin{
position:absolute;
top:38px;
left:0px;
width:33px;
height:11px;
font-size:9pt;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#F4821F;
}
#Senha{
position:absolute;
top:35px;
left:191px;
width:91px;
height:18px;
background-repeat:no-repeat;
background-image:url(../images/body/menu/area_restrita/box_login_senha.jpg);
}

#TextoSenha{
position:absolute;
top:38px;
left:145px;
width:38px;
height:9px;
font-size:9pt;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#F4821F;
}

/*end*/

/*menu superiror*/

#BoxMenuTop{
position:absolute;
top:105px;
left:257px;
width:605px;
height:17px;
}

#home{
	position:absolute;
	top:0px;
	left:-60px;
	width:64px;
	height:21px;
	cursor:pointer;
}
#empresa{
	position:absolute;
	top:0px;
	left:0px;
	width:102px;
	height:20px;
	cursor:pointer;
}
#Garantia{
	position:absolute;
	top:0px;
	left:102px;
	width:223px;
	height:20px;
	visibility: visible;
		cursor:pointer;
}
#Sustentabilidade{
position:absolute;
top:0px;
left:325px;
width:180px;
height:20px;
	cursor:pointer;
}
#Contato{
position:absolute;
top:0px;
left:505px;
width:97px;
height:20px;
	cursor:pointer;
}

/*end*/

/*corpo da página*/

#GradeCentral{
position:absolute;
top:151px;
left:21px;
width:648px;
height:754px;
}
#PisoOferta{
position:absolute;
top:71px;
left:0px;
width:578px;
height:198px;
background:no-repeat;
background-image:url(../images/body/box_fundo_oferta.png);
}
#TextoTiuloPisoOferta{
position:absolute;
top:21px;
left:87px;
width:140px;
height:12px;
font-size:12pt;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#AE551A;
text-align: center;
}
#TextoDescritivoPisoOferta{
position:absolute;
top:75px;
left:81px;
width:172px;
height:31px;
font-size:11pt;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#AE551A;
}
#TextoPrecoPisoOferta{
position:absolute;
top:127px;
left:99px;
width:137px;
height:18px;
font-size:12pt;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#AE551A;
}
#BoxImgPisoOferta{
position:absolute;
top:17px;
left:254px;
width:275px;
height:157px;
}
/*end piso oferta*/
#PisosExpama{
position:absolute;
top:332px;
left:0px;
width:648px;
height:297px;
background:no-repeat;
background-image:url(../images/body/box_pisos_expama.png);
}
#TextoTiuloExpama{
position:absolute;
top:92px;
left:411px;
width:115px;
height:14px;
font-size:12pt;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#AE551A;
}
#TextoDescritivoExpama{
position:absolute;
top:131px;
left:382px;
width:172px;
height:31px;
font-size:11pt;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#AE551A;
}
#TextoPrecoExpama{
position:absolute;
top:220px;
left:392px;
width:153px;
height:19px;
font-size:12pt;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#AE551A;
}
#BoxImgPisoExpama{
position:absolute;
top:20px;
left:17px;
width:312px;
height:252px;
}

#BoxImgPisoExpama img{
width:310px;
height:250px;
}

/*end*/

/*menu lateral*/

#BoxMenuLateral{
position:absolute;
top:151px;
left:683px;
width:157px;
height:754px;
}
#TextoTitulo{
position:absolute;
top:0px;
left:36px;
width:106px;
height:35px;
font-size:11pt;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#F4821F;
}
#BotaoAndiroba{
position:absolute;
top:42px;
left:0px;
width:157px;
height:41px;
cursor:pointer;
}

#BotaoCumaru{
position:absolute;
top:89px;
left:0px;
width:157px;
height:41px;
cursor:pointer;
}

#BotaoCurupixa{
position:absolute;
top:137px;
left:0px;
width:157px;
height:41px;
cursor:pointer;
}

#BotaoGuajara{
position:absolute;
top:185px;
left:0px;
width:157px;
height:41px;
cursor:pointer;
}

#BotaoGPM{
position:absolute;
top:234px;
left:0px;
width:157px;
height:41px;
cursor:pointer;
}

#BotaoIpe{
position:absolute;
top:282px;
left:0px;
width:157px;
height:41px;
cursor:pointer;
}

#BotaoIpe1{
position:absolute;
top:328px;
left:0px;
width:157px;
height:41px;
cursor:pointer;
}

#BotaoJatoba{
position:absolute;
top:376px;
left:0px;
width:157px;
height:41px;
cursor:pointer;
}

#BotaoMuiricatiara{
position:absolute;
top:424px;
left:0px;
width:157px;
height:41px;
cursor:pointer;
}

#BotaoSucupiraPreta{
position:absolute;
top:472px;
left:0px;
width:157px;
height:41px;
cursor:pointer;
}

#BotaoTachi{
position:absolute;
top:521px;
left:0px;
width:157px;
height:41px;
cursor:pointer;
}

#BotaoTanimbuca{
position:absolute;
top:568px;
left:0px;
width:157px;
height:41px;
cursor:pointer;
}

#BotaoTauari{
position:absolute;
top:616px;
left:0px;
width:157px;
height:41px;
cursor:pointer;
}

#BotaoTimborama{
position:absolute;
top:664px;
left:0px;
width:157px;
height:41px;
cursor:pointer;
}

#BotaoTimborana{
position:absolute;
top:713px;
left:0px;
width:157px;
height:41px;
cursor:pointer;
}


/*end*/

/* rodapé*/
#BoxRodape{
position:absolute;
top:669px;
left:20px;
width:236px;
height:85px;
}

#BoxEndereco{
position:absolute;
top:150px;
left:0px;
width:143px;
height:85px;
}
#TextoSp{
position:absolute;
top:0px;
left:10px;
width:56px;
height:9px;
font-size:8pt;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#000000;
}
#TextoEndereco{
position:absolute;
top:15px;
left:10px;
width:300px;
height:40px;
font-size:13px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
}
#BoxSelos{
position:absolute;
top:150px;
left:300px;
width:93px;
height:85px;
background-image:url(../images/body/selo.png)
}
/*-----------------end----------------------------------*/
/* inicio do conteudo relativo a pagina garantia*/

#ImgBoxGarantia{
position:absolute;
top:63px;
left:25px;
width:574px;
height:194px;
background-repeat:no-repeat;
background-image:url(../images/body/quadros_superiores/img_box_garantia.png);
}
#ImgGarantia{
position:absolute;
top:12px;
left:58px;
width:499px;
height:146px;
background-repeat:no-repeat;
background-image:url(../images/body/quadros_superiores/img_garantia/img_garantia.png);
}
#BoxTextArea{
position:absolute;
top:261px;
left:32px;
width:558px;
height:392px;
text-align:left;
font-size:9pt;
font-family:Arial, Helvetica, sans-serif;
color:#5A3711;
overflow-x:hidden;
overflow-y:auto;
}
/*-----------------end----------------------------------*/
/* inicio do conteudo relativo a pagina empresa*/

#ImgBoxEmpresa{
position:absolute;
top:63px;
left:25px;
width:548px;
height:194px;
background-repeat:no-repeat;
background-image:url(../images/body/quadros_superiores/img_box_empresa.png);
}
#ImgEmpresa{
position:absolute;
top:12px;
left:32px;
width:499px;
height:146px;
background-repeat:no-repeat;
background-image:url(../images/body/quadros_superiores/img_empresa/img_empresa.png);
}
/*-----------------end----------------------------------*/
/* inicio do conteudo relativo a pagina sustentabilidade*/

#ImgBoxSustentabilidade{
position:absolute;
top:63px;
left:25px;
width:575px;
height:196px;
background-repeat:no-repeat;
background-image:url(../images/body/quadros_superiores/img_box_sustentabilidade.png)
}
#ImgSustentabilidade{
position:absolute;
top:12px;
left:58px;
width:499px;
height:146px;
background-repeat:no-repeat;
background-image:url(../images/body/quadros_superiores/img_sustentabilidade/img_sustentabilidade.png)
}

/*-----------------end----------------------------------*/
/* inicio do conteudo relativo a pagina contato*/

#ImgBoxContato{
position:absolute;
top:63px;
left:25px;
width:549px;
height:194px;
background-repeat:no-repeat;
background-image:url(../images/body/quadros_superiores/img_box_contato.png);
}
#ImgContato{
position:absolute;
top:12px;
left:34px;
width:499px;
height:146px;
background-repeat:no-repeat;
background-image:url(../images/body/quadros_superiores/img_contato/img_contato.png);
}
#ImgEnvie{
position:absolute;
top:283px;
left:193px;
width:296px;
height:28px;
background-repeat:no-repeat;
background-image:url(../images/body/quadros_superiores/img_contato/img_envie_sua_menssagem.png);
}
#BoxCampoContato{
position:absolute;
top:320px;
left:84px;
width:405px;
height:339px;
}
#BoxTextNome{
position:absolute;
top:22px;
left:0px;
width:51px;
height:13px;
text-align:left;
font-size:10pt;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#5A3711;
}
#BoxTextEmpresa{
position:absolute;
top:46px;
left:0px;
width:76px;
height:13px;
text-align:left;
font-size:10pt;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#5A3711;
}
#BoxTextEmail{
position:absolute;
top:70px;
left:0px;
width:60px;
height:13px;
text-align:left;
font-size:10pt;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#5A3711;
}
#BoxTextTelefone{
position:absolute;
top:94px;
left:0px;
width:139px;
height:18px;
text-align:left;
font-size:10pt;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#5A3711;
}
#BoxTextEndereco{
position:absolute;
top:118px;
left:0px;
width:91px;
height:18px;
text-align:left;
font-size:10pt;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#5A3711;
}
#BoxTextCep{
position:absolute;
top:142px;
left:0px;
width:36px;
height:13px;
text-align:left;
font-size:10pt;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#5A3711;;
}
#BoxTextCidade{
position:absolute;
top:166px;
left:0px;
width:64px;
height:13px;
text-align:left;
font-size:10pt;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#5A3711;
}
#BoxTextEstado{
position:absolute;
top:190px;
left:0px;
width:66px;
height:13px;
text-align:left;
font-size:10pt;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#5A3711;
}
#BoxTextMenssagem{
position:absolute;
top:228px;
left:0px;
width:93px;
height:13px;
text-align:left;
font-size:10pt;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#5A3711;
}
/*-----------------end----------------------------------*/
#BoxCampoNome{
position:absolute;
top:22px;
left:158px;
width:247px;
height:13px;
}
#BoxCampoEmpresa{
position:absolute;
top:46px;
left:158px;
width:247px;
height:13px;
}
#BoxCampoEmail{
position:absolute;
top:70px;
left:158px;
width:247px;
height:13px;
}
#BoxCampoTelefoneDDD{
position:absolute;
top:94px;
left:158px;
width:51px;
height:13px;
}
#BoxCampoTelefoneNumero{
position:absolute;
top:94px;
left:224px;
width:181px;
height:13px;
}
#BoxCampoEndereco{
position:absolute;
top:118px;
left:158px;
width:247px;
height:13px;
}
#BoxCampotCep1{
position:absolute;
top:142px;
left:158px;
width:51px;
height:13px;
}
#BoxCampotCep2{
position:absolute;
top:142px;
left:224px;
width:93px;
height:13px;
}
#BoxCampoCidade{
position:absolute;
top:166px;
left:158px;
width:247px;
height:13px;
}
#BoxCampoEstado{
position:absolute;
top:190px;
left:158px;
width:66px;
height:13px;
}
#BoxCampoMenssagem{
position:absolute;
top:228px;
left:158px;
width:247px;
height:101px;
}
#BoxTextMenssagemOK{
position:absolute;
top:281px;
left:128px;
width:423px;
height:209px;
font-size:20pt;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#5A3711;
}

#ImgBoxConteudosCentral{
position:absolute;
top:50px;
left:25px;
width:574px;
height:200px;
}

#ImgConteudosCentral{
position:absolute;
top:0px;
left:0px;
width:574px;
height:200px;
}

#Login2 {
	margin-top:1px;
	margin-bottom:3px;
	width: 75px;
	height: 13px;
	font-size: 10px;
	border:0px;
}
#Senha2 {
	margin-top:1px;
	margin-bottom:3px;
	width: 75px;
	height: 13px;
	font-size: 10px;
	border:0px;
}
#Ok {
	position: absolute;
	margin-top:2px;
	margin-left:13px;
	padding-left:3px;
	text-decoration: underline;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#F4821F;

}
#Ok a:hover {
	color:#0593FE;
	cursor: pointer;
}


#BoxMenuTop a:hover img:hover {
	opacity:0.85;
	filter:alpha(opacity=85);
}


#BoxMenuLateral img:hover {
	opacity:0.85;
	filter:alpha(opacity=85);
}

h3 {
	padding-top:40px;
	color:red;
	text-transform: uppercase;
}

#EnviaContato{

	position: absolute;
	top:310px;
	left: 420px;
}

#legenda{
position: absolute;
top:145px;
left:0px;
text-align: left;
width: 270px;
height: 20px;
font-size:10pt;
font-family:Arial, Helvetica, sans-serif;
color:#AE551A;
text-align: left;
}

#telefoneHome{
position: absolute;
width: 127px;
height: 28px;
top:40px;
left:430px;
}

#iso{
position: absolute;
width: 123px;
height: 25px;
top:-10px;
left: 40px;
}

#ImgBoxRevendedorCentral{
position: absolute;
width: 600px;
height: 40px;
top:0px;
left:0px;
text-align: left;
color:#AE551A;	
}

#ImgBoxRevendedorCentral a{
text-align: left;
font-size:10pt;
font-family:Arial, Helvetica, sans-serif;
color:#AE551A;
font-weight: bold;
}

#menuRevendedorEstoques{
position: absolute;
padding-left:10px;
top:65px;
left:0px;
background-color: #AE551A;
text-align: left;
font-size:10pt;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight: bold;
}

#linkEstoques a:hover{
text-decoration: underline;
}

#BoxTextAreaRevendedor{
position: absolute;
width: 850px;
height:560px;
top:95px;
left:-10px;
overflow-x:hidden;
overflow-y:auto;
}

#BoxTextAreaRevendedor table{
width: 837px;
}

#BoxTextAreaRevendedor td{
font-size:10pt;
font-family:Arial, Helvetica, sans-serif;
text-align: center;
}

#BoxTextAreaRevendedor tr{
color:#AE551A;
}

#BoxTextAreaRevendedor tr:hover{
background-color: #AE551A;
color:#FFFFFF;
}

.cinza{
background-color: #EDEDED;
}

#mensagemRevendedor{
font-size:10pt;
font-family:Arial, Helvetica, sans-serif;
color:#AE551A;
text-align: left;
font-weight: bold;
}