.portada{
	position: relative;
	height:80vh;
}

.portada .fondo{
	position: absolute;
	width: 100%;
	height: 100%;
	top:0px;
	left: 0px;
}
.portada .fondo img{
	display: block;
	opacity: .5
}


.titulo-principal{
	position:relative;
	font-size: 55px;
	text-align: right;
}

.titulo-principal .cursiva{
	font-size: 60px;
	line-height: 60px;
	font-weight: 300;
	color:#af353e;
	position: relative;
}

.posicionado-titulo-principal{
	position: absolute;
	bottom:0px;
	right: 0px;
}

@media only screen and (max-width: 1000px) {
	.titulo-principal{
		font-size: 50px;
	}
}

@media only screen and (max-width: 768px) {
	.titulo-principal{
		font-size: 40px;
	}
	.titulo-principal .cursiva{
		font-size:45px;
		line-height: 45px;
	}
}

@media only screen and (max-width: 650px) {
	.titulo-principal{
		font-size: 35px;
	}
	.titulo-principal .cursiva{
		font-size:40px;
		line-height: 40px;
	}
}

@media only screen and (max-width: 400px) {
	.titulo-principal{
		font-size: 25px;
	}
	.titulo-principal .cursiva{
		font-size:30px;
		line-height: 30px;
	}
}
/*NOSOTROS*/

.nosotros{
	padding-top:60px;
	padding-bottom: 80px;
}

.celda-texto-nosotros{
	width:65%;
}

.celda-texto-nosotros .interno{

}

.celda-logo-nosotros{
	width:35%;
	text-align: right;
}

.celda-logo-nosotros img{
	width:100%;
	max-width: 350px;
}


.nosotros .texto-seccion{
	margin-top:50px;
	line-height: 35px;
}

.nosotros .boton{
	margin-top:20px;
	background-color:#af353e;
	color:white; 
}
.nosotros .boton:hover{
	border:1px solid #af353e;
	background-color: white;
	color:#af353e;
}
@media only screen and (max-width: 1000px) {
	.celda-texto-nosotros{
		width:100%;
		text-align: justify;
	}
	.celda-logo-nosotros{
		width:100%;
		text-align: center;
		margin-top:20px
	}
}

@media only screen and (max-width: 550px) {

	.celda-logo-nosotros img{
		max-width: 280px;
	}
}

/*Beneficios*/
.beneficios{
	text-align: center;
	background-color: #1D1D1B;
	color:white;
	padding-top:50px;
	padding-bottom: 80px;
}
.imagen-beneficios{
	width:100%;
}

.contenedor-imagen-beneficios{
	margin-top:100px;
	margin:100px auto;
}

.beneficios-tablet, .beneficios-movil, .beneficios-movil-2{
	display:none;
}


@media only screen and (max-width: 800px) {
	.beneficios-tablet{
		display:block;
	}
	.beneficios-wide{
		display:none;
	}
}
@media only screen and (max-width: 600px) {
	.beneficios-tablet{
		display:none;
	}
	.beneficios-movil{
		display:block;
	}
}

@media only screen and (max-width: 400px) {
	.beneficios-movil{
		display:none;
	}
	.beneficios-movil-2{
		display:block;
	}
}
/*valores*/
.valores{
	padding-top:50px;
	padding-bottom: 50px;
	background-color: #257CE1;
	text-align: center;
}

.celda-valor{
	width:33.33%;
	line-height: 100px;
	font-family: fuente-titulos;
	color:white;
	font-size: 40px;
}

@media only screen and (max-width: 1000px) {
	.celda-valor{
		font-size:35px;
		line-height: 70px;
	}
}

@media only screen and (max-width: 768px) {
	.celda-valor{
		font-size:30px;
		line-height: 60px;
	}
}

@media only screen and (max-width: 600px) {
	.celda-valor{
		width:50%;
		
	}
}


@media only screen and (max-width: 450px) {
	.celda-valor{
		width:100%;
		
	}
}


/*industrias*/

.industrias{
	padding-top:100px;
	padding-bottom: 50px;
}

.celda-industria{
	width:33.33%;
	margin-bottom: 60px;
}

.celda-industria .interno{
	padding-left: 15px;
	padding-right: 15px;
}

.celda-industria .visual img{
	border-radius: 50%;
	max-width: 250px;
	display: block;
	margin:0 auto;
}
.industrias .texto-seccion{
	margin-top:50px;
}

.contenedor-industrias{
	margin-top:70px;
}

.celda-industria img{
	width:100%;

}

.titulo-industria{
	font-size: 30px;
	padding-top:10px;
	padding-bottom: 10px;
	color:#af353e;
	text-align: center;
}

@media only screen and (max-width: 1350px) {
	.texto-industria{
		font-size: 15px;
	}
}

@media only screen and (max-width: 1000px) {
	.celda-industria{
		width:50%;
	}
	.celda-industria .interno{
		max-width: 300px;
		margin:0 auto;
	}
}



@media only screen and (max-width: 650px) {
	.celda-industria{
		width:100%;
	}

}
/*Call to action contacto*/

.cta-contacto{
	background-color: #1D1D1B;
	padding-top: 40px;
	padding-bottom: 80px;
	color:white;
	font-size: 50px;
	position: relative;
	overflow: hidden;
}

