/*
Cores:
- Branco								-> #ffffff
- Azul 				-> C100 M0 Y0 K0	-> #00FFFF (#00AEEF)
- Cinzento claro 	-> R188 G190 B192 	-> #BCBEC0
- Cinzento normal 	-> C56 M48 Y47 K14	-> #607274 #707070
- Cinzento escuro 	-> R56 G56 B56 		-> #383838



Font: 
	DIN-Regular
	DIN-Light
	DIN-Medium
	DIN- Bold

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

*/

@-webkit-keyframes spinAround {
  from { -webkit-transform:rotate(0deg)

  }to {
  -webkit-transform: rotate(90deg);
  }

}
@-moz-keyframes spinAround {from { -moz-transform:rotate(0deg)
}

to {
  -moz-transform: rotate(90deg);
}

}
@keyframes spinAround {from { transform:rotate(0deg)

}

to {
  transform: rotate(90deg);
}

}


@-webkit-keyframes spinToOrigin {
  from { -webkit-transform:rotate(90deg)

  }to {
  -webkit-transform: rotate(0deg);
  }

}
@-moz-keyframes spinToOrigin {from { -moz-transform:rotate(90deg)
}

to {
  -moz-transform: rotate(0deg);
}

}
@keyframes spinToOrigin {from { transform:rotate(90deg)

}

to {
  transform: rotate(0deg);
}

}





.row{
	margin-left: 0px !important;
	margin-right: 0px !important;
}


#content{
	margin-right: auto !important;
	margin-left: auto !important;
	max-width: 1500px;
	margin-top: 200px;
	z-index:-1;
}


/*
.container {
	width: 90% !important;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5% !important;
    padding-right: 5% !important;
}
*/

body {
  color: #fff;
  font-family: "DIN-Regular", "Open Sans", sans-serif;
  font-size: 14px;
  background-color: #383838;
}

a{
	color: #ffffff;
	text-decoration: none !important;
}

ol,ul,li {
  list-style: none;
}

a.disabled {
   pointer-events: none;
   cursor: default;
   outline: 0;
}
a.disabled:hover,
a.disabled:active,
a.disabled:focus {
     outline: none;
}
/* set a max-width for horizontal fluid layout and make it centered */
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  max-width: 1500px;
}

.img-fluid{
  width:100%;
  height:auto;
}

input{
	color: #383838;
}

.carousel {
    position: static;
}

p{
	text-align: left;
}

#BlocoImagemProjecto .carousel {
    position: relative;
}

/* HEADER  - Start */

	#header{
		display: table;
		width: 100%;
		background-color: #383838;
		padding-bottom: 10px;
	}

	.fixed-header {
		width: 100%;
		margin: 0 auto;
		position: fixed;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		z-index: 999;
		top: 0px;
	}
	
	.cabecalho{
		margin-right: auto !important;
		margin-left: auto !important;
		max-width: 1500px;
	}
	
	#header.shrink div.LinhaLogotipo{
		display: none;
	}
	
	#header #header_nav{
		display: table-cell;
		height: 100%;
		vertical-align: bottom;
		padding-left: 0px;
	}
	
	#header #header_search{
		display: table-cell;
		height: 100%;
		vertical-align: bottom;
		padding-right: 0px;
	}
	
	#header .BlocoMenu{
		margin-top: 20px;
	}

	#logotopo{
		left: 10%;
		float:left;
	}
	
	#header #nav-toogle i.nav-toogle{
		color: #607274;
		/*
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
		*/
	}
	
	#header #nav-toogle .rotate-nav-toogle {
		color: #607274;
		-webkit-animation: spinAround 0s forwards linear 1;
		-moz-animation: spinAround 0s forwards linear 1;
		animation: spinAround 0s forwards linear 1;
	}
	
	#header #nav-toogle .rotate-nav {
		color: #00AEEF;
		/*
		-webkit-animation: spinAround 2s backwards linear 1;
		-moz-animation: spinAround 2s backwards linear 1;
		animation: spinAround 2s backwards linear 1;
		*/
		-webkit-animation: spinToOrigin 1s backwards linear 1;
		-moz-animation: spinToOrigin 1s backwards linear 1;
		animation: spinToOrigin 1s backwards linear 1;
	}
	
	#MenuTopo.is-visible{
		width: 80%;
		-webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
		transition: width 2s;
		font-size: 14px;
		visibility:visible;
	}
	#MenuTopo.is-invisible{
		visibility:hidden;
	}
	
	
	.btn {
		-moz-user-select: none;
		background-image: none;
		border: 0px none;
		border-radius: 0;
		cursor: pointer;
		display: inline-block !important;
		font-size: 14px;
		font-weight: normal;
		line-height: 1.42857;
		margin-bottom: 0;
		padding: 6px 12px !important;
		text-align: center;
		vertical-align: middle;
		white-space: nowrap;
		margin-left: -2px;
		background-color: rgba(0,0,0,0) !important;
		color: #BCBEC0;
		text-transform: uppercase;
	}
	
	#MenuTopo .btn{
		min-width: 100px;
	}
	
	.dropdown-menu{
		background-color: #383838 !important;
		border: 1px solid #383838;
		text-transform: uppercase;
	}
	
	.dropdown-menu>li>a {
		display: block;
		padding: 3px 20px;
		clear: both;
		font-weight: 400;
		line-height: 1.42857143;
		color: #BCBEC0;
		white-space: nowrap;
		min-width: 100px !important;
		text-align: left;
	}
	
	.btn:hover, .dropdown-menu>li>a:hover, .btn:focus, .dropdown-menu>li>a:focus {
		color: #00AEEF;
		text-decoration: none;
		background-color: #383838;
	}
	
	/*
	ul.nav li.dropdown:hover > ul.dropdown-menu {
		display: block;    
	}
	*/
	
	#pesquisatopo-mobile, #form-pesquisatopo-mobile, #pesquisa_topo_mobile{
		display: none;
	}
	
	
	
	

	#slogan {
	  color: #ffffff;
	  vertical-align: middle;
	  text-align: right;
	  margin-right: 0;
	  float:right;
	  margin-top: 40px;
	}

	#slogan p {
	  font-size: 1.3em;
	  font-family: "DIN-Bold";
	}

	#lang-menu a.active-lang{
		color: #00AEEF;
	}


	#topsearch a{
		display: inline-block;
	}

	#topsearch a img{
		padding-left: 5px;
		padding-right: 5px;
	}

	#topsearch{
		border-color: #ffffff;
		border-style: solid;
		border-width: 1px 0px 1px 0px;
		clear: both;
	}

	#textopesquisatopo, #pesquisa{
		background-color: rgba(0,0,0,0);
		color: #ffffff;
		display: inline-block;
		height: 40px;
		margin-left: 10px;
		border: 0px none;
	}
	#form-pesquisatopo-mobile{
		display: none;
	}
	
	#toplogin{
		width:50%;
		float: left;
		margin: 10px 0px;
	}
	#lang-menu{
		width:30%;
		float: right;
		margin: 10px;
	}
	#toplogin span {
		vertical-align: middle;
		display: inline-block;
	}

/* HEADER  - Finish */


/* FOOTER  - Start */

	footer{
		margin-top: 40px;
		margin-bottom: 20px;
	}
	
	.footer-left{
		padding-left: 0px !important;
	}
	
	#footer-left-top a img{
		display: inline-block;
		padding-right: 20px;
	}
	
	#footer-left-bottom{
		font-size: 0.8em;
	}
	
	#footer-left-bottom .footer-menu{
		padding-left: 0px;
	}
	
	#footer-left-bottom h3 p{
		text-transform: uppercase;
		font-size: 0.5em;
	}
	
	#footer-copywright{
		color: #00AEEF;
		margin-top:10px;
		padding-left: 0px;
	}

	.footer-center{
		position: relative;
	}
	#footer-center-top{
		position: relative;
		margin-top: 10%;
		height: 50%;
	}
	
	#footer-center-top #subscribe-newsletter{
		margin-top: 20px;
	}
	
	/*
	#footer-center-top #subscribe-newsletter #fcemail, .fr_newsletter #email_89{
		background-color: #ffffff;
		border: 0px none;
		color: #000000;
		float: left;
		width: 80%;
		height: 35px;
		padding: 5px;
		border-top-left-radius: 10px;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 10px; 
	}
	
	#footer-center-top #subscribe-newsletter #submit-newsletter, .fr_newsletter #submit-newsletter{
		height: 34px;
		margin-left: 0;
		background-color: #ffffff;
		border: 0px none;
		color: #000000;
		float: left;
		width: 20%;
		height: 35px;
		padding: 5px;
		border-top-left-radius: 0px;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 0px; 
	}
	*/
	
	#footer-center-bottom{
		position: relative;
		margin-top: 20%;
		height: 50%;
	}
	
	.footer-right{
		padding-right: 0px !important;
		position: relative;
	}
	
	#footer-right-top{
		position: absolute;
		right: 0px;
	}

/* FOOTER  - Finish */

/* CONTENT */



/*
.carousel {
    position: static;
    margin-left: -2%;
    margin-right: -2%;
}
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-left: 2%;
    padding-right: 2%;
}

.carousel-control {
	width: 3% !important;
}
*/

.carousel-control:focus, .carousel-control:hover {

    color: #00AEEF;

}

.carousel-control .glyphicon, .carousel-control .icon-next, .carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}


.carousel-control.left{
	background: none !important;
	margin-left: -10px;
	width: 15px !important;
	left: 0;
}

.carousel-control.right{
	background: none !important;
	margin-right: 8px;
	width: 15px !important;
	right: 0;
}

#ProductView .carousel-control.left{
	background: none !important;
	width: 15px !important;
	left: 0;
}

#ProductView .carousel-control.right{
	background: none !important;
	width: 15px !important;
	right: 0;
}

