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


* {margin: 0; padding: 0; outline: 0;}

html, body {
   height:100%
}

a:link {color:#4d4d4d; text-decoration:none;}      /* unvisited link */
a:visited {color:#4d4d4d;text-decoration:none;}  /* visited link */
a:hover {color:#4d4d4d;text-decoration:none;}  /* mouse over link */
a:active {color:#4d4d4d;text-decoration:none;}  /* selected link */





/* FONTS */

@import url('https://fonts.googleapis.com/css?family=Ubuntu:300'); /* LIGHT */
@import url('https://fonts.googleapis.com/css?family=Ubuntu:500'); /* MEDIUM */


.text_goo{
	font-family:'Ubuntu';
	font-size:2px;
	text-align:center;
	/*color:rgba(255,255,255,0);*/
	opacity: 0;
    filter: alpha(opacity=0);
}


/*************** BLOQUES ***************/

/* HOME */

.boxHeader{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  transition: .3s;
}
.headerFixed{
  height: 110px;
  background-image:url(img/fondo_bio.jpg);
	background-size: cover;
  background-position-y: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
}
#home{
	width: 100%;
	height: 100%;
	margin:0;
	background: url(img/fondo.svg) no-repeat top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


#botonera{
	width:450px;
	margin: 0 auto;
	text-align:center;
  display: flex;
  justify-content: center;
  transition: .3s;
}

.headerFixed #cssmenu{
  padding-top: inherit;
}
.headerFixed #botonera{
  position: absolute;
  right: 40px;
  margin-top: 38px;
  margin-top: 34px;
}

#logo{
	width:148px;
	height:230px;
	margin: 0 auto;
	position:relative;
	top: calc(50% - +250px);
	display:block;
  margin-top: 17vh;
  transition: .3s;
}

.headerFixed #logo{
  width: 55px;
  height: inherit;
  margin: 0 auto;
  position: inherit;
  top: calc(50% - +250px);
  display: block;
  margin-top: inherit;
  transition: .3s;
  display: flex;
  align-items: center;
  position: absolute;
  top: 0px;
  left: 40px;
}
#scroll {
	position: absolute;
	bottom: 40px;
	width: 100%;
	height: 73px;
    display:block;
	z-index:0;
	margin: 0 auto;
	text-align:center;
}


/* BIO */

#bio{
	width: 100%;
	height: 784px;
	margin:0;
	background-image:url(img/fondo_bio.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#bio_texto{
	width:920px;
	height:240px;
	margin: 0 auto;
	padding-top:190px;
	margin-bottom:75px;

	font-family:'Ubuntu';
    font-weight:300;
	font-size:21px;
	line-height:35px;
	text-align:center;
	color:#FFF;
}

.bio_texto-medium{
	font-family:'Ubuntu';
    font-weight:500;
	font-size:21px;
	line-height:35px;
	text-align:center;
	color:#FFF;
}

#bio_iso{
	width:38px;
	height:74px;
	margin: 0 auto;
}

#bio_slogan{
	width:720px;
	height:30px;
	margin: 0 auto;
	margin-top:30px;

	font-family:'Ubuntu';
	font-weight:500;
	font-size:25px;
	text-align:center;
	text-transform:uppercase;
	color:#FFF;
}


#bio_blanco{
	width:1000px;
	height:74px;
	margin: 0 auto;
	margin-top:72px;
}


#bio_grafica{
	width:913px;
	height:193px;
	margin: 0 auto;
	margin-top:55px;
	margin-bottom:143px;
	background-image:url(img/grafica.svg);
}


/* TITULOS */

#fondo_titulo{
	width:100%;
	height:316px;
	background-image:url(img/fondo_titulos.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#titulo_portfolio{
	width:100%;
	height:60px;
	margin: 0 auto;
	padding-top:120px;

	font-family:'Ubuntu';
	font-weight:300;
	font-size:60px;
	text-align:center;
	color:#FFF;
}


/* PORTFOLIO */

#fondo_subtitulo{
	width:100%;
	height:170px;
	background-image:url(img/fondo_subtitulos.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-top:15px;
	margin-bottom:15px;
	float:left;
}

