<!-- PAGINA DESARROLLADA POR WWW.SABRO.NET (si necesita una pagina web, visite www.sabro.net) -->
<!DOCTYPE HTML>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src=jquery.23.10.js></script>
<title>Fotos de Sanatorio Retiro de Maria, Hospital Psiquiatrico Guatemala, los Mejores Psiquiatras y Neurólogos de Guatemala, expertos en tratamientos de Salud Mental para Drogadictos y Alcohólicos. Sanatorio Retiro de Maria | www.SanatorioRetirodeMaria.com</title>
<meta name="ROBOTS" content="ALL">
<meta name="description" content="Galeria de Fotos de Pacientes Satisfechos del Sanatorio Retiro de Maria, en un hospital privado en guatemala con atencion neuro psiquiatrica especializada en salud mental para drogadictos, alcoholicos y pacientes que buscan profesionales de psiquiatria en guatemala, SanarioRetirodeMaria cuenta con un excelente equipo de Neuro Psiquiatras en Guatemala expertos en Salud Mental, dirigidos por el Neurólogo Psiquiatra Dr. Eddy Armando Monge Alvarez">
<meta name="keywords" content="Dr. Eddy Armando Monge Alvarez, eddymonge, sanatorio retiro de maria, neuro psiquiatras de guatemala, sanatarios psiquiatricos de guatemala, hospitales privados psiquiatricos de guatemala, hospitales antialcoholicos y drogadictos de guatemala, psiquiatras guatemala, hospital psiquiatrico guatemala, psiquiatria guatemala, hospital de salud mental en guatemala, hospital de psiquiatria en guatemala, hospital para enfermos mentales, psiquiatraguatemala,psiquiatriaguatemala,hospitaldesaludmental,hospitaldepsiquiatria,hospitalpsiquiatricoguatemala,hospitalparaenfermosmentales,psiquiatrasguatemala,drogadiccion guatemala,drogadictos guatemala">
<meta name="format-detection" content="telephone=no">
<meta name="author" content="http://www.sabro.net/">
<meta http-equiv=Content-Type content="text/html; ">
<meta name="MSSmartTagsPreventParsing" content="TRUE">
<meta http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<script src=webfunctions.js></script>
<link rel='shortcut icon' href='favicon.gif'>



<style>

 /* Style the Image Used to Trigger the Modal */
.myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

.myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)}
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>





             <script src='sabrogaleriaswipe_jquery.min.js'></script> 
             <script src="sabrogaleriaswipe.js"></script>
             <link rel="stylesheet" href="sabrogaleriaswipe_swipebox.css">


<body topmargin=0 leftmargin=0 rightmargin=0 bottommargin=0 bgcolor=#f4f4f4>
<script>webmenu();</script>
<script>topimage('slide4.jpg');</script>

<!-- esto si jala:
<a href="gale1_001.jpg" class="swipebox" title="" ><img src="gale1_001_mini.jpg" border=0></a>
<a href="gale1_002.jpg" class="swipebox" title="" ><img src="gale1_002_mini.jpg" border=0></a>
<script type="text/javascript">;( function( $ ) { $( '.swipebox' ).swipebox(); } )( jQuery ); </script>
-->

<!-- markito: ## BEGIN  Marco ##--><div align=center><div style="max-width:1000px;padding:4px;" >
<br><br>

<font face=rale size=6 color=#000000>
<b>GALERIA DE FOTOS</B>
</font>
<br>
<!-- markito: ## BEGIN  Marco ##--><div align=center><div style="max-width:477px;" >
<img src="separator.png" width=100%>
</div></div><!-- ## END  Marco ##-->

<br><br>

<font face=rale size=4 color=#000000>
<b>FOTOS DE PACIENTES SATISFECHOS</b>
</FONT>



<BR><BR>


<!--
<a href="http://dreamicus.com/data/paradise/paradise-01.jpg" class="swipebox" title="" >vermas</a>
<a href="http://i.imgur.com/0eOjIF0.png" class="swipebox" title="" style="display:none;">.</a>
<a href="http://i.imgur.com/Qlmiuv9.png" class="swipebox" title="" style="display:none;">.</a>
<script type="text/javascript">;( function( $ ) { $( '.swipebox' ).swipebox(); } )( jQuery ); </script>
-->



<!-- #### BEGIN DE GALERIAS div class="masonry" -->
<link rel="stylesheet" href="sabro_pinterst_style.css">
<script src='jquery.min.js'></script>



