<input type="text" id="tipodispositivo" style="visibility:hidden;">   
        <input type="text" id="txt_myPage" style="visibility:hidden;" > 
         <input type="text" id="txt_navegador" style="visibility:hidden;">
         <input type="text" id="txt_width" style="visibility:hidden;"> <script> document.getElementById("tipodispositivo").value = "PC";  </script><script> document.getElementById("txt_myPage").value = "/Redes-Sociales.php";  </script><script> document.getElementById("txt_navegador").value = "Unknown";  </script><script> 
       sizeW = 0;
       sizeH = 0;
       window.onresize = resize;

       function orientationChanged(){

       }


       function setResolution(){    
              
        document.getElementById("txt_width").value = document.body.clientWidth ;


            sizeW = 0;
            sizeH = 0;

            getSize();

            divW = 960
            divH = 300;
            divPos = 400;
            newSizeW = 0;
            newSizeH = 0;
            newLeft = 0;
            newSizeW = ((sizeW * divW) / 1920);
            newSizeH = ((sizeH * divH) / 979);
            newLeft = (sizeW * divPos) / 1920;

           //alert("newSizeW= "+newSizeW + " newSizeH= "+newSizeH+" sizeW="+sizeW);

            if (document.getElementById("tipodispositivo").value == "PC" || document.getElementById("tipodispositivo").value == "Tablet"){


                  
                    if (newSizeW <= 550){
                       
                        newSizeW = sizeW;
                        newLeft = 0;
                    }else{
                        if(newSizeW <= 600){
                             newSizeW = 650;
                        }
                    }
                    if(newSizeW > divW){
                        newLeft = (newSizeW - divW) / 2;
                        newSizeW = divW;
                    }
                    if (sizeW > divW){
                        newSizeW = divW;
                        newSizeH = divH;
                        newLeft = (sizeW - newSizeW) / 2;
                    }

                    if (document.getElementById("txt_myPage").value == "/index.php" || document.getElementById("txt_myPage").value == "/"){
                        
                        
                        document.getElementById("slider1_container").style.width = newSizeW; 
                        document.getElementById("slider1_container").style.height = newSizeH; 
                        document.getElementById("slider1_container").style.left = newLeft; 
                        document.getElementById("tbl_slider").style.left = newLeft;   
                          

                    }

            }else{
               
            }
            
                  var img_logo_texto = document.getElementById("logo_texto");
                   if (document.getElementById("tipodispositivo").value == "PC" || document.getElementById("tipodispositivo").value == "Tablet" ){              
                      
                       if (sizeW < 1140 ){          
                            
                          var newSizeImgW = ((sizeW * 950) / 1140);
                          img_logo_texto.width = newSizeImgW;
                          var newSizeImgH = ((sizeW * 160) / 950);
                          img_logo_texto.height = newSizeImgH;
                        }else{
                          if(img_logo_texto.width != 950){
                                  img_logo_texto.width = 950;
                                  img_logo_texto.height = 160;
                              }
                        }
                   }else{
                      if (document.getElementById("tipodispositivo").value == "Movil"){ 

                            img_logo_texto.width = 350;
                            img_logo_texto.height = 68;

                          if (document.body.clientWidth <= 360 ){
                            
                              // Movil Vertical

                              document.getElementById("slider1_container").style.width = 300; 
                              document.getElementById("slider1_container").style.height = 400; 
                              document.getElementById("slider1_container").style.left = 0; 
                              document.getElementById("tbl_slider").style.left = 0; 

                              document.getElementById("imagen_galeria_opciones").style.display = "none"; 
                              
                              document.getElementById("img_galeria").style.left = 0; 
                              document.getElementById("img_galeria").style.width = 300; 
                              document.getElementById("img_galeria").style.height = 400;

                          }else{

                             if (document.body.clientWidth <= 600){

                                // Movil Horizontal 

                                  document.getElementById("slider1_container").style.height = document.body.clientHeight;
                                  document.getElementById("img_galeria").style.width = 350;


                             }else{
                                  if (document.body.clientWidth <= 768){
                                      //Movil grande - Vertical

                                      img_logo_texto.width = 500;
                                      img_logo_texto.height = 100;
                                      document.getElementById("slider1_container").style.height = 300;
                                      document.getElementById("img_galeria").style.width =  500; 
                                  }else{
                                      //Movil grande - Horizontal

                                      img_logo_texto.width = 700;
                                      img_logo_texto.height = 130;
                                      document.getElementById("slider1_container").style.height = 400;
                                      document.getElementById("img_galeria").style.width = 800; 
                                      document.getElementById("img_galeria").style.height = 400; 
                                      document.getElementById("slider1_container").style.left = 25; 

                                      

                                  }
                             }
                          }      
                      }
                   } 
        }

        function getSize() { 
            var myWidth = 0, myHeight = 0; 
            if( typeof( window.innerWidth ) == "number" ) { 
              //No-IE 
              myWidth = window.innerWidth; 
              myHeight = window.innerHeight; 
            } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
              //IE 6+ 
              myWidth = document.documentElement.clientWidth; 
              myHeight = document.documentElement.clientHeight; 
            } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
              //IE 4 compatible 
              myWidth = document.body.clientWidth; 
              myHeight = document.body.clientHeight; 
            } 
            //window.alert( "Width = " + myWidth ); 
            //window.alert( "Height = " + myHeight ); 
            //document.getElementById("resultado").innerHTML="El ancho de la pagina es de "+ myWidth +"px y el alto es de "+ myHeight +"px";  
            sizeW = myWidth;
            sizeH = myHeight;            
        } 

        function resize() {
            setResolution();
         }

      </script><!DOCTYPE html>
    
     <!-- START HEAD -->
                            
		<head>
		<meta charset="UTF-8" />
        <!-- this line will appear only if the website is visited with an iPad -->
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.2, user-scalable=yes" />
        
        <title>Colegio GRS</title>
        
        <!-- [favicon] begin -->
        <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" />
        <link rel="icon" type="image/x-icon" href="images/favicon.ico" />
        <!-- Touch icons more info: http://mathiasbynens.be/notes/touch-icons -->
        <!-- For iPad3 with retina display: -->
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x.png" />
        <!-- For first- and second-generation iPad: -->
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x.png" />
        <!-- For first- and second-generation iPad: -->
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x.png" />
        <!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
        <link rel="apple-touch-icon-precomposed" href="apple-touch-icon-57x.png" />
        <!-- [favicon] end -->
        
        <!-- CSSs -->
        <link rel="stylesheet" type="text/css" media="all" href="css/reset.css" /> <!-- RESET STYLESHEET -->
        <link rel="stylesheet" type="text/css" media="all" href="style.css" /> <!-- MAIN THEME STYLESHEET -->
        <link rel="stylesheet" id="max-width-1024-css" href="css/max-width-1024.css" type="text/css" media="screen and (max-width: 1240px)" />
        <link rel="stylesheet" id="max-width-768-css" href="css/max-width-768.css" type="text/css" media="screen and (max-width: 987px)" />
        <link rel="stylesheet" id="max-width-480-css" href="css/max-width-480.css" type="text/css" media="screen and (max-width: 480px)" />
        <link rel="stylesheet" id="max-width-320-css" href="css/max-width-320.css" type="text/css" media="screen and (max-width: 320px)" />
        
        <!-- CSSs Plugin -->
        <link rel="stylesheet" id="thickbox-css" href="css/thickbox.css" type="text/css" media="all" />
        <link rel="stylesheet" id="styles-minified-css" href="css/style-minifield.css" type="text/css" media="all" />
        <link rel="stylesheet" id="buttons" href="css/buttons.css" type="text/css" media="all" />
        <link rel="stylesheet" id="cache-custom-css" href="css/cache-custom.css" type="text/css" media="all" />
        <link rel="stylesheet" id="custom-css" href="css/custom.css" type="text/css" media="all" />
	    
        <!-- FONTs -->
        <link rel="stylesheet" id="google-fonts-css" href="http://fonts.googleapis.com/css?family=Oswald%7CDroid+Sans%7CPlayfair+Display%7COpen+Sans+Condensed%3A300%7CRokkitt%7CShadows+Into+Light%7CAbel%7CDamion%7CMontez&amp;ver=3.4.2" type="text/css" media="all" />
        <link rel="stylesheet" href="css/font-awesome.css" type="text/css" media="all" />
        
        <!-- JAVASCRIPTs -->
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/comment-reply.js"></script>
        <script type="text/javascript" src="js/jquery.quicksand.js"></script>
        <script type="text/javascript" src="js/jquery.tipsy.js"></script>
        <script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
        <script type="text/javascript" src="js/jquery.cycle.min.js"></script>
        <script type="text/javascript" src="js/jquery.anythingslider.js"></script>
        <script type="text/javascript" src="js/jquery.eislideshow.js"></script>
        <script type="text/javascript" src="js/jquery.easing.js"></script>
        <script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
        <script type="text/javascript" src="js/jquery.aw-showcase.js"></script>
        <script type="text/javascript" src="js/layerslider.kreaturamedia.jquery-min.js"></script>
        <script type="text/javascript" src="js/shortcodes.js"></script>
		<script type="text/javascript" src="js/jquery.colorbox-min.js"></script>
		<script type="text/javascript" src="js/jquery.tweetable.js"></script>

    <script type="text/javascript">
          function makeCall($tel){
              //alert("Llamando al "+$tel);
          }
    </script>
		
		</head>		
	    <!-- END HEAD -->
    
    <!-- START BODY -->
    <style type="text/css">

    </style>
    <body class="no_js responsive page-template-home-php stretched">
    
     <div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/es_ES/sdk.js#xfbml=1&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>  
        
        <!-- START BG SHADOW -->
        <div class="bg-shadow">
            
            <!-- START WRAPPER -->
            <div id="wrapper" class="group">
                
                 <!-- START HEADER -->
                            
		<div id="header" class="group">
                    
                    <div class="group inner">
                        
                         
                        <div id="logo" class="group">
                           
                          <a href="index.php" title="Colegio Gonzalo Ramírez Santana" align="center">

                               <img id = "logo_img"
                                    src = "images/Colegio/logo_transparente.png" 
                                    title = "Colegio Gonzalo Ramírez Santana" 
                                    alt="Colegio Gonzalo Ramírez Santana" 
                                    style ="align:center"
                                    width="150" 
                                    height="180"/>
                               
                               <img id = "logo_texto" 
                                    src = "images/Colegio/texto_gonzaloRamirezSantana9.png" 
                                    title ="Colegio Gonzalo Ramírez Santana" 
                                    alt ="Colegio Gonzalo Ramírez Santana" 
                                    width="930" 
                                    height="160"/>                                
                          </a>
                        </div>


                         

                        <div class="clearer"></div>
                       
                       
                        <!-- START MAIN NAVIGATION -->
						
                        <div class="menu classic">
                            <ul id="nav" class="menu">
                                 <!--
                                <li>
                                    <a href="index.php"><font color="#000066">INICIO</font></a>
                                    <ul class="sub-menu">                                      
                                    </ul>
                                </li>
                                -->
                                <li>
                                    <a href="#"><font color="#000066">NOSOTROS</font></a>
                                    <ul class="sub-menu">
                                        <li><a href="Politica_Educativa.php">Filosofía</a></li>
										<li><a href="Docentes.php">Docentes</a></li>
										<li><a href="Video2.php">Video</a></li>
                                    </ul>
                                </li>
                                
                                <li>
                                    <a href="OfertaEducativa.php"><font color="#000066">OFERTA ACADÉMICA</font></a>
                                     <!--  <ul class="sub-menu">
										<li><a href="Inscripciones.php">Inscripciones</a></li>
                                        </ul>
									  -->
                                </li>
                                
                                <li>
                                    <a href="Inscripciones.php"><font color="#000066">SERVICIOS ESCOLARES</font></a>
                                  
                                </li>
                                
                                <li>
                                    <a href="#"><font color="#000066">NOVEDADES</font></a>
                                    <ul class="sub-menu">
									     <!-- <li><a href="camaras.php">Cámaras</a></li> -->
                                         <li><a href="article_eventos.php">Eventos</a></li>
										 <li><a href="Galeria.php">Galería</a></li>
										 <li><a href="Redes-Sociales.php">Redes Sociales</a></li>
                                    </ul>
                                </li>
                                
                                <li>
                                    <a href="OtrosServicios.php"><font color="#000066">OTROS SERVICIOS</font></a>
                                 </li>
                                
                                <li>
                                    <a href="Contacto.php"><font color="#000066">CONTACTO</font></a>
                                </li>
								
								<!--  
								<li>
                                    <a href="moodle/login/index.php" target="blank"><font color="#000066" title="Lugar de interacción entre alumnos, papás y maestros">MOODLE</font></a>
                                </li>
                                  -->
                                <!--
                                <li class="remove-under-1024">
                                    <a href="http://themeforest.net/item/pink-rio-responsive-multipurpose-theme/3091259">PURCHASE PINK RIO</a>
                                    <ul class="sub-menu">
                                        <li><a href="http://www.yourinspirationweb.com/tf/support/forum/viewforum.php?f=27">Support forum</a></li>
                                    </ul>
                                </li>
                                 -->
                            </ul>
                        </div>

                        <!-- END MAIN NAVIGATION -->
                        <div id="header-shadow"></div>
                        <div id="menu-shadow"></div>
                    </div>
                    
                </div>

                 <script type="text/javascript">
                  setResolution();
                </script>
	
                <!-- END HEADER -->
                
                <!-- START PAGE META -->
				<div id="page-meta">
				    <div class="inner group">
				        <h3>REDES SOCIALES </h3>
				         </div>
				</div>
				<!-- END PAGE META -->
				
				<!-- START PRIMARY -->
				<div id="primary" class="sidebar-no">
				    <div class="inner group">
				        <!-- START CONTENT -->
				        <div id="content-page" class="content group">
				            <div class="hentry group">
				               
                               <div class="two-fourth " align="center" >
				                    <!--<h4 align="center"><span class="Estilo1">Facebook</span></h4>
                                   <iframe src="http://www.facebook.com/widgets/like.php?href=http://www.colegiogonzaloramirezsantana.com/" scrolling="no" frameborder="0" style="border:none; width:400px; height:100px" scrolling="auto">				</iframe> -->
								
								
								
							<!-- Facebook Badge START -->
							<div style="width: 100%;">
							<a href="https://www.facebook.com/pages/Colegio-Gonzalo-Ram%C3%ADrez-Santana/671544259581386" 
							title="Colegio Gonzalo Ram&#xed;rez Santana" 
							style="font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; 
							font-size: 11px; font-variant: normal; font-style: normal; font-weight: 
							normal; color: #3B5998; text-decoration: none;" target="_TOP" >
							Facebook oficial </a>


							   
			                  </div>

