@charset "iso-8859-1";
/* CSS Document */

/*
==============================================================================================
*
* CSS RESET
*
==============================================================================================
*/

@import url("cssReset.css");

/*
==============================================================================================
*
* IMPORTANTO OUTRAS FOLHAS DE ESTILOS
*
==============================================================================================
*/

@import url("cssForms.css");
@import url("cssAlerts.css");
@import url("cssTextos.css");
@import url("cssTabelas.css?v=3");
@import url("cssListas.css");

@import url("cssToolTip.css");

/*
==============================================================================================
*
* IMPORTANTO CSS DAS PÁGINAS
*
==============================================================================================
*/

@import url("cssPaginaHome.css");
@import url("cssPaginaServicos.css");
@import url("cssPaginaContato.css");
@import url("cssPaginaDownloads.css");
@import url("cssPaginaInstitucional.css");
@import url("cssPaginaPlanos.css");
@import url("cssPaginaNoticias.css");

@import url("cssToolTip.css");

/*
==============================================================================================
*
* DEFININDO PADRÕES PARA OUTROS ELEMENTOS
*
==============================================================================================
*/

hr
{
	border: none;
	height: 1px; line-height: 1px;
	background: #CCC;
	margin-bottom: 5px;
	clear: both;
}

/*
==============================================================================================
*
* DEFININDO PADRÕES PARA >>>>>>  AMBIENTES <<<<<< COMUNS A TODAS AS PÁGINAS
*
==============================================================================================
*/

/*
* ============================================
* ESTILOS GERAIS
* ============================================
*/

@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700');

body{
	background: url(../img_antigo/topbar.png) repeat-x top 164px center, url(../img_antigo/bg.png) repeat-x top center fixed, #FFF;
}
body:before {
	content: "";
	position: absolute;
	background: #FFF;
	width: 100%;
	height: 164px;
	z-index: -1;
}

div#geral{
	width: 1000px;
	height: auto;
	margin: 0 auto;
}
div#topo{
	width: 1000px;
	height: 155px;
	margin: 0px auto;
	margin-bottom: 25px;
}

div#antigo{
	width:100%;
	height:35px;
	background-color:#0088CC;
	text-align:center;

	font-family: "Lucida Grande", sans-serif;
	font-size: 15px;
	font-style: bold;
}
div#antigo a{
	width:55px;
	height:55px;
	text-align:center;
	color:white !important;
	text-decoration:none;

	}
div#antigo img{
	width:30px;
	height:30px;

	}

div#conteudo{
	width: 980px;
	height: auto;
	margin: 3px 0 0;
	float: left;
}
div#rodape{
	width: 980px;
	height: auto;
	margin: 0px auto;
	position:relative;
	z-index: 2;
}
/*div#backgroundBase{*/
	/*width: 100%;*/
	/*height: 225px;*/
	/*float: left;*/
	/*background: url(../img_antigo/20190410141215pngbackgroupbase.png) center top no-repeat;*/
	/*margin-top: -100px;*/
	/*position:relative;*/
	/*z-index: 1;*/
/*}*/

/*
* ============================================
* ESTILOS DO MENU E DADOS DO TOPO
* ============================================
*/

div#cabecalho{
	width: 980px;
	height: 140px;
}
div#cabecalho h1{
	width: 180px;
	height: 90px;
	background: url(../img/logo-smile.webp) top center no-repeat;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
	overflow: hidden;
	float:left;
	margin: 10px 0;
}
div#dadosUsuario{
	width: 765px;
	height: auto;
	float: left;
	margin: 30px 0 0 30px;
}
div#dadosUsuario h6{
	width: 580px;
	float: left;
        color:#00458E;
}
div#dadosUsuario span{
	margin-top: 0px;
	float: right;
}
div#topoInternaDireita
{
	width: 770px;
	height: auto;
	float: right;
	margin: 10px 0 0;
	text-align: right;
}
div#topoInternaDireita div#ajuda{
	width: 670px;
	height: auto;
	float: left;
	position: absolute;
	top: 54px;
}
div#topoInternaDireita div#ajuda p{
	width: 210px;
	line-height: 1.2em;
	color: #00458e;
}
div#topoInternaDireita div#ajuda h6{
	width: 200px !important;
	float:left;
	color:#00458E;
	text-align: left;
}

