:root {
	--pan296: #0e1b43;
	--panCyan: #21b0e1;
	--panCGray: #63666A;
	--panGray30: #cfcdd0;
	--panGray20: #dfdee0;
	--panGray10: #f0eeee;
	--celestito: #dff3fa;
	--notblack: #4D4D4D;
	--celeteInermedio: #27AEDF;
	--celeteInermedio2: #0195D2;
	--verde:#0c4464;
}

@font-face {
	font-family: DaxlineProBlack;
	src: url(./DaxlinePro-Black.otf);
}

@font-face {
	font-family: Daxline;
	src: url(./DaxlinePro-Regular.ttf);
}

@font-face {
	font-family: 'DaxlinePro-Regular';
	src: url(./DaxlinePro-Regular.ttf);
}

@font-face {
	font-family: 'DaxlinePro-Medium';
	src: url(./DaxlinePro-Medium.ttf);
}

@font-face {
	font-family: DaxlineBold;
	src: url(./DaxlinePro-Bold_13127.ttf);
}

@font-face {
	font-family: 'DaxlinePro-Bold';
	src: url(./DaxlinePro-Bold_13127.ttf);
}

@font-face {
	font-family: OpenSans;
	src: url(./OpenSans-Regular.ttf);
}

@font-face {
	font-family: OpenSansBold;
	src: url(./OpenSans-Bold.ttf);
}

@font-face {
	font-family: "OpenSans-Bold";
	src: url(./OpenSans-Bold.ttf);
}

@font-face {
	font-family: OpenSansSemiBold;
	src: url(./OpenSans-SemiBold.ttf);
}

@font-face {
	font-family: 'OpenSans-SemiBold';
	src: url(./OpenSans-SemiBold.ttf);
}

@font-face {
	font-family: OpenSansExtraBold;
	src: url(./OpenSans-ExtraBold.ttf);
}

@font-face {
	font-family: 'OpenSans-ExtraBold';
	src: url(./OpenSans-ExtraBold.ttf);
}

@font-face {
	font-family: 'arialregular';
	src: url('../fonts/DaxlinePro-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'arialregular';
	src: url('../fonts/arial-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/arial-webfont.woff2') format('woff2'), url('../fonts/arial-webfont.woff') format('woff'), url('../fonts/arial-webfont.ttf') format('truetype'), url('../fonts/arial-webfont.svg#arialregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@keyframes fadein {

	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}

}

@keyframes pulse {

	0% {
		opacity: 0;
		background-position: top;
		-moz-background-size: 0 auto;
		-o-background-size: 0 auto;
		-webkit-background-size: 0 auto;
		background-size: 0 auto;
	}

	10% {
		opacity: 0;
	}

	50% {
		opacity: 1;
		-moz-background-size: 75% auto;
		-o-background-size: 75% auto;
		-webkit-background-size: 75% auto;
		background-size: 75% auto;
	}

	90% {
		opacity: 0;
	}

	100% {
		opacity: 0;
		background-position: bottom;
		-moz-background-size: 0 auto;
		-o-background-size: 0 auto;
		-webkit-background-size: 0 auto;
		background-size: 0 auto;
	}

}

@viewport {
	zoom: 1.0;
	width: device-width;
}

@-ms-viewport {
	width: extend-to-zoom;
	zoom: 1.0;
}

a:focus,
a:hover{
	text-decoration: none;
}

html {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

body {
	background-color: #fff;
	font-family: 'arialregular';
	background: #ffffff;
	color: #666;
}

*:focus, textarea:focus {
	outline: none;
}

input:focus {
	border: 2px solid #337AB7;
	box-shadow: none;
	outline: none;
}

li {
	list-style: none;
}

.tabla-aftosa p {
	line-height: 25px;
	font-size: 15.5px;
	color: rgb(87, 87, 86);
	font-family: "OpenSans";
}

.header {
	background: linear-gradient(to right, rgba(255, 255, 255, 1) 13%, rgba(255, 255, 255, 0.91) 32%, rgba(255, 255, 255, 0.61) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#9cffffff', GradientType=1);
	position: fixed;
	z-index: 9999;
	margin-top: -2%;
	padding-top: 1%;
}

.p-widget,
.info-mapa .texto-corrido.cyan {
	line-height: 1.5;
}

#logo-bago {
		max-width: 300px;
		display: inline-block;
		width:100%;
    padding: 0;
    object-fit: contain;
    object-position: bottom left;
	}

.headerMobile .navbar-collapse.in {
	min-height: 100vh !important;
	overflow: visible;
}

.h1-home-ev {
	text-align: center;
	color: white;
	text-shadow: 0px 3px black;
	letter-spacing: 1px;
	font-family: 'DaxlineBold';
	text-transform: uppercase;
}

.redes-footer-home img,
.redes-footer-home-mobile img {
	height: 30px;
	width: auto;
}

.overlay-video {
	background-image: none;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	position: fixed;
	z-index: -1;
	top: 0;
	background-color: rgba(0, 0, 0, 0.50);
	opacity: 0.5 !important;
}

.general-texto-home-header {
	position: relative;
	z-index: 1;
	width: 100%;
	overflow: hidden;
	padding-bottom: 1%;
	text-align: center;
}

.div-inst {
	min-height: 35vh;
	padding-top: 20vh;
}

.h1-inst-home {
	display: inline-block;
	color: white;
	font-size: 30px;
	margin-left: 3px;
	font-family: Daxline;
	font-weight: initial;
}

h2#titulo-vad {
	font-family: Daxline;
	font-weight: initial;
	text-transform: uppercase;
}

#contenido-vad h2#titulo-vad {
	color: rgb(33, 176, 225) !important;
}

.logo-blanco {
	width: 100%;
	height: 300px;
	object-fit: contain;
	object-position: center;
	margin-top: 40vh;
}

.box {
	width: 100%;
	height: 27%;
	vertical-align: top;
	background: #42AAC9;
	display: none;
	z-index: 33333333;
}

.container-flecha {
	text-align: center;
	position: absolute;
	bottom: 80px;
}

footer {
	margin-top: 5%;
}

.rrhh-text {
	padding-top: 10vh;
	width:100%;position:relative;z-index:4;
}

.home section{
	text-align: center;
}

.copy {
	text-align: center;
	background-color: rgba(0, 0, 0, 0.5);
	margin-bottom: 0%;
	height: 6vh;
}

.copy p {
	font-family: 'OpenSans';
	color: white;
	letter-spacing: 1px;
	font-size: 12px;
}

#info-mapa {
	color: white;
	flex: 0 0 400px;
	background: rgba(255, 255, 255, 0.9);
	position: absolute;
	z-index: 10;
	margin-top: 50px;
	padding: 0;
	width: 450px;
	text-align: left;
}



#info-mapa h4 {
	font-family: 'OpenSans';
	font-size: 14px;
}

.bio {
	font-weight: 700;
	font-size: 16px;
}

.info-mapa,
#paises-mobile,
.headerMobile #fluid-head-1,
#container-ul-nav-header #lang-mobile,
#vademecum_mobile,
#map-mobile-filialesplantas {
	display: none;
}

.band-filiales {
	margin-top: -2%;
	width: 8%;
}

.right {
	margin-right: 8px;
}

.left {
	margin-left: 8px;
}

#titulo-info {
	text-align: center;
	padding-top: 3%;
	font-family: 'OpenSans';
}

.link-menu,
.nbtn-mapa {
	cursor: pointer;
}

.h1-1-home {
	font-size: 16px;
	color: #00173B;
	font-family: 'OpenSans';
	font-weight: 700;
	text-transform: uppercase;
}

.item-institucional a:focus {
	text-decoration: none;
	outline-color: transparent;
}