<a href="https://www.facebook.com/pages/Colegio-Gonzalo-Ram%C3%ADrez-Santana/671544259581386" 
							title="Colegio Gonzalo Ram&#xed;rez Santana" target="_TOP"><img class="img" 
							src="https://badge.facebook.com/badge/671544259581386.2050.792809401.png" style="border: 0px;" 
							alt="" style="width:200px"/></a><br /><a href="https://es-la.facebook.com/advertising" title="Crea tu propia insignia" 
							style="font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; font-size: 11px; 
							font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" 
							target="_TOP"></a>
							</div>
							<!-- Facebook Badge END -->
							
						   
							<div class="fb-comments" data-href="https://www.facebook.com/profile.php?id=100004807028685" 
							data-width="400" data-numposts="10" data-colorscheme="light" style="width: 530px; height: 400px; overflow-y: scroll;">
							</div>

			                  <!--
				                <div class="two-fourth last">
								
                                  <h4 align="center"><span class="Estilo1">Twitter</span></h4>
								  				                
										 <blockquote class="twitter-tweet" lang="es"><p>¡Bienvenidos al twitter oficial del colegio Gonzalo Ramírez Santana!</p>&mdash; ColegioGRS (@ColegioGRS) <a href="https://twitter.com/ColegioGRS/status/507182334970699776">septiembre 3, 2014</a></blockquote>
										<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
                                 

								 </div>
									-->

				                <div class="clear space"></div>
				                <div class="clear line"></div>

                                
								
                               
				            </div>
				           
				        </div>
				        <!-- END CONTENT -->
				        <!-- START EXTRA CONTENT -->
				        <!-- END EXTRA CONTENT -->
				    </div>
				</div>
				<!-- END PRIMARY -->
				
				<!-- START COPYRIGHT -->
                				
				<!-- START COPYRIGHT -->
                <div id="copyright">
                    <div class="inner group">
                        <div class="left">
                          <!-- <a href="http://yithemes.com/?ddownload=2046&ap_id=pinkrio-html"><strong>Download the free version for Wordpress</strong></a>-->
                        </div>
                        <div class="right">
                            <a href="https://www.facebook.com/pages/Colegio-Gonzalo-Ram%C3%ADrez-Santana/671544259581386" target="blank" class="socials-small facebook-small" title="Facebook">facebook</a>
                            <a href="https://twitter.com/ColegioGRS" target="blank" class="socials-small twitter-small" title="Twitter">twitter</a>
                           
                            <a href="https://www.youtube.com/channel/UCDLnTMnPQULsQzziCGzLeiA/videos" target="blank" class="socials-small youtube-small" title="youtube">youtube</a>
                        </div>
                    </div>
                </div>
                <!-- END COPYRIGHT -->
		
		                <!-- END COPYRIGHT -->
            </div>
            <!-- END WRAPPER -->
        </div>
        <!-- END BG SHADOW -->
        
        <script type="text/javascript" src="js/jquery.custom.js"></script>
        <script type="text/javascript" src="js/contact.js"></script>
        <script type="text/javascript" src="js/jquery.mobilemenu.js"></script> 
        
    </body>
    <!-- END BODY -->
</html>