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

@import 'https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700';

.box-5 {width:5%; box-sizing:border-box;}
.box-10 {width:10%; box-sizing:border-box;}
.box-15 {width:15%; box-sizing:border-box;}
.box-17 {width:17%; box-sizing:border-box;}
.box-20 {width:20%; box-sizing:border-box;}
.box-25 {width:25%; box-sizing:border-box;}
.box-30 {width:30%; box-sizing:border-box;}
.box-35 {width:35%; box-sizing:border-box;}
.box-40 {width:40%; box-sizing:border-box;}
.box-45 {width:45%; box-sizing:border-box;}
.box-50 {width:50%; box-sizing:border-box;}
.box-55 {width:55%; box-sizing:border-box;}
.box-60 {width:60%; box-sizing:border-box;}
.box-65 {width:65%; box-sizing:border-box;}
.box-70 {width:70%; box-sizing:border-box;}
.box-75 {width:75%; box-sizing:border-box;}
.box-80 {width:80%; box-sizing:border-box;}
.box-85 {width:85%; box-sizing:border-box;}
.box-90 {width:90%; box-sizing:border-box;}
.box-95 {width:95%; box-sizing:border-box;}
.box-100 {width:100%; box-sizing:border-box;}

.trm a{
	color: #fff;
	text-decoration: none;
}


.pse{
	width: 90%;
	height: auto;
}
body{
	margin: 0;
	font-family: 'Roboto Condensed', sans-serif;

}
header {
	height: 130px;
	margin-top: 20px;

}
header .logo img {
	width:200px;
	height: auto;
	margin-top: 20px;
}
.container{
	width:1024px;
	margin:0 auto;
	height: auto;
}

.barra{
	height:20px;
	background:#fcae00;
	border-bottom-left-radius:30px;
	position: absolute;
	z-index: 1;
	top:0;
	right: 0;

}

.redes{
	width: auto;
	height:20px;
	background:#000;
	float: right;
	z-index: 999;
	position: relative;
	margin-top: -20px;
}

.redes .fa{
	font-size: 1em;
	padding: 0px 5px;
	color:#fff;
	transition: 0.5s;
}
.redes .fa:hover{
	padding: 10px;
	background: #fcae00;
	border: 1px solid #fff;
	color:#fff;
	transition: 0.5s;
}

.logo {
	float: left;
}
.info {
	margin-top: 20px;
	float: right;
	height: 80px;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}

.info p {
	margin: 0;
	margin-left: 10px;
}
.info i {
	font-size: 1.5em;
}
.fa-whatsapp  {
	color:#03e977;
}
.cont-inf {
	border-left: 1px solid #000;

}
.cont {
	text-align: right;
	margin-right: 10px;
	margin-left: 10px;
}

/*	==================================================================
		 CODIFICACION PARA LA BARRA DE NAVEGACION SUPERIOR
	==================================================================	*/
	.menu-bar {display: none;}
.menu-responsive nav {
	height: 70px;
	z-index: 9999;
	background: #fff;
	position:relative;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.5);
	display: -webkit-flex;
	display: flex;

}
.menu-responsive nav ul {
	box-sizing: border-box;
	background: #fff;
	z-index: 9999;
	padding: 25px;
}
.menu-responsive nav ul li {
	display: inline-block;
	position: relative;
	width: 13%;
	text-align: center;
	border-bottom: 1px solid #fff;
	transition:0.5s;
}

.menu-responsive nav ul li a {
	display: block;
	text-decoration: none;
	color: #000;
	transition: 0.5s;
	border-bottom: 1px solid #fff;
}

.menu-responsive nav ul li a:hover {
	color: #fcae00;
	transition: 0.5s;
	border-bottom: 1px solid #fcae00;
}
.menu-responsive nav ul li:hover ul{ /* APARECER SUBMENU */
	display: block;
}

.menu-responsive nav ul li ul {
	display: none;
	position: absolute;
	background: #fff;
	width: 130%;
	padding: 0;
}
.menu-responsive nav ul li ul li {
	display: block;
	overflow: hidden;
	background: #fff;
	width: 100%;
}
.menu-responsive nav ul li ul li a {
	display: block;
	padding: 15px;
}
.menu-responsive li .active{
	color:#ffb000 ;
	border-bottom: 1px solid #fcae00;
	transition: 0.5s;
}
.menu-responsive li .active:hover{
	color:#ffb000 ;
	border-bottom:none;
}
.menu-responsive .bars {
	color: #000;
	box-sizing: border-box;

}

