@charset "utf-8";

/*font-family: 'Noto Sans JP', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	outline:0px;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style-type:none;
	list-style-position:outside;
	margin: 0px;
	padding: 0px;
}

a   {
    text-decoration:none;
	color:#4444ff;
}

a:hover {
	color:#0000ff;
}

img	{
	width:auto;
	max-width:100%;
}

body {
	line-height:1;
//	-webkit-user-select: none;
 //   -moz-user-select: none;
 //   -ms-user-select: none;
 //   user-select: none; 
	cursor:default;
//	background-color:#55565A;
	background-color: #ffffff;	
	display:flex;
	flex-direction:column;
	justify-content:center;
//	display:none;
//	overflow:hidden;
}


#precarga {
    position: fixed;
    top:0; left:0;
    right:0; bottom:0;
    background-color: #E8E8E8;
    z-index: 100;
}

#precarga div {
    width: 600px;
    height: 300px;
    position: absolute;
    left:50%; top:50%;
    background: url(precarga.gif) no-repeat ;
	background-size: 100% 100%;
    margin-left: -300px;
	margin-top: -150px;
}

body.fondoModal {
	overflow:hidden;
}

div.fondoModal {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	display:flex;
	justify-content:center;
	background:rgba(0,0,0,0.8);
	z-index:99999;
	-webkit-transition:opacity 200ms ease-in;
	-moz-transition:opacity 200ms ease-in;
	transition:opacity 200ms ease-in;	
	opacity:0;
	pointer-events:none;
}
	
div.fondoModal.visible {
	opacity:1;
	pointer-events:auto;
}


/**************************************************************
Cabecera Página
**************************************************************/

.cabeceraPagina {
//	position: fixed;
	top:0;
	width:100%;
	max-width:1560px;
	height:100px;
	z-index: 99;
	align-self: center;
	background: #ffffff;	
}

.cabeceraPagina.sticky {
	height:100px;
}

.cabeceraPagina:after {
	content:"";
	display:block;
	clear:both;
}

.cabeceraPagina .barra {
	background-color:#000000;
}	

.cabeceraPagina.sticky .barra {
	display:none;
}

.cabeceraPagina .logo {
	float:left;
	display:table;
	padding-top:33px;
	padding-bottom:5px;
	padding-left:20px;
	padding-right:10px;
}

.cabeceraPagina .logo h1 {
	width:300px;
	height:37px;
	background-image:url("logo.png?8");
	background-size:100%;
	position: relative;
	cursor:pointer;
}

.cabeceraPagina .logo object svg {
	position: absolute;
	top: 0;
}

/* Menu Pagina */ 

.cabeceraPagina .menu {
	float:right;
	display:table;
}

.cabeceraPagina .menu ul {
	display:table-cell;
	width:100%;
	vertical-align:middle;
	padding-right:30px;
}

.cabeceraPagina .menu ul li {
	float:left;
	margin-left:5px;
	margin-right:5px;
	padding-top:35px;
}

.cabeceraPagina.sticky .menu ul li {
	padding-top:17px;
}

.cabeceraPagina .menu ul li.activo div {
	background-color:#cccccc;
}

.cabeceraPagina .menu ul li:hover div {
	color: #0E2E47;
	-webkit-transition:all 0.2s;
	transition:all 0.2s;
}

.cabeceraPagina .menu ul li div {
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	line-height:30px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:16px;
	font-weight:500;
	color:#000000;
}

.cabeceraPagina.sticky .menu ul li div {
	line-height:30px;
}

@media only screen and (max-width: 1100px) {

	.cabeceraPagina {
		width:100%;
		left:0%;
	}
	
	.cabeceraPagina .logo {
		padding-top:34px;
		padding-left: 15px;
	}

	.cabeceraPagina .logo h1 {
		width:250px;
		height:31px;
	}
	
	.cabeceraPagina .boton_menu {
		width:30px;
		height:30px;
		float:right;
		background-image:url(menu.png?2);
		margin-top:35px;
		margin-right:20px;
		cursor:pointer;
	}
	
	.cabeceraPagina .cerrar {
		background-image:url(menu-cerrar.png?2);
	}
		
	.cabeceraPagina .menu {
		display:none;
		float:none;
		position:absolute;
		top:70px;
		width:calc(100% - 70px);
		width:100%;
		background-color:rgba(14,46,71,0.95);
		padding-top:10px;
		padding-bottom:10px;
	}

	.cabeceraPagina .menu ul {
		display:block;
		width:100%;
		vertical-align:middle;
		padding-left:0px;
	}

	.cabeceraPagina .menu ul li {
		float:none;
		margin-left:10px;
		margin-right:10px;
		padding-top:5px;
		padding-bottom:5px;
	}

	.cabeceraPagina.sticky .menu ul li {
		padding-top:5px;
	}
	
	.cabeceraPagina .menu ul li.activo div {
		color:#ffffff;
		background-color:transparent;
	}

	.cabeceraPagina .menu ul li:hover div {
		background-color:#ffffff;
		color:#0e2e47;
		-webkit-transition:all 0.2s;
		transition:all 0.2s;
	}

	.cabeceraPagina .menu ul li div {
		padding-left:10px;
		padding-right:10px;
		text-align:center;
		line-height:40px;
 		font-size:18px;
		color:#bbbbbb;
	}

	.cabeceraPagina.sticky .menu ul li div {
		line-height:30px;
	}
	
		
}


