/* comun */
	@font-face {
		font-family: "Gotham-Book";
		src: url("/fonts/Gotham-Book.eot");										/* IE9 Compat Modes */
		src: url("/fonts/Gotham-Book.eot?#iefix") format("embedded-opentype"),	/* IE6-IE8 */
			 url("/fonts/Gotham-Book.woff") format("woff"),						/* Modern Browsers */
			 url("/fonts/Gotham-Book.ttf")  format("truetype"),					/* Safari, Android, iOS */
			 url("/fonts/Gotham-Book.svg#svgFontName") format("svg");			/* Legacy iOS */
	}
	html, body {
		color: #005496;
		font-family: "Gotham-Book", Arial, sans-serif;
		font-size: 0;
		height: 100%;
		margin: 0 auto;
		min-width: 320px;
		padding: 0;
		text-align: center;
	}
	body {
		margin: auto;
		max-width: 100%;
		min-width: 320px;
		overflow-y: scroll;
		width: 150vh; /*96vh;*/
	}
	* {
		box-sizing: border-box;
		vertical-align: top;
	}
	a {
		color: #005496;
		display: inline-block;
		text-decoration: none;
		-webkit-transition: all 0.25s;
		transition: all 0.25s;
		z-index: 0;
		}
	a:hover,
	a:hover svg,
	a:hover svg path,
	.hover {
		color: #ef7926 !important;
		fill: #ef7926 !important;
		}
	img {
		display: inline-block
		}
	svg,
	path {
		-webkit-transition: fill 0.25s;
		transition: fill 0.25s;
		}
	h1 {
		font-size: 26px;
		margin: 10px 0;
		text-align: center;
		overflow: hidden;
		}
	h2 {
		font-size: 21px;
		font-weight: normal;
		line-height: 25px;
		text-align: center;
		}
	h3 {
		display: inline-block;
		font-size: 14px;
		font-weight: normal;
		line-height: 20px;
		margin: auto;
		text-align: justify;
		}
	section {
		margin: 0 20px;
		overflow: hidden;
		}
	.rojo {
		color: #ef7926;
		}
/* cabecera */
	header {
		background: #fff;pink;
		box-shadow: 0 4px 3px -2px #ef792630;
		font-size: 24px;
		height: 36px;
		margin: auto;
		max-width: 100%;
		min-width: 320px;
		position: fixed;
		text-align: right;
		top: 0;
		white-space: nowrap;
		width: 150vh; /*96vh;*/
		z-index: 5;
		}
		header > a {
			float: left;
			height: 36px;
			margin: 0;
			padding: 0;
			width: 123px;
			}
		header > a svg {
			height: 100%;
			}
	nav {
		display: none; inline-block;
		}
		nav a {
			line-height: 35px;
			font-size: 16px;
			padding: 0 4px;
			text-align: center;
			}
		nav a:nth-of-type(5) { /* legal (sólo visible en ancho > */
			display: none;
			}
	.burguer {
		background: #fff;
		display: inline-block;
		height: 35px;
		width: 35px;
		z-index: 10;
		}
		.burguer > a {
			height: 35px;
			padding: 5px;
			width: 35px;
			}
		.burguer > a > div {
			border-radius: 10px;
			border: 2px solid #005496;
			height: 0;
			margin-top: 5px;
			}
		.burguer > a > div:nth-of-type(1) {
			margin-top: 2.5px;
			}
	.arriba {
		background: #fff;
		height: 75px;
		margin: auto;
		position: relative;
		text-align: left;
		}
		.arriba a {
			background: #fff;
			position: relative;
			padding-right: 4px;
			z-index: 10;
		}
		.arriba svg {
			 height: 75px;
			 width: 144px;
			 }
	.menu {
		border-bottom: 0;
		box-shadow: 0 4px 3px -2px #ef792630;
		display: none;
		margin: auto;
		max-width: 100%;
		min-width: 320px;
		outline: 1px solid #005496;
		padding: 0;
		position: fixed;
		text-align: center;
		top: 35px;
		width: 150vh; /*96vh;*/
		z-index: 20;
		}
		.menu a {
			background: #fff;
			border-bottom: 1px solid #005496;
			display: block;
			font-size: 18px;
			line-height: 25px;
			min-width: 320px;
			padding-top: 1px;
			height: 26px;
		}