div#topoInternaDireita div#logoff{
	width: 90px;
	height: 35px;
	float: right;
	margin-top: 10px;
}
div#topoInternaDireita div#logoff a{
	width: 90px;
	height: 35px;
	float: right;
	margin: 0;
	padding: 0;
	background: url(../img_antigo/png_btnLogoff.png) center top no-repeat;
}
div#topoInternaDireita div#logoff a:hover{
	background: url(../img_antigo/png_btnLogoff.png) center bottom no-repeat;
}

div#menu{
	width: 980px;
	height: 45px;
}
div#menu ul{
	width: 940px;
	height: 45px;
	float: left;
	background: url(../img_antigo/png_bg_menu.png) center center no-repeat;
	padding: 0 20px;
}
div#menu ul li{
	width: auto;
	height: 40px;
	float: right;
	margin: 2px 0 0 5px;
}
div#menu ul li:hover{
	background-image: url(../img_antigo/png_bg_menuBotoes.png);
}
div#menu ul li a{
	font-size: 16px;
	color: #00458e;
	float: right;
	height: 35px;
	padding: 6px 25px 0px 10px;
	/*CSS HACK PARA IE 7*/
	*padding: 6px 25px 0px 10px;
	text-align: center;
	background: url(../img_antigo/png_bg_menuIcon.png) right -23px no-repeat;
	text-decoration: none;
}
div#menu ul li a:hover{
	background-position: right 14px;
}

div#menu ul li#contato{
	width: 100px;
}
div#menu ul li#contato:hover{
	background-position: -551px 0px;
}
div#menu ul li#contato a{
	width: 65px;
}

div#menu ul li#downloads{
	width: 120px;
}
div#menu ul li#downloads:hover{
	background-position: -431px 0px;
}
div#menu ul li#downloads a{
	width: 85px;
}

div#menu ul li#planos{
	width: 95px;
}
div#menu ul li#planos:hover{
	background-position: -336px 0px;
}
div#menu ul li#planos a{
	width: 60px;
}

div#menu ul li#servicos{
	width: 105px;
}
div#menu ul li#servicos:hover{
	background-position: -231px 0px;
}
div#menu ul li#servicos a{
	width: 70px;
}

div#menu ul li#institucional{
	width: 138px;
}
div#menu ul li#institucional:hover{
	background-position: -93px 0px;
}
div#menu ul li#institucional a{
	width: 103px;
}
div#menu ul li#promoprev{
	width: 138px;
}
div#menu ul li#promoprev:hover{
	background-position: -93px 0px;
}
div#menu ul li#promoprev a{
	width: 113px;
}

div#menu ul li#inicio{
	width: 93px;
}
div#menu ul li#inicio:hover{
	background-position: 0px 0px;
}
div#menu ul li#inicio a{
	width: 58px;
}

/*
* ============================================
* ESTILOS DO CONTEÚDO (AMBIENTE PRIMÁRIO)
* ============================================
*/

