@charset utf-8;
#yumhome { width: 480px; height: 351px; background-image: url(http://mexicohazalgo.org/banner/yumhome.jpg); }
#torthome { float: right; width: 480px; height: 351px; background-image: url(http://mexicohazalgo.org/banner/torthome.jpg); }
#torthome:hover { background-image: url(http://mexicohazalgo.org/banner/torthomeover.jpg); }
#yumhome:hover { background-image: url(http://mexicohazalgo.org/banner/yumehomeover.jpg); cursor: pointer; }
body { background: url(img/cemda2.jpg) center repeat-y #fff; margin: 0; padding: 0; color: #191919; font-family: 'Open Sans', sans-serif; }
ul, ol, dl { padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6, p { margin-top: 0; }
a img { border: none; }
a, a:visited { text-decoration: none; color: #008b47; }
a:hover, a:active, a:focus { text-decoration: none; }
#m2 a, #m2 a:visited { text-decoration: none; color: #fff; color: #191919; }
#m2 a:hover { color: #0c8c47; }
.pagina h1 { font-family: 'Open Sans', sans-serif; color: #0c8c47; font-size: 40px; line-height: 41px; font-weight: 900; }
.entry h1 { font-family: 'Open Sans', sans-serif; color: #0c8c47; font-size: 36px; line-height: 41px; }
.pagina { font-family: 'Open Sans', sans-serif; color: #333; }
.cabeza { width: 140px; background: #FFF; margin: 0 auto; color: #fff; }
#logo { background-color: #FFF }
#logo a { background-color: #FFF }
#logo a, #logo a:visited { background-color: #FFF }
#menu { height: 42px; width: 777; margin-left: 30px; color: #fff; }
.container { max-width: 1000px; width: 100%; background: #FFF; margin: 0 auto; color: #fff; }
#verde { color: #008b47; text-decoration: none; font-family: 'Open Sans', sans-serif; font-size: 13px; }
#verde a { color: #008b47; text-decoration: none; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: bold; }
.content { padding: 0px 0; }
table { border-spacing: 0; border-collapse: inherit; }
#pie { max-width: 980px; width: 100%; background: #008b47; margin: 0 auto; font-family: 'Open Sans', sans-serif; color: #fff; font-size: 12px; line-height: 15px; padding: 20px 10px 10px 10px; }
#pie h3 { width: 150px; margin: 0; padding: 0 0 4px 0; font-weight: bold; padding-bottom: 2px; margin-bottom: 4px }
.piecontainer { max-width: 885px; width: 100%; margin: 0 auto; }
#direccion { max-width: 1015px; width: 100%; margin: 0 auto; font-family: 'Open Sans', sans-serif; color: #b2f2d0; font-size: 12px; line-height: 15px; padding: 10px 0 10px 0; text-align: center; }

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt { float: right; margin-left: 8px; }
.fltlft { float: left; margin-right: 8px; }
.clearfloat { clear: both; height: 0; font-size: 1px; line-height: 0px; }

/* MENU*/
.jqueryslidemenu { font-size: 13px; font-family: 'Open Sans', sans-serif; font-weight: 600; width: 999px; z-index: 3; margin: 0px 0 0 20px; line-height: 0px; font-size: 14px; }
.jqueryslidemenu ul { margin: 0; padding: 0; list-style-type: none; z-index: 3; }

/*Top level list items*/
.jqueryslidemenu ul li { position: relative; display: inline; float: left; z-index: 3; }

/*Top level menu link items style*/
.jqueryslidemenu ul li a { display: block; color: white; padding: 3px 10px 7px 10px; color: #2d2b2b; text-decoration: none; font-weight: 600; }
* html .jqueryslidemenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block; }
.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited { color: #191919; }
.jqueryslidemenu ul li a:hover { background: #0c8c47; /*tab link background during hover state*/ color: white; }
.logo a:hover { background: #fff !important; /*tab link background during hover state*/ color: white; }

/*1st sub level menu*/
.jqueryslidemenu ul li ul { position: absolute; left: 0; display: block; visibility: hidden; z-index: 3; }

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li { display: list-item; float: none; z-index: 3; }

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul { top: 0; }

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a { font: normal 13px Verdana; width: 160px; /*width of sub menus*/ padding: 5px; margin: 0; border-top-width: 0; border-bottom: 1px solid #1f3d81; background-color: #0c8c47; color: #FFFFFF !important; }
.jqueryslidemenu ul li ul li a:hover { /*sub menus hover style*/
background-color: #1f3d81; color: white; }

/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass { position: absolute; top: 12px; right: 7px; }
.rightarrowclass { position: absolute; top: 6px; right: 5px; }
#dona { background-color: #008b47; color: #FFF; font-weight: bold; }
#dona a:hover { background-color: #253d83; color: #FFF; font-weight: bold; }
.none { display: none; }
.clear { clear: both; }
.left { float: left; }
.alignright { float: right; margin-left: 50px; margin-bottom: 25px; }
.alignleft { float: left; margin-right: 50px; margin-bottom: 25px; }
#temas { background-color: #008b47; padding: 10px 0 10px 15px; font-family: 'Open Sans', sans-serif; color: #373737; font-size: 11px; width: 975px; }
#temas h3 { padding: 0; margin: 0 0 3px 0; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #373737; text-decoration: none; }
#temas a, #temas a:visited { padding: 0; margin: 0 0 3px 0; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #373737; text-decoration: none; }
#temas h3 a:hover { color: #0c8c47; }
#prinizq h2 { padding: 0 0 0 0px; margin: 0 0 3px 0; font-family: 'Open Sans', sans-serif; font-size: 20px; color: #2a3e92; font-weight: 600; padding-left: 0; line-height: 20px; }
#prinizq h2 a, #prinizq h2 a:visited { color: #2a3e92; text-decoration: none; }
#prinizq h2 a:hover { color: #0c8c47; }
#prinder h2 { padding: 0 0 0 15px; border-left: 3px solid #2A3EAD; margin: 0 0 3px 0px; font-family: 'Open Sans', sans-serif; font-size: 19px; color: #2a3e92; font-weight: normal; padding-left: 15px; line-height: 20px; }
#prinder h2 a, #prinizq h2 a:visited { color: #2a3e92; text-decoration: none; }
#prinder h2 a:hover { color: #0c8c47; }
#prinizq { max-width: 443px; width: 100%; float: left; border-right: 1px solid #c1c2c3; margin: 20px 0 0 0; color: #191919; }
#prinder { margin: 0px 0 0 0px; max-width: 355px; width: 100%; float: left; padding-left: 25px; padding-top: 25px; }
#prinizq2 { max-width: 550px; width: 100%; float: left; border-right: 1px solid #c1c2c3; margin: 20px 0 0 0; color: #666; font-size: 15px }
#prinizq h3 { font-family: 'Open Sans', sans-serif; font-size: 30px; color: #253d83; padding: 0 0 15px 0; margin: 0; font-weight: normal; }
#datos { color: #008B47; font-size: 11px; padding-left: 0px; }
.entry { font-size: 14px; padding-bottom: 20px; }
.ddimgtooltip { box-shadow: 3px 3px 5px #818181; /*shadow for CSS3 capable browsers.*/ -webkit-box-shadow: 3px 3px 5px #818181; -moz-box-shadow: 3px 3px 5px #818181; display: none; position: absolute; background: white; color: black; z-index: 2000; }
#logospie { text-align: center; margin-top: 20px; border-top: 1px solid #c1c2c3; border-bottom: 1px solid #c1c2c3; padding: 10px 0 5px 0; }
#pie a, #pie a:visited { color: #FFF; }
#pie a:hover { text-decoration: underline }
#content li { list-style-image: url(img/listas.gif); margin-left: 50px; padding-bottom: 5px; }
.areastxt { font-family: 'Open Sans', sans-serif; color: #333; padding: 5px; margin: 20px 0 10px 0; font-size: 18px; }
#areasver { background-color: #0c8c47; padding: 5px 10px; color: #fff; font-size: 24px; font-size: 22px; margin-right: 8px; }
h4 { font-size: 22px; color: #223f83; padding-top: 5px; margin-bottom: 0; }
h5 { font-size: 18px; color: #0c8c47; padding-top: 5px; margin: 0; padding-bottom: 0; padding-top: 0; }
h6 { font-size: 13px; color: #FFF; background-color: #008b47; font-family: 'Open Sans', sans-serif; margin: 10px; text-decoration: none; padding: 5px 5px; }
h6 a, h6 a:visited { font-size: 14px; color: #FFFFFF; background-color: #008b47; font-family: 'Open Sans', sans-serif; text-decoration: none; font-weight: 400; }
h1 { font-size: 13px; color: #FFF; }
#curr { width: 300px; margin: 0 auto; background-color: #f3f3f3; text-align: justify; font-weight: normal; margin-bottom: 20px; }
#txtcurr { padding: 10px; }
#curr h4 { font-size: 19px; padding: 0; margin: 0 }
#curr h5 { font-size: 14px; padding: 0 0 5px 0; margin: 0 }
strong { color: #223f83; }
.actividades { line-height: 28px; font-size: 16px; }
#categorias { font-size: 14px; max-width: 400px; width: 100%; color: #191919; }
#categorias a, #categorias a:visited { color: #191919; }
#categorias a:hover { text-decoration: underline; }
#movilmenu { display: none; }
.thumbhome { width: 215px; float: left }
.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.pagina { padding: 0 50px; }
.titmenuint { font-weight: bold; color: #253d83; font-size: 24px; border-bottom: #191919 1px solid; padding-left: 50px; padding-bottom: 4px; margin-bottom: 5px; width: 50%; }

/* ----- Buscador ----- */
div#content.search { overflow: hidden; max-width: 900px; margin: 0 auto; padding: 20px 40px; }
div#content.search h1 { color: #043c85; text-transform: uppercase; text-align: center; font-size: 2rem; }
div#content.search div.post-single { color: #000; }
div#content.search p.newerr, div#content.search p.olderr { width: 50%; overflow: hidden; float: left; }
div#content.search p.newerr { text-align: right; }

/*Calidad del aire*/
.normas { width: 100%; max-width: 850px; margin: 0 auto; background-color: #8ec63d; margin-bottom: 20px; }
.normas h1 { font-size: 30px; text-align: center; color: #fff; padding-top: 10px; }
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; }
a#ley1 { background: url("img/1ley.jpg") no-repeat; }
a#ley1:hover { background: url("img/2ley.jpg") no-repeat; }
a#ley2 { background: url("img/3ley.jpg") no-repeat; }
a#ley2:hover { background: url("img/4ley.jpg") no-repeat; }
a#ley3 { background: url("img/5ley.jpg") no-repeat; }
a#ley3:hover { background: url("img/6ley.jpg") no-repeat; }
a#ley4 { background: url("img/7ley.jpg") no-repeat; }
a#ley4:hover { background: url("img/8ley.jpg") no-repeat; }
a#ley5 { background: url("img/9ley.jpg") no-repeat; }
a#ley5:hover { background: url("img/10ley.jpg") no-repeat; }
@media screen and (max-width:1000px) {
	#prinizq { margin: 0 auto; padding: 0 5px; float: none; border-right: none; width: 95%; }
	.thumbhome { width: 80%; float: none }
	.pagina img { max-width: 100%; height: auto; }
	.no { display: none; }
	#movilmenu { display: block; padding: 40px 20px 0 0px; width: 100px; float: right; }
	.jqueryslidemenu { width: 100%; }
	#prinder { width: 90%; margin: 0 auto; float: none; }
	.pagina { padding: 0 5px; }
	.titmenuint { font-weight: bold; color: #253d83; font-size: 22px; border-bottom: #191919 1px solid; padding-left: 0px; padding-bottom: 4px; margin-bottom: 5px; width: 80%; }
}
@media screen and (max-width:890px) {
	.normas { max-width: 510px; padding: 0 10px; }
}
@media screen and (max-width:700px) {
	.alignright { float: none; margin-left: 0px; margin-bottom: 0px; display: block; }
	.alignleft { float: none; margin-right: 0px; margin-bottom: 0px; display: block; }
	.pagina img { display: block; margin: 10px 0; }
	.pagina h1 { font-size: 30px; }
}
@media screen and (max-width:585px) {
	.normas { max-width: 340px; }
}
@media screen and (max-width:380px) {
	.pagina h1 { font-size: 28px; }
	#menu { height: 42px; margin-left: 0px; }
	.normas { max-width: 170px; }
	.normas h1 { font-size: 20px; line-height: 30px; }
}