@font-face{font-family: chrobot;src: url(../fonts/Chrobot.otf)}
@font-face{font-family: blair;src: url(../fonts/Blair.otf)}


body{font-family: chrobot;} h1,h2,h3,h4,h5,h6{font-weight:700;font-family:Blair }hr

.star-dark,hr.star-light{max-width:15rem;padding:0;text-align:center;border:none;border-top:solid .25rem;margin-top:2.5rem;margin-bottom:2.5rem}hr

.star-dark:after,hr.star-light:after{position:relative;top:-.8em;display:inline-block;padding:0 .25em;content:'\f005';font-family:Blair;font-size:2em}hr.star-light{border-color:#fff}hr.star-light:after{color:#fff;background-color:#646363}hr

.star-dark{border-color:#2c3e50}hr

.star-dark:after{color:#2c3e50;background-color:#000000}section{padding:6rem 0}section h2{font-size:2.25rem;line-height:2rem}@media (min-width:992px){section h2{font-size:3rem;line-height:2.5rem}}.btn-xl{padding:1rem 1.75rem;font-size:1.25rem}.btn-social{width:3.25rem;height:3.25rem;font-size:1.25rem;line-height:2rem}.scroll-to-top{z-index:1042;right:1rem;bottom:1rem;display:none}.scroll-to-top a{width:3.5rem;height:3.5rem;background-color:rgba(33,37,41,.5);line-height:3.1rem}

#mainNav{padding-top:1rem;padding-bottom:1rem;font-weight:700;font-family:Blair}

#mainNav .navbar-brand{color:#000000} /* fondo de letra del logotipo */

#mainNav .navbar-nav{margin-top:1rem;letter-spacing:.0625rem}

#mainNav .navbar-nav li.nav-item a.nav-link{color:#000000} /* color de fondo de letra del menu */

#mainNav .navbar-nav li.nav-item a.nav-link:hover{color:#7B7A7A} /* folor de fondo de la letra del menu al pasar el cursor sobre ella */

#mainNav .navbar-nav li.nav-item a.nav-link:active,#mainNav .navbar-nav li.nav-item a.nav-link:focus{color:#000000}/* color de letra despued del clic */#mainNav .navbar-nav li.nav-item a.nav-link.active{color:#000000}

#mainNav .navbar-toggler{font-size:80%;padding:.8rem}@media (min-width:992px){#mainNav{padding-top:1.5rem;padding-bottom:1.5rem;-webkit-transition:padding-top .3s,padding-bottom .3s;-moz-transition:padding-top .3s,padding-bottom .3s;transition:padding-top .3s,padding-bottom .3s}
	
	#mainNav .navbar-brand{font-size:2em;-webkit-transition:font-size .3s;-moz-transition:font-size .3s;transition:font-size .3s}
	#mainNav .navbar-nav{margin-top:0}
	
	#mainNav .navbar-nav>li.nav-item>a.nav-link.active{color:#000;background:#fff}#mainNav .navbar-nav>li.nav-item>a.nav-link.active:active,
	
	#mainNav .navbar-nav>li.nav-item>a.nav-link.active:focus,
	
	#mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover{color:#000000;background:#fff;}/* color de caja de los menus del nav */#mainNav.navbar-shrink{padding-top:.5rem;padding-bottom:.5rem}
	
	#mainNav.navbar-shrink .navbar-brand{font-size:1.5em}}header.masthead{padding-top:calc(6rem + 72px);padding-bottom:6rem}header.masthead h1{font-size:3rem;line-height:3rem}header.masthead h2{font-size:1.3rem;font-family:Lato}@media (min-width:992px){header.masthead{padding-top:calc(6rem + 106px);padding-bottom:6rem}header.masthead h1{font-size:4.75em;line-height:4rem}header.masthead h2{font-size:1.75em}}.portfolio{margin-bottom:-15px}.portfolio .portfolio-item{position:relative;display:block;max-width:25rem;margin-bottom:15px}.portfolio .portfolio-item .portfolio-item-caption{-webkit-transition:all ease .5s;-moz-transition:all ease .5s;transition:all ease .5s;opacity:0;background-color:rgba(152,152,152,0.90)}.portfolio .portfolio-item .portfolio-item-caption:hover{opacity:1}.portfolio .portfolio-item .portfolio-item-caption .portfolio-item-caption-content{font-size:1.5rem}@media (min-width:576px){.portfolio{margin-bottom:-30px}.portfolio .portfolio-item{margin-bottom:30px}}.portfolio-modal 


.portfolio-modal-dialog{padding:3rem 1rem;min-height:calc(100vh - 2rem);margin:1rem calc(1rem - 8px);position:relative;z-index:2;-moz-box-shadow:0 0 3rem 1rem rgba(0,0,0,.5);-webkit-box-shadow:0 0 3rem 1rem rgba(0,0,0,.5);box-shadow:0 0 3rem 1rem rgba(0,0,0,.5)}.portfolio-modal

.portfolio-modal-dialog 
.close-button{position:absolute;top:2rem;right:2rem}.portfolio-modal 

.portfolio-modal-dialog .close-button i{line-height:38px}.portfolio-modal 

.portfolio-modal-dialog h2{font-size:2rem}@media (min-width:768px){.portfolio-modal
	
	.portfolio-modal-dialog{min-height:100vh;padding:5rem;margin:3rem calc(3rem - 8px)}.portfolio-modal 
	
	.portfolio-modal-dialog h2{font-size:3rem}}.floating-label-form-group{position:relative;border-bottom:1px solid #e9ecef}.floating-label-form-group input,.floating-label-form-group textarea{font-size:1.5em;position:relative;z-index:1;padding-right:0;padding-left:0;resize:none;border:none;border-radius:0;background:0 0;box-shadow:none!important}.floating-label-form-group label{font-size:.85em;line-height:1.764705882em;position:relative;z-index:0;top:2em;display:block;margin:0;-webkit-transition:top .3s ease,opacity .3s ease;-moz-transition:top .3s ease,opacity .3s ease;-ms-transition:top .3s ease,opacity .3s ease;transition:top .3s ease,opacity .3s ease;vertical-align:middle;vertical-align:baseline;opacity:0}.floating-label-form-group:not(:first-child){padding-left:14px;border-left:1px solid #e9ecef}.floating-label-form-group-with-value label{top:0;opacity:1}.floating-label-form-group-with-focus label{color:#646363}form .row:first-child .floating-label-form-group{border-top:1px solid #646363}.footer{padding-top:5rem;padding-bottom:5rem;background-color:#646363;color:#000000}.copyright{background-color:#1a252f}a{color::#8F8E8Etive}a:active,a:focus,a:hover{color:#646363}.btn{border-width:2px}.bg-primary{background-color: #000000 !important;
background-size: 100% 130%;}.bg-secondary{background-color:#fff!important}.text-primary{color:#646363!important}.text-secondary{color:#2c3e50!important; padding: 0.3%;}.btn-primary{background-color:#646363;border-color:#646363}.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background-color:#646363;border-color:#646363}.btn-secondary{background-color:#2c3e50;border-color:#2c3e50}.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover{background-color:#1a252F;border-color:#1a252f}

#clientes{
	background:  url(../img/fondospagina/3d.jpg)fixed;
	
	
}

#contactenos{
	background: url(../img/fondospagina/fondovidrio.jpg)   ;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.portfolio-modal-dialog{ 
	background: url(../img/fondospagina/fondopopup.png) fixed ;
}

header.masthead{
	background: url(../img/fondospagina/planos2.jpg) fixed;
	
}

#nosotros{
	background:url(../img/fondospagina/muroblanco3.jpg)fixed;
}
#servicios{
	background: url(../img/fondospagina/fondocuadros.jpg)fixed;
}
	


#carouselExampleControls, .carousel {
	padding: ;
}


