/*	---------------- Principais ---------------- */
html{height:100%; width:100%;-webkit-backface-visibility:hidden;}

body {margin:0; min-width:322px; background:#ffffff; overflow-y:scroll; font-family:'Roboto', 'Arial','verdana'; font-weight:400; color:#333333; font-size:13px; height:100%; -webkit-backface-visibility:hidden;}

input, select, textarea {outline-style:none; font-family: 'Roboto', sans-serif; font-size:13px}

.alignCenter {*position: absolute; top: 50%;display: table-cell;vertical-align: middle;}

#natalmobile{display:none}

/* migalha */
.div_migalha {float:left; font-family: 'Roboto',  'arial','verdana', sans-serif; font-size: 13px;  font-weight: 400; color:#666666; margin-bottom:15px; margin-top:20px}
.migalhaSite:link {font-family: 'Roboto',  'arial','verdana', sans-serif; font-size: 13px;  font-weight: 400; color:#666666; text-decoration:none}
.migalhaSite:visited {font-family: 'Roboto',  'arial','verdana', sans-serif; font-size: 13px;  font-weight: 400; color:#666666; text-decoration:none}
.migalhaSite:hover {font-family: 'Roboto',  'arial', 'verdana', sans-serif; font-size: 13px;  font-weight: 400; color:#666666; text-decoration:underline}
.migalhaSite2 {font-family: 'Roboto',  'arial','verdana', sans-serif; font-size: 13px;  font-weight: 400; color:#909090}
/* migalha */

.TituloSite {float:left; width:100%; margin-bottom:15px; text-align:left; font-family: 'Roboto',  'arial','verdana', sans-serif; font-size: 24px;  font-weight: 400; color:#333333}

/*	---------------- /Principais ---------------- */


td {font-size:12px;font-family:Roboto}
.td2 {font-size:13px;font-family:Roboto}
.td_listagem {border-bottom:1px dotted #a2a2a2;cursor:pointer;height:28px}
.td_listagem2 {border-top:1px dotted #a2a2a2;cursor:pointer;height:35px; font-size:15px}
.td_listagem3 {border-top:1px dotted #a2a2a2;height:30px}
.td_listagem4 {border-top:1px dotted #a2a2a2;height:30px;font-size:13px;font-family:arial,verdana}
.barra_paginas {border-bottom:1px solid #194C96;font-size:24px;font-family:arial,verdana;color:#194C96;letter-spacing:-1px;padding-top:30px}
.cor_url {color:#0066CC}

.alfabeto_selecionado {border:1px solid #89A6B0;color:#303030; border-radius:7px;height:25px;text-align:center;background-color:#AFC9D3;cursor:pointer}
.alfabeto {border:1px solid #DDDDDD; border-radius:7px; color:#303030;height:25px;text-align:center;background-color:#EEEEEE;cursor:pointer}

input, textarea {font-size:13px;font-family:arial,verdana}
.cadastro {font-size:14px;font-family:arial,verdana}
.input_cadastro {border:1px solid #BBBBBB;padding:4px;height:26px}
.borda_tabela {border:2px solid #FF0000}

.menu {color:#000000}
.menu2 {color:#278FCC}

.botao_cobra_adm2 {border:1px solid #83BCDE;background-color:#B4D8ED;cursor:pointer;text-align:center;width:150px}
.botao_cobra_adm {border:1px solid #DDDDDD;background-color:#EEEEEE;cursor:pointer;text-align:center;width:150px}

.tracado_preto:link {text-decoration:none;color:#000000}
.tracado_preto:visited {text-decoration:none;color:#000000}
.tracado_preto:hover {text-decoration:underline;color:#000000}

.tabela_14 {font-size:14px;font-family:arial,verdana}

.habilitado {font-size:11px;font-family:verdana,arial;border:1px solid #DDDDDD;padding:4px;background-color:#EEEEEE;color:#303030;height:23px;text-decoration:none;font-weight:bold;cursor:pointer}
.desabilitado {font-size:11px;font-family:verdana,arial;color:#BBBBBB;border:1px solid #DDDDDD;padding:4px;background-color:#EEEEEE;height:23px;text-decoration:none;font-weight:bold}
.atual {font-size:11px;font-family:verdana,arial;border:1px solid #89A6B0;padding:4px;background-color:#AFC9D3;color:#303030;height:23px;text-decoration:none;font-weight:bold}


.TabelaVotacao {width:958px;background-color:#278fcc;border:0px}
.VotacaoTitulo {font-size:30px;font-family:Oswald,arial,verdana;color:#ffff00;font-weight:400}
.VotacaoHorario {font-size:15px;font-family:Open Sans,arial,verdana;color:#FFFFFF;font-weight:400}
.VotacaoLogin {font-size:13px;font-family:Open Sans,arial,verdana;color:#FFFFFF;font-weight:400}
.VotacaoInput {width:158px;height:17px;padding:8px;border:2px solid #FFFFFF;background-color:#FFFFFF;font-size:13px;font-family:Open Sans,arial,verdana;color:#202020;outline-style:none}
.VotacaoInputErro {width:158px;height:17px;padding:8px;border:2px solid #CC0000;background-color:#FFFFFF;font-size:13px;font-family:Open Sans,arial,verdana;color:#202020;outline-style:none}
.VotacaoBotao {width:160px;height:37px;background-color:#1b628d;cursor:pointer;font-size:14px;font-family:Open Sans,arial,verdana;color:#FFFFFF;font-weight:400;border:0px;outline-style:none}
.VotacaoTraco {border-top:1px solid #2380b7}
.VotacaoApuracao {font-size:18px;font-family:Oswald,arial,verdana;color:#FFFFFF;font-weight:400}
.VotacaoApuracaoChapa {font-size:20px;font-family:Oswald,arial,verdana;color:#FFFFFF;font-weight:300;text-align:center}
.VotacaoApuracaoChapa2 {font-size:17px}
.VotacaoApuracaoPlacar {font-size:28px;font-family:Oswald,arial,verdana;color:#FFFFFF;font-weight:400}
.VotacaoMsgErroLogin {font-size:15px;font-family:Open Sans,arial,verdana;color:#FFFFFF;font-weight:400;line-height:21px}
.VotacaoSucesso {font-size:27px;font-family:Oswald,arial,verdana;color:#ffff00;font-weight:400}
.VotacaoTextoAssembleia {font-size:14px;font-family:Open Sans,arial,verdana;color:#FFFFFF;font-weight:400;text-align:center;line-height:17px}



.BotaoLogin {float:left;height:40px;line-height:40px;text-align:center;background:#278fcc;color:#ffffff;cursor:pointer;; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;}
.BotaoLogin:hover {background:#727272}


#IframeCartao {width: calc(100% - 10px); display: none; text-align: left;}

.Cartao__FormularioPagamento {width: calc(100% - 22px); float: left; padding: 20px 10px; border: 1px solid #DDDDDD; border-radius: 4px;}
.Cartao__MetodosPagemento {width: calc(100% - 20px); float: left; margin: 0 10px;}
.Cartao__MetodosPagemento--item {float: left; margin: 0 12px 0 0;}

.Cartao__OpcoesPagamento {float: left; margin: 0 10px 0;}
.Cartao__OpcoesPagamento--item {float: left;}
.Cartao__MetodoOpcoes {float: left; margin: 0 6px 6px 0; border: 2px solid #CCCCCC; cursor: pointer; border-radius: 4px;}
.Cartao__MetodoOpcoes--ativo {border: 2px solid #2FC725;}

.Cartao__AvisoPagamento {width: calc(100% - 20px); float: left; margin: 0 0 20px 0;}
.Cartao__InformacoesPagamento--item {width: 100%; float: left; margin: 12px 0 0 0;}

.Cartao__Campos {width: calc(50% - 20px); float: left; margin: 12px 10px 0;}
.Cartao__Campos2 {width: calc(33.3% - 20px); float: left; margin: 12px 10px 0;}
.Cartao__Campos3 {width: calc(50% - 20px); float: left; margin: 12px 10px 0;}
.Cartao__Label {font-size: 13px; color: #666666; font-size: 13px;}
.Cartao__Label--metodos {font-weight: 600; color: #333333;}
.Cartao__Input {width: calc(100% - 14px); height: 26px; border: 1px solid #CCCCCC; border-radius: 4px; padding: 6px;}
.Cartao__Input:focus {border: 1px solid #65b52f;}
.Cartao__Input--erro {border: 1px solid #E82C31;}
.Cartao__Input--select {width: 100%; height: 40px;}

.Cartao__FinalizarCompra {width: calc(100% - 20px); float: left; margin: 12px 10px 0;}

.Cartao__Botao {width: 100%; height: 40px; border-radius: 4px; border: 0; cursor: pointer; font-weight: 700; font-size: 15px;}
.Cartao__Botao--finalizar {background: #65b52f; color: #FFFFFF;}


#MetodosPagamento {float: left; width: 100%; font-size: 14px; color: #666666;}

#MetodosPagamento .Metodo {width: calc(50% - 54px); min-height: 114px; background: #FBFBFB; display: inline-block; padding: 14px 20px; margin: 0 10px 20px 0; border: 1px solid #DDDDDD; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
#MetodosPagamento .Metodo:hover {border: 1px solid #74c916; cursor: pointer;}

#MetodosPagamento .Icone {width: 96px; float: left;}
#MetodosPagamento .Informacoes {width: calc(100% - 116px); margin: 0px 0px 0px 20px; max-width: 204px; float: left;}
#MetodosPagamento .Texto {width: 100%; margin: 6px 0px 0px 0px; float: left; text-align: left; color: #343434;}
#MetodosPagamento .Botao {width: 100%; margin: 10px 0px 0px 0px; float: left;text-align: left;}

#MetodosPagamento .BotaoFinalizar {width: 100%; background: #1fa257; color: #FFFFFF; height: 40px; border: 0; border-radius: 4px; font-weight: bold; letter-spacing: 1px; cursor: pointer;}
#MetodosPagamento .BotaoFinalizar:hover {background: #1b8d4b;}


/*=============================== MENU MOBILE ===============================*/
#MenuMobile {float:left; margin-top:20px; cursor:pointer; display:none; color:#ffffff; font-size:14px;}
#MenuFlutuante {float:left; position:fixed; width:100%; height: 100%; z-index: 99999;display:none}
#MenuFlutuante .ParteEscura {float:right; width: calc(100% - 270px); background:rgba(0, 0, 0, 0.40); height: 100%; cursor:pointer}
#MenuFlutuante .ParteMenu {float:left; width:270px; background:#278FCC; color:#FFFFFF; height: 100%; overflow:auto}
#MenuFlutuante .DivMargemMenu {float:left; width:calc(100% - 30px); margin-left: 20px; margin-right: 10px; text-align:left}
#MenuFlutuante .MenuTitulo {float:left; margin-top: 20px; font-weight: 700; margin-bottom: 30px; font-size: 16px}
#MenuFlutuante .MenuItens {float:left; width:100%; margin-bottom:10px; font-weight:300; font-size:17px}
#MenuFlutuante .MenuItens a {color:#EEEEEE; text-decoration:none}
#MenuFlutuante .MenuItens a:visited {color:#EEEEEE; text-decoration:none}
#MenuFlutuante .MenuItens a:hover {color:#FFFFFF; text-decoration:none}
#MenuFlutuante .MenuSubItens {float:left; width:calc(100% - 10px); margin-left:10px; margin-bottom:10px; font-weight:300; font-size:16px}
#MenuFlutuante .MenuSubItens a {color:#EEEEEE; text-decoration:none}
#MenuFlutuante .MenuSubItens a:visited {color:#EEEEEE; text-decoration:none}
#MenuFlutuante .MenuSubItens a:hover {color:#FFFFFF; text-decoration:none}
#MenuFlutuante .Linhas {float:left; width:calc(100% + 40px); margin-left:-30px; margin-bottom:10px; border-top:1px solid #1b628d; border-bottom:1px solid #49a6dc}

#site-busca {float: left; width: calc(100% - 300px); text-align: center}
#site-busca .centraliza-busca{display: inline-block; float:left; width: calc(100% - 10px); margin-left: 5px; margin-right: 5px; max-width: 1200px; height: calc(100% - 40px); background: #ffffff; margin-top: 40px}
#site-busca .cont-pesquisa{float: left; width: 100%}
#site-busca .pesquisa-resultado{float:left; width:100%; text-align:left}
#site-busca .busca-titulo{float: left; width: 100%; margin-top:20px; text-align: left; color: #268ECC; font-size: 24px; padding-bottom: 8px; border-bottom: 2px solid #268ECC; margin-bottom: 30px}
#site-busca .cont-resultado{float:left; width:calc(100% - 12px); border:1px solid #ddd; margin-top:10px; padding:5px}
#site-busca .div-sem-foto{background: url('https://www.cobra.org.br/banco_imagens/fotos/sem-imagem.jpg') no-repeat center center; background-size: cover; float: left; width: 150px; height: 100px; margin-right: 15px; text-align: center}
#site-busca .resultado-busca-titulo{float: left; width: calc(100% - 165px); text-align: left; font-size: 14px; color: #666666; font-weight: 600; margin-bottom: 10px}
#site-busca .noticia-conteudo{float: left; width: calc(100% - 165px); cursor: pointer; text-align: left; font-size: 13px; color: #666666; margin-bottom: 10px; text-overflow:ellipsis; overflow:hidden}
#site-busca .cont-ajuda{float: left; width:100%}
#site-busca .cont-resultado-ajuda{float: left; width:100%; margin-top: -15px; text-align: left}
#site-busca .blocos-busca{float: left; width: calc(100% - 15px); margin-left: 15px}
#site-busca .blocos-titulo{float: left; width: 100%; font-size: 17px; font-weight: 600; color: #278FCC; margin-bottom: 8px}
#site-busca .sub-categoria{width:calc(100% - 10px); float:left; margin-left:10px; margin-top:10px}
#site-busca .conteudo-texto-busca{float: left; width: calc(100% - 15px); cursor: pointer; padding-left:10px; text-align: left; font-size: 13px; color: #666666; margin-bottom: 10px; text-overflow:ellipsis; overflow:hidden}

#Calendario {float:left;width:350px;margin-right:20px}
#Calendario .DivCalTitulo {float:left;width:100%;background-color:#333333;border-radius:6px 6px 0px 0px;-webkit-border-radius:6px 6px 0px 0px;-moz-border-radius:6px 6px 0px 0px;text-align:center;padding-top:10px;padding-bottom:10px}
#Calendario .DivCalTitulo2 {display:inline-block;font-size:14px;font-family:Open Sans,arial;font-weight:700;color:#FFFFFF}
#Calendario .DivCalSetaE {float:left;margin-left:5px;cursor:pointer}
#Calendario .DivCalSetaD {float:right;margin-right:5px;cursor:pointer}
#Calendario .DivCalSemana {float:left;width:calc(100% + 5px);margin-left:-5px;margin-top:4px}
#Calendario .DivCalSemana1 {float:left;width:calc(14.28% - 5px);margin-left:5px;background-color:#DDDDDD;padding-top:8px;padding-bottom:8px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px}
#Calendario .DivCalDias {float:left;width:calc(100% + 5px);margin-left:-5px}
#Calendario .DivCalDias1 {float:left;width:calc(14.28% - 7px);margin-left:5px;background-color:#FFFFFF;border:1px solid #DDDDDD;padding-top:8px;padding-bottom:8px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;margin-top:4px}
#Calendario .DivCalDias2 {background-color:#FFFFBB}
#Calendario .DivCalDiasEvento {background-color:#c7e4f4}
#Calendario .DivCalDiasCompeticao {background-color:#f4e993}
#Calendario .DivCalDiasAmbos {background-color:#92e294}
#Calendario .DivCalDias3 {background-color:#DFDFDF}

#CalendarioLista {float:left;width:calc(100% - 370px)}
#CalendarioLista .DivCalTitulo {float:left;width:100%;background-color:#333;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;text-align:center;padding-top:10px;padding-bottom:10px;font-size:14px;font-family:Open Sans,arial;font-weight:700;color:#FFFFFF}
#CalendarioLista .DivCalDescricao {float:left;width:calc(100% - 22px);margin-top:4px;text-align:left;padding:10px;border:1px solid #EEEEEE;line-height:21px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px}
#CalendarioLista .DivCalDescricao2 {background-color:#FAFAFA}
#CalendarioLista .DivCalPontuacao1 {font-size:12px;font-family:arial,verdana;color:#FF0000}
#CalendarioLista .DivCalPontuacao2 {font-size:12px;font-family:arial,verdana;color:#009900}
#CalendarioLista .DivCalImagem {float:right;margin-left:10px;margin-top: 40px; margin-right: -62px;}
#CalendarioLista .DivCalImagem2 {width:160px;height:36px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background-color:#DDDDDD;color:#404040;cursor:pointer;border:0px;font-size:11px}
#CalendarioLista .DivCalSemResul {float:left;width:calc(100% - 22px);margin-top:4px;text-align:center;padding:10px;padding-top:30px;padding-bottom:30px;border:1px solid #EEEEEE;line-height:21px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;background-color:#FAFAFA}


/*============================ TOPO ============================*/
#Topo {float:left; width: 100%; text-align:center; background:#d8d8d8}
#Topo .Centralizar {display:inline-block; width:100%; height:100%; max-width: 1200px}

#Topo .Linha1 {float:left; width:100%; height:155px; background:#FFFFFF}
#Topo .Linha2 {float:left; width:100%; height:60px; background:#278FCC}

#Topo .Logotipo {float:left; width:230px; text-align:left;}
#Topo .Logotipo img {width:207px; height:185px}
#Topo .LogotipoPosicao {position:absolute; left:0px; top:14px}
#Topo .LogotipoPosicaoFAI {position:absolute; left:230px; top:14px}

#Topo .BlocoLogin {float:right; height:100%; max-width:500px}
#Topo .Linha1_ {float:right; width:100%; margin-top:20px}
#Topo .Texto {float:left; font-size:13px; color:#666666; margin-right:20px; margin-top:5px}
#Topo .Botao1 {float:left; margin-right:3px; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;}
#Topo .Botao1:hover {opacity:0.70}
#Topo .Botao2 {float:left;; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;}
#Topo .Botao2:hover {opacity:0.70}
#Topo .Botao1_ {float:left; margin-right:3px; display:none; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;}
#Topo .Botao1_:hover {opacity:0.70}
#Topo .Botao2_ {float:left;display:none; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;}
#Topo .Botao2_:hover {opacity:0.70}
#Topo .Linha2_ {float:left; width:100%; max-width:500px; margin-bottom:20px; margin-top:20px}
#Topo .Busca {float:left; width:calc(100% - 12px); margin-right:12px}
#Topo .Busca input {float:left; width:calc(100% - 10px); height:45px; padding-left:10px; border:1px solid #E9E9E9; background:#F7F7F7; color:#878787; font-size:13px; border-radius:5px;}

#Topo .Menu {float:left; width:calc(100% - 230px);margin-left:230px; height:60px; text-align:left}
#Topo .LinkMenu {cursor:pointer; float:left; text-align:left; color:#FFFFFF; height:100%; display:table; font-size:18px; font-weight:300; padding-left:8px; padding-right:8px; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;}
#Topo .LinkMenu:hover {background:#363636; color:#ffffff} 
#Topo .LinkMenu:hover .SubMenu {display:inline}

#Topo .SubMenu {float:left; text-align:left; width:250px; background:#363636; border-top:1px solid #e6e6e6; display:none}
#Topo .SubMenuLink {float:left; display:table; width:calc(100% - 10px); text-align:left; cursor:pointer; height:48px; border-bottom:1px solid #e6e6e6; padding-left:10px; font-size:15px; color:#ffffff} 
#Topo .SubMenuLink:hover {background:#278FCC; color:#ffffff} 

#Topo .BuscaMobile {display:none; float:right; width:calc(100% - 120px);margin-right:10px; height:calc(100% - 18px); margin-top:8px; margin-bottom:10px; }
#Topo .BuscaMobile input {float:left; width:calc(100% - 70px); padding-left:10px; border:1px solid #E9E9E9; background:#F7F7F7; color:#878787; font-size:13px; border-radius:5px;}

/*============================ TOPO  FIXO============================*/
#TopoFixo {float:left; width: 100%; text-align:center; position:fixed; background:#d8d8d8}
#TopoFixo .Centralizar {display:inline-block; width:100%; height:100%; max-width: 1200px}
/**/
.topoFixo1{z-index:-999; opacity:0}
/*.topoFixo2{display:inline}*/

#TopoFixo .Linha1 {float:left; width:100%; height:40px; background:#FFFFFF}
#TopoFixo .Linha2 {float:left; width:100%; height:60px; background:#278FCC}

#TopoFixo .Logotipo {float:left; width:230px; text-align:left;}
#TopoFixo .Logotipo img {width:207px; transition:0.3s}
#TopoFixo .LogotipoPosicao {position:absolute; left:60px; top:2px}

#TopoFixo .BlocoLogin {float:right; height:100%; max-width:500px}
#TopoFixo .Linha1_ {float:right; width:100%; margin-top:20px}
#TopoFixo .Texto {float:left; font-size:13px; color:#666666; margin-right:20px; margin-top:5px}
#TopoFixo .Botao1 {float:left; margin-right:3px; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;}
#TopoFixo .Botao1:hover {opacity:0.70}
#TopoFixo .Botao2 {float:left;; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;}
#TopoFixo .Botao2:hover {opacity:0.70}
#TopoFixo .Botao1_ {float:left; margin-right:3px; display:none; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;}
#TopoFixo .Botao1_:hover {opacity:0.70}
#TopoFixo .Botao2_ {float:left;display:none; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;}
#TopoFixo .Botao2_:hover {opacity:0.70}
#TopoFixo .Linha2_ {float:left; width:100%; max-width:500px; margin-bottom:20px; margin-top:20px}
#TopoFixo .Busca {float:left; width:calc(100% - 12px); margin-right:12px}
#TopoFixo .Busca input {float:left; width:calc(100% - 10px); height:45px; padding-left:10px; border:1px solid #E9E9E9; background:#F7F7F7; color:#878787; font-size:13px; border-radius:5px;}

#TopoFixo .Menu {float:left; width:calc(100% - 230px);margin-left:230px; height:60px; text-align:left}
#TopoFixo .LinkMenu {cursor:pointer; float:left; text-align:left; color:#FFFFFF; height:100%; display:table; font-size:18px; font-weight:300; padding-left:8px; padding-right:8px; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;}
#TopoFixo .LinkMenu:hover {background:#363636; color:#ffffff} 
#TopoFixo .LinkMenu:hover .SubMenu {display:inline}

#TopoFixo .SubMenu {float:left; text-align:left; width:250px; background:#363636; border-top:1px solid #e6e6e6; display:none}
#TopoFixo .SubMenuLink {float:left; display:table; width:calc(100% - 10px); text-align:left; cursor:pointer; height:48px; border-bottom:1px solid #e6e6e6; padding-left:10px; font-size:15px; color:#ffffff} 
#TopoFixo .SubMenuLink:hover {background:#278FCC; color:#ffffff} 

#TopoFixo .BuscaMobile {display:none; float:right; width:calc(100% - 120px);margin-right:10px; height:calc(100% - 18px); margin-top:8px; margin-bottom:10px; }
#TopoFixo .BuscaMobile input {float:left; width:calc(100% - 70px); padding-left:10px; border:1px solid #E9E9E9; background:#F7F7F7; color:#878787; font-size:13px; border-radius:5px;}


/*========================== CONTEUDO ==========================*/
#Conteudo {float:left; width:100%;  text-align:center}
#Conteudo .Centralizar {display:inline-block; width:calc(100% - 10px); margin-left:5px; margin-right:5px;  max-width: 1200px; height:calc(100% - 40px); background:#ffffff;}

/*========================== LATERAL ==========================*/
#Lateral {float:left; width:260px; margin-left:40px}
#Lateral .TituloLateral {float:left; width:100%; text-align:left; margin-bottom:5px; font-size:18px; color:#444444; margin-top:20px}
#Lateral .BotaoLateral {float:left; width:100%;}
#Lateral .BotaoLateral input {float:left; width:100%; height:40px; background:#278FCC; color:#FFFFFF; font-size:11px; font-weight:600; border:0px; text-align:center; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;}
#Lateral .BotaoLateral input:hover {background:#727272}

#Lateral .Calendario {float:left; width:100%; margin-bottom:30px}
#Lateral .BlocosCalendario {float:left; width:calc(100% - 30px); padding:15px; font-size:18px; color:#444444; cursor:pointer; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;}
#Lateral .BlocosCalendario:hover {opacity:0.8;}
#Lateral .Data1Calendario {float:left; color:#DBC215; font-size:36px}
#Lateral .Data1Calendario_ {float:left; color:#278FCC; font-size:36px}
#Lateral .Data2Calendario {float:left; color:#DBC215; font-size:15px}
#Lateral .Data2Calendario_ {float:left; color:#278FCC; font-size:15px}
#Lateral .ConteudoCalendario {float:left; width:calc(100% - 90px); text-align:left; margin-left:15px; color:#878787; font-size:12px}
#Lateral .LinhaCalendario {float:left; width:100%; text-align:left; height:1px; border-bottom:1px solid #EAEAEA}

#Lateral .Ranking {float:left; width:100%; margin-bottom:30px}
#Lateral .SelectRanking {float:left; width:100%;}
#Lateral .SelectRanking select {float:left; width:100%; padding-left:10px; border:1px solid #DDDDDD; background:#FFFFFF; height:40px;font-size:12px; color:#666666}
#Lateral .BlocoRanking {float:left; width:calc(100% - 2px); border:1px solid #DDDDDD; border-top:0px; height:40px}
#Lateral .NumeroRanking {float:left; width:40px; height:100%; border-right:1px solid #DDDDDD; display:table; font-size:13px; color:#444444}
#Lateral .NomeRanking {float:left; width:calc(100% - 56px); text-align:left; margin-left:15px; height:100%; display:table; font-size:11px; color:#888888}

#Lateral .Cotacao {float:left; width:100%; margin-bottom:30px}
#Lateral .ConteudoCotacao {float:left; width:calc(100% - 32px); border:1px solid #EAEAEA; height:110px; padding:15px}

#Lateral .Clima {float:left; width:100%; margin-bottom:30px}
#Lateral .ConteudoClima {float:left; width:calc(100% - 32px); border:1px solid #EAEAEA; height:330px; padding:15px}

#Lateral .AppCobra {float:left; width:calc(100% - 32px); padding:15px; border:1px solid #EAEAEA; background:#F9F9F9; margin-bottom:30px}
#Lateral .TextoApp {display:inline-block; width:100%; margin-bottom:20px; text-align:center; font-size:15px; color:#666666;}
#Lateral .BotaoApp {display:inline-block; float:left; width:50%; text-align:center}
#Lateral .BotaoApp input { width:110px; height:45px; text-align:center; border-radius:3px; font-size:15px; color:#FFFFFF; font-weight:600; border:0px;  background:#000; background-image:url('')}
#Lateral .contImgAndroid {position:relative; width:39px; height:46px}
#Lateral .contImgApple {position:relative; width:50px; height:44px}
#Lateral .ImgAlign {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}

#Lateral .AppCobra2 {float:left; width:calc(100% - 32px); padding:15px; border:1px solid #EAEAEA; background:#F9F9F9; margin-bottom:30px; display:none}
#Lateral .TextoApp {display:inline-block; width:100%; margin-bottom:20px; text-align:center; font-size:15px; color:#666666;}
#Lateral .TextoApp2 {position:absolute; top:9px; left:81px; color:#FFF}
#Lateral .BotaoApp2 {display:inline-block; width:208px; height:56px; border-radius:7px; background-color:#000000; background-image:url(''); position:relative; cursor:pointer}
#Lateral .contImgAndroid2 {position:absolute; top:8px; left:25px;}
#Lateral .contImgApple2 {position:absolute; top:7px; left:25px;}

#Lateral .Pedido {float:left; width:calc(100% - 32px); padding:15px; border:1px solid #EAEAEA; background:#F9F9F9; margin-bottom:30px}
#Lateral .ImagemPedido {display:inline-block; width:100%; margin-bottom:20px; text-align:center}
#Lateral .NomePedido {display:inline-block; width:100%; margin-bottom:20px; text-align:center; font-size:15px; color:#666666;}
#Lateral .BotaoPedido {display:inline-block; width:100%; text-align:center;}
#Lateral .BotaoPedido input { width:140px; height:45px; text-align:center; border-radius:3px; font-size:13px; color:#FFFFFF; font-weight:600; border:0px; background:#FF8000}

#Lateral .Etapas {float:left; width:calc(100% - 32px); padding:15px; border:1px solid #EAEAEA; background:#F9F9F9; margin-bottom:30px}
#Lateral .ImagemEtapas {display:inline-block; width:100%; margin-bottom:20px; text-align:center}
#Lateral .BotaoEtapas {display:inline-block; width:100%; text-align:center;}
#Lateral .BotaoEtapas input { width:140px; height:45px; text-align:center; border-radius:3px; font-size:13px; color:#FFFFFF; font-weight:600; border:0px; background:#268ECC}

#Lateral .Publicidade1 {float:left; width:calc(100% - 32px); padding:15px; border:1px solid #EAEAEA; margin-bottom:30px}
#Lateral .ImagemP1 {display:inline-block; width:100%; text-align:center}

#Lateral .Publicidade {float:left; width:100%; margin-bottom:30px}
#Lateral .ImagemP {display:inline-block; width:100%; text-align:center}


/*========================== HOME ==========================*/
#Home {float:left; width:calc(100% - 300px)} 
.BR {display:inline}
.BR2 {display:inline}

#NoticiasCobra {float:left; width:100%; margin-bottom:50px} 
#NoticiasCobra .TituloPagina{float: left; width: 100%; text-align: left; color: #268ECC; font-size: 24px; padding-bottom: 8px; border-bottom: 2px solid #268ECC; margin-top:25px} 
#NoticiasCobra .BlocoPrincipal {float:left; width:calc(100% + 30px); margin-left:-30px}
#NoticiasCobra .Blocos {float:left; width:calc(100% - 30px); margin-left:30px; margin-top:20px}
#NoticiasCobra .BlocosPrincipais {float:left; width:calc(50% - 30px); margin-left:30px; margin-top:20px}
#NoticiasCobra .ImagemPrincipal {float:left; width:400px; height:220px; margin-right:25px; text-align:center;}
#NoticiasCobra .Titulo {float:left; width:100%; text-align:left; font-size:23px; color:#4c4c4c; font-weight:600; margin-bottom:10px}
#NoticiasCobra .Data {float: left; width:100%; text-align: left; font-size: 12px; color: #8d8d8d; margin-bottom: 10px; margin-top:-8px}
#NoticiasCobra .Conteudo1 {float:left; width:100%; cursor:pointer; text-align:left; font-size:14px; color:#000000; margin-bottom:10px}
#NoticiasCobra .Conteudo1:hover {text-decoration:underline}
/*#NoticiasCobra .Titulo {float:left; width:calc(100% - 425px); text-align:left; font-size:23px; color:#4c4c4c; font-weight:600; margin-bottom:10px}*/
/*#NoticiasCobra .Data {float: left; width: calc(100% - 515px); text-align: left; font-size: 12px; color: #8d8d8d; margin-bottom: 10px; margin-top:-8px}*/
/*#NoticiasCobra .Conteudo1 {float:left; width:calc(100% - 425px); cursor:pointer; text-align:left; font-size:14px; color:#000000; margin-bottom:10px}*/
#NoticiasCobra .Conteudo2 {float:left; width:calc(50% - 20px); cursor:pointer; text-align:left; font-size:14px; color:#000000; margin-bottom:10px; margin-right:20px}
#NoticiasCobra .Conteudo2:hover {text-decoration:underline; color:#268ECC}
#NoticiasCobra .Linha {float:left; width:100%; height:1px; border-top:1px dotted #CCCCCC; margin-bottom:10px}
#NoticiasCobra .VerMais {float:left; cursor:pointer; width:100%; text-align:right; font-size:13px; color:#333333; font-weight:bold; text-decoration:underline}

#EventosCampeonatos {float:left; width:100%; margin-bottom:50px} 
#EventosCampeonatos .TituloPagina {float:left; width:100%; text-align:left; color:#333333; font-size:24px; padding-bottom:8px; border-bottom:2px solid #333333; margin-bottom:30px}
#EventosCampeonatos .BlocoPrincipal {float:left; width:calc(100% + 30px); margin-left:-30px}
#EventosCampeonatos .Blocos {float:left; width:calc(33.3% - 30px); margin-left:30px; margin-bottom:40px; cursor:pointer;}
#EventosCampeonatos .Blocos:hover {opacity:0.8;}
#EventosCampeonatos .Imagem {float:left; width:100%; height:160px; margin-bottom:10px}
#EventosCampeonatos .Titulo {float:left; text-align:left; width:100%; height:20px; font-size:14px; font-weight:600; color:#268ECC; /*color:#666666*/}
#EventosCampeonatos .Chamada {float:left; text-align:left; width:100%; height:35px; font-size:13px; color:#666666}
#EventosCampeonatos .VerMais {float:left; display:table; font-size:10px; color:#888888; font-weight:600; width:calc(100% - 62px); margin-left:18px; padding:20px; border:1px solid #DDDDDD; background:#F9F9F9}
#EventosCampeonatos .VerMais:hover {background: #eaeaea; border: 1px solid #dddddd;}

#FotosVideos {float:left; width:100%; margin-bottom:50px} 
#FotosVideos .TituloPagina {float:left; width:100%; text-align:left; color:#268ECC; font-size:24px; padding-bottom:8px; border-bottom:2px solid #268ECC; margin-bottom:30px}
#FotosVideos .BlocoPrincipal {float:left; width:calc(100% + 30px); margin-left:-30px}
#FotosVideos .Blocos {float:left; width:calc(50% - 30px); margin-left:30px}
#FotosVideos .Galeria {float:left; width:100%;  text-align:center}
#FotosVideos .BlocoVideo {float:left; width:25%; margin-bottom:15px}
#FotosVideos a {color:#878787;text-decoration:none;}
#FotosVideos .ImagemVideo {float:left; width:210px; margin-right:15px; text-align:center}
#FotosVideos .ConteudoVideo {float:left; width:calc(100% - 15px); padding-top:20px; text-align:left; font-size:14px; color:#878787;}
#FotosVideos .Legenda {float:left;width:100%;height:60px;background:rgba(0, 0, 0, 0.50);display:table;position:absolute;bottom:0;color:#ffffff;}
#FotosVideos .VerMais {float:left;display:table;font-size:12px;color:#333333;font-weight:600;width:calc(100% - 42px);margin-top:5px;padding:20px;border:1px solid #DDDDDD;background:#F9F9F9;}
#FotosVideos .VerMais:hover {background:#eaeaea;border: 1px solid #dddddd;}

#Videos {float: left;  width: 100%; margin-bottom: 50px}
#Videos .Titulo {float: left; width: 100%; text-align: left; color: #268ECC; font-size: 24px; padding-bottom: 8px; border-bottom: 2px solid #268ECC; margin-bottom: 30px}
#Videos .cont-videos {float: left; width: 25%; margin-bottom: 15px}
#Videos .imagem-video {float: left; width: 210px; margin-right: 15px; text-align: center}
#Videos .play-video {position:relative;margin-top:-100px;}
#Videos .titulo-video {float: left; width: calc(100% - 15px); padding-top: 20px; text-align: left; font-size: 14px; color: #878787}
#Videos a {color: #878787; text-decoration: none}

#Eventos {float: left;  width: 100%; margin-bottom: 50px}
#Eventos .Titulo {float: left; width: 100%; text-align: left; color: #268ECC; font-size: 24px; padding-bottom: 8px; border-bottom: 2px solid #268ECC; margin-bottom: 30px}
#Eventos .cont-eventos {float: left; width: 25%; margin-bottom: 15px}
#Eventos .imagem-eventos {float: left; width: 210px; margin-right: 15px; text-align: center}
#Eventos .titulo-eventos {float: left; width: calc(100% - 15px); padding-top: 20px; text-align: left; font-size: 14px; color: #878787}

#Ajuda {float:left; width:100% ; margin-bottom:50px} 
#Ajuda .TituloPagina {float:left; width:100%; text-align:left; color:#268ECC; font-size:24px; padding-bottom:8px; border-bottom:2px solid #268ECC; margin-bottom:30px}
#Ajuda .BlocoPrincipal {float:left;  width:calc(100% + 15px); margin-left:-15px}
#Ajuda .Blocos {float:left; width:calc(16.6% - 15px); margin-left:15px; text-align:center; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;}
#Ajuda .Imagem {display:inline-block; width:100%; margin-bottom:10px; width:110px; display:inline-block; height:110px; border-radius:100%; background:#FBFBFB; border:1px solid #DDDDDD}
#Ajuda .Imagem2 {text-align:center;  cursor:pointer; display:table; width:100%; height:100%}
#Ajuda .Titulo {float:left; text-align:center; cursor:pointer; width:100%; font-size:17px; font-weight:600; color:#278FCC; margin-bottom:8px}
#Ajuda .Chamada {float:left; text-align:center;  cursor:pointer; width:100%; height:35px; font-size:13px; color:#858585}
#Ajuda .Blocos:hover .Imagem {filter:alpha(opacity=80);opacity:.8}
#Ajuda .Blocos:hover .Titulo {filter:alpha(opacity=80);opacity:.8}
#Ajuda .Blocos:hover .Chamada {text-decoration:underline}

#BlocodeHistorias {float:left; width:100%; margin-bottom:50px} 
#BlocodeHistorias .BlocoPrincipal {float:left; width:calc(100% + 30px); margin-left:-30px}
#BlocodeHistorias .Blocos {float:left; width:calc(33.3% - 30px); margin-left:30px}
#BlocodeHistorias .Titulo1 {float:left; width:100%; text-align:left; color:#268ECC; font-size:24px; padding-bottom:8px; border-bottom:2px solid #268ECC; margin-bottom:20px}
#BlocodeHistorias .Titulo2 {float:left; width:100%; text-align:left; color:#666666; font-size:24px; padding-bottom:8px; border-bottom:2px solid #666666; margin-bottom:20px}
#BlocodeHistorias .Conteudo {float:left; width:100%; cursor:pointer; text-align:left; font-size:14px; color:#666666; margin-bottom:10px}
#BlocodeHistorias .Conteudo:hover {text-decoration:underline}
#BlocodeHistorias .Linha {float:left; width:100%; height:1px; border-top:1px dotted #CCCCCC; margin-bottom:10px}
#BlocodeHistorias .VerMais {float:left; cursor:pointer; width:100%; text-align:left; font-size:13px; color:#333333; text-decoration:underline}


#BlocosTextos {float:left; width:100%; margin-bottom:50px} 
#BlocosTextos .TituloPagina {float:left; width:100%; text-align:left; color:#268ECC; font-size:24px; padding-bottom:8px; border-bottom:2px solid #268ECC; margin-bottom:20px}
#BlocosTextos .BlocoPrincipal {float:left; width:100%}
#BlocosTextos .Blocos {float:left; width:100%}
#BlocosTextos .Conteudo {float:left; cursor:pointer; width:100%; text-align:left; font-size:14px; color:#666666; margin-bottom:10px}
#BlocosTextos .Conteudo:hover {text-decoration:underline}
#BlocosTextos .Linha {float:left; width:100%; height:1px; border-top:1px dotted #CCCCCC; margin-bottom:10px}
#BlocosTextos .VerMais {float:left; cursor:pointer;width:100%; text-align:left; font-size:13px; color:#333333; text-decoration:underline}

#PublicidadeConteudo {float:left; width:100%; height:90px; margin-bottom:50px}
#PublicidadeConteudo .TituloPagina {width:100%; text-align:left; color:#268ECC; font-size:24px; padding-bottom:8px; border-bottom:2px solid #268ECC; margin-bottom:20px}
#PublicidadeConteudo .BlocoParceiro{min-height: 200px;float: left;width: 260px;background-color: #7F7F7F; border: 1px solid #D3D3D3; margin-left: 15px; margin-bottom: 15px;}
#PublicidadeConteudo .CapaParceiro{width:100%; min-height:200px; background-size:cover; background-position: center center;}
#PublicidadeConteudo .ChamadaParceiro{padding:15px; height:70px; background-color: #F3F3F3;}
#PublicidadeConteudo .LinkParceiro{width:100%; padding:10px 0px;cursor: pointer; background-color: #278FCC; color: #FFF; font-weight: 700;line-height:30px;}

#Categorias {float:left; width:100%; margin-bottom:50px}
#Categorias .TituloPagina {float:left; width:100%; text-align:left; color:#268ECC; font-size:24px; padding-bottom:8px; border-bottom:2px solid #268ECC; margin-bottom:30px}
#Categorias .BlocoPrincipalCat {float:left; width:calc(100% + 30px); margin-left:-30px}
#Categorias .BlocosCat {float:left; width:calc(33.3% - 32px); height:140px; margin-left:30px; border:1px solid #EAEAEA; margin-bottom:30px}
#Categorias .BlocosCat:hover {opacity:0.80}
#Categorias .ImagemCat {display:inline-block; width:100%; height:100%; text-align:center}



/*========================== INSTITUCIONAL ==========================*/
#Institucional {float:left; width:calc(100% - 300px); margin-bottom:40px}
#Institucional .Titulo {float:left; margin-top:10px; width:100%; text-align:left; font-size:16px; font-weight:600; color:#595959}
#Institucional .Titulo2 {float:left; margin-top:10px; width:100%; text-align:left; font-size:15px; color:#595959; font-weight:600}
#Institucional .Conteudo {float:left; margin-top:10px; width:calc(100% - 300px); margin-left:10px; text-align:left; font-size:14px; color:#595959; margin-bottom:30px}
#Institucional .ConteudoClubes {float:left; margin-top:10px; width:100%; margin-left:10px; text-align:left; font-size:14px; color:#595959; margin-bottom:30px}
#Institucional .Conteudo2 {float:left; margin-top:5px; width:100%; text-align:left; font-size:14px; color:#595959; margin-bottom:10px}
#Institucional .LinhasConteudo {cursor:pointer; float:left; padding-top:10px; padding-bottom:10px; width:100%; text-align:left; font-size:14px; color:#595959;}
#Institucional .LinhasConteudo:hover {background:#eeeeee}
#Institucional .Linha {float:left; width:100%; height:1px; border-top:1px dotted #cccccc; }
#Institucional a {text-decoration:none; color:#2f8fc9}
#Institucional a:hover {text-decoration:underline}
#Institucional .BlocoNoticias {float:left; width:100%}
#Institucional .BlocoNoticias:hover {opacity:0.80}

#Institucional .CategoriaDiretoria {float:left; font-weight:600; font-size:15px; color:#595959; background:#f5f5f5; text-align:left; width:calc(100% - 5px); padding-left:5px; padding:10px; padding-right:0px}
#Institucional .SubCategoriaDiretoria {float:left; margin-top:10px;font-weight:600; font-size:15px; color:#595959; width:calc(100% - 5px); padding-left:5px; text-align:left; }
#Institucional .Diretoria {float:left; padding-top:10px; padding-bottom:10px; padding-left:5px; width:calc(100% - 5px); text-align:left; font-size:14px; color:#595959; }
#Institucional .Diretoria:hover {background:#eeeeee}
#Institucional .DiretoriaNome {float:left; width:50%;}
#Institucional .DiretoriaBra {float:left; width:20%;}
#Institucional .DiretoriaEmail {float:left; width:30%;}

#Institucional .BlocoVideo {float:left; width:calc(33.33% - 15px); margin-bottom:15px; margin-right:15px;}
#Institucional .ImagemVideo {float:left; width:260px; margin-right:15px; text-align:center}
#Institucional .ConteudoVideo {float:left; width:calc(100% - 20px); padding-top:20px; text-align:left; font-size:14px; color:#878787;}
#Institucional .VerMais {float:left;display:table;font-size:10px;color:#888888;font-weight:600;width:calc(100% - 42px);margin-top:5px;padding:20px;border:1px solid #DDDDDD;background:#F9F9F9;}

#Institucional .Galeria2 {float:left;width:calc(33.3% - 15px);height:200px;position:relative;margin-right:15px;margin-bottom:15px;-o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;}
#Institucional .Galeria2:hover {opacity:0.70}
#Institucional .Galeria {float:left;width:calc(33.3% - 15px);height:280px; cursor:pointer; position:relative;margin-right:15px;margin-bottom:15px;-o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;}
#Institucional .Galeria:hover {opacity:0.70}
#Institucional .GaleriaDetalhes {float:left;width:calc(25% - 15px);height:200px;position:relative;margin-right:15px;margin-bottom:15px; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;;}
#Institucional .GaleriaDetalhes:hover {opacity:0.70}
#Institucional .Legenda {float:left;width:100%;height:60px;background:rgba(0, 0, 0, 0.50);display:table;position:absolute;bottom:0;color:#ffffff;text-align:center;}
#Institucional .GaleriaImagem {display:inline-block;margin-right:5px;margin-bottom:5px;}

#Institucional .FotoNoticia {float:left; width:280px; height:200px}
#Institucional .facebook {float:right;text-align:right;width:100%;height:100%; margin-top:15px;cursor:pointer;}

#Institucional .Input {float:left; width:48%; text-align:left; margin-bottom:15px}
#Institucional .Input input {float:left;width:calc(100% - 12px);height:40px;padding-left:10px;border:1px solid #dcdcdc;color:#7a7a7a;font-size:13px;border-radius:5px;}
#Institucional .BotaoEnviar {float:left;width:160px;height:40px;line-height:40px;text-align:center;background:#278fcc;color:#ffffff;cursor:pointer;}
#Institucional .BotaoEnviar:hover {filter:alpha(opacity=80);opacity:.8}


#Institucional #PublicidadeConteudo .BlocoParceiro{min-height: 200px;float: left;width: 260px;background-color: #7F7F7F; border: 1px solid #D3D3D3; margin-left:15px;margin-bottom:15px;}
#Institucional #PublicidadeConteudo .CapaParceiro{width:100%; min-height:200px; background-size:cover; background-position: center center;}
#Institucional #PublicidadeConteudo .ChamadaParceiro{padding:15px; height:70px; background-color: #F3F3F3;}
#Institucional #PublicidadeConteudo .LinkParceiro{width:100%; padding:10px 0px;cursor: pointer; background-color: #278FCC; color:#FFF; font-weight: 700;line-height:30px;}

/*============================ RODAPE ===========================*/


/*============================ RODAPE ===========================*/
#Rodape {float:left; width: 100%; border-top:3px solid #268ECC; height:600px; text-align:center; background:#333333; margin-top:30px}
#Rodape .Centralizar {display:inline-block; width:calc(100% - 10px); margin-left:5px; margin-right:5px; max-width: 1200px; background-color:#333333; height:200px}

#Rodape .Titulo {float:left; text-align:left; width:100%; margin-bottom:25px; color:#268ECC; font-size:18px}
#Rodape .Textos {float:left; text-align:left; line-height:20px; color:#AAAAAA; font-size:14px}

#Rodape .Bloco1Principal {float:left; width:calc(43% - 0px); margin-top:45px}
#Rodape .Bloco2Principal {float:right; width:calc(55% - 0px); margin-top:45px}

#Rodape .Bloco1 {float:left; width:40%; }
#Rodape .Bloco2 {float:left; width:60%; }
#Rodape .Bloco2_1 {float:left; width:100%; margin-bottom:30px }
#Rodape .Bloco2_2 {float:left; width:100%}

#Rodape .Linha1 {float:left; width:100%; margin-bottom:25px}
#Rodape .Linha2 {float:left; width:100%; text-align:center}
#Rodape .Linha1_ {float:left; width:40%; }
#Rodape .Linha1_2 {float:left; width:calc(60% - 65px); margin-left:65px;  }
#Rodape .Linha1_3 {float:left; width:40%; margin-top:20px}
#Rodape .Linha1_4 {float:left; width:60%; margin-top:20px}

#Rodape .InputInformativo {float:left; width:100%; margin-top:5px; text-align:left; margin-bottom:5px}
#Rodape .InputInformativo input {float:left; width:calc(100% - 10px); padding-left:10px; text-align:left; border-radius:5px; border:0px; background:#666666; color:#FFFFFF; font-size:14px; height:40px; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;}
#Rodape .BotaoInformativo {float:left; width:100%; text-align:right; }
#Rodape .BotaoInformativo input {float:right; width:105px; text-align:center; border-radius:5px; border:0px; background:#268ECC; color:#FFFFFF; font-size:11px; height:40px; font-weight:500; cursor:pointer;}
#Rodape .BotaoInformativo input:hover {background:#727272}
#Rodape .sucesso-envio {float:left; display:none; width:100%; text-align:center; font-weight:600; font-size:15px; color:#aaaaaa; margin-top:30px}
#Rodape ::-webkit-input-placeholder {color: #fff}; :-moz-placeholder {color: #fff}; ::-moz-placeholder {color: #fff}; :-ms-input-placeholder {color: #fff}

#Rodape .Facebook {width:100%; background:#AAAAAA; height:100%; min-height:215px}

#Rodape .Cotacao {float:left; width:100%}
#Rodape .CotacaoImg {float:left; width:35px; margin-right:10px}
#Rodape .CotacaoTexto {float:left; width:calc(100% - 45px); font-size:13px}

#Rodape .Compartilhar {float:left; width:100%; text-align:right; font-size:18px}
#Rodape .Compartilhar img:hover {opacity:0.70}

#Rodape .Quadrado {float:left; width:calc(100% - 32px); padding:15px; font-size:13px; line-height:25px; border:1px solid #AAAAAA; text-align:center}

#Rodape .href {color:#AAAAAA; text-decoration:none}
#Rodape .href:hover {text-decoration:underline}

#Rodape .Evernet{float:right}


#CadastroAero .DivModalidadesCoberturas {width: 100%; float: left;}
#CadastroAero .DivModalidades {width: 35%; float: left;}
#CadastroAero .DivModalidadesConteudo {width: calc(100% - 22px); float: left; padding: 10px; background: #f5f5f5; border: 1px solid #f5f5f5;}
#CadastroAero .DivModalidadesMensagens {width: 100%; float: left; margin: 10px 0 0 0;}
#CadastroAero .DivModalidadesMensagensConteudo {display: none; font-size: 14px; font-family: arial,verdana; color: #DD0000; margin-bottom: 12px;}
#CadastroAero .DivTituloModalidadesCoberturas {width: 100%; float: left; margin: 0 0 12px 0; font-weight: bold; font-size: 16px;}
#CadastroAero .DivModalidadesItens {width: 100%; float: left;}
#CadastroAero .DivModalidadesItem {width: 100%; float: left; margin: 0 0 6px 0;}		
	
#CadastroAero .DivCoberturas {width: calc(65% - 40px); float: left; margin: 0 0 0 40px;}
#CadastroAero .DivCoberturasTitulo {width: 100%; float: left;}
#CadastroAero .DivCoberturasTituloCobertura {width: 198px; height: 36px; float: left; padding: 0 0 0 48px; font-weight: bold; line-height: 36px;}
#CadastroAero .DivCoberturasTituloValor {width: calc(100% - 246px); height: 36px; float: left; font-weight: bold; line-height: 36px;}
#CadastroAero .DivCoberturasItens {width: 100%; float: left;}	
#CadastroAero .DivCoberturasItem {width: 100%; float: left;}
#CadastroAero .DivCoberturasItemCaixaSelecao {width: 48px; height: 36px; float: left; line-height: 36px; text-align: center;}
#CadastroAero .DivCoberturasItemCobertura {width: 198px; height: 36px; float: left; line-height: 36px;}
#CadastroAero .DivCoberturasItemValor {width: calc(100% - 246px); height: 36px; float: left; line-height: 36px;}

/*=============================== RESPONSIVO ===============================*/
@media screen and (max-width: 1195px){
#Topo .Logotipo {width:210px}
#Topo .Menu {width:calc(100% - 210px);margin-left:210px}
}

@media screen and (max-width: 1170px){
#Topo .Logotipo {width:170px}
#Topo .Logotipo img {width:162px; height:145px}
#Topo .LogotipoPosicao {top:5px; left:5px}
#Topo .Menu {width:calc(100% - 30px);margin-left:30px}
#Topo .LinkMenu {margin-left:10px;padding-left:12px;padding-right:12px;}

#Videos .imagem-video {width:200px}
#Videos .play-video {margin-top:-103px;}

#Eventos .imagem-eventos {width:200px}
}
	

@media screen and (max-width: 1145px){
.BR {display:none}
}

@media screen and (max-width: 1105px){
#Topo .Menu {width:calc(100% - 20px);margin-left:20px}
#Topo .LinkMenu {margin-left:10px;padding-left:10px;}

#Videos .imagem-video {width:180px}
#Videos .play-video {margin-top:-93px;}

#Eventos .imagem-eventos {width:180px}
}

@media screen and (max-width: 1085px){
#site-busca{width:100%}

#Lateral {float:left; width:100%; margin-left:0px}
#Home {float:left; width:100%} 
#Institucional {float:left; width:100%} 
.BR {display:inline}

#Topo .Menu {width:calc(100% - 10px);margin-left:10px}
#Topo .LinkMenu {margin-left:0px;padding-left:8px;}

#NoticiasCobra .Conteudo2 {width: calc(50% - 100px)}
#NoticiasCobra .VerMais {width: calc(100% - 10px)}

#Videos .imagem-video {width:230px}
#Videos .play-video {margin-top:-110px;}

/* #PublicidadeConteudo {border:solid 1px #cccccc} */

#Eventos .imagem-eventos {width: 240px}

#Lateral .AppCobra{display:none}
#Lateral .AppCobra2{display:inline}
}

@media screen and (max-width: 1055px){
#Rodape .Bloco1Principal {width:calc(100% - 0px)}
#Rodape .Bloco2Principal {width:calc(100% - 0px)}
#Rodape .Bloco1 {float:left; width:50%; }
#Rodape .Bloco2 {float:left; width:50%; }
#Rodape {height:1000px}
##Rodape .DireitosReservados1 {display:none}

/* #PublicidadeConteudo {border:solid 1px #cccccc} */
}


@media screen and (max-width: 1000px){
#Topo .LinkMenu {display:none}
#Topo .Linha2_  {display:none}
#MenuMobile {display:inline}
#Topo .BuscaMobile {display:inline}
#Topo .Linha1_ {margin-top:10px; margin-right:3px}

/* #PublicidadeConteudo {border:solid 1px #cccccc} */

#Eventos .imagem-eventos {width: 230px}
}

@media screen and (max-width:980px){

/* #PublicidadeConteudo {margin-bottom:20px; border:solid 1px #cccccc} */
#NoticiasCobra .Conteudo2 {width: calc(50% - 70px)}
#Videos .imagem-video {width: 220px}
#BlocodeHistorias {margin-bottom:25px} 

}

@media screen and (max-width:954px){

/* #PublicidadeConteudo {margin-bottom:20px; border:solid 1px #cccccc} */
#BlocodeHistorias {margin-bottom:25px} 

#Eventos .imagem-eventos {width: 220px}

}

@media screen and (max-width:920px){

/* #PublicidadeConteudo {margin-bottom:20px; border:0px} */
#BlocodeHistorias {margin-bottom:25px} 

#NoticiasCobra .Conteudo2 {width: calc(50% - 50px)}
#Videos .imagem-video {width: 210px}
#Videos .play-video {margin-top: -100px}

#Eventos .imagem-eventos {width: 210px}
}

@media screen and (max-width:900px){

/* #PublicidadeConteudo {margin-bottom:20px; border:0px} */
#BlocodeHistorias {margin-bottom:25px} 

}

@media screen and (max-width:880px){

/* #PublicidadeConteudo {margin-bottom:20px; border:0px} */
#BlocodeHistorias {margin-bottom:25px} 

#NoticiasCobra .Conteudo2 {width: calc(50% - 30px)}
#Videos .imagem-video {width: 200px}

#Eventos .imagem-eventos {width: 200px}

}

@media screen and (max-width:862px){

/* #PublicidadeConteudo {margin-bottom:20px; border:0px} */
#BlocodeHistorias {margin-bottom:25px} 

}

@media screen and (max-width:845px){
.BR {display:none}

/* #PublicidadeConteudo {margin-bottom:20px; border:0px} */
#BlocodeHistorias {margin-bottom:20px} 

#NoticiasCobra .Conteudo2 {width: calc(50% - 20px)}
}

@media screen and (max-width:830px){
#natalmobile{display:inline}
#natal{display:none}

#Videos .imagem-video {width: 190px}
#Videos .play-video {margin-top: -93px}

#Eventos .imagem-eventos {width: 190px}
}

@media screen and (max-width:815px){
#Ajuda .Blocos {width:Calc(33.3% - 15px); margin-bottom:40px}
#Institucional .BlocoVideo {width:100%;margin-right:0px;}
#Institucional .Galeria {width:calc(100%);margin-right:0px;}

/* #PublicidadeConteudo {margin-bottom:20px; border:0px} */
#BlocodeHistorias {margin-bottom:0px} 
}


@media screen and (max-width: 780px){
.alfabeto_selecionado {width:30px}
.alfabeto {width:30px}

/* #PublicidadeConteudo {margin-bottom:20px; border:0px} */
#BlocodeHistorias {margin-bottom:0px} 

#NoticiasCobra .ImagemPrincipal {height:265px}
#NoticiasCobra .Conteudo2 {width: 30%}

#Videos .cont-videos{width:50%}
#Videos .imagem-video {width: 340px}
#Videos .play-video {margin-top: -149px}

#Eventos .imagem-eventos {width: 180px}

}

@media screen and (max-width: 777px){


/* #PublicidadeConteudo {margin-bottom:20px; border:0px} */
#BlocodeHistorias {margin-bottom:20px} 

}


@media screen and (max-width: 760px){
.BR2 {display:none}
#BlocodeHistorias .Blocos {width:calc(100% - 30px); margin-bottom:30px}

#Categorias .BlocosCat {width:calc(50% - 32px)}

#EventosCampeonatos .BlocoPrincipal {float:left; width:calc(100% + 20px); margin-left:-20px}
#EventosCampeonatos .Blocos {float:left; width:calc(50% - 20px); margin-left:20px}

#NoticiasCobra .Blocos {width:calc(100% - 30px);margin-bottom:30px}

/* #PublicidadeConteudo {margin-bottom:20px; border:0px} */
#BlocodeHistorias {margin-bottom:0px} 
}

@media screen and (max-width: 705px){
#BlocosTextos .Blocos {width:calc(100% - 30px); margin-bottom:30px}

/* #PublicidadeConteudo {margin-bottom:0px; border:0px} */
#BlocodeHistorias {margin-bottom:0px} 

/* #PublicidadeConteudo {margin-bottom:20px; border:0px} */
#BlocodeHistorias {margin-bottom:0px} 

#NoticiasCobra .ImagemPrincipal {width:100%}
/*#NoticiasCobra .Titulo {width:100%; margin-top:15px}*/
#NoticiasCobra .BlocosPrincipais {width:calc(100% - 30px)}
#NoticiasCobra .Conteudo1 {width:100%}

#Videos .imagem-video {width: 320px}
#Videos .play-video {margin-top: -138px}

#Eventos .imagem-eventos {width: 150px}
}


@media screen and (max-width: 690px){
#Institucional .Galeria2 {width:calc(50% - 15px)}

/* #PublicidadeConteudo {margin-bottom:0px; border:0px} */
#BlocodeHistorias {margin-bottom:0px} 
}

@media screen and (max-width: 680px){
#FotosVideos .Blocos {width:calc(100% - 30px); margin-bottom:40px}

#Topo .Botao1 {display:none}
#Topo .Botao2 {display:none}
#Topo .Botao1_ {display:inline}
#Topo .Botao2_ {display:inline}

/* #PublicidadeConteudo {margin-bottom:0px; border:0px} */
#BlocodeHistorias {margin-bottom:0px} 

#NoticiasCobra .Conteudo2 {width: 100%}
}

@media screen and (max-width: 657px){

#Topo .LogotipoPosicaoFAI {left: 185px}

/* #PublicidadeConteudo {margin-bottom:10px; border:0px} */
#BlocodeHistorias {margin-bottom:0px} 

#Videos .imagem-video {width: 300px}
}

@media screen and (max-width: 640px){

/* #PublicidadeConteudo {margin-bottom:20px; border:0px} */
#BlocodeHistorias {margin-bottom:0px} 

#Eventos .cont-eventos {width: 50%}
#Eventos .imagem-eventos {width: 290px}
}


@media screen and (max-width: 615px){
#Rodape .Linha1_ {width:100%; margin-bottom:20px}
#Rodape .Linha1_2 {width:calc(100% - 0px); margin-left:0px;  }
#Rodape .Linha1_3 {width:100%; margin-top:20px}
#Rodape .Linha1_4 {width:100%; margin-top:20px}
#Rodape .Compartilhar {text-align:left;}
#Rodape {height:1250px}

/* #PublicidadeConteudo {margin-bottom:0px; border:0px} */
#BlocodeHistorias {margin-bottom:0px} 

#Institucional .FotoNoticia {width:100%; height:200px}
#Institucional .Conteudo {width:100%}

#Videos .imagem-video {width: 280px}
#Eventos .imagem-eventos {width: 280px}
}

@media screen and (max-width: 600px){
#Topo .LogotipoPosicaoFAI {top:74px}
}

@media screen and (max-width:580px){
	#Institucional #PublicidadeConteudo .BlocoParceiro {width: calc(100% - 15px); max-width: 400px;}
}

@media screen and (max-width:540px){
#Rodape .Bloco1 {width:100%; margin-bottom:20px}
#Rodape .Bloco2 {width:100%; }
#Rodape {height:1750px}

#Topo .LogotipoPosicaoFAI {left:180px}

#Institucional .DiretoriaNome {float:left; width:50%;}
#Institucional .DiretoriaBra {float:left; width:50%;}
#Institucional .DiretoriaEmail {float:left; width:50%;}

/* #PublicidadeConteudo {margin-bottom:0px; border:0px} */
#BlocodeHistorias {margin-bottom:0px} 

#NoticiasCobra .Data {width:100%}

#Videos .imagem-video {width: 240px}
#Videos .play-video {margin-top: -112px}

#Eventos .imagem-eventos {width: 240px}
}

@media (max-width: 530px) {
	.Cartao__Campos2 {width: calc(50% - 20px);}
}

@media screen and (max-width:500px){

#Categorias .BlocoPrincipalCat {width:calc(100% + 20px); margin-left:-20px}
#Categorias .BlocosCat {width:calc(50% - 22px); margin-left:20px}

#Institucional .Galeria2 {width:calc(100% - 15px); height:310px}

/* #PublicidadeConteudo {margin-bottom:0px; border:0px} */
#BlocodeHistorias {margin-bottom:0px} 

#Videos .cont-videos {width: 100%}
#Videos .imagem-video {width: 100%}
#Videos .play-video {margin-top: -200px}

#Eventos .imagem-eventos {width: 230px}
}


@media screen and (max-width:495px){
#Rodape {height:1850px}

/* #PublicidadeConteudo {margin-bottom:0px; border:0px} */
#BlocodeHistorias {margin-bottom:0px} 

#Eventos .imagem-eventos {width: 220px}

#Lateral .AppCobra2 {display:none}
#Lateral .AppCobra {display:inline}
#Lateral .BotaoApp {width:45%}
#Lateral .BotaoApp input {width: 150px}
#Lateral .contImgAndroid {left: 46px}
#Lateral .contImgApple {left: 58px}
}

@media screen and (max-width:450px){

#Categorias .BlocosCat {width:calc(100% - 22px); margin-left:20px}

/* #PublicidadeConteudo {margin-bottom:0px; border:0px} */
#BlocodeHistorias {margin-bottom:0px} 

#Eventos .imagem-eventos {width: 200px}
}

@media screen and (max-width:438px){
#Lateral .contImgAndroid{left:16px}
#Lateral .contImgApple{left: 38px}
}

@media screen and (max-width:430px){
#Topo .Texto {display:none}

/* #PublicidadeConteudo {margin-bottom:0px; border:0px} */
#BlocodeHistorias {margin-bottom:0px} 

#Eventos .imagem-eventos {width: 190px}
}

@media (max-width: 420px) {
	.Cartao__Campos {width: calc(100% - 20px); margin: 12px 10px 0;}
}

@media screen and (max-width:415px){
#Ajuda .Blocos {width:Calc(100% - 15px)}

/* #PublicidadeConteudo {margin-bottom:10px} */

/* #PublicidadeConteudo {margin-bottom:0px; border:0px} */
#BlocodeHistorias {margin-bottom:0px} 
}

@media (max-width: 390px) {
	.Cartao__Campos2 {width: calc(100% - 20px);}
	.Cartao__Campos3 {width: calc(100% - 20px);}
}

@media screen and (max-width: 388px) {
#Lateral .contImgAndroid {left: 6px}
#Lateral .contImgApple {left: 28px;}
}

@media screen and (max-width:377px){
#Eventos .cont-eventos {width: 100%}
#Eventos .imagem-eventos {width:330px}
}

@media screen and (max-width:350px){
#Topo .LogotipoPosicaoFAI {top: 70px}

#Eventos .cont-eventos {width: 100%}
#Eventos .imagem-eventos {width:100%}
}

@media screen and (max-width: 345px) {
#Lateral .contImgAndroid {left: -5px}
#Lateral .contImgApple {left: 18px}
#Lateral .BotaoApp input {width: 142px}
}

@media screen and (max-width:330px){
#Topo .Linha1 {height:290px}
#Topo .Linha1_ {margin-top: 10px; margin-right: 47px;}
#Topo .LogotipoPosicao {top: 66px; left: 80px;}
#Topo .LogotipoPosicaoFAI {left:105px; top:227px}
#Topo .LogoFai {height:40px}
#Topo .LogoDecea {height:40px}
#Topo .LogoAnac {height:40px}
}

@media screen and (max-width:320px){

/* #PublicidadeConteudo {margin-bottom:0px; border:0px} */
#BlocodeHistorias {margin-bottom:0px} 

#natal{display:none}
#NoticiasCobra .ImagemPrincipal {width: 294px}
#NoticiasCobra .Conteudo1 {width: 285px}
#NoticiasCobra .Conteudo2 {width: 295px}
#Videos .play-video {margin-top: -140px}
#Eventos .imagem-eventos {width: calc(100% - 35px)}

#Institucional .FotoNoticia {width: 292px}
#Institucional .Conteudo {width: 285px}
#Institucional .facebook {text-align:left}
}