<script src="/Js/ariporo.js"></script> <link href="/Scripts/Galerias/GaleriaMapas/assets/css/lightgallery.css" rel="stylesheet"> <link href="/Scripts/Galerias/GaleriaMapas/assets/css/style.css" rel="stylesheet"> <script type="text/javascript" src="/js/1291523190-jpaginateIMG.js"></script> <div id="video-gallery"> </div> <!-- FUNCIONALITY'S SCRIPT FOR THE MEDIA VIDEO --> <script type="text/javascript"> $(document).ready(function(){ }); </script> <!-- FUNCIONALITY'S SCRIPT FOR THE MEDIA VIDEO --> <script type="text/javascript"> $(document).ready(function(){ LoadGaleriaDeImagenes(); }); </script> <!-- COMPLEMENT SCRIPT --> <script src="/js/dist/lightgallery.js"></script> <script src="/js/dist/lg-fullscreen.js"></script> <script src="/js/dist/lg-thumbnail.js"></script> <script src="/js/dist/lg-video.js"></script> <script src="/js/dist/lg-autoplay.js"></script> <script src="/js/dist/lg-zoom.js"></script> <script src="/js/dist/lg-hash.js"></script> <script src="/js/dist/lg-pager.js"></script> <script src="/js/lib/jquery.mousewheel.min.js"></script> <style type="text/css"> .lg-video-play { display:none !important; } .gal { width: 300px; height: 260px; } .lg-holder { margin-bottom:20px !important; } </style> <style type="text/css"> .pagination {list-style:none; margin:0px; padding:0px; margin-top:30px; } .pagination li{float:left; margin:3px;} .pagination .active{ border: none; background: #0071BD; color: white !important; display: inline-block; padding: 5px 12px; margin-right: 4px; font-size: 15px; font-weight: 300; text-decoration: none; border-radius: 3px; } .goto, .goto_next, .inactive, .goto_previous{ display: inline-block; padding: 5px 12px; margin-right: 4px; border-radius: 3px; background: #f3f3f3; font-size: 15px; font-weight: 300; text-decoration: none; color: #0071BD !important; } </style>