#BlocoImagemProjecto .carousel-control.left {
    background: none !important;
	width: 15px !important;
	left: 0;
	margin-left: -27px;
}

#BlocoImagemProjecto .carousel-control.right {
    background: none !important;
    width: 15px !important;
    right: 0;
	margin-right: -10px;
}


div.BotaoCTA{
	/*background-color: #4e4e4e;*/
	background-color: #00AEEF;
	border-color: transparent;
	border: none;
	color: #4e4e4e;
	height: 40px;
	border-radius: 10px;
	padding: 5px;
	margin: 16px 0px;
}
div.TextoCTA{
	font-family: "Open Sans",sans-serif;
	font-size: 1.5em;
	font-weight: 600;
	height: 30px;
	float: left;
	width: 100%;
}
div.TextoCTA:hover{
	color: #c5c5c5;
}

div#BotaoOrcamento img{
	content: url('/images_new/btn_euro_preto.png');
}
div#BotaoOrcamento:hover img{
	content: url('/images_new/btn_euro_cinza.png');
}

div#BotaoCTAInformacao img{
	content: url('/images_new/btn_info_preto.png');
}
div#BotaoCTAInformacao:hover img{
	content: url('/images_new/btn_info_cinza.png');
}

div#BotaoCTAComprar img{
	content: url('/images_new/btn_comprar_preto.png');
}
div#BotaoCTAComprar:hover img{
	content: url('/images_new/btn_comprar_cinza.png');
}

div.BotaoCTA img {
	height: 30px;
	float:right;
}

/* Filto Luminarias */
	.list-filter{
		width: 20%;
		float: left;
	}
	
	#MenuInnerProdutos .list-filter{
		width: 80%;
	}
	
	.Bloco-filter-list{
		display: none;
	}

	.list-filter .Topo{
		margin-bottom: 20px;
	}
	.list-filter .Titulo{
		color: #000000;
		width: 70%;
		float: left;
	}
	.list-filter .Botoes{
		width: 30%;
		float: left;
		text-align: right;
		color: #000000;
	}

	.list-filter .Botoes a{
		color: #000000;
	}

	.list-filter .Botoes a:hover{
		color: #00AEEF;
	}

	.list-filter .SubTitulo{
		color: #000000;
		padding: 10px 0;
	}

	.list-filter .SubTitulo hr{
		/*border: 1px solid #000000;*/
		border-color: #383838;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.list-prod {
		width: 75%;
		margin-left: 5%;
		float: left;
	}

	.filter-links, .filter-links:hover .active{
		color: #000000;
	}

	.filter-links.active, .filter-links:hover{
		color: #00AEEF;
	}

