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

/*///////////////////////////////////Configurações Gerais*/
body{
margin:0px;
background:url(../imagens/fundo.jpg) fixed center top no-repeat;
}

div.clear{clear:both;display:block;float:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}

img.barrainferior{
margin:25px 0px 0px 0px;
}







/*///////////////////////////////////Imagem do topo fixa*/
div.imgtopo{
position:fixed;
top:-2px;
background: url(../imagens/barra-topo.png) fixed center top no-repeat;
width:100%;
height:280px;
z-index:2;
}


/*///////////////////////////////////Infos topo ( telefone e e-mail)*/
#infos{
position:fixed;
top:0px;
left:50%;
margin: 0px 0px 0px -480px;
width:960px;
z-index:3;
}

#infos p{
margin:5px 0px 0px 0px;
padding:0px;
float:right;
color:#FFFFFF;
font:12px Tahoma, "Century Gothic";
}

#infos a{
margin:0px;
padding:0px;
color:#FFFFFF;
font:11px Tahoma, "Century Gothic";
text-decoration:none;
}

#infos a:hover{
text-decoration:underline;
}


/*///////////////////////////////////Menu*/
#menu{
position:fixed;
top:50px;
left:50%;
margin: 0px 0px 0px -480px;
width:960px;
z-index:3;
}

#menu a.principal{
position:absolute;
top:10px;
right:205px;
margin:0px;
padding:0px;
color:#FFFFFF;
text-decoration:none;
font:12px Tahoma, "Century Gothic";
}

#menu a.faleconosco{
position:absolute;
top:20px;
right:45px;
margin:0px;
padding:0px;
color:#FFFFFF;
text-decoration:none;
font:16px Tahoma, "Century Gothic";
}


/*///////////////////////////////////Estrutura Geral*/
#geral{
position:absolute;
top:100px;
left:50%;
margin: 0px 0px 0px -480px;
width:960px;
height:auto;
z-index:0;
}




/*///////////////////////////////////Topo + Conteúdo institucional*/
#topo{
margin:0px 0px 30px -10px;
padding:0px;
width:100%;
height:100px;
}

#institucional{
margin-top:-45px;
float:right;
width:100%;
height:100px;
}
/*/////////////////Texto sobre a Atuart*/
#boxesq{
margin-right:30px;
margin-top:92px;
float:left;
width:450px;
}

#boxesq p.titulo{
margin:0px;
padding:0px;
font: 18px Tahoma, "Century Gothic";
color:#000000;
font-weight:bold;
}

#boxesq p.texto{
margin:20px 0px 0px 0px;
padding:0px;
font: 12px Tahoma, "Century Gothic";
color:#666666;
line-height:18px;
text-align:justify;
}


/*/////////////////Qualidade, selo, etc...*/
#boxdir{
position:relative;
margin-left:30px;
float:left;
width:450px;
height:260px;
}

#boxdir p.titulo{
margin:4px 0px 0px 0px;
padding:0px;
font: 14px Tahoma, "Century Gothic";
color:#BF2F0F;
font-weight:bold;
}

#boxdir img.selo{
float:left;
margin:8px 10px 0px -10px;
padding:0px;
}

#boxdir p.texto{
margin:15px 0px 0px 0px;
padding:0px;
font: 12px Tahoma, "Century Gothic";
color:#666666;
line-height:18px;
text-align:justify;
}

#boxdir img.btn{
float:left;
margin:2px 0px 0px -8px;
padding:0px;
}

#boxdir p.titulo2{
float:none;
margin:20px 0px 0px 0px;
padding:0px;
font: 14px Tahoma, "Century Gothic";
color:#BF2F0F;
font-weight:bold;
width:100%;
}

#boxdir p.texto2{
float:none;
margin:7px 0px 0px 0px;
padding:0px;
font: 12px Tahoma, "Century Gothic";
color:#666666;
line-height:18px;
text-align:justify;
width:100%;
}

ul.servicos{
position:absolute;
top:180px;
left:0px;
margin:0px;
padding:0px;
list-style:none;
font: 12px Tahoma, "Century Gothic";
color:#666666;
}

ul.servicos li{
margin:0px;
padding:0px 0px 0px 20px;
background:url(../imagens/icone-servicos.png) top left no-repeat;
list-style:none;
margin:2px;
}

ul.servicos2{
position:absolute;
top:180px;
left:150px;
margin:0px;
padding:0px;
list-style:none;
font: 12px Tahoma, "Century Gothic";
color:#666666;
}