.menu-responsive .bars i {
	padding: 20px;
	font-size: 1.5em;
}
.menu-responsive .bars i:hover {
	color: #fcae00;
	cursor: pointer;
}


/*	==================================================================
		 CODIFICACION PARA LA SECCION DE SERVICIOS
	==================================================================	*/
.servicios {
	box-sizing: border-box;
	padding: 20px;
	height: 320px;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;;
	align-items: center;
	font-size: .9em;
}

.servicios p{
	color: #fff;
}
.services {
	border-bottom-left-radius: 50px;
	border-top-right-radius: 50px;
	width: 30%;
	height: 250px;
	text-align: center;
	color: #fff;
}

.services img {
	width: 30%;
	margin: 5px;
}
.services h3 {
	color: #fcae00;
	margin: 0;
	font-weight: normal;
}
.services p {
	font-weight:lighter;
	margin: 10px;
}
.services a {
	color:#ffb906;
	text-decoration: none;
	transition: 0.5s;
}
.services span {
	border-bottom: 1px solid transparent;
	text-decoration: none;
	transition: 0.5s;
}

.services span:hover{
	border-bottom: 1px solid #ffb906;
	transition: 0.5s;
}

.services a:hover{
	color: #fff;
	transition: 0.5s;
	border-radius: 4px;

}
.s-vertical{

	background-image:url(../img/vertical.png) ;
	background-repeat:no-repeat;
	background-position: right top;

}
.s-horizontal{

	background-image:url(../img/horizontal.png) ;
	background-repeat:no-repeat;
	background-position: right top;

}
.s-seguridad{

	background-image:url(../img/seguridad.png) ;
	background-repeat:no-repeat;
	background-position: right top;

}
.inner-bottom {
	display: flex;
	flex-wrap: wrap;
}
.inner{
	text-align: center;
}
.inner img {
	margin-bottom: -4px;
	width: 50%;
	height: auto;
}
.inner h3 {
	font-size: 1.5em;
	color: #000;
}
.inner h3 .font-color {
	color: #fcae00;
}
.inner-title {
	height: 50px;
	border-left: 2px solid #fcae00;
	text-align: left;
	padding-left: 20px;
	margin-bottom: 20px;
}
.inner-title h4 {
	font-size: 1.5em;
	font-weight: lighter;
	margin-top:10px;
}
.inner-title p {
	margin-top:-30px
}
.inner p{
	text-align: left;
}
.inner-title p .font-color {
	color: #fcae00;
}

.inner a{
	color: #000;
	padding: 8px;
	transition: 0.5s;
	text-decoration: none;
	border: 1px solid #fff;
	border-radius: 10px;
	background: #fff;
}

.inner a:hover{
	color: #fff;
	transition: 0.5	s;
	border: 1px solid #ffaf13;
	border-radius: 20px;
	background:#ffaf13;
}

.inner2 a {
	margin: 20px;
}
.inner2 p {
	margin: 20px;
	text-align: justify;
}
.inner2 img {
	width: 15%;
	margin: 10px;
}

/*	==================================================================
		 CODIFICACION PARA EL PIE DE PAGINA
	==================================================================	*/


footer {
	height: 238px;
	background-color: rgba(0, 0, 0, 0.89);
	color: #999;
	font-weight: lighter;

}

.foot-nav > nav {
	background: none;
	border-left: 1px solid #fff;
	margin-left: 20px;
	font-size: .9em;
}
nav .nav-foot {
	background: none;
	list-style:none;
}
nav .nav-foot li {
	background: none;
	padding: 5px;
}
nav .nav-foot li a {
	text-decoration: none;
	color: #999;
	font-size: 1em;
}

nav .nav-foot li:hover i  {
	color: #fcae00;
	transition: 0.5s;
}
nav .nav-foot li:hover a{
	color: #fcae00;
	transition: 0.5s;
}

nav .nav-foot li i {
	color: #575757;
}



.foot-contact  {
	text-align: left;

}

.foot-contact p{
	text-align: left;
	color: #999;
}
.foot-form p{
	text-align: left;
	color: #999;
}

.pie {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
}

.trm{
	margin-top: -5px;
	height: 188px;
	padding-left: 20px;
}

