body{
	padding-top: 90px;
	color: #494a66;
	font-family: 'Avenir-Light';
}

/*Estilos generales*/

.text span[style] {
    font-size: inherit !important;
    line-height: inherit !important;
 }

.content-section .btn-info a{
	background: url(../../img/icons/icon-download.svg) no-repeat center right 12px;
	background-size:33px;
	border:1px solid #88BA08;
	border-radius: 6px;
	box-sizing:border-box;
	color:#494A66;
	display: inline-block;
	margin-bottom: 12px;
	padding:11px 52px 11px 19px;
	text-decoration:none;
}

main{
	position: relative;
}

/*Secciones interiores*/
.content-section{
	text-align: right;
	width: 100%;
}

main.blur{
	filter: blur(10px);
}

	.content-wrap{
		box-sizing: border-box;
		padding:45px 0;
		margin:0 auto;
		max-width:1280px;
		width: 100%;
	}

	.content-section .content-main{
		display: inline-block;
		position: relative;
		text-align: left;
		width: 900px;
	}

		.content-section h2{
			font:normal 48px/47px Avenir-Heavy;
			margin-bottom: 35px;
			position: relative;
		}

		.content-section .reference_anchor{
			display: block;
			height: 10px;
			position: absolute;
			top: -110px;
			left: 0;
			width: 10px;
		}

		.content-section h3{
			font:normal 26px/29px Avenir-Bold;
			margin-bottom: 28px;
		}

		.content-section h4{
			font:normal 18px/25px Avenir-Heavy;
			margin: 28px 0;
		}

		.content-section p{
			font:normal 18px/25px Avenir-Light;
			margin-bottom: 18px;
		}

		.content-section p img{
			max-width:100%;
		}

		.content-section b,
		.content-section strong{
			font-family:Avenir-Bold;
		}

		.content-section .medium-editor-element b{
			font-weight: 600;
		}

		.content-section i{
			font-style: italic;
		}

		.content-section a{
			font-family: Avenir-Heavy;
			color:#88BA08;
		}

		.content-section small{
			font-size:16px;
			line-height: 22px;
		}

		.content-section .btn{
			background:transparent;
			border:none;
			cursor: pointer;
			display: inline-block;
			text-decoration: none;
		}

		.content-section .btn.type01{
			background-color:#88BA08;
			border-radius:40px;
			-webkit-box-shadow: 9px 12px 39px -13px rgba(0,0,0,0.75);
			-moz-box-shadow: 9px 12px 39px -13px rgba(0,0,0,0.75);
			box-shadow: 9px 12px 39px -13px rgba(0,0,0,0.75);
			color:#FFF;
			font:normal 18px/25px Avenir-Heavy;
			padding:15px 24px;
			text-transform: uppercase;
		}

		.content-section p:last-child{
			margin-bottom: 0;
		}

		/*Listado de posts*/
		.content-section .posts-list ul{
			font-size: 0;
			margin-bottom:31px;
			padding:0;
		}

			.content-section .posts-list li{
				margin:0 10px 30px 0;
				opacity: 1;
				transform: scale(1);
				width: 284px;
			}

			.content-section .posts-list li:last-child{
				margin-right:0;
			}

			.content-section .posts-list li::before{
				display:none;
			}

			.content-section .posts-list figcaption{
				position: reltive;
			}

				.content-section .posts-list h3{
					color:#88BA08;
					font:normal 16px/18px Avenir-Heavy;
					margin-bottom:13px;
					text-transform:uppercase;
				}

				.content-section .posts-list p{
					box-sizing: border-box;
					color:#071E3D;
					font-size:14px;
					line-height: 19px;
					padding-right: 25px;
				}

				.content-section .posts-list .btn-read-more{
					bottom:17px;
					position: absolute;
					right:16px;
				}


			.content-section .posts-list .btn-wrap{
				text-align: center;
			}
		/*Fin - Listado de posts*/

	/*Figure gris con texto a un lado e imagen al otro*/
	.figure-block-01{
		background-color:#F8F8F8;
		font-size:0;
		margin-bottom:48px;
	}

		.figure-block-01 figcaption{
			background-color:#F1F1F1;
			box-sizing: border-box;
			display: inline-block;
			font:18px/25px Avenir-Light;
			padding:128px 70px;
			vertical-align:top;
			width: 50%;
		}

		.figure-block-01 img{
			display: inline-block;
			max-width: 430px;
			width: 100%;
		}
	/*Fin - Figure gris con texto a un lado e imagen al otro*/

	/*Sección con imagen de fondo de bosque*/
	.content-section .background{
		background-position: center center;
		background-repeat:no-repeat;
		color:#FFF;
		padding:100px 0 96px;
	}

	.content-section .background.type01{
		background-image:url(../../img/bkg-forest@2x.jpg);
		background-size:auto 100%;
	}

	.content-section .background.type03{
		background-image:url(../../img/bkg-warehouse@2x.jpg);
		background-size:100% auto;
	}

		.content-section .background h2{
			margin-bottom: 10px;
		}

		.content-section .background a{
			color:#FFF;
		}

		.content-section .background .text{
			padding-right: 200px;
		}

		.content-section .background ul{
			display: flex;
			justify-content: space-between;
			margin-top:100px;
			padding:0;
		}

			.content-section .background li{
				border-right:1px solid rgba(255, 255, 255, .17);
				display: inline-block;
				flex-grow:1;
				padding:0 25px 90px;
				text-indent: 0;
			}

			.content-section .background li:first-child{
				padding-left:0;
			}

			.content-section .background li:last-child{
				border-right:none;
			}

			.content-section .background li:before{
				display: none;
			}

				.content-section .background li img{
					height: 74px;
					margin-bottom:20px;
				}

				.content-section .background span{
					display:blocK;
				}

				.content-section .background .big{
					font:normal 27px/37px Avenir-Heavy;
				}

				.content-section .background .small{
					font:normal 16px/22px Avenir-Heavy;
				}
	/*Fin - Sección con imagen de fondo de bosque*/


/*anchor-block*/
.anchor-block{
	background-color: red;
	display: block;
	height: 10px;
	position: absolute;
	top: -100px;
	width: 10px;
}
/*Fin - anchor-block*/