ul.servicos2 li{
margin:0px;
padding:0px 0px 0px 20px;
background:url(../imagens/icone-servicos.png) top left no-repeat;
list-style:none;
margin:2px;
}

/*///////////////////////////////////Portifolio 01 - Magic Toys*/

#portum{
margin:30px 0px 0px 0px;
}

#portum img.icone{
float:left;
}

#portum p.titulo{
float:left;
margin:5px 0px 20px 10px;
padding:0px;
font: 16px Tahoma, "Century Gothic";
color:#000000;
}

#portum div.flash{
margin:0px 0px 0px 0px;
}

#portum p.texto{
margin:15px 0px 0px 0px;
padding:0px 20px 0px 20px;
font: 12px Tahoma, "Century Gothic";
color:#666666;
line-height:18px;
text-align:justify;
width:915px;
}

#portum img.btn{
margin:10px 0px 0px 15px;
}

#portum img.btntopo{
margin:30px 25px 0px 0px;
float:right;
}

/*///////////////////////////////////Portifolio 02 - Eureka E.V.A.*/

#portdois{
margin:30px 0px 0px 0px;
}

#portdois img.icone{
float:left;
}

#portdois p.titulo{
float:left;
margin:5px 0px 20px 10px;
padding:0px;
font: 16px Tahoma, "Century Gothic";
color:#000000;
}

#portdois .flash{
margin:30px 0px 0px 0px;
}

#portdois p.texto{
margin:15px 0px 0px 0px;
padding:0px 20px 0px 20px;
font: 12px Tahoma, "Century Gothic";
color:#666666;
line-height:18px;
text-align:justify;
width:915px;
}

#portdois img.btn{
margin:10px 0px 0px 15px;
}

#portdois img.btntopo{
margin:30px 25px 0px 0px;
float:right;
}


/*///////////////////////////////////Portifolio 03 - Apoena RH*/

#porttres{
margin:30px 0px 0px 0px;
}

#porttres img.icone{
float:left;
}

#porttres p.titulo{
float:left;
margin:5px 0px 20px 10px;
padding:0px;
font: 16px Tahoma, "Century Gothic";
color:#000000;
}

#porttres .flash{
margin:30px 0px 0px 0px;
}

#porttres p.texto{
margin:15px 0px 0px 0px;
padding:0px 20px 0px 20px;
font: 12px Tahoma, "Century Gothic";
color:#666666;
line-height:18px;
text-align:justify;
width:915px;
}

#porttres img.btn{
margin:10px 0px 0px 15px;
}

#porttres img.btntopo{
margin:30px 25px 0px 0px;
float:right;
}


/*///////////////////////////////////Portifolio 04 - Via Global Network*/

#portquatro{
margin:30px 0px 0px 0px;
}

#portquatro img.icone{
float:left;
}

#portquatro p.titulo{
float:left;
margin:5px 0px 20px 10px;
padding:0px;
font: 16px Tahoma, "Century Gothic";
color:#000000;
}

#portquatro .flash{
margin:30px 0px 0px 0px;
}

#portquatro p.texto{
margin:15px 0px 0px 0px;
padding:0px 20px 0px 20px;
font: 12px Tahoma, "Century Gothic";
color:#666666;
line-height:18px;
text-align:justify;
width:915px;
}

#portquatro img.btn{
margin:10px 0px 0px 15px;
}

#portquatro img.btntopo{
margin:30px 25px 0px 0px;
float:right;
}


/*///////////////////////////////////Portifolio 05 - Karin Reiter*/

#portcinco{
margin:30px 0px 0px 0px;
}

#portcinco img.icone{
float:left;
}

#portcinco p.titulo{
float:left;
margin:5px 0px 20px 10px;
padding:0px;
font: 16px Tahoma, "Century Gothic";
color:#000000;
}

#portcinco .flash{
margin:30px 0px 0px 0px;
}

#portcinco p.texto{
margin:15px 0px 0px 0px;
padding:0px 20px 0px 20px;
font: 12px Tahoma, "Century Gothic";
color:#666666;
line-height:18px;
text-align:justify;
width:915px;
}

#portcinco img.btn{
margin:10px 0px 0px 15px;
}

#portcinco img.btntopo{
margin:30px 25px 0px 0px;
float:right;
}


/*///////////////////////////////////Portifolio 06 - Quinta da Aldeia*/

#portseis{
margin:30px 0px 0px 0px;
}

#portseis img.icone{
float:left;
}

#portseis p.titulo{
float:left;
margin:5px 0px 20px 10px;
padding:0px;
font: 16px Tahoma, "Century Gothic";
color:#000000;
}

