#principal{
	width:100%;
	position:relative;
	
}

@media (max-width: 900px) {
	
#esquerda{
	width:100%;
	float:left;
}

#direita{
	width:100%;
	float:left;
	clear:both;
}
}

@media (min-width: 901px) {

#esquerda{
	position:relative;
	float:left;
	width:50%;	
}

#esquerda-esp{
	position:relative;
	float:left;
	width:47%;	
}

#direita{
	float:right;
	width:47%;
	text-align: right;
}
}


#form
    {
        margin-top: 0px;
		min-width:200px;
        max-width:100%;
        font-family: 'Oxygen', sans-serif;
		text-align: right;
		}

    #form h2
    {
        color:#333333;
        font-size:35px;
        margin:0;
    }

    #form p
    {
        font-size:15px;
        color:#222222;
    }

    #form div
    {
        margin-top:10px;
		margin-bottom: 20px;
    }

    form input, textarea
    {
        width:75%;
		font-size:12px;
		color:#666666;
        border:2px solid #cccccc;
        padding:10px;
		margin-top:5px;
		text-align: left;
    }
	
	form textarea
    {
		height:130px;
    }
	
	form input:focus, textarea:focus
    {
        width:75%;
		font-size:15px;
		color:#222222;
        border:2px solid #F5A400;
        padding:10px;
		margin-top:5px;
		font-family: 'Oxygen', sans-serif;
    }
	

    #form label
    {
        font-size:15px;
        color:#222222;
    }

    #form button
    {
		font-size:12px;
		width:300px;
		padding:10px;
		border:0;
        background-color: #008C23;
        color: #ffffff;
        cursor:pointer;
		font-family: 'Oxygen', sans-serif;
    }

    #form button:hover
    {
        background-color: #FF9400;
    }

    .required
    {
        color:#F5A400;
    }