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

/* Fonts */
html {
  scroll-behavior: smooth;
}


@font-face {
    font-family: "Helvetica-Light";
    src: url(fonts/HelveticaNeueLTStd-Lt.ttf) format('truetype'),
	url(fonts/HelveticaNeueLTStd-Lt.otf) format('opentype'),
	url(fonts/HelveticaNeueLTStd-Lt.svg) format('svg');
}


@font-face {
    font-family: "Helvetica-Medium";
    src: url(fonts/HelveticaNeueLTStd-Md.ttf) format('truetype'),
	url(fonts/HelveticaNeueLTStd-Md.otf) format('opentype'),
	url(/fonts/HelveticaNeueLTStd-Md.svg) format('svg');
}


@font-face {
    font-family: "Helvetica-Bold";
    src: url(fonts/HelveticaNeueLTStd-Hv.ttf) format('truetype'),
	url(fonts/HelveticaNeueLTStd-Hv.otf) format('opentype'),
	url(fonts/HelveticaNeueLTStd-Hv.svg) format('svg');
}



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


.enlaceB:link {color:#242525;}	
.enlaceB:visited {color:#242525;}			
.enlaceB:hover {color:#242525;}		
.enlaceB:active {color:#242525;}	


.bold{
	font-family: 'Nunito-Bold';
}



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

html, body {
   height:100%;
}





#cont-botonera{
	width: 100%;
	height: 155px;
	z-index: 10;
	position: fixed;
	top:0;	
	display:block;
	background-color:#303030;
}



#botonera{
	width: 520px;
	text-align: right;
	float: right;
	display: flex;
	transition: .3s;
	margin-right:20px;

}


#cuadrado_slides{
	width:195px;
	height:195px;
	position:absolute;
	bottom:0px;
	right:0px;
	z-index: 2;
	background-color:#a07b13;
}


#titulo_slides{
	width:500px;
	height:80px;
	position:absolute;
	bottom:70px;
	right:80px;
	z-index: 3;
	
	font-family: 'Helvetica-Bold', sans-serif;
	font-size:65px;
	line-height:59px;
	text-align:right;
	color:#FFF;
}

#titulo_slides2{
	width:500px;
	height:80px;
	position:absolute;
	bottom:45px;
	right:80px;
	z-index: 3;
	
	font-family: 'Helvetica-Bold', sans-serif;
	font-size:65px;
	line-height:59px;
	text-align:right;
	color:#FFF;
}




#logo_gral{
	width:300px;
	height:80px;
	margin:0 auto;
	margin-top:40px;
	display:block;
  transition: .3s;
  z-index:100;
}

#logo_mobile{
	display:none;
}



/* HOME */
  
  
#cont_slides{
	width:100%;
	height:100%;
	float:left;
}
  
.slider .slides li .caption {
    /*top: auto;*/
    bottom: 0%;
    width: 100%;
    left: 0;
    display: flex;
    justify-content: flex-end;

}
  
.leftAlign{
      text-align: right;
      position: absolute;
    right: 200px;
    bottom: 130px;
    display: flex;
    justify-content: flex-end;
        line-height: 1;
}
.boxText{
      line-height: 2;
}


/* CUERPO */


/* quienes somos */

#fondo_gris{
	width: 100%;
	background-color: #e7e7e7;
	padding-top: 90px;
	padding-bottom: 100px;
	float: left;
}



#cont_blanco{
	width:1000px;
	margin:0 auto;
	margin-bottom:70px;
	background-color:#FFF;
	padding-top:100px;
	padding-bottom:0px;
}

#img-grande{
	width:1000px;
	height:500px;
	margin:0 auto;
}

#titulo-principal {
	width:100%;
	font-family: 'Helvetica-Light', sans-serif;
	font-size:55px;
	line-height:50px;
	color:#424242;
	text-align:center;
	letter-spacing:10px;
	margin-bottom:60px;
}

#txt-principal {
	width: 800px;
	font-family: 'Helvetica-Light', sans-serif;
	font-size: 16px;
	line-height: 34px;
	color: #424242;
	text-align: center;
	letter-spacing: 0px;
	margin: 0 auto;
	margin-bottom: 40px;
	margin-top:50px;
}


#cont800{
	width:500px;
	height:440px;
	margin:0 auto;
	margin-bottom:80px;

}

#grupo-info{
	width:140px;
	float:left;
	height:200px;
	margin-bottom:40px;
}

#grupo-info_margen{
	width:40px;
	float:left;
	height:200px;
}

#grupo-info_margen-mobile{
	display:none;
}

