*{
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	border: none;
	outline: none;
	box-sizing: border-box;
	font-family: 'Quicksand', sans-serif;
	font-size: 15px;
	text-transform: uppercase;
}

body{
	background-color: #111;
}

a:link {
	text-decoration: none;
	color:#cd912f;
}

a:visited {
	text-decoration: none;
	color:#cd912f;
}

a:hover {
	text-decoration: none;
	color:#cecec4;
}

a:active {
	text-decoration: none;
	color:#cd912f;
}

.conteudo{
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	margin-top: 150px;
	margin-bottom: 50px;
}

/* INICIO TELA DE LOGIN */
	#fundo-login{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	.menu-user{
		display: flex;
		justify-content: center;
		padding: 40px 50px;
		background-color: #222;
		margin-top: 100px;
		z-index: 100;
		-webkit-animation-delay: 0.1s;
		-moz-animation-delay: 0.1s;
		animation-delay: 0.1s;
	}

	.animate{
		-webkit-animation-duration: 0.7s;
		animation-duration: 0.7s;
		animation-fill-mode: both;
		-webkit-animation-fill-mode: both;
	}

	@-webkit-keyframes fadeUp{
		from{
			opacity: 0;
			-webkit-transform: translate3d(0, 50%, 0);
			transform: translate3d(0, 50%, 0);
		}
		to{
			opacity: 1;
			-webkit-transform: none;
			transform: none;
		}
	}

	@keyframes fadeUp{
		from{
			opacity: 0;
			-webkit-transform: translate3d(0, 100%, 0);
			transform: translate3d(0, 100%, 0);
		}
		to{
			opacity: 1;
			-webkit-transform: none;
			transform: none;
		}
	}

	.fadeUp{
		-webkit-animation-name: fadeUp;
		animation-name: fadeUp;
	}

	.line{
		display: flex;
		align-items: center;
		padding: 10px 0px;
	}

	.area-texto{
		background-color: #222;
		color: #cecec4;
		padding: 15px;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: #cd912f;
		text-transform: uppercase;
	}

	.btn-user{
		margin-top: 10px;
		width: 100%;
		border: solid 1px #cd912f;
		color: #cd912f;
		padding: 15px;
		cursor: pointer;
		background-color: #222;
	}
	.btn-user:hover{
		color: #cecec4;
		border: solid 1px #cecec4;
	}
/* FIM TELA LOGIN */

/* INICIO BARRA PRINCIPAL */
	#barra{
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		/*justify-content: center;*/
		position: fixed;
		top: 0;
		width: 100%;
		height: 60px;
		z-index: 1000;
		background-color: #222;
	}

	#space-logo{
		width: 15%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	#logo{
		display: flex;
		width: 24px;
		height: 24px;
	}

	#space-user{
		width: 70%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	#nome-user{
		color: #cecec4;
	}

	#space-sair{
		width: 15%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	#btn-sair{
		color: #cecec4;
		font-size: 20px;
		font-weight: bold;
	}

	#btn-sair:hover{
		color: #cecec4;
	}

	#btn-topo{
		color: #cecec4;
		font-size: 15px;
	}
/* FIM BARRA PRINCIPAL */

/* INICIO SUB-MENU */
	#sub-menu{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-around;
		position: fixed;
		top: 60px;
		width: 100%;
		z-index: 999;
		background-color: #222;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #cd912f;
	}

	.sub-btn{
		display: flex;
		justify-content: center;
		margin: 5px;
		padding: 20px;
		font-size: 12px;
		background-color: #222;
		color: #cd912f;
		cursor: pointer;
	}
	.sub-btn:hover{
		color: #cecec4;
	}
/* FIM SUB-MENU */

/* INICIO PREV */
	.prev-corpo{
		display: flex;
		justify-content: center;
		margin-top: 50px;
	}

	.prev{
		display: flex;
		flex-direction: column;
		justify-content: center;
		background-color: green;
		margin: 5px;
		padding: 20px;
	}

	.prev-titulo{
		display: flex;
		font-size: 15px;
		color: #cecec4;
	}

	.prev-valor{
		display: flex;
		font-size: 30px;
		font-weight: bold;
	}
