@media screen and (max-width: 240px) {
	#content-main-menu .slicknav_menu {
		width: 100px;
	}
}

@media screen and (max-width: 300px) {
	#main-header #header-toolbox{
		display:none;
	}
}


@media screen and (max-width: 540px){
	.bx-content p#textSlide {
		font-size: 2.0rem;
		line-height: 2.3rem;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	}
}

@media screen and (max-width: 500px) {
/* GLOBAL */
	p{
		padding-bottom: 15px;
	}

	#main-header #pesquisaHdr{
		display:none;
	}

	#main-header #header-compare-link{
		display:none;
	}

	#container-footer {
		padding: 4% 2% 7% 2%;

	}

	footer#main-footer {
		position: fixed;
		bottom: -74.8%;
		width: 100%;
		height: 80%;
		clear: both;
		font-size: 1.1rem;
		color: #fff;
		text-align: center;
		z-index: 400;
	}

	#container-footer-left {
		display: block;
		width: 100%;
	}

	#container-footer-form-contactos {
		display: block;
		vertical-align: top;
		margin: 0rem;
	}

	#container-footer-form-contactos div.dataLine span{
		display: block;
	}
	.watermark_container{
		display: block !important;
	}
	#container-footer-form-contactos input#country, #container-footer-form-contactos input#company, #container-footer-form-contactos input#name, #container-footer-form-contactos input#email{
		width: 96%;
		padding: 2px;
		font: 1.1rem 'Open Sans', sans-serif;
	}
	#container-footer-form-contactos textarea {
		width: 96%;
		padding: 2px;
		height: 40px;
		font: 1.1rem 'Open Sans', sans-serif;
	}

	div.buttonsArea {
		text-align: right;
		display: block;
		width: 98%;
		padding: 0px 2px;
	}

	#container-info-novidades{
		display: none;
	}

	#container-footer-right {
		display: block;
		width: 100%;
	}

	#container-footer-form-newsletter{
		display: none;
	}

	p#footer-social-mobile{
		display: block;
	}

	#footer-contactos-left {
		display:-moz-inline-stack; /* FF2 fix coz it does not support inline-block */
		display:inline-block; /* supported by FF3+ and IE8+ */
		zoom:1; *display:inline; /*  IE6 & IE7 hack coz they do not support inline-block (zoom trigger hasLayout and * target IE6/7) */
		margin-right: 2.0rem;
	}

	#footer-contactos-right {
		display:-moz-inline-stack; /* FF2 fix coz it does not support inline-block */
		display:inline-block; /* supported by FF3+ and IE8+ */
		zoom:1; *display:inline; /*  IE6 & IE7 hack coz they do not support inline-block (zoom trigger hasLayout and * target IE6/7) */
	}

	#container-info-contactos h2 {
		border-bottom: 1px solid #e0e0e0;
		padding-bottom: 0.4rem;
		margin-top: 1.2rem;
		margin-bottom: 1.2rem;
	}

/* HOMEPAGE */
	.bx-content p#textSlide {
		font-size: 1.7rem;
		line-height: 2.1rem;
	}