#grupo-info_margen2{
	width:40px;
	float:left;
	height:200px;
	display:block;
}


#grupo-info-img{
	width:140px;
	height:140px;
	float:left;
	background-color:#099;
}

#grupo-info-txt{
	width:140px;
	height:60px;
	float:left;
	border-bottom: 1px solid #424242;
	text-align:center;
}


#txt-nombre{
	width:100%;
	height:14px;
	font-family: 'Helvetica-Medium', sans-serif;
	font-size:11px;
	padding-top:16px;
	color:#9d7b13;
	text-align:center;
	float:left;
}

#txt-profesion{
	width:100%;
	height:15px;
	font-family: 'Helvetica-Medium', sans-serif;
	font-size:11px;
	padding-top:15px;
	color:#424242;
	text-align:center;
	float:left;
}




#titulo-filosofia {
	width:800px;
	font-family: 'Helvetica-Light', sans-serif;
	font-size:28px;
	color:#424242;
	text-align:center;
	letter-spacing:5px;
	margin:0 auto;
	margin-bottom:50px;
	padding-top:0px;
}


#cont_bloques-filo{
	width:800px;
	height:505px;
	margin:0 auto;
}

#bloques-filo{
	width:382px;
	height:235px;
	float:left;
	margin-bottom:36px;
	background-color:#FFF;
}

#bloques-filo-margen{
	width:36px;
	height:200px;
	float:left;
	display:block;
}


#titulo_bloques-filo{
	width:100%;
	margin-top:50px;
	margin-bottom:10px;
	font-family: 'Helvetica-Bold', sans-serif;
	font-size:24px;
	color:#424242;
	text-align:center;
}


#linea_bloques-filo{
	width:90px;
	height:1px;
	margin:0 auto;
	margin-bottom:20px;
	background-color:#9d7b13;
}

#txt_bloques-filo{
	width:85%;
	margin:0 auto;
	font-family: 'Helvetica-Light', sans-serif;
	font-size:13px;
	line-height:24px;
	color:#424242;
	text-align:center;
}



/* GRIS OSCURO */

#gris-oscuro{
	width:100%;
	height:550px;
	background-color:#424242;
	float:left;
	
}

#titulo-blanco{
	width:100%;
	font-family: 'Helvetica-Light', sans-serif;
	font-size:55px;
	line-height:50px;
	color:#FFF;
	text-align:center;
	letter-spacing:10px;
	margin-top:100px;
	margin-bottom:60px;
}

#txt-blanco{
	width: 800px;
	font-family: 'Helvetica-Light', sans-serif;
	font-size: 16px;
	line-height: 34px;
	color: #FFF;
	text-align: center;
	letter-spacing: 0px;
	margin: 0 auto;
	margin-bottom: 30px;
}

#gris-oscuro-recuadro{
	width:630px;
	padding:35px;
	margin:0 auto;
 	border: 1px solid #9d7b13;
	font-family: 'Helvetica-Bold', sans-serif;
	font-size: 24px;
	line-height: 34px;
	color: #FFF;
	text-align:center;
}



/* ARQUITECTURA */

#linea_separador800{
	width:800px;
	height:1px;
	margin:0 auto;
	margin-bottom:80px;
	margin-top:60px;
	background-color:#9d7b13;
}

#cont_items900{
	width:900px;
	height:650px;
	margin:0 auto;
}

#cont_items900_agrimensura{
	width:900px;
	height:850px;
	margin:0 auto;
}

#cont_items900_ingenieria{
	width:900px;
	height:450px;
	margin:0 auto;
}


#titulo-items{
	width:305px;
	float:left;
	text-align:right;
	font-family: 'Helvetica-Bold', sans-serif;
	font-size: 27px;
	line-height: 27px;
	color: #424242;
}


#titulo-items2{
	width:305px;
	float:left;
	text-align:right;
	font-family: 'Helvetica-Bold', sans-serif;
	font-size: 24px;
	line-height: 24px;
	color: #424242;
}


#txt-items{
	width:560px;
	clear:right;
	float:right;
	text-align:left;
	font-family: 'Helvetica-Light', sans-serif;
	font-size: 15px;
	line-height: 21px;
	color: #424242;
}

#margin-items{
	width:100%;
	height:40px;
	float:left;
}





/* CONTACTO */

#contacto{
	width:100%;
	height:650px;
	float:left;
}


#contenedor_form_mobile{
	width:800px;
	margin: 0 auto;
	margin-top:50px;
	display:block;
}



/* FORM */

#contacto_form{
    width:800px;
    float:left;
	background-color:#099;
}


