/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

@font-face {
    font-family: 'latobold_italic';
    src: url('../fonts/lato-bolditalic-webfont.eot');
    src: url('../fonts/lato-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/lato-bolditalic-webfont.woff') format('woff'),
         url('../fonts/lato-bolditalic-webfont.ttf') format('truetype'),
         url('../fonts/lato-bolditalic-webfont.svg#latobold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latoblack';
    src: url('../fonts/lato-black-webfont.eot');
    src: url('../fonts/lato-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-black-webfont.woff2') format('woff2'),
         url('../fonts/lato-black-webfont.woff') format('woff'),
         url('../fonts/lato-black-webfont.ttf') format('truetype'),
         url('../fonts/lato-black-webfont.svg#latoblack') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato-bold-webfont.eot');
    src: url('../fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-bold-webfont.woff2') format('woff2'),
         url('../fonts/lato-bold-webfont.woff') format('woff'),
         url('../fonts/lato-bold-webfont.ttf') format('truetype'),
         url('../fonts/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latoitalic';
    src: url('../fonts/lato-italic-webfont.eot');
    src: url('../fonts/lato-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-italic-webfont.woff2') format('woff2'),
         url('../fonts/lato-italic-webfont.woff') format('woff'),
         url('../fonts/lato-italic-webfont.ttf') format('truetype'),
         url('../fonts/lato-italic-webfont.svg#latoitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latohairline';
    src: url('../fonts/lato-hairline-webfont.eot');
    src: url('../fonts/lato-hairline-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-hairline-webfont.woff2') format('woff2'),
         url('../fonts/lato-hairline-webfont.woff') format('woff'),
         url('../fonts/lato-hairline-webfont.ttf') format('truetype'),
         url('../fonts/lato-hairline-webfont.svg#latohairline') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latohairline_italic';
    src: url('../fonts/lato-hairlineitalic-webfont.eot');
    src: url('../fonts/lato-hairlineitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-hairlineitalic-webfont.woff2') format('woff2'),
         url('../fonts/lato-hairlineitalic-webfont.woff') format('woff'),
         url('../fonts/lato-hairlineitalic-webfont.ttf') format('truetype'),
         url('../fonts/lato-hairlineitalic-webfont.svg#latohairline_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latolight_italic';
    src: url('../fonts/lato-lightitalic-webfont.eot');
    src: url('../fonts/lato-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-lightitalic-webfont.woff2') format('woff2'),
         url('../fonts/lato-lightitalic-webfont.woff') format('woff'),
         url('../fonts/lato-lightitalic-webfont.ttf') format('truetype'),
         url('../fonts/lato-lightitalic-webfont.svg#latolight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-regular-webfont.eot');
    src: url('../fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-regular-webfont.woff2') format('woff2'),
         url('../fonts/lato-regular-webfont.woff') format('woff'),
         url('../fonts/lato-regular-webfont.ttf') format('truetype'),
         url('../fonts/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latolight';
    src: url('../fonts/lato-light-webfont.eot');
    src: url('../fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-light-webfont.woff2') format('woff2'),
         url('../fonts/lato-light-webfont.woff') format('woff'),
         url('../fonts/lato-light-webfont.ttf') format('truetype'),
         url('../fonts/lato-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'latoblack_italic';
    src: url('../fonts/lato-blackitalic-webfont.eot');
    src: url('../fonts/lato-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-blackitalic-webfont.woff2') format('woff2'),
         url('../fonts/lato-blackitalic-webfont.woff') format('woff'),
         url('../fonts/lato-blackitalic-webfont.ttf') format('truetype'),
         url('../fonts/lato-blackitalic-webfont.svg#latoblack_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
  font-family: 'HelveticaNeue-Bold';
  src: url('../fonts/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/HelveticaNeue-Bold.woff') format('woff'),
	   url('../fonts/HelveticaNeue-Bold.ttf')  format('truetype'),
	   url('../fonts/HelveticaNeue-Bold.svg#HelveticaNeue-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeue';
  src: url('../fonts/._HelveticaNeue.eot?#iefix') format('embedded-opentype'),
       url('../fonts/._HelveticaNeue.woff') format('woff'),
	   url('../fonts/._HelveticaNeue.ttf')  format('truetype'),
	   url('../fonts/._HelveticaNeue.svg#._HelveticaNeue') format('svg');
  font-weight: normal;
  font-style: normal;
}


header {
	position: relative;
	width: 100%;
	height: 100px;
}

.languages {
	text-align: right;
	position: relative;
	width: 100%;
}

	.languages .active_language {
		position: absolute;
		right: 10px;
		display: none;
	}
	.languages .active_language img{
	width: 24px;
	height: 24px;
	}
	
.other_language{
	position: absolute;
	width: 24px;
	height: 24px;
}
.other_language img{
width: 24px;
	height: 24px;
}


	.languages .pontos_langs {
		position: absolute;
		cursor: pointer;
		right: 0;
		top: 3px;
		z-index: 200;
		display: none;
	}

	.languages ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		display: none;
		position: absolute;
		background-color: #1c1e1c;
		right: -5px;
		top: -22px;
		width: 56px;
		text-align: center;
		z-index: 200;
	}
	
		.languages ul li {
			padding: 10px 0;
			display: block;
		}

.logotipo {
	position: relative;
	float: left;
	margin: 31px 0 0 0;
}

	.logotipo a {
		outline: none;
		text-decoration: none;
	}

	.logotipo img {
		width: 284px;
	}

.menu-lateral {
	position: fixed;
	z-index: 200;
	width: 223px;
	top: 0;
	left: -223px;
	height: 100%;
	display: none;
	background-color: #1c1e1c;
}

#back_menu {
	position: absolute;
	font-size: 24px;
	font-family: 'latobold';
	color: #a8a6a6;
	top: 80px;
	cursor: pointer;
	display: none;
	text-transform: uppercase;
	width: 100%;
	text-align: center;
}
	
	#back_menu img {
		position: relative;
		float: left;
		margin-left: 25px;
		margin-right: 15px;
	}
	
	#back_menu .texto {
		position: relative;
		float: left;
	}
	
#menu_lateral {
	font-family: 'latoregular';
	font-size: 18px;
	margin: 120px 0 0 0;
	padding: 0;
	text-transform: uppercase;
	position: absolute;
	width: 100%;
}
	#menu_lateral a {
		color: #a8a6a6;
		text-decoration: none;
		outline: none;
		padding-left: 50px;
	}
	
	#menu_lateral li.selected a,
	#menu_lateral li:hover a {
		color: #fff;
	}
	
	#menu_lateral li {
		display: block;
		margin: 0 0 20px 0;
		cursor: pointer;
		border-bottom: 1px solid #313130;
	}
	
	#menu_lateral .dropdown-menu .dropdown a {
		color: #a8a6a6;
	}
	
	#menu_lateral .dropdown-menu .dropdown:hover a {
		color: #fff;
	}
	
		#menu_lateral .dropdown-menu {
			display: none;
			position: absolute;
			margin: 0;
			padding: 0;
			width: 223px;
			top: 50px;
		}

