* {
	font-family: 'Segoe Ui';
}


a {
	text-decoration: none;
	outline: none;
}

a:hover {
	text-decoration: underline;
	outline: none;
}

body {

	background-color: #ffffff;
	padding: 0;
	margin: 0;
    height:99%;
}


html {
    height:99%;
}



/* utils */

.clear {
	clear: both;
}


#shortcuts * {
	font-size: 12px;
	color: #ffffff;
}


/*

estilos do menu

*/
.container-menu{
    width: 190px
}
#menu h1 {
	margin-top: 0;
	font-size: 15px;
}
#menu h2 {
	font-size: 15px;
	color: #999999;
	font-weight: lighter;
	margin-bottom: 8px;
    margin-top: 15px;
    width: 200px
}
.menu-h2-header {
    margin-top: 5px
}
.menu-header {
    padding-top: 20px;
}
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu li {
	margin-bottom: 8px;
	line-height: 13px;
}
#menu li.img {
	height: 22px;
	line-height: 12px;
	padding-left: 20px;
	padding-bottom: ;
	vertical-align: middle;
}
#menu li.img a {
	color: #0066cc;
	padding-left:3px;
    vertical-align: middle;
}
#menu .projeto {
	background-image: url('../img/menu/projeto.png');
	background-repeat: no-repeat;  	
}
#menu .alocacao {
	background-image: url('../img/menu/alocacao.png');
	background-repeat: no-repeat;	
}
#menu .clock {
	background-image: url('../img/menu/clock.jpg');
	background-repeat: no-repeat;  	
}
#menu .reembolso {
	background-image: url('../img/menu/reembolso.png');
	background-repeat: no-repeat;
}
#menu .password {
	background-image: url('../img/menu/alterarSenha.png');
	background-repeat: no-repeat;		
}
#menu .relatorio {
	background-image: url('../img/menu/relatorio.png');
	background-repeat: no-repeat; 	
}
#menu .empresa {
	background-image: url('../img/menu/empresa.png');
	background-repeat: no-repeat;  	
}
#menu .usuario {
	background-image: url('../img/menu/usuario.png');
	background-repeat: no-repeat;  	
}
#menu .linhaNegocio {
	background-image: url('../img/menu/linhaNegocio.png');
	background-repeat: no-repeat; 	
}
#menu .parceiroNegocio {
	background-image: url('../img/menu/parceiroNegocio.png');
	background-repeat: no-repeat;    	
}
#menu .cliente {
	background-image: url('../img/menu/cliente.png');
	background-repeat: no-repeat;	
}
#menu .origem {
	background-image: url('../img/menu/origem.png');
	background-repeat: no-repeat;  	
}
#menu .fase {
	background-image: url('../img/menu/fase.png');
	background-repeat: no-repeat;  	
}
#menu .conhecimento {
	background-image: url('../img/menu/conhecimento.png');
	background-repeat: no-repeat;	
}
#menu .motivoEncerramento {
	background-image: url('../img/menu/motivoEncerramento.png');
	background-repeat: no-repeat;
}
#menu .faturamento {
	background-image: url('../img/menu/faturamento.png');
	background-repeat: no-repeat;	
}
#menu .consultaFaturamento {
	background-image: url('../img/menu/consultaFaturamento.png');
	background-repeat: no-repeat; 	
}
#menu .notaFiscal {
	background-image: url('../img/menu/notaFiscal.png');
	background-repeat: no-repeat;
}
#menu .boleto {
	background-image: url('../img/menu/boleto.png');
	background-repeat: no-repeat;    	
}
#menu .chamado {
	background-image: url('../img/menu/chamado.png');
	background-repeat: no-repeat;
}
#menu .ocorrencia {
	background-image: url('../img/menu/ocorrencia.png');
	background-repeat: no-repeat;
}

#menu a {
	text-decoration: none;
	color: #000000;
	font-size: 11px;
}
#menu a:hover {
	text-decoration: underline;
}

#menu .paginaLogin {
       background-image: url('../img/menu/paginaLogin.png');
       background-repeat: no-repeat;           
}

/*

breadcumb 

*/

#breadcumb, #breadcumb * {
	font-size: 10px;
}

#breadcumb a {
	color: #0066cc;
}



/*

conteudo 

*/
#divmain, #divilinks {
    margin-bottom: 50px
}
#content h1 {
	font-size: 22px;
	color: #979797;
	border-bottom: 0px solid #cccccc;
	width: 100%;
	font-weight: lighter;
	margin: 0px;
	margin-top: 10px;
}
#content h2 {
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: #999999;
	font-weight: lighter;
	margin-bottom: 15px;
	margin-top: 20px;
}


/*
forms
*/
div.element {
	width: 860px;
	overflow: hidden;
	margin-bottom: 9px;
    vertical-align:middle;
}
div.element2 {
	width: 100%;
	margin-bottom: 9px;
    vertical-align:middle;
}
div.label2 {
	width: 150px;
	font-size: 35px;
	text-align: right;
	margin-right: 8px;
	float: left;	
	vertical-align:middle
}
div.label3 {
	width: 48%;
	font-size: 12px;
	text-align: right;	
	margin-left:0px;
	float: left;
    vertical-align:middle

}