#imagenhead {
	
	float: none;
	height: 100%;
	width: 100%;
	

}
}.imagenhead {
	height: 100%;
	width: 100%;
	padding-top:  %;
	margin-left: 5%;
	
	box-shadow: 0 0 10px 1px rgba(0,0,0,1);
	-webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,1);
	-moz-box-shadow: 0 0 10px 1px rgba(0,0,0,1);
	background: #fff;
}
.col-xs-1{
 margin-top: 1%;
	position: center;
	margin-left: 1%;
}
.contenedorimagenhead{

	
}
.col-xs-2{
	padding: 1%;
	width: 40%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.col-md-3{
	padding: %;
}
#nava{
	float: none;
	margin: auto;
	width: 100%%;
	height: 100%;
	box-shadow: 0 0 10px 1px rgba(0,0,0,1);
	-webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,1);
	-moz-box-shadow: 0 0 10px 1px rgba(0,0,0,1);
	background: #fff;
	
}



#nava2 {
	float: none;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 10px 1px rgba(0,0,0,1);
	-webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,1);
	-moz-box-shadow: 0 0 10px 1px rgba(0,0,0,1);
	background: #fff;
	margin-right: 1%;
}
#nava3 {
	float: none;
	width: 29%;
	height: 45%;
    margin-top: %;
	box-shadow: 0 0 10px 1px rgba(0,0,0,1);
	-webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,1);
	-moz-box-shadow: 0 0 10px 1px rgba(0,0,0,1);
	background: #fff;}