/* HOMEPAGE - Inicio */

	#HPSectionBannerTopo{
		margin-top: 10px;
		background-color: #BCBEC0;
	}

	#HPSectionBannerTopo #myCarousel{
		background-color: #BCBEC0;
	}
	
	
	#HPSectionBannerTopo div.BlocoIndicadores{
		position: relative;
		background-color: #BCBEC0;
	}

	
	#HPSectionBannerTopo .carousel-indicators li {
		background-color: #607274 !important;
		border: 0px none !important;
		height: 14px;
		margin: 0;
		width: 14px;
	}
	
	#HPSectionBannerTopo .carousel-indicators .active {
		background-color: #00FFFF !important;
		height: 14px;
		margin: 0 5px;
		width: 14px;
	}
	
	#HPSectionBannerTopo #myCarousel a, #HPSection1 #myCarousel a:hover{
		color: inherit;
		text-decoration: none;
	}
		#HPSectionBannerTopo div.BlocoCima{
			width:100%;
			height:400px;
			cursor: pointer;
		}
		#HPSectionBannerTopo div.BlocoCima div.BlocoTexto{
			width: 30%;
			background-color: rgba(255,255,255,0.6);
			float: left;
			height: 100%;
			padding: 2%;
		}
		#HPSectionBannerTopo div.BlocoCima div.BlocoTexto hr{
			width: 50%;
			margin-left:auto;
			margin-right: auto;
			border-color: #383838;
		}
		#HPSectionBannerTopo div.BlocoCima div.Titulo{
			margin-top: 20%;
			font-size: 2.5em;
			text-align: center;
			color: #383838;
			text-transform: uppercase;
		}
		#HPSectionBannerTopo div.BlocoCima div.Texto{
			font-size: 2em;
			text-align: center;
			color: #383838;
		}
		#HPSectionBannerTopo div.BlocoCima div.Titulo a, #HPSectionBannerTopo div.BlocoCima div.Texto a{
			color: #383838;
		}
	
	#HPSectionBannerTopo #myCarousel div.BlocoBaixo{
		width:23.33%;
		margin: 2% 5%;
		height:250px;
		float:left;
		cursor: pointer;
	}
	
		#HPSectionBannerTopo #myCarousel div.BlocoBaixo div.Bloco{
			width:100%;
			height:100%;
			position: relative;
			overflow: hidden;
		}
		#HPSectionBannerTopo #myCarousel div.BlocoBaixo div.BlocoTexto{
			width:100%;
			height:40%;
			background-color: rgba(255,255,255,0.6);
			position: absolute;
			bottom: 0px;
			-webkit-transition: height 2s; /* For Safari 3.1 to 6.0 */
			transition: height 2s;
		}
		#HPSectionBannerTopo #myCarousel div.BlocoBaixo div.BlocoTexto:hover{
			height:60%;
		}
		
		#HPSectionBannerTopo #myCarousel div.BlocoBaixo div.BlocoTexto hr{
			width: 50%;
			margin-left:auto;
			margin-right: auto;
			border-color: #383838;
			display: block !important;
		}
		#HPSectionBannerTopo #myCarousel div.BlocoBaixo div.Titulo{
			font-size: 1.2em;
			text-align: center;
			color: #383838;
			text-transform: uppercase;
			margin-top: 10px;
		}
		#HPSectionBannerTopo #myCarousel div.BlocoBaixo div.Texto{
			font-size: 1em;
			text-align: center;
			color: #383838;
			display: none;
		}
		
		#HPSectionBannerTopo #myCarousel div.BlocoBaixo div.BlocoTexto:hover div.Texto{
			display: block;
		}
		
	#HPSectionBannerCentro{
		margin-top: 40px;
	}
	
	#HPSectionBannerCentro a, #HPSectionBannerCentro a:hover{
		color: inherit;
		text-decoration: none;
	}

		#HPSectionBannerCentro div.BlocoTexto{
			width:80%;
			height: 300px;
			margin-left:auto;
			margin-right: auto;
			padding-top: 5%;
			cursor: pointer;
		}
		
		#HPSectionBannerCentro div.BlocoTexto hr{
			width: 70%;
			margin-left:auto;
			margin-right: auto;
			border-color: #ffffff;
		}
		
		#HPSectionBannerCentro div.BlocoTexto div.Titulo{
			font-size: 2em;
			text-align: center;
			color: #ffffff;
		}
		
	#HPSectionProdutos{
		margin-top: 40px;
	}
	
	#HPSectionProdutos a, #HPSectionProdutos a:hover{
		color: #ffffff;
		text-decoration: none;
	}
	
		#HPSectionProdutos div.BlocoTitulo {
			color: #ffffff;
			font-size: 2em;
			text-align: center;
			text-transform: uppercase;
		}
		
		#HPSectionProdutos div.BlocoTitulo hr {
			border-color: #ffffff;
			border-width: 2px;
			width: 100px;
		}

		#HPSectionProdutos div.BlocoBaixo{
			min-width:300px;
			min-height:300px;
			width: 31.33333333% !important;
			margin: 1% !important;
			cursor: pointer;
		}
		
		#HPSectionProdutos div.BlocoBaixo div.Bloco{
			height:100%;
			width:100%;
			padding:0;
			margin:0;
			position:absolute;
			top: 0;
			left: 0;
		}
		
		#HPSectionProdutos div.BlocoBaixo div.BlocoTexto{
			width:100%;
			height:100%;
			bottom:0;
			margin:0;
			padding:0;
			background-color: rgba(255,255,255,0.6);
			position: absolute;
			bottom: 0px;
			visibility:hidden;
		}
		
		#HPSectionProdutos div.BlocoBaixo div.Bloco:hover > div.BlocoTexto{
			visibility:visible;
		}


		
		#HPSectionProdutos div.BlocoBaixo div.BlocoTexto hr{
			width: 50%;
			margin-left:auto;
			margin-right: auto;
			border-color: #383838;
		}
		#HPSectionProdutos div.BlocoBaixo div.Titulo{
			margin: 20% 10% 2% 10%;
			text-align: center;
		}
		#HPSectionProdutos div.BlocoBaixo div.Titulo a{
			font-size: 1.4em;
			font-weight: bold;
			text-align: center;
			color: #000000;
			text-transform: uppercase;
		}
		#HPSectionProdutos div.BlocoBaixo div.Texto{
			font-size: 1em;
			text-align: center;
			font-weight: bold;
		}
		#HPSectionProdutos div.BlocoBaixo div.Texto a{
			color: #000000;
		}
		
		
		div.ProdutosRelacionados{
        	margin-top: 60px;
			width: 100%;
		}
		
		div.BlocoTituloRelacionados{
        	color: #000000;
    		font-size: 1.2em;
    		text-align: left;
    		text-transform: uppercase;
    		padding-left: 15px;
    		padding-bottom: 15px;
		}
		
		
		#HPSectionProdutos #myCarouselProdutos div.BlocoLista{
			width:14.666667%;
			margin: 1%;
			/*min-height:150px;*/
			float:left;
			cursor: pointer;
		}
		
			#HPSectionProdutos #myCarouselProdutos div.BlocoLista div.Bloco{
				height:100%;
				width:100%;
				padding:0;
				margin:0;
				position:relative;
				top: 0;
				left: 0;
			}
			#HPSectionProdutos #myCarouselProdutos div.BlocoLista div.BlocoTexto{
				width:100%;
				height:100%;
				top: 0;
				left: 0;
				margin:0;
				padding:0;
				background-color: rgba(0, 174, 239, 0.6);
				position: absolute;
				bottom: 0px;
				visibility:hidden;
			}
			#HPSectionProdutos #myCarouselProdutos div.BlocoLista div.Bloco:hover > div.BlocoTexto{
				visibility:visible;
			}
			
			#HPSectionProdutos #myCarouselProdutos div.BlocoLista div.Titulo{
				margin: 40% 0%;
				text-align: center;
			}
			#HPSectionProdutos #myCarouselProdutos div.BlocoLista div.Titulo a{
				font-size: 1.2em;
				font-weight: bold;
				
				color: #ffffff;
				text-transform: uppercase;
			}
			/*
			#HPSectionProdutos #myCarouselProdutos div.BlocoLista div.Texto{
				font-size: 1em;
				text-align: center;
				color: #383838;
				display: none;
			}
			
			
			#HPSectionProdutos #myCarouselProdutos div.BlocoLista div.BlocoTexto:hover div.Texto{
				display: block;
			}
			*/
		
	#HPSectionProjectos{
		margin-top: 40px;
	}
	
	#HPSectionProjectos a, #HPSectionProjectos a:hover{
		color: inherit;
		text-decoration: none;
	}

		#HPSectionProjectos div.BlocoTitulo{
			color: #607274;
			font-size: 2em;
			text-align: center;
			text-transform: uppercase;
		}
		
		#HPSectionProjectos div.BlocoTitulo hr{
			border-color: #607274;
			border-width: 2px;
			width: 100px;
		}
		
		#HPSectionProjectos div.Bloco{
			background-color: #BCBEC0;
			display: table;
			padding: 20px 0px;
			width: 100%;
		}
		
		#HPSectionProjectos div.BlocoInfo{
			width: 46%;
			margin-left: 2%;
			margin-right: 2%;
			float: left;
			min-height: 310px;
			position: relative;
			overflow: hidden;
			cursor: pointer;
		}
		/*
		#HPSectionProjectos div.BlocoInfo div.BlocoProjecto{
			height: 100%;
			width: 100%;
			overflow: hidden;
			position: relative;
		}
		*/
		
		#HPSectionProjectos div.BlocoInfo  div.BlocoTexto{
			width:100%;
			height:30%;
			background-color: rgba(255,255,255,0.6);
			position: absolute;
			bottom: 0px;
			-webkit-transition: height 2s; /* For Safari 3.1 to 6.0 */
			transition: height 2s;
			padding-top: 10px;
		}
		
		#HPSectionProjectos div.BlocoInfo div.BlocoTexto:hover{
			height:60%;
		}
		
		#HPSectionProjectos div.BlocoInfo div.BlocoTexto hr{
			width: 50%;
			margin-left:auto;
			margin-right: auto;
			border-color: #383838;
			display: block !important;
		}
		
		#HPSectionProjectos div.Titulo{
			font-size: 1.2em;
			text-align: center;
			color: #383838;
			text-transform: uppercase;
		}
		
		#HPSectionProjectos div.Texto{
			font-size: 1em;
			text-align: center;
			color: #383838;
			display: none;
		}
		
		#HPSectionProjectos div.BlocoInfo div.BlocoTexto:hover div.Texto{
			display:block;
		}
		
	#HPSectionCatalogos{
		margin-top: 40px;
	}
	
	#HPSectionCatalogos a, #HPSectionCatalogos a:hover{
		color: inherit;
		text-decoration: none;
	}

		#HPSectionCatalogos div.BlocoTitulo{
			color: #607274;
			font-size: 2em;
			text-align: center;
			text-transform: uppercase;
		}
		
		#HPSectionCatalogos div.BlocoTitulo hr{
			border-color: #607274;
			border-width: 2px;
			width: 100px;
		}
		
		#HPSectionCatalogos div.BlocoInfo{
			width:100%;
			margin: 0%;
			/*height: 200px;*/
			overflow: hidden;
		}
		
		#HPSectionCatalogos div.BlocoInfo img{
			width: 100%;
		}
	

	#HPSectionMapa{
		margin-top: 40px;
	}
	
	#HPSectionMapa a, #HPSectionMapa a:hover{
		color: inherit;
		text-decoration: none;
	}
	
		#HPSectionMapa div.Bloco{
			width:50%;
			/*margin-left: 5%;
			margin-right: 5%;*/
			float: left;
		}
		
		#HPSectionMapa div.BlocoTitulo{
			width:80%;
			float:left;
		}
		
		#HPSectionMapa div.Titulo{
			color: #ffffff;
			font-size: 1.5em;
			text-align: left;
			width: 80%;
			margin: 20px 0px;
		}
		
		#HPSectionMapa #representantes #codpostal {
			background-color: #607274;
			border: 0 none;
			border-radius: 10px 0 0 10px;
			color: #000000;
			float: left;
			padding: 5px;
			width: 80%;
			height: 34px;
		}
		
		#HPSectionMapa #representantes img {
			background-color: #607274;
			border: 0 none;
			border-radius: 0 10px 10px 0;
			color: #000000;
			float: left;
			height: 34px;
			margin-left: 0;
			padding: 8px;
			/*width: 20%;*/
		}

	#HPSectionBannerFundo{
		margin-top: 40px;
	}
	
	#HPSectionBannerFundo a, #HPSectionBannerFundo a:hover{
		color: inherit;
		text-decoration: none;
	}
	
		#HPSectionBannerFundo .col-md-9, #HPSectionBannerFundo .col-md-3{
			/*
			padding-left: 0px;
			padding-right: 0px;
			*/
			padding: 2px;
		}
		
		#HPSectionBannerFundo div.Bloco{
			background-color: #BCBEC0;
			display: table;
			padding: 40px 0px;
		}
		
		#HPSectionBannerFundo div.BlocoTexto{
			width:30%;
			margin-left: 5%;
			margin-right: 5%;
			float: left;
		}
		
		#HPSectionBannerFundo div.BlocoTexto div.Titulo{
			font-size: 2em;
			text-transform: uppercase;
		}
		
		#HPSectionBannerFundo div.BlocoTexto div.Texto{
			font-size: 1.5em;
		}
		
		#HPSectionBannerFundo div.BlocoImagemGrande{
			width:100%;
			height: 450px;
			float: left;
			position: relative;
		}
		/*
		#HPSectionBannerFundo div.BlocoImagemGrande div.BlocoImagemBloco{
			width:100%;
			height: 100%;
			position: relative
		}
		*/
		#HPSectionBannerFundo div.BlocoImagemGrande div.BlocoImagemBloco div.BlocoImagemTexto{
			margin: 10%;
			margin-right: 40%;
		}
		#HPSectionBannerFundo div.BlocoImagemGrande div.BlocoImagemBloco div.BlocoImagemTexto div.Titulo{
			font-size: 3em;
			font-weight: bold;
			margin-bottom: 10px;
			text-transform: uppercase;
		}
		#HPSectionBannerFundo div.BlocoImagemGrande div.BlocoImagemBloco div.BlocoImagemTexto div.Texto{
			font-size: 1.5em;
		}
		#HPSectionBannerFundo div.BotaoMais a{
			position: absolute;
			bottom: 2px;
			right: 10px;
			font-weight: bold;
			font-size: 2em;
		}
		
		#HPSectionBannerFundo div.BotaoMais a:hover{
			color: #00AEEF;
		}
		
		#HPSectionBannerFundo div.BlocoImagemPequeno{
			width:100%;
			height: 147px;
			float: left;
			position: relative;
		}
		#HPSectionBannerFundo div.BlocoImagemPequeno div.BlocoImagemBloco div.BlocoImagemTexto{
			margin: 20% 0%;
		}
		#HPSectionBannerFundo div.BlocoImagemPequeno div.BlocoImagemBloco div.BlocoImagemTexto div.Titulo{
			font-size: 1.2em;
			font-weight: bold;
			margin-bottom: 10px;
			text-align: center;
		}
		#HPSectionBannerFundo div.BlocoImagemPequeno div.BlocoImagemBloco div.BlocoImagemTexto div.Texto{
			display: none;
		}
		
		
		#HPSectionBannerFundo div.BlocoTexto div.Titulo{
			width:75%;
			color: #607274;
			font-size: 1.5em;
			text-align: left;
			margin: 10px 0px;
		}
		
		#HPSectionBannerFundo div.BlocoTexto div.Texto{
			width:75%;
			color: #607274;
			font-size: 1em;
			text-align: left;
		}
	
		#HPSectionBannerFundo div.BlocoImagem div.BlocoImagemBloco{
			width:100%;
			height:100%;
			position: relative;
			overflow: hidden;
		}
		#HPSectionBannerFundo div.BlocoImagem div.BlocoImagemTexto{
			width:100%;
			height:30%;
			background-color: rgba(255,255,255,0.6);
			position: absolute;
			bottom: 0px;
			-webkit-transition: height 2s; /* For Safari 3.1 to 6.0 */
			transition: height 2s;
		}
		#HPSectionBannerFundo div.BlocoImagem div.BlocoImagemTexto:hover{
			height:40%;
		}
		
		#HPSectionBannerFundo div.BlocoImagem div.BlocoImagemTexto hr{
			width: 50%;
			margin-left:auto;
			margin-right: auto;
			border-color: #383838;
			display: block !important;
		}
		#HPSectionBannerFundo div.BlocoImagem div.BlocoImagemTexto div.Titulo{
			font-size: 1.2em;
			text-align: center;
			color: #383838;
			text-transform: uppercase;
		}
		#HPSectionBannerFundo div.BlocoImagem div.BlocoImagemTexto div.Texto{
			font-size: 1em;
			text-align: center;
			color: #383838;
			display: none;
		}
		
		#HPSectionBannerFundo div.BlocoImagem div.BlocoImagemTexto:hover div.Texto{
			display: block;
		}