div#conteudo div#ambientePrimario{
	width: 980px;
	float: left;
	background-color: #FFF;
	margin-top: 5px;
}
div#conteudo div#ambientePrimario div#ambientePrimarioTop{
	width: 918px;
	height: 60px;
	padding: 20px 30px;
	float: left;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
}
div#conteudo div#ambientePrimario div#ambientePrimarioMeio{
	width: 920px;
	height: auto;
	padding: 0px 29px;
	float: left;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	margin-top: -80px;
	position: relative;
	z-index: 2;
}
div#conteudo div#ambientePrimario div#ambientePrimarioBase{
	width: 100%;
	height: 100px;
	float: left;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	position: relative;
	z-index: 1;
	box-sizing: border-box;
}
div#conteudo div#ambientePrimario div.descricoesAmbientePrimario{
	width: 703px;
	height: auto;
	border-left: 1px solid #E3E3E3;
	margin: -20px 0px -20px 0px;
	padding: 20px 0px 20px 0px;
	float: left;
}
div#conteudo div#ambientePrimario div.colunaDestaque{
	width: 610px;
	height: auto;
	float: left;
	overflow: hidden;
}
div#conteudo div#ambientePrimario div.colunaComum{
	width: 280px;
	height: auto;
	float: left;
	overflow: hidden;
}
div#conteudo div#ambientePrimario div.colunaDescritivos{
	width: 363px;
	height: auto;
	float: left;
	overflow: hidden;

}
div#conteudo div#ambientePrimario div.colunaDescritivos2{
	width: 330px;
	height: auto;
	float: left;
	overflow: hidden;

}
div#conteudo div#ambientePrimario div.colunaServicosUnica{
	width: 673px;
	height: auto;
	float: left;
	overflow: hidden;

}
div#conteudo div#ambientePrimario div.colunaMenu{
	width: 245px;
	height: auto;
	float: left;
	overflow: hidden;
	margin: -20px 0 0 -30px;
	padding: 20px 0 0 0px;
}
div#conteudo div#ambientePrimario div.alinhamentoConteudo{
	margin-left: 30px;
}
div#conteudo div#ambientePrimario div.alinhamentoInterno{
	padding-top: 40px;
	*padding-top: 30px;
}
div#conteudo div#ambientePrimario div.alinhamentoInternoReduzido{
	padding-top: 30px;
}
div#conteudo div#ambientePrimario div.alinhamentoBase{
	margin-bottom: 30px;
}

/*
* ============================================
* ESTILOS DO CONTEÚDO (AMBIENTE SECUNDÁRIO)
* ============================================
*/

div#conteudo div#ambienteSecundario{
	width: 980px;
	height: 294px;
	background: #fff url(../img_antigo/png_bg_ambienteSecundario.png) bottom center repeat-x;
	margin-top: 30px;
	padding-top: 20px;
	float: left;
}
div#conteudo div#ambienteSecundario ul{
	float: left;
}
div#conteudo div#ambienteSecundario ul li{
	width: 185px;
	height: 292px;
	padding: 0px 30px;
	margin-bottom: 2px;
	float: left;
}

/*
* ============================================
* ESTILOS DO RODAPÉ
* ============================================
*/

div#rodape div#mapaSite{
	width: 980px;
	height: 270px;
	float: left;
	border: 1px solid #e7e7e7;
	margin: 30px 0 0 0;
	overflow: hidden;
	background: #FFF url(../img_antigo/png_bgRodapeMapaSite.png) top center no-repeat;
}
div#rodape div#mapaSite ul#siteAreas{
	width: 980px;
	height: 35px;
	float: left;
}
div#rodape div#mapaSite ul#siteAreas li{
	width: auto;
	height: 35px;
	float: left;
	padding: 5px 100px 0px 10px;
	font-size: 14px;
	color: #666666;
	background: url(../img_antigo/png_icone_seta_rodape.png) right top no-repeat;
}
div#rodape div#mapaSite ul#siteAreas li.limpa{
	background: none;
}
div#rodape div#mapaSite ul#linksInstitucional{
	width: 150px;
	height: auto;
	float: left;
	margin: 20px 0 0 150px;
}
div#rodape div#mapaSite ul#linksServicos{
	width: 125px;
	height: auto;
	float: left;
	margin: 20px 0 0 35px;
}
div#rodape div#mapaSite ul#linksPlanos{
	width: 120px;
	height: auto;
	float: left;
	margin: 20px 0 0 35px;
}
div#rodape div#mapaSite ul#linksDownloads{
	width: 140px;
	height: auto;
	float: left;
	margin: 20px 0 0 30px;
}
div#rodape div#mapaSite ul#linksContato{
	width: 160px;
	height: auto;
	float: left;
	margin: 20px 0 0 35px;
}
div#rodape div#mapaSite a{
	background: none;
	color: #888888;
}

