/*LOJAS*/
.lojas { width: 100%; height: auto; position: relative; clear: both; padding: 0px 0px 50px 0px; }
.lojas .introducao { width: 100%; height: auto; color: #68696b; line-height: 20px; font-size: 13px; text-align: left; padding: 50px 0px 30px 0px; font-weight: 400; font-family: 'Montserrat'; }
.lojas ul { width: 600px; height: auto; min-height: 504px; text-align: center; position: relative; clear: both; margin: 0px; }
.lojas ul li { margin: 25px 0px; width: 100%; display: inline-block; vertical-align: top; height: 170px; position: relative; text-align: center; -moz-transition: all 0.5 ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.lojas ul li .avatar { display: inline-block; vertical-align: top; cursor: pointer; background-color: #00368a; width: 270px; height: 170px; position: relative; overflow: hidden; }
.lojas ul li .avatar img { width: 270px; height: 170px; -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); -moz-transition: all 0.3 ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.lojas ul li .dados { display: inline-block; vertical-align: top; width: 280px; height: auto; padding: 0px 0px 0px 40px; text-align: left; color: #68696b; font-size: 12px; font-family: 'Montserrat'; line-height: 22px; font-weight: 400; position: relative; }
.lojas ul li .dados p { width: 100%; height: auto; padding: 0px; text-align: left; color: #2169ed; font-size: 14px; font-family: 'Montserrat'; line-height: 22px; font-weight: 700; position: relative; }
.lojas ul li:hover img { opacity: 0.5; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.lojas ul li .dados .como-chegar { margin-top: 10px; width: 125px; height: auto; clear: both; text-align: center; color: #ffffff; background-color: #2169ed; -moz-transition: all 0.5 ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; border: #ffffff 1px solid; padding: 5px 0px; font-size: 12px; font-family: 'Montserrat'; line-height: 22px; font-weight: 700; position: relative; }
.lojas ul li:hover .como-chegar { color: #2169ed; background-color: #ffffff; border: 1px solid #2169ed; }

/*SEO*/
h1 { width: 100%; height: auto; padding: 30px 0px 25px 0px; text-align: center; background-color: #f3f3f6; color: #68696b; font-size: 14px; font-family: 'Montserrat'; line-height: 24px; font-weight: 400; }

@media screen and (max-width: 1050px) {
	.lojas { width: 94%; padding: 0px 3% 50px 3%; }
	.lojas .introducao { text-align: center; }
	.lojas ul { width: 100%; height: auto; min-height: auto;}
	.lojas .util { background-position: right top; background-size: 100% auto !important; }
	.lojas ul li { margin: 15px 0px; height: auto}
	.lojas ul li .dados { display: inline-block; vertical-align: top; width: 100%; height: auto; padding: 10px 0px 0px 0px; text-align: center; }
	.lojas ul li .dados p { text-align: center; }
	.lojas ul li .dados .como-chegar { display: block; margin: 10px auto; }
}