/**************************************************************
Pagina
**************************************************************/

.seccionPagina {
	width:100%;
//	max-width:1360px;
//	padding-top:100px;	
//	align-self: center;
	display:flex;
	flex-direction:column;
	justify-content:center;
}

.seccionPagina:after {
	content:"";
	display:block;
	clear:both;
}

.tituloPagina {
	padding-top:20px;
	padding-bottom:20px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:32px;
	font-weight:400;
	text-align:center;
	color:#000000;
	background-color: #cccccc;
}

.tituloPagina-fondo img {
	width:100%;
}

.submenuPagina .submenu {
	width:100%;
	margin-top:-5px;
	padding-bottom:15px;
	text-align:center;
	background-color:#cccccc;
}

.submenuPagina.track .submenu {
	background-color:transparent;
	padding-top:20px;
	padding-bottom:35px;
}

.submenuPagina .submenu ul {
	display: inline-block;
	vertical-align:middle;
}

.submenuPagina .submenu ul:after {
	content:"";
	display:block;
	clear:both;
}

.submenuPagina .submenu ul li {
	float:left;
	margin-left:5px;
	margin-right:5px;
	padding-top:0px;
}

.submenuPagina .submenu ul li.activo div {
	background-color:#a9a9a9;
}

.submenuPagina .submenu ul li:hover div {
	color: #0E2E47;
	-webkit-transition:all 0.2s;
	transition:all 0.2s;
}

.submenuPagina .submenu ul li div {
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	line-height:30px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:16px;
	font-weight:500;
	color:#000000;
	background-color:#cccccc;
}

.submenuPagina.track .submenu ul li div {
	color: #285A5B;
//	font-size:18px;
	background-color:transparent;
}

.cuerpoPagina {
	background-color: #ffffff;
	max-width:1560px;
	align-self: center;
	padding:40px 5% 20px 5%;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:18px;
	font-weight:300;
	color:#000000;
	line-height:30px;
}

.cuerpoPagina:after {
	content:"";
	display:block;
	clear:both;
}

.cuerpoPagina .columna {
	width:100%;
	float:left;
	padding-bottom:20px;
}

.cuerpoPagina .columna.izquierda {
	width:23%;
	padding-right:2%;
}

.cuerpoPagina .columna.derecha {
	float:right;
	width:70%;
	padding-left:5%;
}
	
.cuerpoPagina p {
	padding-bottom:15px;
}

.cuerpoPagina p.finlinea:after {
	content:"";
	display:block;
	clear:both;
}

.cuerpoPagina p b {
	font-weight:500;
}

.cuerpoPagina p + ul {
	margin-top:-20px;
	padding-left:40px;
}

.cuerpoPagina p + ul li b {
	font-weight:500;
}

.cuerpoPagina p + ul.lista li:before {
	content:"▪ ";
}

.cuerpoPagina p.medio {
	font-size: 18px;
	padding-bottom:10px;
}

.cuerpoPagina p.centrado {
	text-align:center;
}

.cuerpoPagina p.izquierda,
.cuerpoPagina span.izquierda {
	float:left;
}

.cuerpoPagina p.derecha,
.cuerpoPagina span.derecha {
	float:right;
}

.cuerpoPagina p.titulo {
	font-size:32px;
	font-weight:400;
	padding-top:10px;
}

.cuerpoPagina p.subtitulo {
	font-size:24px;
	font-weight:400;
	padding-top:10px;
}

.cuerpoPagina p.subtitulo:first-child {
	padding-top:0px;
}

.cuerpoPagina img {
	padding-top:20px;
}

.cuerpoPagina img.izquierda {
	float:left;
	padding-right:30px;
	padding-bottom:20px;
}

.cuerpoPagina img.derecha {
	float:right;
	padding-left:30px;
	padding-bottom:20px;
}

.cuerpoPagina img.grande {
	width:75%;
}

.cuerpoPagina img.medio {
	width:50%;
}

.cuerpoPagina img.chico {
	width:30%;
}

.cuerpoPagina button {
	border:0px;
	background-color:#84b315;
	color:#ffffff;
	cursor:pointer;
	padding:10px 20px 10px 20px;
	margin-top:10px;
	margin-bottom:10px;	
}


