* {margin: 0px; padding: 0px;}
body {background-image: url(img/bg.jpg); background-color:black; background-repeat:no-repeat; background-position:top center; padding-top:20px;}
body, p, table {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	font-size: 13px; color: #B7B7B7;}
#container { width:1002px; margin: 0px auto;}

#header { height:80px; width:942px; padding:0 30px;}
#menu { width:942px; height:80px; float:left; display:block;} /* height:37px; */
#menu a { color:#FFFFFF; text-decoration:none;}
#menu a:hover { color:#FF0000; text-decoration:none;}

/* Menu do Site */
#menu ul {list-style:none; width:942px;}
#menu ul li {text-indent:-90000px; height:80px; float:left;}
#menu ul li a {display:block; width:100%; height:80px; background: url(img/menu.png) no-repeat;}

#menu ul li.quem {width:147px;}
#menu ul li.quem a {background-position:0 0px;}
#menu ul li.quem a:hover {background-position:0 -160px;}
#body-quem ul li.quem a {background-position:0 -80px;}

#menu ul li.serv {width:151px;}
#menu ul li.serv a { background-position:-147px 0px;}
#menu ul li.serv a:hover {background-position:-147px -160px;}
#body-serv ul li.serv a {background-position:-147px -80px;}

#menu ul li.port {width:243px;}
#menu ul li.port a { background-position:-298px 0px;}
#menu ul li.port a:hover {background-position:-298px -160px;}
#body-port ul li.trat a {background-position:-298px -80px;}

#menu ul li.cont {width:104px; margin-right:85px;}
#menu ul li.cont a { background-position:-541px 0px;}
#menu ul li.cont a:hover {background-position:-541px -160px;}
#body-cont ul li.cont a {background-position:-541px -80px;}

#menu ul li.home {width:212px;}
#menu ul li.home a { background-position:-730px -0px;}
#menu ul li.home a:hover {background-position:-730px -80px;}
#body-home ul li.home a {background-position:-730px -80px;}

/* FORMS */
input, select, textarea { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:3px 5px; background-color:#FFFFFF; border:1px solid #999; font-size:13px; color:#CC0000; line-height:16px;}
.none { border:0; padding:0; vertical-align:middle;}

/* FOOTER */
#footer {width:902px; padding:18px 50px 0 50px; height:62px; background: url(img/bg-footer.png) no-repeat center top;}
#footer1 { width:70%; float:left; display:block;}
#footer2 { width:30%; float:left; display:block;}
#footer1 p { font-size:12px; color:#8f8f8f; padding-bottom:5px; text-align:left;}
#footer2 p { font-size:12px; color:#8f8f8f; padding-bottom:5px; text-align:right;}
#footer1 a, #footer2 a { text-decoration:none; color:#8f8f8f;}
#footer1 a:hover, #footer2 a:hover { color:#FFF; text-decoration:none;}

/* GENERAL */
#content { width:1002px; overflow:auto;}
#content p { line-height:22px; padding-bottom:12px}
h1, h2 { font-size:1.8em; padding: 0 0 12px 0; font-weight:normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;}
h3 { font-size:1.3em; font-weight:bold; font-style:italic; padding:8px 0 12px 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
h4 { font-size:1.3em; font-weight:bold; font-style:italic; padding:8px 0 4px 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;}

/* HOME */
#home-servicos {width:942px; padding:0 30px;}
#home-servicos h4 { font-size:1.4em; font-weight:normal; padding:113px 0 0 26px; color:#FFF; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
#home-servicos p { padding:0 26px; font-size:12px; color:#8f8f8f; line-height:normal;}
#home-servicos a, #home-servicos a:hover { text-decoration:none;}
#home-serv-1, #home-serv-2, #home-serv-3, #home-serv-5, #home-serv-6, #home-serv-7 { float:left; width:230px; margin:0 7px 25px 0;}
#home-serv-4, #home-serv-8 { float:left; width:230px; margin:0 0 25px 0;}
#home-serv-1 a {display:block; width:100%; height:260px; background: url(img/home-serv-1-iv.jpg) no-repeat;}
#home-serv-2 a {display:block; width:100%; height:260px; background: url(img/home-serv-2-dg.jpg) no-repeat;}
#home-serv-3 a {display:block; width:100%; height:260px; background: url(img/home-serv-3-w.jpg) no-repeat;}
#home-serv-4 a {display:block; width:100%; height:260px; background: url(img/home-serv-4-pd.jpg) no-repeat;}
#home-serv-5 a {display:block; width:100%; height:260px; background: url(img/home-serv-5-o.jpg) no-repeat;}
#home-serv-6 a {display:block; width:100%; height:260px; background: url(img/home-serv-6-m.jpg) no-repeat;}
#home-serv-7 a {display:block; width:100%; height:260px; background: url(img/home-serv-7-md.jpg) no-repeat;}
#home-serv-8 a {display:block; width:100%; height:260px; background: url(img/home-serv-8-ai.jpg) no-repeat;}
#home-serv-1 a, #home-serv-2 a, #home-serv-3 a, #home-serv-4 a, #home-serv-5 a, #home-serv-6 a, #home-serv-7 a, #home-serv-8 a {background-position:-230px 0px;}
#home-serv-1 a:hover, #home-serv-2 a:hover, #home-serv-3 a:hover, #home-serv-4 a:hover, #home-serv-5 a:hover, #home-serv-6 a:hover, #home-serv-7 a:hover, #home-serv-8 a:hover {background-position:0px 0px;}

/* INTERNAS */
#content-in {width:942px; padding:0 30px;}
#content-in h1 {font-size:2.9em; padding: 37px 0 27px 0; margin:0; font-weight:normal; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; color:#FFFFFF;}
#content-in a, #col6 a, #col7 a, #content-port p.port-p a { color:#FF9900; text-decoration:none;}
#content-in a:hover, #col6 a:hover, #col7 a:hover, #content-port p.port-p a:hover { color:#33CCCC; text-decoration:none;}



#content-port {width:972px; padding:0 0 0 30px;}
#content-port h1 {font-size:2.9em; padding: 37px 0 0 0; margin:0; font-weight:normal; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; color:#FFFFFF;}
#content-port h2 { font-size:1.8em; padding: 0 0 12px 0; font-weight:normal; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; color:#FFFFFF; display:block; width:940px;}
#content-port p {padding-bottom:27px; color:#FFFFFF;}
#content-port h1.port-h1 {font-size:2.9em; padding: 37px 0 5px 0; margin:0; font-weight:normal; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; color:#FFFFFF;}
#content-port p.port-p {padding-bottom:37px; color:#FFFFFF;}

#col7 p {padding-bottom:15px; color:#B7B7B7;}

.legenda a { color:#FFFFFF; text-decoration:none}
.legenda a:hover { color:#FFFFFF; text-decoration:underline}

.content-port a {display:block; float:left; width:164px; height:125px; padding:0 0 20px 0; margin-right:30px; color:#8f8f8f; text-decoration:none;}
.content-port a:hover { color:#6F6F6F; text-decoration:none;}
.content-port img { margin-bottom:4px;}
.content-port a:hover img {filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;}

#col1 {float:left; width:450px; padding-right:42px;}
#col2 {float:left; width:450px;}
#col3, #col4 {float:left; width:320px; padding-right:51px; background:url(img/sep.gif) top right repeat-y;}
#col5 {float:left; width:200px;}
#col6 {float:left; width:602px; padding: 0 51px 35px 0; background:url(img/sep.gif) top right repeat-y;}
#col7 {float:left; width:289px;}

.nd { display: none;}
#glossario p { clear:both; text-align:center}
#glossario a { font-weight:bold; color:#FFFFFF; font-size:14px; text-decoration:none;}
#glossario a:hover { color:#FFFF00;}
.serv-box { display:block; width:450px; min-height:200px; margin-bottom:35px;}
.serv-box h3 { font-size:1.6em; padding: 0 0 5px 180px; font-weight:normal; font-style:normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;}
.serv-box p { padding-left:180px;}
#serv-identidade-visual { background: url(img/box-serv-iv.png) top left no-repeat;}
#serv-design-grafico { background: url(img/box-serv-dg.png) top left no-repeat;}
#serv-webdesign { background: url(img/box-serv-w.jpg) top left no-repeat;}
#serv-publicidade-digital { background: url(img/box-serv-pd.jpg) top left no-repeat;}
#serv-otimizacao-de-sites { background: url(img/box-serv-o.jpg) top left no-repeat;}
#serv-marketing { background: url(img/box-serv-m.jpg) top left no-repeat;}
#serv-marketing-digital { background: url(img/box-serv-md.jpg) top left no-repeat;}
#serv-assessoria-de-imprensa { background: url(img/box-serv-ai.jpg) top left no-repeat;}
.midtext { padding-top:25px}
.branco { color:#FFFFFF;}
.hum { color:#33CCCC;}
.dois { color:#FFFF00;}
.p1 { padding-left:10px; background:url(img/point-1.gif) left no-repeat; color:#CCCCCC;}
.p2 { padding-left:10px; background:url(img/point-2.gif) left no-repeat; color:#CCCCCC;}
.p3 { padding-left:10px; background:url(img/point-3.gif) left no-repeat; color:#CCCCCC;}
.p4 { padding-left:10px; background:url(img/point-4.gif) left no-repeat; color:#CCCCCC;}
.p5 { padding-left:10px; background:url(img/point-5.gif) left no-repeat; color:#CCCCCC;}
.destaque { font-weight:bold; color:#FFF;}



/* PROP: CLIENTS
#cc-prop-clientlist { background-image: no-repeat; background-position: 0 0; background-color: transparent; width:980px; height:44px; text-indent: -3000px;}
.cc-prop-showclients {background: transparent url('images/btn-show-more-clients-bg.gif') no-repeat top left; width: 980px; height: 17px; margin-top: 27px;}
a.btn-showclients { display: block; background: transparent url('images/btn-show-more-clients.gif') no-repeat top left; width: 128px; height: 17px; margin: 0 auto;}
a.btn-showclients:hover { background-position: -128px 0;}
a.btn-hideclients { background-position: 0 -17px !Important;}
a.btn-hideclients:hover { background-position: -128px -17px !Important;} */