div#rodape div#copyright{
	width: 980px;
	height: 140px;
	float: left;
	margin: 10px 0 0 0;
}
div#rodape div#copyright a{
	background: none;
	padding: 0;
}
div#rodape div#copyright div#copyrightLinha1{
	width: 980px;
	height: auto;
	float: left;
	padding-bottom: 10px;
	border-bottom: 1px solid #e5e5e5;
}
div#rodape div#copyright div#copyrightLinha1 p{
	float: left;
}
div#rodape div#copyright div#copyrightLinha1 ul{
	float: right;
}
div#rodape div#copyright div#copyrightLinha1 ul li{
	width: auto;
	float: right;
	padding: 0 10px;
}
div#rodape div#copyright div#copyrightLinha1 img{
	float: right;
	margin-left: 10px;
}


div#rodape div#copyright div#copyrightLinha2{
	width: 980px;
	height: auto;
	float: left;
	margin-top: 15px;
}
div#rodape div#copyright div#copyrightLinha2 p{
	width: auto;
	height: auto;
	float: left;
}
div#rodape div#copyright div#copyrightLinha2 ul{
	width: 250px;
	height: auto;
	float: right;
}
div#rodape div#copyright div#copyrightLinha2 ul li{
	width: auto;
	height: auto;
	float: right;
	margin-left: 10px;
}
div#rodape div#copyright div#desenvolvimento{
	width: 400px;
	height: auto;
	float: left;
	margin-top: 15px;
}

div#rodape div#copyright div#desenvolvimento img{
	float: left;
}
div#rodape div#copyright div#desenvolvimento a{
	width: 80px;
	margin: 5px 0px 0px 10px;
	float: left;
}

div#rodape div#copyright div#logoANS{
	width: 199px;
	height: auto;
	float: right;
	margin-top: 15px;
}

/*
==============================================================================================
*
* DEFININDO PADRÕES PARA >>>>>>  ELEMENTOS <<<<<< COMUNS A TODAS AS PÁGINAS
*
==============================================================================================
*/

/*
* ============================================
* ESTILOS DO CONTEÚDO (AMBIENTE PRIMÁRIO) - TEXTOS
* ============================================
*/

/*
* ----------------------
* TEXTOS PADRÕES
* ----------------------
*/

div#conteudo h2{
	float: left;
	margin-top: -8px;
	margin-left: 30px;
}
div#ambientePrimario div h3{
	float: left;
	margin-bottom: 10px;
	/*CSS HACK PARA IE 7*/
	*margin-bottom: 0px;
}
div#ambientePrimario div p{
	float: left;
	margin-bottom: 30px;
}
div#ambientePrimario div p.paragrafoComLink{
	margin-bottom: 5px;
}
div#ambientePrimario div h6{
	float: left;
	margin: 0px 0px 10px 0px;
}
div#ambientePrimario div h6.subtituloDestaque{
	float: left;
	margin: 20px 0px 10px 0px;
}

/*
* ----------------------
* TEXTOS PADRÕES (COLUNA ÚNICA)
* ----------------------
*/

div#ambientePrimario div.colunaServicosUnica p{
	width: 673px;
}
div#ambientePrimario div.colunaServicosUnica h6{
	width: 673px;
}

/*
* ----------------------
* TEXTOS PADRÕES (COLUNA DESCRITIVOS)
* ----------------------
*/

div#ambientePrimario div.colunaDescritivos p{
	width: 363px;
}
div#ambientePrimario div.colunaDescritivos h6{
	width: 363px;
}

/*
* ----------------------
* TEXTOS PADRÕES (COLUNA COMUM)
* ----------------------
*/

div#ambientePrimario div.colunaComum p{
	width: 280px;
}

/*
* ----------------------
* TEXTOS PADRÕES (COLUNA DESTAQUE)
* ----------------------
*/

div#ambientePrimario div.colunaDestaque p{
	width: 610px;
}
div#ambientePrimario div.colunaDestaque h6{
	width: 610px;
}

/*
* ============================================
* ESTILOS DO CONTEÚDO (AMBIENTE SECUNDÁRIO) - TEXTOS
* ============================================
*/

div#conteudo div#ambienteSecundario ul li h4{
	float: left;
	margin-bottom: 5px;
}
div#conteudo div#ambienteSecundario ul li p{
	float: left;
	line-height: 1.6em;
}