@media only screen and (max-width: 850px) {

	.cuerpoPagina {
		width:84%;
		padding:15px 8% 10px 8%;
	}
	
	.cuerpoPagina p.titulo {
		margin-top:15px;
		text-align:center;
	}

	.cuerpoPagina p.subtitulo {
		margin-top:15px;
	}
	
	.cuerpoPagina p.descripcion {
		text-align:center;
	}
		
	.cuerpoPagina .columna.izquierda {
		float:none;
		width:100%;
		padding-right:0%;
	}

	.cuerpoPagina .columna.derecha {
		float:none;
		width:100%;
		padding-right:0%;
		padding-left:0%;
	}
	
	.cuerpoPagina img.izquierda {
		float:left;
		padding-right:0px;
		width:100%;
	}

	.cuerpoPagina img.derecha {
		float:right;
		padding-left:0px;
		width:100%;
	}

	.cuerpoPagina img.grande {
		width:100%;
	}

	.cuerpoPagina img.chico {
		width:50%;
		padding-left:25%;
		padding-right:25%;
	}
	
	.cuerpoPagina table th {
		padding:20px 10px 20px 10px;	
	}

	.cuerpoPagina table td {
		padding:20px 10px 20px 10px;	
	}

	
	.cuerpoPagina table td img {
		display:none;
	}

	.submenuPagina .submenu ul li {
		margin-left:0px;
		margin-right:0px;
	}

	.submenuPagina .submenu ul li div {
		font-size:15px;
	}

}


/**************************************************************
Pie
**************************************************************/

.piePagina {
	width:100%;
	max-width:1560px;
	align-self: center;
	margin:auto;
	padding-top:50px;
	padding-bottom:50px;
	background-color:#ffffff;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:16px;
	color:#000000;
}

.piePagina:after {
	content:"";
	display:block;
	clear:both;
}

.piePagina ul li {
	float:left;
}

.piePagina ul li a {
	color:#dddddd;
	line-height:25px;
	background-repeat:no-repeat;
}

.piePagina ul li a:hover {
	color:#ffffff;
}

.piePagina .pie-icono {
	float:left;
	width:15%;
}

.piePagina .pie-icono .icono {
	width:132px;
	height:150px;
	background-image:url("velero.jpg?2");
	background-size:100%;
	margin:auto;
}

.piePagina .pie-logo {
	float:left;
	width:40%;
	padding-left:15%;
	padding-top:40px;
}

.piePagina .pie-logo .logo {
	width:228px;
	height:80px;
	background-image:url("logo.jpg?8");
	background-size:100%;
	margin:auto;
}

.piePagina .pie-logoserp {
	float:left;
	width:15%;
	padding-top:10px;
}

.piePagina .pie-logoserp .logoserp {
	width:120px;
	height:126px;
	background-image:url("logoserp.jpg?3");
	background-size:100%;
	margin:auto;
}


.piePagina .pie-logodragon {
	float:left;
	width:15%;
}

.piePagina .pie-logodragon .logodragon {
	width:131px;
	height:126px;
	background-image:url("logodragon.jpg?1");
	background-size:100%;
	margin:auto;
}

.piePagina .pie-datos {
	float:right;
	text-align:right;
	padding-right: 5%;
}


@media only screen and (max-width: 850px) {
	
	.piePagina .pie-logo {
		width:100%;
		text-align:center;
		padding-left:0px;
		padding-top:10px;
		padding-bottom:20px;
	}

	.piePagina ul li {
		width:100%;
		text-align:center;
	}	
		
	.piePagina .pie-icono {
		width: 100%;
		text-align:center;
		padding:0px;
	}

	.piePagina .pie-logoserp {
		width: 100%;
		text-align:center;
		padding:0px;
	}

	.piePagina .pie-logodragon {
		width: 100%;
		text-align:center;
		padding:0px;
		padding-top:20px;
	}

	
}


/**************************************************************
Slider
**************************************************************/

.slider_container { 
	clear:both; 
	background:url(shadow_top.png) no-repeat top center; 
	padding:0 0 0 0;
	height:600px;
}

.flex-caption { 
	position: absolute; 
	right:20px; 
	bottom:20px;
}

.flex-caption .caption_title_line { 
	font-family: 'Noto Sans JP', sans-serif;
	color: #ffffff;
	text-transform:uppercase;
	text-shadow: 3px 3px 2px #000;
	text-align:right;
}

.flex-caption .caption_title_line div:first-child { 
	font-size:36px; 
}

.flex-caption .caption_title_line div { 
	font-size:30px; 
}

.flex-container a:active, .flexslider a:active {
	outline: none;
}

.slides, .flex-control-nav, .flex-direction-nav {
	margin: 0; 
	padding: 0; 
	list-style: none;
} 

