/**************************************************************************************
Defaults 
***************************************************************************************/
html {
	overflow-x:hidden;
	-webkit-font-smoothing: antialiased;
}
body {
	background:#1c1c1c;
	overflow-x:hidden;
	
	color:#b8b8b8;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
}

a{
	color:#479dfe;
}
a, button	{
	cursor:pointer;
	/*text-decoration:none;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;*/
}
a:hover, a:focus, button:focus{
	text-decoration: none;
	outline:none;
}
a:hover{
	color:#dd494b;
}
p, li{
	font-size: 15px;
	font-weight: 400;
}
p{
	margin: 0 0 15px 0;
	line-height:20px;
}

hr{
	border-color:#ddd;
}

h1, h2, h3, h4, h5, h6{
	color:white;
	font-size: 22px;
	font-weight: 700;
}

figure{
	margin:0 !important;
}

input.form-control::-webkit-input-placeholder,
textarea.form-control::-webkit-input-placeholder,
textarea.form-control {
	color:#1c1c1c;
	text-shadow: 0;
	font-size: 12px;
	font-weight: 900;
	letter-spacing:1px;
	text-transform:uppercase;
}

/**************************************************************************************
Bootstrap Overwrites
***************************************************************************************/


/**************************************************************************************
Custom Classes
***************************************************************************************/
/* Start of "Micro clearfix" */
.cf { zoom: 1; }
.cf:before,
.cf:after { content: ""; display: table; }
.cf:after { clear: both; }
/* End of "Micro clearfix" */

.pr{
	position:relative;
}
.bl{
	display:block;
	width: 100%;
}

.nopadding {
  padding: 0 !important;
  margin: 0 !important;
}
.npl	{
	margin-top: 0 !important;
	margin-bottom: 15px !important;
    padding-left: 0 !important;
}
.npr	{
	margin-top: 0 !important;
	margin-bottom: 15px !important;
    padding-right: 0 !important;
}
.noleft	{
	padding-left: 0 !important;
}
.noright	{
	padding-right: 0 !important;
}
.no-vert{
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
}

.full-height, .half-height{
	position: relative;
}

.vs{
	margin-top: 30px;
}
.vs2{
	margin-top: 60px;
}
.vs3{
	margin-top: 90px;
}
.vs4{
	margin-top: 120px;
}
.vs5{
	margin-top: 150px;
}

.col5{
	float: left;
	display:block;
	padding-right: 15px;
	padding-left: 15px;
	width: 20%;
}

.imgfull	{
	width: 100%;
	min-width: 100%;
	max-width: 100%;
}
.imgbordershadow	{
	border:solid 1em white;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.125);
	-moz-box-shadow:    0px 0px 30px 0px rgba(50, 50, 50, 0.125);
	box-shadow:         0px 0px 30px 0px rgba(50, 50, 50, 0.125);
}

.grow { transition: all .5s ease-in-out; }
.grow:hover { transform: scale(1.1); }


.table-responsive-wrapper{
	display:block;
	width: 100%;
	overflow-x:none;
}

hr.divisor{
	display:inline-block;
	margin:45px 0;
	width: 100px;
	height: 5px;
	border:0;
	background:#ff0030;
	text-align: left;
}

.espacio{
	padding:150px 0;
}
.espaciomin{
	padding:50px 0;
}
.espaciomed{
	padding:75px 0;
}


.link{
	color:#0078ff;
	font-size: 12px;
	font-weight: 900;
	letter-spacing:1px;
	text-transform:uppercase;
}

/**************************************************************************************
Menu
***************************************************************************************/
#menu{
	height: 100px;
	padding-top:25px;
	background:white;
}
.navbar {
    padding:0;
}
a.nav-link{
	font-size: 12px;
	font-weight: 900;
	letter-spacing:0.100em;
	text-transform:uppercase;
}
.navbar-light .navbar-nav .nav-link {
    color:#332121;
}
.navbar-expand-lg .navbar-nav .nav-link{
    padding-right:0;
    padding-left:45px;
}
.navbar-light .navbar-nav .nav-link.actual{
	color:grey;
}

/**************************************************************************************
Footer
***************************************************************************************/
#footer{
	margin:90px 0 0 0;
	padding:75px 0 0 0;
	
	background:white;
}
body.quienes #footer{
	margin:0 0 0 0;
}

	#footer p, #footer nav a{
		color:black !important;
		font-size: 14px;
	}
	#footer nav{
		line-height:36px;
	}
	#footer nav a{
		display:block;
	}
	#footer nav a:hover{
		color:#dd494b !important;
	}
	#footer p{
		display:block;
		margin-top: 7px;
	}
	#footer p span{
		font-weight: 700;
	}
	#footer p a{
		font-weight: 700;
	}
	#footer img{
		display:block;
		margin-top: 45px;
	}
	.siete{
		margin:0 0 45px 0;
		text-align: center;
	}
		.siete a{
			color:#7396bd;
			font-size: 9px;
			letter-spacing:2px;
		}
		.siete a:hover{
			color:#dd494b;
		}

/**************************************************************************************
Inicio
***************************************************************************************/
#inicio-banner{
	height: 608px;
	background:url(../_img/inicio.jpg) no-repeat center top;
	background-size: 1920px;
}
	#inicio-banner h1{
		margin-top: 200px;
	
		color:#313131;
		font-size: 36px;
		font-weight: 900;
	}
	#inicio-banner nav a{
		display:inline-block;
		margin:30px 15px 30px 0;
	}
