@media screen and (max-width: 1005px) {

#metalogo {
    background-size: 40% auto!important;
}

}

@media screen and (max-width: 540px) {
/* .ngg-gallery-thumbnail-box {
    float: left!important;
    margin: 0 !important;
    text-align: center!important;
    width: 50%!important;
}

.ngg-gallery-thumbnail img {
    background-color: #ffffff!important;
    border: 1px solid #a9a9a9!important;
    display: block!important;
    height: auto!important;
    margin: 0 auto!important;
    padding: 4px!important;
    position: relative!important;
    width: 100%!important;
}
.ngg-gallery-thumbnail a{
    float: left!important;
    text-align: cente!importantr;
    width: 100%!important;
}
.ngg-gallery-thumbnail {
    float: left!important;
    text-align: center!important;
    width: 100%!important;
} */

.logo {
    height: 142px;
    margin: auto;
    text-align: center;
    width: 100%!important;
}
#metalogo {
     background-size: 70% auto!important;
}

}




@font-face {
	font-family: 'Calibri';
	src: url('fonts/Calibri.eot');
	src: url('fonts/Calibri.eot?#iefix') format('embedded-opentype'),
		url('fonts/Calibri.woff') format('woff'),
		url('fonts/Calibri.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Futura Bk BT';
	src: url('fonts/FuturaBT-Book.eot');
	src: url('fonts/FuturaBT-Book.eot?#iefix') format('embedded-opentype'),
		url('fonts/FuturaBT-Book.woff') format('woff'),
		url('fonts/FuturaBT-Book.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

html { 
	margin: 0;
	padding: 0;
	border: 0;
}
body{
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%; 
	max-height: 100%; 
	color:#2b2a28;
		background-color:#fff;	
	background-image:url(../img/padrao.png);
	background-repeat:repeat;
}

.texto h1{line-height:50px; font-family:'Futura Bk BT',arial; font-size:37px;}
.texto{text-align:center;}

.header{
	height:167px;
	padding-top:28px;
	width:100%;

}
.logo {
    height: 142px;
    margin: auto;
    text-align: center;
    width: 445px;
}

.content{
	width:986px;
	margin:auto auto;	
}

.empresas{
	padding-top:70px;
	height:320px;
}

.morada{
	font-family: "Calibri",arial;
	font-size:16px;	
	color:#000000;
}

.fblink{width:33%; text-align:center; float:left;margin-bottom:100px;}
.fblink a{text-decoration:none; color:#3b579d; font-family: "Calibri",arial; font-size:14px; text-transform:uppercase;}
.fblink img{vertical-align:middle; margin-right:10px;}
.grupo{
	width:300px;
	height:300px;
	float:left;
	   -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in;  
	/*background-color:#13153c;*/
}
.grupo:hover{
	-webkit-box-shadow: 0px 10px 73px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 10px 73px -2px rgba(0,0,0,0.75);
	-op-box-shadow: 0px 10px 73px -2px rgba(0,0,0,0.75);
	-ms-box-shadow: 0px 10px 73px -2px rgba(0,0,0,0.75);
	box-shadow: 0px 10px 73px -2px rgba(0,0,0,0.75);
	   -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out; 
	margin-top:-30px;
}

.activo{
	-webkit-box-shadow: 0px 10px 73px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 10px 73px -2px rgba(0,0,0,0.75);
	-op-box-shadow: 0px 10px 73px -2px rgba(0,0,0,0.75);
	-ms-box-shadow: 0px 10px 73px -2px rgba(0,0,0,0.75);
	box-shadow: 0px 10px 73px -2px rgba(0,0,0,0.75);
	   -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out; 
	margin-top:-30px;
}

#meta {
    background-image: url("../img/metalurgica.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}


#man{background-image:url(../img/man.jpg);     background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
}


#veco{background-image:url(../img/veco.jpg);    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
	
    width: 100%;
}


.grupo img:hover{opacity:0.5;}
.grupo li:last-child{margin-right: 0px !important;}
.grupo img {
    height: auto;
    margin-top: 35px;
    max-width: 80%;
    width: auto;
}
.fright{float:right;}
.fleft{float:left;}
.mtop8{margin-top:8px;}
.clear{clear:both;}
.footer {
    background-color: #004b9c;
    color: #ffffff;
    font-family: "Futura Bk BT",arial;
    font-size: 16px;
    height: auto;
    line-height: 78px;
    margin-top: 45px;
    text-align: center;
    width: 100%;
}
.logo > img {
    margin: 0 auto;
    width: 80%;
}
#man {
    background-image: url("../img/man.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
#manlogo {
    background-image: url("../img/man_logo.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 70% auto;
    height: 100%;
    width: 100%;
}

#metalogo {
    background-image: url("../img/metalurgica_logo.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 70% auto;
    height: 100%;
    width: 100%;
}

/* ============== CSS ANDRÉ ================= */

}
@media screen and (max-width: 860px) {

.logo > img {
    max-width: 260px;
    width: 100%;
}

   .texto h1 {
    font-family: "Futura Bk BT",arial;
    font-size: 25px;
    line-height: 50px;
}
.logo {
    height: 142px;
    margin: auto;
    text-align: center;
    width: 100%!important;
}
}


.fblink {
    margin-top: 30px;
}