/*cores
#2F2E32 cinza menu out
#19181A cinza fundo
#959599 cinza claro
#D40032 vermelho
*/
*{padding: 0px; margin: 0px; list-style: none; border: none; text-decoration: none;}

body{}

.body-index{background: black url(imagens/indexBg_01.jpg) top center no-repeat; }

/************* geral **********/
#geral{width:950px; position: relative; margin: 0 auto;}


/***************** fonts***********/
p{font: 12px normal Arial, Helvetica, Verdana, sans-serif;}

h1, h2, h3, h4 {font-family: Georgia, Times, "Times New Roman", Arial, Helvetica, serif; font-weight: lighter;}

/************** menu principal ***************/
#geral #menu-principal{width: 150px; float:left; margin-right: 30px; }
#geral #menu-principal #marca-apm{width:150px; height:70px; background:url(imagens/apm-logo.png) center top no-repeat; display: block; position: absolute; margin-top: 45px;}
#geral #menu-principal #menu{}
#geral #menu-principal #menu li{margin-bottom: 1px; text-align: right; font: 12px normal Arial, Helvetica, Verdana, sans-serif; clear: right;}
#geral #menu-principal #menu li a{display: block; background: #2F2E32; padding:8px 10px; color:white;}
#geral #menu-principal #menu li a:hover,
#geral #menu-principal #menu li.ativo a{background: #D40032;}

#geral #menu-principal #menu li.home{margin-bottom: 110px; float: right;}
#geral #menu-principal #menu li.home a{display: table; padding: 3px 10px;}

#geral #menu-principal address{background: black; font-family: Georgia, Times, "Times New Roman", Arial, Helvetica, serif; color: white; font-size: 12px;padding: 10px; text-align: right; margin-top: 20px;}

#geral #menu-principal #lang{margin-top: 20px;}
#geral #menu-principal #lang ul{}
#geral #menu-principal #lang ul li{font:12px normal Georgia, Times, "Times New Roman", Arial, Helvetica, serif; float: right; margin-right: 5px; font-style: italic;}
#geral #menu-principal #lang ul li a{ color: white; padding: 5px; border:1px solid #2F2E32;}
#geral #menu-principal #lang ul li a:hover{background: #D40032;color: white;}
#geral #menu-principal #lang ul li.ativo a{background: #2F2E32; color: white;}

/***************** corpo ****************/
#corpo{width: 770px; float: left;}
#corpo p{color: white;}
#corpo h1, #corpo h2, #corpo h3, #corpo h4, #corpo h5{color: #D40032;}

#corpo #titulo-pagina h1{font-size: 22px; color:white; padding-top: 88px; font-style: italic;}

