@import url("reset.css");
@import url(http://fonts.googleapis.com/css?family=Dosis:400,200,300,500,600,700);

html {height: 100%;}
body {height: 100%; position: relative; background-color: #fff; font-family: 'Dosis', sans-serif;}

#wrapper { height: 100%;}
body > #wrapper { height: auto; min-height: 100%;}

.align{ width: 980px; margin: 0 auto;}

.header{ float: left; width: 100%; background: url('../img/bg.jpg') repeat left top;  }
.header h1{ background: transparent url('../img/logo.png') repeat left top; float: left; margin: 20px 0; width: 192px; height: 68px; text-indent: -10000em; }
.header h2{}

.content{ float: left; width: 100%; background-color: #e3e3e3; }
	.boxLoja{ width: 420px; float: left; margin: 20px 70px 20px 0; }
		.lt_esq_1{ float: left; width: 228px; height: 178px; background: url('../img/lj01.jpg') no-repeat left top;}
		.lt_esq_2{ float: left; width: 228px; height: 178px; background: url('../img/lj02.jpg') no-repeat left top;}
		.lt_esq_3{ float: left; width: 228px; height: 178px; background: url('../img/lj03.jpg') no-repeat left top;}
		.lt_esq_4{ float: left; width: 228px; height: 178px; background: url('../img/lj04.jpg') no-repeat left top;}
		.lt_esq_5{ float: left; width: 228px; height: 178px; background: url('../img/lj05.jpg') no-repeat left top;}
		.lt_esq_6{ float: left; width: 228px; height: 178px; background: url('../img/lj06.jpg') no-repeat left top;}
		.lt_esq_7{ float: left; width: 228px; height: 178px; background: url('../img/lj07.jpg') no-repeat left top;}
		.lt_esq_8{ float: left; width: 228px; height: 178px; background: url('../img/ljnew.jpg') no-repeat left top;}
				
		.lt_dir{ float: left; width: 192px; height: 178px; background-color: #009b95;}
		
		h4{ color: #53E0DB; display: block; float: left; font-size: 22px; font-weight: 300; padding: 20px 0 10px 10px; text-transform: uppercase; width: 180px; }
		h5{ color: #fff; display: block; float: left; height: 60px; font-size: 15px; font-weight: 300; padding: 0px 0 10px 10px; text-transform: uppercase; width: 180px; }
		h5 span{ font-size: 12px; padding: 0 0 0 10px;}
		
		.info{ float: left; background-color: #00908a; width: 192px; height: 46px; padding: 10px 0 0 0; }
			span.tel{ background: url('../img/icon.png') no-repeat 13px 2px; display: block; height: 22px;  padding: 0 0 0 34px; color: #d8eeec;}
			span.map a{ background: url('../img/icon.png') no-repeat 13px -28px; padding: 1px 0 2px 34px; color: #d8eeec; text-decoration: none;}
			span.map a:hover{ color: #53E0DB;}