/*
10/04/2017
Theme Name: Unimed Norte / Nordeste
Theme URI: http://unimednne.com.br
Description: Produzido por Ativaweb
Version: 2017
Author: Produzido por Ativaweb
Author URI: http://ativaweb.com.br
*/

/* default */
*{margin:0; padding:0; outline:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
html {font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
html, button, input, select, textarea, p, h1, h2, h3, h4, h5, h6, li, address, small, td, span {font-family: "unimed_sansregular", serif; }
body{ padding-top: 80px; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #000; text-decoration:none }
a:hover, a:focus { color: #000; text-decoration:none; border-bottom: none;}
.none{display:none;}
.alignnone, .alignleft{float:left; margin:0 10px 10px 0;}
.alignright{float:right; margin:0 0 10px 10px}
.aligncenter {margin-left: auto; margin-right: auto; clear: both; display: block;}
.btn{ color: #FFF !important; }
.progress{ display: none; }
input[type="radio"], label{ cursor: pointer; }
.col-centered{ float: none; margin: 0 auto; }
.btn{ font-family: "unimed_sansregular", serif; font-size: 12px; letter-spacing: 0px !important; font-weight: normal;}
.btnlarge{ padding: 20px 0 20px 0 }
#status{ position: fixed; top: 90px; background: rgba(255,255,255,0.95); width: 100%; height: 100%; z-index: 99999; display: none; overflow: auto;}
#status #msg{ padding: 10% 0 20% 0; }
#status #progress{ margin-top: 20%; }
#status #preview{
	display: none; width: 95%; height: 480px; position: fixed !important; top: 55px; left: 2.5%; z-index: 99999;
}
#status #content_preview{ width: 100% !important; height: 100% !important; }
#status .close_preview{
	position: absolute;
	top: 60px;
	right: 0;
}
#status h5.view_servicos span{
	display: inline-block;
	margin: 3px;
  font-size: 13px;
}
.error_field{ border-color: red !important; }

.anim{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
h1.title-section{
	text-align: center;
	font-size: 32px;
	color: #22995d;
	margin-bottom: 25px;
	font-family: "unimed_slabbook";
	b{
		font-family: "unimed_slabbold";
	}
	&.voce{
		color: #b9d32f;
	}
	&.empresa{
		color: #1e8546;
	}
	&.prestador{
		color: #380b5c;
	}
}

/*
/ GRADIENTE BG
*/
.gradient-orange{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8a92d+0,f4751f+100 */
	background: #f8a92d; /* Old browsers */
	background: -moz-linear-gradient(top, #f8a92d 0%, #f4751f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f8a92d 0%,#f4751f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f8a92d 0%,#f4751f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8a92d', endColorstr='#f4751f',GradientType=0 ); /* IE6-9 */
}

.gradient-green-light{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d7e645+0,b9d32f+100 */
	background: #d7e645; /* Old browsers */
	background: -moz-linear-gradient(top, #d7e645 0%, #b9d32f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d7e645 0%,#b9d32f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d7e645 0%,#b9d32f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7e645', endColorstr='#b9d32f',GradientType=0 ); /* IE6-9 */
}

.gradient-green{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#229852+0,1e8546+100 */
	background: #229852; /* Old browsers */
	background: -moz-linear-gradient(top, #229852 0%, #1e8546 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #229852 0%,#1e8546 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #229852 0%,#1e8546 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#229852', endColorstr='#1e8546',GradientType=0 ); /* IE6-9 */
}

.gradient-purple{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#410d6b+0,380b5c+100 */
	background: #410d6b; /* Old browsers */
	background: -moz-linear-gradient(top, #410d6b 0%, #380b5c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #410d6b 0%,#380b5c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #410d6b 0%,#380b5c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#410d6b', endColorstr='#380b5c',GradientType=0 ); /* IE6-9 */
}

.democracy{
	width: 410px;
  margin: 0 auto;
  padding: 35px;
  border-radius: 8px;
  border: 1px solid #b9d32f;
}

////////////
// LAYOUT //
////////////
header{
	background: #bcd531;
	color: #FFF;
	padding: 10px 0;
	height: 80px;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 999999999;
	nav{
		div.menu-mobile{
			display: none;
		}
		.menu-unimednne{
			display: table;
			height: 61px;
			.btn-group{
				display: table-cell;
				height: 100%;
				vertical-align: middle;
				width: 20%;
			}
			button, a{
				letter-spacing: 1px;
				background: none !important;
				border: none !important;
				text-decoration: none;
				color: #FFF;
				font-size: 12px;
				&:hover{
					color: #FFF;
					text-decoration: none;
				}
			}
			ul.dropdown-menu{
				background: #22995d;
				li{
					margin: 8px 0;
					a{
						color: #FFF;
						&:hover{
							color: #38b700;
						}
					}
				}
			}
		}
	}
	.bts{
		a{ color: #FFF; }
		i{
			margin: 2px 25px 0 0;
		}
	}
}
#search-bar{
	z-index: 999999998;
	position: absolute;
	top: -300px;
	left: 0;
	width: 100%;
	height: 60px;
	background: rgba(0,0,0,0.7);
	padding-top: 11px;
	&.active{
		top: 80px;
	}
	.termo{
		text-align: center;
		background: none;
		border: 1px solid #FFF;
		color: #FFF;
		&::-webkit-input-placeholder { /* Chrome/Opera/Safari */
		  color: #FFF;
		}
		&::-moz-placeholder { /* Firefox 19+ */
		  color: #FFF;
		}
		&:-ms-input-placeholder { /* IE 10+ */
		  color: #FFF;
		}
		&:-moz-placeholder { /* Firefox 18- */
		  color: #FFF;
		}
	}
}
#painel{
	position: relative;
	div.banner{
		width: 100%;
		height: 450px;
		background-position: center;
		background-size: cover;
		position: relative;
		overflow: hidden;
		a{
			display: block;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
	}
	nav{
		position: absolute;
		top: 0;
		width: 100%;
		height: 450px;
		a{
			text-decoration: none;
			position: absolute;
			top: 0;
			height: 550px;
			z-index: 999999;
			color: #FFF;
			padding: 0 15px;
			display: table;
			height: 450px;
			background: none;
			&.bt_prev{
				left: 0;
				&:hover{
					margin-top: -5px;
				}
			}
			&.bt_next{
				right: 0;
				&:hover{
					margin-top: -5px;
				}
			}
			span{
				display: table-cell;
				vertical-align: middle;
				height: 100%;
			}
		}
	}
}
#acesso-rapido-container{
	background: #f6f6f6;
	#acesso-rapido{
		height: 98px;
		width: 100%;
		display: inline-block;
		z-index: 99999;
		div{
			padding: 33px 0 33px 0px;
			-webkit-border-radius: 0 0 7px 7px;
			border-radius: 0 0 7px 7px;
			z-index: 99999;
			margin: 0 -6px 0 0px;
			width: 25.4%;
			a{
				color: #FFF;
				font-size: 20px;
				font-family: "unimed_slabbold";
				padding-top: 0px;
			}
			&:hover,&:focus{
				padding: 40px 0 33px 0;
			}
			&.ativo{
				padding: 40px 0 40px 0;
				z-index: 99999999;
			}
		}
	}
	#acesso-rapido-sub-menus{
		width: 100%;
		overflow: hidden;
		margin-top: -10px;
		-webkit-border-radius: 0 0 7px 7px;
		border-radius: 0 0 7px 7px;
		ul{
			display: inline-block;
			margin-top: -500px;
			margin-bottom: 0px !important;
			padding: 50px 0;
			background: url(../img/bg-sub-menu.png) repeat-x top #C4CBCF;
			li{
				list-style: none;
				a{
					display: block;
					padding: 10px;
					color: #FFF;
					text-transform: uppercase;
					font-size: 12px;
				}
			}
			&#voce{
		    a{
					color: #5B5C65;
				}
			}
			&#empresa{
				a{
					color: #1e8546;
				}
			}
			&#prestador{
				a{
					color: #380b5c;
				}
			}
			&.ativo{
				margin-top: 0px;
			}
		}
	}
	#icones-topo{
		margin: 35px 0 50px 0;
		position: relative;
		aside{
			height: 155px;
			text-align: center;
			position: relative;
			a{
				width: 85%;
				text-align: center;
				display: block;
				top: 30px;
				position: absolute;
				h6{
					font-size: 16px;
					font-family: "unimed_slabbold";
					letter-spacing: normal;
					height: 32px;
				}
				small{
					font-size: 12px;
					color: #333;
					letter-spacing: 0px;
					margin-top: 15px;
					display: block;
				}
				.ico_segunda_via{
					width: 60px;
					height: 65px;
					display: block;
					margin: 0 auto;
					background: url(../img/icons/ico-segunda-via.jpg) no-repeat;
				}
				.ico_guia_odontologico{
					width: 66px;
					height: 57px;
					display: block;
					margin: 0 auto;
					background: url(../img/icons/ico-guia-odontologico.jpg) no-repeat;
				}
				.ico_ouvidoria{
					width: 67px;
					height: 59px;
					display: block;
					margin: 0 auto;
					background: url(../img/icons/ico-ouvidoria.png) no-repeat;
				}
				.ico_autorizacao{
					width: 66px;
					height: 63px;
					display: block;
					margin: 0 auto;
					background: url(../img/icons/ico-autorizacao.jpg) no-repeat;
				}
				.ico_atualizacao{
					width: 66px;
					height: 65px;
					display: block;
					margin: 0 auto;
					background: url(../img/icons/ico-atualizacao.png) no-repeat;
				}
				.ico_cartao_virtual{
					width: 66px;
					height: 45px;
					display: block;
					margin: 0 auto;
					background: url(../img/icons/ico-cartao-virtual.png) no-repeat;
				}
				.ico_alteracao_rede{
					width: 70px;
					height: 62px;
					display: block;
					margin: 0 auto;
					background: url(../img/icons/ico-alteracao-rede.png) no-repeat;
				}
				&:hover{
					top: 20px;
				}
				&.guia-odontologico{
					color: #f4761a;
				}
				&.segunda-via{
					color: #00995D;
				}
				&.atualizacao-cadastral{
					color: #8eb82a;
				}
				&.autorizacao{
					color: #4b226d;
				}
				&.cartao-virtual,&.alteracao-rede{
					color: #ED1651;
				}
				&.ouvidoria{
					color: #a2208d;
				}
			}
			&.legenda{
				height: auto;
			}
		}
	}
}
#noticias-blog{
	margin-top: 35px;
	.post{
		margin-top: 35px;
		figure{
			background-size: 110%;
			background-position: center;
			position: relative;
			height: 260px;
		}
		div.text{
			height: 290px;
			padding: 30px;
			h2{
				color: #FFF;
				font-size: 28px;
				margin-top: 0;
				font-family: "unimed_slabbold";
				line-height: 33px;
			}
		}
		&:hover{
			figure{
				background-size: 120%;
			}
		}
	}
}
#banner{
	width: 100%;
	display: inline-block;
	margin: 45px 0;
}
#video{
	padding: 80px 0;
}
#vantagens-cliente{
	padding: 50px;
	background: #f6f6f6;
	text-align: center;
	figure{
		img{
			width: 50%;
			height: auto;
		}
	}
	h3{
		color: #22995d;
		font-size: 20px;
		line-height: 22px;
		margin-top: 0px;
		font-family: "unimed_slabbook";
	}
	.seja-unimed{
		margin: 25px 0;
		a{
			letter-spacing: 1px;
		}
	}
}
#fale-com{
	padding: 50px;
	figure{
		width: 100%;
		height: 80px;
		margin-top: 35px;
		img{

		}
	}
	h3{
		font-family: "unimed_slabbold";
		font-size: 14px;
		text-transform: uppercase;
		height: 40px;
		color: #9f2093;
	}
	h4{
		font-size: 14px;
		font-family: "unimed_sansbold";
		color: #333333;
	}
}
#links{
	background: url(../img/proposta/pattern.jpg);
	padding: 65px 0;
	h3.title{
		height: 60px;
	}
	a{
		color: #2523a4;
	}
}
#nortonnunes{
	background: #fae1e5;
	padding: 35px 0 35px 0;
}
footer{
	background: #21995d;
	color: #FFF;
	height: 155px;
	#ans{
		padding-top: 15px;
	}
	#assinatura{
		padding-top: 15px;
		font-size: 12px;
		text-transform: uppercase;
		h4{
			font-size: 14px;
			font-family: "unimed_slabbold";
			margin: 0;
		}
	}
	#telefone{
		padding-top: 35px;
		font-family: "unimed_sansbold";
		font-size: 24px;
	}
	#social-media{
		padding: 30px 0 0 0;
		li{
			list-style: none;
			padding: 0;
			display: inline-block;
			width: 23%;
			text-align: center;
			a{
				color: #FFF;
			}
		}
	}
	#cnpj{
		padding-top: 15px;
		font-size: 10px;
	}
}

