<!DOCTYPE HTML>
<html><head>
    <meta charset="utf-8">
    <!--<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=100%; initial-scale=1; maximum-scale=1; minimum-scale=1; user-scalable=no;" />-->
    <meta name="author" content="{$INFO_EMPRESA}">
    <meta name="copyright" content="{$INFO_EMPRESA}">
    <meta name="description" content="{$DESCRIPCION}" />
    <meta name="keywords" content="{$KEYWORDS}" />
  
    <title>{$TITULO}</title>

    <link type="text/css" 	rel="stylesheet"	href="{$TEMPLATE_URL}/css/bootstrap.min.css" />
    <link type="text/css" 	rel="stylesheet"	href="{$TEMPLATE_URL}/default.css" />
    <link type="image/x-icon" rel="shortcut icon" href="{$TEMPLATE_URL}/img/favicon.ico">
    <link type="image/gif"    rel="icon" 		  	href="{$TEMPLATE_URL}/img/favicon.gif">

<link href='http://fonts.googleapis.com/css?family=Titillium+Web' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>



 <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Rajdhani' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Nunito' rel='stylesheet' type='text/css'>

<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Istok+Web' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>


<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>


<link href="{$TEMPLATE_URL}/css/jquery.mCustomScrollbar.css" rel="stylesheet" />

  <link type="text/css" 	rel="stylesheet"	href="{$SITE_URL}/libs/fancybox/jquery.fancybox.css?v=2.0.6" media="screen" />
        {literal}
<!--        <script>
		  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
		  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
		  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
		  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
		
		  ga('create', 'UA-24782652-1', 'auto');
		  ga('send', 'pageview');
		
		</script>
-->        {/literal}
		<script type="text/javascript" src="{$SITE_URL}/libs/jquery/jquery-1.8.3.min.js"></script>
        		<script type="text/javascript" src="{$SITE_URL}/libs/bootstrap/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="{$SITE_URL}/libs/jquery_tools/jquery.tools.min.js"></script>
		<script type="text/javascript" src="{$SITE_URL}/libs/jquery/plugins/jquery.validate.min.js"></script>
		<script type="text/javascript" src="{$SITE_URL}/libs/jquery/plugins/jquery.swfobject.1-1-1.min.js"></script>
		<script type="text/javascript" src="{$SITE_URL}/libs/fancybox/jquery.fancybox.pack.js?v=2.0.6"></script>
		<script src="{$SITE_URL}/libs/jquery/plugins/jquery.mCustomScrollbar.concat.min.js"></script>
        
       