<!-- ### BEGIN GALERIA1 -->
<div class="masonry">
  <div class="grid-sizer"></div>
  <div class="gutter-sizer"></div>



<div class="item swipebox">
<img class="myImg" src="gale1_001_mini.jpg" alt="" >
</div>


<div class="item swipebox">
<img class="myImg" src="gale1_002_mini.jpg" alt="" >
</div>

<script type="text/javascript">;( function( $ ) { $( '.swipebox' ).swipebox(); } )( jQuery ); </script>




<!--<div class="item"><img src="gale1_002_mini.jpg" ></div>-->

<div class="item"><img src="gale1_003_mini.jpg" ></div>
<div class="item"><img src="gale1_004_mini.jpg" ></div>
<div class="item"><img src="gale1_005_mini.jpg" ></div>
<div class="item"><img src="gale1_006_mini.jpg" ></div>
<div class="item"><img src="gale1_007_mini.jpg" ></div>
<div class="item"><img src="gale1_008_mini.jpg" ></div>
<div class="item"><img src="gale1_009_mini.jpg" ></div>
<div class="item"><img src="gale1_010_mini.jpg" ></div>
<div class="item"><img src="gale1_011_mini.jpg" ></div>
<div class="item"><img src="gale1_012_mini.jpg" ></div>
<div class="item"><img src="gale1_013_mini.jpg" ></div>
<div class="item"><img src="gale1_014_mini.jpg" ></div>
<div class="item"><img src="gale1_015_mini.jpg" ></div>
<div class="item"><img src="gale1_016_mini.jpg" ></div>
<div class="item"><img src="gale1_017_mini.jpg" ></div>
<div class="item"><img src="gale1_018_mini.jpg" ></div>
<div class="item"><img src="gale1_019_mini.jpg" ></div>
<div class="item"><img src="gale1_020_mini.jpg" ></div>
<div class="item"><img src="gale1_021_mini.jpg" ></div>
<div class="item"><img src="gale1_022_mini.jpg" ></div>
<div class="item"><img src="gale1_023_mini.jpg" ></div>
<div class="item"><img src="gale1_024_mini.jpg" ></div>
<div class="item"><img src="gale1_025_mini.jpg" ></div>
<div class="item"><img src="gale1_026_mini.jpg" ></div>
<div class="item"><img src="gale1_027_mini.jpg" ></div>
<div class="item"><img src="gale1_028_mini.jpg" ></div>
<div class="item"><img src="gale1_029_mini.jpg" ></div>
<div class="item"><img src="gale1_030_mini.jpg" ></div>
<div class="item"><img src="gale1_031_mini.jpg" ></div>
<div class="item"><img src="gale1_032_mini.jpg" ></div>
<div class="item"><img src="gale1_033_mini.jpg" ></div>
<div class="item"><img src="gale1_034_mini.jpg" ></div>
<div class="item"><img src="gale1_035_mini.jpg" ></div>
<div class="item"><img src="gale1_036_mini.jpg" ></div>
<div class="item"><img src="gale1_037_mini.jpg" ></div>
<div class="item"><img src="gale1_038_mini.jpg" ></div>
<div class="item"><img src="gale1_039_mini.jpg" ></div>
<div class="item"><img src="gale1_040_mini.jpg" ></div>
<div class="item"><img src="gale1_041_mini.jpg" ></div>
<div class="item"><img src="gale1_042_mini.jpg" ></div>
<div class="item"><img src="gale1_043_mini.jpg" ></div>
<div class="item"><img src="gale1_044_mini.jpg" ></div>
<div class="item"><img src="gale1_045_mini.jpg" ></div>
<div class="item"><img src="gale1_046_mini.jpg" ></div>
<div class="item"><img src="gale1_047_mini.jpg" ></div>
<div class="item"><img src="gale1_048_mini.jpg" ></div>
<div class="item"><img src="gale1_049_mini.jpg" ></div>
<div class="item"><img src="gale1_050_mini.jpg" ></div>
<div class="item"><img src="gale1_051_mini.jpg" ></div>
<div class="item"><img src="gale1_052_mini.jpg" ></div>
<div class="item"><img src="gale1_053_mini.jpg" ></div>
<div class="item"><img src="gale1_054_mini.jpg" ></div>
<div class="item"><img src="gale1_055_mini.jpg" ></div>
<div class="item"><img src="gale1_056_mini.jpg" ></div>
<div class="item"><img src="gale1_057_mini.jpg" ></div>
<div class="item"><img src="gale1_058_mini.jpg" ></div>
<div class="item"><img src="gale1_059_mini.jpg" ></div>
<div class="item"><img src="gale1_060_mini.jpg" ></div>
<div class="item"><img src="gale1_061_mini.jpg" ></div>