/***************** apresentacao ****************/
.body-apresentacao{background: #19181A;}

.body-apresentacao #geral #menu-principal address{background: none;}

.corpo-apresentacao{padding-bottom: 30px;}

.corpo-apresentacao #titulo-pagina{height:128px; display: block;}

.corpo-apresentacao #area-foto{width:770px; background: black; border-top:1px solid #959599; height:156px; }
.corpo-apresentacao #area-foto img{float: left;}
.corpo-apresentacao #area-foto div{margin-left: 460px; padding-top: 30px;}
.corpo-apresentacao #area-foto div h3, .corpo-apresentacao #area-foto div p, .corpo-apresentacao #area-foto div a{color:#2F2E32;}

.corpo-apresentacao #area-foto div h3{color:#949498}
.corpo-apresentacao #area-foto div h4{padding-top: 10px;}
.corpo-apresentacao #area-foto div a {border-bottom: 1px solid #949498;}
.corpo-apresentacao #area-foto div a:hover {color: #D40032;}

.corpo-apresentacao #visao{width:500px;padding: 10px 0;}

.corpo-apresentacao #servicos{padding: 10px 0;}
.corpo-apresentacao #servicos h2{padding-bottom: 10px;}
.corpo-apresentacao #servicos h3{color: white; padding: 0 20px; font-size: 26px;}
.corpo-apresentacao #servicos div{width:230px; height: 150px; float: left; border-left: 1px solid #2F2E32; }
.corpo-apresentacao #servicos div.primeiro{border:none;}
.corpo-apresentacao #servicos div.primeiro h3,
.corpo-apresentacao #servicos div.primeiro ul{padding-left: 0;}
.corpo-apresentacao #servicos div ul{padding: 10px 20px;}
.corpo-apresentacao #servicos div ul li{color: white; font: 12px normal Arial, Helvetica, Verdana, sans-serif; padding: 3px 0; border-bottom: 1px solid #2F2E32;}


/********************* portfolio ****************/
.body-portfolio{background: #19181A;}

.body-portfolio #geral #menu-principal address{background: none;}

.corpo-portfolio{padding-bottom: 30px;}

#geral .corpo-portfolio #titulo-pagina{height:128px; width:105px; display: block; }

.corpo-portfolio #menu-tipo{float:left; }
.corpo-portfolio #menu-tipo ul {border-top: 1px solid #959599; width:105px; }
.corpo-portfolio #menu-tipo ul li{color: white; font: 12px normal Arial, Helvetica, Verdana, sans-serif; border-bottom: 1px solid #959599;}
.corpo-portfolio #menu-tipo ul li a{display: block;padding:8px 5px; color:white;}
.corpo-portfolio #menu-tipo ul li a:hover{background: black;}
.corpo-portfolio #menu-tipo ul li a.ativo{background: #D40032;}


/****projetos***/
.corpo-portfolio div.tipo-proj-ativo{display: block;}
.corpo-portfolio div.tipo-proj-inativo{display: none;}

.corpo-portfolio .area-tipo-projetos{margin-left: 115px;}
.corpo-portfolio .area-tipo-projetos .menu-projetos{width:610px; float: left; width:30px; padding-right: 10px;}
.corpo-portfolio .area-tipo-projetos .menu-projetos ul{ border-top: 1px solid #959599;}
.corpo-portfolio .area-tipo-projetos .menu-projetos ul li{color: white; font: 12px normal Arial, Helvetica, Verdana, sans-serif; border-bottom: 1px solid #959599;}
.corpo-portfolio .area-tipo-projetos .menu-projetos ul li a{display: block;padding:8px; color:white;}
.corpo-portfolio .area-tipo-projetos .menu-projetos ul li a:hover{background: black;}
.corpo-portfolio .area-tipo-projetos .menu-projetos ul li a.ativo{background: #D40032;}
.corpo-portfolio .area-tipo-projetos .menu-projetos h3{display: none; font-style: italic; padding: 0px 10px 0 0;}

.corpo-portfolio .area-tipo-projetos .area-mask-projetos{padding-top: 15px; margin-left: 50px; position: absolute; top:67px;}
.corpo-portfolio .area-tipo-projetos .area-mask-projetos .grupo-projetos{}

.corpo-portfolio .area-todos-tipos-proj{}


.corpo-portfolio .area-tipo-projetos .projeto{width:610px; }
#geral .corpo-portfolio .area-tipo-projetos .projeto h1{padding-bottom: 11px; color: white; font-size: 30px;}
.corpo-portfolio .area-tipo-projetos .projeto .area-imagem{border-bottom: 1px solid #959599;border-top: 1px solid #959599; width:610px; text-align: center; background: black;}
.corpo-portfolio .area-tipo-projetos .projeto .area-imagem img{position: relative; margin: 0 auto;}
.corpo-portfolio .area-tipo-projetos .projeto ul{display: table; width:610px; padding-top: 5px; border-bottom: 1px solid #959599; margin-bottom: 5px; background: black;}
.corpo-portfolio .area-tipo-projetos .projeto ul li{float: left; margin:0 5px 5px 0; }
.corpo-portfolio .area-tipo-projetos .projeto ul li a{color:#959599; padding-top: 3px;width:50px; height: 35px; display: block; overflow: hidden; font: 12px normal Georgia, Times, "Times New Roman", Arial, Helvetica, serif; display: block;}
.corpo-portfolio .area-tipo-projetos .projeto ul li a:hover,
.corpo-portfolio .area-tipo-projetos .projeto ul li a.ativo{color:white; padding:0px; border-top:3px solid #D40032; }

.corpo-portfolio .area-tipo-projetos .projeto .descricao{padding: 10px 0;}
.corpo-portfolio .area-tipo-projetos .projeto .descricao p{color: #959599;}
.corpo-portfolio .area-tipo-projetos .projeto .descricao p a{color: white; padding: 5px 2px;}
.corpo-portfolio .area-tipo-projetos .projeto .descricao p a:hover{background: #D40032; }

.projeto-inativo{display: none;}
.projeto-ativo{display:block;}

.gotop{margin: 40px 0; display: none;}
.gotop a{color:white;padding: 5px; background: none; display: block; font-style: italic; border-top:1px dashed #2F2E32;border-bottom:1px dashed #2F2E32;}
.gotop a:hover{background: #2F2E32;}

/***************** contato *****************/
.body-contato{background: #000;}

.corpo-contato #titulo-pagina{height:128px; width:610px; display: block; border-bottom:1px solid #959599; margin-bottom: 20px;}
.corpo-contato div{width:220px; float:left;}

.corpo-contato p a{color:white; padding: 5px 0 0;}
.corpo-contato p a:hover{text-decoration: underline;}

.corpo-contato .endereco{}
#geral .corpo-contato .endereco h2{ padding:10px 0 5px;font-size: 22px;}
.corpo-contato .endereco address{font: 12px normal Aria, Helvetica, Vernada, sans-serif; color:white; padding-bottom: 20px;}
.corpo-contato .formulario{}
.corpo-contato .formulario fieldset{width: 220px; }
.corpo-contato .formulario fieldset legend{color: #D40032; font-size: 22px; padding:0 0 5px;}
.corpo-contato .formulario fieldset label{color: white; padding: 5px 0; display: block; font-size: 14px; font-weight: lighter;}
.corpo-contato .formulario fieldset label input,
.corpo-contato .formulario fieldset label textarea{width:220px; background: #2F2E32; padding: 4px; color: white; font: 12px normal Aria, Helvetica, Vernada, sans-serif;}
.corpo-contato .formulario fieldset label textarea{height:70px;}
.corpo-contato .formulario fieldset .submit{border-bottom: 1px solid #D40032; padding: 5px 0; margin-top: 5px; background: none;color: #959599; font: 18px lighter Georgia, Times, "Times New Roman", Arial, Helvetica, serif;}
.corpo-contato .formulario fieldset .submit:hover{border-bottom: 1px solid #D40032; color:white;}