/*Acordeon*/
.accordion{
	margin-bottom:30px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.accordion.w75{
	width: 75%;
}

	.accordion > .btn-toggle{
		background:url(../../img/icons/icon-arrow_down-01.svg) no-repeat center right 31px #88BA08;
		border:none;
		box-sizing:border-box;
		color:#FFF;
		cursor:pointer;
		padding:17px 31px;
		text-align:left;
		width: 100%;
	}

	.accordion.type02 > .btn-toggle{
		padding:10px 14px;
	}

		.accordion > .btn-toggle > h3{
			font:normal 25px/34px Avenir-Heavy;
			margin:0;
		}

		.accordion.type02 > .btn-toggle > h3{
			display: inline-block;
			font-size: 18px;
			line-height: 25px;
			text-transform: uppercase;
		}

	.accordion.show > .btn-toggle{
		background-image:url(../../img/icons/icon-arrow_up-01.svg);
	}

	.accordion > .accordion-content{
		background-color:rgba(235,237,229,0.26);
		box-sizing: border-box;
		font-size: 0;
		max-height:0;
		overflow: hidden;
		/*transition:200ms;*/
		/*padding:41px 0;*/
	}

	.accordion.show > .accordion-content {
		height: auto;
		max-height: 10000px;
		padding:41px 0;
	}

	.accordion.type02 > .accordion-content{
		background-color:#FFF;
	}
/*Fin - Acordeon*/

	/*Listados de posts con búsquedas*/
	.post-list-search{

	}

		.post-list-search header{
			margin-bottom: 28px;
			position: relative;
		}

			.post-list-search header h4{
				font: normal 18px/26px Avenir-Heavy;
				margin-bottom: 19px;
			}


			.post-list-search header .search-input-wrap{
				display: inline-block;
			}

			.post-list-search header .search{
				background: url(../../img/icons/icon-search@2x.png) no-repeat center right 2px;
				background-size: 31px auto;
				border:2px solid #071E3D;
				border-radius: 28px;
				box-sizing: border-box;
				padding:9px 40px 9px 18px;
				max-width: 420px;
				width: 420px;
			}

			.post-list-search header .options {
				bottom:0;
				position: absolute;
				right: 0;
			}

				.post-list-search header .options label{
					display: block;
					font-family:Avenir-Heavy;
					margin-bottom: 10px;
				}

				.post-list-search header .flatpickr{
					border:2px solid #071E3D;
					border-radius: 28px;
					box-sizing: border-box;
					padding:9px 18px 9px;
					width: 110px;
				}

				.post-list-search .options select{
					border: 2px solid #071E3D;
					border-radius: 28px;
					color:#071E3D;
					font:14px/19px Avenir-Medium;
					padding: 9px 15px 9px 9px;
				}

		.post-list-search footer{
			text-align: center;
		}

			/*.post-list-search footer a,*/
			.post-list-search footer button{
				background-color:#88BA08;
				border-radius: 100%;
				border:none;
				color:#FFF;
				cursor: pointer;
				display: inline-block;
				font:21px/54px Avenir-heavy;
				height:52px;
				padding:0;
				text-decoration: none;
				width:52px;
			}

			a.hidden,
			button.hidden{
				display: none!important;
			}
	/*Fin - Listados de posts con búsquedas*/

	/*Formulario*/
	.form{
		background-color:#F8F8F8;
		border-radius: 7px;
		box-sizing: border-box;
		color: #494A66;
		margin:20px 0 27px;
		padding:32px 26px;
	}

		.form .hide{
			display: none!important;
		}

		.form input:invalid,
		.form textarea:invalid,
		.form select:invalid {
			box-shadow: none;
		}

		.form fieldset{
			margin-bottom:36px;
		}

			.form legend{
				font:18px/25px Avenir-heavy;
				padding-bottom: 25px;
			}

			.form p{
				font:18px/25px 'Avenir-Light';
			}

			.form p.f16{
				font:16px/23px 'Avenir-Light';
			}

			.form p.f14{
				font:14px/21px 'Avenir-Light';
			}

			.form p.plr{
				padding: 0 10px;
			}

			.form .p-{
				font-size:16px;
				line-height:22px;
			}

			.form h4{
				font:18px/25px Avenir-heavy;
				margin-bottom:20px;
			}

			.form ul{
				font-size: 0;
				list-style: none;
				padding:0;
			}

				.form li{
					margin-bottom:10px;
				}

				.form li:before{
					display: none;
				}

			.form label{
				font:16px/22px Avenir-light;
			}

				.form label b{
					font-family:Avenir-Heavy;
				}

				.form label input{
					margin-right: 8px;
				}

			.form .checkbox-wrap:not(:last-child){
				margin-bottom:36px;
			}

			.form .radio-wrap{
				margin-bottom:36px;
			}

				.form .radio-wrap li{
					display: inline-block;
					margin-right: 40px;
				}

				.form .radio-wrap li:last-child{
					margin-right: 0;
				}

			.form .fields-wrap{

			}

				.form .fields-wrap .row{
					display: grid;
					grid-gap: 20px;
					grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
					margin-bottom:13px;
					width:100%;
				}

				.form .fields-wrap .row.gap5{
					grid-gap: 5px;
				}

					.form .fields-wrap input:not([type="checkbox"]),
					.form .fields-wrap input:not([type="radio"]),
					.form .fields-wrap select,
					.form .fields-wrap textarea {
						background-color: #FFF;
						border:1px solid rgba(73,74,102,0.19);
						box-sizing: border-box;
						font:16px/22px Avenir-light;
						padding:17px 28px;
					}

					.form .fields-wrap textarea{
						border:1px solid rgba(73,74,102,0.19);
						height: 123px;
					}

					.form .fields-wrap .w100{
						grid-column: 1/7;
					}

					.form .fields-wrap .row .w66:nth-of-type(1){
						grid-column:1/5;
					}

					.form .fields-wrap .row .w66:nth-of-type(2){
						grid-column:3/7;
					}

					.form .fields-wrap .row .w50:nth-of-type(1){
						grid-column:1/4;
					}

					.form .fields-wrap .row .w50:nth-of-type(2){
						grid-column:4/7;
					}

					.form .fields-wrap .row .w33:nth-of-type(1){
						grid-column:1/3;
					}

					.form .fields-wrap .row .w33:nth-of-type(2){
						grid-column:3/5;
					}

					.form .fields-wrap .row .w33:nth-of-type(3),
					.form .fields-wrap .row .w33.elem3{
						grid-column:5/7;
					}

			.form .info{
				margin: 30px 0;
			}

				.form .info ul{
					list-style: disc;
					padding-left:20px;
				}

					.form .info ul li{
						font:16px/22px Avenir-light;
						margin-bottom:5px;
					}

			.form .file-wrap{
				background:url(../../img/icons/icon-download02@2x.png) no-repeat center right 20px #FFF;
				background-size: 26px 26px;
				border:1px solid rgba(73,74,102,0.19);
				box-sizing:border-box;
				cursor: pointer;
				padding:17px 28px;
				position: relative;
			}

				.form .file-wrap span{
					color:#494A66;
					font:16px/22px Avenir-light;
				}

				.form .file-wrap input{
					left: 0;
					opacity: 0;
					position: absolute;
					top: 0;
				}

			.form .legal{
				font-size:14px;
				line-height: 19px;
			}

			.form small{
				font-size:14px;
				line-height: 19px;
			}

		.form .text{
			margin-top:20px;
		}

			.form .text .bullet-list{
				margin-bottom:30px;
				padding:0 0 0 30px;
			}

		.form footer{

		}

			.form [type="submit"]{
				margin:20px 0
			}

				.form [type="submit"] span{
					display: none;
				}

				.form[data-status="0"] [type="submit"] span,
				.form[data-status="1"] [type="submit"] span:nth-child(1),
				.form[data-status="2"] [type="submit"] span:nth-child(2),
				.form[data-status="3"] [type="submit"] span:nth-child(3),
				.form[data-status="4"] [type="submit"] span:nth-child(4){
					display: block;
				}
/*
				.form[data-status="2"] [type="submit"] span{
					color:#ABC7FF;
				}

				.form[data-status="3"] [type="submit"] span{
					color:#9CB36F;
				}

				.form[data-status="4"] [type="submit"] span{
					color:#FFF;
				}
				*/
	/*Fin - Formulario*/

	/*Faq*/
	.faq{
		list-style: none;
		padding:0;
	}

		.faq dt{
			border-bottom:1px solid rgba(7,30,61,0.16);
			padding:21px 0;
		}

			.faq button{
				background-size:13px auto;
				border:none;
				box-sizing: border-box;
				color:#494A66;
				cursor: pointer;
				font:16px/21px Avenir-Medium;
				padding:0 60px 0 30px;
				text-align: left;
				width: 100%;
				position: relative;
				background-color: transparent;
			}

			.faq button:after {
				content: "\f107";
				display: block;
				position: absolute;
				top: 50%;
				right: 30px;
				display: inline-block;
				font-family: FontAwesome;
				font-size: inherit;
				text-rendering: auto;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				transform: translateY(-50%);
				font-size: 20px;
			}

			.faq dd{
				box-sizing: border-box;
				color:#494A66;
				display: grid;
				font:normal 16px/25px Avenir-Light;
				grid-template-rows: 0fr;
				margin: 0;
				padding:20px 60px 0 30px;
				transition: grid-template-rows 0.4s ease-out;

				div{
					overflow:hidden;
				}
			}

				.faq dd h3{
					font:normal 18px/25px Avenir-Heavy;
					margin-top:28px;
				}

				.faq dd h3:first-child{
					margin-top:0;
				}

				.faq dd p{
					font-size:15px;
				}

				.faq dd p:last-child{
					margin-bottom: 20px;
				}

					.faq dd img{
						display: block;
						margin: 0 auto;
					}

		.faq .show dt{
			background-color: #88BA08;
		}

			.faq .show dt button{
				color:#FFF;
				font-family:Avenir-Heavy;
			}

			.faq .show dt button:after {
				transform: translateY(-50%) rotate(180deg);
			}

		.faq .show dd{
			grid-template-rows: 1fr;
			transition: grid-template-rows 0.4s ease-in;
		}
	/*Fin - Faq*/

	/*Listado de logos*/
	.content-section ul.logos{
		display: flex;
		font-size: 0;
		margin:0;
		padding-left:0;
		justify-content: space-between;
	}

		.logos li{
			display: inline-block;
		}

			.logos img{
				height: 66px;
			}
	/*Fin - Listado de logos*/

	/*Listas*/
	.lists-wrap{
		font-size: 0;
	}

		.lists-wrap .list{
			box-sizing: border-box;
			display: inline-block;
			border-left:4px solid #88BA08;
			height: 100%;
			padding: 0 60px;
			vertical-align: top;
			width: 50%;
		}

			.lists-wrap .list h4{
				color:#494A66;
				font:normal 17px/24px Avenir-Heavy;
				padding:37px 0 20px;
			}

			.lists-wrap ul{
				list-style: disc;
				margin:0;
				padding:0;
			}

				.lists-wrap li{
					font:15px/24px Avenir-light;
					margin-bottom:10px;
				}

				.lists-wrap li:before{
					display: none;
				}

	.bullet-list{
		box-sizing: border-box;
		margin-top: 18px;
		padding-left: 45px;
	}

		.bullet-list li {
			font: normal 18px/25px Avenir-Light;
			margin-bottom: 20px;
			text-indent: -10px;
		}

		.bullet-list li:last-child{
			margin-bottom: 0;
		}

		.bullet-list li:before {
			content: "\2022";
			color: #88b908;
			display: inline-block;
			width: 20px;
			margin-left: -10px;
		}
	/*Fin - Listas*/

	/*PDF Listas*/
	.pdf-list ul {
		font-size: 0;
		list-style: none;
		margin-top: 62px;
		padding: 0;
	}

		.pdf-list ul li {
			display: inline-block;
			margin-bottom: 70px;
			vertical-align: top;
			width: 50%;
		}

		.pdf-list ul li a:before {
			background: url(../../img/icons/icon-pdf.svg) no-repeat center center #FFF;
			background-size:64px auto;
			border-radius: 100%;
			-webkit-box-shadow: 1px 1px 5px 0px rgba(153,153,153,1);
			-moz-box-shadow: 1px 1px 5px 0px rgba(153,153,153,1);
			box-shadow: 1px 1px 5px 0px rgba(153,153,153,1);
			content: '';
			display: inline-block;
			height: 98px;
			margin-right: 21px;
			width: 98px;
		}

		.pdf-list ul li a.catalogos-item:before{
			background-image:url(../../img/icons/icon-book.svg);
			background-size: 55px auto;
		}

			.pdf-list ul li a {
				color: #494A66;
				display: table;
				font: normal 18px/25px Avenir-Light;
				padding-right: 30px;
				text-decoration: none;
			}

				.pdf-list ul li  span {
					display: table-cell;
					vertical-align: middle;
				}

	.pdf-list footer{
		text-align: center;
		margin-top: 20px;
	}

		.pdf-list footer button {
			background-color: #88BA08;
			border-radius: 100%;
			border: none;
			color: #FFF;
			cursor: pointer;
			display: inline-block;
			font: 21px/54px Avenir-heavy;
			height: 52px;
			padding: 0;
			text-decoration: none;
			width: 52px;
		}

	/*Fin - PDF Listas*/

	/*Tabs*/
    .tabs{

    }

        .tabs header{

        }

            .tabs header ul{
                font-size: 0;
                padding:0
            }

                .tabs header li{
                    display: inline-block;
                    margin-bottom: 0;
                }

                .tabs header li:before{
                    display: none;
                }

                    .tabs header button{
                        background: none;
                        border:none;
                        border-bottom: 1px solid #494A66;
                        cursor: pointer;
                        font:normal 16px 22px Avenir-Medium;
                        padding-bottom: 20px;
                        text-align: left;
                        width: 100%;
                    }

                    .tabs header button.active{
                        border-bottom: 2px solid #88BA08;
                        color:#88BA08;
                    }

    .tab-content{
        display: none;
        margin-top: 47px;
    }

    .tab-content.active{
        display: block;
    }
	/*Fin - Tabs*/

/*Fin Secciones interiores*/

/*Fin - Estilos generales*/

/*Cabecera principal*/
#main-header{
	background-color: #FFF;
	border-bottom: 1px solid #88BA08;
	box-sizing: border-box;
	position: fixed;
	height: 90px;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 12;
}

	#main-header .content {
		max-width: 1280px;
		margin: 0 auto;
		height: 100%;
		position: relative;
		padding: 0 20px;
	}
