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

=============================================================
Agencia Web - Brasdev Desenvolverdores - www.brasdev.com
=============================================================
Theme Name: 	Delta Design
Theme URL: 		http://www.deltanet.com.br
Description: 	Tema usado para o novo site da Delta Design
Version:		1.0
Author:			Brasdev Desenvolvedores
Author URL:		http://www.brasdev.com
Country: 		Brasil
Page Style: 	Screen
Phone:			+55 32 3212-7212
E-mail: 		falecom@brasdev.com
=============================================================*/


/* GERAL
=============================================================*/

/****
	* CSS RESET
	A gente zera as medidas padrão do browser. 
****/
*{ 
		margin: 0;
		padding: 0;
		list-style: none;
		border: 0;
		text-decoration: none;
}

body {
		background: url(../imagens/bg.jpg) 0 0;
		margin:0px;
		padding: 0;
		color: #ffffff;
		font-family: Arial, Verdana, sans;
		font-size: 11pt;
}
hr {
		display:none;
}
img {
		border:none;
}

#background {
		background: url(../imagens/imagemFundo.jpg) no-repeat center top;
		height: 800px;
}


#geral {
		width:960px;
		margin:0 auto;
}


/* TIPOGRAFIA
=============================================================*/
h1 {
		font-family: Century Gothic, Arial, Verdana;
}
h2 {
		font-family: Century Gothic, Arial, Verdana;
}
h3{
		border: 0;
		text-decoration: none;
}

h4{}

span{}

p {
		font-size: 11pt;
		color: #ffffff;
		line-height: 135%;
}

a {
		color: #00b0ff;
		text-decoration: none;
}

a:hover {
		text-decoration: none;
}

.none {
		display: none;
}


/* FORMULARIOS
=============================================================*/

/* Box Envio de Arquivos */
input {
		padding: 4px;
		background: #333333;
		color: #ffffff;
}

select {
		padding: 4px;
		background: #333333;
		color: #ffffff;
		border: 0;
		width: 200px;
}

#usuario {
		margin: 80px 0 0 35px;
		width: 210px;
}

#senha {
		margin: 34px 0 0 35px;
		width: 210px;
}

#news {
		margin: 27px 0 0 5px;
		width: 180px;
}

/* Fale Conosco*/
#faleconosco fieldset {
		width: 589px;
}
#faleconosco form p {margin:10px 0;}
#faleconosco label {display:block;font-weight:normal;}
#faleconosco label textarea{height:200px;}
#faleconosco form {
		width:600px;
}
#faleconosco label input,#faleconosco label textarea{
		vertical-align:top;
		margin-left:10px;
		padding:4px 5px;
		margin: 3px;
}

#faleconosco input {
		width: 250px;
		border:2px solid #333333;
		padding:3px 5px;
}

#faleconosco textarea {
		border:2px solid #333333;
		padding:3px 5px;
		width: 250px;
		height: 160px;
		background: #333333;
		color: #fff;
}

#faleconosco input:focus,#faleconosco textarea:focus  {
		border:2px solid #ccc;
		padding:3px 5px;
}

#faleconosco input.submit{
		background:#000;
		color:white;
		border:3px double white;
		padding:5px;
}

/* HEADER
=============================================================*/

#header {
		width: 960px;
		height: 269px;
}

#header h1.logo{
		height:206px;
		margin:0 0 0 620px;
		position: absolute;
}
#header h1.logo a {
		display:block;
		background: url(../imagens/logotipo.jpg) no-repeat;
		outline:none;
		width:320px;
		height:193px;
		margin:0;
}
#header h1.logo a span{
		display:none;
}

/*menu superior*/
#menu {
		background: url(../imagens/menu.jpg) no-repeat;
		margin: 195px 0 0 2px;
		width: 960px;
		height: 58px;
		text-align: center;
		position: absolute;
}

#menu ul {
		margin: 6px 8px 8px 38px;
}

#menu ul li {
		display: inline;
		padding: 0;
}

#menu ul li a{
		padding: 14px 22px 14px 22px;
}

#menu ul li a:hover {
        text-decoration: none;
        background: url(../imagens/fundoMenu.jpg) repeat-x 0 0;
}


/* CONTEUDO
=============================================================*/

#conteudo {
		margin: 0 0 30px 0;
		float: left;
}

/* conteudo da esquerda */
#conteudo #esquerda {
		float: left;
}

#boxesquerda {
		background: url(../imagens/envioArquivos.jpg) no-repeat 0 0;
		height: 210px;
		width: 291px;
}