nav {
	position: relative;
	float: right;
	margin: 50px 0 0 0;
	display: block;
}

	nav ul {
		margin: 0;
		padding: 0;
	}
	
		nav ul li {
			display: inline-block;
			padding: 0 10px;
			height: 40px;
			cursor: pointer;
		}
		
			nav ul li a {
				color: #757473;
				text-decoration: none;
				outline: none;
				text-transform: uppercase;
				display: block;
				height: 100%;
				font-family: 'latobold';
				font-size: 14px;
			}
			
				nav ul li.selected a,
				nav ul li:hover a {
					color: #fff;
				}
			
				nav .dropdown-menu {
					display: none;
					position: absolute;
					width: 77px;
					top: 40px;
					z-index: 100;
				}
				
				nav .dropdown-menu .dropdown:hover,
				nav ul li:hover .dropdown-menu {
					display: block;
				}
				
					nav .dropdown-menu .dropdown {
						background-color: rgba(0,0,0,0.8);
						display: block;
						text-align: center;
						height: 30px;
						margin: 0;
					}
					
					nav .dropdown-menu .dropdown:focus,
					nav .dropdown-menu .dropdown:hover {
						background-color: rgba(0,0,0,1);
					}
					
						nav .dropdown-menu .dropdown a {
							color: rgba(255,255,255,0.5);
							text-decoration: none;
							outline: none;
							text-transform: uppercase;
							display: block;
							height: 100%;
						}
						
							nav .dropdown-menu .dropdown.selected a,
							nav .dropdown-menu .dropdown:hover a {
								color: rgba(255,255,255,1);
							}

