@font-face {
	font-family: 'ArialNarrow';
	src: url('./ArialNarrow.eot');
	src: local('ArialNarrow'), url('./ArialNarrow.woff') format('woff'), url('./ArialNarrow.ttf') format('truetype');
	text-decoration: none;
}

@font-face {
    font-family: 'Impact';
	src: local('Impact'), url('./impact.ttf') format('truetype');
}
body {
    font-family: "Arial";
	font-size: 12pt;
	text-align:center;
	background-color:#2e140e;
}

a {
color: #1D6119;
text-decoration:none;
}

div.externo {
  width: 100%;
}

.logo {
	position:relative;
	width:30%;
}

.top {
	position:relative; width:100%
}

.top-left {
position:absolute; margin-left:0; text-align:left; width:100%;
}

.top-left img { width:20%; }

.top-right {
position:absolute; margin-left:0; text-align:right; width:100%;
}

.top-right img { width:20%; }


.slogan {
	width:15%;
}

@media screen and (min-width: 480px) {
	div.content {
	background: url('imagens/fundo.png');
	background-size: 100% 100%;
	margin: 0 auto;
	width:95%;
	}
}

@media screen and (min-width: 1367px) {
	div.content {
	background: url('imagens/fundo.png');
	background-size: 100% 100%;
	margin: 0 auto;
	width:60%;
	}
}

div.header {
text-align:center;
margin-bottom:10px;
}

div.menu {
background-color: #25100b;
width:100%;
margin:0 auto;
height:40px;
line-height:40px;
padding:0px;
    display: flex;
    justify-content: space-between;

}

.menu-item {
	width:100%;
	display:inline-flex; 
}
@media screen and (min-width: 480px) {
  .texto-menu {
		display: block;
		float:left;
		font-family:ArialNarrow; 
		font-size:100%;
		color:#fdca29;
		width:20%;
}
}

@media screen and (min-width: 1280px) {
  .texto-menu {
		display: block;
		float:left;
		font-family:ArialNarrow; 
		font-size:110%;
		color:#fdca29;
		width:20%;
}
}

@media screen and (min-width: 1920px) {
  .texto-menu {
		display: block;
		float:left;
		font-family:ArialNarrow; 
		font-size:140%;
		color:#fdca29;	
		width:20%;
}
}


.menu a {
	color:#fdca29;	
}

.corpo {
width:100%;
min-height:100px;
margin-bottom:0;
}

.corpo img {
display:block;
}

.corpo a {
	color:#ffca01;
	text-decoration:none;
}

.botao {
	box-shadow:inset 0px 1px 0px 0px #a88b43;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2e0d04), color-stop(1, #946029) );
	background:-moz-linear-gradient( center top, #2e0d04 5%, #946029 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e0d04', endColorstr='#946029');
	background-color:#2e0d04;
	border-top-left-radius:24px;
	border-top-right-radius:0px;
	border-bottom-right-radius:24px;
	border-bottom-left-radius:0px;
	text-indent:5.44px;
	border:1px solid #1c1300;
	display:inline-block;
	vertical-align:middle;
	color:#ffffff;
	padding-right:16px;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	font-style:normal;
	height:41px;
	line-height:41px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #bf7045;
	margin-left:0px;
    outline:none;
	
}
.botao:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.20, #2e0d04), color-stop(1, #946029) );
	background:-moz-linear-gradient( center top, #2e0d04 5%, #946029 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#946029', endColorstr='#2e0d04');
	background-color:#946029;
}

.botao:active {
	position:relative;
	top:1px;
}

.img-quiosque {
	position:relative; 
	padding:0; 
	margin:0 auto; 
	width:100%; 
	z-index:2;
}

.textbox {
	width:75%;
	margin:0 auto;
	color:#fff;
	text-align:left;
	font-family: "Arial";
	font-size: 17pt;
	text-align:justify;
}

.textbox span {
	color:#ffca01;
}

.centralizado {
	text-align:center !important;
}

.titulo {
	font-family: "Impact";
	font-size: 36pt;
	text-align:left;
	color:#fff;
}

.topicos {
	font-family: "Arial";
	font-size: 17.5pt;
	text-align:left;
	color:#fff;
}

.topicos ul {
	list-style-image: url('imagens/trevo.png');
}
.topicos ul li {
	margin-bottom:20px;
}

.greenbtn {
	font-size: 14pt;
	width:250px;
	height:20px;
	color:#fff;
	background-color:#438630;
	border-radius: 12.5px;
	text-align:center;
	padding:8px;
	cursor:pointer;
}

.g {
	font-size:30pt;
	font-weight:bold;
}

.footer-bar {
	background-color:#25100b; height:130px;
}

.formulario{
    font: 95% Arial, Helvetica, sans-serif;
    max-width: 400px;
    margin: 10px auto;
    padding: 16px;
    background: #F7F7F7;
}
.formulario h1{
    background: #2e140e;
    padding: 20px 0;
    font-size: 140%;
    font-weight: 300;
    text-align: center;
    color: #fff;
    margin: -16px -16px 16px -16px;
}
.formulario input[type="text"],
.formulario input[type="date"],
.formulario input[type="datetime"],
.formulario input[type="email"],
.formulario input[type="number"],
.formulario input[type="search"],
.formulario input[type="time"],
.formulario input[type="url"],
.formulario textarea,
.formulario select 
{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    background: #fff;
    margin-bottom: 4%;
    border: 1px solid #ccc;
    padding: 3%;
    color: #555;
    font: 95% Arial, Helvetica, sans-serif;
}
.formulario input[type="text"]:focus,
.formulario input[type="date"]:focus,
.formulario input[type="datetime"]:focus,
.formulario input[type="email"]:focus,
.formulario input[type="number"]:focus,
.formulario input[type="search"]:focus,
.formulario input[type="time"]:focus,
.formulario input[type="url"]:focus,
.formulario textarea:focus,
.formulario select:focus
{
    box-shadow: 0 0 5px #2e140e;
    padding: 3%;
    border: 1px solid #2e140e;
}

.formulario input[type="submit"],
.formulario input[type="button"]{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 3%;
    background: #2e140e;
    border-bottom: 2px solid #ffca01;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;    
    color: #fff;
}
.formulario input[type="submit"]:hover,
.formulario input[type="button"]:hover{
    background: #ffca01;
}

.slide {
	font-size:18pt !important;
}