<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Frm_NovedadesHome.aspx.vb" Inherits="SGHweb.Frm_NovedadesHome" %>

<!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">
<head runat="server">
    <title></title>
<script src="../Scripts/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="../Scripts/novedades/jquery.jcarousel.js"></script>
<script type="text/javascript" src="../Scripts/novedades/newscarousel.js"></script>
<style>

body {
  font-family:"Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, sans-serif;
  background: transparent url(../Scripts/novedades/light-bg.gif) repeat;
  color: #565656;
  font-size: 11px;
  overflow-y: scroll;
  overflow-x: hidden;
}
 
html, body {
  height: 100%;
}
 
p {
  line-height: 20px;
  margin-bottom: 20px;
}
 
a {
  text-decoration: none;
  color: #1f1f1f;
}
 
a:hover {
  text-decoration: none;
  color: #5d8ba6;
}
 
h1, h2, h3, h4, h5, h6 {
  font-family: 'Puritan20Normal';
  font-weight: normal;
  color: #1f1f1f;
  margin-bottom: 10px;
}
 
h4 {
  font-size: 17px;
  margin-bottom: 20px;
}
 
img.left {
  top: 0px;
  float:left;
  display: block;
  margin:0;
  padding:0;
  margin-right:20px;
}
 
#wrapper {
  width: 300px;
  padding-top: 0;
  line-height: 20px;
}
    
.jcarousel-container {
  float:left;
  display: block;
  position: relative;
  margin:0;
  padding:0;
}
 
.jcarousel-container-vertical {
  width:  282px;
  height: 535px;
}
 
.jcarousel-clip-vertical {
  height: 535px;
}
 
.jcarousel-item {
  height: 60px;
  overflow: hidden;
  position: relative;
  display: block;
  z-index: 1;
}
 
#newslist ul li {
  width:  241px;
  background: none;
  margin: 2px 0 18px 2px;
  background-color: #FFF;
  -webkit-box-shadow: 0px 1px 2px 0px #b7b7b7;
  -moz-box-shadow: 0px 1px 2px 0px #b7b7b7;
  box-shadow: 0px 1px 2px 0px #b7b7b7;
  padding: 15px;
  display: block;
  overflow: hidden;
  height: auto;
}
 
#newslist p {
  margin: 0;
}
 
#newslist h4 {
  margin-bottom: 8px;
  line-height: 1;
}
 
#newslist h4 span {
  font-style: italic;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 12px;
  color: #565656;
  padding-left: 5px;
}
 
#news h2 {
  float: left;
  margin-top: 10px;
}
 
#scroll {
  overflow: hidden;
  width: 92px;
  height: 25px;
  margin: 20px auto;
  padding: 2px;
}
 
#newslist-next {
  cursor: pointer;
  top:0px;
}
 
#newslist-prev {
  cursor: pointer;
  outline: 0;
}
 
a.jbutton, a.jbutton:link, a.jbutton:visited {
  display: block;
  padding: 0;
  height: 25px;
  width: 40px;
  background: transparent url(../Scripts/novedades/light-arrow.jpg) no-repeat;
  -webkit-box-shadow: 0px 1px 2px 0px #b7b7b7;
  -moz-box-shadow: 0px 1px 2px 0px #b7b7b7;
  box-shadow: 0px 1px 2px 0px #b7b7b7;
  text-indent: -99999px;
}
 
a#newslist-prev.jbutton, a#prev.jbutton {
  background-position: top left;
  float: left;
  height: 25px;
  width: 40px;
  margin-right: 12px;
}
 
a#newslist-next.jbutton, a#next.jbutton {
  background-position: top right;
  float: right;
  height: 25px;
  width: 40px;
}
 
a#newslist-prev.jbutton:hover {
  background-position: left -25px;
  text-decoration: none;
}
 
a#newslist-next.jbutton:hover {
  background-position: right -25px;
  text-decoration: none;
}
</style>
</head>
<body>
    <form id="form1" runat="server">
    <!-- Begin Wrapper -->
  <div id="wrapper">
    <div id="news"> 
    
      <!-- Begin News Navigation -->
      <div id="newslist" >
        <ul id="lista_novedades" runat="server">        
        </ul>
      </div>
      <div class="clearfix"></div>
      <br />
      <div id="scroll"> <a href="#" id="newslist-prev" class="jbutton"></a> <a href="#" id="newslist-next" class="jbutton"></a> </div>
      <div class="clearfix"></div>
      
    </div>
    <!-- End News Navigation --> 
    
  </div>
  <div class="clearfix"></div>

    
    </form>
</body>
</html>
