﻿@font-face {
	font-family: 'NewJuneRegular';
	src: url("../fonts/265A1E_2_0.eot");
	src: url("../fonts/265A1E_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/265A1E_2_0.woff") format("woff"), url("../fonts/265A1E_2_0.ttf") format("truetype");
}
@font-face {
	font-family: 'newjuneboldregular';
	src: url("../fonts/newjune-bold-webfont.eot");
	src: url("../fonts/newjune-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/newjune-bold-webfont.woff2") format("woff2"), url("../fonts/newjune-bold-webfont.woff") format("woff"), url("../fonts/newjune-bold-webfont.ttf") format("truetype"), url("../fonts/newjune-bold-webfont.svg#newjuneboldregular") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'NewJuneSemibold';
	src: url("../fonts/265A1E_3_0.eot");
	src: url("../fonts/265A1E_3_0.eot?#iefix") format("embedded-opentype"), url("../fonts/265A1E_3_0.woff") format("woff"), url("../fonts/265A1E_3_0.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}
html {
	height: 100%;
}
body {
	background-color: #FFFFFF;
	padding: 0;
	font-family: 'NewJuneRegular', Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-size: 1rem;
	line-height: 1.25;
	position: relative;
	margin: 0;
	height: 100%;
	letter-spacing: -0.02em;
	justify-content: center;
	text-align: left;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
}
h1, h2 {
	padding: 0;
	-webkit-font-smoothing: antialiased;
	font-weight: normal;
}
h1 {
	margin: 0 0 1em 0;
	font-size: 1.5em;
	color: #A90B52;
}
h2 {
	margin: 0 0 1em 0;
	font-size: 1.2em;
	color: #55284F;
}
table {
	width: 100%;
	margin: auto !important;
}
table td {
	vertical-align: top;
}
.wrapper {
	height: 100% !important;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.verde {
	color: #83B81A;
}
.rojo {
	color: #A90B52;
	font-family: 'newjuneboldregular';
}
p.rojo {
	text-align: left;
	margin-top: 2em;
}
p.rojo:first-child {
	margin-top: 0;
}
.berenjena {
	color: #55284F;
	font-weight: bold;
}
.negro {
	color: #111111;
	font-family: 'newjuneboldregular';
}
a {
	text-decoration: none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
strong, b {
	font-family: 'newjuneboldregular';
	font-weight: normal;
}
p {
	text-align: justify;
	margin: 0 0 1em 0;
	clear: both;
}
ul {
	margin: 0;
	padding: 0;
}
li {
	list-style-position: inside;
	margin-bottom: 1em;
}
.onepage-pagination li {
	margin-bottom: 0;
}
.pointer {
	color: #9b59b6;
	font-family: 'Pacifico', cursive;
	font-size: 30px;
	margin-top: 15px;
}
.main {
	float: left;
	width: 100%;
	margin: 0 auto;
}
header {
	position: relative;
	z-index: 10;
}
.main section .page_container {
	position: relative !important;
	width: 100%;
	height: 100%;
	display: table;
	z-index: 3;
}
.main section {
	overflow: hidden;
}
.main section > img {
	position: absolute;
	max-width: 100%;
	z-index: 1;
}
.main section .page_container .btns a {
	text-align: center;
}
.bloque {
	vertical-align: top;
	width: 50%;
	margin: 0;
	padding: 0;
	float: left;
}
.bloqueL {
	vertical-align: top;
	width: 30%;
	margin: 0;
	padding: 0;
	float: left;
}
.bloqueR {
	vertical-align: top;
	width: 70%;
	margin: 0;
	padding: 0;
	float: left;
}
body.disabled-onepage-scroll .onepage-wrapper section {
	min-height: 100%;
	height: auto;
}
body.disabled-onepage-scroll .main section .page_container {
	padding: 20px;
	margin-top: 150px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body.disabled-onepage-scroll section .page_container .credit, body.disabled-onepage-scroll section .page_container .btns {
	text-align: center;
	width: 100%;
}
body.disabled-onepage-scroll .main section > img {
	position: relative;
	max-width: 80%;
	bottom: 0;
}
body.disabled-onepage-scroll code {
	width: 95%;
	margin: 0 auto 25px;
	float: none;
	overflow: hidden;
}
img {
	width: 100%;
	height: auto;
}
.img {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-moz-transform: translateY(10px);
	-webkit-transform: translateY(10px);
	-o-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	transition-delay: 500ms;
	opacity: 0;
}
.intro, .grid33 {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-moz-transform: translateY(10px);
	-webkit-transform: translateY(10px);
	-o-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transform: translateY(10px);
	opacity: 0;
}
.img.loaded, .grid33.loaded, .intro.loaded {
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
}
.intro:nth-of-type(1), .grid33:nth-of-type(1) {
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	transition-delay: 500ms;
}
.intro:nth-of-type(2), .grid33:nth-of-type(2) {
	-webkit-transition-delay: 1000ms;
	-moz-transition-delay: 1000ms;
	-o-transition-delay: 1000ms;
	transition-delay: 1000ms;
}
.intro:nth-of-type(3), .grid33:nth-of-type(3) {
	-webkit-transition-delay: 1500ms;
	-moz-transition-delay: 1500ms;
	-o-transition-delay: 1500ms;
	transition-delay: 1500ms;
}
.intro:nth-of-type(4) {
	-webkit-transition-delay: 2000ms;
	-moz-transition-delay: 2000ms;
	-o-transition-delay: 2000ms;
	transition-delay: 2000ms;
}
.headerWrapper {
	position: absolute;
	width: 100%;
	z-index: 99999;
}
.center-wrap {
	max-width: 70%;
	margin: 0 auto;
}
.table-wrap {
	display: table-cell;
	vertical-align: middle;
}
.grid3 {
	width: 25.333%;
	float: left;
	padding: 4%;
	font-size: 0.9em;
}
.grid3:nth-child(3n+1) {
	clear: both;
}
.grid3 p {
	text-align: left;
}
.bloque-contentR {
	padding-left: 5%;
}
.bloque-contentL {
	padding-right: 5%;
}
.preload {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #FFFFFF;
	z-index: 9999999;
}
.preload img {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 400px !important;
	height: 300px !important;
	margin-top: -150px;
	margin-left: -200px;
}
.brand, .brandB {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.brand {
	position: absolute;
	top: 0;
	right: 0;
	width: 200px;
	height: 50px;
	margin-top: 1%;
	margin-right: 3%;
	background-image: url('../images/brand.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.brandB {
	position: absolute;
	top: 0;
	right: 0;
	width: 200px;
	height: 50px;
	margin-top: 1%;
	margin-right: 3%;
	background-image: url('../images/brandB.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.sep {
	border-bottom: 2px solid #A90B52;
	padding-top: 1em;
	margin-bottom: 1em;
	clear: both;
	float: none;
	width: 100%;
}
.sepB {
	border-bottom: 2px solid #FFFFFF;
	padding-top: 1em;
	margin-bottom: 1em;
	clear: both;
	float: none;
	width: 100%;
}
.legal {
	font-style: italic;
	font-size: 0.9rem;
}
@keyframes pulse {
 0% {
 -moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
 20% {
 -moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
100% {
 -moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
 from {
 -webkit-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
to {
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}
}
@keyframes rotating {
 from {
 -ms-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
to {
	-ms-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}
}
.ring {
	position: relative;
	width: auto;
	max-width: 210px;
	min-width: 210px;
}
.ringover {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: pulse 3s infinite;
	-moz-animation: pulse 3s infinite;
	-ms-animation: pulse 3s infinite;
	-o-animation: pulse 3s infinite;
	animation: pulse 3s infinite;
}
.grid33 {
	width: 33.333%;
	float: left;
}
/* ------------------------- BACKGROUND STYLES --------------------------- */
.page1 .over {
	position: absolute;
	background-image: url('../images/page1over.png');
	background-repeat: no-repeat;
	background-position: center right;
	background-size: contain;
	width: 100%;
	height: 100%;
	z-index: 999999;
}
.page3 {
	background-image: url('../images/page3.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.page3 .over {
	position: absolute;
	background-image: url('../images/page3over.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	width: 100%;
	height: 100%;
	z-index: 999999;
}
.page6 {
	background-image: url('../images/page6.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.page6 .over {
	position: absolute;
	background-image: url('../images/page6over.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	width: 100%;
	height: 100%;
	z-index: 999999;
}
.page15 {
	background-image: url('../images/page15.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.page15 .over {
	position: absolute;
	background-image: url('../images/page15over.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	width: 100%;
	height: 100%;
	z-index: 999999;
}
.page22 {
	background-image: url('../images/page22.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.page22 .over {
	position: absolute;
	background-image: url('../images/page22over.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	width: 100%;
	height: 100%;
	z-index: 999999;
}
.page30 {
	background-image: url('../images/page30.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.page30 .over {
	position: absolute;
	background-image: url('../images/page30over.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	width: 100%;
	height: 100%;
	z-index: 999999;
}
.page33 {
	background-image: url('../images/page33.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.page33 .over {
	position: absolute;
	background-image: url('../images/page33over.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	width: 100%;
	height: 100%;
	z-index: 999999;
}
.page40 .over {
	position: absolute;
	background-image: url('../images/page40over.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	width: 100%;
	height: 100%;
	z-index: 999999;
}
.page44 {
	background-image: url('../images/page44.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.page44 .over {
	position: absolute;
	background-image: url('../images/page44over.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	width: 100%;
	height: 100%;
	z-index: 999999;
}
.page47 {
	background-image: url('../images/page47.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
/* ------------------------- SPECIFIC STYLES --------------------------- */
.page2 {
	background-color: #55284F;
	color: #FFFFFF;
}
.page2 h1 {
	color: #FFFFFF;
}
.page4 .bloque-contentL, .page5 .bloque-contentL {
	font-size: 1.5em;
	color: #878787;
}
.page4 h1, .page12 h1 {
	margin: 0;
}
.page4 li, .page5 li {
	margin-bottom: 0;
}
.page7 .bloque {
	display: block !important;
	position: relative;
	width: 100%;
	margin: 0 auto;
}
.page28 {
	font-size: 16px;
	font-size: 1rem;
}
.page28 .center-wrap {
	max-width: 85%;
}
.page28 table td, .page29 table td {
	vertical-align: middle;
	padding: 5px;
}
.pos, .posB {
	position: absolute;
	cursor: pointer;
}
.pos1 {
	top: 9%;
	left: 25%;
}
.pos1B {
	top: 10%;
	left: 28%;
}
.pos2 {
	top: 10%;
	left: 39%;
}
.pos2B {
	top: 11%;
	left: 42%;
}
.pos3 {
	top: 14%;
	left: 48%;
}
.pos3B {
	top: 15%;
	left: 51%;
}
.pos4 {
	top: 22%;
	left: 54%;
}
.pos4B {
	top: 23%;
	left: 57%;
}
.pos5 {
	top: 30%;
	left: 49%;
}
.pos5B {
	top: 31%;
	left: 52%;
}
.pos6 {
	top: 48%;
	left: 60%;
}
.pos6B {
	top: 49%;
	left: 63%;
}
.pos7 {
	top: 43%;
	left: 78%;
}
.pos7B {
	top: 44%;
	left: 81%;
}
.pos8 {
	top: 44%;
	left: 30%;
}
.pos8B {
	top: 45%;
	left: 33%;
}
.pos9 {
	top: 64%;
	left: 42%;
}
.pos9B {
	top: 63%;
	left: 44%;
}
.info {
	position: absolute;
	width: 195px;
	height: 88px;
	background-image: url(../images/info.png);
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	padding: 15px;
	display: none;
	z-index: 999;
}
.info td {
	font-size: 13px !important;
}
.infoT, .info1, .info2 {
	display: inline-block;
}
.squareRed {
	display: inline-block;
}
.squareRed:before {
}
.squareGreen {
	display: inline-block;
}
.squareGreen:before {
}
.mapa {
	display: none !important;
}
.branding {
	position: absolute;
	bottom: 40px;
	right: 40px;
	width: 175px;
	height: auto;
	z-index: 9999999999999;
}
.descarga {
	position: absolute;
	bottom: 50px;
	left: 60px;
	font-size: 16px;
	z-index: 9999999999999;
}
@media (min-width:91em) {
body {
	font-size: 20px;
	font-size: 1.25em;
}
h1 {
	font-size: 32px;
	font-size: 2em;
	line-height: 1;
}
h2 {
	font-size: 22px;
	font-size: 1.375em;
	line-height: 1;
}
.brand, .brandB {
	width: 250px;
}
}
@media (min-width:130em) {
body {
	font-size: 22px;
	font-size: 1.375em;
}
h1 {
	font-size: 34px;
	font-size: 2.125em;
	line-height: 1;
}
h2 {
	font-size: 24px;
	font-size: 1.500em;
	line-height: 1;
}
.brand, .brandB {
	width: 275px;
	height: 50px;
}
}
@media(max-width:950px) {
.bloque, .bloqueL, .bloqueR, .bloque-contentL, .bloque-contentR, .grid33 {
	width: 100%;
	padding: 0;
}
.bloque-contentL, .bloque-contentR {
	padding: 10px 0;
}
.img, .intro, .grid33 {
	opacity: 1 !important;
}
.ring {
	min-width: 150px;
	max-width: 150px;
}
.descarga {
	bottom: 42px;
	left: 5%;
	font-size: 14px;
}
.branding {
	width: 120px;
	right: 5%;
}
.page28 table td, .page29 table td {
	vertical-align: top;
}
.page28 .intro, .page29 .intro, .grid33 {
	padding: 2em 0;
	border-bottom: 1px dashed gray;
}
.page28 .intro:last-child, .page29 .intro:last-child, .grid33:last-child {
	border: 0;
}
.center-wrap {
	max-width: 90%;
}
body.disabled-onepage-scroll .main section .page_container {
	margin: 0 auto;
	padding: 100px 0;
}
body.disabled-onepage-scroll .main .page1.section .page_container {
	margin: 0 auto;
	padding: 0;
}
body.disabled-onepage-scroll .onepage-wrapper section {
	min-height: 0;
	border-bottom: 1px dashed gray;
}
body.disabled-onepage-scroll .onepage-wrapper .page1.section, body.disabled-onepage-scroll .onepage-wrapper .page3.section, body.disabled-onepage-scroll .onepage-wrapper .page6.section, body.disabled-onepage-scroll .onepage-wrapper .page15.section, body.disabled-onepage-scroll .onepage-wrapper .page22.section, body.disabled-onepage-scroll .onepage-wrapper .page30.section, body.disabled-onepage-scroll .onepage-wrapper .page33.section, body.disabled-onepage-scroll .onepage-wrapper .page40.section, body.disabled-onepage-scroll .onepage-wrapper .page44.section, body.disabled-onepage-scroll .onepage-wrapper .page47.section {
	min-height: 100%;
}
.main section .page_container {
	position: unset !important;
}
img {
	width: 100% !important;
	height: auto;
	max-height: none !important;
}
.mapa {
	display: block !important;
}
.page7 .bloque {
	display: none !important;
}
}