/*
		#logo img{
			width: 140px;
			margin-top: 21px;
		}
*/
		#logo img {
			width: 180px;
			margin-top: 17px;
		}

		#main-header #mobile_menu{
		display: none;
	}

	#main-header ul.main_menu{
		display: block;
		float: right;
		font-size: 0;
		padding-top: 30px;
	}

		#main-header ul.main_menu > li{
			display: inline-block;
			padding: 0 4px;
			position: relative;
			vertical-align: top;
		}

		#main-header ul.main_menu > li.static{
			position:static
		}

		#main-header ul.main_menu > li.mobile{
			display: none;
		}

			#main-header ul.main_menu > li > a,
			#main-header ul.main_menu > li label{
				display: inline-block;
				background-color: #071e3d;
				min-width: 32px;
				height: 32px;
				line-height: 32px;
				color: #fff;
				text-align: center;
				border-radius: 20px;
				text-decoration: none;
				border: 1px solid #071e3d;
				box-sizing: border-box;
				font-family: 'Avenir-Medium';
				font-size: 14px;
			}

			#main-header ul.main_menu > li a:hover,
			#main-header ul.main_menu > li label:hover{
				background-color: #88BA08;
				border-color: #88BA08;
			}

			#main-header ul.main_menu > li .header_video a,
			#main-header ul.main_menu > li .header_video label{
				background-color: transparent;
				border-color: transparent;
			}

			#main-header ul.main_menu > li a.white{
				background-color: #fff;
				color: #071E3D;
				font-size: 12px;
			}

			#main-header #lang{
				text-transform: uppercase;
			}

			#main-header ul.main_menu > li a.link{
				background: none;
				color: #071E3D;
				border: none;
				margin: 0 10px;
				position: relative;
			}

			#main-header ul.main_menu > li > a.link:after{
				position: absolute;
				bottom: -27px;
				height: 2px;
				border-bottom: 2px solid #88BA08;
				left: 0px;
				width: 0%;
				content: '';
				display: block;
				transition: 750ms;
				height: 100%;
			}

			#main-header ul.main_menu > li:hover a:after{
				width: 100%;
			}

			#main-header ul.main_menu >li > a{
				transition: 750ms;
			}

			#main-header ul.main_menu > li:hover a.link{
				background: none;
				border: none;
				color: #88ba08;
			}

			#main-header ul.main_menu > li a.link.active{
				background: none;
				border: none;
				color: #88ba08;
			}

			#main-header ul.main_menu h2 a{
				color:inherit;
				text-decoration: none;
			}

			#main-header ul.main_menu h2 a:hover{
				background:transparent;
			}

			#main-header .reserved-lab{
				font-size:14px;
				padding:0 15px;
			}

				#main-header .reserved-lab i{
					padding-right: 8px;;
				}

			#main-header a.menu-premios{
				font-size:14px;
				padding:0 15px;
				background-color: #88ba08 !important;
				border-color: #88ba08 !important;
				animation-name: premios;
    			animation-duration: 2s;
    			animation-iteration-count: infinite;
			}

			#main-header a.menu-premios:hover{
				background-color: #071e3d !important;
				border-color: #071e3d !important;
			}

			.tiktok{
				background:no-repeat url(../../img/icons/tiktok.svg?v1) center center;
				background-size: 16px;
			}

			@keyframes premios {
			    0%   {
			        filter: brightness(1);
			        -webkit-filter: brightness(1);
			    }
			    50%  {
			        filter: brightness(0.8);
			        -webkit-filter: brightness(0.8);
			    }
			    100% {
			        filter: brightness(1);
			        -webkit-filter: brightness(1);
			    }
			}

	#main-header .submenu{
		border: 1px solid #EBEDE5;
		padding: 0px;
		position: absolute;
		background-color: #fff;
		/*top: 91px;*/
		top:59px;
		left:0;
		left: 50%;
		transform: translateX(-50%);
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
		clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
		transition: 750ms;
		/*width: 980px;*/
		width: 400px;
		font-size: 0px;
		z-index: 12;
	}

	#main-header ul li:hover .submenu{
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}

	#main-header .submenu.wide{
		top: 91px;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
	}

		#main-header .submenu .pct38{
			box-sizing: border-box;
			padding: 30px 40px;
			border-right: 1px solid #fafafa;
			vertical-align: top;
		}

		#main-header .submenu .pct24{
			box-sizing: border-box;
			padding: 30px 40px;
			vertical-align: top;
		}

		#main-header .submenu h2{
			color: #88BA08;
			font-size: 14px;
			font-family: 'Avenir-Heavy';
			margin-bottom: 20px;
		}

		#main-header .submenu .left_col{
			width: 100%;
			display: inline-block;
			box-sizing: border-box;
			padding: 40px 80px;
		}

		#main-header .submenu .right_col{
			width: 50%;
			display: inline-block;
			background-color: #EBEDE5;
			vertical-align: top;
			height: 100%;
		}

			#main-header .submenu .right_col a,
			#main-header .submenu .right_col label{
				font-family: 'Avenir-Medium';
				font-weight: bold;
				font-size: 14px;
				background: transparent;
				min-width: 32px;
				height: auto;
				line-height: initial;
				color: #494A66;
				border-radius: 0px;
				text-decoration: none;
				border: 0px;
			}

		#main-header .submenu ul li{
			font-size: 16px;
			padding: 10px 0;
			display: block;
			border-bottom: 1px solid #fafafa;
			transition: 750ms;
		}

		#main-header .submenu ul li:hover{
			border-bottom: 1px solid #88ba08;
		}

			#main-header .submenu ul li a{
				background: url(../../img/icons/arrow.right04.svg) no-repeat center right;
				background-size: 3px;
				border: 0px;
				border-radius: 0px;
				box-sizing: border-box;
				color: #494A66;
				display: block;
				font:16px/37px 'Avenir-Light';
				height: auto;
				line-height: initial;
				margin: 0 5px;
				min-width: 32px;
				text-align: left;
				text-decoration: none;
				transition: 750ms;
			}

			#main-header .submenu ul li a:hover{
				color: #88ba08;
				background-position: 98% center;
				background-color: #fff;
			}

			#main-header .submenu ul li a.close-sesion{
				color: #88ba08;
			}

		#main-header .submenu .header_video{
			padding: 15px 25px;
		}

			#main-header .submenu .header_video a{
				float: right;
				display: inline-block;
				/*background-image: url(../img/link_arrow.png);*/
				background-repeat: no-repeat;
				background-position: right center;
				padding-right: 25px;
				background-size: 19px;
			}

			#main-header .submenu .header_video a:hover{
				color: #88ba08;
			}