#navaaaa{font-size: 20px;
	
	margin-top: 03%;
   
	margin-left: ;
	text-align: justify;
	width: 90%;
	height: 50%;
	 
	color: #000;
	padding-left:  8%;
	line-height: 22px;
	
}

#nanaaaa2 {
	font-size:  20px;
    font-family: ;
	text-align: justify;
	width: 100%;
	height: 100%;
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 1%;
	color: #000;

		
}
#navaaaa3 {
	font-size: 1.5vh;
	font-style: italic;
	margin-top: -4%;
	text-align: justify;
	width: 90%;
	color: #000;
	padding-left:  8%;
	line-height: 22px;
	
}

#ha {
	font-family: Blair;
	font-size: 20px;
	background-color: #FFFFFF;
	display: inline;
	position: relative;
	top: -10px;
	padding-right: 15px;
	padding-left: 15px;
	text-decoration: none;
	text-transform: uppercase;
	
}

	


#ha2 {
	font-family: Blair;
	font-size: 20px;
	height: 100%;
	color: #000000;
	padding-top: 17%;
	text-decoration: none;
	font-weight: 600;
	font-size:center;
}
#ha3 {
	font-family: Blair;
	font-size: 20px;
	height: 100%;
	color: #000000;
	font-weight: 600;
	font-size:center;
} 

.hacerclic {
	font-size: 20px;
    position: absolute;
    top: 270px;
    left: 120px;
    color: #fff;
	text-transform:uppercase;
}

.haventanabanos {
	font-family: Blair;
	font-size: 15px;
	color: #000000;
	background-color: #FFFFFF;
	display: inline;
	position: left;
	float:inherit;
	top: -520px;
	left: 400px;
    margin-left: 10%;
	margin-right: auto;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 600;

}.textobanos {
	font-family: Blair;
	margin-left: 770px;
	float:inherit;
	margin-top: -480px;
	position: left;
	width: 29%;
	height: auto;
	z-index: 2000px;
	background-color: #FFFFFF;
	
}
.haventanaescaleras {
	font-family: Blair;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
	display: inline;
	position: left;
	float:inherit;
	top: -520px;
	left: 400px;
    margin-left: 10%;
	margin-right: auto;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 600;

}
.texto-encima{
	font-family: Blair;
	font-size: 0vw;
    position: absolute;
    top: 180px;
    left: 10px;
    color: #fff;
	text-transform:uppercase;
}
.hacerclic {
	font-size: 20px;
    position: absolute;
    top: 220px;
    left: 120px;
    color: #fff;
	text-transform:uppercase;
}
.texto-encimabanos{
	font-family: Blair;
	aling: justify ;
    position: absolute;
    top: 190px;
    left: 10px;
    color: #fff;
	text-transform:uppercase;
	
	
}
.encimaescaleras{
	font-family: Blair;
	left: 2%;
    position: absolute;
    top: 190px;
    color: #fff;
	text-transform:uppercase;
}
.h1,.banos {
	font-size:29px
}
.h1, .escaleras{
	font-size:27px
}
.texto-metalicas{
	
    position: absolute;
    top: 160px;
   
    color: #fff;
	text-transform:uppercase;
	
	
}
.texto-senalizacion{
	font-family: Blair;
    position: absolute;
    top: 130px;
    left: 10px;
    color: #fff;
	text-transform:uppercase;
	
	
}
.texto-encimainsonorizacion{
	font-family: Blair;
    position: absolute;
    top: 190px;
    left: 0px;
    color: #fff;
	text-transform:uppercase;
	
	
}
.texto-encimamobiliario{
	font-family: Blair;
    position: absolute;
    top: 190px;
    left: 9px;
    color: #fff;
	text-transform:uppercase;
	
	
}
.texto-encimarenders{
	font-family: Blair;
    position: absolute;
    top: 190px;
    left: 8px;
    color: #fff;
	text-transform:uppercase;
	
	
}
.texto-encimapuertaautomatica{
	font-family: Blair;
    position: absolute;
    top: 150px;
    left: 0px;
    color: #fff;
	text-transform:uppercase;
	
	
}
.h1, .metalicas {
	font-size:26px;
	text-align: center;
}
.h1, .fachadas{
	font-size:26px;

	text-align: center;
}
.h1, .insonorizacion{
	font-size:25px;
	margin-top: 9px;
	text-align: center;
}
.inzo2 {
	font-size: 165%;
}
.h1, .puertaautomatica{
	font-size:32px;
	text-align: center;
}
.h1,
.texto-encimaescaleras{
	font-family: Blair;
    position: absolute;
    top: 240px;
    left: 10px;
    color: #fff;
	text-transform:uppercase;
	}
