@charset "UTF-8";
/* CSS Document */

* {margin:0;padding:0;list-style:none;border:none;text-decoration:none;}

hr {display:none;}

body { background:#de032d;height:100%;font:11px Arial;text-align:center;color:#fff;}
textarea {font-family:Arial, Helvetica, sans-serif;padding:5px 8px;}
a, img {outline:none;}
div#geral {margin:0 auto;text-align:left;height:100%;}

div.topo {background-color:#b10627;z-index:2;*margin-top:-14px;}	
div.topo #header h1 {height:155px;margin:0;background:url(../imgs/logo.gif) no-repeat left top;width:372px;margin-left:-30px;margin-bottom:8px;}
div.topo #header h1 a {display:block;height:155px;}
div.topo #header h1 a span {display:none;}
div.topo #header, ul.top-menu {width:951px;margin:0 auto;position:relative;}

div.topo #header #change-color {float:right;margin:-163px 0 0 0;}
div.topo #header #change-color span {color:#e4e192;float:left;margin-right:5px;margin-top:2px; font-size:11px;}
div.topo #header #change-color ul {float:left;background:#de032d; padding-right:5px;*padding-bottom:5px;}
div.topo #header #change-color li {float:left;margin-top:4px;height:10px;padding-left:5px;margin-bottom:5px;margin-left:8px;font-size:9px;letter-spacing:0.03em;}
div.topo #header #change-color li a {color:#fff; display:block;}
div.topo #header #change-color li#quente {border-left:10px solid #a50000;}
div.topo #header #change-color li#clean {border-left:10px solid #e4e192;}

div.topo #header ul#rede-relacionamento {width:160px;height:38px;float:right;margin:-134px 0 0;*clear:both;}
div.topo #header ul#rede-relacionamento li {float:left;margin-right:6px;}
div.topo #header ul#rede-relacionamento li span{display:none;}
div.topo #header ul#rede-relacionamento li a {display:block;width:34px;height:36px;}
div.topo #header ul#rede-relacionamento li#youtube a{background:url(../imgs/youtube.gif) no-repeat;}
div.topo #header ul#rede-relacionamento li#twitter a{background:url(../imgs/twitter.gif) no-repeat;}
div.topo #header ul#rede-relacionamento li#flickr a{background:url(../imgs/flickr.gif) no-repeat;}
div.topo #header ul#rede-relacionamento li#orkut a{background:url(../imgs/orkut.gif) no-repeat;}

/***PHONE***/
div.topo h2#tel, div.topo h2#email {font-weight:normal;float:right;text-align:right;width:600px;*clear:both;}
div.topo h2#tel {font-size:25px;margin-top:-92px;letter-spacing:-0.04em;line-height:28px;}
div.topo h2#tel span{font-size:15px;}
div.topo h2#email {font-size:11px;margin-top:0px;*margin-top:-45px;}
div.topo h2#email a {text-decoration:none;color:#fff;}
div.topo h2#email a:hover {color:#fdaf36;text-decoration:underline;}

/***TOPO***/
ul.top-menu span {display:none;}
ul.top-menu span.color {color:#fcac36;text-transform:uppercase;display:inline;font-weight:bold;}
ul.top-menu li.item-menu {padding:0;border-top:1px solid #e0022e;overflow:hidden;height:52px;}
ul.top-menu li.item-menu a {display:block;width:951px;height:42px;padding-top:12px;background-repeat:no-repeat;background-position:0 13px;}
ul.top-menu li.item-menu a:hover {background-color:#a80525;}
ul.top-menu li.item-menu a.item-opened {background-position:20px;}
ul.top-menu li.item-menu div {background:#98011e url(../imgs/bg_infos.jpg) repeat-x;padding:15px 20px;}
ul.top-menu li.item-menu div.hide-item {display:none;}
ul.top-menu li.item-menu div.show-item {display:block;}

ul.top-menu li#info a     {background-image:url(../imgs/title_info.gif);}
ul.top-menu li#contato a  {background-image:url(../imgs/title_contato.gif);}
ul.top-menu li#clientes a {background-image:url(../imgs/title_clientes.gif);}

ul.top-menu li#info div {height:320px;}
ul.top-menu li#info div p {/*width:522px;*/line-height:16px;float:left;margin-bottom:10px;width:430px;padding-right:10px;padding-left:10px;font-size:12px;}
ul.top-menu li#info div p a {background:none;color:#ffff66;text-decoration:underline;height:6px;padding:0 !important;}
ul.top-menu li#info div cite {float:right;width:350px;margin-left:15px;height:75px;display:block;background:url(../imgs/depoimento_diretor.gif) no-repeat;}
ul.top-menu li#info div cite span {display:none;}

ul.top-menu li#contato h5 {margin:22px 0 5px 0;color:#fcac36;font-weight:bold;font-size:12px;}
ul.top-menu li#contato a {color:#fff;text-decoration:underline;}
ul.top-menu li#contato a:hover {color:#fdaf36;}
ul.top-menu li#contato div.show-item {padding-top:5px;margin:0;padding-bottom:21px;}
ul.top-menu li#contato div.show-item div {background:none;}
ul.top-menu li#contato div.show-item a {background:none;display:inline;}
ul.top-menu li#contato fieldset {float:left;width:570px; display:table;}
ul.top-menu li#contato fieldset ul.form-list {width:230px;float:left;}
ul.top-menu li#contato fieldset ul.form-list li {border-bottom:1px solid #e0022e;border-top:none;width:225px;height:22px!important; padding-top:17px;} 
ul.top-menu li#contato fieldset ul.form-list li#form-last-item {border:none;height:25px;padding:10px 0 0 0;}
ul.top-menu li#contato fieldset label {float:left;width:60px;background-repeat:no-repeat;height:18px;background-position:left bottom;}
ul.top-menu li#contato fieldset label#label-name {background-image:url(../imgs/label-name.gif);}
ul.top-menu li#contato fieldset label#label-mail {background-image:url(../imgs/label-mail.gif);}
ul.top-menu li#contato fieldset label#label-subj {background-image:url(../imgs/label-subj.gif);}
ul.top-menu li#contato fieldset label#label-telefone {background-image:url(../imgs/label-tel.gif);}
ul.top-menu li#contato fieldset label#label-message {background-image:url(../imgs/label-message.gif);}
ul.top-menu li#contato fieldset textarea {background-color:#7f0018;width:280px;height:148px;color:#ffac7e;font-size:11px;margin-top:5px;}
ul.top-menu li#contato fieldset input {background-color:#98011e;color:#ffac7e;font-size:11px;width:160px;height:15px;padding-top:5px;}

ul.top-menu li#contato fieldset div#form-message {float:left;width:200px;}
ul.top-menu li#contato fieldset div#form-message label {width:90px;}

ul.top-menu li#clientes div {padding:0;background:none;display:table;}
ul.top-menu li#clientes div ul li {border:0;float:left;margin:1px 2px;height:154px !important; display:table;}
ul.top-menu li#clientes div ul li a {display:block;width:auto;height:154px;padding:0;background:none;}

/***corpo***/
.corpo {margin:0 auto;width:951px;clear:left;}
.corpo h3{border-bottom:1px solid #97001d;background:url(../imgs/projeto.gif) no-repeat;width:951px;height:41px;margin:15px 0;padding:0;}
.corpo h3 span{display:none;}

/***trabalho***/
.corpo ul#lista_projetos li {border-bottom:6px solid #be0026;margin-bottom:10px;}
.corpo ul#lista_projetos li h4 {margin-bottom:8px;}
.corpo ul#lista_projetos li h4 span{display:none;}

.corpo ul#lista_projetos ul li {margin-bottom:20px;border:none;}
.corpo ul#lista_projetos ul li .box_imgs {width:951px;}
.corpo ul#lista_projetos ul li .box_imgs img, .youtube {border:6px solid #a30021;float:left;margin:0 8px 8px 0;}
.corpo ul#lista_projetos ul li .box_txts {width:943px;}
.corpo ul#lista_projetos ul li .box_txts h5 {color:#540011;font-size:12px;float:left;margin-bottom:6px;}
.corpo ul#lista_projetos ul li .box_txts div a {display:block;height:20px;width:78px;background:url(../imgs/bt_ver_projetos.gif) no-repeat;float:right;margin-top:-4px;*margin-top:-2px;}
.corpo ul#lista_projetos ul li .box_txts div a span {display:none;}
.corpo ul#lista_projetos ul li .box_txts p {border-top:1px solid #7c0018;border-bottom:1px solid #c60028;padding:10px 0;clear:both;}
.corpo ul#lista_projetos ul li .box_txts p a{color:#FFFF66;text-decoration:underline;}
.corpo ul#lista_projetos ul li .box_txts p a#link-especial{margin-right:20px;}
.corpo ul#lista_projetos ul li .box_txts p a:hover{text-decoration:none;background:#a30021;}
.corpo ul#lista_projetos ul li .box_txts strong{color:#780119;font-weight:normal;}
.corpo ul#lista_projetos ul li .box_imgs span{display:none;}

.corpo li#contato #form-fields {background:none;width:240px;}
/***rodape**/

#paging {height:30px; margin-top:20px;text-align:center;}
#paging a {width:222px;height:25px;display:block;background-repeat:no-repeat;}
#paging a span {display:none;}
#paging a.anterior-inativo, #paging a.anterior-ativo {float:left;}
#paging a.proximo-inativo, #paging a.proximo-ativo {float:right;}

#paging a.anterior-ativo {background-image:url(../imgs/bt-anterior-on.gif);}
#paging a.anterior-inativo {background-image:url(../imgs/bt-anterior-off.gif);cursor:default;}
#paging a.proximo-ativo {background-image:url(../imgs/bt-proximo-on.gif);}
#paging a.proximo-inativo {background-image:url(../imgs/bt-proximo-off.gif);cursor:default;}



#paging div { text-align:center;width:500px;float:left;}
#paging div ol {text-align:center;height:20px;width:100px;margin:auto;margin-top:2px;}
#paging div ol li {float:left;margin-top:4px;text-align:center; margin-right:2px;}
#paging div ol li a {width:23px;height:18px;color:#82001a;font-size:11px;font-weight:bold;padding-top:3px;padding-left:1px;}
#paging div ol li a.active-page, #paging div ol li a:hover {background:url(../imgs/bgnumbers.gif) no-repeat;color:#fcac36;}

#footer {background:url(../imgs/bg_rodape.jpg) repeat-x #f20634 ;padding:45px 0 20px 0;}
#footer h1 {width:126px;height:54px;display:block;background:url(../imgs/logo_rodape.jpg) no-repeat;margin:0 auto; margin-bottom:16px;}
#footer h1 span {display:none;}
#footer address {font-family:Arial;font-size:12px;color:#98001e;width:595px; margin:0 auto; font-style:normal;}
#footer address strong#lemonde{margin-left:249px;}
#footer address strong#tel{margin-left:230px;}