#subtitulo_portfolio{
	width:100%;
	height:60px;
	margin: 0 auto;
	padding-top:70px;
	float:left;

	font-family:'Ubuntu';
	font-weight:300;
	font-size:28px;
	text-align:center;
	color:#4d4d4d;
}


#grilla{
	width:33.333333333%;
	float:left;
	display:block;
}

#grilla2{
	display:none;
}


/* COMUNIDAD */

#comunidad{
	width:100%;
	height:1030px;
	background-color:#FFF;
	float:left;
}

#titulos{
	width:100%;
	height:60px;
	margin: 0 auto;
	padding-top:140px;

	font-family:'Ubuntu';
	font-weight:300;
	font-size:60px;
	text-align:center;
	color:#4d4d4d;
}

#cont_lightboxes{
	width:1030px;
	height:610px;
	margin: 0 auto;
	padding-top:50px;
}

#cont_fbk{
	width:500px;
	height:610px;
	float:left;
}

#cont_titulo{
	width:500px;
	height:74px;
}

#cont_fbk_red{
	width:500px;
	height:500px;
}


#cont_inst{
	width:500px;
	height:610px;
	float:right;
}


#cont_inst_red{
	width:500px;
	height:500px;
}


/* CONTACTO */

#contacto{
	width: 100%;
	height: 450px;
	margin:0;
	float:left;
	background-image:url(img/fondo_contacto.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#subtitulo_contacto{
	width:100%;
	height:30px;
	margin: 0 auto;
	padding-top:10px;

	font-family:'Ubuntu';
	font-weight:300;
	font-size:21px;
	text-align:center;
	color:#4d4d4d;
}


#telefono_contacto{
	width:100%;
	height:90px;
	margin: 0 auto;
	padding-top:70px;

	font-family:'Ubuntu';
	font-weight:300;
	font-size:18px;
	line-height:22px;
	text-align:center;
	color:#4d4d4d;
}

#googlemap{
	width:100%;
	height:500px;
	float:left;
	display:block;
}

#googlemap2{
	display:none;
}


#pie{
	width:100%;
	height:45px;
	margin-top:25px;
	background-color:FFF;
	float:left;
	text-align:center;
}

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

/* BIO */

#bio_texto{
	width:900px;
	height:240px;
	margin: 0 auto;
	padding-top:130px;
	margin-bottom:75px;

	font-family:'Ubuntu';
    font-weight:300;
	font-size:19px;
	line-height:34px;
	text-align:center;
	color:#FFF;
}

#bio_blanco{
	width:1000px;
	height:74px;
	margin: 0 auto;
	margin-top:132px;
}

/* TITULOS */

#fondo_titulo{
	width:100%;
	height:160px;
	background-image:url(img/fondo_titulos.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#titulo_portfolio{
	width:100%;
	height:60px;
	margin: 0 auto;
	padding-top:45px;

	font-family:'Ubuntu';
	font-weight:300;
	font-size:60px;
	text-align:center;
	color:#FFF;
}


/* PORTFOLIO */

#fondo_subtitulo{
	width:100%;
	height:100px;
	background-image:url(img/fondo_subtitulos.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-top:15px;
	margin-bottom:15px;
	float:left;
}

#subtitulo_portfolio{
	width:100%;
	height:60px;
	margin: 0 auto;
	padding-top:35px;
	float:left;

	font-family:'Ubuntu';
	font-weight:300;
	font-size:28px;
	text-align:center;
	color:#4d4d4d;
}

#titulos{
	width:100%;
	height:60px;
	margin: 0 auto;
	padding-top:80px;

	font-family:'Ubuntu';
	font-weight:300;
	font-size:60px;
	text-align:center;
	color:#4d4d4d;
}



/* CONTACTO */

#contacto{
	width: 100%;
	height: 350px;
	margin:0;
	float:left;
	background-image:url(img/fondo_contacto.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

}


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


/*************** BLOQUES ***************/

header {
	display:none;
}
.headerFixed #logo{
  display: none;
}
.headerFixed{
  background: transparent;
}

.headerFixed #cssmenu{
  padding-top: 30px;
}

