* {font-family: Arial, Helvetica, sans-serif;}
body { background:url(../img/bg-topo.jpg) no-repeat center top; margin:0;}
h1 { font-size:32px; font-family: Chaparral Pro, Arial; font-weight:lighter; color:#1E6D7F; margin:15px 0px 6px 0px; border-bottom:dashed 1px #CCC; width:400px }
h2 { font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:lighter}
p { font-size:12px; padding:6px 6px 6px 0px; line-height:18px; color: #666}
a { color:#1E6D7F; text-decoration:none;}
ul li { font-size:12px; padding-bottom:6px}

/*SITE*/
#site { margin:auto; width:980px;}
#topo { margin-top:0; width:980px; height:352px;}

/*CORPO*/

#site #corpo {width:980px; height:auto; margin-bottom:20px}


/*BOXES*/
#site #boxes {width:980px; height:auto; margin:0px 10px 0px 10px}
#site #boxes a:hover { color:#ccc}
#site #boxes p { text-align:justify; width:400px}
#site #boxes .boxdir { float:left; width:420px; height:auto;}
#site #boxes .boxesq { width:530px; float:left;}
.img_obra img{ border:1px solid #ccc; padding:4px; margin-top:15px}
#site #boxes .boxdir .texto h1 { margin-top:0px}
#site #boxes .boxesq .boxempresa a { padding:5px 3px 5px 13px; font-size:12px; background:url(../img/bt/bt_saibamais.gif) no-repeat; width:110px; height:24px; display:block; color:#fff; font-weight:bold; text-decoration:none}
#site #boxes .boxesq .boxempresa a:hover { opacity:0.60; -moz-opacity: 0.60; filter: alpha(opacity=60);}
#site #boxes .boxesq .boxduvidas a {padding:10px 3px 5px 10px; font-size:12px; background:url(../img/bt/bt_duvidas.gif) no-repeat; width:126px; height:30px; display:block; color:#fff; font-weight:bold; text-decoration:none}
#site #boxes .boxesq .boxduvidas a:hover { opacity:0.60; -moz-opacity: 0.60; filter: alpha(opacity=60);}
#site #boxes .boxesq .boxorcamento { clear:both; padding-top:15px}
#site #boxes .boxesq .boxorcamento a{ color:#000; text-decoration:none; font-weight:bold}
#site #boxes .boxesq .boxorcamento a:hover { color:#666; text-decoration: underline}
#site #boxes .boxdir .boxobra .btobras a{ background:url(../img/bt/bt_saibamais.gif) no-repeat; width:100px; height:30px; padding:5px 5px 0px 12px; float:left; font-size:12px; color:#FFF; font-weight:bold; text-decoration:none; display:block; margin-right:100px}
#site #boxes .boxdir .boxobra .btobras a:hover {opacity:0.60; -moz-opacity: 0.60; filter: alpha(opacity=60);}
#site #boxes .boxdir .boxobra .btobras2 a{ background:url(../img/bt/bt_obras.gif) no-repeat; height:30px; padding:5px 5px 0px 12px; float:left;  font-size:12px; color:#FFF; font-weight:bold; text-decoration:none; display:block; width:146px}
#site #boxes .boxdir .boxobra .btobras2 a:hover {opacity:0.60; -moz-opacity: 0.60; filter: alpha(opacity=60); }
#site #boxes .boxdir .boxclientes { padding-top:12px; *padding-top:0px; clear:both}
#site #boxes .boxdir .boxclientes .logoclientes { width:357px; height:144px; background-color:#FFF; margin-left:12px; margin-top:5px}
#site #boxes .boxdir .boxclientes .logoclientes img{ margin:6px; border:1px solid #ccc; padding:2px;}
#site #boxes .boxdir .boxclientes .logoclientes img a { border:0}
#site #boxes .boxdir .boxclientes .logoclientes img:hover {opacity:0.60; -moz-opacity: 0.60; filter: alpha(opacity=60);}
#site #boxes .boxdir .boxclientes .btclientes a { background:url(../img/bt/bt_todosclientes.gif) no-repeat; width:140px; height:30px; padding:7px 5px 0px 12px; font-size:12px; color: #FFF; display:block; font-weight:bold; text-decoration:none; margin-top:85px; _margin-top:15px}
#site #boxes .boxdir .boxclientes .btclientes a:hover {opacity:0.60; -moz-opacity: 0.60; filter: alpha(opacity=60);}

#site #servicos { float:left; width:449px; margin-bottom:20px; padding-bottom:0px}
#site #servicos li { font-size:12px; line-height:18px; color: #666; list-style-type: square}
#site #clientes img { border:1px solid #CCC; margin:15px}


/*RODAPE*/
#rodape {margin:auto; border-top: 1px dashed  #666; clear:both; background-color: #CCC;}
#rodape p { width:980px; margin:auto; text-align:center; font-size:14px; }

/*SLIDESHOW*/
#imgobras { width:950px; height:auto;}
#imgobras img {width:158px; height: 128px; margin:5px; padding:2px; border:1px solid #ccc}
#imgobras img:hover {opacity:0.60; -moz-opacity: 0.60; filter: alpha(opacity=60);}