div.label3Text {
	width: 35%;
	font-size: 12px;
	text-align: left;	
	margin-left:8px;
	margin-right:0px;
	float: left;
	color: #888888;
    vertical-align:middle;
    line-height: 28px;
}
div.label3Text input[type=text] {
	font-size: 12px;
	color: #888888;
    vertical-align:middle
}

div.label3Text select {
    font-size: 12px;
	color: #888888;
    vertical-align:middle
}

div.label4 {
	width: 95%;
	font-size: 13px;
	text-align: left;	
	margin-left:5px;
	margin-right:5px;
	float: left;
    vertical-align:middle

}
div.label4Text {
	width: 95%;
	font-size: 13px;
	text-align: left;	
	margin-left:5px;
	margin-right:5px;
	float: left;
	color: #888888;
    vertical-align:middle

}
	div.label {
	width: 150px;
	font-size: 12px;
	text-align: right;
	margin-right: 8px;
	float: left;
    vertical-align:middle;
    line-height:100%;	
    padding-top:8px;
}
div.field2 {
	width: 550px;
	display: block;
	float: left;
    vertical-align:middle
}

div.field {
	width: 550px;
	display: block;
	float: left;
    vertical-align:middle;
}
div.field2 {
	width: 50%;
	display: block;
	float: left;
    vertical-align:middle
}
div.buttons {
	border-top: 0px solid #cccccc;
	text-align: left;
	padding-left: 155px;
	height: 31px;
	margin-top: 15px;
	padding-top: 5px;
}

div.field select {
	width: 160px;
	color: #888888;
}

div.field input[type=text] {
	font-size: 12px;
	color: #888888;
}

div.field input[type=radio]
{
	width:10px;
	margin:0 0 0 0;
	padding: 0 0 0 0;
    vertical-align:middle
}

div.field textarea {
	font-size: 12px;
	margin-top: 5px;
	color: #888888;
    vertical-align:middle;
}
div.field img, div.field a {
    vertical-align:middle;
}

#ContentPlaceHolder1_txtObservacoes {
    width:350px
}





/*

login


#divLogin {
	width: 900px;
	margin: 0 auto;
    line-height: 1.7em; 
    font-size: 17px;
    margin-top: 40%;
}
#divLogin a {
	color: #0066cc;
}
#welcome-container {
	float: left;
	width: 350px;
	float: left;
    line-height: 1.7em; 
    font-size: 18px;
}
#login-container {
	float: right;
	width: 450px;    
}
#login-container p {
    line-height: 1.4em; 
    font-size: 15px;
    margin: 0 0 15px 0
}
#divLogin input[type=text], #divLogin input[type=password] {
	width: 280px;
    font-size: 15px;
}*/
#footer-login {
	position:absolute;
	bottom:10px;
	clear: both;
	background-color:#ffffff;
	width: 100%;
    font-size:10px;
}
/*
login
*/

#divLogin, #divLogin p {
	font-size: 16px;
    line-height: 1.5em
}

#divLogin p {
    text-align: left;
    width: 43%;
    font-size: 16px;
    line-height: 1.5em
}
#divLogin a {
	color: #0066cc;
}

#divLogin div {
	display: block;
	margin-top: 30px;
    font-size: 16px;
    line-height: 1.5em
}

#divLogin input[type=text], #divLogin input[type=password] {
	width: 200px;
    font-size: 14px;
}


/*

Apontamento

*/

.apontamento input.total, input.total{
    background-color: #FFFFCC;
    border: 1px solid #FFCC66;
    font-size: 10pt !important;
    text-align: center;
    vertical-align: middle;
    width:60px !important;
}
.apontamento {
	margin-top: 10px;
}

.apontamento td 
{
	padding-bottom: 5px;
	vertical-align: middle;
}

.apontamento *, .apontamento {
	font-size: 12px;
}

.apontamento input[type=text] {
	width: 100px;
}
.apontamento select {
	width: 100%;
}
.apontamento textarea {
	width: 100%;
}

