/*===== general options =========*/ a box-shadow: none !important; .view *, .album_categories *, .album_back_button *, #album_disabled_layer font-family: sans-serif, Arial, Verdana, Sylfaen !important; #album_disabled_layer display: none; position: absolute; width: 100%; height: 100%; text-align: center; background-color: transparent; z-index: 10; padding-top: 20px; color: #fff; #album_list_container position: relative; /* ====================== album onhover styles ==========================*/ #album_list .view -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; display: none; .view .mask, .view .content width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; .view h2 text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 17px; font-family: Raleway, serif; padding: 10px; /*background: rgba(0, 0, 0, 0.8);*/ margin: 20px 0 0 0; .album_back_button a, .view a text-decoration: none !important; .view p font-family: Merriweather, serif; font-style: italic; font-size: 14px; position: relative; color: #fff; padding: 0px 20px 0px; text-align: center; .view a.info display: inline-block; text-decoration: none; font-size: 13px; padding: 2px 14px; margin-bottom: 3px; background: #000; color: #fff; font-family: Raleway, serif; text-transform: uppercase; box-shadow: 0 0 1px #000 .mask-text h2 font-size: 20px !important; .view a.info:hover box-shadow: 0 0 5px #000 .view .mask-bg height: 100%; .view .album_social color: #fff; position: absolute; bottom: 3px; left: 3px; border: 1px solid #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 3px 5px; .view .album_social:active, .view .album_social:focus, .view .album_social:hover color: #ffffff; outline: none; /*1*/ .view .info margin-top: 5px; .view-first .mask opacity: 0; background-color: rgba(0, 0, 0, 0.7); transition: all 0.4s ease-in-out; .view-first h2 transform: translateY(-100px); opacity: 0; font-family: Raleway, serif; transition: all 0.2s ease-in-out; .view-first p transform: translateY(100px); opacity: 0; transition: all 0.2s linear; .view-first a.info opacity: 0; transition: all 0.2s ease-in-out; /* */ .view-first:hover img /*transform: scale(1.1);*/ .view-first:hover .mask opacity: 1; .view-first:hover h2, .view-first:hover p, .view-first:hover a.info opacity: 1; transform: translateY(0px); .view-first:hover p transition-delay: 0.1s; .view-first:hover a.info transition-delay: 0.2s; /*2*/ .view-second img -webkit-filter: grayscale(0) blur(0); filter: grayscale(0) blur(0); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; .view-second .mask background-color: rgba(226, 200, 127, 0.2); transition: all 0.5s linear; opacity: 0; .view-second h2 background: transparent; margin: 20px 40px 0px 40px; transform: scale(0); color: #333; transition: all 0.5s linear; opacity: 0; .view-second p opacity: 0; transform: scale(0); transition: all 0.5s linear; .view-second a.info opacity: 0; transform: scale(0); transition: all 0.5s linear; .view-second:hover img -webkit-filter: grayscale(100%) blur(3px); filter: grayscale(100%) blur(3px); .view-second:hover .mask opacity: 1; .view-second:hover h2, .view-second:hover p, .view-second:hover a.info transform: scale(1); opacity: 1; .view-second img -webkit-filter: grayscale(0) blur(0); filter: grayscale(0) blur(0); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; .view-second:hover img -webkit-filter: grayscale(100%) blur(3px); filter: grayscale(100%) blur(3px); /*3*/ .view-third img transform: scaleY(1); transition: all .7s ease-in-out; .view-third a.info opacity: 0; transform: scale(0); transition: all 0.5s linear; .view-third:hover img -webkit-transform: scale(10); transform: scale(10); opacity: 0; .view-third:hover .mask opacity: 1; .view-third:hover h2, .view-third:hover p, .view-third:hover a.info transform: scale(1); opacity: 1; /* ==== view 4 ===*/ .view-forth-wrapper overflow: hidden; position: relative !important; height: 100%; /* cursor: pointer;*/ .view-forth img max-width: 100%; position: relative; top: 0; -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1); .view-forth .mask position: absolute; width: 100%; /* height: 70px;*/ /* bottom: -70px;*/ height: 50%; bottom: -50%; -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1); top: inherit; .view-forth:hover .mask bottom: 0; .view-forth:hover img top: -30px; /*== view 5 ==*/ .view-fifth .view-fifth-wrapper, .view-fifth .view-fifth-wrapper img display: block; position: relative; .view-fifth .view-fifth-wrapper overflow: hidden; height: 100%; .view-fifth .view-fifth-wrapper .mask display: none; position: absolute; background: #333; background: rgba(75, 75, 75, 0.7); width: 100%; height: 100%; /* ====================== album category styles ==========================*/ #filters margin: 1% 0; padding: 0; list-style: none; list-style-type: none !important; #filters li float: left; list-style-type: none !important; #filters li:first-child span margin-left: 0px; #filters li span display: block; text-decoration: none; cursor: pointer; .album_categories list-style-type: none; margin: 0; padding: 0; overflow: hidden; padding-top: 5px; /*========= sharing buttons ============*/ .album_socials position: relative; top: 3px; width: 100px; height: 28px; margin: 0 auto; .album_socials .rwd-share-buttons top: 0px !important; width: 100% !important; margin: 0px !important; .album_socials a text-decoration: underline !important; .gallery_images, .album_image_place margin-top: 15px; margin-top: 15px; #rwd-share-facebook:hover background-position: 0 -31px !important; #rwd-share-twitter:hover background-position: -31px 32px !important; #rwd-share-googleplus:hover background-position: -66px -31px !important; .rwd-share-buttons li, .rwd-share-buttons li a width: 26px !important; border: 0px !important; .rwd-share-buttons top: 0 !important; .img_link_btn position: absolute; z-index: 99999; bottom: 0; left: 0; right: 0; width: 100%; padding: 8px; .rwd-title padding: 10px 0px !important; @media only screen and (max-width: 475px) .rwd-share-buttons top: -25px !important; .rwd-title-text line-height: 15px; /*========= hover style ===========*/ #hover color: rgba(188, 175, 204, 0.9); h2#testimonials color: #fffae3; div#all width: 100%; height: 100%; .view img height: auto; .view color: #fff; margin: 0 10px 10px 0; overflow: hidden; position: relative; text-align: center; float: left; cursor: default; border: 1px solid #ccc; .view-wrapper height: 100%; .view img display: block; position: relative; transition: all 0.2s linear; height: 100%; width: auto; max-width: 100%; margin: 0 auto; .mask-text h2 font-size: 20px !important; margin-top: 20px !important; /* view 1 */ .view-first .text-category, .view-first .mask-text h2, .view-first .mask-text p color: #fff; /* view 2 */ .view-second .text-category, .view-second .mask-text h2, .view-second p color: #333; .view-second .mask-text h2 border-bottom: 1px solid #333; /* view 3*/ .view-third .mask background-color: #ccc; transition: all 0.5s linear; opacity: 0; color: #333; .view-third h2 border-bottom: 1px solid #333; background: transparent; margin: 20px 40px 0px 40px; transform: scale(0); color: #333; transition: all 0.5s linear; opacity: 0; .view-third p color: #333; opacity: 0; transform: scale(0); transition: all 0.5s linear; .view-third .text-category color: #333; /* view 4 */ .view-forth .mask-bg background: #333; width: 100%; height: 100%; position: absolute; top: 0; left: 0; .view-forth .mask-text color: #fff; position: relative; z-index: 500; padding: 5px 8px; .view-forth .mask-text h2 margin: 0px; font-size: 13px; padding: 2px; color: #fff; .view-forth .mask-text h2:hover cursor: pointer; .view-forth .text-category display: block; font-size: 15px; color: #fff; .view-forth p color: #fff; /* view 5 */ .view-fifth .text-category, .view-fifth .text-category *, .view-fifth .mask-text h2, .view-fifth .mask-text p color: #fff; https://i2.wp.com/frayba.org.mx/wp-... <https://i2.wp.com/frayba.org.mx/wp-...> https://i0.wp.com/frayba.org.mx/wp-... <https://i0.wp.com/frayba.org.mx/wp-...> https://i1.wp.com/frayba.org.mx/wp-... <https://i1.wp.com/frayba.org.mx/wp-...> https://i2.wp.com/frayba.org.mx/wp-... <https://i2.wp.com/frayba.org.mx/wp-...> https://i1.wp.com/frayba.org.mx/wp-... <https://i1.wp.com/frayba.org.mx/wp-...> * outline:none; #g-main-slider_6 background:#f9f9f9; .entry-content a border-bottom: none; #g-main-slider_6 div.slider-content position:relative; width:100%; padding:0 0 0 0; position:relative; background:#f9f9f9; [class$="-arrow] background-image:url(https://frayba.org.mx/wp-content/plugins/gallery-images/assets/images/admin_images/arrow.dark.png) !important; .ls-select-box background:url(https://frayba.org.mx/wp-content/plugins/gallery-images/assets/images/admin_images/menu.dark.png) right center no-repeat #f9f9f9; #g-main-slider_6-nav-select color:#0074a2; #g-main-slider_6 div.slider-content .slider-content-wrapper position:relative; width:100%; padding:0; display:block; #g-main-slider_6 .slider-content-wrapper .image-block_6 position:relative; width:275px; display:table-cell; padding:0 10px 0 0; float:left; #g-main-slider_6 .slider-content-wrapper .image-block_6 img.main-image position:relative; width:100%; height:auto; display:block; #g-main-slider_6 .slider-content-wrapper .image-block_6 .play-icon position:absolute; top:0; left:0; width:100%; height:100%; #g-main-slider_6 .slider-content-wrapper .image-block_6 .play-icon.youtube-icon background:url(https://frayba.org.mx/wp-content/plugins/gallery-images/assets/images/admin_images/play.youtube.png) center center no-repeat; #g-main-slider_6 .slider-content-wrapper .image-block_6 .play-icon.vimeo-icon background:url(https://frayba.org.mx/wp-content/plugins/gallery-images/assets/images/admin_images/play.vimeo.png) center center no-repeat; #g-main-slider_6 .slider-content-wrapper .right-block display:table-cell; min-width: 210px; #g-main-slider_6 .slider-content-wrapper .right-block > div padding-bottom:10px; margin-top:10px; background:url(’https://frayba.org.mx/wp-content/plugins/gallery-images/assets/images/admin_images/divider.line.png’) center bottom repeat-x; #g-main-slider_6 .slider-content-wrapper .right-block > div:last-child background:none; #g-main-slider_6 .slider-content-wrapper .right-block .title position:relative; display:block; margin:-10px 0 0 0; font-size:16px !important; line-height:16px !important; color:#0074a2; #g-main-slider_6 .slider-content-wrapper .right-block .description clear:both; position:relative; font-weight:normal; text-align:justify; font-size:14px !important; line-height:14px !important; color:#555555; #g-main-slider_6 .slider-content-wrapper .right-block .description h1, #g-main-slider_6 .slider-content-wrapper .right-block .description h2, #g-main-slider_6 .slider-content-wrapper .right-block .description h3, #g-main-slider_6 .slider-content-wrapper .right-block .description h4, #g-main-slider_6 .slider-content-wrapper .right-block .description h5, #g-main-slider_6 .slider-content-wrapper .right-block .description h6, #g-main-slider_6 .slider-content-wrapper .right-block .description p, #g-main-slider_6 .slider-content-wrapper .right-block .description strong, #g-main-slider_6 .slider-content-wrapper .right-block .description span padding:2px !important; margin:0 !important; #g-main-slider_6 .slider-content-wrapper .right-block .description ul, #g-main-slider_6 .slider-content-wrapper .right-block .description li padding:2px 0 2px 5px; margin:0 0 0 8px; #g-main-slider_6 .slider-content-wrapper .button-block position:relative; #g-main-slider_6 .slider-content-wrapper .button-block a,#g-main-slider_6 .slider-content-wrapper .button-block a:link,#g-main-slider_6 .slider-content-wrapper .button-block a:visited position:relative; display:inline-block; padding:6px 12px; background:#2ea2cd; color:#ffffff; font-size:14px; text-decoration:none; #g-main-slider_6 .slider-content-wrapper .button-block a:hover,#g-main-slider_6 .slider-content-wrapper .button-block a:focus,#g-main-slider_6 .slider-content-wrapper .button-block a:active background:#0074a2; color:#ffffff; @media only screen and (min-width:500px) #g-main-slider_6-nav-ul visibility:hidden !important; height:1px; @media only screen and (max-width:500px) #g-main-slider_6 .slider-content-wrapper .image-block_6,#g-main-slider_6 .slider-content-wrapper .right-block width:100%; display:block; float:none; clear:both;