.trm h3{

}
form span input{
	height: 30px;
	text-decoration: none;
	background: #ffa903;
	list-style: none;
	color: #fff;
	border-radius: 10px;
}




.copyright {
	display: flex;
	align-items: center;
	height: 40px;
	background: #000;
	color: #999;
	font-size: .8em;
}
.copyright p {
	float: left;
	color: #999;
}
.mapa{
	height: 20px;
	display: flex;
	float: right;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.mapa li{
	display: inline-block;
	width: 15%;
	border-left: 1px solid #fff;
	padding-left: 5px;
}

.desarrollo { width:100%; height:auto; background:#333; background-image:url(../img/bg-footer.png);
	background-repeat:repeat-x;}
.creditos {
	padding-top:5px;
	display: flex;
	flex-direction: row;
	justify-content: center;

}
.creditos a img {
	width: 80%;
	height: auto;

}

/*	==================================================================
		 CODIFICACION LA SECCION NOSOTROS
	==================================================================	*/

	.quienessomos{
	height: 600px;
	}

	.quienessomos h3{
		padding: 25px;
		text-align: center;
		font-size: 2.0em;
		margin-bottom: 100px;
		border: solid 1px #ffb800;
		-webkit-box-shadow: 5px 1px 9px 4px rgba(138,138,138,0.68);
		-moz-box-shadow: 5px 1px 9px 4px rgba(138,138,138,0.68);
		box-shadow: 5px 1px 9px 4px rgba(138,138,138,0.68);
	}
	.qsdescripcion p{
		font-size:1.2em;
		text-align: center;
	}
	.quienessomos a{
		color:#fcae00 ;
	}

	.descripcion1{
		float: left;
		border-top: solid 1px #fcae00;
	}
	.descrip-img{
		float: left;
	}
	.descrip-img img{
	}
	.descripcion2{
		float: left;
		border-top: solid 1px #fcae00;
	}
	.mis-vis{
		height: 420px;
		background: #fcae00;
	}

	.mision{
		height: 420px;
		float: left;
		border-left: solid 1px rgb(255, 255, 255);
		border-right: solid 1px rgb(255, 255, 255);


	}
	.vision{
		height: 420px;
		float: left;
		border-right: solid 1px rgb(255, 255, 255);
	}
	.img{
		padding-top: 30px;
		height: auto;
		margin: auto;
	}
	.img img{
		position: relative;
	}

	.img h2{
		position: absolute;
		margin: 68px 59px;
		color: #fff;
		text-align: center;
	}

	.texto{
		padding: 10px 20px;
	}

	.texto p{
		text-align: center;
		font-size: 1.1em;
		color: #fff;
	}

	.seccion-pqelegirnos{
		height: 250px;

	}

	.seccion-pqelegirnos h3{
		font-size: 2em;
		text-align: center;
		padding-top: 50px;
		margin-bottom: 30px;
	}

	.seccion-pqelegirnos a{
		color: #fcae00;
	}
	.seccion-pqelegirnos p{
		font-size: 1.1em;
	}

	/*	==================================================================
		 CODIFICACION LA SECCION CONTACTO
	==================================================================	*/

.datos-contacto	h2, p{
		text-align:center;
		color: #000;
		transition: 0.5s;
	}
	.text-descripcion h2{
		text-align: center;


	}

	.text-descripcion{
		padding-top:30px;
	}
	.datos-contacto{
		height:300px;
		padding-top:20px;
		padding-bottom:30px;
	}



	.telefono{
		float:left;
		padding:20px;
	}

	.telefono:hover  h2{
		color:#fcae00;
		transition: 0.5s;
	}


	.ubicacion{
		float:left;
		padding:20px;
	}

	.ubicacion:hover  h2{
		color:#fcae00;
		transition:0.5s;
	}

	.email{
		float:left;
		padding:20px;
	}
	.email:hover  h2{
		color:#fcae00;
		transition: 0.5s;
	}

	.maps{
		height: auto;
		cursor: pointer;
	}
	.maps .capa-anti-zoom {
        width: 100%;
        height: 450px;
        position: absolute;
        cursor: pointer;
    }
		iframe{
			box-sizing: border-box;
		}


	.formulario{
		height: 500px;
	}

	/*------FORMULARIO DE CONTACTO--------*/
	.contact_form h2, .contact_form label {
	    font-family:"michromaregular", Arial, Helvetica, sans-serif;
	}
	.formulario{
		width:100%;
		height:620px;
		margin:0 auto;

	}

	.contact_form{
		width:100%;
		margin:auto;
	}
	.contact_form h2 {
		text-align:center;;

	}


	/*— estilos para los ul y li  —*/
	.form {

		width:100%;
		margin: 0 auto;
		padding: 0;
		margin-bottom: 20px;
		list-style-type:none;
		display: flex;
		flex-wrap: wrap;

	}
	.contact_form span {
		color: #fcae00;
		margin: 10px 0px 0px 100px;
	}
	.excep {
		width: 100%;
		height: auto;
	}
  	.form .excep li  {
		width:45%;
		height: 61px;
		float: left;
		padding: 14px;
		border-bottom:1px solid #eee;
	}

	.form li  {
	width:100%;
	height:81px;
	float: left;
	padding: 15px;
	border-bottom:1px solid #eee;
}
	/* === Elementos del Formulario === */
	.form .excep li label {
		box-sizing: border-box;
		width:18%;
		height: 30px;
	  float:left;
	  font-weight: light;
	  padding: 3px;

	}
	.form  li label {
		box-sizing: border-box;
		width:9%;
		height: 30px;
	  float:left;
	  font-weight: light;
	  padding: 3px;

	}
	.form  li input {
		box-sizing: border-box;
		height: 40px;
		float: left;
		width:80%;
		padding:5px 8px;
	}

	.form textarea {
		box-sizing: border-box;
		padding:5px;
		width:86%;
		height: 80px;
		padding: 5px;

	}
	.form button {
		margin-left:0px;
		margin-top: 40px;
	}



	/* === Estilos del boton de Envio === */
	button.submit {
		text-align: center;
		width:85%;
	   padding:10px;
		 margin-left:95px;
	   font-family:Abel-Regular;
	   font-size:16px;
	   font-weight: bold;
	   line-height: 1;
	   color:#fff;
		 background:#fcae00;
		 transition:0.5s;
	   border: none;
	   border-radius: 5px;
	   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	}
	button.submit:hover {
		color:#fff;
		background:#060606;
		color: #FFF;
		cursor: pointer;
		transition:  0.5s;
}
	button.submit:active {
		border: 1px solid #fff;
		box-shadow: 0 0 10px 5px #444 inset;
	}




	.form_hint, .required_notification {
	    font-size: .9em;
	}


	.required_notification {
	    color: #d45252;
	    margin: 5px 0 0 200px;
	    display: inline;
	    float: left;
	}




	/* Estilos visuales del formulario */
	.form  input, .form  textarea {
	    border: 1px solid #aaa;
	    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	    border-radius: 2px;
	    padding-right: 30px;
	    -moz-transition: padding .25s;
	    -webkit-transition: padding .25s;
	    -o-transition: padding .25s;
	    transition: padding .25s;
	}

	    .form  input:focus, .form textarea:focus {
	        background: #fff;
	        border: 1px solid #555;
	        box-shadow: 0 0 3px #aaa;
	        padding-right: 70px;
	    }

	    /* === Validacion HTML5 === */
	    .form  input:required, .form  textarea:required {
	        background: #fff url(images/red_asterisk.png) no-repeat 98% center;
	    }

	        .form  input:required:valid, .form textarea:required:valid {
	            background: #fff url(images/valid.png) no-repeat 98% center;
	            box-shadow: 0 0 5px #5cd053;
	            border-color: #28921f;
	        }

	    .form  input:focus:invalid, .form textarea:focus:invalid {
	        background: #fff url(images/invalid.png) no-repeat 98% center;
	        box-shadow: 0 0 5px #d45252;
	        border-color: #b03535;
	    }

	/* === Comentarios del Formulario === */
	.form_hint {
	    background: #d45252;
	    border-radius: 3px 3px 3px 3px;
	    color: white;
	    margin-left: 8px;
	    padding: 1px 6px;
	    z-index: 999; /* Comentario por encima de otros elementos*/
	    position: absolute; /* allows proper formatting if hint is two lines */
	    display: none;
	}

	.form_hint::before {
	        content: "\25C0";
	        color: #d45252;
	        position: absolute;
	        top: 1px;
	        left: -6px;
	    }

	.form  input:focus + .form_hint {
	    display: inline;
	}

	.form input:required:valid + .form_hint {
	    background: #28921f;
	}

	    .form   input:required:valid + .form_hint::before {
	        color: #28921f;
	    }

			/*	==================================================================
				 CODIFICACION LA SECCION SERVICIOS
			==================================================================	*/


	.bar h2{
		color: #fff;
		margin: 0 auto;
		text-align: center;
		padding: 75px;
		font-size: 3.0em
	}

	.senalizacion-vertical{
		height: 700px;
		margin-top: 30px;
	}

	.senalizacion-vertical H2{
		font-size: 2.0em;
		margin: 0;
		margin: 50px 0px;
		border-bottom: 1px dotted rgb(255, 178, 8);

	}

	.senalizacion-vertical H2 a{
		color: #fa9d13;
	}

	.seccion2{
		height: 400px;
		float: left;
		background-image:url(../img/vertical.png) ;
		background-position: center;
		background-repeat: no-repeat;
	}

	.senalizacion-horizontal{
		height: 700px;
		margin-top: 30px;
	}

	.senalizacion-horizontal H2{
		font-size: 2.0em;
		text-align: right;
		margin: 0;
		margin: 50px 0px;
		border-bottom: 1px dotted rgb(255, 178, 8);

	}

	.senalizacion-horizontal H2 a{
		color: #fa9d13;
	}

	.senalizacion-horizontal .especificacion{
		float: right;
	}

	.seguridad-vial{
		height: 700px;
		margin-top: 30px;
	}

	.seguridad-vial H2{
		font-size: 2.0em;
		margin: 0;
		margin: 50px 0px;
		border-bottom: 1px dotted rgb(255, 178, 8);

	}

	.seguridad-vial H2 a{
		color: #fa9d13;
	}



	.especificacion{
		float: left;
		height: 360px;

	}
	.especificacion p{
		margin: 0;
		padding: 15px;


	}



	 .imgs1{
		height:80px;
		background-image:url(../img/instalacion.png) ;
		background-repeat: no-repeat;
		float: left;
	}
	.imgs1:hover{
	 transition:  1s ease-in-out;
	 background-image:url(../img/instalacion-hover.png) ;
	 background-repeat: no-repeat;

 }

 .imgs2{
	height:80px;
	background-image:url(../img/s-calles.png) ;
	background-repeat: no-repeat;
	float: left;
}
.imgs2:hover{
 transition:  1s ease-in-out;
 background-image:url(../img/s-calles-hover.png) ;
 background-repeat: no-repeat;

}

.imgs3{
 height:80px;
 background-image:url(../img/zonas.png) ;
 background-repeat: no-repeat;
 float: left;
}
.imgs3:hover{
transition:  1s ease-in-out;
background-image:url(../img/zonas-hover.png) ;
background-repeat: no-repeat;

}
	.text{
		height:80px;
		float: left;
	}

	.text p{
		text-align: left;
	}

	.seccion2{
		height: 400;
		float: left;
		background-image: url(/img/s-vertical.png);
		background-size: 70%;
		background-repeat: no-repeat;
		background-position: center;

	}

	.s-img{
		height: 400;
		float: left;
		background-image: url(../img/s-horizontal.png);
		background-size: 70%;
		background-repeat: no-repeat;
		background-position: center;

	}
	.s-img-s{
		height: 400;
		float: left;
		background-image: url(../img/s-vial.jpg);
		background-size: 60%;
		background-repeat: no-repeat;
		background-position: center;

	}

	/*	==================================================================
		 CODIFICACION LA SECCION PRODUCTOS
	==================================================================	*/
.products{
	display: flex;
	flex-wrap: wrap;


}

aside{
	height: 900px;
	border: 1px solid #d1d1d1;
	margin-top: 50px;

}

.contenido{
	height: 450px;
}

.productos{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 25px;
	justify-content: space-around;
}
	.products-vertical{
		height: 450px;
		margin: 50px 5px 5px 5px;
		float: left;
		box-sizing: border-box;
		border: solid 1px rgb(255, 255, 255);
		transition: 0.5s;
	}
	.products-vertical:hover{
		box-sizing: border-box;
		height: 450px;
		margin: 50px 5px 5px 5px;
		float: left;
		border: solid 1px  #fcae00;
		transition: 1s;
		margin: 50px 17px 0px 17px;
	}

	.products-vertical:hover .title{
		border-top:dotted 2px #fff;
		border-left: dotted 2px #fff;
		border-right: dotted 2px #fff;
		border-bottom: dotted 2px  #fcae00;
		transition: 1s;


	}
	.title{
		text-align: center;
		border-bottom:dotted 2px #fff;
		border-top:dotted 2px  #fcae00;
		border-left: dotted 2px  #fcae00;
		border-right: dotted 2px  #fcae00;
		transition: 0.5s
	}
	.title h2{
		margin-top: 10;
		margin-bottom: 5px;
		font-size: 1.2em;
	}
	.title a{
		color: #fcae00;
	}
	.img-producto{
		padding-top: 20px;
		height: 150px;
		background-image: url(../img/hito.png);
		background-size: 150px;
		background-repeat: no-repeat;
		background-position: center;

	}
	.img-producto2{
		padding-top: 20px;
		height: 150px;
		background-image: url(../img/productos/resalto.png);
		background-size: 280px;
		background-repeat: no-repeat;
		background-position: center;

	}
	.img-producto3{
	margin: 0 auto;
		padding-top: 20px;
		height: 170px;
		background-repeat: no-repeat;
		background-position: center;

	}

	.img-producto4{
		padding-top: 20px;
		height: 150px;
		background-image: url(../img/productos/senal.png);
		background-size: 200px;
		background-repeat: no-repeat;
		background-position: center;

	}

	.img-producto5{
		padding-top: 20px;
		height: 150px;
		background-image: url(../img/productos/pare.png);
		background-size: 180px;
		background-repeat: no-repeat;
		background-position: center;

	}

	.descripcion{
		height: 110px;
		margin-top: 50px;
	}
	.descripcion p{
		margin: 10;
	}

	.boton{
		margin-top: 20px;
		height: 30px;

	}
	.boton p{
		margin: 0 auto;
	}

	.boton p a{
		text-decoration: none;
		color: #ffffff;
		background-color: #fcae00;
		padding: 10px;
		transition: 0.5s;
		border-radius: 20px;
	}

	.boton p a:hover{
		text-decoration: none;
		color: #fcae00;
		border: solid 1px #fcae00;
		background-color:#fff ;
		transition: 0.5s ;
		padding: 10px;
		border-radius: 20px;
	}

	/*	==================================================================
		 CODIFICACION LA SECCION GALERIA
	==================================================================	*/

.galeria{
	height: 1450px;


}

a .capa{

	height: 400px;
	float: left;
	margin: 17px;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.9);

}
a .proyectos-fondo{
	/*position: relative;
	z-index: 0;*/
	height: 400px;
	background-image: url(../img/proyectos/autopista/1.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
		transform: scale(1.1);


}

	a .proyectos-fondo:hover{
		transform: scale(1.5);
		  -moz-transform: scale(1.5);
		  -webkit-transform: scale(1.5);
		  -o-transform: scale(1.5);
		  -ms-transform: scale(1.5);


		}
		a .proyectos-fondo:hover .proyectos{
			background: rgba(0, 0, 0, 0.58);
			transition: 0.5s;
		}

		a .proyectos-fondo2{
			/*position: relative;
			z-index: 0;*/
			height: 400px;
			background-image: url(../img/proyectos/calle26/1.jpg);
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center;
			transition: all 1s ease;
		  -moz-transition: all 1s ease;
		  -ms-transition: all 1s ease;
		  -webkit-transition: all 1s ease;
		  -o-transition: all 1s ease;
			transform: scale(1.1);


		}



		a .proyectos-fondo2:hover{
			transform: scale(1.5);
			  -moz-transform: scale(1.5);
			  -webkit-transform: scale(1.5);
			  -o-transform: scale(1.5);
			  -ms-transform: scale(1.5);


			}
			a .proyectos-fondo2:hover .proyectos{
				background: rgba(0, 0, 0, 0.58);
				transition: 0.5s;
			}

			a .proyectos-fondo3{
				/*position: relative;
				z-index: 0;*/
				height: 400px;
				background-image: url(../img/proyectos/avsuba/1.png);
				background-repeat: no-repeat;
				background-size: cover;
				background-position: center;
				transition: all 1s ease;
			  -moz-transition: all 1s ease;
			  -ms-transition: all 1s ease;
			  -webkit-transition: all 1s ease;
			  -o-transition: all 1s ease;
				transform: scale(1.1);
			}



			a .proyectos-fondo3:hover{
				transform: scale(1.4);
				  -moz-transform: scale(1.4);
				  -webkit-transform: scale(1.4);
				  -o-transform: scale(1.4);
				  -ms-transform: scale(1.4);


				}
				a .proyectos-fondo3:hover .proyectos{
					background: rgba(0, 0, 0, 0.58);
					transition: 0.5s;
				}

				a .proyectos-fondo4{
					/*position: relative;
					z-index: 0;*/
					height: 400px;
					background-image: url(../img/proyectos/soacha/1.png);
					background-repeat: no-repeat;
					background-size: cover;
					background-position: center;
					transition: all 1s ease;
					-moz-transition: all 1s ease;
					-ms-transition: all 1s ease;
					-webkit-transition: all 1s ease;
					-o-transition: all 1s ease;
					transform: scale(1.1);
				}



				a .proyectos-fondo4:hover{
					transform: scale(1.4);
						-moz-transform: scale(1.4);
						-webkit-transform: scale(1.4);
						-o-transform: scale(1.4);
						-ms-transform: scale(1.4);


					}
					a .proyectos-fondo4:hover .proyectos{
						background: rgba(0, 0, 0, 0.58);
						transition: 0.5s;
					}

					a .proyectos-fondo5{
						/*position: relative;
						z-index: 0;*/
						height: 400px;
						background-image: url(../img/proyectos/wtc/1.png);
						background-repeat: no-repeat;
						background-size: cover;
						background-position: center;
						transition: all 1s ease;
						-moz-transition: all 1s ease;
						-ms-transition: all 1s ease;
						-webkit-transition: all 1s ease;
						-o-transition: all 1s ease;
						transform: scale(1.1);
					}



					a .proyectos-fondo5:hover{
						transform: scale(1.4);
							-moz-transform: scale(1.4);
							-webkit-transform: scale(1.4);
							-o-transform: scale(1.4);
							-ms-transform: scale(1.4);


						}
						a .proyectos-fondo5:hover .proyectos{
							background: rgba(0, 0, 0, 0.58);
							transition: 0.5s;
						}

						a .proyectos-fondo6{
							/*position: relative;
							z-index: 0;*/
							height: 400px;
							background-image: url(../img/proyectos/parqueaderos/1.png);
							background-repeat: no-repeat;
							background-size: cover;
							background-position: center;
							transition: all 1s ease;
							-moz-transition: all 1s ease;
							-ms-transition: all 1s ease;
							-webkit-transition: all 1s ease;
							-o-transition: all 1s ease;
							transform: scale(1.1);
						}



						a .proyectos-fondo6:hover{
							transform: scale(1.4);
								-moz-transform: scale(1.4);
								-webkit-transform: scale(1.4);
								-o-transform: scale(1.4);
								-ms-transform: scale(1.4);


							}
							a .proyectos-fondo6:hover .proyectos{
								background: rgba(0, 0, 0, 0.58);
								transition: 0.5s;
							}

							a .proyectos-fondo7{
								/*position: relative;
								z-index: 0;*/
								height: 400px;
								background-image: url(../img/proyectos/bolivariano/1.jpg);
								background-repeat: no-repeat;
								background-size: cover;
								background-position: center;
								transition: all 1s ease;
								-moz-transition: all 1s ease;
								-ms-transition: all 1s ease;
								-webkit-transition: all 1s ease;
								-o-transition: all 1s ease;
								transform: scale(1.1);
							}



							a .proyectos-fondo7:hover{
								transform: scale(1.4);
									-moz-transform: scale(1.4);
									-webkit-transform: scale(1.4);
									-o-transform: scale(1.4);
									-ms-transform: scale(1.4);


								}
								a .proyectos-fondo7:hover .proyectos{
									background: rgba(0, 0, 0, 0.58);
									transition: 0.5s;
								}

								a .proyectos-fondo8{
									/*position: relative;
									z-index: 0;*/
									height: 400px;
									background-image: url(../img/proyectos/cra50/1.jpg);
									background-repeat: no-repeat;
									background-size: cover;
									background-position: center;
									transition: all 1s ease;
									-moz-transition: all 1s ease;
									-ms-transition: all 1s ease;
									-webkit-transition: all 1s ease;
									-o-transition: all 1s ease;
									transform: scale(1.1);
								}



								a .proyectos-fondo8:hover{
									transform: scale(1.4);
										-moz-transform: scale(1.4);
										-webkit-transform: scale(1.4);
										-o-transform: scale(1.4);
										-ms-transform: scale(1.4);


									}
									a .proyectos-fondo8:hover .proyectos{
										background: rgba(0, 0, 0, 0.58);
										transition: 0.5s;
									}
									a .proyectos-fondo9{
										/*position: relative;
										z-index: 0;*/
										height: 400px;
										background-image: url(../img/proyectos/maventura/1.jpg);
										background-repeat: no-repeat;
										background-size: cover;
										background-position: center;
										transition: all 1s ease;
										-moz-transition: all 1s ease;
										-ms-transition: all 1s ease;
										-webkit-transition: all 1s ease;
										-o-transition: all 1s ease;
										transform: scale(1.1);
									}



									a .proyectos-fondo9:hover{
										transform: scale(1.4);
											-moz-transform: scale(1.4);
											-webkit-transform: scale(1.4);
											-o-transform: scale(1.4);
											-ms-transform: scale(1.4);


										}
										a .proyectos-fondo9:hover .proyectos{
											background: rgba(0, 0, 0, 0.58);
											transition: 0.5s;
										}

a .proyectos{
	width: 100%;
	height: 400px;
	background: rgba(0, 0, 0, 0.89);
	transition: 0.5s;


}


a .proyectos h3{
	color: #fff;
	font-size:1.6em;
	text-align: center;
	padding-top: 160px;
}

a .proyectos p{
	color: #fff;
	text-align: center;
}

.galeria h2{
	padding: 25px;
	text-align: center;
	font-size: 2.0em;
	border: 1px solid #fcae00;
	margin-top: 30px;
	-webkit-box-shadow: 5px 1px 9px 4px rgba(138,138,138,0.68);
-moz-box-shadow: 5px 1px 9px 4px rgba(138,138,138,0.68);
box-shadow: 5px 1px 9px 4px rgba(138,138,138,0.68);

}
.galeria h2 a{
	color: #fcae00;
}

.content-slider{
	float: left;
}

.des-proyecto h2{
	text-align: center;
}

/*	==================================================================
	 CODIFICACION LA SECCION SIDEBAR
==================================================================	*/

.sidebar{
	height: 750px;
	float: left;
	border: solid 1px rgb(158, 158, 158);
	margin-top: 20px;
}

.sidebar ul{
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 20px;
}

.sidebar li{
	margin: 20px 0px;
	border: 1px solid #fff;
	transition: 0.5s;
	padding: 10px;
	text-align: center;
	border: 1px solid #dddddd;
}
.sidebar li:hover{
border: 1px solid #ffb205;
border-radius: 20px;
transition: 0.5s;
}
.sidebar li:hover a {
	color: #ffb205;
	transition: 0.5s ;
}
.sidebar li:hover a:active {
	color: #ffb205;
	transition: 0.5s ;
}
.sidebar ul li .activo{
	color: rgb(227, 85, 48);
	border: none;
}

.sidebar ul .activo{
	border-top: solid 1px rgb(211, 237, 0);
	border-bottom: solid 1px rgb(227, 85, 48);
}
.sidebar li:hover i{
	color: #ffb205;
	transition: 0.6s ;
}
.sidebar ul li a{
	list-style: none;
	text-decoration: none;
	cursor: pointer;
	color: #000;
	transition: 0.5s;
	text-align: center;
	padding-right: 10px;
}
.sidebar i{
	color:#fff;
	transition: 0.6s ;
	padding-right: 10px;
}
.sidebar h2{
	font-size: 1.2em;
	text-align: center;
}

.nav-ubicacion{
	height: 30px;
}
.nav-ubicacion p{
	width: 20%;
	margin-top:15px;
	text-align: left;
}

.nav-ubicacion p a{
	font-size: 0.8em;
	margin: 0;
	text-decoration: none;
	color: #000;
	transition: 0.3s;
}


.nav-ubicacion p a:hover{
	color: #ffb906;
	transition: 0.3s;
}

.nav-ubicacion b{

}
.nav-ubicacion i{
	font-size: 1.2em;
	/*background: #e6e6e6;*/
	color:#ffb906;
	padding: 0px 2px;
}

.active a{
	color: #ffa800;
}