@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
@font-face {
  font-family: 'avenirnextltpro-regular';
  src: url('../fonts/avenirnextltpro-regular/avenirnextltpro-regular.eot?v=4.4.0');
  src: url('../fonts/avenirnextltpro-regular/avenirnextltpro-regular.eot?#iefix&v=4.4.0') format('embedded-opentype'), 
  url('../fonts/avenirnextltpro-regular/avenirnextltpro-regular.woff2?v=4.4.0') format('woff2'), 
  url('../fonts/avenirnextltpro-regular/avenirnextltpro-regular.woff?v=4.4.0') format('woff'), 
  url('../fonts/avenirnextltpro-regular/avenirnextltpro-regular.ttf?v=4.4.0') format('truetype'), 
  url('../fonts/avenirnextltpro-regular/avenirnextltpro-regular.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
html, body {font-family:'avenirnextltpro-regular',sans-serif,Arial;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:subpixel-antialiased;
-webkit-text-stroke:1px transparent;-webkit-text-size-adjust:100%;margin:0;padding:0;background-color:#fff}
.loader {position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background:url('../logo/farrobasfinales-finais-2-01.png') 50% 50% no-repeat rgb(100,100,100);}
a {text-decoration:none}
*:focus {outline:0}
/* PAGE */
.top-border {border-top:1px solid #d0d0d0}
.bottom-border { border-top:1px solid #d0d0d0; padding:0 0 10px 0}
.top-border0 { border-top:1px solid #d0d0d0}
.logo {position:fixed;top:0px;left:0px;text-align:left;z-index:9001}
.logo img {width:100%;height:auto}
.bbar-wrap {position:fixed;width:100%;bottom:0;left:0;z-index:1001;text-align:center;margin:0 auto}

.bbar {width:100%;left:0;text-align:center;background:rgba(255,255,255,1);display:inline-block}
.bbar h1 {width:30%;font-size:110%;color:#000;font-weight:400;display:inline-block;padding:0 0%;margin:0}
.bbar a h1 {width:30%;font-size:110%;color:#000;font-weight:400;display:inline-block;padding:0 0%;margin:0}
.bbar a h1:hover {color:#f00}
.bbar a h2 {width:30%;font-size:100%;color:#fff;font-weight:600;padding:0.5% 0;margin:0;width:30%;background:rgba(255,0,0,1);border:1px solid #f00;display:inline-block}
.bbar a h2:hover {color:#f00;background:rgba(255,255,255,1)}
/* section1  INICIO */
.v-image {position:relative;top:0;left:0;right:0;margin:0;padding:0;}
.v-image img {width:100%;height:auto;margin:0;padding:0}
.vl-image {position:relative;top:0;left:0;right:0;margin:0;padding:0;}
.vl-image img {width:90%;height:auto;margin:0;padding:0}
.plantasintese-image {position:relative;top:0;left:0;right:0;margin:0;padding:0;}
.plantasintese-image img {width:80%;height:auto;margin:0;padding:0}
.quadrolotes-image {position:relative;top:0;left:0;right:0;margin:0;padding:0;}
.quadrolotes-image img {width:70%;height:auto;margin:0;padding:0}
.v-head {position:relative;background-color:rgba(255,255,255,1);width:100%;left:0;right:0;top:0;margin:0 auto;padding:0 0 7% 0}
.v-head h1, .v-head h2, .v-head h3, .v-head h4 {font-weight:300;color:#000;margin:0 auto}
.v-head h1 {font-size:200%;padding:0.5% 0 0 0}
.v-head h2 {font-size:150%;color:#000}
.v-head h3 {font-size:100%;padding:0 0 0.5% 0}
.v-head h4 {font-size:70%;color:#333}
.v-head p {font-size:80%;font-weight:500;color:#000;padding:0.5% 3% 0 3%;width:80%;margin:0 auto;text-align:center}
.w-wrap {position:relative;left:0;top:0;margin:1% auto;display:inline-block;width:100%;text-align:center;padding:1% 0 1% 0;background-color:rgba(255,0,0,0)}
.w-vj, .r-vj, .a-vj {width:19%;padding:1% 0 0 0;left:0;right:0;margin:0 auto;display:inline-block;background-color:rgba(246,246,246,1);vertical-align:top}
.r-vj {width:24%;padding:1% 0 0 0;height:200px}
.a-vj {width:24%}
.w-fx, .r-fx, .a-fx {position:relative;top:0;left:0;right:0;margin:0;padding:0}
.w-fx img {width:90%;height:auto}
.r-fx img {width:90%;height:auto}
.a-fx img {width:100%;height:auto}
.w-vj h6, .r-vj h6, .a-vj h6 {font-size:80%;font-weight:400;color:#000;display:block;margin:0;padding:3% 10%}
.w-vj h6:hover, .r-vj h6:hover, .a-vj h6:hover {color:#000}

/* section3  GALERIA */
.l-head {position:relative;background-color:rgba(255,255,255,1);width:100%;left:0;right:0;top:0;margin:0 auto;padding:1% 0 7% 0}
.l-head h1, .l-head h2, .l-head h3 {font-weight:300;color:#000;margin:0 auto}
.l-head h1 {font-size:200%;color:#000;padding:0}
.l-head h2 {font-size:120%;color:#f00;padding:0}
.l-head h3 {font-size:120%;color:#000;padding:0}
.l-head h3 a {color:#000}
.l-head h3 a:hover {color:#f00}
.l-head p {font-size:120%;font-weight:500;color:#000;padding:0 0 1% 0}
.l-wrap {position:relative;left:0;top:0;margin:0 auto;display:inline-block;width:95%;text-align:center;padding:1% 0 2% 0;background-color:rgba(255,0,255,0)}
.l-wrap h1 {font-size:150%;color:#000;font-weight:300;text-align:center;padding:0 0 2% 0}
.l-col {position:relative;width:12%;height:130px;text-align:center;padding:3% 1%;display:inline-block;margin:0 0.5%;background-color:rgba(255,0,0,0.9);vertical-align:top}
.l-col h1 {font-size:80%;color:#fff;font-weight:300;padding:7% 5%}

/* section5  TIPOLOGIAS */
.r-head  {position:relative;background-color:rgba(255,255,255,1);width:100%;left:0;right:0;top:0;margin:0 auto;padding:1% 0 7% 0}
.r-head h1{font-size:200%;font-weight:300;color:#000;padding:0;margin:0}
.r-head h2 {font-size:90%;font-weight:400;color:#f00;padding:0;margin:0}
.r-wrap {position:relative;width:90%;left:0;right:0;top:0;margin:1% auto;padding:1% 0 3% 0;background:rgba(255,0,0,0)}
.r-wrap p {font-size:80%;font-weight:400;color:#fff;text-align:center;padding:0;margin:0}
.r-desc {position:relative;width:100%;font-weight:300;margin:0 auto;text-align:center;padding:0}
.r-desc ul {padding:0;margin:0}
.r-desc li {display:inline-block;text-align:center;padding:0 1%;color:#000;margin:0 auto}
.r-desc p {font-size:80%;color:#f00;font-weight:400;padding:0;margin:0}
.r-d-icon:before, .r-d-icon:after {
	position: relative;
	font-family: 'vja';
	font-size: 150%;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	text-align:center;
	color: #000;
	padding:0;
	margin:0
}
/* section9  CONTACTOS */
.b-head  {position:relative;background-color:rgba(255,255,255,1);width:100%;left:0;right:0;top:0;margin:0 auto;padding:1% 0 7% 0}
.b-head h1 {color:#000;font-weight:300;font-size:200%;padding:0;margin:0}
.b-wrap {width:90%;padding:1% 0;margin:0 auto}
.b-wrap h2 {color:#f00;font-size:150%;font-weight:300;margin:0 auto;padding:0}
.b-wrap h3 {font-size:100%;font-weight:400;color:#000;padding:0;margin:0}
.b-wrap h4 {font-size:100%;font-weight:400;color:#000;padding:0;margin:0}
.b-wrap h5 {font-size:150%;font-weight:400;color:#f00;padding:0;margin:0}
.b-wrap h6 {font-size:100%;font-weight:400;color:#000;padding:0;margin:0}
.b-wrap p {font-size:80%;font-weight:400;color:#000;padding:0.5% 3% 0 3%;width:80%;margin:0 auto;text-align:center}


/* end section */
.v-end {position:relative;background-color:rgba(255,255,255,1);width:100%;left:0;right:0;top:0;margin:0 auto;padding:0 0 3% 0}
.v-end h1, .v-end h2, .v-end h3, .v-v h4 {font-weight:300;color:#000;margin:0 auto}
.v-end h1 {font-size:200%;padding:0.5% 0 0 0}
.v-end h2 {font-size:150%;color:#f00}
.v-end h3 {font-size:100%;padding:0 0 0.5% 0}

@media screen and (max-width: 1024px) { 
	
}
@media screen and (max-width: 791px) {
	.logo {position:fixed;top:0px;left:0px;text-align:left;z-index:9001}
	.logo img {width:120%;height:auto}
	.bbar h1 {width:30%;font-size:100%;color:#000;font-weight:400;display:inline-block;padding:0 0%;margin:0}
	.bbar a h1 {width:30%;font-size:100%;color:#000;font-weight:400;display:inline-block;padding:0 0%;margin:0}
}
@media screen and (max-width: 628px) {
	.logo {position:fixed;top:0px;left:0px;text-align:left;z-index:9001}
	.logo img {width:140%;height:auto}
	.bbar h1 {width:30%;font-size:90%;color:#000;font-weight:400;display:inline-block;padding:0 0%;margin:0}
	.bbar a h1 {width:30%;font-size:90%;color:#000;font-weight:400;display:inline-block;padding:0 0%;margin:0}
}
@media screen and (max-width: 570px) {
	.logo {position:fixed;top:0px;left:0px;text-align:left;z-index:9001}
	.logo img {width:160%;height:auto}
	.bbar h1 {width:30%;font-size:70%;color:#000;font-weight:500;display:inline-block;padding:0 0%;margin:0}
	.bbar a h1 {width:30%;font-size:70%;color:#000;font-weight:500;display:inline-block;padding:0 0%;margin:0}
}
@media screen and (max-width: 480px) {
	.logo {position:fixed;top:0px;left:0px;text-align:left;z-index:9001}
	.logo img {width:180%;height:auto}
	.bbar h1 {width:30%;font-size:60%;color:#000;font-weight:500;display:inline-block;padding:0 0%;margin:0}
	.bbar a h1 {width:30%;font-size:60%;color:#000;font-weight:500;display:inline-block;padding:0 0%;margin:0}
}
@media screen and (max-width: 320px) {
	.logo {position:fixed;top:0px;left:0px;text-align:left;z-index:9001}
	.logo img {width:200%;height:auto}
	.bbar h1 {width:30%;font-size:40%;color:#000;font-weight:500;display:inline-block;padding:0 0%;margin:0}
	.bbar a h1 {width:30%;font-size:40%;color:#000;font-weight:500;display:inline-block;padding:0 0%;margin:0}
}