</head>
<body>
<div id="fullsite">
        <div id="layer_contbg">
        </div> 
        
        
        <div id="header_wrapper">
        <div class="header_layer_bg"></div>

            <div id="header">
                    <div id="logo">
                        <a href="{$SITE_URL}" id="logo2"><img src="{$TEMPLATE_URL}/img/logo.png" /></a>
                    </div>     
                    
                    <style>
						
					#clientes{
						right:20px;
						position:relative;
						float:right;
						border:0px solid #0F0;
						margin:14px 0;}
						
					#clientes li{
						float:left;
						list-style:none;
						padding:5px 15px;
						border-right:1px solid #dadfe3;
						font-family: 'Ubuntu', sans-serif;
						font-weight:normal;
						font-size:13px;
						}
						
					#clientes li a{
						position:relative;
						top:0px;
						text-decoration:none;
						color:#697aab;
						font-weight:normal;
						}

					#clientes li a:hover{
						position:relative;
						top:-0px;
						text-decoration:none;
						color:#0d9bec !important;
						font-weight:normal;
						}

					#clientes li img{
						position:relative;
						margin:0px 0 0 0;
						padding:0 10px;
									}
                    </style>
                    
                    <div id="clientarea">
                        {$MONEDAS}
                    	<div id="clientes">
                            <ul>
                                <li><img src="{$TEMPLATE_URL}/img/icon_top_phone.png"><a href="{$SITE_URL}/contacto">Contacto</a></li>
                                <li><img src="{$TEMPLATE_URL}/img/icon_top_safeguard.png"><a href="http://ayuda.afterfuture.net/" target="_blank">Soporte y Asistencia</a></li>
                                <li><img src="{$TEMPLATE_URL}/img/icon_top_clientarea.png"><a href="{$SITE_URL}/clientes">Acceso a Clientes</a></li>
                            </ul>
                    	</div>
                    </div>  
                                 
                                
            </div>
        
            <div id="menu_wrapper">
                <div id="menu">
                    {$MENU}
                </div>
            </div>
        </div>
        
        
        
        <div id="contenido">    
            <div id="loading">
                <img src="{$TEMPLATE_URL}/img/loader.gif" />
            </div>
                         
            <div class="contenido_ajax">
 
 
                {$CONTENIDO} 
        
           </div>
            
        </div>
        
        <div id="footer_layer">
        </div>
        
        <div id="footer_partners">
            <img style="max-width:100%; height:auto; padding:5px 25px;" src="{$TEMPLATE_URL}/img/footer_logos.png">
        </div>
        
        <div id="wrapper_footer">
                <div id="footer">
                        <div class="footer_links">
                            <strong>SERVICIOS WEB</strong>
                            <ul>
                                <li><span> > </span><a href="{$SITE_URL}/WebHosting" target="_self">Hospedaje Web</a></li>
                                <li><span> > </span><a href="{$SITE_URL}/Resellers" target="_self">Resellers y Multidominio</a></li>
                                <li><span> > </span><a href="{$SITE_URL}/Dominios" target="_self">Registro de Dominios</a></li>
                            </ul>
                        </div>
                        <div class="footer_links">
                            <strong>SERVIDORES</strong>
                            <ul>
                                <li><span> > </span><a href="{$SITE_URL}/servidores/dedicados" target="_self">Servidores Dedicados</a></li>
                                <li><span> > </span><a href="{$SITE_URL}/Servidores" target="_self">Servidores Virtuales (VPS)</a></li>
                                <li><span> > </span><a href="{$SITE_URL}/Streaming" target="_self">Servidores Streaming</a></li>
                            </ul>
                        </div>
                        <div class="footer_links">
                            <strong>DESARROLLO WEB</strong>
                            <ul>
                                <li><span> > </span><a href="{$SITE_URL}/SolucionesWeb" target="_self">Consultoría Web</a></li>
                                <li><span> > </span><a href="{$SITE_URL}/diseno-y-desarrollo/sitio-web-personal" target="_self">Constructor Web</a></li>
                                <li><span> > </span><a href="{$SITE_URL}/diseno-y-desarrollo/portal-web-empresarial" target="_self">Portales Profesionales</a></li>
                            </ul>
                        </div>
                        <div class="footer_links">
                            <strong>EMPRESA</strong>
                            <ul>
                                <li><span> > </span><a href="{$SITE_URL}/nuestra-empresa" target="_self">¿Quienes Somos?</a></li>
                                <li><span> > </span><a href="{$SITE_URL}/porque-elegirnos" target="_self">Porqué Elegirnos</a></li>
                                <li><span> > </span><a href="{$SITE_URL}/politica-de-privacidad" target="_self">Política de Privacidad</a></li>
                            </ul>
                        </div>
                        <div class="footer_links">
                            <strong>CLIENTES</strong>
                            <ul>
                                <li><span> > </span><a href="https://www.afterfuture.net/clientes/clientarea.php" target="_self">Acceso a Clientes</a></li>
                                <li><span> > </span><a href="{$SITE_URL}/contacto" target="_self">Soporte y Asistencia</a></li>
                                <li><span> > </span><a href="{$SITE_URL}/contacto" target="_self">Contacto</a></li>
                            </ul>
                        </div>
                </div>
                
                    <div id="wrapper_payment">
                                <div id="payment"> 
                                    <img src="{$TEMPLATE_URL}/img/paymethod.png">
                                </div>
                            
                                <div id="wrapper_copyright"> 
                                    <div class="copyright">
                                        {$INFO_EMPRESA} 2015<br />
                                        Somos parte de GrupoWHM<br>
                                    </div>
                                    <img class="footer_grupowhm" src="{$TEMPLATE_URL}/img/footer_grupowhm.png" />
                                </div>
                     </div>    
            </div>
                
            <div class="facebook_v">
                <div class="socialmedia_cont">
                
                    <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FWebHostingEmpresas&amp;width=300&amp;height=258&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;show_border=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowTransparency="true"></iframe>    
                
                </div>
                <div class="btn_slide"><img src="{$TEMPLATE_URL}/img/facebook-v.png" /></div>
            </div>
            <div class="twitter_v">
                <div class="socialmedia_cont">
                
                    <a class="twitter-timeline"  href="https://twitter.com/grupowhm"  data-widget-id="361674164286922754">Tweets por @grupowhm</a>
                    {literal}<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>{/literal}
            
                </div>
                <div class="btn_slide"><img src="{$TEMPLATE_URL}/img/twitter-v.png" /></div>
            </div>
            <!--<div class="newsletter_v">
                <div class="socialmedia_cont">
                        $BOLETIN
                </div>
                <div class="btn_slide"><img src="{$TEMPLATE_URL}/img/newsletter-v.png" /></div>
            </div>-->

