<!--
sitio: www.interlimec.com
file: slider.php
realizado por: iridizen.com
programador: Ing. Daniel Castillo Torres
Fecha: 26/01/12
-->
<style type="text/css">
.slider1 { background: url(../images/slider-bg.gif) repeat-x 0 0; width: 926px; height: 362px; padding: 1px; border: 1px solid #d5d5d5; margin: 10px 0 5px; position: relative; }
.slider1 .contentSlider { width: 926px; height: 296px; position: relative; overflow: hidden; }
.slider1 .contentSlider ul { list-style: none outside none; position: relative; overflow: hidden; }
.slider1 .contentSlider ul li { position: relative; width: 926px; height: 362px; }
.slider1 .contentSlider .jcarousel-clip { position: relative; width: 926px; height: 362px; overflow: hidden; }
.slider1 .contentSlider .text-container { position: absolute; top: 30px; right:-30px; display: block; z-index: 20; }
.slider1 .contentSlider .text-container h2 { font-style: normal; font-size: 25px; color: #020202; text-transform: none; font-family: Verdana !important; padding-bottom: 10px; text-align: center; }
.slider1 .contentSlider .text-container p { text-transform: uppercase; font-size: 15px; color: #7d7d7d; text-align: center; }
.slider1 .contentSlider .text-container .slider-btn { display: block; width: 229px; height: 64px; background: url(../images/BT_slideA.png) no-repeat 0 0; text-align: center; font-size: 17px; text-transform: uppercase; color: #fff; font-weight: bold; text-shadow: 0px 1px 1px #3c5761; padding: 8px 5px 0 0; margin: 45px 0 0 90px; line-height: 20px; }
.slider1 .contentSlider .text-container .slider-btn span { display: block; font-size: 14px; text-transform: none; font-weight: normal; font-family: arial; }
.slider1 .contentSlider .text-container .slider-btn:hover { background: url(../images/BT_slideB.png) no-repeat 0 0; text-decoration: none; }
.slider1 .nav { position: absolute; bottom: -24px; left: 350px; display: block; z-index: 10; }
.slider1 .nav a { float: left; display: inline; width: 15px; height: 15px; background: url(../images/slider2-nav-thumb1.gif) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; margin-right: 7px; }
.slider1 .nav a:hover,
.slider1 .nav a.active { background-position: 0 bottom; }
.slider-btn{position:relative; right:40px;
</style>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="libs/slider/jquery.jcarousel.js" type="text/javascript" charset="utf-8"></script>
<script src="libs/slider/js-func.js" type="text/javascript" charset="utf-8"></script>
<!-- slider style 1 -->
<div class="slider1" id="mycarousel1">
<!-- content -->
<div class="contentSlider">
<ul>
<li><img src="images/banner_inicio1.jpg" alt="" width="926"/>
<div class="text-container">
<h2>Presencia<br />Internacional</h2>
<p>DESCUBRA COMO LLEVAR<br/>SUS PRODUCTOS O SERVICIOS<br/>AL MERCADO INTERNACIONAL</p>
<a href="?sec=contacto&leng=ES" class="slider-btn"> </a>
</div>
</li>
<li><img src="images/banner_inicio2.jpg" alt="" width="926" />
<div class="text-container">
<h2>Estrategia</h2>
<p>DESCUBRA COMO LLEVAR<br/>SUS PRODUCTOS O SERVICIOS<br/>AL MERCADO INTERNACIONAL</p>
<a href="?sec=contacto&leng=ES" class="slider-btn"> </a>
</div>
</li>
<li><img src="images/banner_inicio3.jpg" alt="" width="926"/>
<div class="text-container">
<h2>Amplie Sus<br />Mercados</h2>
<p>DESCUBRA COMO LLEVAR<br/>SUS PRODUCTOS O SERVICIOS<br/>AL MERCADO INTERNACIONAL</p>
<a href="?sec=contacto&leng=ES" class="slider-btn"> </a>
</div>
</li>
</ul>
</div>
<!-- end content -->
<!-- slider navigation -->
<div class="nav">
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
<div class="cl"> </div>
</div>
<!-- end slider navigation -->
</div>
<!-- end slider style 1 -->
</body>
</html>