.btn {
	display: inline-block;
	*display: inline;
	padding: 4px 12px;
	margin-bottom: 0;
	*margin-left: .3em;
	font-size: 14px;
	line-height: 20px;
	color: #333333;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	cursor: pointer;
	background-color: #f5f5f5;
	*background-color: #e6e6e6;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border: 1px solid #cccccc;
	border-top-color: rgb(204, 204, 204);
	border-right-color: rgb(204, 204, 204);
	border-bottom-color: rgb(204, 204, 204);
	border-left-color: rgb(204, 204, 204);
	*border: 0;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-bottom-color: rgba(0, 0, 0, 0.25);
	border-bottom-color: #b3b3b3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	*zoom: 1;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	font-family: 'Lucida Grande', sans-serif;
}

.btn-mini {
	padding: 0 6px;
	font-size: 10.5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 5px;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {

	color: #ffffff;
	background-color: #2f96b4;
	*background-color: #2a85a0;

}
.btn:hover, .btn:focus {

	color: #333333;
	text-decoration: none;
	background-position: 0 -100px;

}
.btn-info {

	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #49afcd;
	*background-color: #2f96b4;
	background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
	background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: linear-gradient(to bottom, #5bc0de, #2f96b4) !important;
	background: linear-gradient(to bottom, #5bc0de, #2f96b4) !important;
	background-repeat: repeat-x;
	border-color: #2f96b4 #2f96b4 #1f6377;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

}
.btn-danger {

	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #da4f49;
	*background-color: #bd362f;
	background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
	background-repeat: repeat-x;
	border-color: #bd362f #bd362f #802420;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

}
.btn-primary {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #006dcc;
	*background-color: #0044cc;
	background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
	background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
	background-image: -o-linear-gradient(top, #0088cc, #0044cc);
	background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	background-repeat: repeat-x;
	border-color: #0044cc #0044cc #002a80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-success {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5bb75b;
	*background-color: #51a351;
	background-image: -moz-linear-gradient(top, #62c462, #51a351);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
	background-image: -webkit-linear-gradient(top, #62c462, #51a351);
	background-image: -o-linear-gradient(top, #62c462, #51a351);
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-smile {
	background: -webkit-linear-gradient( to bottom, #53AAE9, #2E76CF);
	background: -moz-linear-gradient( to bottom, #53AAE9, #2E76CF);
	background: -ms-linear-gradient( to bottom, #53AAE9, #2E76CF);
	background: -o-linear-gradient( to bottom, #53AAE9, #2E76CF);
	background: linear-gradient( to bottom, #53AAE9, #2E76CF);
	height: 45px;
	padding: 0 18px;
	font-size: 15px;
	font-weight: 600;
	text-transform: none;
	color: #FFF;
	text-decoration: none;
	text-shadow: none;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	border: 1px solid;
	border-color: #4192DD;
}

.btn-smile:hover, .btn-smile:focus, .btn-smile:active, .btn-smile.active {
	background: -webkit-linear-gradient( to bottom, #327FD2, #194DAD);
	background: -moz-linear-gradient( to bottom, #327FD2, #194DAD);
	background: -ms-linear-gradient( to bottom, #327FD2, #194DAD);
	background: -o-linear-gradient( to bottom, #327FD2, #194DAD);
	background: linear-gradient( to bottom, #327FD2, #194DAD);
	color: #FFF;
	border-color: #1364AF;
}

.btn-alert {
	background: -webkit-linear-gradient( to bottom, #53AAE9, #2E76CF) !important;
	background: -moz-linear-gradient( to bottom, #53AAE9, #2E76CF) !important;
	background: -ms-linear-gradient( to bottom, #53AAE9, #2E76CF) !important;
	background: -o-linear-gradient( to bottom, #53AAE9, #2E76CF) !important;
	background: linear-gradient( to bottom, #53AAE9, #2E76CF) !important;
	width: auto !important;
	height: 35px !important;
	line-height: 35px !important;
	text-indent: 0 !important;
	padding: 0 20px !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #FFF !important;
	-webkit-border-radius: 6px !important;
	-moz-border-radius: 6px !important;
	-ms-border-radius: 6px !important;
	-o-border-radius: 6px !important;
	border-radius: 6px !important;
	border: 1px solid !important;
	border-color: #4192DD !important;
}

.btn-alert:hover, .btn-alert:focus, .btn-alert:active, .btn-alert.active {
	background: -webkit-linear-gradient( to bottom, #327FD2, #194DAD) !important;
	background: -moz-linear-gradient( to bottom, #327FD2, #194DAD) !important;
	background: -ms-linear-gradient( to bottom, #327FD2, #194DAD) !important;
	background: -o-linear-gradient( to bottom, #327FD2, #194DAD) !important;
	background: linear-gradient( to bottom, #327FD2, #194DAD) !important;
	color: #FFF !important;
	border-color: #1364AF !important;
}

.btn-cancel {
	background: -webkit-linear-gradient( to bottom, #E44747, #C02323) !important;
	background: -moz-linear-gradient( to bottom, #E44747, #C02323) !important;
	background: -ms-linear-gradient( to bottom, #E44747, #C02323) !important;
	background: -o-linear-gradient( to bottom, #E44747, #C02323) !important;
	background: linear-gradient( to bottom, #E44747, #C02323) !important;
	border-color: #C02323 !important;
}

.btn-cancel:hover, .btn-cancel:focus, .btn-cancel:active, .btn-cancel.active {
	background: -webkit-linear-gradient( to bottom, #D81E1E, #A50000) !important;
	background: -moz-linear-gradient( to bottom, #D81E1E, #A50000) !important;
	background: -ms-linear-gradient( to bottom, #D81E1E, #A50000) !important;
	background: -o-linear-gradient( to bottom, #D81E1E, #A50000) !important;
	background: linear-gradient( to bottom, #D81E1E, #A50000) !important;
	border-color: #A50000 !important;
}

.btn-block {
	display: block;
	width: 100%;
	padding-right: 0;
	padding-left: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}

.btn-large {
	padding: 11px 19px;
	font-size: 17.5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

}

.btn .svg-inline--fa{
	margin-left: 2%;
}

.ativoPequeno, .ativoGrande, .ativoMedio {
	color: #333333 !important;
}

.btnMedio:not(.ativoMedio):hover, .btnGrande:not(.ativoGrande):hover, .btnPequeno:not(.ativoPequeno):hover {
	color: #333333 !important;
}

.url-cancel {
	position: relative !important;
	top: -5px;
	left: 10px;
	color: #CC0000 !important;
	text-decoration: underline !important;
}

.url-cancel:hover {
	color: #C02323 !important;
}

footer {
	background: #0068b1;
	width: 100%;
	height: auto;
	float: left;
	z-index: -1;
	position: relative;
}

footer p {
	width: 100%;
	background-color: #003c83;
	float: left;
	padding: 20px 0;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	text-align: center;
	color: #fff;
	font-size: .6em;
	line-height: 1.6;
}

footer .content {
	width: 1100px;
	margin: 0 auto;
	float: none;
	padding: 0;
}

footer div {
	width: 100%;
	float: left;
	padding: 45px 0;
}

footer div ul {
	width: 20%;
	float: left;
	list-style: none;
	padding: 0;
	padding-right: 15px;
	box-sizing: border-box;
}

footer div ul > li {
	width: 100%;
	float: left;
	margin-bottom: 5px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}

footer div ul > li:last-child {
	margin-bottom: 0;
}

footer div ul > li.title {
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #ffcb04;
	text-transform: uppercase;
	margin-bottom: 10px;
}

footer div ul > li > a {
	background: transparent;
	float: left;
	padding-left: 0;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 300;
	text-align: left;
	color: #FFF;
	text-decoration: none;
	transition: all .35s;
}

footer div ul > li > a:hover {
	padding-left: 5px;
	color: #ffcb04;
	text-decoration: none;
}

footer #logo-smile {
	width: 280px;
	margin-right: 90px;
}

footer .logo-ans {
	float: right;
}

footer .left {
	display: flex;
	width: 80%;
	float: left;
	padding: 0;
	flex-wrap: wrap;
	flex-direction: row;
}

footer .right {
	width: 20%;
	float: left;
	padding: 0;
}

dl dl {
	margin-left: 15px;
}