body{ 
  background:url(../images/background.jpg) repeat-x top left #2D5D29;
  font-family:Helvetica,Calibri,verdana ;
  font-size:14px;
}

object {
  margin: 0 auto;
}

p{
  line-height:18px;
}

span{
  font-weight:bold;
  font-style: italic;
}

a{
color:#477323;
text-decoration:underline;
}

a:hover{
  color:#C11000;
}

h4{
  background:url(../images/arrow.gif) no-repeat center left;
  padding:0 0 0 20px;
  font-size:20px;
  font-weight:bold;
  color:#477323;
}

h5{
  color:#477323;
  font-size:23px;
  margin:5px 0 0 0;
}

h4 span{
  color:#c11000;
  font-weight:bold;
  font-style: normal;
}


input.botao {
  height: 30px;
  width: 200px;
  letter-spacing: 1px;
  cursor: pointer;
  margin: 10px 0px 0px 10px;
  color: #477323;
  font-weight: bold;
}


#top{
  background:url(../images/top.jpg) no-repeat top center;
  height:180px;
  display:block;
  text-align: center;
}

#menu{
  display: block;
  height:29px;
  width:940px;
  margin:0 auto;
   background:url(../images/menu_center.gif) repeat-x top left;
}

/* menu styles */
#jsddm
{	height: 50px; float: left; }

#jsddm li {	float: left;
		list-style: none;
}

#jsddm li a {
  display: block;
  height:29px;
  line-height:29px;
  padding: 0px 24px;
  text-decoration: none;
  color: #FFF;
  white-space: nowrap;
  font-size: 18px;
  font-weight: bold;
}

#jsddm li a:hover {	
  
}
		
#jsddm li ul {	
  position: absolute;
  visibility: hidden;
  background-color: #244B20;
}
		
#jsddm li ul li {	
  float: none;
	display: block;
}
			
#jsddm li ul li a {	
  clear: both;
  width: auto;
	color: #FFF;    
  font-size: 14px;
  padding: 0px 5px;
  border-bottom: 1px dotted #1A3516;    
}
			
#jsddm li ul li a:hover	{	
  text-decoration: underline;
}




#pg_principal #menu a.bt_home,
#pg_quem #menu a.bt_quem,
#pg_produtos #menu a.bt_produtos,
#pg_elevadores #menu a.bt_produtos,
#pg_pneus #menu a.bt_produtos,
#pg_equipamentos #menu a.bt_produtos,
#pg_representantes #menu a.bt_representantes,
#pg_orcamentos #menu a.bt_orcamentos,
#pg_fale #menu a.bt_fale,
#menu a:hover{
color:#7BBC20;
}

#menu div.left{
  background:url(../images/menu_left.gif) no-repeat top left;
  height:29px;
  width:3px;
  float:left;
}

#menu div.right{
  background:url(../images/menu_right.gif) no-repeat top left;
  height:29px;
  width:3px;
  float:right;
}

#menu a{
  float:left;
}

#content div.up{
  background:url(../images/content_top.gif) no-repeat top left;
  width:942px;
  height:6px;
  margin:0 auto;
}

#content {
  width:942px;
  margin:0 auto;
  background:#fff;
  background:url(../images/content_right.gif) repeat-y top right #fff;
}

#content .left{
  width: 440px;
  padding: 0 10px 10px 16px;
  _padding: 0 10px 10px 16px;
  float:left;
}

#content .right{
  float: left;
  width: 400px;
  padding: 0 10px 10px 10px;
  _padding: 0 10px 10px 0px;
}
 

h2{
  color:#477323;
  font-size:26px;
  padding:10px 0 15px 15px;
}

#content h2{
  color:#477323;
  font-size: 22px;
  padding: 15px;
}

#content .right p{
  color:#477323;
}

#content .box{
  background:url(../images/box.gif) no-repeat top left;
  width:450px;
  height:202px;
}

#content .box .text{
  cursor: pointer;
  float:left;
  width:290px;
  color:#fff;
  padding: 10px;
}

#content a.pneu{
display:block;
text-decoration:none;
width:450px;
}

#content a:hover.pneu div.text,
#content a:hover.pneu p.show span,
#content a:hover.pneu p.show,
#content a:hover.pneu h3{
color:#ACD670;
}

#content .box .text h2 {
  font-size:20px;
  padding: 0 0 20px 0px;
  color: #FFF;
}

#content .box .text h3{
  font-size:16px;
  padding: 0 0 5px 5px;
}

#content .box .text .this{
  line-height:20px;
  padding-left: 5px;
}