.headerFixed #botonera{
  margin-top:0;
}
/* HOME */

#home{
	width: 100%;
	height: 100%;
	margin:0;
	background: url(img/fondo2.svg) no-repeat top left;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


#logo{
	width:103px;
	height:160px;
	margin: 0 auto;
	padding-top:150px;
	display:block;
}

#scroll {
	bottom: 40px;
	width: 100%;
	height: 73px;
    display:block;
	margin: 0 auto;
	text-align:center;
}


/* BIO */

#bio{
	width: 100%;
	height: 1000px;
	margin:0;
	background: url(img/fondo_bio2.jpg) no-repeat bottom;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#bio_texto{
	width:85%;
	height:550px;
	margin: 0 auto;
	padding-top:100px;
	margin-bottom:70px;

	font-family:'Ubuntu';
    font-weight:300;
	font-size:19px;
	line-height:30px;
	text-align:center;
	color:#FFF;
}


#bio_slogan{
	width:85%;
	height:80px;
	margin: 0 auto;
	margin-top:30px;

	font-family:'Ubuntu';
	font-weight:500;
	font-size:21px;
	line-height:28px;
	text-align:center;
	text-transform:uppercase;
	color:#FFF;
}


#bio_blanco{
	width:90%;
	height:24px;
	margin: 0 auto;
	margin-top:72px;
}

#bio_grafica{
	width:146px;
	height:455px;
	margin: 0 auto;
	margin-top:50px;
	margin-bottom:60px;
	background-image:url(img/grafica2.svg);
}


/* TITULOS */

#fondo_titulo{
	width:100%;
	height:158px;
	background-image:url(img/fondo_titulos.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#titulo_portfolio{
	width:100%;
	height:60px;
	margin: 0 auto;
	padding-top:60px;

	font-family:'Ubuntu';
	font-weight:300;
	font-size:36px;
	text-align:center;
	color:#FFF;
}



/* PORTFOLIO */


#fondo_subtitulo{
	width:100%;
	height:85px;
	background-image:url(img/fondo_subtitulos.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-top:10px;
	margin-bottom:10px;
}

#subtitulo_portfolio{
	width:100%;
	height:30px;
	margin: 0 auto;
	padding-top:30px;

	font-family:'Ubuntu';
	font-weight:300;
	font-size:21px;
	text-align:center;
	color:#4d4d4d;
}

#grilla{
	display:none;
}

#grilla2{
	width:100%;
	float:left;
	display:block;
}


/* COMUNIDAD */

#comunidad{
	width:100%;
	height:1250px;
	float:left;
}

#titulos{
	width:100%;
	height:60px;
	margin: 0 auto;
	padding-top:100px;

	font-family:'Ubuntu';
	font-weight:300;
	font-size:36px;
	text-align:center;
	color:#4d4d4d;
}

#cont_lightboxes{
	width:300px;
	height:1000px;
	margin: 0 auto;
	padding-top:0px;
}


#cont_fbk{
	width:300px;
	height:550px;
	float:left;
	margin-bottom:50px;
}

#cont_titulo{
	width:300px;
	height:65px;
}

#cont_fbk_red{
	width:300px;
	height:300px;
}


#cont_inst{
	width:300px;
	height:400px;
	float:left;
}


#cont_inst_red{
	width:300px;
	height:300px;
}


/* CONTACTO */

#contacto{
	width: 100%;
	height: 450px;
	margin:0;
	float:left;
	background-image:url(img/fondo_contacto.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#subtitulo_contacto{
	width:70%;
	height:80px;
	margin: 0 auto;
	padding-top:10px;

	font-family:'Ubuntu';
	font-weight:300;
	font-size:19px;
	text-align:center;
	color:#4d4d4d;
}


#telefono_contacto{
	width:85%;
	height:95px;
	margin: 0 auto;
	padding-top:40px;

	font-family:'Ubuntu';
	font-weight:300;
	font-size:17px;
	line-height:21px;
	text-align:center;
	color:#4d4d4d;
}

#googlemap{
	display:none;
}

#googlemap2{
	width:100%;
	height:375px;
	display:block;
	float:left;
}


}