/*IPAD*/
@media (min-width: 701px) and (max-width: 1176px) { 

	.container{
		padding: 0 0.5em;
	}

	.logo {
		width: 103px; 
		height: 50px;
	}
	.cabecalho .menu{
		font-size: 0.8em;
		padding: 1em 0;
	}

	.barra_menu {
		padding: 1em 0.5em !important;
		/* height: 90px !important; */
		height: auto;
	}
	.barra_menu.fixa .logo{
		height: 50px !important;
	}

	.unidades_fotos{
		min-height: 210px;
    }
    
    .biolab_pro{
        top:-0.7em;
    }
    .botao_biolab_pro{
        height: 18px;
        padding-top: 0;
    }
    .biolabstudio{
        font-size: 1rem;
    }
    .logo_studio{
		height: 50px;
		margin-bottom: 1rem;
	}

}

/*IPAD RETRATO*/
@media (min-width: 701px) and (max-width: 770px) { 

	.cabecalho .menu{
		font-size: 0.7em;
		padding: 1em 0;
	}

	.caixa_busca {
		display: block;
	}

	.logo_rodape {
		width: 23%;
	}
	.sac {
		width: 42%;
	}

	.banner_comum {
		height: 259px;
	}
	.banner_comum .container {
		height: 259px;
	}

}

