@-ms-viewport{width:device-width;}
@-o-viewport{width:device-width;}
@viewport{width:device-width;}
*{margin:0;padding:0;}
body{margin:0;padding:0;}
#menu_container{width:100%;height:2.5em;background:#3E3D40;color:#FFF;}
#menu{width:56.25em;background-color:#3E3D40;height:2.5em;line-height:2.5em;margin:0 auto 0 auto;}
#menu ul{font-family:Cambria, Verdana, Arial, "Serifa BT";margin:auto;list-style-type:none;font-size:0.875em}
#menu ul li{float:left;position:relative;}
#menu ul li a{text-decoration:none;float:left;color:#FFF;display:block;width:auto;line-height:40px;padding-right:20px;padding-left:20px;}
#menu ul li a:hover{background:#F8878A;color:#780709;}
#menu .espaco{display:inline;position:relative;float:left;background-color:#3E3D40;width:350px;margin:0;padding:0;text-indent:-625em}
#menu .espaco:hover{background-color:#3E3D40;}
#menu .fone{display:inline;position:relative;float:left;background-image:url(../img/telface260x80.png);background-position:0 0;width:220px;margin:auto;padding:0;text-indent:-10000px;}
#menu .fone:hover{background-image:url(../img/telface260x80.png);background-position:0 -40px;background-color:#3E3D40;}
#menu .face{display:inline;position:relative;float:left;background-image:url(../img/telface260x80.png);background-position:-220px 0;width:40px;margin:0;padding:0;text-indent:-10000px;}
#menu .face:hover{background-image:url(../img/telface260x80.png);background-position:-220px -40px;background-color:#3E3D40;}
#menu ul li ul{display:none;position:absolute;top:50px;left:-40px;line-height:40px;height:40px;float:left;width:150px;}
#menu ul li:hover ul{display:block;line-height:40px;height:40px;float:left;width:150px;}
#menu ul li ul a{background:#6FC645;color:#0C6005;line-height:40px;height:40px;margin:0;width:150px;}
#menu ul li:hover{background:#6FC645;color:#0C6005;}
#menu ul li ul a:hover{background:#DDE004;color:#000;font-weight:bold;text-transform:uppercase;}
#logo{display:inline-block;width:100%;height:110px;line-height:110px;background-color:#E6E6E6;background-image:url(../img/bkg-logo900x110.png);background-position:center;background-repeat:no-repeat;text-indent:-10000px;margin:0 auto 0 auto;border-bottom:solid 5px #CCCCCC;}
#logo ul{width:900px;height:110px;line-height:110px;margin:0 auto 0 auto;list-style-type:none;}
#logo ul li{position:relative;float:left;}
#logo ul li a{text-decoration:none;line-height:110px;}
#logo .petreo{float:left;width:900px;;line-height:110px;height:110px;background-image:url(../img/LogoPetreo.png);background-position:0 0;background-size:contain;background-repeat:no-repeat;}
/*#logo .slogan{float:left;width:900px;;line-height:110px;height:110px;background-image:url(../img/Logo-Slogan360x50.png);background-position:right bottom;background-repeat:no-repeat;padding:0;margin:-8px;}
#logo .slogan:hover{float:left;width:900px;;line-height:110px;height:110px;background-image:url(../img/Logo-Slogan360x50up.png);background-position:right bottom;background-repeat:no-repeat;padding:0;margin:-8px;}*/
#content{width:100%;height:350px;background-color:#E6E6E6;color:#666;border-top:solid 5px #CCCCCC;}
#content ul{width:900px;font-family:Cambria, Verdana, Arial, "Serifa BT";margin:auto;list-style-type:none;font-size:14px;}
#content ul li{float:left;position:relative;}
#content ul li a{width:580px;text-decoration:none;float:left;color:#666;display:block;line-height:250px;}
#content .welcome{text-align:justify;height:250px;line-height:20px;margin-top:10px;margin-left:10px;margin-right:10px;position:relative;}
.bemvindo{color:#666666;text-shadow:-3px 3px 3px #999999;font-size:30px;font-weight:bold;}
.trabalhamos{color:#666;font-size:21px;font-weight:bold;margin-left:8px;}
.trabalhamos:hover{color:#999;}
#content .welcome-image{width:296px;background-image:url(../img/acrilico-bkg300x350.jpg);height:330px;margin:2px;margin-top:10px;text-indent:10000px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;float:left;display:inline-block;box-shadow:2px 2px 2px 2px #999;-moz-box-shadow:2px 2px 2px 2px #999;-webkit-box-shadow:2px 2px 2px 2px #999;}
#foot{bottom:0;width:100%;height:150px;margin:0 auto;background:#000000;background-image:url(../img/_graylines.png);background-repeat:repeat-x;color:#FFF;text-align:center;border-top:10px solid #3E3D40;clear:both;}
.copy{width:900px;font-family:Arial;font-size:11px;margin:5px auto;text-align:left;}
a{float:right;position:relative;display:inline-block;}
.racius-button{background-image:url(../img/racius_50x50.png);width:50px;height:50px;margin:60px 10px auto;}
.racius-button:hover{background-image:url(../img/raciusUP_50x50.png);width:50px;height:50px;}