/* FIM PREV */

/* INICIO BTN-CORPO */
	.btn-corpo{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		padding: 5px;
	}

	.btn{
		display: flex;
		justify-content: center;
		margin: 5px;
		width: 130px;
		height: 130px;
		padding: 20px;
		background-color: #cd912f;
		color: #cecec4;
		cursor: pointer;
	}
	.btn:hover{
		background-color: #cecec4;
		color: #cd912f;
	}
/* FIM BTN-CORPO */

/* INICIO ESTILO TABELA DIV */
	.tb-corpo{
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 90%;
		margin: 0px auto;
		-webkit-animation-delay: 0.1s;
		-moz-animation-delay: 0.1s;
		animation-delay: 0.1s;
	}

	.tb-titulo{
		display: flex;
		justify-content: center;
		color: #cecec4;
		padding: 10px;
		margin: 0px auto;
		font-size: 25px;
		width: 100%;
	}

	.tb-linha{
		display: flex;
		flex-direction: row;
		justify-content: center;
		padding-top: 15px;
		margin: 0px auto;
		border-top: 1px solid #e5e5e5;
		width: 100%;
		background-color: #cecec4;
	}

	.tb-data{
		display: flex;
		justify-content: center;
		flex-wrap: nowrap;
		padding: 10px;
		width: 70px;
	}

	.tb-info{
		display: flex;
		flex-direction: column;
		padding: 10px;
		width: 100%;
	}

	.tb-valor{
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		flex-wrap: nowrap;
		padding: 10px;
		width: 150px;
		font-weight: bold;
		font-size: 16px;
	}

	.tb-cli{
		display: flex;
		font-size: 12px;
		color: #cecec4;
	}

	.tb-desc{
		display: flex;
		font-size: 16px;
		font-weight: bold;
	}
/* FIM ESTILO TABELA DIV */