/*Fin - Cabecera principal*/

/*3D*/
.hotspot{
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: rgba(175, 209, 90, .7);
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	transform: translate(20px, -50%);
	cursor: pointer;
	opacity: 0;
	transition: 800ms;
	z-index: 11;
}

#hotspot2.hotspot{
	transform: translate(55px, -190px);
}

#hotspot3.hotspot{
	transform: translate(-95px, 160px);
}

#hotspot4.hotspot{
	transform: translate(165px, -280px) rotate(-90deg);
}

.hotspot:before{
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background-color: rgba(175, 209, 90, .5);
	position: absolute;
	top: -10px;
    left: -10px;
	content: '';
	transform: scale(1);
	transition: 750ms;
}

.hotspot:hover:before{
	transform: scale(1.7);
}

.hotspot:after{
	width: 25px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: '^';
    font-family: 'Avenir-Medium';
    font-size: 18px;
    color: #fff;
    transform: translate(-50%, -50%);
    transition: 750ms;
}

.hotspot:hover:after{
	transform: translate(-50%, -50%) rotate(180deg);
}

#hotspot4.hotspot:hover:after{
	transform: translate(-50%, -50%) rotate(-0deg);
}

.hotspot .infopopup{
    width: 200px;
    border: 1px solid #88ba08;
    min-height: 60px;
    border-radius: 20px;
    font-family: 'Avenir-Light';
    font-size: 15px;
    line-height: 18px;
    padding: 15px;
    box-sizing: border-box;
    opacity: 0;
    transform: translate(-30px, 0px) scale(0);
    transition: 750ms;
    background-color: #fff;
}

