@charset "UTF-8";
/* CSS Document */

html {}
body {
	width:100%;
	margin:0;
	padding:0;
	overflow: auto;
	background-color:#222;
}

.logohor {
	position: absolute;
	width: 100%;
	z-index:1000;
}
.logohor img{
	width:30%;
	margin-left:4%;
	
	margin-top:70px;
	border:none;
}

.slogan {
	position: relative;
	margin-left:6%;
	z-index:90;
}
.slogan h2 {
	text-align: left;
	text-transform: none;
	font-family: josefin-slab, serif;
	font-style: normal;
	font-size:15px;
	font-weight:400;
	line-height:20px;
	letter-spacing: 1px;
	color:#999;	
}

	 
.contactos {
    overflow: hidden;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-top:400px;
}
.contactosInner {
	float: left;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	padding-top:20px;
	padding-bottom:70px;
}
.contactosInnerInner {
	float: left;
	width:23%;
	margin:0;
	padding-left:1.0%;
	padding-right:1.0%;
	padding-top:0;
}
.contactos h4 {
	margin-top:0;
	margin-bottom:10px;
	padding:0;
	text-align: left;
	font-family: carme, sans-serif;
	font-style: normal;
	font-size:12px;
	font-weight:100;
	line-height:10px;
	letter-spacing: 1px;
	color:rgba(102,102,102,1.00);
}
.contactos p {
	
	margin-left:auto;
	margin-right:auto;
	text-align: left;
	text-transform: none;
	font-family: carme, sans-serif;
	font-style: normal;
	font-size:12px;
	font-weight:400;
	line-height:22px;
	letter-spacing: 1px;
	color: rgba(102,102,102,1.00);
	border-top: 1px solid rgba(102,102,102,1.00);
	
}
.contactos a { color: rgba(102,102,102,1.00); text-decoration:none; }
.contactos a:hover {color: rgba(102,102,102,1.00);


	    
/* SMALL COMPUTERS  */
@media only screen 
and (max-width : 1024px) {
html {margin:0}
.logohor {position: fixed;}

.wrap { width:100%;}
.box {
       float: left;
       position: relative;
       width: 50%;
	   height: auto 100%;
       padding-bottom:50%;
    }
}	

/* SMARTPHONE */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
{
html {margin:0}
body {-webkit-text-size-adjust:100%;}
.logohor {position: absolute;}
.projectos h2 {width:25%;}
.wrap { width:100%;}
.box {
       float: left;
       position: relative;
       width: 50%;
	   height: auto 100%;
       padding-bottom:50%;
    }
.foto1 {
	background: url(images/2.jpg) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: 0 auto; 
	margin-top: 100px;
	height: 650px;  
    width: 100%; 
    max-width: 1024px;
	position:relative;
}
.foto2 {
	background: url(images/6.jpg) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: 0 auto; 
	height: 250px;  
    width: 100%; 
    max-width: 1024px;
	position:relative;
}
.foto3 {
	background: url(images/3.jpg) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: 0 auto; 
	height: 250px;  
    width: 100%; 
    max-width: 1024px;
	position:relative;
	}
.fotoEquipa {
	background: url(images/13.jpg) left center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: #fff;
	margin: 0 auto; 
	height: 450px;  
    width: 100%; 
    max-width: 1920px;
	position:relative;
}
.foto4 {
	background: url(images/10.jpg) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: 0 auto; 
	height: auto;  
    width: 100%; 
    max-width: 1024px;
	position:relative;
}
.foto5 { display:none;}
.foto6 {
	background: url(images/7.jpg) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: 0 auto; 
	height: 450px;  
    width: 100%; 
    max-width: 1024px;
	position:relative;
}
}

/* TABLET */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
{
html {margin-left:1%; margin-right:1%;}
body {-webkit-text-size-adjust:100%;}
.logohor {position: absolute;}
.email a{display:none;}
.next {display:none;}
.empresa p { width:80%;}
.projectos h2 {width:25%;}
.wrap { width:100%;}
.box {
       float: left;
       position: relative;
       width: 50%;
	   height: auto 100%;
       padding-bottom:50%;
    }
.foto1 {
	background: url(images/14.jpg) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: 0 auto; 
	margin-top: 100px;
	height: 650px;  
    width: 100%; 
    max-width: 1024px;
	position:relative;
}

.foto2 {
	background: url(images/15.jpg) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: 0 auto; 
	height: 250px;  
    width: 100%; 
    max-width: 1024px;
	position:relative;
	}
.foto3 {
	background: url(images/14.jpg) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: 0 auto; 
	height: 250px;  
    width: 100%; 
    max-width: 1024px;
	position:relative;
	}
.fotoequipa {
	background: url(images/13.jpg) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: #fff;
	margin: 0 auto; 
	height: 250px;  
    width: 100%; 
    max-width: 1920px;
	position:relative;
}	
.foto4 {
	background: url(images/10.jpg) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: 0 auto; 
	height: auto;  
    width: 100%; 
    max-width: 1024px;
	position:relative;
}
.foto6 {
	background: url(images/14.jpg) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: 0 auto; 
	height: 450px;  
    width: 100%; 
    max-width: 1024px;
	position:relative;
}
}