Caravana del Concejo Indígena de Gobierno inicia recorrido por pueblos indígenas de Chiapas. Primer recibimiento en la comunidad El Encanto. 14 de octubre 2017.

/*===== general options =========*/ a box-shadow: none !important; .view *, .album_categories *, .album_back_button *, #album_disabled_layer font-family: sans-serif, Arial, Verdana, Sylfaen !important; #album_disabled_layer display: none; position: absolute; width: 100%; height: 100%; text-align: center; background-color: transparent; z-index: 10; padding-top: 20px; color: #fff; #album_list_container position: relative; /* ====================== album onhover styles ==========================*/ #album_list .view -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; display: none; .view .mask, .view .content width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; .view h2 text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 17px; font-family: Raleway, serif; padding: 10px; /*background: rgba(0, 0, 0, 0.8);*/ margin: 20px 0 0 0; .album_back_button a, .view a text-decoration: none !important; .view p font-family: Merriweather, serif; font-style: italic; font-size: 14px; position: relative; color: #fff; padding: 0px 20px 0px; text-align: center; .view a.info display: inline-block; text-decoration: none; font-size: 13px; padding: 2px 14px; margin-bottom: 3px; background: #000; color: #fff; font-family: Raleway, serif; text-transform: uppercase; box-shadow: 0 0 1px #000 .mask-text h2 font-size: 20px !important; .view a.info:hover box-shadow: 0 0 5px #000 .view .mask-bg height: 100%; .view .album_social color: #fff; position: absolute; bottom: 3px; left: 3px; border: 1px solid #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 3px 5px; .view .album_social:active, .view .album_social:focus, .view .album_social:hover color: #ffffff; outline: none; /*1*/ .view .info margin-top: 5px; .view-first .mask opacity: 0; background-color: rgba(0, 0, 0, 0.7); transition: all 0.4s ease-in-out; .view-first h2 transform: translateY(-100px); opacity: 0; font-family: Raleway, serif; transition: all 0.2s ease-in-out; .view-first p transform: translateY(100px); opacity: 0; transition: all 0.2s linear; .view-first a.info opacity: 0; transition: all 0.2s ease-in-out; /* */ .view-first:hover img /*transform: scale(1.1);*/ .view-first:hover .mask opacity: 1; .view-first:hover h2, .view-first:hover p, .view-first:hover a.info opacity: 1; transform: translateY(0px); .view-first:hover p transition-delay: 0.1s; .view-first:hover a.info transition-delay: 0.2s; /*2*/ .view-second img -webkit-filter: grayscale(0) blur(0); filter: grayscale(0) blur(0); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; .view-second .mask background-color: rgba(226, 200, 127, 0.2); transition: all 0.5s linear; opacity: 0; .view-second h2 background: transparent; margin: 20px 40px 0px 40px; transform: scale(0); color: #333; transition: all 0.5s linear; opacity: 0; .view-second p opacity: 0; transform: scale(0); transition: all 0.5s linear; .view-second a.info opacity: 0; transform: scale(0); transition: all 0.5s linear; .view-second:hover img -webkit-filter: grayscale(100%) blur(3px); filter: grayscale(100%) blur(3px); .view-second:hover .mask opacity: 1; .view-second:hover h2, .view-second:hover p, .view-second:hover a.info transform: scale(1); opacity: 1; .view-second img -webkit-filter: grayscale(0) blur(0); filter: grayscale(0) blur(0); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; .view-second:hover img -webkit-filter: grayscale(100%) blur(3px); filter: grayscale(100%) blur(3px); /*3*/ .view-third img transform: scaleY(1); transition: all .7s ease-in-out; .view-third a.info opacity: 0; transform: scale(0); transition: all 0.5s linear; .view-third:hover img -webkit-transform: scale(10); transform: scale(10); opacity: 0; .view-third:hover .mask opacity: 1; .view-third:hover h2, .view-third:hover p, .view-third:hover a.info transform: scale(1); opacity: 1; /* ==== view 4 ===*/ .view-forth-wrapper overflow: hidden; position: relative !important; height: 100%; /* cursor: pointer;*/ .view-forth img max-width: 100%; position: relative; top: 0; -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1); .view-forth .mask position: absolute; width: 100%; /* height: 70px;*/ /* bottom: -70px;*/ height: 50%; bottom: -50%; -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1); top: inherit; .view-forth:hover .mask bottom: 0; .view-forth:hover img top: -30px; /*== view 5 ==*/ .view-fifth .view-fifth-wrapper, .view-fifth .view-fifth-wrapper img display: block; position: relative; .view-fifth .view-fifth-wrapper overflow: hidden; height: 100%; .view-fifth .view-fifth-wrapper .mask display: none; position: absolute; background: #333; background: rgba(75, 75, 75, 0.7); width: 100%; height: 100%; /* ====================== album category styles ==========================*/ #filters margin: 1% 0; padding: 0; list-style: none; list-style-type: none !important; #filters li float: left; list-style-type: none !important; #filters li:first-child span margin-left: 0px; #filters li span display: block; text-decoration: none; cursor: pointer; .album_categories list-style-type: none; margin: 0; padding: 0; overflow: hidden; padding-top: 5px; /*========= sharing buttons ============*/ .album_socials position: relative; top: 3px; width: 100px; height: 28px; margin: 0 auto; .album_socials .rwd-share-buttons top: 0px !important; width: 100% !important; margin: 0px !important; .album_socials a text-decoration: underline !important; .gallery_images, .album_image_place margin-top: 15px; margin-top: 15px; #rwd-share-facebook:hover background-position: 0 -31px !important; #rwd-share-twitter:hover background-position: -31px 32px !important; #rwd-share-googleplus:hover background-position: -66px -31px !important; .rwd-share-buttons li, .rwd-share-buttons li a width: 26px !important; border: 0px !important; .rwd-share-buttons top: 0 !important; .img_link_btn position: absolute; z-index: 99999; bottom: 0; left: 0; right: 0; width: 100%; padding: 8px; .rwd-title padding: 10px 0px !important; @media only screen and (max-width: 475px) .rwd-share-buttons top: -25px !important; .rwd-title-text line-height: 15px; /*========= hover style ===========*/ #hover color: rgba(188, 175, 204, 0.9); h2#testimonials color: #fffae3; div#all width: 100%; height: 100%; .view img height: auto; .view color: #fff; margin: 0 10px 10px 0; overflow: hidden; position: relative; text-align: center; float: left; cursor: default; border: 1px solid #ccc; .view-wrapper height: 100%; .view img display: block; position: relative; transition: all 0.2s linear; height: 100%; width: auto; max-width: 100%; margin: 0 auto; .mask-text h2 font-size: 20px !important; margin-top: 20px !important; /* view 1 */ .view-first .text-category, .view-first .mask-text h2, .view-first .mask-text p color: #fff; /* view 2 */ .view-second .text-category, .view-second .mask-text h2, .view-second p color: #333; .view-second .mask-text h2 border-bottom: 1px solid #333; /* view 3*/ .view-third .mask background-color: #ccc; transition: all 0.5s linear; opacity: 0; color: #333; .view-third h2 border-bottom: 1px solid #333; background: transparent; margin: 20px 40px 0px 40px; transform: scale(0); color: #333; transition: all 0.5s linear; opacity: 0; .view-third p color: #333; opacity: 0; transform: scale(0); transition: all 0.5s linear; .view-third .text-category color: #333; /* view 4 */ .view-forth .mask-bg background: #333; width: 100%; height: 100%; position: absolute; top: 0; left: 0; .view-forth .mask-text color: #fff; position: relative; z-index: 500; padding: 5px 8px; .view-forth .mask-text h2 margin: 0px; font-size: 13px; padding: 2px; color: #fff; .view-forth .mask-text h2:hover cursor: pointer; .view-forth .text-category display: block; font-size: 15px; color: #fff; .view-forth p color: #fff; /* view 5 */ .view-fifth .text-category, .view-fifth .text-category *, .view-fifth .mask-text h2, .view-fifth .mask-text p color: #fff; https://i0.wp.com/frayba.org.mx/wp-... <https://i0.wp.com/frayba.org.mx/wp-...> https://i1.wp.com/frayba.org.mx/wp-... <https://i1.wp.com/frayba.org.mx/wp-...> https://i0.wp.com/frayba.org.mx/wp-... <https://i0.wp.com/frayba.org.mx/wp-...> https://i0.wp.com/frayba.org.mx/wp-... <https://i0.wp.com/frayba.org.mx/wp-...> * outline:none; #g-main-slider_4 background:#f9f9f9; .entry-content a border-bottom: none; #g-main-slider_4 div.slider-content position:relative; width:100%; padding:0 0 0 0; position:relative; background:#f9f9f9; [class$="-arrow] background-image:url(https://frayba.org.mx/wp-content/plugins/gallery-images/assets/images/admin_images/arrow.dark.png) !important; .ls-select-box background:url(https://frayba.org.mx/wp-content/plugins/gallery-images/assets/images/admin_images/menu.dark.png) right center no-repeat #f9f9f9; #g-main-slider_4-nav-select color:#0074a2; #g-main-slider_4 div.slider-content .slider-content-wrapper position:relative; width:100%; padding:0; display:block; #g-main-slider_4 .slider-content-wrapper .image-block_4 position:relative; width:275px; display:table-cell; padding:0 10px 0 0; float:left; #g-main-slider_4 .slider-content-wrapper .image-block_4 img.main-image position:relative; width:100%; height:auto; display:block; #g-main-slider_4 .slider-content-wrapper .image-block_4 .play-icon position:absolute; top:0; left:0; width:100%; height:100%; #g-main-slider_4 .slider-content-wrapper .image-block_4 .play-icon.youtube-icon background:url(https://frayba.org.mx/wp-content/plugins/gallery-images/assets/images/admin_images/play.youtube.png) center center no-repeat; #g-main-slider_4 .slider-content-wrapper .image-block_4 .play-icon.vimeo-icon background:url(https://frayba.org.mx/wp-content/plugins/gallery-images/assets/images/admin_images/play.vimeo.png) center center no-repeat; #g-main-slider_4 .slider-content-wrapper .right-block display:table-cell; min-width: 210px; #g-main-slider_4 .slider-content-wrapper .right-block > div padding-bottom:10px; margin-top:10px; background:url(’https://frayba.org.mx/wp-content/plugins/gallery-images/assets/images/admin_images/divider.line.png’) center bottom repeat-x; #g-main-slider_4 .slider-content-wrapper .right-block > div:last-child background:none; #g-main-slider_4 .slider-content-wrapper .right-block .title position:relative; display:block; margin:-10px 0 0 0; font-size:16px !important; line-height:16px !important; color:#0074a2; #g-main-slider_4 .slider-content-wrapper .right-block .description clear:both; position:relative; font-weight:normal; text-align:justify; font-size:14px !important; line-height:14px !important; color:#555555; #g-main-slider_4 .slider-content-wrapper .right-block .description h1, #g-main-slider_4 .slider-content-wrapper .right-block .description h2, #g-main-slider_4 .slider-content-wrapper .right-block .description h3, #g-main-slider_4 .slider-content-wrapper .right-block .description h4, #g-main-slider_4 .slider-content-wrapper .right-block .description h5, #g-main-slider_4 .slider-content-wrapper .right-block .description h6, #g-main-slider_4 .slider-content-wrapper .right-block .description p, #g-main-slider_4 .slider-content-wrapper .right-block .description strong, #g-main-slider_4 .slider-content-wrapper .right-block .description span padding:2px !important; margin:0 !important; #g-main-slider_4 .slider-content-wrapper .right-block .description ul, #g-main-slider_4 .slider-content-wrapper .right-block .description li padding:2px 0 2px 5px; margin:0 0 0 8px; #g-main-slider_4 .slider-content-wrapper .button-block position:relative; #g-main-slider_4 .slider-content-wrapper .button-block a,#g-main-slider_4 .slider-content-wrapper .button-block a:link,#g-main-slider_4 .slider-content-wrapper .button-block a:visited position:relative; display:inline-block; padding:6px 12px; background:#2ea2cd; color:#ffffff; font-size:14px; text-decoration:none; #g-main-slider_4 .slider-content-wrapper .button-block a:hover,#g-main-slider_4 .slider-content-wrapper .button-block a:focus,#g-main-slider_4 .slider-content-wrapper .button-block a:active background:#0074a2; color:#ffffff; @media only screen and (min-width:500px) #g-main-slider_4-nav-ul visibility:hidden !important; height:1px; @media only screen and (max-width:500px) #g-main-slider_4 .slider-content-wrapper .image-block_4,#g-main-slider_4 .slider-content-wrapper .right-block width:100%; display:block; float:none; clear:both;

