/* ---------------------------------------------------------------------- SOSTENIBILIDAD 2018 */

section.sostenibilidad2018 { }

section.sostenibilidad2018 .head.sostenibilidad { background: url(/assets/img/sostenibilidad/sostenibilidad.png) no-repeat top center; background-size: cover; height: 250px;}
section.sostenibilidad2018 .head.sostenibilidad .bread { color:#CCC; }
section.sostenibilidad2018 .head.sostenibilidad .bread span { color:#FFF !important; } 
section.sostenibilidad2018 .head.sostenibilidad h1 { color:#FFF;  background: url(/assets/img/sostenibilidad/avanzamos.png) no-repeat center right; background-size:auto 180px; height:180px; }

section.sostenibilidad2018 article { padding:20px 0; }
section.sostenibilidad2018 h2 { font-size: 30px; padding:30px 0; font-weight: normal; color: #ff001c; text-align:center; }
section.sostenibilidad2018 h2.av span { background: url(/assets/img/sostenibilidad/avanzamos-h2.png) no-repeat center left; padding-left:180px; line-height:98px; display:inline-block } 

.sostenibilidad-secciones { clear:both; min-height:500px; padding:0 6px 30px 6px; font-size:13px; }
.sostenibilidad-secciones div { float:left; width:310px; padding:0 6px; text-align:center; }
.sostenibilidad-secciones h3 { font-size: 18px; padding:15px 0; font-weight: normal; color: #ff001c; text-align:center;  }
.sostenibilidad-secciones p {  padding:10px 5px; text-align:left; min-height:60px; }
.sostenibilidad-secciones .img { width: 310px; height: 270px; display:block; overflow:hidden;   }
.sostenibilidad-secciones img { width: 310px; height: 274px; transition: ease-in-out .5s;  }
.sostenibilidad-secciones ul { list-style:none; min-height:90px;  margin:0px auto; width:200px; }
.sostenibilidad-secciones ul li {  border-bottom:1px solid #CCC; font-style:italic; text-align:left; padding:3px 0;  }
.sostenibilidad-secciones ul li span { color:#131313; font-size:20px; font-weight:bold; line-height:10px; padding-right:20px; display:inline-block; }
.sostenibilidad-secciones a { padding:5px 20px; display:inline-block; background: #ff001c; color: #FFF; font-size: 11px; text-decoration: none; text-transform: uppercase; }

.blq-aguas-a { min-height:300px; padding-top:30px; background: url(/assets/img/sostenibilidad/blq-aguas-a.jpg) no-repeat center center; }
.blq-aguas-a .txt { width:300px; margin:0px auto; color:#303233; font-size:14px; }
.blq-aguas-b { min-height:270px; padding-top:30px; background: url(/assets/img/sostenibilidad/blq-aguas-b.jpg) no-repeat center center; margin:10px 0; }
.blq-aguas-c { min-height:300px; background: url(/assets/img/sostenibilidad/blq-aguas-c.jpg) no-repeat center center; margin:30px 0; }

.blq-envases-a { min-height:250px; padding-top:30px; background: url(/assets/img/sostenibilidad/blq-envases-a.jpg) no-repeat bottom center; }
.blq-envases-a .txt { width:300px; margin:0px auto; color:#303233; font-size:14px; padding-top:80px; }
.blq-envases-b { min-height:270px; padding-top:30px; background: url(/assets/img/sostenibilidad/blq-envases-b.jpg) no-repeat center center; margin:10px 0; }
.blq-envases-c { min-height:100px; padding-top:50px; background: url(/assets/img/sostenibilidad/blq-envases-c.jpg) no-repeat center center; margin:10px 0; }
.blq-envases-c .txt { width:450px; margin:0px auto;  font-size:14px; }

.blq-bebidas-a { min-height:300px; padding-top:30px; background: url(/assets/img/sostenibilidad/blq-bebidas-a.jpg) no-repeat center center; }
.blq-bebidas-a .txt { width:300px; margin:0px auto; color:#303233; font-size:14px; }
.blq-bebidas-b { min-height:270px; padding-top:30px; background: url(/assets/img/sostenibilidad/blq-bebidas-b.jpg) no-repeat center 50px; margin:10px 0; }
.blq-bebidas-c { min-height:100px; padding-top:50px; background: url(/assets/img/sostenibilidad/blq-bebidas-c.jpg) no-repeat center center; margin:10px 0; }
.blq-bebidas-d  { min-height:300px; padding-top:100px; background:url(/assets/img/sostenibilidad/blq-bebidas-d.jpg) no-repeat center center; }

.blq-cadena-a { min-height:350px; padding-top:30px; background: url(/assets/img/sostenibilidad/blq-cadena-a.jpg) no-repeat center center; }
.blq-cadena-a .txt { width:300px; margin:0px auto; color:#303233; font-size:14px; }
.blq-cadena-b { min-height:270px; padding-top:30px; background: url(/assets/img/sostenibilidad/blq-cadena-b.jpg) no-repeat center center; margin:10px 0; }

.blq-clima-a { min-height:320px; padding-top:50px; background: url(/assets/img/sostenibilidad/blq-clima-a.jpg) no-repeat center bottom; }
.blq-clima-a .txt { width:300px; margin:0px auto; color:#303233; font-size:14px; }
.blq-clima-b { min-height:270px; padding-top:30px; background: url(/assets/img/sostenibilidad/blq-clima-b.jpg) no-repeat center center; margin:10px 0; }

.blq-sociedad-a { min-height:340px; padding-top:20px; background: url(/assets/img/sostenibilidad/blq-sociedad-a.jpg) no-repeat center bottom; }
.blq-sociedad-a .txt { width:300px; margin:0px auto; color:#303233; font-size:14px; }
.blq-sociedad-b { min-height:270px; padding-top:30px; background: url(/assets/img/sostenibilidad/blq-sociedad-b.jpg) no-repeat center center; margin:10px 0; }
.blq-sociedad h3 { font-size: 18px; padding:15px 0; font-weight: normal; color: #ff001c; text-align:center;  }
.blq-sociedad h4 { font-size: 15px; padding:15px 0; font-weight: normal; color: #ff001c; text-align:center; display:block; min-height:40px;  }
.blq-sociedad p { text-align:center; }
ul.nuestra-gente { list-style:none; padding-top:20px; }
ul.nuestra-gente li { float:left; width:450px; padding:0 16px 50px 16px; text-align:left; }
ul.nuestra-gente li span { display:block; text-align:center; }
.impulsamos-iniciativas { width:640px; float:right;  }
.impulsamos-iniciativas h4 { font-size: 15px; text-align:left; line-height:70px; padding:0 0 0 75px; font-weight: normal; display:block; color: #ff001c; background:url(/assets/img/sostenibilidad/ico-comunidad-1.png) no-repeat; }
.impulsamos-iniciativas p { text-align:left; }

.bloque-proyectos-sociedad { padding-top:40px; clear:both; }
.bloque-proyectos-sociedad h4 { color:#4a4a4a; font-weight:normal; padding:10px 0 45px 0px; } 



/* ---------------------------------------------------------------------- COMUNES SOSTENIBILIDAD 2018 */
ul.objetivos { list-style:none; padding-left:40px; width:550px; }
ul.objetivos li {  background: url(/assets/img/sostenibilidad/bull.png) no-repeat top left; padding:0 0 15px 35px; font:14px 'GothamBold'; color:#999; }
ul.objetivos li.not { font:10px 'GothamBook'; background:none; }

ul.caja { list-style:none; margin:20px auto;  padding:30px 10px; width:930px; min-height:100px; text-align:center; background:#faf3e7; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
ul.caja.sup { list-style:none; margin:20px auto 0;  padding:30px 10px 15px 10px; width:930px; min-height:100px; text-align:center; background:#faf3e7; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-border-top-left-radius: 15px;-webkit-border-top-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; }
ul.caja.inf { list-style:none; margin:0 auto 20px;  padding:15px 10px 30px 10px; width:930px; min-height:100px; text-align:center; background:#faf3e7; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-border-bottom-left-radius: 15px;-webkit-border-bottom-right-radius: 15px; -moz-border-radius-bottomleft: 15px; -moz-border-radius-bottomright: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }
ul.caja li { border-right:1px dashed #9b9b9b; font-size:11px; padding:0 5px; text-align:center; display:inline-block; vertical-align:top; min-height:110px; }
ul.caja li:last-child { border:none; }
ul.caja li span { color:#9b9b9b; font-size:30px; padding-bottom:10px; display:inline-block; }
ul.caja li span em { font-style:normal; font-size:15px; }
ul.caja li span em.min { font-size:12px; }
ul.caja li span sup { font-size:12px;}
ul.caja li.d100 { width:100px;}
ul.caja li.d150 { width:150px;}
ul.caja li.d200 { width:200px;}
ul.caja li.d250 { width:250px;}

ul.caja.comunidad { list-style:none; margin:20px auto;  padding:30px 10px; width:300px; min-height:130px; float:left;  background:#faf3e7; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
ul.caja.comunidad li { text-align:left; }
ul.caja.comunidad span.dots { border-bottom:1px dashed #9b9b9b; min-height:10px; display:block; }

ul.proyectos { list-style:none; margin:0px auto; width:800px; padding-top:40px;  }
ul.proyectos.links { padding-top:10px;  }
ul.proyectos li { font-size:14px; float:left; width:400px; }
ul.proyectos li.txt { padding-right:30px; width:370px; }
ul.proyectos li.img { text-align:right; }
ul.proyectos li.links { padding-right:30px; width:770px; }
ul.proyectos li span { color: #ff001c; font-size:18px; display:inline-block; padding-bottom:20px; }
ul.proyectos li a { text-decoration:none; color:#5e9ce6; }

ul.proyectos-otros { list-style:none; margin:0px auto; width:800px; padding-top:10px; display:none; clear:both; min-height:275px;  }
ul.proyectos-otros li a { text-decoration:none; color:#5e9ce6; }
ul.proyectos-otros li { font-size:14px; float:left; color:#999; }
ul.proyectos-otros li.txt { padding-left:10px; width:450px; }
ul.proyectos-otros li.img { width:340px;}
span.ver-otros { text-align:right; display:block; cursor:pointer; }

.sostenibilidad-proyectos { width:900px; margin:0px auto; padding-bottom:50px;  }
.sostenibilidad-proyectos p { background: url(/assets/img/sostenibilidad/bull.png) no-repeat top left; padding:0 0 15px 45px; }
.sostenibilidad-proyectos p em { font-style:normal; color: #ff001c; font-size:16px; }
.sostenibilidad-proyectos .sep { border-bottom:1px solid #979797; display:block; height:30px; clear:both; margin:0 auto 20px; width:800px;  }
.sostenibilidad-proyectos .sep-v { border-bottom:1px solid #979797; display:block; height:30px; clear:both; width:100%; margin-bottom:30px;   }
.sostenibilidad-proyectos .ver { display:block; width:29px; height:29px; margin:20px 10px 10px 100px; float:right; background:url(/assets/img/sostenibilidad/flechas.png) no-repeat   0 -58px; cursor:pointer; }
.sostenibilidad-proyectos .ver.act { background-position: 0 0; }
.sostenibilidad-proyectos .mas { display:block; width:29px; height:29px; margin:20px 10px 10px 50px; float:right; background:url(/assets/img/sostenibilidad/flechas.png) no-repeat 0 -29px; cursor:pointer; }
.sostenibilidad-proyectos div.proyectos, 
.sostenibilidad-proyectos div.reduccion,
.sostenibilidad-proyectos div.ecoinnovacion { display:none; }

.sostenibilidad-proyectos.sostenibilidad-enlaces { padding-top:50px; }
.sostenibilidad-proyectos.sostenibilidad-enlaces p { padding:0 0 0 45px;}
.sostenibilidad-proyectos.sostenibilidad-enlaces img { float:left; }

.proyectos-sociedad p { background:none;  color:#999; }
p.ver-mas { clear:both; height:29px; padding:0px !important; background:url(/assets/img/sostenibilidad/sep-ver-mas.png) no-repeat; }
span.ver-mas { display:block; width:29px; height:29px; float:right; background:url(/assets/img/sostenibilidad/flechas.png) no-repeat 0 -58px; cursor:pointer; }
span.ver-mas.act { background-position: 0 0; }


p.claim { font-size:21px; color:#131313; font-weight:bold; }
p.num { color:#d0021b; font:19px 'GothamBold'; font-weight:normal; text-align:center; padding:10px; }
span.num { background:#d0021b; border-radius:50%; width:37px; height:37px; display:block; margin:0px auto; line-height:37px; text-align:center; color:#FFF; font-size:21px; font-weight:bold; }
.sostenibilidad2018 strong { font-family:'GothamBold'; font-weight:normal; }


/* ---------------------------------------------------------------------- HOVER PARA ESCRITORIO */
@media only screen and (min-width: 1025px) {
.sostenibilidad-secciones img:hover { width: 320px; height: 283px;  }
.sostenibilidad-secciones a:hover { background: #ac0116; transition: ease-in-out .5s; }

}


/* ---------------------------------------------------------------------- DISPOSITIVOS MÓVILES */
@media only screen and (max-width: 600px) {
	

section.sostenibilidad2018 .head.sostenibilidad { height: 150px;}
section.sostenibilidad2018 .head.sostenibilidad h1 { background-size:auto 90px; height:90px; }
section.sostenibilidad2018 h2 { font-size: 23px; padding:20px 0;  }
section.sostenibilidad2018 h2.av span { background: url(/assets/img/sostenibilidad/avanzamos-h2.png) no-repeat top center; background-size:auto 80px; padding-left:0px; padding-top:90px; line-height:21px; display:inline-block } 

.sostenibilidad-secciones { min-height:500px; padding:0 6px 30px 6px; font-size:13px; }
.sostenibilidad-secciones div { float:none; width:250px; padding:0 6px; text-align:center; margin:0px auto; }
.sostenibilidad-secciones h3 { font-size: 16px; }
.sostenibilidad-secciones p {  padding:5px 5px;  min-height:10px; }
.sostenibilidad-secciones .img { width: 250px; height: 250px;   }
.sostenibilidad-secciones img { width: 250px; height: 221px;  }
.sostenibilidad-secciones ul {  min-height:10px; padding-bottom:20px; }

.sostenibilidad-proyectos.sostenibilidad-enlaces { padding-top:30px; }
.sostenibilidad-proyectos.sostenibilidad-enlaces p { padding:0 0 0 45px;}
.sostenibilidad-proyectos.sostenibilidad-enlaces img { float:left; }
.sostenibilidad-proyectos .sep {  width:200px;  }

.sostenibilidad-proyectos { width:300px; margin:0px auto; padding-bottom:50px;  }
.sostenibilidad-proyectos p { background: url(/assets/img/sostenibilidad/bull.png) no-repeat top left; padding:0 0 15px 25px; }
.sostenibilidad-proyectos p em { font-style:normal; color: #ff001c; font-size:16px; }
.sostenibilidad-proyectos .sep { border-bottom:1px solid #979797; display:block; height:30px; clear:both; margin:0 auto 20px; width:800px;  }
.sostenibilidad-proyectos .sep-v { border-bottom:1px solid #979797; display:block; height:30px; clear:both; width:100%; margin-bottom:30px;   }
.sostenibilidad-proyectos .ver { display:block; width:29px; height:29px; margin:20px 10px 10px 30px; float:right; background:url(/assets/img/sostenibilidad/flechas.png) no-repeat   0 -58px; cursor:pointer; }
.sostenibilidad-proyectos .ver.act { background-position: 0 0; }
.sostenibilidad-proyectos .mas { display:block; width:29px; height:29px; margin:20px 10px 10px 50px; float:right; background:url(/assets/img/sostenibilidad/flechas.png) no-repeat 0 -29px; cursor:pointer; }
.sostenibilidad-proyectos div.proyectos, 
.sostenibilidad-proyectos div.reduccion,
.sostenibilidad-proyectos div.ecoinnovacion { display:none; }


ul.proyectos { width:100%; padding-top:40px;  }
ul.proyectos li { font-size:14px; float:none; width:300px; }
ul.proyectos li.txt { padding-right:0px; width:300px; }
ul.proyectos li.img { text-align:left; padding:20px 0; }
ul.proyectos li.img img { width:290px; height:auto; }
ul.proyectos li.links { padding-right:0px; width:300px; }
ul.proyectos li.links img { display:none;}
ul.proyectos li span { color: #ff001c; font-size:18px; display:inline-block; padding-bottom:20px; }

	
.blq-bebidas-b { min-height:270px; padding-top:30px; background: url(/assets/img/sostenibilidad/blq-bebidas-b.jpg) no-repeat center 50px; margin:10px 0; }
.blq-bebidas-c { min-height:100px; padding-top:30px; background: url(/assets/img/sostenibilidad/blq-bebidas-c.jpg) no-repeat center center; margin:10px 0; }
.blq-bebidas-d  { min-height:300px; padding-top:30px; background:none; }
	

.blq-envases-b { background: none; margin:10px 0; }
.blq-envases-c { min-height:100px; padding-top:10px; background:none; margin:10px 0; }
.blq-envases-c .txt { width:300px; margin:0px auto;  font-size:14px; text-align:center; }
	
	
.blq-sociedad-a { min-height: 300px; background-size: 100% auto; }
.blq-sociedad-b { background: none;	}	
	
ul.objetivos { list-style:none; padding-left:0px; width:300px; }
ul.objetivos li {  padding:0 0 15px 25px;  }


ul.caja {  margin:20px auto;  padding:10px 10px; width:280px; min-height:100px; }
ul.caja.sup { list-style:none; margin:20px auto 0;  padding:30px 10px 15px 10px; width:90%; min-height:100px; text-align:center; background:#faf3e7; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-border-top-left-radius: 15px;-webkit-border-top-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; }
ul.caja.inf { list-style:none; margin:0 auto 20px;  padding:15px 10px 30px 10px; width:90%; min-height:100px; text-align:center; background:#faf3e7; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-border-bottom-left-radius: 15px;-webkit-border-bottom-right-radius: 15px; -moz-border-radius-bottomleft: 15px; -moz-border-radius-bottomright: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }

ul.nuestra-gente li { width: 300px; }

.impulsamos-iniciativas { width: 300px; float: none; }
.impulsamos-iniciativas h4 { padding: 0; text-align: center; background: none; }

.sostenibilidad-proyectos p { background: none; padding-left: 0; }
.proyectos-sociedad p.ver-mas {  }

ul.proyectos-otros { width: 300px; }
ul.proyectos-otros { float: none; }
ul.proyectos-otros li.img { width: 100%; height: auto; float: none; }
ul.proyectos-otros li.txt { width: 300px; float: none; margin: 20px 0 0; padding: 0; }

.blq-aguas-a { background-size: 100% auto; background-position: center bottom; min-height: 260px; }
.blq-aguas-b { background: none; }

.blq-clima-a { background-size: 100% auto; background-position: center bottom; min-height: 260px; }
.blq-clima-b { background: none; }

.blq-cadena-a { background-size: 100% auto; background-position: center bottom; min-height: 260px; }
.blq-cadena-b { background: none; }

ul.caja li { border-right:0px dashed #9b9b9b; border-bottom:1px dashed #9b9b9b; padding:20px 5px 0 5px;  }
ul.caja li:fist-child { padding-top:0px }
ul.caja li:last-child { border:none; padding-bottom:0px }
ul.caja li span { color:#9b9b9b; font-size:30px; padding-bottom:10px; display:inline-block; }
ul.caja li span em { font-style:normal; font-size:15px; }
ul.caja li span em.min { font-size:12px; }
ul.caja li span sup { font-size:12px;}
ul.caja li.d100 { width:270px;}
ul.caja li.d150 { width:270px;}
ul.caja li.d200 { width:270px;}
ul.caja li.d250 { width:270px; }

	
p.claim { font-size:15px; text-align:center }		
	
}