/* CSS Document */
body{
	margin:20px;
	background-image: url(../img/bg.gif);
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

a.linkazul{color:#6889a9; text-decoration:underline; font-weight:bold;}
a.linkazul:hover{text-decoration:none;}
a.linkcinza{color:#666; text-decoration:none;}
a.linkcinza:hover{text-decoration:underline;}
a.linksenha{font-size:10px; color:#a9a7a4; text-decoration:none;}
a.linksenha:hover{text-decoration:underline;}


/*SERVICOS*/
#interna-discado p, #interna-sites p, #interna-suporte p, #interna-condominial p, #interna-dedicado p{
width:282px;
margin:0px;
padding:0px;
padding-left:25px;
margin:10px 0px;
}
#interna-discado strong{color:#77b000;}
#interna-sites strong{color:#f26c25;}
#interna-suporte strong{color:#6a8796;}
#interna-condominial strong{color:#fdba00;}
#interna-dedicado strong{color:#754183;}


/*EQUIPE*/
.base{width:491px; float:left;
margin:10px 0px;
}
.esquerdaEq{width:136px; float:left;}
.direitaEq{width:331px; float:left; margin-left:8px;
border-left:8px solid #f2f2f2; padding-left:8px;
}

.direitaEq span {color:#5e80a3;}

/*FALE CONOSCO, TROCAR SENHA, CONSUMO*/
#faleconosco, #formSenha, #consumo, #registro{width:491px; float:left;}
#faleconosco label, #formSenha label, #consumo label{width:169px; float:left;
text-align:right;
margin-bottom:4px;}

#registro label{width:169px; float:left;
text-align:right;
margin-bottom:4px;}

#registro .txt{padding-left:169px; margin:0px 0px 7px 0px;}
#registro .tipo{width:auto;}
#formSenha span, #registro span {float:left; width:190px; margin-left:5px;}
.formSenhaSpan{margin-right:190px;}
#formSenha div, #consumo div, #registro div{width:491px; float:left; margin-bottom:4px;}
#registro #tipo{padding-left:125px; width:auto;}

#faleconosco input, #faleconosco select, #faleconosco textarea,
#formSenha input, #consumo input, #registro input, #registro select, #registro textarea
 {
width:182px; 
margin-bottom:4px;
margin-left:5px;
float:left;
border:0px;
background-color:#eceae5;
font-size:11px;
color:#8E836A;
}

#faleconosco .campos 
{
width: auto;
margin-bottom:4px;
margin-left:5px;
float:left;
border:0px;
background-color:#eceae5;
font-size:11px;
color:#8E836A;
}

#registro select{width:65px;}
#registro  .argo{width:182px;}
#faleconosco textarea, #registro textarea{height:50px;}
#faleconosco .bt, #formSenha .bt, #registro .bt{margin-left:285px; text-align:right;}
#faleconosco  .botao, #formSenha .botao, #consumo .botao, #registro .botao{width:65px; height:23px;
}
#registro .botaoConfirmar{width:95px; height:19px;}
#registro .check{width:auto; background:none;}
#formSenha .bt, #consumo .bt, #registro .bt{clear:both; margin-left:216px;
width:auto; float:none;}
#consumo .bt{margin-left:235px;}
#formSenha input{width:113px; margin-bottom:0px;
}
#registro small{
	font-style: italic;
}
#consumo input {width:132px;}

#consumo span {width:auto; float:left; margin-left:5px;}
#consumo .de, #consumo .a{width:45px;}
.obs{
	color:#b2b2b2;
	font-size:10px;
	font-style: italic;
	width:100%; 
	float:left;
	padding-top:55px;
}

.botao_enviar{background-image: url("../img/botoes/enviar.gif"); width:65px; height:23px; border:0px;}

/*MINHA AREA - LISTA DE EMAILS */
#listaEmails {
width:491px; 
float:left;
margin-top:50px;
padding-bottom:20px;
}
#listaEmails ul{padding:0px;
margin:0px;}


#listaEmails li, #listaEmails li.contraste{
width:175px; float:left;
list-style:none;
padding:2px 0px 2px 31px;
margin:1px 0px;
}

#listaEmails li.contraste{background-color:#f5f4f2;
padding:4px 0px 4px 31px;}


/*AGENDA*/
#agenda{
	width:191px;
	float:left;
	margin-top:5px;
	text-align:center;
}
#agenda table{margin:0px; padding:0px;
}
#agenda td{height:19px;}
#agenda td a{color:#666666; text-decoration:underline;}
#agenda td a:hover{text-decoration:none;}
#agenda td.selecionado {background-color:#dac38a; color:#FFFFFF;}
#agenda td.selecionado a {color:#FFFFFF; text-decoration:none;}
#agenda td.selecionado a:hover{text-decoration:none;}

#agendaForm{
	width:300px;
	float:left;
	margin-top:0px;
}

#agendaForm p.tituloResultado{color:#7F9ECC; font-weight:bold;}