form {
    width:100%;
    margin:0 auto;
    float:left;
}

input, textarea {
    width:100%;
    height:50px;
    margin-bottom:20px;	
	padding-left:10px;
    border:none;
	background-color:#FFF;
	font-family: 'Helvetica-Light', sans-serif;
    font-size:18px;
	letter-spacing:1px;
    color:#424242;
	border:0px solid;
    border-radius: 0px;
}

textarea {
    height:128px;
    margin-bottom:20px;	
	padding-top:10px;
	float:left;
	border:0px solid;
    border-radius: 0px;
}


#submit {
    width:100%;
    padding-top:0px;
	background-color:#9d7b13;
    font-family: 'Helvetica-Light', sans-serif;
	text-align:left;
	letter-spacing:1px;
    font-size:18px;
    color:#FFF;
    cursor:pointer;
	float:left;
	border:0px solid;
  	border-radius: 0px;
}

/* fin FORM */




/* PIE */

#pie-fondo{
	width:100%;
	height:400px;
	float:left;
}

#cont-pie{
	width:800px;
	height:80px;
	margin:0 auto;
	margin-top:160px;
}

#logo-pie{
	width:250px;
	height:70px;
	float:left;
	background-image:url(imgs/logo-pie.svg);
}

#txt-pie{
	width:300px;
	float:left;
	font-family: 'Helvetica-Light', sans-serif;
    font-size:18px;
	line-height:24px;
	text-align:left;
	margin-left:70px;
	margin-top:25px;
    color:#424242;
}

#pie-redes{
	width:35px;
	height:35px;
	float:right;
	margin-left:40px;
	margin-top:30px;
	display:block;
}

#pie-redes-mobile{
	display:none;
}


#pie-base{
	width:100%;
	height:70px;
	float:left;
	background-color:#373737;
}


#caja-copy{
	width: 260px;
	height: 20px;
	margin: 0 auto;
	margin-top: 20px;
}

#copy-txt{
	width: 170px;
	height: 20px;
	float: left;
	margin-top: 6px;
	color: #FFF;
	font-family: 'Helvetica-Light', sans-serif;
	font-size: 14px;
	text-align: left;
}

#copy-cuaso > a{
	width:65px;
	height:20px;
	float:left;
	cursor:pointer;
}

#copy-cuaso:hover > a{
	opacity:0.6;
}



#whatsapp{
	width:60px;
	height:60px;
	position:fixed;
	left:50px;
	bottom: 100px;
	z-index: 100;
}

	
@media screen and (max-width:1400px ) { /* ############################################################################## */


}

@media screen and (max-width:1000px ) { /* ############################################################################## */



#logo_gral{
	display:none;
}


#logo_mobile{
	width:180px;
	float:left;
	display:block;
	margin-left:25px;
	margin-top:18px;
  z-index:100000;
}

#cont-botonera{
	width: 100%;
	height: 80px;
	z-index: 100;
	padding-bottom:0px;
	position: fixed;
	top:0;	
	background-color:#303030;
	display:block;
}


#botonera{
	width: 100%;
	text-align:center;
	float: right;
	margin-right:0px;
}

#cuadrado_slides{
	width:100px;
	height:100px;
	position:absolute;
	bottom:0px;
	right:0px;
	z-index: 2;
	background-color:#a07b13;
}


#titulo_slides{
	width:100%;
	height:70px;
	position:absolute;
	bottom:10px;
	right:40px;
	z-index: 3;
	
	font-family: 'Helvetica-Bold', sans-serif;
	font-size:30px;
	line-height:32px;
	text-align:right;
	color:#FFF;
}

#titulo_slides2{
	width:100%;
	height:70px;
	position:absolute;
	bottom:5px;
	right:40px;
	z-index: 3;
	
	font-family: 'Helvetica-Bold', sans-serif;
	font-size:30px;
	line-height:59px;
	text-align:right;
	color:#FFF;
}



/* HOME */

#cont_slides{
	width:100%;
	height:70%;
	float:left;
}






/* CUERPO */


/* quienes somos */

#fondo_gris{
	width: 100%;
	background-color: #e7e7e7;
	padding-top: 60px;
	padding-bottom: 70px;
	float: left;
}



#cont_blanco{
	width:90%;
	margin:0 auto;
	margin-bottom:70px;
	background-color:#FFF;
	padding-top:100px;
	padding-bottom:0px;
}

#img-grande{
	width:100%;
	height:50%;
	margin:0 auto;
}

