@font-face {
font-family: avenir;
font-weight: bold;
src: url("../fonts/AvenirLTStd-Roman.otf") format("opentype");
}

body {
			margin: 0!important;
			background: #194684;
			
		}
p, h1,h2,h3,h4,h5{
	font-family: avenir,helvetica, arial;
}
p{
	font-size: 13px;
	text-align: justify;
}
.menu{
	position: fixed;
	width: 250px;
	height: 100%;
	background: white;
	z-index: 10;
	
}
#logo img{
	padding-top: 50px;
	padding-left: 10px;
}

nav li {
	list-style: none;
	padding-top: 10px;
	padding-bottom: 10px;
}

nav ul li a{
		color: #093959!important;

	}

nav ul .select{
	
}
nav ul li:hover{
	background: url("../img/seleccion.png");
	background-repeat: no-repeat;
	background-size: 10px;
	background-position: 200px;
}
.select{
	background: url("../img/seleccion.png");
	background-repeat: no-repeat;
	background-size: 10px;
	background-position: 200px;	
}
.medidaslider{
	
	float: left;
	width: 100%;
	height: 400px;
	
	padding-left: 250px;
}
.home1 img{
	float: left;

}
.homeqs img{
	float: left;
	height: 169px;
	
}
.homeqs h3, .home1 h3{
	color: white;
	font-size: 20px;
	padding-top: 28px;
}
.homeqs p{
	color: white;
	font-size: 13px;
	text-align: justify;
}
.homeqs{
	
	float: left;
}


.home{
	max-width: none;
}
.topimg{
	padding-left: 250px;
}
.imgtop{

	width: 100%;
	height: 300px;
	background-repeat: no-repeat!important;
	background-size: cover!important;
    
}
.contacodir{
	padding-top: 200px;
	
}
.imgtopcontaco{

	width: 100%;
	height: 160px;
	background: white;
}
.imgtopconst{
	width: 100%;
	height: 300px;
	background-repeat: no-repeat!important;
	background-size: cover!important;


}
.acabados{
	background: white;
}
.redess p{
	padding-left: 35px;
}
.redess{
	width: 250px;
}
.redess img{
	width: 40px;
	margin-left: 25px;
}
.cajaflecha{
	
	height: 60px;
	background:url(../img/linea-gris1.png) right;
	background-repeat: no-repeat;
	z-index: 8;
	position: relative;
	bottom: 21px;
}
.cajaflecha h4{
	background: #3A3A3C;
	padding: 15px;
	display: block;
	float: left;
	color: #EB922A;
	margin-left: 80px;
	font-size: 20px;
	width: 215px;

}
.cajblog{
	background: #FFF;
	padding-top: 150px;
	height: 250px;
	
	width: 100%;
	z-index: 9;
}
.cajaflechablog{
	
	height: 60px;
	background:url(../img/linea-gris1.png) right;
	background-repeat: no-repeat;
	z-index: 8;
	position: relative;
	bottom: 21px;
}
.cajaflechablog h4{
	background: #3A3A3C;
	padding: 15px;
	display: block;
	float: left;
	color: #EB922A;
	margin-left: 80px;
	font-size: 20px;
	width: 215px;

}
.cajaacabados{
	max-width: none;
	background:url(../img/fondo2.png);
	background-repeat: no-repeat;
	position: relative;
	bottom: 50px;
}
.cajaacabados img{
	float: left;
	padding-bottom: 60px;
	width: 25px;
	margin-left: 20px;
}
.cajaacabados p{
	padding-top: 100px;
	max-width: 650px;
	padding-left: 90px;
}