/** Para a tabela de Apontamentos Mensal **/
.summary_errors {font-size:12px;}
table.apontamentos {}
table.apontamentos .nonworkday,
	table.apontamentos tr.total .nonworkday {background:#f2f2f2;}
table.apontamentos .today, 
	table.apontamentos tr.total .today {background: #DFEFFF;}
table.apontamentos td {padding:5px 0 0 0; border-bottom: 1px solid #CCC;}
table.apontamentos td.title {font-size:10pt; font-weight:bold; border:0; padding:10px 0 0 0;}
table.apontamentos tr.total td {background:#ddd; padding:5px 0; font-size:10px; font-weight:bold; text-align:center;}

.apontamento 
.ajax__calendar_header, 
.ajax__calendar_prev, 
.ajax__calendar_title, 
.ajax__calendar_next, 
.ajax__calendar_body, 
.ajax__calendar_days, 
.ajax__calendar_dayname, 
.ajax__calendar_day, 
.ajax__calendar_months, CSS
.ajax__calendar_month, 
.ajax__calendar_years,
.ajax__calendar_year, 
.ajax__calendar_footer, 
.ajax__calendar_today, 
.ajax__calendar_hover, 
.ajax__calendar_active, 
.ajax__calendar_other
{
font-size:11px;


}

.ajax__calendar_container
{
    margin-top:8px;
}

.apontamento .ajax__calendar td
{
padding-right:0px;
}

.apontamento .ajax__calendar .td
{
padding:0px;
}

.apontamento_rpt input.total, input.total{
    background-color: #FFFFCC;
    border: 1px solid #FFCC66;
    font-size: 10pt !important;    
    vertical-align: middle;
    width:60px;
    color:#000000;
}

.apontamento_rpt {
	margin-top: 10px;
}

.apontamento_rpt td 
{
	padding-bottom: 0px;
	padding-right: 5px;
	vertical-align: middle;
}

.apontamento_rpt *, .apontamento_rpt {
	font-size: 12px;
}

.apontamento_rpt input[type=text] {
	width: 100px;
}


.apontamento_rpt select {
	width: 100%;
}

.apontamento_rpt textarea {
	width: 100%;
}


.apontamento_rpt 
.ajax__calendar_header, 
.ajax__calendar_prev, 
.ajax__calendar_title, 
.ajax__calendar_next, 
.ajax__calendar_body, 
.ajax__calendar_days, 
.ajax__calendar_dayname, 
.ajax__calendar_day, 
.ajax__calendar_months, CSS
.ajax__calendar_month, 
.ajax__calendar_years,
.ajax__calendar_year, 
.ajax__calendar_footer, 
.ajax__calendar_today, 
.ajax__calendar_hover, 
.ajax__calendar_active, 
.ajax__calendar_other
{
font-size:11px;


}

.apontamento_rpt .ajax__calendar td
{
padding-right:0px;
}

.apontamento_rpt .ajax__calendar .td
{
padding:0px;
}






#txtNumber {
    text-align:right
}

#ContentPlaceHolder1_btnVoltar {
    background: #84ACBB;
}
.button, input[type="button"],  input[type=submit] {
  width: auto;
  background: #00a0f0;
  border: 0px solid #006da3;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0) inset;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  margin: 0;
  padding: 8px 15px;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 0.15s ease-in-out;
  -moz-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
  border-radius:4px;
  vertical-align: middle;
    top: -2px;
    left: 2px;
}
  .button:hover, .button:focus {
    color: white;
    background-color: #007ebd; 
    text-decoration: none; 
  }
  .button:active {
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.4) inset;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.4) inset;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.4) inset; }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea,
select,
.search select, 
select {  
  font-size: 12px;
  vertical-align: middle;
  padding: 5px 10px; 
  vertical-align: middle;
  border-radius:4px;
}
input[type="image"] {
    border: 0;
    outline:none;
    margin: 0 2px;
}

.hide, #btnAbreFecha {
    display:none
}
.btn-light {
    background: #84ACBB
}
#ContentPlaceHolder1_btnVoltarConsulta {
    margin-top:8px
}
#ContentPlaceHolder1_ddlUsuarios {
    margin-bottom:8px;
    background-color:#ffffff;
    color:#000000;
    font-weight:bold
}
.content-right{
    text-align:right;
}
.margin-right{
    padding-right:10px;
}
.margin-right-check{
    padding-right:47px;
}
.content-middle{
    vertical-align: middle
}
.btn-apontamento-lista {
    border-bottom: 0;
    text-align:right;
}
.separa-apontamento{
    margin: 10px 0; 
    border-bottom: 1px dotted #c0c0c0;
}

h1.content-title{
    padding-bottom: 20px
}
.topMenu
{
	font-family:'Segoe Ui';
	font-size:12px;
	color:White;
}

.btn-excel {
    background-color: #ffffff;
    border: none;
    background-image: url('../img/ico_excel.jpg') !important;
	background-repeat: no-repeat;
    background-position: left;
    padding-left: 30px;
    color: #0066cc;
    margin-left: 20px
}
 .btn-excel:hover, .btn-excel:focus {
    color: #0066cc;
    background-color: #ffffff;
    border: none;
    background-image: url('../img/ico_excel.jpg') !important;
	background-repeat: no-repeat;
    background-position: left;
    text-decoration: underline
 }
  .btn-excel:active {
    -webkit-box-shadow: 0 0px 0 rgba(0, 0, 0, 0.4) inset;
    -moz-box-shadow: 0 0px 0 rgba(0, 0, 0, 0.4) inset;
    box-shadow: 0 0px 0 rgba(0, 0, 0, 0.4) inset; 
  }
.link-modelo, .link-modelo:hover, .btn-excel:focus {
    background-position: 0% 0%;
background-image: transparent !important;
    text-decoration: none;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 3px !important;
    margin-right: 3px !important;
    background-color: #FFFFFF !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
}
.link-modelo:hover{
    text-decoration: underline
}
.text-black{
    color:#000000 !important;
}