.banner_topo {
	position: relative;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	height: 364px;
	float: left;
}

.banner_topo.galeria {
	/* height: 703px;*/
	height: 450px;
}

.container {
	position: relative;
	width: 1200px;
	color: #fff;
	margin: 0 auto;
}

.titulo {
	text-shadow: 0 2px #000;
	font-size: 18px;
	line-height: 20px;
	position: relative;
	height: 364px;
	font-family: 'latoregular';
}
.titulo tr td{
	padding-bottom: 30px;
}
.titulo.gal {
	height: 450px;
}
	
	#bloco_home.galeria {
		min-height: initial;
	}

	#bloco_home .bloco_galeria p {
		text-shadow: 0 2px #000;
		font-size: 16px;
		position: relative;
		font-family: 'HelveticaNeue';
	}

	#bloco_home .bloco_galeria p strong,
	.titulo strong {
		font-size: 30px;
	}
	
.titulo_pagina {
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
	text-transform: uppercase;
	font-family: 'latobold';
	font-size: 16px;
	color: #8c8b8b;
}

.titulo_form_contactos {
	position: relative;
	float: left;
	margin: 0 0 20px 56px;
	font-family: 'latobold';
	font-size: 16px;
	color: #8c8b8b;
	width: 100%;
	max-width: 500px;
}

#bloco_home {
	margin-top: 70px;
	width: 100%;
	position: relative;
	float: left;
	min-height: 350px;
}
	
	#bloco_home p {
		margin: 0 15% 0 0;
		font-family: 'latoregular';
		font-size: 12px;
		color: #fff;
	}

	#bloco_home img {
		opacity: 0.8;
		filter: alpha(opacity=80);
	}
	.prod#bloco_home img {
		opacity: 0.5;
		filter: alpha(opacity=50);
	}
	
	#bloco_home img:hover {
		opacity: 1;
		filter: alpha(opacity=100);
	}
	
	#bloco_home .prod_list:hover img {
		opacity: 1;
		filter: alpha(opacity=100);
	}
	
	
	#bloco_home .imagem_cores {
		position: relative;
		float: left;
		margin-bottom: 20px;
		width: 100%;
	}
	
	#bloco_home .imagem_cores img {
		opacity: 1;
		filter: alpha(opacity=100);
		max-width: 352px;
		width: 95%;
	}
	
	#bloco_home .fancybox {
		font-size: 16px;
		font-family: 'latoregular';
		color: #A8A1A1;
		text-transform: uppercase;
	}
	#bloco_home .fancybox.active_p{
		color: #fff;
		font-family: 'HelveticaNeue-Bold';
	}
	
	#bloco_home .bloco1,
	#bloco_home .bloco2,
	#bloco_home .bloco3 {
		position: relative;
		float: left;
		width: 400px;
		min-width: 375px;
		font-size: 12px;
	}
	
	#bloco_home .bloco2 {
	}
	
	#bloco_home .bloco3 {
	}
	
		#bloco_home .bloco1 .titulo_texto,
		#bloco_home .bloco2 .titulo_texto,
		#bloco_home .bloco3 .titulo_texto {
			text-transform: uppercase;
			height: 84px;
			font-family: 'latobold';
			font-size: 16px;
			color: #8c8b8b;
		}
		
		#bloco_home #ce {
			opacity: 1;
			filter: alpha(opacity=100);
			max-width: 45px;
			margin-right: 10px;
		}
		
	#bloco_home a {
		outline: none;
		color: #fff;
		text-decoration: none;
	}
	
	.galeria_imgs.mobile .right_block button,
	.galeria_imgs.mobile .left_block button,
	#bloco_home button {
		width: 78px;
		height: 24px;
		border: 2px solid #fff;
		background: transparent;
		outline: none;
		color: #fff;
		position: relative;
		float: left;
		margin-right: 10px;
		font-family: 'latoregular';
		font-size: 13px;
	}
	
	#bloco_home .bloco_button {
		position: relative;
		float: left;
	}
	
	#bloco_home .doc_name {
		color: #fff;
		position: relative;
		float: left;
		margin: 0;
		width: 140px;
	}
	
	#bloco_home .bloco_doc {
		position: relative;
		float: left;
		margin-top: 20px;
	}
	
	#bloco_home .bloco1.noticias {
		width: 60%;
	}
	
	#bloco_home .bloco2.noticias {
		width: 40%;
	}
	
		#bloco_home .bloco1.noticias a {
			max-width: none;
		}
		
		#bloco_home .bloco1.noticias img {
			opacity: 1;
			filter: alpha(opacity=100);
			position: relative;
			float: left;
			margin-right: 20px;
			max-width: 180px;
		}
		
			#bloco_home .noticia {
				width: 100%;
				position: relative;
				float: left;
				margin-bottom: 20px;
			}
			
				#bloco_home .noticia .texto {
					font-size: 12px;
					font-family: 'latoregular';
					color: #fff;
				}
				
	#bloco_home .bloco1.noti {
		width: 30%;
	}
	
		#bloco_home .bloco1.noti img {
			opacity: 1;
			filter: alpha(opacity=100);
			position: relative;
			float: left;
			max-width: 350px;
		}
	
	#bloco_home .bloco2.noti {
		width: 65%;
	}
	
		#bloco_home .bloco2.noti {
			font-size: 12px;
			font-family: 'latoregular';
			color: #fff;
		}
		