.content-home {
	min-height: 100vh;
	-webkit-animation: fadein 5s;
	-moz-animation: fadein 5s;
	-ms-animation: fadein 5s;
	-o-animation: fadein 5s;
	animation: fadein 5s;
}

.item-institucional {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 30px;
	height: auto;
	overflow: hidden;
	flex: 0 1 360px;
}

.item-institucional img {
	display: inline-block;
	text-align: center;
	width: 60px;
	height: 60px;
}

.item-institucional img:hover {
	opacity: 0.6;
}

::-webkit-scrollbar {
	width: 13px;
}

::-webkit-scrollbar-track {
	background: #FFFFFF;
	-webkit-box-shadow: inset 1px 1px 2px #E0E0E0;
	border: 1px solid #D8D8D8;
}

::-webkit-scrollbar-thumb {
	background: #646464;
	-webkit-box-shadow: inset 1px 1px 2px rgba(155, 155, 155, 0.4);
}

::-webkit-scrollbar-thumb:hover {
	background: #aaaaaa;
}

::-webkit-scrollbar-thumb:active {
	background: #888;
	-webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
}

section .content {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 2;
}

section .text,
.td-widget div{
	width: 100%;
}

.header-blue {
	background-color: var(--pan296);
}

.d-rrhh-home {
	z-index: 99999999;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
}

section {
	font-family: 'arialregular';
}

#botones a {
	color: #fff;
	display: inline-block;
}

#botones a:hover,#botones a:link,#botones a:active,#botones a:visited {
	color: #fff;
	text-decoration: none;
}

#contenido-vad {
	text-align: center;
	background-color: white;
	padding-bottom: 30px;
}

#botones {
	display: inline-block;
	text-align: center;
	float: initial;
	margin-top: 5%;
}

#titulo-vad {
	color: white;
	margin-left: 0px;
	margin-right: 0px;
	display: inline-block;
	vertical-align: middle;
}

.btn-mapa:focus,
.btn-mapa:active{
	outline: none;
	border: none;
}

.border {
	border-bottom: 2px solid white;
	padding-bottom: 1%;
	margin-left: 44%;
	width: 10%;
}

.nav-mobile {
	display: none !important;
}

.img-widget {
	background-position: 100% center;
}

.h2-aftosa {
	color: #02204C;
	display: inline-block;
	font-size: 20px;
	font-family: 'OpenSans';
	margin-top: 40px;
}

.header-layout-aftosa .titulo-sección,
.container-prensa ul {
	margin: 0;
}

.header-layout-aftosa .titulo-integridad {
	width: 1080px;
	margin: auto;
	text-align: left;
}

.header-layout-aftosa>div {
	position: absolute;
	width: 100%;
	height: 277px;
	top: 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-end;
	padding-bottom: 70px;
}

.header-layout-integridad>div {
	flex-wrap: wrap;
	padding-bottom: 0;
}

.header-layout-integridad>div>img {
	position: absolute;
	opacity: 0;
	transition: 0.5s;
}

.header-layout-integridad>div>img.active-image {
	opacity: 1;
}

#vademecum-loading {
	right: 10000px;
	position: relative;
}

#vade {
	padding-top: 30px;
}

.imagen-producto {
	display: inline-block;
	text-align: center;
	overflow: hidden;
	margin-top: 5%;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
	background: transparent;
	color: #464646;
}

.navbar-inverse .navbar-toggle,
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
	border: none;
}

.li-paises {
	text-align: left;
}

.item-institucional canvas {
	position: absolute;
	margin-top: -15px;
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(1800deg);
	transform: rotate(180deg);
	display: inline-block;
	text-align: center;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

.item-institucional .glyphicon {
	margin-top: 15px;
	background-color: white;
	position: relative;
	top: -10px;
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	color: #AAAAAA;
	padding-bottom: 10px;
}

.plus-container {
	width: 100%;
	display: block;
}

.item-institucional>a {
	display: inline-block;
	text-align: center;
}

.div-img-aft {
	overflow: hidden;
}

.targets-vademecum {
	width: 45%;
	display: inline-block;
	float: right;
	padding-top: 10%;
	padding-right: 5%;
}

.targets-vademecum img {
	width: 100% !important;
}

.scroll-down {
	margin: 0;
	border: 2px solid #fff;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	position: absolute;
	top: 85%;
	width: 50px;
	height: 50px;
	margin-top: 0px;
	z-index: 2;
	margin-left: -25px;
}

.scroll-down a {
	display: block;
	opacity: 0;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	line-height: 0;
	font-size: 0;
	color: transparent;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 100%;
	-moz-background-size: 0 auto;
	-o-background-size: 0 auto;
	-webkit-background-size: 0 auto;
	background-size: 0 auto;
	-webkit-animation: pulse 1.9s 0.05s infinite normal ease forwards;
	-moz-animation: pulse 1.8s 0.05s infinite normal ease forwards;
	-o-animation: pulse 1.8s 0.05s infinite normal ease forwards;
	animation: pulse 1.8s 0.05s infinite normal ease forwards;
	background-image: url("arrow-down.svg");
	background-repeat: no-repeat;
}

.scroll-down a:before,
.scroll-down a:after {
	content: " ";
	position: absolute;
	top: -7px;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: url("arrow-down.svg") no-repeat;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}

.scroll-down a:before {
	-webkit-animation: pulse 1.8s 0.20s infinite normal ease forwards;
	-moz-animation: pulse 1.8s 0.20s infinite normal ease forwards;
	-o-animation: pulse 1.8s 0.20s infinite normal ease forwards;
	animation: pulse 1.8s 0.20s infinite normal ease forwards;
	top: -8px;
}

.scroll-down a:after {
	-webkit-animation: pulse 1.8s 0.55s infinite normal ease forwards;
	-moz-animation: pulse 1.8s 0.55s infinite normal ease forwards;
	-o-animation: pulse 1.8s 0.55s infinite normal ease forwards;
	animation: pulse 1.8s 0.55s infinite normal ease forwards;
	top: -12px;
}

.scroll-down a:hover {
	background-color: rgba(0, 0, 0, 0.3);
}


.titulo-vad {
	vertical-align: middle;
	text-align: center;
}

h5 {
	font-size: 16px;
	text-align: left;
	padding-top: 55px;
	color: #B9B9B9;
	letter-spacing: 1px;
}

.btn {
	overflow: hidden;
	background: rgb(234, 233, 233);
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	width: 100%;
}


#navbar-main {
	position: fixed;
	background-color: white !important;
	border-radius:0;
	border:none;
	top:0;
}

.contenido-producto ul,
.contenido-producto li {
	list-style-type: disc;
	list-style: disc;
}

.contenido-producto ol,
.contenido-producto ol li {
	list-style-type: decimal;
	list-style: decimal;
	margin-left: 10px;
	padding: 0;
}

.contenido-producto ol li {
	padding-left: 5px;
}

.ul-nav li a {
	white-space: initial;
}

.inner-text{
	width:100%;
	text-shadow: none;
	padding-top: 0;
}

.inner-text h2 {
	color: white;
	font-size: 15px;
	line-height: 25px;
}

.inner-text h3 {
	color: #02204C;
	line-height: 25px;
	font-size: 18px;
	margin-bottom: 20px;
	font-weight: bold;
}

.nota-container .inner-text h3 {
	margin-top: 10px;
}

.inner-text img {
	max-width: 90%;
	margin-left: 5%;
	display: inline-block;
}