.flexslider {
	padding: 0 0 0 0;
	background:url(shadow_bottom.png) no-repeat center bottom;
	margin-bottom:0px;
}

.flexslider .slides > li {
	display: none;
}

.flexslider .slides img {
	width: 100%; 
	display: block; 
	border:0px #ededed solid;
}

.flex-pauseplay span {
	text-transform: capitalize;
}

.slides:after {
	content: "."; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	line-height: 0; 
	height: 0;
}
 
html[xmlns] .slides {
	display: block;
}
 
* html .slides {
	height: 1%;
}

.no-js .slides > li:first-child {
	display: block;
}

.flexslider {
	position: relative; 
	zoom: 1;
}

.flexslider .slides {
	zoom: 1;
}

.flexslider .slides > li {
	position: relative;
}

.flex-container {
	zoom: 1; 
	position: relative;
}

.flex-direction-nav li a {
	width:50px; 
	height:50px; 
	margin:0; 
	display: block; 
	position: absolute; 
	cursor: pointer; 
	text-indent: -9999px;
}

.flex-direction-nav li a.next {
	background:url(next.png) no-repeat center; 
	right:11px; 
	bottom:180px;
}

.flex-direction-nav li a.prev {
	background:url(prev.png) no-repeat center;
	left:11px; 
	bottom:180px;
}

.flex-direction-nav li a.next:hover {
	background:url(next_a.png) no-repeat center;
}

.flex-direction-nav li a.prev:hover {
	background:url(prev_a.png) no-repeat center;
}

.flex-direction-nav li a.disabled {
	opacity: .3; 
	filter:alpha(opacity=30); 
	cursor: default;
}

.flex-control-nav {
	position: absolute; 
	bottom: 5px; 
	left:50%;
	text-align: center;
	z-index:10;
}

.flex-control-nav:after {
	content: ""; 
	display:block;
	clear: both; 
}

.flex-control-nav li {
	float:left;
	padding-left:10px;
	width: 20px; 
	height: 20px; 
}

.flex-control-nav li:first-child {
	padding-left:0px;
}

.flex-control-nav li a {
	width: 20px; 
	height: 20px; 
	text-align:center;
	display: block; 
	cursor: pointer; 
	font-family: 'Noto Sans JP', sans-serif;
	line-height:20px;
	color: #cccccc;
	font-size:11px;
	background:url(slider_control.png) no-repeat; 
}

.flex-control-nav li a:hover {
	background-position: 0 -20px;
}

.flex-control-nav li a.active {
	background-position: 0 -40px;
	cursor: default;
}


@media only screen and (max-width: 850px) {

	.flexslider {
		width:100%; 
	}
	
	.flex-direction-nav li a.next {
		bottom:100px;
	}

	.flex-direction-nav li a.prev {
		bottom:100px;
	}
	
}


/**************************************************************
Banner Fotos
**************************************************************/

.banner_fotos_container {
	width:100%;
	background-color: #162127;
	display:flex;
	flex-direction:column;
}

.banner_fotos {
	width:100%;
	max-width:1560px;
	align-self: center;
	padding: 0px 5% 60px 5%;
}

#sponsors {
	background-color: #000000;
}

#instagram {
	padding-top:40px;
}

#avisos {
	padding-top:0px;
	margin-top:-2%;
	background-color: #ffffff;
}

#videos {
	padding-top:0px;
	margin-top:-2%;
	background-color: #ffffff;
}

#fotos {
	padding-top:0px;
	margin-top:-2%;
	background-color: #ffffff;
}

#sponsors ul li {
	width: 30%;
	margin-top:2%;
	margin-left:1%;
	margin-right:1%;
}

#avisos ul li {
	width: 23%;
	padding:0;
	margin-top:2%;
	margin-left:calc(1% - 1px);
	margin-right:calc(1% - 1px);
	border:1px solid #000000;
}

#videos ul li {
	padding:0;
	width: 31.33%;
	margin-top:2%;
	margin-left:1%;
	margin-right:1%;
}

#fotos ul li {
	padding:0;
	width: 23%;
	margin-top:2%;
	margin-left:1%;
	margin-right:1%;
}

.banner_fotos:after {
	content: ""; 
	display:block;
	clear: both; 
}

.banner_fotos .titulo {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 30px;
	line-height:40px;
	font-weight: 400;
	letter-spacing: 2px;
	color: #285A5B;
//	text-transform:uppercase;
	text-align: center;
	margin-top:40px;
	margin-bottom:20px;
}

.banner_fotos .texto {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 26px;
	line-height:35px;
	font-weight: 400;
	letter-spacing: 2px;
	color: #285A5B;
	text-align: center;
	margin-top:-20px;
	margin-bottom:20px;
}

.banner_fotos .texto a {
	color: #285A5B;
}

.banner_fotos ul {
	width:100%;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	padding-top:20px;
}