.hotspot:hover .infopopup{
    opacity: 1;
    transform: translate(-30px, 60px) scale(1);
}

.hotspot.side:hover .infopopup{
	transform: translate(60px, -60px) scale(1);
}

/*Fin - 3D*/

.pct50{
	width: 50%;
	float: left;
	height: 100%;
	box-sizing: border-box;
	position: relative;
}

.pct24{
	width: 24%;
	box-sizing: border-box;
	display: inline-block;
}

.pct38{
	width: 38%;
	box-sizing: border-box;
	display: inline-block;
}

.pct33{
	width: 33%;
	float: left;
	height: 100%;
	box-sizing: border-box;
}

.pct90{
	max-width: 90%;
}

.pct70{
	max-width: 70%;
}

.pct100{
	max-width: 100%;
}

/*Main - Footer*/
#main-footer{
	background-color: #494A66;
	padding: 30px 20px;
}

#main-footer a:hover{
	text-decoration: underline;
}

#main-footer .content{
	position: relative;
}

#main-footer .content .line {
	box-sizing: border-box;
	height: 1px;
	width: 100%;
	border-top: 1px solid rgba(255,255,255,0.2);
	opacity: 0.2;
	margin: 20px 0 20px;
}

#main-footer nav{
	font-family: 'Avenir-Light';
	color: #fff;
	font-size: 14px;
	float: right;
	padding-top: 20px;
}

#main-footer nav span{
	display: inline-block;
	padding-right: 20px;
}

#main-footer nav a{
	color: #fff;
	text-decoration: none;
	display: inline-block;
	padding: 0 5px;
}

#main-footer ul{
	width: 100%;
}

#main-footer ul li b{
	font-family: 'Avenir-Medium';
	font-weight: normal;
	display: block;
	padding-bottom: 20px;
}

#main-footer ul li.social_btn{
	text-align: right;
	float: right;
}

#main-footer div.social_btn a{
	display: inline-block;
	width: 32px;
	height: 32px;
	box-sizing: border-box;
	border: 2px solid #fff;
	border-radius: 50%;
	margin-left: 7px;
	text-align: center;
	line-height: 30px;
	font-size: 13px;
	vertical-align: top;
}

#main-footer div.social_btn a.big{
	width: auto;
	border-radius: 20px;
	padding: 0 15px;
}

#main-footer ul li.social_btn a.idioma{
	background-image: url(../img/idiomas.png);
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center;
}

#main-footer ul li.social_btn a.idioma img{
	width: 20px;
}

#footer_menu{
	font-size: 0px;
	color: #fff;
}

#footer_menu .left{
	width: 30%;
	display: inline-block;
	font-size: 14px;
	text-align:left;
	line-height: 30px;
}

#footer_menu .left i{
	width: 20px;
	font-size: 16px;
}

#footer_menu .right{
	width: 70%;
	display: inline-block;
	font-size: 14px;
	text-align:right;
	vertical-align: top;
}

#footer_menu .right li{
	margin: 20px 20px 15px;
	font-family: "Avenir-Heavy";
	display: inline-block;
	text-align: left;
	vertical-align: top;
}

#footer_menu .right li i{
	font-size: 13px;
	margin-left: 10px;
	font-weight: bold;
}

#footer_menu .right li a.active i{
	transform: rotate(180deg);
	color: #88BA08;
}

#footer_menu .right li a{
	color: #fff;
	text-decoration: none;
}

#footer_menu .right li ul{
	margin-top: 25px;
	display: none;
}

#footer_menu .right li ul.active{
	display: block;
}

#footer_menu .right li ul li{
	display:block;
	width: 100%;
	text-align: left;
	margin: 15px 0;
}

#footer_menu .right li ul a{
	color: #88BA08;
	display:block;
	width: 100%;
}

#footer_menu .right li ul a i{
	float: right;
	font-size: 12px;
}

#main-footer .legales{
	font-size: 12px;
	color: #fff;
	position: relative;
	text-align: right;
}

#main-footer .legales .left{
	position: absolute;
	top: 50%;
	left: 0;
	width: auto;
	text-align: left;
	transform: translateY(-50%);
}

#main-footer .legales .center{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	transform: translateY(-50%);
}

#main-footer .legales .center a{
	color: #fff;
	text-decoration: none;
	margin: 0 5px;
}
/*
#main-footer .legales .right{
	width: 150px;
}
*/
/*Fin - Main footer*/

/*Menú izquierdo*/
#side_menu{
	width: 330px;
    position: absolute;
    left: 50%;
    margin-left: 0;
    transform: translateX(-620px);
	top: 0px;
	height: calc(100% - 50px);
	z-index: 1;
}

#sidebar {
    width: 330px;
    color: #ffbdbd;
    will-change: min-height;
    position: sticky;
    left: 0%;
    margin-left: 0;
    z-index: 2;
    top: 100px;
}

#sidebar .sidebar__inner{
	padding: 15px 25px 40px;
	position: relative;
	transform: translate(0, 0);
	transform: translate3d(0, 0, 0);
	will-change: position, transform;
	background-color: #071e3d;
	border-radius: 10px;
	box-sizing: border-box;
	margin-left: 10px;
	margin-top: 10px;
	font-size: 16px;
	color: #494a66;
	line-height: 22px;
	font-family: 'Avenir-Light';
	z-index: 11;
	width: 310px!important;
}

