/* ========== EXPERIÊNCIA ========== */

div#conteudo_experiencia {
position:relative;
width:430px;
margin:10px 0px 0px 30px;
padding-bottom:20px;
float:left;
}

#conteudo_experiencia p {line-height:22px;}

img#foto_oficina {
width:430px;
height:405px;
border:1px solid #e7e7e4;
}

@media (max-width: 997px) {
	div#conteudo_experiencia {
		position:relative;
		width:69%;
		margin:10px 2% 0px 0px;
		padding-bottom:20px;
		float:right;
	}
	img#foto_oficina {
		position:relative;
		width:430px;
		height:auto;
		left:50%;
		margin:0 0 0 -215px;
		border:1px solid #e7e7e4;
	}
}

@media (max-width: 778px) { 
	div#conteudo_experiencia {
		position:relative;
		width:64%;
		margin:10px 2% 0px 0px;
		padding-bottom:20px;
		float:right;
	}
}

@media (max-width: 629px) {
	#conteudo_experiencia p {font-size:0.9em;line-height:1.4em;}
	img#foto_oficina {
		position:relative;
		width:100%;
		height:auto;
		left:50%;
		margin:0 0 0 -50%;
		border:1px solid #e7e7e4;
	}
}

@media (max-width: 378px) {
	#conteudo_experiencia p {text-align:left;}
}

/* ========== LATERAL DIREITA ========== */

img#mala_2 {
width:214px;
height:296px;
margin:10px 38px 35px 0px;
float:right;
}

img#mala_3 {
width:260px;
height:218px;
margin:20px 10px 55px 0px;
float:right;
}

div#facebook_area {
width:240px;
height:160px;
margin:0 24px 25px 0px;
float:right;
}

div.fb-like-box {
margin:-5px;
float:left;
}

div#endereco {
position:relative;
width:274px;
padding:2px 2px 2px 2px;
float:right;
}

@media (max-width: 997px) {
	div#lateral-experiencia {
		position:relative;
		width:96%;
		left:50%;
		margin:0 0 1.0em -48%;
		padding-top:2em;
		clear:both;
		border-top:#d1d1d1 1px solid;
	}
	img#mala_2 {
		display:none;
	}

	img#mala_3 {
		display:none;
	}

	div#facebook_area {
		margin:0.8em 2% 0px 2%;
		float:left;
	}

	div.fb-like-box {
		margin:-5px;
		float:left;
	}

	div#endereco {
		position:relative;
		width:264px;
		padding:2px 2px 2px 2px;
		float:right;
	}
}

@media (max-width: 559px) {
	div#facebook_area {
		margin:0.8em 2% 38px 0%;
		float:left;
	}
	
	div#endereco {
		position:relative;
		width:230px;
		padding:0px;
		margin:0px;
		float:right;
	}
}

@media (max-width: 509px) {
	div#facebook_area {
		position:relative;
		left:50%;
		margin:0.8em 0% 20px -115px;
		float:none;
	}
	
	div#endereco {
		position:relative;
		width:230px;
		left:50%;
		padding:0px;
		margin:0px 0px 2em -115px;
		float:none;
	}
}