/* HOMEPAGE - Finish */


/* GCWContent - Start */

	#GCWContent{
		margin-top: 10px;
		background-color: #BCBEC0;
		padding: 30px;
		color: #383838;
		min-height: 400px;
	}
	
	#GCWContent #TituloConteudo, #GCWContent #TextoConteudo, #GCWContent #TituloConteudo a, #GCWContent #TextoConteudo a{
		/*width:100%;*/
		color: #383838;
	}
	
	#GCWContent #TextoConteudo a.carousel-control{
		color: #ffffff !important;
	}
	#GCWContent #TextoConteudo a.carousel-control:hover{
		color: #00AEEF !important;
	}
	
	a.btnrepresentantes{
		width: initial !important;
	}
	
	#GCWContent #TituloConteudo h4, #GCWContent #TituloConteudo h1{
		color: #383838;
		/*margin-left: 20px;
		padding-top:10px;*/
		padding-bottom:10px;
	}
	
	#GCWContent #TextoConteudo .col-sm-4, #GCWContent #TextoConteudo .col-sm-8, #GCWContent #TextoConteudo .col-sm-12{
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	
	form.area-clientes label {
		display: inline-block;
		font-weight: normal;
		margin-bottom: 5px;
		max-width: 100%;
	}
	form.area-clientes input.form-control, form.area-clientes select.form-control {
		height: 40px;
		width: 94%;
	}
	form.area-clientes select::-ms-expand {
		display: none;
	}
	form.area-clientes select {
		-webkit-appearance: none;
		-moz-appearance: none;
		text-indent: 1px;
		text-overflow: '';
	}
	
	form.area-clientes a.link {
		color: #4e4e4e !important;
	}
	
	
	
	div.BlocoParceiro{
		display: inline-block;
		float: left;
		width: 20%;
		margin-right: 5%;
	}
	
	
	div.BlocoParceiro div.Nome{
		display: inline-block;
		float: left;
		min-height: 100px;
	}
	
	div.BlocoParceiro input{
		margin-right: 10px;
	}
	
	
	form#fc-contacto textarea {
		height: 71px;
		width: 94%;
	}
	form#fc-contacto i.fa.fa-fc-contactos {
		height: 71px;
		line-height: 71px;
		top: -71px;
	}
	form.area-clientes i.fa {
		background-color: #ffffff;
		border-color: #cccccc;
		border-style: solid solid solid none;
		border-width: 1px 1px 1px medium;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
		float: right;
		height: 40px;
		line-height: 40px;
		position: relative;
		text-align: center;
		top: -40px;
		transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
		width: 6%;
	}
	
	form#fc-contacto button {
		background-color: #383838 !important;
		bottom: 0;
		float: right;
		height: 40px;
		position: relative;
		vertical-align: bottom;
		width: 100%;
	}
	
	
	/* NOTICIAS */
		#GCWContent .newslist{
			width: 100%;
		}

		#GCWContent .newsbox{
			display: block;
			float: left;
			width: 46%;
			margin-left: 2%;
			margin-right: 2%;
			min-height: 300px;
			/*background-color: #ffffff;*/
			position: relative;
			margin-bottom: 50px;
			cursor: pointer;
		}
		#GCWContent .newsbox .leiamais{
			float:right;
			font-weight: bold;
			font-size:1.2em;
			color: #000000;
		}
		#GCWContent .newsbox .leiamais:hover{
			color: #00AEEF;
		}
		#GCWContent .newsbox .Titulo{
			color: #000000;
			font-size: 1.5em;
			margin: 10px;
			margin-top: 30px;
		}
		#GCWContent .newsbox .Texto{
			color: #000000;
			font-size: 1em;
			margin: 10px;
			margin-bottom: 30px;
		}
		#GCWContent .newsbox .Bloco{
			position: absolute;
			bottom: 0px;
			height: 50%;
			width: 100%;
			background-color: rgba(255,255,255,0.6);
		}
		/*
		#GCWContent .newsbox .Imagem img{
			width: 100%;
		}
		
		#GCWContent .newsbox .VerMais{
			position: absolute;
			right: 0px;
			bottom: 0px;
			height: 30px;
			width: 30px;
			background-color: #383838
			
		}
		
		#GCWContent .newsbox .VerMais:hover{
			background-color: #00FFFF
			
		}
		
		#GCWContent .newsbox .VerMais img{
			height: 30px;
			width: 30px;
		}
		*/
		
		
		/*
		@media ( max-width : 1220px) {
			.newsbox{
				width: 48%;
			}
		}

		@media (max-width : 767px) {
			.newsbox{
				width: 95%;
			}
		}

		@media ( max-width : 420px) {
			.newsbox{
				width: 95%;
			}
		}

		
		*/
		
		#GCWContent .noticia img{
			width: 100%;
		}
		
		#GCWContent #BlocoTextoProjecto{
			background-color: #FFFFFF;
			color: #383838;
			padding: 10px;
		}
		
		#GCWContent #BlocoTextoProjecto h4{
			font-size: 1.5em;
			font-weight: bold;
		}
		
		#GCWContent #BlocoTextoProjecto .DescricaoProjecto{
			font-size: 1.2em;
			padding-top: 10px;
			padding-bottom: 10px;
			width: 100%;
		}
		
		#GCWContent #BlocoTextoProjecto .ObservacoesProjecto{
			width: 100%;
			float: left;
		}
		
		#GCWContent #BlocoTextoProjecto .ObservacoesProjecto a{
			color: #383838;
			text-decoration: none;
		}
		
		#GCWContent #BlocoTextoProjecto .ObservacoesProjecto a:hover{
			color: #00FFFF;
			text-decoration: none;
		}
		#GCWContent #BlocoTextoProjecto .ProximoProjecto{
			width: 30%;
			float: left;
		}
		
		#GCWContent #BlocoConceito{
			width: 100%;
			clear: both;
		}

		#GCWContent #BlocoTextoConceito{
			color: #383838;
			padding: 10px;
			width: 60%;
			float: left;
		}
		
		#GCWContent #BlocoImagemConceito{
			width: 35%;
			float:right;
		}
		
		#GCWContent #BlocoImagemConceito img{
			width: 100%;
		}
		
		#GCWContent #BlocoTextoConceito h4{
			font-size: 1.5em;
			font-weight: bold;
		}
		
		#GCWContent #BlocoTextoConceito .DescricaoProjecto{
			font-size: 1.2em;
			padding-top: 10px;
			padding-bottom: 10px;
			width: 100%;
		}
		
		#GCWContent #BlocoTextoConceito .ObservacoesProjecto a{
			color: #383838;
			text-decoration: none;
		}
		
		#GCWContent #BlocoTextoConceito .ObservacoesProjecto a:hover{
			color: #00FFFF;
			text-decoration: none;
		}

		
		
		#Navegacao{
			width: 100%;
			clear: both;
			padding-top: 40px;
		}
		#Navegacao div.Bloco{
			width: 100%;
		}
		#Navegacao div.Anterior{
			width: 35%;
			float:left;
		}
		
		#Navegacao div.Seguinte{
			width: 35%;
			float:right;
		}
		
		#GCWContent #Navegacao .newsbox{
			display: block;
			float: left;
			width: 100%;
			margin-left: 2%;
			margin-right: 2%;
			min-height: 300px;
		}


	
	.btnrepresentantes {
		margin: 0;
		background-color: #383838 !important;
		color: #ffffff !important;
	}
	
	.btnrepresentantes:hover {
		margin: 0;
		background-color: #383838 !important;
		color: #00AEEF !important;
	}
	
	
	table.codigo-produtos a:focus, table.codigo-produtos a:hover {
		color: #00AEEF !important;
		text-decoration: underline;
	}
	
	#ProductView div.panel-body a{
		color: #4e4e4e !important;
	}
	
	#ProductView div.panel-body a:hover{
		color: #00AEEF !important;
	}
	
	#ProductView div.panel-body a.btn-encomendar{
		color: #ffffff !important;
	}
	
	
	div.aggregateRating{
		color: rgba(0,0,0,0);
		font-size: 0.2em;
	}
	
/* GCWContent - Finish */



/* OTHERS - Start */




/* OTHERS - Finish */

/* PRODUCTS list - Start */