#sidebar .sidebar__inner a{
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 10px 10px;
}

#sidebar .sidebar__inner a.close-sesion{
	color: #88BA08;
}

#sidebar .sidebar__inner a.active{
	font-family: 'Avenir-Medium';
	color: #88BA08;
	position: relative;
}

#sidebar .sidebar__inner a:after{
	position: absolute;
	bottom: 0px;
	left: 10px;
	content: '';
	height: 1px;
	border-bottom: 1px solid #88BA08;
	display: block;
	width: 0px;
	transition: 750ms;
}

#sidebar .sidebar__inner a.active:after{
	width: calc(100% - 20px);
}

#sidebar .sidebar__inner label{
	font-family: 'Avenir-Medium';
    color: #fff;
    font-size: 12px;
    padding: 10px 10px 20px;
    display: block;
    text-align: right;
}

#sidebar .sidebar__inner label a{
	color: #fff;
	display: inline-block;
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	border-radius: 50%;
	border: 0.7px solid #fff;
	padding: 0px;
	margin-left: 5px;
	vertical-align: top;
}
/*Fin - Menú izquierdo*/

/*Infografía*/
.infografia-wrap{
	margin:64px auto 36px;
	position: relative;
	max-width:711px;
}

	.infografia-wrap h5{
		font:normal 18px 'Avenir-Bold';
		left:0;
		position: absolute;
		text-align: center;
		top:-25px;
		width: 100%;
	}

	.infografia-wrap area:focus,
	.infografia-wrap area:active{
		outline: none;
	}

	.infografia-wrap img{
		/*width: 85%;*/
		width: 100%;
	}

	.infografia-wrap aside[data-position] + .img-wrap {
		filter: blur(8px);
	}


	.infografia-wrap > aside{
		background-color:#F4F4F4;
		background-position: center top 67px;
		background-repeat: no-repeat;
		background-size: 96px 96px;
		border:1px solid #EBEDE5;
		box-sizing: border-box;
		display: none;
		left:50%;
		max-width:656px;
		padding:180px 86px 80px;
		position: absolute;
		text-align: center;
		top:50%;
		transform: translate(-50%, -50%);
		width: 100%;
	}

	.infografia-wrap aside[data-position]{
		display: block;
		z-index:2;
	}

	.infografia-wrap aside[data-position="1"]:before{
		background-image:url(../../img/funcionamiento/icon-01.svg);
	}

	.infografia-wrap aside[data-position="2"]:before{
		background-image:url(../../img/funcionamiento/icon-02.svg);
	}

	.infografia-wrap aside[data-position="3"]:before{
		background-image:url(../../img/funcionamiento/icon-03.png);
	}

	.infografia-wrap aside[data-position="4"]:before{
		background-image:url(../../img/funcionamiento/icon-04.svg);
	}

	.infografia-wrap aside[data-position="5"]:before{
		background-image:url(../../img/funcionamiento/icon-05.svg);
	}

	.infografia-wrap aside[data-position="6"]:before{
		background-image:url(../../img/funcionamiento/icon-06.svg);
	}

	.infografia-wrap aside[data-position="7"]:before{
		background-image:url(../../img/funcionamiento/icon-07.svg);
	}

	.infografia-wrap aside[data-position="8"]:before{
		background-image:url(../../img/funcionamiento/icon-08.svg);
		background-size: 38%;
	}

	.infografia-wrap aside[data-position="9"]:before{
		background-image:url(../../img/funcionamiento/icon-09.svg);
	}

	.infografia-wrap aside[data-position="10"]:before{
		background-image:url(../../img/funcionamiento/icon-10.svg);
	}

	.infografia-wrap aside:before{
		background-color:#FFF;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 70%;
		border:1px dotted #88BA08;
		border-radius: 100%;
		content: '';
		height: 96px;
		left:50%;
		position: absolute;
		top:67px;
		transform: translateX(-50%);
		width: 96px;
	}

		.infografia-wrap aside .btn-close{
			background:url(../../img/icons/icon-close01@2x.png) no-repeat center center transparent;
			background-size:100% auto;
			border:none;
			cursor: pointer;
			height: 16px;
			position: absolute;
			right: 28px;
			top:28px;
			width: 16px;
		}

		.infografia-wrap aside div{
			display: none;
		}

		.infografia-wrap aside[data-position="1"] div:nth-of-type(1),
		.infografia-wrap aside[data-position="2"] div:nth-of-type(2),
		.infografia-wrap aside[data-position="3"] div:nth-of-type(3),
		.infografia-wrap aside[data-position="4"] div:nth-of-type(4),
		.infografia-wrap aside[data-position="5"] div:nth-of-type(5),
		.infografia-wrap aside[data-position="6"] div:nth-of-type(6),
		.infografia-wrap aside[data-position="7"] div:nth-of-type(7),
		.infografia-wrap aside[data-position="8"] div:nth-of-type(8),
		.infografia-wrap aside[data-position="9"] div:nth-of-type(9),
		.infografia-wrap aside[data-position="10"] div:nth-of-type(10){
			display: block;
		}

			.infografia-wrap aside h6{
				color:#00183B;
				font:normal 14px/19px Avenir-Heavy;
				margin-bottom:16px;
			}

			.infografia-wrap aside p{
				color:#494A66;
				font:normal 14px/24px Avenir-Light;
			}
/*Fin - Infografía*/

/*************INTERIOR****************/

/*Listado de posts*/
.posts-list ul{
	padding-top: 70px;
}

.posts-list ul li{
	display: inline-block;
	width: 250px;
	margin: 5px;
	box-shadow: 0px 10px 20px 0px rgba(200,200,200,1);
	min-height: 30px;
	vertical-align: top;
	transform: scale(0);
	opacity: 0;
	transition: 1000ms;
}

.posts-list ul.big li{
	width: 290px;
}

.posts-list.visible ul li{
	transform: scale(1);
	opacity: 1;
}

.posts-list.visible ul li:nth-child(2){
	transition-delay: 500ms;
}

.posts-list.visible ul li:nth-child(3){
	transition-delay: 1000ms;
}

.posts-list.visible ul li:nth-child(4){
	transition-delay: 1500ms;
}

.posts-list.visible ul li.removed{
	transform: scale(0);
	opacity: 0;
}


.posts-list ul.removed li:nth-child(2){
	transition-delay: 100ms;
}

.posts-list ul.removed li:nth-child(3){
	transition-delay: 200ms;
}

.posts-list ul.removed li:nth-child(4){
	transition-delay: 300ms;
}

.posts-list ul.removed li{
	transform: scale(0);
	opacity: 0;
}

.posts-list ul li img{
	max-height:325px;
	width: 100%;
}

.posts-list ul li figcaption{
	height: 180px;
	padding: 25px 25px 15px;
	text-align: left;
}

.posts-list ul li figcaption div.info{
	height: 140px;
	overflow: hidden;
}

