CINXE.COM

Diversidad biológica de Guatemala – especies de Guatemala, ecosistemas de Guatemala, biodiversidad Guatemala

<!DOCTYPE html> <!--[if IE 8]> <html class="ie ie8" lang="en-US"> <![endif]--> <!--[if !(IE 8)]><!--> <html lang="en-US" class="cmsms_html"> <!--<![endif]--> <head> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-171815547-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-171815547-1'); </script> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <link rel="shortcut icon" href="img/favicon-2.jpg" type="image/x-icon" /> <title>Diversidad biológica de Guatemala – especies de Guatemala, ecosistemas de Guatemala, biodiversidad Guatemala</title> <link rel='stylesheet' href='LayerSlider/css/layerslider.css' type='text/css' media='all' /> <link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Lato:100,300,regular,700,900%7COpen+Sans:300%7CIndie+Flower:regular%7COswald:300,regular,700&#038;subset=latin,latin-ext' type='text/css' media='all' /> <link rel="stylesheet" type="text/css" href="csseco/settings.css" media="screen" /> <link rel='stylesheet' href='csseco/style.css' /> <link rel='stylesheet' href='csseco/adaptive.css' /> <link rel='stylesheet' href='csseco/retina.css' /> <link rel='stylesheet' href='csseco/ilightbox.css' /> <link rel='stylesheet' href='csseco/ilightbox-skins/dark-skin.css' /> <link rel='stylesheet' href='csseco/cmsms-events-style.css' /> <link rel='stylesheet' href='csseco/cmsms-events-adaptive.css' /> <link rel='stylesheet' href='csseco/fontello.css' /> <link rel='stylesheet' href='csseco/animate.css' /> <link rel='stylesheet' href='csseco/main.css' type="text/css" /> <link href="assets/css/themes/layout/header/base/light.css" rel="stylesheet" type="text/css" /> <link href="assets/css/themes/layout/header/menu/light.css" rel="stylesheet" type="text/css" /> <link href="assets/css/themes/layout/brand/dark.css" rel="stylesheet" type="text/css" /> <link href="assets/css/themes/layout/aside/dark.css" rel="stylesheet" type="text/css" /> <link href="assets/vendors/custom/datatables/datatables.bundle.css" rel="stylesheet" type="text/css" /> <link href="assets/css/demo1/style.bundle.css" rel="stylesheet" type="text/css" /> <link href="assets/vendors/general/tether/dist/css/tether.css" rel="stylesheet" type="text/css" /> <link href="assets/vendors/general/bootstrap-datepicker/dist/css/bootstrap-datepicker3.css" rel="stylesheet" type="text/css" /> <link href="assets/vendors/general/bootstrap-datetime-picker/css/bootstrap-datetimepicker.css" rel="stylesheet" type="text/css" /> <link href="assets/vendors/general/bootstrap-timepicker/css/bootstrap-timepicker.css" rel="stylesheet" type="text/css" /> <link href="assets/vendors/general/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet" type="text/css" /> <link href="assets/vendors/general/bootstrap-touchspin/dist/jquery.bootstrap-touchspin.css" rel="stylesheet" type="text/css" /> <link href="assets/vendors/general/bootstrap-select/dist/css/bootstrap-select.css" rel="stylesheet" type="text/css" /> <link href="assets/vendors/general/bootstrap-switch/dist/css/bootstrap3/bootstrap-switch.css" rel="stylesheet" type="text/css" /> <link href="assets/vendors/general/select2/dist/css/select2.css" rel="stylesheet" type="text/css" /> <link href="assets/vendors/general/ion-rangeslider/css/ion.rangeSlider.css" rel="stylesheet" type="text/css" /> <link href="assets/vendors/general/nouislider/distribute/nouislider.css" rel="stylesheet" type="text/css" /> <link href="assets/vendors/general/owl.carousel/dist/assets/owl.carousel.css" rel="stylesheet" type="text/css" /> <link href="assets/vendors/general/owl.carousel/dist/assets/owl.theme.default.css" rel="stylesheet" type="text/css" /> <link href="assets/vendors/general/dropzone/dist/dropzone.css" rel="stylesheet" type="text/css" /> <link href="assets/vendors/general/summernote/dist/summernote.css" rel="stylesheet" type="text/css" /> <link href="assets/vendors/general/bootstrap-markdown/css/bootstrap-markdown.min.css" rel="stylesheet" type="text/css" /> <link href="assets/vendors/general/animate.css/animate.css" rel="stylesheet" type="text/css" /> <link href="assets/vendors/general/toastr/build/toastr.css" rel="stylesheet" type="text/css" /> <link href="assets/vendors/general/morris.js/morris.css" rel="stylesheet" type="text/css" /> <link href="assets/vendors/general/sweetalert2/dist/sweetalert2.css" rel="stylesheet" type="text/css" /> <link href="assets/vendors/general/socicon/css/socicon.css" rel="stylesheet" type="text/css" /> <link href="assets/vendors/custom/vendors/line-awesome/css/line-awesome.css" rel="stylesheet" type="text/css" /> <link href="assets/vendors/custom/vendors/flaticon/flaticon.css" rel="stylesheet" type="text/css" /> <link href="assets/vendors/custom/vendors/flaticon2/flaticon.css" rel="stylesheet" type="text/css" /> <link href="assets/vendors/general/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <!--[if lte IE 9]> <link rel='stylesheet' href='css/ie.css' type='text/css' media='screen' /> <link rel='stylesheet' href='css/econature_fonts.css' type='text/css' media='screen' /> <link rel='stylesheet' href='css/econature_colors_primary.css' type='text/css' media='screen' /> <link rel='stylesheet' href='css/econature_colors_secondary.css' type='text/css' media='screen' /> <![endif]--> <link rel='stylesheet' href='csseco/econature.css' /> <link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Oxygen%3A300%2C400%2C700&#038;ver=4.2' type='text/css' media='all' /> <link rel='stylesheet' href='csseco/jquery.isotope.css' type='text/css' media='screen' /> <script type='text/javascript' src='jseco/jquery.js'></script> <script type='text/javascript' src='jseco/jquery-migrate.min.js'></script> <script type='text/javascript' src='jseco/counts.js'></script> <style type="text/css"> .container { display: grid; grid-template-columns: 100px 100px 100px; grid-template-rows: 50px 50px; } .big-modal { max-width: 80% !important; } .cmsms_dynamic_cart .widget_shopping_cart_content .cart_list { overflow-y:auto; } .header_mid_inner .logo { position:static; } #footer.cmsms_footer_default .footer_inner { min-height:450px; } .fixed_footer #main { margin-bottom:450px; } #cmsms_row_01.cmsms_row_outer_parent { padding-top: 0px; } #cmsms_row_01 .cmsms_row_outer_parent { padding-bottom: 0px; } #cmsms_row_01 .cmsms_row_inner.cmsms_row_fullwidth { padding-left:0%; } #cmsms_row_01 .cmsms_row_inner.cmsms_row_fullwidth { padding-right:0%; } #cmsms_row_0 .cmsms_row_outer_parent { padding-top: 0px; } #cmsms_row_0 .cmsms_row_outer_parent { padding-bottom: 0px; } #cmsms_row_0 .cmsms_row_inner.cmsms_row_fullwidth { padding-left:0%; } #cmsms_row_0 .cmsms_row_inner.cmsms_row_fullwidth { padding-right:0%; } #cmsms_row_1 .cmsms_row_outer_parent { padding-top: 0px; } #cmsms_row_1 .cmsms_row_outer_parent { padding-bottom: 0px; } #cmsms_row_1 .cmsms_row_inner.cmsms_row_fullwidth { padding-left:0%; } #cmsms_row_1 .cmsms_row_inner.cmsms_row_fullwidth { padding-right:0%; } #cmsms_row_2 .cmsms_row_outer_parent { padding-top: 40px; } #cmsms_row_2 .cmsms_row_outer_parent { padding-bottom: 20px; } #cmsms_row_3 .cmsms_row_outer_parent { padding-top: 60px; } #cmsms_row_3 .cmsms_row_outer_parent { padding-bottom: 0px; } #cmsms_heading_553e49e80710d, #cmsms_heading_553e49e80710d a { font-size:34px; text-align:center; font-weight:300; font-style:normal; margin-top:0px; margin-bottom:40px; } #cmsms_row_4 .cmsms_row_outer_parent { padding-top: 0px; } #cmsms_row_4 .cmsms_row_outer_parent { padding-bottom: 0px; } #cmsms_stat_553e49e8075f6 .cmsms_stat_counter { color:#57cbe1; } #cmsms_stat_553e49e8076a4 .cmsms_stat_counter { color:#62e0c1; } #cmsms_stat_553e49e80773a .cmsms_stat_counter { color:#7fe092; } #cmsms_stat_553e49e8077d1 .cmsms_stat_counter { color:#b7f275; } #cmsms_row_5 .cmsms_row_outer_parent { padding-top: 0px; } #cmsms_row_5 .cmsms_row_outer_parent { padding-bottom: 0px; } #cmsms_heading_553e49e807cad, #cmsms_heading_553e49e807cad a { color:#979ca4; color:rgba(151, 156, 164, 1); font-size:18px; line-height:32px; text-align:center; font-weight:300; font-style:normal; margin-top:0px; margin-bottom:30px; } #cmsms_row_6 .cmsms_row_outer_parent { padding-top: 0px; } #cmsms_row_6 .cmsms_row_outer_parent { padding-bottom: 70px; } #cmsms_paypal_donations_553e49e8080d0 { text-align:center; } #cmsms_paypal_donations_553e49e8080d0 .cmsms_button:before { margin-right:0; margin-left:0; vertical-align:baseline; } #cmsms_paypal_donations_553e49e8080d0 .cmsms_button { font-weight:100; font-style:normal; } #cmsms_paypal_donations_553e49e8080d0 form:hover + .cmsms_button { } #cmsms_row_7 { background-image: url(img/images/bg-big-sky.jpg); background-position: top center; background-repeat: repeat-y; background-attachment: scroll; background-size: cover; } #cmsms_row_7 .cmsms_row_outer_parent { padding-top: 60px; } #cmsms_row_7 .cmsms_row_outer_parent { padding-bottom: 100px; } #cmsms_row_7 .cmsms_row_inner.cmsms_row_fullwidth { padding-left:10%; } #cmsms_row_7 .cmsms_row_inner.cmsms_row_fullwidth { padding-right:10%; } #cmsms_heading_553e49e808e7f, #cmsms_heading_553e49e808e7f a { color:#ffffff; color:rgba(255, 255, 255, 1); font-size:34px; text-align:center; font-weight:300; font-style:normal; margin-top:0px; margin-bottom:60px; } #cmsms_row_8 .cmsms_row_outer_parent { padding-top: 80px; } #cmsms_row_8 .cmsms_row_outer_parent { padding-bottom: 0px; } #cmsms_heading_553e49e81ea44, #cmsms_heading_553e49e81ea44 a { font-size:32px; text-align:center; font-weight:300; font-style:normal; margin-top:0px; margin-bottom:0px; } #cmsms_row_9 .cmsms_row_outer_parent { padding-top: 60px; } #cmsms_row_9 .cmsms_row_outer_parent { padding-bottom: 20px; } #cmsms_icon_list_items_553e49e81ee7b.cmsms_icon_list_pos_right .cmsms_icon_list_item:before { left:auto; right:39.5px; } #cmsms_icon_list_items_553e49e81ee7b.cmsms_icon_list_type_block .cmsms_icon_list_item:before { width:1px; } #cmsms_icon_list_items_553e49e81ee7b .cmsms_icon_list_icon { border-width:1px; width:80px; height:80px; -webkit-border-radius:50; -moz-border-radius:50; border-radius:50; } #cmsms_icon_list_items_553e49e81ee7b .cmsms_icon_list_icon:before { font-size:32px; line-height:78px; } .cmsms_icon_list_items.cmsms_color_type_icon #cmsms_icon_list_item_553e49e81efbc .cmsms_icon_list_icon:before { color:#58d4e7; } .cmsms_icon_list_items.cmsms_color_type_icon #cmsms_icon_list_item_553e49e81efbc:hover .cmsms_icon_list_icon { background-color:#58d4e7; } .cmsms_icon_list_items.cmsms_color_type_icon #cmsms_icon_list_item_553e49e81efbc:hover .cmsms_icon_list_icon:before { color:inherit; } .cmsms_icon_list_items.cmsms_color_type_icon #cmsms_icon_list_item_553e49e81f115 .cmsms_icon_list_icon:before { color:#62e0c7; } .cmsms_icon_list_items.cmsms_color_type_icon #cmsms_icon_list_item_553e49e81f115:hover .cmsms_icon_list_icon { background-color:#62e0c7; } .cmsms_icon_list_items.cmsms_color_type_icon #cmsms_icon_list_item_553e49e81f115:hover .cmsms_icon_list_icon:before { color:inherit; } #cmsms_icon_list_items_553e49e81f520.cmsms_icon_list_items .cmsms_icon_list_item:before { left:39.5px; } #cmsms_icon_list_items_553e49e81f520.cmsms_icon_list_type_block .cmsms_icon_list_item:before { width:1px; } #cmsms_icon_list_items_553e49e81f520 .cmsms_icon_list_icon { border-width:1px; width:80px; height:80px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; } #cmsms_icon_list_items_553e49e81f520 .cmsms_icon_list_icon:before { font-size:32px; line-height:78px; } .cmsms_icon_list_items.cmsms_color_type_icon #cmsms_icon_list_item_553e49e81f676 .cmsms_icon_list_icon:before { color:#7ce095; } .cmsms_icon_list_items.cmsms_color_type_icon #cmsms_icon_list_item_553e49e81f676:hover .cmsms_icon_list_icon { background-color:#7ce095; } .cmsms_icon_list_items.cmsms_color_type_icon #cmsms_icon_list_item_553e49e81f676:hover .cmsms_icon_list_icon:before { color:inherit; } .cmsms_icon_list_items.cmsms_color_type_icon #cmsms_icon_list_item_553e49e81f7b9 .cmsms_icon_list_icon:before { color:#a6ec7c; } .cmsms_icon_list_items.cmsms_color_type_icon #cmsms_icon_list_item_553e49e81f7b9:hover .cmsms_icon_list_icon { background-color:#a6ec7c; } .cmsms_icon_list_items.cmsms_color_type_icon #cmsms_icon_list_item_553e49e81f7b9:hover .cmsms_icon_list_icon:before { color:inherit; } #cmsms_row_10 .cmsms_row_outer_parent { padding-top: 40px; } #cmsms_row_10 .cmsms_row_outer_parent { padding-bottom: 50px; } #cmsms_heading_553e49e81fcae, #cmsms_heading_553e49e81fcae a { font-size:32px; text-align:center; font-weight:300; font-style:normal; margin-top:0px; margin-bottom:0px; } #cmsms_row_11 .cmsms_row_outer_parent { padding-top: 0px; } #cmsms_row_11 .cmsms_row_outer_parent { padding-bottom: 70px; } #cmsms_heading_553e49e832cc5, #cmsms_heading_553e49e832cc5 a { font-size:26px; text-align:left; font-weight:300; font-style:normal; margin-top:0px; margin-bottom:40px; } #cmsms_tabs_list_item_553e49e832e43 a:hover,#cmsms_tabs_list_item_553e49e832e43.current_tab a { background-color:#57cbe1; border-color:#57cbe1; } #cmsms_tabs_list_item_553e49e8358a9 a:hover,#cmsms_tabs_list_item_553e49e8358a9.current_tab a { background-color:#62e0c1; border-color:#62e0c1; } #cmsms_tabs_list_item_553e49e835a40 a:hover,#cmsms_tabs_list_item_553e49e835a40.current_tab a { background-color:#7fe092; border-color:#7fe092; } #cmsms_heading_553e49e835edb, #cmsms_heading_553e49e835edb a { font-size:26px; text-align:left; font-weight:300; font-style:normal; margin-top:0px; margin-bottom:40px; } .cmsms_stats.shortcode_animated #cmsms_stat_553e49e836051.cmsms_stat { width:78%; } #cmsms_stat_553e49e836051 .cmsms_stat_inner { background-color:#57cbe1; color:#ffffff; } .cmsms_stats.shortcode_animated #cmsms_stat_553e49e8360f4.cmsms_stat { width:73%; } #cmsms_stat_553e49e8360f4 .cmsms_stat_inner { background-color:#62e0c1; color:#ffffff; } .cmsms_stats.shortcode_animated #cmsms_stat_553e49e836189.cmsms_stat { width:92%; } #cmsms_stat_553e49e836189 .cmsms_stat_inner { background-color:#7fe092; color:#ffffff; } .cmsms_stats.shortcode_animated #cmsms_stat_553e49e836214.cmsms_stat { width:88%; } #cmsms_stat_553e49e836214 .cmsms_stat_inner { background-color:#b7f275; color:#ffffff; } .cmsms_stats.shortcode_animated #cmsms_stat_553e49e83629e.cmsms_stat { width:78%; } #cmsms_stat_553e49e83629e .cmsms_stat_inner { background-color:#c9ef5f; color:#ffffff; } #cmsms_row_12 { background-image: url(img/images/bg-big-water.jpg); background-position: top center; background-repeat: repeat-y; background-attachment: scroll; background-size: cover; } #cmsms_row_12 .cmsms_row_outer_parent { padding-top: 40px; } #cmsms_row_12 .cmsms_row_outer_parent { padding-bottom: 20px; } #cmsms_row_13 { background-position: top center; background-repeat: repeat-y; background-attachment: scroll; background-size: cover; } #cmsms_row_13 .cmsms_row_outer_parent { padding-top: 40px; } #cmsms_row_13 .cmsms_row_outer_parent { padding-bottom: 20px; } .containerdiv { border: 0; float: left; position: relative; } .cornerimage { border: 0; position: absolute; top: 0; right: 0; } #overlay { position: absolute; top: 0px; color: #FFF; text-align: center; font-size: 20px; width: 640px; padding: 10px 0; z-index: 2147483647; } #overlay2 { position: absolute; top: 0px; color: #FFF; text-align: right; font-size: 50px; width: 100%; padding: 10px 10px 0; z-index: 2147483647; } .header { position: fixed; top: 0; left: 0; width: 100%; height: 88px; z-index: 10; background: #eeeeee; -webkit-box-shadow: 0 7px 8px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 7px 8px rgba(0, 0, 0, 0.12); box-shadow: 0 7px 8px rgba(0, 0, 0, 0.12); } .header__content-text { text-align: center; padding: 15px 20px; } .page__content-container { margin: 100px auto; width: 975px; padding: 30px; } .block { height:100px; width:1800px; text-align:center; } .center { margin:auto; } .left { margin:auto auto auto 0; background-color:red; } .right { margin:auto 0 auto auto; background-color:yellow; } .column { float: left; width: 25%; padding: 25px; } /* Clear floats after image containers */ .row::after { content: ""; clear: both; display: table; } .accordion { background-color: #eee; color: #444; cursor: pointer; padding: 18px; width: 100%; text-align: left; border: none; outline: none; transition: 0.4s; } /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */ .active, .accordion:hover { background-color: #ccc; } /* Style the accordion panel. Note: hidden by default */ .panel { padding: 0 18px; background-color: white; display: none; overflow: hidden; } /* Add a black background color to the top navigation */ .topnav { background-color: #333; overflow: hidden; } /* Style the links inside the navigation bar */ .topnav a { float: left; display: block; color: #f2f2f2; text-align: center; padding: 14px 16px; text-decoration: none; font-size: 17px; } /* Change the color of links on hover */ .topnav a:hover { background-color: #ddd; color: black; } /* Add an active class to highlight the current page */ .topnav a.active { background-color: #04AA6D; color: white; } /* Hide the link that should open and close the topnav on small screens */ .topnav .icon { display: none; } @media screen and (max-width: 600px) { .topnav a:not(:first-child) {display: none;} .topnav a.icon { float: right; display: block; } } @media screen and (max-width: 600px) { .topnav.responsive {position: relative;} .topnav.responsive .icon { position: absolute; right: 0; top: 0; } .topnav.responsive a { float: none; display: block; text-align: left; } } } </style> </head> <body> <!-- _________________________ Start Page _________________________ --> <div id="page" class="csstransition cmsms_liquid fixed_header hfeed site"> <!-- _________________________ Start Main _________________________ --> <div id="main"> <!-- _________________________ Start Header _________________________ --> <div id="cmsms_row_0" class="cmsms_row cmsms_color_scheme_default"> <!-- _________________________ Finish Navigation _________________________ --> </div> <header> <div class="overlay"> </div> <div id="overlay"> <!-- <img src="img/LogoSnib.png" alt="Logo SNIB2" /> --> </div> <div class="overlay2"> <div class="topnav" id="myTopnav"> <div id="DivMenuPrincipal"></div> </div> </div> <video playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop" style="width:100%;"> <source src="img/vid/SnibBIg.mp4" type="video/mp4"> </video> </header> <!-- _________________________ Finish Header _________________________ --> <!-- _________________________ Start Middle _________________________ --> <section id="middle"> <div class="middle_inner"> <!--_________________________ Start Content _________________________ --> <!-- <div id="cmsms_row_1" class="cmsms_row cmsms_color_scheme_default"> <div class="cmsms_row_outer_parent"> <div class="cmsms_row_outer"> <div class="cmsms_row_inner cmsms_row_fullwidth"> <div class="cmsms_row_margin"> <div class="cmsms_column one_first"> <div class="cmsms_slider"> <script type="text/javascript">var lsjQuery = jQuery;</script> <script type="text/javascript"> lsjQuery(document).ready(function() { if(typeof lsjQuery.fn.layerSlider == "undefined") { lsShowNotice('layerslider_1','jquery'); } else { lsjQuery("#layerslider_1").layerSlider({ navStartStop: false, navButtons: false, skinsPath: 'LayerSlider/assets/skins/' })} }); </script> <div id="layerslider_1" class="ls-wp-container" style="width:1920px;height:670px;margin:0 auto;"> <div class="ls-slide" data-ls="slidedelay:3500; transition2d: all;"> <img src="LayerSlider/img/blank.gif" data-src="LayerSlider/img/bg-blur.jpg" class="ls-bg" alt="bg-blur" /> <img class="ls-l" style="top:0px;left:0px;white-space: nowrap;" data-ls="offsetxin:0;delayin:400;offsetxout:0;durationout:1000;parallaxlevel:1;" src="LayerSlider/img/blank.gif" data-src="LayerSlider/img/bg.jpg" alt=""> <p class="ls-l" style="top:210px;left:573px;font-weight:300;font-family:open sans;font-size:54px;color:#ffffff;white-space: nowrap;" data-ls="offsetxin:0;durationin:1300;delayin:400;offsetxout:0;">The Creation of</p> <p class="ls-l" style="top:280px;left:567px;font-weight:300;font-family:open sans;font-size:90px;color:#ffffff;white-space: nowrap;" data-ls="offsetxin:0;durationin:1500;delayin:800;offsetxout:0;durationout:0;">a Thousand Forests</p> <p class="ls-l" style="top:402px;left:1089px;font-weight:300;font-family:open sans;font-size:40px;color:#ffffff;white-space: nowrap;" data-ls="offsetxin:0;durationin:2000;delayin:1200;offsetxout:0;">is in one acorn</p> <img class="ls-l" style="top:278px;left:1354px;font-weight:300;font-family:open sans;font-size:40px;color:#ffffff;white-space: nowrap;" data-ls="offsetxin:0;durationin:2000;delayin:1200;rotatein:90;rotatexin:180;rotateyin:180;offsetxout:0;" src="LayerSlider/img/blank.gif" data-src="LayerSlider/img/leaf.png" alt=""> </div> <div class="ls-slide" data-ls="slidedelay:3500; transition2d: all;"> <img src="LayerSlider/img/blank.gif" data-src="LayerSlider/img/bg-blur-2.jpg" class="ls-bg" alt="bg-blur-2" /> <img class="ls-l" style="top:0px;left:0px;white-space: nowrap;" data-ls="offsetxin:0;durationin:800;delayin:200;offsetxout:0;durationout:1000;parallaxlevel:1;" src="LayerSlider/img/blank.gif" data-src="LayerSlider/img/bg-2.jpg" alt=""> <p class="ls-l" style="top:195px;left:510px;font-weight:300;font-family:open sans;font-size:180px;color:#ffffff;white-space: nowrap;" data-ls="offsetxin:0;delayin:400;offsetxout:0;durationout:0;">10 000 000</p> <p class="ls-l" style="top:526px;left:711px;font-weight:500;font-family:open sans;font-size:28px;color:#ffffff;white-space: nowrap;" data-ls="offsetxin:0;delayin:1000;offsetxout:0;">Are spilled in the ocean waters annually</p> <img class="ls-l" style="top:161px;left:934px;font-weight:300;font-family:open sans;font-size:40px;color:#ffffff;white-space: nowrap;" data-ls="offsetxin:0;durationin:2000;delayin:800;rotatexin:180;rotateyin:180;offsetxout:0;" src="LayerSlider/img/blank.gif" data-src="LayerSlider/img/wave.png" alt=""> <p class="ls-l" style="top:398px;left:838px;font-weight:300;font-family:open sans;font-size:60px;color:#ffffff;white-space: nowrap;" data-ls="offsetxin:0;delayin:600;offsetxout:0;durationout:0;">tons of oil</p> </div> <div class="ls-slide" data-ls="slidedelay:3800; transition2d: all;"> <img src="LayerSlider/img/blank.gif" data-src="LayerSlider/img/bg-blur-3.jpg" class="ls-bg" alt="bg-blur-3" /> <img class="ls-l" style="top:0px;left:1px;white-space: nowrap;" data-ls="offsetxin:0;durationin:800;delayin:200;offsetxout:0;durationout:1000;parallaxlevel:1;" src="LayerSlider/img/blank.gif" data-src="LayerSlider/img/bg-3.jpg" alt=""> <p class="ls-l" style="top:125px;left:373px;font-weight:300;font-family:open sans;font-size:240px;color:#ffffff;white-space: nowrap;" data-ls="offsetxin:0;durationin:800;delayin:400;offsetxout:0;durationout:0;">Sun</p> <img class="ls-l" style="top:153px;left:791px;font-weight:300;font-family:open sans;font-size:44px;color:#ffffff;white-space: nowrap;" data-ls="offsetxin:-160;offsetyin:250;durationin:1500;delayin:800;rotatein:60;rotatexin:60;rotateyin:60;offsetxout:160;offsetyout:-250;durationout:600;" src="LayerSlider/img/blank.gif" data-src="LayerSlider/img/plan.png" alt=""> <p class="ls-l" style="top:407px;left:382px;font-weight:300;font-family:open sans;font-size:36px;color:#ffffff;white-space: nowrap;" data-ls="offsetxin:0;durationin:1500;delayin:800;offsetxout:0;">Gives us clean energy</p> <p class="ls-l" style="top:456px;left:381px;font-weight:300;font-family:open sans;font-size:36px;color:#ffffff;white-space: nowrap;" data-ls="offsetxin:0;durationin:1500;delayin:800;offsetxout:0;">Every day</p> <p class="ls-l" style="top:508px;left:380px;font-weight:300;font-family:open sans;font-size:36px;color:#ffffff;white-space: nowrap;" data-ls="offsetxin:0;durationin:1500;delayin:800;offsetxout:0;">100% Free</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> --> <!-- <div id="cmsms_row_0" class="cmsms_row cmsms_color_scheme_default"> <video width="1920" height="670" autoplay loop muted playsinline> <source src="img/vid/SNIBgtPromocional.mp4" type="video/mp4" /> </video> </div> --> <div id="cmsms_row_1" class="cmsms_row cmsms_color_scheme_default"> <footer id="footer" class="cmsms_color_scheme_footer cmsms_footer_small"> <div class="footer_bg"> <div class="footer_inner"> <div class="social_wrap"> <div class="social_wrap_inner"> <a href="https://twitter.com/SNIBgt" title="Twitter" target="_blank"><img style="width:7%;" src="twitter.png" alt="buttonpng" border="0" /></a> <a href="https://www.facebook.com/BiodiversidadGT" title="Facebook" target="_blank"><img style="width:7%;" src="facebook.jpg" alt="buttonpng" border="0" /></a> <a href="https://www.youtube.com/channel/UCJEdErXjSqEhKAbgr-qmUUw" title="youtube" target="_blank"><img style="width:7%;" src="youtube.png" alt="buttonpng" border="0" /></a> </div> </div> </div> </div> </footer> </div> <div id="cmsms_row_2" class="cmsms_row cmsms_color_scheme_default"> <div class="s01"> <form role="search" method="get" class="search-form" action="https://snib.conap.gob.gt/registros/occurrences/search"> <fieldset> </fieldset> <div class="inner-form"> <div class="input-field first-wrap"> <input type="search" id="txtfinder" placeholder="" value="" name="q" /> </div> </div> </form> </div> </div> <div id="cmsms_row_3" class="cmsms_row cmsms_color_scheme_default"> <div class="cmsms_row_outer_parent"> <div class="cmsms_row_outer"> <div class="cmsms_row_inner"> <div class="cmsms_row_margin"> <div class="cmsms_column one_first"> <div class="cmsms_posts_slider" > <button class="accordion" data-toggle="modal" data-target="#modalDocs">Busqueda de Documentos</button> </div> </div> </div> </div> </div> </div> </div> <div id="cmsms_row_3" class="cmsms_row cmsms_color_scheme_default" style="width:100%;"> <div class="cmsms_row_outer_parent"> <div class="cmsms_row_outer"> <div class="cmsms_row_inner"> <div class="cmsms_row_margin"> <div class="cmsms_column one_first"> <h2 id="cmsms_heading_553e49e81fcae" class="cmsms_heading"><label id="InterInfo">Cargando....</label></h2> <div class="cmsms_posts_slider" > <div> <div class="row" id="DivinfoInter"> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="cmsms_row_2" class="cmsms_row cmsms_color_scheme_default"> <div class="cmsms_row_outer_parent"> <div class="cmsms_row_outer"> <div class="cmsms_row_inner"> <div class="cmsms_row_margin"> <div class="cmsms_column one_first"> <h2 id="cmsms_heading_553e49e81fcae" class="cmsms_heading"><label id="NuestroServicios"></label></h2> <div class="cmsms_posts_slider" > <div> <div class="row" id="DivOurService"></div> </div> </div> </div> </div> </div> </div> </div> <div id="cmsms_row_4" class="cmsms_row cmsms_color_scheme_default"> <div class="cmsms_row_outer_parent"> <div class="cmsms_row_outer"> <div class="cmsms_row_inner"> <div class="cmsms_row_margin"> <div class="cmsms_column one_first"> <div class="cmsms_stats stats_mode_counters stats_type_numbers stats_noborder" data-delay="400"> <div class="cmsms_stat_wrap one_fourth"> <div id="cmsms_stat_553e49e8075f6" class="cmsms_stat stat_has_titleicon"> <div class="cmsms_stat_inner cmsms-icon-thumbs-up-5"> <span class="cmsms_stat_counter_wrap"><span class="cmsms_stat_prefix"></span><span class="cmsms_stat_counter"><label id="lblCountOcurrence"></label></span><span class="cmsms_stat_suffix"></span></span> <span class="cmsms_stat_title">Registros Verificados</span> </div> </div> </div> <div class="cmsms_stat_wrap one_fourth"> <div id="cmsms_stat_553e49e8076a4" class="cmsms_stat stat_has_titleicon"> <div class="cmsms_stat_inner cmsms-icon-map"> <span class="cmsms_stat_counter_wrap"><span class="cmsms_stat_prefix"></span><span class="cmsms_stat_counter"><label id="lblCountDr"></label></span><span class="cmsms_stat_suffix"></span></span> <span class="cmsms_stat_title">Conjunto de Datos</span> </div> </div> </div><div class="cmsms_stat_wrap one_fourth"> <div id="cmsms_stat_553e49e80773a" class="cmsms_stat stat_has_titleicon"> <div class="cmsms_stat_inner cmsms-icon-list"> <span class="cmsms_stat_counter_wrap"><span class="cmsms_stat_prefix"></span><span class="cmsms_stat_counter"><label id="lblCountUsr"></label></span><span class="cmsms_stat_suffix"></span></span> <span class="cmsms_stat_title">Usuarios registrados</span> </div> </div> </div><div class="cmsms_stat_wrap one_fourth"> <div id="cmsms_stat_553e49e8077d1" class="cmsms_stat stat_has_titleicon"> <div class="cmsms_stat_inner cmsms-icon-person"> <span class="cmsms_stat_counter_wrap"><span class="cmsms_stat_prefix"></span><span class="cmsms_stat_counter"><label id="lblCountIns"></label></span><span class="cmsms_stat_suffix"></span></span> <span class="cmsms_stat_title">Colecciones e Instituciones</span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- <div id="cmsms_row_5" class="cmsms_row cmsms_color_scheme_default"> <div class="cmsms_row_outer_parent"> <div class="cmsms_row_outer"> <div class="cmsms_row_inner"> <div class="cmsms_row_margin"> <div class="cmsms_column one_fourth"></div> <div class="cmsms_column one_half"> <h4 id="cmsms_heading_553e49e807cad" class="cmsms_heading">Donec fringilla, erat et semper eleifend, justo quam sodales a vehicula ipsum libero eget mi. Integer condimentum, nibh aliquet.</h4> </div> <div class="cmsms_column one_fourth"></div> </div> </div> </div> </div> </div> --> <!-- <div id="cmsms_row_6" class="cmsms_row cmsms_color_scheme_default"> <div class="cmsms_row_outer_parent"> <div class="cmsms_row_outer"> <div class="cmsms_row_inner"> <div class="cmsms_row_margin"> <div class="cmsms_column one_first"> <div id="cmsms_paypal_donations_553e49e8080d0" class="cmsms_paypal_donations_wrap"> <div class="cmsms_paypal_donations"> <a href="#" class="cmsms_button">Donate Now!</a> </div> </div> </div> </div> </div> </div> </div> </div> --> <div id="cmsms_row_7" class="cmsms_row cmsms_color_scheme_default" data-stellar-background-ratio="0.5"> <div class="cmsms_row_outer_parent"> <div class="cmsms_row_outer"> <div class="cmsms_row_inner cmsms_row_fullwidth"> <div class="cmsms_row_margin"> <div class="cmsms_column one_first"> <h2 id="cmsms_heading_553e49e808e7f" class="cmsms_heading"><label id="EspcAmen"></label></h2> <div class="cmsms_wrap_portfolio entry-summary" id="portfolio_553e49e808f56" data-meta="title,categories,rollover"> <div class="row" id="DivEspecAme"> </div> </div> </div> </div> </div> </div> </div> </div> <div id="cmsms_row_8" class="cmsms_row cmsms_color_scheme_default"> <div class="cmsms_row_outer_parent"> <div class="cmsms_row_outer"> <div class="cmsms_row_inner"> <div class="cmsms_row_margin"> <div class="cmsms_column one_first"> <h1 id="cmsms_heading_553e49e81ea44" class="cmsms_heading"><label id="Principios"></label></h1> </div> </div> </div> </div> </div> </div> <div id="cmsms_row_9" class="cmsms_row cmsms_color_scheme_default"> <div class="cmsms_row_outer_parent"> <div class="cmsms_row_outer"> <div class="cmsms_row_inner"> <div class="cmsms_row_margin"> <div class="cmsms_column one_half"> <ul id="cmsms_icon_list_items_553e49e81ee7b" class="cmsms_icon_list_items cmsms_icon_list_type_block cmsms_icon_list_pos_right cmsms_color_type_icon"> <li id="cmsms_icon_list_item_553e49e81efbc" class="cmsms_icon_list_item"> <div class="cmsms_icon_list_item_inner"> <div class="cmsms_icon_list_icon_wrap"> <span class="cmsms_icon_list_icon cmsms-icon-info"></span> </div> <div class="cmsms_icon_list_item_content"> <h2 class="cmsms_icon_list_item_title"><label id="lblPrincipioTitUno"></label></h2> <div class="cmsms_icon_list_item_text"> <p><label id="lblPrincipioDetalleUno"></label></p> </div> </div> </div> </li> <li id="cmsms_icon_list_item_553e49e81f115" class="cmsms_icon_list_item"> <div class="cmsms_icon_list_item_inner"> <div class="cmsms_icon_list_icon_wrap"> <span class="cmsms_icon_list_icon cmsms-icon-network"></span> </div> <div class="cmsms_icon_list_item_content"> <h2 class="cmsms_icon_list_item_title"><label id="lblPrincipioTitDos"></label></h2> <div class="cmsms_icon_list_item_text"> <p><label id="lblPrincipioDetalleDos"></label></p> </div> </div> </div> </li> </ul> </div> <div class="cmsms_column one_half"> <ul id="cmsms_icon_list_items_553e49e81f520" class="cmsms_icon_list_items cmsms_icon_list_type_block cmsms_icon_list_pos_left cmsms_color_type_icon"> <li id="cmsms_icon_list_item_553e49e81f676" class="cmsms_icon_list_item"> <div class="cmsms_icon_list_item_inner"> <div class="cmsms_icon_list_icon_wrap"> <span class="cmsms_icon_list_icon cmsms-icon-person"></span> </div> <div class="cmsms_icon_list_item_content"> <h2 class="cmsms_icon_list_item_title"><label id="lblPrincipioTitTres"></label></h2> <div class="cmsms_icon_list_item_text"> <p><label id="lblPrincipioDetalleTres"></label></p> </div> </div> </div> </li> <li id="cmsms_icon_list_item_553e49e81f7b9" class="cmsms_icon_list_item"> <div class="cmsms_icon_list_item_inner"> <div class="cmsms_icon_list_icon_wrap"> <span class="cmsms_icon_list_icon cmsms-icon-question"></span> </div> <div class="cmsms_icon_list_item_content"> <h2 class="cmsms_icon_list_item_title"><label id="lblPrincipioTitCuatro"></label></h2> <div class="cmsms_icon_list_item_text"> <p><label id="lblPrincipioDetalleCuatro"></label></p> </div> </div> </div> </li> </ul> </div> </div> </div> </div> </div> </div> <div id="cmsms_row_10" class="cmsms_row cmsms_color_scheme_default"> <div class="cmsms_row_outer_parent"> <div class="cmsms_row_outer"> <div class="cmsms_row_inner"> <div class="cmsms_row_margin"> <div class="cmsms_column one_first"> <!-- <h2 id="cmsms_heading_553e49e81fcae" class="cmsms_heading">Ultimas Noticias</h2> --> <div class="cmsms_posts_slider" > <!-- Here was The Videos Code --> <div class="row cmsms_owl_slider cmsms_slider_553e49e81fd81" id="DivVideos"></div> </div> </div> </div> </div> </div> </div> </div> <!-- <div id="cmsms_row_11" class="cmsms_row cmsms_color_scheme_default"> <div class="cmsms_row_outer_parent"> <div class="cmsms_row_outer"> <div class="cmsms_row_inner"> <div class="cmsms_row_margin"> <div class="cmsms_column one_half"> <h2 id="cmsms_heading_553e49e832cc5" class="cmsms_heading">Advantages</h2> <div class="cmsms_tabs tabs_mode_tab"> <ul class="cmsms_tabs_list"> <li id="cmsms_tabs_list_item_553e49e832e43" class="cmsms_tabs_list_item current_tab"> <a href="#"> <span>Next Event</span> </a> </li> <li id="cmsms_tabs_list_item_553e49e8358a9" class="cmsms_tabs_list_item"> <a href="#"> <span>Eco Actions</span> </a> </li> <li id="cmsms_tabs_list_item_553e49e835a40" class="cmsms_tabs_list_item"> <a href="#"> <span>Your Help</span> </a> </li> </ul> <div class="cmsms_tabs_wrap"> <div id="cmsms_tab_553e49e832e43" class="cmsms_tab active_tab"> <div class="cmsms_tab_inner"> <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et et dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sollicitudin justo non odio molestie, sed venenatis. Sed purus purus, tincidunt eget malesuada et, molestie ut eros. Fusce blandit, sapien eu sollicitudin consectetur, ligula tellus pulvinar.</p> </div> </div> <div id="cmsms_tab_553e49e8358a9" class="cmsms_tab"> <div class="cmsms_tab_inner"> <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et et dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sollicitudin justo non odio molestie, sed venenatis. Sed purus purus, tincidunt eget malesuada et, molestie ut eros. Fusce blandit, sapien eu sollicitudin consectetur, ligula tellus pulvinar.</p> </div> </div> <div id="cmsms_tab_553e49e835a40" class="cmsms_tab"> <div class="cmsms_tab_inner"> <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et et dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sollicitudin justo non odio molestie, sed venenatis. Sed purus purus, tincidunt eget malesuada et, molestie ut eros. Fusce blandit, sapien eu sollicitudin consectetur, ligula tellus pulvinar.</p> </div> </div> </div> </div> </div> <div class="cmsms_column one_half"> <h2 id="cmsms_heading_553e49e835edb" class="cmsms_heading">Statistics</h2> <div class="cmsms_stats stats_mode_bars stats_type_circles stats_noborder"> <div class="cmsms_stat_wrap"> <div id="cmsms_stat_553e49e836051" class="cmsms_stat" data-percent="78"> <div class="cmsms_stat_inner"> <span class="cmsms_stat_title">Ecology</span> <span class="cmsms_stat_counter_wrap"> <span class="cmsms_stat_counter">78</span><span class="cmsms_stat_units">%</span> </span> </div> </div> </div> <div class="cmsms_stat_wrap"> <div id="cmsms_stat_553e49e8360f4" class="cmsms_stat" data-percent="73"> <div class="cmsms_stat_inner"> <span class="cmsms_stat_title">Recycling</span> <span class="cmsms_stat_counter_wrap"> <span class="cmsms_stat_counter">73</span><span class="cmsms_stat_units">%</span> </span> </div> </div> </div> <div class="cmsms_stat_wrap"> <div id="cmsms_stat_553e49e836189" class="cmsms_stat" data-percent="92"> <div class="cmsms_stat_inner"> <span class="cmsms_stat_title">Organic</span> <span class="cmsms_stat_counter_wrap"> <span class="cmsms_stat_counter">92</span><span class="cmsms_stat_units">%</span> </span> </div> </div> </div> <div class="cmsms_stat_wrap"> <div id="cmsms_stat_553e49e836214" class="cmsms_stat" data-percent="88"> <div class="cmsms_stat_inner"> <span class="cmsms_stat_title">Nature</span> <span class="cmsms_stat_counter_wrap"> <span class="cmsms_stat_counter">88</span><span class="cmsms_stat_units">%</span> </span> </div> </div> </div> <div class="cmsms_stat_wrap"> <div id="cmsms_stat_553e49e83629e" class="cmsms_stat" data-percent="78"> <div class="cmsms_stat_inner"> <span class="cmsms_stat_title">Support</span> <span class="cmsms_stat_counter_wrap"> <span class="cmsms_stat_counter">78</span><span class="cmsms_stat_units">%</span> </span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> --> <div id="cmsms_row_13" class="cmsms_row cmsms_color_scheme_first" data-stellar-background-ratio="0.5"> <div class="cmsms_row_outer_parent"> <div class="cmsms_row_outer"> <div class="cmsms_row_inner"> <div class="cmsms_row_margin"> <div class="cmsms_column one_first"> <div class="cmsms_sidebar sidebar_layout_14141414"> <aside class="widget widget_text"> <h3 class="widgettitle">Acerca de</h3> <div class="textwidget"> <ul> <p><label id="lblAcercade"></label></p> <p><label id="lblDireccionConap"></label></p> </ul> </div> </aside> <aside class="widget widget_text"> <h3 class="widgettitle">Con el apoyo de</h3> <div class="textwidget" id="DivImagenesApoyo"> </div> </aside> <aside class="widget widget_text"> <h3 class="widgettitle">Correos Electrónicos</h3> <div class="textwidget" id="DivCorreosPie"> </div> </aside> <aside class="widget widget_text"> <h3 class="widgettitle">Atribución-NoComercial 4.0 Internacional</h3> <div class="textwidget" id="DivLicencias"> </div> </aside> <div class="cl"></div> </div> </div> <a class="" target=" _blank" href="http://www.conap.gob.gt/"><img id="ImgBannerPie" class="mt-5" alt=""></a> </div> </div> </div> </div> </div> <div id="cmsms_row_12" class="cmsms_row cmsms_color_scheme_first" data-stellar-background-ratio="0.5"> <div class="cmsms_row_outer_parent"> <div class="cmsms_row_outer"> <div class="cmsms_row_inner"> <div class="cmsms_row_margin"> <div class="cmsms_column one_first"> </div> </div> </div> </div> </div> </div> <div class="cl"></div> <!-- _________________________ Finish Content _________________________ --> </div> </section> <!-- _________________________ Finish Middle _________________________ --> <a href="javascript:void(0);" id="slide_top" class="cmsms-icon-up-open-mini"></a> </div> <!-- _________________________ Finish Main _________________________ --> <!-- _________________________ Start Footer _________________________ --> <footer id="footer" class="cmsms_color_scheme_footer cmsms_footer_small"> <div class="footer_bg"> <div class="footer_inner"> <div class="social_wrap"> <div class="social_wrap_inner"> <ul> </ul> </div> </div> <span class="copyright">CONAP &copy; 2020 | Todos los Derechos reservados</span> </div> </div> </footer> <!-- _________________________ Finish Footer _________________________ --> </div> <div class="modal fade slide-up" id="modalDocs" tabindex="-1" role="dialog" aria-labelledby="modalSlideUpLabel" aria-hidden="false"> <div class="modal-dialog modal-lg big-modal"> <div class="modal-content-wrapper"> <div class="modal-content "> <div class="modal-header clearfix text-left"> <h5><label id="LblTituloApartado"></label></h5> <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> <i class="ik ik-arrow-down bg-blue"></i> </button> </div> <div class="modal-body" data-scroll="true" data-height="600"> <div class="kt-portlet__body"> <div class="row"> <!--begin:: Widgets/Download Files--> <div class="kt-portlet kt-portlet--height-fluid"> <div class="kt-portlet__body"> <!--begin::k-widget4--> <div class="form-group"> <table class="table table-striped- table-bordered table-hover table-checkable order-column" id="kt_tableDocNew"> <thead> <tr> <th>ItemApartados</th> </tr> </thead> </table> </div> <!--end::Widget 9--> </div> </div> </div> </div> </div> </div> </div> </div> <!-- /.modal-content --> </div> <!-- _________________________ Finish Page _________________________ --> <script type='text/javascript' src='LayerSlider/js/layerslider.kreaturamedia.jquery.js'></script> <script type='text/javascript' src='LayerSlider/js/greensock.js'></script> <script type='text/javascript' src='LayerSlider/js/layerslider.transitions.js'></script> <script type='text/javascript' src='jseco/jsLibraries.min.js'></script> <script type='text/javascript' src='jseco/jquery.iLightBox.min.js'></script> <script type='text/javascript' src='jseco/jqueryLibraries.min.js'></script> <script type='text/javascript'> /* <![CDATA[ */ var cmsms_script = { "ilightbox_skin":"dark", "ilightbox_path":"vertical", "ilightbox_infinite":"0", "ilightbox_aspect_ratio":"1", "ilightbox_mobile_optimizer":"1", "ilightbox_max_scale":"1", "ilightbox_min_scale":"0.2", "ilightbox_inner_toolbar":"0", "ilightbox_smart_recognition":"0", "ilightbox_fullscreen_one_slide":"0", "ilightbox_fullscreen_viewport":"center", "ilightbox_controls_toolbar":"1", "ilightbox_controls_arrows":"0", "ilightbox_controls_fullscreen":"1", "ilightbox_controls_thumbnail":"1", "ilightbox_controls_keyboard":"1", "ilightbox_controls_mousewheel":"1", "ilightbox_controls_swipe":"1", "ilightbox_controls_slideshow":"0", "ilightbox_close_text":"Close", "ilightbox_enter_fullscreen_text":"Enter Fullscreen (Shift+Enter)", "ilightbox_exit_fullscreen_text":"Exit Fullscreen (Shift+Enter)", "ilightbox_slideshow_text":"Slideshow", "ilightbox_next_text":"Next", "ilightbox_previous_text":"Previous", "ilightbox_load_image_error":"An error occurred when trying to load photo.", "ilightbox_load_contents_error":"An error occurred when trying to load contents.", "ilightbox_missing_plugin_error":"The content your are attempting to view requires the <a href='{pluginspage}' target='_blank'>{type} plugin<\\\/a>." }; window.addEventListener('load', function () { GetMenuPrincipal(); GetTitulosEstaticos('?TextoId=1',1); GetTitulosEstaticos('?TextoId=2',2); GetTitulosEstaticos('?TextoId=3',3); GetTitulosEstaticos('?TextoId=4',4); GetTitulosEstaticos('?TextoId=5',5); GetPrincipios('?PrincipioId=1',1); GetPrincipios('?PrincipioId=2',2); GetPrincipios('?PrincipioId=3',3); GetPrincipios('?PrincipioId=4',4); GetNuestrosservicios(); GetEspeciesAmenzadas(); GetVideos(); GetPiePagina(); GetImagenesApoyoPie(); GetCorreosPie(); GetLicenciaPie(); GetInterCambioInfo(); DibujarTabla(); var acc = document.getElementsByClassName("accordion"); var i; for (i = 0; i < acc.length; i++) { acc[i].addEventListener("click", function() { /* Toggle between adding and removing the "active" class, to highlight the button that controls the panel */ this.classList.toggle("active"); /* Toggle between hiding and showing the active panel */ var panel = this.nextElementSibling; if (panel.style.display === "block") { panel.style.display = "none"; } else { panel.style.display = "block"; } }); } }, false); function myFunction() { var x = document.getElementById("myTopnav"); if (x.className === "topnav") { x.className += " responsive"; } else { x.className = "topnav"; } } jQuery.get( "https://snib.conap.gob.gt/colecciones/ws/institution/count", function( data ) { //alert( "Data Loaded: " + data.d ); //console.log(data['total']); jQuery("#lblCountIns").text(data['total']); //data.d[i]['Proyecto'] }); jQuery.get( "https://snib.conap.gob.gt/colecciones/ws/dataResource/count", function( data ) { //alert( "Data Loaded: " + data.d ); //console.log(data['total']); jQuery("#lblCountDr").text(data['total']); //data.d[i]['Proyecto'] }); jQuery.get("https://snib.conap.gob.gt/registros-ws/occurrences", function( data ) { //alert( "Data Loaded: " + data.d ); //console.log(data); jQuery("#lblCountOcurrence").text(data['totalRecords']); //data.d[i]['Proyecto'] }); jQuery.get("https://aut.snib.conap.gob.gt/userdetails/ws/getUserStats", function( data ) { //alert( "Data Loaded: " + data.d ); //console.log(data); jQuery("#lblCountUsr").text(data['totalUsers']); //data.d[i]['Proyecto'] }); jQuery.get("https://aut.snib.conap.gob.gt/userdetails/ws/getUserStats", function( data ) { //alert( "Data Loaded: " + data.d ); //console.log(data); jQuery("#lblCountUsr").text(data['totalUsers']); //data.d[i]['Proyecto'] }); function GetMenuPrincipal(){ jQuery("#DivMenuPrincipal").empty(); jQuery.ajax({ type: 'GET', data: JSON.stringify(), contentType: "application/json; charset=utf-8", url: "https://gestorsnib.conap.gob.gt/Webservices/Ws_MenuPrincipal.asmx/GetListaManuPrincipalPub?", crossOrigin: null, datatype: 'json', success: function (data) { djson = JSON.parse(data.d); for (var j = 0; j < djson.length; j++) { if (djson[j].Nombre != "") { //jQuery('#DivMenuPrincipal').append('<a href=' + djson[j].Enlace + '>' + djson[j].Nombre + '</a>') jQuery('#DivMenuPrincipal').append('<div style="display:inline-block;"><a href=' + djson[j].Enlace + '><span class="nav_bg_clr"></span><span><p style="font-size:22px;">' + djson[j].Nombre + '</p></span></a></div>&nbsp; ') } } jQuery('#DivMenuPrincipal').append('<a href="javascript:void(0);" class="icon" onclick="myFunction()"><i class="fa fa-bars"></i></a>') //jQuery('#DivMenuPrincipal').append('<img src="img/LogoSnib.png" alt="Logo SNIB2" />') }, error: function (result) { alert(result); } }); } function GetTitulosEstaticos(param, id){ var urlc = "https://gestorsnib.conap.gob.gt/Webservices/Ws_TextosEstaticos.asmx/GetTextosEstaticosPub" + param jQuery.ajax({ type: 'GET', data: JSON.stringify(), contentType: "application/json", url: urlc, crossOrigin: null, datatype: 'json', success: function (data) { djson = JSON.parse(data.d); if (id == 1){ jQuery("#txtfinder").attr("placeholder", djson[0].Texto); }else if (id == 2){ jQuery("#NuestroServicios").text(djson[0].Texto); }else if (id == 3){ jQuery("#EspcAmen").text(djson[0].Texto); }else if (id == 4){ jQuery("#Principios").text(djson[0].Texto); }else if (id == 5){ jQuery("#InterInfo").text(djson[0].Texto); } }, error: function (result) { alert(result); } }); } function GetNuestrosservicios(){ jQuery("#DivOurService").empty(); jQuery.ajax({ type: 'GET', data: JSON.stringify(), contentType: "application/json; charset=utf-8", url: "https://gestorsnib.conap.gob.gt/Webservices/Ws_NuestrosServicios.asmx/GetListaNuestrosServiciosPub?", crossOrigin: null, datatype: 'json', success: function (data) { djson = JSON.parse(data.d); for (var j = 0; j < djson.length; j++) { var Enlace = ""; if (djson[j].TipoId == 2) Enlace = djson[j].Enlace + djson[j].ServicioId else Enlace = djson[j].Enlace //alert(djson[j].Titulo) jQuery('#DivOurService').append('<div class="column"><img width=250 height=250 src=' + djson[j].RutaImagen+ ' class="rounded mx-auto d-block" alt="..."><header class=cmsms_slider_post_header entry-header><h3 class=cmsms_slider_post_title entry-title><a href=' + Enlace +'>' + djson[j].Titulo +'</a></h3></header></div>') } }, error: function (result) { alert(result); } }); } function GetEspeciesAmenzadas(){ jQuery("#DivEspecAme").empty(); jQuery.ajax({ type: 'GET', data: JSON.stringify(), contentType: "application/json; charset=utf-8", url: "https://gestorsnib.conap.gob.gt/Webservices/Ws_EspeciesAmenazadas.asmx/GetGetEspeciesAmenazadasPub?", crossOrigin: null, datatype: 'json', success: function (data) { djson = JSON.parse(data.d); for (var j = 0; j < djson.length; j++) { var Enlace = ""; Enlace = 'https://snib.conap.gob.gt/registros/occurrences/search?q=' + djson[j].NombreBuscar Enlace = Enlace + '#tab_recordsView' //alert(djson[j].Titulo) jQuery('#DivEspecAme').append('<div class="column"><div><a href= ' + Enlace + '><img width=350 height=350 src=' + djson[j].RutaImagen+ ' class="rounded mx-auto d-block" alt="..."></a></div><h2 style="color:White; font-weight:400;"> ' + djson[j].NombreEspecie + '</h2></div>') } }, error: function (result) { alert(result); } }); } function GetPrincipios(param, id){ var urlc = "https://gestorsnib.conap.gob.gt/Webservices/Ws_Principios.asmx/GetPrincipioPub" + param jQuery.ajax({ type: 'GET', data: JSON.stringify(), contentType: "application/json", url: urlc, crossOrigin: null, datatype: 'json', success: function (data) { djson = JSON.parse(data.d); if (id == 1){ jQuery("#lblPrincipioTitUno").text(djson[0].Titulo); jQuery("#lblPrincipioDetalleUno").text(djson[0].Detalle); } else if (id == 2){ jQuery("#lblPrincipioTitDos").text(djson[0].Titulo); jQuery("#lblPrincipioDetalleDos").text(djson[0].Detalle); } else if (id == 3){ jQuery("#lblPrincipioTitTres").text(djson[0].Titulo); jQuery("#lblPrincipioDetalleTres").text(djson[0].Detalle); } else if (id == 4){ jQuery("#lblPrincipioTitCuatro").text(djson[0].Titulo); jQuery("#lblPrincipioDetalleCuatro").text(djson[0].Detalle); } }, error: function (result) { alert(result); } }); } function GetVideos(){ jQuery("#DivVideos").empty(); jQuery.ajax({ type: 'GET', data: JSON.stringify(), contentType: "application/json; charset=utf-8", url: "https://gestorsnib.conap.gob.gt/Webservices/Ws_Videos.asmx/GetVideosPub?", crossOrigin: null, datatype: 'json', success: function (data) { djson = JSON.parse(data.d); for (var j = 0; j < djson.length; j++) { jQuery('#DivVideos').append('<div class="column">' + djson[j].LinkEmbebed +' <header class=cmsms_slider_post_header entry-header><h3 class=cmsms_slider_post_title entry-title><a target=_blank href=' + djson[j].Link +'>' + djson[j].TituloVideo +'</a></h3></header></div>') } }, error: function (result) { alert(result); } }); } function GetPiePagina(){ var urlc = "https://gestorsnib.conap.gob.gt/Webservices/Ws_PiePagina.asmx/GetPiePagina" jQuery.ajax({ type: 'GET', data: JSON.stringify(), contentType: "application/json", url: urlc, crossOrigin: null, datatype: 'json', success: function (data) { djson = JSON.parse(data.d); jQuery("#lblAcercade").text(djson[0].AcercaDe); jQuery("#lblDireccionConap").text(djson[0].Direccion); jQuery("#ImgBannerPie").attr("src", djson[0].RutaImagen); }, error: function (result) { alert(result); } }); } function GetImagenesApoyoPie(){ jQuery("#DivImagenesApoyo").empty(); jQuery.ajax({ type: 'GET', data: JSON.stringify(), contentType: "application/json; charset=utf-8", url: "https://gestorsnib.conap.gob.gt/Webservices/Ws_PiePagina.asmx/GetPiePaginaApoyos", crossOrigin: null, datatype: 'json', success: function (data) { djson = JSON.parse(data.d); for (var j = 0; j < djson.length; j++) { jQuery('#DivImagenesApoyo').append('<div><div class="col-xl-3"><p><a class="" target=" _blank" href=' + djson[j].Link +' ><img class="mt-5" src=' + djson[j].RutaImagen +' style="width:100%" alt=""></a></p></div></div>') } }, error: function (result) { alert(result); } }); } function GetCorreosPie(){ jQuery("#DivCorreosPie").empty(); jQuery.ajax({ type: 'GET', data: JSON.stringify(), contentType: "application/json; charset=utf-8", url: "https://gestorsnib.conap.gob.gt/Webservices/Ws_PiePagina.asmx/GetPiePaginaCorreos", crossOrigin: null, datatype: 'json', success: function (data) { djson = JSON.parse(data.d); for (var j = 0; j < djson.length; j++) { jQuery('#DivCorreosPie').append('<p>snib.' + djson[j].Correo +'</p>') } }, error: function (result) { alert(result); } }); } function GetLicenciaPie(){ jQuery("#DivLicencias").empty(); jQuery.ajax({ type: 'GET', data: JSON.stringify(), contentType: "application/json; charset=utf-8", url: "https://gestorsnib.conap.gob.gt/Webservices/Ws_PiePagina.asmx/GetPieLicencia", crossOrigin: null, datatype: 'json', success: function (data) { djson = JSON.parse(data.d); for (var j = 0; j < djson.length; j++) { jQuery('#DivLicencias').append('<p><a class="" target=" _blank" href=' + djson[j].Link +'><img class="mt-5" src=' + djson[j].RutaImagen +' style="width:50%" alt=""></a></p>') } }, error: function (result) { alert(result); } }); } function GetInterCambioInfo(){ jQuery("#DivinfoInter").empty(); jQuery.ajax({ type: 'GET', data: JSON.stringify(), contentType: "application/json; charset=utf-8", url: "https://gestorsnib.conap.gob.gt/Webservices/Ws_IntercambioInfo.asmx/GetListaInterCambioInfoPub?", crossOrigin: null, datatype: 'json', success: function (data) { djson = JSON.parse(data.d); for (var j = 0; j < djson.length; j++) { var Enlace = ''; if(djson[j].TipoId == 2) Enlace = "https://snib.conap.gob.gt/Intercambio.html?TemaId=" + djson[j].TemaId else Enlace = djson[j].Enlace jQuery('#DivinfoInter').append('<div class="column"><img width=250 height=250 src=' + djson[j].RutaImagen+ ' class="rounded mx-auto d-block" alt="..."><header class=cmsms_slider_post_header entry-header><h3 class=cmsms_slider_post_title entry-title><a target=_blank href=' + Enlace +'>' + djson[j].Tema +'</a></h3></header></div>') } }, error: function (result) { alert(result); } }); } function DibujarTabla() { //var param = "ApartadoId=" + ApartadoId jQuery('#kt_tableDocNew').DataTable().destroy(); jQuery('#kt_tableDocNew').empty(); var jsondata; jQuery.ajax({ type: 'GET', data: JSON.stringify(), contentType: "application/json; charset=utf-8", url: "https://gestorsnib.conap.gob.gt/Webservices/Ws_NuestrosServicios.asmx/GetDocumentosBusqueda", datatype: 'json', success: function (data) { jsondata = data.d; json = JSON.parse(jsondata) var table = jQuery("#kt_tableDocNew").DataTable({ data: json, columns: [ { "title": "Seccion", "data": "Seccion", "width": "50%" }, { "title": "Tema", "data": "Tema", "width": "50%" }, { "title": "Apartado", "data": "Apartado", "width": "50%" }, { "title": "Titulo", "render": function (data, type, row) { return '<a target="_blank" href=' + row['Enlace'] + '>' + row['Titulo'] + '</a>' }, "width": "20%" }, { "title": "Descripción", "data": "Descripcion", "width": "50%" }, { "title": "Autor", "data": "Autor", "width": "20%" }, { "title": "Año Publicación", "data": "AnisPub", "width": "10%" }, ], oLanguage: { "sEmptyTable": "No hay datos disponibles en la tabla", "sInfo": "Mostrando del _START_ al _END_ de _TOTAL_ registros", "sInfoEmpty": "No se encontraron registros", "sInfoFiltered": "(Filtrados de _MAX_ total registros)", "sLengthMenu": "Mostrar _MENU_", "sSearch": "Buscar:", "sZeroRecords": "No se encontr&#243; ning&#250;n registro que coincida", "oPaginate": { "sPrevious": "Atras", "sNext": "Siguiente", "sLast": "Ultimo", "sFirst": "Primero" }, "oAria": { "sSortAscending": ": activate to sort column ascending", "sSortDescending": ": activate to sort column descending" } }, bStateSave: true, orderable: true, responsive: true, dom: `<'row'<'col-sm-6 text-left'f><'col-sm-6 text-right'B>> <'row'<'col-sm-12'tr>> <'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7 dataTables_pager'lp>>`, lengthMenu: [ [10, 20, -1], [10, 20, "Todos"] ], pageLength: 5, pagingType: "full_numbers", order: [[0, "asc"]], }); }, error: function (result) { alert(result); } }); } /* ]]> */ </script> <script type='text/javascript' src='jseco/jquery.easing.min.js?ver=1.3.0'></script> <script type='text/javascript' src='jseco/jquery.script.js'></script> <script type='text/javascript' src='jseco/jquery.tweet.min.js'></script> <script type='text/javascript' src='jseco/jquery.isotope.min.js'></script> <script type='text/javascript' src='jseco/jquery.isotope.mode.js'></script> <script src="assets/vendors/general/popper.js/dist/umd/popper.js" type="text/javascript"></script> <script src="assets/vendors/general/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script> <script src="assets/vendors/general/js-cookie/src/js.cookie.js" type="text/javascript"></script> <script src="assets/vendors/general/moment/min/moment.min.js" type="text/javascript"></script> <script src="assets/vendors/general/tooltip.js/dist/umd/tooltip.min.js" type="text/javascript"></script> <script src="assets/vendors/general/perfect-scrollbar/dist/perfect-scrollbar.js" type="text/javascript"></script> <script src="assets/vendors/general/sticky-js/dist/sticky.min.js" type="text/javascript"></script> <script src="assets/vendors/general/wnumb/wNumb.js" type="text/javascript"></script> <script src="assets/vendors/general/jquery-form/dist/jquery.form.min.js" type="text/javascript"></script> <script src="assets/vendors/general/block-ui/jquery.blockUI.js" type="text/javascript"></script> <script src="assets/vendors/general/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js" type="text/javascript"></script> <script src="assets/vendors/custom/js/vendors/bootstrap-datepicker.init.js" type="text/javascript"></script> <script src="assets/vendors/general/bootstrap-datetime-picker/js/bootstrap-datetimepicker.min.js" type="text/javascript"></script> <script src="assets/vendors/general/bootstrap-timepicker/js/bootstrap-timepicker.min.js" type="text/javascript"></script> <script src="assets/vendors/custom/js/vendors/bootstrap-timepicker.init.js" type="text/javascript"></script> <script src="assets/vendors/general/bootstrap-daterangepicker/daterangepicker.js" type="text/javascript"></script> <script src="assets/vendors/general/bootstrap-touchspin/dist/jquery.bootstrap-touchspin.js" type="text/javascript"></script> <script src="assets/vendors/general/bootstrap-maxlength/src/bootstrap-maxlength.js" type="text/javascript"></script> <script src="assets/vendors/custom/vendors/bootstrap-multiselectsplitter/bootstrap-multiselectsplitter.min.js" type="text/javascript"></script> <script src="assets/vendors/general/bootstrap-select/dist/js/bootstrap-select.js" type="text/javascript"></script> <script src="assets/vendors/general/bootstrap-switch/dist/js/bootstrap-switch.js" type="text/javascript"></script> <script src="assets/vendors/custom/js/vendors/bootstrap-switch.init.js" type="text/javascript"></script> <script src="assets/vendors/general/select2/dist/js/select2.full.js" type="text/javascript"></script> <script src="assets/vendors/general/ion-rangeslider/js/ion.rangeSlider.js" type="text/javascript"></script> <script src="assets/vendors/general/typeahead.js/dist/typeahead.bundle.js" type="text/javascript"></script> <script src="assets/vendors/general/handlebars/dist/handlebars.js" type="text/javascript"></script> <script src="assets/vendors/general/inputmask/dist/jquery.inputmask.bundle.js" type="text/javascript"></script> <script src="assets/vendors/general/inputmask/dist/inputmask/inputmask.date.extensions.js" type="text/javascript"></script> <script src="assets/vendors/general/inputmask/dist/inputmask/inputmask.numeric.extensions.js" type="text/javascript"></script> <script src="assets/vendors/general/nouislider/distribute/nouislider.js" type="text/javascript"></script> <script src="assets/vendors/general/owl.carousel/dist/owl.carousel.js" type="text/javascript"></script> <script src="assets/vendors/general/autosize/dist/autosize.js" type="text/javascript"></script> <script src="assets/vendors/general/clipboard/dist/clipboard.min.js" type="text/javascript"></script> <script src="assets/vendors/general/dropzone/dist/dropzone.js" type="text/javascript"></script> <script src="assets/vendors/general/summernote/dist/summernote.js" type="text/javascript"></script> <script src="assets/vendors/general/markdown/lib/markdown.js" type="text/javascript"></script> <script src="assets/vendors/general/bootstrap-markdown/js/bootstrap-markdown.js" type="text/javascript"></script> <script src="assets/vendors/custom/js/vendors/bootstrap-markdown.init.js" type="text/javascript"></script> <script src="assets/vendors/general/bootstrap-notify/bootstrap-notify.min.js" type="text/javascript"></script> <script src="assets/vendors/custom/js/vendors/bootstrap-notify.init.js" type="text/javascript"></script> <script src="assets/vendors/general/jquery-validation/dist/jquery.validate.js" type="text/javascript"></script> <script src="assets/vendors/general/jquery-validation/dist/additional-methods.js" type="text/javascript"></script> <script src="assets/vendors/custom/js/vendors/jquery-validation.init.js" type="text/javascript"></script> <script src="assets/vendors/general/toastr/build/toastr.min.js" type="text/javascript"></script> <script src="assets/vendors/general/raphael/raphael.js" type="text/javascript"></script> <script src="assets/vendors/general/morris.js/morris.js" type="text/javascript"></script> <script src="assets/vendors/general/chart.js/dist/Chart.bundle.js" type="text/javascript"></script> <script src="assets/vendors/custom/vendors/bootstrap-session-timeout/dist/bootstrap-session-timeout.min.js" type="text/javascript"></script> <script src="assets/vendors/custom/vendors/jquery-idletimer/idle-timer.min.js" type="text/javascript"></script> <script src="assets/vendors/general/waypoints/lib/jquery.waypoints.js" type="text/javascript"></script> <script src="assets/vendors/general/counterup/jquery.counterup.js" type="text/javascript"></script> <script src="assets/vendors/general/es6-promise-polyfill/promise.min.js" type="text/javascript"></script> <script src="assets/vendors/general/sweetalert2/dist/sweetalert2.min.js" type="text/javascript"></script> <script src="assets/vendors/custom/js/vendors/sweetalert2.init.js" type="text/javascript"></script> <script src="assets/vendors/general/jquery.repeater/src/lib.js" type="text/javascript"></script> <script src="assets/vendors/general/jquery.repeater/src/jquery.input.js" type="text/javascript"></script> <script src="assets/vendors/general/jquery.repeater/src/repeater.js" type="text/javascript"></script> <script src="assets/vendors/general/dompurify/dist/purify.js" type="text/javascript"></script> <script src="assets/vendors/custom/jstree/jstree.bundle.js" type="text/javascript"></script> <script src="assets/js/demo1/scripts.bundle.js" type="text/javascript"></script> <script src="assets/vendors/custom/datatables/datatables.bundle.js" type="text/javascript"></script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10