#content .info {
  font-size: 12px;
  font-style: normal;
  padding-top: 15px;
  float: right;
}

#content .box .text p.show{
  margin:5px 0;
  font-size:16px;
  padding:0;
  font-size:18px;
  color:#477323;
  font-weight:bold;
}

#content .box .text p.show span{
  color:#afd973;
  font-size:18px;
  font-style: normal;
}

#content .box div.img{
  float:left;
  margin:20px 0;
}

#below div.down{
  background:url(../images/down.jpg) no-repeat top left;
  display:block;
  width:971px;
  height:164px;
  margin:0 0 0 -29px;
}

#pg_pneus #below div.down,
#pg_elevadores #below div.down,
#pg_equipamentos #below div.down,
#pg_produtos #below div.down,
#pg_representantes #below div.down,
#pg_orcamentos #below div.down {
  background:url(../images/footer.gif) no-repeat bottom left;
  display:block;
  width:942px;
  height:52px;
  margin:0 0 0 0;
}

#below div.down div.left{
  float:left;
  margin:30px 0 0 200px;
  width:330px;
  background:none;
  padding:0;
  _margin:30px 0 0 100px;
}

#below div.down div.end{
  float:right;
  padding:0 100px 0 0;
}


#below div.down div.right a,
#below div.down div.left a{
  color:#2d5d29;
  text-decoration:none;
  line-height:20px;
  margin:5px 0;
}

#below div.down div.right a:hover,
#below div.down div.left a:hover{
  color:#C11000;
}

#below div.down div.right{
  float:left;
  margin:30px 0 0 100px;
  width:300px;
}

#footer{
  width:900px;
  margin:0 auto;
  padding:10px 0 0 0;
}

#footer .left{
  background:url(../images/address.jpg) no-repeat top left;
  height:58px;
  float:left;
  padding:0 0 0 80px;
  width:400px;
}

#footer .left p{
  color:#fff;
  font-size:12px;
  margin:0 0 5px 0;
}
#footer .left big{
  font-size:18px;
  color:#fff;
  letter-spacing: 1px;
}

#footer .right{
  background:url(../images/world.jpg) no-repeat top right;
  height:53px;
  float:right;
  margin:5px 0 0 0;
  padding:0 60px 0 0;
}

#footer .end{
  clear:both;
  text-align:center;
  color:#fff;
  font-size:10px;
  padding:15px 0 0 0;
}
#footer .end a{
 color:#fff;
}

#footer .right p{
  color:#fff;
  font-size:20px;
  text-align:right;
  line-height:24px;
  margin:0;
}

#footer .right p a{
  color:#fff;
  font-size:12px;
}

#footer .right p a:hover{
  color:#8AB947;
}

.alert{
  display: block;
  background:url(../images/atencao.gif) 5px center no-repeat #ffffe1;
  border:1px solid #aca899;
  padding:5px 5px 5px 25px;
  margin:20px;
  font-size: 10px;
  color:#000;
}

.success{
  display: block;
  background:url(../images/tick.gif) 5px center no-repeat #ffffe1;
  border:1px solid #aca899;
  padding:5px 5px 5px 25px;
  margin:20px;
  font-size: 10px;
  color:#000;
}


/*********** quem somos **********/
#pg_quem div#content p{
  color:#2d5d29;
  margin:15px;
  letter-spacing: 1px;
  _letter-spacing: 0;
}

/******** orçamentos ************/

#pg_orcamentos #below div.down{
  display:block;
  width:971px;
  height:370px;
  margin:0px; 
  padding: 0px 20px;
}

#pg_orcamentos div#content p{
  color:#2d5d29;
  margin:0 15px 25px 15px;
  letter-spacing: 1px;
  text-align:center;
  line-height:20px;
}


#pg_orcamentos fieldset {
  display: block;
  border-top: 3px solid #477323;
  width: 450px;
  padding: 5px 0px;
  float: left;
  line-height: 30px;
}

#pg_orcamentos fieldset legend {
  background-color: #477323;
  color: #FFF;
  padding: 5px;
  margin-left: -5px;
  margin-bottom: 5px;
  line-height: 20px;
}

#pg_orcamentos fieldset label {
  float: left;
  width: 100px;
  text-align: right;
  padding-right: 5px;
}

#pg_orcamentos fieldset label span {
  color: #F00;
}

#pg_orcamentos fieldset label.error {
  display: none;
  float: left;
  width: 0px;
  height: 0px;
}

input.error {
	border: 1px solid #c24949;
}