.cajaconstr{
	max-width: none;
	background:url(../img/fondo1.png);
	background-repeat: no-repeat;
	position: relative;
	bottom: 50px;
}
.cajaconstr img{
	float: left;
	padding-bottom: 60px;
	width: 25px;
	margin-left: 20px;
}
.cajaconstr p{
	padding-top: 100px;
	max-width: 650px;
	padding-left: 90px;
}
.imgtopclien{
	width: 100%;
	height: 300px;
	
	background-repeat: no-repeat!important;
	background-size: cover!important;

}
.clientes{
	background: #404041;
}
.imgtopclien h3{
	
	color: white;
	border-left-color: #FFF;
	border-left-style: solid;
	border-left-width: 1px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 160px;
	padding-left: 5px;
	font-size: 30px;
	padding-left: 20px;
}
.clientescuadro{
	height: 280px;
	max-width: none;
	padding-top: 20px;
}
.clientescont{
	text-align: center;
	padding-top: 40px;
}
.clientescont .imgclientes img{
	width: 160px;
	height: 100px;
	margin: 0 5px;
}
.clientescuadro p, .clientescuadro h2{
	color: white;
}
.clientescuadro h2{
	font-size: 18px;
}
.clientescuadro p{
	font-size: 13px;
}
.clientescont .flechaclientes img{
	float: right;
	height: 30px;
}
.textoclientes{
	max-height: 250px;
	overflow: auto;
}
.textoclientes a, .textoclientes p, .textoclientes{
	color: white!important;
	font-size: 13px;
}
.textoclientes a{
	text-decoration: underline!important;
}
.punteada{
	float: none;
	border-width: 1px; 
	border-style: dashed;
	border-color: white;
}
.plecacliente{
	height: 300px;
	background: rgba(247,147,49,.5);
	width: 100%;
	
}
.conrow{
	max-width: 68.5rem!important;
}
.formulario{
	background: #D2D3D5;
	padding: 7px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#cuadroportafolio{
	height: 580px;
	width: 100%;
	max-height: 580px;
	display: block;
	overflow: auto;

}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea{
	height: 20px;
	margin: 1px;
}
textarea[rows]{
	height: 58px;
}
.contactos img{
	float: left;
	height: 150px;
}
.contactos .concon img{
	float: left;
	height: 50px;
	padding-right: 10px;
}
.contactos p{
	height: 50px;
	padding-top: 12px;

}
.direcontacto{
	padding-top: 75px;
	text-align: right;
}
#bb-nav-prev img, #bb-nav-next img{
	width: 50px;
}
.flechas{
	padding-top: 210px;
}
.flechas img{
	margin-right: 50px;
}
.botonbro{
	margin-top: 50px;
}
.botonbro a{
	padding: 10px;
	background: #D2D3D5;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color: #818284;
}
.forhe{
	height: 250px!important;
}

@media only screen  and (max-width:1024px){
	.menu{
		width: 200px;
	}
	.direcontacto{
		text-align: left;
	}
	.select{

	background-position: 160px;	
}
	nav ul li:hover{
	
	background-position: 160px;
}
	
	.redess{
		width: 200px;
	}
	.homeqs{
		margin-bottom: 15px;
		margin-top: 10px;
	}
	.homeqs img, .spanhome1 img{
		height: 160px!important;
	}
	.medidaslider{
		padding-left: 200px;
	}
	#logo img{
		padding-top: 20px;
		width: 260px;
	}
	.topimg{
		padding-left: 200px;
	}
	.clientescont{
		max-width: 370px;
	}
	.textoclientes{
		max-width: 340px;
	}
	.flechas{
		padding-top: 0px!important;
		margin-bottom: 10px;
	}
	.flechas nav{
		width: 250px;
		margin:0 auto;
	}
	.bb-custom-wrapper{
		margin: 0px!important;
	}
	.botonbro{
		margin-top: 20px;
	}
	
}
@media only screen  and (max-height:768px){
		#cuadroportafolio{
	max-height: 300px;
}
}

.dl-menu{
	position: fixed;
	top: 10px;
	right: 20px;
	z-index: 10;
}
.dl-menu li {
	list-style: none;
	display: inline-block;
	padding: 10px;
	
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.dl-menu li a{
	color: white;
}
.procont {
	text-align: center;
	padding-top: 100px;
}
.procont h2 {
	color: #F7931D;
	font-size: 20px;
}
.procont p{
	font-size: 13px;
}

.procont img{
	
}
.contimgindex{
	margin: 0 auto;
}


@media only screen  and (max-width:1350px){
	
	.clientescont .imgclientes img{
		width: 140px;
	}
}
@media only screen  and (max-width:1230px){
	
	.clientescont .imgclientes img{
		width: 100px;
		height: 80px;
	}
}
.contpro{
	width: 50%;
	margin: 0 auto;
	
	max-width: 1024px;
}
.contpro, .contpro a, .contpro p, .contpro span{
	color: white!important;
}
.mapclass{
	width: 100%;
}
.firmasimple{
	width: 100%;
	text-align: center;
	margin-top: 20px;
}
.firmasimple p{
	text-align: center;
	color: #093959!important;
}
.firmasimple a{
	color: #093959!important
}
.firmasimple a:hover{
	color: white!important;
}
.plecaacabados{
	background:rgba(247,147,29,.5);
	width: 100%;
	height: 100%;
	display: block;
}
.plecaconstrucciones{
	background: rgba(25,70,132, .7);
	width: 100%;
	height: 100%;
	display: block;
}
.contblog h2{
	color: white;
	font-size: 20px;
	padding-top: 5%;
	text-align: center;
}
.contblog h3{
	color: white;
	font-size: 16px;
}
.contblog{
	padding-left: 250px;
}
.conblogestr h3{
	color: #F7931D!important;
}
.conblogestr p, .conblogestr{
	color: rgb(25,70,132)!important;
}
.contblogimg{
	padding-top: 30px; 
}
@media only screen and (max-width: 1024px){
	.contblog{
	padding-left: 200px;
	}
	.conblogestr{
		max-width: 350px;
	}
	.conblogimg{
		max-width: 200px;
	}

}
.somblog{
	
	margin-bottom: 20px;
	
}