.nota-container .inner-text img {
	-webkit-box-shadow: 0px 0px 5px 1px rgba(50, 50, 50, 0.39);
	-moz-box-shadow: 0px 0px 5px 1px rgba(50, 50, 50, 0.39);
	box-shadow: 0px 0px 5px 1px rgba(50, 50, 50, 0.39);
	margin-bottom: 10px;
}

.noticias-list .noticia img.thumb {
	width: 100%;
	margin: 0;
	max-width: initial;
}

.nota-container div {
	max-width: 100% !important;
	margin-right: initial;
}

.nota-container .tabla-aftosa p {
	text-align: justify;
}

.nota-container .tabla-aftosa p,
.nota-container .tabla-aftosa span {
	color: rgb(87, 87, 86) !important;
}

.inner-text h4 {
	color: #02204C;
}

.inner-text li {
	color: rgb(87, 87, 86);
	font-size: 15px;
	line-height: 25px;
}

.nota-container .inner-text li {
	list-style-type: disc;
	margin-left: 20px;
}

.inner-text table {
	color: black;
	font-size: 15px;
	line-height: 25px;
}

#ul-rrhh-home {
	max-width: 600px;
	margin: auto;
	color: #359fbd;
	padding-left: 0;
	line-height: 2;
}

#ul-rrhh-home li {
	line-height: 20px;
	font-size: 15px;
	text-align: left;
	color: rgb(87, 87, 86);
	margin: auto;
	margin-top: 20px;
	list-style: initial;
}

#widget-animacion .item {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 25px;
}

#widget-animacion .item a,
#widget-animacion .item .td-widget {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	flex: 1 1 50px;
	align-content: center;
	align-items: center;
	border:none;
}

#widget-animacion .item div {
	flex: 1 1 100px;
}

.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
	background-color: transparent;
	background: transparent;
}

.openlink {
	color: #337ab7;
	transition: all 0.3s ease;
}

.openlink:hover {
	color: #215E92;
	transition: all 0.3s ease;
}

.tr {
	padding-top: 1%;
	color: white;
	letter-spacing: 1px;
	font-size: 28px;
}

.tr-2 {
	padding-top: 10px;
	color: white;
	letter-spacing: 1px;
	line-height: 25px;
	font-size: 16px;
	margin-bottom: 35px;
	padding-left: 5%;
	padding-right: 5%;
	max-width: 100%;
}

#btnmenu {
	display: inline-block;
	margin-top: -3%;
	margin-right: 1%;
	transition: all 0.5s ease;
	float: right;
	position: absolute;
	right: 15px;
	bottom: 10px;
}


.maps-bg {
	background-color: var(--pan296);
	padding-bottom: 100px;
	padding-top: 50px;
	margin-top: -1px;
}

.glyphicon-menu-hamburger:before {
	content: "\e236";
	font-size: 22px;
}


.modal {
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	transition: all 1s;
	background-color: rgba(0, 0, 0, 0.3);
	-webkit-animation: fadein 1s;
	-moz-animation: fadein 1s;
	-ms-animation: fadein 1s;
	-o-animation: fadein 1s;
	animation: fadein 1s;
}

.container-background-home {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center;
	transition: 3s;
}

.headerMobile .navbar-collapse {
	width: 100vw;
	height: 100vh;
}

.headerMobile .li-header img {
	height: initial;
	width: 30px;
	float: right;
	padding-top: 10px;
}

.navbar-collapse.collapse.in .dropdown-menu>li>a {
	background-color: transparent;
	color: #666;
}

.headerMobile .li-header {
	font-size: :1em;
	line-height: 1.2em;
	color: #0C6796;
	text-transform: uppercase;
	border-bottom: 1px white solid;
	padding: 0;
	display: block;
}

.li-header p:hover {
	color: #2F2F2F;
}

.headerMobile .li-header>p {
	padding-bottom: 15px;
	padding-top: 15px;
	line-height: 1.2em;
	margin-bottom: 0;
}

.headerMobile .dropdown-header-nav {
	max-height: 0;
	transition: max-height 0.3s ease-out;
	display: block;
	overflow: hidden;
	position: initial;
	padding-left: 0;
	padding-top: 20px;
}


.headerMobile .dropdown-header-nav li {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 15px;
	padding-bottom: 15px;
	box-shadow: none;
}

.headerMobile .dropdown-header-nav.opened {
	max-height: 50000px;
	transition: max-height 0.3s ease-in;
	padding-left: 0;
	margin: 0;
}

.headerMobile .li-header .glyphicon {
	float: right;
	padding-top: 0.3em;
}

.headerMobile .ul-nav li ul li {
	background-color: transparent;
	display: block;
}

#logo-header {
	flex: 0 1 200px;
	padding-left: 30px;
}

.headerDesktop .li-header {
	display: flex;
	margin-right: 2%;
	cursor: pointer;
	color: #666;
	text-align: left;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: baseline;
	justify-content: flex-start;
	align-content: flex-start;
}

.headerDesktop .li-header:last-child {
	margin-right: 0;
}

.headerDesktop .li-header p,
.headerDesktop .ul-nav li.li-header>a {
	font-size: 12px;
	display: block;
	width: auto;
	text-transform: uppercase;
	margin-left: 0;
	margin-bottom: 0;
	text-align: left;
	flex: 1 1 100%;
	line-height: 1;
}

.headerDesktop #dropInsti,
.headerDesktop #dropTecnica,
.headerDesktop #dropVedemecum,
.headerDesktop #dropInsti2 {
	margin-top: 36px;
	text-align: left;
	box-shadow: 10px 10px 21px 0px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 10px 10px 21px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 10px 10px 21px 0px rgba(0, 0, 0, 0.75);
	background: white;
}

.headerMobile#navbarSecciones {
	height: auto;
}

#navbarSecciones {
	max-width: 1080px;
	margin: auto;
	display: block;
	float: initial;
}

#header-internas-container {
	width: 100%;
	position: absolute;
}

.redes-footer img {
	height: 30px;
}

.nota-container li {
	list-style: initial;
}


.home-section {
	width: 100%;
	max-width: 1080px;
	display: block;
	margin: auto;
	float: initial;
}

.home-section .col-lg-1,
.home-section .col-lg-10,
.home-section .col-lg-11,
.home-section .col-lg-12,
.home-section .col-lg-2,
.home-section .col-lg-3,
.home-section .col-lg-4,
.home-section .col-lg-5,
.home-section .col-lg-6,
.home-section .col-lg-7,
.home-section .col-lg-8,
.home-section .col-lg-9 {
	float: initial;
	display: inline-block;
}

#iconos-institucional {
	padding: 30px 0;
}

#iconos-institucional-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#iconos-institucional-grid .h1-1-home.titular-texto-corrido {
	width: 100%;
	max-width: 200px;
}

[lang="vi"] #iconos-institucional-grid .h1-1-home.titular-texto-corrido{
		max-width:230px;
}

#plantas-transicion #map {
	width: 100%;
	max-width: 1080px;
	display: flex;
	margin: auto;
	float: initial;
	padding-bottom: 60px;
	flex-wrap: wrap;
}

.home #map {
	padding-bottom: 60px;
	display: flex;
	flex-wrap: wrap;
}


.headerDesktop .li-header p,
.headerDesktop .ul-nav li.li-header>a {
	font-family: "OpenSansSemiBold";
	color: var(--pan296);
	font-size: 14px;
	letter-spacing: 0;
}

#flecha-submenu {
	width: 15px;
	opacity: 0;
	display:inline-block;
}

.li-header.drop #flecha-submenu {
	opacity: 1;
	height: 8px;
	align-items: flex-end;
	text-align: left;
	position: relative;
	z-index: 1;
	padding: 0;
	top: 4px;
	width: 100%;
	object-fit: contain;
	object-position: left;
}

