/* alegreya-sans-sc-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Alegreya Sans SC';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/alegreya-sans-sc-v24-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* alegreya-sans-sc-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Alegreya Sans SC';
  font-style: italic;
  font-weight: 100;
  src: url('fonts/alegreya-sans-sc-v24-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* alegreya-sans-sc-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Alegreya Sans SC';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/alegreya-sans-sc-v24-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* alegreya-sans-sc-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Alegreya Sans SC';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/alegreya-sans-sc-v24-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* alegreya-sans-sc-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Alegreya Sans SC';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/alegreya-sans-sc-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* alegreya-sans-sc-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Alegreya Sans SC';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/alegreya-sans-sc-v24-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* alegreya-sans-sc-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Alegreya Sans SC';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/alegreya-sans-sc-v24-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* alegreya-sans-sc-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Alegreya Sans SC';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/alegreya-sans-sc-v24-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* alegreya-sans-sc-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Alegreya Sans SC';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/alegreya-sans-sc-v24-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* alegreya-sans-sc-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Alegreya Sans SC';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/alegreya-sans-sc-v24-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* alegreya-sans-sc-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Alegreya Sans SC';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/alegreya-sans-sc-v24-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* alegreya-sans-sc-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Alegreya Sans SC';
  font-style: italic;
  font-weight: 800;
  src: url('fonts/alegreya-sans-sc-v24-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* alegreya-sans-sc-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Alegreya Sans SC';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/alegreya-sans-sc-v24-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* alegreya-sans-sc-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Alegreya Sans SC';
  font-style: italic;
  font-weight: 900;
  src: url('fonts/alegreya-sans-sc-v24-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


body {
	margin: 0;
	padding: 0;
  font-family: "Alegreya Sans", sans-serif;
	font-size: 16px;
	font-weight: 400;	
	color: #999;	
	animation: animacion1;
	animation-duration: 2s;
	background-color: #006085;
	height: 100%;
	overflow: hidden;
}

html, body {height: 100%;}

a {
	text-decoration: none;
	color: #006085;
	-webkit-transition: all ease-in-out 0.4s;
	-moz-transition: all ease-in-out 0.4s;
	-ms-transition: all ease-in-out 0.4s;
	-o-transition: all ease-in-out 0.4s;
	transition: all ease-in-out 0.4s;
}
a:hover {
	color: #666;
	text-decoration: none;
	outline: none;
}

img { 
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
strong {font weight:700;}
p {	font-size: 18px;line-height:24px;letter-spacing:.6px;margin:0}
h2 {color: #006085;font-size: 20px;line-height:26px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin: 0; animation: slide-abajo; animation-duration: 1.5s;}
h3 {font-size: 16px;line-height:26px;letter-spacing:1px; margin: 0 0 5px 0; animation: slide-abajo; animation-duration: 1.4s;}
header, footer, h2, h3 {
  	position:relative;
  	overflow: hidden;  	
}

header { 	
	animation: slide-arriba;
	animation-duration: 1.5s;
}



footer { 	
	animation: animacion1;
	animation-duration: 1.5s;
}


@keyframes fondo {
  0% {top: -100px; opacity: 0;}   
  100% {top: 0; opacity: 1;}
}

@keyframes animacion1 {
	0% { opacity: 0; }
	10% { opacity: 0; }		
	100% { opacity: 1; }
}

@-webkit-keyframes animacion1 {
	0% { opacity: 0; }	
	10% { opacity: 0; }			
	100% { opacity: 1; }
}


@keyframes slide-arriba {
  0% {top: -100px; opacity: 0;}   
  100% {top: 0; opacity: 1;}
}

@-webkit-keyframes slide-arriba {
  0% {top: -100px;opacity: 0;}  
  100% {top: 0;opacity: 1;}
}

@-moz-keyframes slide-arriba {
  0% {top: -100px; opacity: 0;}   
  100% {top: 0; opacity: 1;}  
}

@keyframes slide-abajo {
  0% {top: 100px; opacity: 0;}    
  100% {top: 0; opacity: 1;}
}

@-webkit-keyframes slide-abajo {
  0% {top: 100px;opacity: 0;} 
  100% {top: 0;opacity: 1;}
}

@-moz-keyframes slide-abajo {
  0% {top: 100px; opacity: 0;}    
  100% {top: 0; opacity: 1;}  
}

.fondo {
	width: 100%;
	height: 100%;
	background-color: #FFF;
	animation: fondo;
	animation-duration: 1.8s;
	position:relative;
}


.espera-1 {
	animation-delay: .4s; 
	animation-fill-mode: backwards;
}

.espera-2 {
	animation-delay: .6s; 
	animation-fill-mode: backwards;
}

.espera-3 {
	animation-delay: .9s; 
	animation-fill-mode: backwards;
}

.espera-4 {
	animation-delay: 1.8s; 
	animation-fill-mode: backwards;
}

.espera-5 {
	animation-delay: 2s; 
	animation-fill-mode: backwards;
}
.descripcion {margin-top: 20px}
.contenedor {
	text-align: center;
	width: 80%;	
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
	position: absolute;		
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;	
}
.pagina {padding: 20px;}
.pagina header {text-align: center;	padding-top:20px;}
.pagina header img {width:160px;height: auto;}
.pagina .principal h1 {text-align: center;}
.pagina .principal {max-width: 1200px; margin: 20px auto 0 auto;}

header {margin-bottom:30px;}

nav.contacto ul,
nav.rrss ul {
	position: relative;	
	list-style-type: none;
	padding: 0;
	margin: 20px 0 0 0;
}

.contacto li {
	padding-left: 0;
	padding-top: 3px;
	padding-bottom: 3px;
	display: block;	
	position: relative;
}

.contacto li::before {
	content: "";	
	display: inline-block;
	position: relative;
	top: 4px;
	width: 24px;	
	height: 24px;
	text-align: center;
	margin-right: 5px;
}

.contacto li.tel {
	font-size: 24px;
	font-weight: 300;

}

.contacto li.tel::before {
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' fill='rgb(0,200,220)' stroke='none'><path d='M35.9,50c-0.2,0-0.4,0-0.5,0l0,0c-0.5,0-12.3-1.2-23.1-14.2c-10.8-12.9-10.1-25-10-25.5C2.3,9.8,2.6,8,3.8,6c1.2-2,3.7-4.6,8.5-5.7c0.6-0.1,1.3-0.2,2-0.3C15-0.1,15.6,0.3,16,0.9l6.6,12.2c0.4,0.7,0.2,1.6-0.4,2.1l-4.1,3.7c1.1,2.3,2.8,4.9,5.2,7.7c2.3,2.8,4.6,5,6.6,6.4l4.2-3.5c0.6-0.5,1.6-0.5,2.2,0l10.8,8.7c0.5,0.4,0.8,1.2,0.6,1.8c-2.1,7.1-6.8,9.2-9.5,9.7C37.2,50,36.4,50,35.9,50z M35.7,47.5l0.3,0c0.4,0,1,0,1.7-0.2c2-0.4,5.7-2,7.5-7.5l-9.9-8L30,36.2l-1.3-0.9c-2.3-1.6-4.8-4-7.4-7.1c-2.6-3.1-4.6-6-5.7-8.6l-0.6-1.3l5-4.5L14,2.6c-0.4,0.1-0.8,0.1-1.2,0.2C8.9,3.6,6.9,5.7,6,7.3c-1,1.6-1.2,3.1-1.2,3.3c0,0.4-0.7,11.5,9.5,23.6C24.4,46.4,35.2,47.5,35.7,47.5L35.7,47.5z M35.7,31.4L35.7,31.4C35.7,31.4,35.7,31.4,35.7,31.4z M13.8,2.1C13.8,2.1,13.8,2.1,13.8,2.1L13.8,2.1z'></path></svg>") no-repeat left top;		
}

.contacto li.situacion::before {
	display: none;
}

.rrss li {
	display: inline-block;
	text-align: center;
	position: relative;
}
.rrss li a {
	margin-right:4px;		
	color: #fff;	
	display: block;
	float: left;
	width: 30px;
	height: 30px;	
	line-height: 30px;		
	position: relative;
	overflow: hidden;
	background: #00c8dc;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;	
}

.rrss a::before {
	content: "";
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' fill='white' stroke='none'><path d='M42.7,7.3C47.6,12.2,50,18.1,50,25c0,6.9-2.4,12.8-7.3,17.7C37.8,47.6,31.9,50,25,50s-12.8-2.4-17.7-7.3S0,31.9,0,25c0-6.9,2.4-12.8,7.3-17.7C12.2,2.4,18.1,0,25,0S37.8,2.4,42.7,7.3z M42.4,28.4c0.8-0.8,1.2-1.7,1.2-2.7c0-1-0.3-1.9-1-2.6c-0.1,0-0.1,0-0.1-0.1c0,0,0-0.1-0.1-0.1c0,0-0.1,0-0.1,0c0,0-0.1-0.1-0.1-0.2L30.6,11.1C29.9,10.3,29,10,27.9,10c-1,0-1.9,0.4-2.7,1.1c-0.7,0.7-1.1,1.6-1,2.7c0,1,0.5,1.9,1.3,2.6l5.7,5.6h-21c-1,0-1.9,0.4-2.6,1.1c-0.7,0.7-1.1,1.6-1.1,2.7c0,1,0.4,1.9,1.1,2.6c0.7,0.7,1.6,1.1,2.6,1.1h20.9l-5.6,5.6c-0.8,0.7-1.2,1.6-1.3,2.7c0,1.1,0.3,2,1,2.7c0.7,0.7,1.6,1.1,2.7,1c1,0,2-0.4,2.7-1.2L42.4,28.4z'></path></svg>") no-repeat center center;	
	display: inline-block;
	position: relative;
	width: 16px;	
	height: 16px;
	text-align: center;
	top: 3px
}

.rrss a[href*="facebook.com"]::before  {
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' fill='white' stroke='none'><path d='M39,8.7h-8c-0.9,0-2,1.2-2,2.9v5.7h10v8.2H29V50h-9.4V25.5H11v-8.2h8.6v-4.8C19.6,5.6,24.4,0,31,0h8V8.7z'></path></svg>") no-repeat left center;
}
.rrss a[href*="instagram.com"]::before  {
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' fill='white' stroke='none'><path d='M25,4.5c6.7,0,7.5,0,10.1,0.1c2.4,0.1,3.8,0.5,4.6,0.9c1.2,0.5,2,1,2.9,1.9s1.4,1.7,1.9,2.9c0.3,0.9,0.7,2.2,0.9,4.6c0.1,2.6,0.1,3.4,0.1,10.1s0,7.5-0.1,10.1c-0.1,2.4-0.5,3.8-0.9,4.6c-0.5,1.2-1,2-1.9,2.9s-1.7,1.4-2.9,1.9c-0.9,0.3-2.2,0.7-4.6,0.9c-2.6,0.1-3.4,0.1-10.1,0.1s-7.5,0-10.1-0.1c-2.4-0.1-3.8-0.5-4.6-0.9c-1.2-0.5-2-1-2.9-1.9S6,40.9,5.5,39.7c-0.3-0.9-0.7-2.2-0.9-4.6C4.5,32.5,4.5,31.7,4.5,25s0-7.5,0.1-10.1c0.1-2.4,0.5-3.8,0.9-4.6c0.5-1.2,1-2,1.9-2.9C8.3,6.5,9.1,6,10.3,5.5c0.9-0.3,2.2-0.7,4.6-0.9C17.5,4.5,18.3,4.5,25,4.5 M25,0c-6.8,0-7.6,0-10.3,0.2C12,0.3,10.2,0.7,8.6,1.3C7,2,5.6,2.8,4.2,4.2S2,7,1.3,8.6c-0.6,1.6-1,3.4-1.2,6.1C0,17.4,0,18.2,0,25s0,7.6,0.2,10.3c0.1,2.7,0.5,4.5,1.2,6.1c0.6,1.6,1.5,3,2.9,4.4C5.6,47.2,7,48,8.6,48.7c1.6,0.6,3.4,1,6.1,1.2C17.4,50,18.2,50,25,50s7.6,0,10.3-0.2c2.7-0.1,4.5-0.5,6.1-1.2c1.6-0.6,3-1.5,4.4-2.9s2.2-2.8,2.9-4.4c0.6-1.6,1-3.4,1.2-6.1C50,32.6,50,31.8,50,25s0-7.6-0.2-10.3c-0.1-2.7-0.5-4.5-1.2-6.1c-0.6-1.6-1.5-3-2.9-4.4C44.4,2.8,43,2,41.4,1.3c-1.6-0.6-3.4-1-6.1-1.2C32.6,0,31.8,0,25,0L25,0zM25,12.2c-7.1,0-12.8,5.7-12.8,12.8S17.9,37.8,25,37.8S37.8,32.1,37.8,25S32.1,12.2,25,12.2z M25,33.3c-4.6,0-8.3-3.7-8.3-8.3s3.7-8.3,8.3-8.3s8.3,3.7,8.3,8.3S29.6,33.3,25,33.3z M38.3,8.7c1.7,0,3,1.3,3,3s-1.3,3-3,3s-3-1.3-3-3S36.6,8.7,38.3,8.7z'></path></svg>") no-repeat center center;
}


@media only screen and (min-width:769px) {

}