/** only screen and (max-width: 839px) **/

@charset "utf-8"; 

h1 { 
	font-size:26px;
}
/** geral **/
input[type="submit"] { 
	width:100%;
	margin-bottom:20px;
}
.not-propag { 
	display:none;
}
.block {
	display:block;
}
.hide-small {
	display:none;
}
main .conteudo .float-left.big, 
main .conteudo .float-right.big, 
main .conteudo .float-left.small, 
main .conteudo .float-right.small { 
	width:100%;
}
#alerta .container-alertas,
#alerta-voltar-ao-inicio .container-alertas, 
.info-adicional-conteudo.container-alertas { 
	width:400px;
}
main .conteudo {
	padding:0 36px;
}
div.float-right.be-responsive { 
	display:block;
	float:none;
	padding:5px 0 0 1px;
}

main .fundo-homepage.auchan {
	background:#7DBBCE url('../imgs/Bannermobileauchan.jpg') 100% 0 no-repeat;
}

/** TOPO **/
header .topo {
	position:relative;
	display:block;
	padding:0;
	border:none;
}
header .topo a.logo-principal { 
	width:400px;
}
header .topo a.logo-principal > img {
	height:100%;
}

header .topo .float-left {
	position:relative;
	z-index:10;
}
header .topo .float-right {
	position:absolute;
	width:100%;
}

header .topo ul > span {
	position:absolute;
	width:30px;
	height:20px;
	cursor:pointer;
	border-top:4px solid #303D4A;
	margin-top:25px;
	margin-right:20px;
	cursor:pointer;
	right:0;
	z-index:11;
} 
header .topo ul > span:before, 
header .topo ul > span:after {
	content:"  ";
	height:4px;
	width:30px;
	background-color:#303D4A;
	position:absolute; 
}
header .topo ul > span:before {
	margin-top:4px;
}
header .topo ul > span:after {
	margin-top:12px;
}
header .topo ul > span.active {
	-ms-transform: rotate(45deg); 
	-webkit-transform: rotate(45deg); 
	transform: rotate(45deg);
	margin-top:30px;

}
header .topo ul > span.active:before {
	-ms-transform: rotate(90deg); 
	-webkit-transform: rotate(90deg); 
	transform: rotate(90deg);
	margin-top:-4px;
}
header .topo ul > span.active:after {
	display:none;
}
header .topo ul span ~ li {
	display:none;
}
header .topo ul span.active ~ li {
	display:inline-block;
	position:relative;
	z-index:10;
	margin:70px -2px 0 -2px;
	width:33.3%;
	padding:0;
	background-color:#FFFFFF;
	height:70px;
	border-left:1px solid #000000;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
}
header .topo ul span.active ~ li.menu-width-half {
	width: 50%;
}
header .topo ul span.active ~ li a,
header .topo ul span.active ~ li span { 
	display:block;
	padding:0;
	border:none;
	text-align:center;
	height:70px;
	line-height:70px;
	font-size:14px;
	font-weight:700;
}

#aviso-cookies > span {
	width:calc(100% - 72px);
	padding:0 36px;
}
#ok-cookies {
	display:block;
	text-align:center;
	width:calc(100% - 72px);
	margin:10px auto;
	padding:5px 0;
}
/** !! TOPO **/

/** RESUMO **/
#resumo,
#contactos {
	height:auto;
	width:100%;
	display:none;
	margin-top:72px;
}
#resumo .container-resumo,
#contactos .container-contactos { 
	padding:15px 36px;
	height:auto;
}
#resumo ul.scroll-defined {
	height:auto;
	line-height:25px;
}
#resumo ul li {
	width:100%;
}
#resumo ul li p b {
	display:unset;
	font-weight:400;
}
#resumo ul li ul {
	display:none;
}
header .topo ul li a.resumo.disabled {
	visibility:visible;
}
/** !! RESUMO **/

/** CONTACTOS **/
#contactos form .wrapper { 
	width:calc(50% - 20px);
}
#contactos form .wrapper.mensagem {
	width:calc(100% - 9px);
}
#contactos .container-contactos .wrapper-sumit.float-right {
	float:none;
	display:block;
}
#contactos form input[type="submit"] { 
	margin-top:15px;
}
/** !! CONTACTOS **/

/** HOMEPAGE **/
main .fundo-homepage { 
	background:#7DBBCE;
	height:auto;
	min-height:420px;
	padding-bottom:20px;
}
main .fundo-homepage .content-homepage {
	padding:0 20px;
}
main .fundo-homepage .content-homepage > div:first-child {
	padding-top: 87px;
}
main .fundo-homepage .content-homepage > div {
	width:100%;
}
main .fundo-homepage .content-homepage form.sintoma .container-select { 
	margin-bottom:35px;
}

/** PASSOS MEDICAMENTO CERTO **/
main ul.passos { 
	width:100%;
	height:50px;
}
main ul.passos li .separador {
	top:15px;
}
main ul.passos li span.passo {
	width:30px;
	height:30px;
	line-height:30px;
	border-radius:30px;
}
main ul.passos li span.descr { 
	display:block;
}
/** !! PASSOS MEDICAMENTO CERTO **/

.faqs form.pesquisa-faqs input[type="text"] {
	width:calc(100% - 12px);
	display:block;
	margin-bottom:10px;
}

