@import url("reset.css"); /* css reset */

body {background:url(../pics/bg-body.gif) repeat left top;}

.left {float:left;}

p.alignRight {text-align:center;}

#content p {
font:0.8em/18px tahoma, arial;
color:#000;
}
#mainContent p {padding:6px 22px;}

#mainContent img.abaBottom {
float:right;
position:relative;
bottom:-11px;
}

/*** destaques ***/

#destaques {
position:relative;
width:496px;
height:257px;
float:left;
}
#destaques div.foto {height:257px;}

#destaques div.descricao {
position:absolute;
width:385px;
height:40px;
left:55px;
bottom:-36px;
background-color:#036;
}
div.descricao p {
padding:12px 50px 0 50px;
text-align:center;
color:#fff !important;
}
div.descricao img.prev, div.descricao img.next {
position:absolute;
top:-25px;
cursor:pointer;
}
div.descricao img.prev {left:-20px;}

div.descricao img.next {right:-20px;}

/*** box-representantes ***/

#box-representantes {
width:414px;
float:right;
}
#box-representantes table {
margin:0 auto 10px auto;
width:94%;
}
table tr td, table tr th {
text-align:left;
background-color:#ebeef1;
border:8px solid #fff;
border-bottom:none;
padding:4px 0 4px 10px;
font:0.8em tahoma, arial;
text-transform:uppercase;
}
table tr th {
width:40%;
border-left:none;
font-weight:bold;
}
table tr td {
width:60%;
border-right:none;
}
#box-representantes table caption {
cursor:pointer;
width:100%;
height:68px;
text-indent:-9000em;
overflow:hidden;
background:url(../pics/caption-representantes.gif) no-repeat left top;
}

/*** box ***/

div.box {
display: inline-block; /* hasLayout no IEca */
background:#fff url(../pics/bg-box.jpg) repeat-x left top;
border:1px solid #7893ae;
}
div.box h2.title {
text-indent:-9000em;
overflow:hidden;
height:14px;
margin:14px 0 25px 14px;
}
div.box div.confira {
width:100%;
height:36px;
background-color:#036;
margin-top:10px;
clear:both;
}
div.confira a {
margin:5px 20px 0 0;
float:right;
text-indent:-9000em;
overflow:hidden;
display:inline;
width:106px;
height:27px;
background:url(../pics/bt-confira.gif) no-repeat;
}
div.box h2.orcamento {background:url(../pics/tt-orcamento.gif) no-repeat left top;}
div.box h2.representantes {background:url(../pics/tt-representantes.gif) no-repeat left top;cursor:pointer}
div.box h2.produtos {background:url(../pics/tt-produtos.gif) no-repeat left top;}
div.box h2.novos {background:url(../pics/tt-novos.gif) no-repeat left top;}
div.box h2.empresa {background:url(../pics/tt-empresa.gif) no-repeat left top;}
div.box h2.fale {background:url(../pics/tt-fale.gif) no-repeat left top;}
div.box h2.localizacao {background:url(../pics/bt-localizacao.jpg) no-repeat left top;}

/*** produtos da home ***/

#produtos-home {
position:relative;
width:100%;
top:22px;
clear:both;
}
div.itens {
width:278px;
float:left;
display:inline;
margin:10px 0 10px 20px;
}
div.itens p {padding:10px 0 0 160px;}

div.itens span.preco {
display:block;
padding-top:12px;
font-size:1.3em;
}

div.itens2 {
width:180px;
float:left;
display:inline;
margin:1px 0 10px 10px;
}

div.itens2 p {
padding:10px 0 0 180px;
margin-left:-15px;
margin-top:-15px;
}



/*** formulrios ***/

form.contato {width:200px;margin:20px auto;}

input.text,textarea {
margin:5px 0;
width:200px;
font:0.7em tahoma, arial;
padding:0 3px;
}
input.bt {
border:none;
background-color:#036;
color:#fff;
padding:2px 5px;
}


/*******************************************************************************
								   IMG INTERNAS
*******************************************************************************/

img.internas { margin:0 0 10px 0; border:5px solid #003466; }
.grupo_tres {
	float: left;
	clear: both;
	width: 570px;
	height: 360px;
}
.int_menor{
	height: 300px;
}
.grupo_quatro {
	float: left;
	clear: both;
	width: 580px;
	height: 500px;
}
.int_maior {
	float: left;
	clear: both;
	width: 570px;
	height: 570px;
}