.col-xs-25, .col-sm-25, .col-md-25, .col-lg-25, .col-xs-75, .col-sm-75, .col-md-75, .col-lg-75 {
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.col-sm-25, .col-sm-75 {
  float: left;
}
.col-sm-25 {
  width: 25%;
}

.col-sm-75 {
  width: 75%;
}
.list-prod div.row.clearfix .col-sm-25 img.img-fluid, .list-prod.col-sm-10 div.row.clearfix .col-sm-2 img.img-fluid {
  padding: 2.5px 2.5px 2.5px 0;
}

figure {
  background: none;
  cursor: pointer;
  float: left;
  height: auto;
  margin: 0px 3px 6px 3px;
  overflow: visible;
  position: relative;
  text-align: left;
}

figure img {
	position: relative;
	display: block;
	/* min-height: 100%; */
	height: auto;
	width: 144px;
	max-width: 100%;
	opacity: 0.8;
}

figure figcaption {
	opacity:0;
	/*padding: 5.5em 0.5em 0.5em 0.7em;*/
	padding: 25% 10%;
	color: #fff;
	font-size: 1.2em;
	font-family: "DIN-Medium";
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	/*background-color: rgb(0, 0, 0);*/
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 174, 239, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

figure figcaption::before,
figure figcaption::after {
	pointer-events: none;
}

figure figcaption,
figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
/* figure figcaption > a {
  border: 5px solid #e3e3e3;
  font-size: 0;
  opacity: 0;
  text-indent: 200%;
  white-space: nowrap;
  z-index: 1000;
} */
figure figcaption > a {
  /*border: 5px solid #e3e3e3;*/
  font-size: 0;
 height: 154px;
  left: -5px;
  top: -5px;
  opacity: 0;
  text-indent: 200%;
  white-space: nowrap;
  width: 154px;
  z-index: 1000;
}
figure h2 {
	font-size:1.2em;
}


figure h2,
figure p {
	margin: 0;
	text-transform: uppercase;
}

figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

figure div#StockOff{
	position: absolute;
	top: 10%;
	left: 10%;
	width: 50%;
	height: 50%;
}

span.destaques-de-listagem {
	background-color: rgba(255,255,255,0.6);
	font-size: 1.5em;
	position: absolute;
	left: 0;
	top: 20%;
	vertical-align: middle;
	padding: 10px;
	min-width: 240px;
	text-align: center;
	text-transform: uppercase;
}

span.destaques-de-listagem a, span.destaques-de-listagem a:hover{
	color: #383838;
}

figure.effect-hover-list:hover h2 {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-hover-list:hover p {
	opacity: 1;
	/*
	-webkit-transform: perspective(1000px) rotate3d(1,0,0,0);
	transform: perspective(1000px) rotate3d(1,0,0,0);
	*/
}

figure.effect-hover-list figcaption:hover, .carousel.slide div.carousel-inner div.item.active:hover .carousel-caption {
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
figure.effect-hover-list figcaption a:hover {
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}


.thumbs-list{
	overflow:hidden;
	min-height: 307px;
	padding: 0px 0px 4px 4px;
}

.list-prod div.row.clearfix div.col-sm-12{
	padding: 0;
}
.list-prod div.row.clearfix div.col-sm-12 thumbs-list img {
  padding: 0;
  float: left;
}
.list-prod div.row.clearfix div.col-sm-12 img.category-representative{
	max-width: 294px;
	float: left;
}

/* PRODUCTS list - Stop */






/* PRODUCTS - Start */

#MenuInnerProdutos ul.drop-menu, #MenuInnerProdutos ul.drop-menu li ul{
	margin-left: 0px;
    padding-left: 0px;
}

#MenuInnerProdutos a.familia, #MenuInnerProdutos a.familia:hover{
	color: #383838;
}

#MenuInnerProdutos a.subfamilia, #MenuInnerProdutos a.subfamilia:hover{
	color: #707070;
}

#MenuInnerProdutos a.subfamilia.activa, #MenuInnerProdutos a.subfamilia.activa:hover {
    color: #00AEEF;
}

#MenuInnerProdutos ul.subfamilia{
	margin-top: 10px;
	margin-bottom: 10px;
}


		.ProdutosRelacionados div.BlocoLista{
			width: 100%;
			margin: 1%;
			min-height: 150px;
			float: left;
			position: relative;
		}
		
		.ProdutosRelacionados div.BlocoTitulo{
			color: #383838;
			font-size: 1em;
			text-align: left;
			text-transform: uppercase;
			padding-left: 15px;
			padding-bottom: 15px;
		}
		
		
			/*
			.ProdutosRelacionados div.BlocoLista div.Bloco{
				height: 100%;
				width: 100%;
				padding: 0;
				margin: 0;
				position: relative;
				top: 0;
				left: 0;
			}
			*/
			.ProdutosRelacionados div.BlocoLista div.BlocoTexto{
				width:100%;
				height:30%;
				background-color: rgba(255,255,255,0.6);
				position: absolute;
				bottom: 0px;
				-webkit-transition: height 2s; /* For Safari 3.1 to 6.0 */
				transition: height 2s;
				overflow: hidden;
			}
			.ProdutosRelacionados div.BlocoLista div.BlocoTexto:hover{
				height:60%;
			}
			
			.ProdutosRelacionados div.BlocoLista div.BlocoTexto hr{
				width: 50%;
				margin-left:auto;
				margin-right: auto;
				border-color: #383838;
				display: block !important;
			}
			.ProdutosRelacionados div.BlocoLista div.Titulo{
				font-size: 1em;
				text-align: center;
				color: #383838;
				text-transform: uppercase;
			}
			.ProdutosRelacionados div.BlocoLista div.Titulo a{
				color: #383838;
			}
			.ProdutosRelacionados div.BlocoLista div.Texto{
				font-size: 1em;
				text-align: center;
				color: #383838;
				display: none;
			}
			
			.ProdutosRelacionados div.BlocoLista div.BlocoTexto:hover div.Texto{
				display: block;
			}



/*Pormenor Produto*/
#ProductView .image-preview{
	position:relative;
}

#ProductView  .image-preview img
, #ProductView #myCarousel div.carousel-inner div.item img{
	width: 100%;
}

#ProductView h1.prod-name{
	position: absolute;
	top:10px;
	left: 10px;
}

#ProductView h1.prod-name a{
	color: #00AEEF;
}


#ProductView #myCarousel div.carousel-inner div.BlocoImagem{
	height: 600px;
	width: 100%;
}

a.rodape_subfamilia, a.rodape_subfamilia:hover{
	color: #383838;
}

.panel {

  border: 0px;
  border-radius: 0px;
}
.panel-group .panel {
  border-radius: 0;
}
.panel-default > .panel-heading {
  background-color: #4e4e4e;
  border-color: transparent;
  border:none;
  color: #bdbdbd;
  height:55px;
}
.panel-heading {
  border-bottom: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 10px 15px;
}

h1.panel-title {
  font-family: "Open Sans",sans-serif;
  font-size: 1.5em;
  font-weight: 600;
  line-height: 35px;
}
h4.panel-title {
  font-family: "Open Sans",sans-serif;
  font-size: 1.5em;
  font-weight: 600;
  line-height: 35px;
}
.panel-title > a {
  display: block;
}
.panel-collapse.collapse.in{
  color: #4e4e4e !important;
}
.panel-title > a:hover,
.panel-title > a:focus,
.panel-title > a:visited
{
text-decoration:none;	
}
.panel-heading h4.panel-title i.fa-2x{
	float:right;
	font-size:1.3em;
}

#btnspormenor .list-group-item {
  background-color: #282828;
  border: medium none;
  display: block;
  margin-bottom: 0px;
  margin-top: 5px;
  padding: 10px 15px;
  position: relative;
}

#BlocoTextoProjecto #btnspormenor .list-group-item,
#BlocoImagemConceito #btnspormenor .list-group-item {
  background-color: rgba(0,0,0,0);
}


#btnspormenor .list-group-item:first-child{
  margin-top:0;
}
#btnspormenor .list-group-item:first-child{
	
  border-top-left-radius: 0;
  border-top-right-radius: 0;

}
 #btnspormenor .list-group-item:last-child {
  
      border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

#btnspormenor li.list-group-item {
  color: #767676;
  font-size: 1.5em;
  font-weight: 400;
  height: 55px;
}
#btnspormenor li.list-group-item a{
  color: #767676;
  display:block;
}
#btnspormenor.list-group li.list-group-item i.fa {
  float: right;
  font-size: 1.4em;
  display:block;
}

#btnspormenor.list-group li.list-group-item.social i.fa {
  float: left;
  margin-right: 5%;
  text-align: center;
  width: 20%;
}

#BlocoTextoProjecto #btnspormenor.list-group li.list-group-item.social i.fa,
#BlocoImagemConceito #btnspormenor.list-group li.list-group-item.social i.fa {
    margin-right: 0% !important;
    width: 16% !important;
}
#btnspormenor.list-group li.list-group-item.social i.fa.fa-share-alt {
  margin-right: 0;
  text-align: right;
}


#btnspormenor.list-group li.list-group-item a:hover, #btnspormenor.list-group li.list-group-item a:focus{
	text-decoration:none;
	color:#00AEEF !important;
}

.breadcrumb {
  background-color: transparent;
  border-radius: 0px;
  list-style: outside none none;
  margin-bottom: 0px;
  padding: 0px;
  padding-top: 3px;
}

.breadcrumb > li + li:before {
  color: #cccccc;
  content: "";
  padding: 0 5px;
}
			
			
			
/* PRODUCTS - Finish */





/*other color*/

.navOn {
    background-color: #636466;
    -webkit-transition: background-color 1000ms ease-in;
    -moz-transition: background-color 1000ms ease-in;
    -o-transition: background-color 1000ms ease-in;
    -ms-transition: background-color 1000ms ease-in;
    transition: background-color 1000ms ease-in;
}


html body div.container-fluid div.row.clearfix.background-blue div.col-md-8.column a img
  {
  padding: 10px;
}

html body div.container-fluid div.row.clearfix.background-blue div.col-md-4.column.header
  {
  height: 100%;
}

html body div.container-fluid div.row.clearfix.background-blue div.col-md-4.column.header p
  {
  color: #ffffff;
  font-size: 1.3em;
  line-height: 135px;
  vertical-align: baseline;
}

html body div.container-fluid.tmain div.row.clearfix.background-blue span#right-blue
  {
  background-color: #03a8e6;
  float: right;
  height: 100%;
  width: 20%;
}


