/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	font: 12px "Verdana";
	text-align:center;
	color: #000;
	background: #fff;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
br{margin: 3px;}

a:link {
	color: #000;
}

a:hover {
	color: #000;
}

#header{ 
margin: 0 auto;
text-align:center;
width:776px;
height:197px;
background:url('../images/topo.jpg') top left no-repeat; 
}

#header2{ 
margin: 0 auto;
text-align:center;
width:776px;
height:197px;
background:url('../images/topo2.jpg') top left no-repeat; 
}


.menu-hh { display: table;}
.menu-hh * { margin: 0; padding: 0;}
.menu-hh a { display: block;}
.menu-hh li { list-style: none; float:left; margin-top:2px; }
.menu-hh li ul { position: absolute; visibility: hidden; white-space: nowrap;  margin-top:-2px; }
/* hack para navegadores que exigem width para elementos pos absolute (Opera) */
html:first-child>body .menu-hh li ul { width:500px; }
.menu-hh li:hover ul, .menu-hh  li.over ul { visibility: visible;} /* a class  .over eh tecnica pro hover no IE */
.menu-hh li:hover ul li ul, .menu-hh li.over ul li ul{ visibility: hidden;}
.menu-hh li ul li:hover ul, .menu-hh li ul li.over ul{ visibility: visible;}
/* visual */
.menu-hh { width: 90%; margin: 0; height: 31px; _margin-left:-80px;}
.menu-hh a { font-weight: bold; font-size:12px; font-stretch:narrower; text-decoration: none; color:#990000; padding: 0 5px; line-height: 20px;}
.menu-hh a:hover { text-decoration:none; color:#FF0000;}

#submenu{display:none; position:absolute;}
#submenu ul{margin-left:53px; _margin-left:3px; margin-top:21px; _margin-top:-3px; width:250px;}
#submenu li{float:left; width:230px; background-color:#333; margin-top:-2px; border:1px solid #FFF; text-align:left;}
#submenu a {font-weight:normal; font-size:10px; padding:1px; margin-left:8px; text-decoration:none; color:#FFF;}
#submenu a:hover { text-decoration:underline; color:#fff;}

.flash {margin-top:-5px;}

#container {
margin: 0 auto;
text-align:center;
width:776px;
}

#container p {
padding-left:12px;
padding-top:15px;
font-family:Tahoma;
font-size:90%;
text-align:left;
line-height:15px;
}

.mais {float:right; padding:10px;}

.mais a{
font:11px "Times New Roman",Times,serif;
font-weight:bold;
color:#FF0000; 
text-decoration:none;
font-style: normal;
}

.mais a:hover { text-decoration:underline;}

#container .esquerda {
float: left;
width: 230px;
text-align: left;
}

#container .direita {
float: left;
margin-left:16px;
width: 530px;
text-align: left;
}

#container .direita p, #container .esquerda p {padding:15px;}

#newform {width:230px; text-align:center;}

#newform label {
float: left; 
padding-left:10px;
font-family:Tahoma;
font-size:90%;
text-align:left;
}

#newform input[type="text"] {margin-bottom:2px;}

#newform p {text-align:center;}

#container h1, #container .esquerda h1, #container .direita h1 {
font-family:Tahoma; 
font-size:100%;
font-style: normal; 
text-transform: none;
text-align:left;
padding-top:4px; 
padding-left:15px;
padding-bottom:2px;
background:#d04f4f; 
color:#FFF;
}

.localicao {width:776px;}

#container .foto {padding-left:6px; float:left; width:420px;}

#container .local {float:left; width:300px;}

#container .local p {font-size:12px;}

#container .local h2 {
font-family:Tahoma; 
font-size:100%;
font-style: normal; 
text-transform: none;
text-align:left;
padding-top:20px; 
padding-left:15px;
padding-bottom:10px;
color:#0000CC;
}

#bot{ 
	margin: 0 auto;
	padding-top:10px;
	display: block; 
	clear: both; 
	width: 230px; 
	padding-bottom:4px;
}

#bot a{
	display: block;
	height: 72px;
	font-size: 1px;
	text-indent: -10000px;
	background-position: top left;
	outline: none;
}

#bot a:hover {
	background-position: 0px 72px !important;
}

#bot a.residencial {
	width: 230px;
	background-image: url('../images/redencial_entar.jpg');
}

#bot a.industrial {
	width: 230px;
	background-image: url('../images/industriais_entrar.jpg');
}

#pdf {float:right; _float:left; clear:both; width:300px; margin-top:15px; margin-bottom:15px; _margin-left:237px; padding:5px; border:1px dashed #ccc;}

#pdf img {float:left; border:0;}

#pdf p{float:left; width:220px;}

#footer {
padding-top:4px;
_padding-top:0px;
margin: 0 auto;
width: 776px;
font: 10px 'Verdana', Arial, Helvetica, sans-serif;
text-align:center;
clear:both;
bottom:0;
left:0;
}

.parceiros {
margin: 0 4px 0 0;
width:776px;
height:34px;
background:url('../images/rod.gif') left top no-repeat;
}

.parceiros li {
float:left; 
padding-left:15px;
padding-top:12px;
font-family:Tahoma;
font-size:12px;
color:#fff;
}

.ass {float:right; padding:2px;}

<!-- Contato -->

.form{width:776px;}

#container .formesquerda{float:left; width:400px; text-align:left;}

#container .formesquerda h1 {
font-family:Tahoma; 
font-size:130%;
font-style: normal; 
text-transform: none;
text-align:left;
padding-top:20px; 
padding-left:15px;
padding-bottom:20px;
color:#990000;
background:#fff;
}

#container .contoutro{float:left; width:320px; padding-top:40px;}

#container .contoutro p {text-align:center;}

<!-- Contato -->

<!-- Produtos -->
.box{width:776px;}

#container .produtos{
float:left;
padding:2px;
_padding:4px;
width:125px;
_width:129px;
text-align:center;
}

#container .produtos h2{ 
padding:3px;
font-family:Tahoma; 
font-size:100%; 
font-weight:bold; 
font-size-adjust:none; 
font-stretch:narrower;
color:#0000CC;
}

#container .produtos img {border:0;}

#container .texto  {background-color:#EFEFEF; height:173px;}

#container .texto2 {background-color:#EFEFEF; height:275px;}

#container .texto3 {background-color:#EFEFEF; height:375px;}

#container .texto4 {background-color:#EFEFEF; height:305px;}

#container .texto5 {background-color:#EFEFEF; height:380px;}

#container .texto6 {background-color:#EFEFEF; height:395px;}

#container .texto p {
padding:2px;
font-family:Tahoma;
font-size:90%;
text-align:left;
line-height:15px;
}

#container .texto2 p {
padding:2px;
font-family:Tahoma;
font-size:90%;
text-align:left;
line-height:15px;
}

#container .texto3 p {
padding:2px;
font-family:Tahoma;
font-size:90%;
text-align:left;
line-height:15px;
}

#container .texto4 p, #container .texto5 p, #container .texto6 p {
padding:2px;
font-family:Tahoma;
font-size:90%;
text-align:left;
line-height:15px;
}

#container .veja{width:120px;}

#container .veja a{
width:120px; 
padding-right:6px;
padding-bottom:4px;
font-size:75%; 
color:#990000; 
text-decoration:none;
text-align:right;
background-color:#EFEFEF;
}

#container .veja a:hover{
color:#FF0000; 
text-decoration:underline;
background:#EBEBEB
}
<!-- Produtos -->