/*
 * Estilo CSS das páginas do sistema
 *
 * @versao: 0.0.1
 * @sistema: Sistema Ingressos
 *
 * @autor: Émerson Januário da Silva
 * @data: 06/02/2017
 */

#login{
	position:relative;
	width:380px;
	min-height:390px;
	margin:0 auto;
	margin-top:40px;
}
#login img{
	width:190px;
	height:47px;
	margin:20px 0 30px 75px;
	/*margin-left:95px;*/
}
#login img.cadastro{
	margin:0 0 10px 95px;
}
#login form{
	width:340px;
	padding:20px 20px 60px 20px;
	margin-top:30px;
	border-top:4px #5800B0 solid;
	border-bottom:1px #DDD solid;
	border-left:1px #DDD solid;
	border-right:1px #DDD solid;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background-color:#FFF;
	box-shadow: 0px 0px 10px #777;
}
#login form input{
	width:318px;
	font-weight:bold;
	color:#777;
	padding:10px 10px;
	margin:2px 0 20px 0;
	border:1px #DDD solid;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
#login form input.btn{
	width:340px;
	color:#FFF;
	border:0;
	background-color:#0C6AB4;
	margin-top:12px;
	margin-bottom:0;
	padding:10px 20px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	cursor:pointer;
	font-weight:100;
	text-transform:uppercase;
	/*letter-spacing:1px; espaço entre caracteres*/
}
#login form input.btn_maior{
	width:340px;
	text-transform:uppercase;
	color:#FFF;
	border:0;
	background-color:#0C6AB4;
	margin-bottom:10px;
	padding:10px 20px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	cursor:pointer;
}
#login form input.botao{
	width:auto;
	color:#FFF;
	padding:10px 10px;
	margin-top:-10px;
	background-color:#81C868;
	border:0;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	cursor:pointer;
}
#login form select{
	width:340px;
	font-weight:bold;
	padding:10px 10px;
	margin:2px 0 20px 0;
	color:#777;
	border:1px #DDD solid;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
#login form #msg{
	display:block; 
	height:16px; 
	text-align:center;
	margin:5px 10px;
}
#login form p{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color:#0C6AB4;
	margin:0 0 40px 0;
}
#login p{
	text-align:right;
	margin:10px 2px;
}
#login p a{
	color:#00CC33;
	text-decoration:none;
}
#login p a:hover{
	text-decoration:underline;
}
#login p.box{
	text-align:center; 
	margin-top:10px; 
	padding:15px 0;
	border:1px #DDD solid;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background-color:#FFF;
	box-shadow: 0px 0px 10px #CCC;
}

.bg-login{
	background:url(../img/bg-login3.jpg) no-repeat center;
}

header{
	float:left;
    width:100%;
	height:87px;
	/*background-color:#FFF;*/
	background: linear-gradient(to right, #5800B0 , #1B0035);
}
#header{
	max-width:1000px;
	height:87px;
	margin:0 auto;
	/*background-color:#FFF;*/
}
#header img{
	float:left;
	margin:20px 0;
	border:0;
}
#header img.barra{
	padding-right:30px;
	border-right:1px #BE7DFF solid;
}
#header img.sair{
	float:right;
	margin-top:34px;
}
#header p{
	float:right;
	margin:35px 0 21px 0;
	font-size:14px;
	color:#DDD;
}
#header p.titulo{
	float:left;
	margin-left:30px;
	color:#FFF;
}

nav{
	float:left;
	width:100%;
	color:#FFF;
	background-color:#F1F1F1;
	border-bottom:1px #CCC solid;
	/*background: linear-gradient(to right, #FF3300 , orange);*/
}
#nav{
	width:1000px;
	height:60px;
	margin:0 auto;
	/*background-color:#F37135;*/
}
#nav ul{
	list-style:none;
	padding:21px 0;
}
#nav ul li{
	display:inline;
	height:60px;
	padding:21px 0;
}
#nav ul li a{
	font-size:14px;
	color:#1B0035;
	text-decoration:none;
	padding:21px 0;
	margin-right:25px;
}
#nav ul li a:hover{
	color:#5800B0;
}