/* swiper */
	.swiper-container {
		height: 62vw;
		margin: auto;
		max-height: 80vh; /*60vh;*/
		max-width: 100%;
		min-height: 200px;
		min-width: 320px;
		width: 150vh; /*96vh;*/
		z-index: 0;
		}
	.swiper-container h1 {
		display: none;
		}
	.swiper-slide {
		background-color: #eee;
		background-position: center;
		background-size: cover;
		font-size: 18px;
		text-align: center;
		}
	.swiper-pagination-bullet {
		border: 1px solid #fff;
		box-shadow: 0 0 0 1px rgba(0, 0, 0, 1);
		height: 8px;
		margin: 0 6px !important;
		opacity: 0.4;
		padding: 1.5px;
		-webkit-transition: all 0.15s;
		transition: all 0.15s;
		width: 8px;
		}
	.swiper-pagination-bullet:hover {
		background-color: #ef7926;
		}
	.swiper-pagination-bullet-active {
		background-color: #ef7926;
		opacity: .75;
		}
	.swiper-button-next,
	.swiper-button-prev {
		background-color: #555;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		color: #ef7926;
		height: 52px;
		opacity: .65;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
		width: 35px;
		}
	.swiper-button-next:hover,
	.swiper-button-prev:hover {
		opacity: .85;
		}
/* nosotros */
	section#nosotros h1 {
		margin-top: 10px !important;
		}
/* servicios */
	section#servicios img {
		height: 30px;
		margin-right: 10px;
		vertical-align: middle;
		width: 30px;
		}
	section#servicios div {
		display: inline-block;
		width: 50%;
		}
	section#servicios h3 {
		line-height: 30px;
		}
	section#servicios .bloque_1 {
		min-width: 285px;
		text-align: left;
		}
		section#servicios .bloque_1 h3 {
			line-height: 20px;
			}
		section#servicios .bloque_1 img {
			height: 40px;
			width: 40px;
			}
		section#servicios .bloque_1 span {
			display: block;
			}
	section#servicios .bloque_2 h3,
	section#servicios .bloque_3 h3 {
		text-align: left;
		width: 95px;
		}
	section#servicios .bloque_4,
	section#servicios .bloque_5 {
		min-width: 285px;
		}
	section#servicios .bloque_4 h3,
	section#servicios .bloque_5 h3 {
		width: 215px;
		}
/* contacto */
	section#contacto .iconos {
		text-align: center;
		}
		section#contacto .iconos svg {
			fill: #005496;
			}
		section#contacto .iconos > div {
			display: inline-block;
			font-size: 14px;
			height: 100px;
			min-width: 270px;
			margin-bottom: 15px;
			}
		section#contacto .iconos > div div {
			height: 60px;
			line-height: 40px;
			}
		section#contacto .iconos > div div.linea_doble {
			line-height: 20px;
			margin-top: 5px;
			}
	section#contacto .formulario {
    margin: auto;
    max-width: 620px;
    }
	section#contacto .formulario form * {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		font-family: "Gotham-Book", Arial, sans-serif;
		font-size: 14px;
		text-align: center;
		}
		section#contacto .formulario input,
		section#contacto .formulario textarea,
		section#contacto .formulario div,
		section#contacto .formulario #boton_file,
		section#contacto .formulario .checkbox {
			background-color: #EEE;
			border: 0;
			display: block;
			margin-bottom: 10px;
			padding: 10px;
			text-align: left;
			width: 100%;
			}
		section#contacto .formulario textarea{
			resize: vertical;
			}
		section#contacto .formulario input:focus,
		section#contacto .formulario textarea:focus {
			background: #F9CDD0;
		}
		section#contacto .formulario #boton_file {
			color: #888;
			cursor: pointer;
			text-align: center;
			}
		section#contacto .formulario #boton_file:hover {
			background-color: #CCC;
			color: #000;
			}
		section#contacto .formulario #file {
			display: none;
			}
		section#contacto .formulario #ppd_input {
			display: none;
			}
		section#contacto .formulario .ppd_div {
			background-color: transparent;
			margin-bottom: -7px;
			text-align: center;
			}
		section#contacto .formulario label {
			line-height: 19px;
			}
		section#contacto .formulario #ppd_span {
			border: 1px solid #CCC;
			cursor: pointer;
			display: inline-block;
			font-size: 19px;
			height: 28px;
			line-height: 26px;
			margin-right: 10px;
			margin-top: -5px;
			padding: 0;
			text-align: center;
			width: 28px;
			}
		section#contacto .formulario label a {
			margin-bottom: 10px;
			text-decoration: underline;
			}
		section#contacto .formulario #verificacion {
			display: inline-block;
			line-height: 35px;
			margin-right: 5px;
			width: 50px;
			}
		section#contacto .formulario #v2 {
			display: inline-block;
			margin-right: 15px;
			text-align: center;
			width: 40px;
			}
		section#contacto .formulario #submit {
			background-color: #CCC;
			display: inline-block;
			text-align: center;
			-ms-user-select: none;
			user-select: none;
			width: calc(100% - 110px);
			}
		section#contacto .formulario #submit:hover {
			background-color: #EEE;
			}
	section#contacto .resaltado-rojo {
		animation: resaltado-rojo-on 2s 1;
		}
		@keyframes resaltado-rojo-on {
			25% {
				background-color: #F66;
				}
			50% {
				background-color: #F66;
				}
			75% {
				background-color: #F66;
				}
			}