#bloco_home .bloco_galeria {
	position: relative;
	float: left;
	width: 100%;
}
	
.bloco_contactos {
	position: relative;
	float: left;
	width: 50%;
}

	.contacto {
		position: relative;
		float: left;
		width: 100%;
		margin-bottom: 30px;
	}
	
		.contacto .texto {
			position: relative;
			float: left;
			width: 40%;
			font-size: 12px;
			font-family: 'latoregular';
			color: #fff;
			margin-right: 20px;
		}
		
		.contacto .mapa {
			position: relative;
			float: left;
		}
		
			.contacto .mapa .mapa-canvas {
				width: 336px;
				height: 89px;
			}
			
.bloco_form {
	position: relative;
	float: left;
	max-width: 530px;
	margin-left: 56px;
}

	.bloco_form form {
		position: relative;
		width: 100%;
	}
	
		.bloco_form form label {
			position: relative;
			width: 100%;
			float: left;
			font-family: 'latoregular';
			font-size: 12px;
			color: #fff;
		}
		
		.bloco_form form label.red {
			color: #ff0000;
		}
		
		.bloco_form form .small {
			position: relative;
			float: left;
			width: 43%;
		}
	
		.bloco_form form input {
			position: relative;
			float: left;
			margin: 10px 0 20px 0;
			max-width: 513px;
			width: 92%;
			background-color: #b3b3b3;
			border: 0;
			height: 30px;
			color: #fff;
			padding: 0 10px;
			font-family: 'latoregular';
			font-size: 12px;
		}
		
		.bloco_form form select {
			position: relative;
			float: left;
			margin: 10px 0 20px 0;
			max-width: 513px;
			width: 100%;
			background-color: #b3b3b3;
			border: 0;
			height: 30px;
			color: #fff;
			padding: 0 10px;
			font-family: 'latoregular';
			font-size: 12px;
		}
		
		.bloco_form .btn_box {
			position: relative;
			float: left;
			width: 100%;
			max-width: 507px;
			text-align: right;
		}
		
		.bloco_form form button {
			position: relative;
			background-color: transparent;
			border: 2px solid;
			width: 80px;
			height: 26px;
			color: #fff;
			font-family: 'latoregular';
			font-size: 12px;
		}
		
		.bloco_form form textarea {
			position: relative;
			float: left;
			min-height: 120px;
			background-color: #b3b3b3;
			border: 0;
			color: #fff;
			padding: 10px;
			width: 92%;
			font-family: 'latoregular';
			font-size: 12px;
			margin: 10px 0 20px 0;
		}
		
		.bloco_form .alert {
			position: relative;
			float: left;
			margin-bottom: 20px;
			border-radius: 8px;
			max-width: 507px;
			width: 100%;
			min-height: 23px;
			font-size: 15px;
			text-align: center;
			font-family: 'latoregular';
		}
		
			.bloco_form .alert.alert-success {
				background-color: #107910;
			}
			
			.bloco_form .alert.alert-danger {
				background-color: #791C10;
			}

