#contacts { display: block; position: relative; width: 700px; margin: 100px auto; padding: 50px; background: transparent url(../../../src/img/body_bg_white.png) repeat; text-align: left; font-size: 0; }

@media all and ( max-width: 799px )
{
    #contacts { padding: 25px; margin: 25px auto; }
    #contacts
	{
		width: auto;
		width: -webkit-calc( 90% - 50px );
		width:    -moz-calc( 90% - 50px );
		width:         calc( 90% - 50px );
	}
}

    /* titulo */
    #contacts h1 { display: block; position: relative; font-family: 'Arial-Bold', Arial, sans-serif; font-size: 20px; text-align: left; margin: 0 0 35px 0; }

    /* colunas */
    #contacts div.col { display: inline-block; position: relative; width: 345px; height: auto; padding: 0; vertical-align: top; }
    #contacts div.col:nth-child(2) { margin: 0 0 25px 0; }
    #contacts div.col:nth-child(3) { margin: 0 0 25px 10px; }

@media all and ( max-width: 799px )
{
	#contacts div.col { width: 100%; }
    #contacts div.col:nth-child(2) { margin: 0 0 25px 0; }
    #contacts div.col:nth-child(3) { margin: 0 0 25px 0; }
}

    /* blocos de texto */
    #contacts p.text { display: block; position: relative; font-family: 'Arial-Narrow', Arial, sans-serif; font-size: 14px; line-height: 25px; margin: 0; text-align: left; }
    #contacts a { display: block; position: relative; font-family: 'Arial-Bold', Arial, sans-serif; font-size: 14px; line-height: 25px; margin: 25px 0 0 0; text-align: left; text-decoration: none; }
    #contacts a:hover { color: #e21e24; }

    /* formulario */
	#contacts form { display: block; position: relative; width: 100%; font-size: 0; }
		#contacts label { display: block; position: relative; width: 100%; font-size: 12px; line-height: 15px; margin: 0 0 5px 0; }
		#contacts input[type="text"],
		#contacts input[type="file"] { display: block; position: relative; width: 100%; margin: 0; line-height: 18px; border: 1px solid #B4C9D5; background-color: #ffffff; font-size: 12px; }
		#contacts textarea { display: block; position: relative; width: 100%; height: 54px; margin: 0; line-height: 18px; border: 1px solid #B4C9D5; background-color: #ffffff; font-size: 12px; resize: none; }
		#contacts div.left { display: inline-block; position: relative; width: 170px; margin: 0; vertical-align: top; }
		#contacts div.right { display: inline-block; position: relative; width: 170px; margin: 0 0 0 5px; vertical-align: top; }
		#contacts input[type="submit"] { display: inline-block; position: relative; width: auto; line-height: 20px; border: none; background-color: #B4C9D5; font-size: 12px; resize: none; color: #ffffff; padding: 5px 15px; cursor: pointer; }
		#contacts input[type="submit"]:hover { background-color: #e21e24; }

@media all and ( max-width: 799px )
{
	#contacts div.left { width: 100%; }
	#contacts div.right { width: 100%; margin: 0 0 0 0; }
}