/* PRODUTOS */
	.container-produto-nav{
		position: fixed;
		top: 40%;
		display:-moz-inline-stack; /* FF2 fix coz it does not support inline-block */
		display:inline-block; /* supported by FF3+ and IE8+ */
		zoom:1; *display:inline; /*  IE6 & IE7 hack coz they do not support inline-block (zoom trigger hasLayout and * target IE6/7) */
		vertical-align: top;
		width: 24px;
		padding: 0px;
		xmargin-top: 40%;
		z-index: 99;
	}

	#container-produto-nav-previous{
		left: 2%;
	}
	#container-produto-nav-next{
		right: 2%;
	}

	#destaques-produtos {
		margin-top: 6rem;
	}

	#container-produto {
		margin-top: 6.6rem;
	}

	#container-produto-info{
		display:block;
		position: relative;
		width: 74%;
		margin: 0 auto;
		padding: 4%;
		padding-bottom: 60px;
		background-color: #fff;

	}

	#backList-mini{
		top: 8%;
		right: 4.7%;
	}

	#container-produto-imagem{
		display:-moz-inline-stack; /* FF2 fix coz it does not support inline-block */
		display:inline-block; /* supported by FF3+ and IE8+ */
		zoom:1; *display:inline; /*  IE6 & IE7 hack coz they do not support inline-block (zoom trigger hasLayout and * target IE6/7) */
		vertical-align: top;
		width:100%;
		padding: 0%;
	}

	#container-produto-imagem .mainImageContainer{
		min-height: 50px;
	}

	#container-produto-imagem .mainImageContainer img{
		width:75%;
		height: auto;
		max-width: 240px;
	}

	.thumbnailsContainer{
		min-height: 4px;
	}

	.thumbnailsContainer ul li {
		display: -moz-inline-stack;
		display: inline-block;
		zoom: 1;
		width: 30px;
		height: 30px;
		border: 1px solid #d3d3d1;
		margin: 0px 6px 6px 6px;
		vertical-align: top;
		text-align: left;
	}


	.thumbnailsContainer ul li img{
		width: 30px;
		height: 30px;
	}

	#container-comparewith{
		display:none;
	}

	#container-produto-loja{
		display:none;
	}

	#container-produto-nav{
		display:none;
	}


	#container-empresa-cup-and-saucer {
		margin-top: 22.0rem;
	}

	#container-chavena-chavena {
		margin-top: 22.0rem;
	}

	#container-design-investigacao {
		margin-top: 22.0rem;
	}

	/* PÁGINA CONTACTOS */

	#container-footer-contactos {
		padding: 4% 2% 7% 2%;
	}

	#container-form-contactos {
		display: block;
		vertical-align: top;
		margin: 0rem;
	}

	#container-footer-contactos p {
		font-size: 1.1rem;
		line-height: 1.4rem;
	}

	#container-form-contactos div.dataLine span{
		display: block;
	}

	#container-form-contactos input#country, #container-form-contactos input#company, #container-form-contactos input#name, #container-form-contactos input#email{
		width: 96%;
		padding: 2px;
		font: 1.1rem 'Open Sans', sans-serif;
	}
	#container-form-contactos textarea {
		width: 96%;
		padding: 2px;
		margin-top: 2px;
		height: 40px;
		font: 1.1rem 'Open Sans', sans-serif;
	}
}

@media screen and (max-width: 380px){
	.bx-content p#textSlide {
		font-size: 1.4rem;
		line-height: 2.2rem;
	}

	.bx-content p span.bx-separador{
		width: 50px;
		height: 14px;
	}

	#outer-page-div {
		background: url('/images/bg_homepage_380.jpg') transparent no-repeat top center fixed;
	}

	#outer-page-div-empresa{
		background: url('/images/img_fundo_empresa_380.jpg') transparent no-repeat top center fixed;
	}

	#outer-page-div-design{
		background: url('/images/img_fundo_design_380.jpg') transparent no-repeat top center fixed;
	}


	#outer-page-div-chavena{
		background: url('/images/img_fundo_chavena_380.jpg') transparent no-repeat top center fixed;
	}
}






/*
@media screen and (max-width: 300px){
	.bx-content span {
		font-size: 1.4rem;
		line-height: 1.4rem;
	}
}


@media screen and (max-width: 230px){
	.bx-content span {
		font-size: 1.4rem;
		line-height: 1.4rem;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	}
}
*/

@media screen and (max-width: 800px) {
	p{
		font-size: 84%;
	}

}

@media screen and (max-width: 925px) {
	header#main-header {
		display: block;
		width: 100%;
		float: none;
		text-align: left;
		background-color: #000;
		position: fixed;
	}

	#main-header #header-toolbox {
		position: absolute;
		margin-top: 0rem;
		padding: 1.3rem 1.3rem 0.5rem 0rem;
		top: 0;
		right: 0;
		min-width: 70px;
		text-align: right;
		vertical-align: top;
	}

	#main-header #pesquisaHdr {
		padding-top: 0.8rem;
	}

	#main-header #header-compare-link {
		padding-top: 0.8rem;
	}

	#main-header #header-lang-chooser {
		padding-top: 0.8rem;
	}

	#main-header #header-lang-chooser ul li a {
		padding: 0.2rem 0.2rem;
		text-transform: uppercase;
		color: #616161;
		font-size: 1.0rem;
	}

	#main-header #link-homepage{
		display: inline-block;
		float: left;
		vertical-align: top;
	}

	#main-header #header-logotipo {
		width: 9.0rem;
		padding: 8px 6px;
		text-align: center;
	}
	img#img-logo {
		padding: 0rem;
		margin-bottom: 0rem;
		width: 9.0rem;
		height: 4.3rem;
	}


	nav#content-main-menu{
		display: inline-block;
		vertical-align: top;
	}

	#mainMenu {
		display:none;
	}
	#main-header-submenu {
		display:none;
	}

	.slicknav_menu {
		display:inline-block;
		width: 136px;
		padding-top: 2.0rem;
		padding-bottom: 1.3rem;
	}

	#content-main-menu a{
		width: auto;
		min-width: 87px;
		padding: .5rem 0rem;
		margin-bottom: 0rem;
		color: #fff;
		text-transform: uppercase;
	}

	.slicknav_nav .slicknav_item *{
		display: inline-block;
		cursor: pointer;
	}

	li.slicknav_parent .sf-menu-title{
		padding-left: 13px;
	}

	#content-main-menu ul.slicknav_nav .sf-menu-title > a{
		font-size: 65%;
	}



	#content{
		margin: 51px 0px 0px 0px;
	}

