<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Liderazgo que une fuerzas</title>

<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600" rel="stylesheet" type="text/css" />
<link href='http://fonts.googleapis.com/css?family=Abel|Satisfy' rel='stylesheet' type='text/css'>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
<link href="stylemenu.css" rel="stylesheet" type="text/css" />
<link href="assets/royalslider/royalslider.css" rel="stylesheet">
<link href="assets/royalslider/skins/default-inverted/rs-default-inverted.css" rel="stylesheet">
{literal}
<script type="text/javascript" src="assets/royalslider/jquery-1.8.3.min.js" ></script>
<script type="text/javascript" src="assets/royalslider/jquery.royalslider.min.js" ></script>


<style>
#slider-in-laptop {
  width: 500px;
  height: 263px;
  padding: 0% 15% 7%;
  background: none;
}
#slider-in-laptop .rsOverflow,
#slider-in-laptop .rsSlide,
#slider-in-laptop .rsVideoFrameHolder,
#slider-in-laptop .rsThumbs {
  background: #151515;
}
.imgBg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
}
#slider-in-laptop .rsBullets {
  bottom: -25px;
}
.laptopBg {
  position: relative;
  width: 100%;
  height: auto;
}
#slider-in-laptop .rsBullets {
    bottom: -30px;
}
</style>
{/literal}
</head>

<body>

<div id="wrapper">
	<div id="header-wrapper">
		<div id="header" class="container">
			<div id="logo">
				<img style="border-width: 0px;" src="Imagenes/carlos-faros2_01.gif" width="1024" height="142" />
				
			</div>
		<div id="menu">
			<ul id="nav">
	<li><a href="#">Link Item 1</a>
		<ul><!-- Begin Sub Level -->
			<li><a href="#">1 First Sub Level item</a></li>
			<li><a href="#">2 First Sub Level item</a></li>
			<li><a href="#">3 First Sub Level item</a></li>
		</ul><!-- End Sub Level -->
	</li>	
	<li><a href="#">Link Item 2</a>
		<ul><!-- Begin Sub Level -->
			<li><a href="#">4 Second Sub Level item</a></li>
			<li><a href="#">5 Second Sub Level item</a></li>
			<li><a href="#">6 Second Sub Level item</a></li>
		</ul><!-- End Sub Level -->
	</li>	
	<li><a href="#">Link Item 3</a>
		<ul><!-- Begin Sub Level -->
			<li><a href="#">7 Third Sub Level item</a></li>
			<li><a href="#">8 Third Sub Level item</a></li>
			<li><a href="#">9 Third Sub Level item</a></li>
		</ul><!-- End Sub Level -->
	</li>	
</ul>
		
			</div>
		<div id="tapon"><img style="border-width: 0px;" src="Imagenes/tapon.gif" width="196px" height="27px" />
				</div>
		</div>
	
	
	</div> 
		
		
	<!-- end #header -->
	<center>
	<div id="page">
		<div id="content">
			<div class="post">
			
			<div class="laptopBg">
				
      <img src="Imagenes/fondo_02.gif" class="imgBg">
      <div id="slider-in-laptop" class="royalSlider rsDefaultInv">
        <img src="Imagenes/transparencia_03.gif">
        <img src="img/full-width/medium/2.jpg" data-rsvideo="https://vimeo.com/45778774">
        <img src="img/full-width/medium/3.jpg">
        <img src="img/full-width/medium/4.jpg">
      </div>
    </div>
{literal}
<script type="text/javascript">
jQuery(document).ready(function($) {
  var rsi = $('#slider-in-laptop').royalSlider({
    autoHeight: false,
    arrowsNav: false,
    fadeinLoadedSlide: false,
    controlNavigationSpacing: 0,
    controlNavigation: 'bullets',
    imageScaleMode: 'fill',
    imageAlignCenter: true,
    loop: false,
    loopRewind: false,
    numImagesToPreload: 6,
    keyboardNavEnabled: true,
    autoScaleSlider: true,  
    autoScaleSliderWidth: 486,     
    autoScaleSliderHeight: 256,

    /* size of all images http://help.dimsemenov.com/kb/royalslider-jquery-plugin-faq/adding-width-and-height-properties-to-images */
    imgWidth: 792,
    imgHeight: 479



  }).data('royalSlider');
  $('#slider-next').click(function() {
    rsi.next();
  });
  $('#slider-prev').click(function() {
    rsi.prev();
  });
});

</script>
	{/literal}			
				<div id="featured-content">
		<div id="column1" align="left">
			<p><img src="Imagenes/inteligencia_03.gif" alt="" /></p>
			<p>Etiam non felis. Dosxsxnec ut sante In id eros. Suspendisse lacus turpis, cursus egestas at sem. Mauris quam enim, molestie.</p>
			<p class="button"><a href="#">Visitar</a></p>
		</div>
		<div id="column2" align="left">
			<p><img src="Imagenes/consultoria_03.gif" alt="" /></p>
			<p>Etiam non feldis. Dec dut ante. In id ersos. Suspendisse lacus turpis, cursus egestas at sem. Mauris quam enim, molestie.</p>
			<p class="button"><a href="#">Visitar</a></p>
		</div>
		<div id="column3" align="left">
			
			<p><img src="Imagenes/finanzas_03.gif" alt="" /></p>
			<p>Etiam non felis. Donec ut ante. In id eros. Suspendisse lacus turpis, cursus egestas at sem. Mauris quam enim, molestie.</p>
			<p class="button">
			
			<a href="#">Visitar</a></p>
		</div>
	</div>
	
				
			</div>
		</div>
		<!-- end #content -->
		<div id="sidebar">
		<br><br>
			<table border="0" ><tr><td style="text-align: right;" ><img style="border-width: 0px;" src="Imagenes/sidem_03.gif" width="103" height="61" />
			</td></tr><tr><td style="text-align: right;"><img style=" border-width: 0px;" src="Imagenes/OASIS_07.gif" width="91" height="64" />
			
			</td></tr><tr><td style="text-align: right;"><img style=" border-width: 0px;" src="Imagenes/DIC_11.gif" width="73" height="66" /></td></tr><tr><td style="text-align: right;"><img style=" border-width: 0px;" src="Imagenes/logo_viemsys_03.gif" width="114" height="65" />
			</td></tr></table>
		</div>
		<!-- end #sidebar -->
		<div style="clear: both;">&nbsp;</div>
	</div>
	<!-- end #page --> 
	
</div>
<!---
<div id="footer">
	
</div>
--->
</center>
<!-- end #footer -->
{content}
</body>
</html>