@charset "utf-8";
/* CSS Document */

#contato{
	overflow: hidden;
}
	#contato .sprite{
		background-image: url(../img/contato_sprite.png);
		background-repeat: no-repeat;
		background-position: 0px -30px;
	}
	.texto{
		line-height: 1.5em;
		font-size: 1.1em;
		text-transform: uppercase;
	}

	
	#contato h1{
		margin: 0;
		padding: 0 0 20px 0 !important;
		text-transform: uppercase;
		font-family: 'Swis721CnBTBold';
		font-size: 2em;
		color: #013857;
	}
	
	#contato #bloco1,
	#contato #bloco2{
	}
	
	#contato #bloco1{
		float: left;
		overflow: hidden;
		width: 290px;
	}
		#contato #bloco1 #filho1,
		#contato #bloco1 #filho2{
			overflow: hidden;
			padding: 15px 20px;
			background: url(../img/titulos_bg.jpg);
		}
		#contato #bloco1 #filho1{
			height: 279px;
			margin-bottom: 32px;
		}
			#contato #bloco1 #filho1 .texto{
				margin-bottom: 25px;
			}
			#contato #bloco1 #filho1 .email{
				height: 39px;
				line-height: 39px;
				margin-bottom: 25px;
				padding-left: 50px;
				font-size: 0.75em;
				font-weight: bold;
				background-position: 0px -30px;
			}
			#contato #bloco1 #filho1 hr{
				margin: 0 0 25px 0;
				border: 0;
				border-top: 1px #BEBFBA solid;
				border-bottom: 1px #E4E5E0 solid;
			}
			#contato #bloco1 #filho1 .fone{
				height: 34px;
				line-height: 34px;
				padding-left: 50px;
				background-position: 5px -90px;
				font-size: 1.3em;
			}
				#contato #bloco1 #filho1 .fone span{
					font-size: 0.8em;
				}
			
		#contato #bloco1 #filho2{
			height: 79px;
		}
			#contato #bloco1 #filho2 .texto{
				margin-bottom: 10px;
			}
			#contato #bloco1 #filho2 .sprite{
				overflow: hidden;
				height: 36px;
				background-position: 0px -150px;
			}
				#contato #bloco1 #filho2 .sprite a{
					float: left;
					width: 36px;
					height: 36px;
					line-height: 36px;
					overflow: hidden;
					margin-right: 10px;
					text-indent: -200px;
					background: #D4D5CF;
					-webkit-border-radius: 6px; -moz-border-radius: 6px;
					opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0);
				}
				#contato #bloco1 #filho2 .sprite a:hover,
				#contato #bloco1 #filho2 .sprite a:focus{
					opacity: 0.4; -moz-opacity: 0.4; filter: alpha(opacity=40);
				}
	
	#contato #bloco2{
		float: right;
		width: 580px;
		min-height: 410px;
		padding: 20px;
		background: #D4D5CF;
	}
			#contato #bloco2 .texto{
				margin-bottom: 10px;
				padding-left: 30px;
				background-position: 0px 4px;
			}
			#contato #bloco2 .formulario{
				margin-left: 32px;
			}
				#contato #bloco2 .formulario li{
					padding: 3px 0;
				}
					#contato #bloco2 .formulario li label,
					#contato #bloco2 .formulario li input,
					#contato #bloco2 .formulario li textarea{
						border: 0;
					}
					#contato #bloco2 .formulario li input,
					#contato #bloco2 .formulario li textarea{
						line-height: 24px;
						margin-bottom: 5px;
						padding: 5px;
						background: #EBECE4;
					}
					#contato #bloco2 .formulario li input:focus,
					#contato #bloco2 .formulario li textarea:focus{
						background: white;
					}
					#contato #bloco2 .formulario li label{
						font-family: 'Swis721CnBTBold';
						font-size: 0.8em;
						color: #525252;
					}
					#contato #bloco2 .formulario li input{
						height: 24px;
					}
					#contato #bloco2 .formulario li textarea{
						height: 95px;
						resize: none;
						overflow: auto;
					}
					#contato #bloco2 .formulario li .size1{ width: 360px; }
					#contato #bloco2 .formulario li .size2{ width: 538px; }
					
					#contato #bloco2 .formulario li.botao{
						height: 34px;
						padding: 0;
						text-align: right;
					}
						#contato #bloco2 .formulario li.botao input{
							height: 34px;
							line-height: 34px;
							padding: 0 25px;
							cursor: pointer;
							font-family: 'Swis721CnBTBold';
							text-transform: uppercase;
							color: white;
							background: #949494;
						}
						#contato #bloco2 .formulario li.botao input:hover,
						#contato #bloco2 .formulario li.botao input:focus{
							background: #727272;
						}
						#contato #bloco2 .formulario li.botao input:active{
							background: #333;
						}
						
						#contato #bloco2 .formulario li.botao #msg{
							float: left;
						}
							#contato #bloco2 .formulario li.botao #tipo1{
								color: #063;
							}
							#contato #bloco2 .formulario li.botao #tipo2{
								color: #C00;
							}
						
						#contato #bloco2 .formulario li.botao #loader{
							display: none;
							position: absolute;
							width: 24px;
							height: 24px;
							margin: 5px 0 0 415px;
							background: url(../img/loader.gif) no-repeat center;
						}