/* Smartphones */
@media (max-width: 767px) {
	html, body { background-color: #FBFBFB; }
	.col-s1 {width: 8.33vw;} .col-s2 {width: 16.66vw;} .col-s3 {width: 25vw;} .col-s4 {width: 33.33vw;} .col-s5 {width: 41.66vw;} .col-s6 {width: 50vw;} .col-s7 {width: 58.33vw;} .col-s8 {width: 66.66vw;} .col-s9 {width: 75vw;} .col-s10 {width: 83.33vw;} .col-s11 {width: 91.66vw;} .col-s12 {width: 100vw;} .row { display: flex; }

	/* LOGIN */
	.imgtopologin { width: 100% !important; vertical-align: text-top; }
	.imgrodapelogin { margin: auto; width: 100%; bottom: 0; position: fixed; }
	.imgwelcomelogin { width: 70vw !important; }
	.imglogobimbologin { width: 100px !important; }
	.imgmarcaslogin { width: 320px !important; }
	.divwelcomelogin { text-align: center; margin-left: 4%; }
	.divbimbologin { text-align: center; margin-left: 3%; margin-top: -20px; }
	.divalinhawelcome { min-height: 70%; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; }
	.divmarcaslogin { padding: 0%; margin-top: 0%; text-align: center; }
	.divalinhaform { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; }
	.divalinharodape { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center;	-webkit-align-items: center; -webkit-box-align: center; align-items: baseline; }
	.divformlogin { font-family: "HelveticaRegular"; color: #ED6A36; font-size: 15px; padding: 6% 0% 6% 0%; margin: 0% 10%; text-align: center; }

	input.cmpTexto { font-family: "HelveticaRegular"; font-size: 15px; color: #262223; width: 60%; padding: 6px 6px; margin: 8px 0px 8px 0px; box-sizing: border-box; border: 1px solid #ED6A36; }

	.btnFormulario { background-color: #ED6A36; border: none; width: 60%; color: white; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 2.75vw; margin: 4px 2px 4px 22%; cursor: pointer; }
	.btnFormulario:hover { background-color: #4998E4; }
	.btnFormulario:active { background-color: #7AE243; }

	.welcometextlink { color: #4998E4; width: 60%; text-decoration: underline; margin: 4px 2px 4px 22%;  }
	.welcometextlink:hover { color: #4998E4; text-decoration: underline; }

	/* HOME | FORM: Área de alertas */
	.alertavermelho { font-size: 14px; padding: 10px; background-color: #f44336; color: white; margin-bottom: 2px; display: none; }
	.alertalaranja { font-size: 14px; padding: 10px; background-color: #ffaa2c; color: white; margin-bottom: 2px; display: none; }

	/* HOME | FORM: Botão fechar do alerta */
	.closebtn { margin-left: 15px; color: white; font-weight: bold; float: right; font-size: 14px; line-height: 12px; cursor: pointer; transition: 0.3s; }

	/* LOGIN | FORM: Botão fechar do alerta no estado hover */
	.closebtn:hover { color: black; }
	.divrodapelogin { width: 100%; padding: 2%; }

	/* QUEBRA A LINHA DAS DIVs SE ULTRAPASSAR 100% DA DIV */ 
	.vwSmart { display: flex; flex-wrap: wrap; flex-direction: row; overflow: none; max-width: 100%; }
}

/* Tablets maiores e notebooks mais antigos */
@media (min-width: 768px) and (max-width: 1023px) {
	html, body { background-color: #FBFBFB; }
	.col-t1 {width: 8.33%;} .col-t2 {width: 16.66%;} .col-t3 {width: 25%;} .col-t4 {width: 33.33%;} .col-t5 {width: 41.66%;} .col-t6 {width: 50%;} .col-t7 {width: 58.33%;} .col-t8 {width: 66.66%;} .col-t9 {width: 75%;} .col-t10 {width: 83.33%;} .col-t11 {width: 91.66%;} .col-t12 {width: 100%;} .row { display: flex; }

	/* LOGIN */
	.imgtopologin { width: 100% !important; vertical-align: text-top; }
	.imgrodapelogin { margin: auto; width: 100%; bottom: 0; position: fixed; }
	.imgwelcomelogin { width: 40vw !important; }
	.imglogobimbologin { width: 166px !important; }
	.imgmarcaslogin { width: 490px !important; }
	.divwelcomelogin { text-align: center; margin-right: 0%; margin-top: 80px; }
	.divbimbologin { text-align: center; margin-left: 0%; margin-top: -30px; }
	.divalinhawelcome { min-height: 70%; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; }
	.divmarcaslogin { padding: 0%; margin-top: 0%; text-align: center; }
	.divalinhaform { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; }
	.divalinharodape { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center;	-webkit-align-items: center; -webkit-box-align: center; align-items: baseline; }
	.divformlogin { font-family: "HelveticaRegular"; font-size: 14px; color: #ED6A36; padding: 6% 0%; margin: 0% 12%; text-align: center; }

	input.cmpTexto { font-family: "HelveticaRegular"; font-size: 14px; color: #262223; width: 60%; padding: 6px 6px; margin: 8px 0px 8px 0px; box-sizing: border-box; border: 1px solid #ED6A36; }

	.btnFormulario { background-color: #ED6A36; border: none; width: 60%; color: white; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 12px; margin: 4px 2px 4px 12%; cursor: pointer; }
	.btnFormulario:hover { background-color: #4998E4; }
	.btnFormulario:active { background-color: #7AE243; }

	.welcometextlink { color: #4998E4; width: 60%; text-decoration: underline; margin: 4px 2px 4px 12%;  }
	.welcometextlink:hover { color: #4998E4; text-decoration: underline; }

	/* HOME | FORM: Área de alertas */
	.alertavermelho { font-size: 14px; padding: 10px; background-color: #f44336; color: white; margin-bottom: 2px; display: none; }
	.alertalaranja { font-size: 14px; padding: 10px; background-color: #ffaa2c; color: white; margin-bottom: 2px; display: none; }

	/* HOME | FORM: Botão fechar do alerta */
	.closebtn { margin-left: 15px; color: white; font-weight: bold; float: right; font-size: 14px; line-height: 12px; cursor: pointer; transition: 0.3s; }

	/* LOGIN | FORM: Botão fechar do alerta no estado hover */
	.closebtn:hover { color: black; }
	.divrodapelogin { width: 100%; padding: 2%; }

	/* QUEBRA A LINHA DAS DIVs SE ULTRAPASSAR 100% DA DIV */ 
	.vwSmart { display: flex; flex-wrap: wrap; flex-direction: row; overflow: none; max-width: 100%; }
}

/* Tablets maiores e notebooks mais antigos */
@media (min-width: 1024px) and (max-width: 1365px) {
	html, body { background-color: #FBFBFB; }
	/* LOGIN */
	.imgtopologin { width: 100% !important; vertical-align: text-top; }
	.imgrodapelogin { margin: auto; width: 100%; bottom: 0; position: fixed; }
	.imgwelcomelogin { width: 28vw !important; }
	.imglogobimbologin { width: 124px !important; }
	.imgmarcaslogin { width: 420px !important; }
	.divwelcomelogin { text-align: right; margin-right: 3%; }
	.divbimbologin { text-align: left; margin-left: 3%; }
	.divalinhawelcome { min-height: 90%; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; }
	.divmarcaslogin { padding: 0%; margin-top: -7%; text-align: center; }
	.divalinhaform { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; }
	.divalinharodape { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: baseline; }
	.divformlogin { font-family: "HelveticaRegular"; font-size: 0.8vw; padding: 6% 0%; text-align: center; color: #ED6A36; }
	input.cmpTexto { font-family: "HelveticaRegular"; font-size: 0.8vw; color: #262223; width: 60%; padding: 6px 6px; margin: 8px 0px 8px 0px; box-sizing: border-box; border: 1px solid #ED6A36; border-radius: 0px; }

	.btnFormulario { background-color: #ED6A36; border: none; width: 60%; color: white; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 0.75vw; margin: 4px 2px 4px 18%; cursor: pointer; }
	.btnFormulario:hover { background-color: #4998E4; }
	.btnFormulario:active { background-color: #7AE243; }

	.welcometextlink { color: #4998E4; width: 60%; text-decoration: underline; margin: 4px 2px 4px 18%;  }
	.welcometextlink:hover { color: #4998E4; text-decoration: underline; }

	/* HOME | FORM: Área de alertas */
	.alertavermelho { font-size: 10px; padding: 10px; background-color: #f44336; color: white; margin-bottom: 2px; display: none; }
	.alertalaranja { font-size: 10px; padding: 10px; background-color: #ffaa2c; color: white; margin-bottom: 2px; display: none; }

	/* HOME | FORM: Botão fechar do alerta */
	.closebtn { margin-left: 15px; color: white; font-weight: bold; float: right; font-size: 10px; line-height: 12px; cursor: pointer; transition: 0.3s; }

	/* LOGIN | FORM: Botão fechar do alerta no estado hover */
	.closebtn:hover { color: black; }
	.divrodapelogin { width: 100%; padding: 2%; }
}

/* Notebooks mais comuns */
@media (min-width: 1366px) and (max-width: 1679px) {
	html, body { background-color: #FBFBFB; }
	/* LOGIN */
	.imgtopologin { width: 100% !important; vertical-align: text-top; }
	.imgrodapelogin { margin: auto; width: 100%; bottom: 0; position: fixed; }
	.imgwelcomelogin { width: 28vw !important; }
	.imglogobimbologin { width: 124px !important; }
	.imgmarcaslogin { width: 420px !important; }
	.divwelcomelogin { text-align: right; margin-right: 3%; }
	.divbimbologin { text-align: left; margin-left: 3%; }
	.divalinhawelcome { min-height: 90%; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; }
	.divmarcaslogin { padding: 0%; margin-top: -7%; text-align: center; }
	.divalinhaform { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; }
	.divalinharodape { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: baseline; }
	.divformlogin { font-family: "HelveticaRegular"; font-size: 0.8vw; padding: 6% 0%; text-align: center; color: #ED6A36; }
	input.cmpTexto { font-family: "HelveticaRegular"; font-size: 0.8vw; color: #262223; width: 60%; padding: 6px 6px; margin: 8px 0px 8px 0px; box-sizing: border-box; border: 1px solid #ED6A36; border-radius: 0px; }
	.btnFormulario { background-color: #ED6A36; border: none; width: 60%; color: white; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 0.75vw; margin: 4px 2px 4px 18%; cursor: pointer; }
	.btnFormulario:hover { background-color: #4998E4; }
	.btnFormulario:active { background-color: #7AE243; }

	.welcometextlink { color: #4998E4; width: 60%; text-decoration: underline; margin: 4px 2px 4px 18%;  }
	.welcometextlink:hover { color: #4998E4; text-decoration: underline; }

	/* HOME | FORM: Área de alertas */
	.alertavermelho { font-size: 10px; padding: 10px; background-color: #f44336; color: white; margin-bottom: 2px; display: none; }
	.alertalaranja { font-size: 10px; padding: 10px; background-color: #ffaa2c; color: white; margin-bottom: 2px; display: none; }

	/* HOME | FORM: Botão fechar do alerta */
	.closebtn { margin-left: 15px; color: white; font-weight: bold; float: right; font-size: 10px; line-height: 12px; cursor: pointer; transition: 0.3s; }

	/* LOGIN | FORM: Botão fechar do alerta no estado hover */
	.closebtn:hover { color: black; }
	.divrodapelogin { width: 100%; padding: 2%; }
}

/* Notebooks Apple */
@media (min-width: 1680px) and (max-width: 1919px) {
	html, body { background-color: #FBFBFB; }

	/* LOGIN */
	.imgtopologin { width: 100% !important; vertical-align: text-top; }
	.imgrodapelogin { margin: auto; width: 100%; bottom: 0; position: fixed; }
	.imgwelcomelogin { width: 28vw !important; }
	.imglogobimbologin { width: 152px !important; }
	.imgmarcaslogin { width: 516px !important; }
	.divwelcomelogin { text-align: right; margin-right: 3%; }
	.divbimbologin { text-align: left; margin-left: 3%; }
	.divalinhawelcome { min-height: 90%; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; }
	.divmarcaslogin { padding: 0%; margin-top: -7%; text-align: center; }
	.divalinhaform { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; }
	.divalinharodape { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: baseline; }
	.divformlogin { font-family: "HelveticaRegular"; font-size: 0.8vw; padding: 6% 0%; text-align: center; color: #ED6A36; }

	input.cmpTexto { font-family: "HelveticaRegular"; font-size: 0.8vw; color: #262223; width: 60%; padding: 6px 6px; margin: 8px 0px 8px 0px; box-sizing: border-box; border: 1px solid #ED6A36; border-radius: 0px; }

	.btnFormulario { background-color: #ED6A36; border: none; width: 60%; color: white; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 0.75vw; margin: 4px 2px 4px 18%; cursor: pointer; }
	.btnFormulario:hover { background-color: #4998E4; }
	.btnFormulario:active { background-color: #7AE243; }

	.welcometextlink { color: #4998E4; width: 60%; text-decoration: underline; margin: 4px 2px 4px 18%;  }
	.welcometextlink:hover { color: #4998E4; text-decoration: underline; }

	/* HOME | FORM: Área de alertas */
	.alertavermelho { font-size: 12px; padding: 10px; background-color: #f44336; color: white; margin-bottom: 2px; display: none; }
	.alertalaranja { font-size: 12px; padding: 10px; background-color: #ffaa2c; color: white; margin-bottom: 2px; display: none; }

	/* HOME | FORM: Botão fechar do alerta */
	.closebtn { margin-left: 15px; color: white; font-weight: bold; float: right; font-size: 12px; line-height: 12px; cursor: pointer; transition: 0.3s; }

	/* LOGIN | FORM: Botão fechar do alerta no estado hover */
	.closebtn:hover { color: black; }
	.divrodapelogin { width: 100%; padding: 2%; }
}

/* Desktops Resolução HD */
@media (min-width: 1920px) {
	html, body { background-color: #FBFBFB; }

	/* LOGIN */
	.imgtopologin { width: 100% !important; vertical-align: text-top; }
	.imgrodapelogin { margin: auto; width: 100%; bottom: 0; position: fixed; }
	.imgwelcomelogin { width: 28vw !important; }
	.imglogobimbologin { width: 174px !important; }
	.imgmarcaslogin { width: 590px !important; }
	.divwelcomelogin { text-align: right; margin-right: 3%; }
	.divbimbologin { text-align: left; margin-left: 3%; }
	.divalinhawelcome { min-height: 90%; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; }
	.divmarcaslogin { padding: 0%; margin-top: -7%; text-align: center; }
	.divalinhaform { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; }
	.divalinharodape { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center;	-webkit-align-items: center; -webkit-box-align: center; align-items: baseline; }
	.divformlogin { font-family: "HelveticaRegular"; font-size: 0.8vw; padding: 6% 0%; text-align: center; color: #ED6A36; }

	input.cmpTexto { font-family: "HelveticaRegular"; font-size: 0.8vw; color: #262223; width: 60%; padding: 6px 6px; margin: 8px 0px 8px 0px; box-sizing: border-box; border: 1px solid #ED6A36; border-radius: 0px; }

	.btnFormulario { background-color: #ED6A36; border: none; width: 60%; color: white; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 0.75vw; margin: 4px 2px 4px 18%; cursor: pointer; }
	.btnFormulario:hover { background-color: #4998E4; }
	.btnFormulario:active { background-color: #7AE243; }

	.welcometextlink { color: #4998E4; width: 60%; text-decoration: underline; margin: 4px 2px 4px 18%;  }
	.welcometextlink:hover { color: #4998E4; text-decoration: underline; }

	/* HOME | FORM: Área de alertas */
	.alertavermelho { font-size: 14px; padding: 10px; background-color: #f44336; color: white; margin-bottom: 2px; display: none; }
	.alertalaranja { font-size: 14px; padding: 10px; background-color: #ffaa2c; color: white; margin-bottom: 2px; display: none; }

	/* HOME | FORM: Botão fechar do alerta */
	.closebtn { margin-left: 15px; color: white; font-weight: bold; float: right; font-size: 14px; line-height: 12px; cursor: pointer; transition: 0.3s; }

	/* LOGIN | FORM: Botão fechar do alerta no estado hover */
	.closebtn:hover { color: black; }
	.divrodapelogin { width: 100%; padding: 2%; }
}