body 
{
	margin:0;
	padding: 0;
	font-family: arial;
	background: black;
	color:#fff;
	margin-top:3%;
}

ul 
{
	margin:0;
	padding:0; 
	color: #fff;
	list-style-type: square;
}

ul li 
{
	margin:0;
	padding: 0;
	margin-left: 30px;
	line-height: 28px;
}

h3 
{
	float: left;
	color: #f27d01;
	width: 100%;
}

h2 
{
	float: left;
	color:#fff;
	width: 100%;
}

p 
{
	float: left;
	color: #fff;
	width: 100%;
}

table 
{
	color:#fff;
}

table th 
{
	text-align: left;
}

table th, table td 
{
	padding: 5px;
}

figure 
{
	width:100%;
	margin: 0;
	padding:0;
}

figure img
{
	width: 100%;
}

.corpo, .topo, .rodape 
{
	/*width:100%;*/
	width: 890px;
	display: table;
	text-align: center;
	padding: 0px; 
	margin: 0 auto;
}

.topo{
	background: #fff; 
	text-align: center;
}

.rodape {
	background: #fff;
}

.rodape p {
	color:#004c81;
}

.corpo 
{
	background: #004c81;
	border-top: 4px solid #f27d01;
}

.corpo p 
{
	float:left;
	width:100%;
	text-align: left;
}

.lateral-direita, .lateral-esquerda 
{
	float:left;
	width:50%;
}

.conteudo 
{
	width:94%;
	margin: 0 auto;
	display: block;
	border-radius: 8px;
	padding: 2%;
	text-align: left;
	min-height:100%;
}

table {
	width:100%;
	border-collapse: collapse;
}

table, th, td 
{
	border: 1px solid #fff;
}

input[type="email"], input[type="tel"], input[type="text"] 
{
	float: left;
}

input, select, option 
{
	color: 004c81;
	height: 40px;
	border: 1px solid #004c81;
}

input[type="email"], input[type="tel"], input[type="text"], input[type="submit"],  select 
{
	font-size: 16px;
	width:98%;
}

input[type="submit"]:hover 
{
	background: #d04801;
	cursor:pointer;
	color:#fff;
}

input[type="submit"] 
{
	background: #f27d01;
	color:#fff;
}

.box-form-1, .box-form-2 {
	width:100%;
}

.box-form-1 .box-form {
	width:100%;
	margin:5px 0;
}

.box-form-2 .box-form {
	width:49.5%;
	float:left;
	margin:5px 0;
}


#nome, #cpf, #celular, #email {
text-indent: 40px;
}

#nome 
{
background: url(../img/icone_nome.png) no-repeat center center;
background-size:40px 40px;
background-position: 0 0;
}

#cpf 
{
background: url(../img/icone_cpf.png) no-repeat center center;
background-size:40px 40px;
background-position: 0 0;
}

#celular
{
background: url(../img/icone_celular.png) no-repeat center center;
background-size:40px 40px;
background-position: 0 0;
}

#email
{
background: url(../img/icone_email.png) no-repeat center center;
background-size:40px 40px;
background-position: 0 0;
}



@media (min-width : 0) and (max-width: 870px) 
{
	div.lateral-direita{
		width: 100%;
	}
	div.lateral-esquerda{
		width: 100%;
	} 
	.corpo, .topo, .rodape{
		width: 100%;
	}

}