</div>
{$ALERTA_COOKIES}
{literal}
<script>

		$('.btn_slide').toggle(function(){
			$(this).parent().animate({marginRight:'320px'}, 100);
			$(this).parent().css('z-index','1001');
			},
			
			function(){
			$(this).parent().animate({marginRight:'0px'}, 100);
			$(this).parent().css('z-index','999');
			});
	 

	function changebg(seo){
		if (seo == ''){
				seo = 'home';
			}
		
	
		$('#layer_contbg').animate({
			opacity: 0,
		}, 700)	
		var urlbg = '{/literal}{$TEMPLATE_URL}{literal}/img/bg_' + seo +'.jpg';
		$('#layer_contbg').css('background-image', 'url('+ urlbg +')');
			$('#layer_contbg').animate({
			opacity: 1,
		}, 700)	
	
		
	}
	
changebg('{/literal}{$CATEGORIA}{literal}');

$(document).ready(function() {
	
	var listItems = $('#menu ul li.menuitem');
	var count = listItems.length;
	var menu_width = $('#menu').width();
	var menu_width = menu_width-count;
	var menu_width = menu_width-90;
	var width =	menu_width/count;
	$('#menu ul li.menuitem').css("width", width).css("padding", "7px 0")
	
	
	
	$(document).scroll(function () {
		
						var scrltp = $(document).scrollTop();
						
							scrltp1 = parseInt(scrltp/1);
							scrltp2 = parseInt(scrltp/2);
							scrltp3 = parseInt(scrltp/3);
							scrltp4 = parseInt(scrltp/4);
							scrltp5 = parseInt(scrltp/5);
							scrltp6 = parseInt(scrltp/6);
		
					$('#layer_contbg').css({backgroundPosition: "0 -"+ scrltp3 +"px"})
					$('#websitecont').css({backgroundPosition: "0 -"+ scrltp2 +"px"})
					$('.website_extras').css({backgroundPosition: "0 -"+ scrltp1 +"px"})
					$('#header').css({marginTop: "-"+ scrltp2 +"px"})
		
	});
	
/*	changebg('{/literal}{$CATEGORIA}{literal}');
*/
	$(".overlayed").fancybox({
		maxWidth	: 1170,
		maxHeight	: 550,
		fitToView	: false,
		width		: 1024,
		height		: 550,
		autoSize	: false,
		closeClick	: false,
		scrolling	: 'no',
		padding		: 0,
		margin		: 0,
	});
});

	  
		$('#menu ul li').hover(
			function(){
					
					var listItems = $(this).children().children('li');
					var count = listItems.length;
					var menu_width = $('#menu').width();
					
					var width =	menu_width/count;
					
					$('ul.submenu li').css("width", width).css("padding", "7px 0")
					
				}
			
		);	
		
			
			
		
		
		$(document).ready(function() {
			
		
					$(window).scroll(function () {
						
						if($(window).scrollTop() >= 0) {
							
									$('#header').hide();
									$('#header_wrapper').css({backgroundPosition: "0 -58px"})
									$('#contenido').css({backgroundPosition: "0 -58px"})
						}
						
						if($(window).scrollTop() <= 90) {
							
									$('#header').show();
									$('#header_wrapper').css({backgroundPosition: "0 0"})
									$('#contenido').css({backgroundPosition: "0 94px"})
						}
					});
				});
		
		

</script>
{/literal}
{$AJAX}
{$ZOPIM}
</body>
</html>