/*carousel*/
/*
.carousel {
  overflow: hidden;
}

.carousel-inner {
  width: 80%;
  overflow: visible;
}

.carousel-inner>.item>img,.carousel-inner>.item>.item-content>img {
  display: block;
  height: auto;
  max-width: 100%;
}

.carousel.slide a.right.carousel-control {
  width: 20%;
}

.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next
  {
  background-color: #fff;
  color: #000;
  font-size: 30px;
  height: 38px;
  line-height: 38px;
  width: 38px;
}

.carousel-control.left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5) 0%,
    rgba(0, 0, 0, 0) 100%);
  background-repeat: repeat-x;
  left: auto;
  right: 20%;
}

.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right
  {
  bottom: 0;
  left: 0;
  margin-right: 0;
  right: 0;
}

.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
  bottom: 0;
  right: 0;
}

.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left {

}

.carousel.slide ol.carousel-indicators {
  display: none;
}

span#slide-captation {
  clear: left;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 2em;
  font-weight: 700;
  height: 55px;
  line-height: 55px;
  margin-left: 0;
  padding-left: 1em;
}

.carousel-caption {
  color: #ffffff;
  display: block;
  left: 25%;
  text-align: left;
  top: 25%;
  opacity:1;
}
.carousel-caption > h4, .carousel-caption h4 {
  font-size: 3em;
  font-weight: 700;
  margin-bottom:22px;
}
.carousel-caption > p, .carousel-caption p  {
  font-size: 1.5em;
  line-height:1.8em;
}
.carousel-caption a:hover{
  text-decoration:none;
}
mark {
  background: rgb(4, 4, 4);
   background: rgba(4, 4, 4, 0.5);
  color: #fff;
}

.back-img {
  background: url("../slide/back-img.png") no-repeat scroll right top
    #ffffff;
  background-size: contain;
  background-position: 398% 100%;
}

.background-grey h3 {
  color: #ffffff;
}

*/

/*FOOTER*/
.background-footer {
  background-color: #404040;
  height: 127px;
  font-size: 1.3em;
}

.background-footer footer {
  height: 100%;
}

.background-footer footer div.col-sm-2.column {
  background-color: #525253;
}

.background-footer footer div.col-sm-2.column,.background-footer footer div.col-sm-2.column a,.background-footer footer div.col-sm-8.column,.background-footer footer div.col-sm-8.column ul,.background-footer footer div.col-sm-8.column ul li
  {
  height: 100%;
  display: block;
}

.background-footer footer div.col-sm-8.column ul.nav.nav-tabs,.background-footer footer div.col-sm-8.column ul.nav.nav-tabs li
  {
  border: none;
}

.background-footer footer div.col-sm-2.column a,.background-footer footer div.col-sm-8.column ul li a
  {
  color: #ffffff;
  height: 100%;
  line-height: 125px;
  padding: 0 0 0 50px;
  vertical-align: middle;
}

.background-footer footer div.col-sm-8.column ul li a {
  border: none;
  border-radius: 0;
  margin-right: 0;
  /*  padding: 0 0 0 40%; */
  /*color: #636466;*/ /* Email de Pedidos do Cristiano (18-Nov) */
  color: #ffffff;
}

.background-footer footer div.col-sm-8.column ul.nav.nav-tabs li a i.fa{
	/*color: #2c2c2c;*/ /* Email de Pedidos do Cristiano (18-Nov) */
	color: #ffffff;
}

.background-footer footer div.col-sm-8.column ul.nav.nav-tabs li a:hover,.background-footer footer div.col-sm-8.column ul.nav.nav-tabs li a:hover>i.fa
  {
  background: none;
  color: #fff;
}
/*FOOTER NAV*/
img.img-fluid {
  width: 100%;
}

.white-border {
  border-top: 2px solid #ffffff;
}

.overlay-more {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 20%;
  color: #ffffff;
  background: rgb(4, 4, 4); /* The Fallback */
  background: rgba(4, 4, 4, 0.5);

}

.overlay-more {
  z-index: 10;
}



span.view-more, span.view-less {
  background-color: #fff;
  bottom: 0;
  cursor: pointer;
  height: 38px;
  padding: 4px;
  position: absolute;
  width: 38px;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
span.view-more:hover, span.view-more:focus, span.view-less:hover, span.view-less:focus  {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
html.js.svg body div.container-fluid.tmain div.row.clearfix div.col-sm-10.column div.overlay-more span.view-more span.si-icon.si-icon-plus{}
html.js.svg body div.container-fluid.tmain div.row.clearfix div.col-sm-10.column div.overlay-more span.view-more span.si-icon.si-icon-plus svg{}
html.js.svg body div.container-fluid.tmain div.row.clearfix div.col-sm-10.column div.overlay-more span.view-more span.si-icon.si-icon-plus svg g path {
    fill: black;
    stroke: #000;
    stroke-width:5;
}

.overlay-more i.fa.fa-plus,.overlay-more i.fa.fa-minus {
  bottom: 2px;
  color: #000;
  font-size:1.6em;
  text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

span.view-less {
  display: none;
}

.background-grey.nav-toogle span#nav-toogle {
  display: inline-block;
  height: 55px;
  position: relative;
  width: 20%;
}

.background-grey.nav-toogle span#nav-toogle i.fa.fa-bars.fa-3x {
  color: #afaeae;
  cursor: pointer;
  display: inline-block;
  height: 42px;
  margin: 7px 15px;
  position: relative;
  text-align: center;
  width: 42px;
}

.background-grey.nav-toogle span#nav-toogle i.fa.fa-bars.fa-3x:link {

}

.background-grey.nav-toogle span#nav-toogle i.fa.fa-bars.fa-3x:visited {
  color: #ffffff;

}
.background-grey.nav-toogle span#nav-toogle i.fa.fa-bars.fa-3x:hover,.background-grey.nav-toogle span#nav-toogle i.fa.fa-bars.fa-3x:focus
  {
  color: #ffffff;
  text-decoration: none;
}

.background-grey.nav-toogle span#nav-toogle i.fa.fa-bars.fa-3x:active {
  color: #ffffff;
}


.overlay-more {
  overflow: hidden;
}

.overlay-more article {
  overflow: hidden;
  /* Correcção pedida a 20160412 - Caption mais abaixo (Ponto 13)*/
  /*padding: 0 5px 20px 20px;*/
  padding: 50px 5px 20px 20px;
  width: 75%;
}
.overlay-more article a, .overlay-more article a:link{
  color:#FFFFFF;

}
.overlay-more article h1 {
  font-size: 2em;
  font-weight: 700;
}

.overlay-more article p {
  display: none;
}

/*NAVBAR*/
/*
.my-nav {
  display: none;
}

.navbar-default {
  background-color: #282828;
  width: 100%;

}

.nav>li {
  border-bottom: 1px solid #2f2f30;
}

.navbar {
  border-radius: 0;
}

.navbar {
  border: medium none;
  margin: 0;
  position: absolute;
}

.navbar-nav>li {
  float: none;
}

.navbar-nav {
  clear: left;
}

.navbar-header {
  height: 55px;
  margin-bottom: 30px;
  margin-top: 122px;
  width: 100%;
  background-color: #636466;
}

.navbar-header a.navbar-brand {
  color: #fff;
  float: right;
  font-size: 1.2em;
  font-weight: 600;
  text-align: left;
  text-transform: uppercase;
  width: 94%;
}

.nav-toogle {
  cursor: pointer;
}
*/


/*
.rotate-nav-toogle-origin {
  -webkit-animation: spinToOrigin 0.5s forwards linear 1;
  -moz-animation: spinToOrigin 0.5s forwards linear 1;
  animation: spinToOrigin 0.5s forwards linear 1;
}


.navbar-nav>li>a {
  line-height: 20px;
}

.navbar-default .navbar-nav>li>a {
  color: #ffffff;
  text-transform: uppercase;
}

.navbar-nav li.dropdown a.drop-toggle span.caret {
  float: right;
  position: absolute;
  right: 6%;
}

ul.drop-menu li.dropdown ul li.last-item {
  margin-bottom: 20px;
}

.navbar-default .navbar-nav li.dropdown>ul>li>a {
  color: #636466;
}

.navbar-default .navbar-nav li.dropdown>ul>li>a {
  color: #636466;
}

.nav>li.dropdown>ul.drop-menu {
  display: none;
  padding-left: 15px;
}
.nav>li.dropdown>ul.drop-menu.open {
  display: block;
}
.navbar-default .navbar-nav li.dropdown>a:link {
  color: #fff;
  text-transform: uppercase;
}

.navbar-default .navbar-nav li.dropdown>a:visited {

}

.navbar-default .navbar-nav li.dropdown>a:hover,.navbar-default .navbar-nav li.dropdown>a:focus, .navbar-default div.container-fluid div#navbar ul.nav.navbar-nav li>a:hover,.navbar-default div.container-fluid div#navbar ul.nav.navbar-nav li>a:focus
  {
  color: #ffffff;
  text-decoration: none;
  background-color: none;
}

.navbar-default .navbar-nav li.dropdown > ul > li > a:link {
  background-color: #282828;
  padding-right: 10px;
  padding-top: 3px;
  position: relative;
  z-index: 200;
}
.navbar-default .navbar-nav li.dropdown>ul>li>a:visited {

}

.navbar-default .navbar-nav li.dropdown>ul>li>a:hover,.navbar-default .navbar-nav li.dropdown>ul>li>a:focus
  {
  color: #ffffff;
  text-decoration: none;
  font-size: 1em;
}

.navbar-default .navbar-nav li.dropdown>ul>li>a:active {

}

.navbar-default .navbar-nav li.dropdown ul.drop-menu li.dropdown ul {
  padding-left: 0;
}

.navbar-default li.dropdown ul.drop-menu li.dropdown ul li a i.fa.fa-plus,.navbar-default li.dropdown ul.drop-menu li.dropdown ul li a i.fa.fa-minus
  {
  font-size: 0.7em;
  font-weight: normal;
}

.navbar-nav>li>a {
  padding-right: 0;
}

span.mark-bar {
  background: none repeat scroll 0 0 rgba(99, 100, 102, 0.12);
  float: right;
  height: 15px;
  line-height: 15px;
  position: absolute;
  right: 6%;
  width: 40%;
}

ul.drop-menu li.dropdown ul li a.on-live-search {
  color: #fff;
}

ul.drop-menu li.dropdown ul li span.lsr-count {
  float: right;
  position: absolute;
  right: 6%;
}
*/
/*START NAVBAR ADDONS*/
/*
#menu-addons-box div#search-box.search form div.form-group input#textopesquisa.bar.form-control
#navbar > ul{
  padding-bottom:25px;
}
.form-control {
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #555555;
  display: block;
  font-size: 14px;
  height: 34px;
  line-height: 1.42857;
  padding: 6px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s
    ease-in-out 0s;
  width: 100%;
}

.navbar-form {
  border: 0 none;
  box-shadow: none;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0;
  padding-top: 0;
  width: 100%;
}

#textopesquisa.bar.form-control {
  float: left;
  margin: 10px 0;
}

#menu-addons-box div#search-box.search form div.form-group {
  float: right;
  width: 95%;
   display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

.btn-default {
  background-color: #ffffff;
  border-color: #cccccc;
  color: #333333;
}



.btn-default {
  float: left;
  margin: 10px 0;
}
#menu-addons-box {
  bottom: 0;
  text-align: center;
  width: 100%;
}

#menu-addons-box #search-box {

}

#menu-addons-box>form.navbar-form
  {

}

#menu-addons-box>#lang-menu {
  left: 0;
  position: relative;
  top: 0;
}

#menu-addons-box>#lang-menu>ul {
  float: left;
  font-weight: 600;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: left;
  width: 100%;
}

#menu-addons-box>#lang-menu>ul li
  {
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  width: 15px;
}

#menu-addons-box>#lang-menu>ul li:after
  {
  content: ".";
}

#menu-addons-box>#lang-menu>ul li a
  {
  color: #ffffff;
}

#menu-addons-box div#lang-menu ul li a:hover, #menu-addons-box div#lang-menu ul li a:focus, #menu-addons-box div#lang-menu ul li a:visited, #menu-addons-box div#lang-menu ul li a:active,  #menu-addons-box div#lang-menu ul li a.active-lang{
  color: #00aeef;
  text-decoration: underline;

}
#menu-addons-box div#search-box form.navbar-form.navbar-left div.form-group input.form-control, #menu-addons-box div#search-box.search form div.form-group input#textopesquisa.bar.form-control
  {
  background-color: #2f2f31;
  border: 1px solid #2f2f31;
  outline: 0;
  width: 80%;
}
#navbar > ul {
  background-color: #282828;
  width: 100%;
}

#navbar.nano ul.nav.navbar-nav.nano-content li.dropdown ul.drop-menu li.dropdown a{}
*/

