/*@media ( max-width : 767px)  {*/
/*@media screen and (max-width: 600px)  {*/
/*@media (max-width: 767px) {
@media screen and (max-width: 767px){*/
@media (max-device-width: 767px) {

	body {
	  font-size: 12px;
	  cursor:pointer;
	}


/* Header - Inicio */

	#header {
		padding-bottom: 0px !important;
	}
	
	
	#header.shrink div.LinhaLogotipo{
		display: none !important;
	}
	#header.shrink div.invisible-xs-block{
		display: block !important;
	}

	#logotopo {
		width: 70% !important;
		float: left;
	}
	#logotopo img{
		max-width: 80% !important;
	}
	#slogan {
		width: 30% !important;
		float: right;
		margin-top: 10px;
	}
	#slogan p {
		font-size: 1em;
	}

	.fa-3x {
		font-size: 2em;
	}
	
	#header .BlocoMenu {
		margin-top: 0px;
	}

	#MenuTopo .btn, #MenuTopo .dropdown-menu>li>a {
		min-width: initial;
		font-size: 1.2em;
		padding: 2px 6px !important;
		color: #000000;
	}
	
	#MenuTopo .btn:hover, .dropdown-menu>li>a:hover{
		color: #00AEEF;
	}
	
	#MenuTopo.is-visible #CloseButtonMenu {
		display: block;
		position: absolute;
		top: 10px;
		right: 10px;
	}
	
	#MenuTopo.is-visible {
		display: block;
		width: 90% !important;
		margin: 5%;
		position: absolute;
		top:0px;
		left: 0px;
		padding: 20px;
		border-radius: 20px;
		z-index: 1000;
		background-color: rgba(255, 255, 255, 0.8);
	}
	
	#MenuTopo .dropdown-menu>li{
		margin-left: 10px;
	}
	
	#MenuTopo .dropdown-menu>li>a>p{
		margin: 0px;
	}

	ul.navbar-nav{
		margin:0px;
		z-index: 100;
		/*background-color: #383838;*/
		/*min-width: 20px;*/
		position: static;
        width:100%;
	}

	/*
	.navbar-nav>li {
		float: left;
	}
	*/

	.LinhaMenu{
		position: relative !important;
		width: 100% !important;
		height: 30px !important;
		margin-bottom: 10px !important;
	}
	
	.LinhaLogotipo{
		position: relative !important;
		width: 100% !important;
	}
	
	#header_nav{
		position: absolute;
		left: 0;
		width:95% !important;
		float:left !important;
		z-index: 100;
	}
	
	#header #header_search, #pesquisatopo, #topsearch{
		display: none !important;
	}
	
	#pesquisa_topo_mobile{
		display: block !important;
	}
	#pesquisatopo-mobile{
		display: block !important;
		float:right;
		margin-right: 5px;
		position:relative;
		right:0px;
		border: 0px none;
		margin-top: 5px;
	}
	
	#header.shrink #pesquisatopo-mobile{
		margin-top: 5px;
	}
	
	#pesquisatopo-mobile a img {
		height: 15px !important;
		padding-left: 2px;
		padding-right: 2px;
	}
	
	#lang-menu-mobile, #pesquisatopo-mobile a{
		/*display: inline-block;*/
		float: left;
		margin: 0px 2px;
		font-size: 15px;
	}
	
	#MenuTopo .dropdown-menu {
		min-width: 60px !important;
		background-color: rgba(0,0,0,0) !important;
	}
	
	#lang-menu-mobile{
		margin: 0 5px;
	}
	
	#lang-menu-mobile .dropdown-menu {
		min-width: 10px;
		margin-left: -10px;
	}
	.dropdown-menu>li>a{
		min-width: 60px !important;
	}
	
	#lang-menu-mobile ul.nav:focus li.dropdown > ul.dropdown-menu
	, #lang-menu-mobile ul.nav li.dropdown:hover > ul.dropdown-menu
	, #lang-menu-mobile ul.nav li.dropdown:focus > ul.dropdown-menu {
		display: block !important;    
	}
	


	#lang-menu{
		display: none;
	}

	#textopesquisatopo {
		display:none !important;
	}
	
	#form-pesquisatopo-mobile.is-visible{
		display: block !important;
		z-index: 1000;
		background-color: rgba(255, 255, 255, 0.8);
		position: absolute;
		width: 100%;
		top: 100px;
		left: 0%;
		padding: 40px 50px;
		color: #383838;
	}
	
	#textopesquisatopomobile{
		background-color: rgba(0,0,0,0);
		color: #383838;
		display: inline-block;
		height: 40px;
		margin-left: 10px;
		min-width: 200px;
		border: 0px none;
		border-top: 1px solid #383838;
		border-bottom: 1px solid #383838;
	}
	
	