/* INICIO FORM */
	.back-form{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	.fundo-form{
		display: flex;
		justify-content: center;
		padding: 30px 50px;
		background-color: #222;
		z-index: 100;
		margin-bottom: 20px;
		-webkit-animation-delay: 0.1s;
		-moz-animation-delay: 0.1s;
		animation-delay: 0.1s;
	}

	.line-form{
		display: flex;
		align-items: center;
		padding: 10px 0px;
		color: #cecec4;
		background-color: rgba(0,0,0,0);
	}

	.line-form-sub{
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 10px 0px;
		color: #cd912f;
		font-weight: bold;
		font-size: 20px;
		letter-spacing: 2px;
	}

	.texto-form{
		background-color: #222;
		padding: 15px;
		border-bottom-style: solid;
		border-bottom-color: #cecec4;
		border-bottom-width: 1px; 
		color: #cecec4;
		font-weight: bold;
		text-transform: uppercase;
	}

	.line-form select{
		background-color: #222;
		padding: 15px;
		border-bottom-style: solid;
		border-bottom-color: #cecec4f;
		border-bottom-width: 1px; 
		color: #cecec4;
		font-weight: bold;
	}

	.btn-form{
		text-align: center;
		width: 100%;
		background-color: rgba(0,0,0,0);
		border: solid 1px #cd912f;
		color: #cd912f;
		padding: 15px;
		cursor: pointer;
	}
	.btn-form:hover{
		border: solid 1px #cecec4;
		color: #cecec4;
	}

	.texto{
		display: flex;
		width: auto;
		color: orange;
	}
/* FIM FORM */

/* inicio estilo tabela */
	table{
		width: 90%;
		margin: 0px auto;
	}

	table, th{
		color: #cecec4;
		background-color: #222;
		padding: 20px 20px;
		text-align: center;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #cd912f;
		border-collapse: collapse;
	}

	table, tr, td{
		color: #cecec4;
		background-color: #222;
		padding: 20px 20px;
		text-align: center;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #cd912f;
		border-collapse: collapse;
	}

	table, tr, th, td a{
		color: #cecec4;
	}

	.paint-row{
		background-color: #222;  /*cor zebra */
	}

	.conteudo .total{
		background: #222;
	}

	.conteudo .acao{
		width: 200px
	}
/* fim estilo tabela */

/* INICIO MODELO DE PRODUTOS */
	.modelo-corpo{
		display: flex;
		flex-direction: row;
		justify-content: center;
		flex-wrap: wrap;
		width: 90%;
		margin: 0 auto;
		margin-bottom: 50px;
		background-color: #222;
	}

	.modelo-linha{
		display: flex;
		flex-direction: row;
		justify-content: center;
		flex-wrap: wrap;
		width: 100%;
		padding: 20px;
	}

	.modelo-linha img{
		margin: 20px;
		padding-bottom: 5px;
	}

	.modelo-linha img:hover{
		border-bottom: 1px solid #cd912f;
	}

	.modelo-corpo h2{
		display: flex;
		flex-direction: row;
		justify-content: center;
		flex-wrap: wrap;
		width: 100%;
		padding: 20px;
		color: #cecec4;
		background-color: #cd912f;
		letter-spacing: 2px;
		cursor: pointer;
	}
/* FIM MODELO DE PRODUTOS */

/* INICIO PRODUTOS */
	.corpo-produto{
		display: flex;
		flex-direction: column;
		justify-content: center;
		flex-wrap: wrap;
		width: 50%;
		background-color: #222;
		margin: 0 auto;
		margin-bottom: 50px;
		color: #777;
	}

	.corpo-produto p{
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		flex-wrap: nowrap;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 15px;
		padding-bottom: 5px;
		margin: 0 15px;
		font-size: 20px;
		border-bottom: 1px solid #cd912f;
	}

	.corpo-produto input[type="radio"]{
		display: none;
	}

	.corpo-produto input[type="text"]{
		background-color: #222;
		color: #cecec4;
		padding: 15px;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: #cecec4;
		text-transform: uppercase;
	}

	.corpo-produto select{
		background-color: #222;
		padding: 15px;
		border-bottom-style: solid;
		border-bottom-color: #cecec4;
		border-bottom-width: 1px; 
		color: #cecec4;
		font-weight: bold;
	}

	.prod-head{
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		padding-left: 15px;
		padding-top: 15px;
		padding-right: 15px;
	}

	.prod-head-img{
		display: flex;
		flex-direction: row;
		justify-content: center;
		flex-wrap: wrap;
		background-color: #fff;
		padding: 15px;
	}

	.prod-labelinput{
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		margin: 5px;
	}

	.corpo-produto input[type="submit"]{
		margin: 15px;
		border: solid 1px #cd912f;
		color: #cd912f;
		padding: 15px;
		cursor: pointer;
		background-color: #222;
	}

	.prod-itens{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		margin: 15px;
	}

	.prod-itens input[type="submit"]:hover{
		color: #cecec4;
		border: solid 1px #cecec4;
	}

	.corpo-prod{
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		padding: 0 10px;
		color: #cd912f;
		padding-bottom: 10px;
		margin-bottom: 15px;
	}

	.txt-spam{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100px;
		height: 109px;
		padding: 5px;
	}
/* FIM PRODUTOS */

/* INICIO BOTÃO DROPDOWN */

    .btn-painel{
        display: flex;
        flex-direction: column;
        padding: 0px;
    }

    .btn-orc{
		display: flex;
		justify-content: center;
		margin: 5px;
		width: 130px;
		height: 130px;
		padding: 20px;
		background-color: #cd912f;
		color: #cecec4;
		cursor: pointer;
	}
	
	.btn-orc:hover{
		background-color: #cecec4;
		color: #cd912f;
	}
	
	#submenu-orc{
        display: none;
        flex-direction: column;
        background-color: #222;
        width: 100%;
    }
    
    #submenu-venda{
        display: none;
        flex-direction: column;
        background-color: #222;
        width: 100%;
    }
	
	#btn-submenu{
	    display: flex;
	    padding: 20px;
	    border-bottom: solid 1px #cd912f;
	    color: #cecec4;
	}
	
	#btn-submenu:hover{
	    color: #cd912f;
	}
/* FIM BOTÃO DROPDOWN */