/*pagina pormenor de produto*/


table.codigo-produtos {
  border-collapse: collapse;
  border-spacing: 10px;
  text-align:left;
}
table.codigo-produtos tr{}
table.codigo-produtos tr td {
  padding-right: 15px;
}


table.stock{
    font-size: 12px;
}
table.stock th {
	padding-bottom: 0px !important;
}
table.stock td {
	padding-bottom: 10px !important;
}



/*form newsletter*/
.form-inline .form-control {
  display: block;
}
footer div.col-sm-8.column ul.nav.nav-tabs li form.fr_newsletter {
  height: 100%;
  line-height: 0.8;
  max-width: 265px;
  padding-left: 18%;
}
footer div.col-sm-8.column ul.nav.nav-tabs li form.fr_newsletter div.col-sm-10 {
  display: block;
  top: 10%;
}
footer div.col-sm-8.column ul.nav.nav-tabs li form.fr_newsletter div.col-sm-10 fieldset{}
footer div.col-sm-8.column ul.nav.nav-tabs li form.fr_newsletter div.col-sm-10 fieldset div.form-inline.usepass{}
footer div.col-sm-8.column ul.nav.nav-tabs li form.fr_newsletter div.col-sm-10 fieldset div.form-inline.usepass div.form-group label {
  color: #636466;
  font-size: 0.9em;
  font-weight: normal;
  width: 100%;
}
form.fr_newsletter div.col-sm-10 fieldset div.form-inline.usepass div.form-group input#fcemail.form-control {
  background: rgb(255, 255, 255);
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
 border: 1px solid #cccccc;
  color: #4e4e4e;
  float: left;
  width: 80%;
}
form.fr_newsletter div.col-sm-10 fieldset div.form-inline.usepass div.form-group button#submit-newsletter.btn {
  float: left;
  width: 20%;
  margin-left:0;
  height:34px;
}
form.fr_newsletter div.col-sm-10 fieldset div.form-inline.usepass div.form-group button#submit-newsletter.btn:hover {
  color:#03a8e6;
}
form.fr_newsletter div.col-sm-10 span.form-message {
  font-size: 0.8em;
}
.btnrepresentantes{
    margin: 0;
}
input.inputrepresentantes{
  float: left;
  height: 33px;
}

#collapsePV form {
  display: block;
  margin-bottom: 20px;
  min-height: 40px;
  position: relative;
}
a.email-link:hover, a.login_texto_azul, #collapseCliente.panel-collapse.collapse.in div.panel-body p a, .empresa a{
  color: #03a8e6;
}
a.email-link{
  color: #2f2f31;
}

input.small-qtd{
  width:30%;
}
.prod_options fieldset a.btn-encomendar {
  background-color: #4e4e4e;
  float: right;
  padding: 8px 15px;
  text-align: center;
  text-transform: uppercase;
/*   width: 100%; */
}

.prod_options fieldset a.btn-encomendar:hover {
  color:#03a8e6;
  text-decoration:none;
}
a.header-carrinho{
  padding-right: 0.5em;
}

a.EliminarCarrinho, a.EliminarCarrinho:hover{
	color: #23527c !important;
}

span#lang-menu-header{
  position: absolute;
  /*top: 10px;*/
  top: 30px;
  /*right: 11.5%;*/
  left: 82%;
}
span#lang-menu-header a{
   color: rgba(255, 255, 255, 0.8)
}
span#lang-menu-header a:hover, span#lang-menu-header a:focus {
    color: #23527c;
    text-decoration: underline;
}
span#lang-menu-header a.active-lang{
  color: #23527c;
  text-decoration: underline;

}
/*END NAVBAR ADDONS*/
/*END NAVBAR*/








/*DF@30052016*/
.border-top{ border-top: 1px solid #e5e5e5; }
.border-bottom{border-bottom:  1px solid #e5e5e5; }
.border-left{border-left:  1px solid #e5e5e5; }
.border-right{border-right:  1px solid #e5e5e5; }
.add-margin-top{ margin-top: 1em; }
.add-margin-bottom{ margin-bottom: 1em; }
.add-margin-left{ margin-left: 1em; }
.add-margin-right{ margin-right: 1em; }

.add-padding-left{padding-left: 2em;}

label[for="qtd"]{
  clear: left;
  display: block;
  float: left;
  font-weight: bold;
  line-height: 2em;
  margin-bottom: 5px;
  padding-right: 1em;
  vertical-align: middle;
}
.me-right{float:right;}
input.me-right{ margin-left: 1em;}
.me-left{float:left;}
.txtLeft{ text-align: left;}
.txtRight{text-align: right; }
.txtCenter{text-align: center;}
.txtJustify{text-align: justify; }
.fullpadding{padding: 0.3em;}
.p-contact i{float:right; padding:0.5em; color:#BDBDBD;}
.p-contact i:hover{color:#4e4e4e;}

/*table carrinho @06/2016*/


div.carrinho a{
	color: #00AEEF;
}


.bgwhite{ background-color: #ffffff; border: 1px solid #e4e4e4; padding: 1em; color: #4e4e4e !important;}
.mebold{ font-weight: bold;}
/*th{text-align: center !important; padding-bottom:1em; font-weight: normal;}*/
th{text-align: center !important; font-weight: normal;}
a.btnContinuarCompra, input.btnSubmit, a.btnFinalizarEncomenda, a.btnEncomendar, a.btnOrcamentar{border:none; background-color: #1d1d1d; color:#ffffff; padding: 0.2em 0.5em;}

a.btnFinalizarEncomenda {
  color: #03a8e6;
  padding: 0.6em 1em;
  text-transform: uppercase;
  width: 100%;
}

a.btnEncomendar, a.btnOrcamentar {
  color: #03a8e6;
  padding: 0.6em 1em;
  text-transform: uppercase;
  /*width: 46%;*/
  margin: 0 2%;
  float: left;
  min-height: 1px;
  position: relative;
  text-align: center;
}

a.btnContinuarCompra:hover, input.btnSubmit:hover, a.btnFinalizarEncomenda:hover, a.btnEncomendar:hover{cursor: pointer;}
.noBold{font-weight: normal !important;}
img.in-cart-list{ max-width: 100px; padding:5px;}
p.force-width{min-width:260px;}
.givmarginbottom{margin-bottom:1em;}
.givmepadding{padding-top:1em;}
span.advert{ font-size: 0.8em; color:red;}
.paint-blue{ color:#03a8e6 !important; }
span.order-check{ padding:1em; }
span.order-check-text{  }
span.old-price{text-decoration: line-through;}
span.tag-price{ font-weight: bold; font-size: 1.8em;}

.col-sm-2 input[type="image"]{max-width: 200px;}

input.btnActualizar, button.btnActualizar, a.btnActualizar {
  background-color: #4e4e4e;
  border: none;
  color: #03a8e6 !important;
  padding: 0.6em 1em;
  text-transform: uppercase;
}


div#search-box-top{
	margin-top: 10px;
}
div#search-box-top input#textopesquisatopo.form-control{
	background-color: rgba(255,255,255,0);
    border: 1px solid #ffffff;
	color: #ffffff;
    outline: 0 none;
	width: 150px;
	margin: 0 !important;
    float: left;
}
div#search-box-top input#textopesquisatopo.form-control::-moz-placeholder {
    color: rgba(255,255,255,0.6);
    opacity: 1;
}
div#search-box-top div.form-group {
    margin-bottom: 0px;
}
div#search-box-top button.btn-default {
    margin: 0 !important;
	margin-right: 10px !important;
}


table.lista-encomendas{
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
}

table.lista-encomendas th{
	text-align: center;
}

table.lista-encomendas td{
	margin-left: 2px;
	margin-right: 2px;
	text-align: center;
}

table.lista-encomendas td.valor{
	text-align: right;
}


table.LinhasEncomendas{
	margin-top:10px;
	font-size: 0.8em
}

table.LinhasEncomendas th{
	color: #ffffff;
	background-color: #4e4e4e;
	text-transform: uppercase;
	padding: 3px;
	vertical-align: middle;
}

table.LinhasEncomendas td{
	padding: 3px;
}



div.form-result {
    display: none !important;
}


div.form-result.active {
    display: block !important;
    z-index: 1000;
    background-color: #BCBEC0;
    color: #00AEEF;
    position: fixed;
    width: 500px;
    height: 300px;
    top: 20%;
    left: 40%;
    padding: 50px 20px;
    border-radius: 20px;
}


div.form-result.form-error.active {
	color: #FF0000;
}

div.form-result div.Botao{
	position:relative;
	width:100%;
}

div.form-result img.CloseButton{
	position: absolute;
	top: 10%;
	right: 10%;
}

div.egoi-form.active {
    display: block !important;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    width: 100%;
	height: 100%;
    top: 0%;
    left: 0%;
    padding: 20px 25px;
}

div.egoi-form form img.CloseButton{
	position: fixed;
	top: 10%;
	right: 10%;
}

div#egoi-form-login.egoi-form form img.CloseButton {
    position: fixed;
    top: 40%;
    right: 15%;
}


div.egoi-form form{
	margin: 2px 5%;
	padding: 3% 5%;
	background-color: #BCBEC0;
	color: rgb(56, 56, 56);
	border-radius: 20px;
}

div.egoi-form form#user-login{
	margin: 10% 10%;
	padding: 3% 5%;
	background-color: #BCBEC0;
	color: rgb(56, 56, 56);
	border-radius: 20px;
}


div.egoi-form hr{
	width: 90%;
	margin-left: 0;
}

div.egoi-form div.Titulo{
	text-align: center;
	text-transform: uppercase;
	font-size: 2em;
}


div.egoi-form div.SubTitulo{
	text-align: center;
	font-size: 1.5em;
}

div.egoi-form label {
    display: block !important;
    max-width: 100%;
    margin-bottom: 5px;
}

div.egoi-form label[for="checkbox"] {
    display: inline-block !important;
    max-width: 80%;
    margin-bottom: 5px;
}

div.egoi-form label.error {
    display: block !important;
    max-width: 100%;
    margin-bottom: 5px;
	float: left;
	color: #ff0000;
}

div.egoi-form input[type="text"],
div.egoi-form input[type="email"],
div.egoi-form input[type="password"],
div.egoi-form textarea {
    background-color: #ffffff;
	border: 0px none;
	color: #000000;
	float: left;
	width: 80%;
	height: 35px;
	padding: 5px;
	border-radius: 10px;
	margin-bottom: 10px;
}

div.egoi-form input[type="submit"]{
	background-color: rgb(56, 56, 56);
	color: #BCBEC0;
	border-radius: 5px;
	padding: 10px 30px;
	border: 0px none;
	margin-bottom: 10px;
	float: right;
	margin-right: 20%;
}

div.egoi-form input.CloseButton {
    background-color: rgb(56, 56, 56);
    color: #BCBEC0;
    border-radius: 5px;
    padding: 10px 30px;
    border: 0px none;
    margin-bottom: 10px;
    float: right;
    margin-right: 20%;
}

a.btn_voltar_egoi{
    background-color: rgb(56, 56, 56);
    color: #BCBEC0 !important;
    border-radius: 5px;
    padding: 10px 30px;
    border: 0px none;
    margin-bottom: 10px;
    float: right;
    /*margin-right: 20%;*/
}


img#Icon_Contacto {
    height: 80px;
    left: -30px;
    top: 0px;
    z-index: 1000;
    float: left;
}

div#formfooter:hover{
	color: #00AEEF;
}