#header-container-fluid {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	align-content: flex-end;
	padding-top: 30px;
	padding-bottom: 30px;
}

.button23 {
	font-size: 13px;
	color: white;
	cursor: pointer;
	background-color: var(--panCyan);
	padding: 13px 25px;
	border-radius: 31px;
	transition: 0.5s;
	display: inline-block;
	margin: auto;
	text-transform: initial;
	width: auto;
	font-family: OpenSansSemiBold;
	border: none;
}

.button23:hover {
	background: var(--celeteInermedio2);
	color: white;
}

.button23.button-aftosa {
	font-size: 1.5em;
	padding: 5px 25px;
}

.button23.button-aftosa.inactive {
	background: gray;
}

.titulo-sección {
	font-size: 40px !important;
	font-family: "OpenSansExtraBold" !important;
	color: var(--pan296) !important;
	letter-spacing: 0 !important;
	text-transform: initial !important;
}

.bajada-titular-banner {
	font-size: 28px !important;
	font-family: "OpenSansBold" !important;
	color: var(--panCyan) !important;
	letter-spacing: 0 !important;
}

.titular-texto-corrido {
	font-size: 21px !important;
	font-family: "OpenSansBold" !important;
	color: var(--panCyan) !important;
	letter-spacing: 0 !important;
}

.texto-corrido,
.texto-corrido p {
	font-size: 15px !important;
	font-family: "OpenSansSemiBold" !important;
	color: var(--notblack) !important;
	letter-spacing: 0 !important;
	margin-left: 0;
	line-height: 1.1;
}

.texto-corrido strong {
	font-family: 'OpenSansExtraBold';
}

.texto-corrido-grande {
	font-size: 24px !important;
}

.white {
	color: white !important;
}

.cyan,
#widget-animacion .active .p-widget {
	color: var(--panCyan) !important;
}

.blue {
	color: var(--pan296) !important;
}

.black {
	color: var(--notblack) !important;
}

.uppercase {
	text-transform: uppercase;
}

#display-rrhh {
	padding-bottom: 50px;
}

.header-layout-aftosa>img {
	width: 100%;
	max-width: 1080px;
	margin: auto;
}

.header-layout-aftosa {
	background: linear-gradient(270deg, rgba(255, 255, 255, 1) 54%, rgba(14, 27, 67, 1) 57%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#0e1b43", GradientType=1);
}

#ul-nav-2 li {
	padding: 0 5px;
}

#newVideoHome {
	text-align: center;
	position: relative;
	padding-bottom: 40px;
}

#mapa-filiales {
	position: relative;
	background: var(--pan296);
}

.navbar-toggle {
	position: relative;
	z-index: 10;
	float: left;
	margin-top: 35px;
	transform: scaleX(1.5);
	left: 20px;
}

#vademecum-interno svg {
	max-width: 1080px;
}

html[lang="en"] .headerDesktop #dropInsti,
html[lang="en"] .headerDesktop #dropTecnica,
html[lang="en"] .headerDesktop #dropVedemecum,
html[lang="en"] .headerDesktop #dropInsti2 {
	margin-top: 22px;
}

html[lang="pt"] .headerDesktop #dropInsti,
html[lang="pt"] .headerDesktop #dropTecnica,
html[lang="pt"] .headerDesktop #dropVedemecum,
html[lang="pt"] .headerDesktop #dropInsti2 {
	margin-top: 25px;
}

#mapa svg {
	max-width: 100%;
}

.noticias-list {
	margin-top: 0;
	display: flex !important;
	flex-wrap: wrap;
	width: 100%;
	max-width: 702px;
	margin: auto;
}

.noticias-list .noticia {
	flex: 0 0 302px;
	margin: 20px;
	padding: 15px;
	border: 3px solid var(--pan296);
	display: flex;
	flex-wrap: wrap;
	align-content: space-around;
	justify-content: flex-start;
}

.noticias-list .noticia h1 {
	flex: 1 1 100%;
	height: 5.4em;
	font-size: 17px !important;
}

#info-mapa .info-mapa {
	padding: 20px;
}

#info-mapa.right {
	right: 80px;
}

#info-mapa .close {
	position: absolute;
	right: 20px;
	top: 20px;
	opacity: 1;
	background: rgba(255, 255, 255, 0.8);
	padding: 5px !important;
	padding-bottom: 2px !important;
}

#info-mapa .close svg path {
	fill: var(--pan296);
}

#info-mapa .close:hover svg path {
	fill: var(--panCyan);
}

.info-mapa .texto-corrido img {
	height: 2em;
	margin-right: 10px;
}

.redes-map img {
	width: 30px;
	height: 30px;
}

.mv-list {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-content: flex-start;
	align-items: flex-start;
}

.mv-list img {
	flex: 0 1 30px;
	display: block;
	height: auto;
	width: 40px;
	margin-top: 12px;
	margin-right: 10px;
}

.mv-list>div {
	flex: 1 1 300px;
}

#widget-animacion .p-widget {
	margin: 0;
	margin-left: 10px;
}

#dropInsti.open,
#dropInsti2.open {
	max-height: 900px;
}

.headerMobile #header-container-fluid {
	width: 100%;
	padding-top: 0;
}

.headerMobile #container-ul-nav-header #lang-mobile {
	display: flex;
	width: 150px;
	justify-content: space-between;
}

.headerMobile #navbarSecciones {
	min-height: 0 !important;
	transition: 0s;
}

.headerMobile #navbarSecciones[aria-expanded="true"] {
	height: calc(100vh - 100px) !important;
}

.headerMobile #ul-nav-principal {
	padding: 0 30px;
}

#logo-mobile-link {
	display: inline-block;
	width: 80%;
}

#logo-mobile-link img {
	float: right;
}

#mapa-back-home {
	position: fixed;
	z-index: 0;
	width: 100vw;
	height: 100vh;
	background-image: url('../img/header_bio_inicio.jpg');
	background-size: auto 100%;
	background-position: left center;
	background-repeat: no-repeat;
	background-color: #0d1c3e;
}

.head-disabled {
	opacity: 0 !important;
}

#mision-container .bajada-titular-banner,
#mision-container .titular-texto-corrido {
	font-size: 25px !important;
}

#mision-container .texto-corrido-grande {
	font-size: 20px !important;
}

#mision-container .texto-corrido,
#mision-container .texto-corrido p {
	font-size: 18px !important;
}

.paises-vademecum {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 600px;
	margin: auto;
}

.paises-vademecum+#botones {
	margin-top: 0;
}

.pais-vad img {
	width: 25px;
	margin: 10px 5px;
	zoom: 1.35;
}

#vad-modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background-color: rgba(255, 255, 255, 0.5);
	width: 100%;
	height: 100%;
	display: none;
}

#vad-modal-overlay.open {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
}

#vad-modal {
	background-color: var(--pan296);
	background-size: 100% auto, auto 95%, auto 85%, auto 100%;
	background-position: center bottom, 40px 40px, 500px 33px, center center;
	width: 100%;
	max-width: 765px;
	height: 300px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-content: flex-end;
	position: relative;
	background-repeat: no-repeat;
}

#vad-modal .bajada-titular-banner.white {
	letter-spacing: -1px !important;
	line-height: 1.2em;
}

a.vad-modal-button span {
	position: relative;
	z-index: 3;
}

