/*General*/
*{
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
}

.contenedor{
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;
	padding: 0 100px;
}
.flex-space{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#menu a{
	font-weight: bold;
}
#menu a li{
	font-weight: bold;
}
.flex-around{
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.flex-center-wrap{
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
}

.relative{
	position: relative;
}
.absolute{
	position: absolute;
}
.uppercase{
	text-transform: uppercase;
}
.margen-l-20{
	padding:0 10px 0 10px;
}
.strong{
	font-weight: 700;
}
.f14{

	margin-right: 100px; 
}
.center{
	text-align:center;
}
div.menu-movil{
    display: none;
}
.blanco{
	justify-content: flex-end;
}
.redondo-10{
	border-radius: 10px!important;
	margin-top: 10px;
}

/*Pagina */
header{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
	background: rgba(220,220,220,1);
}
.navegacion-principal{
	width: 70%;
	padding: 0 60px;
}
.logo{
	margin: 10px 0 10px 20px;
}

.logo img{
	width: 90px;
}
.slogan{
	align-items: flex-end;
}
.redes{
	margin: 10px 20px 10px 0;
}
.redes p{
	text-align: center;
}
.redes_sociales img{
	width: 30px;
	border-radius: 10px;
	margin: auto 5px;
}
ul{
	margin-bottom: 0px!important;
}
.menu{
	background: rgba(220,220,220,1);
	display: flex;
	justify-content: flex-end;
	width: 100%;
}
.menu_lista{
	background: rgba(220,220,220,1);
	
	align-items: center;
	height: 40px;
	border-radius: 0px;
}
.menu_lista a{
	text-decoration: none;
	color:#333;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: left;
	transition: 1s all ease;
}

.menu_lista a:hover{
	background: #FFFFFF;
	color:#04285c;
}
.banner_principal{
}
.banner_principal>div{
	margin-top: 135px;
	height: 77vh;

	overflow: hidden;
}
.banner_principal_imagen{
	height: auto;
	bottom: 0;
	right: 0;
	left: 0;
}
.banner_principal_imagen img{
	width: 100%;
}
.banner_principal_texto{
	bottom:0;
	right: 0;
	left: 0;
	top:0;
	background-color: rgba(0,0,0,.5);
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px 250px;
}
.banner_principal_texto p{
	color:white;
	font-size: 50px;
}.banner_2>div{
	height: 90vh;

	overflow: hidden;
}
.banner_2_imagen{
	height: auto;
	bottom: 0;
	right: 0;
	left: 0;
}
.banner_2_imagen img{
	width: 100%;
}
.banner_2_texto{
	bottom:0;
	right: 0;
	left: 0;
	top:0;
	background-color: rgba(0,0,0,.3);
	text-align: center;
	display: flex;
	align-items: center;
	padding: 20px 250px;
}
.banner_2_texto div{
	color:white;
	font-size: 20px;
	width: 500px;
	display: block;
	text-align: left;
}
.banner_2_texto h2{
	color:white;
	
}
.btn-primary{
	border: 1px solid white;
	border-radius: 30px;
}
.carousel-caption {
    padding-bottom: 150px!important;
}
.carousel-caption h5{
    font-size: 40px;
}

.info{
	position: relative;
}
.info .flex-around{
	align-items: flex-start;
}
.info-img{
	margin:0 20px 0 40px;
}
.info-texto{
	text-align:justify;
	margin:40px 40px 0 20px;

}
.info h2{
	color:#04285c;
	font-size: 32px;
	padding-top: 0;
	margin-top: 0;
}
.info h3{
	font-size: 28px;
}
.info p{
	font-size: 16px;
}
.parallax::before{
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; 
    background-attachment: fixed;
    filter: brightness(1);
}
div.contador,div.nuevo{
    position: relative;
    height:400px;
}
ul.resumen{
    position: relative;
    text-align: center;

}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}
div.contador::before{
    background-image: url(../images/slider4.jpg); 
    content: '';
}
.img-p{
	width: 400px;
}
.half{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.banner_2_texto >div h2{
	color:white;
}
.half img{
	width: 120px;
}
.orange{
	margin:0;
	padding: 0;
	border:5px solid #f46212;
}
.gray{
	margin:0;
	padding: 0;
	border:5px solid #074080;
}
.half-text{
	width: 100%;
	margin: 10px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	font-size: 20px;
}
.mision, .materiales{
	width: 100%;
}
.materiales{
	padding-left: 100px;
}
.half2{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;

}
.half2 img{
	width: 100%;
}
table{
	width: 80%;
}
table,th,td{
	padding: 5px;
	font-size: 14px;
	text-align: center;
}

tr:nth-of-type(odd){
	background: #dee2e6;
}

th{
	text-align: center;
	background: #f46212;
	color:white;
}
.orange{
	margin:0;
	padding: 0;
	border:5px solid #f46212;
}
.gray{
	margin:0;
	padding: 0;
	border:5px solid #074080;
	
}
.half2-text{
	width: 100%;
	margin: 10px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	font-size: 30px;
}
.flex-cj{
	display: flex;
	justify-content: center;
	height: 80vh;
}
.especial{
	font-size: 14px;
	color:#0F80FF;
}
.procesos{
	width: 100%;
}
.procesos img{
	width: 100%;
}
.acerca,.servicios{
	text-align:center;

}
.h1{
	color:#4C4C4C;
	font-size: 30px;
}

.footer{
	background-color: #003e95;
	color:white;
}
.footer-caja{
	margin: 0 20px;

}
.footer-ubicacion,.footer-llamada{
	width: 30%;
}
.footer-ubicacion img{
	width: 80px;
}
.footer-center{
	display: flex;
	width: 30%;
	height: 80px;
	align-items: flex-end;
}
.footer-llamada strong{
	font-size: 18px;
}
.footer-llamada span{
	font-size: 12px;
	color:#CCCCCC;
}
.footer-llamada{
	text-align: right;
}
.footer-linea{
}
.footer .btn-primary{
	margin: 0;
}
.footer a{
	color:#B3B3B3;
}
.us .btn{
	width: 30%;
}
 
@media screen and (max-width: 1000px){
	
	.f14{
		width: 100%;
		padding: 0px;
		margin-right: 0px;
	}
	.absolute .f14,.c{
		width: 90%!important;
		margin: 0;
		padding: 0;
	}
	.us .btn{
		margin: 0 10px;	}
	.us{
		width: 110%;
		margin: 0;
		padding: 0;
		display: flex;
		justify-content: center;
	}
	.relative{
		width: 100%;
	}
	.flex-cj,.half,.half-text{
		width: 100%;
	}
	.mision{
		height: 140vh;
	}
	.materiales{
		height: 100vh;
	}
	.absolute{
		width: 90%;
	}
	.half-text,.absolute.banner_2_texto{
		width: 100%!important;
		margin:0;
		padding: 10px;
	}
	.absolute.banner_2_texto{
		text-align: justify;
	}
	
	.img-p{
		width: 100%;
	}
	table{
		width: 100%;
	}
	.materiales{
		margin:0;
		padding: 0;
	}
	.half2{
		width: 100%;
		margin:0;
	}
	.half-text{
		font-size: 20px;
	}
	.banner_2_texto div{
		color:#4C4C4C;
		font-size: 20px;
		width: 100%;
		display: block;
		text-align: justify;
	}
	.banner_2_texto h2{
		color:#4C4C4C;
		
	}
	.banner_2_texto{
		font-size: 14px;
		padding: 10px;
		background: white;
		color: #4C4C4C;
	}
	.banner_principal>div{
		margin-top: 95px;
		height: 62vh;

		overflow: hidden;
	}
	.carousel-indicators{
		display: none;

	}
	.banner_2>div{
		height: auto;

		overflow: hidden;
	}
	.banner_principal_texto{
		padding: 20px 20px;
	}
	.banner_principal_imagen img{
		height: 100vh;
		width: auto;
	}
	.banner_2_texto{
		position: relative;
	}
	.banner_2_imagen{
		display: none
	}
	.redes{
		margin:0;
	}
	.redes p{
		display: none;
	}
	.redes_sociales img{
		width: 40px;
	}
	.navegacion-principal{
    	display: none;
    	
    
	}
	.menu_lista{
		height: auto;
	}
	.menu_lista a{
		border: 1px solid #03295d;
		height: 40px;
	}
	.menu{
		display: flex;
		justify-content: flex-end;
		height: 60px;
		flex-wrap: wrap;
		align-items: center;
		width: 100%;
	}
	.menu .flex-around{
		display: block;
	}
	.menu .margen-l-20{
		padding:0 0px 0 0px;
	}	
	div.menu-movil{
	    width: 40px;
	    display: block;
	    text-align: right;
	    margin-right:10px; 
	}
	div.menu-movil:hover{
	    cursor: pointer;
	}
	div.menu-movil span{
	    height: 6px;
	    margin-bottom: 4px;
	    background: white;
	    display: block
	}
	.info{
	margin:40px 0;
	}
	.info .flex-around{
		align-items: center;
	}
	
	.info-texto{
		text-align:justify;
		margin:0px;
		padding: 20px;

	}
	.info h2{
		color:#04285c;
		font-size: 24px;
		padding-top: 0;
		margin-top: 0;
	}
	.info h3{
		font-size: 20px;
	}
	.info p{
		font-size: 16px;
	}
	.acerca-recuadro{
		flex-wrap: wrap;
		padding: 20px;
	}
	.acerca-img{
		width: 70%;
	}
	.acerca-info{
		width: 100%;
		margin:0px;
		text-align: left;
	}
	.servicios-uno{
		width: 100%;
		margin:20px 0;
	}
	.servicios-uno img{
		width: 70%;
	}
	.servicios-uno p{
		font-size: 30px;
	}
	.proyectos-uno{
		margin: 10px 0;
	}
	.proyectos-recuadro{
	width: 100%;
	margin:20px 0px;
	padding-top: 10px; 


	}
	.proyectos-uno{
		width: 100%;
	}
	.formulario-caja{
		width: 100%;
		padding: 0 20px;
		margin: 0px;
		padding-top: 10px; 

	}
	.formulario-datos{
		width: 100%;
		margin-bottom: 10px;
		text-align: left;
	}
	.formulario-mapa{
		width: 100%;
	}
	.footer-caja{
		flex-wrap: wrap;
	}
	.footer-caja{
	margin: 0 10px;
	}
	.footer-ubicacion,.footer-llamada{
		width: 100%;
	}
	.footer-llamada{
		order: 1;
		text-align: center;
	}
	.footer-center{
		order: 3;
		width: 100%;
		text-align: center;
		display: flex;
    	justify-content: center;

	}
	.footer-center a{
		
		text-align: center;
		
	}
	.footer-ubicacion{
		order: 2;
		text-align: center;
	}
	.contenedor{
		
		padding: 0 10px;

	}

	.no-movil{
		display: none;
	}
	.banner_2_texto >div h2{
		color:#4C4C4C;
	}
	.w-100 {
    	width: auto!important;
    	height: 62vh;
	}

	
	
}