footer {
	position: relative;
	float: left;
	width: 100%;
	margin: 50px 0;
}

	footer .bloco1,
	footer .bloco2,
	footer .bloco3 {
		position: relative;
		float: left;
		width: 400px;
	}
	
	footer .bloco1 {
		text-align: left;
	}
		
		footer .bloco1 img {
		}
	
	footer .bloco2 {
		text-align: center;
		font-size: 12px;
		font-family: 'latoregular';
	}
	
	footer .bloco3 {
		text-align: right;
	}
	
		footer .bloco3 img {
		}


.barras_menu {
	display: none;
	height: 23px;
	position: absolute;
	z-index: 201;
	left: 50px;
}

	.barras_menu img {
		cursor: pointer;
	}
	
.fancybox-inner h1 {
	color: #fff;
	margin: 0;
	font-size: 14px;
	font-family: 'HelveticaNeue-Bold';
	text-transform: uppercase;
}

.fancybox-skin {
	background: rgba(0,0,0,0.7);
	text-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.bx-wrapper,
.bx-viewport {
	position: absolute;
	width: 100%;
	height: 100% !important;
	top: 0;
	left: 0;
	z-index: -1;
}

#slider_topo {
    margin: 0;
    padding: 0;
}

    #slider_topo,
    #slider_topo li {
        height: 100% !important;
    }
	
	#slider_topo li {
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
	}
	
.bx-wrapper .bx-viewport {
	border: 0 !important;
}

.banner_topo .table_left,
.banner_topo .table_right {
	height: 364px;
}

.banner_topo .table_left {
	position: relative;
	float: left;
}

.banner_topo .table_right {
	position: relative;
	float: right;
}

.banner_topo.galeria .table_left,
.banner_topo.galeria .table_right {
	/* height: 703px; */
	height: 450px;
}

#left_control a,
#right_control a {
	outline: none;
}

.galeria_imgs {
	position: relative;
	width: 95%;
	margin: auto;
}

	.galeria_imgs .left_block {
		position: relative;
		float: left;
		height: 100%;
		width: 10%;
		text-align: center;
	}
	
	.galeria_imgs.mobile .left_block {
		width: initial;
		margin-top: 30px;
	}
	
		.galeria_imgs .left_block img {
		}
	
	.galeria_imgs .center_block {
		position: relative;
		float: left;
		width: 80%;
	}
	
	.galeria_imgs.mobile .center_block {
		width: 100%;
	}
	
		.galeria_imgs .center_block ul {
			position: relative;
			margin: 0 auto;
			padding: 0;
			list-style-type: none;
			width: 100%;
			max-width: 760px;
		}
		
			.galeria_imgs .center_block ul li {
				display: inline-block;
				position: relative;
				float: left;
				margin: 5px;
				width: 140px;
			}
			
				.galeria_imgs .center_block ul li .texto_img {
					font-size: 12px;
					font-family: 'latoregular';
					color: #fff;
				}
			
				.galeria_imgs .center_block ul li img {
					width: 100%;
				}
	
	.galeria_imgs .right_block {
		position: relative;
		float: left;
		height: 100%;
		width: 10%;
		text-align: center;
	}
	
	.galeria_imgs.mobile .right_block {
		height: 100%;
		width: initial;
		float: right;
		margin-top: 30px;
	}
	
		.galeria_imgs .left_block img {
		}
		
.galeria_imgs.mobile {
	display: none;
}

.galeria_blocos {
	width: 100%;
	position: relative;
	margin: 0 auto;
	max-width: 780px;
}