a.vad-modal-button {
	position: relative;
	z-index: 2;
	-moz-appearance: button;
	-webkit-appearance: button;
	height: 40px;
	margin-bottom: 40px;
	width: 190px;
	font-family: "OpenSansSemiBold";
	color: white;
	background: linear-gradient(90deg, rgba(33, 176, 225, 1) 7%, rgba(14, 27, 67, 1) 96%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#21b0e1", endColorstr="#0e1b43", GradientType=1);
	transition: 0.3s;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	border-radius: 31px;
	overflow: hidden;
	border: 1px solid white;
	text-transform: uppercase;
	font-size: 12px;
}

a.vad-modal-button::before {
	position: absolute;
	z-index: 1;
	content: "";
	width: 100%;
	height: 100%;
	background: #0e1b43;
	display: block;
	opacity: 0;
	transition: 0.4s;
}

a.vad-modal-button:hover::before {
	opacity: 1;
	background: #0e1b43;
}

a.vad-modal-button:active::before,
a.vad-modal-button:focus::before {
	background: #21b0e1;
	opacity: 1;
}

#vad-close {
	position: absolute;
	top: 7px;
	right: 7px;
	color: white;
	font-size: 30px;
	cursor: pointer;
	text-transform: lowercase;
	width: 15px;
	height: 15px;
	background: url("../img/BB_Selector_cruz.svg");
	background-size: cover;
	margin: 15px;
}

#vad-bandera-arg {
	position: absolute;
	top: 7px;
	left: 7px;
	color: white;
	font-size: 30px;
	cursor: pointer;
	text-transform: lowercase;
	width: 40px;
	height: 40px;
	background: url("../img/BB_Selector_ARG.svg");
	background-size: cover;
	margin: 15px;
	zoom: 0.92;
}

#franja-celeste-eu {
	width: 100%;
	display: flex;
	text-align: center;
	margin-top: -2px;
	position: relative;
	background-color: var(--panCyan);
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	padding-top: 30px;
	padding-bottom: 30px;
}

#franja-azul-eu {
	width: 100%;
	display: flex;
	text-align: center;
	margin-top: -2px;
	position: relative;
	background-color: transparent;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	padding-top: 30px;
	padding-bottom: 0;
}

#franja-derecha-eu {
	display: inline-block;
	width: 50%;
	flex: 1 1 50%;
	background-image: url('/img/degrade_home_SOLO.svg');
	background-size: auto 80%;
	background-repeat: no-repeat;
	background-position: 12% 100%;
	margin: initial;
	text-align: left;
	padding-left: 40px;
}

#franja-izquierda-eu {
	width: 50%;
	flex: 1 1 50%;
	text-align: left;
	margin: initial;
	max-width: initial;
}

.integridad-content .texto-corrido {
	margin-bottom: 15px;
}

.titulo-integridad {
	margin-bottom: 15px !important;
	position: relative;
	left: 50px;
	font-family: 'OpenSansSemiBold' !important;
	text-transform: uppercase !important;
	font-size: 30px !important;
}

.br-socials {
	display: flex;
	justify-content: space-between;
	max-width: 660px;
	margin: auto;
}

html[lang="th"] .headerDesktop #dropInsti, 
html[lang="th"] .headerDesktop #dropTecnica, 
html[lang="th"] .headerDesktop #dropVedemecum, 
html[lang="th"] .headerDesktop #dropInsti2,
html[lang="vi"] .headerDesktop #dropInsti, 
html[lang="vi"] .headerDesktop #dropTecnica, 
html[lang="vi"] .headerDesktop #dropVedemecum, 
html[lang="vi"] .headerDesktop #dropInsti2
{
	margin-top:26px;
}

span.greater-than::after {
    content: "\2265";
}


.inner-producto-vademecum h3 small {
    font-family: 'OpenSans-SemiBold';
    display: block;
    position: absolute;
    margin: auto;
    right: 0;
    left: 0;
}

#title-prod small{
    display: block;
    
    font-family: 'OpenSans';
    color: white;
		font-size:55%;
		margin-bottom:0;
}

.inner-producto-vademecum h3{
	position:relative;
}

#diva_pie_footer{
	margin-right:275px;
}

#diva-outter .texto-corrido{
	color:var(--pan296) !important;
}

#diva-outter .texto-corrido.cyan{
	color:var(--panCyan) !important;
}

.diva-bold.center{
	text-align:center;
}


.diva-bold{
	    font-family: 'OpenSans-Bold' !important;
			line-height:1.5em !important;
}

.diva-img-container{
	text-align:center;
	margin:30px auto;
}

.diva-img-container img{
	margin:auto;
}

.p-vad strong,#prod-content-text ul li strong{
	color:var(--pan296);
}

/**selector regional**/


#regSel{
	background:rgba(14, 27, 67,0.95);
	color:white;
	border-radius:20px;
	display:none; position:absolute; 
	width:400px; height: auto; 
	
	max-height:calc(100vh - 150px);
	z-index:600; cursor:initial;
	padding:20px;
	top:42px;
	left:-100px;
	overflow:auto;
}

#lng-region + barrita{
	position:relative;
	top:-2px;
}

.mundo-lang{
	width: 30px;
	position: relative;
	top: -3px;
	left: -8px;
}

#closeLang{
	position: relative;
	float: right;
	color: var(--panCyan);
	font-family: 'arialregular';
	cursor:pointer;
}

#regSel h4{
	text-transform:initial;
	margin-bottom:20px;
	font-size:16px;
}

#regSel hr{
	border-top:1px solid var(--panCyan);
}

#srchLang{
	position: absolute;
	width: 20px;
	height: 20px;
	background-image: url('../img/lupa.svg');
	top: 0;
	display: inline-block;
	margin-left: -25px;
	margin-top: 3px;
	background-size: 80%;
	background-position: center;
	background-repeat: no-repeat;
}

#regSel input{
		background: transparent;
		border: 1px solid var(--panCyan);
		width: 100%;
		max-width: 100%;
		border-radius: 20px;
		font-size: 1.2em;
		padding:5px 10px;
		margin-bottom:20px;
}

#regSel input::placeholder {
		color: rgb(200,200,200);
}

.region{
	margin:10px 0 30px;
	font-size:1.2em;
}

.region span{
	margin-bottom:10px;
	display:block;
}

.region .lang{
	display:inline-block;
	color:var(--panCyan);
	font-size:12px;
	margin-top:5px;
	text-transform:initial;
}

.region .lang.current-lang{
	color:white;
}

.region .lang:nth-child(1){
	margin-top:4px;
	
}

#currentLang{
	margin-bottom:-10px;
}

span.lang.current-lang::after {
		content: "";
		background: linear-gradient(90deg,rgba(33, 176, 225, 0) 0%, rgba(33, 176, 225, 1) 55%);
		height: 3px;
		display: block;
		margin-top: 3px;
}



#regselContainer.regselContainerMobile p{
		font-family: "OpenSansSemiBold";
    color: var(--pan296);
    font-size: 20px;
    letter-spacing: 0;
}

#regselContainer.regselContainerMobile .mundo-lang+p{
	text-transform:uppercase;
}

#regSel.regSelMobile{
	    position: initial;
    max-height: initial;
    height: auto;
    display: block;
    width: 100%;
    line-height: 1em;
    background: transparent;
    color: var(--pan296);
		padding-left:0;
		border-bottom:2px solid var(--panCyan);
		border-radius:0;
		padding-bottom:0;
}

#regSel.regSelMobile .region{
	margin-bottom:20px;
}

#regSel.regSelMobile .region .lang{
	font-size:1em;
	line-height:1.2em;
}

#regSel.regSelMobile .region span{
	margin-bottom:0;
	font-size:18px;
	line-height:1.2em;
}

#regSel.regSelMobile h4{
	margin-top:0;
	font-size:18px;
}

#regSel.regSelMobile input{
	    font-size: 20px;
    line-height: 1.1em;
}
#lng-region,#lng-lng{
	text-transform:uppercase;
}

