<!--
sitio: www.interlimec.com
file: slider.php
realizado por: iridizen.com
programador: Ing. Daniel Castillo Torres
Fecha: 26/01/12
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en-US" xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
<title>Slider</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<script src="libs/slider/jquery-1.4.2.js" type="text/javascript" charset="utf-8"></script>
<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>
<style type="text/css" >
body{overflow: hidden;}
a {text-decoration:none;}
.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 .content { width: 926px; height: 296px; font-family:Arial; position: relative; overflow: hidden; }
.slider1 .content ul { list-style: none outside none; position: relative; overflow: hidden; }
.slider1 .content ul li { position: relative; width: 926px; height: 362px; }
.slider1 .content .jcarousel-clip { position: relative; width: 926px; height: 362px; overflow: hidden; }
.slider1 .content .text-container { position: absolute; top: 30px; right:-30px; display: block; z-index: 20; }
.slider1 .content .text-container h2 { position:relative; right:25px; font-style: normal; font-size: 18px; color: #020202; text-transform: none; font-family: Verdana !important; padding-bottom: 10px; text-align: center; }
.slider1 .content .text-container p { text-transform: uppercase; font-size: 13px; font-weight:700; position:relative; right:25px; color: #FFFFFF; text-align: center; }
.slider1 .content .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 .content .text-container .slider-btn2 { display: block; width: 229px; height: 64px; background: url(images/BT_slideAazul.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 .content .text-container .slider-btn_eng { display: block; width: 229px; height: 64px; background: url(images/BT_slideA_eng.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 .content .text-container .slider-btn2_eng { display: block; width: 229px; height: 64px; background: url(images/BT_slideAazul_eng.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 .content .text-container .slider-btn span { display: block; font-size: 14px; text-transform: none; font-weight: normal; font-family: arial; }
.slider1 .content .text-container .slider-btn2 span { display: block; font-size: 14px; text-transform: none; font-weight: normal; font-family: arial; }
.slider1 .content .text-container .slider-btn:hover { background: url(images/BT_slideB_eng.png) no-repeat 0 0; text-decoration: none; }
.slider1 .content .text-container .slider-btn2:hover { background: url(images/BT_slideBazul_eng.png) no-repeat 0 0; text-decoration: none; }
.slider1 .nav { background: url(images/slider-nav-thumb_eng.jpg) no-repeat; width:926px; height:65px; position: absolute; bottom:0px; left: 0px; display: block; z-index: 10; }
.slider1 .nav a { float: left; display: inline; width: 285px; height: 62px; line-height: 0; text-indent: -4000px; margin-left: 16px; }
.slider1 .nav a:hover,
.slider1 .nav a.active { background-position: 0 bottom; }
.slider-btn_eng{position:relative; right:65px;}
.slider-btn2_eng{position:relative; right:65px;}
</style>
</head>
<body>
<!-- slider style 1 -->
<div class="slider1" id="mycarousel1">
<!-- content -->
<div class="content">
<ul>
<li><img src="images/banner_inicio1.jpg"" alt="" />
<div class="text-container">
<h2>MARKET POTENTIAL</h2>
<p style="color:#666666;">Do you have a product, service<br/> or business model with the potential<br/>to take it to another market but <br/>you don't know how to do it?. <br/>Intelimerc is your solution. </p>
<a href="index.php?sec=contacto&leng=ES" class="slider-btn_eng" target="_blank"> </a>
</div>
</li>
<li><img src="images/banner_inicio2.jpg"" alt="" />
<div class="text-container">
<h2>EXPERIENCE </h2>
<p style="color:#666666;">We have successfully executed <br/>international market expansion <br/>projects in virtually all regions <br/>of the world.</p>
<a href="index.php?sec=contacto&leng=ES" class="slider-btn_eng" target="_blank"> </a>
</div>
</li>
<li><img src="images/banner_inicio3.jpg"" alt="" />
<div class="text-container">
<h2>SPECIALIZED CONSULTING</h2>
<p>We are a multidisciplinary team <br/>of professionals with extensive <br/>experience in the Direct Selling <br/>industry as well as other industries.</p>
<a href="index.php?sec=contacto&leng=ES" class="slider-btn2_eng" target="_blank"> </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>