</div>
<!-- ### END GALERIA1 -->



<DIV>
<BR><BR>
<font face=rale size=4 color=#000000>
<b>FOTOS DEL SANATORIO RETIRO DE MARIA</b>
</FONT>
<BR><BR>
</DIV>



<!-- ### BEGIN GALERIA2 -->
<div class="masonry">
  <div class="grid-sizer"></div>
  <div class="gutter-sizer"></div>


<div class="item"><img src="gale2_001_mini.jpg" ></div>
<div class="item"><img src="gale2_002_mini.jpg" ></div>
<div class="item"><img src="gale2_003_mini.jpg" ></div>
<div class="item"><img src="gale2_004_mini.jpg" ></div>
<div class="item"><img src="gale2_005_mini.jpg" ></div>
<div class="item"><img src="gale2_006_mini.jpg" ></div>
<div class="item"><img src="gale2_007_mini.jpg" ></div>
<div class="item"><img src="gale2_008_mini.jpg" ></div>
<div class="item"><img src="gale2_009_mini.jpg" ></div>
<div class="item"><img src="gale2_010_mini.jpg" ></div>
<div class="item"><img src="gale2_011_mini.jpg" ></div>
<div class="item"><img src="gale2_012_mini.jpg" ></div>
<div class="item"><img src="gale2_013_mini.jpg" ></div>
<div class="item"><img src="gale2_014_mini.jpg" ></div>
<div class="item"><img src="gale2_015_mini.jpg" ></div>
<div class="item"><img src="gale2_016_mini.jpg" ></div>
<div class="item"><img src="gale2_017_mini.jpg" ></div>
<div class="item"><img src="gale2_018_mini.jpg" ></div>
<div class="item"><img src="gale2_019_mini.jpg" ></div>
<div class="item"><img src="gale2_020_mini.jpg" ></div>
<div class="item"><img src="gale2_021_mini.jpg" ></div>
<div class="item"><img src="gale2_022_mini.jpg" ></div>
<div class="item"><img src="gale2_023_mini.jpg" ></div>
<div class="item"><img src="gale2_024_mini.jpg" ></div>
<div class="item"><img src="gale2_025_mini.jpg" ></div>
<div class="item"><img src="gale2_026_mini.jpg" ></div>
<div class="item"><img src="gale2_027_mini.jpg" ></div>
<div class="item"><img src="gale2_028_mini.jpg" ></div>
<div class="item"><img src="gale2_029_mini.jpg" ></div>

</DIV>
<!-- ### END GALERIA2 -->


<script src='sabro_pinterst.js'></script>
<script  src="sabro_pinterst_index.js"></script>
</div>
<!-- #### END DE GALERIAS   div class="masonry" -->







<!-- The Modal -->
<div id="myModal" class="modal" style="z-index:20000;">

  <!-- The Close Button -->
  <span class="close" onclick="document.getElementById('myModal').style.display='none'">&times;</span>

  <!-- Modal Content (The Image) -->
<img class="modal-content" id="img01" onclick="document.getElementById('myModal').style.display='none'"> 
<!-- <img class="modal-content" id="caption" onclick="document.getElementById('myModal').style.display='none'"> -->


<!-- Modal Caption (Image Text) -->
<!--  <div id="caption"></div> -->

</div>


<script>

// Get the modal
var modal = document.getElementById('myModal');

// Get the image and insert it inside the modal - use its "alt" text as a caption
var img = $('.myImg');




var modalImg = $("#img01");


var captionText = document.getElementById("caption");
$('.myImg').click(function(){
    modal.style.display = "block";
    var newSrc = this.src;

// esto me pone en newSrc, la foto grande no la thumb:
newSrc = newSrc.replace(/_mini/g, '');

    modalImg.attr('src', newSrc);
    captionText.innerHTML = this.alt;
});

// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close")[0];

// When the user clicks on <span> (x), close the modal
span.onclick = function() {
  modal.style.display = "none";
}


</script>










</div></div><!-- ## END  Marco ##-->


<br><br>
<script>bottom();</script>
</body>
