﻿.botao {
	background-color: #E8E8E8;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#F8F8F9),to(#E8E8E8));
	background-image: -webkit-linear-gradient(top,#F8F8F9,#E8E8E8);
	background-image: -moz-linear-gradient(top,#F8F8F9,#E8E8E8);
	background-image: -ms-linear-gradient(top,#F8F8F9,#E8E8E8);
	background-image: -o-linear-gradient(top,#F8F8F9,#E8E8E8);
	background-image: linear-gradient(top,#F8F8F9,#E8E8E8);
	border: 1px solid #ddd;
	border-radius: .2rem;
	color: #333;
	cursor: pointer;
	display: inline-block;
	font-family: inherit;
	font-size: .8rem;
	height: 26px;
	line-height: 24px;
	padding: 0 10px;
	text-align: center;
	-moz-transition: .2s;
	-o-transition: .2s;
	-webkit-transition: .2s;
	transition: .2s;
	vertical-align: bottom;
}

.botao:hover {
	border-color: #ABABAB;
}

.botao:focus, .input-txt:focus {
	border-color: rgba(250, 162, 0, 0.8);
	box-shadow: 0 0 3px rgba(250, 162, 0, 0.4);
	outline: none;
}

.botao:active {
	-moz-transform: translateY(1px);
	-ms-transform: translateY(1px);
	-o-transform: translateY(1px);
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
}


/* Classe para ocultar itens na tela de forma acessível */
.oculto {
	border: 0 !important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px !important;
	overflow: hidden;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
	z-index: -99999;
}

.clear:after {
	clear: both;
	content: " ";
	display: block;
}

/* -------------------------------- */
/* [ FORMULÁRIOS, INPUTS e LABELS ] */
/* -------------------------------- */
.form-linha {
	padding: .3rem .5rem;
}

.form-linha hr {
	margin: .5rem auto;
	opacity: .5;
	width: 99%;
}