html {background:#000;color:#fff;font:normal 14px Tahoma,sans-serif}
body {text-align:center}

a {color:#f26522;text-decoration:none}
a:hover {text-decoration:underline}

#intro {background: url(../graphic/introBg.jpg) bottom repeat-x;height:437px}
h1 {background: url(../graphic/grifemLogo.gif) center no-repeat;text-indent:-5000px;overflow:hidden;height:68px;padding-top:10px;position:relative;z-index:1}
#frase {text-align:left;width:776px;margin:-18px auto;font-size:12px;position:relative;z-index:2}
#frase p {margin-left:415px}
#frase p .color {color:red}
#extraDiv2 {text-align:left;width:680px;height:273px;background: url(../graphic/introDestaque.jpg) no-repeat;margin:-10px auto;color:#cff2ff;font-size:30px}
#extraDiv2 p {width:334px;padding:137px 0 0 15px}
#extraDiv2 span span {color:#F26522}

#nav {width:776px;margin:42px auto;text-align:center}
#nav ul {margin:-28px 0 0 150px !important;margin:-10px 0 0 150px;height:40px}
#nav ul li {display:inline}
#nav b, #nav a {display:block;float:left;width:auto;text-decoration:none;color:#fff;font-size:16px;padding: 8px 15px 8px 15px;margin:0 2px 0 2px;font-weight:100}
#nav a:hover {text-decoration:underline}
#nav b {background: url(../graphic/menuSelecionado.gif) repeat-x}

#contents {background: #222728 url(../graphic/contentBg.jpg) repeat-x;width:752px;margin: 0 auto;position:relative}
#content {text-align:left;background: url(../graphic/contentFoot.gif) bottom no-repeat;padding:0 7px 20px 7px}
#content p {text-indent:15px}
#content h2 {font-size:24px;text-align:center;width:auto;margin:0 auto;padding: 10px 0 15px 0;font-weight:100}
#content2 {text-align:left;background: #000;padding-top: 10px}

.intro {margin-bottom:10px;padding-bottom:10px;border-bottom:2px solid #2d3748}
.destaque div {background: url(../graphic/moldura.png) no-repeat;width:319px;height:306px;padding:2px 0 0 4px;color:#000;float:left}

.conhecimento h3 {width:260px}
h3 .conhecimento {background: url(../graphic/engrenagem.png) right no-repeat;width:75px;height:64px;position:relative;margin: -45px 0 0 200px}
.conhecimento div {margin-left:330px;height:160px;margin-top:0px;padding-bottom:10px}
.conhecimento .bottomBg {background: url(../graphic/bottomSmall.png) no-repeat;width:400px;height:13px;margin-bottom:140px}

h3 .contato {background: url(../graphic/e-mail.png) no-repeat;width:78px;height:78px;display:block;position:relative;margin: -110px 0 0 180px}
h3 .logo {text-indent:-5000px;overflow:hidden;display:block;width:179px;margin-top:-20px;height:68px;background: url(../graphic/logo.png) right no-repeat}
h3 {line-height:18px;font-weight:100;height:75px;font-size:22px}


.box {min-height:160px;height:auto !important;height:190px;padding: 10px 0 0 10px}
.box .bottomBg {background: url(../graphic/box.png) bottom center no-repeat;width:716px;height:12px}
.box h3 {position:absolute;margin:20px 0 0 170px !important;margin:20px 0 0 10px;z-index:10}
.conhecimento h3, .box h3 {padding-top:7px}
.box img {float:left;border: 2px solid #199fc5;margin-top:20px}
.box img:hover {border: 2px solid #f26522}
.box .p {width:500px;padding:95px 0 0 170px !important;padding:90px 0 0 10px}


.size4 {font-size:45px}
.size3 {font-size:36px}
.size2 {font-size:30px}
.orange {color:#f26522}
h3, .blue {color:#199fc5}

#atuacao, #mensagem2 {width:745px;background: #13181f url(../graphic/contatoBg.jpg) repeat-x;padding:0 0 0 7px}
#atuacao .top, #mensagem2 .top {background: url(../graphic/contentTop.gif) no-repeat;height:4px;width:752px;margin:0 0 10px -7px}
#atuacao .bottom, #mensagem2 .bottom {background: url(../graphic/contentFoot.gif) no-repeat;height:3px;width:752px;margin:0 0 0 -7px}
#atuacao {margin-bottom:20px;min-height:400px;height:auto !important;height:400px}

#mensagem2 .p {width:320px;padding-top:70px;text-indent:15px}
#emailFeedback, #mensagem2 form {width:420px;margin:-250px 0 0 320px !important;margin:-270px 0 0 320px;position:relative}
#emailFeedback {height:200px !important;height:400px;padding:200px 0 0 20px;font-size:18px;color:#199fc5}
#emailFeedback p:first-line {color:#f26522;font-size:26px}


#atuacao h3 {background: url(../graphic/pasta.png) no-repeat;padding:40px 0 0 50px;margin-bottom:20px;height:auto !important;height:90px}
#atuacao .extraDiv {background: url(../graphic/atuacao.png) no-repeat;width:267px;height:257px;float:left}
#atuacao .content {margin-top:-100px;margin-left:280px;text-indent:15px}

#atuacao .atividades {margin:20px 0 10px 0}
#atuacao ul.left {float:left;margin-right:20px}
#atuacao ul {list-style: url(../graphic/li.gif);padding-left:20px}

#contatoAvacadoGeral fieldset {border:none}
#contatoAvacadoGeral legend {display:none}
#contatoAvacadoGeral label {display:block;float:left;text-align:right;width:75px;padding-right:10px}
#contatoAvacadoGeral div {margin-bottom:3px}
#contatoAvacadoGeral input {width:288px}
fieldset #telefone, select {width:170px}
#contatoAvacadoGeral .control input {width:auto;margin-left:83px}
#mensagem {width:288px;height:249px}

.empresa {padding-top:15px}

#foot {background: #102930 url(../graphic/rodape.jpg) repeat-x;margin-top: 20px;text-align:center;padding:20px 0 30px 0}
#foot p:first-line {font-size:18px}

.bottomBg {background-position: center bottom;}

.spanClear {width:96%;height:1px;float:left;display:block;line-height:1px;font-size:0}
.spanClear2 {clear:left;height:1px;display:block;line-height:1px;font-size:0}

.cliente {height:80px;width:350px;float:left;margin-top:10px}
.cliente .logo {width:150px;height:75px;overflow:hidden;background:#fff;border: 2px solid #199fc5}
.cliente .logo a:hover {text-indent:-300px}
.cliente .info {text-indent:0px;width:190px;float:right;padding-top:5px}

.cliente .padding2 {padding-top:20px}
.cliente .padding1 {padding-top:10px}