.internas{
	margin-top: 35px;
	margin-bottom: 80px;
	letter-spacing: 0 !important;
	.brad{
		margin-bottom: 35px;
		span{
			letter-spacing: 0 !important;
		}
	}
	.post{
		p,h1,h2,h3,h4{
			letter-spacing: 0 !important;
		}
		h1.title{
			margin-top: 5px;
			color: #22995d;
			font-weight: bold;
			margin-bottom: 35px;
		}
		.compartilhar{
			margin-bottom: 25px;
			padding-top: 10px;
			border-top: 1px dotted #38b700;
		}
		p{
			font-size: 16px;
			color: #777;
			margin-bottom: 25px;
		}
		a{
			color: #22995d;
		}
	}
	.bg-gray{
		margin-top: 40px;
		padding-top: 80px;
		padding-bottom: 80px;
		background: #f6f6f6;
	}
	.dados-institucional{
		margin-bottom: 35px;
		h2{
			color: #38b700;
			span{
				color: #000;
				margin: 0 5px;
			}
		}
	}
	.missao-valor{
		h3{
			color: #38b700;
		}
		b.visao,b.missao{
			color: #38b700;
			font-size: 24px;
			font-weight: normal;
		}
	}
	.lista-servicos{
		.bg-page-servicos{
				margin: -35px 0 35px 0;
				background: url(../img/bg-page-servicos.jpg);
				background-size: cover;
				height: 350px;
				h1{
					margin-top: 120px;
					font-family: "unimed_slabbold";
					color: #FFF;
				}
				h3{
					font-family: "unimed_slabbook";
					color: #bcd531;
				}
		}
		h1{
			padding: 10px 0;
			color: #FFF;
			-webkit-border-radius: 0 0 8px 8px;
			border-radius: 0 0 8px 8px;
		}
		ul{
			clear: both;
			margin-bottom: 70px;
			margin-left: 0;
			padding-left: 0;
			li{
				margin-left: 0;
				padding-left: 0;
				list-style: none;
				margin: 5px 0;
				a{
					color: #FFF;
					padding: 10px;
					width: 100%;
					height: 30px;
					display: table;
					-webkit-border-radius: 5px;
					border-radius: 5px;
					span{
						display: table-cell;
						vertical-align: middle;
						height: 100%;
					}
				}
			}
			&#voce{
				li{
					a{
						color: #b9d32f;
					}
				}
			}
			&#empresa{
				li{
					a{
						color: #1e8546;
					}
				}
			}
			&#prestador{
				li{
					a{
						color: #380b5c;
					}
				}
			}
		}
	}
	.outras-noticias{
		h3{
			letter-spacing: 0 !important;
			font-weight: bold;
			color: #f4761a;
		}
		ul{
			margin-top: 25px;
			li{
				list-style: none;
				margin-bottom: 35px;
				a{
					letter-spacing: 0 !important;
					font-size: 16px;
					color: #22995d;
					font-weight: bold;
				}
			}
		}
	}
	.guia{
		position: relative;
		margin-top: -35px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f6f6+56,ffffff+100 */
		background: #f6f6f6; /* Old browsers */
		background: -moz-linear-gradient(top, #f6f6f6 56%, #ffffff 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #f6f6f6 56%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #f6f6f6 56%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
		padding-bottom: 100px;
		.bg-page-guia-medico{
				background: url(../img/bg-page-guia-medico.jpg);
				background-size: cover;
				height: 350px;
				h1{
					margin-top: 120px;
					font-family: "unimed_slabbold";
					color: #f4761a;
				}
				h3{
					font-family: "unimed_slabbook";
					color: #bcd531;
				}
		}
		.bg-page-guia-medico-pdf{
				background: url(../img/bg-page-guia-medico-pdf.jpg);
				background-size: cover;
				height: 350px;
				h1{
					margin-top: 120px;
					font-family: "unimed_slabbold";
					color: #f4761a;
				}
				h3{
					font-family: "unimed_slabbook";
					color: #bcd531;
				}
		}
		h1{
			i{
				display: block;
			}
		}
		.guia_opt_start{
			.opt{
				h4{
					font-family: "unimed_slabbook";
					color: #1d8647;
					margin-bottom: 10px;
				}
				form{
					.input-group{
						width: 100%;
						margin-top: 15px;
						.input-group-addon{
							background: #FFF;
							text-align: center;
							width: 50px;
						}
					}
					button{
						margin-top: 20px;
					}
				}
			}
			.or{
				width: 100%;
				height: 230px;
				display: table;
				span{
					display: table-cell;
					vertical-align: middle;
					width: 100%;
					height: 100%;
				}
			}
		}
		.dados_plano{
			padding: 10px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			h5{
				letter-spacing: 0 !important;
		    font-size: 15px;
				color: #FFF;
				.label{
					background: #FFF;
					display: table;
					margin-bottom: 5px;
					color: #f47920;
				}
			}
			a, button{
				margin-top: 15px;
				color: #FFF !important;
			}
		}
		.search-and-results{
			margin-top: 35px;
			#msg_busca{
				margin-top: 15px;
			}
		}
		.form_medicos{
			li{
				list-style: none;
				margin: 13px 0;
			}
			a{
				color: #FFF !important;
			}
		}
		.results{
			padding-left: 35px;
			h2.guia-texto{
				color: #f4761a;
				small{
					display: block;
					margin-top: 15px;
				}
			}
			.lista_medicos{
				ul{
					margin-top: 35px;
					li{
						list-style: none;
						margin-bottom: 35px;
						padding-bottom: 35px;
						border-bottom: 1px dotted #CCC;
						h3{
							font-weight: bold;
							color: #22995d;
						}
						a{
							color: #FFF !important;
						}
					}
				}
			}
			p.informe{
				margin-top: 60px;
				padding-top: 20px;
				border-top: 1px dotted #CCC;
			}
		}
	}
	&.ouvidoria{
		margin-top: -35px;
		.bg-page-guia-medico{
			margin-bottom: 35px;
				background: url(../img/bg-page-ouvidoria.jpg);
				background-size: cover;
				height: 350px;
				h1{
					margin-top: 120px;
					font-family: "unimed_slabbold";
					color: #a2208d;
				}
				h3{
					font-family: "unimed_slabbook";
					color: #bcd531;
				}
		}
	}
	&.alteracao-na-rede{
		margin-top: -35px;
		.bg-page-alteracao-na-rede{
			margin-bottom: 35px;
				background: url(../img/bg-page-alteracao-na-rede.jpg);
				background-size: cover;
				height: 350px;
				h1{
					margin-top: 120px;
					font-family: "unimed_slabbold";
					color: #ED1651;
				}
				h3{
					font-family: "unimed_slabbook";
					color: #bcd531;
				}
		}
	}
	&.lista-posts{
		h1{
			margin-top: 5px;
			color: #22995d;
			font-weight: bold;
			margin-bottom: 35px;
		}
		article{
			h2{
				margin-top: 0px;
				a{
					color: #22995d;
				}
			}
		}
		.wp-pagenavi{
			.current{
				background: #22995d;
				color: #FFF;
			}
		}
	}
}
#plano-page{
	margin-top: -20px;
	#title-plano{
		color: #FFF;
		font-size: 20px;
		font-style: italic;
		background-position: top;
		background-size: contain;
		background-attachment: fixed;
		height: 235px;
		h1{
			color: #FFF;
	    font-weight: bold;
	    padding-top: 110px;
	    font-style: italic;
			font-size: 42px;
			text-shadow: 0 0 10px rgba(0,0,0,0.5);
			margin-bottom: 0;
		}
		&.voce{
			background-image: url(../img/plano-voce.jpg);
		}
		&.empresa{
			background-image: url(../img/plano-empresa.jpg);
		}
	}
	.melhor-plano{
		padding: 80px 0;
		h1{
			margin-bottom: 40px !important;
		}
		p{
			font-size: 18px;
			font-weight: lighter;
		}
	}
	.container-fluid{
		margin: 35px 0;
		h1{
			color: #22995d;
			font-weight: bold;
			margin-bottom: 25px;
		}
		.plano-dados{
			margin-top: 35px;
			height: 320px;
			figure{
				background-size: cover;
				height: 100%;
			}
			h3{
				font-style: italic;
				color: #b1d34b;
				margin-top: 0;
			}
			ul{
				margin: 20px 0;
				li{
					margin-bottom: 4px;
					list-style: none;
				}
			}
		}
	}
	#vantagens{
	  padding: 80px 0;
	  background: #191791;
	  color: #FFF;
	  //h2{ font-family: 'Roboto Slab', serif !important; font-size: 40px; font-weight: bold; }
	  .itens{
	    margin-top: 55px;
	    font-size: 18px;
	    font-weight: 100;
	    letter-spacing: 1px;
	    div{
	      height: 230px;
	      figure{
	        margin-bottom: 15px;
	      }
	    }
	  }
	}
	#empresa{
	  padding: 180px 0;
	  color: #FFF;
	  height: auto;
	  background: url(../img/proposta/bg-empresa.jpg);
	  background-size: cover;
	  h2{ font-family: 'Roboto Slab', serif !important; font-size: 40px; font-weight: bold; }
	  figure{
	    margin-top: 120px;
	  }
	  p{
	    margin-top: 35px;
	    margin-bottom: 60px;
	    font-size: 26px;
	    line-height: 30px;
	    font-weight: 100;
	    padding: 0 30px;
	  }
	  a{
	    background: #191791;
	    border-color: #191791;
	  }
	}
	#plano-odontologico{
	  background: #411564;
	  color: #FFF;
	  padding: 180px 0;
	  h2{ font-family: 'Roboto Slab', serif !important; font-size: 40px; font-weight: bold; }
	  p{
	    margin-top: 35px;
	    margin-bottom: 60px;
	    font-size: 22px;
	    line-height: 30px;
	    font-weight: 100;
	    //padding: 0 30px;
	  }
	  .img{
	    height: 400px;
	    background: url(../img/proposta/img-odonto.png) center no-repeat;
	  }
	}
	#tabela-planos{
		padding: 100px 0;
		.tabela-title{
			position: relative;
			padding: 20px 0;
			background: #22995d;
			margin-bottom: 10px;
			h2{
				text-align: center;
				margin: 0 !important;
				color: #FFF;
			}
			.btn{
				position: absolute;
				top: 20px;
				right: 20px;
				color: #22995d !important;
			}
		}
		table{
			font-size: 14px;
			margin-bottom: 50px;
		}
		tr,td,th{ text-align: center; vertical-align: middle; }
	}
	#formulario{
	  height: 1080px;
	  background: url(../img/proposta/bg-formulario.jpg);
	  background-size: cover;
	  .black{
	    color: #FFF;
	    margin-top: 160px;
	    -webkit-border-radius: 10px;
	    border-radius: 10px;
	    background: rgba(0,0,0,0.5);
	    padding: 35px 0;
	    p.info{
	      font-weight: 100;
	      font-size: 26px;
	      line-height: 28px;
	    }
	    h3{
	      font-size: 32px;
	      font-style: italic;
	      font-weight: bold;
	      margin-top: 80px;
	    }
	    div.form-proposta{
	      margin-top: 25px;
	      background: url(../img/proposta/division.png) center no-repeat;
	      .campos{
	        margin-left: 25px;
	        label{
	          font-weight: 200;
	        }
	        input{
	          margin-bottom: 15px;
	          padding: 20px 12px !important;
	          &.btn{
	            padding: 15px 0px 30px 0px !important;
	          }
	        }
	        a{
	          width: 100%;
	          background: #03864f;
	          border-color: #03864f;
	        }
	      }
	    }
	  }
	}
}