#pg_orcamentos fieldset input,
#pg_orcamentos fieldset select {
  display: block;
  float: left;
  height: 20px;
}

#pg_orcamentos fieldset textarea {
  width: 425px;
  height: 70px;
}

#pg_orcamentos fieldset ol {
 overflow: auto;
 height: 100px;
 width: 430px;
 color: #F00;
}

#pg_orcamentos fieldset ol li {
  display: block;
  height: 30px;
}

#pg_orcamentos fieldset select {
  padding: 3px;
  height: 27px;
  width: 380px;  
}

#pg_orcamentos fieldset input.texto {
  padding: 3px;
  height: 20px;
  width: 370px;  
}

#pg_orcamentos fieldset ol li a.excluir {
  background-color: #477323;
  padding: 0px 5px;
  height: 25px;
  line-height: 25px;
  color: #FFF;
  text-decoration: none;
}

#pg_orcamentos fieldset ol li a.excluir:hover {
  background-color: #9F1D2F;
}

#pg_orcamentos fieldset input.botao {
  height: 30px;
  width: 200px;
  letter-spacing: 1px;
  cursor: pointer;
  margin: 10px 0px 0px 130px;
  color: #477323;
  font-weight: bold;
}



#pg_pneus-contato div#content div.box_right,
#pg_fale div#content div.box_right,
#pg_orcamentos div#content div.box_left{
  margin:0 0 0 30px;
  padding:0;
  width:480px;
  float:left;
  _width:450px;
}

#pg_pneus-contato div#content div.box_right p{
color: #2d5d29;
margin:0 15px 5px 15px;
letter-spacing: 1px;
text-align: center;
line-height: 20px;
} 

#pg_pneus-contato div.box_left,
#pg_fale div.box_left,
#pg_orcamentos div#content div.box_right{
  float:left;
  width:450px;
}

#pg_orcamentos div#content div.left{
  margin:40px 0 0 170px;
  _margin:40px 0 0 65px;
}


/*#pg_orcamentos form{
  background:url(../images/form.gif) no-repeat top left;
  width:356px;
  height:300px;
  margin:0 0 0 20px;  
  display:block;
  padding:10px;
}*/

#pg_pneus-contato form label,
#pg_fale form label {
  float:left;
  width:350px;
  margin:1px 0 0 0;
  font-weight:bold;
  font-size:13px;
}

#pg_pneus-contato form input{
  width:345px;
  float:left;
  padding:2px;
  margin: 0 0 10px 0;
  *margin: 0 0 10px -45px;
  color:#666;
  font-family:Helvetica,Calibri,verdana ;
  border:1px solid #999;
}

#pg_pneus-contato form textarea,
#pg_fale form textarea,
#pg_fale form input {
  width:345px;
  float:left;
  padding:2px;
  margin: 0 0 10px 0;
  *margin: 0 0 10px -20px;
  color:#666;
  font-family:Helvetica,Calibri,verdana ;
  border:1px solid #999;
}

#pg_pneus-contato form textarea,
#pg_fale form textarea,
#pg_fale form input{
  *margin: 0 0 10px -45px;
}

#pg_pneus-contato form textarea,
#pg_fale form textarea{
  height:60px;
}

#pg_pneus-contato form input.submit,
#pg_fale form input.submit,
#pg_orcamentos form input.submit{
  border:0;
  float:right;
  color:#2D5D29;
  font-weight:bold;
  background:#DADADA;
  width:100px;
  font-size:16px;
  cursor:pointer;
}

/************ fale conosco *****************/

#pg_pneus-contato #below div.down,
#pg_fale #below div.down{
  background:url(../images/down.jpg) no-repeat bottom left;
  display:block;
  width:971px;
  height:350px;
  margin:0 0 0 -29px; 
}

#pg_pneus-contato div.box_left,
#pg_fale div.box_left{
  background:url(../images/without_map.jpg) no-repeat bottom left;
  height:350px;
}

#pg_pneus-contato form,
#pg_fale form{
  background:url(../images/form.gif) no-repeat top left;
  width:356px;
  height:300px;
  margin:0 0 0 45px;  
  display:block;
  padding:10px;
}

#pg_pneus-contato div#content p.title,
#pg_fale div#content p.title{
  font-size:12px;
  color:#2d5d29;
  font-weight:bold;
  margin:15px 0 0 0;
}

#pg_pneus-contato div#content b,
#pg_fale div#content b{
  font-size:28px;
  color:#477323;
}