#portseis .flash{
margin:30px 0px 0px 0px;
}

#portseis p.texto{
margin:15px 0px 0px 0px;
padding:0px 20px 0px 20px;
font: 12px Tahoma, "Century Gothic";
color:#666666;
line-height:18px;
text-align:justify;
width:915px;
}

#portseis img.btn{
margin:10px 0px 0px 15px;
}

#portseis img.btntopo{
margin:30px 25px 0px 0px;
float:right;
}


/*///////////////////////////////////Rodapé*/
#rodape{
padding:0px;
margin:10px 0px 0px 0px;
text-align:center;
width:100%;
height:50px;
color:#999999;
font: 11px Tahoma, "Century Gothic";
}

#rodape p{
margin:0px 0px 0px 0px;
padding:0px 0px 20px 0px;
}










/*///////////////////////////////////PÁGINA DE Fale Conosco*/
#faleconosco{
float:right;
width:100%;
height:100px;
}


/*/////////////////Texto sobre a Atuart*/
#boxesqcontato{
margin-right:30px;
float:left;
width:450px;
}

#boxesqcontato img.icone{
float:left;
}


#boxesqcontato p.titulo{
margin:4px 0px 0px 25px;
padding:0px;
font: 18px Tahoma, "Century Gothic";
color:#000000;
}

#boxesqcontato p.telefone{
float:left;
margin:20px 0px 0px 15px;
padding:0px;
font: 12px Tahoma, "Century Gothic";
color:#666666;
line-height:18px;
text-align:justify;
}

#boxesqcontato p.email{
float:left;
margin:20px 0px 0px 50px;
padding:0px;
font: 12px Tahoma, "Century Gothic";
color:#666666;
line-height:18px;
text-align:justify;
}

#boxesqcontato p.email a{
margin:0px;
padding:0px;
font: 12px Tahoma, "Century Gothic";
color:#666666;
line-height:18px;
text-align:justify;
text-decoration: underline;
}

#boxesqcontato p.endereco{
margin:30px 0px 0px 30px;
padding:0px;
font: 12px Tahoma, "Century Gothic";
color:#666666;
line-height:18px;
text-align:justify;
}


/*/////////////////Formulario contato*/
#form {
margin:50px 0px 0px 0px;
}

#form  img.iconeform{
float:left;
}

#form p.tituloform{
float:left;
margin:4px 0px 0px 15px;
padding:0px;
font: 18px Tahoma, "Century Gothic";
color:#000000;
}


#form form{
position:relative;
margin:20px 0px 0px 30px;
font:12px Tahoma, "Century Gothic";
}

#form form label.nome{
position:absolute;
top:0px;
left:0px;
margin:0px;
padding:0px 0px 3px 0px;
color:#333333;
}

#form form input.nome{
position:absolute;
top:13px;
left:0px;
margin:5px 0px 10px 0px;
padding:1px;
background:#FFFFFF;
border: 1px solid #CCCCCC;
color:#333333;
width:200px;
}


#form form label.telefone{
position:absolute;
top:0px;
left:210px;
margin:0px;
padding:0px 0px 3px 0px;
color:#333333;
}

#form form input.telefoneddd{
position:absolute;
top:13px;
left:210px;
margin:5px 0px 10px 0px;
padding:1px;
background:#FFFFFF;
border: 1px solid #CCCCCC;
color:#333333;
width:25px;
}

#form form input.telefone{
position:absolute;
top:13px;
left:243px;
margin:5px 0px 10px 0px;
padding:1px;
background:#FFFFFF;
border: 1px solid #CCCCCC;
color:#333333;
width:117px;
}

#form form label.email{
position:absolute;
top:45px;
left:0px;
margin:0px;
padding:0px 0px 3px 0px;
color:#333333;
}

#form form input.email{
position:absolute;
top:58px;
left:0px;
margin:5px 0px 10px 0px;
padding:1px;
background:#FFFFFF;
border: 1px solid #CCCCCC;
color:#333333;
width:200px;
}

#form form label.empresa{
position:absolute;
top:45px;
left:210px;
margin:0px;
padding:0px 0px 3px 0px;
color:#333333;
}

#form form input.empresa{
position:absolute;
top:58px;
left:210px;
margin:5px 0px 10px 0px;
padding:1px;
background:#FFFFFF;
border: 1px solid #CCCCCC;
color:#333333;
width:150px;
}

#form form label.mensagem{
position:absolute;
top:90px;
left:0px;
margin:0px;
padding:0px 0px 3px 0px;
color:#333333;
}

