/*	==================================================================
		 CODIFICACION LA SECCION GALERIA
	==================================================================	*/
	.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-18 {width:18%; 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;}

.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(../images/proyectos/autopista/senal-informativa1.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(../images/proyectos/calle26/tachones-cll4.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(../images/proyectos/avsuba/demarcacion-vial1.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(../images/proyectos/soacha/senal-informativa1.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(../images/proyectos/wtc/resalto1.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(../images/proyectos/parqueaderos/demarcacion1.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(../images/proyectos/bolivariano/resalto1.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(../images/proyectos/cra50/senal-reglamentaria1.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(../images/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;
}