.bg{
	background:url(../imagens/bg-obras.jpg) fixed;
}
#banner{
	background: url(../imagens/bg-rodape.jpg);
	height:150px;
}
.clear-2{
	clear:both;
	padding:2px;
}
.titulo{
	font-size: 36px;
	text-align:center;
	color:#4b81c1;
	font-weight:700;
	border-bottom: 3px solid #4b81c1;
	border-left: 3px solid #4b81c1;
	border-right: 3px solid #4b81c1;
	width:180px;
	padding: 10px;
	margin: -50px 0 0 50px;
}
.titulo2{
	font-size: 36px;
	text-align:center;
	color:#4b81c1;
	font-weight:700;
	border-bottom: 3px solid #4b81c1;
	border-left: 3px solid #4b81c1;
	border-right: 3px solid #4b81c1;
	width:280px;
	padding: 10px;
	margin: -50px 0 0 50px;
}
.esquerda{
	width:48%;
	float:left;
	font-size: 16px;
	line-height:36px;
	margin-top: 20px;
	color:#666666;
	padding-left: 20px;
}
.esquerda label {
    display: block;
    margin: 0px 0px 5px;
}
.esquerda input[type="text"], .esquerda input[type="email"], .esquerda textarea,.esquerda select{
    color: #888;
    height: 24px;
    margin-bottom: 16px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0 none;
    padding: 3px 3px 3px 5px;
    width: 95%;
	border: #274069 1px solid;
}
.esquerda select {
    background: #FFF url('down-arrow.png') no-repeat right;
    background: #FFF url('down-arrow.png') no-repeat right);
    appearance:none;
    -webkit-appearance:none; 
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    width: 95%;
    height: 30px;
}
.esquerda textarea{
    height:100px;
}

.esquerda input.botao{	
	background:#274069;
	color:#FFFFFF;	
	border:1px solid #274069;
	padding: 20px 50px;
}
.direita{
	width:42%;
	float:right;
	font-size:16px;
	line-height:36px;
	padding:30px 30px 0 0;
}

@media all and (max-width:650px){
.esquerda{	
	clear:both;
	width:95%;
}
.direita{
	clear:both;
	width:88%;
	padding-left: 50px;
}
}