* {
	border:0;
	margin:0;
	padding:0;
	text-decoration:none;
	outline:0;
	outline-color:none
}
body {
	margin:0 auto;
	text-decoration:none!important;
	outline:none!important;
	outline-color:none!important;
	padding:0;
	margin:0
}
li a:hover,a:focus {
	text-decoration:none!important;
	outline:none!important;
	outline-color:none!important
}
li {
	text-decoration:none
}
#header {
	position:fixed;
	width:100%;
	max-width:1920px;
	margin:0 auto;
	left:0;
	right:0;
	z-index:999;
	height:90px;
	background-color:rgba(255,255,246,0.95);
	background:rgba(255,255,246,0.95);
	-webkit-box-shadow:0 9px 19px -7px rgba(0,0,0,0.75);
	-moz-box-shadow:0 9px 19px -7px rgba(0,0,0,0.75);
	box-shadow:0 9px 19px -7px rgba(0,0,0,0.75)
}
#linea {
	position:relative;
	width:100%;
	max-width:1920px;
	margin:0 auto;
	left:0;
	right:0;
	z-index:9999999999999999;
	height:150px
}
.fo {
	background-image:url(../img/fondo-min.png);
	background-position:center right;
	background-repeat:no-repeat;
	background-size:contain;
	position:relative;
	margin:0 auto
}
#header .header-content {
	margin:0 auto;
	width:100%;
	max-width:1920px;
	position:relative;
	margin:0 auto;
	padding:37px 0;
	-moz-transition:padding .3s;
	-o-transition:padding .3s;
	-webkit-transition:padding .3s;
	transition:padding .3s
}
#header .logo {
	float:none;
	margin-left:0;
	top:8px;
	position:relative;
	margin:0 auto
}
#header.fixed .fo {
	background-image:url(../img/fondo-min.png);
	background-position:center right;
	background-repeat:no-repeat;
	background-size:contain
}
#header.fixed #linea {
	height:150px;
	-moz-transition:padding .3s;
	-o-transition:padding .3s;
	-webkit-transition:padding .3s;
	transition:padding .3s
}
@media only screen and (max-width:1024px) {
	#linea,#header.fixed #linea {
		height:auto
	}
	.fo {
		background-image:none;
		background-position:center right;
		background-repeat:no-repeat;
		background-size:contain;
		position:relative;
		margin:0 auto
	}
}
#header.fixed .logo {
	float:left
}
#header .logo img {
	width:100%;
	max-width:250px;
	height:auto;
	margin-top:-39px;
	position:relative
}
.centrar {
	margin:0 auto;
	text-align:center;
	position:relative;
	width:100%;
	max-width:1920px;
	height:100%;
	right:0;
	margin-right:0
}
.e {
	width:100%;
	max-width:20%!important;
	height:auto;
	position:relative;
	margin:0 auto;
	float:left;
	margin-top:0
}
.r {
	width:100%;
	max-width:80%!important;
	position:relative;
	margin:0 auto;
	height:auto;
	position:relative;
	margin:0 auto;
	float:right
}
#header.fixed .logo {
	float:none;
	margin-left:0;
	top:-8px;
	position:relative;
	margin:0 auto
}
#header.fixed .logo img {
	width:100%;
	max-width:165px;
	height:60px;
	margin-top:-25px;
	position:relative
}
#header.fixed {
	z-index:999;
	height:90px;
	background-color:rgba(255,255,246,0.95);
	background:rgba(255,255,246,0.95);
	-webkit-box-shadow:0 9px 19px -7px rgba(0,0,0,0.75);
	-moz-box-shadow:0 9px 19px -7px rgba(0,0,0,0.75);
	box-shadow:0 9px 19px -7px rgba(0,0,0,0.75);
	width:100%;
	max-width:1920px;
	position:fixed;
	margin:0 auto
}
#header.fixed .header-content {
	width:100%;
	max-width:1920px;
	padding:0;
	margin:0 auto;
	-moz-transition:padding .3s;
	-o-transition:padding .3s;
	-webkit-transition:padding .3s;
	transition:padding .3s;
	float:right
}
#header.fixed .header-content {
	border-bottom:0;
	padding:37px 0
}
#header.fixed .nav-toggle {
	top:32px
}
.navigation.open {
	opacity:.9;
	visibility:visible;
	-moz-transition:opacity .5s;
	-o-transition:opacity .5s;
	-webkit-transition:opacity .5s;
	transition:opacity .5s
}
.navigation {
	float:right;
	text-decoration:none;
	outline:0;
	outline-color:none;
	top:10px;
	position:relative
}
.navigation li {
	display:inline-block;
	text-decoration:none;
	outline:0;
	outline-color:none
}
	.navigation a {
		color: #666;
		font-size: 16px;/*16px;*/
		margin-left: 40px;
		font-family: 'merriweatherbold_italic'
	}