article{
	/*float:left;
	width:100%;
    margin-bottom:44px;
	position:relative;*/
	max-width:1000px;
	margin:0 auto;
}

#tag{
	position:relative;
	float:left;
	padding:20px 25px;
	margin-top:30px;
	margin-bottom:0px;
	background-color:#4E009B;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
#tag h1{
	float:left;
	font-size:20px;
	font-weight:100;
	color:#FFF;
}

section{
	/*
	left:50%;
	margin:30px 0;
	margin-left:-500px;
	margin:0 auto;
	min-height:470px;*/
	position:relative;
	float:left;
	max-width:1000px;
	min-height:350px;
	margin-top:30px;
	margin-bottom:60px; /*Dar espaço para o footer*/
	border-top:3px #0C6AB4 solid;
	border-bottom:1px #DDD solid;
	border-left:1px #DDD solid;
	border-right:1px #DDD solid;
	background-color:#FFF;
}
section.paginacao{
	padding-bottom:65px;
}

section h1{
	float:left;
	padding:23px 20px 21px;
	font-size:14px;
	color:#0C6AB4;
}
section h1 span{
	color:#999;
}
section h1 span.receitas{
	color:green;
}
section h1 span.despesas{
	color:#DD2F34;
}
section h3.receitas{
	float:left;
	width:960px;
	font-weight:100;
	text-align:right;
	padding:20px;
	color:#666;
	background-color:#EAFFEA;
}
section h3.despesas{
	float:left;
	width:960px;
	font-weight:100;
	text-align:right;
	padding:20px;
	color:#666;
	background-color:#FBE6E7;
}
section p{
	float:left;
	width:960px;
	padding:5px 20px;
}
section p.excluir{
	margin:50px 0 100px;
}
section p.excluir b{
	font-size:40px;
}
section p.cliente{
	font-size:40px;
	padding-top:10px;
	padding-bottom:10px;
	border-top:3px #CCC solid;
}
section p.destaque{
	font-size:14px;
	padding:20px 0;
	margin:10px 20px 0;
	color:#00CC33;
	border-top:3px #00CC33 solid;
}
section p.saldo{
	padding:20px;
	border-top:1px #CCC dashed;
}
section p.saldo span.bloco{
	display:block;
	width:400px;
}
section p.saldo span.valor{
	float:right;
}
section p.saldo span.texto{
	width:110px;
	float:right;
	text-align:left;
}
section p.botao{
	padding:20px 20px 15px;
	margin:150px 0 5px;
}
section p a{
	color:#00CC33;
	text-decoration:none;
}
section p a:hover{
	text-decoration:underline;
}
section form{
	float:right;
	margin:16px 0 14px;
	background-color:#FFF;
	/*border-bottom:1px #DDD solid;
	border-left:1px #DDD solid;
	border-right:1px #DDD solid;*/
}
section #pesquisa{
	float:right;
	margin-right:20px;
}
section form input{
	width:200px;
	padding:6px 10px;
	color:#777;
	background-color:#F9F9F9;
	border:1px #DDD solid;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
section form input[type="text"]:disabled {
	font-weight:bold;
    background-color: #dddddd;
}section form textarea:disabled {
	font-weight:bold;
    background-color:#DDDDDD;
}
section form input[type="checkbox"] {
    width:auto;
	padding:2px 0px;
}
section form input[type="radio"] {
    width:auto;
	padding:2px 0px;
	margin:0;
}
section form select{
	/*width:200px;*/
	padding:5px 6px;
	margin-top:2px;
	color:#777;
	background-color:#F9F9F9;
	border:1px #DDD solid;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
section form select.pesquisa{
	padding:5px 6px;
}
section form select.pequeno{
	width:200px;
}
section form select.medio{
	width:400px;
}
section form select.margin-grande{
	margin-right:500px;
}
section form input.btn_pesquisa{
	width:auto;
	margin:0;
	padding:8px 16px 7px;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	background-color:#0C6AB4;
	border:0;
	/*border-top:1px #6E93C0 solid;*/
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	cursor:pointer;
}
section form#frm{
	float:left;
	width:980px;
	padding:20px 0 10px 20px;
	margin:0;
	border-top:3px #CCC solid;
}
section form#frm div{
	float:left;
	width:auto;
	margin:0 20px 14px 0;
	/*background-color:red;*/
}
section form#frm div.botao{
	width:950px;
	padding:10px 0px;
	margin:180px 0 0;
}
section form#frm div label{
	color:#999;
}
section form#frm div input{
	width:180px;
	margin-top:2px;
	padding:6px 10px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