#galeria_imagens {
	width: 100%;
	position: relative;
	float: left;
	max-height: 125px;
	margin-top: 50px;
	padding-left: 25px;
}

#slider_galeria_imagens {
	margin: 0;
	padding: 0;
	margin-left: 30px;
}

	#slider_galeria_imagens li img {
		width: 170px;
		height: 125px;
		cursor: pointer;
		margin: 2px;
	}
	#slider_galeria_imagens li img.active{
		border: 2px solid #fff;
		margin: 0px;
	}
#galeria_imagens .slider_gal_bottom,
#l_control,
#r_control {
	position: relative;
	float: left;
	height: 125px;
	margin-right: 10px;
}

#r_control {
	margin-left: 25px;
}
#l_control {
	position: absolute;
	z-index: 100;
}
#l_control img,
#r_control img {
	margin-top: 40px;
}

#galeria_imagens .bx-wrapper,
#galeria_imagens .bx-viewport {
	position: relative;
	float: left;
	width: 106% !important;
	height: 129px !important;
	z-index: 0;
}

.ambiente #bloco_home .bloco1,
.ambiente #bloco_home .bloco2{
	width: 50%;
}

.produtos img {
	width: 375px; 
	height: 212px;
}

.btn_back {
	width: 78px;
	height: 24px;
	border: 2px solid #fff;
	background: transparent;
	outline: none;
	color: #fff;
	position: relative;
	float: left;
	margin-right: 10px;
	margin-top: 30px;
	font-family: 'latoregular';
	font-size: 13px;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */


@media only screen and (max-width: 1200px) {
	.container {
		width: 90%;
	}
	
	
	
	#bloco_home .bloco3 {
		margin-top: 20px;
	}
	
	footer .bloco1,
	footer .bloco2,
	footer .bloco3 {
		width: 33%;
	}
	
	footer .bloco2 {
	}
}

@media only screen and (max-width: 1140px) {
	.bloco_contactos {
		width: 100%;
	}
}

@media only screen and (max-width: 1040px) {
	header {
		height: 50px;
	}
	.other_language{
		display: none;
	}
	
	.languages .active_language {
		display: block;
	}
	
	.languages .pontos_langs {
		display: block;
	}
	
	.logotipo {
		width: 100%;
		text-align: center;
		margin: 0;
	}
	
		.logotipo img {
			width: 190px;
		}
	
	.barras_menu {
		display: block;
	}
	
	.languages {
		position: absolute;
	}
	
	.menu-lateral {
		display: block;
	}
	
	nav {
		display: none;
	}
	
	#bloco_home .bloco1,
	#bloco_home .bloco2,
	#bloco_home .bloco3 {
		width: 33%;
		margin: 0 auto;
		min-width: 0;
	}
	
	#bloco_home a {
		max-width: 375px;
		display: block;
		margin: 0 auto;
		width: 100%;
	}
	
		#bloco_home img {
			width: 100%;
		}
	
	#bloco_home .bloco1.noticias,
	#bloco_home .bloco2.noticias {
		width: 100%;
	}
	
	#bloco_home .bloco1.noti,
	#bloco_home .bloco2.noti {
		width: 100%;
	}
	
	#bloco_home .bloco1.noti {
		margin-bottom: 20px;
	}
	
		#bloco_home .bloco1.noti a {
			max-width: none;
		}
	
	.titulo_form_contactos {
		margin: 0 0 20px 0;
	}
	
	.bloco_form {
		margin: 0;
	}
	
	.banner_topo.galeria,
	.banner_topo.galeria .table_left,
	.banner_topo.galeria .table_right {
		height: 377px;
	}
	
	.banner_topo.galeria,
	.container.galeria {
		display: none;
	}
	
	.galeria_imgs.mobile {
		display: block;
	}
}