div#formfooter:hover img.NLRodape{
	content: url('/images_new/botaoNLrodape_azul.png');
}





.my-nav {
	display: none;
}
.navbar-default {
	z-index:20;
}
.background-grey.nav-toogle span#nav-toogle {
  z-index: 99;
}



/*Form filter */

li.btn-exe{}
li.btn-exe input{}


li.btn-exe input[type="submit"], li.btn-exe input[type="reset"] {
  background-color: #4e5153;
  border: 0 none;
  color: #fff;
  margin-top: 10px;
  padding: 8px 10px;
  text-align: left;
  width: 95%;
}

.navbar-default div.container-fluid div#navbar ul.nav.navbar-nav li.dropdown.filprod ul.drop-menu form#filter-nav li.dropdown ul li a.filter-links:hover, 
.navbar-default div.container-fluid div#navbar ul.nav.navbar-nav li.dropdown.filprod ul.drop-menu form#filter-nav li.dropdown ul li a.filter-links:focus,
.navbar-default div.container-fluid div#navbar ul.nav.navbar-nav li.dropdown.filprod ul.drop-menu form#filter-nav li.dropdown ul li a.filter-links:visited{
	color:#03a8e6;
	text-decoration: none;
	background-color: transparent; 
}
.navbar-default .navbar-nav li.dropdown>a:active {
	
}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus
	{
	background-color: transparent;
	color: #fff;
}

.navbar-default div.container-fluid div#navbar ul.nav.navbar-nav li.dropdown.open ul.drop-menu li.dropdown>a
	{
	pointer-events: none;
	cursor: default;
}


#filter-nav li.dropdown a.active-blue{
	color:#03a8e6;
}
.nav>li.dropdown>ul.drop-menu.open {
	display: block;
}


#CloseButtonMenu{
	display:none;
}




.antispam{
	display:none;
}





/* Carrinho */

#GCWContent {
		background-color: #f3f3f3 !important;
	}
	
	div#PrecosProduto div.PrecosProduto{
		width: 80%;
	}
	
	div.PrecosProduto div.Titulo{
		font-size: 1.2em;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	div.PrecosProduto hr{
		border: 1px solid #383838;
		clear: both;
	}
	

	div.PrecosProduto div.Preco{
		text-transform: uppercase;
		font-size: 0.9em;
		width: 100%;
		clear: both;
	}
	
	div.PrecosProduto div.Texto{
		float: left;
		width: 60%;
	}
	
	div.PrecosProduto div.PrecoEsquerdo{
		float: left;
		width: 20%;
		text-align: right;
	}
	
	div.PrecosProduto div.PrecoDireito{
		float: right;
		color: #00AEEF;
		font-size: 1.1em;
		font-weight: bold;
		width: 20%;
		text-align: right;
	}
	
	table.codigo-produtos {
		border-spacing: 0px;
		width: 100%;
	}
	
	th {
		font-weight: bold;
	}
	
	.BotoesCarrinho img {
		vertical-align: top;
		text-align: center;
	}
	
	.BotaoCarrinho, .BotaoCarrinhoFinal:hover {
		text-transform: uppercase;
		min-width: 200px;
		color: #00AEEF;
		background-color: #383838;
		text-align: center;
		border: 1px solid #383838;
	    padding: 5px 10px;
		margin: 10px;
		min-height: 20px;
		display: inline-block;
	}
	
	.BotaoCarrinho:hover, .BotaoCarrinhoFinal {
		color: #383838;
		background-color: #00AEEF;
		border: 1px solid #00AEEF;
	}
	
	.BotaoAvancar {
		color: #ffffff !important;
		background-color: #00AEEF !important;
		border: 1px solid #00AEEF !important;
	}
	
	.BotaoAvancar:hover {
		color: #00AEEF;
		background-color: #ffffff;
		border: 1px solid #00AEEF;
	}
	
	.image_thumbnail {
		border: 0 none;
		max-height: 120px;
		max-width: 120px;
	}
	
	.TituloCompra{
		color: #383838;
		font-size: 1.5em;
		font-weight: bold;
	}
	
	.PassoCompra{
		color: #00AEEF;
		font-size: 1em;
	}
	
	.PassoCompra.PassoActivo{
		color: rgba(0,0,0,0.9);
	}
	
	.PassoCompra .activo{
		color: #383838;
	}
	
	.BlocoInferior .Titulo{
		color: #383838;
		font-size: 1em;
		font-weight: bold;
	}
	
	.BlocoPagamento{
		width: 45%;
		min-height: 100px;
		float: left;
		text-align: left;
	}
	
	.BlocoIMG{
		width: 440px;
		height: 110px;
		padding-left: 110px;
		padding-top: 20px;
		float: left;
		text-align: left;
	}
	
	.BlocoTXTPagamento{
		width: 50%; 
		float:left; 
		text-align: left;
		padding-left: 10px;
	}
	
	img.img_pagamento{
		max-width: 100%;
	}
	img.icon_pagamento{
		max-width: 100px;
	}
	
	
	
	tr.ComLinha{
		border-bottom:1pt solid black;
	}
	
	tr.ComFundo{
		background-color: #e7e7e7;
	}
	
	
	
	
	
	span.numcarrinho{
		vertical-align: super;
		font-size: smaller;
		color: #ff0000 !important;
	}
	
	
	
	
	div.cart-search-form.active {
		display: block !important;
		z-index: 1000;
		background-color: rgba(0, 0, 0, 0.8);
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0%;
		left: 0%;
		/*padding: 20px 25px;*/
		padding: 10%;
	}
	
	div.cart-search-form form img.FechaPesqCarrinho{
		position: fixed;
		top: 20%;
		right: 20%;
	}

	div.cart-search-form form{
		margin: 2px 10%;
		padding: 5% 10%;
		background-color: #BCBEC0;
		color: rgb(56, 56, 56);
		border-radius: 20px;
		min-height: 400px;
	}
	
	
	
	
	div.resultado_pesquisa{
		margin: 2%;
		padding: 2%;
		background-color: #f3f3f3;
		color: #000000;
		border-radius: 20px;
	}
	
	div.item_pesquisa:hover{
		color: #00AEEF;
	}