@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,300i,400,400i,500,500i,700,700i,900,900i');
@charset "utf-8";

body { font-size: 14px; font-family: 'Roboto', Calibri, Arial, sans-serif; text-rendering: geometricPrecision !important; -webkit-font-smoothing: antialiased !important; height: auto; font-weight: 400; background-color: #ffffff; color: #545454; }
* { margin: 0px; padding: 0px; border: none; list-style: none; text-decoration: none; }
html { overflow-x:hidden; }
div, span, a, strong, nav, p, li, header, footer, i, img, section, button, input { -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

/* GERAIS */
a:link, a:visited, a:hover { color:#000000; text-decoration:none; font-size: 12px; font-family: 'Roboto'; }
.clearfix, .clearfix2 { width: 100%; position: relative; clear: both; height: 10px; }
.clearfix:before, .clearfix:after,.clearfix2:before, .clearfix2:after { display: table; content: " "; min-height: 0px !important; margin: 0px !important; }
.clearfix:after, .clearfix2:after { clear: both; float: none; height: 0px !important; min-height: 0px !important; margin: 0px !important;  }
.util2, .util { width: 1050px; margin: 0 auto; height: auto; }
.utilmetade { width: 550px; margin: 0 auto; height: auto; }
.metade { width: 574px; margin: 0 auto; height: auto; }
.anima { -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.anima1 { -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; }
.anima5 { -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.pulse { -moz-animation: pulsered 2s infinite; -o-animation: pulsered 2s infinite; -webkit-animation: pulsered 2s infinite; }
.blur { -webkit-filter: blur(5px); filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); }
#mascara2 { display: none; position:fixed; width:100%; min-height: 100%; left: 0; top: 0; background-color: rgba(33,105,237,0.85); z-index:1009; }
#amensagem { display: none; position: fixed; background-size: auto 80px; background-repeat:no-repeat; background-position: 20px center; z-index: 100001; left: 0; top: 0; width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: -o-calc(100% - 40px); width: calc(100% - 40px); padding: 50px 20px; font-size: 18px; line-height: 18px; font-family: 'Roboto'; font-weight: 600; color: #ffffff; text-align: center; height: auto; letter-spacing: 0px; }
.sombra { -webkit-box-shadow: 0px 3px 3px 0px rgba(54,153,255, 0.1); -moz-box-shadow: 0px 3px 3px 0px rgba(54,153,255, 0.1); box-shadow: 0px 3px 3px 0px rgba(54,153,255, 0.1); }
.esconde { display: none; }
section { width: 100%; height: auto; position: relative; clear: both; overflow: hidden; padding: 0px; margin: 0px; }
.pulseblack { -moz-animation: pulseblack 2s infinite; -o-animation: pulseblack 2s infinite; -webkit-animation: pulseblack 2s infinite; }
.titulo_padrao { width: 100%; height: auto; position: relative; font-size: 30px; font-family: 'Roboto'; color: #000000; font-weight: 100; text-align: left; }
.introducao_padrao { width: 100%; height: auto; position: relative; font-size: 15px; font-family: 'Roboto'; color: #000000; font-weight: 500; text-align: center; padding-bottom: 30px; }
.introducao_padrao span { background-color: #ffffff; padding: 5px 10px; overflow: hidden; }
.erro-login { display: none; width: 20px; height: 20px; position: absolute; right: 20px; margin-top: 20px; z-index: 10; text-align: center; line-height: 20px; color: red; font-size: 15px; }
.acerto-login { display: none; width: 20px; height: 20px; position: absolute; right: 20px; margin-top: 20px; z-index: 10; text-align: center; line-height: 20px; color: #000000; font-size: 15px; }

/* TITULO INTERNO */
.titulo-geral { width: 100%; height: auto; position: relative; background-color: #aa3637; padding: 45px 0px; }
.titulo-geral .caminho { width: 100%; height: auto; position: relative; font-size: 24px; font-family: 'Roboto'; color: #ffffff; font-weight: 100; text-align: left; }
.titulo-geral .caminho span { font-weight: 500; }
.titulo-geral .caminho i { padding-left: 25px; font-weight: normal !important; color: #ffffff; font-size: 32px; float: right; }
.titulo-geral .caminho ul { width: 100%;height: auto; position: relative; list-style-type: none; }
.titulo-geral .caminho ul li { width: auto; text-transform: uppercase; display: inline-block; vertical-align: top; height: auto; position: relative; background-color: #484546; font-size: 14px; font-weight: 300; letter-spacing: 1px; font-family: 'Roboto'; line-height: 16px; padding: 10px 17px; color: #ffffff; text-align: center; -moz-transition: all 0.4 ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; overflow: hidden; position: relative; margin: 15px 5px 0px 5px; }
.titulo-geral .caminho ul li.ativo, .titulo-geral .caminho ul li:hover { background-color: #eaeaea; color: #aa3637; }

/*BREADCRUMB*/
.breadcrumb { width: auto; height: 20px; padding: 15px 15px 15px 40px; background-image: url(../imagens/home.png); background-repeat:no-repeat; background-position: 12px 7px; position: relative; float: left; background-color: #f4f6f8; overflow: hidden; margin: 25px 10px; }
.breadcrumb ol { width: 100%; height: 20px; list-style-type: none; }
.breadcrumb ol li { width: auto; float: left; font-size: 12px; padding: 0px 10px; background: url(../imagens/divisor-bread.png) no-repeat center left; color: #545454 !important; font-weight: 300; font-family: 'Roboto'; float: left; }
.breadcrumb ol a li:nth-child(1) { background: url(../imagens/espaco.png); }
.breadcrumb ol a li:hover { text-decoration: underline; }
.breadcrumb ol li.ativo { color: #aa3637 !important; font-weight: 500; }

/*LOADING*/
.carregando{ left:0; top:0; position:fixed; z-index:5000000; background: #aa3637; width:100% !important; height:100% !important;}
.carregando .spinner { width: 100% !important; height: 100% !important; position: fixed; top: 80%; }
.carregando .spinner div { width: 10px; height: 10px; position: absolute; left: -10px; top: 40px; background-color: #ffffff; border-radius: 50%; animation: move 4s infinite cubic-bezier(.2,.64,.81,.23); }
.carregando .spinner div:nth-child(2) { animation-delay: 150ms; }
.carregando .spinner div:nth-child(3) { animation-delay: 300ms; }
.carregando .spinner div:nth-child(4) { animation-delay: 450ms; }
.carregando2 { left:0; top:0; position:fixed; z-index:5000000; background: rgba(255,255,255,1) url(../imagens/ajax-loader.gif) no-repeat center center; width:100% !important; height:100% !important;}

/* POPUP */
#fechar { z-index:100001; position:fixed; }
#fechapopup { width: 75px; position: fixed; cursor: pointer; z-index:100002; left: 50%; margin-left: -37.5px; top: 10px; background-color: rgba(255,255,255,1); color: #aa3637; border:#aa3637 1px solid; font-size: 10px; letter-spacing: 3px; font-family: 'Roboto'; font-weight: 400; padding: 5px 0px; }
#fechapopup:hover { background-color: #aa3637; color: #ffffff; border:#aa3637 1px solid; }
#mascara, #mascarafb { position:fixed; text-align: center; width:100%; min-height: 100%; left: 0; top: 0; background-color: rgba(255,255,255,0.9); z-index:100001; }
.fb_iframe_widget { left: 0px !important; }

/* TOPO */
header { width: 100%; height: 120px; position: fixed; top: 0px; left: 0px; z-index: 1100; background-color: #ffffff; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
header .logomarca { width: 240px; height: 96px; margin: 5px 20px 5px 0px; position: relative; float: left; background-image: url(../imagens/logomarca-joipress.png); background-repeat: no-repeat; background-size: auto; background-position: center; }
header .barra-topo { border-bottom: rgba(0,0,0,0.1) 1px solid; overflow: hidden; width: 69.2%; float: right; height: 50px; line-height: 50px; letter-spacing: 1px; color: #000000; line-height: 50px; font-size: 11px; font-family: 'Roboto'; font-weight: 600; text-align: right; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
header .barra-topo .destaque { display: inline-block; padding: 0px 10px 0px 5px; background-color: #aa3637; width: auto; height: 30px; position: relative; color: #ffffff; font-size: 12px; line-height: 30px; margin: 10px 0px; overflow: hidden; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
header .barra-topo .destaque.whats { background-color: #308800; }
header .barra-topo .destaque.whats i { font-size: 16px; } 
header .barra-topo .destaque i { font-size: 14px; line-height: 12px; color: #ffffff; width: 35px; height: 30px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-align: center; }
/*header .barra-topo .destaque:hover { background-color: #fbf037; color: #aa3637; }*/
/*header .barra-topo .destaque:hover i { color: #aa3637; }*/
header .ferramentas { width: 70%; float: right; height: auto; position: relative; z-index: 9; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
header .ferramentas nav { width: 100%; height: 60px; position: relative; }
header .ferramentas nav ul { width: 100%; height: auto; list-style-type: none; text-align: right; }
header .ferramentas nav ul li { width: auto; cursor: pointer; height: 60px; text-transform: uppercase; line-height: 60px; margin: 0px 8px; color: #000000; font-size: 12px; letter-spacing: 1px; font-family: 'Roboto'; font-weight: 400; display: inline-block; vertical-align: top; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
header .ferramentas nav ul li:hover, header .ferramentas nav ul li.ativo { border-bottom: 2px solid #aa3738; }
header .ferramentas nav ul li.sub { background: url(../imagens/seta-down-02.png) no-repeat center 40px; }
header .ferramentas nav ul li ol { display: none; width: 220px; z-index: 100; position: absolute; margin: -10px 0px 0px 0px; padding: 15px 0px 0px 0px; height: auto; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #ffffff;-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.25);box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.25); }
header .ferramentas nav ul li ol p { width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); border-bottom: #f4f6f8 1px solid; line-height: 12px; height: auto; padding: 12px 10px; text-align: center; font-family: 'Roboto'; color: #000000; font-size: 12px; text-transform: initial !important; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
header .ferramentas nav ul li ol p:hover { background-color: #f4f6f8; color: #aa3637 !important; }

/* RODAPÉ */
footer { width: 100%; height: auto; position: relative; background:#eaeaea; }
footer .central { width: 100%; height: auto; position: relative; text-align: center; background-color: #dddddd; margin: 0px; padding: 20px 0px; }
footer .central .bloco1 { width: 158px; height: auto; display: inline-block; vertical-align: top; margin: 40px 0px 30px 0px; }
footer .central .bloco2 { width: 158px; height: auto; display: inline-block; vertical-align: top; padding-left: 20px; min-height: 250px;  margin: 40px 0px 30px 0px; }
footer .central .bloco3 { width: 158px; height: auto; display: inline-block; vertical-align: top; padding-left: 20px; min-height: 250px;  margin: 40px 0px 30px 0px; }
footer .central .bloco1 nav, footer .central .bloco2 nav, footer .central .bloco3 nav{ width: auto; height: auto; position: relative; }
footer .central .bloco1 nav ul, footer .central .bloco2 nav ul, footer .central .bloco3 nav ul{ width: 100%; height: auto; list-style-type: none; margin-bottom: 30px; text-align: left; }
footer .central .bloco1 nav ul li.topico, footer .central .bloco2 nav ul li.topico, footer .central .bloco3 nav ul li.topico{ letter-spacing: 1px; color: #000000; height: 12px; line-height: 12px; padding-bottom: 10px; font-size: 12px; font-family: 'Roboto'; font-weight: 500; text-align: left; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
footer .central .bloco1 nav ul li, footer .central .bloco2 nav ul li, footer .central .bloco3 nav ul li{ letter-spacing: 1px; width: 100%; text-align: left; display: inline-block; height: 18px; line-height: 18px; color: #000000; font-size: 12px; font-family: 'Roboto'; font-weight: 300; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
footer .central .bloco1 nav ul li:hover, footer .central .bloco2 nav ul li:hover, footer .central .bloco3 nav ul li:hover{ text-decoration: underline; color: #000000; padding-left: 3px; }
footer .central .bloco1 nav ul li.topico:hover, footer .central .bloco2 nav ul li.topico:hover, footer .central .bloco3 nav ul li.topico:hover{ text-decoration: none; color: #000000; }
footer .mapa { width: 100%; height: auto; text-align: center; position: relative; clear: both; padding: 35px 0px; }
footer .mapa .blocos { width: 30%; padding-right: 2%; height: auto; position: relative; display: inline-block; vertical-align: top; }
footer .mapa .blocos .titulo_bloco { width: 100%; height: auto; line-height: 24px; padding-bottom: 20px; font-family: 'Roboto'; font-size: 16px; color: #aa3637; text-align: left; font-weight: 500; }
footer .mapa .blocos .titulo_bloco i { line-height: 24px; font-size: 16px; color: #aa3637; float: left; padding: 0px 10px 0px 0px; }
footer .mapa .blocos .contatos { width: 100%; height: auto; position: relative; }
footer .mapa .blocos .contatos p { width: 100%; height: auto; position: relative; text-align: left; padding-bottom: 15px; display: block; font-size: 12px; color: #000000; font-family: 'Roboto'; }
footer .mapa .blocos .contatos p strong { width: 100%; height: auto; position: relative; text-align: left; display: block; font-size: 14px; text-decoration: underline; font-family: 'Roboto'; padding-bottom: 6px; color: #000000; font-weight: 500; }
footer .mapa iframe { margin: 15px 0px 0px 0px; }
footer .rodape { width: 100%; height: 50px; position: relative; background-color: #ffffff; clear: both; padding: 10px 0px; }
footer .rodape .direitos { position: relative; width: 100%; height: auto; padding: 12px 0px; line-height: 16px; font-size: 12px; color: #000000; text-align: center; font-family: 'Roboto'; font-weight: 400; }

/* MENU CELULAR */
#menu2start { display: none; cursor: pointer; width: 54px; height: 60px; background-color: #eaeaea; background-image: url(../imagens/menu.png); background-repeat: no-repeat; background-size: 28px auto; background-position: center center; position: fixed; right: 0px; top: 0px; z-index: 12001; }
#menu2start:hover { background-color: #eaeaea; background-image: url(../imagens/menu.png); background-repeat: no-repeat; background-size: 28px auto; background-position: center center; }
#menu2start.ativo { cursor: pointer; width: 54px; height: 60px; background-color: #eaeaea; background-image: url(../imagens/menu.png); background-repeat: no-repeat; background-size: 28px auto; background-position: center center; position: fixed; right: 0px; top: 0px; z-index: 12001; }
#menu2 { display: none; background-color: rgba(70,54,55,0.97); width: 100%; height:100% !important; margin: 0 auto; padding-top: 65px; position: fixed; z-index: 1000; text-align: center; }
#menu2 li { font-weight: normal; border-bottom: rgba(255,255,255,0.1) 1px solid !important; list-style-type: none; text-transform: uppercase; cursor: pointer; color: #ffffff; text-align: left; font-size: 15px; height: auto; padding: 10px; line-height: 28px; width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); font-family: 'Roboto'; font-weight: 400; display: inline-block; }
#menu2 li i { font-size: 15px; line-height: 30px; color: #ffffff; padding-right: 15px; width: 20px; height: 28px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#menu2 li ul p { padding-left: 10px; text-transform: uppercase; cursor: pointer; color: #92cbfd; padding: 3px 0px; text-align: left; font-size: 15px; border: none; font-weight: normal; }
#menu2 li .some { display: none; }

/*NEWSLETTER*/
.news { width: 100%; height: auto; background: url(../imagens/capta.jpg) no-repeat center center; position: relative; padding: 80px 0px; clear: both; text-align: center; }
.news .titulo { padding: 0px 0px 10px 0px; width: 280px; display: inline-block;vertical-align: top; font-size: 34px; font-family: 'Roboto'; text-transform: uppercase; color: #ffffff; font-weight: 100; text-align: left; }
.news .introducao { padding: 0px 0px 50px 0px; width: 700px; display: inline-block;vertical-align: top; font-size: 14px; letter-spacing: 1px; font-family: 'Roboto'; color: #ffffff; font-weight: 300; text-align: left; }
.news form { width: 100%; height: auto; position: relative; clear: both; }
.news form input[type=text] { position: relative; width: 230px; padding: 0px 20px; height: 50px; color: #878686; line-height: 50px; font-size: 12px; letter-spacing: 1px; font-weight: 400; text-align: left; font-family: 'Roboto'; margin: 0px 20px 0px 0px; background-color: #ffffff; display: inline-block; vertical-align: top; overflow: hidden; }
.news form input[type=buttom] { position: relative; width: auto; padding: 0px; height: 50px; color: #ffffff; line-height: 50px; font-size: 16px; letter-spacing: 1px; font-weight: 300; text-align: center; font-family: 'Roboto'; background-color: #aa3738; display: inline-block; vertical-align: top; overflow: hidden; }
.news form input[type=buttom]:hover { cursor: pointer; background-color: #494647; }

::-webkit-input-placeholder { /* Chrome */ color: #68696b !important; }
:-ms-input-placeholder { /* IE 10+ */ color: #68696b !important; }
::-moz-placeholder { /* Firefox 19+ */ color: #68696b !important; opacity: 1; }
:-moz-placeholder { /* Firefox 4 - 18 */ color: #68696b !important; opacity: 1; }

@-webkit-keyframes pulsered {
  0% { -webkit-box-shadow: 0 0 0 0 rgba(70,54,55, 1); -moz-box-shadow: 0 0 0 0 rgba(70,54,55, 1); box-shadow: 0 0 0 0 rgba(70,54,55, 1); }
  70% { -webkit-box-shadow: 0 0 0 15px rgba(70,54,55, 0); -moz-box-shadow: 0 0 0 0 rgba(70,54,55, 0); box-shadow: 0 0 0 0 rgba(70,54,55, 0); }
  100% { -webkit-box-shadow: 0 0 0 0 rgba(70,54,55, 0); -moz-box-shadow: 0 0 0 0 rgba(70,54,55, 0); box-shadow: 0 0 0 0 rgba(70,54,55, 0); }
}
@keyframes pulsered {
  0% { -webkit-box-shadow: 0 0 0 0 rgba(70,54,55, 1); -moz-box-shadow: 0 0 0 0 rgba(70,54,55, 1); box-shadow: 0 0 0 0 rgba(70,54,55, 1); }
  70% { -webkit-box-shadow: 0 0 0 0 rgba(70,54,55, 0); -moz-box-shadow: 0 0 0 15px rgba(70,54,55, 0); box-shadow: 0 0 0 15px rgba(70,54,55, 0); }
  100% { -webkit-box-shadow: 0 0 0 0 rgba(70,54,55, 0); -moz-box-shadow: 0 0 0 0 rgba(70,54,55, 0); box-shadow: 0 0 0 0 rgba(70,54,55, 0); }
}

@keyframes move {
  0% {left: 0%;}
  75% {left:100%;}
  100% {left:100%;}
}
@-webkit-keyframes move {
  0% {left: 0%;}
  75% {left:100%;}
  100% {left:100%;}
}

@media screen and (max-width: 1050px) {
	.util, .util2 { width: 100%; }

	.chamas { width: 94%; height: auto; padding: 40px 3%; background-image: url(../imagens/espaco.png); background-color: rgba(0,130,199,1); }
	.chamas .elemento { display: none; }
	.chamas .pg, .chamas .pg2 { width: 100%; height: auto; min-height: auto; display: block; }
	.chamas .pg .titulo_1, .chamas .pg2 .titulo_1 { font-size: 28px; line-height: 28px; text-align: center; }
	.chamas .pg .desc_1, .chamas .pg2 .desc_1 { font-size: 18px; letter-spacing: 1px; line-height: 24px; text-align: center; }
	.banner_imagem { height: 100px !important; min-height: auto; margin-top: 60px; background-size: auto 100px; }
	.banner_imagem .mascara_banner { height: 100px !important; min-height: auto; top: 0px; }
	.titulo_padrao { text-align: center; }

	#amensagem { background-position: -1000px -1000px; }
	#menu2start { display: inherit; }

	.breadcrumb { float: none; }

	.titulo-geral { padding: 25px 0px; }
	.titulo-geral .caminho { text-align: center; }
	
	.titulo-geral .caminho span { font-weight: 500; }
	.titulo-geral .caminho i { padding-left: 25px; font-weight: normal !important; color: #ffffff; font-size: 32px; float: right; }
	.titulo-geral .caminho ul { width: 100%;height: auto; position: relative; list-style-type: none; }
	.titulo-geral .caminho ul li { width: auto; text-transform: uppercase; display: inline-block; vertical-align: top; font-family: 'Roboto'; line-height: 16px; padding: 6px 10px; margin: 3px 5px; }

	header { width: 100%; height: 60px; background-color: #ffffff; -webkit-box-shadow: 0px 3px 3px 0px rgba(54,153,255, 0.2); -moz-box-shadow: 0px 3px 3px 0px rgba(54,153,255, 0.2); box-shadow: 0px 3px 3px 0px rgba(54,153,255, 0.2); }
	header .logomarca { height: 54px; margin: 3px 0px 3px 10px; background-position: left center; background-size: auto 100%; width: 172px; }
	header .barra-topo, header .barra-contatos, header .ferramentas nav { display: none; }

	footer .mapa { width: 100%; height: auto; text-align: center; padding: 0px 0px 20px 0px; }
	footer .mapa .blocos, footer .mapa .blocos_centro { margin: 0px; width: 100%; }
	footer .mapa .blocos .titulo_bloco { text-align: center; padding-bottom: 10px; padding-top: 25px; font-size: 18px; }
	footer .mapa .blocos .titulo_bloco i { display: none; }
	footer .mapa .blocos .contatos { width: 100%; height: auto; position: relative; }
	footer .mapa .blocos .contatos p, footer .mapa .blocos .contatos p strong { text-align: center; font-size: 14px; }
	footer .rodape { width: 100%; border-top: #ffffff 1px solid; height: auto; position: relative; clear: both; padding: 10px 0px; }
	footer .rodape .direitos { float: none; width: 94%; height: auto; padding: 20px 3%; line-height: 14px; font-size: 14px; text-align: center; }

	/*NEWSLETTER*/
	.news { width: 94%; padding: 60px 3%; }
	.news .titulo { width: 100%; text-align: center; padding: 30px 0px 20px 0px; }
	.news .introducao { padding: 0px 0px 30px 0px; width: 100%; text-align: center; }
	.news form { width: 100%; height: auto; position: relative; clear: both; text-align: center; }
	.news form input[type=text] { margin: 0px 15px 10px 15px; width: -moz-calc(100% - 60px); width: -webkit-calc(100% - 60px); width: -o-calc(100% - 60px); width: calc(100% - 60px); padding: 0px 15px; float: none; text-align: center; }
	.news form input[type=buttom] { float: none; display: inline-block; margin: 10px auto; }
}