/* Header - Fim */

/* Footer - Inicio */

	.footer-left, .footer-center, .footer-right {
		width: 100% !important;
	}
	
	#footer-center-bottom {
		margin-top: 5%;
	}
	#footer-left-top a img {
		display: inline-block;
		height: 20px !important;
		padding-right: 5px;
	}
	
	#footer-left-bottom .footer-menu {
		padding-left: 0px;
		width: 45%;
		margin: 1%;
		float: left;
	}
	
	#footer-copywright, #footer-right-top, #footer-center-top{
		display: none;
	}
	
	#footer-copywright-mobile{
		display: block !important;
		color: #00AEEF;
		margin-top: 10px;
		padding-left: 0px;
	}
	
	#footer-left-bottom h3 p {
		font-size: 1em;
	}

/* HomePage - Inicio */

	#HPSectionBannerTopo div.BlocoCima {
		width: 100% !important;
		height: 300px !important;
	}
	#HPSectionBannerTopo div.BlocoCima div.BlocoTexto {
		width: 100% !important;
	}
	#HPSectionBannerTopo div.BlocoCima div.Titulo {
		margin-top: 10% !important;
	}
	
	#HPSectionBannerTopo #myCarousel div.BlocoBaixo {
		width: 29.33% !important;
		margin: 2% 2% !important;
		height: 100px !important;
	}
	#HPSectionBannerTopo #myCarousel div.BlocoBaixo div.BlocoTexto:hover {
		height: 100% !important;
	}

	#HPSectionBannerTopo div.BlocoIndicadores {
		height: 20px !important;
	}
	#HPSectionBannerTopo .carousel-indicators .active, #HPSectionBannerTopo .carousel-indicators .inactive {
		height: 10px !important;
		width: 10px !important;
	}
	.carousel-indicators {
		bottom: 0px !important;
	}

	#HPSectionBannerTopo {
		margin-top: 0px !important;
	}
	#HPSectionBannerCentro, #HPSectionProdutos, #HPSectionProjectos, #HPSectionCatalogos, #HPSectionMapa, #HPSectionBannerFundo {
		margin-top: 20px !important;
	}
	
	hr {
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}
	
	#HPSectionProdutos div.BlocoBaixo {
		min-width: 150px;
		min-height: 150px;
		width: 48% !important;
		float: left;
	}
	
	#HPSectionProdutos #myCarouselProdutos div.BlocoLista div.Titulo {
		margin: 20% 0%;
	}
	#HPSectionProdutos #myCarouselProdutos div.BlocoLista {
		width: 23%;
	}
	#HPSectionProjectos div.BlocoInfo {
		width: 96%;
		margin: 2%;
	}
	
	#HPSectionMapa div.Bloco {
		width: 100%;
	}
	#HPSectionMapa div.BlocoTitulo {
		width: 100%;
	}


/* HomePage - Fim */



