﻿@font-face {
     font-family: ArialNarrow;
     src: url('ArialNarrow.ttf');
}

	*{
		margin: 0;
		padding: 0;
		margin: 0 auto;
		font-family:'arial';
		/*text-align: center;*/
	}
	body{
		background-image: url('../img/background.png');
	}
	
	div.barra{
		width:100%;
		height:120px;
		background:#990000;
		display:flex;
	}

	div.menu{
		position: absolute;
		left: 20px;
	}

	#menu_prof {
		 position: fixed;
		 top:0;
		width: 40%;
		min-height: 100%;
		background-color: #272930;
		display:none;
		z-index: 999;
	}
	
    div.menu_prof{
		width: 100%;
		min-height: 50%;
		background: #272930;
		color: #FFF;
		float: left;
		text-align:left;
	}
	a.menu_prof{
		text-decoration: none;
		color: #fff;
		font-family: 'arial';
		font-size: 25px;
		margin-right:5px;
	}
	ul.menu_prof{
		width: 100%;
		list-style: none;
	}
	
	li.menu_prof{
		width: calc(100% - 40px);
		border-top: 1px solid #32353E;
		border-bottom: 1px solid #1A1C20;
		padding:5px 20px;
	}
	
	i {
    width: 20px;
    font-size: 15px;
    margin-right: 25px;
	}
	
	div.sair{
		position: absolute;
		right: 10px;
		width: 120px;
        margin: 10px;
	}
	
	div.sair1{
		position: absolute;
		left: 20px;
		width: 120px;
	}

	img.profissional{
		 border-radius: 50%;
		 width: 100px;
	}
	
	div.centro{
		display:flex;
		/*width:410px;*/
		/*margin:0 auto;*/
	}

	div.linha{
		  display: flex;
		 margin: 0 auto;
		 width:660px
	}
	
	input.botoes{
	width: 300px;	
	font-size:40px;
	height:80px;
	margin-top:10px;
	margin-left:30px;
	padding:2px;
	-webkit-appearance: none;
	background: -webkit-linear-gradient(#F6F6F6, #DFDFDF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#F6F6F6, #DFDFDF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#F6F6F6, #DFDFDF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#F6F6F6, #DFDFDF); /* Standard syntax */
    border: solid 1px #949494;
	}
	img.barra{
		height:100%;
		width:auto;
		margin:0 auto;
	}

	div.principal {
	width:90%;
	margin: 0 auto;
	padding-top:5%;
	margin-bottom:5%;
	/*height:100%;*/
	}

	label{
	font-size:45px;
	margin-left:30px;
	font-family: 'Arial';
	}

	input.receber {
	width:80%;
	padding:2px;
	margin:2px;
	height:100px;
	font-size:90px;
	margin-left:30px;
	text-align:center;
	min-width:70px;
	}

	input.enviar {
	width:25%;	
	font-size:40px;
	height:80px;
	margin-top:10px;
	margin-left:30px;
	min-width:160px;
	padding:2px;
	-webkit-appearance: none;
	background: -webkit-linear-gradient(#F6F6F6, #DFDFDF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#F6F6F6, #DFDFDF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#F6F6F6, #DFDFDF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#F6F6F6, #DFDFDF); /* Standard syntax */
    border: solid 1px #949494;
	}

	input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
	   -webkit-appearance: none;
		margin: 0;
	}
	input[type=number] {
		-moz-appearance:textfield;
	}
	input[type=date]::-webkit-calendar-picker-indicator {
    display: none;
	}
	input[type=date]::-webkit-inner-spin-button, input[type=date]::-webkit-outer-spin-button {
	   -webkit-appearance: none;
		margin: 0;
	}
	::-webkit-clear-button
	{
	    display: none; /* Hide the button */
	    -webkit-appearance: none; /* turn off default browser styling */
	}

	a{
		text-decoration:none;
		color:#000;
		font-family:'arial';
	}

	p{
		font-size: xx-large;
		font-size: -webkit-xxx-large;
		padding-bottom: 10px;
	}

	h1{
		color:#ffffff;
		font-size:30px;
		padding-top: 3px;
		margin:0px;
	}

	h2{
		font-size:50px;
		margin:20px;
		margin-bottom:50px;
		font-family:'arial';
	}

	h3{
		padding:10px;
		font-size:40px;
		color: #990000;
	width:100%;
	margin: 0px;
	background:#ffdab9;
	}
/*}*/


table {
	border-collapse: collapse;
	background-color: #fff;
	width: 400px;
	text-align:center;
}

table thead {
	background: -webkit-linear-gradient(#fff, #eee);
	font-size:25px;
	font-weight: bold;	
	border:1px solid #000;
}

table thead tr td{
	margin:10px;
	border:1px solid #000;
}

table tbody tr td {
	border:1px solid #000;
}

table tbody input {
	text-align:center;
	opacity: 1;
	width: 100%;
	font-size: 25px;
	border: 0px;
       margin-bottom: 2px;
}

tfoot {
	border: 1px solid #000;
}

tbody button {
	border-radius:5px;
	background-color: #ff0000;
	color: #ffffff;
	padding:5px;
	font-size:20px;
	border:0px;
	margin:2px;
}

tfoot input{
	border-radius:5px;
	background-color: #ff0000;
	color: #ffffff;
	padding:5px;
	border:0px;
	font-size:30px;
	background-color: #4ccd31;
	margin:5px;
	heigth:80px;
	width:80%;
}