section form#frm div input.pequeno{
	width:120px;
}
section form#frm div input.medio{
	width:320px;
}
section form#frm div input.grande{
	width:500px;
}
section form#frm div input.margin-pequeno{
	margin-right:200px;
}
section form#frm div input.margin-medio{
	margin-right:400px;
}
section form#frm div input.margin-grande{
	margin-right:500px;
}
section form#frm div input#btn_salvar{
	width:120px;
	margin:10px 0 5px;
	padding:9px 12px;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	background-color:#00CC33;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	cursor:pointer;
}
section form#frm div input#btn_validar{
	width:auto;
	margin:10px 0 5px;
	padding:7px 20px 6px;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	background-color:#0C6AB4;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	cursor:pointer;
}
section form#frm div textarea{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11.5px;/**/
	margin-top:2px;
	padding:6px 10px;
	color:#777;
	background-color:#F9F9F9;
	border:1px #DDD solid;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
section form#frm div textarea.grande{
	width:700px;
}
section form#frm div textarea.margin-pequeno{
	margin-right:200px;
}
section form#frm h2{
	float:left;
	width:960px;
	font-size:14px;
	color:#00CC33;
	padding:0 0 10px;
	margin-bottom:15px;
	/*margin:15px 0 12px;
	border-left:3px #0C6AB4 solid;
	border-right:3px #0C6AB4 solid;
	border-top:1px #CCC solid;*/
	border-bottom:1px #CCC solid;
}
section form#frm h2.margin-top{
	margin-top:30px;
}
section form#frm a{
	font-size:11px;
	color:#00CC33;
	text-decoration:none;
}
section form#frm a:hover{
	text-decoration:underline;
}

section form#frm_text{
	float:left;
	width:980px;
	padding:20px 0 10px 20px;
	margin:0;
	border-top:3px #CCC solid;
}
section form#frm_text div.label{
	float:left;
	width:auto;
	margin:0 20px 14px 0;
}
section form#frm_text div label{
	color:#999;
}
section form#frm_text div input{
	margin-top:2px;
}
section form#frm_text div input#btn_salvar{
	width:120px;
	margin:10px 0 5px;
	padding:6px 12px;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	background-color:#00CC33;
	cursor:pointer;
}

