﻿*	{ margin: 0;
	  padding: 0;
	}
body{	font-family: "trebuchet ms";
		background-color: #696969;
		background-image: linear-gradient(18deg, #696969, #FF6347);
	}
a	{	text-decoration: none;
		color: #000;
	}
a:hover{ }
h2	{	border: dashed 1px;
		text-align: center;
		border-radius: 6px;
	}
#all{	width: 580px;
		height: 80px;
		line-height: 80px;
		background-color: #f1f1f1;
		border: 1px dashed #ccc;
		margin: 0 auto;
		border-radius: 6px;
	}
ul.menu{text-align: center;} /* centraliza na horizontal */
ul.menu li	{    display: inline-block;     margin: 0 5px;} /* centraliza na horizontal */
ul.menu li a{    background-color: #3d7bb3;    border-radius: 6px;    padding: 6px 10px;    color: #fff;}
ul.menu li a:hover{background-color: #8BBADC;}
#topo	{	margin: 0px;	width: 100%;	height: 130px;	background-color: ;	line-height:130px;	position: relative; //background-image: linear-gradient(to bottom, #FF6347, #696969);//}
#texto	{	width: 580px;	align: justify;	margin-left: 350px;	display: inline-block;	float:middle; left: 50%}
#destra	{	float: left;	position: relative;	margin:0px;	width:0px;	border:0px;	left: 1000px; top: 15px;}
#esq	{	float: left;	position: absolute;	margin:0px;	width:0px;	border:0px;	}
form {
    /* Apenas para centralizar o form na página */
    margin: 0 auto;
    width: 540px;
    /* Para ver as bordas do formulário */
    padding: 1em;
    border: 1px dashed #CCC;
    border-radius: 1em;
}
form div + div {    margin-top: 1em;}
label {
    /*Para ter certeza que todas as labels tem o mesmo tamanho e estão propriamente alinhadas */
    display: inline-block;
    width: 90px;
    text-align: right;
}
input, textarea {
    /* Para certificar-se que todos os campos de texto têm as mesmas configurações de fonte. Por padrão, textareas ter uma fonte monospace*/
    font: 1em sans-serif;

    /* Para dar o mesmo tamanho a todos os campo de texto */
    width: 300px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    /* Para harmonizar o look & feel das bordas nos campos de texto*/
    border: 1px solid #999;
}
input:focus, textarea:focus {
    /* Dar um pouco de destaque nos elementos ativos */
    border-color: #000;
}
textarea {
    /* Para alinhar corretamente os campos de texto de várias linhas com sua label*/
    vertical-align: top;

    /* Para dar espaço suficiente para digitar algum texto */
    height: 5em;

    /* Para permitir aos usuários redimensionarem qualquer textarea verticalmente. Ele não funciona em todos os browsers */
    resize: vertical;
}
.button {
    /* Para posicionar os botões para a mesma posição dos campos de texto */
    padding-left: 90px; /* mesmo tamanho que os elementos do tipo label */
}
button {
    /* Esta margem extra representa aproximadamente o mesmo espaço que o espaço entre as labels e os seus campos de texto*/
    margin-left: .5em;
}

	width: 100px;
	border: 1px dashed #fff;
	background-color: #FF6347;
	text-align: center;
	position: absolute;
	}
p {
  font-size: 1.25em;
  width: 80%;
  max-width: 35em;
  margin: 0 auto;
}

p::first-letter {
  color: #c69c6d;
  float: left;
  font-size: 5em;
  margin: 0 .2em 0 0;
}
#table {
	border-radius: 6px;
}

#parceria {
	top: 200px;
	left: -200px;
	width: 130px;
	height: 150px;
	padding: 10px;
	border-radius: 6px;
	border: dashed 1px #ccc;
	background-color: #f1f1f1;
	align: center;
}