/* PÁGINA PRODUTO */

	#backList{
		display: none;
	}

	#backList-mini{
		display: inline-block;
	}

/* PÁGINA CONTACTOS */
	#mapaGoogle iframe{
		height: 70%;
		max-height: 290px;
	}

}


@media screen and (max-width: 1000px) {
	#mainMenu {
		width: 60rem;
	}

	#container-empresa-cup-and-saucer{
		background-color: #f0f0f0;
		background-image: url('/images/bg_estatico_1.jpg');
		background-attachment: scroll;
		background-position: center center;
		background-repeat: repeat;
	}

	#container-empresa-missao{
		background-color: #f0f0f0;
		background-image: url('/images/bg_estatico_1.jpg');
		background-attachment: scroll;
		background-position: center center;
		background-repeat: repeat;
	}

	#container-empresa-mercados{
		background-color: #f0f0f0;
		background-image: url('/images/bg_estatico_1.jpg');
		background-attachment: scroll;
		background-position: center center;
		background-repeat: repeat;
	}

	#container-chavena-chavena{
		background-color: #f8f8f8;
		background-image: url('/images/bg_estatico_2.png');
		background-attachment: scroll;
		background-position: center center;
		background-repeat: repeat;
	}

	#container-chavena-recomendacoes{
		background-color: #f8f8f8;
		background-image: url('/images/bg_estatico_2.png');
		background-attachment: scroll;
		background-position: center center;
		background-repeat: repeat;
	}

	#container-chavena-normas{
		background-color: #f8f8f8;
		background-image: url('/images/bg_estatico_2.png');
		background-attachment: scroll;
		background-position: center center;
		background-repeat: repeat;
	}

	#container-empresa-cup-and-saucer div {
		display: inline-block;
		vertical-align: top;
		max-width: 900px;
		width: 95%;
	}

	#container-empresa-atitude div {
		max-width: 900px;
		width: 95%;
	}

	#container-chavena-chavena div {
		display: inline-block;
		vertical-align: top;
		max-width: 900px;
		width: 95%;
	}

	#container-design-investigacao{
		background-color: #312f33;
		background-image: url('/images/bg_estatico_3.jpg');
		background-attachment: scroll;
		background-position: center center;
		background-repeat: repeat;
	}

	#container-design-personalizacao{
		background-color: #312f33;
		background-image: url('/images/bg_estatico_4.jpg');
		background-attachment: scroll;
		background-position: center center;
		background-repeat: repeat;
	}

}

@media screen and (max-width: 1024px) {
	#outer-page-div-empresa{
		background: url('/images/img_fundo_empresa_1024.jpg') transparent no-repeat top center fixed;
	}

	#outer-page-div-design{
		background: url('/images/img_fundo_design_1024.jpg') transparent no-repeat top center fixed;
	}


	#outer-page-div-chavena{
		background: url('/images/img_fundo_chavena_1024.jpg') transparent no-repeat top center fixed;
	}
}

@media screen and (max-width: 970px) {
	#container-info-contactos {
		display: block;
		width: 97%;
		margin: 0rem;
	}
	#container-info-contactos-left {
		margin-right: 2.0rem;
	}
}

@media screen and (max-width: 980px) {
	#mainMenu {
		width: 56rem;
	}
}

@media screen 	and (min-width : 1000px)
				and (max-width: 1224px){
	#container-empresa-cup-and-saucer div {
		display: inline-block;
		vertical-align: top;
		max-width: 500px;
		width: 76%;
	}

	#container-chavena-chavena div {
		display: inline-block;
		vertical-align: top;
		max-width: 540px;
	}

	#container-design-investigacao div {
		display: inline-block;
		vertical-align: top;
		max-width: 420px;
	}


	#container-design-personalizacao div {
		display: inline-block;
		vertical-align: top;
		max-width: 508px;
	}
}



@media screen 	and (min-width : 1224px)
				and (max-width: 1420px){

	#container-design-investigacao div {
		display: inline-block;
		vertical-align: top;
		max-width: 600px;
	}
}

@media print {
    header#main-header{
        display: none;
    }
    footer#main-footer{
        display: none;
    }
    .bar-export{
        display: none;
    }
}