html{
	overflow-x: hidden;
}



body{

}

#logo{

}

#qsomos{

	margin-top: 150px;
	height: 600px;

}

#fondo{
	height: 500px;
}

#texto{
	text-align: center;
	padding-top: 60px;
}


#texto h2{
	color: #1a4585 !important;
}

header{
	background-color: white;
}

#cabecera{
	background-color:white;
}
 footer, #redes{
	background-color:#126fae;
	
}

.card-body h6 a{
	color: #126fae !important;
	font-weight: lighter!important;
}

#cabecera li a {
	font-family: 'Poppins', sans-serif;
	color: #126fae ;
	

}

#cabecera li a:hover{
	color: #52b2bf;

}

h2{
	padding-top: 40px;
	font-family: 'Poppins', sans-serif;
	color: #1A4585;
	font-weight: bold;
}
p{
	padding-top: 30px;
}

#texto p {
	font-family: 'Roboto Condensed', sans-serif;
	color: #101c26;
}



.lightbox img{
	height: 300px;
}



#productos{
	padding-bottom: 100px;
	padding-top: 60px;
	background-color: #efefef;
	 margin-top: 100px;
}


#productos ul li{
	color: #52b2bf;
}
#productos ul li p{
	color: black;
}

#galeria {
	text-align: center;
	margin-top: 
}

#botonera{
	margin-top: 50px;
	height: 60px;

}

#botonera button a{
	color: white;
	font-family: 'Poppins', sans-serif;
}

#botonera button a:hover{
	color:#52b2bf;
}
#boton1, #boton3{
	background-color:#1A4585;

}

#boton2{
	background-color:  #126fae;
}
#edificios{
	margin-top: 50px;
}

#edificios h2{
	text-align: left;

}

#presupuesto{
	padding-top: 100px;
}

#bannerclientes{
	padding-top: 60px;
}



#contact{
	padding-top: 60px;
}


#contact, #mapa, #dondeestamos{
	background-color: #1A4585;
}



#ubicacion{
	margin-top: 100px;


}

#contact h2{
	color: white;
}

#contact p, #galeria1 p, #galeria2 p, #galeria3 p{
	font-family:  'Roboto Condensed', sans-serif;

}

 #galeria1 h6, #galeria2 h6, #galeria3, h6{
	font-family: 'Poppins', sans-serif;
	color: #1A4585;
}

#contact a, #contact p{

	color: white;
}

.gallery-block.cards-gallery .card-body {
  
    height: 200px !important;
}

#contact h6{
	padding-top: 20px;
		font-family: 'Poppins', sans-serif;
	color: #126fae;
	font-weight: bold;
}

#mapa{
	padding-top: 20px;
	padding-bottom: 20px;
}


#carrusel1, #carrusel2, #carrusel3{
	background-color: black;

}
#carrusel2 img, #carrusel3 img{
	opacity: 0.4;
}




#presentacion, #presentacion2, #presentacion3, #presentacion4{
	height: 660px;
	

}

#producto1 h5, #producto2 h5{
	color: #126FAE;
	font-weight: bold;

}

 #producto2 h5{
 	padding-top: 24px;
 }



#cristales ul li, #carpinteria ul li, #cristales h5, #carpinteria h5{
	text-align: center;
}

#cristales ul li, #carpinteria ul li{
	font-family:  'Roboto Condensed', sans-serif;

}


.row{
	margin-left: 0px !important;
	margin-right: 0px !important;
}


.container-fluid{
	padding-right: 0px!important;
	padding-left: 0px!important;
}




/* Style the navigation menu */
.topnav {
  overflow: hidden;
  background-color: transparent;
  position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks{
  display: none;
}

/* Style navigation menu links */
.topnav a {
  color: grey;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

/* Style the hamburger menu */
.topnav a.icon {
  background: #1a4585;
  display: block;
  float: right;
}



/* Add a grey background color on mouse-over */
.topnav a:hover {
  background-color:#1a4585;
  color: black;
}

/* Style the active link (or home/logo) */
.active {
  background-color:transparent;
  color: white;
  opacity: 50
}





@media only screen and (max-width: 351px) {
	#qsomos{
		height: auto;
		
	}
	#productos{
		margin-top: 100px;
	}


}

@media only screen and (max-width: 859px) {
	header{
		height:  53px;
	}



	.lg-s-flex{
		display: none;
	}
	.lg-s-block{
		display: none; 
	}
	.sm-s-block{
		display: block;
	}


	#carpinteria{
		margin-top: 30px;
	}

	#bannerclientes{

		padding-top: 0px;

	}
	
	#mapa{

		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}


	#redes{
		padding-top: 50px;
	}

	#productos{
		margin-top: 300px;
	}
	/*#cabecera1{
		display: none;
	}

	#cabecera2{
		display: block;
	}*/
	#cuadrotel {
		margin-top: 30px !important;
	}
	#cuadromail{

	}
	#cuadroubicacion{
		margin-top: 20px !important;
	}
}

@media only screen and (min-width: 860px){
	header{
		height:  100px;
	}
	.lg-s-flex{
		display: flex;
	}
	.lg-s-block{
		display: block; 
	}
	.sm-s-block{
		display: none;
	}
	 #texto h2, #texto p{
 	padding-right: 100px;
 }

}

.fondonav{
	background-color: rgba(111, 111, 111, 0);
}

#logo{
	padding-top: 18px;
	padding-left: 20px;
}

#logomobile{
	padding-top: 15px;
	padding-left: 15px;
}

#myLinks{
	margin-top: 53px;
	background-color: white;	
}	
#myLinks a{
	color: #126fae;
}

#producto1, #producto2{
	padding: 0px;
	text-align: center;
	font-family: 'Poppins', sans-serif;
	color: #101c26;
}

#carpinteria li, #cristales li{
	text-align: center;
	font-family:'Roboto Condensed', sans-serif;
}

.btn-secondary{
	border-color: transparent;
}