/* Mobile Sizes (devices and browser) */
@media only screen and  (max-width: 767px) {
	header{
		z-index: 99999999999;
		.logo-topo{
			text-align: left !important;
		}
		nav{
			position: fixed !important;
			top: 25px;
			div.menu-mobile{
				border-left: 1px solid #22995d;
				display: block;
				position: fixed;
				top: 0;
				right: 0;
				padding: 20px 25px;
				height: 80px;
				a{
					color: #FFF;
					i{
						padding-top: 5px;
					}
				}
			}
			.menu-unimednne{
				position: fixed;
				top: -500px;
				left: 0;
				width: 100%;
				height: 300px;
				background: #22995d;
				padding-top: 25px;
				z-index: 99999999998;
				.btn-group{
					display: block;
					height: 40px;
					vertical-align: middle;
					width: 100%;
					margin-bottom: 17px;
					z-index: 999;
					&.open{
						z-index: 9999;
					}
					.dropdown-menu{
						width: 94%;
						margin-top: 10px;
						margin-left: 3%;
						background: #bcd531 !important;
					}
				}
				&.ativo{
			    top: 80px;
				}
			}
		}
		.cbenef{
			margin-top: 10px;
			text-align: center !important;
			z-index: -1;
			padding: 0px !important;
			#show-search-bar{
				display: block !important;
				position: fixed;
				top: 22px;
				right: 75px;
				z-index: 9999999;
			}
			.btn{
				width: 50%;
				-webkit-border-radius: 0;
				border-radius: 0;
				border: 0;
				padding: 25px 0;
				margin: 0px;
				float: left;
			}
			.bt-canal-beneficiario{
				margin-top: 35px;
			}
			&.ativo{
				display: inline-table;
			}
		}
	}
	#search-bar{
		&.active{
			top: 146px;
			height: 110px;
			padding-top: 15px;
			input.termo{
				margin-bottom: 10px;
			}
		}
	}
	#painel{
		margin-top: 65px;
		z-index: 99999;
		nav{
			height: 190px;
			a{
				height: 190px;
			}
		}
		div.banner{
			height: 190px;
		}
	}
	#acesso-rapido-container{
		margin-top: 5px;
		.container{
			padding: 0px !important;
			margin: 0px !important;
			#acesso-rapido{
				display: inline;
				div{
					width: 100% !important;
					margin: -5px 0px 0px 0px !important;
					padding-top: 38px;
					&#guia-medico{
						z-index: 200;
					}
					&#voce{
						z-index: 190;
					}
					&#empresa{
						z-index: 180;
					}
					&#prestador{
						z-index: 170;
					}
				}
			}
		}
	}
	#icones-topo{
		margin-top: 5px;
		aside.legenda{
			display: none;
		}
	}
	#acesso-rapido-sub-menus{
		ul.ativo{
			z-index: 9999;
			position: absolute;
			top: 343px;
			left: 0;
			width: 100%;
			&#voce{
				top: 460px;
				z-index: 185;
			}
			&#empresa{
				top: 557px;
				z-index: 175;
			}
			&#prestador{
				top: 651px;
				z-index: 165;
			}
		}
	}
	#noticias-blog{
		margin-top: 35px;
		clear: both;
		display: inline-block;
		width: 100%;
		ul{
			width: 100%;
			text-align: center;
			margin-bottom: 20px;
			li{
				width: 49%;
				display: inline-block;
			}
		}
	}
	.internas{
		margin-top: 100px;
	}
	footer{
    height: 420px;
		text-align: center;
		#ans{
			padding-top: 35px;
		}
		#assinatura{
			padding: 55px 0 25px 0;
		}
		#social-media{
			padding-top: 40px;
		}
	}
}

/* TABLETs */
@media only screen and (min-width: 768px) and (max-width: 991px) {


}