.pesado a {
	font-family: 'fira_sansbold';
	color: #fff;
	left: -4px
}
#header.fixed .pesado a {
	font-family: 'fira_sansbold';
	color: #fff
}
@media only screen and (max-width:1290px) {
	.navigation a {
		color: #666;
		font-size: 14px;/*14px;*/
		font-family: 'merriweatherbold_italic';
		text-decoration: none;
		outline: 0;
		outline-color: none
	}

	.pesado a {
		font-family: 'fira_sansbold';
		color: #fff;
		left: -10px
	}
}

@media only screen and (max-width:1135px) {
	.navigation a {
		color: #666;
		font-size: 10px;/*10px;*/
		font-family: 'merriweatherbold_italic';
		text-decoration: none;
		outline: 0;
		outline-color: none
	}
	.pesado a {
		font-family: 'fira_sansbold';
		color: #fff;
		left: -10px
	}
}
@media only screen and (max-width:1125px) {
	.navigation a {
		color: #666;
		font-size: 10px;/*10px;*/
		font-family: 'merriweatherbold_italic';
		text-decoration: none;
		outline: 0;
		outline-color: none
	}
	.pesado a {
		font-family: 'fira_sansbold';
		color: #fff;
		left: -10px
	}
}
@media only screen and (max-width:1044px) {
	.navigation a {
		color: #666;
		font-size: 13px;/*13px;*/
		font-family: 'merriweatherbold_italic';
		text-decoration: none;
		outline: 0;
		outline-color: none
	}
	.pesado a {
		font-family: 'fira_sansbold';
		color: #fff;
		left: -10px
	}
}
.navigation a.active {
	color: #3a3939;
	font-family: 'merriweatherbold_italic'
}
.navigation a:hover {
	color:#3a3939;
	text-decoration:none;
	outline:0;
	outline-color:none
}
@media screen and (max-width:5540px) and (min-width:1400px) {
	#header {
		height:105px
	}
	.centrar {
		margin:0 auto;
		text-align:center;
		position:relative;
		width:100%;
		max-width:5540px;
		height:100%;
		right:0;
		margin-right:0
	}
	.e {
		width:20%;
		max-width:20%!important;
		height:auto;
		position:relative;
		margin:0 auto;
		float:left;
		margin-top:0
	}
	.r {
		width:80%;
		max-width:80%!important;
		position:relative;
		margin:0 auto;
		height:auto;
		position:relative;
		margin:0 auto;
		float:right
	}
	#header .logo {
		margin-left:0;
		top:10px;
		position:relative;
		margin:0 auto;
		-moz-transition:all .3s;
		-o-transition:all .3s;
		-webkit-transition:all .3s;
		transition:all .3s
	}
	#header .logo img {
		width:265px;
		max-width:265px;
		height:auto;
		position:relative;
		margin-left:0
	}
	#header.fixed .logo {
		top:-2px;
		position:relative;
		margin:0 auto;
		margin-left:0;
		-moz-transition:all .3s;
		-o-transition:all .3s;
		-webkit-transition:all .3s;
		transition:all .3s
	}
	#header.fixed .logo img {
		width:205px;
		max-width:205px;
		height:auto;
		position:relative
	}
}
@media screen and (max-width:1399px) and (min-width:1181px) {
	.centrar {
		margin:0 auto;
		text-align:center;
		position:relative;
		width:100%;
		max-width:1399px;
		height:100%;
		right:0;
		margin-right:0
	}
	.e {
		width:15%;
		max-width:15%!important;
		height:auto;
		position:relative;
		margin:0 auto;
		float:left;
		margin-top:0
	}
	.r {
		width:85%;
		max-width:85%!important;
		position:relative;
		margin:0 auto;
		height:auto;
		position:relative;
		margin:0 auto;
		float:right
	}
	#header .logo {
		margin-left:0;
		top:11px;
		position:relative;
		margin:0 auto
	}
	#header .logo img {
		width:210px;
		max-width:210px;
		height:auto;
		position:relative;
		margin-left:0
	}
	#header.fixed .logo {
		top:4px;
		position:relative;
		margin:0 auto;
		margin-left:0
	}
	#header.fixed .logo img {
		width:180px;
		max-width:180px;
		height:auto;
		position:relative
	}
}
@media screen and (max-width:1180px) and (min-width:1024px) {
	.centrar {
		margin:0 auto;
		text-align:center;
		position:relative;
		width:100%;
		max-width:1180px;
		height:100%;
		right:0;
		margin-right:0
	}
	.e {
		width:15%;
		max-width:15%!important;
		height:auto;
		position:relative;
		margin:0 auto;
		float:left;
		margin-top:0
	}
	.r {
		width:85%;
		max-width:85%!important;
		position:relative;
		margin:0 auto;
		height:auto;
		position:relative;
		margin:0 auto;
		float:right
	}
	#header .logo {
		margin-left:0;
		top:9px;
		position:relative;
		margin:0 auto
	}
	#header .logo img {
		width:205px;
		max-width:205px;
		height:auto;
		position:relative;
		margin-left:0
	}
	#header.fixed .logo {
		top:4px;
		position:relative;
		margin:0 auto;
		margin-left:0
	}
	#header.fixed .logo img {
		width:180px;
		max-width:180px;
		height:auto;
		position:relative
	}
}
@media screen and (max-width:1023px) and (min-width:320px) {
	.e {
		width:230px;
		max-width:230px!important;
		height:auto;
		position:relative;
		margin:0 auto;
		left:0
	}
	#header .logo {
		margin-left:0;
		top:14px;
		position:relative;
		margin:0 auto
	}
	#header .logo img {
		width:210px;
		max-width:210px;
		height:auto;
		position:relative;
		margin-left:0
	}
	#header.fixed .logo {
		top:4px;
		position:relative;
		margin:0 auto;
		margin-left:8px
	}
	#header.fixed .logo img {
		width:180px;
		max-width:180px;
		height:auto;
		position:relative
	}
}
@media only screen and (max-width:1024px) {
	.fo {
		background-image:none;
		background-position:center right;
		background-repeat:no-repeat;
		background-size:contain;
		position:relative;
		margin:0 auto
	}
	.pesado a {
		font-family: 'fira_sansbold';
		color: #fff;
		background-color: #25a5dc
	}
	#header.fixed .pesado a {
		font-family: 'fira_sansbold';
		color: #fff;
		background-color: #f3ad32
	}
}
.nav-toggle {
	display:none;
	height:44px;
	overflow:hidden;
	position:fixed;
	right:5%;
	text-indent:100%;
	top:32px;
	white-space:nowrap;
	width:44px;
	z-index:99999;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-webkit-transition:all .3s;
	transition:all .3s;
	text-decoration:none!important;
	outline:none!important;
	outline-color:none!important
}
.nav-toggle:before,.nav-toggle:after {
	border-radius:50%;
	content:"";
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	-moz-transform:translateZ(0);
	-ms-transform:translateZ(0);
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	-moz-backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-moz-transition-property:-moz-transform;
	-o-transition-property:-o-transform;
	-webkit-transition-property:-webkit-transform;
	transition-property:transform
}
.nav-toggle span {
	background-color:#25a5dc;
	bottom:auto;
	display:inline-block;
	height:3px;
	left:50%;
	position:absolute;
	right:auto;
	top:50%;
	width:18px;
	z-index:10;
	-moz-transform:translateX(-50%) translateY(-50%);
	-ms-transform:translateX(-50%) translateY(-50%);
	-webkit-transform:translateX(-50%) translateY(-50%);
	transform:translateX(-50%) translateY(-50%)
}
.nav-toggle span:before,.nav-toggle span:after {
	background-color:#25a5dc;
	content:"";
	height:100%;
	position:absolute;
	right:0;
	top:0;
	width:100%;
	-moz-transform:translateZ(0);
	-ms-transform:translateZ(0);
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	-moz-backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-moz-transition:-moz-transform .3s;
	-o-transition:-o-transform .3s;
	-webkit-transition:-webkit-transform .3s;
	transition:transform .3s
}
.nav-toggle span:before {
	-moz-transform:translateY(-6px) rotate(0deg);
	-ms-transform:translateY(-6px) rotate(0deg);
	-webkit-transform:translateY(-6px) rotate(0deg);
	transform:translateY(-6px) rotate(0deg)
}
.nav-toggle span:after {
	-moz-transform:translateY(6px) rotate(0deg);
	-ms-transform:translateY(6px) rotate(0deg);
	-webkit-transform:translateY(6px) rotate(0deg);
	transform:translateY(6px) rotate(0deg)
}
.nav-toggle.close-nav:before {
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-webkit-transform:scale(0);
	transform:scale(0)
}
.nav-toggle.close-nav:after {
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-webkit-transform:scale(1);
	transform:scale(1)
}
.nav-toggle.close-nav span {
	background-color:rgba(255,255,255,0)
}
.nav-toggle.close-nav span:before,.nav-toggle.close-nav span:after {
	background-color:#f7ab40
}
.nav-toggle.close-nav span:before {
	-moz-transform:translateY(0) rotate(45deg);
	-ms-transform:translateY(0) rotate(45deg);
	-webkit-transform:translateY(0) rotate(45deg);
	transform:translateY(0) rotate(45deg)
}
.nav-toggle.close-nav span:after {
	-moz-transform:translateY(0) rotate(-45deg);
	-ms-transform:translateY(0) rotate(-45deg);
	-webkit-transform:translateY(0) rotate(-45deg);
	transform:translateY(0) rotate(-45deg)
}
.menu__link {
	padding:10px
}
.menu__link:hover,.menu__link:focus {
	outline:0
}
.menu--iris .menu__item {
	text-decoration:none!important;
	outline:none!important;
	outline-color:none!important
}
.menu--iris .menu__link {
	position:relative;
	text-align:center;
	-webkit-transition:color .3s;
	transition:color .3s;
	text-decoration:none!important;
	outline:none!important;
	outline-color:none!important
}
.menu--iris .menu__link::before,.menu--iris .menu__link::after {
	content:'';
	position:absolute;
	width:10px;
	height:10px;
	opacity:0;
	border:2px solid #30a5dc;
	-webkit-transition:-webkit-transform .3s,opacity .3s;
	transition:transform .3s,opacity .3s;
	-webkit-transition-timing-function:cubic-bezier(0.17,0.67,0.05,1.29);
	transition-timing-function:cubic-bezier(0.17,0.67,0.05,1.29);
	text-decoration:none!important;
	outline:none!important;
	outline-color:none!important
}
.menu--iris .menu__link::before {
	top:0;
	left:0;
	border-width:2px 0 0 2px;
	-webkit-transform:translate3d(10px,10px,0);
	transform:translate3d(10px,10px,0);
	text-decoration:none!important;
	outline:none!important;
	outline-color:none!important
}
.menu--iris .menu__link::after {
	right:0;
	bottom:0;
	border-width:0 2px 2px 0;
	-webkit-transform:translate3d(-10px,-10px,0);
	transform:translate3d(-10px,-10px,0);
	text-decoration:none!important;
	outline:none!important;
	outline-color:none!important
}
.menu--iris .menu__item--current .menu__link::before,.menu--iris .menu__item--current .menu__link::after {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	text-decoration:none!important;
	outline:none!important;
	outline-color:none!important
}
footer {
	width:100%;
	max-width:1920px;
	position:relative;
	margin:0 auto;
	height:auto;
	overflow:hidden;
	-webkit-box-shadow:-1px -4px 15px -3px rgba(0,0,0,0.75);
	-moz-box-shadow:-1px -4px 15px -3px rgba(0,0,0,0.75);
	box-shadow:-1px -4px 15px -3px rgba(0,0,0,0.75);
	margin-top:-5px
}
.lineafooter {
	width:100%;
	max-width:2px;
	height:70px;
	background-color:#fbf5f6;
	margin-left:-10px;
	float:left;
	top:40px;
	position:relative
}
.footer1 {
	width:100%;
	max-width:1920px;
	position:relative;
	margin:0 auto;
	float:left;
	height:160px;
	overflow:hidden;
	background-color:#33373a
}
.lista {
	text-align:center;
	top:30px;
	position:relative;
	width:100%;
	max-width:1920px;
	color:#fff;
	font-size:16px;
	padding:0 4em
}
.lista .se a {
	color:#fff;
	text-decoration:none;
	outline:0;
	outline-color:none
}
.lista a:hover {
	opacity:.6
}
.se a.active {
	font-family: 'merriweatherbold_italic' !important
}
.lista ul {
	outline:0;
	outline-color:none;
	text-decoration:none;
	background-color:transparent;
	list-style:none
}
.negra {
	color: #fff;
	font-family: 'fira_sansbold' !important;
	font-size: 1.3em;
	margin-top: -10px;
	position: relative
}
.linea2 {
	width:auto;
	margin-left:-1050px;
	margin-top:65px
}
.se {
	margin-top: 10px;
	font-family: 'merriweatherbold_italic' !important;
	line-height: 29px !important;
	letter-spacing: 1.1px !important;
	color: #fffdfd
}
.lista .sea a {
	color:#fff;
	text-decoration:none;
	outline:0;
	outline-color:none
}
.sea {
	top:10px;
	position:relative;
	letter-spacing:1px!important
}
	.sea a {
		letter-spacing: 1px !important;
		font-family: 'merriweatherbold_italic' !important
	}
