.contacto{

}
.contacto .contacto-encabezado{
	background: url(../imagenes/plantilla-contacto/encabezado.png) center no-repeat;
	background-size: cover;
}
.contacto .contacto-encabezado .contacto-encabezado-contenedor{
	padding:350px 20px 80px;
	background: rgba(0,0,0,0);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.38) 75%, rgba(0,0,0,0.6) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,0)), color-stop(75%, rgba(0,0,0,0.38)), color-stop(100%, rgba(0,0,0,0.6)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.38) 75%, rgba(0,0,0,0.6) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.38) 75%, rgba(0,0,0,0.6) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.38) 75%, rgba(0,0,0,0.6) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.38) 75%, rgba(0,0,0,0.6) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}
.contacto .contacto-encabezado .contacto-encabezado-contenedor h1{
	margin:0px;
	color:#fff;
	line-height: 125%;
}
.contacto .contacto-contenido{
	padding:100px 20px;
}
.contacto .contacto-contenido .contenedor{
	display:flex;
	align-items:super;
	justify-content:space-between;
	flex-wrap:wrap;
}
.contacto .contacto-contenido h1,
.contacto .contacto-contenido h2,
.contacto .contacto-contenido h3,
.contacto .contacto-contenido h4,
.contacto .contacto-contenido h5,
.contacto .contacto-contenido h6{
	margin-bottom:20px;
	color:#000;
}
.contacto .contacto-contenido .contacto-cuerpo{
	width:calc(50% - 30px);
	order:2;
}
.contacto .contacto-contenido .contacto-formulario{
	width:calc(50% - 30px);
	overflow:auto;
	order:1;
}
.contacto .contacto-contenido .contacto-formulario .contacto-formulario-izquiedo{
	float:left;
	width:calc(50% - 20px);
}
.contacto .contacto-contenido .contacto-formulario .contacto-formulario-derecho{
	float:right;
	width:50%;
}
.contacto .contacto-contenido .contacto-formulario .campo-nombre{
	width:100%;
	margin-bottom:20px;
}
.contacto .contacto-contenido .contacto-formulario .campo-telefono{
	width:100%;
	margin-bottom:20px;
}
.contacto .contacto-contenido .contacto-formulario .campo-email{
	width:100%;
}
.contacto .contacto-contenido .contacto-formulario .campo-mensaje{
	width:100%;
	height:82px;
}
.contacto .contacto-contenido .contacto-formulario .boton{
	float:right;
	margin-top:10px;
	clear: both;
}
.contacto .contacto-mapa{
	height:450px;
	overflow:hidden;
	position:relative;
}
.contacto .contacto-mapa div{
	transition:none;
}

/*################# TABLETS #################*/

@media all and (max-width: 1280px){
	.contacto .contacto-encabezado .contacto-encabezado-contenedor{
		padding:160px 20px 80px;
	}
}

@media all and (max-width: 768px){	
	.contacto .contacto-contenido .contacto-cuerpo{
		width:100%;
		padding:0px;
		margin-bottom:30px;
		order:1;
	}
	.contacto .contacto-contenido .contacto-formulario{
		width:100%;
		order:2;
	}
}

/*################# MOVILES #################*/

@media all and (max-width: 600px){
	.contacto .contacto-contenido .contacto-formulario .contacto-formulario-izquiedo,
	.contacto .contacto-contenido .contacto-formulario .contacto-formulario-derecho{
		float:none;
		width:100%;
	}
	.contacto .contacto-contenido .contacto-formulario .campo-nombre,
	.contacto .contacto-contenido .contacto-formulario .campo-telefono,
	.contacto .contacto-contenido .contacto-formulario .campo-email,
	.contacto .contacto-contenido .contacto-formulario .campo-mensaje{
		width:100%;
		margin-bottom:15px;
	}
	.contacto .contacto-contenido .contacto-formulario .boton-contactar{
		float:none;
		width:100%;
		margin:0px 0px 15px;
	}
	.contacto .contacto-contenido .contacto-formulario .boton{
		width:100%;
	}
}

@media all and (max-width: 480px){
	
}