.posts-list ul li label{
	font-family: 'Avenir-Medium';
	font-size: 18px;
	color: #88ba08;
	line-height: 20px;
}

.posts-list ul li p{
	font-family: 'Avenir-Light';
	font-size: 18px;
	color: #061d3c;
	padding: 20px 0;
	line-height: 20px;
}

.posts-list ul li a{
	display: inline-block;
	width: 27px;
	height: 27px;
	border-radius: 50%;
	background-color: #061d3c;
	color: #fff;
	text-align: center;
	text-decoration: none;
	line-height: 25px;
	font-size: 22px;
	transition: 750ms;
}

.posts-list ul li a:hover{
	background-color: #88ba08;
	transform: rotate(360deg);
}

/*Slides de posts - Tipo 2*/
.posts-wrap{
}

	.posts-wrap ul{
		list-style: none;
		margin:0;
		padding:0;
	}

		.posts-wrap li{
			background-color: #F8F8F8;
			display: inline-block;
			margin:0 13px 20px 0;
			vertical-align: top;
			width:206px;
		}

		.posts-wrap li:last-child(){
			margin-right:0;
		}

		.posts-wrap li:before{
			display: none;
		}

			.posts-wrap li a{
				display: block;
				position: relative;
				text-align: center;
				text-decoration:none;
			}

			.posts-wrap li h4 a{
				color:#494A66;
			}

			.posts-wrap li article:hover > a:before {
				background: url(../../img/icons/icon-more01.svg) no-repeat center center;
				background-size: 39px 39px;
				content: '';
				cursor: pointer;
				display: block;
				height: 100%;
				left: 0;
				position: absolute;
				top: 0;
				width: 100%;
				z-index: 1;
			}

				.posts-wrap li article:hover a img {
					filter: brightness(.51);
				}

				.posts-wrap li a img{
					width:206px;
				}

				.posts-wrap li time{
					font-family: Avenir-Heavy;
					color: #88BA08;
					padding: 10px 22px 0;
					font-size: 12px;
					display: block;
					text-transform: capitalize;
				}

				.posts-wrap li h4{
					box-sizing: border-box;
					color:#494A66;
					height: 130px;
					font:normal 16px/22px Avenir-Heavy;
					overflow:hidden;
					padding:21px 22px 27px;
				}
/*Fin - Slides de posts - Tipo 2*/

/*Slides de posts - Tipo 3*/
.posts-wrap.type03 li{
	margin-right:11px;
	width:400px;
}

.posts-wrap.type03 li:last-child{
	margin-right: 0;
}

	.posts-wrap.type03 li a{
		display: block;
		position: relative;
		text-decoration: none;
	}

	.posts-wrap.type03 li a:hover:before{
		background:url(../../img/icons/icon-more01.svg) no-repeat center center;
		background-size:39px 39px;
		box-sizing: border-box;
		color:#FFF;
		content:attr(data-title);
		display: block;
		font:normal 18px/25px Avenir-Heavy;
		height:100%;
		left:0;
		padding-top:150px;
		position: absolute;
		text-align: center;
		top:0;
		width: 100%;
		z-index: 1;
	}

		.posts-wrap.type03 li a:hover img{
			filter: brightness(.51);
		}
/*Fin - Slides de posts - Tipo 3*/

/*Slides de posts - Tipo 4*/
.posts-wrap.type04 li{
	margin-right:35px;
	width:358px;
}

.posts-wrap.type04 li:last-child{
	margin-right: 0;
}

	.posts-wrap.type04 li figcaption{
		align-items: center;
		box-sizing: border-box;
		color:#494A66;
		display: flex;
		font:normal 16px/25px Avenir-Light;
		justify-content: center;
		margin-bottom:25px;
		min-height: 100px;
		padding: 0 15px;
		text-align: center;
	}

	.posts-wrap.type04 li img{
		width: 100%;
	}

/*Fin - Slides de posts - Tipo 4*/

/*Slider*/
.slider-wrap{
    position: relative;
}

    .slider-wrap .nav{
        background:no-repeat center center transparent;
        background-size:100%;
        border:none;
        cursor: pointer;
        height: 35px;
        position: absolute;
        top:50%;
        transform:translateY(-50%);
        width: 35px;
    }

    .slider-wrap .nav.prev{
        background-image:url(../../img/icons/icon-arrow-left03@2x.png);
        left:0;
    }

    .slider-wrap .nav.next{
        background-image:url(../../img/icons/icon-arrow-right03@2x.png);
        right:0;
	}

	.slider-wrap .nav.hide{
		visibility: hidden;
	}

    .slider-wrap .items-wrap{
        margin:0 auto;
        overflow: hidden;
        width: 811px;
    }

        .slider-wrap .items-wrap ul{
            font-size:0;
			transition: 200ms;
			width: 1000000px;
        }

        .slider-wrap .items-wrap ul[data-pag="1"] {
            margin-left:0
        }

        .slider-wrap .items-wrap ul[data-pag="2"] {
            margin-left:-811px
        }
/*Fin - Slider*/
/*Mantener el aspect ratio del vídeo*/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0;/*25px;*/
	height: 0;
}

	.videoWrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
/*Fin - Mantener el aspect ratio del vídeo*/

/*Buscador*/

#logo {
    z-index: 10;
    position: relative;
}

#buscador{
	width: 100%;
    height: auto;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
	padding: 23px 0px;
	transform: translateY(-100px);
	transition: 750ms;
}

#buscador.active{
	transform: translateY(0);
}

#buscador form, #buscador_mov form{
	max-width: 420px;
	border: 2px solid #071e3d;
	border-radius: 25px;
	height: 40px;
	padding: 2px;
	box-sizing: border-box;
	display: inline-block;
	width: 90%;
}

#main-header ul.main_menu > li#buscador_mov{
	display: none;
}

#buscador form input, #buscador_mov form input{
	width: calc(100% - 60px);
    color: #494a66;
    font: 15px/24px 'Avenir-Light';
    padding: 3px 5px;
    box-sizing: border-box;
    border: 0;
}

#buscador form button, #buscador_mov form button{
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: #071e3d;
	border: 0;
	color: #fff;
	font-size: 16px;
	float: right;
	transition: 750ms;
	cursor: pointer;
}

#buscador form button:hover{
	background-color: #88ba08;
}

#buscador #close_search, #buscador_mov #close_search {
	position: absolute;
	top: 30px;
	right: 45px;
	cursor: pointer;
	width: 28px;
	height: 28px;
}

#buscador #close_search span, #buscador_mov #close_search span{
	display: block;
	background-color: #071e3d;
	height: 2px;
	width: 30px;
	border-radius: 2px;
	position: absolute;
	top: 13px;
	left: 0;
	transform: rotate(45deg);
	transition: 750ms;
}

#buscador #close_search:hover span{
	background-color: #88ba08;
}

#buscador #close_search span:last-child, #buscador_mov #close_search span:last-child{
	transform: rotate(-45deg);
}