/* aviso legal */
	section#aviso_legal {
		font-size: 14px;
		font-weight: normal;
		text-align: justify;
		}
	section#aviso_legal h1 {
		text-decoration: underline;
		}
	section#aviso_legal .aviso_legal_oculto {
		display: none;
		line-height: 20px;
		}
	section#aviso_legal a {
		display: inline;
		}
/* empleo */
/* footer */
	.separador {
		height: 30px;
		}
	footer {
		background: #fff;
		bottom: 0;
		box-shadow: 0 -4px 3px -2px #ef792630;
		height: 20px;
		line-height: 19px;
		margin: auto;
		max-width: 100%;
		min-width: 320px;
		position: fixed;
		white-space: nowrap;
		width: 150vh; /*96vh;*/
		}
		footer a {
			font-size: 14px;
			padding: 0 2px;
		}
		footer > span:first-child {
			float: left;
			}
		footer > span:nth-child(2) {
			float: right;
			}
		footer > span:nth-child(3) {
			margin: auto;
			}
		.footer_oculto,
		.footer_coruna {
			display: none;
		}
		footer svg {
			height: 20px;
			width: 20px;
			}
/* responsive */
	@media only screen and (min-width: 370px) and (min-height: 375px) {
		.footer_coruna {
			display: inline;
			}
		}
	@media only screen and (min-width: 560px) and (min-height: 570px) {
		nav {
			display: inline-block;
			}
		.burguer {
			display: none;
			}
		.menu {
			display: none !important;
			}
		}
	@media only screen and (min-width: 635px) and (min-height: 640px) {
		nav a:nth-of-type(5) { /* mostar "legal" */
			display: inline-block;
			}
		.swiper-pagination-bullet {
			height: 10px;
			margin: 0 8px !important;
			width: 10px;
			}
		section#servicios h3 {
			line-height: 35px;
			}
		section#servicios img {
			height: 35px;
			width: 35px;
			}
		section#servicios .bloque_1,
		section#servicios .bloque_1 h3 {
			text-align: center;
			}
		section#servicios .bloque_1 img {
			display: block;
			height: 45px;
			margin: auto;
			width: 45px;
			}
		.footer_oculto {
			display: inline;
			}
		}
	@media only screen and (min-width: 670px) and (min-height: 699px) {
		h1 {
			margin: 25px 0;
			}
		h2 {
			font-size: 24px;
			}
		nav a {
			font-size: 18px;
			}
		.swiper-pagination-bullet {
			height: 11px;
			margin: 0 9px !important;
			width: 11px;
			}
		h3,
		section#aviso_legal,
		section#aviso_legal li,
		section#contacto .iconos div {
			font-size: 16px;
			line-height: 25px;
			}
		section#contacto h2 {
			font-size: 23px;
			}
		section#servicios img {
			height: 40px;
			width: 40px;
			}
		section#servicios .bloque_1 img {
			height: 55px;
			width: 55px;
			}
		section#servicios h3 {
			line-height: 40px;
			}
		section#servicios .bloque_4 h3,
		section#servicios .bloque_5 h3 {
			width: 245px;
			}
		footer a {
			font-size: 16px;
			}
		}