.headerMobile .li-header img.mundo-lang {
    left: 10px;
    top: -5px;
    padding-top: 0;
}

.ul-nav{
	transition: 0.4s all ease-in-out;
	line-height: 20px;
	vertical-align: middle;
}

#prod-content-text > h4:nth-child(1){
	display:none;
}

.contenido-producto{
	flex:1 1 500px;
}

.side-producto{
	width:300px;
	margin-top:100px;
}

.imagen-producto img{
	height:300px;
	width:auto;
	object-fit:contain;
}
.imagen-producto{
	margin-top:0 !important;
	width:300px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	overflow:visible;
}
#cabecera-producto {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    background: var(--pan296);
    padding: 30px;
	height:250px;
}
#producto-page{
	max-width:1080px;
	margin:auto;
}
#title-prod{
	color:white;
	font-family:DaxlineProBlack;
	font-feature-settings: 'lnum';
}
#left-side-prod{
	flex:1 1 500px;
	text-align:left;
}

.h4-vad{
    font-weight: bold;
    color: #0e1b43;
    padding-top: 0.9rem;
		margin-bottom:0;
}

.tabla-aftosa p{
	line-height:22px;
	letter-spacing:0;
}

#half-blue-img{
	display:none;
}

#targets-inner img{
	max-width:70px;
}

#container-ul-nav-header {
	height: auto;
	overflow: initial;
	display: inline-block;
	position: relative;
	flex: 1 0 500px;
	width:100%;
	max-width:100%;
}

#ul-nav-2 {
	align-content: flex-end;
	align-items: baseline;
	padding: 0 0px;
	flex: 0 0 150px;
	margin: 0 !important;
	flex-wrap: wrap;
	border-bottom: none;
			display: inline-block;
	float: right;
	text-transform: uppercase;
	font-size: 11px;
	color: #0C6594;
	position:relative;
	top:3px;
}

.a-sub-sub{
	margin-left: 20px;
}

.headerDesktop .ul-nav li a {
		text-decoration: none;
		display: block;
		color: var(--pan296);
		text-transform: uppercase;
		font-size: 10px;
		font-family: "OpenSansSemiBold";
	}
	