.banner_fotos ul li {
	float:left;
	width: 19%;
	padding:.5% .5% 0 .5%;
	display: -webkit-flex;
    display: flex;
}

.banner_fotos ul.una-columnas li {
	width: 99%;
}

.banner_fotos ul.una-columnas.grande li {
	width: 35%;
	padding:.5% 32.5% 0 32.5%;
}

.banner_fotos ul.una-columnas.chico {
	padding-left: 40%;
	padding-right: 40%;
	width:20%;
}

.banner_fotos ul.dos-columnas li {
	width: 49%;
}

.banner_fotos ul.dos-columnas.grande li {
	width: 35%;
	padding:.5% 7.5% 0 7.5%;
}

.banner_fotos ul.dos-columnas.chico {
	padding-left: 30%;
	padding-right: 30%;
	width:40%;
}

.banner_fotos ul.tres-columnas li {
	width: 32.33%;
}

.banner_fotos ul.tres-columnas.chico {
	padding-left: 20%;
	padding-right: 20%;
	width:60%;
}

.banner_fotos ul.cuatro-columnas li {
	width: 24%;
}

.banner_fotos ul.cuatro-columnas.chico {
	padding-left: 10%;
	padding-right: 10%;
	width:80%;
}

.banner_fotos ul li a {
	width:100%;
	height: 100%;
	position: relative;
	overflow:hidden;
}

.banner_fotos ul li a img {
	width:100%;
	transition: transform .2s;
}

.banner_fotos ul li a img:hover {
//	transform: scale(1.2)
}

.banner_fotos ul li a div {
	position: absolute;
	width:100%;
	height: calc(100% - 3px);
	top: 0px;
	left: 0px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 18px;
	line-height:24px;
	font-weight: 300;
	letter-spacing: 2px;
	color: #ffffff;
	text-align: center;
	background-color: rgba(0,0,0,0.7);
	display: flex;
	align-items: center;
	visibility: hidden;
	opacity: 0;
	transition: all .2s;
	-webkit-transition: all .2s;
 }

.banner_fotos ul li a div span {
	padding: 15px;
	width:100%;
	max-height:60%;
	overflow: hidden;
}

.banner_fotos ul li a:hover div {
	visibility: visible;
	opacity: 1;
	transition: all .2s;
	-webkit-transition: all 0.2s;
}

.banner_fotos ul li a p.likes {
	position:absolute;
	bottom: 10px;
	right: 10px;
	padding: 3px 8px 3px 28px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 13px;
	line-height:28px;
	text-align: center;
	font-weight: 400;
	color: #ffffff;
	background-image: url(like.png);
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: 0px center;
}

@media only screen and (max-width: 850px) {

	.banner_fotos {
		width:90%;
		padding-left:5%;
		padding-right:5%;
	}

	#sponsors ul li {
		width: 47%;
	}

	#avisos ul li {
		width: 48%;
	}
	
	#videos ul li {
		width: 98%;
	}

	#fotos ul li {
		width: 98%;
	}
	
	.banner_fotos ul.una-columnas.chico,
	.banner_fotos ul.dos-columnas.chico,
	.banner_fotos ul.tres-columnas.chico,
	.banner_fotos ul.cuatro-columnas.chico {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	.banner_fotos ul li,
	.banner_fotos ul.una-columnas li,
	.banner_fotos ul.dos-columnas li,
	.banner_fotos ul.tres-columnas li,
	.banner_fotos ul.cuatro-columnas li {
		padding:.5% .5% 0 .5%;
		width: 49%;
	}
	
}


/**************************************************************
Banner Track
**************************************************************/

.banner_track_container {
	width:100%;
	background-color: #000000;	
	display:flex;
	flex-direction:column;
}

.banner_track {
	width:100%;
	max-width:1560px;
	align-self: center;
	padding: 60px 5% 60px 5%;
}

.banner_track .titulo {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 30px;
	line-height:40px;
	font-weight: 400;
	letter-spacing: 2px;
	color: #285A5B;
	text-align: center;
}

.banner_track .interno {
	margin-top:20px;
	width:100%;
	height:calc(500px - 68px);
	overflow:hidden;
	position: relative;
	cursor:pointer;
}

.banner_track .interno iframe {
	width:200%;
	height:500px;
	margin-top: -68px;
	margin-left:-50%;
	-ms-zoom: 1;
	-moz-transform: scale(1);
	-moz-transform-origin: 0 0;
	-o-transform: scale(1);
	-o-transform-origin: 0 0;
	-webkit-transform: scale(1);
	-webkit-transform-origin: 0 0;
}

.banner_track .interno .frente {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;
	background-color:rgba(0,0,0,0);
}

.banner_track .interno .frente.antes,
.banner_track .interno .frente.arribado {
	background-color:rgba(0,0,0,.7);
}