#pg_pneus-contato div#content a.mail,
#pg_fale div#content a.mail{
  color:#8ab947;
  text-decoration:underline;
  font-size:25px;
  font-weight:bold;
  margin:0 0 15px 0;
  display:inline-block;
}

#pg_pneus-contato div#content a:hover.mail,
#pg_fale div#content a:hover.mail{
color:#C11000;
}

#pg_pneus-contato #below div.down div.right,
#pg_fale #below div.down div.right{
margin:50px 0 0 130px;
_margin:60px 0 0 70px;
}


.block_left{
  float:left;
  width:300px;
  margin:0 30px;
}

.block_right{
  float:left;
}

/******* mapa ***********/
#mapa{margin-top:10px;width:296px;height:283px;position:relative;left:0;top:0;
background:url(../images/mapa5.gif) 0 -283px; float:left}
#mapa .br{height:283px;overflow:hidden}
#mapa li{background-image:url(../images/mapa5.gif);
display:block;position:absolute;left:0;top:0;width:296px;height:283px;z-index:1;visibility:hidden}
#mapa li.ativo{visibility:visible}
#mapa #sp{background-position:0 -7358px}
#mapa #rj{background-position:0 -5377px}
#mapa #es{background-position:0 -2264px}
#mapa #mg{background-position:0 -3113px}
#mapa #pa{background-position:0 -3962px}
#mapa #rr{background-position:0 -1415px}
#mapa #am{background-position:0 -1132px}
#mapa #ro{background-position:0 -5943px}
#mapa #ac{background-position:0 -566px}
#mapa #to{background-position:0 -7641px}
#mapa #ap{background-position:0 -6226px}
#mapa #sc{background-position:0 -6792px}
#mapa #rs{background-position:0 -6509px}
#mapa #pr{background-position:0 -5094px}
#mapa #ms{background-position:0 -3396px}
#mapa #mt{background-position:0 -3679px}
#mapa #go{background-position:0 -2547px}
#mapa #ba{background-position:0 -1698px}
#mapa #se{background-position:0 -7075px}
#mapa #ma{background-position:0 -2830px}
#mapa #pi{background-position:0 -4811px}
#mapa #ce{background-position:0 -1981px}
#mapa #rn{background-position:0 -5660px}
#mapa #pb{background-position:0 -4245px}
#mapa #pe{background-position:0 -4528px}
#mapa #al{background-position:0 -849px}
#mapa #br{position:absolute;visibility:visible;z-index:20}

.state{
  display:block;
  width:469px;
  height:288px;
  float:left;
  padding:10px;
  margin:0 0 0 20px;
}
.estado_SC{ background:url(../images/SC.jpg) no-repeat top left; }
.estado_BA{ background:url(../images/BA.jpg) no-repeat top left; }
.estado_CE{ background:url(../images/CE.jpg) no-repeat top left; }
.estado_ES{ background:url(../images/ES.jpg) no-repeat top left; }
.estado_GO{ background:url(../images/GO.jpg) no-repeat top left; }
.estado_MG{ background:url(../images/MG.jpg) no-repeat top left; }
.estado_PR{ background:url(../images/PR.jpg) no-repeat top left; }
.estado_RJ{ background:url(../images/RJ.jpg) no-repeat top left; }
.estado_RS{ background:url(../images/RS.jpg) no-repeat top left; }
.estado_SE{ background:url(../images/SE.jpg) no-repeat top left; }
.estado_MS{ background:url(../images/MS.jpg) no-repeat top left; }
.estado_MT{ background:url(../images/MT.jpg) no-repeat top left; }
.estado_PA{ background:url(../images/PA.jpg) no-repeat top left; }
.estado_SP{ background:url(../images/SP.jpg) no-repeat top left; }
.estado_PE{ background:url(../images/PE.jpg) no-repeat top left; }
.estado_PI{ background:url(../images/PI.jpg) no-repeat top left; }

.state big{
 font-weight:bold;
 color:#477323;
 font-size:14px;
 padding: 10px 0 0 0;
 display:block;
 }
 
 .state p{
  font-size:14px;
  clear:both;
  line-height:17px;
 }
.state p small{
 font-size:10px;
 margin:0 3px 0 0;
 display:block;
 float:left;

}
/******** produtos *****************/
a.product{
  float:left;
  padding:0;
  display:block;
  text-decoration:none;
}

a.product h5{
  margin:10px 0;
}
a.product p{
  margin:0 20px 0 0;
}


a:hover.product h5,
a:hover.product{
  text-decoration:none;
  color:#C11000;
}
  