.ul-nav li ul li {
    background-color: white;
    padding-top: 10px;
    padding-bottom: 10px;
    transition: 0.4s all ease-in-out;
    color: #656565;
    box-shadow: none;
    width: calc(100% - 30px);
    margin: auto;
		border-bottom: 2px solid var(--celeteInermedio);
}


	
	.headerDesktop .ul-nav li ul {
		transition: 0.4s all ease-in-out;
		display: none;
		width: 100%;
		position: absolute;
		min-width: 200px;
		margin-left: -50px;
		text-align: center;
		padding-top: 0px;
	}

	

	.headerDesktop .ul-nav li:hover>ul {
		display: block;
		transition: 0.4s all ease-in-out;
		color: #656565;
	}

	.ul-nav li ul li:last-child {
		border-bottom: 0;
	}

	#logo-bago-mobile {
		display: inline-block;
		width: 50%;
		padding-top: 2%;
		padding-bottom: 2%;
		margin-left: 10px;
	}

	.li-paises {
		display: inline-block;
		color: white;
		width: 16%;
		font-size: 13px;
	}

	
	.dropdown-menu {
		box-shadow: none;
		background: white;
		border: none;
		transition: all 0.4s ease;
	}

	.dropdown,
	.open {
		transition: all 0.4s ease;
	}

	.dropdown-menu>li>a {
		background: transparent;
		padding: 3px 10px;
		color: #b6b6b6;
	}

	#ul-nav-principal {
		height: auto;
		display: inline-block;
		width: 100%;
		position: initial;
		float: initial !important;
	}

	.li-paises-nav {
		display: inline-block;
		padding: 0;
		margin: 0;
		width: 48%;
	}

	.div-nav-2 {
		width: auto;
		display: inline-block;
		float: right;
		padding-right: 10px;
	}

	.main {
		position: fixed;
	}


	#box-mobile {
		display: block;
	}

	#ul-paises-nav {
		width: 100%;
		left: 0;
		position: initial;
		background: transparent;
		transition: all 0.4s ease;
		padding: 0;
		margin: 0;
	}
	

	.headerDesktop.ul-nav li ul {
		transition: 0.4s all ease-in-out;
		display: none;
		position: absolute;
		min-width: 200px;
		margin-left: -50px;
		text-align: center;
		padding-top: 20px;
	}

	.headerDesktop.ul-nav li:hover>ul {
		display: block;
		transition: 0.4s all ease-in-out;
		color: #656565;
	}

	.headerDesktop .glyphicon {
		color: #1B6F9B;
		font-size: 9px;
	}

	
	.redes-footer {
		background: var(--pan296);
		border: none;
	}

	.copyright {
		background: #122551;
		color: white;
		padding-top: 1%;
		padding-bottom: 1%;
		font-family: 'OpenSans';
		letter-spacing: 0.5px;
		font-size: 12px;
	}

	footer {
		width: 100%;
		text-align: center;
		padding-top: 2%;
		padding-bottom: 2%;
	}

	.img-widget {
		display: inline-block;
	}

	.p-widget {
		display: inline-block;
		vertical-align: middle;
		text-transform: uppercase;
		color: #515050;
	}

	

	.tr-widget {
		padding-bottom: 15px;
	}

	#table {
		border: none;
		padding-left: 5%;
		font-size: 15px;
		height: 400px;
	}

	#table td {
		padding: 0;
	}

	.header-layout-aftosa {
		background-repeat: no-repeat;
		width: 100%;
		background-size: 100% auto;
		background-position: center top;
		z-index: -1;
		margin-bottom: 50px;
	}

	
	header {
		background-color: #fff;
		padding-top: 1%;
		width: 100%;
		box-shadow: 0px 0px 17px #131313;
		position: fixed;
	}

	h1 {
		margin-left: 1%;
		color: black;
	}

	.tabla-aftosa {
		display: inline-block;
		margin-bottom: 4%;
		font-family: 'OpenSans';
		margin-top: 0;
	}

	.tabla-aftosa p {
		line-height: 29px;
		font-size: 15.5px;
		color: rgb(87, 87, 86);
	}

	.tr {
		width: 100%;
	}

	.icono-bullet {
		width: auto;
		float: left;
		padding-top: 5px;
	}

	.vademecum,
	.vademecum-producto {
		color: #7F7F7F;
		text-align: center;
		margin: 0;
		font-size: 18px;
	}

	
	.titulo-aftosa {
		color: #0082C8 !important;
	}

	.icono-quienes {
		background-image: url(../img/icono-quienes-des.png);
		background-repeat: no-repeat;
		height: 50px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
		background-size: contain;
	}

	.tr-widget:hover .icono-quienes,
	.tr-widget.active .icono-quienes {
		background-image: url(../img/home-quienes.png);
		background-repeat: no-repeat;
		height: 50px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.icono-mision {
		background-image: url(../img/ICONO_MISION_VISION-60gray.png);
		background-repeat: no-repeat;
		height: 50px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
		background-size: contain;
	}

	.tr-widget:hover .icono-mision,
	.tr-widget.active .icono-mision {
		background-image: url(../img/ICONO_MISION_VISION-60.png);
		background-repeat: no-repeat;
		height: 50px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.icono-normas {
		background-image: url(../img/ICONO_CUMPLIMIENTO_OFF.png);
		background-repeat: no-repeat;
		height: 50px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
		background-size: contain;
	}

	.tr-widget:hover .icono-normas,
	.tr-widget.active .icono-normas {
		background-image: url(../img/ICONO_CUMPLIMIENTO_ON.PNG);
		background-repeat: no-repeat;
		height: 50px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.icono-linea {
		background-image: url(../img/ICONO_linea_integ_off.png);
		background-repeat: no-repeat;
		height: 50px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
		background-size: contain;
	}

	.tr-widget:hover .icono-linea,
	.tr-widget.active .icono-linea {
		background-image: url(../img/ICONO_linea_integ_on.png);
		background-repeat: no-repeat;
		height: 50px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.icono-trayectoria {
		background-image: url(../img/icono-trayectoria-des.png);
		background-repeat: no-repeat;
		height: 50px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
		background-size: contain;
	}

	.tr-widget:hover .icono-trayectoria,
	.tr-widget.active .icono-trayectoria {
		background-image: url(../img/home-trayectoria.png);
		background-repeat: no-repeat;
		height: 50px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.icono-aftosa {
		background-image: url(../img/icono-aftosa-des.png);
		background-repeat: no-repeat;
		height: 50px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
		background-size: contain;
	}

	.tr-widget:hover .icono-aftosa,
	.tr-widget.active .icono-aftosa {
		background-image: url(../img/home-aftosa.png);
		background-repeat: no-repeat;
		height: 50px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.icono-plantas {
		background-image: url(../img/icono-plantas-des.png);
		background-repeat: no-repeat;
		height: 50px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.tr-widget:hover .icono-plantas {
		background-image: url(../img/icono-plantas-act.png);
		background-repeat: no-repeat;
		height: 50px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	
	
	.icono-prensa {
		background-image: url(../img/icono-prensa-des.png);
		background-repeat: no-repeat;
		height: 50px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.tr-widget:hover .icono-prensa {
		background-image: url(../img/icono-prensa-act.png);
		background-repeat: no-repeat;
		height: 50px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}


@media screen and (min-width: 1100px) {
	
	.p-widget {
		display: inline-block;
		vertical-align: middle;
		text-transform: uppercase;
		color: #515050;
		font-size: 11px;
	}

	.headerDesktop.ul-nav li:hover>ul {
		display: block;
		transition: 0.4s all ease-in-out;
		color: #656565;
		margin-top: -1.6%;
		margin-left: -8%;
	}


}


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

	
	.a-sub {
		text-align: left;
		padding-left: 0;
	}

	.ul-nav li ul {
		transition: 0.4s all ease-in-out;
		display: none;
		position: absolute;
		min-width: 200px;
		margin-left: -50px;
		text-align: center;
		padding-top: 20px;
	}

	.headerDesktop.ul-nav li:hover>ul {
		display: block;
		transition: 0.4s all ease-in-out;
		color: #656565;
		margin-top: -1.6%;
		margin-left: -8%;
	}

	.redes-footer {
		background: var(--pan296);
		border: none;
	}

	.copyright {
		background: #122551;
		color: white;
		padding-top: 1%;
		padding-bottom: 1%;
		font-size: 12px;
	}

	.img-widget {
		display: inline-block;
		max-width: 100%;
	}

	.td-widget {
		border: none;
	}

	.tr-widget {
		padding-bottom: 4px;
	}

	#table {
		border: none;
		font-size: 13.5px;
		height: 400px;
	}

	#table td {
		padding: 0;
	}

	.header-layout-aftosa {
		background-repeat: no-repeat;
		width: 100%;
		background-size: 100% auto;
		background-position: center top;
		z-index: -1;
	}

	header {
		background-color: #fff;
		padding-top: 1%;
		width: 100%;
		box-shadow: 0px 0px 17px #131313;
		position: fixed;
	}

	footer {
		text-align: center;
		padding-top: 2%;
		padding-bottom: 2%;
	}

	h1 {
		margin-left: 1%;
		color: black;
	}

	h2 {
		font-family: 'OpenSans';
	}

	.div-texto-aftosa {
		float: left;
		color: #656565;
		padding-left: 1%;
		min-height: 80vh;
	}

	.h2-aftosa {
		color: #02204C;
		display: inline-block;
		font-size: 20px;
		font-family: 'OpenSans';
	}

	.tabla-aftosa {
		display: inline-block;
		margin-bottom: 4%;
		margin-top: 0;
	}

	.tabla-aftosa p {
		color: rgb(87, 87, 86);
		margin: 0;
	}

	.btn {
		position: relative;
	}

	
	#boxes p {
		text-align: center;
		display: inline-block;
		color: #ccc;
		position: absolute;
		width: auto;
		right: 5%;
		top: 5%;
	}

	#boxes a.closelink {
		text-decoration: none;
		width: 40px;
		padding: 3px;
		font-size: 14px;
	}

	.box {
		width: 100%;
		height: 27%;
		vertical-align: top;
		background: #42AAC9;
		display: none;
		z-index: 33333333;
	}

	.ul-paises {
		padding: 20px 8%;
	}

	.li-paises {
		display: inline-block;
		color: white;
		width: 16%;
		font-size: 13px;
	}

	.li-paises a {
		color: white;
		font-family: 'OpenSans';
		letter-spacing: 1px;
	}

	
	.container:hover .image {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}

	.container {
		overflow: hidden;
		width: 27%;
		margin-right: 3%;
		margin-top: 3%;
	}

	.image {
		-webkit-transition: all 1.5s ease;
		transition: all 1.5s ease;
	}

	.container:hover p {
		display: none;
	}

	.div-aft {
		margin-left: 5%;
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-o-transition: all 1s ease;
		-ms-transition: all 1s ease;
		transition: all 1s ease;
	}

	.img-cat-aft {
		width: 104%;
		margin-right: 1%;
		display: inline-block;
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-o-transition: all 1s ease;
		-ms-transition: all 1s ease;
		transition: all 1s ease;
	}

	.h4-vad {
		color: #968D19;
		font-family: 'OpenSans';
		margin-top: 5%;
		margin-left: 0%;
	}

	#facebook,
	#gmail {
		-webkit-transition: all .3s linear;
		-o-transition: all .3s linear;
		-moz-transition: all .3s linear;
		transition: all .3s linear;
	}

	#facebook:hover,
	#gmail:hover {
		margin-top: -3%;
		-webkit-transition: all .3s linear;
		-o-transition: all .3s linear;
		-moz-transition: all .3s linear;
		transition: all .3s linear;
	}

	#youtube {
		-webkit-transition: all .6s linear;
		-o-transition: all .3s linear;
		-moz-transition: all .3s linear;
		transition: all .3s linear;
	}
	
		

	.div-nav-2,
	#logo-bago-mobile,
	#box-mobile {
		display: none;
	}

	#ul-nav-principal {
		height: auto;
		text-align: right;
		position: initial;
		margin: 0;
		padding: 0;
		width: 100%;
		max-width: 1080px;
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}

	
	

	
	

	.headerDesktop .ul-nav li:hover>ul {
		display: block;
		transition: 0.4s all ease-in-out;
		color: #656565;
		margin: 0;
		padding: 0;
		min-width: 200px;
		width: 200px;
		background: none;
	}

}