#titulo-principal {
	width:100%;
	font-family: 'Helvetica-Light', sans-serif;
	font-size:28px;
	line-height:26px;
	color:#424242;
	text-align:center;
	letter-spacing:5px;
	margin-bottom:60px;
}

#txt-principal {
	width: 90%;
	font-family: 'Helvetica-Light', sans-serif;
	font-size: 16px;
	line-height: 34px;
	color: #424242;
	text-align: center;
	letter-spacing: 0px;
	margin: 0 auto;
	margin-bottom: 40px;
	margin-top:50px;
}



#cont800{
	width:320px;
	height:710px;
	margin:0 auto;
	margin-bottom:80px;
}

#grupo-info{
	width:140px;
	float:left;
	height:200px;
	margin-bottom:50px;
}

#grupo-info_margen{
	width:40px;
	float:left;
	height:200px;
}

#grupo-info_margen-mobile{
	width:40px;
	float:left;
	height:200px;
	display:block;
}

#grupo-info_margen2{
	display:none;
}



#titulo-filosofia {
	width:85%;
	font-family: 'Helvetica-Light', sans-serif;
	font-size:28px;
	line-height:30px;
	color:#424242;
	text-align:center;
	letter-spacing:5px;
	margin:0 auto;
	margin-bottom:50px;
	padding-top:0px;
}


#cont_bloques-filo{
	width:85%;
	height:1100px;
	margin:0 auto;
}

#bloques-filo{
	width:100%;
	height:235px;
	float:left;
	margin-bottom:50px;
	background-color:#FFF;
}

#bloques-filo-margen{
	display:none;
}




/* GRIS OSCURO */

#gris-oscuro{
	width:100%;
	height:700px;
	background-color:#424242;
	float:left;
	
}

#titulo-blanco{
	width:80%;
	font-family: 'Helvetica-Light', sans-serif;
	font-size:45px;
	line-height:40px;
	color:#FFF;
	text-align:center;
	letter-spacing:10px;
	margin:0 auto;
	margin-top:100px;
	margin-bottom:60px;
}

#txt-blanco{
	width: 85%;
	font-family: 'Helvetica-Light', sans-serif;
	font-size: 16px;
	line-height: 34px;
	color: #FFF;
	text-align: center;
	letter-spacing: 0px;
	margin: 0 auto;
	margin-bottom: 30px;
}

#gris-oscuro-recuadro{
	width:85%;
	padding-top:35px;
	margin:0 auto;
 	border: 1px solid #9d7b13;
	font-family: 'Helvetica-Bold', sans-serif;
	font-size: 24px;
	line-height: 28px;
	color: #FFF;
	text-align:center;
}




/* ARQUITECTURA */

#linea_separador800{
	width:85%;
	height:1px;
	margin:0 auto;
	margin-bottom:80px;
	margin-top:60px;
	background-color:#9d7b13;
}

#cont_items900{
	width:85%;
	height:1200px;
	margin:0 auto;
}

#cont_items900_agrimensura{
	width:85%;
	height:1650px;
	margin:0 auto;
}

#cont_items900_ingenieria{
	width:85%;
	height:800px;
	margin:0 auto;
}


#titulo-items{
	width:100%;
	float:left;
	text-align:center;
	font-family: 'Helvetica-Bold', sans-serif;
	font-size: 27px;
	line-height: 27px;
	color: #424242;
	margin-bottom:10px;
}


#titulo-items2{
	width:100%;
	float:left;
	text-align:center;
	font-family: 'Helvetica-Bold', sans-serif;
	font-size: 24px;
	line-height: 24px;
	color: #424242;
	margin-bottom:10px;
}


#txt-items{
	width:100%;
	clear:right;
	float:right;
	text-align:center;
	font-family: 'Helvetica-Light', sans-serif;
	font-size: 15px;
	line-height: 21px;
	color: #424242;
}

#margin-items{
	width:100%;
	height:50px;
	float:left;
}



/* CONTACTO */

#contacto{
	width:100%;
	height:800px;
	float:left;
}



#contenedor_form_mobile{
	width:85%;
	margin: 0 auto;
	margin-top:60px;
	display:block;
}


#titulo_contacto{
	width:100%;
	margin-bottom:50px;
	font-family: 'Helvetica-Light', sans-serif;
	font-size:28px;
	line-height:22px;
	text-align:center;
	color:#000;
}



/* FORM */

#contacto_form{
    width:100%;
    height:450px;
    float:left;
}


form {
    width:100%;
    margin:0 auto;
    float:none;
}

