/* estilo.css */




.padding_conteudo1 {padding: 0 12px 0 12px; margin-top: 20px;}
.padding_conteudo2 {padding: 0 12px 0 12px; margin-top: 0px;}



/*  cores  */  

.branco_bg {background-color: #fff;}

.cinza_claro_bg {background-color: #f4f4f4}


.vermelho_bg {}

.vinho {color: #b31427 !important; }

.preto {color: #000 !important;}
/** texto */
.bold {font-weight: bold;}


/* topo */


.logo_topo {padding-top: 20px;}
.logo_topo img {margin-left: 10px; margin-bottom: 30px;}

.whats_topo {background: url(../bradesco_arquivos/whatsapp_icon.png) center right no-repeat; padding-right: 40px; height: 40px; padding-top: 10px;} 
.whats_number {height: 40px; padding-top: 10px;}

.menu_topo ul {list-style: none;}
.menu_topo ul li {float:left; width: 20%; padding-bottom: 10px; text-align: center; margin: 0px !important; display: inline-block; min-height: 70px;
					font-size: 13px; color: #4D4D4D; font-weight: bold;
					display: flex;
					  align-items: flex-end;
					  justify-content: center;
					  align-self: flex-end;}
.menu_topo ul li:hover, .menu_topo ul li.active	{ background: url(../bradesco_arquivos/bg_btmenu.png);  background-size: 100% 100%; color: #fff;
							-moz-border-radius: 0 0 10px 10px;
						    -webkit-border-radius: 0 0 10px 10px;
						    -khtml-border-radius: 0 0 10px 10px;
						    border-radius:  0 0 10px 10px;}


			/* MENU MOBILE */

			.menu_icon_mobile, .menu_icon_mobile2, #menu_icon_mobile, #menu_icon_mobile2 {display: none; position: absolute;
							 width: 50px; height: 50px; top: 15px; cursor: pointer; border: 0px solid #e3304a;
							 right: -5px; background: url(../bradesco_arquivos/menu_mobile_icon.png) 0px 0px no-repeat; z-index: 100;
							-moz-border-radius: 5px;
						    -webkit-border-radius: 5px;
						    -khtml-border-radius: 5px;
						    border-radius: 5px;}

			.menu_icon_mobile2, #menu_icon_mobile2  {display: none;}

			.menu_mobile, .menu_mobile_open {position: fixed; z-index: 2; margin-top: 0px; top: 0px; right: -150%; width: 225px; 
												height: 100%;
												text-align: center; background-color: #fff; 
                                                transition:all 0.3s ease-out;
                                                -webkit-transition:all 0.3s ease-out;
                                                -moz-transition:all 0.3s ease-out;
                                                -o-transition:all 0.3s ease-out;}

                                                .menu_mobile_open {right: 0%;
                                                                transition:all 0.3s ease-out;
                                                                -webkit-transition:all 0.3s ease-in;
                                                                -moz-transition:all 0.3s ease-in;
                                                                -o-transition:all 0.3s ease-in;
                                                                display: block;
                                                            }

                                                .menu_mobile ul {margin-top: 80px;}
                                                .menu_mobile ul li {list-style: none; float: right; width: 100%; margin-right: 20px; line-height: 25px;text-align: right; text-transform: uppercase;}
                                                .menu_mobile ul li a {color: #5D5D5D; font-size: 18px;  margin-left: -20px;}
                                                    .menu_mobile ul li  a:hover {color: #db261f;}
                                                    .menu_mobile ul li.current_page_item a {color: #db261f; }



/*  HOME */ 
.ligue_topo { font-size: 15px; line-height: 18px; color: #A40B1C; font-weight: normal; text-align: right;}
.fone_topo {font-family: Tahoma, Geneva, sans-serif; font-size: 16px; line-height: 18px;color: #4D4D4D; font-weight: bold; text-align: left;}

.topo_mobile {display: none;}
.topo_destaque { background: url(../bradesco_arquivos/topo_destaque.png);  background-size: 100% 100%;}
.topo_destaque1 {min-height: 251px; background: url(../bradesco_arquivos/destaque_topo.png) bottom center no-repeat; background-size: 95%; }
.topo_destaque2 {min-height: 251px; padding: 50px 0 10px 0; text-align: center;background: url(../bradesco_arquivos/bg_topo_destaque2.jpg); background-size: 100% 100%;
							-moz-border-radius: 0 0 10px 10px;
						    -webkit-border-radius: 0 0 10px 10px;
						    -khtml-border-radius: 0 0 10px 10px;
						    border-radius:  0 0 10px 10px;}

.topo_destaque2 img {margin-bottom: 20px;}
.topo_destaque2 a {border: 2px solid transparent; padding: 8px 20px; margin: 550px 0 50px 0; color: #fff !important; font-size: 16px !important;}
	.topo_destaque2 a:hover {border: 2px solid #fff;
							-moz-border-radius: 5px;
						    -webkit-border-radius: 5px;
						    -khtml-border-radius: 5px;
						    border-radius: 5px;}


			/* formulario home */			
			.row_formulario {margin-top: 20px;}	
			.form_news, .form_news2, .form_news3, .form_news4  {background: url(../bradesco_arquivos/form1.png) repeat-x; background-size: 100% 100%; padding: 2px;-moz-border-radius: 5px;
									    -webkit-border-radius: 5px;
									    -khtml-border-radius: 5px;
									    border-radius: 5px;}
									    .form_news2 {padding: 0px;}

									    .form_news3 {margin-bottom: 15px;}
									    .form_news4 {padding: 0px; margin-bottom: 15px;}

			.formulario_box {background: url(../bradesco_arquivos/bg_formulario.png);background-size: 100% 100%; padding: 12px 20px 0px 20px;
							-moz-border-radius: 20px;
						    -webkit-border-radius: 20px;
						    -khtml-border-radius: 20px;
						    border-radius: 20px;}

						    .formulario_box h2{ font-size: 32px; font-weight: normal; color: #FFF; margin: 5px 0px 0px 0px;}
						    .formulario_box p { font-size: 14px; color: #FFF; font-weight: normal;}

			.formulario_box label {font-size: 14px; color: #FFF; font-weight: normal; margin: 5px 0px;}
			.formulario_box input[type=text] {margin-bottom: 5px; font-size: 12px; padding-top: 12px;}
			.formulario_box select {margin-top: 9px; margin-bottom: 9px;}
			.home_enviar {margin-top: 15px;}
			.banner_home2 {margin-top: 8%;}





/*  Orçamento online */

	.box_conteudo {background: url(../bradesco_arquivos/bg_formulario.png);background-size: 100% 100%;
		-moz-border-radius: 0 0 10px 10px;
	    -webkit-border-radius: 0 0 10px 10px;
	    -khtml-border-radius: 0 0 10px 10px;
	    border-radius:  0 0 10px 10px;
	}

	.box_conteudo h2{ font-size: 32px; font-weight: normal; color: #FFF; margin: 10px 0px 0px 10px;}
	.box_conteudo p { font-size: 14px; color: #FFF; font-weight: normal; margin-left: 10px;}

	.box_conteudo input[type=text],
    .box_conteudo input[type=email] 
    {margin-bottom: 4px; font-size: 12px; padding-top: 10px;}
	.box_conteudo select {margin-top: 9px; margin-bottom: 9px;}

	.faixa_etaria_conteudo {padding-left: 8px;}
	.faixa_etaria_box {width: 19%; margin-right: 1%;background: url(../bradesco_arquivos/form1.png) repeat-x; background-size: 100% 100%; 
						padding: 2px; float: left; margin-bottom: 15px;
						-moz-border-radius: 5px;
					    -webkit-border-radius: 5px;
					    -khtml-border-radius: 5px;
					    border-radius: 5px;}

	.faixa_etaria_conteudo h3 {margin: 10px 0 0 13px; font-size: 18px; color: #FFF; font-weight: normal;}
	.faixa_etaria_conteudo p { font-size: 14px; color: #FFF; font-weight: normal; margin-left: 13px;}

	.faixa_etaria_conteudo img, .faixa_etaria_conteudo input [type=text] {float: left;}
	.faixa_etaria_conteudo input {margin-left: 12px;}








/* planos de saude */
.planos_header1 {padding: 10px; color: #b21326; background: #fff; font-weight: bold; font-size: 14px; line-height: 16px;}
.planos_header2 {padding: 10px; color: #000; background: #f0f0f0; font-weight: normal; font-size: 14px; line-height: 16px;}
.planos_header3 {padding: 10px; color: #fff; background: #b31427; font-weight: bold; font-size: 14px; line-height: 16px;}
.planos_header4 {padding: 10px; color: #fff; background: #b31427; font-weight: normal; font-size: 12px; line-height: 16px; text-align: right}
	.deslizar_tabela {position: absolute; right: 0px; top: 0px;}
table {text-align: center;}
	/* css tabelas */
	.tabela_topo, .tabela_topo2 {background-color: #fff; border-right: 1px solid #b31427; border-bottom: 1px solid #b31427;}
		.tabela_topo2 { border-right: none; }

		.tabela_topo_faixa1 {background-color: #fff; border-right: 1px solid #b31427; }

			.tabela_topo3, .tabela_topo4 { background: #e6e6e6 !important; font-weight: bold;}
				.tabela_row_cinza {background: #e6e6e6 !important; font-weight: bold; color: #c00000;}
			.table_linha_cinza {}
			.valor_tabela {color: #c00000; font-weight: normal !important; border-left: 1px solid #e6e6e6; }


.tabela_de_precos, .tabela_de_contratacao {font-size: 16px; padding: 8px; border: 2px solid transparent; color: #fff;
					 text-align: center; width: 85%; margin-top: 20px; margin: 20px auto 0;}
.tabela_de_precos:hover, .tabela_de_precos_active, .tabela_de_contratacao, .tabela_de_contratacao_active {border: 2px solid #fff;
						-moz-border-radius: 10px;
					    -webkit-border-radius: 10px;
					    -khtml-border-radius: 10px;
					    border-radius: 10px;}
	.tabela_de_contratacao {font-size: 12px; line-height: 15px; border: 2px solid transparent;}
		.tabela_de_contratacao:hover, .tabela_de_contratacao_active {border: 2px solid #ff4266;}


.tabelas_content {margin: 0 12px 12px 12px;}
.tabelas_rodape_header, .tabelas_rodape_header2 {background-color: #fff; color: #000; font-size: 12px; line-height: 14px; text-align: center;
						 border-right: 1px solid #b31427; height: 40px;}
						 .tabelas_rodape_header2 {border-bottom: 1px solid #b31427; }
.tabelas_rodape_header_pad1 {padding-top: 6px;}
.tabelas_rodape_header_pad2 {padding-top: 5px;}

.bradesco_dental {background: #e6e6e6; font-size: 13px; line-height: 16px; color: #000; padding: 10px;}

.texto_rodape_planos h4, .texto_rodape_planos h5, .texto_rodape_planos p {font-size: 13px; line-height: 16px; color: #fff;}
	.texto_rodape_planos h4 {margin-bottom: 15px;}
	.texto_rodape_planos h5 {font-weight: normal; margin-bottom: 0px;}
	.texto_rodape_planos p {margin-left: 0px;margin-bottom: 20px;}

.texto_rodape_planos ul {list-style: none; margin-top: -15px; margin-bottom: 20px;}
	.texto_rodape_planos ul li {color: #fff;}




	.redes_table_title {background-color: #cccccc; padding: 10px 20px 10px 7px; color: #b31427; font-size: 14px; line-height: 18px;
						font-weight: bold; text-align: left;}
	.redes_row_cinza, .redes_row_branco  {background: #e6e6e6; text-align: left !important; font-size: 12px;
					 line-height: 16px; font-weight: bold;}
	.redes_row_cinza2 {text-align: right;}
		.redes_row_branco {background: #fff;}
			.redes_row_branco2 {text-align: right;}

			.padding_legenda {padding: 5px 10px;}




/* agende */
.agende_uma_visita {padding-left: 8px; padding-right: 8px;}




/* contato */
.rodape_contato {background: #e6e6e6; border: 2px solid #cccccc; padding: 20px; margin: 25px 9px 9px 9px;
					-moz-border-radius: 15px;
					    -webkit-border-radius: 15px;
					    -khtml-border-radius: 15px;
					    border-radius: 15px;}

.telefone_rodape_contato img {padding-top: 3px;}
p.texto_rodape_contato1 {font-size: 14px; line-height: 18px; margin: 0px; color: #A40B1C; font-weight: bold;}
p.texto_rodape_contato2 {font-size: 14px; color: #808080; font-weight: normal; margin: 0px;} 




/* rodape */

footer {margin-bottom: 20px;}
footer hr {border-top: 1px dotted #6f6f6f; margin-top: 40px}

footer ul {float: right; list-style: none; margin-top: 3px;}
footer ul li {float: left;font-size: 13px; color: #4D4D4D; font-weight: normal;border-right: 1px solid #6f6f6f; padding: 0px 8px; }
footer ul li:hover, footer ul li.active {text-decoration: underline;}


@media screen and (max-width: 788px) {
	body {margin: 0px 20px 0px 20px;}

	.menu_topo ul li {font-size: 10px;}
	.fone_topo, .ligue_topo { font-size: 13px;}

	.topo_destaque1 {min-height: 220px; background-size: 95%; }
	.topo_destaque2 {min-height: 220px;}
	.topo_destaque2 {padding: 50px 0 50px 0; }
	.topo_destaque2 img {width: 70%;}

	.formulario_box h2{ font-size: 28px; }
	.formulario_box p { font-size: 12px; }

	.formulario_box label {font-size: 12px;}

	.banner_home2 {margin-top: 8%;}

	.faixa_etaria_box {width: 29%; margin-right: 4%;}



	.telefone_rodape_contato  { text-align: center !important; margin-bottom: 20px}
p.texto_rodape_contato1 { text-align: center;}
p.texto_rodape_contato2 { text-align: center;} 
}

@media screen and (max-width: 760px) {
	.menu_icon_mobile, #menu_icon_mobile {display: block; }

	.fone_topo { font-size: 16px;}

	header { z-index: 100;}
}

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

	
	.topo_mobile {position: absolute; width: 100%; height: auto; left: 0px; bottom: 0px; z-index: 1; display: inline-block;}

	.topo_destaque1 {min-height: 240px; background-size: 75%; }
	.banners_home {text-align: center !important; padding-top: 8%;}
		.banner_home2 {margin-top: 4%;}

		.menu_rodape ul {text-align: center !important; float: none !important; margin-left: 10%;}

		.logo_rodape {text-align: center !important; margin-top: 20px;}

		.planos_header_deslizar {height: 80px;}
	.deslizar_tabela {position: absolute; right: 0px; top: 40px;}
	
}

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

	.menu_rodape ul {text-align: center !important; float: none !important; margin-left: 2.5%;}
	
}

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

	.menu_rodape ul {margin-left: 0%;}
	.menu_rodape ul li {font-size: 12px; }

	.logo_rodape {text-align: center !important; margin-top: 30px;}

	.fone_topo{ font-size: 14px;}
}


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

	.menu_mobile ul {margin-top: 80px;}

	.menu_rodape ul li {font-size: 11px; }

	.faixa_etaria_box {width: 48%; margin-right: 2%;}

	.planos_header_deslizar {height: 70px;}
	.deslizar_tabela {position: absolute; right: 0px; top: 30px;}
}

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

	.fone_topo, .ligue_topo { width: 100%; text-align: center !important ; margin-bottom: 20px; font-size: 18px;}

	.whats_topo {background-position: 70% center ;}

	.topo_destaque1 {min-height: 180px; background-size: 95%; }
	.topo_destaque2 img {width: 90%;}

	.formulario_box h2{ font-size: 28px; margin-bottom: 15px; }

	.menu_rodape ul li {width: 100%; border: none; margin-bottom: 10px; font-size: 14px; }

	.planos_header_deslizar {height: 90px;}
	.deslizar_tabela {position: absolute; right: 0px; top: 50px;}
}

@media screen and (max-width: 385px) {
	.faixa_etaria_box {width: 98%; margin-right: 0%;}
	.planos_header_deslizar {height: 110px;}
	.deslizar_tabela {position: absolute; right: 0px; top: 60px;}
}
@media screen and (max-width: 348px) {
	.whats_topo {background-position: 75% center ;}
	.topo_destaque1 {min-height: 130px; background-size: 98%; }
	.topo_destaque2 img {width: 90%;}
	.logo_topo {padding-top: 20px;}
	.logo_topo img {margin-left: 0px; margin-bottom: 30px;}

	.faixa_etaria_conteudo, #imageField input[type=image] {width: 90% !important;}

	.rodape_contato { padding: 20px 20px 20px 0px;}

	
}

@media screen and (max-width: 250px) {
	body {margin: 0px 10px 0px 10px;}
	.whats_topo {background-position: 80% center ;}
	.topo_destaque2 a {border: 2px solid transparent; padding: 4px 10px; font-size: 13px !important;}
	.logo_topo img {width: 70%;}
.rodape_contato { padding: 20px 20px 20px 10px;}
}



a:link {color: #4D4D4D;text-decoration: none;}
a:visited {text-decoration: none; color: #4D4D4D;}
a:hover {text-decoration: none;color: #A40B1C;}
a:active {text-decoration: none;color: #4D4D4D;}


#bt_envia_form_home, .bt-input {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+0,b3b3b3+100 */
    background: #b3b3b3; /* Old browsers */
    background: -moz-linear-gradient(top, #b3b3b3 0%, #737373 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #b3b3b3 0%,#737373 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #b3b3b3 0%,#737373 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3b3b3', endColorstr='#737373',GradientType=0 ); /* IE6-9 */
    border: 2px solid white;
    border-radius: 10px;
    color: white;
    font-family: Arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 4px 16px;
    margin-top: 15px;
    cursor: pointer;
}