section table{
	float:left;
	width:1000px;
	border-spacing:0;
    border-collapse:collapse;
	border-top:3px #CCC solid;
	background-color:#FFF;
}
section table tr{
	border-bottom:1px #DDD solid;
}
section table tr.maior{
	padding-top:12px;
	padding-bottom:12px;
}
section table td{
	font-size:11px;
	color:#999;
	padding:8px 5px;
}
section table td.inicio{
	padding-left:20px;
}
section table td.final{
	padding-right:12px;
}
section table td.maior{
	padding-top:12px;
	padding-bottom:12px;
}
section table td span.ativo{
	display:block;
	float:left;
	width:10px;
	height:10px;
	margin-top:2px;
	margin-right:5px;
	background-color:#00CC33;
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
}
section table td span.encerrado{
	display:block;
	float:left;
	width:10px;
	height:10px;
	margin-top:2px;
	margin-right:5px;
	background-color:red;
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
}
section table td span.ok{
	padding:4px 8px;
	color:#FFF;
	background-color:#00CC33;
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
}
section table td span.alert{
	padding:4px 8px;
	color:#FFF;
	background-color:#FF4F22;
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
}
section table td span.total{
	padding:4px 8px;
	color:#FFF;
	background-color:#0C6AB4;
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
}
section table thead td{
	font-weight:bold;
}
section table tbody tr:hover{
	background-color:#F5F5F5;
}
section table tbody tr.pendente td{
	color:#DD2F34;
}
section table tbody tr.recebido td{
	color:#00CC33;
}
section table.dois{
	width:960px;
	margin:0 20px 20px;
}
section table.contrato{
	width:960px;
	margin:0 20px 10px;
	border:1px #999 solid;
}
section table.contrato tr:hover{
	background-color:#FFF;
	border:0;
}
section table.contrato td{
	border:1px #777 solid;
}
section table.contrato td.canhoto{
	border-right:2px #777 dotted;
}
section table.contrato td.right{
	text-align:right;
}
section table.contrato td span{
	font-size:9px;
	float:left;
}
section table.receitas-resumo{
	float:left;
	width:490px;
	border-spacing:0;
    border-collapse:collapse;
	border-top:3px green solid;
}
section table.receitas-resumo td{
	color:green;
}
section table.receitas-resumo td.final{
	text-align:right;
	padding-right:20px;
}
section table.despesas-resumo{
	float:left;
	width:490px;
	border-spacing:0;
    border-collapse:collapse;
	border-top:3px #DD2F34 solid;
}
section table.despesas-resumo td{
	color:#DD2F34;
}
section table.despesas-resumo td.final{
	text-align:right;
	padding-right:20px;
}
section table.receitas{
	margin-bottom:30px;
	border-top:3px green solid;
}
section table.receitas thead td{
	color:green;
}
section table.despesas{
	border-top:3px #DD2F34 solid;
}
section table.despesas thead td{
	color:#DD2F34;
}
section table a{
	color:#00CC33;
	text-decoration:none;
}
section table a:hover{
	text-decoration:underline;
}
section table a.botao{
	text-decoration:none;
	padding:6px 12px;
	color:#FFF;
	background-color:#00CC33;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
section table a.azul{
	background-color:#0C6AB4;
}
section div#caixa{
	float:left;
	width:490px;
}
section div#caixa a{
	font-weight:bold;
	padding:6px 12px;
	margin-right:12px;
	text-decoration:none;
	color:#FFF;
}
section div#caixa a.receita{
	background-color:#00CC33;
}
section div#caixa a.despesa{
	background-color:#DD2F34;
}
section div#paginacao{
	position:absolute;
    bottom:0;
	/*float:left;*/
	margin:20px 20px 25px 20px;
	font-size:11px;
	color:#999;
}
section div#paginacao a{
	color:#00CC33;
	text-decoration:none;
}
section div#paginacao a:hover{
	color:green;
}
section a#botao{
	position:absolute;
    bottom:0;
	right:0;
	/*float:right;*/
	margin:15px 20px;
	padding:10px 15px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	background-color:#00CC33;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
section a#botao-dois{
	position:absolute; 
    top:0;
	right:0;
	margin:15px 20px;
	padding:10px 15px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	background-color:#00CC33;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
section a#botao-dois.despesa{
	background-color:#DD2F34;
}
section a#nao{
	float:left;
	margin-right:20px;
	padding:10px 15px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	background-color:#777;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
section a#sim{
	float:left;
	margin-right:20px;
	padding:10px 15px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	background-color:#00CC33;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
section a#sim.laranja{
	background-color:#FF3300;
}

footer{
    position:absolute; 
    bottom:0; 
	right:0;
    width:100%; 
    height:44px;
}
#footer{
	max-width:1000px;
	padding:10px 0;
	margin:0 auto;
	/*margin-top:30px;*/
	font-size:10px;
	color:#999;
	text-align:center;
}
#footer a{
	color:#999;
}
#footer a:hover{
	color:#777;
}