#boxesquerda input.enviar {
		margin: 5px 0 0 200px;
}

#cadastro {
		width: 290px;
		text-align: justify;
		margin: 10px 0 0 0;
}

#cadastro h1.cadastroempresa{
		margin:1px 10px 0 85px;
}

#cadastro h1.cadastroempresa a {
		display:block;
		background: #000;
		outline:none;
		width:200px;
		height:34px;
		margin:0;
}

#cadastro h1.cadastroempresa a span{
		display:none;
}


#cadastro h3 a {
		background-color: #000;
		padding: 6px;
		float: right;
}

#cadastro h3 a:hover {
		text-decoration: underline;
}

#bannerbrasdev {
		background: url(../imagens/bannerbrasdev.jpg) no-repeat 0 0;
		width: 291px;
		height: 155px;
		margin: 20px 0 10px 0;
}


/*menu area restrita*/

#menu #areaRestrita{
        margin: 17px 0 0 0;
}

#h2AreaRestrita{
        margin: 30px 0 0 120px;
}


#menuAreaRestrita{
        margin:30px 0 30px 30px;
        height:150px;
}
#menuAreaRestrita #subTitulo{
		margin:0 0 30px 0;
		font-weight:bold;
}
#menuAreaRestrita .cidade{
        float:left;
        margin-left:20px;
        width:160px;
}

#menuAreaRestrita .cidade a{
        display:block;
        padding: 15px 0 10px 0;
        height:25px;
        width:160px;
        text-align:center;
        background-image: url(../imagens/botaoCidade.gif);
}
#menuAreaRestrita .cidade a:hover{
        background-position:0px 50px;
        color:#000;
        border:1px solid #fff;
}

/* PAGINA PRINCIPAL
=============================================================*/

/* conteudo da direita */
#conteudo #direita {
		float: left;
		margin: 0 0 0 60px;
}

#conteudo #direita #destaque {
		width: 602px;
		height: 240px;
}

#conteudo #direita #servicos  {
		margin: 20px;
		width: 280px;
		position: absolute;
}

#conteudo #direita #servicos h2 {
		color: #00b0ff;
}

#conteudo #direita #servicos ul {
		margin: 20px 0 0 0;
		display: block;
}

#conteudo #direita #servicos li {
		padding: 8px;
		margin: 5px;
		background: #000 url(../imagens/ponto.jpg) no-repeat 15px 12px;
		text-indent: 30px;
		font-size: 10pt;
		font-family: Arial, Verdana, sans;
		font-weight: bold;
		width: 200px;
}

#conteudo #direita #servicos li a {
		color: #fff;
}

#conteudo #direita #servicos li a:hover {
		color: #00b0ff;
}

#conteudo #direita #servicos span a{
		float: right;
		margin: 0 10px 0 0;
}

#centralsuporte {
		margin: 20px 0 0 300px;
		position: absolute;
		width: 280px;
		border-left: 2px solid #404040;
		padding: 0 0 0px 12px;
}

#centralsuporte h2 {
		color: #00b0ff;
}

#centralsuporte ul {
		margin: 20px 0 0 0;
		display: block;

}

#centralsuporte li {
		margin: 0 0 10px 12px;
		background: url(../imagens/ponto.jpg) no-repeat 0 5px;
		font-size: 10pt;
		font-family: Arial, Verdana, sans;
		font-weight: bold;
		padding: 0; 
		width: 280px;
		text-indent: 15px;
}

#centralsuporte span a{
		float: right;
}

/*Newsletter*/
#newsletter {
		background: url(../imagens/newsletter.jpg) no-repeat;
		width: 279px;
		height: 119px;
		position: absolute;
		margin: 260px 0 0 320px;
}

#newsletter input.enviar {
		margin: 25px 0 0 0;
		position: absolute;
}

/* PAGINA EMPRESA
=============================================================*/

#paginaempresa {
		width: 589px;
		text-indent: 30px;
		text-align: justify;
}

#paginaempresa .fotos {
		background: url(../imagens/fundoFotos.jpg) no-repeat 0 0;
		width: 602px;
		height: 130px;
		margin: 10px 0 20px 0;
}

#paginaempresa .fotos img{
		width: auto;
		height: auto;
		margin: 27px 2px 2px 3px;
}


/* CLASSES
-------------------------------------------------------------*/
.clear {
		clear:		both;
		font-size:	1pt;
		height:		1pt;
		padding:	0px;
		margin:		0px;
}


/* FOOTER
=============================================================*/