/** FOOTER **/
footer .container { 
	padding:20px 50px;
	text-align:center;
}
footer .container .logo { 
	height:44px;
} 
footer .container ul li {
	border:none;
	text-align:center;
	padding:0;
	width:100%;
	margin-bottom:20px;
}
footer .container ul li:first-child {
	border:none;
}
footer .container ul li:last-child {
	margin-bottom:0;
}
footer .container ul li.fundo {
	margin-top:0;
	width:100%;
}
footer .container a.facebook, 
footer .container a.youtube, 
footer .container a.vimeo, 
footer .container a.linkedin {
	margin-top:10px;
}
footer .container ul li span.texto, footer .container ul li span.dado-icon {
	text-align:center;
}
/** !! FOOTER **/

/** MEDIA QUERIES **/
@media screen and (max-width: 350px) { 
	main .fundo-homepage { 
		min-height:595px;
	}
	main .fundo-homepage .content-homepage form.sintoma label.label_tipo { 
		margin-bottom:10px;
	}

	header .topo a.logo-principal { 
		width:225px;
	}
	#alerta .container-alertas,
	#alerta-voltar-ao-inicio .container-alertas, 
	.info-adicional-conteudo.container-alertas { 
		width:calc(100% - 40px);
	}
	#alerta .container-alertas a.tipo-4,
	#alerta-voltar-ao-inicio .container-alertas a.tipo-4 {
		margin:0 auto;
		display:block;
	}
	#alerta .container-alertas a.tipo-4.primeiro,
	#alerta-voltar-ao-inicio .container-alertas a.tipo-4.primeiro { 
		margin:0 auto 15px auto;
	}
	main .medicamentos .medicamento-completo .float-right {
		padding:8px 3px;
	}
	#contactos .container-contactos { 
		padding:15px 2px;
	}

	main .conteudo form .container-select.inline.select-caracterizacao { 
		margin:15px auto;
	}
	main .conteudo form .container-select.inline.select-caracterizacao, 
	main .conteudo form .container-select.inline.float-left.select-caracterizacao,
	main .conteudo form .container-select.inline.float-right.select-caracterizacao { 
		float:none;
		display:block;
		width:100%;
	}

	.resultados .mobile .container-medicamentos-mobile .medicamentos a.medicamento-completo .float-right h3.uppercase, 
	.resultados .mobile .container-medicamentos-mobile .medicamentos a.medicamento-completo.sem-imagem span { 
		font-size:14px;
	}

	#disclaimer #concordo, #politica-de-privacidade a.continuar, #termos-de-utilizacao a.continuar { 
		width:calc(100% - 40px);
	}

	main ul.passos { 
		height:35px;
	}
	main ul.passos li .separador {
		width:32%;
		left:85%;
	}
	main ul.passos li span.descr { 
		display:none;
	}
}
@media screen and (min-width: 351px) and (max-width: 450px) { 
	main .fundo-homepage .content-homepage form.sintoma label.label_tipo { 
		margin-bottom:10px;
	}

	header .topo a.logo-principal { 
		width:280px;
	}
	#alerta .container-alertas, 
	#alerta-voltar-ao-inicio .container-alertas, 
	.info-adicional-conteudo.container-alertas { 
		width:calc(100% - 40px);
	}
	#alerta .container-alertas a.tipo-4,
	#alerta-voltar-ao-inicio .container-alertas a.tipo-4 {
		margin:0 auto;
		display:block;
	}
	#alerta .container-alertas a.tipo-4.primeiro, 
	#alerta-voltar-ao-inicio .container-alertas a.tipo-4.primeiro { 
		margin:0 auto 15px auto;
	}
	#contactos .container-contactos { 
		padding:15px 10px;
	}

	main .conteudo form .container-select.inline.select-caracterizacao { 
		margin:15px auto;
	}
	main .conteudo form .container-select.inline.select-caracterizacao, 
	main .conteudo form .container-select.inline.float-left.select-caracterizacao,
	main .conteudo form .container-select.inline.float-right.select-caracterizacao { 
		float:none;
		display:block;
		width:100%;
	}

	.resultados .mobile .container-medicamentos-mobile .medicamentos a.medicamento-completo .float-right h3.uppercase, 
	.resultados .mobile .container-medicamentos-mobile .medicamentos a.medicamento-completo.sem-imagem span { 
		font-size:14px;
	}

	main ul.passos { 
		height:35px;
	}
	main ul.passos li .separador {
		width:40%;
		left:80%;
	}
	main ul.passos li span.descr { 
		display:none;
	}
}
@media screen and (min-width: 451px) and (max-width: 550px) { 
	header .topo a.logo-principal { 
		width:360px;
	}
	#alerta .container-alertas,
	#alerta-voltar-ao-inicio .container-alertas,
	.info-adicional-conteudo.container-alertas { 
		width:calc(100% - 40px);
	}

	main ul.passos { 
		height:35px;
	}
	main ul.passos li span.descr { 
		display:none;
	}
}

@media screen and (max-width: 660px) { 
	main .conteudo.resultados .form-resultados .opcoes > .float-left { 
		float:none;
	}
	main .conteudo.resultados .form-resultados .opcoes .float-right.container-preferencias-resultados {
		float:none;
	}
}

@media screen and (max-width: 500px) { 
	main .medicamentos .medicamento-completo:hover {
		background-color:#FFFFFF;
	}
	main .medicamentos .medicamento-completo:hover > .float-right {
		background-color:#7DBBCE;
	}
	main .medicamentos .medicamento-completo .float-left {
		border-right:none;
	}
	main .medicamentos .medicamento-completo .float-right {
		border-left:1px solid #303D4A;
	}
}

@media screen and (min-width: 700px) { 
	main ul.passos li:first-child { 
		margin-left:15px;
	}
}