@media only screen and (max-width: 500px) {
	.logotipo {
		margin: 0 0 20px 0;
	}
	
	
	.logotipo img {
		width: 130px;
	}
	
	.languages {
		top: 0;
		right: 10px;
	}
	
	.barras_menu {
		left: 25px;
	}
	
	#back_menu img {
		width: 10px;
		margin-left: 13px;
	}
	
	#back_menu .texto {
		font-size: 14px;
	}
	
	.menu-lateral {
		width: 140px;
	}
	
	#menu_lateral {
		margin: 99px 0 0 0;
		font-size: 12px;
	}
	
	#menu_lateral a {
		padding-left: 30px;
	}

	#bloco_home {
		margin-top: 40px;
	}
	
	#bloco_home .bloco1,
	#bloco_home .bloco2,
	#bloco_home .bloco3 {
		width: 100%;
	}
	
	#bloco_home .bloco2 {
		margin: 20px 0;
	}
	
	footer .bloco1,
	footer .bloco2,
	footer .bloco3 {
		width: 100%;
		text-align: center;
	}
	
	#bloco_home .bloco1.noticias,
	#bloco_home .bloco2.noticias {
		width: 100%;
	}
	
	#bloco_home .bloco1.noti,
	#bloco_home .bloco2.noti {
		width: 100%;
	}
	
	#bloco_home .bloco3 .titulo_texto {
		height: 0;
	}
	
	#bloco_home p {
		margin: 0;
	}
	
	footer .bloco2 {
		margin: 20px 0;
	}
	
	.bloco_form {
		width: 100%;
		margin: 0;
	}
	
	.bloco_form form .small {
		position: relative;
		float: left;
		width: 100%;
	}
	
	.banner_topo {
		height: 140px;
	}
	
	.titulo,
	.titulo strong {
		font-size: 11px;
		height: 140px;
	}
	
	.titulo_form_contactos {
		margin: 0 0 20px 0;
	}
	
	.contacto .texto {
		width: 100%;
	}
	
	.banner_topo.galeria,
	.banner_topo.galeria .table_left,
	.banner_topo.galeria .table_right {
		height: 140px;
	}
	
	#bloco_home .bloco_galeria p,
	#bloco_home .bloco_galeria p strong {
		font-size: 11px;
	}
	
	.ambiente #bloco_home .bloco1,
.ambiente #bloco_home .bloco2{
	width: 100%;
}
}

@media only screen and (max-width: 480px) {
	.contacto .mapa .mapa-canvas {
		width: 300px;
	}
}

@media only screen and (max-width: 320px) {
	.contacto .mapa .mapa-canvas {
		width: 264px;
	}
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

body.blocked {
	overflow: hidden;
}

.popup_projectos {
    position: fixed;
    z-index: 99;
    left: 25px;
    right: 25px;
    top: 130px;
    bottom: 25px;
    background: #000;
	box-shadow: 0 0 10px 8px #454545;
	border: 2px solid #353535;
}

.popup_projectos .close_popup {
    position: absolute;
    width: 30px;
    height: 27px;
    text-align: center;
    border-radius: 100%;
	background: #d5d5d5;
	border: 2px solid #424242;
    font-size: 16px;
    font-weight: 600;
    right: -7px;
    top: -7px;
    padding-top: 3px;
	z-index: 1;
	cursor: pointer;
}

.popup_projectos .projecto{	
    position: relative;
}

.popup_projectos .projecto.pj1,
.popup_projectos .projecto.pj2 {
    width: 33%;
    float: left;
    height: 70%;
}

.popup_projectos .holder_projecto_3_4 {
    position: relative;
    width: 34%;
    float: left;
    height: 70%;
}
.popup_projectos .projecto.pj3,
.popup_projectos .projecto.pj4 {
    width: 100%;
    height: 50%;
}
.popup_projectos .projecto.pj5 {
    width: 33%;
    float: left;
    height: 30%;
}
.popup_projectos .projecto.pj6 {
    width: 67%;
    float: left;
    height: 30%;
}

.popup_projectos .projecto .legenda {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
    color: #fff;
	font-weight: 600;
    text-transform: uppercase;
}

@media only screen and (max-width: 992px) {

	.popup_projectos {
		top: 90px;
	}

	.popup_projectos .projecto {
		width: 100% !important;
		height: 16.66% !important;
	}
	
	.popup_projectos .holder_projecto_3_4 {
		width: 100%;
		height: 33.32%;
	}
	.popup_projectos .projecto.pj3,
	.popup_projectos .projecto.pj4 {
		height: 50% !important;
	}
}