#form form textarea.mensagem{
position:absolute;
top:103px;
left:0px;
margin:5px 0px 10px 0px;
padding:1px;
background:#FFFFFF;
border: 1px solid #CCCCCC;
color:#333333;
width:360px;
height:100px;
overflow:auto;
font:12px Tahoma, "Century Gothic";
}

#form form input.botao{
position:absolute;
top:220px;
left:-5px;
margin:0px;
padding:0px;
}

/*/////////////////Trabalhe Conosco*/
#boxdircontato{
margin-left:30px;
float:left;
width:450px;
}

#boxdircontato  img.iconeform{
float:left;
}

#boxdircontato p.tituloform{
float:left;
margin:4px 0px 0px 15px;
padding:0px;
font: 18px Tahoma, "Century Gothic";
color:#000000;
}

#boxdircontato p.texto{
margin:15px 0px 0px 0px;
padding:0px 0px 0px 30px;
font: 12px Tahoma, "Century Gothic";
color:#666666;
width:365px;
line-height:18px;
text-align:justify;
}


#boxdircontato form{
position:relative;
margin:30px 0px 0px 30px;
font:12px Tahoma, "Century Gothic";
}

#boxdircontato form img.barravertical{
position:absolute;
top:-135px;
left:-80px;
}

#boxdircontato form label.nome{
position:absolute;
top:0px;
left:0px;
margin:0px;
padding:0px 0px 3px 0px;
color:#333333;
}

#boxdircontato form input.nome{
position:absolute;
top:13px;
left:0px;
margin:5px 0px 10px 0px;
padding:1px;
background:#FFFFFF;
border: 1px solid #CCCCCC;
color:#333333;
width:200px;
}

#boxdircontato form label.email{
position:absolute;
top:0px;
left:210px;
margin:0px;
padding:0px 0px 3px 0px;
color:#333333;
}

#boxdircontato form input.email{
position:absolute;
top:13px;
left:210px;
margin:5px 0px 10px 0px;
padding:1px;
background:#FFFFFF;
border: 1px solid #CCCCCC;
color:#333333;
width:150px;
}

#boxdircontato form label.area{
position:absolute;
top:45px;
left:0px;
margin:0px;
padding:0px 0px 3px 0px;
color:#333333;
}

#boxdircontato form select.area{
position:absolute;
top:58px;
left:0px;
margin:5px 0px 10px 0px;
padding:1px;
background:#FFFFFF;
border: 1px solid #CCCCCC;
color: #666666;
width:200px;
}

#boxdircontato form label.telefone{
position:absolute;
top:45px;
left:210px;
margin:0px;
padding:0px 0px 3px 0px;
color:#333333;
}

#boxdircontato form input.telefoneddd{
position:absolute;
top:58px;
left:210px;
margin:5px 0px 10px 0px;
padding:1px;
background:#FFFFFF;
border: 1px solid #CCCCCC;
color:#333333;
width:25px;
}

#boxdircontato form input.telefone{
position:absolute;
top:58px;
left:243px;
margin:5px 0px 10px 0px;
padding:1px;
background:#FFFFFF;
border: 1px solid #CCCCCC;
color:#333333;
width:117px;
}

#boxdircontato form label.descricao{
position:absolute;
top:90px;
left:0px;
margin:0px;
padding:0px 0px 3px 0px;
color:#333333;
}

#boxdircontato form textarea.descricao{
position:absolute;
top:103px;
left:0px;
margin:5px 0px 10px 0px;
padding:1px;
background:#FFFFFF;
border: 1px solid #CCCCCC;
color:#333333;
width:360px;
height:100px;
overflow:auto;
font:12px Tahoma, "Century Gothic";
}

#boxdircontato form label.anexo{
position:absolute;
top:225px;
left:0px;
margin:0px;
padding:0px 0px 3px 0px;
color:#333333;
}

#boxdircontato form input.anexo{
position:absolute;
top:238px;
left:0px;
margin:5px 0px 10px 0px;
padding:3px;
background:#FFFFFF;
border: 1px solid #CCCCCC;
color:#333333;
width:280px;
font:12px Tahoma, "Century Gothic";
}

#boxdircontato form input.botao{
position:absolute;
top:280px;
left:-5px;
margin:0px;
padding:0px;
}

/*///////////////////////////////////Rodapé Trabalhe conosco*/
#rodapecontato{
padding:0px;
margin:550px 0px 0px 0px;
text-align:center;
width:100%;
height:50px;
color:#999999;
font: 11px Tahoma, "Century Gothic";
}

#rodapecontato p{
margin:0px 0px 0px 0px;
padding:0px 0px 20px 0px;
}