@charset "utf-8";
/*
Theme Name: CEMDA2018
Author: eidos'
Author URI: http://eidos.com.mx/
Description: En eidos’ llevamos 22 años ayudando a nuestros clientes a comunicar mejor sus ideas. Nuestros productos se construyen a partir de una metodología que parte de generar lazos con las personas a través de la construcción de mensajes eficaces, los cuales llevamos al público gracias a las herramientas innovadoras que desarrollamos. Nos especializamos en los medios directos, ofreciendo así la mejor solución para generar la respuesta que estás buscando.
Version: 1

*/
* { box-sizing: border-box; }
body { background-color: #ffffff; }
body, nav { font-family: 'Open Sans', sans-serif; }
@font-face {
    font-family: "BebasNeue";
    src: url(https://www.cemda.org.mx/wp-content/themes/cemda2018/fuentes/BebasNeue_Regular.otf) format("opentype");
}
.total { display: table; overflow: hidden; width: 100%; height: 100%; }
.medio { display: table-cell; vertical-align: middle; }
.bajo { display: table-cell; vertical-align: bottom; }
.bgris { background-color:#626262; }
.menumovilboton { display: none; }
nav.oficinas { display: none; }
a.read-more, p.older a, p.newer a { text-decoration: none; color: #028b46;}
img { width: 100%; }
article.solo img { width: auto; height: auto; }
.gallery-item img  { width: auto; }
img.attachment-post-thumbnail { width: 100%!important; }
.facebook-responsive {  overflow:hidden; padding-bottom:56.25%;
    position:relative; height:0; }
.facebook-responsive iframe { left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute; }
div.btnflotante { position: fixed; right: 0px; bottom: 400px; z-index: 1000; width: 225px; }
div.btnflotante ul li a { color: #fff; text-decoration: none; height: auto; display: inline-block; padding: 0px 20px; margin: 8px 0px; border-radius: 5px 0px 0px 5px; width: 225px; } 


/*--Header--*/
header.menu-color { background: -moz-linear-gradient(bottom, rgba(255,255,255,0) 15%, rgba(0, 0,0, 1) 100%);
  background: -webkit-gradient(left bottom, left top, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(0, 0, 0, 1)));
  background: -webkit-linear-gradient(bottom, rgba(255,255,255,0) 15%, rgba(0, 0, 0, 1) 100%);
  background: -o-linear-gradient(bottom, rgba(255,255,255,0) 15%, rgba(0, 0, 0, 1) 100%);
  background: -ms-linear-gradient(bottom, rgba(255,255,255,0) 15%, rgba(0, 0, 0, 1) 100%);
  background: linear-gradient(to top, rgba(255,255,255,0) 15%, rgba(0, 0, 0, 1) 100%);}
header { top: 0; left:0; width: 100%; padding: 0px 0; z-index: 11; position: fixed; }
div#header div.container { max-width: 1340px; width: 1340px; margin: 0 auto; padding: 5px 0px; padding-bottom: 0; }/*-overflow: hidden;-*/
div#header div.container div.desk ul.nav, div#main div#header div.container div.desk ul.nav a, div#main div#header div.container div.desk ul.nav li, div#main div#header div.container div.desk ul.nav li a { list-style: none; text-decoration: none; }
div#header div.container div.desk ul.nav li a {color: #ffffff;}
div#header div.container div.desk ul.nav li { display: inline-block; float: left; padding: 22px; }
div#header div.container div.desk ul.nav li.logocemda { padding-right: 35px; margin-top: -35px; }
div#header div.container div.desk ul.nav li.logocemda img { width: 120px; height: auto;  }
div#header div.container div.desk ul.nav li#donacion { float: right; font-weight: 700; color: #ffffff; background-color: #028b46; padding: 40px 15px 18px 15px; margin-top: -20px; letter-spacing: 1px; font-size: 24px; }
div#header div.container div.desk ul.nav li#donacion a { color: #ffffff; font-family: "BebasNeue"; }

li#buscador { width: 150px; margin: 0px 0px 0px 9px; float: none!important;}
.search-footer { position: relative; border: none; }
.search-footer input { padding: 0; left: 0; line-height: 25px; background: url(images/lupa.png) 5px center no-repeat; border-radius: 25px; border: 2px solid #fff; color: rgba(0, 0, 0, 0); position: absolute; width: 28px; z-index: 10; -webkit-transition: all ease-out 300ms; -moz-transition: all ease-out 300ms; -o-transition: all ease-out 300ms; transition: all ease-out 300ms; }
.search-footer:hover input { width: 100px; padding: 0 5px; padding-left: 30px; color: rgba(0,0, 0, 1); background-color: #fff; }
.search-footer label { float: left; line-height: 26px; margin-left: 20px; }
.search-footer a { color: #ffffff; }

/*--lineas menu-*/

header div.container div.desk ul li a + hr { left: 0; width: 100%; height: 3px; background: #ffffff; border: none; margin-top: 2px; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; }

header div.container div.desk ul li hr { left: 0; width: 100%; height: 3px; background: #ffffff; border: none; margin-top: 2px; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; }

header div.container div.desk ul li a:hover, header div.container div.desk ul li a { font-weight: normal; }

header div.container div.desk ul li a:hover + hr { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; }

header div.container div.desk ul li:hover hr { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; }


/*--Botones--*/
.custom-btn { padding: 10px 25px; font-family: 'Open Sans', sans-serif; background: transparent; outline: none !important; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; color: #ffffff; font-size: 15px; }
/**** BTN No. 3 ****/
.btn-3 { width: 137px; height: 40px; line-height: 42px; padding: 0; border: none; margin-top: 20px; }
.btn-3 span { position: relative; display: block; width: 100%; height: 100%; }
.btn-3:before, .btn-3:after { position: absolute; content: ""; right: 0; top: 0; background: #ffffff; transition: all 0.3s ease; }
.btn-3:before { height: 0%; width: 2px; }
.btn-3:after { width: 0%; height: 2px; }
.btn-3:hover:before { height: 100%; }
.btn-3:hover:after { width: 100%; }
.btn-3 span:before, .btn-3 span:after { position: absolute; content: ""; left: 0; bottom: 0; background: #ffffff; transition: all 0.3s ease; }
.btn-3 span:before { width: 2px; height: 0%; }
.btn-3 span:after { width: 0%; height: 2px; }
.btn-3 span:hover:before { height: 100%; }
.btn-3 span:hover:after { width: 100%; }

.dropdown { position: relative; display: inline-block;}
.dropdown-content { visibility: hidden; position: absolute; min-width: 270px; z-index: 11; left: -67px; background-color: rgba(2,139,70,0.7); border: solid 1px #ffffff; top: 60px; }
.dropdown-content a { padding: 12px 0px; text-decoration: none; display: block; text-align: center; color: #ffffff; border: 1px solid #ffffff; }
.dropdown:hover .dropdown-content { visibility: visible;}
.dropdown-content a:hover { background-color: rgba(2,139,70,1);  }

/*---Banner---*/
div#content div#banner div.anima div.titulo { color: #ffffff; position: absolute; width: 600px; font-weight: bold; margin-left: 1100px; font-size: 115px; top: 400px; font-family: "BebasNeue"; text-align: center; }
div#content div#banner div.anima div.titulodos { color: #ffffff; position: absolute; width: 600px; font-weight: bold; margin-left: 1100px; font-size: 100px; top: 330px; font-family: "BebasNeue"; text-align: center; }
div#content div#banner div.anima div.titulotres { color: #ffffff; position: absolute; width: 600px; font-weight: bold; margin-left: 1100px; font-size: 80px; top: 330px; font-family: "BebasNeue"; text-align: center; }

div#content div#banner div.anima div.titulo span { font-size: 130px; }
div#content div#banner div.anima div.conoce { color: #ffffff; position: absolute; width: 150px; font-weight: bold; margin-left: 1330px; font-size: 30px; top: 730px; font-family: "BebasNeue"; text-align: center; border: 1px; border-color: #ffffff; letter-spacing: 1px; border: 2px; border-style: solid;}
div#content div#banner div.anima div.conocedos { color: #ffffff; position: absolute; width: 150px; font-weight: bold; margin-left: 1330px; font-size: 30px; top: 730px; font-family: "BebasNeue"; text-align: center; border: 1px; border-color: #ffffff; letter-spacing: 1px; border: 2px; border-style: solid;}
div#banner .slick-dots { bottom: 40px; }
div#banner .slick-dots li button:before { color: #fff; font-size: 18px; }
div#banner .slick-dots li.slick-active button:before { color: #fff; }

/*--Noticias--*/
div#content div#noticias { height: 850px;  margin: 0 auto; width: 1200px;  }
h2.posttitulo a { text-decoration: none; color:#646464; font-weight: bold; }
div#datos { font-size: 10px; }
div#noticias div.nota { width: 460px; background-color: #e5e6e8; text-align: center; height: 300px; padding: 50px; z-index: 1; float: left; margin: 70px;}
div#content div#noticias div.imagennota { overflow: hidden; width: 510px; height: 350px; z-index: -1; left: -21%; position: relative; bottom: 20%; background-position: center center; background-size: cover; }

/*--Acciones---*/
div#content div#acciones { height: 900px; background-color: #282828;  }
div#content div#acciones div.ac1 { background-color: #e5e6e8; text-align: center; padding: 5px 15px; width: 275px; position: absolute; margin-top: -45px; right: 814px;  }
div#content div#acciones div.contain { width: 1360px; margin: 0 auto; }
div#content div#acciones div.ac01 { float: left; width: 33.3%; margin: 100px 0px; height: 630px; }
div#content div#acciones div.ac01 img { max-width: 420px; width: 420px; }
div#content div#acciones div.ac01 p.tit { color: #ffffff; font-size: 40px; font-weight: bold; position: relative; width: 350px; bottom: 216px; left: 30px; opacity:1; transition: all .5s ease-in-out; }
div#content div#acciones div.ac01 div.extracto { color: #ffffff; text-align: left; position: absolute; width: 500px; max-width: 420px; float: none; opacity: 0; z-index: 22; height: 630px; padding: 20px }
div#content div#acciones div.ac01 div.extracto p.d { text-align: left; width: 330px; text-shadow: 1px 2px 1px #000000; font-size: 20px; margin-top: 50px; margin-bottom: 50px; }
div#content div#acciones div.ac01:hover div.extracto { opacity: 1; transition: all .5s ease-in-out; }
div#content div#acciones div.ac01:hover p.tit { opacity: 0; }
div#content div#acciones div.ac01 div.extracto a { text-decoration: none; }
div#content div#acciones div.ac01 div.extracto span.bot { color: #ffffff; border:solid 1px #ffffff; background-color: transparent; padding: 10px 15px; font-weight: bold; }
div#content div#acciones div.ac01:hover img { opacity: 0.5; }
div.extracto p.tt { font-size: 45px; font-weight: bold; }

/*--Acciones generales---*/
article.accgene { padding-top: 120px; }
article.accgene h1 { text-align: center; font-weight: bold; color: #626262; background-color: #e5e6e8; padding: 20px; width: 320px; margin: 0px auto; }
div#content div#acciones2 { overflow: hidden; background-color: #282828;  }
div#content div#acciones2 div.ac1 { background-color: #e5e6e8; text-align: center; padding: 5px 15px; width: 275px; position: absolute; margin-top: -45px; right: 814px;  }
div#content div#acciones2 div.contain { width: 1360px; margin: 0 auto; }
div#content div#acciones2 div.ac01 { float: left; width: 33.3%; padding: 100px 0px; }
div#content div#acciones2 div.ac01 img { max-width: 420px; width: 420px; }
div#content div#acciones2 div.ac01 p.tit { color: #ffffff; font-size: 40px; font-weight: bold; position: relative; width: 350px; bottom: 216px; left: 30px; opacity:1; transition: all .5s ease-in-out; }
div#content div#acciones2 div.ac01 div.extracto { color: #ffffff; text-align: left; position: absolute; width: 500px; max-width: 500px; float: none; margin-left: -50px; opacity: 0; z-index: 22; }
div#content div#acciones2 div.ac01 div.extracto p.d { text-align: left; width: 330px; text-shadow: 1px 2px 1px #000000; font-size: 20px; margin-top: 140px; margin-left: 80px; }
div#content div#acciones2 div.ac01:hover div.extracto { opacity: 1; transition: all .5s ease-in-out; }
div#content div#acciones2 div.ac01:hover p.tit { opacity: 0; }
div#content div#acciones2 div.ac01 div.extracto a { text-decoration: none; }
div#content div#acciones2 div.ac01 div.extracto span.bot { color: #ffffff; border:solid 1px #ffffff; background-color: transparent; padding: 10px 15px; margin-left: 80px; font-weight: bold; }
div#content div#acciones2 div.ac01:hover img { opacity: 0.5; }

/*--Objetivos--*/
div#content div#objetivos { height: 600px; background-color: #ffffff; margin: 0 auto; width: 1200px; }
div#content div#objetivos div.ac2 { background-color: #e5e6e8; text-align: center; padding: 5px 15px; width: 700px; position: absolute; margin-top: -45px; right: 600px;  }
div#content div#objetivos div.obj1 { float: left; width: 33.3%; text-align: center; padding: 0px 40px; padding-top: 16px; padding-bottom: 60px; margin-top: 54px;}
div#content div#objetivos div.obj1 img { width: 214px; }
img.wpcf7-form-control { width: 72px; }

/*--Campaña--*/
div#content div#baner { margin-bottom: 80px; }

/*---Opinión--*/
div#content div#opinion { height: 500px; background-color: #ffffff; margin: 0px auto; width: 1670px; }
div#content div#opinion div.ac3, div#content div#opinion2 div.ac3 { background-color: #e5e6e8; text-align: center; padding: 5px 15px; width: 350px; margin: 0 auto; margin-bottom: 80px;  }
div#content div#opinion div.opiniones, div#content div#opinion2 div.opiniones { float: left; display: inline-block; padding: 0 50px; padding-bottom: 20px; height: 430px; }
div#content div#opinion div.opiniones div.panel, div#content div#opinion2 div.opiniones div.panel { background-color: #e5e6e8; width: 220px; padding-right: 40px; padding-left: 20px; padding-bottom: 23px; padding-top: 80px; font-weight: bold; color: #646464; position: relative; bottom: 60px; left: 40px; z-index: 0;}
div#content div#opinion div.opiniones img, div#content div#opinion2 div.opiniones img { z-index: 1; position: relative; }
div#content div#opinion span.verde a, div#content div#opinion2 span.azul a { text-decoration: none; color: #ffffff; padding: 8px 12px; }
div#content div#opinion span.verde { background-color: #028b46; position: relative; float: right; bottom: 70px; right: -23px }
div#content div#opinion2 { background-color: #ffffff; margin: 0px auto; width: 1670px; display: none;}
div#content div#opinion span.verde:hover, div#content div#opinion2 span.azul:hover { font-weight: bold; }
div#content div#opinion2 span.azul { background-color: #243e82; position: relative; float: right; bottom: 70px; right: -23px }
div.btn-container { width: 200px; margin: 0 auto; text-align: center;  }

/*--Contribuye--*/
div#content div#bannerbajo { width: 100%; position: relative; background-repeat: no-repeat; overflow: hidden; margin-top: 60px; }
div#content div#bannerbajo:hover img { transform: scale(1.1); transition: ease-in-out 0.8s; }
div#content div#bannerbajo img { width: 100%; }
div#content div.titulo2 { color: #ffffff; font-weight: bold; font-size: 120px; font-family: "BebasNeue"; text-align: center; width: 1200px; position: absolute; letter-spacing: 2px; bottom: 270px; left: 370px; }
div#content div.don { font-family: "BebasNeue"; font-size: 50px; font-weight: bold; background-color: rgba(0, 0, 0, 0.6); color: #ffffff; width: 220px; padding: 10px; text-align: center; position: absolute; bottom: 110px; left: 860px; }
div#content div.don:hover { color: #000000; background-color: rgba(255, 255, 255, 0.6) }

/*---Reconocimeintos--*/
div#rec div.reco h1 { background-color: #e5e6e8; text-align: center; padding: 5px 15px; width: 350px; margin: 0 auto; margin-bottom: 80px; margin-top: 80px; }
div#rec div.rec1 { display: block; float: left; padding: 20px; width: 400px; height: 300px; text-align: center; }
div#rec div.rec1 img { width: 80px!important; }
div#rec div.rec1 p { text-align: left; }
div#rec { margin: 0 auto; width: 1200px; }

/*---Interiores---*/

/*--Sidebar--*/
div#sidebaracerca { float: left; width: 500px; margin-top: -16px; padding: 50px; font-size: 18px; padding-left: 176px; }
div#sidebaracerca ul { line-height: 50px; }
div#sidebaracerca div.men ul li, div#sidebaracerca div.men ul li a { color: #243c7a;text-decoration: none; }
div#sidebaracerca div.men ul li a:hover { color: #158545; font-weight: bold; }
/*--Acerca de CEMDA---*/
div#content div#interiores { height: 510px; }
div#content div.interior { height: 960px; }
div.tit { background-color: #e5e6e8; width: 620px; padding: 2px 50px; margin: 0 auto; position: relative; top: -70px; }
div.tit h1 {  color:#646464; font-weight: bolder; text-align: center; font-size: 3em; }
div#content div#objetivo { height: auto; width: 1110px; float: right; margin: 50px 180px 50px 0px;  }
div#content div#objetivo h1, div#content div#objetivo h2 { color: #158545; }
div#content div#objetivo p { text-align: justify; }
.overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; transition: opacity 500ms; visibility: hidden; opacity: 0; }
.overlay:target { visibility: visible; opacity: 1; }
.popup { margin: 20px auto; padding: 20px; background: #028b46; border-radius: 5px; width: 80%; position: relative; transition: all 5s ease-in-out; }
.popup h2 { margin-top: 0; color:#ffffff!important; }
.popup .close { position: absolute; top: 20px; right: 30px; transition: all 200ms; font-size: 30px; font-weight: bold; text-decoration: none; color: #ffffff; }
.popup .content { max-height: 30%; overflow: auto; color:#ffffff; }


/*--Noticias--*/
p.tag { width: 250px; margin: 0 auto; text-align: center; }
p.tag a { font-size: 25px; color: #028b46; text-transform: uppercase; text-align: center; text-decoration: none; font-weight: bold;letter-spacing: -1px; }
div#content article.solo { width: 1200px; margin: -83px auto; margin-bottom: 100px; }
div.para { height: 600px; }
div#content article.solo div.titulonoti { background-color: #e5e6e8; padding: 20px }
div#content article.solo  h1 a, div#content article.solo  h1 { text-decoration: none; font-weight: bold; color:#626262; text-align: center; }
div.mr_social_sharing_wrapper { margin: 50px 0; }
div#content article.solo div.post-content { margin-top: 60px; text-align: justify; }
div#content article.solo div.post-content a, div#content article.solo div.post-content strong { color: #028b46; }
.yarpp-related { text-align: center; }
.yarpp-thumbnails-horizontal .yarpp-thumbnail { border:none; width: 150px; height: inherit; margin: 20px; overflow: hidden;  }
.yarpp-thumbnail > img, .yarpp-thumbnail-default { width: 150px!important; height: auto!important; }
.yarpp-related .yarpp-thumbnail-title { max-height: inherit; width: 100%; margin:0px;  }

/*--Publicaciones--*/
div.publicaciones_cemda {width: 1200px;  margin: 0 auto;}
div#content div.publi { float:left; width: 200px; height: auto; text-align: center; height: 350px; margin:20px;  }
div.titulopubli { background-color: #e5e6e8; padding: 20px; width: 1200px; margin: 0px auto; }
div.titulopubli h1 a { text-decoration: none; font-weight: bold; color: #626262; }
div.titulopubli h1 { text-align: center; }
div#publicacionesgral { width: 1200px; margin: 50px auto; }
div#publicacionesgral div.single { width: 240px; text-align: center; float: left; margin: 20px; height: 360px; }
div#publicacionesgral h2 { margin: 100px 0px 50px 0px; }
div.tiazul { font-size: 15px!important; }
div#publicacionesgral div.single div.portada { width: 200px; max-width: 200px; min-width: 200px; margin: 10px auto; }
div.publicaciones_cemda strong { color: #028b46; }
div.publicaciones_cemda a { color: #028b46;  }

/*--Áreas--*/
div#content div#fullpage { height: 100vh; overflow: hidden;  } /*-height: 100vh;--*/

div#content div#fullpage section { height: 100vh; }
div#content div#fullpage section h1 {margin: 0px; padding: 0px;}
div#content div#fullpage section:nth-child(1) { background: url(https://www.cemda.org.mx/wp-content/themes/cemda2018/images/tecnica.jpg); background-repeat: no-repeat;background-size: cover; background-position:center; }
div#content div#fullpage section:nth-child(2) { background: url(https://www.cemda.org.mx/wp-content/themes/cemda2018/images/comunicacion.jpg);background-repeat: no-repeat;background-size: cover; background-position:center; }
div#content div#fullpage section:nth-child(3) { background: url(https://www.cemda.org.mx/wp-content/themes/cemda2018/images/administracion.jpg);background-repeat: no-repeat;background-size: cover; background-position:center; }
div#content div#fullpage section:nth-child(4) { background: url(https://www.cemda.org.mx/wp-content/themes/cemda2018/images/defensa.jpg);background-repeat: no-repeat;background-size: cover; background-position:center; }
div#content div#fullpage section:nth-child(5) { background: url(https://www.cemda.org.mx/wp-content/themes/cemda2018/images/investigacion.jpg);background-repeat: no-repeat;background-size: cover; background-position:center; }
div#content div#fullpage section:nth-child(6) { background: url(https//www.cemda.org.mx/wp-content/themes/cemda2018/images/politicas.jpg); background-repeat: no-repeat;background-size: cover; background-position:center;}
div#content div#fullpage section:nth-child(7)  { background: url(https://www.cemda.org.mx/wp-content/uploads/2019/07/surestemin.jpg); background-repeat: no-repeat;background-size: cover; background-position:center;}
div#content div#fullpage section:nth-child(8) { background: url(https://www.cemda.org.mx/wp-content/uploads/2019/07/norestemin.jpg); background-repeat: no-repeat;background-size: cover; background-position:center;}
div#content div#fullpage section:nth-child(9) { background: url(https://www.cemda.org.mx/wp-content/uploads/2019/07/valle_de_bravomin.jpg); background-repeat: no-repeat;background-size: cover; background-position:center;}
div#content div#fullpage section:nth-child(10) { background: url(https://www.cemda.org.mx/wp-content/uploads/2019/07/golfomin.jpg); background-repeat: no-repeat;background-size: cover; background-position:center;}
div#content div#navfijo { position: fixed; margin: 130px 0px; z-index: 11; }
div#content div#navfijo ul { list-style: none; text-align: center; }
div#content div#navfijo ul li { color: #ffffff; text-shadow: 2px 2px 4px #000000; padding: 10px;  }

div#content div.marco { overflow: hidden; }
div#content div.marco div.texto { color: #ffffff; text-shadow: 2px 2px 4px #000000; position: absolute; width: 1000px; float: right; margin: 300px 100px 100px 400px; font-size: 19px; }
div#content div.marco div.texto2 { color: #ffffff; text-shadow: 2px 2px 4px #000000; position: absolute; width: 1000px; float: right; margin: 150px 100px 100px 400px; font-size: 19px; }
div#content div.marco div.texto3 { color: #ffffff; text-shadow: 2px 2px 4px #000000; position: absolute; width: 1000px; float: right; margin: 250px 100px 100px 400px; font-size: 19px; }
div#content div.marco div.texto h1 { font-size: 60px; }
div#content div.marco div.texto  hr { width: 200px; float: left; }

/*--Calidad del aire-*/
.actividades { line-height: 28px; font-size: 16px; }
.normas { width: 100%; max-width: 850px; margin: 0 auto; background-color:#8ec63d; margin-bottom: 50px; }
.normas h1 { font-size: 30px; text-align: center; color: #ffffff!important; padding-top: 10px; }
a#ley1 { background:url("img/1ley.jpg"); background-repeat: no-repeat; }
a#ley1:hover { background:url("img/2ley.jpg"); background-repeat: no-repeat; }
a#ley2 { background:url("img/3ley.jpg"); background-repeat: no-repeat; }
a#ley2:hover { background:url("img/4ley.jpg"); background-repeat: no-repeat; }
a#ley3 { background:url("img/5ley.jpg"); background-repeat: no-repeat; }
a#ley3:hover { background:url("img/6ley.jpg"); background-repeat: no-repeat; }
a#ley4 { background:url("img/7ley.jpg"); background-repeat: no-repeat; }
a#ley4:hover { background:url("img/8ley.jpg"); background-repeat: no-repeat; }
a#ley5 { background:url("img/9ley.jpg"); background-repeat: no-repeat; }
a#ley5:hover { background:url("img/10ley.jpg"); background-repeat: no-repeat; }
a#ley1, a#ley2, a#ley3, a#ley4, a#ley5 { width: 160px; height: 133px; display: block;overflow: hidden;text-indent: -10px; float: left; margin: 10px 5px; }

/*--Noticias histórico-*/
div#content.pagnoticias { margin-top: 150px!important; width: 1800px; margin: 0 auto; } 
div#content.pagnoticias h1.max { text-align: center;}
div#content.pagnoticias div.nota { float: left; width: 22%; margin: 20px; height: 540px;}
div#content.pagnoticias div.nota a { text-decoration: none; color:#646464;}
div#content.pagnoticias div.nota h2.postitulo { font-size: 1.1em;  transition: 1s ease-in-out;}
div#content.pagnoticias div.nota div.imagennota { width: 396px;  height: 330px; transition: 1s ease-in-out;overflow: hidden;  }
div#content.pagnoticias div.nota div.imagennota img { width: 660px!important; height: auto; position: relative; left: -32%; }
div#content.pagnoticias div.nota a:hover h2.postitulo { color:#028b46;  }
div#content.pagnoticias div.nota a:hover div.imagennota { filter: grayscale(0.8); }

 /*--Categorías histórico-*/
div#content.categorias{ margin-top: 150px!important; width: 1800px; margin: 0 auto; } 
div#content.categorias h1.max { text-align: center;}
div#content.categorias div.nota { float: left; width: 22%; margin: 20px; height: 540px;}
div#content.categorias div.nota a { text-decoration: none; color:#646464;}
div#content.categorias div.nota h2.postitulo { font-size: 1.1em;  transition: 1s ease-in-out;}
 div#content.categorias div.nota div.imagennota { width: 396px;  height: 330px; transition: 1s ease-in-out;overflow: hidden;  }
 div#content.categorias div.nota a:hover h2.postitulo { color:#028b46;  }
 div#content.categorias div.nota a:hover div.imagennota { filter: grayscale(0.8); }
 div.oldernewer { width: 200px; margin-left: 20px; }

 /*---Search---*/
div.search { width: 1200px; margin: 140px auto; }
div.search h2 a { text-decoration: none; color: #028b46; }

/*-Footer--*/
footer { margin-top: 100px; }
div#footer { width: 100%; background-color:#e5e6e8 ; margin: 0 auto; height: 750px;  }
div#footer div.container div#datos { font-size: 16px; }
div#footer div.container div#datos, div#footer div.container div#blanco, div#footer div.container div#formulario { width: 33.3%; float: left; padding: 200px 40px;}
div#footer div.container  div#formulario { padding: 20px 80px; color:#ffffff;  }
div#footer div.container  div#formulario [type="submit"] { color: #ffffff; background-color: #028b46; border-style: none; padding: 10px 15px; width: 150px!important;  }
div#footer div.aviso { text-align: center; color: #626262; margin: 10px auto; }
div#footer div#formulario #wpcf7-f7101-o1 input, div#footer div#formulario #wpcf7-f7101-o1 textarea  { width: 100%; }

/*----Acerca del CEMDA--*/
div#content div.acercade { float: left; width: 500px; margin-top: -16px; padding: 50px; font-size: 18px; padding-left: 176px; }
div#content div.acercade ul { line-height: 50px; list-style: none; }
div#content div.acercade ul li, div#content div.acercade ul li a { color: #243c7a; text-decoration: none; }
div#content div.acercade ul li a:hover, div#content div.acercade ul li a:active  { font-weight: bold; color: #158545; }
div#content div#objetivo article div#cemda1, div#content div#objetivo article div#cemda2 { position: relative; }

/*---Footer dona--*/
article.dona { background-image: url(https://www.cemda.org.mx/wp-content/uploads/2019/02/donafondo2-min.jpg); background-repeat: no-repeat; background-size: cover; height: 810px; color: #ffffff;}
div.fotdona { height: auto!important; }
div.avisodona { text-align: center; color: #626262; margin: 0px auto; padding: 20px 0px; }
div.donal h1 { margin: 0px; font-size: 3.7em!important; text-align: center; }
div.fotdona footer { margin-top: 0px; }
div.donar, div.donal { width: 50%; float: left; position: relative; }
div.donal { padding: 325px 200px; color: #ffffff; }
div.donar div.grisg { background-color: rgba(0,0,0,0.6); width: 500px; margin: 230px auto 50px; }
div.d1 { color: #ffffff; border: 1px solid #ffffff; width: 90px; float: left; text-align: center; margin: 0px 5px; }
div.donarlittle { padding: 0px 50px 5px 50px; }
span.gris { font-size: 50px; color: #000000; background-color: #e5e6e8; font-weight: bold; position: relative; top: -34px; padding: 5px 70px; margin: 0px 104px; }
.infolink:before { content: '?'; display: inline-block; font-family: sans-serif; font-weight: bold; text-align: center; width: 1.8ex; height: 1.8ex; font-size: 1.4ex; line-height: 1.8ex; border-radius: 1.2ex; margin-right: 4px; padding: 1px; color: #ffffff; border: 1px solid #ffffff;}
div.paypal { color: #ffffff; font-weight: bolder; background-color: #028b46; text-align: center; margin: 5px auto; width: 200px;}
div.paypal p { padding: 5px 0px; }
div.debito { color: #ffffff; font-weight: bolder; background-color: #243e82; text-align: center; margin: 5px auto; width: 270px; }
div.debito p { padding: 5px 0px; }
.cuazul { padding: 0px 10px; background-color: #243e82; margin-right: 10px; }
div.check { margin: 22px auto; width: 323px; }
div.donarlittle h3 { width: 378px; margin: 15px auto; }

/*----Acciones--*/

#section0, #section1, #section2, #section3, #section4, #section5, #section6, #section7, #section8, #section9, #section10 { background-size: cover; background-attachment: fixed; }
#section0 { background-image: url(https://www.cemda.org.mx/wp-content/themes/cemda2018/images/tecnica.jpg); }
#section1 { background-image: url(https://www.cemda.org.mx/wp-content/themes/cemda2018/images/comunicacion.jpg); }
#section2 { background-image: url(https://www.cemda.org.mx/wp-content/themes/cemda2018/images/administracion.jpg); }
#section3 { background-image: url(https://www.cemda.org.mx/wp-content/themes/cemda2018/images/defensa.jpg); }
#section4 { background-image: url(https://www.cemda.org.mx/wp-content/themes/cemda2018/images/investigacion.jpg); }
#section5 { background-image: url(https://www.cemda.org.mx/wp-content/themes/cemda2018/images/politicas.jpg); }
#section6 { background-image: url(https://www.cemda.org.mx/wp-content/uploads/2019/07/surestemin.jpg); }
#section7 { background-image: url(https://www.cemda.org.mx/wp-content/uploads/2019/07/norestemin.jpg); }
#section8 { background-image: url(https://www.cemda.org.mx/wp-content/uploads/2019/07/valle_de_bravomin.jpg); }
#section9 { background-image: url(https://www.cemda.org.mx/wp-content/uploads/2019/07/golfomin.jpg); }
#section10 { background-image: url(https://www.cemda.org.mx/wp-content/themes/cemda2018/images/direccion_general.jpg); }

#section0 div.texto, #section1 div.texto, #section2 div.texto, #section3 div.texto, #section4 div.texto, #section5 div.texto, #section6 div.texto, #section7 div.texto, #section8 div.texto, #section9 div.texto, #section10 div.texto  { top: 50%; transform: translateY(-50%)translateX(50%); position: relative; color: #ffffff; text-shadow: 2px 2px 4px #000000; width: 1000px;}
#section0 div.texto h1, #section1 div.texto h1, #section2 div.texto h1, #section3 div.texto h1, #section4 div.texto h1, #section5 div.texto h1, #section6 div.texto h1, #section7 div.texto h1, #section8 div.texto h1, #section9 div.texto h1, #section10 div.texto h1 { margin: 0!important; padding: 0!important; font-size: 60px; }
#section0 div.texto p, #section1 div.texto p, #section2 div.texto p, #section3 div.texto p, #section4 div.texto p, #section5 div.texto p, #section6 div.texto p, #section7 div.texto p, #section8 div.texto p, #section9 div.texto p, #section10 div.texto p { font-size: 18px; }
#section0 div.texto hr, #section1 div.texto hr, #section2 div.texto hr, #section3 div.texto hr, #section4 div.texto hr, #section5 div.texto hr, #section6 div.texto hr, #section7 div.texto hr, #section8 div.texto hr, #section9 div.texto hr, #section10 div.texto hr { width: 400px; float: left; border-style: solid; }

/*---Tren Maya---*/
div.maya { margin-top: -60px; font-family: 'Rubik', sans-serif ; background-color: #294b4a; color: #fff; }
div.linea-blanca { width: 3px; height: 250px; background-color:#fff; position: relative; top: 240px; animation-name: baja; animation-duration: 2s; margin: 0 auto; }
div.linea-blanca2 { width: 3px; height: 250px; background-color:#fff; position: relative; top: -20px; margin: 0 auto; }
@keyframes baja { from { height: 0px;} to { height: 250px; } }
div#mayabanner { background-image: url(https://www.cemda.org.mx/wp-content/uploads/2020/03/bannerup-1.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; height: 2140px; }
div#mayabanner div.titulo_maya { color: #fff; text-align: center; width: 630px; margin: 0 auto; position: relative; top: 250px; }
div#mayabanner div.titulo_maya p { font-size: 70px; font-weight: 700; }
div#mayabanner div.titulo_maya span { font-weight: 800; }
div.none { display: none; }
div#mayabanner div.sub-maya { position: relative; margin: 0 auto; top: 300px;  color: #fff; text-align: center; }
div#mayabanner div.sub-maya h1 { font-size: 50px; }
div.tren { position: relative; top: -990px; margin: 0 auto; text-align: center; color: #fff; }
div.tren img { width: 800px; margin: 0px auto; position: absolute; left: 590px; top: -105px; }
div.tren div.tren1 { font-size: 20px; width: fit-content; text-align: left; position: absolute; left: 420px; top: 70px;}
div.tren div.tren1 p, div.tren div.tren2 p { margin-bottom: 0px; }
div.tren div.tren3 p { margin-bottom: 0px; width: 134px; margin-left: 76px; }
div.tren div.tren2 { font-size: 20px; width: fit-content; text-align: left; position: absolute; left: 420px; top: 300px; }
div.tren div.tren3 { font-size: 20px; width: fit-content; text-align: right; position: absolute; top: 70px; left:1260px; }
div.color { background-color: #294b4a; }
div.vias img { width: 850px; position: absolute; top: 1860px; left: 490px; }
path.circle { stroke: white; fill: none; stroke-width: 2; stroke-opacity: 1; }
div.vias svg#circulo { position: absolute; height: 1200px; width: 1200px; right: 360px; top: 1650px;}
div.vias svg#arc { position: absolute; top: 1740px; width: 856px; margin: 0 460px; }
div.vias svg#arc2 { width: 856px; position: absolute; margin: 0 460px; top: 2650px; }
span.amarillo { font-weight: bold; color: #e9ef00; }
div.vias div.vias1 { width: 420px; position: absolute; top: 1930px; left: 610px; font-size: 20px; }
div.vias div.vias1 p, div.vias div.vias2 p { margin-bottom: 0px;  }
div.vias div.vias2 { width: 174px; position: absolute; top: 2151px; left: 610px; font-size: 20px; }
div.vias div.vias3 { width: 350px; text-align: right; position: absolute; top: 2180px; left: 1050px; font-size: 20px; }
div.vias div.vias3 p { margin-bottom: 0px; margin-left: 50px; width: 300px; }
div.vias div.vias4 { width: 350px; text-align: right; position: absolute; left: 870px; top: 2330px; font-size: 20px; }
div.vias div.vias4 p { margin-bottom: 0px; margin-left: 150px; width: 200px; }
div.vias div.vias5 { width: 250px; text-align: center; position: absolute; left: 830px; margin-top: 306px; font-size: 20px; }
table.tg { border: 1px; border-color: #fff; border-style: solid; border-spacing: 0; border-collapse: collapse; width: 250px; height: 150px; }
table.tg tr { border: 1px; border-color: #fff; border-style: solid; text-align: center;}
div#mapa_p { background-image: url(https://www.cemda.org.mx/wp-content/uploads/2020/03/fondomapa.png); background-position: bottom; background-size:50%; background-repeat: no-repeat; }
div#mapa_p div { margin: 330px auto 0px; width: 900px; }
div#mapa_p img { width: 800px; }
div.linea { height: 250px; position: relative; bottom: 300px; }
div#abc { background: rgb(6,14,13); background: linear-gradient(0deg, rgba(6,14,13,1) 0%, rgba(41,75,74,1) 100%); height: 800px; padding: 0px 330px;}
div#abc h1 { text-align: center; width: 610px; margin: 0 auto 100px; }
.fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; }
.fade.in { opacity: 1; }
.collapse { display: none; visibility: hidden; }
.collapse.in { display: block; visibility: visible; }
tr.collapse.in { display: table-row; }
tbody.collapse.in { display: table-row-group; }
.collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; }
.nave { margin-bottom: 0; padding-left: 0; list-style: none; width: 320px; float: left; margin-top: 0; }
.nave > li { position: relative; display: block; }
.nave > li > a { position: relative; display: block; padding: 10px 15px; }
.nave > li.disabled > a:focus, .nav > li.disabled > a:hover { text-decoration: none; background-color: transparent; cursor: not-allowed; }
.nave .open > a, .nav .open > a:focus,.nav .open > a:hover { background-color: #eee; border-color: #337ab7; }
.nave .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; }
.nave > li > a > img { max-width: none; }
.nav-tabs > li { margin-bottom: -1px; }
.nav-tabs > li > a { margin-right: 0px; border-radius: 4px 4px 0 0; color: #000;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color: #000; background-color: #bec300; cursor: default; }
.tab-content { width: 800px; float: left; }
.tab-content > .tab-pane { display: none; visibility: hidden; }
.tab-content > .active { display: block; visibility: visible; }
.tab-pane img { width: 800px; }
.nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; }
.clearfix:after, .clearfix:before, .nav:after, .nav:before, .panel-body:after, .panel-body:before { content: " "; display: table; }
.clearfix:after, .nav:after, .panel-body:after { clear: both; }
.center-block { display: block; margin-left: auto; margin-right: auto; }
.invisible { visibility: hidden; }
.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.hidden { display: none !important; visibility: hidden !important; }
.affix { position: fixed; }
.preset_select { width: 30%; }
.xa-default li a { padding: 3px 30px; border-radius: 0; outline: 0; background: #bec300; text-decoration: none; height: 178px; }
.xa-default li a p { font-size: 21px; margin: 22px 0px; }
.xa-default li a i { display: block; text-align: center; }
.xa-default .nav-tabs .active a, .xa-default .nav-tabs .active a:focus, .xa-default .nav-tabs .active a:hover { background: #e9ef00; }
ul#abc { float: left; width: 110px; list-style: none; padding-left: 0px; text-align: right; height: 533px; margin: 0;  }
ul#abc li p { font-weight: bolder; font-size: 160px; margin: 0px; height: 156px; color: rgba(250,250,250,0.1); }
div#luces { background: rgb(17,23,21); background: linear-gradient(0deg, rgba(17,23,21,1) 0%, rgba(6,14,13,1) 100%);margin-top: -250px; padding: 270px 0px 0px 0px; margin-bottom: -34px; }
div#luces { font-size: 20px; }
div#luces h1 { text-align: center; width: 610px; margin: 0 auto 20px; }
div#luces-left { float: left; position: absolute; top: 5555px; left: 350px; }
div.luces1 { width: 190px; margin-left: 130px; margin-bottom: 70px; }
div.luces2 { width: 232px; margin-left: 60px; margin-bottom: 70px; }
div.luces3 { width: 220px; margin-left: 100px; margin-bottom: 70px; }
div.luces4 { width: 254px; margin-left: 20px; margin-bottom: 70px; }
div.luces1 p, div.luces2 p, div.luces3 p, div.luces4 p { margin-bottom: 0px; }
div#luces-right { text-align: right; position: absolute; top: 5555px;float: right; left: 1300px; }
div.luces1r { width: 320px; margin-bottom: 70px; margin-left: -100px; }
div.luces2r { width: 217px; margin-bottom: 70px; margin-left: 70px; }
div.luces3r { width: 304px; margin-bottom: 70px; margin-left: 25px; }
div.luces4r { width: 280px; margin-bottom: 70px; margin-left: 20px; }
div.luces1r p, div.luces2r p, div.luces3r p, div.luces4r p { margin-bottom: 0px; }
img.tornado { width: 800px; margin:0 550px;  }
div#comunidades { background: url(https://www.cemda.org.mx/wp-content/uploads/2020/03/fondo2.jpg); background-repeat: no-repeat; background-size: cover;background-position: top; }
div#comunidades div.comu { width: 860px; margin: 0 auto -100px; font-size: 40px; text-align: center; padding: 220px 0px; }

/*--Recorte del sector ambiental--*/
#recortebanner { background-image: url(https://www.cemda.org.mx/wp-content/uploads/2020/07/banner_principal.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; height: 660px; background-attachment: fixed; }
#recortebanner div.titulo_recorte { color: #fff; text-align: left; width: 1000px; margin: 0 150px 0; position: relative; top: 250px; }
#recortebanner div.titulo_recorte p { font-size: 70px; margin: 0px; }
#recorte1 { font-size: 32px; color: #848282; text-align: center; width: 960px; margin: 50px auto; }
#recorte1 span { font-weight: bold; font-size: 36px; }
#recorte2 { font-size: 36px; font-weight: bold; color: #c6c6c6; width: 1500px; margin: 0px auto; }
#recorte2 span { font-size: 28px; color: #848282; font-weight: normal; }
.recorte2linea img { width: 170px; } 
.recorte2min { width: 750px; text-align: center; float: left; margin: 0px 200px; }
.recorte2linea { float: left; margin: 80px 0px; }
#banner1cifras {background-image: url(https://www.cemda.org.mx/wp-content/uploads/2020/07/banner2.jpg); background-repeat: no-repeat;background-position: center center; background-size: cover; height: 400px; color: #fff; padding: 34px 0px;}
.cifra1recorte { float: left; width: 250px; border: 1px solid #fff; height: 220px; font-size: 26px; text-align: center; font-weight: bold; }
.cifra1recortebis { float: left; width: 260px; border: 1px solid #fff; height: 220px; font-size: 26px; text-align: center; font-weight: bold; }
.cifra1recortebis span { font-size: 21px; }
.cifra1recortebis p { margin-bottom: -9px; }
.cifra1recortebis hr { margin-bottom: 40px; }
.cifra1recorte hr { margin: 40px 0px; }
p.pres { font-size: 34px; margin: 63px 0px; }
#banner1cifras .recorte { text-align: center; font-size: 50px; font-weight: bold; }
#recorte3 { color: #848282; text-align: center; font-size: 40px; margin: 100px auto; padding: 0px 220px; }
div.mapa_areas img { width: 290px; }
p.mapa1 { font-weight: bold; color: #c4c4c4; font-size: 40px; margin-bottom: 10px; margin-left: 100px; }
div.mapa_areas { height: 560px; margin-bottom: 100px; }
div.map_area { float: left; margin-right: 100px; }
div.map_area img.map_a { width: 720px; height: 442px; } 
div.simbologia { float: left; }
div.simbologia img.simbo { width: 250px; }
div.map2 { width: 1200px; margin: 50px auto 0px; }
div.pesos_hecta { width: 1200px; margin: 0px auto; height: 500px;  }
div.pesos1 { width: 440px; float: left; font-size: 24px; color: #848282; margin: 140px 100px 140px 0px; }
div.pesos2 { width: 250px; float: left; font-size: 22px; color: #848282; font-weight: bold; line-height: 20px; margin-top: 94px; }
div.pesos3 { width: 320px; float: left; font-size: 22px; color: #848282; text-align: center; }
div.pesos3 img { width: 318px; }
div.graf { float: left; width: 600px; }
#recorte4 { color: #848282; text-align: center; font-size: 32px; margin: 100px auto; padding: 0px 220px; }
#recorte5 { color: #848282; text-align: center; font-size: 32px; margin: 100px auto; font-weight: bold; width: 800px; }
#recorte5 svg { width:700px; height: 250px; display: block; position: absolute; margin-top: 24px; margin-left: 108px; }
#recorte5 svg .path { stroke-dasharray: 650; stroke-dashoffset: 0;  }
.graf1 { animation: dash 3s linear; }
@keyframes dash { 
  from {
    stroke-dashoffset: 600;
  }
  to {
    stroke-dashoffset: 0;
  }
 }
img.ani1 { width: 700px; margin: 0 auto; }
img.ani2 { width: 650px; margin: 0 auto; }
#recorte6 { color: #848282; text-align: center; font-size: 32px; margin: 100px auto; padding: 0px 220px; }
#recorte7 { color: #848282; text-align: center; font-size: 32px; margin: 100px auto; font-weight: bold; width: 800px; }
#recorte7 svg { width:450px; height: 200px; display: block; position: absolute; margin-top: 28px; margin-left: 216px; }
#recorte7 svg .path { stroke-dasharray: 650; stroke-dashoffset: 0;  }
.graf2 { animation: dash 3s linear; }
@keyframes dash { 
  from {
    stroke-dashoffset: 600;
  }
  to {
    stroke-dashoffset: 0;
  }
 }
#trioesquema { width: 1100px; margin: 0 auto; text-align: center; }
#trioesquema img.trio1 { width: 460px; margin-left: 50px; }
#trioesquema img.trio2 { width: 790px; }
#trioesquema img.trio4 { width: 240px; float: left; margin: 0px 65px;  }
#trioesquema img.trio5 { width: 240px; float: left; margin: 0px 89px; }
#trioesquema img.trio6 { width: 240px; float: left; margin: 0px 2px; }
#recorte8 { color: #848282; text-align: center; font-size: 32px; margin: 20px auto 100px; padding: 0px 220px; }
#recorte9 { color: #848282; text-align: center; font-size: 32px; margin: 100px auto; width: 830px; }
div.recorte9-1 { font-weight: bold; float: left; width: 400px; }
div.recorte9-2 { width: 400px; float: left; margin: 50px 0px; }
div.recorte9-2 img { width: 400px; }
p.notapie { text-align: center; font-size: 16px; }
p.notapie a { color: #848282; text-decoration: none; font-weight: bold;  }
#recorte10 { color: #848282; text-align: center; font-size: 32px; margin: 100px auto; padding: 0px 350px; font-weight: bold; }
#recorte11 { font-size: 36px; font-weight: bold; color: #c6c6c6; width: 1500px; margin: 0px auto; }
#recorte11 span { font-size: 28px; color: #848282; font-weight: normal; }
.recorte11linea img { width: 170px; } 
.recorte11min { width: 750px; text-align: center; float: left; margin: 0px 200px; }
.recorte11linea { float: left; margin: 80px 0px; }
#tablarecorte { width: 1000px; margin: 0 auto; }
#tablarecorte img { width: 1000px; }
#recorte12 { color: #848282; text-align: center; font-size: 40px; margin: 100px auto; }
#banner2recorte { background-image: url(https://www.cemda.org.mx/wp-content/uploads/2020/07/banner3.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; height: 350px; background-attachment: fixed; }
#banner2recorte p { font-size: 42px; color: #fff; text-align: center; font-weight: bold; margin: 0px; padding: 120px 236px; }
#notas_pie { color: #848282; font-size: 16px; text-align: center; padding: 0px 180px; margin-top: 100px; }
#notas_pie a { text-decoration: none; font-weight: bold; color: #848282; }
.stats { display: flex; justify-content: space-between; }
.stats__item { text-align: center; }
.stats__bar { width: 130px; height: 380px; margin: 10px 0; background: #83a033; border-radius: 4px; overflow: hidden; position: relative; }
.stats__bar:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #fff; animation: barsIn 2s ease-in-out forwards 3; }
.azul1 { background: #0099b8; }
@keyframes barsIn {
  0% {
    bottom: 0;
  }
  100% {
    bottom: var(--percentage);
  }
}
.recorte9-2 .stats { display: flex; justify-content: space-between; }
.recorte9-2 .stats__item { text-align: center; }
.recorte9-2 .stats__bar { width: 130px; height: 380px; margin: 10px 0; background: #4a859f; border-radius: 4px; overflow: hidden; position: relative; }
.recorte9-2 .stats__bar:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #fff; animation: barsIn 2s ease-in-out forwards 3; }
.recorte9-2 span.stats__age { font-size: 20px; font-weight: bold; }
.red1 { background: #af4437!important; }
div#asociaciones { margin: 60px auto; overflow: hidden; width: 1200px; }
div#asociaciones img { width: 300px; height: auto; float: left; }
div.trescifra { width: 1010px; margin: 0px auto; overflow: hidden; }

/*--Acciones nuevas--*/
div.newactions span { font-weight: bold; }
div.newactions h3 { font-weight: normal; width: 550px; float: left; border-right: 2px #028b46 solid; padding-right: 50px; margin-right: 50px;  }
div.bolet { text-transform: uppercase; font-size: 26px; width: 180px; float: left; border-right: 2px #028b46 solid; padding-right: 30px; margin-right: 30px; padding-top: 30px; padding-bottom: 30px; margin-top: 70px; }
div.bolet2 { width: 980px; float: left; margin-top: 70px; }
div.newactions div.pie { margin-top: 70px; font-size: 14px; text-align: left; }
div.newactions a {color: #000!important; text-decoration: none;}
div.boletano { text-transform: uppercase; font-size: 26px; width: 180px; float: left; border-right: 2px #028b46 solid; padding-right: 30px; margin-right: 30px; padding-top: 30px; padding-bottom: 30px; }
div.lefti { width: 230px; text-align: left; float: left;margin: 60px auto; }
div.lefti2 { width: 515px; text-align: left; float: left;margin: 20px auto; }
div.lefti2bis { width: 400px; text-align: left; float: left;margin: 60px auto; }
div.info_meta { overflow: hidden; width: 830px; margin: 0px auto; }
div.newactions #fancybox-overlay { display: none!important; }
div.galmilpa { float: left; width: 600px; }


div.galeriamilpa { margin: 0px 100px; }

/*--Flipbook--*/
article.flipbook { margin: 150px auto; width: 100%; max-width: 1200px; } 

/*--Microsito Calidad del aire--*/
.calidad_aire .banner-aire { overflow: hidden; height: 600px; background: url(https://www.cemda.org.mx/wp-content/uploads/2021/09/banner_aire.jpg) fixed no-repeat; background-size: cover; }
.calidad_aire article { max-width: 1200px; width: 100%; margin: -64px auto 80px; }
.calidad_aire article .titulo-aire { background-color: #e5e6e8; padding: 20px; width: 800px; margin: 0px auto; }
.calidad_aire article .titulo-aire h1 { color: #626262; text-align: center; font-weight: bold;  }
.uno-aire { margin: 80px auto; }
.uno-aire-min { display: flex; }
.uno-aire-min div img { width: 250px; }
.uno-aire-min .left-aire { margin-left: 80px; }
.uno-aire-min .left-aire h3 { border-left: 2px solid #158545; padding: 20px; }
.uno-aire-min .left-aire .nota-aire { font-size: 14px; max-width: 400px; width: 100%; text-align: right; float: right; }
.dos-aire-min { display: flex; }
.dos-aire { margin: 0px auto 80px; }
.dos-aire h2 { text-align: center; color: #158545; }
.dos-aire-min div img { width: 340px; }
.dos-aire-min .left-aire { margin-left: 80px; }
.dos-aire-min .left-aire p span { color: #158545; }
.dos-aire-min .left-aire .nota-aire { font-size: 14px; max-width: 500px; width: 100%; text-align: left; float: right; }
.dos-aire-min .left-aire .nota-aire p { margin-bottom: 0px; margin-top: 2px; }
.dos-aire-min .left-aire .nota-aire a { word-break: break-word; color: #000; text-decoration: none; }
.tres-aire { margin: 0px auto 80px; }
.tres-aire h2 { text-align: center; color: #158545; }
.tres-aire-min { display: flex; justify-content: space-around; }
.tres-aire-min .f-fijas { width: 50%; }
.tres-aire-min .f-moviles { width: 40%; }
.tres-aire-min .f-fijas img { width: 280px; float: left; }
.tres-aire-min .f-moviles img { width: 280px; float: right;}
.cuatro-aire { margin: 0px auto 80px; }
.cuatro-aire-min { display: flex; }
.cuatro-aire-min div img { width: 500px; }
.cuatro-aire-min div .nota-aire { font-size: 14px; max-width: 500px; width: 100%; text-align: left; float: right; }
.cuatro-aire-min p span { color: #158545; }
.cuatro-aire-min .textomincuatro { margin-right: 70px; }
.aire-azul { color: #fff; background-color: #243e82; width: 100%!important; max-width: 100%!important; margin: 80px auto!important; padding: 50px 200px}
.aire-azul h2 { text-align: center; }
.aire-azul-min { display: flex; }
.aire-azul-min .aire-azul-uno { border-left: 2px solid #fff; padding-left: 30px; font-size: 18px; font-weight: bold; margin-right: 50px; }
.aire-azul-min img { width: 450px; }
.cinco-aire-art { margin: 80px auto!important; }
.cinco-borde { border: 1px solid #158545; width: 700px; padding: 0px 10px; color: #158545; margin: 20px auto; text-align: center; }
.videos-aire { width: 100%; max-width: 1200px; margin: 80px auto; display: flex; justify-content: space-between; }
.aire-dona { max-width: 700px; width: 100%; margin: 50px auto; text-align: center; }
.linkdona { text-decoration: none; color: #000; }
.donacionescifras { display: flex; justify-content: center; }
.donacionescifras div { border: 1px solid transparent; border-radius: 100%; width: 85px; height: 85px; background-color: #243e82; color: #fff; margin: 0px 20px; flex-shrink: 0; } 
.donacionescifras p { font-size: 24px; } 
.aire-dona h2 { color: #028b46; }


/* ----- Alineación ----- */

.none { display: none;}

.clear {clear: both;}

.alignright { float: right; margin-left: 15px;; margin-bottom: 15px; }

.alignleft { float: left; margin-right: 15px; margin-bottom: 15px; }

.aligncenter { display: block; margin-right: auto; margin-left: auto; }

.alignright, .alignright { float: right; margin-left: 15px; margin-bottom: 15px; margin-top: 15px; }

.alignleft, a .alignleft { float: left; margin-right: 15px; margin-bottom: 15px; }

.aligncenter, a .aligncenter { display: block; margin-right: auto; margin-left: auto; }

/* Always remember to compress your live stylesheet and keep an uncompressed backup */

@media (max-width:1770px) { 
div#content div#objetivo { margin: 50px 130px 50px 0px;  }

/*--Tren maya--*/
div.vias svg#arc { margin: 0 390px; }
div.vias div.vias1, div.vias div.vias2 { left: 510px; }
div.vias img { left: 440px; }
div.vias svg#arc2 { margin: 0 380px; }
div.vias div.vias3 { left: 1010px; }
div.vias div.vias4 { left: 830px; }
div.vias div.vias5 { left: 760px; }
div.vias svg#circulo { right: 286px; }
div#abc { padding: 0px 260px; }
img.tornado { margin: 0 485px; }
div#luces-left { left: 250px; }
div#luces-right { left: 1200px; }

/*--Recortes ambiental--*/
#banner1cifras { padding: 34px 284px; }

}

@media (max-width:1660px) { 
div#content div#objetivo { margin: 20px 40px 50px 0px;  }
#section0 div.texto, #section1 div.texto, #section2 div.texto, #section3 div.texto, #section4 div.texto, #section5 div.texto, #section6 div.texto, #section7 div.texto, #section8 div.texto, #section9 div.texto, #section10 div.texto { transform: translateY(-50%)translateX(30%); }

/*--Tren maya--*/
div.tren div.tren3 { left: 1150px; }
div.tren div.tren1, div.tren div.tren2 { left: 340px; }
div.tren img { left: 470px; }
div.vias div.vias4 { left: 780px; }
div.vias div.vias3 { left: 934px; }
div.vias img { left: 380px; }
div.vias div.vias1, div.vias div.vias2 { left: 470px; }
div.vias div.vias5 { left: 710px; }
div.vias svg#arc { margin: 0 346px; }
div.vias svg#arc2 { margin: 0 336px; }
div#luces-right { left: 1180px; }
div#luces-left { left: 160px; }
div#abc { padding: 0px 215px; }
img.tornado { margin: 0 430px; }
div.vias svg#circulo { right: 230px; }

/*--Recortes ambientales--*/
#banner1cifras { padding: 34px 230px; }
div.map_area { margin-right: 170px; }


}

@media (max-width:1600px) { 
div#content div.acercade { width: 350px; padding-left: 60px;}
div#content div#objetivo { margin: 20px 100px 50px 0px;  }
div#content div#opinion { width: 1600px; }
div#header div.container div.desk ul.nav { padding-left: 0px; }
div#content div#banner div.anima div.titulo { margin-left: 880px; }
div#content div#banner div.anima div.conoce { margin-left: 1100px; }
div#content div#banner div.anima div.conocedos { margin-left: 1100px; }
div#content div#banner div.anima div.titulodos { margin-left: 880px; }
div#content div#banner div.anima div.titulotres { margin-left: 880px; }

/*--Tren Maya--*/
div#abc { padding: 0px 185px; }
img.tornado { margin: 0 400px; }
div.tren img { left: 400px; }
div.tren div.tren1, div.tren div.tren2 { left: 250px; }
div.tren div.tren3 { left: 1080px; }
div.vias svg#circulo { right: 204px; }
div.vias svg#arc { margin: 0 306px; }
div.vias svg#arc2 { margin: 0 308px; }
div.vias div.vias1, div.vias div.vias2 { left: 420px; }
div.vias img { left: 360px; }
div.vias div.vias3 { left: 912px; }
div.vias div.vias4 { left: 740px; }
div.vias div.vias5 { left: 672px; }
div#luces-left { left: 116px; }

/*--Recortes ambientales--*/
#banner1cifras { padding: 34px 295px; }

}

@media (max-width:1530px) { 
	div#content div#objetivo { width: 1060px!important; }
	div#content div#opinion { width: 1530px; }
	div#content div#opinion div.opiniones, div#content div#opinion2 div.opiniones { padding: 0 38px; }
	div#content div.titulo2 { left: 170px; }
	div#content div.don { left: 655px; }

/*--Tren Maya--*/
div#abc { padding: 0px 150px;  }
img.tornado { margin: 0 364px; }
div.vias svg#circulo { right: 165px; }
div.vias svg#arc { margin: 0 270px; }
div.vias svg#arc2 { margin: 0 270px; }
div.vias div.vias1, div.vias div.vias2 { left: 390px; }
div.vias img { left: 316px; }
div#luces-left { left: 65px; }
div#luces-right { left: 1136px; }

/*--Recortes ambientales--*/
#banner1cifras { padding: 34px 260px; }



}

@media (max-width:1500px) { 
	div#content div#objetivo { margin: 0px 40px 50px 0px;  }
	div#content div#opinion { width: 1500px; }
	div#content div#acciones div.ac1 { right: 640px; }
  div#acciones2 div.ac1 { right: 640px; }
	div#content div#objetivos div.ac2 { right: 410px; }

/*--Tren Maya--*/
div#abc { padding: 0px 135px;  }
img.tornado { margin: 0 350px; }
div.vias svg#arc2 { margin: 0 238px; }

/*--Recortes ambientales--*/
#banner1cifras { padding: 34px 245px; }
#recorte10 { padding: 0px 320px; }


}
@media (max-width:1440px) {
	div#content div#banner div.anima div.titulo { top: 270px; margin-left: 780px; }
	div#content div#opinion { width: 1440px; }
	div#content div#acciones div.ac1 { right: 580px; }
	div#content div#banner div.anima div.conoce { top: 570px; margin-left: 1004px; }
  div#content div#banner div.anima div.conocedos { top: 570px; margin-left: 1004px; }
	div#content div#acciones div.ac01 { margin-left: 20px; width: 31.3%; }
  div#acciones2 div.ac01 { margin-left: 20px; width: 31.3%!important; }
	div#content div#objetivos div.ac2 { right: 390px; }
	div#content div#opinion div.opiniones, div#content div#opinion2 div.opiniones { padding: 0 30px; }
	div#content div.titulo2 { left: 140px; bottom: 200px; }
	div#content div.don { left: 600px; }
  div#content div#banner div.anima div.titulodos { margin-left: 760px; top: 180px; }
    div#content div#banner div.anima div.titulotres { margin-left: 760px; top: 180px; }

	/*--Tren Maya--*/
	div#abc { padding: 0px 104px;  }
	img.tornado { margin: 0 320px; }
	div#luces-right { left: 1070px; }
	div.tren img { left: 340px; }
	div.tren div.tren1, div.tren div.tren2 { left: 200px; }
	div.vias svg#circulo { right: 120px; }
	div.vias svg#arc { margin: 0 230px; }
	div.vias div.vias1, div.vias div.vias2 { left: 340px; }
	div.vias div.vias3 { left: 880px; }
	div.vias div.vias4 { left: 680px; }
	div.vias div.vias5 { left: 620px; }

  /*--Recorte ambiental--*/
  .recorte2min { margin: 0px 170px; } 
  #banner1cifras { padding: 34px 215px; }
  div.map_area { margin-right: 210px; }
  #recorte11 { width: 1440px; }
  #recorte2 { width: 1440px; }
  .recorte11min { margin: 0px 174px; }
  #recorte10 { padding: 0px 300px; }
  #banner2recorte p { padding: 90px 230px; } 

  /*--Micrositio calidad del aire--*/
  .aire-azul { padding: 50px 90px; }


}
 @media (max-width:1440px) { 

	div#content div#objetivo { width: 1040px!important; }
	#section0 div.texto, #section1 div.texto, #section2 div.texto, #section3 div.texto, #section4 div.texto, #section5 div.texto, #section6 div.texto, #section7 div.texto, #section8 div.texto, #section9 div.texto, #section10 div.texto { transform: translateY(-50%)translateX(24%) }
	div.donal { padding: 290px 80px; }
	article.dona { height: 740px; }
	div.donar div.grisg { margin: 190px auto 50px; }
 }
@media (max-width:1400px) { 
	/*--Home--*/
	div#content div#opinion, div#content div#opinion2 { width: 1400px; }
	div#content div#opinion div.opiniones, div#content div#opinion2 div.opiniones { padding: 0 26px; }
	div#content div.titulo2 { bottom: 200px; left: 120px; }
	div#content div.don { left: 600px; bottom: 70px; }
	div#content div#objetivos div.ac2 {right: 350px;}
	div#content div#acciones div.ac1 { right: 562px; }
	div#content div#acciones div.ac01 {margin: 100px 12px;}
	div#content div#banner div.anima div.titulo {top: 230px;}
	div#content div#banner div.anima div.conoce { top: 545px; }
  div#content div#banner div.anima div.conocedos { top: 580px; margin-left: 980px; }
  div#acciones2 div.ac01 {padding: 100px 18px!important;}

	/*--Áreas-*/
	div#content div.marco div.texto { margin: 240px 100px 100px 260px; }
	div#content div.marco div.texto2 { margin: 210px 100px 100px 250px; }

	/*--Noticias histórico--*/
	div#content.pagnoticias { width: 1340px; }
	div#content.pagnoticias div.nota { width: 30%; }

	/*---Ácerca de --*/
	div#content div#objetivo { width: 900px!important; margin: 30px 100px;  }
	div#content div.acercade { width: 290px; padding-left: 20px;  }
	.popup { width: 100%; }

	/*--Tren Maya--*/
	div#abc { padding: 0px 84px;  }
	img.tornado { margin: 0 300px; }
	div#luces-left { left: 40px; }
	div#luces-right { left: 1028px; }
	div#mapa_p div { width: 760px; }
	div.vias svg#circulo { right: 105px; }
	div.vias svg#arc { margin: 0 200px; }
	div.vias svg#arc2 { margin: 0 200px; }
	div.vias div.vias1, div.vias div.vias2 { left: 300px; }
	div.vias img { left: 264px; }
	div.vias div.vias3 { left: 850px; }
	div.vias div.vias4 { left: 630px; }
	div.vias div.vias5 { left: 580px; }

  /*--Recortes ambientales--*/
  .recorte2min { margin: 0px 150px; }
  #banner1cifras { padding: 34px 195px; }
  #recorte3 { padding: 0px 200px; }
  .recorte11min { margin: 0px 150px; }
  #recorte11 { width: 1400px; }
  #recorte2 { width: 1400px; }
  #recorte10 { padding: 0px 270px; }
  

 }
@media (max-width:1390px) { 
	div#content div#objetivo { width: 900px!important; }
	div#content div#opinion, div#content div#opinion2 { width: 1390px; }

	/*--Tren Maya--*/
	div#abc { padding: 0px 80px;  }
	img.tornado { margin: 0 296px; }

  /*--Recortes ambientales--*/
   #recorte11 { width: 1390px; }
  #recorte2 { width: 1390px; }
  #banner1cifras { padding: 34px 190px; }
  #notas_pie { margin-top: 50px; }
  

}
 @media (max-width:1366px) { 
 	/*--Home--*/
	div#content div#opinion, div#content div#opinion2 { width: 1366px; }
	div#content div#opinion div.opiniones div.panel, div#content div#opinion2 div.opiniones div.panel { left: 10px; padding-right: 20px; }
	div#header div.container div.desk ul.nav { padding-left: 0px!important; }
	li#donación { margin-right: 60px!important; }
	li#buscador {margin: 0px -20px 0px 0px;}
  div#content div#banner div.anima div.titulodos { width: 520px; font-size: 86px; top: 225px; }
   div#content div#banner div.anima div.titulotres { width: 520px; font-size: 86px; top: 225px; }
  div#content div#banner div.anima div.conocedos { margin-left: 950px; }

  div#acciones2 div.ac01 { padding: 50px 0px!important; }
  div#content div#acciones2 div.ac01 div.extracto { margin-left: -10px; width: 400px; }

	/*---Acerca del CEMDA---*/
	div#content div#objetivo { margin: 30px 88px; width: 870px!important; }
	li#donacion { margin-right: 10px; }

	/*--Tren Maya--*/
	div#abc { padding: 0px 68px;  }
	img.tornado { margin: 0 283px; }
	div#luces-left { left: 20px; }
	div#luces-right { left: 1010px; }
	div.tren img { left: 308px; }
	div.tren div.tren1, div.tren div.tren2 { left: 140px; }
	div.tren div.tren3 { left: 1020px; }
	div.vias svg#circulo { right: 84px; }
	div.vias svg#arc { margin: 0px 185px; }
	div.vias svg#arc2 { margin: 0px 185px; }
	div.vias div.vias5 { left: 560px; }

  /*--Recortes ambientales--*/
   #recorte11 { width: 1366px; }
  #recorte2 { width: 1366px; }
  .recorte2min { margin: 0px 136px; }
  #banner1cifras { padding: 34px 178px; }
  .recorte11min { margin: 0px 136px; }
 

 }

@media (max-width:1300px) { 
	/*--Home--*/
	div#content div#opinion, div#content div#opinion2 { width: 1300px; }
	div#content div#opinion div.opiniones, div#content div#opinion2 div.opiniones { padding: 0 18px; }
	div#content div#acciones div.ac01 { width: 31.3%; }
  div#content div#acciones div.contain { width: 1300px; }
	div#content div.titulo2 { left: 50px; }
	div#content div.don { left: 540px; }
	li#donacion { margin-right: 90px; }
	div#header div.container div.desk ul.nav li#donacion { padding: 60px 15px 18px 15px; }
	div#content div#acciones div.ac01 { width: 32%; }
	div#content div#acciones div.ac01 { margin-left: 3px; }
	div#content div#acciones div.ac1 { right: 510px; }
	div#content div#objetivos div.ac2 { right: 310px; }
	div#content div#banner div.anima div.titulo { margin-left: 670px; }
	div#content div#banner div.anima div.conoce { margin-left: 890px; margin-right: 0px; }

  div#content div#acciones2 div.ac01 { width: 31%!important; }
  div#content div#acciones2 div.ac01 { margin-left: 3px; }
  div#content div#acciones2 div.ac01 div.extracto { margin-left: 17px; }

	/*--Noticia históricos--*/
	div#content.pagnoticias { width: 1300px; }

	/*--Acerca del CMEDA --*/
	div#content div#objetivo { margin: 30px 55px; }

	#section0 div.texto, #section1 div.texto, #section2 div.texto, #section3 div.texto, #section4 div.texto, #section5 div.texto, #section6 div.texto, #section7 div.texto, #section8 div.texto, #section9 div.texto, #section10 div.texto { transform: translateY(-50%)translateX(15%); }

	/*--Dona--*/
	div.donal { padding: 285px 35px; }
	div.donar div.grisg { margin: 182px auto 50px; }

	/*--Publicaciones--*/
	div.titulopubli { width: 960px; }

	/*--Tren Maya--*/
	div#abc { padding: 0px 35px;  }
	img.tornado { margin: 0 250px; }
	div#luces-left { left: 8px; }
	div#luces-right { left: 945px; }
	div.tren img { left: 266px; }
	div.tren div.tren3 { left: 940px; }
	div.vias svg#circulo { right: 44px; }
	div.vias svg#arc2 { margin: 0px 164px; }
	div.vias svg#arc { margin: 0px 156px; }
	div.vias div.vias1, div.vias div.vias2 { left: 260px; }
	div.vias img { left: 208px; }
	div.vias div.vias3 { left: 784px; }
	div.vias div.vias4 { left: 570px; }
	div.vias div.vias5 { left: 540px; }

  /*--Recortes ambientales--*/
   #recorte11 { width: 1300px; }
  #recorte2 { width: 1300px; }
  .recorte2min { margin: 0px 100px; }
  #banner1cifras { padding: 34px 145px; }
  #recorte10 { padding: 0px 240px; }
  .recorte11min { margin: 0px 100px; }
  #recorte12 { padding: 0px 190px; }
  #banner2recorte p { padding: 90px 236px; }
  #notas_pie { padding: 0px 110px; }
 

 }
@media (max-width:1260px) { 

	div#content div#objetivo { margin: 30px 30px; }
	div#content div#acciones div.ac01 img { width: 360px; }
	div#content div#opinion, div#content div#opinion2 { width: 1260px; }
	div#content div#acciones div.ac01 { width: 29.5%; height: 560px; margin-left: 27px; }
	div#content div#acciones div.ac01 div.extracto { width: 360px; height: 540px;  }
  div#content div#acciones div.contain { width: 1260px; }
	div#header div.container div.desk ul.nav li.logocemda { padding-right: 18px; }
	li#donacion { margin-right: 116px; }
	div#content div#opinion div.opiniones, div#content div#opinion2 div.opiniones { padding: 0 13px; }
  div#content div#acciones { height: 830px; }
  div#content div#acciones div.ac01 div.extracto p.d { width: 320px; margin-top: 25px; }
  div#content div#acciones2 div.ac01 { width: 30.5%!important; }

	/*--Tren Maya--*/
	div#abc { padding: 0px 15px;  }
	img.tornado { margin: 0 230px; }
	div#luces-right { left: 917px; }
	div.tren img { left: 236px; }
	div.tren div.tren1, div.tren div.tren2 { left: 80px; }
	div.vias svg#circulo { right: 29px; }
	div.vias svg#arc2 { margin: 0px 133px; }
	div.vias svg#arc { margin: 0px 133px; }
	div.vias div.vias5 { left: 510px; }

  /*--Recortes ambientales--*/
   #recorte11 { width: 1260px; }
  #recorte2 { width: 1260px; }
  .recorte2min { margin: 0px 80px; }
  #banner1cifras { padding: 34px 125px; }
  #recorte10 { padding: 0px 200px; }
  .recorte11min { margin: 0px 80px; }
 

 }
@media (max-width:1200px) {

	/*--Header--*/
	div#header div.container { width: 1151px; }
	div#header div.container div.desk ul.nav li { padding: 22px 18px; }
	li#buscador { margin: 0px 0px 0px 0px; width: 100px;}

	/*--Home--*/
	div#content div#banner div.anima div.titulo { margin-left: 600px; }
  div#content div#banner div.anima div.titulodos { margin-left: 620px; font-size: 80px; }
  div#content div#banner div.anima div.titulotres { margin-left: 620px; font-size: 80px; }
	div#content div#banner div.anima div.conoce { margin-left: 830px; }
  div#content div#banner div.anima div.conocedos { margin-left: 824px; top: 540px; }
	div#content div#opinion, div#content div#opinion2, div#content div#acciones div.contain { width: 1150px; }
	div#content div#opinion div.opiniones, div#content div#opinion2 div.opiniones { padding: 0 80px; } 
	div#content div#acciones div.ac1 { right: 462px; }
	div#content div#objetivos div.ac2 { right: 250px; }
	div#content div.titulo2 { font-size: 100px; left: 36px; }
	div#content div.don { left: 490px; }
	div#content div#acciones div.ac01 { width: 27%; margin: 100px 31px }
	div#content div#acciones div.ac01 img { width: 350px; }
	div#content div#acciones div.ac01 p.tit { left: 14px; }
	div#content div#acciones div.ac01 div.extracto p.d { margin-top: 20px; margin-bottom: 20px; }
	div#content div#acciones div.ac01 div.extracto span.bot { margin-left: 0px; }
	div#content div#objetivos div.obj1 { margin-top: 80px; }
	div#content div#acciones { height: 770px; }
  div#content div#acciones div.ac01 div.extracto { width: 350px; height: 528px; }
  div#content div#acciones2 div.ac01 { width: 28%!important; padding: 100px 28px 50px!important; }
  div#content div#acciones2 div.ac01 img { width: 350px; }
  div#content div#acciones2 div.ac01 p.tit { left: 14px; }
  div#content div#acciones2 div.ac01 div.extracto p.d { margin-top: 40px; margin-left: 0px; }
  div#content div#acciones2 div.ac01 div.extracto span.bot { margin-left: 0px; }

	div.search { width: 1100px; }
	div#header div.container div.desk ul.nav li.logocemda { padding-right: 10px; }
	.btn-3 { width: 130px; }
	li#donacion { margin-right: -10px; }

	/*--Acciones Noticia--*/
	div#content article.solo { width: 1000px; }

	/*--Histórico noticias--*/
	div#content.pagnoticias { width: 1200px; }
	div#content.pagnoticias div.nota div.imagennota { width: 360px; }

	/*--Áreas-*/
	div#content div.marco div.texto { margin: 240px 100px 100px 100px; }
	div#content div.marco div.texto2 { margin: 210px 100px 100px 100px; }

	/*--Acerca del CEMDA--*/
	div#content div#objetivo { width: 770px!important; margin: 30px 70px; }
	.popup { margin-left: -50px!important; width: 115%; margin: 0 auto; }

		#section0 div.texto, #section1 div.texto, #section2 div.texto, #section3 div.texto, #section4 div.texto, #section5 div.texto, #section6 div.texto, #section7 div.texto, #section8 div.texto, #section9 div.texto, #section10 div.texto { transform: translateY(-50%)translateX(10%); }
    
    /*---Publicaciones--*/
    div#publicacionesgral { width: 1120px; }
    div.biblio { width: 1000px; margin: 0 auto; }

    /*--Tren Maya--*/
	div#abc { padding: 0px 0px;  }
	img.tornado { margin: 0 200px; }
	.nave { width: 280px; }
	div#luces-right { left: 850px; }
	div.tren img { left: 220px; }
	div.tren div.tren1, div.tren div.tren2 { left: 60px; }
	path.circle { d: path("M0,500a500,500 0 1,0 1000,0a500,500 0 1,0 -1000,0"); }
	div.vias svg#circulo { width: 1000px; height: 1000px; right: 95px; }
	path.arco { d: path("M0,400a300,300 0 1,0 600,0a300,300 0 1,0 -600,0"); }
	div.vias svg#arc { width: 570px; margin: 0px 314px; top: 1610px; }
	div.vias img { left: 250px; width: 750px; top: 1780px; }
	div.vias div.vias1 { width: 330px; left: 242px; top: 1840px; }
	div.vias div.vias2 { top: 2070px; left: 240px; }
	div.vias div.vias3 { left: 680px; top: 2184px; }
	div.vias div.vias4 { top: 2195px; left: 530px; }
	div.vias div.vias5 { left: 490px; margin-top: 160px; }
	path.arco2 { d: path("M 0 -402 a -360 420 0 1 0 1000 -340 a -340 420 0 1 0 -1000 0"); }
	div.vias svg#arc2 { top: 2560px; width: 690px; margin: 0px 117px; }
	div.line { margin-top: 370px!important; }

  /*--Recortes ambientales--*/
   #recorte11 { width: 1200px; }
  #recorte2 { width: 1200px; }
  .recorte2min { margin: 0px 50px; }
  #banner1cifras { padding: 34px 0px; }
  .cifra1recorte { width: 290px; }
  div.map_area { margin-right: 190px; }
  div.pesos_hecta { width: 1120px; }
  .recorte11min { margin: 0px 50px; }
  #banner2recorte p { padding: 90px 200px; }
  #recortebanner div.titulo_recorte { margin: 0px 90px 0px; }
  div#asociaciones { width: 900px; }
  div.pesos2 { width: 130px; }
  div.graf { width: 570px; }
  div.trescifra { width: 1130px; }

  div.newactions h3 { width: 450px; }
  div.bolet2 { width: 780px; }
  div.lefti { width: 180px; }
  div.lefti2 { width: 390px; margin: 0px auto; }

  div.galeriamilpa { margin: 0px 50px; }

  /*--Micrositio calidad del aire--*/
  .calidad_aire article { width: 80%; }
  .aire-azul { padding: 50px 30px; }
  .videos-aire { width: 90%; }

 }


@media (max-width:1097px) {
	/*--Header--*/
	div#header div.container div.desk ul.nav li.logocemda { margin-right: -19px; }
	div#header div.container div.desk ul.nav { padding-left: 0px; }
	div#header div.container div.desk ul.nav li#donacion { margin-right: 100px; }
	div.search { width: 1000px; }
	div#header div.container { width: 1080px; }
	div#header div.container div.desk ul.nav li.logocemda { margin-right: -1px; }
	div#header div.container div.desk ul.nav li#donacion { margin-right: -8px; padding: 40px 15px 18px 15px; }
	li#buscador { margin: 0px -63px 0px 0px;  }
	div#header div.container div.desk ul.nav li.logocemda img { width: 100px; }
	div#header div.container div.desk ul.nav li { padding: 22px 13px; }

	/*--Home--*/
	div#content div#opinion, div#content div#opinion2 { width: 1097px; }
	div#content div#acciones div.contain {width: 1097px;}
	div#content div#opinion div.opiniones, div#content div#opinion2 div.opiniones { padding: 0 72px; }
	div#content div#noticias, div#content div#objetivos { width: 1097px; }
	div#content div#acciones div.ac01 { margin: 100px 23px 60px 23px; width: 28%; height: 655px;  }
	div#content div#banner div.anima div.titulo { top: 120px; margin-left: 510px;}
  div#content div#banner div.anima div.titulodos { margin-left: 530px; top: 160px; }
   div#content div#banner div.anima div.titulotres { margin-left: 530px; top: 160px; }
	div#content div#banner div.anima div.conoce { top: 450px; margin-left: 740px;  }
  div#content div#banner div.anima div.conocedos { margin-left: 715px; top: 490px; }
	div#noticias div.nota { margin: 70px 40px; }
	div#content div#acciones div.ac1 { right: 411px; }
	div#content div#objetivos div.ac2 { right: 199px; }
	div#content div.titulo2 { left: -51px; bottom: 140px; }
	div#content div.don { left: 439px; bottom: 40px; }
	div#content div#acciones div.ac01 img { width: 330px; }
	div#content div#acciones div.ac01 p.tit { width: 306px; bottom: 240px; }
	div#content div#acciones div.ac01 div.extracto { width: 330px; height: 496px; }
  div.extracto p.tt { font-size: 40px;  }
  div#content div#acciones div.ac01 div.extracto p.d { width: 290px; }
	div#content div#acciones { height: 730px; }
	div#content div#objetivos div.obj1 { margin-top: 80px; width: 30%; padding: 0px 20px; margin-left: 30px;}
	div#rec { width: 1097px; }
	div#rec div.rec1 { width: 325px; margin: 0 20px; }

  div#content div#acciones2 div.ac01 { width: 40%!important; height: 700px; padding: 60px 28px 50px!important; }
  div#content div#acciones2 div.ac01 p { text-align: center; }
  div#content div#acciones2 div.ac01 p.tit { left: 78px; text-align: left; }

	/*--Áreas-*/
	div#content div.marco div.texto { margin: 200px 100px 100px 40px; }
	div#content div.marco div.texto2 { margin: 180px 100px 100px 45px; }	

	/*--Histórico noticias--*/
	div#content.pagnoticias { width: 1050px; }
	div#content.pagnoticias div.nota div.imagennota { width: 330px; }
	div#content.pagnoticias div.nota { margin: 17px; }

	/*---Acerca de--*/
	div#content div.acercade { padding-right: 20px; }
	div#content div#objetivo { width: 758px!important; margin: 30px 24px!important; }
	.popup { margin-left: -100px!important; }

	#section0 div.texto, #section1 div.texto, #section2 div.texto, #section3 div.texto, #section4 div.texto, #section5 div.texto, #section6 div.texto, #section7 div.texto, #section8 div.texto, #section9 div.texto, #section10 div.texto { width: 900px; }

	/*--Dona--*/
	div.donar div.grisg { margin: 175px auto 50px; }
	article.dona { height: 725px; }
	div.donal { padding: 239px 35px; }

	/*--Publicaciones--*/
	div.publicaciones_cemda { width: 1097px; }
	div#publicacionesgral { width: 1097px; }
	div#publicacionesgral div.single { width: 234px; }
	div.titulopubli { width: 800px; }

	 /*--Tren Maya--*/
	 img.tornado { margin: 0px 149px; }
	 .tab-content { width: 620px; overflow: hidden; }
	 .tab-pane img { width: 796px; }
	 div.tren img { left: 110px; }
	 div.tren div.tren3 { left: 800px; }
	 div#luces-left { top: 5390px; }
	 div#luces-right { top: 5390px; left: 747px; }
	 div#abc { padding: 0px 40px; }
	 div.vias svg#circulo { right: 48px; }
	 div.vias img { left: 180px; }
	 div.vias div.vias1 { left: 200px; }
	 div.vias div.vias3 { left: 653px; top: 2067px; }
	 div.vias div.vias2 { top:  2040px; left: 195px; }
	 div.vias div.vias5 { left: 440px; }
	 div.vias svg#arc { margin: 0px 252px; }
	 div.vias svg#arc2 { margin: 0px 58px; }

   /*--Recortes ambientales--*/
   #recortebanner div.titulo_recorte { width: 800px; }
   .recorte2min { width: 650px; }
   .cifra1recorte { width: 254px; }
   #recorte3 { padding: 0px 90px; }
   div.map_area { margin-right: 60px; }
   #recorte11 { width: 1097px; }
   #recorte2 { width: 1097px; }
   div.pesos_hecta { width: 1000px; }
   div.pesos1 { width: 310px; }
   div.pesos2 { width: 220px; }
   #recorte4 { padding: 0px 160px; }
   #recorte6 { padding: 0px 180px; }
   #recorte8 { padding: 0px 160px; }
   #recorte10 { padding: 0px 130px; }
   .recorte11min { width: 650px; }
   #banner2recorte p { padding: 90px 140px; }
   #notas_pie { padding: 0px 70px; }
   div.map2 { width: 1030px; }
   #trioesquema { width: 1070px; }
   #trioesquema img.trio4 { margin: 0px 50px; }
   #trioesquema img.trio5 { margin: 0px 90px 0px 100px; }
   div.trescifra { width: 1022px; }

   div.galmilpa { float: none; width: auto; margin: 0 auto; }

   /*--Micrositio calidad del aire--*/
   .tres-aire-min { justify-content: space-between; }
   .aire-azul-min img { width: 380px; }
   .videos-aire video { width: 450px; height: 260px; }

}
@media (max-width:1024px) { 

	div#content div#objetivo { width: 686px!important; }
	div#content div#noticias, div#content div#objetivos { width: 1024px; }
	div#noticias div.nota { margin: 70px 20px; }
	div#content div#acciones div.ac01 img { width: 300px; }
	div#content div#acciones div.ac01 { width: 28%; height: 450px; }
  div#content div#acciones div.contain { width: 1024px; }
	div#content div#opinion div.opiniones, div#content div#opinion2 div.opiniones { padding: 0 60px; }
	div#content div.titulo2 { width: 1024px; }
	div#rec div.rec1 { margin: 0 10px; }
	div#rec, div#content div#opinion, div#content div#opinion2 { width: 1024px; }
	div#content div#acciones div.ac01 p.tit { width: 280px; font-size: 38px; }
	div#content div#acciones div.ac01 div.extracto { width: 300px; height: 450px; }
  div.extracto p.tt { margin-top: 0px; }
  div#content div#acciones div.ac01 div.extracto p.d { width: 260px; }
  div.extracto p.tt { font-size: 36px; }
	div#content div.titulo2 { left: 0px; }
	div#rec div.rec1 {width: 315px;}
	div#content div#banner div.anima div.conoce { top: 406px; margin-left: 650px; }
  div#content div#banner div.anima div.titulodos { margin-left: 460px; }
   div#content div#banner div.anima div.titulotres { margin-left: 460px; }
	div#header div.container div.desk ul.nav li#donacion { margin-right: 56px; }
	div#header div.container div.desk ul.nav li { padding: 22px 11px; }
	div#content div#banner div.anima div.titulo { margin-left: 420px; }
  div#content div#banner div.anima div.conocedos { margin-left: 660px; }

  div#content div#acciones2 div.ac01 { width: 37%!important; }
  div#content div#acciones2 div.ac01 p.tit { left: 56px; }

	/*--Publicaciones--*/
	div.publicaciones_cemda { width: 1024px; }
	div#publicacionesgral { width: 822px; }
	div.biblio { width: 820px; }

	/*--Tren Maya--*/
	div#abc { padding: 0px 6px; }
	div#luces-left { left: 0px; }
	div.luces1 { margin-left: 90px; }
	div.tren div.tren1, div.tren div.tren2 { left: 30px; }
	div.tren div.tren3 { left: 760px; }
	div.vias svg#circulo { right: 15px; }
	div.vias img { left: 117px; }
	div.vias div.vias3 { left: 597px; }
	div.vias div.vias4 { top: 2180px; left: 490px; }
	div.vias div.vias5 { left: 400px; }
	div#luces-right { left: 680px; }
	img.tornado { margin: 0px 112px; }
	div.luces1r { margin-left: -4px; }
	div.vias svg#arc { margin: 0px 212px; }
	div.vias svg#arc2 { margin: 0px 212px; }

  /*--Recortes ambientales--*/
  .recorte2min { margin: 0px 12px; }
  .cifra1recorte { width: 230px; }
  div.map2 { width: 1000px; }
  div.map_area img.map_a { width: 660px; height: auto; }
  #recorte8 { padding: 0px 130px; }
  #trioesquema { width: 990px; }
  #trioesquema img.trio4 { margin: 0px 12px; }
  #trioesquema img.trio5 { margin: 0px 90px 0px 140px; }
  #recorte11 { width: 1024px; }
  #recorte2 { width: 1024px; }
  .recorte11min { margin: 0px 12px; }
  #recorte12 { padding: 0px 120px; }
  #banner2recorte p { padding: 90px 100px; }
  div.trescifra { width: 950px; }

  /*--Microsiotio calidad del aire--*/
  .tres-aire-min .f-fijas img { width: 240px; }

 }


@media (max-width:900px) {
	/*--Header--*/
	div#header div.container { width: 1180px; padding: 5px 0; }
	.menumovilboton { display: block; text-align: center; font-size: 1.8rem; margin-left: 310px; width: 200px; float: left; position: relative; top: -130px;  }
	.mm-menu { background: #028b46!important; }
	.btn-3 { display: none; }
	div#header div.container div.desk ul.nav li.logocemda { margin-left: 197px; margin-right: 16px; }
	div#header div.container div.desk ul.nav li#donacion { margin-right: 480px; }
	div.search { width: 800px; }
	div#header div.container div.desk ul.nav li#donacion { padding: 40px 15px 18px 15px; margin-right: 430px; }
	li#buscador { position: absolute; margin: 2px -961px 40px 673px;  }
	div#header div.container div.desk ul.nav li { display: none; }
	div#header div.container div.desk ul.nav li.logocemda, div#header div.container div.desk ul.nav li#buscador, div#header div.container div.desk ul.nav li#donacion { display: inherit; }
	div#header div.container div.desk ul.nav li#buscador {  float: left!important; margin-left: 500px; margin-top: -22px; }
	
	/*--Home--*/
	div#content div#noticias, div#content div#objetivos, div#content div#opinion, div#content div#opinion2 { width: 900px; }
	div#noticias div.nota { width: 400px; }
	div#content div#noticias div.imagennota { width: 427px; }
	div#content div#acciones div.ac01 p.tit { width: 270px; }
	div#content div#acciones div.ac01 img { width: 290px; }
	div#content div#acciones div.ac01 { margin: 100px 0px 60px 0px; width: 26%; margin-left: 10px; }
	div#content div#acciones div.ac1 { right: 312px; }
	div#content div#acciones div.ac01 div.extracto { width: 300px; margin-left: 0px; }
	div#content div#acciones div.ac01 div.extracto p.d { width: 290px; }
	div#content div#objetivos div.obj1 { margin-left: 20px; }
	div#content div#objetivos div.ac2 { right: 100px; }
	div#content div#opinion div.opiniones, div#content div#opinion2 div.opiniones { padding: 0 36px; }
	div#content div#banner div.anima div.titulo { width: 480px; }
	div#content div#banner div.anima div.conoce { top: 400px; margin-left: 590px; }
  div#content div#banner div.anima div.conocedos { margin-left: 550px; top: 406px; }
  div#content div#banner div.anima div.titulodos { margin-left: 370px; font-size: 62px; }
  div#content div#banner div.anima div.titulotres { margin-left: 370px; font-size: 62px; }
	div#content div.titulo2 { width: 800px; font-size: 70px; left: 50px; }
	div#content div.don { left: 340px; }
	div#rec { width: 900px; }
	div#rec div.rec1 { width: 410px; }

  div#content div#acciones div.ac01 img { width: 290px; }
  div#content div#acciones div.ac01 { width: 42%; height: 440px; margin: 100px 0px 0px 0px;margin-left: 60px; }
  div#content div#acciones { height: 1170px; }
  div#content div#acciones div.contain { width: 800px; }
  div#content div#acciones div.ac01 div.extracto { width: 290px; height: 432px; }
  div#content div#acciones div.ac01 div.extracto p.d { width: 234px; margin-top: 26px; }

  div#content div#acciones2 div.contain { width: 100%; }
  div#content div#acciones2 div.ac01 { width: 49%!important; }
  div#content div#acciones2 div.ac01 p.tit { left: 24px; }
  article.accgene { padding-top: 170px; }

	/*--Acciones Noticia-*/
	div#content article.solo { width: 800px; }

	/*--Áreas -*/
	div#content div.marco div.texto { width: 800px; }
	div#content div.marco div.texto2 { width: 800px; }
		#section0 div.texto, #section1 div.texto, #section2 div.texto, #section3 div.texto, #section4 div.texto, #section5 div.texto, #section6 div.texto, #section7 div.texto, #section8 div.texto, #section9 div.texto, #section10 div.texto { width: 700px;}

	/*--Histórico noticias--*/
	div#content.pagnoticias div.nota div.imagennota { width: 370px; }
	div#content.pagnoticias { width: 800px; }
	div#content.pagnoticias div.nota { width: 45%; }
	div#content.pagnoticias { margin-top: 90px!important; }

	/*--Footer-*/
	div#footer div.container div#blanco { display: none; }
	div#footer div.container div#datos, div#footer div.container div#formulario { width: 50%; }
	div#footer div.container div#datos { padding: 200px 85px; }

	/*---Acerca de CEMDA--*/
	div#content div.acercade ul li{ display: inline-block; line-height: 0px; padding-right: 56px; }
	div#content div.acercade { width: 900px; }
	div#content div#objetivo { width: 840px!important; }
	.popup { margin-left: -40px!important; width: 108%; }

	/*---Dona--*/
	div.donar, div.donal { width: 100%; }
	div.donal { padding: 150px 35px 0px 35px; }
	div.donar div.grisg { margin: 110px auto 50px; }
	article.dona { height: 1000px; }

	/*--Publicaciones--*/
	div.publicaciones_cemda { width: 900px; }

	/*--Tren Maya--*/
	div.tren img { width: 650px; }
	div.tren div.tren1 { top: -50px; }
	div.tren div.tren2 { top: 220px; }
	div.tren div.tren3 { left: 660px; }
	img.tornado { margin: 0px 50px; }
	.tab-content { width: 498px; }
	div#comunidades div.comu { width: 740px; }
	div.vias svg#circulo { display: none; }
	div.vias svg#arc { display:  none;}
	div.vias svg#arc2 { display: none; }
	div.vias img { left: 70px; }
	div.vias div.vias1 { left: 50px; top: 1710px; }
	div.vias div.vias2 { top: 1950px; left: 90px; }
	div.vias div.vias3 { left: 490px; top: 2108px; }
	div.vias div.vias4 { top: 2260px; left: 360px; }
	div.vias div.vias5 { left: 330px; margin-top: 250px; }
	div.line { margin-top: 320px!important; }
	div#luces-right { left: 556px; }

  /*--Recortes ambientales--*/
  #recorte11 { width: 900px; }
  #recorte2 { width: 900px; }
  #recortebanner div.titulo_recorte { margin: 0px 50px 0px; }
  #recorte1 { width: 780px; }
  .recorte2min { width: 530px; }
  .recorte2linea { margin: 120px 0px; }
  .cifra1recortebis { width: 253px; }
  .cifra1recorte { width: 205px; }
  p.pres { font-size: 30px; }
  #recorte3 { padding: 0px 50px; }
  div.map2 { width: 830px; }
  div.map_area img.map_a { width: 580px; }
  div.pesos_hecta { width: 830px; }
  div.pesos1 { margin: 140px 50px 140px 0px; }
  div.map_area { margin-right: 0px; }
  div.pesos2 { width: 140px; }
  #recorte4 { padding: 0px 90px; }
  #recorte6 { padding: 0px 100px; }
  #recorte10 { padding: 0px 120px; }
  .recorte11min { width: 530px; }
  #tablarecorte img { width: 800px; margin: 0px auto; }
  #banner2recorte p { padding: 90px 40px; }
  #trioesquema { width: 790px; }
  #tablarecorte { width: 800px; }
  #trioesquema img.trio5 { margin: 0px 0px; }
  #trioesquema img.trio2 { width: 600px; }
  #trioesquema img.trio4 { margin: 0px 12px 0px 0px; }
  #trioesquema img.trio5 { margin: 0px 10px 0px 42px; }
  div.trescifra { width: 870px; }
  #banner1cifras { padding: 34px 0px; }
  div.graf { width: 470px; }

  div.newactions h3 { width: 370px; }
  div.bolet2 { width: 580px; }
  div.boletano { width: 80%; }
  div.lefti2 { width: 326px; }
  div.lefti2bis { width: 261px; }

  div.galeriamilpa { float: none!important; }

  /*--Microsiotio calidad del aire--*/
  .tres-aire-min .f-fijas img { float: none; }
  .aire-azul-min img { width: 330px; }
  .cuatro-aire-min { flex-direction: column; }
  .videos-aire video { width: 380px; height: 220px; }
  .calidad_aire article .titulo-aire { width: 650px; }


}

@media (max-width:800px) {
	/*--Header--*/
	div#header div.container div.desk ul.nav li.logocemda { margin-left: 70px; }
	div#header div.container div.desk ul.nav li#donacion { margin-right: 470px; }
	div.search { width: 600px; }
	div#header div.container div.desk ul.nav li#buscador {margin-left: 450px;}
	.menumovilboton { margin-left: 216px; top: -134px; }

	/*--Home--*/
	div#content div#noticias, div#content div#objetivos, div#content div#opinion, div#content div#opinion2 { width: 800px; }
	div#content div.titulo2 { width: 700px; }
	div#content div#objetivos div.obj1 { width: 46%; }
	div#content div#objetivos div.obj1 h2 { padding: 0px 0px!important; }
	div#noticias div.nota { margin: 70px 25px; width: 350px; }
	div#content div#banner div.anima div.titulo { top: 170px; width: 700px; font-size: 67px; margin-left: 230px;}
	div#content div#banner div.anima div.conoce { top: 350px; margin-left: 508px; }
	div#content div#acciones div.ac1 { right: 262px; }
	div#content div#objetivos div.ac2 { right: 50px; }
	div#content div#opinion div.opiniones, div#content div#opinion2 div.opiniones { padding: 0 20px; }
	div#content div#acciones div.ac01 img { width: 290px; }
	div#content div#acciones div.ac01 { width: 42%; margin: 100px 0px 0px 0px;margin-left: 60px; }
	div#content div#acciones { height: 1170px; }
	div#content div#acciones div.contain { width: 800px; }
	div#content div#acciones div.ac01 div.extracto { width: 290px; }
	div#content div#acciones div.ac01 div.extracto p.d { width: 250px; margin-top: 26px; }
	div#content div.don { left: 290px; }
	div#rec { width: 800px; }
	div#rec div.rec1 { width: 500px; height: 270px; margin: 0 160px; }
  div#content div#noticias div.imagennota { width: 355px; }
  div#content div#banner div.anima div.titulodos { width: 480px; margin-left: 270px; font-size: 54px; }
  div#content div#banner div.anima div.titulotres { width: 480px; margin-left: 270px; font-size: 54px; }
  div#content div#banner div.anima div.conocedos { margin-left: 450px; top: 340px; }

  div#content div#acciones2 div.ac01 { width: 100%!important; height: 650px; }
  div#content div#acciones2 div.ac01 p.tit { left: 200px; }
  div#content div#acciones2 div.ac01 div.extracto { margin-left: 146px; }

	/*--Noticia-Acciones-*/
	div#content article.solo { width: 700px; }

	/*--Histórico noticias--*/
	div#content.pagnoticias { width: 700px; }
	div#content.pagnoticias div.nota div.imagennota { width: 330px; }
	div#content.pagnoticias div.nota { height: 500px; }

	/*--Áreas -*/
	div#content div.marco div.texto { width: 700px; margin: 130px 100px 100px 40px; }
	div#content div.marco div.texto2 { width: 700px; margin: 115px 100px 100px 45px; }

	/*--Acerca de CEMDA-*/
	div#content div.acercade { width: 800px; padding-right: 0px; padding-left: 0px; margin-top: -70px; }
	div#content div#objetivo { width: 750px!important; margin: -30px 24px!important; }
	div#content div.acercade ul li { padding-right: 40px; }
	div#cemda4 img { width: 700px; height: auto; }
	nav.oficinas { display: block; width: 709px; }
	nav.oficinas ul { text-align: center; }
	nav.oficinas ul li { display: inline-block; background-color: #158545; color: #fffffF; padding: 0px 10px; margin-top: 5px;  }

	/*--Publicaciones--*/
	div.publicaciones_cemda { width: 800px; }
	div.biblio { width: 550px; }
	div#publicacionesgral { width: 550px; }
	div.titulopubli { width: 690px; }

	/*--Tren Maya--*/
	div#mayabanner div.sub-maya h1 { width: 600px; margin: 0px auto; }
	div.tren img { left: 53px; }
	div.tren div.tren3 { left: 550px; }
	div.vias img { left: 30px; }
	div.vias div.vias3 { left: 408px; }
	div.vias div.vias5 { left: 280px; }
	div#mapa_p img { width: 690px; }
	div#mapa_p div { width: 690px; }
	.xa-default li a { height: 200px; }
	.nave { width: 230px; }
	.tab-content { width: 448px; }
	.tab-pane img { width: 898px; }
	.xa-default li a { padding: 3px 15px; }
	img.tornado { width: 680px;  margin: 0px 60px; }
	div#luces-right { left: 458px; top: 5210px; }
	div#luces-left { top: 5210px; }
	div.luces1 { margin-left: 28px; }
	div.luces3 { margin-left: 34px; }

  /*--Recortes ambientales--*/
  #recorte11 { width: 800px; }
  #recorte2 { width: 800px; }
  #recortebanner div.titulo_recorte { width: 600px; }
  #recorte1 { width: 720px; }
  .recorte2min { width: 430px; }
  .recorte2linea { margin: 150px 0px; }
  div.map2 { width: 780px; }
  div.pesos_hecta { width: 700px; }
  #tablarecorte { width: 730px; }
  #tablarecorte img { width: 730px; }
  #recorte5 { padding: 0px 0px; }
  #recorte5 svg { width: 620px; }
  #recorte5 p { padding: 0px 10px; }
  p.pres { font-size: 22px; }
  .cifra1recorte { font-size: 22px; }
  .cifra1recorte { width: 172px; }
  .cifra1recortebis { font-size: 22px; }
  .cifra1recortebis p { margin-bottom: -1px; }
  div.map_area img.map_a { width: 520px; }
  div.pesos1 { width: 100%; margin: 0px; }
  #recorte9 { width: 750px; }
  div.recorte9-1 { width: 300px; }
  .recorte11min { width: 426px; }
  .recorte11linea { margin: 125px 0px; }
  #banner2recorte p { padding: 62px 30px; }
  div#asociaciones { width: 600px; }
  #banner1cifras { padding: 34px 0px; }
  div.trescifra { width: 770px; }
  div.graf { width: 100%; margin: 0 auto; overflow: hidden; padding: 0px 90px; }

  div.bolet2 { width: 480px; }
  div.lefti { width: 320px; margin: 81px auto; }
  div.info_meta { width: 450px; }
  div.lefti2 { width: 690px; }

  /*--Micrositio calidad del aire--*/
  .calidad_aire article .titulo-aire { width: fit-content; }
  .dos-aire-min { flex-direction: column; }
  .dos-aire-min div { text-align: center; }
  .dos-aire-min .left-aire { text-align: left!important; margin-left: 0px; }
  .cuatro-aire-min { flex-direction: column; }
  .cuatro-aire-min .textomincuatro { margin-right: 0px; margin-bottom: 20px; text-align: left; }
  .cuatro-aire-min div { text-align: center; }
  .aire-azul-min { flex-direction: column; }
  .aire-azul { padding: 50px 90px; }
  .aire-azul-min img { margin: 30px 140px; }
  .cinco-borde { width: 100%; }
  .videos-aire { flex-direction: column; }
  .videos-aire video { width: 460px; height: 260px; margin: 30px auto; }

}


@media (max-width:600px) {
	html { margin-top: 0px!important; }
	/*--Header--*/
	div#header div.container { width: 1075px; }
	div#header div.container div.desk ul.nav li.logocemda { margin-left: 10px; margin-top: -28px; }
	div.search { width: 450px; }
	div#header div.container div.desk ul.nav li#donacion { margin-right: 520px; }
	div#header div.container div.desk ul.nav li#buscador { margin-left: 310px; }
	.menumovilboton { margin-left: 125px; }

	/*--Home--*/
	div#content div#noticias, div#content div#objetivos, div#content div#opinion, div#content div#opinion2 { width: 600px; }
	div#noticias div.nota { width: 560px; margin: 70px 15px 290px 15px; }
	div#content div#acciones div.ac01 { width: 50%; margin-left: 160px;}
  div#content div#acciones div.contain { width: 600px; }
	div#content div#acciones { height: 1790px; }
	div#content div#objetivos div.obj1 { width: 100%; margin-left: 0px; margin-top: 30px; }
	div#content div.titulo2 { width: 500px; font-size: 49px;}
	div#content div.don { font-size: 30px; width: 130px; left: 235px; bottom: 24px;}
	div#content div.titulo2 { bottom: 95px; }
	div#content div#opinion div.opiniones, div#content div#opinion2 div.opiniones { padding: 0 35px; }
	div#content div#objetivos div.ac2 { width: 500px; }
	div#content div#banner div.anima div.titulo span { font-size: 65px; }
	div#content div#banner div.anima div.titulo { font-size: 50px; top: 150px; width: 490px; margin-left: 190px; }
  div#content div#banner div.anima div.titulodos { font-size: 48px; margin-left: 74px; }
  div#content div#banner div.anima div.titulotres { font-size: 48px; margin-left: 74px; }
	div#content div#noticias div.imagennota { width: 562px; left: -11%; bottom: 50%; }
	div#content div#banner div.anima div.conoce { top: 274px; margin-left: 360px;  }
  div#content div#banner div.anima div.conocedos { top: 280px; margin-left: 230px; }
	div#content div#acciones div.ac1 { right: 162px; }
	div#content div#objetivos div.obj1 img { margin-top: 80px; }
	div#content div#bannerbajo img { width: 180%; }
	div#content div.titulo2 { bottom: 150px; font-size: 40px; width: 450px; left:0px; }
	div#content div.don { left: 160px; bottom: 56px; }
	div#rec { width: 600px; }
	div#rec div.rec1 { margin: 0 50px; }
		#section0 div.texto, #section1 div.texto, #section2 div.texto, #section3 div.texto, #section4 div.texto, #section5 div.texto, #section6 div.texto, #section7 div.texto, #section8 div.texto, #section9 div.texto, #section10 div.texto { width: 500px; transform:translateY(-43%)translateX(10%); } 

  div#content div#acciones2 div.ac01 p.tit { left: 104px; }
  div#content div#acciones2 div.ac01 div.extracto { margin-left: 46px; }

	/*--Noticia-*/
	div#content article.solo { width: 500px; }

	/*--Áreas -*/
	div#content div.marco div.texto { width: 500px; margin: 110px 100px 100px 40px; font-size: 17px; }
	div#content div.marco div.texto2 { width: 500px; margin: 130px 100px 100px 45px; font-size: 17px; }
	div#content div.marco div.texto h1 { font-size: 50px; }

	/*--Histórico noticias--*/
	div#content.pagnoticias { width: 600px; margin-top: 0px; }
	div#content.pagnoticias div.nota { width: 98%; margin: 17px 12px; height: 440px; }
	div#content.pagnoticias div.nota div.imagennota { width: 560px; }

	/*--Footer-*/
	div#footer div.container div#datos, div#footer div.container div#formulario { width: 100%; }
	div#footer div.container div#datos { padding: 40px 60px;  }
	div#footer { height: 1050px; }

	/*--Acerca de CEMDA--***/
		div#content div.acercade { width: 600px; padding: 0px; }
		div#content div#objetivo { width: 550px!important; }
		div.tit { width: 600px; }
		div#cemda4 img { width: 550px; margin-bottom: 500px; }
		nav.oficinas { width: 511px; }
		div#content div.acercade ul li { padding-right: 16px; }
		div#content div.acercade ul { text-align: center;  }
		/*--div#popup3 div.popup { margin-top: -190px; }
		div#popup1 div.popup { margin-top: -250px; }
		div#popup2 div.popup { margin-top: -280px; }--*/
		div.popup { margin-left: -23px!important; }

	/*--Publicaciones--*/
	div.publicaciones_cemda { width: 600px; }
	div.titulopubli { width: 600px; }

	/*--Tren Maya--*/
	div#mayabanner div.titulo_maya { width: 498px; }
	div.tren img { width: 490px; top: -28px; left: 30px; }
	div.tren div.tren3 { left: 360px; }
	div.vias img { left: -150px; }
	div.vias div.vias1 { left: 24px; top: 1640px; }
	div.vias div.vias2 { top: 1850px; left: 30px; }
	div.vias div.vias3 { left: 220px; }
	div.vias div.vias4 { left: 170px; }
	div.vias div.vias5 { left: 174px; }
	div#mapa_p img { width: 530px; }
	div#mapa_p div { width: 530px; }
	div#abc h1 { width: 470px; }
	ul#abc { float: none; width: 600px; height: auto; }
	ul#abc > li { float: left; width: 200px;right: 58px; position: relative; }
	.nav-tabs > li { float: left; }
	.nave { float: none; height: auto; display: flex;width: 600px; }
	div#abc { height: 1315px; padding: 0px 0px; }
	.tab-content { width: 600px; }
	.xa-default li a { height: 220px; }
	ul#abc li p { margin: 0px 0px!important; }
	div#comunidades div.comu { width: 540px; padding: 380px 0px 150px; }
	img.tornado { width: 490px; margin: 0 56px; opacity: 0.4;}
	div#luces-right { left: 250px; top: 5600px; }
	div#luces-left { top: 5596px; }
	div#luces h1 { width: 530px; }

  /*--Recortes ambientales--*/
  #recorte11 { width: 600px; }
  #recorte2 { width: 600px; }
  #recortebanner div.titulo_recorte { width: 520px; }
  #recortebanner div.titulo_recorte p { font-size: 60px; }
  #recorte1 { width: 520px; }
  .recorte2linea { width: 100%; margin: 30px 0px; text-align: center; }
  .recorte2min { width: 500px; margin: 0px 50px; }
  #banner1cifras { height: 1200px; padding: 40px 40px; }
  .cifra1recorte { width: 100%; float: none; font-size: 24px; }
  .cifra1recortebis { width: 100%; float: none; font-size: 24px; }
  p.pres { font-size: 50px; margin: 40px 0px; }
  div.map2 { width: 570px; }
  div.map_area img.map_a { width: 100%; float: none; }
  div.pesos_hecta { width: 530px; }
  img.ani1 { width: 550px; }
  #trioesquema { width: 500px; }
  #trioesquema img.trio2 { display: none; }
  #trioesquema img.trio1 { margin-left: 0px; }
  #trioesquema img.trio4 { float: none; margin: 20px 0px 20px 0px; }
  #trioesquema img.trio5 { float: none; margin: 0px 15px 20px; }
  #trioesquema img.trio6 { float: none; }
  #recorte8 { padding: 0px 50px; }
  #tablarecorte { width: 590px; }
  #tablarecorte img { width: 590px; }
  #banner2recorte p { font-size: 35px; padding: 80px 30px; }
  #recorte12, #recorte10 { padding: 0px 50px; }
  #recorte3 { font-size: 30px; }
  .recorte11linea { width: 100%; margin: 30px 0px; text-align: center; }
  .recorte11min { width: 500px; margin: 0px 50px; }
  div.recorte9-1 { float: left; width: 250px; }
  div.recorte9-2 { float: left; margin: 50px 0px; width: 320px; }
  #recorte5 svg { width: 607px; transform: scale(0.75); margin-left: 6px; margin-top: -13px; }
  #recorte7 { width: 580px; }
  img.ani2 { width: 570px; }
  #recorte7 svg { margin-left: 100px;  }
  #recorte5 { width: 580px; }
  #recorte6 { padding: 0px 40px; }
  div.graf { padding: 0px 25px; }
  #recorte9 { width: 580px; }
  div.trescifra { width: 520px; }

  div.newactions h3 { width: 500px; margin-right: 0px; }
  div.bolet { width: 310px; margin-top: 50px; }

  div.lefti2 { width: 530px; }
  div.lefti { width: 270px; margin: 70px auto; }

  /*--Micrositio calidad del aire--*/
  .calidad_aire .banner-aire { height: 500px; }
  .uno-aire-min { flex-direction: column; }
  .aire-azul-min img { margin: 30px 40px; }
  .tres-aire-min { flex-direction: column; }
  .tres-aire-min .f-fijas { width: 100%; text-align: center; }
  .tres-aire-min .f-moviles { width: 100%; text-align: center; }
  .uno-aire-min .left-aire { margin-left: 0px; text-align: left; }
  .uno-aire-min div { text-align: center; }
  .tres-aire-min .f-fijas p { text-align: left; }
  .tres-aire-min .f-moviles img { float: none; }
  .tres-aire-min .f-moviles p { text-align: left; }
  .aire-azul { padding: 50px 60px; }
  .aire-azul-min img { margin: 30px 60px; }
  .donacionescifras div { margin: 0px 6px; }

}


@media (max-width:450px) {
	/*--Header--*/ 
	div#header div.container { width: 960px; }
	div#header div.container div.desk ul.nav li.logocemda { margin-left: 50px; margin-right: -26px; margin-top: -36px; }
	div#header div.container div.desk ul.nav li#donacion {     padding: 15px 15px 18px 15px; }
	.menumovilboton { font-size: 1.4rem; top: -110px; margin-left: 60px; }
	div#header div.container div.desk ul.nav li.logocemda img { width: 70px; }
	div.search { width: 400px; }
	div#header div.container div.desk ul.nav li.logocemda { margin-left: 8px; }
	div#header div.container div.desk ul.nav li#buscador { margin-left: 214px; margin-top: -45px; }

	/*--Home--*/
	div#content div#noticias, div#content div#objetivos, div#content div#opinion, div#content div#opinion2 { width: 450px; }
	div#noticias div.nota { width: 420px; }
	div#content div#noticias div.imagennota { width: 420px; left: -16%; }
	div#content div#acciones div.ac1 { right: 87px; }
	div#content div#acciones div.ac01 { width: 45%; margin-left: 80px; }
  div#content div#acciones div.contain { width: 450px; }
	div#content div#objetivos div.ac2 { width: 450px; right: 0px; }
	div#content div#opinion div.opiniones, div#content div#opinion2 div.opiniones { padding: 0 111px; }
	div#content div#objetivos div.obj1 img { margin-top: 80px; }
	div#banner div.anima { overflow: hidden; }
	div#banner div.anima img { width: 729px; }
	div#content div#banner div.anima div.titulo { width: 430px; margin-left: 80px; }
	div#content div#banner div.anima div.conoce { top: 310px; margin-left: 221px; }
	div#rec { width: 450px; }
	div#rec div.rec1 { margin: 0 50px; width: 350px; }

  div#content div#acciones2 div.ac01 div.extracto { margin-left: 0px; }
  div#content div#acciones2 div.ac01 p.tit { left: 30px; }

	/*--Noticia-*/
	div#content article.solo { width: 400px; }

	/*--Áreas -*/
	div#content div.marco div.texto { width: 400px; margin: 50px 90px 90px 30px; }
	div#content div.marco div.texto2 { width: 400px; margin: 84px 100px 100px 23px;font-size: 16px;}
	div#content div.marco div.texto h1 { font-size: 40px; }

	/*--Histórico noticias--*/
	div#content.pagnoticias { width: 430px;  }
	div#content.pagnoticias div.nota div.imagennota { width: 400px; }

	/*--Acerca de CEMDA--***/
	div#content div.acercade { width: 450px; padding: 0px; }
	div#content div#objetivo { width: 400px!important; }
	div.tit { width: 450px; }

	/*--Acerca de CEMDA--***/
	div#content div.acercade ul { padding-left: 22px; width: 450px;  }
	div#content div.acercade ul li { padding-right: 27px; line-height: 20px; }
	div#content div#objetivo { margin: 0px 24px!important; }
	nav.oficinas { width: 370px; }
	div#cemda4 img { width: 400px;  margin-bottom: 800px; }

	#section0 div.texto, #section1 div.texto, #section2 div.texto, #section3 div.texto, #section4 div.texto, #section5 div.texto, #section6 div.texto { width: 400px; }
	#section0 div.texto h1, #section1 div.texto h1, #section2 div.texto h1, #section3 div.texto h1, #section4 div.texto h1, #section5 div.texto h1, #section6 div.texto h1, #section7 div.texto h1, #section8 div.texto h1, #section9 div.texto h1, #section10 div.texto h1 { font-size: 40px; }
	#section0 div.texto p, #section1 div.texto p, #section2 div.texto p, #section3 div.texto p, #section4 div.texto p, #section5 div.texto p, #section6 div.texto p, #section7 div.texto p, #section8 div.texto p, #section9 div.texto p, #section10 div.texto p { font-size: 16px; }

	/*--Dona--*/
	div.donar div.grisg { width: 450px; }
	span.gris { margin: 0px 79px; }
	div.donarlittle { padding: 0px 20px 5px 20px; }
	article.dona { height: 1051px; }

	/*--Publicaciones--*/
	div.publicaciones_cemda { width: 450px; }
	div.titulopubli { width: 450px; }
	div.biblio { width: 280px; }
	div#publicacionesgral { width: 272px; }

	/*--Tren Maya--*/
	div#mayabanner div.titulo_maya { width: 430px; }
	div#mayabanner div.titulo_maya p { font-size: 60px; }
	div#mayabanner div.sub-maya h1 { font-size: 40px; width: 430px; }
	div.tren img { width: 390px; }
	div.tren div.tren3 { left: 228px; }
	div.vias img { width: 690px; }
	div.vias img { left: -238px; }
	div.vias div.vias3 { left: 80px; }
	div.vias div.vias4 { left: 50px; }
	div.vias div.vias5 { left: 102px; }
	div#mapa_p div { width: 390px; }
	div#mapa_p img { width: 390px; }
	div#abc h1 { width: 400px; }
	ul#abc { display: none; }
	.nave { display: contents; }
	.xa-default li a { height: 120px; }
	.tab-content { width: 450px; }
	div#luces h1 { width: 370px; }
	img.tornado { display: none; }
	div#luces-left { top: 0px; position: relative; float: none; }
	div#luces-right { position: relative; top: 0px; float: none; left: 0px; padding-bottom: 50px; }
	div.luces1 { width: 370px; }
	div.luces2 { width: 350px; }
	div.luces4 { width: 335px; margin-left: 90px; }
	div.luces1r { margin-left: 80px; }
	div.luces3r { margin-left: 50px; }
	div.luces4r { width: 370px; }
	div#comunidades div.comu { width: 430px; padding: 130px 0px 130px; }

  /*--Recortes ambientales--*/
  #recorte11 { width: 450px; }
  #recorte2 { width: 450px; }
  #recortebanner div.titulo_recorte { width: 340px; }
  #recorte1 { width: 400px; }
  .recorte2min { width: 390px; margin: 0px 30px; }
  #banner1cifras .recorte { font-size: 40px; }
  #banner1cifras { height: 1130px; }
  #recorte3 { padding: 0px 40px; margin: 60px auto; }
  p.mapa1 { margin-left: 10px; }
  div.map2 { width: 440px; }
  div.pesos1 { width: 400px; margin: 60px 25px 0px 25px; }
  div.pesos2 { margin-top: 104px; margin-bottom: 0px; width: 80px; text-align: center; }
  #recorte4 { padding: 0px 35px; }
  img.ani1 { width: 440px; }
  #recorte6 { padding: 0px 20px; }
  img.ani2 { width: 440px; }
  #recorte7 svg { margin-left: 20px; transform: scale(0.7); margin-top: -5px; }
  #trioesquema { width: 440px; }
  #trioesquema img.trio1 { width: 410px; }
  div.recorte9-2 { margin: 0px 0px 30px; width: 270px; }
  .recorte11min { width: 350px; }
  #tablarecorte img { width: 390px; }
  #tablarecorte { width: 390px }
  #recorte5 svg { width: 607px; transform: scale(0.67); margin-left: -70px; margin-top: -34px; }
  div.pesos_hecta { width: 440px; }
  div.pesos3 { margin: 0px 10px; width: 280px;  }
  #banner2recorte p { padding: 35px 30px; }
  #notas_pie { margin-top: 40px; padding: 0px 30px; }
  div#asociaciones { width: 300px; }
  #recorte9 { width: 450px; }
  #recorte7 { width: 450px; }
  #recorte5 { width: 450px; }
  div.recorte9-1 { font-size: 22px; width: 170px; }
  div.recorte9-1 p { line-height: 50px; }
  #recorte10 { padding: 0px 30px; font-size: 28px; margin: 60px auto; }
  #recorte11 { font-size: 32px; }
  div.trescifra { width: 370px; }

  div.newactions h3 { width: 390px; }
  div.bolet2 { width: 390px; }
  div.lefti2 { width: 380px; }
  div.lefti2bis { width: 400px; }
  div.info_meta { width: 400px; }

  article.solo img { width: -webkit-fill-available; }

  /*--Micrositio calidad del aire--*/
  .aire-azul-min img { margin: 30px 0px; width: 100%; }
  .cuatro-aire-min div img { width: 100%; } 
  .videos-aire video { width: 350px; height: 206px; }
  .donacionescifras p { font-size: 21px; }
  .donacionescifras div { width: 75px; height: 75px; }

	}

@media (max-width:425px) { 
div#content div#noticias, div#content div#objetivos, div#content div#opinion, div#content div#opinion2 { width: 425px; }
div#content div.titulo2 { width: 370px; }
div#rec { width: 425px; }
div#noticias div.nota { width: 425px; margin: 70px 0px 290px 0px; }
div#content div#noticias div.imagennota { bottom: 17%; }
div#content div#acciones div.ac01 { margin-left: 70px; }
div#content div#acciones div.contain { width: 425px; }
div#header div.container { width: 950px;}
div#content div#acciones { margin-top: 170px; }
div#content div#objetivos { margin: 100px auto 0px; }
div#content div#banner div.anima div.titulodos { margin-left: 70px; width: 290px; font-size: 42px; }
div#content div#banner div.anima div.titulotres { margin-left: 70px; width: 290px; font-size: 42px; }
div#content div#banner div.anima div.conocedos { top: 328px; margin-left: 140px; }

div#content div#acciones2 div.ac01 div.extracto { margin-left: -18px; }
div#content div#acciones2 div.ac01 p.tit { left: 16px; }

	/*--Dona--*/
	div.donar div.grisg { width: 425px; }
	span.gris { margin: 0px 66px; }
	div.donarlittle { padding: 0px 10px 5px 10px; }

		/*--Publicaciones--*/
	div.publicaciones_cemda { width: 425px; }
	div.titulopubli { width: 425px; }

	.gallery-item { float: none!important; margin: 10px auto; }
	div.wp-caption { width: 300px!important; }

	/*--Tren maya--*/
	div#mayabanner div.titulo_maya { width: 390px; }
	div#mayabanner div.sub-maya h1 { width: 342px; }
	div.tren img { left: -60px; }
	div.tren div.tren3 { left: 190px; }
	div.vias img { left: -266px; top: 1820px; }
	div.vias div.vias3 { left: 60px; }
	div.vias div.vias5 { left: 86px; }
	.tab-content { width: 425px; }
	div#comunidades div.comu { font-size: 30px; width: 400px; }

  /*--Recortes ambientales--*/
  #recorte11 { width: 425px; }
  #recorte2 { width: 425px; }
  div.map2 { width: 420px; }
  div.pesos_hecta { width: 420px; }
  .recorte2min { margin: 0px 18px; font-size: 27px; }
  div.pesos1 { width: 375px; }
  img.ani1 { width: 400px; }
  #recorte5 svg { margin-top: -37px; margin-left: -82px; transform: scale(0.6); }
  img.ani2 { width: 416px; }
  div.recorte9-2 { width: 276px; }
  #trioesquema { width: 400px; }
  #banner2recorte p { font-size: 30px; }
  .stats__bar { height: 260px; }
  .recorte9-2 .stats__bar { height: 260px; }
  div.graf { padding: 0px 20px; }
  div.pesos2 { margin-top: 35px; font-size: 16px; }
  #recorte5 { width: 425px; }
  #recorte7 { width: 425px; }
  #recorte8 { padding: 0px 10px; }
  #recorte9 { width: 420px; }
  div.recorte9-1 { width: 140px; font-size: 18px; }
  div.recorte9-1 p { line-height: 28px; }
  .recorte11min { margin: 0px 38px; }
  div.trescifra { width: 344px; }

  /*--Micrositio calidad del aire--*/
  .aire-azul { padding: 50px 30px; }


}

@media (max-width:400px) {

	/*--Tren maya--*/
	div.tren div.tren3 { left: 160px; }
	div.vias img { left: -290px; }
	div.vias div.vias3 { left: 35px; top: 2130px; }
	div.vias div.vias4 { left: 14px; }
	div.vias div.vias5 { left: 76px; }
	.tab-content { width: 400px; }
	div.luces2 { margin-left: 33px; width: 330px;}
	div.luces1 { margin-top: 50px; width: 350px; }
	div.luces4 { margin-left: 33px; }
	div.luces1r { margin-left: 40px; }
	div.luces2r { width: 290px; }
	div.luces4r { width: 340px; }
	div#comunidades div.comu { width: 360px; }

 div#content div#noticias, div#content div#objetivos, div#content div#opinion, div#content div#opinion2 { width: 375px; }
  div#noticias div.nota { width: 350px; }
  div#content div#noticias div.imagennota { width: 330px; }
  div#content div#acciones div.ac01 { width: 78%; margin-left: 40px; float: none; }
  div#header div.container { width: 895px; }
  div#content div#acciones div.contain { width: 375px; padding-top: 1px; }
  div#content div#opinion div.opiniones, div#content div#opinion2 div.opiniones { padding: 0px 70px; }
  div#content div.titulo2 { width: 360px; }
  div#rec { width: 375px; }
  div#rec div.rec1 { margin: 0 10px; }
  div#footer div.aviso { margin: 0px auto; }
  div#header div.container div.desk ul.nav li#buscador { margin-left: 120px; margin-top: -20px; }
  div#content div#banner div.anima div.titulo { top: 150px; width: 340px; }
  div#content div#banner div.anima div.conoce { top: 320px; margin-left: 170px;}
  div#noticias div.nota { padding: 40px; margin: 70px 0px 290px 12px; }
  div#content div#noticias div.imagennota { bottom: 22%; left: -10%; }
  div#content div#acciones div.ac1 { right: 50px; margin-top: -97px; }
  div#content div#objetivos div.ac2 { width: 375px; right: 13px; }
  div#content div#objetivos div.obj1 img { margin-top: 110px; }
  div#content div.titulo2 { bottom: 100px; left: 10px; }
  div#content div.don { left: 120px; bottom: 30px; }
  .menumovilboton { top: -122px; margin-left: 70px; }
  div#banner .slick-dots { bottom: 10px; }

  div#content div#acciones2 div.ac01 div.extracto { width: 340px; }
  div#content div#acciones2 div.ac01 p.tit { left: 6px; }

    /*--Dona--*/
  div.donar div.grisg { width: 375px; margin: 100px 0px 20px 0px; }
  span.gris { margin: 0px 42px; }
  div.donarlittle { padding: 0px 0px 5px 0px; }
  div.donarlittle h3 { width: 350px; text-align: center; }
  div.donal h1 { font-size: 3em!important; }
  div.d1 { width: 85px; margin: 0px 4px; }

  /*--Publicaciones--*/
  div.publicaciones_cemda { width: 375px; }
  div.titulopubli { width: 375px; }

  /*--Recortes ambientales--*/
  #recorte11 { width: 400px; }
  #recorte2 { width: 400px; }
  div.map2 { width: 390px; }
  div.pesos_hecta { width: 390px; }
  #recortebanner div.titulo_recorte p { font-size: 50px; }
  #recorte1 { width: 370px; font-size: 30px; }
  #recorte2 { font-size: 32px; }
  p.pres { font-size: 40px; }
  #recorte3 { padding: 0px 30px; font-size: 27px; }
  p.mapa1 { font-size: 32px; }
  div.pesos1 { width: 330px; }
  div.pesos3 { margin: 0px 10px; width: 280px; }
  #recorte4 { font-size: 27px; }
  #recorte5 { font-size: 27px; width: 390px; }
  img.ani1 { width: 390px; }
  #recorte5 svg { margin-left: -94px; }
  #recorte6 { font-size: 27px; margin: 60px auto; }
  img.ani2 { width: 390px; }
  #recorte7 svg { margin-left: -9px; }
  #trioesquema img.trio1 { width: 380px; }
  #recorte8 { padding: 0px 30px; font-size: 27px; }
  #recorte9 { font-size: 27px; }
  div.recorte9-2 { width: 266px; }
  #recorte12, #recorte10 { padding: 0px 30px; font-size: 27px; }
  .recorte11min { font-size: 30px; margin: 0px 30px; }
  .recorte2min { width: 360px; }
  #recorte7 { width: 390px; }
  #recorte9 { width: 390px; }
  div.recorte9-1 { width: 124px; font-size: 16px; }
  div.recorte9-1 p { line-height: 33px; }
  div.pesos2 { width: 50px; }
  #recorte1 { font-size: 27px; }
  div.trescifra { width: 320px; }

  div#content article.solo { width: 390px; }
  div.lefti2bis { width: 380px; }
  div.info_meta { width: 370px; }

  /*--Micrositio calidad del aire--*/
  .dos-aire-min div img { width: 100%; }
  .donacionescifras div { margin: 0px 2px; }

}

@media (max-width:375px) { 
	div#content div#noticias, div#content div#objetivos, div#content div#opinion, div#content div#opinion2 { width: 375px; }
	div#noticias div.nota { width: 350px; }
	div#content div#noticias div.imagennota { width: 330px; }
	div#content div#acciones div.ac01 { width: 40%; margin-left: 40px; float: none; }
	div#header div.container { width: 895px; }
	div#content div#acciones div.contain { width: 375px; }
	div#content div#opinion div.opiniones, div#content div#opinion2 div.opiniones { padding: 0px 70px; }
	div#content div.titulo2 { width: 360px; }
	div#rec { width: 375px; }
	div#rec div.rec1 { margin: 0 10px; }
	div#footer div.aviso { margin: 0px auto; }
	div#header div.container div.desk ul.nav li#buscador { margin-left: 120px; margin-top: -20px; }
	div#content div#banner div.anima div.titulo { top: 150px; width: 340px; }
	div#content div#banner div.anima div.conoce { top: 320px; margin-left: 170px;}
	div#noticias div.nota { padding: 40px; margin: 70px 0px 290px 12px; }
	div#content div#noticias div.imagennota { bottom: 22%; left: -10%; }
	div#content div#acciones div.ac1 { right: 50px; }
	div#content div#objetivos div.ac2 { width: 375px; right: 0px; }
	div#content div#objetivos div.obj1 img { margin-top: 110px; }
	div#content div.titulo2 { bottom: 100px; left: 10px; }
	div#content div.don { left: 120px; bottom: 30px; }
	.menumovilboton { top: -122px; margin-left: 70px; }

  div#content div#acciones2 div.ac01 { padding: 60px 10px 50px!important; }
  div#content div#acciones2 div.ac01 div.extracto { margin-left: 5px; }

		/*--Dona--*/
	div.donar div.grisg { width: 375px; margin: 100px 0px 20px 0px; }
	span.gris { margin: 0px 42px; }
	div.donarlittle { padding: 0px 0px 5px 0px; }
	div.donarlittle h3 { width: 350px; text-align: center; }
	div.donal h1 { font-size: 3em!important; }
	div.d1 { width: 85px; margin: 0px 4px; }

	/*--Publicaciones--*/
	div.publicaciones_cemda { width: 375px; }
	div.titulopubli { width: 375px; }

	/*--Tren maya--*/
	div#mayabanner div.titulo_maya { width: 370px; }
	div.vias div.vias3 { left: 8px; }
	div.vias div.vias4 { left: 10px; }
	div.vias img { left: -276px; width: 650px; }
	div.vias div.vias5 { left: 63px; }
	div#mapa_p div { width: 300px; }
	div#mapa_p img { width: 316px; }
	div#mapa_p { background-size: 100%; }
	div#abc h1 { width: 330px; }
	.xa-default li a { height: 140px; }
	.tab-content { width: 375px; }
	div.linea-blanca2 { top: 6px; }
	div#luces h1 { width: 350px; }
	div.tren div.tren3 { left: 150px; }

  /*--Recortes ambientales--*/
  #recorte11 { width: 375px; }
  #recorte2 { width: 375px; }
  div.map2 { width: 360px; }
  div.pesos_hecta { width: 360px; }
  #banner2recorte p { font-size: 30px; padding: 53px 30px; }
  #recorte12 { margin: 40px auto; }
  #tablarecorte img, #tablarecorte { width: 360px; }
  .recorte11min { width: 315px; }
  #recorte10 { margin: 60px auto; }
  #recorte9 { padding: 0px 10px; width: 374px; }
  #trioesquema { width: 370px; }
  #trioesquema img.trio1 { width: 360px; }
  img.ani2 { width: 360px; }
  img.ani1 { width: 370px; }
  #recorte5 svg { transform: scale(0.5); margin-top: -43px; }
  #banner1cifras .recorte { font-size: 35px; }
  .recorte2min { width: 315px; margin: 0px 30px; }
  div.pesos3 { margin: 0px 0px 0px 38px; width: 230px; }
  #recortebanner div.titulo_recorte { width: 310px; }
  #recorte7 svg { margin-left: -24px; margin-top: -20px; }
  #recorte5 { width: 370px; }
  #recorte7 { width: 370px; }
  .stats__bar { width: 110px; }
  div.recorte9-2 { width: 230px; }
  .recorte9-2 .stats__bar { width: 110px; }
  div.trescifra { width: 290px; }

  div#content article.solo { width: 360px; }
  div.newactions h3 { padding-right: 20px; width: 360px; }
  div.bolet2 { width: 360px; }
  div.boletano { width: 90%; }
  div.lefti2 { width: 360px; }
  div.info_meta { width: 350px; }
  div.lefti2bis { width: 340px; }

  /*--Micrositio calidad del aire--*/
  .videos-aire video { width: 330px; height: 190px; }
  .videos-aire { margin: 0px auto; }
  .donacionescifras div { height: 65px; width: 65px; }
  .donacionescifras p { font-size: 18px; }

 }

@media only screen and  (max-width:360px) {
	/*--Header-*/
	div#header div.container { width: 880px;}
	div#header div.container div.desk ul.nav li.logocemda { margin-left: 5px; margin-right: -36px; }
	div.search { width: 350px; }
	div#header div.container div.desk ul.nav li#donacion { margin-right: 540px; }
	div#header div.container div.desk ul.nav li#buscador { margin: 5px 0px 68px 240px; }
	div#header div.container div.desk ul.nav li { padding-bottom: 53px; }

	/*--Noticia-*/
	div#content article.solo { width: 300px; }

	/*--Home--*/
	div#content div#noticias, div#content div#objetivos, div#content div#opinion, div#content div#opinion2 { width: 350px; }
	div#noticias div.nota, div#content div#noticias div.imagennota { width: 350px; }
	div#content div#opinion div.opiniones, div#content div#opinion2 div.opiniones { padding: 0 60px; }
	div#content div#acciones div.ac01 { margin-left: 28px; float: none;}
	div#noticias div.nota { margin: 70px 0px 290px 0px; }
	div#content div#acciones div.contain { width: 350px; }
	div#content div.titulo2 { bottom: 100px; left: 15px; font-size: 36px; width: 320px; }
	div#content div#banner div.anima div.titulo { width: 340px; font-size: 46px;}
	div#content div#banner div.anima div.titulo span { font-size: 60px; }
	div#content div#banner div.anima div.conoce { top: 322px;  }
	div#content div#noticias div.imagennota { left: -15%; }
	div#content div#acciones div.ac1 { right: 38px; }
	div#content div#objetivos div.ac2 { width: 350px; right: 5px; }
	div#content div#objetivos div.ac2 h1 { font-size: 1.5em; }
	div#content div.don { bottom: 30px; left: 115px; }
	div#rec { width: 360px; }
	div#rec div.rec1 { margin: 0 0px; width: 355px; }

  div#content div#acciones2 div.ac01 { padding: 60px 0px 50px!important; }

	/*--Áreas -*/
	div#content div.marco div.texto { width: 344px; margin: 80px 0px 90px 6px; font-size: 13.5px;  }
	div#content div.marco div.texto2 { width: 344px; margin: 84px 100px 100px 5px; font-size: 12px; }
	div#content div.marco div.texto h1 { font-size: 30px; }
	div#content div.marco div.texto2 h1 { font-size: 30px; }

	#section0 div.texto, #section1 div.texto, #section2 div.texto, #section3 div.texto, #section4 div.texto, #section5 div.texto, #section6 div.texto, #section7 div.texto, #section8 div.texto, #section9 div.texto, #section10 div.texto { width: 300px; }
	#section0 div.texto hr, #section1 div.texto hr, #section2 div.texto hr, #section3 div.texto hr, #section4 div.texto hr, #section5 div.texto hr, #section6 div.texto hr, #section7 div.texto hr, #section8 div.texto hr, #section9 div.texto hr, #section10 div.texto hr { width: 300px; }
	#section0 div.texto h1, #section1 div.texto h1, #section2 div.texto h1, #section3 div.texto h1, #section4 div.texto h1, #section5 div.texto h1, #section6 div.texto h1, #section7 div.texto h1, #section8 div.texto h1, #section9 div.texto h1, #section10 div.texto h1 { font-size: 30px; }
	#section0 div.texto p, #section1 div.texto p, #section2 div.texto p, #section3 div.texto p, #section4 div.texto p, #section5 div.texto p, #section6 div.texto p, #section7 div.texto p, #section8 div.texto p, #section9 div.texto p, #section10 div.texto p { font-size: 15px; }
	#section0 div.texto p ul, #section1 div.texto p ul, #section2 div.texto p ul, #section3 div.texto p ul, #section4 div.texto p ul, #section5 div.texto p ul, #section6 div.texto p ul, #section7 div.texto p ul, #section8 div.texto p ul, #section9 div.texto p ul, #section10 div.texto p ul { font-size: 15px; }

	/*--Histórico noticias--*/
	div#content.pagnoticias { width: 310px;  }
	div#content.pagnoticias div.nota div.imagennota { width: 300px; }
	div#content.pagnoticias div.nota { margin: 17px 7px; }

	/*--Acerca del CEMDA--*/
	div.tit { width: 360px; }
	div#content div#objetivo { width: 350px!important; margin: 0px 5px!important;}
	div#cemda4 img { width: 350px; margin-bottom: 1000px;  }
	nav.oficinas { width: 360px; }
	div#content div.acercade ul { width: 350px; }
	div#content div.acercade { width: 350px; }
	nav.oficinas { width: 306px; }
	.popup .close { right: 10px; }

	/*---Dona--*/
	div.donar div.grisg { width: 360px; }
	span.gris { margin: 0px 34px; }
	div.d1 { margin: 0px 2px; }

		/*--Publicaciones--*/
	div.publicaciones_cemda { width: 360px; }
	div.titulopubli { width: 360px; }

	div#footer div.container div#datos { padding: 40px 26px; }

	/*--Tren maya--*/
	div#mayabanner div.titulo_maya { width: 350px; }
	div.tren div.tren3 { left: 140px; }
	div.vias img { left: -256px; width: 617px; }
	div.vias div.vias3 { left: -4px; }
	div.vias div.vias4 { left: -4px; }
	div.vias div.vias5 { left: 57px; }
	.tab-content { width: 360px; }
	div.luces2 { width: 300px; }
	div.luces1 { width: 300px; }
	div.luces4 { width: 300px; }
	div.luces2r { margin-left: 50px; }
	div.luces3r { margin-left: 36px; }
	div.luces4r { width: 320px; }
	div#comunidades div.comu { width: 310px; padding: 10px 0px 130px; }

  /*--Recortes ambientales--*/
  #recorte11 { width: 360px; }
  #recorte2 { width: 360px; }
  div.map2 { width: 350px; }
  div.pesos_hecta { width: 350px; }
  #tablarecorte img, #tablarecorte { width: 330px; }
  #recorte1 { width: 330px; }
  div.pesos1 { width: 300px; }
  img.ani1 { width: 350px; }
  #recorte5 svg { margin-left: -120px; margin-top: -52px; }
  #recorte1 { width: 330px; }
  #trioesquema { width: 350px; }
  #trioesquema img.trio1 { width: 350px; }
  img.ani2 { width: 350px; }
  #recorte7 svg { transform: scale(0.6); }
  #recorte5 { width: 350px; }
 #recorte7 { width: 350px; }
 #recorte9 { width: 340px; } 
 .recorte2min { width: 300px; }
 #recorte12, #recorte10 { padding: 0px 10px; }
 div.pesos3 { margin: 0px 0px 0px 30px; }
 .recorte9-2 .stats__bar { width: 90px; }
 .recorte9-2 span.stats__age { font-size: 12px; }
 div.recorte9-2 { width: 195px; }
 .recorte11min { width: 300px; font-size: 27px; }
 div.trescifra { width: 280px; }

 div.newactions h3 { width: 303px; }
 div.bolet2 { width: 300px; }

}

@media only screen and (max-width:320px) {
	/*--Header-*/
	div#header div.container { width: 850px; }
	div#header div.container div.desk ul.nav li#donacion { padding: 15px 6px 18px 6px; }
	div#header div.container div.desk ul.nav li.logocemda { margin-right: -45px; }
	/*--Áreas -*/
	div#content div.marco div.texto { width: 300px; margin: 33px 0px 90px 6px; font-size: 12px; }
	div#content div.marco div.texto2 { width: 300px; font-size: 11.5px; }
	div#content div.marco div.texto2 h1 { font-size: 23px; }
	h2.posttitulo { font-size: 1.2em; }
	div#content div#banner div.anima div.titulo { width: 290px; }
	div#header div.container div.desk ul.nav li#buscador { margin: 5px 0px 68px 200px; }

	/*--Home--*/
	div#content div#noticias, div#content div#objetivos, div#content div#opinion, div#content div#opinion2 { width: 320px; }
	div#content div#noticias div.imagennota { left: -14%; }
	div#noticias div.nota { width: 320px; }
	div#content div#opinion div.ac3, div#content div#opinion2 div.ac3 { width: 320px; padding: 0 48px; }
	div#content div#acciones div.contain { width: 320px; }
	div#content div#acciones div.ac01 { margin-left: 14px; }
	div#content div#acciones div.ac1 { right: 23px; }
	div#content div#objetivos div.ac2 { width: 320px; }
	div#content div#objetivos div.ac2 h1 { font-size: 1.5em; }
	div#content div#opinion div.opiniones, div#content div#opinion2 div.opiniones { padding: 0px 48px; }
	div#content div#bannerbajo img {width: 200%;}
	div#content div.titulo2 { bottom: 100px; left: 0px; font-size: 33px; }
	div#content div.don { left: 95px; bottom: 22px; }
	div#rec, div#rec div.rec1 { width: 320px; }
	div#rec div.reco h1 { width: 320px; font-size: 1.5em!important; }
	div#content div#noticias div.imagennota { width: 310px; }
	div.search { width: 300px; }
	li#buscador { margin: 23px 0px 68px 220px; }
	.menumovilboton { margin-left: 45px; }
	div#content div#noticias div.imagennota { bottom: 10%!important; }
	div#content div#banner div.anima div.conoce { margin-left: 140px; }
  div#content div#banner div.anima div.titulodos { margin-left: 30px; }
   div#content div#banner div.anima div.titulotres { margin-left: 30px; }
  div#content div#banner div.anima div.conocedos { margin-left: 104px; }
   div#banner .slick-dots { bottom: 10px; }
  .slick-list { height: 1000px; }

  div#content div#acciones2 div.ac01 div.extracto { width: 306px; }
  div#content div#acciones2 div.ac01 div.extracto p.d { width: 300px; }
  div#content div#acciones2 div.ac01 p.tit { font-size: 36px; left: 0px; }
  div#content div#acciones2 div.ac01 { margin-left: 0px; }
  div.extracto p.tt { font-size: 34px; margin-bottom: 0px; }

	/*--Footer--*/
	div#footer{ height: 1120px; }

	/*--Acerca del CEMDA--*/
	div.tit { width: 320px; }
	div#cemda4 img { width: 305px; margin-bottom: 1000px; margin-top: 20px;  }
	nav.oficinas { width: 306px; margin-left: -16px; }
	div#content div.acercade ul { width: 320px; }
	div#content div.acercade { width: 320px; }
	div#content div#objetivo { width: 310px!important; }
	div.popup { margin-left: -17px!important; margin-top: -190px; }
#section0 div.texto, #section1 div.texto, #section2 div.texto, #section3 div.texto, #section4 div.texto, #section5 div.texto, #section6 div.texto, #section7 div.texto, #section8 div.texto, #section9 div.texto, #section10 div.texto { transform: translateY(-43%)translateX(4%); }

	/*---Dona--*/
	div.donar div.grisg { width: 320px; }
	span.gris { margin: 0px 14px; }
	div.donarlittle h3 { width: 310px; }
	.cuazul { margin-right: 3px; }
	div.check { width: 320px; }
	div.donal h1 { font-size: 2.5em!important; }
	div.d1 { margin: 0px 0px; width: 80px; }

	/*--Publicaciones--*/
	div.publicaciones_cemda { width: 320px; }
	div.titulopubli { width: 320px; }

	div#footer div.aviso { width: 300px; }

	/*--Tren Maya--*/
	div#mayabanner div.titulo_maya p { font-size: 50px; }
	div#mayabanner div.titulo_maya { width: 310px; }
	div#mayabanner div.sub-maya h1 { width: 320px; }
	div.tren img { width: 380px; }
	div.tren div.tren1 { width: 300px; left: 10px; }
	div.tren div.tren1 svg { width: 300px!important; }
	div.tren div.tren2 { width: 300px; left: 10px; }
	div.tren div.tren3 { top: -24px; left: 100px; }
	div.vias img { width: 577px; top: 1923px; }
	div.vias svg { width: 300px!important; }
	div.vias div.vias1 { width: 310px; left: 10px; }
	div.tren2 svg { width: 300px!important; }
	div.vias div.vias2 { left: 10px; }
	div.vias div.vias3 { width: 300px; top: 2200px;}
	div.vias div.vias3 p { margin-left: 10px; }
	div.vias div.vias4 { top: 2330px; }
	div.vias div.vias4 { left: -50px; }
	div.vias div.vias5 { left: 36px; margin-top: 305px; }
	div#mapa_p img { width: 300px; }
	div#abc h1 { width: 300px; }
	.xa-default li a { height: 160px; }
	.tab-content { width: 320px; }
	div#luces h1 { width: 270px; }
	div.luces1 { margin-left: 10px; }
	div.luces2 { margin-left: 10px; }
	div.luces3 { margin-left: 10px; }
	div.luces4 { margin-left: 10px; }
	div.luces1r { width: 300px; margin-left: 2px; }
	div.luces2r { margin-left: 12px; }
	div.luces3r { width: 300px; margin-left: 6px; }
	div.luces4r { width: 290px; margin-left: 16px; }
	div#comunidades div.comu { width: 280px; }

  /*--Recortes ambientales--*/
  #recorte11 { width: 320px; }
  #recorte2 { width: 320px; }
  div.map2 { width: 300px; }
  div.pesos_hecta { width: 300px; }
  #tablarecorte img, #tablarecorte { width: 300px; }
  #recorte1 { width: 300px; }
  img.ani1 { width: 300px; }
  #recorte5 svg { margin-left: -114px; }
  #recorte1 { width: 300px; }
  #trioesquema { width: 300px; }
  #trioesquema img.trio1 { width: 300px; }
  img.ani2 { width: 300px; }
  #recortebanner div.titulo_recorte { margin: 0px 10px; width: 300px; }
  #recorte1 { font-size: 28px; }
  #recorte2 { font-size: 28px; }
  .recorte2min { width: 300px; margin: 0px 10px; }
  p.pres { font-size: 34px; }
  #banner1cifras .recorte { font-size: 30px; }
  p.mapa1 { font-size: 28px; }
  div.pesos1 { margin: 60px 10px 0px; }
  div.pesos3 { margin: 0px 10px; width: 190px; }
  #recorte4 { margin: 60px auto; }
  div.pesos2 { margin-top: 54px; }
  #recorte5 svg { margin-left: -137px; margin-top: -60px; transform: scale(0.46); }
  #recorte6 { font-size: 25px; }
  #recorte7 svg { transform: scale(0.5); margin-left: -55px; margin-top: -33px; }
  div.recorte9-2 { width: 190px; }
  .recorte11min { width: 300px; font-size: 27px; margin: 0px 10px; }
  #banner2recorte p { font-size: 28px; padding: 62px 20px; }
  #recorte5 { width: 315px; }
  #recorte7 { width: 315px; }
  #recorte8 { padding: 0px 10px; }
  #recorte9 { width: 320px; }
  div.recorte9-1 { width: 104px; font-size: 14px; margin-right: 5px; }
  div.trescifra { width: 240px; }
  .stats__bar { width: 90px; }

  div.lefti2 { width: 300px; }
  div.lefti2bis { width: 300px; }
  div.info_meta { width: 300px; }
  div.boletano { text-align: left; }
  div.lefti { width: 290px; }
  div.galmilpa { height: 330px; }
  div.galeriamilpa { height: 300px; margin: 0px; }

  /*--Calidad del aire--*/
  .videos-aire video { width: 290px; }
  .donacionescifras p { font-size: 16px; }
  .donacionescifras div { height: 60px; width: 60px; }

}