/*Fin - Buscador*/

/*Acceso laboratorios desde el header*/
#acceso-area-reservada{
	width: 100%;
    height: auto;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
	padding: 26px 0px;
	transform: translateY(-100px);
	transition: 750ms;
}

#acceso-area-reservada.active{
	transform: translateY(0);
}

#acceso-area-reservada #close_acceso-area-reservada,
#acceso-area-reservadar_mov #close_acceso-area-reservada{
	position: absolute;
	top: 30px;
	right: 45px;
	cursor: pointer;
	width: 28px;
	height: 28px;
}

#acceso-area-reservada #close_acceso-area-reservada span,
#acceso-area-reservadar_mov #close_acceso-area-reservada span{
	display: block;
	background-color: #071e3d;
	height: 2px;
	width: 30px;
	border-radius: 2px;
	position: absolute;
	top: 13px;
	left: 0;
	transform: rotate(45deg);
	transition: 750ms;
}

#acceso-area-reservada #close_acceso-area-reservada:hover span{
	background-color: #88ba08;
}

#acceso-area-reservada #close_acceso-area-reservada span:last-child,
#acceso-area-reservada_mov #close_acceso-area-reservada span:last-child{
	transform: rotate(-45deg);
}

#acceso-area-reservada input {
	background-color: #FFF;
    border: 1px solid rgba(73,74,102,0.19);
    border-radius: 7px;
    box-sizing: border-box;
    color: #535472;
    font: 14px/22px Avenir-Medium;
    padding: 5px 10px;
	width: 200px;
}

#acceso-area-reservada [type="submit"] span{
	display: none;
}

#acceso-area-reservada [type="submit"] {
	background-color: #88BA08;
	border:none;
    border-radius: 40px;
	color: #FFF;
	cursor: pointer;
    font: normal 12px/25px Avenir-Heavy;
    padding: 6px 10px 2px;
	text-transform: uppercase;
}

#acceso-area-reservada [data-status="0"][type="submit"] span,
#acceso-area-reservada [data-status="1"][type="submit"] span:nth-child(1),
#acceso-area-reservada [data-status="2"][type="submit"] span:nth-child(2),
#acceso-area-reservada [data-status="3"][type="submit"] span:nth-child(3),
#acceso-area-reservada [data-status="4"][type="submit"] span:nth-child(4),
#acceso-area-reservada [data-status="5"][type="submit"] span:nth-child(4){
	display: block;
}

#acceso-area-reservada [data-status="2"][type="submit"],
#acceso-area-reservada [data-status="2"][type="submit"]:disabled{
	opacity: .7;
}

#acceso-area-reservada [data-status="3"][type="submit"]{
	background-color: #3AD062;
}

#acceso-area-reservada [data-status="4"][type="submit"],
#acceso-area-reservada [data-status="5"][type="submit"]{
	background-color: #F24130;
}

/*Fin - Acceso laboratorios desde el header*/

/*Overlay*/
#overlay{
    background: url(../../img/loader.gif) no-repeat center center rgba(0,0,0,0.6);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20;
}

#overlay.show{
	display:block;
}

	#overlay img{
		left: 50%;
    	position: absolute;
    	top: 50%;
    	transform: translate(-50%, -50%);
	}

	#overlay img.h{
		max-width: 60vw;
    	width: 100%;
	}

	#overlay img.v{
		height: 100%;
		max-height: 60vw;
	}
/*Fin - Overlay*/


/*Cookies*/
#cookies{
    background-color: rgba(0, 0, 0, .8);
	bottom:0;
	height:170px;
    left:0;
    position: absolute;
	position: fixed;
	width: 100%;
	z-index: 10000;
}

	#cookies > .content{
		box-sizing: border-box;
		height: 100%;
		margin:0 auto;
		padding:10px!important;
		max-width: 900px;
		padding: 0px 0;
		line-height: 16px;
		width:100%;
	}

		#cookies h3{
			color:#FFF;
			font: normal 22px Avenir-Light;
			margin:0 0 10px 0;
			padding:0;
		}

		#cookies p{
			color:#FFF;
			font: 13px Avenir-Light;
			margin-bottom: 10px;
		}

		#cookies a{
			color: #88ba08;
			text-decoration: underline;
		}

		#cookies button{
			background-color: #88ba08;
			border: 2px solid #88ba08;
			border-radius:20px;
			color:#FFF;
			cursor: pointer;
			display: block;
			font: 13px Avenir-Light;
			margin:0 auto;
			padding: 5px 10px;
		}


#cookies.hide{
	display: none;
}
/*Fin - Cookies*/

/*Gráficos*/
/*
#sec07{
	margin-top:-100px;
	padding-top:0;
}
*/
.charts-wrap{
	float:right;
	margin:0 67px 0 0;
	max-width:730px;
	width: 100%;
}

	.charts-wrap article{
		box-sizing:border-box;
		padding:60px 50px;
	}

	.charts-wrap article:first-child{
		background-color:#F2F2F2
	}

		.charts-wrap article:first-child img{
			max-width:588px;
			width: 100%;
		}

	.charts-wrap article:last-child{
		background-color:#F9F9F9;
		padding-bottom:0;
	}

		.charts-wrap article h3{
			/*margin-bottom: 60px;*/
		}

		.charts-wrap article:last-child ul{
			display: flex;
			justify-content: space-between;
			margin-top:50px;
			padding:0;
		}

			.charts-wrap article:last-child li{
				border-right:1px solid rgba(7, 30, 61, .18);
				display: inline-block;
				flex-grow:1;
				max-width: 230px;
				padding:0 25px 30px;
				width: 100%;
			}

			.charts-wrap article:last-child li:first-child{
				padding-left:0;
			}

			.charts-wrap article:last-child li:last-child{
				border-right:none;
			}

			.charts-wrap article:last-child li:before{
				display: none;
			}

				.charts-wrap article:last-child li img{
					height: 78px;
					margin-bottom:20px;
				}

				.charts-wrap article:last-child figcaption{
					font:16px/22px Avenir-Heavy;
				}

		.charts-wrap article:last-child ul:not(:last-child){
			margin-bottom:50px;
		}

		.charts-wrap article footer{
			margin:30px 0 0;
			padding-bottom:30px;
		}

			.charts-wrap article footer small{
				font-size:12px;
			}
/*Fin - Gráficos*/
/*trucos para ie11*/
@media all and (-ms-high-contrast:none){
	#main-header .submenu{
		display: none;
	}

	#main-header ul li:hover .submenu{
		display: block;
	}

	#side_menu{
		position: fixed;
		top: 100px;
	}

	template{
		display: none;
	}
}

.mb0{
	margin-bottom: 0 !important;
}


.fa.fa-twitter{
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
}

.fa.fa-twitter:before{
	background:url(../../img/icons/x-twitter.svg) no-repeat center center;
	background-size:13px;
	content: '';
	height: 15px;
    width: 15px;
}