.agendaMes{
	background-image: url(../img/agenda/mes.gif);
	background-repeat: no-repeat;
	width:94px;
	height:20px;
	text-align:center;
}
#formagenda label{margin-bottom:6px;}
#formagenda .dia{width:52px; float:left;}
#formagenda .mes{width:110px; float:left;}
#formagenda .ocasiao{width:98px; float:left;}
#formagenda input, #formagenda select, #formagenda textarea , #lembrete .lembrete{
border:0px; background-color:#eceae5;
font-size:11px;
color:#8E836A;
margin-bottom:2px;

}
#lembrete{clear:both; padding-top:20px;}
#lembrete input{widht:100%; float:left; margin-top:4px;}
#lembrete .lembrete{width:123px;}
.baseAgenda{width:259px; float:left; margin:3px 0px;}
.baseBotao{margin-left:115px;}
#formagenda .msg, #formagenda .nome{width:100%; float:left;}
#formagenda .inputMsg, #formagenda .inputNome{width:259px;}
#formagenda .inputMsg{height:50px;}
#formagenda .radio{background-color:transparent; float:left;}
#formagenda span {float:left; margin-top:2px;}

/*CONSUMO*/
.consumo{padding:20px 20px 10px 20px;}
.line{line-height:180%;}
span.login{color:#6889a9; font-size:14px; font-weight:bold;}

#tabelaConsumo td{padding:8px;}
#tabelaConsumo .escuro{background-color:#80a0c1; color:#FFFFFF;}
#tabelaConsumo .claro{background-color:#d8e2ec;}
#tabelaConsumo .fontAzul {color:#80a0c1;}

/*PROJETO*/
#tabelaProjeto tr, td{padding:0px; margin:0px;}
#tabelaProjeto .escuro{background-color:#6f90b1; color:#ffffff;}

#tipoProjeto{
	padding:0px 25px;
}

#tipoProjeto .tipoP{width:50%; float:left; padding:10px 0px; line-height:180%;}
.dataProjeto{float:right; margin-top:32px; color:#FFFFFF; padding-right:22px;}

/*LAYOUTS*/
#listaLayouts {
width:535px; 
float:left;
padding-bottom:20px;
margin-top:60px;
}

#listaLayouts ul{padding:0px;
margin:0px;
width:227px;
padding: 10px 10px 10px 30px;
float:left;
line-height:180%;
color:#FFFFFF;
}


#listaLayouts li{
list-style:none;
padding:0px;
margin:0px 0px;
}

#listaLayouts li.primeiro{color:#f7e28c;}

#listaLayouts a{color:#FFFFFF; text-decoration:none;}
#listaLayouts a:hover{font-weight:bold; text-decoration:none;}


#exibeLayout{width:683px; float:left;}
#rodapeLayout{width:683px; float:left;
clear:both; 
height:38px;
background-color:#eeeeee;
}

/*CRONOGRAMA*/
#tabelaCronograma td{padding:8px 5px 8px 8px; color:#FFFFFF;}
#tabelaCronograma .escuro{background-color:#5d7fa1;}
#tabelaCronograma .claro{background-color:#6f90b1;}
#tabelaCronograma .verde, #observacoesCronograma .verde{color:#8cf7c8; font-weight:bold;}
#tabelaCronograma .amarelo, #observacoesCronograma .amarelo{color:#eef78c; font-weight:bold;}
#tabelaCronograma .laranja, #observacoesCronograma .laranja{color:#f7b78c; font-weight:bold;}

#formCronograma textarea{
	width:511px;
	border:0px;
	height:80px;
}

#observacoesCronograma{padding:0px 20px 20px 20px; color:#FFFFFF;
width:471px;
}
/*MATERIAL*/
#tipoMaterial{padding:10px 25px; color:#FFFFFF; width:441px; position:relative;}
#tipoMaterial .amarelo, #tabelaCronograma .amarelo2{color:#f7da8c; font-weight:bold; font-size:11px;}

#tipoMaterial .size{font-size:12px;}

#listaMaterial{margin:0px; padding:0px; width:100%;}
#listaMaterial ul{padding:0px;
margin:0px;
width:45%;
padding: 0px 20px 0px 0px;
color:#FFFFFF;
float:left;
}

#listaMaterial li{
list-style:none;
padding:0px;
margin:0px 0px;
}

#materialItens li{list-style:none; 
padding:20px 0px;
margin:0px 0px;

}

#materialItens ul{padding:0px; margin:0px 0px 0px 20px;
}


.baseLayout{width:100%; float:left; margin-top:10px;}

.anexarArquivo {border:0px; padding:0px; margin:0px; float:left; width:100%;}
.anexos{color:#525252; float:left; width:100%; clear:both;}

/*BOLETOS*/
.esqueciSenha{padding-left:169px;}


.invalido{color:#f90b16;}
.data{color:#C9B57A;font-weight:bold;}

.button_salvar{
	background-image: url("../img/botoes/salvar.gif");
	width:75px;
	height:23px;
}

.button_limpar{
	background-image: url("../img/botoes/limpar.gif");
	width:69px;
	height:23px;
}

ul{list-style-type:none;margin:1px;}
a.link_escondido{color:#FFFFFF;text-decoration:none;}


#Layer1 {
	position:absolute;
	left:351px;
	top:23px;
	left: 330px;
	top: 109px;
	z-index:1;
}