#inicio-servicios{
	background:url(../_img/inicio-servicios.png);
	background-size: 200px;
}
	#inicio-servicios nav a{
		display:inline-block;
		height: 50px;
		
		color:white;
		line-height:50px;
		font-size: 16px;
		font-weight: 700;
	}
		#inicio-servicios nav a img,
		#inicio-servicios nav a span{
			display:inline-block;
		}
		#inicio-servicios nav a span{
			margin:0 40px 0 20px;
		}
	a.boton{
		display:block;
		height: 50px;
		width: 100%;
	
		background:#0078ff;
		border-radius:15px;
	
		color:white !important;
		font-size: 16px;
		font-weight: 700;
		line-height:50px;
		text-align: center;
	}
	a.boton:hover{
		background:#f04954;
	}
#inicio-secciones a{
	position: relative;
	display:block;
}
	.limit{
		display:block;
		width: 100%;
		height: 350px;
		overflow:hidden;
	}
	#inicio-secciones #inicio-trabajos.limit{
		height: 730px;
	}
	#inicio-secciones a span{
		position: absolute;
		top:0;
		
		display:block;
		height: 100%;
		width: 100%;
		
		color:white;
		font-size: 24px;
		font-weight: 900;
		line-height:360px;
		text-align: center;
		
		transition: all .5s ease-in-out;
	}
	#inicio-secciones a:hover span{
		line-height:350px;
		box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5);
	}
	#inicio-secciones #inicio-trabajos a span{
		color:#2b2b2b;
	}
	#inicio-secciones h2{
		display:block;
		margin:100px 0 0px 0;
		font-size: 24px;
		text-align: center;
	}
	#inicio-secciones h2 span{
		color:#bddce2;
	}

/**************************************************************************************
Quienes Somos
***************************************************************************************/
#mv{
	padding:120px 0;
	background:url(../_img/mv.png) repeat-y center top;
	background-size: 1920px;
}
#vision, .derecha{
	padding:0 0 0 120px;
}
	#vision img{
		display:block;
		margin-top: 60px;
	}

.interna{
	position: relative;
	background:#1c1c1c;
}
	.interna h1{
		margin-bottom: 60px;
	
		color:#fa5a5a;
		font-size: 12px;
		font-weight: 900;
		letter-spacing:1px;
		text-transform:uppercase;
	}
	.interna h2{
		margin-bottom: 40px;
		line-height:29px;
	}
	.interna h3{
		margin-bottom: 60px;
	
		color:white;
		font-size: 12px;
		font-weight: 900;
		letter-spacing:1px;
		text-transform:uppercase;
	}
	.interna p{
		margin-bottom: 30px;
		font-size: 16px;
		line-height:23px;
	}
	.interna figure{
		margin-left: 45px !important;
	}
	.interna ul{
		margin:0;
		padding:0;
	}
		.interna ul li{
			list-style:none;
			line-height:32px;
		}
	.interna input, .interna textarea{
		border-radius:0;
		border:0;
	}
	.interna input:focus, .interna textarea:focus{
		background:lightyellow;
	}
	.interna textarea{
		height: 168px;
	}
	.interna input#submit{
		display:block;
		width: 100%;
		background:none !important;
		cursor: pointer;
		text-align: center;
	}
	
/**************************************************************************************
Propuesta
***************************************************************************************/
body.propuesta, #propuesta-listado{
	background:#181818;
}
#propuesta-listado{
	padding:75px 0 0 0;
}
.prop{
	display:block;
	clear:both;
	float: left;
	margin:10px 0;
	width: 100%;
}
	.prop img{
		float: left;
	}
	.prop section{
		float: left;
		margin-left:30px;
		width: 85%;
	}
	.interna .prop h3{
		margin:10px 0 15px 0 !important;
	}

/**************************************************************************************
Servicios - Gestión
***************************************************************************************/
body.servicios, body.gestion{
	background:url(../_img/servicios.png) repeat-y center top;
	background-size: 1920px;
}
body.servicios #footer, body.gestion #footer{
	margin:0;
}
	body.servicios .servicios-listado.interna,
	body.gestion .servicios-listado.interna{
		background:none !important;
	}
	#ingenieria{
		background:url(../_img/servicios-3.jpg) no-repeat center top;
		background-size: 1920px;
		min-height: 583px;
	}
	#ambiental{
		background:url(../_img/gestion-2.jpg) no-repeat center top;
		background-size: 1920px;
		min-height: 605px;
	}

/**************************************************************************************
Experiencia
***************************************************************************************/
body.experiencia{
	background:#eee;
}
body.experiencia #footer{
	margin:0;
}
h2#ldt{
	display:block;
	margin:60px 0 0 0 !important;
	
	color:#fa5a5a;
	font-size: 12px;
	font-weight: 900;
	letter-spacing:1px;
	text-align: center;
	text-transform:uppercase;
}

/**************************************************************************************
Trabajos
***************************************************************************************/
body.trabajos, body.trabajos #pt.interna{
	background:#2b2b2b;
}
body.trabajos .interna ul li{
	margin:0 0 20px 0;
	font-size: 16px;
	line-height:22px;
}


/**************************************************************************************
Contacto
***************************************************************************************/
body.contacto{
	background:url(../_img/contacto.png) repeat-y center top;
	background-size: 1920px;
}
	body.contacto .interna{
		background:none !important;
	}
	body.contacto .interna p span{
		display:block;
		color:white;
	}
	body.contacto #formulario{
		padding:0 0 0 30px;
	}
	body.contacto .link{
		color:white;
	}
	body.contacto #footer{
		margin:0;
	}
	body.contacto .limit{
			display:block;
			width: 100%;
			height: 100%;
			overflow:hidden;
	}
	a#mapa{
		height: 329px;
		background:url(../_img/mapa-zamudio.jpg) no-repeat center top;
		background-size: 1920px;
		text-indent: -99999px;
	}