.banner_track .frente .titulo {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 30px;
	line-height:36px;
	font-weight: 400;
	letter-spacing: 0px;
	color: #ffffff;
	text-align: center;
	margin-top:100px;
}

.banner_track .link {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: 0px;
	color: #285A5B;
	text-align: center;
	margin-top:20px;
	cursor:pointer;
}

.banner_track .frente .titulo.despues {
	float:left;
	height:40px;
	padding:0px;
	margin:0px;
	font-size:22px;
	background-color:rgba(0,0,0,.7);
	width:40%;
	margin-top:10px;
}

.banner_track .frente .subtitulo {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 30px;
	line-height:36px;
	font-weight: 400;
	letter-spacing: 0px;
	color: #ffffff;
	text-align: center;
	margin-top:20px;
}

.banner_track .frente .subtitulo.despues {
	float:right;
	height:40px;
	padding:0px;
	margin:0px;
	font-size:22px;
	background-color:rgba(0,0,0,.7);
	width:40%;
	margin-top:10px;
}

.banner_track .frente .texto {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 24px;
	line-height:40px;
	font-weight: 400;
	letter-spacing: 2px;
	color: #ffffff;
	text-align: center;
	margin-top:10px;
}

.banner_track .frente .texto.despues {
	display:none;
}

.banner_track .frente .contador {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 30px;
	line-height:40px;
	font-weight: 400;
	letter-spacing: 2px;
	color: #ffffff;
	text-align: center;
	position:relative;
	margin-top:10px;
}

.banner_track .frente .contador.despues {
	float:left;
	background-color:rgba(0,0,0,.7);
	width:20%;
	padding:0px;
}

