/**** Smartphones ******/
@media screen and (max-width: 450px) {
	#title h1 {
	    display: none;
	}
}


/**** Smartphones de lado ******/
@media screen and (max-width: 750px) {
	#header-container {
	}
	#content {
		clear: both;
		float: none;
		margin: 0;
		padding: 5px 10px 5px 10px;
		width: 95%;
	}
	#content.form_inside {
		padding: 0;
		margin: 0;
		width: 100% !important;
	}
	#main {
		width: 100%;
		margin-top: 0;
	}
	
	#head > div > a > img {
		max-width: 100% !important;
	}
	
	#head {
		padding: 4px 0;
	}	
	
	#title {
		padding: 4px 0;
	}
	
	#title h2 {
		font-size: 18px;
	}
	
	#title h2 span {
		font-size: 12px;
	}
	
	#title h1 img {
	    max-width: 100px !important;
		max-height: 50px !important;
	}
	
	#side-menu {
		float: none;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	#side-menu ul li {
		padding-left: 5px;
	}
	
	#side-bar {
		float: none;
		width: 180px;
		margin: auto;
	}	
	#rodape {
		width: 100%;
		margin: auto;
		margin-bottom: 60px;
		padding-top: 15px;
		font-size: 16px;
	}	
	
	.PriceTable {
		width: 95%;
		font-size: 10px !important;
	}
	
	.PriceTable td {
		padding: 2px !important;
	}
	
	
	.PriceTable {
		font-size: 10px !important;
	}
	.PriceTable tr td {
		padding: 2px !important;
	}
	.Opcao {
		font-size: 10px !important;
		padding-left: 5px !important;
	}
	.Atividade {
		font-size: 9px !important;
		padding-left: 10px !important;
	}
	.AtividadeLabel {
		font-size: 9px !important;
	}
	.CatSep {
		height: 2px !important;
	}
	.Header, .Footer {
		font-size: 10px !important;
	}
	
	
	.fb_container {
		display: none !important;
	}
	#nav {
		width: auto !important;
	}	
	#nav ul li {
		display: block;
		margin-bottom: 5px;
	}	
}