/* Conteudos - Inicio */

	#GCWContent {
		padding: 10px 0px;
	}

	#GCWContent .newsbox {
		width: 98%;
		margin-left: 2%;
		margin-right: 2%;
		min-height: 200px;
	}
	
	#GCWContent #Navegacao .newsbox {
		min-height: 150px;
	}
	
	#GCWContent #Navegacao .newsbox .Bloco {
		height: 80%;
	}
	
	#GCWContent #BlocoTextoProjecto .ObservacoesProjecto {
		width: 100%;
	}
	
	#GCWContent #BlocoTextoProjecto .ObservacoesProjecto img {
		max-width: 100%;
	}
	
	#Navegacao div.Anterior, #Navegacao div.Seguinte {
		width: 45%;
	}
	
	#GCWContent .newsbox .Titulo {
		font-size: 1em;
		margin: 5px;
		margin-top: 10px;
	}
	
	#GCWContent .list-filter{
		display: none;
	}
	
	#GCWContent .list-filter.active{
		display: block;
		z-index: 1000;
		background-color: rgba(255, 255, 255, 0.8);
		position: absolute;
		width: 100%;
		top: 20%;
		left: 0%;
		padding: 40px 50px;
	}
	
	.list-prod {
		width: 100%;
		float: left;
		margin-left: 0px !important;
	}
	
	.Bloco-filter-list{
		display: block !important;
		margin-left: 10px;
	}
	
	.filter-list{
		display: block !important;
	}
	
	div.list-prod div.product {
		margin-top: 10px !important;
	}
	
	.list-prod div.row.clearfix div.col-sm-12 img.category-representative {
		/*
		max-width: 164px !important;
		margin-right: 4px;
		margin-bottom: 3px;
		*/
		float: left;
		width: 48% !important;
		margin: 1% 1%;
		margin-right: 20%;
	}
	.thumbs-list {
		min-height: initial;
		width: 100%;
		padding: 0px;
	}
	
	/*
	figure img {
		height: auto;
		width: 80px;
	}
	*/
	
	figure {
		background: none;
		cursor: pointer;
		float: left;
		height: auto;
		margin: 0px;
		overflow: visible;
		position: relative;
		text-align: left;
		width:48%;
		margin: 0% 1%;
	}
	
	figure img {
		width: 160px;
		margin-right:2px;
	}

	figure h2 {
		font-size: 0.8em;
	}
	
	span.destaques-de-listagem {
		font-size: 1.4em;
		/*margin-top: 15%;*/
		top: 10% !important;
		min-width: 10%;
		width: 48%;
		margin: 1% 1%;
	}
	
	
	#ProductView #myCarousel div.carousel-inner div.BlocoImagem {
		height: 300px;
		width: 100%;
	}
	
	.panel-heading h4.panel-title i.fa-2x {
		font-size: 2em;
	}
	
	.panel {
		margin-bottom: 2px;
	}
	
	h3{
		font-size: 1.2em;
	}
	
	#GCWContent #BlocoImagemConceito {
		float: left;
		width: 100%;
		padding-left: 2%;
		padding-right: 2%;
	}

	#GCWContent #BlocoTextoConceito {
		float: right;
		width: 100%;
		padding-left: 2%;
		padding-right: 2%;
	}
	
	#GCWContent #TextoConteudo .col-sm-4, #GCWContent #TextoConteudo .col-sm-8, #GCWContent #TextoConteudo .col-sm-12 {
		padding-left: 0px !important;
		padding-right: 0px !important;
		float: left;
		width: 100%;
	}
	
	#GCWContent #TextoConteudo .col-xs-12, #GCWContent #TextoConteudo .col-xs-4, #GCWContent #TextoConteudo .col-xs-8, #fc-contacto .col-sm-12 {
		padding-left: 0px !important;
		padding-right: 0px !important;
		float: left;
		width: 100% !important;
	}
	
	#collapseFour div.panel-body{
		padding: 0px;
	}
	
	table.codigo-produtos tr {
		font-size: 0.9em !important;
	}
	
	div.ProdutosRelacionados{
		display: none !important;
	}
	
	img.IconCarrinho{
		height: 15px !important;
	}
	
	img.IconStock{
		height: 30px !important;
	}
	
	table.codigo-produtos tr th {
		font-size: 0.9em;
	}
	
	table.codigo-produtos tr td {
		padding-right: 2px;
		font-size: 0.9em;
	}
	
	/*
	table.codigo-produtos td, table.codigo-produtos th {
	   display: none;
	}
	table.codigo-produtos td:nth-of-type(1), table.codigo-produtos td:nth-of-type(5), table.codigo-produtos td:nth-of-type(6),
	table.codigo-produtos th:nth-of-type(1), table.codigo-produtos th:nth-of-type(5), table.codigo-produtos th:nth-of-type(6)	{
	   display: block;
	}
	*/
	
	table.codigo-produtos tr td select {
		width: 30px;
	}
	
	div.prod-log{
		padding-left: 5px;
		padding-right: 5px;
	}

	/* Conteudos - Fim */

	
	/* Popups */
	
	div.egoi-form.active {
		padding: 0px 0px;
		width: 50%;
	}
	
	div.egoi-form form {
		margin: 10% 0% !important;
		padding: 1% 2% !important;
	}
	
	
	div.egoi-form div.Titulo {
		text-align: center;
		text-transform: uppercase;
		font-size: 1em;
	}
	
	div#egoi-form-login.egoi-form form img.CloseButton {
		top: 10%;
		right: 20%;
	}
	
	div.egoi-form img.MyBrilumen {
		height: 10px !important;
	}
	
	div.egoi-form label {
		margin-bottom: 0px;
	}
	
	div.egoi-form input[type="text"], div.egoi-form input[type="email"], div.egoi-form input[type="password"], div.egoi-form textarea {
		width: 100% !important;
	}
	
	div.egoi-form textarea {
		height: 50px !important;
	}
	div.egoi-form input[type="text"], div.egoi-form input[type="email"], div.egoi-form input[type="password"] {
		height: 20px;
		margin-bottom: 5px;
	}
	
	div.egoi-form input[type="checkbox"], div.egoi-form input[type="radio"] {
		margin: 0px;
		margin-right: 0px;
	}
	
	div.egoi-form div.container {
		padding-right: 0px;
		padding-left: 0px;
	}
	
	div.egoi-form input[type="submit"], div.egoi-form input.CloseButton {
		float: left;
		margin-right: 5%;
		padding: 4px 10px;
	}
	
	div.egoi-form .form-control {
		font-size: 1em;
		height: 35px;
	}


}