/* animaciones */
	.animado {
		-webkit-animation-duration: .75s;
		animation-duration: .75s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		}
	.animado_arriba{
		-webkit-animation-duration: .6s;
		animation-duration: .6s;
		-webkit-animation-name: animado_arriba;
		animation-name: animado_arriba;
		}
		@-webkit-keyframes animado_arriba {
			0%{
				opacity: 0;
				-webkit-transform: translateY(-25%);
				transform: translateY(-25%);
			}100%{
				opacity: 1;
				-webkit-transform: none;
				transform: none;
				z-index: 0;
			}
		}
		@keyframes animado_arriba {
			0%{
				opacity: 0;
				-webkit-transform: translateY(-25%);
				transform: translateY(-25%);
			}100%{
				opacity: 1;
				-webkit-transform: none;
				transform: none;
				z-index: 0;
			}
		}
	.animado_izda{
		-webkit-animation-name: animado_izda;
		animation-name: animado_izda;
		}
		@-webkit-keyframes animado_izda {
			0%{
				-webkit-transform: translateX(-100%);
				transform: translateX(-100%);
			}100%{
				opacity: 1;
				-webkit-transform: none;
				transform: none;
				z-index: 0;
			}
		}
		@keyframes animado_izda {
			0%{
				-webkit-transform: translateX(-100%);
				transform: translateX(-100%);
			}100%{
				opacity: 1;
				-webkit-transform: none;
				transform: none;
				z-index: 0;
			}
		}
	.animado_centro{
		-webkit-animation-duration: .75s;
		animation-duration: .75s;
		-webkit-animation-name: animado_centro;
		animation-name: animado_centro;
		}
		@-webkit-keyframes animado_centro {
			0%{
				-webkit-transform: translateY(100%);
				transform: translateY(100%);
			}to{
				opacity: 1;
				-webkit-transform: none;
				transform: none;
				z-index: 0;
			}
		}
		@keyframes animado_centro {
			0%{
				-webkit-transform: translateY(100%);
				transform: translateY(100%);
			}to{
				opacity: 1;
				-webkit-transform: none;
				transform: none;
				z-index: 0;
			}
		}
	.animado_dcha{
		-webkit-animation-name: animado_dcha;
		animation-name: animado_dcha;
		}
		@-webkit-keyframes animado_dcha {
			0%{
				-webkit-transform: translateX(100%);
				transform: translateX(100%);
			}to{
				opacity: 1;
				-webkit-transform: none;
				transform: none;
				z-index: 0;
			}
		}
		@keyframes animado_dcha {
			0%{
				-webkit-transform: translateX(100%);
				transform: translateX(100%);
			}to{
				opacity: 1;
				-webkit-transform: none;
				transform: none;
				z-index: 0;
			}
		}
	.animado_zoom {
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-name: animado_zoom;
		animation-name: animado_zoom;
		}
		@-webkit-keyframes animado_zoom {
			50%{
				-ms-transform: scale(1.15);
				transform: scale(1.15);
				z-index: 0;
			}100%{
				opacity: 1;
				transform: none;
				z-index: 0;
			}
		}
		@keyframes animado_zoom {
			50%{
				-ms-transform: scale(1.15);
				transform: scale(1.15);
				z-index: 0;
			}100%{
				opacity: 1;
				transform: none;
				z-index: 0;
			}
		}
	.animado_check {
		-webkit-animation-duration: 1.5s;
		animation-duration: 1.5s;
		-webkit-animation-name: animado_check;
		animation-name: animado_check;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		}
		@-webkit-keyframes animado_check {
			0%{
				-webkit-transform: translateX(-250%);
				transform: translateX(-250%);
			}50%{
				opacity: 1;
				-ms-transform: scale(1.5);
				transform: scale(1.5);
			}100%{
				opacity: 1;
				z-index: 0;
			}
		}
		@keyframes animado_check {
			0%{
				-webkit-transform: translateX(-250%);
				transform: translateX(-250%);
			}50%{
				opacity: 1;
				-ms-transform: scale(1.5);
				transform: scale(1.5);
			}100%{
				opacity: 1;
				z-index: 0;
			}
		}