@charset "utf-8";
/* CONNECT CUSTOM MOBILE CSS */

/**************************************** Section 1 ****************************************/
#connect-section-1 {
	background: url(../images/bg_mob_faqueiro_laguna_01.jpg) center;
	width: auto;
	height: 594px;
}
#connect-section-1 .row-1 .connect-col-12 {
	text-align: center;
}
#connect-section-1 .tramontina_logo {
	margin-right: auto;
	margin-left: auto;
	margin-top: 17px;
}

#connect-section-1 .row-2 h1 {
	margin-top: 28px;
}

#connect-section-1 .row-2 h2 {
	font-size: 67.76px;
}

#connect-section-1 .row-2 h3 {
	font-size: 20px;
}

#connect-section-1 .row-2 p {
	width: 100%;
	font-size: 14px;
	margin-top: 12px;
}

#connect-section-1 .row-2 .talheres {
	top: 0px;
	left: 0;
	float: right;
	max-width: 320px;
	width: 65%;
}

#connect-section-1 .row-2 .seal-01 {
	max-width: 20%;
	margin-top: 680px;
	margin-left: 45px;
}


/**************************************** Section 2 ****************************************/
#connect-section-2 {
	background: url(../images/bg_mob_faqueiro_laguna_02.jpg) center;
	width: 500px;
	height: 618px;
}

#connect-section-2 .row-4 .completo {
	margin-left: 0px;
}

#connect-section-2 .box-talheres {
	margin-top: 330px;
	margin-left: -110px;
	width: 190%;
}

#connect-section-2 .row-4 .completo {
	margin-top: -580px;
}

#connect-section-2 .row-4 .completo p {
	font-size: 17px;
	width: 100%;
}

#connect-section-2 .row-2 .box-aco-inox {
	margin-left: 0px;
}

#connect-section-2 .row-3 .seal-02 {
	margin-left: 195px;
	margin-top: -205px;
	position: absolute;
}

#connect-section-2 .row-4 .mbr {
	margin-left: 217px;
	margin-top: 90px;
}


/**************************************** Section 3 ****************************************/
#connect-section-3 {
	background: url(../images/bg_mob_faqueiro_laguna_03.jpg) center;
	width: 500px;
	height: 802px;
}

#connect-section-3 .row-2 {
	margin-top: 0px;
}

#connect-section-3 .row-1 .bucket {
	margin-top: 504px;
	max-width: 110%;
	width: 115%;
	margin-left: -33px;
}

#connect-section-3 .row-2 {
	margin-top: -788px;
}

#connect-section-3 .row-2 .second-column .seal-04 {
	margin-left: 190px;
}

#connect-section-3 .row-3 .box-porcelain {
	margin-left: 10px;
	margin-top: -175px;
}
#connect-section-3 .row-3 .box-porcelain .colch {
	max-width: 5.5%;
}

#connect-section-3 .row-3 .box-porcelain .text {
	margin-top: -65px;
}

#connect-section-3 .row-4 .seal-05 {
	margin-top: -20px;
}

#connect-section-3 .row-4 .facil-lavar {
	margin-top: -70px;
	margin-left: 120px;
}

#connect-section-3 .row-4 .facil-lavar p {
	width: 110%;
}
/**************************************** Section 4 ****************************************/
#connect-section-4 {
	background: url(../images/bg_mob_faqueiro_laguna_04.jpg) center;
	width: 500px;
	height: 257px;
}

#connect-section-4 .row-1 {
	background-color: transparent;
}

#connect-section-4 #connect-player {
	width: 320px;
	height: 200px;
	margin-top: 30px;
}

/**************************************** Section 5 ****************************************/

#connect-section-5 {
	background: url(../images/bg_mob_faqueiro_laguna_05.jpg) center;
	width: 500px;
	height: 608px;
}
#connect-section-5 .connect-col-9 {
	width: 68%;
}

#connect-section-5 .row-1 .design-moderno h2 {
	font-size: 18px;
}
#connect-section-5 .row-1 .design-moderno h2 strong{
	font-size: 20px;
}

#connect-section-5 .row-1 .design-moderno {
	margin-top: 0px;
}

#connect-section-5 .row-2 img {
	width: 100%;
	min-width: 120%;
	margin-top: 80px;
	margin-left: -30px;
}

#connect-section-5 .row-3 h2 {
	margin-left: 65px;
}

#connect-section-5 .row-3 img {
	margin-left: 0px;
	margin-top: 50px;
}

#connect-section-5 .row-4 .connect-col-3 .colch {
	margin-left: 10px;
	max-width: 16%;
}

#connect-section-5 .row-5 .connect-col-3 .colch,
#connect-section-5 .row-6 .connect-col-3 .colch {
	max-width: 16%;
}

#connect-section-5 .row-4 .connect-col-3 .dicas-01,
#connect-section-5 .row-6 .connect-col-3 .dicas-01 {
	margin-left: 12px;
}