/*MOBILE*/
@media (max-width: 850px) { 

	.cabecalho .menu{
		font-size: 0.7em;
		padding: 1em 0;
	}

	.invisivel_mobile{
		display: none !important;
	}

	.invisivel_desktop{
		display: block !important;
	}

	.correcao_altura{
		height: 60px;
		width: 100%;
		display: block;
	}

	.cabecalho{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 100;
	}
	.barra_menu{
		padding: 0.2em 0 !important;
		height: 60px !important;
		background-color: #FFF;
		box-shadow: 0px 4px 8px rgba(0,0,0,0.5) !important;
	}
	.logo{
		width: 103px !important; 
		height: 50px !important;
		margin: auto;
		float: none;
		display: block;
	}

	.container:not(.barra_menu){
		margin-left: 0.5em;
		margin-right: 0.5em;
	}

	.menu{
		position: fixed;
		top: 0;
		bottom: 0;
		overflow: auto;
		left: -90%;
		width: 80%;
		background-color: #4caae4;
		box-shadow: 5px 0px 15px rgba(0,0,0,0.5);
		padding: 1em 0 !important;
		text-align: left;
		-webkit-transition: left 0.5s;
		transition: left 0.5s;
		z-index: 101;
	}

	.menu li{
		display: block;
		color:#FFF;
		text-align: left;
		background-image: none;
		padding-right: 0;
		margin-left: 0;
	}
	.menu a{
		color:#FFF;
		background-color: #0095c8;
		margin-bottom: 0.5em;
		display: block;
		padding: 0.5em;
	}
	
	.menu li span{
		position: relative;
		background-color: transparent;
		color: #FFF;
		min-width: auto;
		text-align: left;
		display: block;
		visibility: visible;
		opacity: 1;
		margin-bottom: 1.5em;
	}

	.menu span a{
		color:#FFF;
		background-color: transparent;
		margin-bottom: 0;
	}

	.menu .sub_container{
		position: relative;
		display: block;
		margin: 0 1rem 0.5rem 1rem;
	}
	.menu .sub{
		position: relative;
		display: block;
		left: auto;
		top: auto;
		background-color: rgba(255, 255, 255, 0.2);
		color: #FFF;
		z-index: 1;
		visibility: visible;
		opacity: 1;
		font-style: normal;
	}

	.caixa_busca{
		display: block;
		margin-left: 0;
		width: 100%;
		padding: 0.5em;
	}
	.caixa_busca input{
		width:100%;
		text-align: left;
	}

	.idiomas_mobile{
		text-align: center;
		margin-bottom: 1em;
	}
	.idiomas_mobile a{
		display: inline-block;
		background-color: transparent;
		margin-bottom: 0;
		padding: 0;
		margin: 0 0.5em;
	}

	.botao_fechar{
		color: #FFF;
		position: absolute;
		top: 0.5em;
		right: 0.5em;
		cursor: pointer;
	}

	.icone_menu{
		text-indent: -1000px;
		border-top: 3px #4caae4 solid;
		border-bottom: 3px #4caae4 solid;
		height: 12px;
		width: 30px;
		position: relative;
		margin:  1.2em 1em 0 1em;
		position: absolute;
		left: 0;
		top: 0;
	}
	.icone_menu::after{
		content: '';
		display: block;
		width: 100%;
		border-bottom: 3px #4caae4 solid;
		padding-top: 15px;
		position: absolute;
		top: 0px;
	}


	.contatos{
		height: auto;
		padding: 1em 0;
	}

	.sac{
		width: 100%;
		display: block;
	}
	
	.redes_sociais{
		width: 100%;
		display: block;
		text-align: center;
		margin-top: 1em;
	}

	.miolo{
		font-size: 0.9em;
	}
	
	.home_imprensa{
		border-bottom: solid 1px #ceced0;
		border-right: none;
		margin-top: 1em;
		padding-bottom: 1em;
	}
	.home_imprensa:last-of-type {
		border-bottom:none;
	}

	h1{
		font-size: 1.5em;
	}
	
	h2{
		font-size: 1.1em;
	}

	

	.banner_home{
		height: 200px;
		font-size: 1.2em;
		padding-top: 1em;
		text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
		position: relative;
	}
	.banner_home .container{
		position: absolute;
		bottom: 0.5em;
	}
	.banner_home span{
		font-size: 1.2em;
		width: 100%;
	}


	.posters_destaque div[class^="coluna"]:first-of-type {
		text-align: center;
	}
	.posters_destaque div[class^="coluna"]:last-of-type {
		text-align: center;
	}
	.posters_destaque img{
		width: 90%;
		margin: 0.5em 0;
	}

	.temp_poster_menor{
		padding: 0 3em;
	}

	.carrossel_poster{
		width: 100%;
	}



	.destaques_home{
		height: 230px;

		background-color: #0084bd;
		text-align: center;
		background: #0084bd; /* Old browsers */
		background: -moz-linear-gradient(135deg, #0084bd 1%, #00d7f3 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(135deg, #0084bd 1%,#00d7f3 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg, #0084bd 1%,#00d7f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0084bd', endColorstr='#00d7f3',GradientType=1 ); /* IE6-9 */
	}
	.destaque_home{
		height: 230px;
		font-size: 1em;
		background-position: center top;
		background-size: contain;
	}

	.destaque_home .container{
		top:auto;
		bottom: 0px;
		position: absolute;
		-moz-transform: translate(0%, 0%);
		-webkit-transform: translate(0%, 0%);
		transform: translate(0%, 0%);
		margin: 0;
		padding: 0.5em;
		color:#FFF;
		width: 100%;
		text-align: center;

		background: #0084bd; /* Old browsers */
		background: -moz-linear-gradient(135deg, #0084bd 1%, #00d7f3 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(135deg, #0084bd 1%,#00d7f3 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg, #0084bd 1%,#00d7f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0084bd', endColorstr='#00d7f3',GradientType=1 ); /* IE6-9 */

	}

	.destaque_home h1{
		margin-bottom: 0.2em;
		text-shadow: 0px 0px 15px #000;
		display: inline-block;
		padding: 0.05em;
	}

	.destaque_home .container span{
		width: auto;
		text-shadow: 0px 0px 5px #000;
		display: inline;
	}

	.destaque_home .botao_azul{
		margin-top: 0.5em;
		clear: both;
	}
	.destaque_home span::after, .destaque_home span::before {
		content: "\A";
		white-space: pre;
	}

	.blog_imagem_principal{
		min-height: 160px;
	}
	.blog_home_texto{
		padding-left: 0;
	}
	.blog_home h2{
		font-size: 1.1em;
		margin: 0.5em 0 0.2em 0;
		height: auto;
		/* height: 2.6em; */
	}

	.blog_mais_materias{
		margin-top: 0;
	}
	.blog_thumb{
		margin-top: 0.8em;
		width: 84px;
		height: 65px;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		display: inline-block;
		vertical-align: middle;
		margin-right: 0.5em;
		cursor: pointer;
	}

	.blog_lista .item .blog_lista_controles{
		margin-bottom: 0;
	}
	
	.blog_lista .item .blog_fonte{
		display: block;
		float:none;
		font-size: 1em;
		margin-top: 0.5em;
	}
	
	.blog_lista .item .ler_mais{
		display: block;
		float: none;
	}

	.blog_lista .detalhes .autor{
		text-align: left;
	}

	.banner_comum{
		height: 100px;
		font-size: 1.2em;
	}
	.banner_comum .container{
		height: 100px;
	}
	.banner_comum h3{
		max-width: 100%;
		left: 0;
		padding: 0 0.5em;
		margin: 0 0.5em;
	}
	.banner_comum h3.largura_maior, .banner_comum h3.largura_maior2{
		max-width: 100%;
	}

	.fonte_grande{
		font-size: 1.2em;
	}

	.localizacao img{
		width: 35%;
		margin-right: 0.2em;
	}
	.localizacao .endereco{
		width: 55%;
		font-size: 0.7em;
	}

	.unidades_fotos{
		height: 200px;
		min-height: 200px;
		margin-bottom: 0.5em;
	}

	.sobre_empresa h4{
		font-size: 0.8em;
		margin-top: 2em;
	}

	.sobre_empresa .dados img{
		display: block; margin: 1em auto;
	}


	.sobre_empresa .abas{
		margin-top: 2em;
		display: block;
	}
	.sobre_empresa .abas a{
		font-size: 0.6em;
		padding: 0.5em 0;

	}
	.sobre_empresa .abas div[class^="coluna"]{
		margin-left: 0;
		width: 29.5%;
		display: inline-block;
	}

	.sobre_empresa .aba .rotulo{
		text-align: left;
		padding-top: 0.5em;
	}
	
	.blog_lista .item h3{
		font-size: 1.3em;
	}
	
	.blog_lista .item p{
		font-size: 1em;
		line-height: 1.3em;
	}
	
	.blog_lista .item .imagem{
		height: 120px;
	}



	.linha_tempo{
		height: 528px;
	}
	.linha_tempo .periodo{
		height: 528px;
	}
	.linha_tempo .periodo img{
		height: 528px;
		width: auto;
	}

	.linha_tempo .seta_anterior, .linha_tempo .seta_proximo{
		width: 32px;
		background-position: center 152px;
	}


	.produtos_busca input[type='text']{
		width: 80%;
	}


	
	.banner_comum h3.largura_media{
		max-width: 100%;
	}
	.esporte_fotos{
		height: 220px;
		margin: 1em 0;
	}



	.parcerias .logos{
		margin: 0 !important;
	}
	.parcerias .logos div[class^="coluna"]{
		height: auto;
		margin-bottom: 1em;
	}
	.parcerias .logos div[class^="coluna"] img{
		margin-bottom: 0.2em;
		margin-top: 2em;
	}
	.parcerias .logos .pais{
		position: relative;
		display: block;
		bottom: auto;
		left: auto;
	}
	
	.parcerias .universidades div[class^="coluna"]{
		height: auto;
	}
	.parcerias .universidades div[class^="coluna"] img{
		display: block;
		position: relative;
		left: auto;
		top: auto;
		transform:none;
		margin-bottom: 2em;
	}


	.outras_empresas .empresa{
		margin: 2em 0;
	}
	.outras_empresas .empresa .imagem{
		text-align: center;
	}
	.outras_empresas .empresa h2{
		text-align: center;
	}
	.outras_empresas .empresa .imagem img{
		display: block;
		left: auto;
		top: auto;
		transform:none;
		margin-bottom: 1em;
	}


	.saude_solidariedade h3.medio{
		font-size: 1em;
	}

	.saude_fotos{
		width: 100%;
		background-color: #FFF;
		margin: 0;
	}
	
	.saude_fotos .saude_foto{
		width: 100%;
		text-align: center;
		padding: 0;
	}
	
	.saude_fotos .seta_anterior, .saude_fotos .seta_proximo{
		width: 20px;
	}

	.saude_solidariedade .borda_direita{
		border-right: none;
		padding: 1em 0 0 0;
	}


	.programa_estagio .programa .linha img{
		margin-top: 1em;
		width: 60%;
		display: block;
	}

	.programa_estagio .abas a{
		font-size: 1em;
	}

	.programa_estagio .abas a i{
		vertical-align: middle;
		position: relative;
		top: auto;
		right: auto;
		color:#FFF;
	}
	.programa_estagio .abas a.ativo i{
		color:#FFF;
	}


	.arte_cultura .banner_assinatura{
		font-size: 0.7em;
		padding: 0.1em 0.5em;
	}

	.arte_cultura h3.medio{
		font-size: 1.1em;
	}
	.arte_cultura .artistas a{
		font-size: 1.1em;
		color: #006cad;
		margin: 0.3em 0;
	}
	
	.artistas_trabalho{
		font-size: 1em;
		line-height: 1.2em;
	}
	.artistas_trabalho .imagem{
		padding: 1em 0 0 0;
	}


	.pagina_sac h3.medio{
		font-size: 1em;
	}

	.pagina_sac h1{
		font-size: 1.2em;
	}

	.pagina_sac .aviso{
		padding-top: 1em;
	}

	.pagina_sac .faq{
		margin-top: 1em;
	}

	.faq_pergunta a.titulo{
		font-size: 1em;
		padding-right: 2em;
	}
	.faq_pergunta .resposta{
		font-size: 1em;
	}

	.linha.form input.entrada[type=text], .linha.form input.entrada[type=password], .linha.form textarea.entrada, .linha.form .seletor {
		margin:1em 0;
	}
	
	.linha.form{
		margin-top: 0;
		margin-bottom: 0;
	}

	.dropdown{
		max-height:200px;
	}



	.fundo_modal .janela_modal{
		width:90%;
	}


	.fale_conosco .banner_comum h3{
		font-size: 1em;
	}
	.fale_sac{
		padding:1em;
		margin-bottom: 2em;
		font-size: 0.9em;
	}
	
	.fale_conosco .email{
		background-size: 10%;
		padding-left: 40px;
		font-size: 1em;
	}
	
	.fale_conosco .email a{
		font-size: 0.7em;
	}


	.eventos_adversos .banner_comum h3{
		font-size: 1em;
	}
	.eventos_adversos .formulario{
		margin: 1em 0;
		width: 100%;
	}
	.eventos_adversos .relatar {
		font-size: 1.2em;
	}


	.desenvolvimento .banner_comum h3{
		font-size: 1em;
	}
	.desenvolvimento .fundo_azul{
		padding: 0.5em;
	}
	.desenvolvimento .abas_descritivos #aba_1, .desenvolvimento .abas_descritivos #aba_2, .desenvolvimento .abas_descritivos #aba_3, .desenvolvimento .abas_descritivos #aba_4{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		text-align: left;
	}

	.desenvolvimento .abas a{
		font-size: 1em;
		text-transform: uppercase;
		text-align: left;
		border:solid 1px #888;
		border-radius: 4px;
		margin: 0.5em 0;
		padding: 0.5em;
	}
	.desenvolvimento .abas a:hover, .desenvolvimento .abas a.ativo{
		border:solid 1px #0084bd;
	}
	.desenvolvimento .abas a img{
		display:inline-block;
		margin-bottom: 0;
		margin-right: 0.2em;
		height: auto;
		width: 20px;
	}
	.desenvolvimento .abas a i{
		display:inline-block;
		font-size: 1em;
	}



	.box_azul{
		padding: 0.5em;
		margin: 0.5em 0;
	}
	
	.box_azul .item{
		font-size: 1.1em;
		width: 100%;
		text-align: center;
	}
	.box_azul .item img{
		vertical-align: middle;
		margin-right: 0.2em;
	}

	.pesquisa_inovacao .foco{
		font-size: 1.1em;
		padding-right: 0;
	}
	.pesquisa_inovacao .foco img{
		margin: 1em auto;
	}


	.pesquisa_inovacao .abas_descritivos #aba_1, .pesquisa_inovacao .abas_descritivos #aba_2, .pesquisa_inovacao .abas_descritivos #aba_3, .pesquisa_inovacao .abas_descritivos #aba_4, .pesquisa_inovacao .abas_descritivos #aba_5{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		text-align: left;
	}

	.pesquisa_inovacao .abas a{
		font-size: 1em;
		text-transform: uppercase;
		text-align: left;
		border:solid 1px #888;
		border-radius: 4px;
		margin: 0.5em 0;
		padding: 0.5em;
	}
	.pesquisa_inovacao .abas a:hover, .pesquisa_inovacao .abas a.ativo{
		border:solid 1px #0084bd;
	}
	.pesquisa_inovacao .abas a span{
		display:inline-block;
		min-height: auto;
	}
	.pesquisa_inovacao .abas a img{
		display:inline-block;
		margin-bottom: 0;
		margin-right: 0.2em;
		height: 20px;
		width: auto;
	}
	.pesquisa_inovacao .abas a i{
		display:inline-block;
		font-size: 1em;
	}



	.titulo_produto{
		padding: 1em 0;
		font-size: 1.3em;
		margin-bottom: 1em;
	}
	.titulo_produto h1{
		font-size: 1.2em;
		margin-bottom: 0.2em;
	}
	
	.persistir{
		font-size: 1.3em;
		padding: 1em 0;
	}

	.produto_detalhes .informacoes{
		margin-bottom: 1em;
		font-size: 1em;
	}
	
	.produto_detalhes .informacoes h2{
		font-size: 1.2em;
		font-weight: bold;
		color:#0084bd;
		margin-bottom: 0.1em;
	}
	
	.produto_detalhes .caracteristica{
		margin-bottom: 1em;
	}

	.produto_detalhes .pack{
		width: 80%;
	}



	
	.codigo_conduta .banner_comum h3{
		font-size: 0.8em;
	}
	
	.codigo_conduta .download img{
		width: 30%;
		margin-bottom: 1em;
	}
	.codigo_conduta .download p{
		margin-top: 0;
		margin-bottom: 2em;
	}

	.codigo_conduta .email{
		background-size: 10%;
		padding-left: 40px;
		font-size: 1em;
	}
	
	.codigo_conduta .email a{
		font-size: 0.7em;
	}



	.produtos_actavis .banner_comum h3, .produto_detalhes.farma_actavis .banner_comum h3{
		font-size: 1.1em;
		max-width: 100%;
	}
	.produtos_actavis h1{
		font-size: 1.5em;
	}

	.descricao_actavis .atendimento{
		padding-left: 0px;
	}
	.descricao_actavis .atendimento span{
		display: block;
		font-size: 1.2em;
		padding-left: 65px;
	}


	.biolab_pro{
		position: relative;
		display: block;
		right: auto;
		text-align: center;
		width: 100%;
		z-index: 0;
	}
	.botao_biolab_pro{

		margin: auto;
		padding-top: 0.5rem;
		margin-bottom:1rem;
		background-image: url('//d2nzgau6ffmz63.cloudfront.net/site/imagens/pro/cadeado.png');
		text-indent: -10000px;
		display: block;
		margin-right: 0.5rem;
		margin-top: 0.5rem;
		width: 35px;
		height: 35px;

	}
	.botao_biolab_pro:hover{
		color: #000;
	}



	.logo_studio{
		width: 80%;
		height: 50px;
		margin-bottom: 1rem;
	}
	
	.biolabstudio{
		padding: 1rem;
		position: absolute;
		top:65px;
		font-size: 0.8rem;
		padding-bottom: 1rem;
	}

	.biolab_pro_login{
		position: relative;
		background-color: #0095c8;
		top:auto;
		left: auto;
		transform: none;
		width:100%;
		margin-bottom:0;
	}

	.biolab_pro_login a{
		background-color:#004456;
		text-decoration: none;
		padding: 0.3rem;
	}


	.lgpd{
		font-size: 0.8em;
		padding: 1rem 0.5rem;
		text-align: justify;
	}

	.lgpd button{
		margin:  0.2rem 0.8rem;
	}

	.lgpd button.fechar{
		margin-top: 0.6rem;
	}
	

}