/*======================================*/
/*Contacto*/
/*======================================*/
.contacto{
	background-position: center;
	background-repeat: no-repeat;
	background-size:cover;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	float: left;
	height: auto;
	padding: 70px 0px;
  	position: relative;
	width: 100%;
}
	.contacto .contacto-capa{
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 1;
	}
	.contacto .contacto-pestana{
		display: none;
	}
		.contacto .contacto-pestana .contacto-pestana-titulo{}
		.contacto .contacto-pestana .contacto-pestana-titulo-cl{}
		.contacto .contacto-pestana .contacto-pestana-icono{}
		.contacto .contacto-pestana .contacto-pestana-icono-cl{}
	.contacto .contacto-pestana-cl{}
	.contacto .contacto-titulo{
        box-sizing: border-box;
	    float: left;
	    margin: 0px 2% 0 15%;
	    padding: 40px 2%;
	    position: absolute;
	    width: 33%;
	    z-index: 3;
	}
	.contacto .contacto-titulo-cl{}
	.contacto .contacto-form{
        box-sizing: border-box;
	    float: right;
	    margin: 0px 15% 0 2%;
	    padding: 30px 0;
	    position: relative;
	    width: 33%;
	    z-index: 2;
	}
		.contacto .contacto-form .contacto-contenedor{
			height: auto;
		    margin: 0px auto;
		    position: relative;
		    width: 80%;
		}
				.contacto .contacto-form .contacto-contenedor .contacto-alerta{
					box-sizing: border-box;
					left: 0;
					padding: 20px 0px;
					position: absolute;
					top: 0;
					visibility: hidden;
					width: 100%;
				}
					.contacto .contacto-form .contacto-contenedor .contacto-alerta .contacto-cerrar{
						cursor: pointer;
						margin: 0px auto;
						width: 95%;
					}
					.contacto .contacto-form .contacto-contenedor .contacto-alerta .contacto-cerrar:hover{}
					.contacto .contacto-form .contacto-contenedor .contacto-alerta .contacto-mensaje-error{
						margin: 0px auto;
						width: 90%;
					}
					.contacto .contacto-form .contacto-contenedor .contacto-campo{
			            box-sizing: border-box;
					    height: auto;
					    margin: 10px 0;
					    outline: none;
					    padding: 10px 5px;
					    transition: all 0.4s ease-in-out 0s;
					    -webkit-transition: all 0.4s ease-in-out 0s;
					    -moz-transition: all 0.4s ease-in-out 0s;
					    -o-transition: all 0.4s ease-in-out 0s;
					    -ms-transition: all 0.4s ease-in-out 0s;
					    width: 100%;
					}
					.contacto .contacto-form .contacto-contenedor .contacto-campo-vacio{}
					/*Clases específicas para cada control*/
					.contacto .contacto-form .contacto-contenedor #txcoName{}
					.contacto .contacto-form .contacto-contenedor #txcoEmail{}
					.contacto .contacto-form .contacto-contenedor #txcoPhone{}
					.contacto .contacto-form .contacto-contenedor #cbCont{}
					.contacto .contacto-form .contacto-contenedor #txcoMsj{}
					.contacto .contacto-form .contacto-contenedor .contacto-campo::-webkit-input-placeholder{ /* Chrome/Opera/Safari */ }
					.contacto .contacto-form .contacto-contenedor .contacto-campo::-moz-placeholder{ /* Firefox 19+ */ }
					.contacto .contacto-form .contacto-contenedor .contacto-campo:-ms-input-placeholder{ /* IE 10+ */ }
					.contacto .contacto-form .contacto-contenedor .contacto-campo:-moz-placeholder{ /* Firefox 18- */ }
					.contacto .contacto-form .contacto-contenedor .contacto-campo:focus{
						box-sizing: border-box;
					}
					.contacto .contacto-form .contacto-contenedor .contacto-campo-text{
				        box-sizing: border-box;
					    height: 120px;
					    margin: 15px 0;
					    outline: none;
					    padding: 10px 5px;
					    resize: none;
					    transition: all 0.4s ease-in-out 0s;
					    -webkit-transition: all 0.4s ease-in-out 0s;
					    -moz-transition: all 0.4s ease-in-out 0s;
					    -o-transition: all 0.4s ease-in-out 0s;
					    -ms-transition: all 0.4s ease-in-out 0s;
					    width: 100%;
					}
					.contacto .contacto-form .contacto-contenedor .contacto-campo-text-vacio{}
					.contacto .contacto-form .contacto-contenedor .contacto-campo-text::-webkit-input-placeholder{ /* Chrome/Opera/Safari */ }
					.contacto .contacto-form .contacto-contenedor .contacto-campo-text::-moz-placeholder{ /* Firefox 19+ */ }
					.contacto .contacto-form .contacto-contenedor .contacto-campo-text:-ms-input-placeholder{ /* IE 10+ */ }
					.contacto .contacto-form .contacto-contenedor .contacto-campo-text:-moz-placeholder{ /* Firefox 18- */ }
					.contacto .contacto-form .contacto-contenedor .contacto-campo-text:focus{
						box-sizing: border-box;
					}
					.contacto .contacto-form .contacto-contenedor .contacto-notificaciones{
						margin: 10px 0px 0px 0px;
					}
					.contacto .contacto-form .contacto-contenedor .contacto-mensaje{
						position: relative;
					}
						.contacto .contacto-form .contacto-contenedor .contacto-mensaje .contacto-boton{
							box-sizing: border-box;
							float: right;
							margin-top: 20px;
							min-width: 170px;
							padding: 15px 20px;
							transition: all 0.4s ease-in-out 0s;
							-webkit-transition: all 0.4s ease-in-out 0s;
							-moz-transition: all 0.4s ease-in-out 0s;
							-o-transition: all 0.4s ease-in-out 0s;
							-ms-transition: all 0.4s ease-in-out 0s;
							width: 100%;
						}
						.contacto .contacto-form .contacto-contenedor .contacto-mensaje .contacto-boton:hover{}
						.contacto .contacto-form .contacto-contenedor .contacto-mensaje .contacto-boton-cl{clear: both;}
						.contacto .contacto-form .contacto-contenedor .contacto-mensaje #dWait-Con{
							position: absolute;
							right: 2px;
							top: 22px;
							font-size: 2.3em;
							visibility: hidden;
						}
						.contacto .contacto-form .contacto-contenedor .contacto-mensaje .wait-visible{
							animation-name: contacto-mensaje;
							animation-duration: 3s;
							animation-iteration-count: infinite;
							animation-timing-function: ease;
						}
						@-webkit-keyframes contacto-mensaje{
						  from {
						    transform: rotate(0deg);
							-ms-transform: rotate(0deg);
						    -webkit-transform: rotate(0deg);
						  }
						  to {
						    transform: rotate(360deg);
							-ms-transform: rotate(360deg);
						    -webkit-transform: rotate(360deg);
						  }
						}
						@keyframes contacto-mensaje{
						  from {
						    transform: rotate(0deg);
							-ms-transform: rotate(0deg);
						    -webkit-transform: rotate(0deg);
						  }
						  to {
						    transform: rotate(360deg);
							-ms-transform: rotate(360deg);
						    -webkit-transform: rotate(360deg);
						  }
						}
						.contacto .contacto-form .contacto-contenedor .contacto-mensaje .contacto-mensaje-con{
							box-sizing: border-box;
							padding: 20px 0px;
							position: absolute;
							right: 0;
							top: -30px;
							visibility: hidden;
							width: 100%;
						}
							.contacto .contacto-form .contacto-contenedor .contacto-mensaje .contacto-mensaje-con .contacto-mensaje-cerrar{
								cursor: pointer;
								margin: auto;
								width: 95%;
							}
							.contacto .contacto-form .contacto-contenedor .contacto-mensaje .contacto-mensaje-con .contacto-mensaje-cerrar:hover{}
							.contacto .contacto-form .contacto-contenedor .contacto-mensaje .contacto-mensaje-con .contacto-mensaje-contenido{
								margin: auto;
								width: 90%;
							}
	.contacto .contacto-form-cl{}
	.contacto .contacto-introduccion{
        box-sizing: border-box;
	    float: left;
	    margin: 0px 2% 0 15%;
	    min-height: 580px;
	    padding: 120px 2% 30px;
	    position: relative;
	    width: 33%;
	    z-index: 2;
	}
	.contacto .contacto-introduccion-cl{
		clear: both;
	}
