#principal{
	max-width: 1166px;
    margin: 0 auto;
	background:#FFFFFF;
	padding-top:2%;
	height:801px;
}
#principal h1{
	font-size: 1.750em;
	font-weight:300;
	margin-bottom:15px;
}
#principal h2{
	font-size: 1.300em;
	font-weight:300;
	margin:20px 0;
	clear:both;
	border-top: 1px #999999 solid;
}
.coluna{
	width:31.217838765%;/*364px/1166*/
	float:left;
	margin:20px 20px 0 0;
	background:#FFFFFF;
}
.coluna p{
	line-height:1.500em;
}
.coluna a{
	color:#990000;
	text-decoration:none;
}
.coluna a:hover{
	color:#666666;
	text-decoration:none;
}
p.titulo{
	color:#990000;
}
.form{
	width:31.217838765%;/*364px/1166*/
	float:left;
	margin-top:20px;
	background:#FFFFFF;
}
.form input[type="text"], .form input[type="email"], .form textarea,.form select{
    color: #888;
    height: 24px;
    margin-bottom: 16px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0 none;
    padding: 3px 3px 3px 5px;
    width: 65%;
	border:#990000 1px solid;
}
.form textarea{
    height:100px;
}

.form input.botao{	
	background:#990000;
	color:#FFFFFF;	
	padding: 10px;
}
/*-----------------------*/
@media screen and (max-width: 1222px) {
#principal{
	padding:2% 20px 0 20px;
}
}
@media screen and (max-width: 870px) {
.coluna{
	width:45%;
}
.form{
	clear:both;
	width:100%;
	margin:5% 0 0 5%;
}
}
@media screen and (max-width: 463px) {
.coluna{
	width:80%;
	margin:8% 0 0 5%;
}
}