/* controla a margin-left dos 2 últimos ícones */
#connect-section-5 .row-5 .connect-col-3 .dicas-01,
#connect-section-5 .row-6 .connect-col-3 .dicas-01 {
	margin-left: 5px;
}

/* tamanho da width do paragrafo e o tamanho da fonte */
#connect-section-5 .row-4 .connect-col-9 p,
#connect-section-5 .row-5 .connect-col-9 p,
#connect-section-5 .row-6 .connect-col-9 p {
	width: 105%;
	font-size: 14px;
	margin-left: -20px;
}

/* controla a width do ícone e do colchete */
#connect-section-5 .row-4 .connect-col-3,
#connect-section-5 .row-5 .connect-col-3,
#connect-section-5 .row-6 .connect-col-3 {
	width: 30%;
}

/*Margin left dos colchete*/
#connect-section-5 .row-5 .connect-col-3 .colch,
#connect-section-5 .row-6 .connect-col-3 .colch {
	margin-left: 5px;
}
/**************************************** Section 6 ****************************************/

#connect-section-6 {
	background: url(../images/bg_mob_faqueiro_laguna_06.jpg) center;
	width: 500px;
	height: 821px;
}

#connect-section-6 > div:nth-child(1) > div > div > h2 {
	text-align: center;
	font-size: 24px;
	color: #686868;
}


/**************************************** Show Lists ****************************************/

#connect-section-6 .row-2 ul {
	display: block;
	margin-left: 28px;
	margin-top: 50px;
	font-size: 16px;
}

#connect-section-6 .row-2 ul li {
	color: #686868;
	height: 50px;
	font-size: 17px;
	font-family: 'Frutiger';
	font-weight: 100;
}

#connect-section-6 .row-2 ul li strong {
	color: #e58360;
	height: 50px;
	margin-left: 10px;
	font-size: 20px;
	font-family: 'Frutiger';
	font-weight: 100;
}

#connect-section-6 .row-2 ul li .number-12{
	background-image: url(../images/12.png);
	float: left;
	display: block;
	background-position: center;
	width: 25px;
	height: 33px;
	text-indent: -9999px;
	margin-top: -10px;
}

#connect-section-6 .row-2 ul li .number-01{
	background-image: url(../images/1.png);
	float: left;
	display: block;
	background-position: center;
	width: 11px;
	height: 33px;
	text-indent: -9999px;
	margin-top: -10px;
}

/**************************************** Hide Blocks ****************************************/

#connect-section-6 .row-1 .bloc-01,
#connect-section-6 .row-1 .bloc-02,
#connect-section-6 .row-1 .bloc-03 {
	display: none;
}

/*browser compatibility*/

/* Firefox 3.0+ */
/*#veinticinco,  x:-moz-any-link, x:default, #connect-section-5 .row-2 img  { 
	margin-left: 5px;
	max-width: 73%;
}

#veinticinco,  x:-moz-any-link, x:default, #connect-section-2 .row-4 .completo p  { 
	max-width: 100%;
}

#veinticinco,  x:-moz-any-link, x:default, #connect-section-3 .row-1 .bucket  { 
	max-width: 69%;
	margin-left: -5px;
}

#veinticinco,  x:-moz-any-link, x:default, #connect-section-2 .box-talheres   { 
	max-width: 78%;

}

#veinticinco,  x:-moz-any-link, x:default, #connect-section-2 .row-3 .seal-02   { 
	position: absolute;
}

#veinticinco,  x:-moz-any-link, x:default, #connect-section-5 .row-4 .connect-col-9,
#connect-section-5 .row-5 .connect-col-9, #connect-section-5 .row-6 .connect-col-9   { 
	width: 65%;
}

#veinticinco,  x:-moz-any-link, x:default, #connect-section-6 .row-1 h2  { 
	margin-left: -50%;
}

#veinticinco,  x:-moz-any-link, x:default, #connect-section-1 .row-2 .seal-01 {
	margin-top: 330px;
	margin-left: 75px;
}
*/

/*IE*/

/*#diecinueve, #connect-section-5 .row-2 img  { 
	max-width: 73%;
}

#diecinueve, #connect-section-2 .row-4 .completo p  { 
	max-width: 100%;
}

#diecinueve, #connect-section-3 .row-1 .bucket  { 
	max-width: 69%;
	margin-left: -09px;
}

#diecinueve, #connect-section-2 .box-talheres   { 
	max-width: 79%;
}

#diecinueve, #connect-section-2 .row-3 .seal-02   { 
	position: absolute;
}

#diecinueve, #connect-section-5 .row-4 .connect-col-9,
#connect-section-5 .row-5 .connect-col-9, #connect-section-5 .row-6 .connect-col-9   { 
	width: 65%;
}

#diecinueve, #connect-section-6 .row-1 h2  { 
	margin-left: -50%;
}*/