@media only screen and (max-device-width:1100px) {
	
	.ul-nav {
		display: inline-block;
    vertical-align: middle;
    margin-top: 2vh;
    transition: 0.4s all ease-in-out;
		float: left;
    text-align: left;
    line-height: 60px;
	}
	
	#btnmenu {
    display: inline-block;
    margin-top: -4%;
    margin-right: 2%;
    transition: all 0.5s ease;
    float: right;
}

	
	#plantas-transicion #mapa svg,
	.link-menu br,
	#vademecum-pc,
	#privacy-dis {
		display: none;
	}
	
	.home-section {
		padding: 5%;
	}

	#logo-bago-mobile {
		display: inline-block;
		padding-top: 20px;
		padding-bottom: 20px;
		margin-left: 10px;
		width: auto;
		height: 110px;
	}

	#header-internas-container {
		position: initial;
		background-color: white;
		color: var(--pan296) !important;
		padding: 0 30px;
	}

	#header-internas-container.header-blue {
		background-color: var(--pan296);
		color: white !important;
	}

	#header-internas-container h1 {
		color: inherit !important;
		font-size: 30px !important;
	}

	.titulo-sección {
		font-size: 30px !important;
	}

	.bajada-titular-banner,
	.titular-texto-corrido {
		font-size: 25px !important;
	}

	.header-layout-aftosa>img {
		height: 180px;
		object-fit: cover;
		object-position: left;
	}

	#paises-mobile {
		display: flex;
		width: 100%;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 0 10px;
	}

	#paises-mobile>div {
		display: flex;
		flex-direction: column;
		flex: 1 1 40%;
		text-align: left;
	}

	#paises-mobile .band-filiales {
		margin-top: -2%;
		width: 20px;
		margin-right: 10px;
	}

	.pais-mobile {
		font-family: 'OpenSansBold';
		color: white;
		font-size: 1.1em;
		margin: 10px 0;
	}

	#info-mapa {
		background: rgba(255, 255, 255, 1) !important;
		left: 5% !important;
		right: 5% !important;
		width: 90% !important;
	}

	.headerMobile .li-header {
		font-family: 'OpenSansBold';
		font-size: 16px;
		color: var(--pan296);
		border-bottom: 2px solid var(--panCyan);
		padding-bottom: 10px;
		padding-top: 10px;
	}

	.headerMobile .dropdown-header-nav li a {
		font-family: 'OpenSansBold';
		font-size: 16px;
		color: var(--panCyan);
		padding-bottom: 20px;
		padding-top: 20px;
	}

	.headerMobile .li-header>p,
	.headerMobile .li-header>a {
		font-family: 'OpenSansBold';
		color: var(--pan296);
		display: inline-block;
	}

	#flecha-submenu {
		display: inline-block !important;
		float: initial;
		margin-left: 10px;
		top: 0 !important;
	}

	.texto-corrido,
	.texto-corrido p {
		font-size: 18px !important;
	}

	.texto-corrido-grande {
		font-size: 20px !important;
	}

	.mv-list>div {
		flex: 1 1 100%;
	}

	#home-toppart {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		min-height: 95vh;
		justify-content: center;
		align-items: center;
		align-content: flex-start;
	}

	#logo-home {
		margin: 0 !important;
	}

	body .content-home,
	.headerMobile .dropdown-header-nav {
		padding-top: 0;
	}

	.container-background-home.fadder,
	#mapa-back-home {
		background-position: 40% !important;
	}

	.logo-blanco {
		height: 200px;
		margin-top: 0 !important;
	}
	
	#productosGraph{
		display:none;
	}

	#vademecum_mobile {
		display: block;
	}

	#map-mobile-filialesplantas {
		display: block;
		width: 100%;
	}

	.container-prensa {
		width: 100%;
		padding: 0;
	}

	.noticias-list .noticia {
		margin: 20px 0;
	}

	#mapa-back-home {
		position: fixed;
		z-index: 0;
		width: 100vw;
		height: 100vh;
		background-image: url('../img/header_bio_inicio_mobile.jpg');
		background-size: auto 100%;
		background-position: left center;
		background-repeat: no-repeat;
		background-color: #0d1c3e;
	}

	.nota-container img {
		margin-top: 30px;
	}

	.nav-pc {
		display: none !important;
	}

	.nav-mobile {
		display: inline-block !important;
	}

	#dropDropInsti2 {
		width: 100%;
		height: 2.5em;
	}

	#vad-modal {
		background-size: 100% auto, auto 100%, auto 100%, auto 100%;
		background-position: center bottom, -50px 80px, calc(100vw - 170px) 50px, center center;
		height:auto;
	}

	#info-mapa .info-mapa {
		background-position-x: 45vw !important;
		background-position-y: center !important;
	}
	
	#diva-outter img{
		display:block;
		margin: 10px auto;
	}
	
	#diva-outter .tabla-aftosa{
		padding:0 !important;
	}
	
	#diva_pie_footer{
		margin:10px auto 20px;
		display:block;
		
	}
	
	#franja-derecha-eu {
		flex: 1 1 100%;
		overflow: hidden;
		padding-left: 0;
	}
	
	#franja-derecha-eu img{
		max-width:100%;
	}

	#carousel-integridad {
		height: inherit;
		max-width: 100vw;
		overflow: hidden;
	}

	#header-internas-container.header-integridad {
		height: inherit;
		color: white !important;
	}

	#header-internas-container h1.titulo-integridad {
		color: var(--pan296) !important;
		bottom: -43%;
		left: 8px;
		margin-top: 20px;
		margin-bottom: 20px !important;
	}

	.header-layout-integridad {
		margin-bottom: 90px;
	}

	#navbar-main,
	#header-internas-container {
		max-width: 100vw;
	}

	.br-socials {
		padding: 0 20px;
	}
	
	#logo-bago {
		display: none;
	}
	
	#prod-content-text{
			
			width: 100% !important;
			max-width: initial !important;
	}
	#containner-outter-prod{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    flex-direction: row;
	}
	.contenido-producto{
		flex:1 1 100%;
		order:2;
	}
	.side-producto{
		order:0;
		margin-top:0px;
	}
	#cabecera-producto{
		padding:30px 0;
		height:initial;
		padding-top:0;
		background-color:transparent;
	}
	#left-side-prod{
		padding:0 30px;
		padding-top:30px;
		background:var(--pan296);
		
	}
	#targets-inner{
			padding-top:10px;
	}
	#targets-inner img{
		display:inline-block;
	}
	.imagen-producto img{
		max-width:100%;
		height:200px;
		object-position:bottom;
	}
	.imagen-producto{
		position:relative;
		width:100%;
	}
	#producto-page{
		width:100%;
	}
	#producto-page.top-prod-page{
		background:none !important;
		padding:0 !important;
	}
	#half-blue-img{
		display:block;
		position:absolute;
		height:100px;
		width:100vw;
		background-color:var(--pan296);
		left:0;
		top:-1px;
		z-index:-1;
	}
	
	#ul-rrhh-home {
		margin: auto;
		max-width: 90%;
	}
	
	#ul-rrhh-home li {
		width: 100% !important;
		margin-top: 25px;
		line-height: 18px;
	}
	
	.item-institucional .glyphicon,
	.item-institucional canvas {
		display: none;
	}
	
	.scroll-down {
		top: 79%;
	}
	
	#manos-integridad{
		width: 100%;
		object-fit: cover;
		height: 251px;
		top: -1vh;
	}
	
	#container-ul-nav-header {
		display: none;
		    height: auto;
    overflow: auto;
	}
	
	.header-layout-aftosa>div {
		padding-bottom: 0px;
		height: 100px;
	}
	
	
	[aria-expanded="true"] #container-ul-nav-header {
		display: block;
	}
	
	.rrhh-text {
		padding-top: 1vh;
	}
	
	.inner-text {
		width: 90%;
		padding-left: 5%;
	}
	
	#ul-nav-2{display:none;}
	
	.ul-nav li ul li {
    background-color: white;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    transition: 0.4s all ease-in-out;
    color: #656565;
    box-shadow: none;
    border-bottom: 2px solid var(--celeteInermedio);
    text-align: left;
	}
	
	#mision-container {
		padding: 0 20px;
	}
	
	#header-container-fluid {
		padding: 0 !important;
	}

	section .text {
		width: 90%;
	}
}