input, textarea {
    width:100%;
    height:65px;
    margin-bottom:12px;	
	padding-left:0px;
    border:none;
	background-color:#FFF;
	
	font-family: 'Helvetica-Light', sans-serif;
    font-size:15px;
    color:#FFF;
	border:0px solid;
    border-radius: 0px;
}

textarea {
    height:128px;
    margin-bottom:12px;
	padding-top:0px;
	float:left;
	border:0px solid;
    border-radius: 0px;
}


#submit {
    width:100%;
    padding-top:5px;
	background-color:#9d7b13;
    font-family: 'Helvetica-Light', sans-serif;
	text-align:center;
    font-size:15px;
    color:#FFF;
    cursor:pointer;
	float:left;
	border:0px solid;
  	border-radius: 0px;
}

/* fin FORM */


/* PIE */

#pie-fondo{
	width:100%;
	height:450px;
	float:left;
}

#cont-pie{
	width:100%;
	height:370px;
	margin:0 auto;
	margin-top:80px;
	text-align:center;
}

#logo-pie{
	width:250px;
	height:70px;
	float:none;
	margin:0 auto;
	background-image:url(imgs/logo-pie.svg);
}

#txt-pie{
	width:100%;
	float:none;
	font-family: 'Helvetica-Light', sans-serif;
    font-size:18px;
	line-height:24px;
	text-align:center;
	margin-left:0px;
	margin-top:50px;
    color:#424242;
}

#pie-redes{
	display:none;
}

#pie-redes-mobile{
	width:35px;
	height:35px;
	float:left;
	display:block;
}

#pie-redes-margen{
	width:30px;
	height:35px;
	float:left;
}

#cont_pie-redes_mobile{
	width:100px;
	height:35px;
	margin:0 auto;
	margin-top:50px;
	display:block;
}




#pie-base{
	width:100%;
	height:70px;
	float:left;
	background-color:#373737;
}


#caja-copy{
	width: 260px;
	height: 20px;
	margin: 0 auto;
	margin-top: 20px;
}

#copy-txt{
	width: 170px;
	height: 20px;
	float: left;
	margin-top: 6px;
	color: #FFF;
	font-family: 'Helvetica-Light', sans-serif;
	font-size: 14px;
	text-align: left;
}

#copy-cuaso > a{
	width:65px;
	height:20px;
	float:left;
	cursor:pointer;
}

#copy-cuaso:hover > a{
	opacity:0.6;
}


.carousel-caption{position:absolute;right:30px;top:150px;z-index:10;padding-top:0px;padding-bottom:0px;color:#fff;text-align:center; }



.carousel-indicators{
	display:none;
}
	




}


@media (min-width:768px){
	.navbar-collapse{margin-top: 50px;}
  
  #carouselExample .carousel-inner .active 
  ,#carouselExample .carousel-inner .active + .carousel-item
  ,#carouselExample .carousel-inner .active + .carousel-item + .carousel-item
  ,#carouselExample .carousel-inner .active + .carousel-item +.carousel-item +.carousel-item{
    display:block
  }
  #carouselExample .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)
  ,#carouselExample .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item
  ,#carouselExample .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item +.carousel-item
  ,#carouselExample .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item +.carousel-item +.carousel-item{
    transition:none
  }
  #carouselExample .carousel-inner .carousel-item-next
  ,#carouselExample .carousel-inner .carousel-item-prev{
    position:relative;transform:translate3d(0,0,0)
  }
  #carouselExample .carousel-inner .active.carousel-item+.carousel-item+.carousel-item+.carousel-item+.carousel-item{
    position:absolute;top:0;right:-25%;z-index:-1;display:block;visibility:visible
  }
  #carouselExample .active.carousel-item-left+.carousel-item-next.carousel-item-left
  ,#carouselExample .carousel-item-next.carousel-item-left+.carousel-item
  ,#carouselExample .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item
  ,#carouselExample .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item
  ,#carouselExample .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item+.carousel-item{
    position:relative;transform:translate3d(-100%,0,0);visibility:visible
  }
  #carouselExample .carousel-inner .carousel-item-prev.carousel-item-right{
    position:absolute;top:0;left:0;z-index:-1;display:block;visibility:visible
  }
  #carouselExample .active.carousel-item-right+.carousel-item-prev.carousel-item-right
  ,#carouselExample .carousel-item-prev.carousel-item-right+.carousel-item
  ,#carouselExample .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item
  ,#carouselExample .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item
  ,#carouselExample .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item+.carousel-item{
    position:relative;transform:translate3d(100%,0,0);visibility:visible;display:block;visibility:visible
  }
  
 
  
}