#footer {
		background: url(../imagens/footer.jpg) no-repeat 0 0;
		width: 952px;
		height: 58px;
		float: left;
}
#footer #agenciaWeb {
		width:185px;
		margin:15px 0 0 768px;
		position:absolute;
}

#footer #agenciaWeb a {
	background:transparent url(../imagens/agenciaWeb.jpg) no-repeat scroll 0 0;
	display:block;
	height:32px;
	width:170px;
}

/* PAGINA SERVIÇOS
=============================================================*/

#servico {
		width: 602px;
		text-indent: 30px;
		text-align: justify;
		margin: 0 0 20px 0;
}

#servico ul {
}

#servico ul li {
		padding: 8px 28px 8px 10px;
		margin: 5px;
		background: #000000 url(../imagens/ponto.jpg) no-repeat 15px 12px;
		text-indent: 30px;
		font-size: 10pt;
		font-family: Arial, Verdana, sans;
		font-weight: bold;
		
}

#servico ul li a {
		color: #fff;
		text-decoration: none;
		width: 150px;
		display: inline;
}

#servico ul li a:hover {
		color: #00b0ff;
}

#servico h3 {
		width: 500px;
}

#servico .fotos {
		background: url(../imagens/fundoFotos.jpg) no-repeat 0 0;
		width: 602px;
		height: 130px;
		margin: 10px 0 20px 0;
}

#servico .fotos img{
		width: auto;
		height: auto;
		margin: 27px 2px 2px 3px;
}

/* PAGINA DICAS
=============================================================*/

#dicas {
		width: 589px;
		text-indent: 30px;
		text-align: justify;
		margin: 0 0 20px 0;
}


/* PAGINA FALE CONOSCO
=============================================================*/

#fale {
		width: 589px;
		text-indent: 30px;
		text-align: justify;
		margin: 0 0 20px 0;
}

#contatos {
		position: absolute;
		width: 350px;
		margin: 0 0 0 320px;
		text-indent: 0px;
}

#contatos span {
		margin: 10px 0 0 0;
		line-height: 135%;
		font-size: 10pt;
}

#fale input.submit{
		background: #000;
		color: #00b0ff;
		border:0;
		padding:5px;
		margin: 10px 0 0 0;
		width: 160px;
		height: 38px;
		font-weight: bold;
		display: block;
		cursor: pointer;
}


/* PAGINA ORÇAMENTO
=============================================================*/

#orcamento {
		width: 589px;
		text-indent: 30px;
		text-align: justify;
		margin: 0 0 20px 0;
}

#contatos {
		position: absolute;
		width: 350px;
		margin: 0 0 0 320px;
		text-indent: 0px;
}

#contatos span {
		margin: 10px 0 0 0;
		line-height: 135%;
		font-size: 10pt;
}

#orcamento input.submit{
		background: #000;
		color: #00b0ff;
		border:0;
		padding:5px;
		margin: 10px 0 0 0;
		width: 180px;
		height: 38px;
		font-weight: bold;
		display: block;
		cursor: pointer;
}


/* PAGINA SUPORTE
=============================================================*/

#suporte {
		width: 589px;
		text-indent: 30px;
		text-align: justify;
		margin: 0 0 20px 0;
}


table {
		padding: 0;
		margin: 0;
		border-collapse: collapse;
}

th{
		padding: 20px;
		margin: 0;
		text-align: left;
		border: 1px solid #000;
		background: #000;
		color: #00b0ff;
}


td {
		padding: 35px;
		text-align: left;
		border: 1px solid #000;
		font-size: 12px;
}

#suporte .iconepdf {
		background: url(../imagens/ic_pdf.gif) no-repeat center center;
		width: 31px;
		height: 33px;
}

#suporte .iconejob {
		background: url(../imagens/ic_job.gif) no-repeat center center;
		width: 31px;
		height: 33px;
}

#suporte .iconerar {
		background: url(../imagens/ic_rar.jpg) no-repeat center center;
		width: 31px;
		height: 33px;
}

#suporte .download a{
		color: #00b0ff;
}

#suporte .download a:hover{
		color: #00b0ff;
		text-decoration: underline;
}

/* PAGINA CADASTRO
=============================================================*/

#formcadastro {
		width: 589px;
}

#formcadastro input{
		width: 350px;
		border:2px solid #333333;
		padding:3px 5px;
}

#formcadastro input.submit{
		background: #000;
		color: #00b0ff;
		border:0;
		padding:8px;
		width: 300px;
		font-weight: bold;
		display: block;
		cursor: pointer;
}