@charset "utf-8";
/* CSS Document */

html, body{margin:0; padding:0; width:100%; height:100%; font-family: museo-sans, sans-serif; }


.container{max-width: 1140px; margin:0 auto;}

.bg-blue{background-color:#2dace2}
.bg-orange{background-color: #f8ac11;}
.bg-red{background-color:#ed1c24;}
.bg-red-femsa{background-color:#98002e;}
.bg-blue2{background-color:#305364}
.bg-heineken{background-color:#008641}
.bg-green{background-color: #a1c150;}
.bg-gray{background-color: #bcbdc0;}
.bg-blue3{background-color:#25408f}
.bg-purple{background-color: #73387a;}
.bg-blue-solistica{background-color:#283583;}
.bg-white{background-color:#FFFFFF;}

.underline{text-decoration: underline;}
.tabla{overflow: auto; width: 100%;}

.txt{padding: 0 60px;}
.txt30{padding: 0 30px;}
.txt15{padding: 0 15px;}
.txt-carta{ position: relative; padding: 0 30px;}
.txt-carta-right{z-index: 84; position: relative; padding: 0 65px 0 115px;}

.txt-higlights{z-index: 84; position: relative; padding: 0 65px 0 115px;}
.txt-higlights-mapa{padding: 0 15px}

.txt-2-columns-l{padding: 0 30px 0 60px;}
.txt-2-columns-m{padding: 0 30px 0 30px;}
.txt-2-columns-r{padding: 0 60px 0 30px;}

.txt-left{padding: 0 0 0 60px;}
.txt-left2{padding: 0 0 0 60px;}
.txt-left3{padding: 0 60px 0}

.blue{color:#2dace2}
.orange{color: #feab01;}
.orange1{color: #f58220;}
.green{color: #a1c150;}
.black{color: #000000 !important;}
.red{color:#ed1c24;}
.blue2{color:#305364}
.red-femsa{color:#98002e;}
.gray{color:#808285;}
.blue3{color: #657584;}
.blue-imbera{color:#18355e}
.white{color:#ffffff}
.blue-health{color:#1b70b5;}
.yellow{color:#ffe843;}
.green2{color: #617a2e;}
.blue-solistica{color:#283583;}
.blue-alpunto{color:#73387a;}

.f10{font-size: 10px !important;}
.f12{font-size: 12px !important;}
.f13{font-size: 13px !important;}
.f14{font-size: 14px !important;}
.f15{font-size: 15px !important;}
.f16{font-size: 16px !important;}
.f18{font-size: 18px !important;}
.f20{font-size: 20px !important;}
.f22{font-size: 22px !important;}
.f30{font-size: 30px !important;}
.f40{font-size: 40px !important;}

.fms300{font-weight: 300 !important;}
.fms500{font-weight: 500 !important;}
.fms700{font-weight: 700 !important;}
.fms900{font-weight: 900 !important;}

p.nomargintop{margin-top:0 !important;}
p.nomarginbottom{margin-bottom:0;}
ul.nomargintop{margin-top:0;}
ul.nomarginbottom{margin-bottom:0;}

.mt-30{margin-top: 30px;}

.altop{vertical-align: top !important;}
.albottom{vertical-align: bottom !important;}
.alcenter{vertical-align: middle !important;}

.p15{width: 15%; display: inline-block;}
.p20{width: 20%; display: inline-block;}
.p25{width: 25%; display: inline-block;}
.p33{width: 33%; display: inline-block;}
.p30{width: 30%; display: inline-block;}
.p35{width: 35%; display: inline-block; vertical-align: top;}
.p40{width: 40%; display: inline-block; vertical-align: top;}
.p50{width: 50%; display: inline-block;}
.p60{width: 60%; display: inline-block;}
.p65{width: 65%; display: inline-block;}
.p70{width: 70%; display: inline-block;}
.p75{width: 75%; display: inline-block;}
.p80{width: 80%; display: inline-block;}
.p90{width: 90%; display: inline-block;}


.highlight-gen{width: 60%; margin: 30px auto; font-weight: 500; font-size: 22px !important; text-align: center; line-height: 1.3;}
.highlight-gen span{font-weight: 900;}

.go-down{width: 50px; position: absolute; left: 0; right: 0; z-index: 998; margin:0 auto; bottom: 30px; text-align: center;}
.go-down .mouse{opacity:0.8; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 2px solid #ffffff; width: 24px; height: 40px; display: block; margin:0 auto; -webkit-box-shadow: 0px 0px 4px 0.5px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 4px 0.5px rgba(0,0,0,0.2);
box-shadow: 0px 0px 4px 0.5px rgba(0,0,0,0.2);}
.go-down .mouse .punto{opacity:1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 4px; height: 4px; background-color: #ffffff; margin:0 auto; position: relative; top:5px; display: block;}
.go-down .down{opacity:0.8; border: solid white;  border-width: 0 2px 2px 0;  display: inline-block;  padding: 6px; transform: rotate(45deg);  -webkit-transform: rotate(45deg); margin:0 auto; -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.15);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.15);}

.clear{clear: both;}

.circulo{ -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}

header{z-index:999; width: 100%; top:0; position: fixed;  font-family: acumin-pro-extra-condensed, sans-serif; height: 55px; background: #ffffff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);}
header .logo{width: 10%; height:100%; display: inline-block; vertical-align: top; text-align: center; background-color: #ffffff;}
header .logo img{width:65%; max-width: 100px; border:0; margin: 0 auto; padding-top:17px;}

header .slogan{
	width: 8%; 
	margin-right: -1px; 
	height:100%; 
	vertical-align: top; 
	display: inline-block; 
	overflow: hidden; 
	background-color: #808285; 
	text-transform: uppercase; 
	-moz-transform: skew(-10deg, 0deg); 
	-webkit-transform: skew(-10deg, 0deg); 
	-o-transform: skew(-10deg, 0deg); 
	-ms-transform: skew(-10deg, 0deg); 
	transform: skew(-10deg, 0deg);}

header .slogan > p{ 
	color: #ffffff; 
	letter-spacing: 1px; 
	-moz-transform: skew(10deg, 0deg); 
	-webkit-transform: skew(10deg, 0deg); 
	-o-transform: skew(10deg, 0deg); 
	-ms-transform: skew(10deg, 0deg); 
	transform: skew(10deg, 0deg); 
	text-align: center; 
	font-size: 12px; 
	padding-top: 10px; 
	margin: 0; 
	font-weight: 600; 
	line-height: 1.1;}

header nav{
	width: 75%; 
	height: 100%; 
	display: inline-block;}

header nav ul{
	margin:0; 
	padding: 0; 
	list-style: none; 
	display: block; 
	height: 100%; 
	background: #000000;  
	-moz-transform: skew(-10deg, 0deg); 
	-webkit-transform: skew(-10deg, 0deg); 
	-o-transform: skew(-10deg, 0deg); 
	-ms-transform: skew(-10deg, 0deg); 
	transform: skew(-10deg, 0deg); }

header nav ul li{
	float: left; 
	position: relative;
	background: #000000; 
	width: 10%; 
	height: 45px; 
	margin-top: 10px;}

header nav ul li > a{
	display:block; 
	height: 38px; 
	letter-spacing: 0.9px; 
	width: 100%; 
	font-weight: 600; 
	font-size: 12px; 
	line-height: 1.1; 
	text-decoration: none; 
	text-transform: uppercase;
	color:#ffffff; 
	-moz-transform: skew(10deg, 0deg);
	-webkit-transform: skew(10deg, 0deg);
	-o-transform: skew(10deg, 0deg);
	-ms-transform: skew(10deg, 0deg); 
	transform: skew(10deg, 0deg); 
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-ms-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
	text-align: center;}
header nav ul li::after{
	padding: 0 0 0; 
	content: ''; 
	transform-origin: 50% 50%; 
	display: block;  
	border-bottom: 7px solid #9c9ea0; 
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; 
	transform: scaleX(0); }

header nav ul li:hover::after{width: 100%; transform: scaleX(1);}
header nav ul li:hover a{color: #9c9ea0;}

header nav ul li.comercio::after{border-bottom: 7px solid #fec040; }
header nav ul li.comercio:hover a, header nav ul li.comercio.active a{color: #fec040;}
header nav ul li.coca::after{border-bottom: 7px solid #ed2027; }
header nav ul li.coca:hover a, header nav ul li.coca.active a{color: #ed2027;}
header nav ul li.negocios::after{border-bottom: 7px solid #e55204; }
header nav ul li.negocios:hover a, header nav ul li.negocios.active a{color: #e55204;}
header nav ul li.sustentabilidad::after{border-bottom: 7px solid #00aeef; }
header nav ul li.sustentabilidad:hover a, header nav ul li.sustentabilidad.active a{color: #00aeef;}

header nav ul li.active a{color: #9c9ea0;}
header nav ul li.active::after{width: 100%; transform: scaleX(1);}

header .idioma{width: 7.05%; background: #ffffff; height: 100%; display: inline-block; vertical-align: top;}
header .idioma a{ 
	display: flex; 
	padding-top: 0px; 
	height: 100%;
	justify-content: center; 
	align-items: center; 
	vertical-align: middle; 
	color: #000000; 
	text-align: center; 
	text-decoration: none; 
	font-size: 12px; 
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-ms-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;}
header .idioma a:hover{color: #9c9ea0;}
header .idioma a i{font-size: 16px;}

header nav > ul > li > ul{
	width:100%; 
	height: auto;
	-webkit-box-shadow: 0px 10px 10px -8px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 10px 10px -8px rgba(0,0,0,0.2);
	box-shadow: 0px 10px 10px -8px rgba(0,0,0,0.2);
	list-style:none; 
	display:none; 
	position:absolute; 
	background:none; 
	top:45px; 
	left:13px; 
	padding:0px;
	-webkit-transition: all 0.5s ease 0s; 
	-moz-transition: all 0.5s ease 0s; 	
	-o-transition: all 0.5s ease 0s; 
	transition: all 0.5s ease 0s; z-index:99999;
	-moz-transform: skew(10deg, 0deg);
	-webkit-transform: skew(10deg, 0deg);
	-o-transform: skew(10deg, 0deg);
	-ms-transform: skew(10deg, 0deg); 
	transform: skew(10deg, 0deg); 
}
header nav > ul > li > ul > li{ padding:5px 0; margin-top:0;  float: none; width: 100%; height: auto !important;}
header nav > ul > li > ul > li > a{border:0; font-size: 12px; height: auto; -moz-transform: skew(0deg, 0deg); 
	-webkit-transform: skew(0deg, 0deg); 
	-o-transform: skew(0deg, 0deg); 
	-ms-transform: skew(0deg, 0deg); 
	transform: skew(0deg, 0deg); padding:8px 2px; color:#ffffff !important; text-decoration:none; text-align: center; font-weight:500; display:block; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; 	-o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
header nav > ul > li > ul > li a:hover{ color:#9c9ea0 !important; }

header nav > ul > li:hover ul{display: block !important;}

header nav ul li ul li::after{
	padding: 0 0 0; 
	content: ''; 
	transform-origin: 50% 50%; 
	display: block;  
	border-bottom: 0px solid #9c9ea0; 
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; 
	transform: scaleX(0); }

header .menu-btn{width: 100px; display:none; float: right; height: 100%; position: relative; background-color: transparent;}
header .menu-btn #toggle {z-index: 20; display: block; width: 37px; height: 20px; position: absolute; right: 30px; top:27px; border:0;}
header .menu-btn #toggle span:after,
header .menu-btn #toggle span:before {content: ""; position: absolute; right: 0; top: -8px;}
header .menu-btn #toggle span:after{top: 8px;}
header .menu-btn #toggle span {position: relative; display: block;}
header .menu-btn #toggle span,
header .menu-btn #toggle span:after{width: 100%; height: 1.5px; background:#98002e; transition: all 0.3s; backface-visibility: hidden; border-radius: 0px;}
header .menu-btn #toggle span:before {width: 100%; height: 1.5px; background:#98002e; transition: all 0.3s; backface-visibility: hidden; border-radius: 0px;}
/* on activation */
header .menu-btn #toggle.on span {background: transparent;}
header .menu-btn #toggle.on span:before {transform: rotate(45deg) translate(7px, 5px); width: 100%; height: 2px;}
header .menu-btn #toggle.on span:after {transform: rotate(-45deg) translate(6px, -5px); width: 100%; height: 2px;}

#intro{height: 100%; width: 100%; overflow: hidden; position: relative;}
#intro .slide1{z-index: 90; width: 100%; height: 100%; background-color: #feab01; position: absolute; left: 0; top:0;}
#intro .slide2{z-index: 93; width: 16%; height: 110%; background:url("../images/svg/coca-lateral-red.svg") no-repeat bottom left; background-size: cover; position: absolute; left: 87%; top:0; -webkit-box-shadow: 10px 0px 11px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 10px 0px 11px 0px rgba(0,0,0,0.15);
box-shadow: 10px 0px 11px 0px rgba(0,0,0,0.15);}
#intro .slide3{z-index: 92; width: 16%; height: 100%; background:url("../images/svg/comercio-lateral-green.svg") no-repeat left bottom; background-size: cover; position: absolute; left: 86%; top:0; -webkit-box-shadow: 10px 0px 11px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 10px 0px 11px 0px rgba(0,0,0,0.15);
box-shadow: 10px 0px 11px 0px rgba(0,0,0,0.15);}
#intro .slide4{z-index: 91; width: 16%; height: 100%; background:url("../images/svg/fundacion-lateral-blue.svg") no-repeat left bottom; background-size: cover; position: absolute; right: 0%; top:0; }
/*#intro .slide5{z-index: 90; cursor: pointer; width:30%; transform-origin: 50% 50%; height: 100%; background: url(../images/intro-bg-comercio.jpg) no-repeat center; background-size: cover;  position: absolute; left:27%; top:0;}
#intro .slide6{z-index: 90; cursor: pointer; width:30%; height: 100%; background: url(../images/intro-bg-coca.jpg) no-repeat center; background-size: cover;  position: absolute; right: 7%; top:0;}*/
#intro .slide5{z-index: 90; opacity: 0; cursor: pointer; width:34%; transform-origin: 50% 50%; height: 100%; background: url(../images/intro-bg-comercio.jpg) no-repeat center; background-size: cover;  position: absolute; left:99%; top:0;}
#intro .slide6{z-index: 90; opacity: 0; cursor: pointer; width:37%; height: 100%; background: url(../images/intro-bg-coca.jpg) no-repeat center top; background-size: cover;  position: absolute; right: -26%; top:0;}

#intro .portada-movil{width: 100%; display: none;}

#intro .logo{z-index: 94; width: 15%; position: absolute; top:23%; left:2.3%; text-align: center;}
#intro .logo img{width: 90%; margin-bottom: 10px;}
#intro h2.compu{z-index: 93; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.35); line-height: 1.2; font-family: acumin-pro-extra-condensed, sans-serif; margin: 0; padding: 0 20px 10px; position: absolute; text-align: center; right: 3%; letter-spacing: 2px; font-size: 22px; color:#ffffff; bottom: 30%;}
#intro h3.compu{z-index: 93; text-shadow: 0px 0px 9px rgba(0, 0, 0, 0.3); font-family: museo-sans, sans-serif; opacity: 0.5; margin: 0; position: absolute; right: 5%; letter-spacing: 2px; font-weight: 400; font-size: 120px; color:#ffffff; bottom: 10%;}
#intro h2.movil{display:none; z-index: 93; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.35); line-height: 1.2; font-family: acumin-pro-extra-condensed, sans-serif; margin: 0; padding: 0 20px 10px; position: absolute; text-align: center; right: 3%; letter-spacing: 2px; font-size: 22px; color:#ffffff; bottom: 30%;}
#intro h3.movil{display:none; z-index: 93; text-shadow: 0px 0px 9px rgba(0, 0, 0, 0.3); font-family: museo-sans, sans-serif; opacity: 0.5; margin: 0; position: absolute; right: 5%; letter-spacing: 2px; font-weight: 400; font-size: 120px; color:#ffffff; bottom: 10%;}

#intro-fomento{padding: 60px 0; position: relative; overflow: hidden;}
#intro-fomento .container{width: 60%; margin:0 auto;}
#intro-fomento p{line-height: 1.6; font-weight: 300;}
/*#intro-fomento .linea1{z-index: 93; width: 30%; height: 100%; background:url("../images/svg/Slide1.svg") no-repeat; background-size: 130%; position: absolute; right: 0; top:0;}
#intro-fomento .linea2{z-index: 94; width: 20%; height: 100%; background:url("../images/svg/Slide2.svg") no-repeat; background-size: 120%; position: absolute; right: 0; top:0;}
#intro-fomento .linea3{z-index: 95; width: 14%; height: 100%; background:url("../images/svg/Slide3.svg") no-repeat; background-size: 120%; position: absolute; right: 0; top:0; }
*/
#intro-fomento .linea1{width:250px; background-color: #ed1c24; height: 100%; position: absolute; right:-200px; top:0; z-index: 89;}
#intro-fomento .linea1::after{content: " "; display: block; width:100%; height: 100%; background-color: #ed1c24; position: absolute; left: -125px; top:0; z-index: -1;  transform-origin: center;
    -ms-transform: skew(-10deg, 0deg);
    -webkit-transform: skew(-10deg, 0deg);
    transform: skew(-10deg, 0deg);}

#intro-fomento .linea2{width:200px; background-color: #2dace2; height: 100%; position: absolute; right:-200px; top:0; z-index: 91; }
#intro-fomento .linea2::after{content: " "; display: block; width:100%; height: 100%; background-color: #2dace2; position: absolute; left: -100px; top:0; z-index: -1;  transform-origin: center;
    -ms-transform: skew(-10deg, 0deg);
    -webkit-transform: skew(-10deg, 0deg);
    transform: skew(-10deg, 0deg); -webkit-box-shadow: -5px 0px 8px 0px rgba(0,0,0,0.15);
-moz-box-shadow: -5px 0px 8px 0px rgba(0,0,0,0.15);
box-shadow: -5px 0px 8px 0px rgba(0,0,0,0.15);}

#intro-fomento .linea3{width:238px; background-color: #a1c150; height: 100%; position: absolute; right:-200px; top:0; z-index: 90; }
#intro-fomento .linea3::after{content: " "; display: block; width:100%; height: 100%; background-color: #a1c150; position: absolute; left: -100px; top:0; z-index: -1;  transform-origin: center;
    -ms-transform: skew(-10deg, 0deg);
    -webkit-transform: skew(-10deg, 0deg);
    transform: skew(-10deg, 0deg); -webkit-box-shadow: -5px 0px 8px 0px rgba(0,0,0,0.15);
-moz-box-shadow: -5px 0px 8px 0px rgba(0,0,0,0.15);
box-shadow: -5px 0px 8px 0px rgba(0,0,0,0.15);}

#intro-fomento .nota{font-size: 14px;}
#intro-fomento .nota a{color: #98002e; text-decoration: none; font-weight: 900;}

#glance{padding-top: 60px; padding-bottom: 60px; position: relative; overflow: hidden;}
#glance .plasta-gris{opacity:1; z-index: 80; width: 30%; height: 100%; position: fixed; right: 0; top:0; background:url("../images/svg/highlight-lateral-gray.svg") no-repeat center left; background-size: cover;}
#glance .plasta-gris .open{position:absolute; width: 90px; height: 90px; top: 50%; background-color: #98002e; left: 6%; display: flex; justify-content: center;
   align-items: center; font-size: 13px; font-weight:700; text-align: center; padding: 4px; color:#ffffff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.18);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.18); line-height: 1.1; cursor: pointer;}
#glance .plasta-gris .open span{font-size: 20px;}
#glance .plasta-gris .open-back{background-color: #ffffff; width: 94px; height: 94px;  margin-top: -4px; margin-left:-4px; position: absolute; top:50%; left: 6%; border: 6px solid #ffffff;}

#glance h2{color:#58595b; font-weight: 900; font-size: 36px;}
#glance h2 span{color:#a7a9ac;}

#glance .organigrama{width: 100%;  position: relative;}
#glance .organigrama h4{color:#58595b; font-weight: 700; font-size: 18px; text-align: center; line-height: 1.2; padding-left: 16%;}
#glance .organigrama h4 span{font-size: 13px;}

#glance .organigrama-img{width: 85%; margin-left: 7%;}


/*#glance .organigrama .estructura{text-align: center; position: relative; width: 75%; margin:0 auto;}
#glance .organigrama .estructura .circulos-ejes{width: 90%; margin: -20px auto 0;}
#glance .organigrama .estructura .circulo{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border:5px solid #ffffff; -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.3); display: flex; justify-content: center;
   align-items: center; margin: 0 auto; position: relative;}

#glance .organigrama .estructura .circulo-1{width: 100px; height: 100px;}
#glance .organigrama .estructura .lineas-1{margin-top: -2px;}

#glance .organigrama .estructura .circulo-2{width: 90px; height: 90px; }
#glance .organigrama .estructura .circulo-2 p{color:#ffffff; font-size: 17px; font-weight: 900;}
#glance .organigrama .estructura .circulo-2 p span{font-size: 9px; text-transform: uppercase;  line-height: 1.2; display: block;}

#glance .organigrama .estructura .coca-cifras{position: absolute; width: 200px; left:-140px; top:38%;}
#glance .organigrama .estructura .coca-cifras .cifras{width: 70%; display: inline-block; vertical-align: middle;}
#glance .organigrama .estructura .coca-cifras .cifras p{color:#77787b; font-size: 16px; font-weight: 900;}
#glance .organigrama .estructura .coca-cifras .cifras span{font-size: 13px; text-transform: uppercase;  line-height: 1.2; display: block; font-weight: 700;}
#glance .organigrama .estructura .coca-cifras .lineas-3{width: 30%; display: inline-block; vertical-align: middle;}

#glance .organigrama .estructura .circulos-divisiones{margin-top: -4px; overflow: hidden;}
#glance .organigrama .estructura .circulos-divisiones .circulos-comercio{width: 49%; display: inline-block; float: left;} 
#glance .organigrama .estructura .circulos-divisiones .circulos-comercio .circulo-3{width: 70px; height: 70px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border:3px solid #feab01; display: flex; justify-content: center;
   align-items: center; margin: 0 auto;} 
#glance .organigrama .estructura .circulos-divisiones .circulos-comercio .circulo-3 p{font-size: 10px; color:#58595b; font-weight: 700;}

#glance .organigrama .estructura .circulos-divisiones .circulos-otros{width: 48%; display: inline-block; float: right;} 
#glance .organigrama .estructura .circulos-divisiones .circulos-otros .circulo-4{width: 70px; height: 70px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border:3px solid #25408f; display: flex; justify-content: center;
   align-items: center; margin: 0 auto;} 
#glance .organigrama .estructura .circulos-divisiones .circulos-otros .circulo-5{width: 70px; height: 70px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border:3px solid #00aeef; display: flex; justify-content: center;
   align-items: center; margin: 0 auto;} 
#glance .organigrama .estructura .circulos-divisiones .circulos-otros .circulo-6{width: 70px; height: 70px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border:3px solid #73387a; display: flex; justify-content: center;
   align-items: center; margin: 0 auto;} 
#glance .organigrama .estructura .circulos-divisiones .circulos-otros p{font-size: 10px; color:#58595b; font-weight: 700;}*/
#glance .nota{color:#868686 !important; font-size: 12px;}
#glance sup{font-size:10px;}
#glance .mapa{width: 100%; height: 100%; position: fixed; background-color: #ffffff; overflow: hidden; top: 0; left: 100%; z-index: 80;}
#glance .mapa .close-mapa{position:absolute; width: 75px; height: 75px; top: 50%; background-color: #A0A0A0; left: -68px; text-align: center; display: grid; justify-content: right;
   align-items: center; font-size: 28px; font-weight:700; text-align: right; padding: 22px; color:#ffffff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.18);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.18); line-height: 1.1; cursor: pointer;}

#glance .mapa .mapa-cont{position: relative; width:100%; height: 90%; margin: 0 auto; }
#glance .mapa .mapa-cont .mapa-img{position: relative; height: 100%; left:200px; top: 95px;}
#glance .mapa .mapa-cont .nombres{position: absolute; height: 100%; left:200px; top: 95px;}
#glance .mapa .mapa-cont .highlight-glance{color:#000000; font-family: museo-sans-display, sans-serif;  font-weight: 800; font-size: 22px; text-align: right;  line-height: 1.3; margin-top: 0px; position: absolute; right: 15%; top: 15%; width: 20%;}
#glance .mapa .mapa-cont .identificadores{position: absolute; right: 12%; width: 20%; bottom: 10%;}
#glance .mapa .mapa-cont .identificadores p{line-height: 1.2; margin:5px 0; font-size:14px; font-weight: 500;}
#glance .mapa .mapa-cont .identificadores p span{display: inline-block; width: 10px; height: 10px; vertical-align: middle;}
#glance .mapa .mapa-cont p.nota{margin:15px 0; font-size:12px; font-weight: 300; color: #868686; position: absolute; bottom: -50px; right: 15%; width: 30%;}

#glance .tabla-glance{ width:70%; position: relative; margin-top:60px;}
#glance .tabla-glance table{text-align: center;}
#glance .tabla-glance table th{color:#727272; font-size:14px; font-weight: 700;}
#glance .tabla-glance table td{color:#000000; font-size:14px; font-weight: 700; padding: 8px 5px; border-bottom:1px solid #C8C8C8;}
#glance .tabla-glance.identificadores{position: absolute; right: 10%; width: 20%; bottom: 10%;}
#glance .tabla-glance .identificadores p{line-height: 1.2; margin:4px 0; font-size:14px; font-weight: 500;}
#glance .tabla-glance .identificadores p span{display: inline-block; width: 10px; height: 10px; vertical-align: middle;}
#glance .tabla-glance .identificadores p.nota{margin:15px 0; font-size:12px; font-weight: 300; color: #868686;}

#glance .highlight-glance{color:#000000; font-family: museo-sans-display, sans-serif;  font-weight: 800; font-size: 22px; text-align: right; vertical-align: middle; line-height: 1.3; width: 50%; display: inline-block;}
#glance .imagen-glance{width: 50%; display: inline-block; vertical-align: middle;}
#glance .imagen-glance img{width: 100%; }

#highlights{width: 100%;  position: relative; padding-top: 60px; padding-bottom: 60px;}
#highlights .plasta-gris{opacity:1; z-index: 80; width: 30%; height: 100%; position: fixed; right: 0; top:0; background:url("../images/svg/highlight-lateral-gray.svg") no-repeat center left; background-size: cover;}


#highlights .p70{vertical-align: top;}
#highlights .p30{vertical-align: top; position: relative; z-index: 82;}

#highlights h2{color:#58595b; font-weight: 900; font-size: 36px; text-transform: uppercase;}
#highlights h2 span{color:#a7a9ac;}
#highlights h3{color:#98002e; font-weight: 900; font-size: 22px;}
#highlights .economic-value{width: 70%;}
#highlights .economic-value .tableValue{width: 100%; text-align: right;}
#highlights .economic-value .tableValue sup{font-size:8px;}
#highlights .economic-value .tableValue tr th{border-bottom: 1px solid #a7a9ac; padding: 3px; font-size:14px; color: #808285; font-weight: 700;}
#highlights .economic-value .tableValue tr td{border-bottom: 1px solid #bcbdc0; padding: 3px; font-size:14px; font-weight: 300;
-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;}
#highlights .economic-value .tableValue .left{text-align: left;}
#highlights .economic-value .tableValue tr:hover td{background-color: #98002e; color:#ffffff;}



#highlights .economic-value .notas{padding-left:15px;}
#highlights .economic-value .notas li{font-size:13px; font-weight: 300; color:#6d6f71;}
#highlights .economic-value .notas li::marker{font-size:8px; vertical-align: top; padding-bottom: 5px;}

#highlights .graficas{padding: 30px 0; width: 70%; overflow: hidden;}
#highlights .graficas sup{font-size: 8px;}
#highlights .graficas .grafica{width: 50%; display: inline-block; vertical-align: bottom; margin-top: 15px;}
#highlights .graficas .grafica .imagen{width: 60%; position:relative; margin:0 auto; }
#highlights .graficas .grafica .imagen img{width: 100%;}
#highlights .graficas .grafica .imagen img.img1{position: relative; top:0;}
#highlights .graficas .grafica .imagen img.img2{position: absolute; top:0; left:0;}
#highlights .graficas .grafica p{text-align: center; font-size:16px; font-weight: 700; color:#ed1c24; text-transform: uppercase; margin-top:0;}
#highlights .graficas .grafica p span{font-size:14px; color:#808285; text-transform: none;}
#highlights .graficas .grafica p span.ps{font-size:18px; font-weight: 900; color:#000000; line-height:2; display: block;}
#highlights .graficas .notas {font-size:13px; font-weight: 300; color:#6d6f71;}
#highlights .graficas .circulo{width: 8px; height: 8px; display: inline-block; vertical-align: middle;}

#highlights .social-value{font-weight: 300; font-size: 16px; line-height: 1.5;}
#highlights .social-value .mapa-energia h5{border: 8px solid #ffffff; font-size: 16px; font-weight: 700; width: 140px; height: 140px; padding: 20px 20px; display:block; justify-content: center;
   align-items: center; text-align: center; margin: 0 auto; color:#ffffff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.39);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.39);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.39); line-height: 1;}
#highlights .social-value .mapa-energia .arrow{width: 50%; margin: 0 auto 20px; display: block;}
#highlights .social-value .mapa-energia h6{font-size:19px; color:#a1c150; text-align: center; width: 30%; margin:0 auto; line-height: 1.3; font-weight: 500;}
#highlights .social-value .mapa-energia h6 span{font-weight: 900;}
#highlights .social-value .mapa-energia .n1{vertical-align: middle;}
#highlights .social-value .mapa-energia .n2{vertical-align: middle;}
#highlights .social-value .mapa-energia .high-min{line-height: 1; margin-left: 10px;}
#highlights .social-value .mapa-energia .high-min-title{line-height: 1.3; margin-left: 10px; font-size: 14px;}
#highlights .social-value .mapa-energia p.high-min2{line-height: 1.4; font-size: 18px; vertical-align: top; margin-top:10px; font-weight: 500;}

#highlights .social-value .circular-economy p{ text-align: center; font-size: 14px; line-height: 1.3;}
#highlights .social-value .circular-economy .p33{vertical-align: top;}

#highlights .social-value .goals{text-align: center;}
#highlights .social-value .goals .goal{width: 11.11%; display: inline-block; text-align: center; margin: 5px 0;}
#highlights .social-value .goals .goal img{width: 87%; margin:0 auto;}

#highlights .social-value .tabla-our{margin-bottom: 5px;}
#highlights .social-value .tabla-our tr th{margin-bottom: 3px; text-align: right; color:#808285; padding: 7px 5px 3px;}
#highlights .social-value .tabla-our tr th.bbt{border-bottom: 2px solid #bcbdc0;}
#highlights .social-value .tabla-our tr .blft-o{border-left: 3px solid #f58220;}
#highlights .social-value .tabla-our tr .blft-v{border-left: 3px solid #8da937;}
#highlights .social-value .tabla-our tr .blft-m{border-left: 3px solid #764c76;}

#highlights .social-value .tabla-our sup{font-size: 8px;}
#highlights .social-value .tabla-our tr td{text-align: right; padding: 7px 5px; font-size: 14px; font-weight: 300; line-height: 1.2; border-bottom: 1px solid #bcbdc0; -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; }
#highlights .social-value .tabla-our tr td span{-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}
#highlights .social-value .tabla-our tr:hover span.gray{color: #E3E3E3;}

#highlights .social-value .tabla-our tr:hover > td.tb-anim{color:#ffffff !important;}
#highlights .social-value .tabla-our tr:hover > td.tb-anim-o{background-color: #f58220;}
#highlights .social-value .tabla-our tr:hover > td.tb-anim-v{background-color: #8da937;}
#highlights .social-value .tabla-our tr:hover > td.tb-anim-m{background-color: #764c76;}

#highlights .social-value .tabla-our tr td.no-border{border-bottom: none !important;}
#highlights .social-value .tabla-our tr td.especial{display: table; margin-top: 5px;}
#highlights .social-value .tabla-our tr .left{text-align: left}

#highlights .social-value .p13{width: 13%; display: inline-block;}
#highlights .social-value .p87{width: 87%; display: inline-block;}
#highlights .social-value .notas2{padding-left:15px;}
#highlights .social-value .notas2 li{font-size:13px; font-weight: 300; color:#6d6f71; line-height: 1.1}
#highlights .social-value .notas2 li::marker{font-size:8px; vertical-align: top; padding-bottom: 5px;}

#highlights h4{ color:#6d6f71; font-family: museo-sans-display, sans-serif;  font-weight: 800; font-size: 22px; text-align: right;  line-height: 1.3; margin-top: 0px;}
#highlights h4 a{text-decoration: none; color:#6d6f71;}
#highlights h4 span{font-weight: 700; font-size: 14px; font-family: museo-sans, sans-serif; display: block; line-height: 1.3; margin-top: 5px;}
#highlights .imagen-lateral{width: 100%;}
#highlights h4 sup{font-weight: 700; font-size: 14px;}

#comercio{width: 100%; height: 100%; background: url("../images/comercio-bg.jpg") no-repeat center; background-size: cover; position: relative; overflow: hidden;}
#comercio .chica{width:100%; height: 100%; background: url("../images/comercio-chica.png") center; background-size: cover; position: absolute;}
#comercio .sombra{width:100%; height: 100%; background: url("../images/comercio-sombra.png") center; background-size: cover; position: absolute;}
#comercio h1{font-family: museo-sans, sans-serif; font-weight: 700; font-size: 17px; line-height: 1.3; position: absolute; color:#ffffff; margin:0; padding:0; text-align: center; width: 25%; top:25%; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); left:5%;}
#comercio h2{font-family: museo-sans, sans-serif; font-weight: 900; font-size: 100px; opacity: 0.4; position: absolute; color:#ffffff; margin:0; padding:0; bottom:90px; left:5%;}
#comercio h3{font-family: museo-sans, sans-serif; font-weight: 900; font-size: 100px; opacity: 1; position: absolute; color:#ffffff; margin:0; padding:0; bottom:35px; left:18%;}
#comercio .lateral{width: 30%; height: 100%; background: url("../images/svg/comercio-lateral-bg.svg") no-repeat center; background-size: 120%; position: absolute; right: 0;  font-family: museo-sans-display, sans-serif;}
#comercio .lateral .txt-right{padding-left: 30%;}
#comercio .lateral .highlight{border-bottom: 1px solid #ffffff; padding: 15px 0;}
#comercio .lateral .highlight:first-of-type{margin-top: 60px;}
#comercio .lateral .highlight:last-of-type{border-bottom: none;}
#comercio .lateral .highlight p{padding-right: 30px; margin:10px 0; text-align: right; font-size: 16px; color: #ffffff; line-height: 1.2;}
#comercio .lateral .highlight p span{font-size: 20px; color:#000000; line-height: 1;}
#comercio .lateral .highlight2 p{color:#ed1c24; font-size: 12px; padding-right: 30px; text-align: right;}
#comercio .lateral .highlight2{padding: 15px 0;}


#lateral-movil{display:none; font-family: museo-sans-display, sans-serif;}
#lateral-movil .lateral .txt-right{padding-left: 30%;}
#lateral-movil .lateral .highlight{border-bottom: 1px solid #ffffff; padding: 0px 0;}
#lateral-movil .lateral .highlight:first-of-type{margin-top: 30px;}
#lateral-movil .lateral .highlight:last-of-type{border-bottom: none;}
#lateral-movil .lateral .highlight p{padding-right: 30px; text-align: right; font-size: 18px; color: #ffffff; line-height: 1.2;}
#lateral-movil .lateral .highlight p span{font-size: 22px; color:#000000; line-height: 1.4;}
#lateral-movil .lateral .highlight2 p{color:#ed1c24; font-size: 12px; padding-right: 30px; text-align: right;}
#lateral-movil .lateral .highlight2{padding: 15px 0;}

#comercio .circle-data{position: absolute; width: 27%; top: 12%; left: 48%;}



#comercio-cont{padding: 0;}
#comercio-cont p{font-weight: 300; font-size: 16px; line-height: 1.5;}
#comercio-cont p.first-p{margin-top:30px;}

#comercio-cont h3{font-family: museo-sans, sans-serif; font-weight: 700; font-size: 21px; margin:30px 0 20px;}
#comercio-cont p{font-weight: 300; font-size: 16px; line-height: 1.5;}

#comercio-cont .comercio-bitz{width: 100%; position: relative; right: 0; display: inline-block; float: right; margin-bottom: -100px; margin-right: -20px;}

#comercio-cont .bitz-productos{width: 127%; margin-left: -27%; margin-top:160px;}

#comercio-cont .highlight-comercio-green{background-color: #a1c150; line-height: 0;}
#comercio-cont .highlight-comercio-green .cont{padding: 30px 0; }
#comercio-cont .highlight-comercio-green p{color:#000000; font-size: 14px; font-weight: 300; line-height: 1.5;}
#comercio-cont .highlight-comercio-green p span{font-family: museo-slab, serif; color: #ffffff; font-weight: 900; font-size: 18px; line-height: 1.6;}
#comercio-cont .highlight-comercio-green .p80, #comercio-cont .highlight-comercio-green .p20, #comercio-cont .highlight-comercio-green .p50{vertical-align: middle; line-height: 0;}
#comercio-cont .highlight-comercio-green ul{padding-left: 20px;}
#comercio-cont .highlight-comercio-green ul li{color:#000000; font-size: 14px; padding: 2px 0; font-weight: 300; line-height: 1.5;}
#comercio-cont .highlight-comercio-green ul li span{font-weight: 700;}
#comercio-cont .highlight-comercio-green .icon-sust{position: relative; width: 80px; float: left; margin: 0 20px 10px 0;}
#comercio-cont .highlight-comercio-green .icon-sust2{width: 80px;}
#comercio-cont  .andati{ z-index: 99; position: relative; margin:30px 0; text-align: left;}
#comercio-cont  .andati .andati-vaso{position: relative; max-width: 150px; width: 47%;}
#comercio-cont  .andati .icon-sust{position: absolute; width: 85px; bottom: 10px; left: 22%;}

#comercio-cont .highlight-orange{position: relative; background: url("../images/svg/comercio-lateral-orange-b.svg") no-repeat top right; background-size: cover; display:block; overflow:hidden;}
#comercio-cont .highlight2-orange{position: relative; text-align: right; background: url("../images/svg/comercio-lateral-orange.svg") no-repeat bottom left; background-size: cover; display:block; overflow:hidden;}
#comercio-cont .highlight-blue{position: relative; text-align: right; background: url("../images/svg/comercio-lateral-blue.svg") no-repeat bottom right; background-size: cover; display:block; overflow:hidden; margin-top:0px;}
#comercio-cont .highlight2-blue{position: relative; background: url("../images/svg/comercio-lateral-blue-b.svg") no-repeat top right; background-size: cover; display:block; overflow:hidden;}
#comercio-cont .highlight-orange2{position: relative; text-align: right; background: url("../images/svg/comercio-lateral-orange2.svg") no-repeat bottom right; background-size: cover; display:block; overflow:hidden; margin-top:0px;}
#comercio-cont .highlight2-orange2{position: relative; background: url("../images/svg/comercio-lateral-orange2-b.svg") no-repeat top right; background-size: cover; display:block; overflow:hidden;}


#comercio-cont .highlight-comercio h4{font-family: museo-sans-display, sans-serif; font-weight: 800; font-size: 22px; text-align: right; margin: 60px 70px 30px 120px; color:#ffffff;}
#comercio-cont .highlight-comercio h4.izquierda{margin: 60px 100px 30px 60px; text-align: left; line-height: 1.3;}
#comercio-cont .highlight-comercio h4.abajo{margin-top:30px;}


#comercio-cont .highlight-comercio .productos-coca{line-height: 0; text-align: right;}
#comercio-cont .highlight-comercio .productos-coca img{width: 50%; margin: 0 auto; border:0; }
#comercio-cont .comercio-oxxo {text-align: right; margin-bottom: -4px;}
#comercio-cont .comercio-oxxo img{width: 90%}

#comercio-cont .comercio-oxxo-sandwich{width: 100%; border:0; margin-top: 30px; margin-bottom: -4px;}

#comercio-cont .grafica-barras {text-align: center;}
#comercio-cont .grafica-barras .imagen {text-align: center; width: 32%; position:relative; margin:0 auto; overflow: hidden;}
#comercio-cont .grafica-barras .imagen img{width: 100%; text-align: center;}
#comercio-cont .grafica-barras .imagen img.img1{position: relative; top:0; left:0;}
#comercio-cont .grafica-barras .imagen img.img2{position: absolute; top:0; left:0;}
#comercio-cont .grafica-barras p{color:#77797a !important; width: 40%; margin:0 auto; border-top: 1px solid #B9B9B9; padding: 5px 0; font-weight: 700 !important; text-align: center; text-transform: uppercase; font-size: 12px;}

#comercio-cont .grafica-barras2 {text-align: center; margin-bottom: 60px;}
#comercio-cont .grafica-barras2 .imagen {text-align: center; width: 45%; position:relative; margin:0 auto; overflow: hidden;}
#comercio-cont .grafica-barras2 .imagen img{width: 100%; text-align: center;}
#comercio-cont .grafica-barras2 .imagen img.img1{position: relative; top:0; left:0;}
#comercio-cont .grafica-barras2 .imagen img.img2{position: absolute; top:0; left:0;}
#comercio-cont .grafica-barras2 p{color:#77797a !important; width: 40%; margin:0 auto; border-top: 1px solid #B9B9B9; padding: 5px 0; font-weight: 700 !important; text-align: center; text-transform: uppercase; font-size: 12px;}


#comercio-cont .comercio-inner-r{width: 45%; float: right; margin: 0 0 10px 20px;}
#comercio-cont .comercio-inner-l{width: 45%; float: left; margin: 0 20px 10px 0;}

#comercio-cont .imagen-lateral{width: 80%; margin-right: 60px;}
#comercio-cont .imagen-lateral-first{width: 80%; margin:60px 60px 30px 0;}

#comercio-cont .chico{ text-align: right; position: relative; z-index: 90; margin-top: -250px; margin-right: -22%;}
#comercio-cont .chico img{width: 43%; z-index: 86;}

#comercio-cont .comercio-sustainability .icon-sust{width: 85px; display: inline-block; vertical-align: middle;}
#comercio-cont .comercio-sustainability p.sust-title{font-size: 26px; font-weight:800; line-height: 1.2; color:#a1c150; display: inline-block; vertical-align: middle; font-family: museo-sans-display, sans-serif;}

#comercio-cont .comercio-sustainability .cont-sust{background: url("../images/comercio-sustainability-bg.jpg") no-repeat center; overflow: hidden; background-size: cover; position: relative;}

#comercio-cont .sust-comercio-movil{width: 100%; moargin:0; border:0; display:none;}
#comercio-cont .comercio-sustainability .cont-sust .highlight2-green{min-height: 700px; padding-bottom: 30px;}
#comercio-cont .comercio-sustainability .cont-sust .highlight-sust{border-bottom: 1px solid #ffffff; line-height: 1.4;}
#comercio-cont .comercio-sustainability .cont-sust .highlight-sust p{margin: 0; font-size:18px; line-height: 1.1; color:#000000; font-family: museo-sans-display, sans-serif; font-weight: 800;}
#comercio-cont .comercio-sustainability .cont-sust .highlight-sust ul{padding-left: 20px; margin:0;  }
#comercio-cont .comercio-sustainability .cont-sust .highlight-sust ul li{padding: 4px 0; line-height: 1.2; color:#ffffff; font-size:14px; margin:0; font-weight: 700;}
#comercio-cont .comercio-sustainability .cont-sust .highlight-sust ul li ul{list-style: "- ";}
#comercio-cont .comercio-sustainability .cont-sust .highlight-sust ul li ul li{padding: 2px 0 0; font-weight: 300;}

#comercio-cont .comercio-sustainability .cont-sust .highlight-sust.nivel1{margin:60px 70px 30px 0px; padding-bottom: 30px; padding-left: 60px;}
#comercio-cont .comercio-sustainability .cont-sust .highlight-sust.nivel2{margin:30px 90px 10px 0px; padding-bottom: 30px; padding-left: 60px;}
#comercio-cont .comercio-sustainability .cont-sust .highlight-sust.nivel3{margin:30px 120px 10px 0px; padding-bottom: 30px; padding-left: 60px; border-bottom: none;}
#comercio-cont .comercio-sustainability .cont-sust .highlight-sust.nivel1a{margin:60px 0px 10px 130px;  padding-bottom: 30px; padding-right: 60px;}
#comercio-cont .comercio-sustainability .cont-sust .highlight-sust.nivel2a{margin:25px 0px 10px 95px; padding-bottom: 30px; padding-right: 60px; border-bottom: none;}

#comercio-cont .highlight2-green{position: relative; width: 35%; background: url("../images/svg/comercio-lateral-green-b.svg") no-repeat top right; background-size: cover; display:block; overflow:hidden;}
#comercio-cont .highlight3-green{position: absolute; min-height: 700px; padding-bottom: 30px; right: 0; top: 0; width: 35%; background: url("../images/svg/comercio-lateral-green.svg") no-repeat bottom left; background-size: cover; display:block; overflow:hidden;}

#comercio-cont .vamos{width: 40%; display: inline-block; }
#comercio-cont .vamos img{width: 120%;}

#comercio-cont .highlight2-blue .comercio-farmacia{line-height: 0; text-align: right;}
#comercio-cont .highlight2-blue .comercio-farmacia img{width: 90%; margin: 30px auto; border:0; }

#comercio-cont .grafica-circulo{width: 60%; margin:0 auto; overflow: hidden;}
#comercio-cont .grafica-circulo.grafica-circ2{width: 60%; display: inline-block; margin: 0;}
#comercio-cont .grafica-circulo .imagen{width: 75%; margin:0 auto; position: relative;}
#comercio-cont .grafica-circulo .imagen img{width: 100%;}
#comercio-cont .grafica-circulo .imagen img.img1{position: relative; left:0; top:0;}
#comercio-cont .grafica-circulo .imagen img.img2{position: absolute; left:0; top:0;}
#comercio-cont .grafica-circulo p{font-size: 12px; color:#6d6f71; font-weight: 700; margin-top: 0;}

#comercio-cont .grafica-circulo2{width: 40%; margin:0 auto;}
#comercio-cont .grafica-circulo2 .imagen{width: 75%; margin:0 auto; position: relative;}
#comercio-cont .grafica-circulo2 .imagen img{width: 100%;}
#comercio-cont .grafica-circulo2 .imagen img.img1{position: relative; left:0; top:0;}
#comercio-cont .grafica-circulo2 .imagen img.img2{position: absolute; left:0; top:0;}
#comercio-cont .grafica-circulo2 p{font-size: 12px; color:#6d6f71; font-weight: 700; margin-top: 0;}

#comercio-cont ul{padding-left: 20px;}
#comercio-cont ul li{font-size: 16px; line-height: 1.5; font-weight: 300; margin: 15px 0;}

#comercio-cont .oxxo-gas{width: 40%; padding-left: 60px; margin-top: 60px;}
#comercio-cont .oxxo-gas img{width: 100%;}

#comercio-cont .gotovideo .juntos-computadora{width: 30%; display: inline-block; vertical-align: middle;}
#comercio-cont .gotovideo a{display: block;}
#comercio-cont .gotovideo p{width: 60%; font-size: 10px; text-align: left; display: inline-block; vertical-align: middle; line-height: 1.2; color:#6d6f71; text-decoration: none;}

#comercio-cont .oxxo-gasolinera{width: 100%;}

#comercio-cont .health-chico{width: 30%;
margin-right: -127px;
margin-top: -359px;
float: right; z-index: 90; position: relative;}

#comercio-cont .health-chico img{ width: 100%;}

/*******Coca-cola********/
#coca{width: 100%; height: 100%; overflow: hidden; margin-bottom: -1px; background: url("../images/coca-bg.jpg") no-repeat top right; background-size: cover; position: relative;}
#coca h1{font-family: museo-sans, sans-serif; font-weight: 700; font-size: 17px; line-height: 1.3; position: absolute; color:#ffffff; margin:0; padding:0; text-align: center; width: 25%; top:42%; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); left:9%;}
#coca h2{font-family: museo-sans, sans-serif; font-weight: 900; font-size: 100px; opacity:1;  position: absolute; color:#ffffff; margin:0; padding:0; bottom:90px; left:5%;}
#coca h3{font-family: museo-sans, sans-serif; font-weight: 900; font-size: 100px; opacity: 0.4; position: absolute; color:#ffffff; margin:0; padding:0; bottom:35px; left:40%;}

#coca .lateral{width: 30%; height: 100%; background: url("../images/svg/coca-lateral-bg.svg") no-repeat bottom left; background-size: cover; position: absolute; right: 0;  font-family: museo-sans-display, sans-serif;}
#coca .lateral .txt-right{padding-left: 33%;}
#coca .lateral .highlight{border-bottom: 1px solid #ffffff; padding: 14px 0;}
#coca .lateral .highlight:first-of-type{margin-top: 60px;}
#coca .lateral .highlight:last-of-type{border-bottom: none;}
#coca .lateral .highlight p{padding-right: 30px; margin:5px 0; text-align: right; font-size: 16px; color: #ffffff; line-height: 1.2;}
#coca .lateral .highlight p span.cifra{font-size: 20px; line-height: 1; color:#000000;}

#lateral-movil-coca .lateral{display:none; font-family: museo-sans-display, sans-serif;}
#lateral-movil-coca .lateral .txt-right{padding-left: 30%;}
#lateral-movil-coca .lateral .highlight{border-bottom: 1px solid #ffffff; padding: 0px 0;}
#lateral-movil-coca .lateral .highlight:first-of-type{margin-top: 30px;}
#lateral-movil-coca .lateral .highlight:last-of-type{border-bottom: none;}
#lateral-movil-coca .lateral .highlight p{padding-right: 30px; text-align: right; font-size: 18px; color: #ffffff; line-height: 1.2;}
#lateral-movil-coca .lateral .highlight p span.cifra{font-size: 22px; line-height: 1.4; color:#000000;}

#coca-cont{padding: 0;}
#coca-cont p{font-weight: 300; font-size: 16px; line-height: 1.5;}
#coca-cont p.first-p{margin-top:30px;}

#coca-cont .highlight-red{position: relative; background: url("../images/svg/coca-lateral-red-b.svg") no-repeat top right; background-size: cover; display:block; overflow:hidden;}
#coca-cont .highlight2-red{position: relative; background: url("../images/svg/coca-lateral-red.svg") no-repeat bottom left; background-size: cover; display:block; overflow:hidden;}


#coca-cont .highlight-coca h4{font-family: museo-sans-display, sans-serif; font-weight: 800; font-size: 22px; text-align: right; margin: 60px 65px 30px 120px; color:#ffffff;}
#coca-cont .highlight-coca h4.izquierda{margin: 60px 100px 30px 65px; text-align: left; line-height: 1.3;}
#coca-cont .highlight-coca h4.abajo{margin-top:30px;}
#coca-cont .highlight-coca .productos-coca{line-height: 0; text-align: right;}
#coca-cont .highlight-coca .productos-coca img{width: 70%; margin: 0 auto; border:0; }

#coca-cont .coca-trailer{width:60% !important; margin-bottom: -4px;}

#coca-cont .img-inner-r{width: 45%; float: right; margin: 0 0 10px 20px;}
#coca-cont .img-inner-l{width: 45%; float: left; margin: 7px 20px 10px 0;}
#coca-cont .imagen-lateral{width: 86%; margin:30px 0;}
#coca-cont .imagen-lateral-first{width: 86%; margin:60px 0 30px;}

#coca-cont .highlight-coca-green{background-color: #a1c150; line-height: 0;}
#coca-cont .highlight-coca-green .cont{padding: 30px 0; }
#coca-cont .highlight-coca-green p{color:#000000; font-size: 14px; font-weight: 300; line-height: 1.5;}
#coca-cont .highlight-coca-green p span{font-family: museo-slab, serif; color: #ffffff; font-weight: 900; font-size: 18px; line-height: 1.6;}
#coca-cont .highlight-coca-green .p65, #coca-cont .highlight-coca-green .p35, #coca-cont .highlight-coca-green .p40, #coca-cont .highlight-coca-green .p60, #coca-cont .highlight-coca-green .p20, #coca-cont .highlight-coca-green .p75{vertical-align: middle; line-height: 0;}
#coca-cont .highlight-coca-green ul{padding-left: 20px;}
#coca-cont .highlight-coca-green ul li{color:#000000; font-size: 14px; padding:0; font-weight: 300; line-height: 1.5; margin:0;}
#coca-cont .highlight-coca-green ul li span{font-weight: 700;}
#coca-cont .highlight-coca-green .icon-sust{position: relative; width: 80px; float: left; margin: 0 20px 10px 0;}
#coca-cont .highlight-coca-green .icon-sust2{position: relative; width: 80px;}

#coca-cont .sust-leadership{ z-index: 99; position: relative; margin-top:-30px; margin-bottom: -30px; text-align: left;}
#coca-cont .sust-leadership img{position: relative; width: 70%;}

#coca-cont .highlight-coca-green .chico{width: 100%; margin:0;}
#coca-cont .highlight-coca-green .sinresiduos{width: 100%; margin:0;}

#coca-cont .corredor{width: 60% !important;}
#coca-cont .coca-senior{width: 35% !important;}

#coca-cont .vision{background-color:#eff0f0; margin-top: 60px;}
#coca-cont .vision .p30, #coca-cont .vision .p70{vertical-align: middle;}
#coca-cont .vision .vision-diagrama{width: 100%;}
#coca-cont .vision ol{padding-left:20px; font-weight: 700;}
#coca-cont .vision ol li{line-height: 1.2; margin: 10px 0; font-size:16px;}
#coca-cont .vision ol li span{color:#000000; font-weight: 300;}

#coca-cont .bullet-movil{display:none;}

#coca-cont ul{padding-left:20px;}
#coca-cont ul li{line-height: 1.5; margin: 15px 0; font-weight: 300; font-size:16px;}
#coca-cont ul li span{color:#000000;}

#coca-cont .yas{width: 25% !important; margin-right: 90px;}
#coca-cont .yas.movil{display:none}

#coca-cont .icon-4{width: 80px; float: left; margin: 0 20px 10px 0;}
#coca-cont .smart{width: 38%;}

#coca-cont .highlight-coca .fuzetea{line-height: 0; text-align: right;}
#coca-cont .highlight-coca .fuzetea img{width: 60%; margin: 0 auto; border:0; }
#coca-cont .highlight-coca .kofmmercial {width: 50%; border:0; margin:0px 0 30px 120px ;}

#coca-cont .vendedor{width: 60%;}
#coca-cont .fabrica{width: 65%;}

#coca-cont a{text-decoration: none; -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}

#coca-cont a:hover{color:#6F6F6F;}

#coca-cont .sust-coca-movil{width: 100%; moargin:0; border:0; display:none;}
#coca-cont .coca-sustainability .icon-sust{width: 85px; display: inline-block; vertical-align: middle;}
#coca-cont .coca-sustainability p.sust-title{font-size: 26px; font-weight:800; line-height: 1.2; color:#a1c150; display: inline-block; vertical-align: middle; font-family: museo-sans-display, sans-serif;}

#coca-cont .coca-sustainability .cont-sust{background: url("../images/coca-sustainability-bg.jpg") no-repeat center; overflow: hidden; background-size: cover; position: relative;}

#coca-cont .coca-sustainability .cont-sust .highlight2-green{min-height: 630px; padding-bottom: 30px;}
#coca-cont .coca-sustainability .cont-sust .highlight-sust{border-bottom: 1px solid #ffffff; line-height: 1.4;}
#coca-cont .coca-sustainability .cont-sust .highlight-sust p{margin: 0; font-size:18px; line-height: 1.1; color:#000000; font-family: museo-sans-display, sans-serif; font-weight: 800;}
#coca-cont .coca-sustainability .cont-sust .highlight-sust ul{padding-left: 20px; margin:0;  }
#coca-cont .coca-sustainability .cont-sust .highlight-sust ul li{padding: 4px 0; line-height: 1; color:#ffffff; font-size:14px; margin:0; font-weight: 700;}
#coca-cont .coca-sustainability .cont-sust .highlight-sust ul li ul{list-style: "- ";}
#coca-cont .coca-sustainability .cont-sust .highlight-sust ul li ul li{padding: 2px 0 0; font-weight: 300;}

#coca-cont .coca-sustainability .cont-sust .highlight-sust.nivel1{margin:60px 70px 30px 0px; padding-bottom: 30px; padding-left: 60px;}
#coca-cont .coca-sustainability .cont-sust .highlight-sust.nivel2{margin:30px 90px 10px 0px; padding-bottom: 30px; padding-left: 60px;}
#coca-cont .coca-sustainability .cont-sust .highlight-sust.nivel3{margin:30px 120px 0px 0px; padding-bottom: 20px; padding-left: 60px; border-bottom: none;}
#coca-cont .coca-sustainability .cont-sust .highlight-sust.nivel1a{margin:25px 0px 0px 130px;  padding-bottom: 20px; padding-right: 60px;}
#coca-cont .coca-sustainability .cont-sust .highlight-sust.nivel2a{margin:15px 0px 0px 105px; padding-bottom: 20px; padding-right: 60px;}
#coca-cont .coca-sustainability .cont-sust .highlight-sust.nivel3a{margin:15px 0px 0px 85px; padding-bottom: 20px; padding-right: 60px;}
#coca-cont .coca-sustainability .cont-sust .highlight-sust.nivel4a{margin:15px 0px 0px 60px; padding-bottom: 20px; padding-right: 60px; border-bottom: none;}

#coca-cont .highlight2-green{position: relative; width: 35%; background: url("../images/svg/comercio-lateral-green-b.svg") no-repeat top right; background-size: cover; display:block; overflow:hidden;}
#coca-cont .highlight3-green{position: absolute; min-height: 630px; padding-bottom: 30px; right: 0; top: 0; width: 35%; background: url("../images/svg/comercio-lateral-green.svg") no-repeat bottom left; background-size: cover; display:block; overflow:hidden;}

#coca-cont .chico-coca{text-align: right; position: relative; z-index: 90;}
#coca-cont .chico-coca img{width: 52%;
margin-top: -128px;
margin-right: -145px;
float: right;}
/*******Coca-cola********/


/*******FEMSA STRATEGIC BUSINESSES********/

#businesses{width: 100%; overflow: hidden; height: 100%; margin-bottom: -2px; background: url("../images/businesses-bg.jpg") no-repeat top right; background-size: cover; position: relative;}
#businesses h1{font-family: museo-sans, sans-serif; font-weight: 700; font-size: 17px; line-height: 1.3; position: absolute; color:#ffffff; margin:0; padding:0; text-align: center; width: 25%; top:30%; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); left:5%;}
#businesses h2{font-family: museo-sans, sans-serif; font-weight: 900; font-size: 80px; opacity: 0.4; position: absolute; color:#ffffff; margin:0; padding:0; bottom:90px; left:2%;}
#businesses h3{font-family: museo-sans, sans-serif; font-weight: 900; font-size: 80px; opacity: 1; position: absolute; color:#ffffff; margin:0; padding:0; bottom:50px; left:18%;}

#businesses .lateral{width: 27%; height: 100%; background: url("../images/svg/businesses-lateral-bg.svg") no-repeat bottom left; background-size: cover; position: absolute; right: 0;  font-family: museo-sans-display, sans-serif;}
#businesses .lateral .txt-right{padding-left: 33%;}
#businesses .lateral .highlight{border-bottom: 1px solid #ffffff; padding: 14px 0;}
#businesses .lateral .highlight:first-of-type{margin-top: 60px;}
#businesses .lateral .highlight p{padding-right: 30px; margin:5px 0; text-align: right; font-size: 16px; color: #9d9fa2; line-height: 1.2;}
#businesses .lateral .highlight p span.cifra{font-size: 20px; line-height: 1; color:#ffffff;}
#businesses .lateral .nota{padding: 30px 0;}
#businesses .lateral .nota p{padding-right: 30px; text-align: right; font-size: 10px; font-weight: 500; color: #ffffff; line-height: 1.2;}

#lateral-movil-businesses .lateral{display:none; font-family: museo-sans-display, sans-serif;}
#lateral-movil-businesses .lateral .txt-right{padding-left: 30%;}
#lateral-movil-businesses .lateral .highlight{border-bottom: 1px solid #ffffff; padding: 0px 0;}
#lateral-movil-businesses .lateral .highlight:first-of-type{margin-top: 30px;}
#lateral-movil-businesses .lateral .highlight:last-of-type{border-bottom: none;}
#lateral-movil-businesses .lateral .highlight p{padding-right: 30px; text-align: right; font-size: 18px; color: #9d9fa2; line-height: 1.2;}
#lateral-movil-businesses .lateral .highlight p span.cifra{font-size: 22px; line-height: 1.4; color:#ffffff;}
#lateral-movil-businesses .lateral .nota{padding: 30px 0;}
#lateral-movil-businesses .lateral .nota p{padding-right: 30px; text-align: right; font-size: 10px; font-weight: 500; color: #ffffff; line-height: 1.2;}

#businesses-cont{padding: 0; }
#businesses-cont p{font-weight: 300; font-size: 16px; line-height: 1.5;}
#businesses-cont p.first-p{margin-top:30px;}

#businesses-cont .highlight-blue{position: relative; background: url("../images/svg/businesses-lateral-blue-b.svg") no-repeat top right; background-size: cover; display:block; overflow:hidden;}
#businesses-cont .highlight2-blue{position: relative; background: url("../images/svg/businesses-lateral-blue.svg") no-repeat bottom left; background-size: cover; display:block; overflow:hidden;}


#businesses-cont .highlight-businesses h4{font-family: museo-sans-display, sans-serif; font-weight: 800; font-size: 22px; text-align: right; margin: 60px 65px 30px 120px; color:#ffffff;}
#businesses-cont .highlight-businesses h4.izquierda{margin: 65px 100px 30px 60px; text-align: left; line-height: 1.3;}
#businesses-cont .highlight-businesses h4.abajo{margin-top:30px;}
#businesses-cont .highlight-businesses .businesses-almacenista{line-height: 0; text-align: right;}
#businesses-cont .highlight-businesses .businesses-almacenista img{width: 75%; margin: 15px auto 0; border:0; }


#businesses-cont .img-inner-r{width: 45%; float: right; margin: 0 0 10px 20px;}
#businesses-cont .img-inner-l{width: 45%; float: left; margin: 0 20px 10px 0;}
#businesses-cont .imagen-lateral{width: 86%; margin:30px 0;}
#businesses-cont .imagen-lateral-first{width: 86%; margin:60px 0 30px;}

#businesses-cont .logo-solistica{width: 20%;}

#businesses-cont .highlight-businesses-green{background-color: #a1c150; line-height: 0;}
#businesses-cont .highlight-businesses-green .cont{padding: 0px 0; }
#businesses-cont .highlight-businesses-green p{color:#000000; font-size: 14px; font-weight: 300; line-height: 1.5;}
#businesses-cont .highlight-businesses-green p span{font-family: museo-slab, serif; color: #ffffff; font-weight: 900; font-size: 18px; line-height: 1.6;}
#businesses-cont .highlight-businesses-green .p70, #businesses-cont .highlight-businesses-green .p30, #businesses-cont .highlight-businesses-green .p60, #businesses-cont .highlight-businesses-green .p40,#businesses-cont .highlight-businesses-green .p65, #businesses-cont .highlight-businesses-green .p35{vertical-align: middle; line-height: 0;}
#businesses-cont .highlight-businesses-green ul{padding-left: 20px;}
#businesses-cont .highlight-businesses-green ul li{color:#000000; font-size: 14px; padding: 2px 0; font-weight: 300; line-height: 1.5;}
#businesses-cont .highlight-businesses-green ul li span{font-weight: 700;}
#businesses-cont .highlight-businesses-green .icon-sust{position: relative; width: 80px; float: left; margin: 0 20px 30px 0;}
#businesses-cont .highlight-businesses-green .icon-sust2{position: relative; width: 80px; }

#businesses-cont .highlight-businesses-green .almacen-solistica{position: relative; width: 100%;}


#businesses-cont ul{padding-left:20px;}
#businesses-cont ul li{line-height: 1.5; margin: 15px 0; font-weight: 300; font-size:16px;}
#businesses-cont ul li span{color:#000000;}

#businesses-cont .commercial-model{width: 50%; margin:0 auto; position: relative;}

#businesses-cont .trailer{width: 100%;}

#businesses-cont .imbera-1{width: 70%;}


#businesses-cont a{text-decoration: none; -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}
#businesses-cont a:hover{color:#6F6F6F;}

#businesses-cont .businesses-sustainability .icon-sust{width: 85px; display: inline-block; vertical-align: middle;}
#businesses-cont .businesses-sustainability p.sust-title{font-size: 26px; font-weight:800; line-height: 1.2; color:#a1c150; display: inline-block; vertical-align: middle; font-family: museo-sans-display, sans-serif;}

#businesses-cont .sust-businesses-movil{width: 100%; moargin:0; border:0; display:none;}
#businesses-cont .businesses-sustainability .cont-sust{background: url("../images/businesses-sustainability-bg.jpg") no-repeat center right; overflow: hidden; background-size: cover; position: relative;}

#businesses-cont .businesses-sustainability .cont-sust .highlight2-green{min-height: 660px; padding-bottom: 10px;}
#businesses-cont .businesses-sustainability .cont-sust .highlight-sust{border-bottom: 1px solid #ffffff; line-height: 1.4;}
#businesses-cont .businesses-sustainability .cont-sust .highlight-sust p{margin: 0; font-size:18px; line-height: 1.1; color:#000000; font-family: museo-sans-display, sans-serif; font-weight: 800;}
#businesses-cont .businesses-sustainability .cont-sust .highlight-sust ul{padding-left: 20px; margin:0;  }
#businesses-cont .businesses-sustainability .cont-sust .highlight-sust ul li{padding: 4px 0; line-height: 1; color:#ffffff; font-size:14px; margin:0; font-weight: 700;}
#businesses-cont .businesses-sustainability .cont-sust .highlight-sust ul li ul{list-style: "- ";}
#businesses-cont .businesses-sustainability .cont-sust .highlight-sust ul li ul li{padding: 2px 0 0; font-weight: 300;}
#businesses-cont .businesses-sustainability .cont-sust .highlight-sust p.notas{font-weight: 300; color:#ffffff; font-size:12px; margin-top:15px; font-family: museo-sans, sans-serif; }

#businesses-cont .businesses-sustainability .cont-sust .highlight-sust.nivel1{margin:60px 70px 30px 0px; padding-bottom: 30px; padding-left: 60px;}
#businesses-cont .businesses-sustainability .cont-sust .highlight-sust.nivel2{margin:30px 100px 10px 0px; padding-bottom: 0px; padding-left: 60px; border-bottom: none;}
#businesses-cont .businesses-sustainability .cont-sust .highlight-sust.nivel1a{margin:60px 0px 10px 130px;  padding-bottom: 30px; padding-right: 60px;}
#businesses-cont .businesses-sustainability .cont-sust .highlight-sust.nivel2a{margin:30px 0px 10px 105px; padding-bottom: 30px; padding-right: 60px; border-bottom: none;}

#businesses-cont .highlight2-green{position: relative; margin-top: -1px; width: 30%; background: url("../images/svg/comercio-lateral-green-b.svg") no-repeat top right; background-size: cover; display:block; overflow:hidden;}
#businesses-cont .highlight3-green{position: absolute; min-height: 660px; padding-bottom: 30px; right: 0; top: 0; width: 30%; background: url("../images/svg/comercio-lateral-green.svg") no-repeat bottom left; background-size: cover; display:block; overflow:hidden;}

#businesses-cont .gotovideo .ptm-computadora{width: 75%; margin-top: 20px;}
#businesses-cont .gotovideo a{display: block; margin: 15px 0;}
#businesses-cont .gotovideo p{width: 75%; margin:0 auto; line-height: 1.2; display: block; color:#6d6f71;}
#businesses-cont .ptm-movil{display: none;}

#businesses-cont .pet{width: 100%;}
#businesses-cont .torrey{width: 60%;}
/******* FEMSA STRATEGIC BUSINESSES ********/


/*******FEMSA FOUNDATION********/
#fundacion{width: 100%; height: 100%; margin-bottom: -1px; background: url("../images/fundacion-bg.jpg") no-repeat center right; background-size: cover; position: relative; overflow: hidden;}
#fundacion h1{font-family: museo-sans, sans-serif; font-weight: 700; font-size: 17px; line-height: 1.3; position: absolute; color:#ffffff; margin:0; padding:0; text-align: center; width: 25%; top:35%; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); left:6%;}
#fundacion h2{font-family: museo-sans, sans-serif; font-weight: 900; font-size: 90px; opacity: 1; position: absolute; color:#ffffff; margin:0; padding:0; bottom:90px; left:5%;}
#fundacion h3{font-family: museo-sans, sans-serif; font-weight: 900; font-size: 90px; opacity: 0.4; position: absolute; color:#ffffff; margin:0; padding:0; bottom:50px; left:38%;}

#fundacion .lateral{width: 31%; height: 100%; background: url("../images/svg/fundacion-lateral-bg.svg") no-repeat bottom left; background-size: cover; position: absolute; right: 0;  font-family: museo-sans-display, sans-serif;}
#fundacion .lateral .txt-right{padding-left: 32%;}
#fundacion .lateral .highlight{border-bottom: 1px solid #ffffff; padding: 5px 0;}
#fundacion .lateral .highlight:first-of-type{margin-top: 65px;}
#fundacion .lateral .highlight:last-of-type{border-bottom: none;}
#fundacion .lateral .highlight p{padding-right: 30px; margin:6px 0; text-align: right; font-size: 16px; color: #ffffff; line-height: 1.2;}
#fundacion .lateral .highlight p span.cifra{font-size: 20px; line-height: 1; color:#000000;}
#fundacion .lateral .highlight p.nota{text-align: right; margin-top: 30px;  font-size: 10px; font-weight: 500; color: #000000; line-height: 1.2;}
#fundacion .lateral .highlight sup{font-weight: 700; font-size: 14px;}

#lateral-movil-fundacion .lateral{display: none; position:relative; font-family: museo-sans-display, sans-serif; padding-bottom: 15px;}
#lateral-movil-fundacion .lateral .txt-right{padding-left: 32%;}
#lateral-movil-fundacion .lateral .highlight{border-bottom: 1px solid #ffffff; padding: 5px 0;}
#lateral-movil-fundacion .lateral .highlight:first-of-type{margin-top: 30px;}
#lateral-movil-fundacion .lateral .highlight:last-of-type{border-bottom: none;}
#lateral-movil-fundacion .lateral .highlight p{padding-right: 30px; text-align: right; font-size: 16px; color: #ffffff; line-height: 1.2;}
#lateral-movil-fundacion .lateral .highlight p span.cifra{font-size: 22px; line-height: 1.2; color:#000000;}
#lateral-movil-fundacion .lateral .highlight p.nota{text-align: right; margin-top: 30px;  font-size: 10px; font-weight: 500; color: #000000; line-height: 1.2;}
#lateral-movil-fundacion .lateral .highlight sup{font-weight: 700; font-size: 14px;}


#fundacion-cont{padding: 0; }
#fundacion-cont .p65{position: relative;}
#fundacion-cont h3{font-family: museo-sans, sans-serif; font-weight: 700; font-size: 20px; margin:30px 0 20px;}
#fundacion-cont p{font-weight: 300; font-size: 16px; line-height: 1.5;}
#fundacion-cont p.first-p{margin-top:30px;}

#fundacion-cont .highlight-blueF{position: relative; background: url("../images/svg/fundacion-lateral-blue-b.svg") no-repeat top right; background-size: cover; display:block; overflow:hidden;}
#fundacion-cont .highlight2-blueF{position: relative; background: url("../images/svg/fundacion-lateral-blue.svg") no-repeat bottom left; background-size: cover; display:block; overflow:hidden;}


#fundacion-cont .highlight-fundacion h4{font-family: museo-sans-display, sans-serif; font-weight: 800; font-size: 22px; text-align: right; margin: 60px 65px 30px 120px; color:#ffffff;}
#fundacion-cont .highlight-fundacion h4.izquierda{margin: 60px 100px 30px 65px; text-align: left; line-height: 1.3;}
#fundacion-cont .highlight-fundacion h4.abajo{margin-top:30px;}
#fundacion-cont .highlight-fundacion .ninia{line-height: 0; text-align: center;}
#fundacion-cont .highlight-fundacion .ninia img{width: 45%; margin: 0 auto; border:0; }

#fundacion-cont .ninios{width: 50%;}

#fundacion-cont .trajineras{width: 50% !important;}

#fundacion-cont .img-inner-r{width: 45%; float: right; margin: 0 0 10px 20px;}
#fundacion-cont .img-inner-l{width: 45%; float: left; margin: 0 20px 10px 0;}
#fundacion-cont .imagen-lateral{width: 86%; margin:30px 0;}
#fundacion-cont .imagen-lateral-first{width: 86%; margin:60px 0 0px;}

#fundacion-cont .highlight-fundacion-green{background-color: #a1c150; line-height: 0;}
#fundacion-cont .highlight-fundacion-green .cont{padding: 0px 0; }
#fundacion-cont .highlight-fundacion-green p{color:#000000; font-size: 14px; font-weight: 300; line-height: 1.5;}
#fundacion-cont .highlight-fundacion-green p span{font-family: museo-slab, serif; color: #ffffff; font-weight: 900; font-size: 18px; line-height: 1.6;}
#fundacion-cont .highlight-fundacion-green .p65, #fundacion-cont .highlight-fundacion-green .p35{vertical-align: middle; line-height: 0; position: relative;}
#fundacion-cont .highlight-fundacion-green ul{padding-left: 20px;}
#fundacion-cont .highlight-fundacion-green ul li{color:#000000; font-size: 14px; padding: 2px 0; font-weight: 300; line-height: 1.5;}
#fundacion-cont .highlight-fundacion-green ul li span{font-weight: 700;}
#fundacion-cont .highlight-fundacion-green .icon-sust{position: relative; width: 80px; float: left; margin: 0 20px 10px 0;}
#fundacion-cont .highlight-fundacion-green .icon-sust2{position: relative; width: 80px; }

#fundacion-cont .highlight-fundacion-green .p4g{position: relative; width: 100%;}

#fundacion-cont .clear-water{width: 80px; position: absolute; top: 20px; right: -20px; z-index: 90;}

#fundacion-cont a{text-decoration: none; -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; font-size: 14px;}
#fundacion-cont a:hover{color:#6F6F6F;}

#fundacion-cont ul{padding-left:20px;}
#fundacion-cont ul li{line-height: 1.5; margin: 15px 0; font-weight: 300; font-size:16px;}
#fundacion-cont ul li span{color:#000000;}

#fundacion-cont .foro{margin-top:60px;}
#fundacion-cont .foro .foro-img{width: 100%; margin:0 auto; display: block;}
#fundacion-cont .foro p{line-height: 1.2; display: block; font-size: 14px; font-weight: 300; color:#6d6f71;}
#fundacion-cont .foro a{line-height: 1.5; }

#fundacion-cont .participacion{width: 100%; display: block; margin:0 auto;}
#fundacion-cont .biotecnologia{width: 100%; display: block; margin:0 auto;}

#fundacion-cont .museum{margin:30px auto; }
#fundacion-cont .museum .museo-img{width: 60%; display: block; margin:0 auto;}
#fundacion-cont .museum p{width: 60%; margin:0 auto; line-height: 1.2; display: block; font-size: 14px; font-weight: 300; color:#6d6f71;}
#fundacion-cont .museum a{line-height: 1.5; display: block; color:#6d6f71;}
#fundacion-cont .gente{width: 60%; border:0; margin-top: 25px;}

#fundacion-cont .bienal{margin:30px auto; }
#fundacion-cont .bienal .bienal-img{width: 100%; display: block; margin:0 auto;}
#fundacion-cont .bienal p{width: 100%; margin:0 auto; line-height: 1.2; display: block; font-size: 14px; font-weight: 300; color:#6d6f71;}
#fundacion-cont .bienal a{line-height: 1.5; display: block; color:#6d6f71;}

#fundacion-cont .museum-3{width: 60%; }

/*******FEMSA FOUNDATION********/


#shareholders{border-left:20px solid #ed1c24; padding-top: 85px; padding-bottom: 60px; overflow: hidden;}
#shareholders .plasta-orange{opacity:1; z-index: 80; width: 40%; height: 100%; position: fixed; right: 0; top:0; background:url("../images/svg/carta-lateral.svg") no-repeat center left; background-size: cover;}
#shareholders .plasta-red{ opacity: 0; z-index: 80; width: 40%; height: 100%; position: fixed; right: 0; top:0; background:url("../images/svg/carta-lateral-red.svg") no-repeat center left; background-size: cover;}

#shareholders .foto-innerText-l{float:left; margin: 0 20px 10px 0;}
#shareholders .foto-innerText-r{float:right; margin: 0 10px 0 20px;}

#shareholders .titulo{z-index: 84; position: relative;}
#shareholders .titulo h2{ color:#000000; font-family: museo-sans, sans-serif; font-weight: 500; font-size: 30px;  margin-bottom: 0;}
#shareholders .txt{z-index: 84; position: relative;}
#shareholders .imagen-lateral{width:80%;}
#shareholders h3{ color:#ffffff; font-family: museo-sans-display, sans-serif;  font-weight: 800; font-size: 22px; text-align: right;  line-height: 1.3;}


#shareholders .fotos{z-index: 84; position: relative; display: inline-block; width: 60%;}
#shareholders .fotos img{width: 100%;}
#shareholders .fotos p{font-family: museo-sans, sans-serif; font-weight: 700; font-size: 15px; text-align: left; padding-right: 30px; line-height: 1.2;}
#shareholders .fotos p span{font-weight: 500; font-size: 14px; color:#ed1c24;}

#shareholders p{z-index: 84; position: relative; font-weight: 300; font-size: 16px; line-height: 1.5;}
#shareholders ul{z-index: 84;font-family: museo-sans, sans-serif; font-weight: 300; font-size: 16px; padding-left: 15px;}
#shareholders ul li{color:#ed1c24; line-height: 1.2; padding-left: 10px; line-height: 1.5; margin: 15px 0;}
#shareholders ul li span{color:#000000; }
#shareholders p.att{font-family: museo-sans, sans-serif; font-weight: 700; font-size: 16px;}
#shareholders p.att span{font-weight: 500; font-size: 14px; color:#ed1c24;}


#governance{padding-top: 60px; padding-bottom: 60px; position: relative; overflow: hidden;}
#governance .plasta-red{opacity:1; z-index: 80; width: 30%; height: 100%; position: fixed; right: 0; top:0; background:url("../images/svg/governance-lateral-red-femsa.svg") no-repeat center left; background-size: cover;}
#governance h2{color:#58595b; font-weight: 900; font-size: 36px; margin:40px 0 10px;}
#governance h2 span{color:#a7a9ac;}

#governance .img-inner-l{float:left; margin: 0 20px 10px 0; width: 45%;}
#governance .img-inner-r{float:right; margin: 0 0px 10px 20px; width: 28%;}

#governance p{font-weight: 300; font-size: 16px; line-height: 1.5;}
#governance p.director{font-weight: 300; margin:20px 0; font-size: 14px; line-height: 1.2; color: #686868;}
#governance p.director sup{font-size: 10px;}

#governance .p50{vertical-align: top; position: relative;}
#governance .p30{vertical-align: top; position: relative; z-index: 82;}

#governance .directors p.no-members{color:#ffffff; line-height: 1.3; text-align: right;}
#governance .directors p.no-members span{line-height: 1.2; display: block;}
#governance .directors p.key{font-size: 10px; font-weight: 300; color: #ffffff; line-height: 1.3; text-align: right; margin-bottom: 30px;}
#governance .directors p.key span{font-weight: 500;}

#governance .directors .board h3{color:#98002e; font-family: museo-sans, sans-serif; font-weight: 500; font-size: 24px;}
#governance .directors .board h4{color:#98002e; font-family: museo-sans, sans-serif; font-weight: 700; font-size: 14px;}
#governance .directors .board ul{color:#98002e; padding-left:15px;}
#governance .directors .board ul li{font-size: 13px; line-height: 1.2; font-weight: 300;}
#governance .directors .board ul li span{color:#000000;}
#governance .directors .board .nota{color:#ffffff; text-align: right; font-size: 10px; line-height: 1.3;}
#governance .directors .board .p33{position: relative; vertical-align: top;}

#governance .directors .p30, #governance .directors .p70{vertical-align: bottom;}


#financial-summary{padding-top: 60px; padding-bottom: 60px; position: relative; overflow: hidden;}
#financial-summary .plasta-red{opacity:1; z-index: 80; width: 25%; height: 100%; position: fixed; right: 0; top:0; background:url("../images/svg/governance-lateral-red-femsa.svg") no-repeat center left; background-size: cover;}
#financial-summary h2{color:#58595b; font-weight: 900; font-size: 36px; margin:40px 0 10px;}
#financial-summary h2 span{color:#a7a9ac;}
#financial-summary p{font-weight: 300; font-size: 16px; line-height: 1.5;}
#financial-summary h5{font-weight: 500; font-size: 14px; color:#981a32;  margin:0; text-transform: uppercase}

#financial-summary table tr th{text-align: right; font-size:14px; font-weight: 500; border-bottom: 2px solid #a7a9ac; color:#808285;}
#financial-summary table tr td{text-align: right; font-size:14px; font-weight: 300; -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; padding: 3px 2px 2px;}
#financial-summary table tr .left{text-align: left;}
#financial-summary table tr .tab1{padding-left: 30px;}
#financial-summary table tr .tab2{padding-left: 60px;}
#financial-summary table tr td.line1{border-bottom: 1px solid #a7a9ac;}
#financial-summary table tr td.line2{border-bottom: 1px solid #981a32;}
#financial-summary table tr td sup{font-size: 10px;}

#financial-summary table tr:hover td{background-color:#98002e; color:#ffffff;}

#financial-summary ol{padding-left: 15px;}
#financial-summary ol li{font-size:13px; color:#636467; font-weight: 300;}


#mda{padding-top: 60px; padding-bottom: 60px; position: relative; overflow: hidden;}
#mda .plasta-red{opacity:1; z-index: 80; width: 25%; height: 100%; position: fixed; right: 0; top:0; background:url("../images/svg/governance-lateral-red-femsa.svg") no-repeat center left; background-size: cover;}
#mda h2{color:#58595b; font-weight: 900; font-size: 36px; margin:40px 0 10px;}
#mda h2 span{color:#a7a9ac;}

#mda p{font-weight: 300; font-size: 16px; line-height: 1.5;}
#mda .p75 p sup{color:#98012e; cursor: pointer; font-weight: 500;}

#mda table tr th{text-align: right; font-size:14px; font-weight: 500; border-bottom: 2px solid #a7a9ac; color:#98002e; text-align: center;}
#mda table tr td{font-size:14px; font-weight: 300; -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; padding: 3px 2px 2px;}
#mda table tr .left{text-align: left;}
#mda table tr .tab1{padding-left: 30px;}
#mda table tr .tab2{padding-left: 60px;}
#mda table tr td.line1{border-bottom: 1px solid #a7a9ac;}
#mda table tr td.line2{border-bottom: 1px solid #981a32;}
#mda table tr td sup{font-size: 10px;}

#mda table tr:hover td{background-color:#98002e; color:#ffffff;}
#mda .notas{position: relative; z-index: 84;  opacity: 1;}
#mda .notas p{padding-left: 110px; padding-right: 30px; color: #ffffff; font-size: 12px !important; line-height: 1.2; font-weight:300;}
#mda ul{padding-left: 15px;}

#download{padding-top: 60px; padding-bottom: 60px; position: relative; overflow: hidden;}
#download .plasta-red{opacity:1; z-index: 80; width: 25%; height: 100%; position: fixed; right: 0; top:0; background:url("../images/svg/governance-lateral-red-femsa.svg") no-repeat center left; background-size: cover;}
#download h2{color:#58595b; font-weight: 900; font-size: 36px; margin:40px 0 10px;}
#download h2 span{color:#a7a9ac;}
#download .imagen{margin-top: 40px;}
#download .imagen img{width: 90%; margin:0 auto; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.27);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.27);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.27);}
#download p{font-weight: 300; font-size: 14px; line-height: 1.4; text-align: center; text-transform: uppercase;}
#download p a{text-decoration: none; font-weight: 500; -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; color:#393939;}

#download p a:hover{color:#98002e;}

#contact{padding-top: 60px; padding-bottom: 60px; position: relative; overflow: hidden;}
#contact .plasta-red{opacity:1; z-index: 80; width: 35%; height: 100%; position: fixed; right: 0; top:0; background:url("../images/svg/governance-lateral-red-femsa.svg") no-repeat center left; background-size: cover;}
#contact h2{color:#58595b; font-weight: 900; font-size: 36px; margin:40px 0 10px;}
#contact h2 span{color:#a7a9ac;}
#contact .p50{vertical-align: top;}

#contact p{font-weight: 300; font-size: 14px; line-height: 1.5; line-height: 1.2; color: #686868; margin: 20px 0;}
#contact p a{color:#98002e; text-decoration: none; font-weight: 500; -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
#contact p a:hover{color:#58595b;}
#contact p.nota{color:#ffffff; font-size:12px; text-align: right;}

#contact .p35{vertical-align: bottom;}

footer{background-color: #434343; width: 100%; padding-top: 30px; position: relative; z-index: 90;}
footer ul.menu{margin:0; padding: 0; font-family: acumin-pro-extra-condensed, sans-serif; list-style: none; width: 20%; display: inline-block; vertical-align: top;}
footer ul.menu li{line-height: 1.2;}
footer ul.menu li a{ color:#ffffff; font-size: 13px; text-decoration: none; font-weight: 300; text-transform: uppercase; letter-spacing: 1px; -webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-ms-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;}
footer ul.menu li a i{font-size: 11px;}
footer ul.menu li a:hover{color:#9c9ea0;}
footer ul.menu li a.comercio:hover{color: #fec040;}
footer ul.menu li a.coca:hover{color: #ed2027;}
footer ul.menu li a.business:hover{color: #e55204;}
footer ul.menu li a.fondation:hover{color: #00aeef;}

footer .redes{text-align: center; width: 20%; vertical-align: top; display: inline-block;}
footer .redes ul{list-style: none; margin:0; padding: 0;}
footer .redes ul li{display: inline-block; width: 50px; text-align: center;}
footer .redes ul li a{border-radius: 50%; -moz-border-radius:  50%; -webkit-border-radius:  50%; border: 1px solid #ffffff; color:#ffffff; display: block; font-size: 13px; padding: 5px 0; width: 25px; margin: 0 auto; -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}
footer .redes ul li a.twitter:hover{color:#00acee; border: 1px solid #00acee;}
footer .redes ul li a.facebook:hover{color:#4267B2; border: 1px solid #4267B2;}
footer .redes ul li a.contact:hover{color:#901b31; border: 1px solid #901b31;}
footer .copy{text-align: center; background-color: #2F2F2F; padding: 15px 0; color: #ffffff; font-size: 11px; font-weight: 700; margin-top: 30px;}
footer .copy span{font-weight: 200;}

/* Preloader */
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#feab01; /* change if the mask should have another color then white */
	z-index:9999999998; /* makes sure it stays on top */
}
#status {
	width:15%;
	position:fixed;
	top:23%; 
	left: 2.3%;
	margin: 0 auto;
	color: #ffffff;
	text-align: center;
	z-index:9999999999; /* makes sure it stays on top */
}
#status_c {
	width:15%;
	position:fixed;
	top:50%; 
	left: 40%;
	margin: 0 auto;
	color: #ffffff;
	text-align: center;
	z-index:9999999999; /* makes sure it stays on top */
}
#status img{width: 90%;}
#status .loader{width: 60px !important; margin: 0 auto !important;}
#status h2{color: #ffffff; font-size: 18px; text-align: center;  font-family: acumin-pro-extra-condensed, sans-serif;}
#status h2 span{font-weight: 700;}