.banner_track .frente .contador span {
	padding:15px;
	padding-top:10px;
	padding-bottom:20px;
	margin:10px;
	background: linear-gradient(0, #009900, #009900 50%, #00bb00 50%);
	border-radius: 10px;
}

.banner_track .frente .contador.antes span {
	background: linear-gradient(0, #990000, #990000 50%, #bb0000 50%);
}

.banner_track .frente .contador.arribado span {
	background: linear-gradient(0, #000099, #000099 50%, #0000bb 50%);
}

.banner_track .frente .contador span:before {
	position:absolute;
	font-size:12px;
	bottom:-23px;
}

.banner_track .frente .contador span.dias:before {
	content: 'días';
	padding-left:4.5px;
}

.banner_track .frente .contador span.horas:before {
	content: 'horas';
	padding-left:0px;
}


@media only screen and (max-width: 850px) {

	.banner_track {
		width:100%;
		padding-left:0%;
		padding-right:0%;
	}

	.banner_track .interno iframe {
//		width:200%;
//		margin-left:-60%;
//		height:600px;
//		margin-top: -100px;
	}

	.banner_track .frente .titulo.despues {
		font-size:16px;
		width:30%;
	}
	
	.banner_track .frente .subtitulo.despues {
		height:40px;
		font-size:14px;
		line-height:18px;
		letter-spacing: 0px;
		width:30%;
	}

	.banner_track .frente .contador.despues {
		width:40%;
	}

	.banner_track .frente .contador.despues span {
		padding-left:5px;
		padding-right:5px;
		margin-left:5px;
		margin-right:5px;
	}
	
}


/**************************************************************
Banner Etapas
**************************************************************/

.banner_etapas {
	width:90%;
	padding: 20px 5% 20px 5%;
	background-color: #162127;
}

.banner_etapas:after {
	content: ""; 
	display:block;
	clear: both; 
}

.banner_etapas .titulo {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 30px;
	line-height:40px;
	font-weight: 400;
	letter-spacing: 2px;
	color: #285A5B;
	text-transform:uppercase;
	text-align: center;
	margin-bottom:20px;
}

.banner_etapas .texto {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 26px;
	line-height:35px;
	font-weight: 400;
	letter-spacing: 1px;
	color: #285A5B;
	text-align: center;
	margin-top:-20px;
	margin-bottom:20px;
}

.banner_etapas .texto a {
	color: #285A5B;
}

.banner_etapas ul {
	width:100%;
}

.banner_etapas ul.hay2 {
	width:40%;
	padding:0 30% 0 30%;
}

.banner_etapas ul.hay3 {
	width:60%;
	padding:0 20% 0 20%;
}

.banner_etapas ul.hay4 {
	width:80%;
	padding:0 10% 0 10%;
}

.banner_etapas ul li {
	float:left;
}

.banner_etapas ul li .numero {
	width:45px;
	height:45px;
	background-color:#ffffff;
	border:7px solid #162127;
	border-radius:100px;
	text-align: center;
	line-height:42px;
	color:#000000;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 26px;
	font-weight: 600;
	margin:auto;
}

.banner_etapas ul li.seleccionada .numero {
	background-color:#285A5B;
	color:#ffffff;
}

.banner_etapas ul li.activa .numero {
	border:7px solid #00bb00;
}

.banner_etapas ul li .texto {
	color:#ffffff;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height:20px;
	margin:auto;
	padding-top:10px;
}

@media only screen and (max-width: 850px) {

	.banner_etapas {
		width:90%;
		padding-left:5%;
		padding-right:5%;
	}

	.banner_etapas ul li .texto {
		font-size: 12px;
		line-height:15px;
	}
	
}


/**************************************************************
Dialogo Tripulante
**************************************************************/

.dlg_tripulante {
	position:relative;
	align-self:center;
	width:74%;
	max-width:1000px;
	height:400px;
	color:#ffffff;	
	background-color:rgba(120,120,120,.8);
	padding:0px;
}

.dlg_tripulante #cerrar {
	position: absolute;
	width:30px;
	height:27px;
	right:30px;
	top:10px;
	cursor:pointer;
	background-image:url(dlg-cerrar.png);
}

.dlg_tripulante img {
	float:left;
	width:calc(40% - 80px);
	padding: 40px 40px 0 40px;
}

.dlg_tripulante .datos {
	float:left;
	width: calc(60% - 40px);
	height:calc(100% - 50px);
	padding:30px 40px 20px 0;	
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 18px;
	line-height:24px;
	font-weight: 300;
	overflow-y:scroll;
}

.dlg_tripulante .datos .nombre {
	font-size: 24px;
	line-height:40px;
	letter-spacing: 2px;
	margin-top:0px;
	padding-bottom:10px;
	margin-bottom:15px;
	border-bottom:1px solid #ffffff;
}

.dlg_tripulante .datos .mensaje {
	font-style: italic;
}

.dlg_tripulante .datos p {
	margin-top:10px;
}

.dlg_tripulante .datos li:before {
	content:"▪  ";
}

.dlg_tripulante .datos li {
	padding-left:30px;
}

@media only screen and (max-width: 850px) {

	.dlg_tripulante {
		width:100%;
		height:650px;
		text-align:center;
	}

	.dlg_tripulante #cerrar {
		position:fixed;
		top:180px;
	}

	.dlg_tripulante img {
		float:none;
		width:auto;
		height:200px;
		padding:30px 0% 20px 0%;
	}

	.dlg_tripulante .datos {
		float:none;
		width: 80%;
		height:calc(100% - 274px);
		padding:0 10% 20px 10%;	
		font-size:20px;
		line-height:24px;
		text-align: center;
		overflow-y:auto;
	}

	.dlg_tripulante .datos li {
		margin-left:-15px;
		padding-left:0px;
	}

}



/**************************************************************
Banner Tripulacion
**************************************************************/

.banner_tripulacion {
	padding:0px;
	background-color: #162127;
	position:relative;
	cursor:pointer;
}

.banner_tripulacion p img {
	margin-bottom:0px;
	width:100%;
}

.banner_tripulacion div.texto {
	position:absolute;
	width:100%;
	height:calc(100% - 3px);
	top:0px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 30px;
	font-weight: 400;
	letter-spacing: 2px;
	color: #cccccc;
	text-transform:uppercase;
	line-height:60px;
	text-align:center;
	display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
	background-color:rgba(0,0,0,.2);
}

.banner_tripulacion div.texto p {
	background-color:rgba(0,0,0,.5);
}


@media only screen and (max-width: 850px) {

	.banner_tripulacion div.texto {
		font-size: 26px;
		line-height:40px;
	}
}


/**************************************************************
Banner Tripulantes
**************************************************************/

.banner_tripulantes {
	width:100%;
	max-width:1560px;
	align-self: center;
	padding:20px 0px 10px 0px;
	background-color: #ffffff;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:18px;
	font-weight:300;
	line-height:25px;
	text-align:center;
	color:#000000;
}

.banner_tripulantes .titulo {
	font-weight:500;
}

.banner_tripulantes ul {
	display:flex;
	flex-wrap: wrap;
	width:100%;
	margin:auto;
	margin-left:-0.5%;
	margin-right:-0.5%;
	padding-top:10px;
}

.banner_tripulantes ul.son8 {margin-left:5.555%;}
.banner_tripulantes ul.son7 {margin-left:11.11%;}
.banner_tripulantes ul.son6 {margin-left:16.665%;}
.banner_tripulantes ul.son5 {margin-left:22.22%;}
.banner_tripulantes ul.son4 {margin-left:27.775%;}
.banner_tripulantes ul.son3 {margin-left:33.33%;}
.banner_tripulantes ul.son2 {margin-left:38.885%;}
.banner_tripulantes ul.son1 {margin-left:44.445%;}

.banner_tripulantes ul:after {
	content: ""; 
	display: block; 
	clear: both; 
}

.banner_tripulantes ul li {
	float:left;
	width:10.11%;
	padding:.5%;
	padding-top:20px;
}

.banner_tripulantes ul.son9 li { }

.banner_tripulantes ul li a {
	color:#000000;
}
	
@media only screen and (max-width: 850px) {

	.banner_tripulantes ul li {
		width:24%;
		margin-left:auto;
		margin-right:auto;
	}

	.banner_tripulantes ul.son8,
	.banner_tripulantes ul.son7,
	.banner_tripulantes ul.son6,
	.banner_tripulantes ul.son5,
	.banner_tripulantes ul.son4,
	.banner_tripulantes ul.son3,
	.banner_tripulantes ul.son2 {
		margin-left:0;
	}

}


/**************************************************************
Banner Bitacora
**************************************************************/

.banner_bitacora {
	width:100%;
	max-width:1560px;
	align-self: center;
	background-color: #ffffff;
	padding:0px 0px 10px 0px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:18px;
	font-weight:300;
	line-height:25px;
	color:#000000;
	padding-bottom:20px;
}

.banner_bitacora .tituloBanner {
	text-align:center;
	padding-top:40px;
	padding-bottom:20px;
	font-weight:500;
}

.banner_bitacora b {
	font-weight: 500;
}

.banner_bitacora .interno {
	background-color:#eeeeee;
	padding:20px;
}

.banner_bitacora .interno:after {
	content: ""; 
	display:block;
	clear: both; 
}

.banner_bitacora .interno .autor {
	float:left;
	width:100px;
	text-align: center;
}

.banner_bitacora .interno .autor .foto img {
	border-radius:50px;
}

.banner_bitacora .interno .titulo {
	float:left;
	width:calc(100% - 140px);
	padding-left:40px;
	font-weight:400;
	padding-bottom:10px;
}

.banner_bitacora .interno .titulo .singladura {
	float:left;
}

.banner_bitacora .interno .titulo .nombre {
	display:none;
}

.banner_bitacora .interno .titulo .fecha {
	float:right;
}

.banner_bitacora .interno .texto {
	position:relative;
	float:left;
	width:calc(100% - 140px);
	padding-left:40px;
}

.banner_bitacora .interno .texto .imagen {
	float:left;
	width:100%;
	padding:15px 0% 15px 0%;
	text-align:center;
	font-size:16px;
	font-weight:200;
}

.banner_bitacora .interno .texto .video {
	float:left;
	width:100%;
	padding:15px 0% 15px 0%;
	text-align:center;
	font-size:16px;
	font-weight:200;
}

.banner_bitacora .interno .texto .video iframe {
	width:600px;
	height:400px;
}

.banner_bitacora .interno .texto.cerrado {
//	max-height:100px;
	max-height:130px;
	overflow:hidden;
}
	
.banner_bitacora .interno .texto .mas {
	position:absolute;
//	top: 75px;
	top: 100px;
	right:0px;
	background-color:#eeeeee;
}

.banner_bitacora .interno .lista {
	display: flex;
	flex-wrap: wrap;
	column-gap:15px;	
	row-gap:15px;
}

.banner_bitacora .interno .lista > li {
	box-sizing: border-box;
	float:left;
	width:calc((100% - (15px * 4)) / 5);
	margin:auto;
	border:1px solid #000000;
	background-color:#ffffff;
}

.banner_bitacora .interno .lista > li .pie_foto {
	font-size:16px;
	text-align:center;
	padding:10px;
}


		
@media only screen and (max-width: 850px) {

	.banner_bitacora .interno .titulo {
		padding-left:20px;
	}
	
	.banner_bitacora .interno .titulo .singladura {
		width:100%;
		text-align: right;
	}

	.banner_bitacora .interno .titulo .nombre {
		display:block;
		width:100%;
		text-align: right;
		font-size:16px;
		color:#666666;
	}

	.banner_bitacora .interno .titulo .fecha {
		width:100%;
		text-align: right;
		font-size:16px;
		color:#666666;
	}

	.banner_bitacora .interno .autor .nombre {
		display:none;
	}

	.banner_bitacora .interno .texto {
		width: 100%;
		padding-left:0px;
	}

	.banner_bitacora .interno .texto .video iframe {
		width:100%;
	}
	
	.banner_bitacora .interno .lista > li {
		width:calc((100% - (15px * 1)) / 2);
	}
	
}
	

/**************************************************************
Banner Creditos
**************************************************************/

.banner_creditos {
	width:100%;
	max-width:1360px;
	align-self: center;
	margin:auto;
	padding: 40px 0 0 0;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 16px;
	line-height:22px;
	font-weight: 300;
	background-color: #ffffff;
	text-align:center
}

.banner_creditos p {
	padding-left:5%;
	padding-right:5%;
}

.banner_creditos p b {
	font-weight:500;
}

.banner_creditos p a {
	color: #000099;
}