Encuentro de Maria de Jesús Patricio y el Concejo Indígena de Gobierno con pueblos zapatistas, en Guadalupe Tepeyac. 14 de octubre de 2017

/*===== general options =========*/ a box-shadow: none !important; .view *, .album_categories *, .album_back_button *, #album_disabled_layer font-family: sans-serif, Arial, Verdana, Sylfaen !important; #album_disabled_layer display: none; position: absolute; width: 100%; height: 100%; text-align: center; background-color: transparent; z-index: 10; padding-top: 20px; color: #fff; #album_list_container position: relative; /* ====================== album onhover styles ==========================*/ #album_list .view -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; display: none; .view .mask, .view .content width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; .view h2 text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 17px; font-family: Raleway, serif; padding: 10px; /*background: rgba(0, 0, 0, 0.8);*/ margin: 20px 0 0 0; .album_back_button a, .view a text-decoration: none !important; .view p font-family: Merriweather, serif; font-style: italic; font-size: 14px; position: relative; color: #fff; padding: 0px 20px 0px; text-align: center; .view a.info display: inline-block; text-decoration: none; font-size: 13px; padding: 2px 14px; margin-bottom: 3px; background: #000; color: #fff; font-family: Raleway, serif; text-transform: uppercase; box-shadow: 0 0 1px #000 .mask-text h2 font-size: 20px !important; .view a.info:hover box-shadow: 0 0 5px #000 .view .mask-bg height: 100%; .view .album_social color: #fff; position: absolute; bottom: 3px; left: 3px; border: 1px solid #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 3px 5px; .view .album_social:active, .view .album_social:focus, .view .album_social:hover color: #ffffff; outline: none; /*1*/ .view .info margin-top: 5px; .view-first .mask opacity: 0; background-color: rgba(0, 0, 0, 0.7); transition: all 0.4s ease-in-out; .view-first h2 transform: translateY(-100px); opacity: 0; font-family: Raleway, serif; transition: all 0.2s ease-in-out; .view-first p transform: translateY(100px); opacity: 0; transition: all 0.2s linear; .view-first a.info opacity: 0; transition: all 0.2s ease-in-out; /* */ .view-first:hover img /*transform: scale(1.1);*/ .view-first:hover .mask opacity: 1; .view-first:hover h2, .view-first:hover p, .view-first:hover a.info opacity: 1; transform: translateY(0px); .view-first:hover p transition-delay: 0.1s; .view-first:hover a.info transition-delay: 0.2s; /*2*/ .view-second img -webkit-filter: grayscale(0) blur(0); filter: grayscale(0) blur(0); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; .view-second .mask background-color: rgba(226, 200, 127, 0.2); transition: all 0.5s linear; opacity: 0; .view-second h2 background: transparent; margin: 20px 40px 0px 40px; transform: scale(0); color: #333; transition: all 0.5s linear; opacity: 0; .view-second p opacity: 0; transform: scale(0); transition: all 0.5s linear; .view-second a.info opacity: 0; transform: scale(0); transition: all 0.5s linear; .view-second:hover img -webkit-filter: grayscale(100%) blur(3px); filter: grayscale(100%) blur(3px); .view-second:hover .mask opacity: 1; .view-second:hover h2, .view-second:hover p, .view-second:hover a.info transform: scale(1); opacity: 1; .view-second img -webkit-filter: grayscale(0) blur(0); filter: grayscale(0) blur(0); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; .view-second:hover img -webkit-filter: grayscale(100%) blur(3px); filter: grayscale(100%) blur(3px); /*3*/ .view-third img transform: scaleY(1); transition: all .7s ease-in-out; .view-third a.info opacity: 0; transform: scale(0); transition: all 0.5s linear; .view-third:hover img -webkit-transform: scale(10); transform: scale(10); opacity: 0; .view-third:hover .mask opacity: 1; .view-third:hover h2, .view-third:hover p, .view-third:hover a.info transform: scale(1); opacity: 1; /* ==== view 4 ===*/ .view-forth-wrapper overflow: hidden; position: relative !important; height: 100%; /* cursor: pointer;*/ .view-forth img max-width: 100%; position: relative; top: 0; -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1); .view-forth .mask position: absolute; width: 100%; /* height: 70px;*/ /* bottom: -70px;*/ height: 50%; bottom: -50%; -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1); top: inherit; .view-forth:hover .mask bottom: 0; .view-forth:hover img top: -30px; /*== view 5 ==*/ .view-fifth .view-fifth-wrapper, .view-fifth .view-fifth-wrapper img display: block; position: relative; .view-fifth .view-fifth-wrapper overflow: hidden; height: 100%; .view-fifth .view-fifth-wrapper .mask display: none; position: absolute; background: #333; background: rgba(75, 75, 75, 0.7); width: 100%; height: 100%; /* ====================== album category styles ==========================*/ #filters margin: 1% 0; padding: 0; list-style: none; list-style-type: none !important; #filters li float: left; list-style-type: none !important; #filters li:first-child span margin-left: 0px; #filters li span display: block; text-decoration: none; cursor: pointer; .album_categories list-style-type: none; margin: 0; padding: 0; overflow: hidden; padding-top: 5px; /*========= sharing buttons ============*/ .album_socials position: relative; top: 3px; width: 100px; height: 28px; margin: 0 auto; .album_socials .rwd-share-buttons top: 0px !important; width: 100% !important; margin: 0px !important; .album_socials a text-decoration: underline !important; .gallery_images, .album_image_place margin-top: 15px; margin-top: 15px; #rwd-share-facebook:hover background-position: 0 -31px !important; #rwd-share-twitter:hover background-position: -31px 32px !important; #rwd-share-googleplus:hover background-position: -66px -31px !important; .rwd-share-buttons li, .rwd-share-buttons li a width: 26px !important; border: 0px !important; .rwd-share-buttons top: 0 !important; .img_link_btn position: absolute; z-index: 99999; bottom: 0; left: 0; right: 0; width: 100%; padding: 8px; .rwd-title padding: 10px 0px !important; @media only screen and (max-width: 475px) .rwd-share-buttons top: -25px !important; .rwd-title-text line-height: 15px; /*========= hover style ===========*/ #hover color: rgba(188, 175, 204, 0.9); h2#testimonials color: #fffae3; div#all width: 100%; height: 100%; .view img height: auto; .view color: #fff; margin: 0 10px 10px 0; overflow: hidden; position: relative; text-align: center; float: left; cursor: default; border: 1px solid #ccc; .view-wrapper height: 100%; .view img display: block; position: relative; transition: all 0.2s linear; height: 100%; width: auto; max-width: 100%; margin: 0 auto; .mask-text h2 font-size: 20px !important; margin-top: 20px !important; /* view 1 */ .view-first .text-category, .view-first .mask-text h2, .view-first .mask-text p color: #fff; /* view 2 */ .view-second .text-category, .view-second .mask-text h2, .view-second p color: #333; .view-second .mask-text h2 border-bottom: 1px solid #333; /* view 3*/ .view-third .mask background-color: #ccc; transition: all 0.5s linear; opacity: 0; color: #333; .view-third h2 border-bottom: 1px solid #333; background: transparent; margin: 20px 40px 0px 40px; transform: scale(0); color: #333; transition: all 0.5s linear; opacity: 0; .view-third p color: #333; opacity: 0; transform: scale(0); transition: all 0.5s linear; .view-third .text-category color: #333; /* view 4 */ .view-forth .mask-bg background: #333; width: 100%; height: 100%; position: absolute; top: 0; left: 0; .view-forth .mask-text color: #fff; position: relative; z-index: 500; padding: 5px 8px; .view-forth .mask-text h2 margin: 0px; font-size: 13px; padding: 2px; color: #fff; .view-forth .mask-text h2:hover cursor: pointer; .view-forth .text-category display: block; font-size: 15px; color: #fff; .view-forth p color: #fff; /* view 5 */ .view-fifth .text-category, .view-fifth .text-category *, .view-fifth .mask-text h2, .view-fifth .mask-text p color: #fff; https://i0.wp.com/frayba.org.mx/wp-... <https://i0.wp.com/frayba.org.mx/wp-...> https://i0.wp.com/frayba.org.mx/wp-... <https://i0.wp.com/frayba.org.mx/wp-...> https://i0.wp.com/frayba.org.mx/wp-... <https://i0.wp.com/frayba.org.mx/wp-...> https://i0.wp.com/frayba.org.mx/wp-... <https://i0.wp.com/frayba.org.mx/wp-...> * outline:none; #g-main-slider_8 background:#f9f9f9; .entry-content a border-bottom: none; #g-main-slider_8 div.slider-content position:relative; width:100%; padding:0 0 0 0; position:relative; background:#f9f9f9; [class$="-arrow] background-image:url(https://frayba.org.mx/wp-content/plugins/gallery-images/assets/images/admin_images/arrow.dark.png) !important; .ls-select-box background:url(https://frayba.org.mx/wp-content/plugins/gallery-images/assets/images/admin_images/menu.dark.png) right center no-repeat #f9f9f9; #g-main-slider_8-nav-select color:#0074a2; #g-main-slider_8 div.slider-content .slider-content-wrapper position:relative; width:100%; padding:0; display:block; #g-main-slider_8 .slider-content-wrapper .image-block_8 position:relative; width:275px; display:table-cell; padding:0 10px 0 0; float:left; #g-main-slider_8 .slider-content-wrapper .image-block_8 img.main-image position:relative; width:100%; height:auto; display:block; #g-main-slider_8 .slider-content-wrapper .image-block_8 .play-icon position:absolute; top:0; left:0; width:100%; height:100%; #g-main-slider_8 .slider-content-wrapper .image-block_8 .play-icon.youtube-icon background:url(https://frayba.org.mx/wp-content/plugins/gallery-images/assets/images/admin_images/play.youtube.png) center center no-repeat; #g-main-slider_8 .slider-content-wrapper .image-block_8 .play-icon.vimeo-icon background:url(https://frayba.org.mx/wp-content/plugins/gallery-images/assets/images/admin_images/play.vimeo.png) center center no-repeat; #g-main-slider_8 .slider-content-wrapper .right-block display:table-cell; min-width: 210px; #g-main-slider_8 .slider-content-wrapper .right-block > div padding-bottom:10px; margin-top:10px; background:url(’https://frayba.org.mx/wp-content/plugins/gallery-images/assets/images/admin_images/divider.line.png’) center bottom repeat-x; #g-main-slider_8 .slider-content-wrapper .right-block > div:last-child background:none; #g-main-slider_8 .slider-content-wrapper .right-block .title position:relative; display:block; margin:-10px 0 0 0; font-size:16px !important; line-height:16px !important; color:#0074a2; #g-main-slider_8 .slider-content-wrapper .right-block .description clear:both; position:relative; font-weight:normal; text-align:justify; font-size:14px !important; line-height:14px !important; color:#555555; #g-main-slider_8 .slider-content-wrapper .right-block .description h1, #g-main-slider_8 .slider-content-wrapper .right-block .description h2, #g-main-slider_8 .slider-content-wrapper .right-block .description h3, #g-main-slider_8 .slider-content-wrapper .right-block .description h4, #g-main-slider_8 .slider-content-wrapper .right-block .description h5, #g-main-slider_8 .slider-content-wrapper .right-block .description h6, #g-main-slider_8 .slider-content-wrapper .right-block .description p, #g-main-slider_8 .slider-content-wrapper .right-block .description strong, #g-main-slider_8 .slider-content-wrapper .right-block .description span padding:2px !important; margin:0 !important; #g-main-slider_8 .slider-content-wrapper .right-block .description ul, #g-main-slider_8 .slider-content-wrapper .right-block .description li padding:2px 0 2px 5px; margin:0 0 0 8px; #g-main-slider_8 .slider-content-wrapper .button-block position:relative; #g-main-slider_8 .slider-content-wrapper .button-block a,#g-main-slider_8 .slider-content-wrapper .button-block a:link,#g-main-slider_8 .slider-content-wrapper .button-block a:visited position:relative; display:inline-block; padding:6px 12px; background:#2ea2cd; color:#ffffff; font-size:14px; text-decoration:none; #g-main-slider_8 .slider-content-wrapper .button-block a:hover,#g-main-slider_8 .slider-content-wrapper .button-block a:focus,#g-main-slider_8 .slider-content-wrapper .button-block a:active background:#0074a2; color:#ffffff; @media only screen and (min-width:500px) #g-main-slider_8-nav-ul visibility:hidden !important; height:1px; @media only screen and (max-width:500px) #g-main-slider_8 .slider-content-wrapper .image-block_8,#g-main-slider_8 .slider-content-wrapper .right-block width:100%; display:block; float:none; clear:both;

Cobertura especial de los tercios compas y medios libres

Fotos: Thomas Zapf /Frayba

Leer:

Observadores de derechos humanos acompañan caravana del CIG

Congreso Nacional Indígena

https://www.facebook.com/hashtag/es... #Escucha audios