.cta-contacto .boton{
	color:#af353e;
	margin-top:20px;
	margin-top: 30px;
	cursor:pointer;
	font-size: 30px;
}
.cta-contacto .boton:hover{
	color:white;
	background-color: #af353e;
}

.fondo-cta-contacto{
	position: absolute;
	height:120%;
	top:-10%;
	left: 0px;
	opacity: .2;
}

.fondo-cta-contacto img{
	height: 100%;
	
}

.contenido-cta-contacto{
	position: relative;
	z-index: 2;
}

@media only screen and (max-width: 1000px) {
	.titulo-cta-contacto{
		font-size: 50px;
	}
}

@media only screen and (max-width: 768px) {
	.titulo-cta-contacto{
		font-size: 40px;
	}
}


@media only screen and (max-width: 600px) {
	.titulo-cta-contacto{
		font-size: 35px;
	}
}

@media only screen and (max-width: 450px) {
	.titulo-cta-contacto{
		font-size: 30px;
	}
}


/*personalizar*/

.personalizar{
	padding-top:100px;
	padding-bottom: 100px;
}

.contenedor-elementos-personalizar{
	margin-top:50px;
}

.elemento-personalizar{
	border-bottom: 30px;
}

.elemento-personalizar .imagen{
	width:35%;
	max-width: 200px;
}

.elemento-personalizar .imagen .interno{
	padding-right: 20px;
}

.elemento-personalizar img{
	width:100%;

}

.elemento-personalizar .texto{
	width:65%;
}


.elemento-personalizar .texto .interno{
	padding-left: 30px;
}
.titulo-personalizalo{
	color:#af353e;
	font-size: 25px;
	margin-top:50px;
}

.texto-personalizalo{
	margin-top:10px;
}


@media only screen and (max-width: 768px) {
	.titulo-personalizalo{
		font-size: 22px;
	}
	.texto-personalizalo{
		font-size: 15px;
	}
}

@media only screen and (max-width: 450px) {
	.elemento-personalizar .imagen{
		width:100%;
		text-align: center;
		display: block;
		margin:0 auto;
	}
	.elemento-personalizar .texto{
		width:100%;
	}
	.elemento-personalizar .imagen .interno{
		padding-right: 0px;
		margin:0 auto;
	}
	.elemento-personalizar .texto .interno{
		padding-left: 0px;
	}
	.elemento-personalizar .texto{
		text-align: center;
	}
}
/*contacto*/

.contacto{
	padding-top: 60px;
	padding-bottom: 60px;
	color:white;
	position: relative;
}

.fondo-contacto{
	position: absolute;
	top:0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: -2;
}
.mascara-contacto{
	position: absolute;
	top:0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-color: rgba(0,0,0,.5);
}

.fondo-contacto img{
	filter:grayscale(100%);
}

.contenido-contacto{
	position: relative;
	z-index: 2;
	margin-top:30px;
}

.contenedor-formulario{
	margin-top:50px;
}


.contacto .titulo-seccion{
	color:white;
	text-shadow: black 2px 0 10px;
}

input, textarea{
	width:100%;
	background-color: rgba(255,255,255,.9);
	border: 1px solid black;
	height: 40px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: fuente-regular;
	margin-bottom: 20px;
	box-sizing:border-box
}

textarea{
	padding-top:10px;
	height: 120px;
}


.celda-telefono, .celda-correo{
	width:50%;
}

.celda-correo .interno{
	padding-left: 20px;
}

.celda-telefono .interno{
	padding-right: 20px;
}

.contenedor-boton-contacto{
	text-align: right;
}

.boton-contacto{
	background-color: #af353e;
	color:white;
	border:1px solid #af353e;
}

.contenedor-datos-contacto{
	margin-top:40px;
}

.celda-dato-contacto{
	width:33.33%;
	text-align: center;
	text-shadow: black 2px 0 10px;
}
.celda-bordes-contacto{
	position: relative;
}

.celda-dato-contacto .borde-izquierdo{
	position: absolute;
	top:20px;
	left:0px;
	height:100px;
	width:1px;
	background-color: white
}

.celda-dato-contacto .borde-derecho{
	position: absolute;
	top:20px;
	height:100px;
	width:1px;
	right: 0px;
	background-color: white
}

.celda-dato-contacto .icono{
	font-family: generica;
	font-size: 30px;
}

.celda-dato-contacto .dato{
	margin-top:20px;
}

@media only screen and (max-width: 768px) {
	.celda-correo .interno{
		padding-left: 10px;
	}
	.celda-telefono .interno{
		padding-right: 10px;
	}

	.celda-dato-contacto{
		width:100%;
		margin-bottom: 50px;
	}

	.celda-dato-contacto .borde-izquierdo{
		display: none;
	}
	.celda-dato-contacto .borde-derecho{
		display: none;
	}
}
@media only screen and (max-width: 600px) {
	.celda-telefono{
		width:100%;
	}
	.celda-correo{
		width:100%;
	}
	.celda-correo .interno{
		padding-left: 0px;
	}
	.celda-telefono .interno{
		padding-right: 0px;
	}	
}