body, html {background:#000;color:#959595;height:100%;width:100%;font-size:58%;font-family:Arial, Helvetica, sans-serif}
#outer {height:100%;width:100%}
#outer[id] {display:table;position:static}
#middle {text-align:center}
#middle[id] {display:table-cell;vertical-align:middle;position:static}
/*links geral*/
a:link, a:visited{color:#959595;text-decoration:none;border-bottom:1px dotted #959595}
a:hover {color:#646464;border-color:#646464}

ul li a:link, ul li a:visited, #header #logo a {border:none}
/**/
#homebg {background: url(../images/homebg.gif) center no-repeat;width:800px;height:565px;margin:0 auto}
#homebg #logo {padding:60px 0 180px 0}
ul#linkshome {margin:0 30px;}
ul#linkshome li{float:left;margin:0 4em;}



ul#linkshome li a {background:url(../images/linkhome.gif) top center no-repeat;padding:21px}

ul#linkshome li a.pr {background:url(../images/linkprhome.gif) top center no-repeat;padding:21px}

ul#linkshome li a.nobg {background:none;padding:0;display:block;margin-top:22px}
/**/
#container{width:800px;height:565px;margin:0 auto}
/**/
#header{height:125px;background:#000 url(../images/menubg.gif) bottom right no-repeat}
#header #logo {float:left}
#header ul#menu {float:right;height:40px;margin:54px 0 0 0;width:516px;}
#header ul#menu li{float:left}
#header ul#menu li.empr a{display:block;margin-right:2px;background:url(../images/emprmenu.gif) 0 0 no-repeat;width:88px;height:40px}
#header ul#menu li.empr a:hover {background:url(../images/emprmenu.gif) 0 50% no-repeat;}
#header ul#menu li.empr a.selected {background:url(../images/emprmenu.gif) 0 100% no-repeat;cursor:default}
#header ul#menu li.trab a{display:block;margin-right:2px;background:url(../images/trabmenu.gif) 0 0 no-repeat;width:167px;height:40px}
#header ul#menu li.trab a:hover {background:url(../images/trabmenu.gif) 0 50% no-repeat;}
#header ul#menu li.trab a.selected {background:url(../images/trabmenu.gif) 0 100% no-repeat;cursor:default}
#header ul#menu li.contact a{display:block;margin-right:2px;background:url(../images/contactmenu.gif) 0 0 no-repeat;width:95px;height:40px}
#header ul#menu li.contact a:hover {background:url(../images/contactmenu.gif) 0 50% no-repeat;}
#header ul#menu li.contact a.selected {background:url(../images/contactmenu.gif) 0 100% no-repeat;cursor:default}
#header ul#menu li.preoc a{display:block;background:url(../images/preocmenu.gif) 0 0 no-repeat;width:160px;height:40px}
#header ul#menu li.preoc a:hover {background:url(../images/preocmenu.gif) 0 50% no-repeat;}
#header ul#menu li.preoc a.selected {background:url(../images/preocmenu.gif) 0 100% no-repeat;cursor:default}
/**/
#content {background:url(../images/contentbg.gif) no-repeat;margin-top:8px;height:432px;font-size:2.7em;text-align:justify}
#content .left{float:left;width:472px;padding:1em 0 1em 1em;line-height:1.4em}
#content .right{float:right;width:288px}
/**/
span.bigfont{font-size:1.4em;line-height:1.6em}
/**/
/*empresa*/
h1.emprh1{background:url(../images/emprh1.gif) no-repeat;height:29px;padding-bottom:0.5em}
.imgempr{background:url(../images/imgempr.jpg) right no-repeat;height:380px;margin:1.15em 1em 0 0}
ul.areas {list-style:disc;padding:0.5em 0 1em 2em}
ul.areas li{line-height:1.6em}
ul.areas ul {list-style:disc;padding:0 1em}
ul.linksempr {margin:1em 0 0 1em}
ul.linksempr li.const a{display:block;background:url(../images/const.gif) no-repeat;width:204px;height:29px}
ul.linksempr li.const a:hover{background:url(../images/consthov.gif) no-repeat}
ul.linksempr li.factor a{display:block;background:url(../images/factor.gif) no-repeat;width:204px;height:29px;margin:8px 0}
ul.linksempr li.factor a:hover{background:url(../images/factorhov.gif) no-repeat}
ul.linksempr li.clientes a{display:block;background:url(../images/clientes.gif) no-repeat;width:204px;height:29px;margin:8px 0}
ul.linksempr li.clientes a:hover{background:url(../images/clienteshov.gif) no-repeat}
/*constituição*/
h1.consth1{background:url(../images/consth1.gif) no-repeat;height:29px;padding-bottom:0.5em}
.imgconst{background:url(../images/imgconst.jpg) right no-repeat;height:380px;margin:1.15em 1em 0 0}
/*factor diferencial*/
h1.factorh1{background:url(../images/factorh1.gif) no-repeat;height:24px;padding-bottom:0.65em}
.imgfactor{background:url(../images/imgfactor.jpg) right no-repeat;height:380px;margin:1.15em 1em 0 0}
/*preocupação ambiental*/
h1.preoch1{background:url(../images/preoch1.gif) no-repeat;height:29px;padding-bottom:0.5em}
.imgpreoc{background:url(../images/imgpreoc.jpg) right no-repeat;height:380px;margin:1.15em 1em 0 0}
/*trabalhe connosco*/
.trablink a:link, .trablink a:visited{float:left;display:block;background:url(../images/trab.gif) no-repeat;width:204px;height:29px;margin-top:2.5em;border:none;}
.trablink a:hover{background:url(../images/trabhov.gif) no-repeat}
h1.trabh1{background:url(../images/trabh1.gif) no-repeat;height:24px;padding-bottom:0.65em}
.lefttrab{float:left;width:350px;padding:1em 0 1em 1em;line-height:1.4em}
/*clientes inst*/
h1.clientsh1{background:url(../images/clientsh1.gif) no-repeat;height:24px;padding-bottom:0.65em}
.imgclients{background:url(../images/imgclients.jpg) right no-repeat;height:380px;margin:1.15em 1em 0 0}
/*contacts*/
.leftcontact{float:left;width:410px;padding:1em 0 1em 1em;line-height:1.4em}
h1.contacth1{background:url(../images/contacth1.gif) no-repeat;height:24px;padding-bottom:0.65em}
.form {float:right;width:340px;margin:4.2em 1em 0 0}
.form label {float:left;width:90px}
.form input, .form textarea{border:none;margin-bottom:10px;padding-left:2px;width:230px;background-color:#646464;color:#ddd}
/*.form input.phone {border: solid red 2px;float:left; width:90px}
.form label.phone {float:left;width:90px}*/
.form textarea{height:130px;margin-bottom:10px}
.form input.send {background:url(../images/inputbt.gif) no-repeat;padding:2px 0 4px 0;width:64px;margin-left:90px;color:#eee;cursor:pointer}
.form input.send:hover {background:url(../images/inputbthov.gif) no-repeat;color:#ccc;}
.form input.send:active {margin:1px 0 0 91px}
.leftcontact .padd{padding:0.9em 0}
.leftcontact iframe{margin-top:2em}
.leftcontact small{display:block}
.leftcontact small a{font-size:0.9em}
/*resposta*/
.resp{float:right;background:url(../images/suc.gif) right no-repeat;height:262px;width:326px;margin:4.2em 1em 0 }
.respform{float:right;background:url(../images/formsubm.gif) right no-repeat;height:262px;width:326px;margin:4.2em 1em 0 }
.resp .back, .respform .back{margin:15em 1em 0 0;line-height:1.4em}
/*back link*/
.back {float:right;margin-top:2.5em;background:url(../images/back.gif) left bottom no-repeat;padding-left:20px}
.back a{font-size:0.9em}
.mt {margin-top:0.9em}
/*footer*/
#footer {float:right;font-size:2em;color:#959595;margin:-1.3em 1.3em 0 0}