.textoventana {
	font-family: Blair;
	text-align: left;
	margin-left: 0%;
	margin-top: 27%;
	
}
	
.texto1 {background: #fff;
	 display:table;
	width: 100%;
	padding: 1%;
box-shadow: 0 0 10px 1px rgba(0,0,0,1);
	-webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,1);
	-moz-box-shadow: 0 0 10px 1px rgba(0,0,0,1);
	background: #fff;
	
	
	

}

#empr{
	background: #FFFFFF;
	position: relative;
	float: none;
	margin: 10px auto;

	box-shadow: 0 0 10px 1px rgba(0,0,0,1);
	-webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,1);
	-moz-box-shadow: 0 0 10px 1px rgba(0,0,0,1);

}
.imgclientes { width: 400px;
	margin: auto;
}
.contenedorformulario {
	height:;
	width: ;
}

.formulario {width:100%;
	height:880px ; 
	padding: 1%;
	
}

.maps {width: 100%;
	height: 100%;
	margin-top: 4%;
	margin-left: 1%;
	margin-right: %;
	box-shadow: 0 0 10px 1px rgba(0,0,0,1);
	-webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,1);
	-moz-box-shadow: 0 0 10px 1px rgba(0,0,0,1);
	position: relative;
}
.maps1 {
	width: 98%;
	top: %;
	height:;
	padding: %;
}
#carouselExampleControls,  .carousel, .carousel-inner > .item > img{
	padding: 2%;
	left: 1%;
	box-shadow: 0 0 10px 0px rgba(0,0,0,1);
	-webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,1);
	-moz-box-shadow: 0 0 0px 1px rgba(0,0,0,1);
	position: relative;
}
#mycarousel, .carousel2, .carousel-inner > .item > img {
  height: 100%;
  width: 100% ;
	padding: 10px;
	
	box-shadow: 0 0 10px 0px rgba(0,0,0,1);
	-webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,1);
	-moz-box-shadow: 0 0 0px 1px rgba(0,0,0,1);
	position: relative;
	
}

}
.text-secondary2 {
	color:#2c3e50 ;
   margin-top: -7%;
	padding: 0px;
   font-size: ;
	
	
}

.d-block, {
	height: 20%;
	width: 20% ;
}

.imagienventanaemergente {
	top: ;
}
.carousel, .carousel-inner > .item > img {
	height: ;
}
.imagenp {
	height: 100%;
	width: 100%;
	float:inherit;
	margin-top: -12%;
	margin-left: -105%;
}


h2{
     word-wrap: break-word;
     -webkit-hyphens: auto;
     -moz-hyphens: auto;
     -ms-hyphens: auto;
     -o-hyphens: auto;
     hyphens: auto;
}