a.one{
  width:301px;
  margin:0 0 0 10px;
  padding:0;

}

a.one span{
  background:url(../images/pneus.jpg) no-repeat top left;
  height:186px;
  display:block;
  width:301px;
}

a.two{
  width:467px;
  padding:0;
}

a.two span{
  width:467px;
  background:url(../images/equipamentos2.jpg) no-repeat top left;
  height:186px;
  display:block;
}

a.three{
  width:467px;
  padding:0 0 0 7px;
}

a.three span{
  width:467px;
  background:url(../images/elevadores2.jpg) no-repeat top left;
  height:186px;
  display:block;
  
}

a:hover.three span,
a:hover.two span,
a:hover.one span{
background-position: bottom left;
}

ul.product {
  margin:0 0 5px 0;
  padding:5px;
}

ul.product li{
  display:block;
  float:left;
  margin:5px 0 0 0;
  border-right:1px solid #C11000;
}

#pg_pneus ul.product li{
  border:0;
}

ul.product li a{
  color:#172f12;
  text-decoration:none;
  font-weight:bold;
  font-size:15px;
  margin:0 10px;
}

#pg_pneus ul.product li a{
 margin:0 5px;
}


ul.product li a:hover{
color:#C11000;
}

#frame{
  background:url(../images/shadow.gif) repeat-x top left;
  width:940px;
  clear:both;
}

#pg_equipamentos #frame,
#pg_pneus #frame{
padding:10px 0 0 0;
}

#frame .side_right{
  float:left;
  width:400px;
  padding:10px;
}

#frame .side_left{
  width:490px;
  float:left;
  padding:10px;
}

#frame .side_left p{
  font-size:12px;
  color:#477323;
  font-weight:bold;
  text-align:right;
}

#frame .side_right span{
  background:url(../images/espeficicacao.gif) no-repeat top left;
  display:block;
  width:33px;
  height:261px;
  float:left;
  margin:26px 5px 0 10px;
}

#frame .side_right .description h3{
  font-size:24px;
  color:#9ACF4D;
  margin:0 0 5px 0;
}

#frame .side_right .description div{
  line-height:24px;
}

/********* gallery **************/
#gallery img {
	border: none;
}
#gallery ul {
	margin: 0;
	padding: 0;
}
#gallery ul:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
#gallery ul li {
	list-style-type: none;
	float: left;
	margin: 10px 20px 10px 0;
}
#gallery ul li a, ul li a img {
	float: left;
	overflow: hidden
}
#gallery ul li a:hover {
	border: 2px solid #9ACF4D
}
#gallery ul li a:hover img {
	margin: -2px
}


/****** pneus ***/
.pneus_left,
.pneus_right{
}

.pneus_left{
  float:left;
  margin:0 0 20px 20px;
  width:225px;
}

.pneus_right{
  float:left;
  width:670px;
}

.pneus_right h3{
  font-size:22px;
  color:#9ACF4D;
}

.pneus_right p{
  font-size:10px;
  color:#477323;
}

.pneus_right ul{
  margin:10px 0;
}

#pg_pneus table{
  margin:10px 20px;
  font-size:10px;
  border:1px solid #000;
}

#pg_pneus table tr td{
  padding:3px;
  border-bottom:1px solid #000;
  border-right:1px solid #000;
}

#pg_pneus table tr.title td{
  background:#9ACF4D;
}


ul.pneus{
  margin:15px 0 8px 10px;
}

ul.pneus li{
  display:inline;
}

ul.pneus li a{
  text-decoration:none;
  font-weight:bold;
  font-size:12px;
  padding:5px 5px;
  background:#477323;
  color:#fff;
  border:1px solid #9ACF4D;
}

ul.pneus li a:hover{
background:#9ACF4D;
}

#menu_pneu{
  margin:0 24px 10px 10px;
  padding:5px 0;
  background:#9ACF4D;
  padding:0;
}


/********** equipamento *************/
.equipment{
  margin:0 10px 20px 20px;
  border-bottom:1px solid #ccc;
}

.equipment h4{
  margin:0 0 10px 0;
}

.equipment .text{
  float:left;
  width:650px;
  line-height:20px;
}

.equipment .text b{
  font-size:12px;
  color:#9ACF4D;
}


.equipment #gallery{
  float:left;
  width:250px;
  margin:0 0 0 10px;
}


.side{
float:left;
width:465px;
}


.text ul{
  margin:0;
  padding:0;
}


.text ul li{
  margin:0;
  height:0;
  float:left;
  display:block;
}