.sea img {
	width:16px
}
.locus {
	margin-top:10px;
	text-align:right
}
.sumate {
	font-family: 'fira_sansbold' !important;
	letter-spacing: 2px
}
.barco {
	text-align: right;
	position: relative;
	font-size: 13px !important;
	font-family: 'fira_sansbold_italic' !important;
	color: #fff;
	top: 35px
}
@media only screen and (max-width:1200px) {
	.footer1 {
		height:180px!important
	}
}
@media only screen and (max-width:990px) {
	.footer1 {
		width:100%;
		max-width:1920px;
		position:relative;
		margin:0 auto;
		float:left;
		min-height:485px!important;
		overflow:hidden;
		background-color:#33373a
	}
	.sea {
		margin-top: 10px;
		text-align: left;
		font-family: 'merriweatherbold_italic' !important
	}
	.sea img {
		width:15px
	}
	.barco {
		text-align: left;
		position: relative;
		font-size: 14px;
		font-family: 'fira_sansbold_italic' !important;
		color: #fff;
		top: 35px
	}
}
@media only screen and (max-width:1200px) {
	.lista {
		text-align: center;
		top: 40px;
		margin: 0 auto;
		position: relative;
		width: 100%;
		color: #fff;
		font-family: 'fira_sansbold_italic'
	}
}
@media only screen and (max-width:990px) {
	.lista {
		text-align: center;
		top: 45px;
		margin: 0 auto;
		position: relative;
		width: 100%;
		color: #fff;
		font-family: 'fira_sansbold_italic'
	}
}
@media only screen and (max-width:780px) {
	.lista {
		text-align: center;
		top: 55px;
		margin: 0 auto;
		position: relative;
		width: 100%;
		color: #fff;
		font-family: 'fira_sansbold_italic'
	}
}
@media only screen and (max-width:680px) {
	.lista {
		text-align: center;
		margin: 0 auto;
		position: relative;
		width: 100%;
		color: #fff;
		font-family: 'fira_sansbold_italic';
		font-size: 1em
	}
	.barco {
		text-align: left;
		position: relative;
		font-size: 14px !important;
		font-family: 'fira_sansbold_italic' !important;
		color: #fff
	}
}
.col a {
	color:#fff
}
.col {
	color:#fff
}
.col a:hover {
	color:#fff
}
.negra2 {
	color:#fff;
	font-size:1em
}
.row {
	border-bottom:solid 1px transparent;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.row>* {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.row:after,.row:before {
	content:'';
	display:block;
	clear:both;
	height:0
}
.row.uniform>*>:first-child {
	margin-top:0
}
.row.uniform>*>:last-child {
	margin-bottom:0
}
.row.\30 \25>* {
	padding:0
}
.row.\30 \25 {
	margin:0 0 -1px 0
}
.row.uniform.\30 \25>* {
	padding:0
}
.row.uniform.\30 \25 {
	margin:0 0 -1px 0
}
.row>* {
	padding:0 0 0 2em
}
.row {
	margin:0 0 -1px -2em
}
.row.uniform>* {
	padding:2em 0 0 2em
}
.row.uniform {
	margin:-2em 0 -1px -2em
}
.row.\32 00\25>* {
	padding:0 0 0 4em
}
.row.\32 00\25 {
	margin:0 0 -1px -4em
}
.row.uniform.\32 00\25>* {
	padding:4em 0 0 4em
}
.row.uniform.\32 00\25 {
	margin:-4em 0 -1px -4em
}
.row.\31 50\25>* {
	padding:0 0 0 3em
}
.row.\31 50\25 {
	margin:0 0 -1px -3em
}
.row.uniform.\31 50\25>* {
	padding:3em 0 0 3em
}
.row.uniform.\31 50\25 {
	margin:-3em 0 -1px -3em
}
.row.\35 0\25>* {
	padding:0 0 0 1em
}
.row.\35 0\25 {
	margin:0 0 -1px -1em
}
.row.uniform.\35 0\25>* {
	padding:1em 0 0 1em
}
.row.uniform.\35 0\25 {
	margin:-1em 0 -1px -1em
}
.row.\32 5\25>* {
	padding:0 0 0 .5em
}
.row.\32 5\25 {
	margin:0 0 -1px -0.5em
}
.row.uniform.\32 5\25>* {
	padding:.5em 0 0 .5em
}
.row.uniform.\32 5\25 {
	margin: -0.5em 0 -1px -0.5em
}


#floatingButton {
	/* Posicionamiento fijo */
	position: fixed;
	bottom: 20px; /* Distancia desde la parte inferior */
	right: 20px; /* Distancia desde la parte derecha */
	/* Puedes ajustar estas posiciones (top, left, right, bottom) */
	/* Estilo del botón (opcional, si quieres un fondo o borde) */
	display: block; /* Para que la imagen ocupe todo el enlace */
	z-index: 1000; /* Asegura que esté por encima de otros elementos */
	cursor: pointer; /* Cambia el cursor para indicar que es clickeable */
	/* background-color: #007bff; */ /* Ejemplo de fondo */
	/* border-radius: 50%; */ /* Si quieres que sea redondo */
	/* padding: 10px; */ /* Espaciado interno */
	/* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */ /* Sombra para darle profundidad */
}


.button-image {
    object-fit: contain; /* No modifica la forma de mi imagen */
	width: 200px; /* Ajusta el tamaño de tu imagen */
	height: 200px; /* Mantiene la proporción de la imagen */
	display: block; /* Para eliminar cualquier espacio extra debajo de la imagen */
}