/* 
	Agência WEBi - http://www.webi.com.br
	Cliente: Nome do cliente
*/

/* font-family: 'Libre Baskerville', serif; */
@import url('http://fonts.googleapis.com/css?family=Libre+Baskerville:400,700');

/* geral */
html 									{ width: 100%; height: 100%; }
body 									{ width: 100%; height: auto; font-size: 15px; font-family: 'Economica', sans-serif; background: #fff; color: #241f2a; }

.hide                                   { display: none; }
.listNone                               { list-style: none; }

.bgCinza                                { background: #F5F5F5; padding: 30px 0; }
.bgBranco                               { background: #FFF; padding: 20px; }
/* contato */
/*#sucesso_formulario 					{ background: #DFF0D8; color: #468847; border: 1px solid #468847; padding: 10px; margin-bottom: 10px; }
#erro_formulario 						{ background: #FDF7F7; color: #D9534F; border: 1px solid #D9534F; padding: 10px; margin-bottom: 10px; }
*/
/* pagination */
.pagination 							{ display: block; width: 100%; clear: both; }
.pagination strong 						{ padding: 0 10px; height: 30px; background: #000; color: #fff; display: block; float: left; margin-right: 3px; line-height: 30px; }
.pagination a 							{ padding: 0 10px; height: 30px; background: #ED3237; color: #fff; display: block; float: left; margin-right: 3px; line-height: 30px; text-decoration: none; }
.pagination a:hover 					{ background: #FFEF00; color: #ED3237; }

/* noticias */
.voltar 								{ background: #241F2A; color: #fff; height: 30px; border-radius: 5px; padding: 0 15px; display: block; text-decoration: none; float: right; line-height: 30px; }
.voltar:hover 							{ background: #EF3202; }

/* conteudo */
.galeria_conteudo 						{ width: 100%; height: auto; }
.galeria_conteudo li 					{ list-style: none; float: left; margin: 0 20px 20px 0; }
.galeria_conteudo li:nth-child(4n) 		{ margin-right: 0; }
.galeria_conteudo li img 				{ width: 145px; height: 108px; display: block; } 

/* header */
header                                  { position: fixed; top: 0; left: 0; width: 100%; background: rgba(255,255,255,0.8); z-index: 9999; padding: 10px; }
header h1, header p, header ul          { padding: 0; margin: 0; list-style: none; }
header .logo                            { float: left; width: 270px; height: 74px; display: block; background: url('../images/logo.png') no-repeat; background-size: 100%; text-indent: -9999px; overflow: hidden; }
header .menu                            { float: right; }
header .menu ul li                      { float: left; margin-left: 15px; position: relative; }
header .menu ul li a                    { text-transform: uppercase; font-size: 17px; color: #777; font-weight: bold; line-height: 74px; }
header .menu ul li a:hover              { color: #000; text-decoration: none; }

header .menu .drop                       { display: none; text-align: left; }
header .menu .menu_header li:hover .drop { display: block; position: absolute; top: 100%; left: 0px; background: #3A8A9D; width: 260px; z-index: 999; }
header .menu .drop li                    { margin: 0; width: 100%; }
header .menu .drop li a                  { padding: 10px 20px; color: #FFF; display: block; line-height: 20px; }
header .menu .drop li a:hover            { background: #70CEED; color: #fff; }

.responsivo 							{ float: right; position: relative; }
.menuResponsivo 						{ position: absolute; top: 100%; right: 0; width: 280px; background: #333; border-radius: 5px; padding: 15px 0; }

.menuResponsivo .drop, .menuResponsivo .down		{ display: none; }

.menuResponsivo ul li a 				{ color: #FFF; display: block; padding: 4px 20px; font-size: 18px; }

/* destaques */
#destaques                              { position: relative; margin-bottom: 30px; margin-top: 94px; }

#slide                                  { position: relative; display: flex; width: 100%; height: 500px; padding: 0; margin: 0; }
#slide > li                             { list-style: none; position: absolute; width: 100%; height: 100%; background-position: center center !important; background-size: cover !important; }

#destaques .container                   { position: relative; top: -50px; z-index: 9998; }
#destaques .container h2                { color: #FFF; font-size: 50px; line-height: 100%; text-shadow: 3px 3px 3px rgba(0,0,0,0.5); font-weight: bold; }
#destaques .container span              { color: #FFF; display: block; text-transform: uppercase; font-size: 20px; line-height: 110%; }

/* linksRapidos */
.linksRapidos                           { margin-bottom: 30px; }
.linksRapidos a                         { color: #FFF; font-size: 30px; text-transform: uppercase; font-weight: bold; width: 100%; height: 160px; display: block; background: url('../images/bg-btn.png'); background-size: 100% !important; padding: 20px; line-height: 110%; text-shadow: 2px 2px 2px rgba(0,0,0,0.7); }
.linksRapidos a:hover                   { text-decoration: none; background-image: url('../images/bg-btn-hover.png'); }

aside .linksRapidos                      { }
aside .linksRapidos a                    { color: #FFF; font-size: 30px; text-transform: uppercase; font-weight: bold; width: 100%; height: 145px; display: block; background: url('../images/bg-btn.png'); background-size: 100% !important; padding: 20px; line-height: 110%; text-shadow: 2px 2px 2px rgba(0,0,0,0.7); margin-bottom: 30px; }
aside .linksRapidos a:hover              { text-decoration: none; background-image: url('../images/bg-btn-hover.png'); }

.linksRapidos2                           { padding: 30px; }
.linksRapidos2 a                         { color: #FFF; font-size: 22px; text-transform: uppercase; width: 100%; height: 65px; display: block; background: url('../images/bg-btn-hover.png') 0 70px; background-size: 100%; padding: 20px; line-height: 110%; text-shadow: 2px 2px 2px rgba(0,0,0,0.7); }
.linksRapidos2 a:hover                   { text-decoration: none; background-image: url('../images/bg-btn.png'); }

/* noticias */
#noticias                               { padding: 40px 0 30px; background: #F5F5F5; }
#noticias h2                            { text-transform: uppercase; margin: 0; padding: 0; color: #555; }

.listaNoticias                          {  }
.listaNoticias ul                       { list-style: none; }
.listaNoticias ul li                    { margin-top: 30px; }
.listaNoticias ul li a                  { display: block; background: #FFF; box-shadow: 2px 2px 5px rgba(0,0,0,0.2); }
.listaNoticias ul li a:hover            { text-decoration: none; }
.listaNoticias ul li a img              { width: 100%; }
.listaNoticias ul li a .padd            { padding: 10px 15px 0px; }
.listaNoticias ul li a .data            { color: #777; display: block; margin-bottom: 5px; }
.listaNoticias ul li a .titulo          { font-size: 18px; text-transform: uppercase; color: #000; font-weight: bold; }
.listaNoticias ul li a .chamada         { color: #777; line-height: 120%; }
.listaNoticias ul li a .link            { text-align: center; display: block; border-top: 1px solid #072E7B; padding: 10px 0; text-transform: uppercase; color: #777; font-weight: bold; }
.listaNoticias ul li a:hover .link      { background: #072E7B; color: #FFF; }

#noticias .btnTodas                     { display: inline-block; border: 1px solid #419C00; color: #419C00; text-transform: uppercase; font-weight: bold; padding: 12px 30px; margin-top: 15px; font-size: 18px; }
#noticias .btnTodas:hover               { background: #419C00; color: #FFF; text-decoration: none; }

/* footer */
footer                                  { background: #489C00; padding: 0; }
footer .boxNews                         { background: #072E7A; padding: 15px 0; margin-bottom: 30px; }
footer .boxNews h2                      { font-size: 18px; font-weight: bold; color: #FFF; line-height: 45px; margin: 0; }
footer .boxNews input                   { height: 45px; border-radius: 0; }
footer .boxNews button                  { height: 45px; border-radius: 0; text-transform: uppercase; background: #489C00; font-weight: bold; }
footer .boxNews .alert                  { margin: 10px 0 0; font-size: 19px; text-align: center; }

footer h3                               { color: #FFF; font-size: 20px; text-transform: uppercase; font-weight: bold; }
footer *                                { color: rgba(255,255,255,0.6); }
footer address                          {  }
footer address strong                   { display: block; color: #FFF; }

footer .contatos *                      { color: #FFF; font-size: 18px; }
footer .socialLinks                     { margin: 0; }
footer .socialLinks li                  { float: left; margin-right: 5px; }
footer .socialLinks li a                { width: 30px; height: 30px; display: block; line-height: 26px; text-align: center; border: 1.5px solid #FFF; color: #FFF; font-size: 16px; border-radius: 10px; }
footer .socialLinks li a i              { color: #FFF; }
footer .socialLinks li a:hover          { border-color: #072E7A; background: #072E7A; }

footer .boxBottom                       { background: #FFF; padding: 10px 0; margin-top: 30px; }
footer .boxBottom > .container          { overflow: hidden; }
footer .boxBottom span                  { color: #777; }
footer .boxBottom a                     { color: #489C00; }
footer .boxBottom a *                   { color: #489C00; }

/* boxTopPages */
.boxTopPages                            { background: #072E7A; padding: 110px 0 20px; }
.boxTopPages h1                         { margin: 0; padding: 0; text-transform: uppercase; color: #FFF; font-weight: bold; font-size: 35px; }

/* boxInscricao */
.boxInscricao                           { background: #FFF; padding: 30px; }
.boxInscricao .valores                  { margin-bottom: 20px; }
.boxInscricao .valores p                { margin: 0; padding: 0; font-size: 60px; line-height: 80%; font-weight: bold; }
.boxInscricao .valores p small          { color: #999; font-size: 30px; }
.boxInscricao .valores p span           { font-size: 18px; color: #999; }
.boxInscricao .btnInscrever             { width: 100%; height: 60px; display: block; background: #489C00; text-align: center; line-height: 60px; color: #FFF; font-size: 22px; font-weight: bold; text-transform: uppercase; }
.boxInscricao .btnInscrever:hover       { text-decoration: none; background: #4daf07; }

/* form_contato */
#form_contato input.form-control        { height: 45px; }
#form_contato .form-control             { border-radius: 0; }
#form_contato button                    { border-radius: 0; float: right; height: 45px; padding: 0 30px; text-transform: uppercase; font-weight: bold; background: #489C00; color: #FFF; font-size: 18px; }
#form_contato button:hover              { background: #4daf07; }
#form_contato label.error               { color: red; }

.boxContato                             {  }
.boxContato .dados                      { display: block; overflow: hidden; line-height: 40px; font-size: 18px; }
.boxContato .dados i                    { width: 40px; height: 40px; font-size: 28px; line-height: 40px; color: #489C00; float: left; text-align: right; margin-right: 10px; }

/* 404 */

.page404                                {  }
.page404 h3                             { font-size: 150px; font-weight: bold; margin-top: -20px; }
.page404 h3 span                        { font-size: 30px; display: block; font-weight: normal; margin-top: -10px; }

.btnVoltar                              { height: 60px; display: inline-block; background: #072E7A; text-align: center; line-height: 60px; padding: 0 30px; color: #FFF; font-size: 22px; font-weight: bold; text-transform: uppercase; margin-top: 20px; }
.btnVoltar:hover                        { text-decoration: none; background: #0e42a3; color: #FFF; }
.btnHome                                { height: 60px; display: inline-block; background: #489C00; text-align: center; line-height: 60px; padding: 0 30px; color: #FFF; font-size: 22px; font-weight: bold; text-transform: uppercase; margin-top: 20px; }
.btnHome:hover                          { text-decoration: none; background: #4daf07; color: #FFF; }

@media only screen and (max-width: 500px) {
	#destaques .container h2 			{ font-size: 30px; }
}