/*PALETA*/
/*BACKGROUND*/
.bg-body{background-color: #fff; color: #707070; background: url('../imagens/background.jpg'); background-position: center top; background-repeat: no-repeat; }
.bg-cabecalho{background: url('../imagens/cabecalho_bg2.jpg'); background-repeat: no-repeat; background-position: center top;  background-size: cover; color: #fff;}
.bg-menu{background-image: url('../imagens/menu_bg.png'); background-repeat: no-repeat; background-position: center center; color: #fff;}
.bg-rodape{background-image: url('../imagens/rodape_bg_2.jpg'); background-repeat: no-repeat;  background-position: center top; background-size: cover; color: #333;}
.bg-slider{background-color: #d1d1d1;}
.bg-carroucel{background-image: url('../imagens/carroucel_bg_2.jpg'); background-repeat: no-repeat;  background-position: center center; background-size: auto; color: #333;}
.bg-gray{background-color: #3C3C3C; color: #fff;}

/*FONT WEIGHT*/
.font-thin{font-weight: 100 !important;}
.font-light{font-weight: 300 !important;}
.font-normal{font-weight: 400 !important;}
.font-bold{font-weight: 700 !important;}

/*FONT COLOR*/
.font-azul{ color: #0c4585; }
.font-laranja{ color: #f26802;}
.font-red{ color: #bd1f1f;}
.font-rubi{ color: #c42459;}
.font-dourada{ color: #d1b874;}
.font-amarelo-claro{ color: #dec78a;}
.font-roxo-escuro{ color: #674b5d;}
.font-marrom{ color: #724d26;}
.font-black{ color: #000000;}

/*FONT SIZE*/
.fontzero{font-size: 0em !important;}
.fontsize05{font-size: 0.75em;}
.fontsize1{font-size: 1em;}
.fontsize1b{font-size: 1.5em;}
.fontsize2{font-size: 2em;}
.fontsize2b{font-size: 2.5em;}
.fontsize3{font-size: 3em;}
.fontsize3b{font-size: 3.5em;}

/*HEADERS PAGINAS*/
.sectiontitle{width: 100%; margin: 30px 0px; text-align: center;}
.sectiontitle h1{margin-bottom: 10px; text-transform: uppercase;}
.sectiontitle h2{font-weight: 300; margin-bottom: 10px; }
.sectiontitle h3{font-weight: 400; margin-bottom: 10px; }
.sectiontitle-nomargin{margin: 0;}

/*VIDEO*/
.video{width: 100%; height: 280px; margin: 0;}
.video-small{width: 40%; margin: 0 30%;}
.video-medium{width: 60%; margin: 0 20%;}
.video-large{width: 80%; margin: 0 10%;}

/*BOTÕES*/
.botoes{display: inline-block; padding: 10px 20px; cursor: pointer; font-size: 1em; font-weight: 400; color: #fff; text-transform: uppercase; text-align: center;}
.botoes-P{font-size: 0.8em; padding: 5px 12px; font-weight: bold;}
.botoes-M{font-size: 1em; padding: 17px 30px 17px 50px; font-weight: bold;}
.botoes-G{font-size: 1em; padding: 20px 40px 20px 60px; font-weight: bold;}
.botoes-X{font-size: 1em; padding: 50px 50px 60px 55px; font-weight: bold;}
.botoes-sub{font-size: 1em; padding: 28px 75px 22px 30px; font-weight: bold;}
.botoes-G-bg{background-image: url('../imagens/back_botsG.png'); background-size: 100% 100%; background-repeat: no-repeat;}
.botoes-BIG-bg{background-image: url('../imagens/back_botsGiant.png'); background-size: 100% 100%; background-repeat: no-repeat;}

.botoes-branco{background-color: #fff; border: 1px solid #ca202b; color:#9b9797;}
.botoes-branco:hover{background-color: #ca202b; border: 1px solid #ca202b; color:#fff;}
.botoes-preto{background-color: #000; border-color: #ca202b; color:#f3f3f3;}
.botoes-preto:hover{background-color: #231F20; border-color: #231F20; color:#f3f3f3;}

/*TRIGGER*/
.trigger{width: 80%; padding: 20px; font-size: 0.95em; margin-bottom: 30px; margin: 0px 10%}
.trigger-bottom{margin: 30px 0 0 0;}

.trigger-accept{background-color: #accc9a; color: #6b7f60;}
.trigger-infor{background-color: #9ab7cc; color: #60727f;}
.trigger-alert{background-color: #c6b247; color: #776b2b;}
.trigger-error{background-color: #e69f9f; color: #996a6a;}

/*SHOT ICONS*/
.shoticon{padding-left: 40px; background-position: center left; background-repeat: no-repeat; background-size: auto 96%; }
.shoticon-sectiontitle{padding-left: 60px;}
.shoticon-mail{background-image: url('../imagens/icon_email2.png');}
.shoticon-noticias{background-image: url('../imagens/icon_noticias.png');}
.shoticon-instagram{background-image: url('../imagens/icon_instagram2.png');}
.shoticon-pasta{background-image: url('../imagens/icon_pasta.png');}
.icon {background-position: center; background-repeat: no-repeat; background-size: auto 98%; display: inline-block; margin: 0 2%;}
.icon-title-esq{background-image: url('../imagens/icon_rodape_titulos_esq.png'); width:6%; min-width: 70px; height:auto;}
.icon-title-dir{background-image: url('../imagens/icon_rodape_titulos_dir.png'); width:6%; min-width: 70px; height:auto;}

/*CABECALHO*/
.cabecalho{padding: 5px 0px 0px; margin: 0px; min-height: 152px; z-index: 999; position: relative;}
.cabecalho .logomarca{position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; top: 15px;}
.cabecalho ul{margin: 25px 0px;}
.cabecalho li{display: inline-block; list-style: none; padding: 5px; text-transform: uppercase; position: relative;}
.cabecalho li a{font-size: 0.9em; font-family: "OpenSans", Tahoma, Arial; color:#fff; text-decoration: none; padding: 5px; font-weight: bold;}
.cabecalho li a:hover{text-decoration: underline;}
.cabecalho li a.first{padding-left: 0px;}
.cabecalho li a.end{padding-right: 0px;}
.cabecalho li ul{width: 240px; 
background-image: url('../imagens/back_submenu.png');
background-position: center top;
background-repeat: no-repeat;
background-size: 100% 100%;
padding: 15px 5px 20px; position: absolute; top: 4px; left:-9999px; z-index: 9999 /* Hide off-screen when not needed (this is more accessible than display:none;) */}
.cabecalho li ul li{display: block; padding: 5px 10px; height: 36px; width: 100%; text-align: left; float:none; border-bottom: 1px solid rgba(255,255,255, 0.15);}
.cabecalho ul ul a{
    white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
.cabecalho ul li:hover ul{ /* Display the dropdown on hover */
    left: 2%; /* Bring back on-screen when needed */
}
.cabecalho ul li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
    background-color: rgba(0,0,0, 0.15); text-decoration:underline;
}
.cabecalho ul li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
    text-decoration:none; background-color: rgba(0,0,0, 0); font-size: 0.9em; color: #e3e3e3;
}
.cabecalho ul li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
    background-color: rgba(0,0,0, 0); color: #fff; 
}

.cabecalho .icones{display: block; width: auto; }
.cabecalho .flags{padding: 0 1px;}
.cabecalho .flags-loja{padding: 0 4px;}
.cabecalho .flags-rsociais{padding: 0px 8px; border-right: 1px #fff solid;}
.cabecalho .flags-rsociais.end{border-right: 0px; padding: 0px 5px; }
/*RODAPÉ*/
.rodape h1{font-size: 1.65em; padding: 5px 0px; color:#fff;}
.rodape h2{font-size: 0.95em; color:#fff; padding: 5px 0px;}
.rodape h3{font-size: 2.3em; color:#fff; margin: 0px; padding: 0px; font-family: "OpenSansBold", "OpenSans", Tahoma, Arial !important;}
.rodape h5{color:#fff;}
.rodape h6 a{color:#666;}
.rodape p{color:#fff; font-size: 0.85em; margin: 0px; padding: 3px 0px;}

.rodape_contatos{width: 100%; height: auto; min-height: 248px; color: #fff; padding: 15px 0px 25px 0px;}
.rodape_contatos .box-3c{width: 29%; padding-top: 10px;}
.rodape_contatos .box-3c-centro{width: 42%;}
.rodape_contatos .newsletter{margin: 5px 0px; border: 0px; background-image: url('../imagens/rodape_news_bg.png'); background-repeat: no-repeat; background-size: 100% 97%; min-height: 50px;}
.rodape_contatos .newsletter .input{border: 0px; padding: 5px; font-size: 0.9em; color: #ca202b; width: 60%; min-height: 22px; margin: 4% 5%; background-color: Transparent; float: left; }
.rodape_contatos .newsletter .botao{border: 0px; padding: 5px; font-size: 1.1em; color: #ca202b; width: 20%; min-height: 22px; margin: 4% 10% 4% 0%; background-color: Transparent; font-weight: bold; float: left; cursor: pointer;}

.rodape_contatos li{width: 45%; padding: 1% 5%; margin: 0px 0px 1%; background-image: url('../imagens/rodape_contato_separa.png'); background-position: top left; background-repeat: no-repeat; float: left; list-style: none; text-align: left; min-height: 84px;}
.rodape_contatos li.first{width: 54%;}
.rodape_contatos li.end{width: 1%; margin: 0px; padding:0px}
.rodape_contatos a{color: #fff;}
.rodape_contatos a:hover{color: #ffcc00;}
.rodape_copyright{width: 100%; height: auto; min-height: 62px; max-height: 76px;}
.rodape_copyright .logomarca{text-align: right;}
.rodape_copyright .maioridade img{width: 85%; height: auto; max-width: 267px; margin-top: 15px;}
.rodape_copyright .logomarca img{width: auto; max-height: 96px; }
.rodape_copyright .logomarca h6{padding: 35px 0px;}
.rodape_copyright .redes_sociais ul{line-height: 76px; padding-top: 12px;}
.rodape_copyright .redes_sociais li{display: inline-block; width: auto;	height: 50px; margin: 0px; border-right: 1px solid #ca202b;}
.rodape_copyright .redes_sociais li.end{border-right: 0px;}
.rodape_copyright .redes_sociais img{padding: 5px 12px 0px 12px; margin: 0px;}

/*REDES SOCIAIS*/
.fb-wrap { width:50%;  margin: 0 auto;}
.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; }

.galeria-fotos{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 15px 0px;
	display: block;
}

.galeria-fotos img{
	height: 450px;
	width: auto;
}

.fullwidthbanner{
	transform:  translateY(20px);
}

@media only screen and (max-width: 2560px) {
	#form_envio{
		    transform: translateY(-10px);
	}
}
@media only screen and (max-width: 2000px) {
	#form_envio{
		    transform: translateY(-5px);
	}
}
@media only screen and (max-width: 1600px) {
	.menu{
		font-size: 0.8em;
	}
	.logomarca{
		transform: translateX(-25px);
	}
}
@media only screen and (max-width: 1440px) {
	#form_envio{
		    transform: translateY(0px);
	}
}